@charset "utf-8";

html, body{ 
	background:#007ca6 url(../img/fondo_blanco.jpg) no-repeat center fixed;
	background-size: cover;
	margin:0; padding:0;
}

.bt_sumario{font-family:corbelb; font-weight:normal; font-size:0.8em; display:block;}
#boton_menu a{text-decoration:none !important; color:white;}

#t_seccion{
	float:left; width:50%; margin-left: 10%; padding-top:1.5em; padding-bottom:1em;
	border-radius: 0px 0px 10px 10px; -moz-border-radius: 0px 0px 10px 10px; -webkit-border-radius: 0px 0px 10px 10px; border: 0px solid #000000;
}
.t_nom_sec{color:#007ca6; font-family:corbelb; font-size:2vw; font-weight: normal; margin: 0;}
.t_sec_negro{color:#101010; font-family:corbelb; font-size:3vw; font-weight: normal; margin: 0; line-height: 1.2em;}
.antetitulo{color:#d29000; font-family: corbelb; font-size: 1.5vw; font-weight: normal; margin-bottom: 1.5em; margin-top: 1em ;}
/*.t_nom_sec{color:#007ca6; font-family:corbelb; font-size:2vw; font-weight: normal; margin: 0;}
.t_sec_negro{color:#101010; font-family:corbelb; font-size:3vw; font-weight: normal; margin: 0;}
.antetitulo{color: #007ca6; font-family: corbelb; font-size: 1.5vw; font-weight: normal; margin-bottom: 1.5em; margin-top: 1em ;}*/

.logo{margin:0 auto;}
.logo img{float: right; height: auto; margin-right: 2em; width: 35%; margin-top: 1em;}

#cont_opcion{float: left; margin-left: 10%; margin-top: 2em; overflow: auto; width: 80%;}
#opcion_1{
	float:left; width: -moz-calc(50% - 2em);	width: calc(50% - 2em); background:#007ca6; margin-bottom: 1em; border: 5px solid white;
	border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px;
	-webkit-box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.25); -moz-box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.25); box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.25);
}
#opcion_2{
	float:right; width: -moz-calc(50% - 2em);	width: calc(50% - 2em); background:#007ca6; margin-bottom: 1em; margin-right: 1%; border: 5px solid white;
	border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px;
	-webkit-box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.25); -moz-box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.25); box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.25);
}

#opcion_1 h3, #opcion_2 h3{font-size: 1.9vw; height: 5vw; padding:  0 1em;}
#opcion_1 h3 a, #opcion_2 h3 a{font-family:corbelb;  color:white; font-weight:normal; text-decoration:none;}

#opcion_1 h4, #opcion_2 h4{font-size: 1.3vw; padding: 0 2em; font-family:corbelb;  color:white; font-weight:normal; text-decoration:none;}

#opcion_1 img, #opcion_2 img{ width:100%; height:auto; margin-bottom: -0.25em; border-radius: 10px 10px 4px 4px; -moz-border-radius: 10px 10px 4px 4px; -webkit-border-radius: 10px 10px 4px 4px;}

#opcion_1:hover, #opcion_1:hover a, #opcion_2:hover, #opcion_2:hover a{ background:#101010;}

#cont_imagen{clear:both; float:left; width: -moz-calc(45% - 2em); width: calc(45% - 2em);}

#imagen_1, #imagen_2{text-align:right; margin-top:1em;}

#imagen_1 img:hover, #imagen_2 img:hover, #imagen_3 img:hover{border: 10px solid #007ca6;}

#caja_img1, #caja_img2, #caja_img3, #caja_img4, #caja_img5{
	background: white;
    float: left;
	text-align:center;
    margin-left: 20%;
    margin-right: 20%;
    margin-top: 15%;
	margin-bottom:2em;
	padding-top:2em;
    position: absolute;
    width: 60%;
	z-index:20000;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 0px solid #000000;
	-webkit-box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.25); -moz-box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.25); box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.25);

}
#caja_img1  a, #caja_img2 a, #caja_img3 a, .autor a {color:#007ca6; font-weight: bold; text-decoration: none;}
#caja_img1  a:hover,  #caja_img2 a:hover, #caja_img3 a:hover, .autor a:hover {color:#fff; font-weight: bold; text-decoration: none; background:#007ca6; }
/*#texto a {
	color:#fff; 
	font-weight: bold;
	text-decoration: none;
}*/
#caja_img1 img, #caja_img2 img, #caja_img3 img, #caja_img4 img, #caja_img5 img {
    max-width: 600px; width: 90%; font-family: corbelb;
}
#caja_img1 p, #caja_img2 p, #caja_img3 p, #caja_img4 p, #caja_img5 p{
    font-family: corbelb; margin-left:1em; margin-right:1em;
}
#cerrar_img1, #cerrar_img2, #cerrar_img3, #cerrar_img4, #cerrar_img5{ width:30px; height:30px; float:right;}
#cerrar_img1 img, #cerrar_img2 img, #cerrar_img3 img, #cerrar_img4 img, #cerrar_img5 img{ width:100%; height:auto; margin:-1.5em 0 0 -0.5em;}

