html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 1vw;
  line-height:1.3vw;
  color: #4c4e50;
  overflow-x: hidden;
  background-color: #fff;
  position: relative;
  opacity:1;
}

@media screen and (max-width: 795px) {
  body {
    font-size: 15px;
    line-height:18px;
  }
}

@media screen and (max-width: 485px) {
  body {
    font-size: 15px;
    line-height: 18px;
  }
}

p {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  text-indent: 0;
}

a, a:hover, button {
  text-decoration: none;
  color: inherit;
  outline: 0;
  transition: all 0.3s;
}

strong {
  font-weight: bold;
}

a[href^="tel"] {
  color: inherit;
}

.slick-slide {
  outline: none;
}

ul {
  padding: 0;
  margin: 0;
}

li {
  list-style-type: none;
}

::placeholder { color:#008585; opacity:1; font-weight: 500; }
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #008585; font-weight: 500;
  font-family: "Sofia Sans Semi Condensed", sans-serif;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #008585; font-weight: 500;
  font-family: "Sofia Sans Semi Condensed", sans-serif;
}


.grecaptcha-badge {
  display: none !important;
}
.whatsappFijo { display: block; position: fixed; width: 3.9880952381vw; bottom: 1vw; right: 2vw; z-index: 999; }
.whatsappFijo img { display:block; width:100%; height:auto; }

.soloMobile { display:none; }
header { display: block; position: absolute; top: 0; left: 0; width: 100%; z-index: 2; }

.menuMovil { display: none; }
.click-menu { display: none; }
header h1 { display: block; position: absolute; width: 22.7976190476vw; top: 14.7147147147vw; left: 11.05105105105vw;}
header h1 img { display:block; width: 100%; height:auto; }

header .frase { display: block; position: absolute; top: 24.237237vw; left: 11.05105105105vw; color: #fff; z-index: 3; font-weight: 500; font-size: 2.2222222222vw; line-height: 2.6vw;
    text-transform: uppercase; width: 29vw; }
header .frase span { display:block; font-family: "Sofia Sans Semi Condensed", sans-serif; margin-top:2vw; font-style: italic; font-weight: 300; text-transform: none; font-size:1.1111111111vw; line-height:  1.3vw; }
header iframe { display: block; position: relative; z-index: 9; width: 19.5vw; margin-top: 13.714715vw; margin-right: 13.2132132132vw; float: right; height: 51.4880952381vw; }

