@CHARSET "utf-8";
@media (min-width:240px) and (max-width:800px){
body{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:1rem;margin:0% auto;background-color:#8a8a8a;}
#contenedor{max-width:100%;background-color:#ff62b1;padding-top:5px;}
#titulo{font-size:1.1rem;}
#subtitulo{font-size:0.60rem;}
#menu ul {max-width:96%;list-style:none; margin:0; padding:0;}
#menu #item {float:left;}
#menu #item a {background:#51abb3; color:white; padding: 12px 22px; display:block; text-decoration:none;}
#menu #item:hover #desple {display:block;}
#menu #item a:hover {background: blue; color: yellow;}} 
@media (min-width:240px) and (max-width:319px) {#menu #desple {display:none; position:absolute;min-width:0%;}}
@media (min-width:320px) and (max-width:479px) {#menu #desple {display:none; position:absolute;min-width:0%;}}
@media (min-width:480px) and (max-width:567px) {#menu #desple {display:none; position:absolute;min-width:0%;}}
@media (min-width:568px) and (max-width:599px) {#menu #desple {display:none; position:absolute;min-width:0%;}}
@media (min-width:600px) and (max-width:719px) {#menu #desple {display:none; position:absolute;min-width:0%;}}
@media (min-width:720px) and (max-width:766px) {#menu #desple {display:none; position:absolute;min-width:0%;}}
@media (min-width:767px) and (max-width:798px) {#menu #desple {display:none; position:absolute;min-width:0%;}}
@media (min-width:799px) and (max-width:800px) {#menu #desple {display:none; position:absolute;min-width:0%;}}
.titulo{text-align:center;}
#f .jpg:hover{color:black;}
#f a{clear:left;}
#pie{max-width:100%;min-height:55px;float:top;margin-top:10%;margin-left:0%;padding-top:1%;padding-bottom:1%;background-color:#51abb3;clear:both;text-align:center;}
.licencia{text-align:center;}
.texto{background:#eeefaB;padding:10px 10px 10px 10px;border:2px solid black;}
.negrita{font-weight:bold;}
.cmenu:hover{color:black;}
.cursiva{font-style:italic;}
.cmenu{color:white;font-size:1rem}
.rar{max-width:100%;color:white;min-height:18px;padding:0 0 0 25px;background:#FFF url("./img/rar.gif") no-repeat left center;background-color:#ff62b1;}
.rar:hover{color:black;}
.jpg{color:white;max-width:100%;min-height:20px;padding:0 0 0 25px;background:#FFF url("./img/jpg.gif") no-repeat left center;background-color:#ff62b1;}
#contacto, #derechos{font-family:Times;font-size:10px;}
.boton{text-decoration:none;color:yellow;font-weight:bold;padding:12px 20px;font-size:18px;border-radius:10px;background-color:#666666; 
box-shadow:0 5px 5px #313131, 0 9px 0 #393939, 0px 9px 10px rgba(0,0,0,0.4), inset 0px 2px 9px rgba(255,255,255,0.2), inset 0 -2px 9px rgba(0,0,0,0.2);
position:relative;border-bottom:1px solid rgba(255,255,255,0.2);display:inline-block;font-family:Arial,Helvetica,sans;text-shadow:0px -1px 0px rgba(0,0,0,0.2);} 
.boton:hover{box-shadow:0 5px 5px #313131,0 9px 0 #393939,0px 9px 10px rgba(0,0,0,0.4),inset 0px 2px 15px rgba(255,255,255,0.4),inset 0 -2px 9px rgba(0,0,0,0.2);color: white !important;} 
.boton:active{top:7px;box-shadow:0 2px 0 #393939,0px 4px 4px rgba(0,0,0,0.4),inset 0px 2px 5px rgba(0,0,0,0.2);color: blue !important;} 
.formaBoton{border-radius:5px;padding-left:25px;padding-right:25px;} 
.colorRojo{background-color:#c34747;box-shadow:0 5px 5px #853232,0 9px 0 #5e2525,0px 9px 10px rgba(0,0,0,0.4),inset 0px 2px 9px rgba(255,255,255,0.2),inset 0 -2px 9px rgba(0,0,0,0.2);} 
.colorRojo:hover{box-shadow:0 5px 5px #853232,0 9px 0 #5e2525,0px 9px 10px rgba(0,0,0,0.4),inset 0px 2px 15px rgba(255,255,255,0.4), inset 0 -2px 9px rgba(0,0,0,0.2);} 
.colorRojon:active{box-shadow:0 2px 0 #5e2525,0px 4px 4px rgba(0,0,0,0.4),inset 0px 2px 5px rgba(0,0,0,0.2);} }
@media (min-width:240px) and (max-width:319px) {
#contenedor{max-width:99%;padding-top:10px;}	
#cabecera{max-width:100%;float:top;margin-left:0%;background:white;background-image:url("../../imagenes/logo2.jpg");background-repeat:no-repeat;-moz-border-radius:10px;border-radius:10px;-webkit-border-radius:10px;padding:0 0 0 0px;border:3px solid #cbb135;}
#titulo{float:top;padding-top:27%;padding-left:13%;color:#853232;} 
#subtitulo{float:top;padding-top:2%;padding-left:14.4%;color:#853232;}
#areamenu{max-width:92%;margin-top:5px;margin-left:4%;}
#contenido{max-width:92%;margin-top:10px;margin-left:4%;color:black;}
#img{max-width:100%;min-height:100px;float:left;margin-top:10px;margin-left:0%;}
#mapa{max-width:100%;min-height:auto;float:left;margin-top:5px;margin-left:0%;}
#f{float:left;margin-top:20px;margin-left:50%;}
.rat{color:white;height:18px;padding:0 0 0 25px;background:#FFF url("../../imagenes/subo.gif") no-repeat left center;background-color:#ff62b1;}
.rat:hover{color:black;}
#texto{max-width:100%;margin-top:0px:0px;margin-left:0%;float:left;}
#volverse .cvolver:hover{}  
#pie{float:top;position:relative;top:60px;left:0%;}}
@media (min-width:320px) and (max-width:479px) {
#contenedor{max-width:100%;padding-top:10px;}
#cabecera{max-width:98%;float:top;margin-top:0%;margin-left:0.5%;padding:0 0 0 0px;border:3px solid #cbb135;background:white;background-image:url("../../imagenes/logo2.jpg");background-repeat:no-repeat;-moz-border-radius:10px;border-radius:10px;-webkit-border-radius:10px;}
#titulo{float:top;padding-top:20%;padding-left:22%;color:#c34747;} 
#subtitulo{float:top;padding-top:2%;padding-left:23%;color:#853232;}
#areamenu{max-width:94%;margin-top:20px;margin-left:3%;}
#contenido{max-width:95%;margin-top:200px;margin-left:4%;color:black;}
#img{max-width:100%;min-height:auto;float:left;margin-top:0px;margin-left:0%;}	
#mapa{max-width:100%;min-height:auto;float:left;margin-top:10px;margin-left:0%;}
#f{float:left;margin-top:-65px;margin-left:50%;}
.rat{color:white;height:18px;padding:0 0 0 25px;background:#FFF url("../../imagenes/subo.gif") no-repeat left center;background-color:#ff62b1;}
.rat:hover{color:black;}
#texto{max-width:97%;margin-top:0px;margin-left:0%;float:left;}
#volverse{position:relative;float:left;top:0px;left:0px;}    
#pie{position:relative;float:top;top:30px;left:0%;}}
@media (min-width:480px) and (max-width:567px) {
#contenedor{max-width:100%;padding-top:10px;}
#cabecera{max-width:78%;float:top;margin-top:2%;margin-left:10.5%;padding:0 0 0 0px;border:3px solid #cbb135;background:white;background-image:url("../../imagenes/logo.jpg");background-repeat:no-repeat;-moz-border-radius:10px;border-radius:10px;-webkit-border-radius:10px;}
#titulo{float:top;padding-top:18%;padding-left:27%;color:#c34747;} 
#subtitulo{float:top;padding-top:2%; padding-left:28%;color:#853232;}
#areamenu{max-width:92%;margin-top:20px;margin-left:4%;}
#contenido{max-width:92%;margin-top:200px;margin-left:4%;color:black;}
#img{max-width:100%;min-height:auto;margin-top:0px;margin-left:0%;float:left;}
#mapa{max-width:100%;min-height:auto;margin-top:20px;margin-left:0%;float:left;}
#f{position:relative;float:left;top:-85px;left:180px;}
.rat{color:white;height:18px;padding:0 0 0 25px;background:#FFF url("../../imagenes/subo.gif") no-repeat left center;background-color:#ff62b1;}
.rat:hover{color:black;}
#texto{max-width:100%;margin-top:-30px;margin-left:0%;float:left;}
#volverse{position:relative;float:left;top:0px;left:0px;}     
#pie{position:relative;float:top;top:30px;left:0px;}}
@media (min-width:568px) and (max-width:599px) {
#contenedor{max-width:100%;padding-top:10px;}
#cabecera{max-width:65.6%;float:top;margin-top:2%;margin-left:16.7%;padding:0 0 0 0px;border:3px solid #cbb135;background:white;background-image:url("../../imagenes/logo.jpg");background-repeat:no-repeat;-moz-border-radius:10px;border-radius:10px;-webkit-border-radius:10px;}
#titulo{float:top;padding-top:17%; padding-left:27%;color:#c34747;} 
#subtitulo{float:top;padding-top:2%;padding-left:27.2%;color:#853232;}
#areamenu{max-width:92%;margin-top:20px;margin-left:4%;}
#contenido{max-width:92%;margin-top:200px;margin-left:4%;color:black;}	
#img{max-width:100%;min-height:auto;margin-top:0px;margin-left:0%;float:left;}
#mapa{max-width:100%;min-height:auto;margin-top:20px;margin-left:0%;float:left;}
#f{position:relative;float:left;top:-95px;left:190px;}
.rat{color:white;height:18px;padding:0 0 0 25px;background:#FFF url("../../imagenes/subo.gif") no-repeat left center;background-color:#ff62b1;}
.rat:hover{color:black;}
#texto{max-width:100%;margin-top:-50px;margin-left:0%;float:left;}
#volverse{position:relative;float:left;top:0px;left:0px;}    
#pie{position:relative;float:top;top:30px;left:0px;}}
@media (min-width:600px) and (max-width:639px) {
#contenedor{max-width:100%;padding-top:10px;}
#cabecera{max-width:95.2%;min-height:70px;float:top;margin-top:2%;margin-left:2%;padding:0 0 0 0px;border:3px solid #cbb135;background:#51abb3;background-image:url("../../imagenes/logo.jpg");background-repeat:no-repeat;-moz-border-radius:10px;border-radius:10px;-webkit-border-radius:10px;}
#titulo{float:top;padding-top:2.5%;padding-left:67.5%;color:white;} 
#subtitulo{float:top;padding-top:0.5%;padding-left:68.2%;color:white;}	
#areamenu{max-width:92%;margin-top:20px;margin-left:4%;}
#contenido{max-width:92%;margin-top:150px;margin-left:4%;color:black;}	
#img{max-width:100%;min-height:auto;margin-top:0px;margin-left:0%;float:left;}
#mapa{max-width:100%;min-height:auto;position:relative;top:20px;left:0px;}
#f{position:relative;float:left;top:-80px;left:180px;}
.rat{color:white;height:18px;padding:0 0 0 25px;background:#FFF url("../../imagenes/subo.gif") no-repeat left center;background-color:#ff62b1;}
.rat:hover{color:black;}
#texto{max-width:100%;margin-top:-20px;margin-left:0%;float:left;}
#volverse{position:relative;float:left;top:0px;left:0px;}     
#pie{position:relative;float:top;top:30px;left:0px;}}
@media (min-width:640px) and (max-width:719px) {
#contenedor{max-width:100%;padding-top:10px;}
#cabecera{max-width:95%;min-height:70px;float:top;margin-top:2%;margin-left:2%;padding:0 0 0 0px;border:3px solid #cbb135;background:#51abb3;background-image:url("../../imagenes/logo.jpg");background-repeat:no-repeat;-moz-border-radius:10px;border-radius:10px;-webkit-border-radius:10px;}
#titulo{float:top;padding-top:2.5%;padding-left:67.5%;color:white;} 
#subtitulo{float:top;padding-top:0.5%;padding-left:68.2%;color:white;}
#areamenu{max-width:92%;margin-top:20px;margin-left:4%;}
#contenido{max-width:92%;margin-top:150px;margin-left:4%;color:black;}	
#img{max-width:100%;min-height:auto;margin-top:0px;margin-left:0%;float:left;}
#mapa{max-width:100%;min-height:auto;position:relative;top:-267px;right:-73%;float:right;}
#f{position:relative;float:right;top:-240px;left:-20px;}
.rat{color:white;height:18px;padding:0 0 0 25px;background:#FFF url("../../imagenes/subo.gif") no-repeat left center;background-color:#ff62b1;}
.rat:hover{color:black;}
#texto{max-width:100%;margin-top:-180px;margin-left:0%;float:left;}
#volverse{position:relative;float:left;top:0px;left:0px;}      
#pie{position:relative;float:top;top:30px;left:0px;}} 
@media (min-width:720px) and (max-width:766px) {
#contenedor{max-width:100%;padding-top:10px;}
#cabecera{max-width:80%;min-height:70px;float:top;margin-top:2%;margin-left:9.6%;padding:0 0 0 0px;border:3px solid #cbb135;background:#51abb3;background-image:url("../../imagenes/logo.jpg");background-repeat:no-repeat;-moz-border-radius:10px;border-radius:10px;-webkit-border-radius:10px;}
#titulo{float:top;padding-top:2.5%;padding-left:67%;color:white;} 
#subtitulo{float:top;padding-top:0.5%;padding-left:67.5%;color:white;}
#areamenu{max-width:92%;margin-top:20px;margin-left:4%;}
#contenido{max-width:92%;margin-top:150px;margin-left:4%;color:black;}	
#img{max-width:100%;min-height:auto;margin-top:0px;margin-left:0%;float:left;}
#mapa{max-width:100%;min-height:auto;float:right;margin-top:-267px;margin-right:-68%;}
#f{position:relative;float:right;top:-130px;left:-90px;}	
#texto{margin-top:-50px;margin-left:0%;float:left;}
.rat{color:white;height:18px;padding:0 0 0 25px;background:#FFF url("../../imagenes/subo.gif") no-repeat left center;background-color:#ff62b1;}
.rat:hover{color:black;}
#volverse{position:relative;float:left;top:0px;left:0px;}     
#pie{position:relative;float:top;top:30px;left:0px;}}
@media (min-width:767px) and (max-width:798px) {
#contenedor{max-width:100%;padding-top:10px;}
#cabecera{max-width:73.7%;min-height:70px;float:top;margin-top:2%;margin-left:12.9%;padding:0 0 0 0px;border:3px solid #cbb135;background:#51abb3;background-image:url("../../imagenes/logo.jpg");background-repeat:no-repeat;-moz-border-radius:10px;border-radius:10px;-webkit-border-radius:10px;}
#titulo{float:top;padding-top:2.5%;padding-left:68%;color:white;} 
#subtitulo{float:top;padding-top:0.5%;padding-left:68.5%;color:white;}
#areamenu{max-width:92%;margin-top:20px;margin-left:4%;}
#contenido{max-width:92%;margin-top:150px;margin-left:4%;color:black;}	
#img{max-width:100%;min-height:auto;margin-top:0px;margin-left:0%;float:left;}
#mapa{max-width:100%;min-height:auto;float:right;margin-top:-267px;margin-right:-58%;}
#f{position:relative;float:right;top:-260px;right:-10px;}	
.rat{color:white;height:18px;padding:0 0 0 25px;background:#FFF url("../../imagenes/subo.gif") no-repeat left center;background-color:#ff62b1;}
.rat:hover{color:black;}
#texto{margin-top:-46px;margin-left:0%;float:left;}
#volverse{position:relative;float:left;top:0px;left:0px;}     
#pie{position:relative;float:top;top:30px;left:0px;}}
@media (min-width:799px) and (max-width:800px) {
#contenedor{max-width:100%;padding-top:10px;}
#cabecera{max-width:71.5%;min-height:70px;float:top;margin-top:2%;margin-left:12.9%;padding:0 0 0 0px;border:3px solid #cbb135;background:#51abb3;background-image:url("../../imagenes/logo.jpg");background-repeat:no-repeat;-moz-border-radius:10px;border-radius:10px;-webkit-border-radius:10px;}
#titulo{float:top;padding-top:2.5%;padding-left:67.5%;color:white;} 
#subtitulo{float:top;padding-top:0.5%;padding-left:68.2%;color:white;}
#areamenu{max-width:92%;margin-top:20px;margin-left:4%;}
#contenido{max-width:92%;margin-top:150px;margin-left:4%;color:black;}	
#img{max-width:100%;min-height:auto;float:left;margin-top:0px;margin-left:0%;}
#mapa{max-width:100%;min-height:auto;float:right;margin-top:-267px;margin-right:-57%;}
#f{position:relative;float:right;top:-255px;right:-10px;}
.rat{color:white;height:18px;padding:0 0 0 25px;background:#FFF url("../../imagenes/subo.gif") no-repeat left center;background-color:#ff62b1;}
.rat:hover{color:black;}
#texto{margin-top:-46px;margin-left:0%;float:left;}
#volverse{position:relative;float:left;top:0px;left:0px;}    
#pie{position:relative;float:top;top:30px;left:0px;}}