@charset "utf-8";

.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: -moz-calc(40% - 0.5em); width: calc(40% - 0.5em); margin-bottom: 3em; padding-top: 0.5em; background:url(../img/pixel_blanco80.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:#49a434; font-family:corbelb; font-size:2vw; font-weight: normal; margin: 0px 0px 10px 0px;}
.t_sec_negro{color:#101010; font-family:corbelb; font-size:4vw; font-weight: normal; margin: 0 0 0 0; line-height: 1.1em;}
h3.t_sec_negro2{color:#101010; font-family:corbelb; font-size:1.5vw; font-weight: normal; margin: 0px 0px 10px 0px;}

.t_sec_cargo{color:#49a434; font-family:corbelb; font-size:1.5vw; font-weight: normal; margin: 10px 0 0 0; line-height: 1.2em;}

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


.cont_colderecha{float: right; width: -moz-calc(50% - 0.5em);width: calc(50% - 0.5em); }

.caja_0{color:white; background: #49a434; float: left; font-family: corbelb; font-size: 1.2em; margin-left: 10%; margin-top: 2em;
    padding: 1.4em; width: -moz-calc(65% - 0.5em); width: calc(65% - 0.5em);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: corbelb; width: -moz-calc(65% - 0.5em); width: calc(65% - 0.5em); padding-top: 0.5em; margin-left: 10%; margin-top: 2em; padding: 1.5em; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px;  -webkit-border-radius: 10px 10px 10px 10px;}

#texto_caja0,  #texto_caja1, #texto_caja2{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:2em; 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 ul,  #texto_caja1 ul, #texto_caja2 ul {font-family:corbelb; margin-left:2em; margin-right:2em;list-style-position: outside;	}
#texto_caja0 a, #texto_caja1 a, #texto_caja2 a {color:#49a434; font-weight: bold; text-decoration: none;}
#texto_caja0 a:hover,  #texto_caja1 a:hover, #texto_caja2 a:hover {color:#fff; font-weight: bold; text-decoration: none; background:#49a434; }
#texto_caja0 p, #texto_caja1 p, #texto_caja2 p, #texto_caja1 ol, #texto_caja1 ol, #texto_caja2 ol{font-family:corbelb; margin-left:2em; margin-right:2em;}
ol.lista_popup{float: left; /*margin-top: 3em;*/}

.col_img{float: left; width: -moz-calc(40% - 0.5em); width: calc(40% - 0.5em); }
.col_img img{width: 90% !important;}
.col_tex{float: left; width: -moz-calc(60% - 0.5em); width: calc(60% - 0.5em); margin-bottom: 1.5em;}
.col_tex p{clear: both;}

.texto_destacado{font-family: corbelb; !important; }
.texto_destacado_capital{ color: #49a434; float: left; font-size: 5vw; font-weight: bold; margin-top: -0.25em;}
.no_capital{display: block; float: left; color: black; font-size: 2em;}
.negrita_roja{ font-family:corbelb; color:#49a434; font-size:1.5vw; font-weight: normal;}

#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: white; float: left; font-family: corbelb; width: -moz-calc(65% - 0.5em); width: calc(65% - 0.5em); padding-top: 0.5em; margin-left: 10%;
    margin-top: 2em; padding: 1.5em;  border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px;}

.boton_mas0, .boton_mas1, .boton_mas2{float: left; /*padding-top: 0.5em;*/ text-align: right; margin-left: -3.5em;  margin-top: 2em;}
.boton_mas0 img, .boton_mas1 img, .boton_mas2 img {width:50%; height:auto; margin-bottom: -2em;}

.autor{float: left; margin-left: 10%; background:url(../img/pixel_blanco60.png); font-family: corbelb;	font-weight:normal;
    width: -moz-calc(65% - 0.5em); width: calc(65% - 0.5em); padding: 0.3em 1em;	
	border-radius: 10px 10px 10px 10px;	-moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px;}

.caja_descarga{background:#49a434 url(../img/ico_descargar.png) no-repeat 1em 1em; background-size:18%; color: white; float: left; font-family: corbelb;
    margin-left: 10%; margin-top: 1em; margin-bottom:2em; padding: 1em 1em 1.5em 1.5em; 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:18%;}

.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:#49a434;}

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

.comillas{color:#49a434; 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;}*/