﻿/**
 * Estilos generales para componentes
 */


.lay-upra__cabecera{
    display: flex;
    width: 100%;
    height: 256px;
    justify-content: center;
    align-items: center;
   	background: green;
	background-repeat: no-repeat;
    background-position: center;
}

.lay-upra__cabecera__atencion{
	background-image: url("/es-co/PublishingImages/encabezados/bg_atencion.png");
}

.lay-upra__cabecera__pop{
	background-image: url("/es-co/PublishingImages/encabezados/bg_pop.png");
}

.lay-upra__cabecera__eva{
	background-image: url("/es-co/PublishingImages/encabezados/bg_eva.png");
}

.lay-upra__cabecera__sigra{
	background-image: url("/es-co/PublishingImages/encabezados/bg_sigra.png");
}

.lay-upra__cabecera__participa{
	background-image: url("/es-co/PublishingImages/encabezados/bg_participa.png");
}

.lay-upra__cabecera__salaprensa{
	background-image: url("/es-co/PublishingImages/encabezados/bg_saladeprensa.png");
}

.lay-upra__cabecera__publicaciones{
	background-image: url("/es-co/PublishingImages/encabezados/bg_publicaciones.png");
}

.lay-upra__cabecera__boletines{
	background-image: url("/es-co/PublishingImages/encabezados/bg_boletines_abastecimiento.png");
}

.lay-upra__cabecera__cooperacion{
	background-image: url("/es-co/PublishingImages/encabezados/bg_cooperacion.png");
}

.lay-upra__cabecera__direcciones{
	background-image: url("/es-co/PublishingImages/encabezados/bg_direcciones.png");
}

.lay-upra__cabecera__normatividad{
	background-image: url("/es-co/PublishingImages/encabezados/bg_normatividad.png");
}

.lay-upra__cabecera__pcg{
	background-image: url("/es-co/PublishingImages/encabezados/bg_planeacion_control_gestion.png");
}

.lay-upra__cabecera__transparencia{
	background-image: url("/es-co/PublishingImages/encabezados/bg_transparencia.png");
}

.lay-upra__cabecera__upra{
	background-image: url("/es-co/PublishingImages/encabezados/bg_upra.png");
}

.lay-upra__cabecera__mesa{
	background-image: url("/es-co/PublishingImages/encabezados/bg_mesa_estadisticas.jpg");
}

.lay-upra__cabecera__insumos{
	background-image: url("/es-co/PublishingImages/encabezados/bg-insumos-agricolas.jpg");
}


.lay-upra__titulo-superior{
	font-family: 'Montserrat', sans-serif;
    font-weight: bold;
	color: white !important;
	font-size: 3em;
    text-align: center;
}

.lay-upra__anuncio-contenedor{
    background: #f9f9f9;
    overflow:hidden;
}

.lay-upra__anuncio{
    max-width: 1140px;
    margin: 0 auto;
    padding: 50px 0 50px;
    display: flex;
}

.lay-upra__anuncio.lay-upra__anuncio--reverso{
	flex-direction: row-reverse;
}
.lay-upra__anuncio-contenido{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 50%;
    padding-right: 40px;
    position: relative;
}

.lay-upra__anuncio-contenido.lay-upra__anuncio-contenido--corto{
	padding-left: 40px;
	padding-right: 0px;
}

.lay-upra__descripcion{
    margin: 40px 0 20px;
}

.lay-upra__titulo{
	color: #212f3d !important;
	text-align: center;
    font-size: 36px;
    position: relative;
    padding-bottom: 7px;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    margin: 0 0 1em;    
}

.lay-upra__titulo:after{
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 400px;
	height: 5px;
	background: #009640;
	transform: translateX(-50%);
}

.lay-upra__resumen{
	font-size: 1.4em;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
    color: #506172;
    line-height: 1.3em !important;
    max-width: 700px;
    margin: 0 auto !important;
    text-align: justify;
}
.lay-upra__desplegable-iconos{
	display: block;
	background: #f9f9f9;
	padding: 50px 0 100px;
	width: 100%;
	text-align:center;
}

.lay-upra__desplegable-iconos__contenedor{
	display: flex;
	max-width: 1200px;
	margin: 0 auto;
	list-style: none;
	justify-content: space-between;
    padding: 0;
}

.lay-upra__desplegable-iconos__item{
    background: white;
    box-shadow: 2px 2px 5px #00000030;
    appearance: none;
    -webkit-appearance: none;
    outline: 0;
    width: 100%;
    max-width: 230px;
    min-width: 180px;
    height: 130px;
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    font-weight: 600;
    margin: 0;
    border: none;
    border-radius: 15px;
    transition: all 0.3s ease 0s;
    display: block;
    position: relative;
}

.lay-upra__desplegable-iconos__caja{
	cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    position: relative;
    width: 100%;
    height: 100%;
    color: black;
}

.lay-upra__desplegable-iconos__caja:hover{
	text-decoration: none !important;
}


.lay-upra__desplegable-iconos__icono{
	display:block;
	margin: -50px auto 0;
	max-width: 80px;
}

.lay-upra__desplegable-iconos__etiqueta{
	color: black;
	font-size: 0.78em;
    line-height: 1;
}

.lay-upra__desplegable-iconos__contenido{
    display: block;
    position: absolute;
    color: white;
    background: #b8cf81;
    font-size: 0.8em;
    line-height: 1.3em !important;
    text-align: left;
    left: 0;
    right: 0;
    top: 130px;
    z-index: 1000;
    overflow:hidden;
    height: 0;
    transition: all 0.3s ease 0s;
}

