@charset "UTF-8";
/* CSS Document */

img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

@media (max-width: 1200px) {
	#contenido{ width:100%; float:none;}
	.texto{ font: lighter 18px/24px Helvetica, Arial, sans-serif;}
}
@media (max-width: 1024px) {	
	#redes_sociales_top{display:none;}
	#scroll-top_top{display:none;}
}
@media (max-width: 960px) {	
	.box_texto { padding:0px 10% !important;}
	
	.col4_1{width:49%; min-height:10px; float:left; display: block;}
	.col4_2{width:49%; min-height:10px; float:left; margin-left:2%; display: block;}
	.col4_3{width:49%; min-height:10px; float:left; margin-left:0%; display: block;}
	.col4_4{width:49%; min-height:10px; float:left; margin-left:2%; display: block;}
	.col4_5{display:none;}
}
	
@media (max-width: 768px) {
	#titulo{position: relative; margin:0px 10%; padding:0px 0%;}
	
	.info{width:90%;}
	.info{width:90%;}
	.info h1{ font-size:34px;}
	.info .intro{ font-size:16px;}
	.box_texto, #comentarios{ padding:0px 10%;}
	.texto{ font: lighter 18px/22px Helvetica, Arial, sans-serif;}
	.frase{font: 20px/24px 'Roboto Slab', serif; font-weight:700;}
	.subtitulo{ padding:5px 10%;}
	
	#footer .col1_3{width:100%; float:none; margin:10px 0px;}
	#footer .col2_3{width:100%; float:none; margin:10px 0px;}
	#footer .col3_3{width:100%; float:none; margin:10px 0px;}
	
	.col3_1{width:100%; float:left; display: block;}
	.col3_2{width:100%; float:left; margin-left:0%; display: block;}
	.col3_3{width:100%; float:left; margin-left:0%; display: block;}
	.col3_4{display:none;}
	.col3_5{display:none;}
	
	.oir{ float:right; width:50%; margin:0px -7% 15px 15px; padding: 15px; border-left: solid thin #ddd; display:block;}
	.oil{ float:left; width:50%; margin:0px 15px 15px -7%; padding: 15px; border-right: solid thin #ddd; display:block;}
}

@media (max-width: 640px) {
	#portada{ width:100%;}
	#portada h1{ font-size:24px;}
	#portada .intro{font-size:16px;}
	
	#contenido_portada{padding:0px }
	#contenido{width:100% !important;}
	.marginable{ margin:0px 5%;}
	.oir{ float:right; width:100%; margin:0px; padding: 0px; margin-bottom:15px; border-left: none; display:block;}
	.oil{ float:left; width:100%; margin:0px; padding: 0px; margin-bottom:15px; border-right: none; display:block;}
	.dividido .oir, .dividido .oil{margin-bottom:15px;}
	.box_texto, #comentarios{ padding:0px 5%; margin-bottom:30px;}
	.texto{margin:10px 0px 30px;}
	
	#redes_sociales_top{display:none;}
	.subtitulo{ padding:0px 5%;}
	
	
	/*COLUMNAS*/
	.col1_1{width:100%; display: block;}
	.col1_2{display: none;}
	.col1_3{display: none;}
	.col1_4{display: none;}
	.col1_5{display: none;}
	
	.col2_1{width:100%; float:left; display: block;}
	.col2_2{width:100%; float:left; margin-left:0%; display: block;}
	.col2_3{display:none;}
	.col2_4{display:none;}
	.col2_5{display:none;}
	
	.col4_1{width:100%; min-height:10px; float:left; display: block;}
	.col4_2{width:100%; min-height:10px; float:left; margin-left:0%; display: block;}
	.col4_3{width:100%; min-height:10px; float:left; margin-left:0%; display: block;}
	.col4_4{width:100%; min-height:10px; float:left; margin-left:0%; display: block;}
	.col4_5{display:none;}
	
	.col5_1{width:100%; float:left; display: block;}
	.col5_2{width:100%; float:left; margin-left:0%; display: block;}
	.col5_3{width:100%; float:left; margin-left:0%; display: block;}
	.col5_4{width:100%; float:left; margin-left:0%; display: block;}
	.col5_5{width:100%; float:left; margin-left:0%; display: block;}
	
	
	/*VARIANTES 3*/
	.col3-1_2-1{width:100%; float:left; display: block;}
	.col3-1_2-2{width:100%; float:left; margin-left:0%; display: block;}
	.col3-1_2-3{display:none;}
	.col3-1_2-4{display:none;}
	.col3-1_2-5{display:none;}
	
	.col3-2_1-1{width:100%; float:left; display: block;}
	.col3-2_1-2{width:100%; float:left; margin-left:0%; display: block;}
	.col3-2_1-3{display:none;}
	.col3-2_1-4{display:none;}
	.col3-2_1-5{display:none;}
	
	.col3-0_2-1{width:100%; float:left; margin-left:0%; display: block;}
	.col3-0_2-2{width:100%; float:left; margin-left:0%; display: block;}
	.col3-0_2-3{display:none;}
	.col3-0_2-4{display:none;}
	.col3-0_2-5{display:none;}
	
	/*VARIANTES 4*/
	.col4-1_3-1{width:100%; float:left; display: block;}
	.col4-1_3-2{width:100%; float:left; margin-left:0%; display: block;}
	.col4-1_3-3{display:none;}
	.col4-1_3-4{display:none;}
	.col4-1_3-5{display:none;}
	
	.col4-3_1-1{width:100%; float:left; display: block;}
	.col4-3_1-2{width:100%; float:left; margin-left:2%; display: block;}
	.col4-3_1-3{display:none;}
	.col4-3_1-4{display:none;}
	.col4-3_1-5{display:none;}
	
	.col4-1_1_2-1{width:100%; float:left; display: block;}
	.col4-1_1_2-2{width:100%; float:left; margin-left:0%; display: block;}
	.col4-1_1_2-3{width:100%; float:left; margin-left:0%; display: block;}
	.col4-1_1_2-4{display:none;}
	.col4-1_1_2-5{display:none;}
	
	.col4-1_2_1-1{width:100%; float:left; display: block;}
	.col4-1_2_1-2{width:100%; float:left; margin-left:0%; display: block;}
	.col4-1_2_1-3{width:100%; float:left; margin-left:0%; display: block;}
	.col4-1_2_1-4{display:none;}
	.col4-1_2_1-5{display:none;}
	
	.col4-2_1_1-1{width:100%; float:left; display: block;}
	.col4-2_1_1-2{width:100%; float:left; margin-left:0%; display: block;}
	.col4-2_1_1-3{width:100%; float:left; margin-left:0%; display: block;}
	.col4-2_1_1-4{display:none;}
	.col4-2_1_1-5{display:none;}
	
	.col4-0_3-1{width:100%; float:left; margin-left:0%; display: block;}
	.col4-0_3-2{width:100%; float:left; margin-left:0%; display: block;}
	.col4-0_3-3{width:100%; float:left; margin-left:0%; display: block;}
	.col4-0_3-4{display:none;}
	.col4-0_3-5{display:none;}
	
	/*VARIANTES 5*/
	.col5-1_4-1{width:100%; float:left; display: block;}
	.col5-1_4-2{width:100%; float:left; margin-left:0%; display: block;}
	.col5-1_4-3{display:none;}
	.col5-1_4-4{display:none;}
	.col5-1_4-5{display:none;}
	
	.col5-4_1-1{width:100%; float:left; display: block;}
	.col5-4_1-2{width:100%; float:left; margin-left:0%; display: block;}
	.col5-4_1-3{display:none;}
	.col5-4_1-4{display:none;}
	.col5-4_1-5{display:none;}
	
	.col5-2_3-1{width:100%; float:left; display: block;}
	.col5-2_3-2{width:100%; float:left; margin-left:0%; display: block;}
	.col5-2_3-3{display:none;}
	.col5-2_3-4{display:none;}
	.col5-2_3-5{display:none;}
	
	.col5-3_2-1{width:100%; float:left; display: block;}
	.col5-3_2-2{width:100%; float:left; margin-left:0%; display: block;}
	.col5-3_2-3{display:none;}
	.col5-3_2-4{display:none;}
	.col5-3_2-5{display:none;}
	
	.col5-1_2_2-1{width:100%; float:left; display: block;}
	.col5-1_2_2-2{width:100%; float:left; margin-left:0%; display: block;}
	.col5-1_2_2-3{width:100%; float:left; margin-left:0%; display: block;}
	.col5-1_2_2-4{display:none;}
	.col5-1_2_2-5{display:none;}
	
	.col5-2_1_2-1{width:100%; float:left; display: block;}
	.col5-2_1_2-2{width:100%; float:left; margin-left:0%; display: block;}
	.col5-2_1_2-3{width:100%; float:left; margin-left:0%; display: block;}
	.col5-2_1_2-4{display:none;}
	.col5-2_1_2-5{display:none;}
	
	.col5-2_2_1-1{width:100%; float:left; display: block;}
	.col5-2_2_1-2{width:100%; float:left; margin-left:0%; display: block;}
	.col5-2_2_1-3{width:100%; float:left; margin-left:0%; display: block;}
	.col5-2_2_1-4{display:none;}
	.col5-2_2_1-5{display:none;}
	
	.col5-1_1_3-1{width:100%; float:left; display: block;}
	.col5-1_1_3-2{width:100%; float:left; margin-left:0%; display: block;}
	.col5-1_1_3-3{width:100%; float:left; margin-left:0%; display: block;}
	.col5-1_1_3-4{display:none;}
	.col5-1_1_3-5{display:none;}
	
	.col5-1_3_1-1{width:100%; float:left; display: block;}
	.col5-1_3_1-2{width:100%; float:left; margin-left:0%; display: block;}
	.col5-1_3_1-3{width:100%; float:left; margin-left:0%; display: block;}
	.col5-1_3_1-4{display:none;}
	.col5-1_3_1-5{display:none;}
	
	.col5-3_1_1-1{width:100%; float:left; display: block;}
	.col5-3_1_1-2{width:100%; float:left; margin-left:0%; display: block;}
	.col5-3_1_1-3{width:100%; float:left; margin-left:0%; display: block;}
	.col5-3_1_1-4{display:none;}
	.col5-3_1_1-5{display:none;}
	
	.col5-2_1_1_1-1{width:100%; float:left; display: block;}
	.col5-2_1_1_1-2{width:100%; float:left; margin-left:0%; display: block;}
	.col5-2_1_1_1-3{width:100%; float:left; margin-left:0%; display: block;}
	.col5-2_1_1_1-4{width:100%; float:left; margin-left:0%; display: block;}
	.col5-2_1_1_1-5{display:none;}
	
	.col5-1_2_1_1-1{width:100%; float:left; display: block;}
	.col5-1_2_1_1-2{width:100%; float:left; margin-left:0%; display: block;}
	.col5-1_2_1_1-3{width:100%; float:left; margin-left:0%; display: block;}
	.col5-1_2_1_1-4{width:100%; float:left; margin-left:0%; display: block;}
	.col5-1_2_1_1-5{display:none;}
	
	.col5-1_1_2_1-1{width:100%; float:left; display: block;}
	.col5-1_1_2_1-2{width:100%; float:left; margin-left:0%; display: block;}
	.col5-1_1_2_1-3{width:100%; float:left; margin-left:0%; display: block;}
	.col5-1_1_2_1-4{width:100%; float:left; margin-left:0%; display: block;}
	.col5-1_1_2_1-5{display:none;}
	
	.col5-1_1_1_2-1{width:100%; float:left; display: block;}
	.col5-1_1_1_2-2{width:100%; float:left; margin-left:0%; display: block;}
	.col5-1_1_1_2-3{width:100%; float:left; margin-left:0%; display: block;}
	.col5-1_1_1_2-4{width:100%; float:left; margin-left:0%; display: block;}
	.col5-1_1_1_2-5{display:none;}
	
	.col5-0_2-1{width:100%; float:left; margin-left:0%;display: block;}
	.col5-0_2-2{width:100%; float:left; margin-left:0%; display: block;}
	.col5-0_2-3{display:none;}
	.col5-0_2-4{display:none;}
	.col5-0_2-5{display:none;}
	
	.col5-0_4-1{width:100%; float:left; margin-left:0%;display: block;}
	.col5-0_4-2{width:100%; float:left; margin-left:0%; display: block;}
	.col5-0_4-3{width:100%; float:left; margin-left:0%; display: block;}
	.col5-0_4-4{width:100%; float:left; margin-left:0%; display: block;}
	.col5-0_4-5{display:none; }
	
	.dividido {margin:30px 5%;}
	
	.editar_tabla{width:90%; margin:auto;}
	.preg{margin-bottom:30px;}
	.preg table td{border:solid thin #eee; background:none;}
	
	.preg tr:nth-child(odd){ background-color:#e8e8e8; }
	.preg tr:nth-child(even){ background-color:#f4f4f4; }
	
	.preg .th td div{font:400 16px/18px 'Oswald Regular','Arial',serif;}
	.preg .th td:first-child{}


	#redes_sociales{z-index:820000; position:fixed; top:90%; transform:translateY(-50%); -webkit-transform:translateY(-50%); right:0px; padding:2px; background:#000; border-radius:17px 0px 0px 17px;}
	#fb{background: url(http://gruporeforma.elnorte.com/graficohtml5/especial/imgdiseno/bg_fb.png) bottom; background-size:30px 60px; width:30px; height:30px; cursor:pointer; margin-bottom:5px;}
	#fb:hover{background: url(http://gruporeforma.elnorte.com/graficohtml5/especial/imgdiseno/bg_fb.png) top ; background-size:30px 60px;}
	#tw{background: url(http://gruporeforma.elnorte.com/graficohtml5/especial/imgdiseno/bg_tw.png) bottom; background-size:30px 60px; width:30px; height:30px; cursor:pointer;}
	#tw:hover{background: url(http://gruporeforma.elnorte.com/graficohtml5/especial/imgdiseno/bg_tw.png) top; background-size:30px 60px;}

	h2{ font:300 28px/32px 'Oswald Light','Arial',serif; margin:0px; float:none; background:#666; text-align:center;}
	
	h6{ font:300 14px/32px 'Oswald Light','Arial',serif; margin:0px; float:none; background:#666; text-align:center;}

	.subtitulo{ padding:5px 5% 5px 5%; color:#fff;}
	
	#cerrar_interactivo{ display:none;}
	
	#footer .col1_3{width:100%; float:left; margin-left:0%;display: block;}
	#footer .col2_3{width:100%; float:left; margin-left:0%;display: block;}
	#footer .col3_3{width:100%; float:left; margin-left:0%;display: block;}

}

@media (max-width: 480px) {
	#contenido_portada{padding:0px}
	#titulo{margin:0px; padding:20px 10% 0px;}
	#intro{padding:0px 10% 30px; color:#bbb;}
	.embed_mapa{padding-bottom: 120%; /* 1:1 */}

}