/* Cambio Pluralista + Header + Nav*/
body{background-color:#fff; padding:0px; margin:0px; min-height: 100vh; }

html, header, div, nav, main, article, aside, footer, ul, li, h1, h2, h3, h4, h5, h6, p, a, img {
	margin:0px;
	padding:0px;
	margin-right: 0px;
	margin-top: 0px;
	scroll-behavior: smooth; 
	
}
ul{list-style-type:none;}

html {font-size:16px; }

/* Menu */
input[type=checkbox] {display: none;}

label[for=menu] {display: none;}
    
@media (max-width: 756px) {
label[for=menu] {cursor: pointer;}
input[type=checkbox]:not(:checked) + div nav {display: none;}
label[for=menu] {display: inline-block;}
}
#menu_pend:after {content: '☰'; }
input[type=checkbox]:checked + div + label#menu_pend:after { content: '×';} 

/* /Menu */

a {text-decoration: none;}

#menu_header {position:relative; width:100%; z-index: 999; }

#menu_pend { position:absolute; right: 5%; top:10px; padding-top:8px;  width:40px; height:32px; border-radius:100px; background-color:none; font:16pt/18pt 'Roboto', sans-serif; color:#575756; border:#fff solid 2px; text-align:center;  }

#logo {height:20px; padding:20px 0 20px 10px;  clear: both; }

._clear {position:relative; width:100%; height:5px; clear:both;}

#cont_slyder {width: 100%; background-color: #d4e5f7; clear: both;}

.columna_footer {width: 90%; float: none; padding:0 5% 5% 5%;}

#linea_azul {position:relative; height:3px; float:left; width:20%; background-color:#31a548 ; border-bottom: 1px solid #fff; }

#linea_verde {position:relative; height:3px; float:right; width:80%; background-color:#1d4586 ; border-bottom: 1px solid #fff; }

.agrupaciones {text-align: center;}

._agrupaciones_logos {width:18.5%;  margin: 1%; padding:1%; border: 2px solid #d4e5f7; border-radius: 10px; box-shadow: #9d9d9c 0 0 5px; display: inline-block;}

.aside_informe_gestion {width:90%; padding: 5% 5% 5% 5%; float: none; background-color:#f6f6f6; border-top:#c6c6c6 solid 1px;  }

.cont_informe_gestion {width:100%; float: none; padding: 0.5% 0 0.5% 0; background-color: white;}

._linea_article {width: 100%; height:2px; background-color:#bdbcbc; border-bottom: 3px #e3e3e3 solid; margin-top: 3%;  margin-bottom: 3%; clear: both;  }	

._linea_article_fina {width: 100%; height:2px; background-color:#bdbcbc; margin-top: 3%;  margin-bottom: 3%; clear: both;  }

._linea_article_fina_punteada {width: 100%; height:2px; background-color:#fff; border-bottom: dotted 2px #bdbcbc; margin-top: 3%;  margin-bottom: 3%; clear: both;  }

._linea_article_03 {position:relative; width:100%; height:2%; margin:2% 0 2% 0; border-bottom:2px dotted #ffffff;}

._informe_gestion_ {background-image: linear-gradient(to bottom, #fff, #ededed); width: 90%; padding: 0 5% 0 5%}
/*-- Estructura Principal --*/

header {position:relative; width:100%;  height:60px; background-image: linear-gradient(to bottom, #fff, #ededed); border-bottom: 6px solid #fff;}

footer {width: 90%; padding:0 5% 0 5%; margin: 0 auto;    }	

main {width: 90%; padding:2% 5% 2% 5%; margin: 0 auto;}	

article {width: 100%; padding:0 0 0 0; float: none; margin-bottom: 5%; border-bottom: 3px solid  #d0d0d0;}

aside {width: 100%; padding:0 0 0 0; float: none;  }

.contenedor-50 {width: 95%; padding-right: 5%; float:none;}


@media screen and (min-width:480px) {
/* body 480 | Celular Horizontal --------------------------*/
header {height: 60px; width: 90%; padding:0 5% 0 5%; }
	
#logo {height:20px; padding:20px 0 20px 0; }	

.aside_container {width:100%; padding-right:0; float:none;}			
}

@media screen and (min-width:756px) { 
/* body 756 | Tablet Vertical --------------------------*/

header {height:115px; width:90%; padding: 0 5% 0 5%; }	
	
article {width: 95%; padding:0 5% 0 0; float: none;    }

aside {width: 100%; padding:0 0 0 0; float: none; }		
	
#logo {height:30px; padding:40px 0 10px 0; }
	
.columna_footer {width: 30%; float: left; padding:0 3% 3% 0;}	
	
._agrupaciones_logos {width:16%;  margin: 1.25%; padding:1.25%; border: 1px solid #d4e5f7;}	
	
._linea_article {width: 100%; height:2px; background-color:#bdbcbc; border-bottom: 2px #e3e3e3 solid; margin-top: 3%;  margin-bottom: 3%; clear: both;  }
	
._linea_article_fina {width: 100%; height:1px; background-color:#bdbcbc; margin-top: 1.5%;  margin-bottom: 1.5%; clear: both;  }
	
._linea_article_fina_punteada {  margin-top: 3%;  margin-bottom: 3%;  }
	
._linea_article_03 {position:relative; width:100%; height:1%; margin:2% 0 2% 0; border-bottom:2px dotted #ffffff;}	

.cont_informe_gestion {width:48%; float: left; padding:1% 1% 1% 1%;}
	
.aside_container {width:46%; padding-right:3%; float: left;}
	
.contenedor-50 {width: 45%; padding-right: 5%; float: left;}	
}

@media screen and (min-width:1024px) { 
/* body 1024 | Tablet Horizontal --------------------------*/

header {height:140px; width:80%; padding: 0 10% 0 10%; }
	
footer {width: 80%; padding:0 10% 0 10%; }
	
main {width: 80%; padding:2% 10% 2% 10%; margin: 0 auto; }

article {width: 65%; padding:0 5% 0 0; float: left; margin-bottom: 2%; border-bottom: 0px; }

aside {width: 30%; padding:0 0 0 0; float: left; }	
	
#logo {height:40px; padding:50px 0 10px 0;   }		
	
._agrupaciones_logos {width:13.5%;  margin: 0.5%; padding:0.5%; border: 1px solid #d4e5f7;}	
	
.cont_informe_gestion {width:100%; float: none; padding: 1% 0 1% 0}	
	
.aside_container {width:100%; padding-right:0; float:none;}	
	
.contenedor-50 {width: 95%; padding-right: 5%; float:none;}	
	
.contenedor-50 {width: 95%; padding-right: 5%; float:none;}		
}

@media screen and (min-width:1200px) {
/* body 1200 | Notebook/Nebook --------------------------*/

header {height:165px; width:100%; padding:0;}	
	
footer { width:84%; padding: 0 8% 0 8%; }
	
main {width:84%; padding:2% 8% 2% 8%;}	
	
#logo { width:84%; height:45px; padding:58px 0 17px 0;   margin: 0 auto;}

#menu_header {width:84%; padding: 0 8% 0 8%; margin: 0 auto; }	
	
._agrupaciones_logos {width:13.5%;  margin: 0.5%; padding:0.5%; border: 2px solid #d4e5f7;}	

.contenedor-50 {width: 95%; padding-right: 5%; float:none;}

._clear {position:relative; width:100%; height:2px; clear:both;}

}

@media screen and (min-width:1536px) {#prueba_dimension {height: 15px; background-color:#f00;}
.contenedor-50 {width: 45%; padding-right: 5%; float: left;}
}

@media screen and (min-width:1800px) {
/* body 1800 | Big Desktop --------------------------*/
header {height:180px;} 
	
footer {width:80%; padding: 0 10% 0 10%;}
	
main {width:80%; padding:2% 10% 2% 10%; }
	
#logo { width:80%;  height:50px; padding:60px 0 20px 0;   margin: 0 auto;}
	
#menu_header { width:80%; padding: 0 10% 0 10%; margin: 0 auto;  }	
	
._agrupaciones_logos {width:13.2%;  margin: 0.6%; padding:0.6%; border: 2px solid #d4e5f7; }	
	
}


	
	
/* nav ---------------------------------------------------------------------------------*/


nav {position: relative; width: 100%; }

nav > ul {list-style: none;}

nav > ul > li {font:1.2em "Roboto Condensed", sans-serif; font-weight:600; }

nav > ul > li > a { color:#000; text-decoration:none; height:20px; padding:10px 5% 10px 5%; width: 90%; display: block; background-color: #ededed; border-bottom:#fff solid 2px; }	

/* body 480 |  --------------------------*/
@media screen and (min-width:480px) {

nav > ul > li > a { padding:10px 5% 10px 5%; width: 90%;  }

}


/* body 756 |  --------------------------*/
@media screen and (min-width:756px) {
	
nav {position: relative; width: 100%; }

nav > ul {list-style: none; float: right; }

nav > ul > li {float: left; font:0.8em "Roboto Condensed", sans-serif; font-weight:600; }

nav > ul > li > a { padding:12px 15px 0 15px; border-bottom:none;  display: block; height: 23px; color:#575756;
border-left: 1px solid;
border-image: linear-gradient(to bottom, #ededed, #d0d0d0) 1; background-color: transparent;}	

nav > ul > li > a:hover {   color:#9D9D9C;}	

}

/* body 1024 |  --------------------------*/
@media screen and (min-width:1024px) {

nav > ul > li { font:0.9em "Roboto Condensed", sans-serif; font-weight:600;  }

nav > ul > li > a { padding:13px 17px 0 17px;  height: 27px;}	

}

/* body 1200 |  --------------------------*/
@media screen and (min-width:1200px) {

nav > ul > li { font:1em "Roboto Condensed", sans-serif; font-weight:600;}

nav > ul > li > a { padding:15px 20px 0 20px;  height: 30px;}	

}

/* body 1800 | Big Desktop --------------------------*/
@media screen and (min-width:1800px) {

nav > ul > li {font:1.em "Roboto Condensed", sans-serif; font-weight:600;}

nav > ul > li > a { padding:17px 22px 0 22px;  height: 34px;}		
	
}

/*-- Otros elementos --*/
#informe_gestion_cpacf {width:90%; padding: 2.5% 5% 2.5% 5%; float: none; background-color:#001a5a; border-top:#3a4168 solid 8px;  }

#informe_gestion_cpacf h2 {font:1.7em "Roboto Condensed", sans-serif; color:#fff; font-weight: 600; margin-bottom: 3%;}

#informe_gestion_cpacf p {font:1.275em "Roboto Condensed", sans-serif; color:#fff;}

#cont_Contacto a.informe_gestion_cpacf_a {font:1em "Roboto Condensed", sans-serif; color:#001a5a;  padding: 2% 5% 2% 5%;  width:90%; display: block; border-radius:0  0 10px 10px ; margin-bottom: 3%; font-weight: 600;
background-repeat: no-repeat; background-position: 95% 40%; background-size: contain; 
background-image: linear-gradient(rgba(255, 255, 255, 0.15), rgba(0, 0, 0, 0.15)), url('../svg/bt_informe_gestion_azul.svg');
}

#cont_Contacto a.informe_gestion_cpacf_a:hover {background-image: linear-gradient(rgba(0, 0, 0, 0.15), rgba(255, 255, 255, 0.15)), url('../svg/bt_informe_gestion_azul.svg');}

._linea_article_cpacf {width: 100%; height:3px; background-color:#2c304e; border-bottom: 2px #3e4570 solid; margin-top: 3%;  margin-bottom: 3%; clear: both;  }