/*lay-upra__desplegable-iconos__contenido:target,*/
.lay-upra__desplegable-iconos__item:hover .lay-upra__desplegable-iconos__contenido{
	height: 160px;
	padding: 10px 20px;
}

.lay-upra__fecha{
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    background-color: #8fb435;
    color: white;
    display: inline-block;
    font-size: 22px;
    line-height: 55px;
    padding: 0 20px;
}

.lay-upra__parraft{
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    color: black;
    font-size: 1.1em;
    margin-bottom: 1em;
}

.lay-upra__titulo-parraft{
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    color: black !important;
    font-size: 1.1em;
    margin: 0 0 1em;
}

.lay-upra__titulo-flotante{
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 28px;
    background: #009640;
    color: white;
    width: 150%;
    margin-bottom: 0;
    height: 70px;
    display: flex;
    padding-left: 15px;
    justify-content: left;
    align-items: center;
    position: absolute;
    top: -50px;
    left: 0;
}


.lay-upra__imagen{
    margin: 0;
    width: 50%;
    box-sizing: border-box;
    padding: 0 30px;
    position: relative;
}

.lay-upra__imagen--corto{
	width: 45%;
}

.lay-upra__imagen--completa{
	width: 100%;
	text-align:center;
}

.lay-upra__imagen--completa img{
	width: 95%;
}



.lay-upra__imagen:before{
    content: "";
    display: block;
    position: absolute;
    width: 70%;
    max-width: 400px;
    top: -30px;
    bottom: -30px;
    left: 0;
    background-color: #b8cf81;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 20px;
}

.lay-upra__anuncio--no-green .lay-upra__imagen:before{
	content: none;
}

.lay-upra__anuncio--reverso .lay-upra__imagen:before{
	border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 20px;
	top: -30px;
    bottom: 30px;
    left: auto;
    right: 0;

}

.lay-upra__imagen img,
.lay-upra__imagen iframe{
    width: 100%;
    position: relative;
}


.lay-upra__filtros{
	display: flex;
    width: 100%;
    margin: 0 auto;
    max-width: 1140px;
    padding: 50px 0 15px;
    gap: 20px;
}

.lay-upra__filtros button,
.lay-upra__filtros input{
    background: white;
    color: #333333;
    appearance: none;
    -webkit-appearance: none;
    outline: 0;
    width: 100%;
    max-width: 150px;
    height: 55px;
    text-align: center;
    font-size: 18px;
    margin: 0;
    border: 1px solid #c7c7c7;
    border-radius: 10px;
    transition: all 0.3s ease 0s;
    box-shadow: 2px 2px 7px #00000030;
}

.lay-upra__tab-lateral{
	display: flex;
    /*width: 100vw;*/
    width: 100%;
    margin: 0 auto;
    max-width: 1140px;
    padding: 0 0 50px;
}

.lay-upra__tab-lateral .lay-upra__categorias{
	flex: 35%;
    padding: 0;
    display: flex;
    flex-direction: column;
    /*Corregido para Gestion Documental
    justify-content: center;*/
    justify-content: flex-start;
    align-items: center;
    list-style: none;
    box-shadow: 2px 2px 7px #00000030;
}

.lay-upra__tab-lateral .lay-upra__categorias--inicio{
	justify-content: flex-start;
}

.lay-upra__tab-lateral .lay-upra__cuadricula{
	flex: 25%;
    padding: 0;
    display: flex;
    list-style: none;
    flex-wrap: wrap;
    align-content: flex-start; /* Agregado para ajustar letras glosario*/
}

.lay-upra__tab-lateral .lay-upra__cuadro{
	width: 20%;
	margin:2.5%;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid silver;
	box-shadow: 2px 2px 7px #00000030;
	max-height: 72px; /* Agregado para ajustar letras glosario*/
}

.lay-upra__tab-lateral .lay-upra__cuadro.lay-upra__cuadro--activo{
	border-top: 3px solid #009640;
}

.lay-upra__tab-lateral .lay-upra__cuadro-link{
	font-size: 60px;
    font-weight: 700;
    -webkit-text-stroke: 2px black; /* width and color */
    color: white;
    line-height: 1em;
    display: inline-block;
    width: 100%;
    text-align: center;
}

.lay-upra__tab-lateral .lay-upra__cuadro-link:hover{
	text-decoration: none;
    color: gray;
	cursor: pointer;
}

.lay-upra__tab-lateral .lay-upra__cuadro-image{
	width: 50px;
	padding-bottom: 10px;
}


.lay-upra__tab-lateral .lay-upra__categoria{
	width: 100%;
}

.lay-upra__tab-lateral .lay-upra__categoria:hover{
	transform: translateX(-5px);
}

.lay-upra__tab-lateral .lay-upra__categoria-link{
	display: flex;
    color: black;
    appearance: none;
    -webkit-appearance: none;
    outline: 0;
    width: 100%;
    height: 80px;
    font-family: 'Montserrat', sans-serif;
    text-align:center;
    font-size: 18px;
    font-weight: 600;
    /*padding: 0 20px 0 80px;*/
    padding: 0 15px;
    align-items: center;
    margin: 0;
    transition: all 0.3s ease 0s;
    box-sizing: border-box;
    background: #f9f9f9;
    cursor:pointer;
}

.lay-upra__tab-lateral .lay-upra__categoria-link.lay-upra__categoria-link--activo{
	border-top: 5px solid #009640;
	background: white;
}

