@charset "utf-8";

html, body{ 
	background:url(../img/fondo_en_rural.png) #007ca6 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:40%; /*background:url(../img/pixel_blanco60.png);*/ margin-left: 10%; /*text-align:center;*/ 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_sec_rojo{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; line-height: 1.2em; margin: 0;}

.nota{font-size:0.9vw;}

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

#texto{ float: left; margin: 4em 0;}
#texto p{ font-family:corbelb; color:#101010; float:left; width:60%; margin-top: 0; margin-left:20%; margin-right:20%; text-align:justify;}

.texto_destacado{font-family: corbelb; !important; }
.texto_destacado:first-letter{ color: #007ca6; float: left; font-size: 5vw; font-weight: bold; margin-top: -0.1em;}

.creditos{ clear: both; margin: 0 auto; width: 60%;}

.bt_creditos{
	float:left;
	background:url("../img/bt_creditos_1.png") no-repeat scroll 0 0 / 50px auto;
	margin-top:-2em;
    margin-left: auto;
    margin-right: 1em;;
	margin-bottom:2em;
    padding-bottom: 1em;
    padding-left: 4em;
    padding-top: 1em;
    width: 40%;
}
.bt_creditos a{font-family: corbelb; color:#007ca6; text-decoration:none;}
.bt_creditos:hover{ url(../img/bt_creditos_1.png) no-repeat 0 0 / 50px auto;}
.bt_creditos:hover a{color:white; background:#007ca6;}

#texto_revista, #texto_web{ 
	background: white;
    float: left;
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 8%;
	margin-bottom:2em;
	padding-top:2em;
    position: absolute;
    width: 90%;
	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);
}
/*#texto_caja1 img, #texto_caja2 img{ 
	float:left; margin-top:1em; margin-left:2em; margin-right:1em; margin-bottom:1em; width:35%; height:auto;
	border-radius: 10px 10px 10px 10px;	-moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border: 0px solid #000000;
}*/
#texto_revista p, #texto_web p{font-family:corbelb; margin-left:2em; margin-right:2em;}
.texto_destacado{font-family: corbelb !important;}

.negrita_roja{font-family:corbelb; color:#007ca6; font-size:1.2em;}

#cerrar_texto1, #cerrar_texto2{width:30px; height:30px; float:right;}
#cerrar_texto1 img, #cerrar_texto2 img{width:100%; height:auto; margin:-1.5em 0 0 -0.5em;}

.correo{color:#007ca6; font-size:0.8em; text-decoration:none;}
.correo:hover{background:#007ca6; color:white;}

/*---------------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;}

#texto{position:relative; animation: bounceInUp 1s 2s ease backwards;}
#revista{position:relative; animation: bounceInUp 1s 2.5s ease backwards;}
#web{position:relative; animation: bounceInUp 1s 2.8s ease backwards;}