#texto{float:right; width: -moz-calc(60% - 2em); width: calc(50% - 2em);}
#texto p{font-family:corbelb; margin-right: 10%; text-align: justify;}
#texto p a{color:#007ca6; text-decoration: none; font-weight: bold;}
#texto p a:hover{color:white; background:#007ca6;  }
.texto_destacado{font-family: corbelb; !important; }
.texto_destacado_capital{color: #007ca6; float: left; font-size: 5vw; font-weight: bold; margin-top: -0.1em;}
.no_capital{display: block; float: left; color: black; font-size: 2em;}
.autor{
	margin: 0.5em 0 0;
	background:url(../img/pixel_blanco60.png);
    float: left;
    font-family: corbelb;
	font-weight:normal;
	margin: 0 0 1em;
    padding: 0.3em 1em;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 0px solid #000000;
}
.caja_descarga{
	background:#007ca6 url(../img/ico_descargar.png) no-repeat 1em 1em;
	background-size:12%;
    color: white;
	clear:both;
    font-family: corbelb;
    margin-top: 1em;
	margin-bottom: 2em;
    padding: 1em;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 0px solid #000000;
}
.caja_descarga:hover{background:white url(../img/ico_descargar_over.png) no-repeat 1em 1em; background-size:12%;}

.caja_descarga img{display: block; float: left; height: auto; margin-right: 1em; width: 15%;}
.caja_descarga a{display: block; font-family:corbelb; font-size:1em; color:white; margin-left: 3em; padding-top:0.5em; text-decoration:none;}
.caja_descarga:hover a{color:#007ca6;}

#caja_siguiente{float: right; clear: both; background:url(../img/fondo_sig_reportaje.png) no-repeat 0 0; width:400px; height:35px; padding-top: 3em; color:white;}
#caja_siguiente a{ color:white; font-family:corbelb; text-decoration:none; margin-left:2em;}
#caja_siguiente img{ margin-right:0.5em;}
#caja_siguiente:hover{ background:url(../img/fondo_sig_reportaje2.png)no-repeat 0 0;}

#caja_anterior{ /*position:fixed;*/float: right; clear: both;  /*bottom:0; right:1em;*/ background:url(../img/fondo_ante_reportaje.png) no-repeat 0 0; width:400px; height:35px; padding-top: 3em; color:white;}
#caja_anterior a{ color:white; font-family:corbelb; text-decoration:none; margin-left: 50%;}
#caja_anterior img{ margin-right:0.5em;}
#caja_anterior:hover{ background:url(../img/fondo_ante_reportaje2.png)no-repeat 0 0;}

table{width: 90%; font-family:corbelb; font-size: 0.8em; text-align:left; border-top: 1px solid #B4B4B4; border-left: 1px solid #B4B4B4;  margin-left:1em; margin-bottom:1em;}
table caption{font-size: 1.2em; background: #007ca6; color:white ; font-weight: bold; margin-bottom: 0.5em; padding: 0.5em;}
thead td{color: #007ca6; font-weight: bold;}
td {border-right: 1px solid #B4B4B4; border-bottom: 1px solid #B4B4B4; padding:0.5em}
/*---------------animaciones--------------------*/
.an_logo{animation: an_logo 1s ease;}
@-webkit-keyframes an_logo {from {opacity:0;} to {opacity:1;}}
@keyframes an_logo {from {opacity:0;} to {opacity:1;}} /*Standard syntax */

.an_tsec_negro{position:relative; float:left; width:100%; animation: flipInY 1s 1s ease backwards;}
.an_tsec_rojo{position:relative; float:left; width:100%; animation: flipInX 1s 1.5s ease backwards;}

.an_caja1{ animation: bounceInUp 1s 2s ease backwards;}
.an_titulo1{animation: rotateInUpLeft 0.5s 2.5s ease backwards;}
.an_img1{position:relative; float:left; width:100%; animation: zoomIn 1s 3s ease backwards;}

.an_caja2{ animation: bounceInUp 1s 2s ease backwards;}
.an_titulo2{animation: rotateInUpLeft 0.5s 2.5s ease backwards;}
.an_img2{position:relative; float:left; width:100%; animation: zoomIn 1s 4s ease backwards;}

#imagen_1{animation: rotateInUpLeft 1s 2.5s ease backwards;}
#imagen_2{animation: rotateInUpRight 1s 2.6s ease backwards;}
#imagen_3{animation: rotateInUpRight 1s 2.8s ease backwards;} 

.antetitulo{animation: bounceInRight 1s 2s ease backwards;}
#texto p{animation: bounceInUp 1s 2.4s ease backwards;}
.autor{animation: bounceInRight 1s 2.6s ease backwards;}

.an_bt_descarga{position:relative; float:left; animation: bounceIn 1s 3s ease backwards;}
.an_bt_descarga:hover{position:relative; float:left; animation: bounceIn 1s 0s ease; transition: width 2s,}

#caja_siguiente, #caja_anterior{animation:bounceInRight 1s 2s ease backwards;}