.lay-upra__tab-lateral .lay-upra__categoria-link-img{
	height: 60px;
	margin-left: 20px;
}

.lay-upra__tab-lateral .lay-upra__categoria-link-texto{
	width: 100%;
    padding-left: 10px;
}

.lay-upra__tab-lateral .lay-upra__contenido{
	flex: 65%;
    padding-bottom: 2em;
    display: flex;
    flex-wrap: wrap;
    /*justify-content: flex-end; Se cambió para arreglar boletines-reportes*/
    justify-content: flex-start;
    /*text-align: center;*/
    text-align: justify;
    border: 1px solid #f9f9f9;
    align-content: start;
    padding-left: 20px;
    /*Se agrego para arreglar boletines-reportes*/
    flex-direction: column;
}

.lay-upra__tab-lateral .lay-upra__contenido.lay-upra__contenido--glosario{
	display: flex;
	flex-direction: column;
    justify-content: flex-start;
    border: 1px solid silver;
    padding: 30px 20px;
}

.lay-upra__tab-lateral .lay-upra__contenido-filtrado{
	/*text-align: left;*/
	text-align: justify;
    margin-bottom: 1.5em;
    line-height: 1.3em;
    color: gray;
    font-weight:500;
}

.lay-upra__tab-lateral .lay-upra__contenido-titulo{
	color: #009640;
}

.lay-upra__tab-lateral .lay-upra__contenido-tab{
	width: 100%;
	display: none;
}

.lay-upra__tab-lateral .lay-upra__contenido-tab.lay-upra__contenido-tab--activo{
	width: 100%;
	display: block;	
	padding-right: 20px;
}

.lay-upra__tab-lateral .lay-upra__contenido-tab--listado{
	width: 100%;
	display: block;
}

.lay-upra__faqs {
    width: 100%;
    max-width: 1200px;
    padding: 0;
    margin: 0 auto;
    list-style: none;
    align-items: center;
    flex: 1;
    gap: 0;
    /*border-top: 5px solid #009640;*/
}

.lay-upra__faqs .lay-upra__faq-categoria{
    width: 100%;
    margin-bottom: 1.3em;
}

.lay-upra__faqs .lay-upra__faq-link-text{
	display: inline-block;
	padding: 5px 20px;
}

.lay-upra__faqs .lay-upra__faq-link{
    display: flex;
    box-shadow: 2px 2px 7px #00000030;
    color: black;
    appearance: none;
    -webkit-appearance: none;
    outline: 0;
    width: 100%;
    height: 80px;
    font-family: 'Montserrat', sans-serif;
    text-align:center;
    font-size: 20px;
    font-weight: 600;
    /*padding: 0 20px 0 80px;*/
    padding: 0 10px 0 10px;
    align-items: center;
    margin: 0;
    border: 1px solid #bbbbbb;
    transition: all 0.3s ease 0s;
    box-sizing: border-box;
}

.lay-upra__faqs .lay-upra__faq-submenu {
    display: block;
    list-style: none;
    padding: 0;
}

.lay-upra__faqs .lay-upra__faq-submenu.lay-upra__faq-submenu--oculto {
    height: 0px;
    overflow: hidden;
}

.lay-upra__faqs .lay-upra__faq-submenu-item {
    display: block;
    border: 1px solid #bbbbbb;
}
.lay-upra__faqs .lay-upra__faq-link-img{
	height: 60px;
}
.lay-upra__faqs .lay-upra__faq-submenu-link {
    text-align: left;
    display: block;
    padding: .5em 1em;
    color: black;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    text-decoration: none;
    font-weight: 600;
    background: #8fb435;
    color: white;
}
.lay-upra__faqs .lay-upra__faq-submenu-link:hover,
.lay-upra__faqs .lay-upra__faq-submenu-link:focus {
    color: #f9f9f9;
    cursor: pointer;
}

.lay-upra__faqs .lay-upra__faq-submenu-respuesta{
	width: 100%;
    height: auto;
    font-weight:600;
	padding: 10px 15px;
	margin: 0;
	color: #949494;
	text-align: justify;
}

.lay-upra__faqs .lay-upra__faq-submenu-respuesta.lay-upra__faq-submenu-respuesta--oculto{
	height: 0px;
    overflow: hidden;
    padding: 0;
}

.lay-upra__boletines-paginador{
	display: flex;
	justify-content: center;
}

.lay-upra__boletines-paginador ul{
	list-style: none;
	padding: 0;
	display: flex;
	gap: 20px;
	margin: 20px 40px;
}

.lay-upra__boletines-paginador .paginationjs-page{
	display: block;
	width: 40px;
	height: 40px;
}

.lay-upra__boletines-paginador .paginationjs-page a{
	display: flex;
	width: 100%;
	height: 100%;
	background: white;
    color: #c7c7c7;
    appearance: none;
    -webkit-appearance: none;
    outline: 0;
    text-align:center;
    font-size: 21px;
    line-height: 1em;
    margin: 0;
    border: 1px solid #333333;
    border-radius: 5px;
    transition: all 0.3s ease 0s;
    min-width: 0;
    justify-content: center;
    align-items: center;
    padding: 0;
}

.lay-upra__boletines-paginador .paginationjs-page.active a{
	color: black;
	font-weight: bold;
}

.lay-upra__boletines-paginador .paginationjs-prev a,
.lay-upra__boletines-paginador .paginationjs-next a {
	text-indent: -9999px;
    display: block;
    width: 40px;
    height: 40px;
    overflow: hidden;
    background-size: cover;
}

