*{margin:0;padding:0;font-family:Helvetica, sans-serif;background:#fefcfd;}

@media(min-width:900px){
header{width:100%;max-width:1525px;min-width:640px;
display:flex;justify-content:center;}
@font-face{font-family:"Vogue"; src:url('Vogue.ttf');}
#cabecera{float:left;width:50%; margin:0; padding:0;}
#logo{display:inline-block;width:20%; 
margin-top:15px;float:left; padding-top:75px;}
#titulo{display:inline-block;float:left;width:79%;text-align:center;
margin-top:15px;padding-top:75px;line-height:300%; }
#titulo h1{font-family:"Vogue";font-variant: small-caps; font-size:40px;}
#titulo h2{font-family:"Vogue";}

/*Menú*/
#menu{font-family:sans-serif;list-style:none;text-decoration:none;margin:50px 0;
padding:0;display:flex;justify-content:center;}
#menup>li{float:left;list-style:none;}
#menup li:first-child{margin-left:5px;}
#menup li a{background:#fefcfd;color:black;display:block;
border:0 solid;padding:10px 12px;text-decoration:none;}
#menup li a:hover{background:rgba(253,2,73,255); color:#FFF;}
li>ul{list-style:none; display:none; position:absolute;min-width:170px;}
/*Desplegable*/
#menup li:hover ul{display:block;}
.resaltar a{background:rgba(253,2,73,255)!important; color:#FFF !important;}

/*Cuerpo*/
#texto_of{line-height:200%; display: inline-block; float:left; width:50%; margin:2% 2% 0 2%;}
#texto_of h3{font-size:1.3em; text-align:center;}
#texto_of p{font-size:1em;}
.negrita{font-weight:bold;}
#ecofoto{display:inline-block;float:left;width:42%; margin:10% 0;}
}

/*Para móviles*/
@media screen and (max-width:480px){

body{max-width:100%; font-size:60%;}
@font-face{font-family:"Vogue"; src:url('Vogue.ttf');}
#cabecera{width:100%; margin:0; padding:0;}
#logo{display:inline-block;width:20%; 
margin:1% 0 1% 1%;float:left; padding-top:6%;}
img{max-width:100%;}
#titulo{display:inline-block;float:left;width:75%;text-align:center;
margin-top:15px;padding-top:6%;line-height:300%; }
#titulo h1{font-family:"Vogue";font-variant: small-caps; font-size:2em;}
#titulo h2{font-family:"Vogue";font-size:1.4em;}

/*Menú*/
#menu{font-family:sans-serif;list-style:none;text-decoration:none;margin:5% 0;
padding:0;display:flex;justify-content:center; width:100%;}
#menup>li{float:left;list-style:none;}
#menup li a{background:#fefcfd;color:black;display:block;
border:0 solid;padding:10px 12px;text-decoration:none;}
#menup li a:hover{background:rgba(253,2,73,255); color:#FFF;}
li>ul{list-style:none; display:none; position:absolute;min-width:170px;}
/*Desplegable*/
#menup li:hover ul{display:block;}
#menup li:active ul{display:block;}
.resaltar a{background:rgba(253,2,73,255)!important; color:#FFF !important;}

/*Cuerpo*/
#texto_of{line-height:180%; display: block; margin:4% 2% 2% 2%; }
#texto_of h3{font-size:1.2em; text-align:center; }
#texto_of p{font-size:0.9em;}
.negrita{font-weight:bold;}
#ecofoto{display:block; margin:2%;}
#ecofoto img{max-width:100%;}
}

/*IPAD*/
@media screen and (min-width:480px) and (max-width:899px){

body{max-width:100%; font-size:80%;}
@font-face{font-family:"Vogue"; src:url('Vogue.ttf');}
#cabecera{width:100%; margin:0; padding:0;}
#logo{display:inline-block;width:20%; 
margin:1% 0 1% 1%;float:left; padding-top:6%;}
img{max-width:100%;}
#titulo{display:inline-block;float:left;width:75%;text-align:center;
margin-top:15px;padding-top:6%;line-height:300%; }
#titulo h1{font-family:"Vogue";font-variant: small-caps; font-size:2.4em;}
#titulo h2{font-family:"Vogue";font-size:1.7em;}	

/*Menú*/
#menu{font-family:sans-serif;list-style:none;text-decoration:none;margin:5% 0;
padding:0;}
#menup>li{float:left;list-style:none;}
#menup li:first-child{margin-left:2%;}
#menup li a{background:#fefcfd;color:black;display:block;
border:0 solid;padding:10px 12px;text-decoration:none;}
#menup li a:hover{background:rgba(253,2,73,255); color:#FFF;}
li>ul{list-style:none; display:none; position:absolute;min-width:170px;}
/*Desplegable*/
#menup li:hover ul{display:block;}
.resaltar a{background:rgba(253,2,73,255)!important; color:#FFF !important;}

/*Cuerpo*/
#texto_of{line-height:180%; display: block; margin:4% 2% 2% 2%; }
#texto_of h3{font-size:1.4em; text-align:center; }
#texto_of p{font-size:1.1em;}
.negrita{font-weight:bold;}
#ecofoto{display:block; margin:2%;}
#ecofoto img{max-width:100%;}
}