header ul.menu  { display: block; position: absolute; overflow: hidden; left: 11.05105105105vw; top: 2vw;  }
header .menu li { display:inline-block; float:left;  position:relative; overflow:hidden; color:#fff; font-size:.8333333333vw; line-height: 1vw; margin-right:1vw; text-align:center; font-weight: 600; text-transform: uppercase; cursor:pointer;}
header .menu li:hover { text-decoration:underline; }

header .flecha { display: block; position: absolute; width: 2.7627627628vw; height: auto; top: 35vw; left: 18.7387387387vw; }

.headerFijo { display: block; position: fixed; z-index: 3; top: 0; left: 0; width: 100%; background: #fff; padding: .7vw 0 .7vw 9.6096096096vw; -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0); opacity: 0; transition: .5s  .5s;}
.headerFijo.muestro { opacity:1; -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0);  }
.headerFijo h1 { display:inline-block; float:left; position:relative; overflow:hidden; width:4.4642857143vw; margin-right:2.8571428571vw; width:7.464286vw; }
.headerFijo h1 img { display:block; width:100%; height:auto;  }
.headerFijo ul.menu { display: inline-block; float: left; position: relative; overflow: hidden; margin-top:1.5vw; margin-top:.8vw; }
.headerFijo .menu li { display: inline-block; float: left; position: relative; overflow: hidden; color: #008585; font-size: .83333vw; line-height: 1vw; text-transform: uppercase; font-weight: 600; margin-right:1vw; cursor:pointer; }
.headerFijo .reservarMovil { display:none; }

main { display:block; position:relative; overflow:hidden; width:100%; z-index:1; }

.hotel { display: block; position: relative; overflow: hidden; width: 100%; height: 51.4880952381vw; }
.hotel ul { display:block; position:relative; overflow:hidden;width:100%; }
.hotel ul li { display:inline-block; float:left; position:relative; overflow:hidden; width:100%; height:51.4880952381vw !important; background-repeat: no-repeat; background-position: center; background-size: cover }
.hotel .iframeMovil, .hotel .frase { display:none; }

.bloque1 { display:block; position:relative; overflow:hidden; width:100%; background-image:url('../img/fondo-texto-1.jpg'); background-repeat:no-repeat; background-position:center; background-size:cover; height:24.02402402402vw; padding:8.7087087087vw 19.5375375375vw; font-family: "Sofia Sans Semi Condensed", sans-serif; font-size:1.333vw; line-height: 1.66vw; font-weight: 300; font-style: italic; color:#fff; text-align:center;}

.habitaciones { display:block; position:relative; overflow:hidden; width:100%; padding:8.1681681682vw 16.9369369369vw 6.2462462462vw 16.9369369369vw; }
.habitaciones h2 { display: block; color: #008585; font-size: 3.3333333333vw; line-height: 3.5vw; text-transform: uppercase; font-weight: 300; text-align: center; margin-bottom: 3.6036036036vw; }
.habitaciones p { display:block; text-align:center; font-size:1.1111vw; line-height:1.333vw; font-style:italic; font-family: "Sofia Sans Semi Condensed", sans-serif; width:72%; margin:0 auto; }
.habitaciones ul.iconos { display:block; position:relative; overflow:hidden; margin:3.1231231231vw auto 0 auto; text-align:center; }
.habitaciones .iconos li { display:inline-block; position:relative; overflow:hidden; margin-right:1vw; width:3.06306306306vw;}
.habitaciones .iconos li:last-child { margin-right:0; }
.habitaciones .iconos li img { display:block; width:100%; height:auto; }
.habitaciones ul.hab { display:block; position:relative; overflow:hidden; width:100%; margin-top:4.4444444444vw; }
.habitaciones .hab li { display:inline-block; float:left; position:relative; overflow:hidden; width:30.03003003003vw; margin-bottom:3.9039039039vw; vertical-align:top; }

.habitaciones .hab li.der { float:right; }
.habitaciones .hab li .imagen { display: block; position: relative; overflow: hidden; width: 100%; height: 18.01801801802vw; background-repeat: no-repeat; background-position: center; background-size:cover;}
.habitaciones .hab li .imagen .ver { display: block; position: absolute; top: 7vw; left: 0; right: 0; margin: 0 auto; text-align: center; width: 3.9039039039vw; height: auto; cursor: pointer; }
.habitaciones .hab li .imagen .ver img { display:block; width:100%; height:auto; }
.habitaciones .hab li:last-child { margin-bottom:0; }
.habitaciones .hab li h3 { display: block; color: #008585; text-transform: uppercase; font-weight: 600; margin: 1.5615615616vw 0; font-size: 1.6666666667vw; line-height: 1.8vw; }
.habitaciones .hab li p { display:block; color:#4c4e50; font-size:.94444vw; line-height: 1.1vw; font-family: "Sofia Sans Semi Condensed", sans-serif; width:100%; text-align:left; min-height:7vw; }
.habitaciones .hab li .reservar {display: table; margin-top: 2vw; color: #008585; border: 3px solid #008585; padding: .78vw 2vw; cursor: pointer; text-transform: uppercase; font-size: .8888888889vw; line-height: 1vw; margin: 2vw 0 0 0; }
.habitaciones .hab li .reservar:hover { background:#008585; color:#fff; }

.servicios { display: block; position: relative; overflow: hidden; width: 100%; }
.servicios .fondo { display: block; position: relative; overflow: hidden; width: 100%; background: #008585; background-image: url(../img/textura-top-servicios.png); height: 11.5915915916vw; background-repeat: no-repeat; background-size: cover; }
.servicios .marco { display: block; position: relative; overflow: hidden; width: 100%; background: #008585; text-align: center; padding: 8.4084084084vw 23.5225225225vw; }
.servicios .marco h2 { display: block; color: #fff; font-size: 2.7777vw; line-height: 3vw; font-weight: 300; text-transform: uppercase; margin-bottom:2.7vw;}
.servicios .marco p { display:block; font-family: "Sofia Sans Semi Condensed", sans-serif; font-size:1vw; line-height:1.3vw; font-style:italic; color:#fff; }


.reservas { display: block; position: relative; width: 100%; height: 36.03603603604vw; background-image: url('../img/fondo-reserva-directa.jpg'); background-repeat: no-repeat; background-position:center; background-size:cover;}
.reservas h2 {     display: table; position: absolute; background: #006666; color: #fff; margin: 0 auto; text-align: center; left: 0; right: 0; top: -3vw; font-size: 1.9444444444vw; line-height: 2vw; text-transform: uppercase; font-weight: 300; padding: 2.3vw 3vw; }
.reservas ul.iconos { display: block; position: relative; overflow: hidden; padding-top: 11.3513513514vw; text-align: center; }
.reservas .iconos li { display:inline-block;   position:relative; overflow:hidden; margin-right:3.3033033033vw; width: 12.6126126126vw; vertical-align:top; }
.reservas .iconos li:last-child { margin-right:0; }
.reservas .iconos li img { display: block; position:relative; overflow:hidden; width: 3.1831831832vw; height: auto; margin: 0 auto; margin-bottom: 1.5vw; }
.reservas .iconos li p { display:block; color:#fff; font-family: "Sofia Sans Semi Condensed", sans-serif; font-size:.9444444444vw; line-height:1.1vw; font-style:italic; width:90%;  }
.reservas .reservar { display: table; position: relative; overflow: hidden; margin: 3vw auto 0 auto; color: #fff; font-size: 1.3888vw; line-height: 1.4vw; text-transform: uppercase; border: 2px solid #fff; padding: 1.2012012012vw 2.4024024024vw; }
.reservas .reservar:hover { background:#fff; color:#006666 }

.mapa { display: block; position: relative; overflow: hidden; width: 100%; filter: grayscale(100%); height: 30.03603603604vw; }

footer { display: block; position: relative; overflow: hidden; width: 100%; padding: 2vw 9.6096096096vw; }
footer h1 { display:inline-block; float:left; position:relative; overflow:hidden; width:4.5045045045vw; margin-right:1vw; width:11.504505vw; }
footer h1 img { display:block; width:100%; height:auto; }

footer p { display:inline-block; float:left; position:relative; overflow:hidden; width:40%; color:#4c4e50; font-size:.8888vw; line-height: 1vw; font-family: "Sofia Sans Semi Condensed", sans-serif; margin-top:.8vw; }
footer p a { color:#008585; }
footer .copy { display: inline-block; float: right; position: relative; overflow: hidden; width: 50%; text-align: right; width:30%; }
footer .copy p { float: right; width: 100%; text-align: right; }

/*--------- OVERLAYS ---------- */

.overlay {width: 29.02655vw; color: #008585; background-color: #fff; font-size: 0.94395vw; line-height: 1.17994vw; padding: 1.76991vw; overflow: hidden; transition: all .5s ease-in; transform-style: preserve-3d; transform: translateZ(600px) rotateX(20deg); }

.pop { display:block; position:relative; overflow:hidden; width:100%; }
.pop h2 { display:block; width:100%; color:#008585; text-transform:uppercase; font-size:2.2vw; line-height:2.4vw;  margin:0; font-weight: 600;}
.pop img { display:block; margin:0 auto; text-align:center; width:2.38vw; height:auto; }
.pop p { display: block; margin-top: 1vw; color: #008585; font-family: "Sofia Sans Semi Condensed", sans-serif; font-size:.9444444444vw; line-height:1.1vw; font-style:italic; }
.pop ol { display:block; position:relative; overflow:hidden; width:100%; margin-top:2vw; padding:0; }

.pop li { display: block; position: relative; overflow: hidden; width: 100%; margin-bottom: 0.5vw;  }
.pop li input { display: block; position: relative; overflow: hidden; width: 100%; background: #fff; border: 0; padding: .5vw 0; color:#008585; font-size: .97vw; font-weight:500; color: #008585;   margin:0; border-bottom:1px solid #008585; font-family: "Sofia Sans Semi Condensed", sans-serif;}
.pop li textarea { display: block; position: relative; overflow: hidden; width: 100%; background: #fff; border: 0; padding: 0; font-size: .97vw; color: #008585;  font-weight:500;  padding:.5vw 0; margin:0; height:5vw;overflow-y: scroll; border-bottom:1px solid #008585; font-family: "Sofia Sans Semi Condensed", sans-serif; color:#008585; }
.pop button { display: table; margin: 0 auto; color: #008585; text-transform: uppercase; font-size: 1.11vw; line-height: 1.11vw; background: #fff; border: 1px solid #008585; padding: 0.75vw 1vw; /* border-radius: 25px; */ font-weight: 700; cursor: pointer; /* width: 100%; */ float: left; }
.pop button:hover { color:#fff; background:#008585; } 




.overlay .cerrarContacto { display: block; position: absolute; top: 0; right: 0;  cursor:pointer; }


/*======== cookies =============*/
.lascoo { display: block; position: fixed; bottom: 0; left: 0; background: #000; width: 100%; padding: 1vw 12.012012012vw; color: #fff; font-size: 1vw; line-height: 1.3vw; z-index:9999;}
.lascoo.seva { display:none; }
.lascoo p { display: inline-block; float: left; position: relative; overflow: hidden; width: 80%; padding-right: 10px; }
.lascoo .button { display: inline-block; float: right; position: relative; overflow: hidden;  background: #343434; padding: .5vw 1vw; border: 1px solid #343434; color: #fff; font-size: .88vw; line-height: 1vw; text-transform: uppercase; font-weight: 500;  cursor: pointer; }
.lascoo .button:hover { background:#fff; color:#343434; }

@media screen and (max-width: 1024px) {


  header iframe {display: block; position: relative; z-index: 9; width: 28.5vw; margin-top: 7.5vw; margin-right: 9vw; float: right; height: 51.4880952381vw; }
}


@media screen and (max-width: 850px) {
 
 
  header { display:none; }
  .headerFijo { opacity:1 !important; -webkit-transform: translate3d(0, 0px, 0) !important; transform: translate3d(0, 0px, 0) !important; height:100px; padding: 13px 30px; }
  .headerFijo h1 { width:75px; }

  .click-menu { width:60px; height:60px; top:13px; }
  .click-menu span { top:18px; }
  .click-menu span:nth-child(2), .click-menu.active span:nth-child(1), .click-menu.active span:nth-child(3) { top:29px; }
  .click-menu span:nth-child(3) { top:0; }
  .click-menu { display: block; position: fixed; width: 80px; height: 80px; cursor: pointer; z-index: 999; right: 0; top: 13px; }
.click-menu span { position: absolute; left: 0; right: 0; top: 27px; margin:0 auto; display: block; width: 32px; height: 5px; margin:0 auto; background:#107b7c; transition: all .3s; border-radius:6px;}
.click-menu span:nth-child(2) {top: 38px; }
.click-menu span:nth-child(3) {top: 49px; }
.click-menu.active span:nth-child(1) {top: 38px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
.click-menu.active span:nth-child(2) {opacity: 0; left: -7.8125vw; }
.click-menu.active span:nth-child(3) {top: 38px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }

.menuMovil.abierto { display: block; position: fixed; top: 100px; right: 0; width: 12.5vw; z-index: 99; background: #008585; padding: 20px; }
.menuMovil .logo { display: block; width: 8vw; margin: 0 auto; margin-top: 14vw; height: auto; }
.menuMovil ul { display: block; position: relative; overflow: hidden; width: 100%; margin-top: 2vw; }
.menuMovil li { display:block; position:relative; overflow:hidden; width:100%; color:#fff; font-size:.8333333333vw; line-height: 1vw; margin-bottom:10px; text-align:center;  text-transform: uppercase; cursor:pointer;}
.menuMovil li:hover { text-decoration:underline; }

  .menuMovil.abierto { width: 100%; padding:20px; height:auto; background:#008585; }
  .menuMovil .logo { width:19vw; margin-top:11vw; } 
  .menuMovil li { font-size: 17px; line-height: 19px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #fff; text-align: left; }
  header iframe {display: block; position: relative; z-index: 9; width: 60%; margin: 54.5vw auto 0 auto; margin-right: auto; float: none; height: 72vw; }
  header ul.menu { top:10px; left:50px; }
  header .menu li { font-size:15px; line-height: 22px; margin:0 10px 0 0; }

  .lascoo { padding:20px; font-size:11px; line-height: 13px;  }
  .lascoo .button { padding:5px; font-size:11px; line-height: 13px; }

  .headerFijo ul.menu { display:none; }


  
  .overlay { width:80vw; padding:20px; font-size:15px; line-height: 17px; }
  .pop h2 { font-size:25px; line-height: 27px; }
  .overlay .cerrarContacto, .overlay .cerrarIngresar, .overlay .cerrarRecordar, .overlay .cerrarRegistrate { font-size:30px; }
  .pop li { margin-bottom:10px; }
  .pop img { width:25px; }
  .pop input { padding:5px; font-size:17px; line-height: 19px; }
  .pop textarea { height:100px;  padding:5px; font-size:17px; line-height: 19px; }
  .pop button { padding:10px 20px; font-size:20px; line-height: 22px; }
  .overlay .recuperar, .overlay .sinCuenta { font-size:15px; line-height: 18px; }
  .pop p, .pop li input, .pop li textarea { font-size:17px; line-height: 19px; }
  .pop li textarea { height:100px; }

  main { margin-top:100px; }
  
  .hotel ul li, .hotel { height:766px !important; }
  .headerFijo .reservarMovil {display: inline-block; float: left; position: relative; overflow: hidden; background: #339d9d; color: #fff; font-size: 16px; line-height: 16px; padding: 10px; margin-top: 21px; margin-left: 7px; text-transform:uppercase; }

  .hotel .iframeMovil { display: block; position: absolute; z-index: 999999; width: 100%; margin: 245px auto 0 auto; /* margin-right: auto; */ float: none; height: 200vw; top: 0; left: 0; padding: 0 30px; }
  .hotel .frase { display: block; position: absolute; z-index: 999999; width: 100%; margin: 75px auto 0 auto; float: none; top: 0; left: 0; padding: 0 30px; text-align: center; color: #fff; text-transform: uppercase; font-size: 30px; line-height: 33px; font-weight: 300; }
  .hotel .frase span { font-family: "Sofia Sans Semi Condensed", sans-serif; text-transform: none; font-size: 18px; line-height: 20px; display: block; font-style: italic; margin-top: 10px; }

  .pop p {font-size: 13px; line-height: 16px; font-weight: 500; margin-bottom: 20px; }
  .pop p, .pop li input, .pop li textarea {font-size: 15px; line-height: 19px; padding: 5px; }
  .overlay { width:90vw; }
  .bloque1 {display: block; position: relative; overflow: hidden; width: 100%; background-image: url(../img/fondo-texto-1-movil.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; height: 400px; padding: 110px 30px; font-family: "Sofia Sans Semi Condensed", sans-serif; font-size: 18px; line-height: 20px; font-weight: 300; font-style: italic; color: #fff; text-align: center; }
  .habitaciones { padding:65px 25px; }
  .habitaciones h2 { font-size:40px; line-height:42px; margin-bottom:25px; }
  .habitaciones p { font-size:17px; line-height:19px; width:100%; }
  .habitaciones ul.iconos { margin:40px auto 0 auto; }
  .habitaciones .iconos li { width:6.5vw; margin-right:4px; }
  .habitaciones ul.hab { margin-top:25px; }
  .habitaciones .hab li {display: block; float: unset; position: relative; overflow: hidden; width: 100%; margin-bottom: 30px; vertical-align: top; }
  .habitaciones .hab li .imagen { height:425px; }
  .habitaciones .hab li h3 {display: block; color: #008585; text-transform: uppercase; font-weight: 600; margin: 20px 0 10px 0; font-size: 25px; line-height: 27px; }
  .habitaciones .hab li p { font-size:16px; line-height:18px; min-height:unset; }
  .habitaciones .hab li .reservar {display: table; margin-top: 2vw; color: #008585; border: 3px solid #008585; padding: 10px 20px; cursor: pointer; text-transform: uppercase; font-size: 16px; line-height: 18px; margin: 10px 0 0 0; }
  .habitaciones .hab li .imagen .ver {display: block; position: absolute; top: 19vw; left: 0; right: 0; margin: 0 auto; text-align: center; width: 65px; height: auto; cursor: pointer; text-align: center; }
  .servicios .fondo {display: block; position: relative; overflow: hidden; width: 100%; background: #008585; background-image: url(../img/textura-top-servicios-movil.png); height: 110px; background-repeat: no-repeat; background-size: cover; }
  .servicios .marco { padding:80px 25px; }
  .servicios .marco h2 {  display: block; color: #fff; font-size: 30px; line-height: 32px; font-weight: 300; text-transform: uppercase; margin-bottom: 40px; }
  .servicios .marco p { font-size:18px; line-height:20px; }
  .reservas {display: block; position: relative; width: 100%; height: 930px; background-image: url(../img/fondo-reserva-directa-movil.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; }
  .reservas h2 {display: block; position: absolute; background: #006666; color: #fff; margin: 0 auto; text-align: center; left: 0; right: 0; top: 0; font-size: 20px; line-height: 22px; text-transform: uppercase; font-weight: 300; padding: 10px 0; }
  .reservas ul.iconos { padding-top:80px; }
  .reservas .iconos li {display: block; position: relative; overflow: hidden; margin-right: 0; width: 100%; vertical-align: top; padding: 0 90px; text-align: center; margin-bottom: 20px; }
  .reservas .iconos li img {display: block; position: relative; overflow: hidden; width: 53px; height: auto; margin: 0 auto; margin-bottom: 15px; }
  .reservas .iconos li p {display: block; color: #fff; font-family: "Sofia Sans Semi Condensed", sans-serif; font-size: 17px; line-height: 19px; font-style: italic; width: 100%; }
  .reservas .reservar {display: table; position: relative; overflow: hidden; margin: 5px auto 0 auto; color: #fff; font-size: 22px; line-height: 24px; text-transform: uppercase; border: 2px solid #fff; padding: 10px 20px; }
  .mapa { height:600px; }
  footer { padding:20px 25px; }
  footer h1 { display:none; }
  footer p {display: block; float: left; position: relative; overflow: hidden; width: 100%; color: #4c4e50; font-size: 16px; line-height: 18px; font-family: "Sofia Sans Semi Condensed", sans-serif; margin-top: 0; margin-bottom: 20px; }
  footer .copy {display: block; float: unset; position: relative; overflow: hidden; width: 100%; text-align: left; }
  footer .copy p {float: left; width: 100%; text-align: left; margin-bottom:0; }
}



@media screen and (max-width: 600px) {

  .whatsappFijo { width:40px; right:20px; bottom:20px; }

  header { display:none; }
  .headerFijo { opacity:1 !important; -webkit-transform: translate3d(0, 0px, 0) !important; transform: translate3d(0, 0px, 0) !important; height:100px; padding: 13px 30px; }
  .headerFijo h1 { width:75px; width: 121px; margin-top: 17px;}

  .click-menu { width:60px; height:60px; top:13px; }
  .click-menu span { top:18px; }
  .click-menu span:nth-child(2), .click-menu.active span:nth-child(1), .click-menu.active span:nth-child(3) { top:29px; }
  .click-menu span:nth-child(3) { top:0; }
  .click-menu { display: block; position: fixed; width: 80px; height: 80px; cursor: pointer; z-index: 999; right: 0; top: 13px; }
.click-menu span { position: absolute; left: 0; right: 0; top: 27px; margin:0 auto; display: block; width: 32px; height: 5px; margin:0 auto; background:#107b7c; transition: all .3s; border-radius:6px;}
.click-menu span:nth-child(2) {top: 38px; }
.click-menu span:nth-child(3) {top: 49px; }
.click-menu.active span:nth-child(1) {top: 38px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
.click-menu.active span:nth-child(2) {opacity: 0; left: -7.8125vw; }
.click-menu.active span:nth-child(3) {top: 38px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }

.menuMovil.abierto { display: block; position: fixed; top: 100px; right: 0; width: 12.5vw; z-index: 99; background: #008585; padding: 20px; }
.menuMovil .logo { display: block; width: 8vw; margin: 0 auto; margin-top: 14vw; height: auto; }
.menuMovil ul { display: block; position: relative; overflow: hidden; width: 100%; margin-top: 2vw; }
.menuMovil li { display:block; position:relative; overflow:hidden; width:100%; color:#fff; font-size:.8333333333vw; line-height: 1vw; margin-bottom:10px; text-align:center;  text-transform: uppercase; cursor:pointer;}
.menuMovil li:hover { text-decoration:underline; }

  .menuMovil.abierto { width: 100%; padding:20px; height:auto; background:#008585; }
  .menuMovil .logo { width:19vw; margin-top:11vw; } 
  .menuMovil li { font-size: 17px; line-height: 19px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #fff; text-align: left; }
  header iframe {display: block; position: relative; z-index: 9; width: 60%; margin: 54.5vw auto 0 auto; margin-right: auto; float: none; height: 72vw; }
  header ul.menu { top:10px; left:50px; }
  header .menu li { font-size:15px; line-height: 22px; margin:0 10px 0 0; }

  .lascoo { padding:20px; font-size:11px; line-height: 13px;  }
  .lascoo .button { padding:5px; font-size:11px; line-height: 13px; }

  .headerFijo ul.menu { display:none; }


  
  .overlay { width:80vw; padding:20px; font-size:15px; line-height: 17px; }
  .pop h2 { font-size:25px; line-height: 27px; }
  .overlay .cerrarContacto, .overlay .cerrarIngresar, .overlay .cerrarRecordar, .overlay .cerrarRegistrate { font-size:30px; }
  .pop li { margin-bottom:10px; }
  .pop img { width:25px; }
  .pop input { padding:5px; font-size:17px; line-height: 19px; }
  .pop textarea { height:100px;  padding:5px; font-size:17px; line-height: 19px; }
  .pop button { padding:10px 20px; font-size:20px; line-height: 22px; }
  .overlay .recuperar, .overlay .sinCuenta { font-size:15px; line-height: 18px; }
  .pop p, .pop li input, .pop li textarea { font-size:17px; line-height: 19px; }
  .pop li textarea { height:100px; }

  main { margin-top:100px; }
  
  .hotel ul li, .hotel { height:766px !important; }
  .headerFijo .reservarMovil {display: none; inline-block; float: left; position: relative; overflow: hidden; background: #339d9d; color: #fff; font-size: 16px; line-height: 16px; padding: 10px; margin-top: 21px; margin-left: 7px; text-transform:uppercase; }

  .hotel .iframeMovil { display: block; position: absolute; z-index: 999999; width: 100%; margin: 245px auto 0 auto; /* margin-right: auto; */ float: none; height: 200vw; top: 0; left: 0; padding: 0 30px; }
  .hotel .frase { display: block; position: absolute; z-index: 999999; width: 100%; margin: 75px auto 0 auto; float: none; top: 0; left: 0; padding: 0 30px; text-align: center; color: #fff; text-transform: uppercase; font-size: 30px; line-height: 33px; font-weight: 300; }
  .hotel .frase span { font-family: "Sofia Sans Semi Condensed", sans-serif; text-transform: none; font-size: 18px; line-height: 20px; display: block; font-style: italic; margin-top: 10px; }

  .pop p {font-size: 13px; line-height: 16px; font-weight: 500; margin-bottom: 20px; }
  .pop p, .pop li input, .pop li textarea {font-size: 15px; line-height: 19px; padding: 5px; }
  .overlay { width:90vw; }
  .bloque1 {display: block; position: relative; overflow: hidden; width: 100%; background-image: url(../img/fondo-texto-1-movil.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; height: 400px; padding: 110px 30px; font-family: "Sofia Sans Semi Condensed", sans-serif; font-size: 18px; line-height: 20px; font-weight: 300; font-style: italic; color: #fff; text-align: center; }
  .habitaciones { padding:65px 25px; }
  .habitaciones h2 { font-size:40px; line-height:42px; margin-bottom:25px; }
  .habitaciones p { font-size:17px; line-height:19px; width:100%; }
  .habitaciones ul.iconos { margin:40px auto 0 auto; }
  .habitaciones .iconos li { width:6.5vw; margin-right:4px; }
  .habitaciones ul.hab { margin-top:25px; }
  .habitaciones .hab li {display: block; float: unset; position: relative; overflow: hidden; width: 100%; margin-bottom: 30px; vertical-align: top; }
  .habitaciones .hab li .imagen { height:225px; }
  .habitaciones .hab li h3 {display: block; color: #008585; text-transform: uppercase; font-weight: 600; margin: 20px 0 10px 0; font-size: 25px; line-height: 27px; }
  .habitaciones .hab li p { font-size:16px; line-height:18px; min-height:unset; }
  .habitaciones .hab li .reservar {display: table; margin-top: 2vw; color: #008585; border: 3px solid #008585; padding: 10px 20px; cursor: pointer; text-transform: uppercase; font-size: 16px; line-height: 18px; margin: 10px 0 0 0; }
  .habitaciones .hab li .imagen .ver {display: block; position: absolute; top: 19vw; left: 0; right: 0; margin: 0 auto; text-align: center; width: 65px; height: auto; cursor: pointer; text-align: center; }
  .servicios .fondo {display: block; position: relative; overflow: hidden; width: 100%; background: #008585; background-image: url(../img/textura-top-servicios-movil.png); height: 110px; background-repeat: no-repeat; background-size: cover; }
  .servicios .marco { padding:80px 25px; }
  .servicios .marco h2 {  display: block; color: #fff; font-size: 30px; line-height: 32px; font-weight: 300; text-transform: uppercase; margin-bottom: 40px; }
  .servicios .marco p { font-size:18px; line-height:20px; }
  .reservas {display: block; position: relative; width: 100%; height: 930px; background-image: url(../img/fondo-reserva-directa-movil.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; }
  .reservas h2 {display: block; position: absolute; background: #006666; color: #fff; margin: 0 auto; text-align: center; left: 0; right: 0; top: 0; font-size: 20px; line-height: 22px; text-transform: uppercase; font-weight: 300; padding: 10px 0; }
  .reservas ul.iconos { padding-top:80px; }
  .reservas .iconos li {display: block; position: relative; overflow: hidden; margin-right: 0; width: 100%; vertical-align: top; padding: 0 90px; text-align: center; margin-bottom: 20px; }
  .reservas .iconos li img {display: block; position: relative; overflow: hidden; width: 53px; height: auto; margin: 0 auto; margin-bottom: 15px; }
  .reservas .iconos li p {display: block; color: #fff; font-family: "Sofia Sans Semi Condensed", sans-serif; font-size: 17px; line-height: 19px; font-style: italic; width: 100%; }
  .reservas .reservar {display: table; position: relative; overflow: hidden; margin: 5px auto 0 auto; color: #fff; font-size: 22px; line-height: 24px; text-transform: uppercase; border: 2px solid #fff; padding: 10px 20px; }
  .mapa { height:600px; }
  footer { padding:20px 25px; }
  footer h1 { display:none; }
  footer p {display: block; float: left; position: relative; overflow: hidden; width: 100%; color: #4c4e50; font-size: 16px; line-height: 18px; font-family: "Sofia Sans Semi Condensed", sans-serif; margin-top: 0; margin-bottom: 20px; }
  footer .copy {display: block; float: unset; position: relative; overflow: hidden; width: 100%; text-align: left; }
  footer .copy p {float: left; width: 100%; text-align: left; margin-bottom:0; }



}