.lay-upra__boletines-paginador .paginationjs-prev.disabled a,
.lay-upra__boletines-paginador .paginationjs-next.disabled a {
	filter: grayscale(1);
    opacity: .5;
}

.lay-upra__boletines-paginador .paginationjs-prev a{
	background-image: url("/Style%20Library/noticias_historico/images/flechas2.png");
}
.lay-upra__boletines-paginador .paginationjs-next a{
    background-image: url("/Style%20Library/noticias_historico/images/flechas.png");
}


.lay-upra__lista-links  .lay-upra__lista-links-cabecera {
    display: flex;
}

.lay-upra__lista-links .lay-upra__lista-links-titulo {
    flex: 1 1;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    background: #8fb435;
    padding: .5em 1em;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    text-decoration: none;
    font-weight: 600;
}

.lay-upra__lista-links .lay-upra__lista-links-titulo-nombre {
	flex: 2 1;
}

.lay-upra__lista-links .lay-upra__lista-links-submenu {
    display: block;
    list-style: none;
    padding: 0;
    width: 100%;
}

.lay-upra__lista-links .lay-upra__lista-links-submenu-item {
    display: block;
    border: 1px solid #bbbbbb;
}
.lay-upra__lista-links .lay-upra__lista-links-link-img{
	height: 60px;
}
.lay-upra__lista-links .lay-upra__lista-links-submenu-link {
    text-align: left;
    display: block;
    padding: .5em 1em;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    text-decoration: none;
    font-weight: 600;
    background: white;
    color: gray;
    border: 1px solid gray;
}
.lay-upra__lista-links .lay-upra__lista-links-submenu-link:hover,
.lay-upra__lista-links .lay-upra__lista-links-submenu-link:focus {
    color: black;
    cursor: pointer;
}

.lay-upra__lista-links .lay-upra__lista-links-submenu-item-cols {
    display: flex;
    border: 1px solid #bbbbbb;
}

.lay-upra__lista-links .lay-upra__lista-links-submenu-nombre {
	flex: 2 1;
    text-align: left;
    padding: .5em 1em;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    text-decoration: none;
    font-weight: 600;
    background: white;
    color: gray;
}
.lay-upra__lista-links .lay-upra__lista-links-submenu-nombre:hover,
.lay-upra__lista-links .lay-upra__lista-links-submenu-nombre:focus {
    color: black;
    cursor: pointer;
}

.lay-upra__lista-links .lay-upra__lista-links-submenu-anio {
    flex: 1 1;
    color: gray;
    text-align: center;
    padding: .5em 1em;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 600;
}


.lay-upra__anuncio-cuerpo{
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
    display: flex;
    flex-direction: column;
}

/*PLANTILLA DESCRIPCION Y ENLACE*/
.lay-upra-pde__enlace-contenedor{	
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 25%;
    padding-top: 1em;
    padding-bottom: 1em;
}

.lay-upra-pde__enlace-link{
    display: flex;
    box-shadow: 2px 2px 7px #00000030;
    color: black;
    appearance: none;
    -webkit-appearance: none;
    outline: 0;
    width: 70%;
    height: 80px;
    font-family: 'Montserrat', sans-serif;
    text-align:center;
    font-size: 20px;
    font-weight: 600;
    /*padding: 0 20px 0 80px;*/
    padding: 0 10px 0 10px;
    align-items: center;
    margin: 0;
    border: 1px solid #bbbbbb;
    transition: all 0.3s ease 0s;
    box-sizing: border-box;
    justify-content: center;
}

.lay-upra-pde__enlace-link:hover{
	border-top: 5px solid #009640;
	transform: translateY(-5px);
	color: black;
}

.lay-upra-pde__enlace-link:visited{
	color: black;
}

.lay-upra-pde__enlace-link-text{
	padding-left: 30px;
}

.lay-upra-pde__enlace-link-img{
	height:  60px;
}

.lay-upra-pdize__enlace-contenedor{	
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 25%;
    padding-top: 1em;
    padding-bottom: 1em;
}

.lay-upra-pdize__enlace-link{
    display: flex;
    box-shadow: 2px 2px 7px #00000030;
    color: black;
    appearance: none;
    -webkit-appearance: none;
    outline: 0;
    font-family: 'Montserrat', sans-serif;
    text-align:center;
    font-size: 20px;
    font-weight: 600;
    /*padding: 0 20px 0 80px;*/
    padding: 20px;
    align-items: center;
    margin: 0;
    border: 1px solid #bbbbbb;
    transition: all 0.3s ease 0s;
    box-sizing: border-box;
    justify-content: center;
    flex-direction: column;
}

.lay-upra-pdize__enlace-link:hover{
	border-top: 5px solid #009640;
	transform: translateY(-5px);
	text-decoration: none;
	color: #009640;
}

.lay-upra-pdize__enlace-link:visited{
	color: black;
}

.lay-upra-pdize__enlace-link-text{
	padding: 10px;
}

.lay-upra-pdize__enlace-link-img{
	height:  100px;
}



/*PLANTILLA DESCRIPCION Y TABLA TERAL*/
.lay-upra-pdiztl__tab-lateral{
	display: flex;
    width: 100vw;
    margin: 0 auto;
    max-width: 1140px;
    padding: 30px 0 20px;
}

.lay-upra-pdiztl__tab-lateral .lay-upra__categorias{
	flex: 35%;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    list-style: none;
    box-shadow: 2px 2px 7px #00000030;
}

