@CHARSET "UTF-8";
@media (min-width:240px) and (max-width:800px){
body{font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:1rem;text-align:center;margin:0px auto;background-color:#8a8a8a;}
#contenedor{max-width:99%;}
#titulo{font-size:1.1rem;}
.licencia{text-align:center;padding-top:12px;}
a{text-decoration:none;color:#cbb135;}
#cerrar{margin-top:40px;margin-left:10px;margin-bottom:10px;}
.boton{text-decoration:none;color:white;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:magenta !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:red !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.5%;border:1px black solid;margin:0% auto;padding-top:0%;text-align:left;color:black;background-color:white;}
#contenido{max-width:99%;margin-top:0%;margin-left:2%;color:black;} 
#titulo{position:relative;float:top;padding-top:0%;text-align:center;color:black;}
.titulo{position:relative;float:top;padding-top:0%;text-align:center;color:black;}
#vmapa{max-width:100%;margin-top:0%;margin-left:0%;float:top;}
#texto{max-width:90%;position:relative;float:left;top:-4px;left:0px;padding:10px 10px 10px 10px;color:black;} 
#perfil{width:99%;margin-top:0%;margin-left:0%;}
#cerrar{position:relative;float:left;top:-20px;left:0px;} 
#pie{max-width:100%;min-height:100%;float:top;margin-left:0%;margin-top:0%;padding-top:1%;padding-bottom:1%;background-color:#51abb3;clear:both;text-align:center;}
video{width:95%;}}
@media (min-width:320px) and (max-width:479px){
#contenedor{max-width:99.5%;color:black;padding-top:0%;background-color:white;border:1px black solid;text-align:left;}
#contenido{max-width:99%;margin-top:0%;margin-left:2%;color:black;} 
#titulo{float:top;padding-top:0%;text-align:center;color:black;}
.titulo{float:top;padding-top:0%;text-align:center;color:black;}
#vmapa{max-width:99%;float:top;margin-top:0%;margin-left:0%;}
#texto{max-width:99%;float:left;margin-top:0%;margin-left:0%;color:black;} 
#perfil{width:99%;margin-top:0%;margin-left:0%;}
#cerrar{position:relative;float:left;top:-20px;left:2px;} 
#pie{max-width:100%;min-height:55px;float:top;margin-left:0%;margin-top:0%;padding-top:1%;padding-bottom:1%;background-color:#51abb3;clear:both;text-align:center;}
video{width:95%;}}	
@media (min-width:480px) and (max-width:567px){
#contenedor{max-width:99.5%;color:white;padding-top:0%;background-color:white;border:1px black solid;text-align:left;}
#contenido{max-width:99%;margin-top:0%;margin-left:2%;color:black;}
#titulo{float:top;padding-top:0%;text-align:center;color:black;}
.titulo{float:top;padding-top:0%;text-align:center;color:black;}
#vmapa{max-width:100%;margin-top:0%;margin-left:0%;float:top;}
#texto{max-width:98%;float:left;margin-top:0%;margin-left:0%;color:black;}
#perfil{width:100%;margin-top:0%;margin-left:0%;}
#cerrar{position:relative;float:left;top:-20px;left:0px;} 
#pie{max-width:100%;min-height:55px;float:top;margin-left:0%;margin-top:0%;padding-top:1%;padding-bottom:1%;background-color:#51abb3;clear:both;text-align:center;}
video{width:95%;}}	
@media (min-width:568px) and (max-width:599px){
#contenedor{max-width:99.5%;color:white;padding-top:0%;background-color:white;border:1px black solid;text-align:left;}
#contenido{max-width:99%;margin-top:0%;margin-left:2.9%;color:black;}
#titulo{float:top;padding-top:0%;text-align:center;color:black;}
.titulo{float:top;padding-top:0%;text-align:center;color:black;}
#vmapa{max-width:98%;margin-top:0%;margin-left:0%;float:top;}
#texto{max-width:95%;float:left;margin-top:0%;margin-left:0%;color:black;} 
#perfil{width:100%;margin-top:0%;margin-left:0%;}
#cerrar{position:relative;float:right;top:-20px;right:410px;} 
#pie{max-width:100%;min-height:55px;float:top;margin-left:0%;margin-top:0%;padding-top:1%;padding-bottom:1%;background-color:#51abb3;clear:both;text-align:center;}
video{width:80%;}}	
@media (min-width:600px) and (max-width:639px){
#contenedor{max-width:99.5%;color:white;padding-top:0%;background-color:white;border:1px black solid;text-align:left;}
#contenido{max-width:99%;margin-top:0%;margin-left:2%;color:black;}
#titulo{float:top;color:black;padding-top:0%;text-align:center;}
.titulo{float:top;padding-top:0%;text-align:center;color:black;}
#vmapa{max-width:99%;margin-top:0%;margin-left:0%;float:top;}
#texto{max-width:97%;float:left;margin-top:0%;margin-left:0px;color:black;} 
#perfil{width:99%;margin-top:0%;margin-left:0%;}
#cerrar{position:relative;float:left;top:-20px;left:10px;} 
#pie{max-width:100%;min-height:55px;float:top;margin-left:0%;margin-top:0%;padding-top:1%;padding-bottom:1%;background-color:#51abb3;clear:both;text-align:center;}
video{width:70%;}}
@media (min-width:640px) and (max-width:719px){
#contenedor{max-width:99.5%;color:white;padding-top:0%;background-color:white;border:1px black solid;text-align:left;}
#contenido{max-width:99%;margin-top:0%;margin-left:2%;color:black;} 
#titulo{float:top;color:black;padding-top:0%;text-align:center;}
.titulo{float:top;padding-top:0%;text-align:center;color:black;}
#vmapa{max-width:99%;margin-top:0%;margin-left:0%;float:top;}
#texto{max-width:98%;float:left;margin-top:0%;margin-left:0px;color:black;} 
#perfil{width:99%;margin-top:0%;margin-left:0%;}
#cerrar{position:relative;float:left;top:-18px;left:10px;} 
#pie{max-width:100%;min-height:55px;float:top;margin-left:0%;margin-top:0%;padding-top:1%;padding-bottom:1%;background-color:#51abb3;clear:both;text-align:center;}
video{width:60%;}}
@media (min-width:720px) and (max-width:766px){
#contenedor{max-width:99.5%;color:white;padding-top:0%;background-color:white;border:1px black solid;text-align:left;}
#contenido{max-width:99%;margin-top:0%;margin-left:2%;color:black;} 
#titulo{float:top;color:black;padding-top:0%;text-align:center;}
.titulo{float:top;padding-top:0%;text-align:center;color:black;}
#vmapa{max-width:99%;margin-top:0%;margin-left:0%;float:top;}
#texto{max-width:98%;float:left;margin-top:0%;margin-left:0px;;color:black;} 
#perfil{width:99%;margin-top:0%;margin-left:0%;}
#cerrar{position:relative;float:left;top:-18px;left:10px;} 
#pie{max-width:100%;min-height:55px;float:top;margin-left:0%;margin-top:0%;padding-top:1%;padding-bottom:1%;background-color:#51abb3;clear:both;text-align:center;}
video{width:50%;}}
@media (min-width:767px) and (max-width:798px){
#contenedor{max-width:99.5%;color:white;padding-top:0%;background-color:white;border:1px black solid;text-align:left;}
#contenido{max-width:99%;margin-top:0%;margin-left:2.9%;color:black;} 
#titulo{float:top;color:black;padding-top:0%;text-align:center;}
.titulo{float:top;padding-top:0%;text-align:center;color:black;}
#vmapa{max-width:98%;margin-top:0%;margin-left:0%;float:left;}
#texto{max-width:98%;float:left;margin-top:0%;margin-left:0%;color:black;} 
#perfil{width:99%;margin-top:0%;margin-left:0%;}
#cerrar{position:relative;float:left;top:0px;left:0px;} 
#pie{max-width:100%;min-height:55px;float:top;margin-left:0%;margin-top:15%;padding-top:1%;padding-bottom:1%;background-color:#51abb3;clear:both;text-align:center;}
video{width:40%;}}
@media (min-width:799px) and (max-width:800px){
#contenedor{max-width:99.5%;color:white;padding-top:0%;background-color:white;border:1px black solid;text-align:left;}
#contenido{max-width:99%;margin-top:0%;margin-left:2.9%;color:black;} 
#titulo{float:top;color:black;padding-top:0%;text-align:center;}
.titulo{float:top;padding-top:0%;text-align:center;color:black;}
#vmapa{max-width:99%;margin-top:00%;margin-left:0%;float:top;}
#texto{max-width:98%;float:left;margin-top:0%;margin-left:0%;color:black;} 
#perfil{width:99%;margin-top:0%;margin-left:0%;}
#cerrar{position:relative;float:left;top:-15px;left:0px;} 
#pie{max-width:100%;min-height:55px;margin-left:0%;margin-top:0%;padding-top:1%;padding-bottom:1%;background-color:#51abb3;clear:both;text-align:center;}
video{width:30%;}}