@charset "utf-8";

html, body{ 
	background:#F5A800 url(../img/home.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;}
#ancho_home{
	font-family:corbelb;
	width:40vw;
	float:right;
	font-size:1vw;
	margin-bottom:1em;
}
.logo{margin:0 auto;}
.logo img{width:90%; height:auto; }

.logo_feader{width: 10%;}
.logo_mapama{width: 40%;}
.logo_rrn{width: 20%;}

#descarga_total{ 
	font-size:0.9em;
    float: left;
    margin-left: -2em;
    position: fixed;
    right: 1em;
	bottom:1em;
    text-align: center;
    width: 4.5em;
	z-index:1000;
}
#descarga_total .descarga_tx{ margin:0;}
#descarga_total:hover{/*background: url(../img/ico_descargar.png) no-repeat 0.5em 0;*/}
#descarga_total a{color: #F5A800; text-decoration:none; font-family:corbelb; margin:0;}
#descarga_tota:hover a{}

#ancho_home ul{
	margin-left:-2em;
}
#ancho_home ul li{display:block;list-style:none; width:100%; float:left;}
#ancho_home ul li .seccion{ display:block; width: 50%; float:left; color:#F5A800; font-size:1.5vw;}
#ancho_home ul li a{
	float: left;
	color: #222221;
	font-size: 2.5vw;
	text-decoration: none;
	width: 50%;
	margin-top: 5vw;
}
#ancho_home img{
	float: left;
	text-align: center;
	margin-top: 1em;
	margin-bottom: 2em;
}
#ancho_home ul li img{
	width: 40%;
	height:auto;
	margin-bottom: 0.5em;
	margin-right: 0.5em;
	
}
#n_revista{
	float: left;
    text-align: right;
    width: 50%;
	padding-top:0.5em;
}
#logos{ width:52%; background:url(../img/pixel_blanco80.png); position:fixed; left:0; bottom:0; float:left;}
#logos img{ margin:1em 1em;}

/*----------animaciones--------------*/

.an_logo{
	position:relative;
	float:left;
	animation: an_logo 2s ease; 
}
@-webkit-keyframes an_logo {0% {top:-200px;} 100% {top:0px;}}
@keyframes an_logo {0% {top:-200px;} 100% {top:0px;}} /* Standard syntax */

.an_numero{
	position:relative;
	float:left;
	animation: an_numero 1s 1s ease backwards;
}
@-webkit-keyframes an_numero {from {top:-200px;} to {top:0px;}}
@keyframes an_numero {from{top:-200px;} to {top:0px;}} /*Standard syntax */

#ancho_home ul li .an_img1 img{position:relative; float:left; animation: an_img1 1s 2s ease backwards;}
@-webkit-keyframes an_img1 {from {right:-300px; opacity:0;} to {right:0px; opacity:1;}}
@keyframes an_img1 {from {right:-300px; opacity:0;} to {right:0px; opacity:1;}} /*Standard syntax */

#ancho_home ul li .an_img2 img{position:relative; float:left; animation: an_img1 1s 2.5s ease backwards;}
@-webkit-keyframes an_img2 {from {right:-300px; opacity:0;} to {right:0px; opacity:1;}}
@keyframes an_img2 {from {right:-300px; opacity:0;} to {right:0px; opacity:1;}} /*Standard syntax */

#ancho_home ul li .an_img3 img{position:relative; float:left; animation: an_img1 1s 3s ease backwards;}
@-webkit-keyframes an_img3 {from {right:-300px; opacity:0;} to {right:0px; opacity:1;}}
@keyframes an_img3 {from {right:-300px; opacity:0;} to {right:0px; opacity:1;}} /*Standard syntax */

.an_t1{position:relative; float:left;  animation: an_t1 1s 3.5s ease backwards;}
@-webkit-keyframes an_t1 {from {opacity:0;} to {opacity:1;}}
@keyframes an_t1 {from {opacity:0;} to { opacity:1;}} /*Standard syntax */

.an_t2{position:relative; float:left;  animation: an_t2 1s 3.7s ease backwards;}
@-webkit-keyframes an_t2 {from {opacity:0;} to {opacity:1;}}
@keyframes an_t2 {from {opacity:0;} to { opacity:1;}} /*Standard syntax */

.an_t3{position:relative; float:left;  animation: an_t3 1s 3.9s ease backwards;}
@-webkit-keyframes an_t3 {from {opacity:0;} to {opacity:1;}}
@keyframes an_t3 {from {opacity:0;} to { opacity:1;}} /*Standard syntax */

.an_subt1{position:relative; float:left;  animation: an_subt1 2s 4.2s ease backwards;}
@-webkit-keyframes an_subt1 {from {top:50px; opacity:0;} to {top:0px; opacity:1;}}
@keyframes an_subt1 {from {top:50px; opacity:0;} to {top:0px; opacity:1;}} /*Standard syntax */

.an_subt2{position:relative; float:left;  animation: an_subt2 2s 4.5s ease backwards;}
@-webkit-keyframes an_subt2 {from {top:50px; opacity:0;} to {top:0px; opacity:1;}}
@keyframes an_subt2 {from {top:50px; opacity:0;} to {top:0px; opacity:1;}} /*Standard syntax */

.an_subt3{position:relative; float:left;  animation: an_subt3 2s 4.8s ease backwards;}
@-webkit-keyframes an_subt3 {from {top:50px; opacity:0;} to {top:0px; opacity:1;}}
@keyframes an_subt3 {from {top:50px; opacity:0;} to {top:0px; opacity:1;}} /*Standard syntax */

#descarga_total{animation: bounceInRight 1s 4s ease backwards;}