.lay-upra-pdiztl__tab-lateral .lay-upra__categorias--inicio{
	justify-content: flex-start;
}

.lay-upra-pdiztl__tab-lateral .lay-upra__cuadricula{
	flex: 25%;
    padding: 0;
    display: flex;
    list-style: none;
    flex-wrap: wrap;
}

.lay-upra-pdiztl__tab-lateral .lay-upra__cuadro{
	width: 20%;
	margin:2.5%;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid silver;
	box-shadow: 2px 2px 7px #00000030;
}

.lay-upra-pdiztl__tab-lateral .lay-upra__cuadro.lay-upra__cuadro--activo{
	border-top: 3px solid #009640;
}

.lay-upra-pdiztl__tab-lateral .lay-upra__cuadro-link{
	font-size: 60px;
    font-weight: 700;
    -webkit-text-stroke: 2px black; /* width and color */
    color: white;
    line-height: 1em;
    display: inline-block;
    width: 100%;
    text-align: center;
}

.lay-upra-pdiztl__tab-lateral .lay-upra__cuadro-link:hover{
	text-decoration: none;
    color: gray;
	cursor: pointer;
}

.lay-upra-pdiztl__tab-lateral .lay-upra__cuadro-image{
	width: 50px;
	padding-bottom: 10px;
}


.lay-upra-pdiztl__tab-lateral .lay-upra__categoria{
	width: 100%;
}

.lay-upra-pdiztl__tab-lateral .lay-upra__categoria:hover{
	transform: translateX(-5px);
}

.lay-upra-pdiztl__tab-lateral .lay-upra__categoria-link{
	display: flex;
    color: black;
    appearance: none;
    -webkit-appearance: none;
    outline: 0;
    width: 100%;
    height: 80px;
    font-family: 'Montserrat', sans-serif;
    text-align:center;
    font-size: 18px;
    font-weight: 600;
    /*padding: 0 20px 0 80px;*/
    padding: 0 15px;
    align-items: center;
    margin: 0;
    transition: all 0.3s ease 0s;
    box-sizing: border-box;
    background: #f9f9f9
}

.lay-upra-pdiztl__tab-lateral .lay-upra__categoria-link.lay-upra__categoria-link--activo{
	border-top: 5px solid #009640;
	background: white;
}

.lay-upra-pdiztl__tab-lateral .lay-upra__categoria-link-img{
	height: 60px;
	margin-left: 20px;
}

.lay-upra-pdiztl__tab-lateral .lay-upra__categoria-link-texto{
	width: 100%;
    padding-left: 10px;
}

.lay-upra-pdiztl__tab-lateral .lay-upra__contenido{
	flex: 65%;
    padding-bottom: 2em;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    text-align: justify;
    border: 1px solid #f9f9f9
}

.lay-upra-pdiztl__tab-lateral .lay-upra__contenido.lay-upra__contenido--glosario{
	display: flex;
	flex-direction: column;
    justify-content: flex-start;
    border: 1px solid silver;
    padding: 30px 20px;
}

.lay-upra-pdiztl__tab-lateral .lay-upra__contenido-filtrado{
	text-align: left;
    margin-bottom: 1.5em;
    line-height: 1.3em;
    color: gray;
    font-weight:500;
}

.lay-upra-pdiztl__tab-lateral .lay-upra__contenido-titulo{
	color: #009640;
}

.lay-upra-pdiztl__tab-lateral .lay-upra__contenido-tab{
	width: 100%;
	margin-left: 20px;
	display: none;
	border: 1px solid silver;
	padding: 10px 20px;	
}

.lay-upra-pdiztl__tab-lateral .lay-upra__contenido-tab.lay-upra__contenido-tab--activo{
	width: 100%;
	display: block;
}

.lay-upra__bloques{
	display: flex;
	gap: 40px;
	margin: 0 auto 150px;
	max-width: 1140px;
	flex-wrap: wrap;
}

.lay-upra__bloques .lay-upra__bloque{
	display:block;
	flex: 1 1 300px;
	background: white;
	position: relative;
}

.lay-upra__bloques .lay-upra__bloque-link{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 30px;
	width: 100%;
	height: 250px;
	font-family: 'Montserrat', sans-serif;
    text-align:center;
    font-size: 24px;
    font-weight: 600;
    color: black;
    box-shadow: 2px 2px 5px #00000030;
}

.lay-upra__bloques .lay-upra__bloque.lay-upra__bloque--activo{
	color: #009640;
	border-top: 4px solid #009640;
}

.lay-upra__bloques .lay-upra__bloque.lay-upra__bloque--activo .lay-upra__bloque-link{
	color: #009640;
}

.lay-upra__bloques .lay-upra__bloque-listado{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    z-index: -1;
    transition: all 0.3s ease 0s;
    display: none;
    background:white;
}

.lay-upra__bloques .lay-upra__bloque.lay-upra__bloque--activo .lay-upra__bloque-listado{
	top: 250px;
	z-index: 1000;
	display: block;
}

.lay-upra__bloques .lay-upra__bloque-item-lista{
	display: block;
	border: 1px solid #009640;
}

.lay-upra__bloques .lay-upra__bloque-item-link{
	padding: 10px 20px;
	display:block;
	font-family: 'Montserrat', sans-serif;
    font-size: 21px;
    font-weight: 600;
    color: gray;
}

.lay-upra__categorias-horizontales{
    align-items: flex-end;
    margin: 0 auto;
    padding: 50px 10px;
    gap: 40px;
    display: flex;
    background: #f9f9f9;
}

