/* - - - - - - - - - - - - - - - 
CSS principal
Desarrollado por: Upgrade Diseño Interactivo
Para: 
Fecha: 
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */

/* INICIO DE SECCION DE TIPOGRAFIAS(National) */
@font-face {
    font-family: 'Mollen-Use-Bold';
    src:url('../../_fonts/Mollen-Use-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Mollen-Use-Light';
    src:url('../../_fonts/Mollen-Use-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Mollen-Use-Light-dens';
    src:url('../../_fonts/Mollen-Use-Lightdensed.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Mollen-Use-BoldNarrow';
    src:url('../../_fonts/Mollen-Use-BoldNarrow.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Mollen-Use-LightNarrow';
    src:url('../../_fonts/Mollen-Use-LightNarrow.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Mollen-Use-Narrow';
    src:url('../../_fonts/Mollen-Use-Narrow.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Mollen-Use-Regular';
    src:url('../../_fonts/Mollen-Use-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Mollen-Use-Condensed';
    src:url('../../_fonts/Mollen-Use-Condensed.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Mollen-Use-BoldCondensed';
    src:url('../../_fonts/Mollen-Use-BoldCondensed.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* FIN DE SECCION DE TIPOGRAFIAS(National) */


/* INICIO DE ESTILOS EN  GENERAL */
article{
    display: flex;
    width: 80%;
    margin: 30px auto;
}
article h6{
    font-size: 1.5em;
    font-family: 'Mollen-Use-Narrow';
    text-align: center;
    width: 100%;
    margin: 1em 0;
}

a { text-decoration: none; }

html, body{ margin:0px; padding:0px; height:100%; }

#big-container /* Div que va a manterner el "footer" siempre al fondo */
{
    min-height:100% !important;
}
/* FIN DE ESTILOS EN  GENERAL */

/* INICIO DE ESTILOS DE OWL */

.owl-theme .owl-dots, .owl-theme .owl-nav{
    position: relative;
    bottom: -110px;
}

.owl-dot{
    outline: none;
}

.owl-nav{
    display: none;
}

/* FIN DE ESTILOS DE OWL */

/* INICIO HEADER */
nav{
    display: none;
}

header{
	display: flex;
    align-items: center;
    padding: 10px 0px;
    justify-content: center;
    height: 85px;
    background-color: white;
    position: fixed;
    top: 0;
    width: 100%;
    margin: auto;
    z-index: 2;
}

#menu{
    display: none;
}

#close{
    display: none;
}

#logo-index{
    display: flex;
    justify-content: center;
    align-items: center;
}

#logo {
 	width: 150px;
 		/*margin: 0px 0px 0px 250px;*/
}

.item-menu{
	font-family: 'Mollen-Use-Narrow';
    color: black;
    margin: 0px 20px;
    padding: 10px 0;
    font-size: 1.2em;
    position: relative;
    overflow: hidden;
    display: inline-block;
    text-decoration: none;
}

.item-menu:before, .item-menu:after {
content: "";
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 3px;
background: #1B8BBB;
transition: left .8s;
}

.item-menu:hover:before {
left: 0;
}

.item-menu:after {
top: auto;
bottom: 0;
left: auto;
right: -100%;
background: #0C1A46;
transition: right .8s;
}

.item-menu:hover:after {
right: 0;
}

.active-menu{
    border-top: 2px solid #1B8BBB;
    border-bottom: 2px solid #0C1A46;
}

.btn{
	width: 200px;
    display: flex;
    color: white;
    justify-content: space-between;
    height: 55px;
    border-radius: 5px;
    /*margin: 0px 250px 0px 0px;*/
}

#btn-header{
	/*margin: 0px 250px 0px 0px;*/
    color: white;
    font-size: 1em;
}

.btn .elmt1{
	width: 29%;
    height: auto;
    border-radius: 5px 0px 0px 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.elmt1 img{
    width: 20px;
}

.btn .elmt2{
	width: 70%;
    height: auto;
    font-family: 'Mollen-Use-Light';
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0px 5px 5px 0px;
    text-transform: uppercase;
    font-size: 0.9em;
}

.btn-red .elmt1{
    background-color: rgb(255,77,102);
}

.btn-red .elmt2{
    background-color: rgb(255,77,102);
}

.menu{
    display: flex;
    align-items: center;
}
.menu li{
    list-style-type: none !important;
}

.menu-active{
    color: rgb(255,77,102) !important;
    font-family: 'Mollen-Use-Regular' !important;
    transition: all .8s linear;
}
/* FIN DE HEADER */


/* SECCION DE INICIO */
.section1-index{
    width: 100%;
    height: 750px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.section1-index-img{
    width: 100%;
    height: 750px;
    display: flex;
    background-size: cover;
    background-repeat: no-repeat;
}

.dark-index {
    position: absolute;
    width: 100%;
    height: 750px;
    display: flex;
    background: linear-gradient(to bottom, rgba(0,0,0,0.4) 100%,rgba(0,0,0,0.4) 100%);
}

.row-down-inv {
    position: absolute;
    bottom: 20px;
    cursor: pointer;
}

.bounce {
    -moz-animation: bounce 3s infinite;
    -webkit-animation: bounce 3s infinite;
    animation: bounce 3s infinite;
}

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.section1-txt {
    font-family: 'Mollen-Use-Narrow';
    font-size: 2em;
    text-align: center;
    display: flex;
    color: white;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    margin: auto;
    width: 90%;
    height: fit-content;
}

.section2-index{
    padding: 70px 0px;
}

.section2-index>p{
    font-family: 'Mollen-Use-Light';
    font-size: 1.3em;
    line-height: 1.5;
    width: 80%;
    text-align: justify;
    margin: auto;
}

.section2-index>h2{
    font-family: 'Mollen-Use-LightNarrow';
    font-size: 2.5em;
    margin: 50px auto;
    max-width: 800px;
    text-align: center;
}

.section3-index {
    height: auto;
    background-color: rgb(76,120,26);
    position: relative;
    padding: 0px 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.video-s3i {
    position: relative;
    width: 1100px;
    display: flex;
    border-radius: 10px;
    box-shadow: 0px 7px 15px #565656;
    left: 0;
    right: 0;
    margin: 0 auto 0px auto;
    top: -70px;
}

#know-more{
    flex-direction: column;
    margin: auto auto 50px auto;
    bottom: 0;
    padding: 30px;
    display: flex;
    width: 950px;
    justify-content: center;
    border: 2px solid #ffffff5c;
    border-radius: 5px;
    cursor: pointer;
}
#know-more h3{
    margin: 0px;
    color: white;
    font-family: 'Mollen-Use-LightNarrow';
    font-size: 2.5em;
}
.question-s1{
    display: flex;
    justify-content: center;
}

.question-s1>img{
    margin-left: 20px;
    width: 35px;
}

#info-more{
    margin-top: 50px;
    display: none;
}

#info-more p{
    font-family: 'Mollen-Use-Light';
    font-size: 1.1em;
    color: white;
    text-align: left;
    line-height: 1.5;
}
/* FIN SECCION DE INICIO */

/* INICIO DE SECCION DE HISTORIA */

.section1-history{
    width: 100%;
    height: 700px;
    background: linear-gradient(rgba(21, 20, 20, 0.60), rgba(14, 14, 14, 0.60)), url(../../_images/banners/history.jpg);
    background-size: cover;
    background-position: center;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section2-history{
    height: auto;
    background-color: rgb(76,120,26);
    padding: 30px 15% 120px 15%;
}

.section2-history p{
    font-family: 'Mollen-Use-Light';
    color: white;
    font-size: 1.2em;
    margin: 0;
    line-height: 1.7;
    text-align: justify;
}

.section2-history h5{
    font-family: 'Mollen-Use-Narrow';
    color: white;
    font-size: 1.3em;
    margin: 0;
}

.section2-history li{
    font-family: 'Mollen-Use-Light';
    color: white;
    font-size: 1.2em;
    line-height: 1.7;
    text-align: justify;
}

.first-p-s2h{
    margin: 30px 0px !important;
}

.second-p-s2h{
    margin: 0px 0px 30px 0px !important;
}

.third-p-s2h{
    margin: 30px 0px !important;
}

.section3-history{
    height: auto;
    position: relative;
    padding: 0px;
    display: flex;
    flex-direction: column;
}

/* FIN DE SECCION DE HISTORIA */

/* FIN DE SECCION DE COMITE */

.section1-workg{
    width: 100%;
    height: 650px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 100px;
}
.section1-work-img{
    width: 100%;
    height: 650px;
    display: none;
    background-size: cover;
    background-repeat: no-repeat;
}

.section2-workg{
    height: auto;
    padding: 80px 15%;
}

.section2-workg>p{
    font-family: 'Mollen-Use-Light';
    color: black;
    font-size: 1.2em;
    margin: 0;
    line-height: 1.7;
    text-align: justify;
}

.section2-workg li{
    font-family: 'Mollen-Use-Light';
    color: black;
    font-size: 1.2em;
    margin: 0;
    line-height: 1.7;
    text-align: justify;
}

.url-work {
    margin: auto;
    display: block;
    text-align: center;
    max-width: 100%;
    color: rgb(76,120,26);
    text-decoration: underline;
    font-family: 'Mollen-Use-Narrow';
    font-size: 1.5em;
    padding-bottom: 50px;
}

/* FIN DE SECCION DE COMITE */

/* INICIO DE SECCION DE TRANSPARENCIA */

.section1-trans{
    width: 100%;
    height: 700px;
    background: url(../../_images/banners/Transparencia.jpg);
    background-size: cover;
    background-position: center;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.dark-trans {
    position: absolute;
    width: 100%;
    height: 700px;
    display: flex;
    background: linear-gradient(to bottom, rgba(0,0,0,0.4) 100%,rgba(0,0,0,0.4) 100%);
}

.section2-trans {
    height: auto;
    padding: 80px 15% 100px 15%;
}

.section2-trans p{
    font-family: 'Mollen-Use-Light';
    color: black;
    font-size: 1.2em;
    margin: 0;
    line-height: 1.7;
    text-align: justify;
}

.section2-trans strong{
    color: black;
    font-family: 'Mollen-Use-BoldNarrow';
}

.section3-trans{
    background-color: rgb(239,239,239);
    height: auto;
    padding: 80px 10%;
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
}

.deco-btn{
    text-decoration: none;
    color: #000;
    padding: 15px 20px;
    font-family: 'Mollen-Use-Narrow';
    font-size: 1em;
    margin: 35px;
    position: relative;
    box-sizing: border-box;
    display: inline-block;
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
    z-index: 0;
}

.fill-on::before {
    position: absolute;
    content: "";
    background: rgb(255, 255, 255);
    transition-duration: 0.3s;
    z-index: -1;
    top: 0px;
    right: auto;
    bottom: auto;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 1;
} 
 

.fill-on:hover::before {
    width: 100%;
    height: 100%;
    opacity: 0;
} 
 

.fill-on:hover {
    background: transparent;
    color: rgb(255, 255, 255);
    transition: color 0.3s ease 0s, background 0s ease 0s;
} 
 


/* FIN DE SECCION DE TRANSPARENCIA */

/*----------------INICIO DE LA SECCION DE APLICATION = PROYECTOS APROBADOS------------------*/

.section1-aplication{
    width: 80%;
    margin: auto;
    display: flex;
    flex-direction: column;
}

.section1-aplication h3{
    font-family: 'Mollen-Use-Narrow';
    font-size: 2.5em;
    color: black;
}

.section1-aplication p{
    font-family: 'Mollen-Use-Light';
    font-size: 1em;
    color: black;
    text-align: justify;
}
.aplication-align-years{
    display: flex;
    flex-wrap: wrap;
}

.aplication-years{
    text-decoration: none;
    color: #000;
    width: 200px;
    height: fit-content;
    padding: 20px;
    margin: 30px 0;
    position: relative;
    box-sizing: border-box;
    display: inline-block;
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
    z-index: 0;
}

.aplication-years h5{
    font-size: 2em;
    margin: 0;
    font-family: 'Mollen-Use-Narrow';
}

.list-years{
    display: none;
}

.list-years ul{
    padding: 0;
}

.list-years ul li a{
    display: block;
    font-family: 'Mollen-Use-Light';
    font-size: 1.2em;
    text-align: start;
    color: inherit;
}

.open{
    display: block !important;
}
.closed{
    display: none !important;
}

.fill-on-apli::before {
    position: absolute;
    content: "";
    background: rgb(255, 255, 255);
    transition-duration: 0.4s;
    z-index: -1;
    top: 0px;
    right: auto;
    bottom: auto;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 1;
} 
 

.fill-on-apli:hover::before {
    width: 100%;
    height: 100%;
    opacity: 0;
} 
 

.fill-on-apli:hover {
    background: transparent;
    color: rgb(255, 255, 255) !important;
    transition: color 0.3s ease 0s, background 0s ease 0s;
}


/*-----------------------------FIN DE LA SECCION APLICATION = PROYECTOS APROBADOS-----------*/

/*--------------------------INICIO DE LA SECCION FINANCIAL = ESTADOS FINANCIEROS----------------*/

.section1-financial{
    width: 80%;
    margin: auto;
    display: flex;
    flex-direction: column;
}
.section1-financial h3{
    font-family: 'Mollen-Use-Narrow';
    font-size: 2.5em;
    color: black;
}

.section1-financial p{
    font-family: 'Mollen-Use-Light';
    font-size: 1em;
    color: black;
    text-align: justify;
}
.states{
    font-family: 'Mollen-Use-Narrow';
    font-size: 1.2em;
    color: black;
    line-height: 25px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 250px;
}
.states a{
    color: #7AC037;
}

/*--------------------------------FIN DE LA SECCION FINANCIAL = ESTADOS FINANCIEROS--------------*/
/*---------------------------------INICIO DE LA SECCION REPORTS = REPORTES TRIMESTRALES-----------------*/

.section1-reports{
    width: 80%;
    margin: auto;
    display: flex;
    flex-direction: column;
}
.section1-reports h3{
    font-family: 'Mollen-Use-Narrow';
    font-size: 2.5em;
    color: black;
}

.section1-reports h5{
    font-size: 2em;
    margin: 0;
    font-family: 'Mollen-Use-Narrow';
}

.section1-reports p{
    font-family: 'Mollen-Use-Light';
    font-size: 1em;
    color: black;
    text-align: justify;
}

.reports-align-years{
    padding: 40px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}


.reports-years{
    text-decoration: none;
    color: #000;
    width: 200px;
    height: fit-content;
    padding: 20px;
    margin: 30px 0;
    position: relative;
    box-sizing: border-box;
    display: inline-block;
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
    z-index: 0;
}

.reports-years h3{
    font-size: 1em;
    margin: 0;
}

.fill-on-rep::before {
    position: absolute;
    content: "";
    background: rgb(255, 255, 255);
    transition-duration: 0.4s;
    z-index: -1;
    top: 0px;
    right: auto;
    bottom: auto;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 1;
} 
 

.fill-on-rep:hover::before {
    width: 100%;
    height: 100%;
    opacity: 0;
} 
 

.fill-on-rep:hover {
    background: transparent;
    color: rgb(255, 255, 255);
    transition: color 0.3s ease 0s, background 0s ease 0s;
}


/*---------------------------------FIN DE LA SECCION DE REPORTS = REPORTES TRIMESTRALES------------------ */
/*-----------------------------INICIO DE LA SECCION DE UNITED = COMITE Y UNIDAD DE TRANSPARENCIA---------------*/

.section1-united{
    width: 100%;
    display: flex;
    flex-direction: column;
}

.united-trans{
   width: 80%;
    margin: auto;
    display: flex;
    flex-direction: column; 
}
.united-trans h3{
    font-family: 'Mollen-Use-Narrow';
    font-size: 2.5em;
    color: black;
}
.united-trans p{
    font-family: 'Mollen-Use-Light';
    font-size: 1.3em;
    color: black;
    text-align: justify;
    line-height: 30px;
}
.united-trans a{
    color: #BD2050;
    font-family: 'Mollen-Use-Narrow';
    font-weight: 500;
}
.sect-pnt{
    width: 80%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    padding: 30px 0 50px 0;
}
    .sect-pnt img{
        width: 350px;
    }

/*----------------------------FIN DE LA SECCION DE UNITED = COMITE Y UNIDAD DE TRANSPARENCIA-------------------*/

/*----------------INICIO DE LA SECCION DE RESULTS = PRESUPUESTO BASADO EN RESULTADOS------------------*/

.section1-results{
    width: 80%;
    margin: auto;
    display: flex;
    flex-direction: column;
}

.results-align-years{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    margin-top: 50px;
}

.apli-contain  h3{
    font-family: 'Mollen-Use-Narrow';
    font-size: 2.5em !important;
    color: black;
    border-bottom: none !important;
}

.section1-results-title{
    font-family: 'Mollen-Use-Narrow';
    font-size: 2em !important;
    color: black;
    border: none;
    border-bottom: 2px solid #b28850;
    width: max-content;
}

.aplication-align-years {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.section1-results h5{
    font-size: 2em;
    margin: 0;
    font-family: 'Mollen-Use-Narrow';
}
.section1-results h4{
    font-family: 'Mollen-Use-Narrow';
    font-size: 1.3em;
    color: #b28850;
    margin: 0;
}
.results-align-years-years{
    margin: 5px 0;
    width: fit-content;
    cursor: pointer;
}

.results-align-years-years ul{
    display: none;
}

.results-align-years-years a, .results-align-years-month a{
    font-family: 'Mollen-Use-Light';
    font-size: 1em;
    color: black;
    text-decoration: underline;
}

.section1-results p{
    font-family: 'Mollen-Use-Light';
    font-size: 1em;
    color: black;
    text-align: justify;
    margin: 0
}


.results-years{
    text-decoration: none;
    color: #000;
    width: 200px;
    height: fit-content;
    padding: 20px;
    margin: 30px 0;
    position: relative;
    box-sizing: border-box;
    display: inline-block;
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
    z-index: 0;
}

.results-years h3{
    font-size: 1em;
    margin: 0;
}

.fill-on-res::before {
    position: absolute;
    content: "";
    background: rgb(255, 255, 255);
    transition-duration: 0.3s;
    z-index: -1;
    top: 0px;
    right: auto;
    bottom: auto;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 1;
} 
 

.fill-on-res:hover::before {
    width: 100%;
    height: 100%;
    opacity: 0;
} 
 

.fill-on-res:hover {
    background: transparent;
    color: rgb(255, 255, 255);
    transition: color 0.3s ease 0s, background 0s ease 0s;
}



/*-----------------------------FIN DE LA SECCION RESULTS = PRESUPUESTO BASADO EN RESULTADOS-----------*/

/*--------------------INICIO DE LA SECCION DE OBLIGACION DE TRANSPARENCIA = OBLIGATIONS---------------------------------*/

.section-obligations{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    background-color: rgb(239,239,239);
}

.select-text{
    width: 90%;
    height: auto;
    display: flex;
    margin: 75px auto 0 auto;
    justify-content: space-between;
}

.text-box{
    width: 45%;
    display: flex;
    flex-direction: column;
}

.text-box h3{
    font-family: 'Mollen-Use-Narrow';
    font-size: 2.5em;
    color: black;
    margin: 0;
}

.text-box p{
    font-family: 'Mollen-Use-Light';
    font-size: 1.5em;
    color: black;
    line-height: 1.5;
}

.text-link{
    width: 45%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 25px;
    padding: 30px;
    border: 2px solid rgb(220,220,220);
}
.text-link a{
    font-family: 'Mollen-Use-Regular';
    font-size: 1.5em;
    display: block;
    margin-bottom: 5px;
    color: rgb(105,105,105);
    cursor: pointer;
}
.text-link a:hover, .text-link a:active{
    color: rgb(76,120,26);
    font-family: 'Mollen-Use-Regular';
}

.table-info{
    width: 90%;
    display: flex;
    flex-direction: column;
    height: auto;
    margin: auto;
    padding: 75px 0;
}

.titles{
    width: 100%;
    display: flex;
    border-bottom: 1px solid rgb(220,220,220)
}
.part-doc{
    width: 20%;
    display: flex;
    align-items: center;
    padding-left: 25px;
}
.part-doc p{
    font-family: 'Mollen-Use-Narrow';
    font-size: 1.5em;
    margin: 0;
    margin-right: 15px;
    font-weight: bolder;
    color: rgb(176,184,203);
    padding: 10px 0;
}
.part-doc img{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 20px;
    width: 20px;
}
.name-doc{
    width: 55%;
    display: flex;
    align-items: center;
}
.name-doc p{
    font-family: 'Mollen-Use-Narrow';
    font-size: 1.5em;
    margin: 0;
    margin-right: 15px;
    font-weight: bolder;
    color: rgb(176,184,203);
    padding: 10px 0;
}
.name-doc img{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 20px;
    width: 20px;
}
.date-doc{
    justify-content: flex-end;
    width: 25%;
    display: flex;
    padding-right: 25px;
    align-items: center;
}
.date-doc p{
    font-family: 'Mollen-Use-Narrow';
    font-size: 1.5em;
    margin: 0;
    margin-right: 15px;
    font-weight: bolder;
    color: rgb(176,184,203);
    padding: 10px 0;
}
.date-doc img{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 20px;
    width: 20px;
}
.article{
    background-color: rgb(151,172,212);
    border-radius: 5px;
    padding: 10px;
    margin: 3px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.article p{
    color: white;
    font-family: 'Mollen-Use-Narrow';
    font-size: 1.8em;
    margin: 0;
}
.article span{
    background-image: url(../../_images/SVG/down-arrow.svg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    display: flex;
    margin-left: 20px;
}
.document {
    background-color: white;
    border-radius: 5px;
    padding: 20px;
    display: flex; /* display: flex; */
    justify-content: space-between;
    margin: 3px 0;
}
.part-doc-a{
    font-family: 'Mollen-Use-Regular';
    font-size: 1.5em;
    color: rgb(104,104,104);
    display: flex;
    width: 20%;
    align-items: center;
    padding-left: 25px;

}
.name-doc-a{
    font-family: 'Mollen-Use-Regular';
    font-size: 1.5em;
    color: rgb(104,104,104);
    display: flex;
    align-items: center;
    width: 55%;
    position: relative;

}
.name-doc-a a{
    color: rgb(151,172,212) !important;
}
.date-doc-a{
    font-family: 'Mollen-Use-Regular';
    font-size: 1.5em;
    color: rgb(104,104,104);
    display: flex;
    justify-content: flex-end;
    width: 25%;
    padding-right: 25px;
    align-items: center;

}
 .name-doc-a p {
    display: none;
    background-color: #3C4454;
    color: white;
    font-size: .7em;
    max-width: 250px;
    padding: 20px;
    width: auto;
    text-align: center;
    border-radius: 6px;
    position: absolute;
    bottom: 15px;
    z-index: 1;
}

.name-doc-a:hover p {
    transition: 2s;
    display: flex;
}


/*--------------------FIN DE LA SECCION DE OBLIGACION DE TRANSPARENCIA = OBLIGATIONS---------------------------------*/

/*--------------------------INICIO DE LA SECCION MANAGEMENT = GESTION DE DOCUMENTOS Y ARCHIVOS----------------*/

.section1-manage{
    width: 80%;
    margin: auto;
    display: flex;
    flex-direction: column;
}
.section1-manage h3{
    font-family: 'Mollen-Use-Narrow';
    font-size: 2.5em;
    color: black;
}

.section1-manage p{
    font-family: 'Mollen-Use-Light';
    font-size: 1em;
    color: black;
    text-align: justify;
}
.states-manage{
    font-family: 'Mollen-Use-Narrow';
    font-size: 1.2em;
    color: black;
    line-height: 25px;
}
.first-manage a{
    color: black;
}
    .manage-squares{
        width: 100%;
        height: auto;
        display: flex;
        justify-content: space-around;
        padding: 25px 0;
    }
    .info-squares{
        text-decoration: none;
        color: #000;
        padding: 15px 20px;
        font-family: 'Mollen-Use-Narrow';
        font-size: 1em;
        margin: 35px;
        position: relative;
        box-sizing: border-box;
        display: inline-block;
        overflow: hidden;
        text-align: center;
        white-space: nowrap;
        z-index: 0;
    }
    .manage-squares a:first-child {
        border: 2px solid #0C1A46;
        background: #0C1A46;
    }
    .manage-squares a:nth-child(0n+2) {
        border: 2px solid #7AC037;
        background: #7AC037;
    }
    .manage-squares a:last-child {
        border: 2px solid #1B8BBB;
        background: #1B8BBB;
    }

    .fill-on-squares::before {
    position: absolute;
    content: "";
    background: rgb(255, 255, 255);
    transition-duration: 0.3s;
    z-index: -1;
    top: 0px;
    right: auto;
    bottom: auto;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 1;
} 
 

.fill-on-squares:hover::before {
    width: 100%;
    height: 100%;
    opacity: 0;
} 
 

.fill-on-squares:hover {
    background: transparent;
    color: rgb(255, 255, 255);
    transition: color 0.3s ease 0s, background 0s ease 0s;
} 


  
.second-manage a{
    color: #4D7722;
}
.third-manage a{
    color: black;
}


/*--------------------------------FIN DE LA SECCION MANAGEMENT = GESTION DE DOCUMENTOS Y ARCHIVOS--------------*/



/* INICIO DE SECCION DE PUBLICACIONES */
.section-publications{
    width: 100%;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(239,239,239);
    margin: 0;
    margin-bottom: 25px;
}

.section-publications h3{
    font-family: 'Mollen-Use-Narrow';
    font-size: 3em;
    margin: 0;
}

.section1-public{
    height: auto;
    width: 100%;
}

.section1-public p {
    font-family: 'Mollen-Use-Light';
    color: black;
    font-size: 1.3em;
    text-align: justify;
    width: 80%;
    margin: auto;
    padding: 50px 0;
}

.cont-conv-s1p {
    display: flex;
    width: 60%;
    height: 300px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: auto;
}

.cont-conv-s1p a{
    font-family: 'Mollen-Use-Light';
    font-size: 1.3em;
    margin: 0px 75px 50px 75px;
    color: black;
    width: 300px;
    height: max-content;
    display: flex;
    justify-content: center;
    align-items: center;
}

.section2-public{
    background-color: white;
    height: auto;
    padding: 70px 200px;
}

.section2-public p{
    font-family: 'Mollen-Use-Light';
    color: black;
    font-size: 1.2em;
}

.cont2-conv-s1p{
    display: flex;
    flex-wrap: wrap;
    width: 800px;
    justify-content: space-between;
    margin: 50px 0px 0px 0px;
}

.cont2-conv-s1p a{
    font-family: 'Mollen-Use-Light';
    font-size: 2.5em;
    margin: 0px 75px 50px 75px;
    color: black;
}

/* FIN DE SECCION DE PUBLICACIONES */

/*-----------------------------------------------INICIO DE SECCION ADVISE-------------------------------------*/

.section-Advise{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.item-adv{
    width: 80%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-family: 'Mollen-Use-Light';
    font-size: 1.2em;
    text-align: justify;
}
.item-adv p{
    margin: 0;
}

.advise-title{
    width: auto;
    height: auto;
    display: flex;
    font-family: 'Mollen-Use-Narrow';
    font-size: 2.5em;
    text-align: initial;
}

strong{
    font-family: 'Mollen-Use-Narrow';
    margin: 10px 0 !important;
}

.align-audio{
    width: 80%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin: auto;
}
.align-audio audio{
    margin: 50px 0;
    color: inherit;
    outline: none;
}
/*-----------------------------------------FIN DE SECCION ADVISE---------------------------------------------------*/


/* INICIO DE FOOTER */
#footer_cut { padding-top:50px; clear:both; }

footer { 
    margin-top: -50px;
    height: auto;
    padding: 40px 0px;
}

footer>a{
	text-align: center;
    font-family: 'Mollen-Use-Light';
    font-size: 1.1em;
    color: rgb(152,152,152);
    margin: 0px auto;
    display: block;
}

.items-footer {
    width: 95%;
    display: flex;
    flex-direction: column;
    margin: auto;
}

.align-a{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.align-b{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.items-footer .align-a h5{
    font-family: 'Mollen-Use-Narrow';
    font-size: 1.1em;
    display: flex;
    justify-content: center;
}

.items-footer a {
    text-align: center;
    justify-content: space-between;
    font-family: 'Mollen-Use-Narrow';
    font-size: 1.1em;
    color: black;
}

.fb{
    display: flex;
    justify-content: center;
    width: 40px;
    height: 40px; 
}
.fosech{
    display: flex;
    justify-content: center;
    width: 150px;
    height: 50px;  
}
.FECHAC{
    display: flex;
    justify-content: center;
    width: 60px;
    height: 60px; 
}

/* FIN DE FOOTER */	

/*-----------------------------------ESTILOS DE LOS POP-UPS DE QUEJAS Y SUGERENCIAS--------------------------------------------------*/


/* Button used to open the contact form - fixed at the bottom of the page */
.open-button-quejas {
  cursor: pointer;
  opacity: 0.8;
}

/* The popup form - hidden by default */
.form-popup-quejas {
    display: none;
    flex-wrap: wrap;
    position: fixed;
    justify-content: center;
    align-items: center;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    margin: auto;
    z-index: 9;
    width: 100%;
    height: 100%;
    background-color: rgb(0,0,0,.5);
}

.form-popup-quejas h1{
    font-family: 'Mollen-Use-BoldNarrow';
    font-size: 2em;
    color: #2C2C2C;
}


/* Add styles to the form container */
.form-container-quejas {
    width: 55%;
    height: 50%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    background-color: rgba(255, 255, 255, 255); 
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border: 5px solid black;
}
.form-container-quejas h3{
    width: 80%;
    font-family: 'Mollen-Use-Narrow';
    font-size: 1.8em;
    color: #2C2C2C;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.align-itms-quejas {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
}

.align-itms-quejas div{
    width: 80%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.align-itms-quejas p{
   font-family: 'Mollen-Use-Light';
    font-size: 1.3em;
    line-height: 25px;
    color: #2C2C2C;
    text-align: justify;
}

.align-itms-quejas a{
    font-family: 'Mollen-Use-Light';
    color: rgb(76,120,26);
    text-decoration: underline;
    margin: 0 !important;
}

/* Add a red background color to the cancel button */
.form-container-quejas .cancel {
    background-color: initial;
    background-image: url(../../_images/close.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding: 0;
    margin: 0;
    width: 25px !important;
    height: 25px;
    position: absolute;
    top: 10px;
    right: 15px;
    border: none;
    outline: none;
}

/* Add some hover effects to buttons */
.form-container-quejas .btn:hover, .open-button:hover {
  opacity: 1;
}

/*---------------------------------------------------FIN DEL ESTILO DEL POP-UP DE QUEJAS Y SUGERENCIAS-------------------------------------*/

.language{
    display: flex;
    width: 55px;
    background-size: 1em !important;
    -webkit-appearance: none;
    margin: 0;
    font-family: 'Mollen-Use-Narrow';
    font-size: 1em;
    border-radius: 5px;
    border: 2px solid #1B8BBB;
    background-color: white;
    outline: none;
    padding: 10px 5px;
    background: url(../../_images/SVG/down.svg) no-repeat 85% center;
}
.dropdown {
  position: relative;
  display: inline-block;
}
.dropdown span{
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
}

.dropdown-content {
    display: none;
    left: -3px;
    bottom: -60px;
    flex-direction: column;
    position: absolute;
    background-color: #f9f9f9;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 10px 6px;
    z-index: 1;
}

.dropdown:hover .dropdown-content {
  display: flex;
  width: 100%;
}
.lang{
    margin: auto 0 !important;
    font-family: 'Mollen-Use-Narrow';
    font-size: 1em;
    color: black;
}
.lang:hover{
    color: rgb(76,120,26);
}