@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: -moz-calc(41% - 0.5em); width: calc(41% - 0.5em); float:right; font-size:1vw; margin-bottom:1em;}
.logo{margin:0 auto;}
.logo img{width:90%; height:auto;}

.logo_feader{width: -moz-calc(28% - 0.5em); width: calc(28% - 0.5em);}
.logo_mapama{width: -moz-calc(28% - 0.5em); width: calc(28% - 0.5em);}
.logo_rrn{width: -moz-calc(28% - 0.5em); width: calc(28% - 0.5em);}

#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; display: inline-block;}
#ancho_home ul li{display:block;list-style:none; width:100%; float:left; margin-left: -1.5em;}
#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-family:corbelb; font-size: 2em; text-decoration: none; width: -moz-calc(60% - 0.5em); width: calc(60% - 0.5em); margin-top: 3vw;}
#ancho_home img{float: left; text-align: center; margin-top: 1em; margin-bottom: 2em;}
#ancho_home ul li img{width: 25%;  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: -moz-calc(52.7% - 0.5em); width: calc(52.7% - 0.5em); 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;}