.lay-upra__categorias-horizontales .lay-upra__hcat-tabs{
    display: flex;
    align-items: flex-end;
    margin: 0;
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    justify-content: center ;/*Corregido para planeación estrategica*/
    /*justify-content: space-between;*/
    gap: 40px;
    flex-wrap: wrap;
}

.lay-upra__categorias-horizontales .lay-upra-hcat__boton{
	background: white;
    box-shadow: 2px 2px 5px #00000030;
    color: black;
    appearance: none;
    -webkit-appearance: none;
    outline: 0;
    width: 100%;
    max-width: 500px; /*Agregado para planeación estrategica*/
    /*max-height: 65px;*/
    max-height: 107px;
    height: 107px;
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    font-weight: 600;
    margin: 0;
    border: none;
    transition: all 0.3s ease 0s;
    cursor: pointer;
    display: flex;
    justify-content: space-around;
    align-items: center;
    line-height: 1em;
    /*flex: 1 1 200px;*/
    flex: 1 1 330px;
}

.lay-upra__categorias-horizontales .lay-upra-hcat__boton:hover,
.lay-upra__categorias-horizontales .lay-upra-hcat__boton--activo{
    border-top: 5px solid #009640 !important;
    transform: translateY(-5px);
}

.lay-upra__categorias-horizontales .lay-upra-hcat__enlace-contenedor {
	width: 100%;
	display: flex;
	flex: 1 1 200px;
}

.lay-upra__categorias-horizontales .lay-upra-hcat__enlace-contenedor:hover{
	text-decoration:none;
}

.lay-upra__categorias-horizontales .lay-upra-hcat__enlace-contenedor-boton {
	width: 100%;
	display: flex;
	flex: 1 1 330px;
}

.lay-upra__categorias-horizontales .lay-upra-hcat__enlace-contenedor-boton:hover{
	text-decoration:none;
}

.lay-upra__categorias-horizontales .lay-upra-hcat__enlace{
	background: white;
    box-shadow: 2px 2px 5px #00000030;
    color: black;
    appearance: none;
    -webkit-appearance: none;
    outline: 0;
    width: 100%;
    max-height: 65px;
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    font-weight: 600;
    margin: 0;
    border: none;
    transition: all 0.3s ease 0s;
    cursor: pointer;
    display: flex;
    justify-content: space-around;
    align-items: center;
    line-height: 1em;
    flex: 1 1 200px;
    min-width: 6em;
    padding: 7px 10px;
}


.lay-upra__categorias-horizontales .lay-upra-hcat__enlace:hover,
.lay-upra__categorias-horizontales .lay-upra-hcat__enlace--activo{
    border-top: 5px solid #009640 !important;
    transform: translateY(-5px);
}

.lay-upra__categorias-horizontales .lay-upra-hcat__enlace img{
	padding-right: 5px;
}



.lay-upra__enlaces-horizontales{
    align-items: flex-end;
    margin: 0 auto;
    padding: 50px 10px;
    gap: 40px;
    display: flex;
}

.lay-upra__enlaces-horizontales .lay-upra__enho-enlaces{
    display: flex;
    align-items: flex-end;
    margin: 0;
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    justify-content: center ;
    gap: 40px;
    flex-wrap: wrap;
}

.lay-upra__enlaces-horizontales .lay-upra-enho__boton{
	background: white;
    box-shadow: 2px 2px 5px #00000030;
    color: black;
    appearance: none;
    -webkit-appearance: none;
    outline: 0;
    width: 100%;
    max-width: 230px;
    height: 65px;
    max-height: 107px;
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    font-weight: 600;
    margin: 0;
    border: none;
    transition: all 0.3s ease 0s;
    cursor: pointer;
    display: flex;
    justify-content: space-around;
    align-items: center;
    line-height: 1em;
    flex: 1 1 200px;
}

.lay-upra__enlaces-horizontales .lay-upra-enho__boton:hover,
.lay-upra__enlaces-horizontales .lay-upra-enho__boton--activo{
    border-top: 5px solid #009640 !important;
    transform: translateY(-5px);
}




.lay-upra__categorias-centrales{
    align-items: flex-end;
    margin: 0 auto;
    padding: 50px 10px;
    gap: 40px;
    display: flex;
    background: #f9f9f9;
}

.lay-upra__categorias-centrales .lay-upra__ccat-tabs{
    display: flex;
    align-items: flex-end;
    margin: 0;
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    justify-content: center ;/*Corregido para planeación estrategica*/
    /*justify-content: space-between;*/
    gap: 80px;
    flex-wrap: wrap;
}

.lay-upra__categorias-centrales .lay-upra-ccat__contenedor-boton{
	width: 100%;
    max-width: 230px;
	height: 186px;
	display: flex;
	align-items: flex-end;
}

.lay-upra__categorias-centrales .lay-upra-ccat__boton{
	background: white;
    box-shadow: 2px 2px 5px #00000030;
    color: black;
    appearance: none;
    -webkit-appearance: none;
    outline: 0;
    width: 100%;
    max-width: 230px;
    height: 180px;
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    font-weight: 600;
    margin: 0;
    border: none;
    transition: all 0.3s ease 0s;
    cursor: pointer;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: column;
    text-align:center;
}

.lay-upra__categorias-centrales .lay-upra-ccat__boton:hover {
    border-top: 5px solid #009640;
    transform: translateY(-5px);
    color: #009640;
    height: 200px;
    text-decoration: none;
}




