@charset "utf-8";

.bt_sumario{font-family:din-boldalternateregular; 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:1.5em 0.5em 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:#A36929; font-family:din-boldalternateregular; font-size:2vw; font-weight: normal; margin: 0;}
.t_sec_negro{color:#101010; font-family:din-boldalternateregular; font-size:4vw; font-weight: normal; margin: 0;}
.t_sec_cargo{color:#7D511F; font-family:din-boldalternateregular; font-size:1.5vw; font-weight: normal; margin: 0;}

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

.caja_0{
	color:white;
	background: #A36929;
    float: left;
    font-family: din-boldalternateregular;
	font-size: 1.2em;
    margin-left: 55%;
    margin-top: 2em;
    padding: 1.4em;
    width: 30%;
	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_1{
	background: white;
    float: left;
    font-family: DINNextLTPro-Light;
    margin-left: 55%;
    margin-top: 2em;
    padding: 1.5em;
    width: 30%;
	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_caja0, #texto_caja1, #texto_caja2{
	display:none;
	background: white;
	float: left;
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 15%;
	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_caja0 img, #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_caja0 p, #texto_caja1 p, #texto_caja2 p{font-family:DINNextLTPro-Light; margin-left:2em; margin-right:2em;}
.texto_destacado{font-family: DINNextLTPro-Regular !important; }
.texto_destacado_capital{ color: #A36929; float: left; font-size: 7vw; font-weight: bold; margin-top: -0.1em;}
.no_capital{display: block; float: left; color: black; font-size: 2em;}
.negrita_roja{ font-family:din-boldalternateregular; color:#7D511F; font-size:1.5vw; font-weight: bold;}

#cerrar_texto0, #cerrar_texto1, #cerrar_texto2{ width:30px; height:30px; float:right;}
#cerrar_texto0 img, #cerrar_texto1 img, #cerrar_texto2 img{ width:100%; height:auto; margin:-1.5em 0 0 -0.5em;}
.caja_2{
	/*background:url(../img/pixel_blanco80.png);*/
	background:white;
    color:#101010;
    float:left;
    font-family:DINNextLTPro-Light;
    margin-left:55%;
    margin-top:2em;
    padding:1.5em;
    width:30%;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 0px solid #000000;
}

.boton_mas0, .boton_mas1, .boton_mas2{float: left; margin-left: -1em; margin-top: 3em;}
.boton_mas0 img, .boton_mas1 img, .boton_mas2 img {width:50%; height:auto;}

.autor{
	margin: 0.5em 0 0;
	background:url(../img/pixel_blanco60.png);
    float: left;
    font-family: DINNextLTPro-Light;
	font-weight:normal;
	margin: 2em 0 1em 56%;
    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:#A36929 url(../img/ico_descargar.png) no-repeat 1em 1em;
	background-size:12%;
    color: white;
    float: left;
    font-family: din-boldalternateregular;
    margin-left: 55%;
    margin-top: 1em;
	margin-bottom:1em;
    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:DINNextLTPro-Regular; font-size:1em; color:white; margin-left: 3em; padding-top:0.5em; text-decoration:none;}
.caja_descarga:hover a{color:#A36929;}

a.enlace{ color:#A36929; text-decoration:none; font-weight:bold;}
a.enlace:hover{ background:#A36929; color:white;}

.comillas{color:#A36929; font-weight:bold; font-size:1.2em;}
/*---------------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_tseccion{position:relative; float:left;  animation: an_tseccion 1s 0s ease backwards;}
@-webkit-keyframes an_tseccion {from {top:-200px;} to {top:0px;}}
@keyframes an_tseccion {from{top:-200px;} to {top:0px;}} /*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_tsec_cargo{position:relative; float:left; width:100%; animation: bounceIn 1s 1.5s ease backwards;}

/*#caja_entradilla{position:relative; float:left; animation: bounceInRight 1s 2s ease backwards;}*/
.an_caja_0{position:relative; float:left; animation: bounceInRight 1s 2s ease backwards;}
.an_bt0{position:relative; float:left; animation: bounceIn 1s 2.2s ease backwards;}
.an_caja_1{position:relative; float:left; animation: bounceInRight 1s 2.4s ease backwards;}
.an_bt1{position:relative; float:left; animation: bounceIn 1s 2.6s ease backwards;}
.an_caja_2{position:relative; float:left; animation: bounceInRight 1s 2.8s ease backwards;}
.an_bt2{position:relative; float:left; animation: bounceIn 1s 3s ease backwards;}
.autor{position:relative; float:left; animation: bounceInRight 1s 3.2s ease backwards;}
.an_bt_descarga{position:relative; float:left; animation: bounceIn 1s 3.4s ease backwards;}
/*.an_bt_descarga:hover{position:relative; float:left; animation: bounceIn 1s 0s ease; transition: width 2s;}*/