@font-face{font-family:Nexa-bold; s src:url(Nexa-Bold.otf); font-display: fallback;}
@font-face{font-family:Nexa;  src:url(Nexa.otf); font-display: fallback; }


body {
 	background-position: top center; 	background-repeat:repeat-x; 	font-family:  Arial, Calibri, Helvetica;	font-size: 16px; 	font-style: normal; 	margin: 0; 	margin:col; }

.Estiloweb {font-style: normal; text-align: center; }

a:link   {   text-decoration:none;   } 


.Estilo6 {color: #333;  }
.Estilo-Nexa-bold {font-family:Nexa-bold;}
.Estilo-Nexa {font-family:Nexa;}
.Estiloblanco {color: #FFFFFF;}
.Estilonegro {color: #000000;}
.Estilolink {color:#00c492;  font-weight:bold; }
.Estiloblanco2 {color: #FFFFFF;}
.imgresponsive{max-width: 100%;  height: auto;}
.Estilorojo{color: #5E1515;} 
.Estilonegrita{ font-weight:bold; }
.Estilo-color-pie{color: #FFF;} 
.Estilo-tituloseccion{font-size:23px; font-family:Nexa-bold;}
.Estilo-preguntas { font-size:18px; font-family:Nexa;}
.Estilo-seccion-subpagina {color: #5E1515; font-size:17px; font-family:Nexa-bold;}
.Estilo-verde-claro{color:#00c492;}
.Color-web{color:#572364;}
.letra-grande{font-size:33px; font-family:Nexa-bold;}
.letra-mediana{font-size:23px; font-family:Nexa-bold;}
.letra-intermedia{font-size:19px; font-family:Nexa-bold;}
.letra-arial{font-family:Arial, Calibri, Helvetica;}
.Estiloazul {color: #00264b; }
H3 {margin: 3px 0px 0px 0px;}
H1 {margin: 20px 0px 15px 0px;}

.centrar {margin-right: auto;margin-left: auto;}

.contenedor {margin-top:15px;z-index: 1;width:100%;}

.cabecera {color:#FFFFFF;position:relative;width:100%;margin-top:-30px;}
.cabecerahijo{margin-top:0px; }
.margencabecera{padding-bottom:25px;}

.comun  {padding-top: 10px;}

.titulo {position:relative; top:10px; width:850px;  font-size: 22px; font-family:Nexa-bold; font-style: normal;text-align: center; }
.cuadroinfotitulo{	padding-top:1px;	width:74% !important;	padding-bottom:1px;	float:right;}
.cuadrofototitulo{	padding-top:15px;	width:23% !important;	float:left;  }
.cuadrofototitulo img {height:85px !important}
.textocentradotitulo {display: table-cell;	vertical-align: middle; }
.posicion-cabecera{position:relative; top:-80px; }
.cuadroizquierda-centrado-portada{	padding-top:10px;	width:48% !important;	float:left; padding-right:8px;}
.sangria { padding-left:20px ; }


.cuadro {text-align: left; padding-top:40px; }

.tlf {    position:relative; top:25px; width: 800px; font-style: normal; color:#FFFFFF; font-family:Nexa; margin-bottom:20px; }
.pos-tlf {display:inline-block; float:right;}


.bordes-preguntas{ border:#393d42; border-width: 1px;border-style: solid; padding-top:0px;  padding-bottom:2px; padding-left:8px; padding-right:8px; width:800px; }
.bordes-preguntas-relleno{ border:#393d42; border-width: 1px; background-color:#393d42;  /*background-color:#F5F5F5;*/ border-style: solid; padding-top:0px;  padding-bottom:2px; padding-left:8px; padding-right:8px; width:800px; color:#000000; }
.separacion-preguntas{ height:3px;}
.separacion{ height:50px;}

.pie-100 {	top: 40px; position: relative; width:100%; padding-top:1px;  padding-bottom:20px;  }
.cabecera-100 {	top: 0px; position: relative; width:100%; padding-top:20px;  padding-bottom:20px;  }
.cabecera-portada {	top: 0px; position: relative; width:100%; text-align: left; max-height:280px; }
.colorgris { color:#000; background:#F5F5F5;	 }
.colornegro { color:#FFFFFF; background:#393d42;	 }
.colorblanco { color:#000; background:#FFF;	 }
.colorportada { color:#FFFFFF;   }
.fondoopaco { 	 opacity: 1; padding-left:16%; height:280px; z-index: 0;}
.fondonoopaco {opacity: 1; z-index: 5;}
.colorrojo { color:#FFF; background:#5E1515;	 }
.colorgrisclaro { color:#000; background:#F2F2F2;	 }
.margenes  {  padding-left:15%; padding-right:10% }
.margenes-portada  {   padding-right:20% }


.tabl {}
.tabl div {display:inline-block; text-align:center; width:19%}

.subpie1 { position:relative; top:60px;  padding-top:22px; padding-bottom:90px;}   
.subpie2 { position:relative; top:-1px; font-size:75%; padding-bottom:20px;}

div.centrado{text-align: center;}
div.centrado table {margin: 0 auto;text-align: left;}
.tablacentrada{margin:auto;}


.formatabla{	text-align: center;	vertical-align:middle; 	border: 2px solid #000;	border-collapse: collapse;}
.formatabla th, .formatabla td {	border: 2px solid #000;}

.caja {	width: 240px;	display:inline-block;	border:1px solid #0033FF; }

.caja img {height:180px !important}

.cuadroinfo-foto{	width:100%; 	display: inline-block; /* hace que sea un bloque*/}

.cuadroinfo1{	padding-top:1px;	width:64% !important;	padding-bottom:1px;	float:right;}
.cuadrofoto1{	padding-top:15px;	width:33% !important;	float:left;}


.cuadroizquierda-centrado{	padding-top:10px;	width:48% !important;	float:left;}
.cuadroderecha-centrado{	padding-top:10px;	width:48% !important;		float:right;}


  .boton_personalizado{    text-decoration: none;    padding: 10px;    font-weight: 600;    font-size: 15px;    color: #ffffff;    background-color:  #00c492;    border: 2px solid  #00c492;  }
  .boton_personalizado:hover{    color: #2A2A2A;    background-color: #ffffff;  }
  

.centrar-texto{padding-top:1px;text-align: center;}
 
.figuras{padding-top:0px;text-align: center;}
.figuras img{	max-width:100%;} 
.infoDcaja{	display:inline-block; width:270px;margin-left:15px;margin-right:15px;	margin-bottom:15px;	vertical-align:top;}
.infoDcajagrande{	display:inline-block; width:390px;margin-left:15px;margin-right:15px;	margin-bottom:15px;	vertical-align:top;}
.infoDcajapeq{display:inline-block; width:222px; margin-left:10px; margin-right:10px; margin-bottom:15px; margin-top:15px; vertical-align:top;}

  
  /*LISTA  */
#lista2 ul { list-style: none; padding: 0px; margin-left: 25px; }
#lista2 ul li::before { content: "\2022";  color: #000; display: inline-block; padding-right: 10px; font-size: 50px;
line-height: 25px; vertical-align: -11px; width: 15px; }
/*LISTA */

/*label */
.labelformato {   margin: .4em 2; }
.labelformato label {  width: 25%;  float: left; margin: .5em 0 0 0;}
.labelformato input {  width: 100%;}
.labelformato input2 {  width: 25%;}
.btn {   display: block;   margin: 1em 0;}
/*label */

@media (max-width:1100px){	
	.cuerpo img {max-width:100%; height:auto}
}


@media screen and (max-width:1200px){
	.contenedor {width:100%}
	.cabecera {width:inherit}
	.menu {width:100%}
}	
@media screen and (max-width:1100px){
	.bordes-preguntas-relleno, .bordes-preguntas {width:80%; }	
	.titulo {width:630px;  font-size: 21px; }
	.cuadrofototitulo img {height:80px !important}
}

@media screen and (max-width:1000px){
	.tlf {width:80%; }
	.pie, .pie-100, .articulo-general {width:100%}	
	.margenes  {  padding-left:15%; padding-right:7% }	
	.infoDseccion{	float:none; 	border:1px solid #0033FF;	width:250px;}
}

@media screen and (max-width:900px){
	.colorportada {  }
	.cuerpo-index article {float:none}
	.tabl div {width:48%}
	.letra-grande{font-size:30px; }
	.letra-mediana{font-size:20px; }
	.letra-intermedia{font-size:18px;}

}
@media screen and (max-width:800px){
	.titulo {width:550px;  font-size: 19px; }
	.cuadrofototitulo img {height:70px !important}
	.subpie1 table {width:inherit}		
	nav {margin-bottom:0px;}
	.margenes  {  padding-left:10%; padding-right:6% }
	.bordes-preguntas-relleno, .bordes-preguntas {width:96%; }	
	.infoDcaja{	margin-top:30px;}
	.infoDcajagrande {	margin-top:25px;}
	.cuadroizquierda-centrado-portada{width:60% !important;}
}

@media screen and (max-width:700px){
	.colorportada {   }
	.cuadroinfo1 {width:95% !important}
	.cuadrofoto1 { margin:auto; width:95% !important; margin-top:25px; margin-left:5%;}
	.cuadroderecha-centrado {padding-bottom:0px; padding-top:0px; float:none; width:95% !important}
	.cuadroizquierda-centrado {padding-top:0px; padding-bottom:0px; float:none; width:95% !important }
	.infoDcaja  {	 width:80%;}
		.infoDcajagrande{ width:80%;}
	.tlf {width:91%; }
	.cuadroizquierda-centrado-portada{width:70% !important;}
		.figuras{margin-top:-30px;}
}	

@media screen and (max-width:600px){
	.colorportada { }
	.centrar {clear:both}	
	.titulo {width:492px;  font-size: 17px; }
	.cuadrofototitulo img {height:65px !important}
	.cabecera {margin-top:-10px; }
	.contenedor {margin-top:00px}
	.cabecerahijo img{display:none;}
	.tlf {top:15px;}
	nav {	top: -10px; }		
	.Estilo-tituloseccion{font-size:19px; }
	.Estilo-preguntas { font-size:16px;}
	.subpie1 table td {width:inherit   display: block;  text-align: center;}
  	.formatabla {border:none; width:100%}
  	.formatabla td {display:block; text-align:center; width:100%}
	.margenes  {  padding-left:4%; padding-right:4% }
	.sangria { padding-left:2px ; }
	 .boton_personalizado{    font-size: 14px;   }
	 .Estilo-tituloseccion{font-size:21px;}
	 .Estilo-preguntas { font-size:17px; }
	 .Estilo-seccion-subpagina { font-size:16px;}
	 .Estilolink { font-size:15px;  }
	 .cuadroinfo1 { margin-left:0px; float:left;}
	.cuadrofoto1 { margin-top:14px; margin-left:1px;}
	.infoDcaja {	 width:87%;}
	.infoDcajapeq {	 width:87%;  margin-bottom:20px;}
	.infoDcajagrande {	 width:92%;}
	.letra-grande{font-size:28px;}
	.letra-mediana{font-size:20px;}
	.letra-intermedia{font-size:18px;}
	.cuadroizquierda-centrado-portada{ padding-top:5px;	width:100% !important; padding-right:0px; float:none; }	
	.cabecera-portada {	 max-height:250px; }
	.margencabecera{padding-bottom:5px;}
	.fondoopaco {  height:250px; padding-left:8%; padding-right:17%;}

}

@media screen and (max-width:500px){
	.titulo {width:95%;  font-size: 16px; top:1px;  }
	.cuadrofototitulo img {height:84px !important}
	.cuadroinfotitulo {	width:95% !important;	padding-top:1px;  float:left; }
	.cabecera {margin-top:-5px; }
	.cuadrofototitulo img {display:none; width:1% !important;}		
	.tlf {width:96%;}
	.infoDcaja{	 width:94%;}
	.margencabecera{padding-bottom:15px;}
	.cuadroizquierda-centrado-portada{ padding-top:2px;}
	.cabecera-portada {	 max-height:205px; }
	.fondoopaco {  height:205px;}
	H2 {margin: 12px 0px 16px 0px;}

}

@media screen and (max-width:400px){
	.titulo {font-size: 17px; }


	.letra-grande{font-size:25px;}
	.letra-mediana{font-size:19px;}
	.cuadroizquierda-centrado-portada{ padding-top:2px;}	
	.cabecera-portada {	 max-height:205px; }
	.fondoopaco {  height:205px;}
}