.lay-upra__tarjetas{
	display: flex;
	gap: 40px;
	margin: 40px auto;
	max-width: 1140px;
	flex-wrap: wrap;
	justify-content: center;
}

.lay-upra__tarjetas .lay-upra__tarjeta{
	flex: 1 1 350px;
	max-width: 350px;
}

.lay-upra__tarjetas .lay-upra__tarjeta-superior{
	display: grid;
	grid-template-columns: repeat(10, 1fr);
	grid-gap: 0px;
	grid-template-rows: 1fr 2fr;
}

.lay-upra__tarjetas .lay-upra__tarjeta-perfil{
	grid-column: 1 / 5;
    grid-row: 1 / 3;
    box-shadow: 2px 2px 5px #00000030;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.lay-upra__tarjetas .lay-upra__tarjeta-titulo{
	grid-column: 5 / 11;
    grid-row: 1;
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 600;
    display: flex;
	align-items: center;
	justify-content: center;
	color: black;
	text-align: center;
    padding: 0 7px;
}

.lay-upra__tarjetas .lay-upra__tarjeta-descripcion{
	grid-column: 5 / 11;
    grid-row: 2;
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 600;
    display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: white;
}

.lay-upra__tarjetas .lay-upra__tarjeta-contenido{
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	padding: 20px 50px 20px 10px;
	box-shadow: 2px 2px 5px #00000030;
}

.lay-upra__tarjetas .lay-upra__tarjeta-inferior{
	display: flex;
    width: 100%;
    height: 60px;
    padding: 0 30px;
    align-items: center;
    gap: 10px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    color: white;
    background: #8fb435;
}

.lay-upra__tarjetas .lay-upra__tarjeta:nth-child(odd) .lay-upra__tarjeta-descripcion,
.lay-upra__tarjetas .lay-upra__tarjeta:nth-child(odd) .lay-upra__tarjeta-inferior{
	background: #8fb435;
}

.lay-upra__tarjetas .lay-upra__tarjeta:nth-child(even) .lay-upra__tarjeta-descripcion,
.lay-upra__tarjetas .lay-upra__tarjeta:nth-child(even) .lay-upra__tarjeta-inferior{
	background: #009640;
}

.lay-upra__acordeon{
	display: block;
	width: 100%;
	max-width: 1140px;
	/*Corregido para Gestion Documental
	margin: 60px auto;*/
	margin: 20px auto;
}

.lay-upra__acordeon .lay-upra__contenido-tab{
	width: 100%;
	display: none;
	text-align: justify;
}

.lay-upra__acordeon .lay-upra__contenido-tab.lay-upra__contenido-tab--activo{
	width: 100%;
	display: block;
}


.lay-upra__acordeon .lay-upra__acordeon-caja{
	position: relative;
	/*Corregido para Gestion Documental
	margin: 70px 0;*/
	margin: 20px 0;
}

.lay-upra__acordeon .lay-upra__acordeon-lista{
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	opacity: 0;
	transition: all 0.3s ease 0s;
}

.lay-upra__acordeon .lay-upra__acordeon-caja--activo .lay-upra__acordeon-lista{
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	top: 0;
	opacity: 1;
}

.lay-upra__acordeon .lay-upra__acordeon-item{
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 0 10px;
	height: 60px;
	background: #8fb435;
	font-size: 20px;
    font-family: 'Montserrat', sans-serif;
    font-weight:600;
    color: white;
    cursor: pointer;
}

.lay-upra__acordeon .lay-upra__acordeon-articulo{
	font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    font-weight:500;
    color: gray;
    border: 1px solid gray;
    padding: 10px 30px;
}

.lay-upra__acordeon .lay-upra__acordeon-articulo strong{
	color: #009640;
}

.lay-upra-cuadrados .lay-upra-cuadrados__tabla{
    margin: 0;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 50px 0px
}

.lay-upra-cuadrados .lay-upra-cuadrados__tabla-tabs{
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    flex-wrap: wrap;
}

.lay-upra-cuadrados__tabla-tabs .lay-upra-cuadrados__boton {
	max-width: 300px;
    font-size: 18px;
    border: 1px solid #c9c9c9;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-right: 7px;
    flex: 1 1 140px;
    height: 7em;
    line-height: 1em;
    font-weight: 700;
}

.lay-upra-cuadrados__tabla-tabs.lay-upra-cuadrados__tabla-tabs--anual .lay-upra-cuadrados__boton {
	flex: 1 1 120px;
	font-family: 'Montserrat', sans-serif;
	margin-right: 0;
}

.lay-upra-cuadrados__tabla-tabs.lay-upra-cuadrados__tabla-tabs--anual .lay-upra-cuadrados__boton img {
	width: 0;
	transition: 0.3s all 0s ease;
}

.lay-upra-cuadrados__tabla-tabs.lay-upra-cuadrados__tabla-tabs--anual .lay-upra-cuadrados__boton.lay-upra-cuadrados__boton--activo img {
	width: 50px;
}

.lay-upra-cuadrados__tabla-tabs.lay-upra-cuadrados__tabla-tabs--small-fonts .lay-upra-cuadrados__boton {
	font-size: 16px;
	font-family: 'Montserrat', sans-serif;
}

.lay-upra-cuadrados__tabla-tabs .lay-upra-cuadrados__boton.lay-upra-cuadrados__boton--activo{
    color: #009640;
    height: 9em;
    justify-content: space-around;
    border-top: 3px solid #009640;
    background: white;
    max-height: none;
}

