@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Dosis);
body {background:#FFFFFF;margin:0;font-family:Dosis;}
.principal {width:980px;margin:auto;}
h1,h2,h3{font-family: Dosis;} 
nav {width: 100%;float:left;}
nav li {float:left; list-style:none;margin: 0;width: 16%;text-align: center;display: grid;font-family: Dosis;}
nav li a{}
/*nav li:nth-child(2) {margin-right: 10% !important;}*/
.linkmenu {padding:15px 0 10px 0;color:#000000;float:left;text-decoration:none;padding-top:17px;}
.linkmenu:hover {color:#bfe9db;}
.separador {clear:both;}
.error {width: auto;background:#e6c6c6;display: none;font-family:Dosis;color:#5a5a5a;font-size:.9em;margin: 0;	padding: 2px;text-align: center;}
.ulmenu {margin: 8px 0 0 0;font-family: Dosis;font-size: 18px;font-weight: bold; padding:0;}
.ulmenu li:nth-child(4) {padding: 0 3% 0 1%;}
.nav-collapse {height: 80px;background:#595959;position: relative;z-index: 3;margin-top:10px;
-webkit-border-radius:  15px;  /* Safari  */
  -moz-border-radius: 15px;     /* Firefox */
  border-radius: 15px;     /* Firefox */}
.js .nav-collapse {clip: rect(0 0 0 0);position: absolute;overflow:visible;zoom: 1;}
.nav-collapse.opened {max-height: 9999px;}
.nav-toggle {-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;display:none;}
main {clear:both;}
.imginterna{float:left;margin-left: 48px;margin-top:15px;}
.divdelslider {float:left;margin-top: 0;position: relative;z-index: 2;margin-left: 15px;}
.divdelform {background:#304e6c;width: 335px;height: 355px;float: right;margin-right: 3%;
-webkit-border-radius:  0 0 15px 15px;  /* Safari  */
  -moz-border-radius: 0 0 15px 15px;     /* Firefox */
  border-radius: 0 0 15px 15px;     /* Firefox */
padding-top: 15px;position: relative;z-index: 2;}
.divnombrehotel {width:90%;margin:auto auto 5px auto;position: relative;}
.textonombrehotel {margin:0 0 5px 0; width:100%;color:#ffffff;font-size:14px;}
.cajanombrehotel {width:94%; border-radius:5px;height: 14px;padding:8px;border:none;}
.divnumpasajeros {width:48%;margin:auto; float:left;}
.textonumpasajeros {margin:0 0 5px 0; width:100%;color:#ffffff;font-size:14px;}
.selecionarnumpasajeros {width:86%; border-radius:5px;height: 31px;padding:8px;border:none}
.divtipotraslado {width:48%;margin:auto;float:right;}
.textotipotraslado {margin:0 0 5px 0; width:100%;color:#ffffff;font-size:14px;}
.seleccionartipotraslado {width:98%; border-radius:5px;height: 31px;padding:8px;border:none;}
.seleccionarorientaciontraslado {width:99%; border-radius:5px;height: 31px; border:none;padding:8px;}
.divbotoncotizar {text-align:right;width:90%;margin: 10px auto auto auto;}
.butoncotizar {background: url(../imagenes/boton-cotizar2.png) no-repeat;width: 140px;height: 50px;border: none;cursor: pointer;}
.divtelefono {float: right;margin-right: 3%;margin-top:0;position: relative;color:#bfe9db;padding-top: 30px;}
.divtelefono h2{font-size:40px !important;margin: 0;}
.divlienzonegro {width: 100%;height: 250px;clear: both;margin-top: -190px;float: left;}
.divtipodetransporte {width: 100%;clear: both;float: left;}
#CDSWIDSSP {width: 100% !important;padding-bottom: 25px !important;}
.divtipodetransporte2 {width: 100%;clear: both;margin-top: -210px;float: left;position: relative;z-index: 2;}
.eltipodetransporte {float:left;width:29%;margin-left:1.5%;margin-right:1.5%;border:solid 5px #bfe9db;
-webkit-border-radius:  5px;  /* Safari  */
  -moz-border-radius: 5px;     /* Firefox */
  border-radius: 5px;  background:#fff   /* Firefox */}
  .eltipodetransporte h3{font-family: Dosis;color:#07588a;padding:5px 10px;margin:0}
  .eltipodetransporte p{padding:0px 10px;padding-bottom:0px;}
.imatipodetransporte {width:100%;}
.divtextoprincipal {width: 90%;margin: auto;clear: both;padding-top: 30px;}
.divtextoprincipal h1{color:#00185b}
.divtextoprincipal p{padding-bottom:10px;}
.divimabienvenidos {margin-bottom: 20px;} 
.ptextoprincipal {margin:0; text-align:justify;}
.divredessociales {background-image:url(../imagenes/lienzo-cruzado.png);position: relative;margin-bottom: -32px;width: 100%;height: 165px;text-align: right;}
.divfacebook {float: right;margin-top: 70px;margin-right: 6%;}
.divotrasredes {float: right;margin-top: 70px;margin-right: 2%;}
.divtodoslosderechos {background:#6ac1b8;} 
.ptodoslosderechos {margin:auto; padding:20px 0 10px 0; text-align:left; width:90%;}
footer {clear:both;color:#e1f6f4} 
.divformcontacto {width:45%;float:right; background:#304e6c; color:#ffffff;padding: 2%; margin-bottom: 25px;margin-right: 3%;
-webkit-border-radius:  0 0 15px 15px;  /* Safari  */
  -moz-border-radius: 0 0 15px 15px;     /* Firefox */
  border-radius: 0 0 15px 15px;     /* Firefox */}
.textocontacto {text-align:center; font-size:18px;margin: 0 0 10px 0;color:#6ac1b8}
.textboxdecontacto {width:100%;float:left;text-align: center;}
.divinputcontacto {margin:0 0 10px 0;}
.divtextareacontacto {margin:0;border:none;}
.campocontacto {width:95%; height:20px; border-radius:5px; padding-left:2%;border:none;padding:8px;}
.area {width:95%; height:90px; border-radius:5px;padding-left:2%;border:none;}
.divbotoncontacto {text-align: center;padding-top: 10px;clear: both;}
.enviarcomentario {background: #279ddd;border: none;border-radius: 10px;width: 50%;height: 50px;font-size: 16px;font-weight: bold;}
.divinfoempresa {width:40%;float:left;color:#000;padding: 5% 2%; margin-bottom: 25px;}
.cabezaubicacion {margin:0 0 5px 0; font-size:16px; font-weight:bold;}
.textoubicacion {margin:0 0 15px 0; font-size:14px;color: #828282;}
.textoubicacion2 {margin:0; font-size:14px;color: #828282;}
.divgracias {text-align:center; width:980px; margin:auto;}
.titulogracias {margin: 0;clear: both;padding-top: 50px;padding-bottom: 20px;font-size: 20px;font-weight: bold;}
.textogracias {margin:0;font-style: italic;padding-bottom: 15px;}
.empresaagradece {margin:0;padding-bottom: 15px; padding-top:10px;}
.divbotonvuelta {padding-bottom: 30px;}
.enviarcomentario2 {background: #279ddd;border: none;border-radius: 10px;width: 25%;height: 30px;font-size: 16px;font-weight: bold;}
.separadordeautos {width: 100%;height: 250px;clear: both;}
.lugardeentrega {display:none;background-color: #ffffff;position: absolute;width: 100%;z-index: 1;}
.loslugares {padding:5px 0 5px 0;}
.loslugares:hover {background-color:#279ddd;color:#FFFFFF; cursor:pointer;}
.pasajerosytraslado {width:90%; margin:auto auto 5px auto;}
.divorientaciontraslado {width: 90%;margin: auto auto 5px auto;clear:both;}
.divfecha {width: 90%;margin: auto auto 5px auto;}
.divfechasalida {width: 90%;margin: auto auto 5px auto;clear:both;}
#fechaInicio {float:left; width:42%;border-radius: 5px;height: 14px;padding:8px;border:none}
.horallegada {float:left;width:20%; margin-left:10%;margin-left: 6%;border-radius: 5px;height: 31px;padding:8px;border:none;}
.minutollegada {float:left;width:20%;margin-left: 2%;border-radius: 5px;height: 31px;padding:8px;border:none}
#fechaFin {float:left; width:42%;border-radius: 5px;height: 14px;padding:8px;border:none}
.horasalida {float:left;width:20%; margin-left:10%;margin-left: 6%;border-radius: 5px;height: 31px;padding:8px;border:none}
.minutosalida {float:left;width:20%;margin-left: 2%;border-radius: 5px;height: 31px;padding:8px;border:none}
.textodatos {padding-top: 15px;text-align: center;font-style: italic;font-size: 18px;margin: 0 0 20px 0;}
.datoscliente {float:right;width:50%;text-align: center;}
.titulodatos {font-size:14px;}
.divdedatos {margin-bottom:5px;}
.campodatos {width: 75%;border-radius: 5px;height: 31px;padding:8px;border:solid #999 1px}
#telefono {width: 79% !important;height: 49px !important;}
.botreservar {padding: 10px 15px 10px 15px;background: #304e6c;color: #ffffff;border-radius: 10px;border:none;cursor:pointer;}
.divbotonreservar {text-align:center;padding-top: 5px;}
.divcontenidodereserva {padding:20px; clear:both;}
.divlosautos {width:21%;border:solid 4px #00185b; margin-left:5%; margin-right:5%; float:left;text-align: center;background:url(/imagenes/divautos.jpg) repeat-x #fefdf9;padding: 15px 0 15px 0;border-radius: 10px;}
.divimaauto {width:100%;}
.imaautoinicio {width:100%;}
.pvariosdatos {margin:0 0 5px 0;font-size:14px;}
.divbotonelegir {margin-top:15px;}
.divautoreservado {width:auto; border:solid 4px #f8d25b; margin-left:1%; margin-right:1%; float:left;text-align: center;background:url(/imagenes/divautos.jpg) repeat-x #fefdf9;padding: 15px 0 15px 0;border-radius: 10px;}
.divimaautoreservado {width:100%;} 
.variosdatosauto {margin:0 0 10px 0;font-size:14px;}
.negrito {font-weight:bold;}
.spanimagen {margin: 10px 20px 0 5px;width: 80px;float: right;}
.idioma {width: 25px;}
.showLang {float: left;display: none;clear: both;background: #fff;width: 60px;font-size: 11px;}
.showLang a {text-decoration: none;display: block;text-align: left;color: #000000;padding-top: 5px;padding-bottom: 5px;}
.bandera {width: 16px;}
.divdellogo {margin: 10px 5px 0 30px;float: left;}
.telefonocabeza {float:right;clear:both;margin-top: 10px;color: #000000;font-size: 16px;font-weight:bold;}
.numtel2 {display: none;margin: 0; font-weight: bold;float: left;font-size: 20px;}
.divsoloredes {float:left;margin-top:10px;display:none;}
.divredeseidioma {float:right;margin-bottom: 5px;}
.divmapadegoogle {margin:40px auto auto auto; text-align:center;}
.mapadegoogle {width:75%; height:350px;}
.widWRL {margin:auto !important;}
.esconder {display:block;}
.destinoadestino {width: 100%;margin-bottom: 20px;}
.flotaredes {width: 50px;position: fixed;left: 0;top: 20%;z-index: 100020;}
.widCOE2020 {margin:15px auto 10px auto !important}
.mivideo {width: 600px; height:auto;}
.errormismodia {text-align:center;}
th {text-align: center;padding-bottom: 15px;}
th strong {display:block;}
th strong span {display: block;float: none;  color: #ff73d8;width: 100%;font-size: 14px;font-weight: 700;}
th small {display:block;margin: 10px 0;}
th span {font-size: 13px;font-weight: 400;float: left;width: 50%;text-align: center;}
.header-area {text-align: center;border-top: 2px solid #cecece;padding: 10px 0;transition: all all linear;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;}
.tdmustang {text-align: center;border-top: 2px solid #cecece;padding: 10px 0;transition: all all linear;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;}
td span {float: left;width: 50%;text-align: center;font-size: 14px;}
.ta-center {font-size: 30px;text-align: center;}
.tablaprecios {border-collapse: collapse;border-spacing: 0;margin: 0;padding: 0;table-layout: fixed;width: 100%;min-width: 700px;}
caption {margin-bottom: 20px;}
#map {width:100%; height:200px;float: left;clear: both;margin-top: 25px;}
#directions {float: left;clear: both;}
#directions2 {float: left;clear: both;}
.cuadroreserva {float: left;}
#directions-panel {font-weight:bold;}
#directions-panel2 {font-weight:bold;}
/*----- CONDICIONALES DE MEDIA QUERIES -----
****************************************************/
@media screen and (max-width: 980px)
{
	.principal {width: 95%;margin:auto;}
	.linkmenu {padding:10px;float:left;text-decoration:none;} 
	.linkmenufooter{padding:15px;color:#FFFFFF;text-decoration:none;}   
	.nav-collapse {background-size: 100% 100%;height: 65px;}
	.ulmenu {margin: 8px 0 0 0;}
	/*nav li {margin-right: 0%;margin-left: 8%;}*/
	.divdelslider {width: 47%;}
	.divdelslider img {width:100%;}
	.mivideo {width: 100%;}
	.divtelefono {clear:both;}
	.divlienzonegro {margin-top:-30%;height: auto;}
	.divlienzonegro img {width:100%;}
	.divtipodetransporte {margin-top: 0;}
	.divtipodetransporte2 {margin-top: -130px;}
	.divtextoprincipal {width: 100%;}
	.separadordeautos {height:160px;}
	.divgracias {width:100%;}
	.botreservar {width:80%;}
	.loslugares {font-size:12px;}
	.divtelefono h2 {font-size: 25px !important;}
	.eltipodetransporte {margin-left: 1.4%;margin-right: 1.4%;}
	.imginterna {width: 47%;margin-left: 2%;}
	.imginterna img {width: 100%;}
}
@media screen and (max-width: 890px)
{
	/*nav li {margin-right: 0%;margin-left: 7%;}*/
}
@media screen and (max-width: 800px)
{
	/*nav li {margin-right: 0%;margin-left: 6%;}*/
}
@media screen and (max-width: 767px)
{
	.nav-collapse {border-radius: 10px;height:50px;margin-top: 20px;}
	.linkmenu {font-size:14px;}
	.ulmenu {margin: 4px 0 0 0;}
	.divdelslider {display:none;}
	.divdelform {float: none;margin: auto;}
	main {padding-top:20px;}
	.textonombrehotel {font-size:14px;}
	.cajanombrehotel {font-size:12px;}
	.textonumpasajeros {font-size:14px;}
	.selecionarnumpasajeros {font-size:12px;}
	.textotipotraslado {font-size:14px;}
	.seleccionartipotraslado {font-size:12px;}
	.seleccionarorientaciontraslado {font-size:12px;}
	.divtelefono {width: 100%;text-align: center;margin: 20px 0 0 0;padding-top: 20px;background: url(../imagenes/lienzo-negro.png);background-size: cover;}
	.divtelefono img {width:100%;}
	.divlienzonegro {display:none;}
	.divtipodetransporte {margin-top: 20px;}
	.divtipodetransporte2 {margin-top: -90px;}
	.divimabienvenidos {width: 100%;margin-bottom: 10px;}
	.divimabienvenidos img {width: 60%;}
	.ptextoprincipal {font-size: 14px;}
	.ptodoslosderechos {font-size:14px;}
	.separadordeautos {height:120px;}
	.titulogracias {font-size:14px;}
	.textogracias {font-size:12px;}
	.empresaagradece {font-size:13px;}
	.enviarcomentario2 {width: 30%;font-size: 13px;}
	.automovil3 {clear:both;margin-top: 20px;}
	.automovil4 {margin-top: 20px;}
	.divlosautos {width: 45%;}
	.textodatos {font-size:16px;}
	.eltipodetransporte {margin-left: 1%;margin-right: 1%;}
	.divtextoprincipal h1 {font-size: 20px;}
	.divtextoprincipal h3 {font-size: 16px;}
	.imginterna {margin: auto auto 10px auto;float: none;width: 60%;}
	.telefonocabeza {float:none; text-align:center;font-size:14px;}
	.numtel2 {font-size: 16px;}
	.divsoloredes {position: relative;left: 20%;}
	.mapadegoogle {width: 95%;}
	.ta-center {font-size: 20px;}
	caption {font-size: 14px;}
	th {font-size: 14px;}
	.tablaprecios {font-size: 14px;}
	.pricesAreaTable {overflow-x: scroll;}
}
@media screen and (max-width: 650px)
{
	/*nav li {margin-right: 0%;margin-left: 5%;}*/
}
@media screen and (max-width: 590px)
{
	/*nav li {margin-right: 0%;margin-left: 4%;}*/
}
@media screen and (max-width: 545px)
{
	/*nav li {margin-right: 0%;margin-left: 3%;}*/
}
@media screen and (max-width: 515px)
{
	/*nav li {margin-right: 0%;margin-left: 2%;}*/
}
@media screen and (max-width: 490px)
{
	/*nav li {margin-right: 0%;margin-left: 1%;}*/
}
@media screen and (max-width: 480px)
{
	header{text-align:center;}
	header div {display:none;}
	.nav-collapse {height:auto;border-radius: 0;padding:0 !important; width:95%;margin: auto;float: none;}
	.nav-collapse a {font-size: 12px !important;text-align: center !important;}
	.js .nav-collapse-0.opened {max-height: 145px !important;}
	.js .nav-collapse {position: relative; overflow:hidden;clear:both;}
	.js .nav-collapse.closed {max-height: none;}
	.nav-toggle {background:url(../imagenes/botonmenu.png) no-repeat;width: 34px;height: 31px;float: right;text-indent: -9999px;overflow: hidden;display: block;margin:20px 2% 0 0;}
	nav li {margin: 0;width: 100%;text-align: center;padding:5px 0 5px 0;}
	.linkmenu {float:none;padding: 0;}
	.ulmenu {margin:0;}
	.divdelform {width: 95%;background-size: 100% 100%;height: auto;padding-bottom: 20px;}
	.textonombrehotel {font-size:12px;}
	.cajanombrehotel {font-size:10px;}
	.textonumpasajeros {font-size:12px;}
	.selecionarnumpasajeros {font-size:10px;}
	.textotipotraslado {font-size:12px;}
	.seleccionartipotraslado {font-size:10px;}
	.seleccionarorientaciontraslado {font-size:10px;}
	.divlienzonegro {display:none;}
	.divtelefono {width: 100%;margin: 10px 0 10px 0;text-align: center;padding-top:10px;}
	.divtelefono img {width: 70%;}
	.divtelefono h2 {font-size: 14px !important;}
	.divtipodetransporte {display:none;}
	.divtextoprincipal {padding-top:0;}
	.divtextoprincipal h1 {font-size: 14px;}
	.divtextoprincipal h3 {font-size: 12px;}
	.ptextoprincipal {font-size: 10px;}
	.divimabienvenidos {margin-bottom: 5px;}
	.ptodoslosderechos {font-size:10px;}
	.divredessociales {background-size: 100% 100%;width: 100%;height: 90px;}
	.divfacebook {margin-top: 30px;}
	.divotrasredes {margin-top: 30px;}
	.ptodoslosderechos {padding: 30px 0 10px 0;}
	.eltipodetransporte {float: none;width: 60%;margin: auto auto 15px auto;}
	.textocontacto {font-size:12px;}
	.campocontacto  {font-size:10px;width: 93%;}
	.area {font-size:10px;}
	.enviarcomentario {font-size:12px;}
	.cabezaubicacion {font-size:12px;}
	.textoubicacion {font-size:10px;}
	.textoubicacion2 {font-size:10px;}
	.divformcontacto {width: 96%;float: none;}
	.divinfoempresa {width: 96%;float: none;}
	.titulogracias {font-size:12px;}
	.textogracias {font-size:10px;}
	.empresaagradece {font-size:11px;}
	.enviarcomentario2 {font-size: 11px;}
	.divlosautos {width: 98%;clear: both;margin-bottom: 20px;}
	.datoscliente {float: none;width: 98%;margin-left: 1%;margin-right: 1%;padding-top: 20px;clear: both;}
	.textodatos {font-size:14px;}
	.divdellogo {margin: 10px 5px 0 3%;}
	.spanimagen {margin: 10px 3% 0 5px;}
	#fechaInicio {font-size:10px;width: 30%;}
	#fechaFin {font-size:10px;width: 30%;}
	.horallegada {width: 27%;font-size: 10px;margin-left: 4%;}
	.minutollegada {width: 27%;font-size:10px;}
	.horasalida {width: 27%;font-size: 10px;margin-left: 4%;}
	.minutosalida {width: 27%;font-size:10px;}
	.loslugares {font-size:10px;}
	.imginterna {width: 85%;}
	.telefonocabeza {font-size:12px;}
	.numtel2 {display: block;float: none;clear: both;font-size: 13px;margin-top: 20px;}
	.linkwhatsapp {margin: 10px auto auto auto;display: block;background: #189D0E;border-radius: 10px;padding: 8px 10px 8px 10px;text-decoration: none;color: #ffffff;box-shadow: 2px 2px 5px #888888;width: 50%;text-align: center;}
	.linkwhatsapp:hover{background: #25d366}
	.logo {width:105px;}
	.divsoloredes {position: initial;float: none;text-align: center;}
	.esconder {display:none;}
	.ta-center {font-size: 16px;}
	caption {font-size: 12px;}
	th {font-size: 12px;}
	th span {font-size: 12px;}
	.tablaprecios {font-size: 12px;}
	td span {font-size: 12px;}
	.cuadroreserva {width:98%;}
	.divautoreservado {width:98%;}
}