*{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;}

/*Body*/
#foto{display:inline-block;float:left;margin:10px 15px;width:47%;}
#texto{display:inline-block; float:left; margin:10px 15px 10px 0;width:47%;
padding-top:15px; line-height:200%; font-size: 18px;}
#mapa{display:inline-block;width:60%;float:left; margin:25px; }
#google{border:0; width:100%;}

/*Pie*/
#boton a{display:inline-block;float:right;background-color:rgb(253,2,73);
color:#FFF;border:solid 1px black;box-shadow:2px 2px 3px black; min-width:170px;
text-align:center;margin:10px 75px 0 75px;padding:10px 12px; text-decoration:none;}
#boton a:hover{background-color:#FFF;color:rgb(253,2,73);}
}

/*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;}
#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;}

/*Body*/
#foto{display:block;margin:1% 2%;}
#texto{display:block; float:left; margin:1% 2% 1% 1%;
padding-top:2%; line-height:200%; font-size: 1.2em;}
#mapa{display:block; margin:3%; }
#google{border:0; width:100%;}

/*Pie*/
#boton{display:none;}
}

/*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 principal*/
#foto{display:block;margin:1% 2%;}
#texto{display:block; float:left; margin:1% 2% 1% 1%;
padding-top:2%; line-height:200%; font-size: 1.3em;}
#mapa{display:block; margin:3%; }
#google{border:0; width:100%;}

/*Pie*/
#boton{display:none;}
}