.lay-upra-cuadrados .lay-upra-cuadrados__tabla-contenido {
	/*padding: 100px 40px;*/
	border: 1px solid #c9c9c9;
	border-top: 30px solid #009640;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.lay-upra-cuadrados .lay-upra-cuadrados__tabla-contenido-espaciado {
	padding: 30px 20px;
	border: 1px solid #c9c9c9;
	border-top: 30px solid #009640;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.lay-upra-cuadrados .lay-upra-cuadrados__tabla-contenido *, .lay-upra-cuadrados .lay-upra-cuadrados__tabla-contenido-espaciado * {
	font-family: 'Montserrat', sans-serif;
	line-height: 1.3em;
}

.lay-upra-cuadrados .lay-upra-cuadrados__tabla-contenido h3, .lay-upra-cuadrados .lay-upra-cuadrados__tabla-contenido-espaciado h3 {
	font-weight: 700;
	font-size: 24px;
	margin: 1.5em 0 1em;
}


.lay-upra-cuadrados .lay-upra-cuadrados__tabla-contenedor {
	display: none;
}

.lay-upra-cuadrados .lay-upra-cuadrados__tabla-contenedor--activo.lay-upra-cuadrados__tabla-contenedor--activo{
	display:block;
}

.lay-upra-cuadrados .lay-upra-cuadrados__selector{
	padding: 1em 20px 2em;
	display: flex;
}

.lay-upra-cuadrados .lay-upra-cuadrados__selector-etiqueta,
.lay-upra-cuadrados .lay-upra-cuadrados__selector-entrada{
	font-weight: bold;
	flex: 1 1 60%;
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center;
}

.lay-upra-cuadrados .lay-upra-cuadrados__selector-etiqueta{
	flex: 1 1 40%;
	margin: 0;
	height: 30px;
	border: 1px solid silver;
}

.lay-upra-cuadrados .lay-upra-cuadrados__selector-lista{
	width: 100%;
	height: 30px;
}

.lay-upra__parrafo{
	font-size: 21px;
	display: flex;
	color: gray;
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;
}

.lay-upra__parrafo.lay-upra__parrafo--central{
	align-items: center
}
.lay-upra__parrafo.lay-upra__parrafo--central{
	align-items: center
}

.lay-upra__tab-lateral{
	display: flex;
	padding: 40px 0 40px;
}

.lay-upra__tab-lateral.lay-upra__tab-lateral--vert{
	display: flex;
	flex-direction: column;
}

.lay-upra__tab-lateral .lay-upra__tab-lateral-menu{
	display: block;
	padding: 0;
	margin: 0;
	list-style: none;
	flex: 2 2 30%;
}


.lay-upra__tab-lateral .lay-upra__tab-lateral-contenido{
	display: block;
	flex: 4 4 60%;
	border: 1px solid silver;
	border-bottom-left-radius: 20px;
	padding: 30px;
	font-size: 18px;
	font-weight: 600;
	color: gray;
}

.lay-upra__tab-lateral .lay-upra__tab-contenido{
	display: none;
}

.lay-upra__tab-lateral .lay-upra__tab-contenido.lay-upra__tab-contenido--activo{
	display: block;
}


.lay-upra__tab-lateral .lay-upra__tab-lateral-item{
	display: flex;
	padding: 10px 20px;
	justify-content: center;
	align-items: center;
	color: white;
	font-size: 18px;
	background: #8fb435;
	font-weight: 600;
	text-align: center;
	cursor: pointer;
}

.lay-upra__tab-lateral .lay-upra__tab-lateral-item.lay-upra__tab-lateral-item--activo{
	background: #009640;
	transform: translateX(10px);
	cursor:auto;
}

.lay-upra__pqrsd{
	border: 1px solid silver;
	box-shadow: 2px 2px 5px #00000030;
	padding: 10px;
	width: 300px;
	height: 150px;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	line-height: 1.3em;
	display: block; margin: 10px auto;
	color: #009640;
	font-size: 21px;
	font-weight: bold;
}

.lay-upra__pqrsd.lay-upra__pqrsd--no-img{
	height: auto;
}

.lay-upra__pqrsd:hover{
	color: #009640 !important;
}

.lay-upra__iframe{
	max-width: 100%;
}

.lay-upra__video{
    margin: 0 auto;
}

.lay-upra__contenido-contenedor{
	width: 100%;
    max-width: 1140px;
    margin: 0 auto;
}

.lay-upra__contenido-contenedor .lay-upra__contenido-central {
	width: 100%;
    padding: 25px 0;
    text-align: center;
}

.lay-upra__contenido-contenedor-cols {
	width: 100%;
	max-width: 1140px;
	display: flex;
	margin: 0 auto;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 1%;
    padding: 20px;
}

.lay-upra__contenido-contenedor-cols .lay-upra__contenido-articulo-2col {
    flex: 1 1 48%;
}

.lay-upra__contenido-contenedor-cols .lay-upra__contenido-articulo-3col {
	width: 31%;
    padding: 1%;
    position: relative;
}

.lay-upra__contenido-contenedor-cols .lay-upra__contenido-articulo-4col {
	width: 23%;
    padding: 1%;
    position: relative;
}

.lay-upra__contenido-contenedor-cols .lay-upra__contenido-imagen {
	margin: 0;
}

.lay-upra__contenido-contenedor-cols .lay-upra__contenido-imagen img {
    width: 100%;
}

.lay-upra__contenido-contenedor-cols .lay-upra__contenido-imagen figcaption {
    text-align: center;
}


.lay-upra__mensaje {
	font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: bold;
    padding: 20px;
}