body {
  background-color: rgb(242, 249, 250);
  font: 400 1em/1.38 'Open Sans';
  color: rgb(0, 0, 0);
}

.a-navbar {
  display: block;
  text-shadow: 0 2px 5px rgba(0, 0, 0, .5);
  font-size: 1em;
  color: rgb(255, 255, 255);
}

.adultos {
  display: block;
  position: relative;
  float: left;
  clear: both;
  z-index: 162;
  width: 47.9000796178%;
  height: 20px;
  margin-top: 7px;
  padding: 0 10px;
  background-color: rgb(242, 242, 242);
  font-size: 0.813em;
  color: rgb(0, 0, 0);
}

.cantidadhabitaciones {
  display: block;
  position: relative;
  float: left;
  clear: both;
  z-index: 166;
  width: 47.896762208%;
  height: 20px;
  margin-top: 7px;
  padding: 0 10px;
  background-color: rgb(242, 242, 242);
  font-size: 0.813em;
  color: rgb(0, 0, 0);
}

.cercanos .h2 {
  float: left;
  width: 100%;
  min-height: 32px;
  color: rgb(0, 0, 0);
}

.chicos {
  display: block;
  position: relative;
  float: left;
  z-index: 160;
  width: 47.9067144373%;
  height: 20px;
  margin: 7px 0 0 4.06051%;
  padding: 0 10px;
  background-color: rgb(242, 242, 242);
  font-size: 0.813em;
  color: rgb(0, 0, 0);
}

.close {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 175;
  font-size: 1.125em;
  font-weight: 800;
  color: rgb(213, 0, 0);
}

.comentarios {
  display: block;
  float: left;
  clear: both;
  width: 99.7876857749%;
  height: 70px;
  margin: 7px 0 0 0.00332%;
  padding: 5px;
  border: 1px solid rgb(119, 119, 119);
  background-color: rgb(242, 242, 242);
  font-size: 1em;
  color: rgb(0, 0, 0);
  resize: none;
}

.container .descrip-h {
  color: rgb(0, 0, 0);
}

.container .h3 {
  color: rgb(0, 0, 0);
}

.container .habitacion {
  width: 48.9583333333%;
  margin-top: 13px;
}

.descrip-h {
  float: left;
  clear: both;
  width: 99.9389623601%;
  margin-top: 5px;
  font-size: 1em;
  text-align: center;
}

.descripcion {
  position: relative;
  float: left;
  clear: both;
  z-index: 130;
  width: 100%;
  padding-top: 54px;
  padding-bottom: 10px;
  background-color: rgb(50, 226, 194);
}

.descripcioncontent {
  float: left;
  width: 80%;
  margin-left: 10%;
  padding-top: 10px;
  background-image: none;
}

.descripcioncontent .h2 {
  margin: 0 auto;
  color: rgb(0, 0, 0);
}

.descripciontexto {
  float: left;
  clear: both;
  width: 80%;
  margin: 10px 0 0 10%;
  font-size: 1em;
  color: rgb(0, 0, 0);
}

.descripciontexto p {
  margin-bottom: 1em;
}

.egreso {
  display: block;
  position: relative;
  float: left;
  z-index: 168;
  width: 47.8934447983%;
  height: 20px;
  margin: 7px 0 0 4.07378%;
  padding: 0 10px;
  background-color: rgb(242, 242, 242);
  font-size: 0.813em;
  color: rgb(0, 0, 0);
}

.email {
  display: block;
  float: left;
  clear: both;
  width: 99.8540339702%;
  height: 20px;
  margin-top: 7px;
  padding: 0 10px;
  background-color: rgb(242, 242, 242);
  font-size: 0.813em;
  color: rgb(0, 0, 0);
}

.enviarreserva {
  display: block;
  float: left;
  clear: both;
  width: 99.8507165605%;
  height: 33px;
  margin-top: 14px;
  border-radius: 3px;
  background-color: rgb(37, 162, 241);
  font-size: 1em;
  text-align: center;
  color: rgb(255, 255, 255);
}

.fields {
  float: left;
  width: 100%;
  height: 548px;
}

.footer {
  position: relative;
  float: left;
  clear: both;
  z-index: 6;
  width: 100%;
  height: auto;
  background-color: rgb(40, 40, 40);
}

.form {
  float: left;
  width: 39.1666666666%;
  height: auto;
  margin: 41px 0 0 1.62891%;
}

.form .h2 {
  margin: 0 auto;
  color: rgb(255, 255, 255);
}

.formcontent {
  float: left;
  clear: both;
  width: 59.1708542713%;
  height: 548px;
  margin: 10px 0 0 20.59909%;
}

.fotos {
  position: relative;
  float: left;
  clear: both;
  z-index: 33;
  width: 100%;
  padding-top: 54px;
  padding-bottom: 10px;
  background-color: rgb(9, 63, 53);
}

.container,
.fotoscontent,
.servicioscontent {
  float: left;
  width: 80%;
  margin-left: 10%;
}

.fotoscontent .descrip-h {
  color: rgb(255, 255, 255);
}

.fotoscontent .h2 {
  float: left;
  width: 100%;
  color: rgb(255, 255, 255);
}

.fotoscontent .h3 {
  color: rgb(255, 255, 255);
}

.fotoscontent .habitacion {
  width: 31.9986979166%;
}

.h1 {
  float: left;
  width: 18.8333333333%;
  margin-left: 10%;
  text-shadow: 0 2px 5px rgba(0, 0, 0, .5);
  font-size: 1.563em;
  font-weight: 700;
  color: rgb(255, 255, 255);
}

.h2 {
  font-size: 1.75em;
  font-weight: 700;
  text-align: center;
}

.h3 {
  text-align: center;
}

.habitacion {
  position: relative;
  float: left;
  background-color: rgba(255, 255, 255, 0);
}

.habitacion .h3 {
  float: left;
  clear: both;
  width: 99.9389623601%;
  margin-top: 5px;
  font-size: 1em;
  font-weight: 700;
}

.habitacion .image {
  float: left;
  width: 100%;
}

.habitaciones {
  position: relative;
  float: left;
  clear: both;
  z-index: 126;
  width: 100%;
  padding-top: 54px;
  padding-bottom: 10px;
}

.header {
  position: relative;
  float: left;
  z-index: 135;
  width: 100%;
  height: 595px;
  background-color: rgb(32, 32, 32);
  overflow: hidden;
}

.header-navbar {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 152;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: rgba(0, 0, 0, 0.44);
}

.image {
  display: block;
  height: auto;
  overflow: hidden;
}

.ingreso {
  display: block;
  position: relative;
  float: left;
  clear: both;
  z-index: 170;
  width: 47.8934447983%;
  height: 20px;
  margin-top: 7px;
  padding: 0 10px;
  background-color: rgb(242, 242, 242);
  font-size: 0.813em;
  color: rgb(0, 0, 0);
}

.ladultos {
  display: block;
  position: relative;
  float: left;
  clear: both;
  z-index: 163;
  width: 47.8868099787%;
  margin-top: 14px;
  font-size: 1em;
  text-align: center;
  color: rgb(255, 255, 255);
}

.lcantidadhabitaciones {
  display: block;
  position: relative;
  float: left;
  clear: both;
  z-index: 167;
  width: 47.8901273885%;
  min-height: 22px;
  margin-top: 14px;
  font-size: 1em;
  text-align: center;
  color: rgb(255, 255, 255);
}

.lchicos {
  display: block;
  position: relative;
  float: left;
  z-index: 161;
  width: 47.896762208%;
  min-height: 22px;
  margin: 14px 0 0 4.09037%;
  font-size: 1em;
  text-align: center;
  color: rgb(255, 255, 255);
}

.lcomentarios,
.lemail {
  display: block;
  float: left;
  clear: both;
  width: 99.8540339702%;
  margin-top: 14px;
  font-size: 1em;
  text-align: center;
  color: rgb(255, 255, 255);
}

.legreso {
  display: block;
  position: relative;
  float: left;
  z-index: 169;
  width: 47.896762208%;
  margin-left: 4.07378%;
  font-size: 1em;
  text-align: center;
  color: rgb(255, 255, 255);
}

.lingreso {
  display: block;
  position: relative;
  float: left;
  z-index: 171;
  width: 47.896762208%;
  font-size: 1em;
  text-align: center;
  color: rgb(255, 255, 255);
}

.lnombre {
  display: block;
  float: left;
  clear: both;
  width: 99.8706210191%;
  min-height: 25px;
  margin-top: 14px;
  font-size: 1em;
  text-align: center;
  color: rgb(255, 255, 255);
}

.ltipohabitacion {
  display: block;
  position: relative;
  float: left;
  z-index: 165;
  width: 47.896762208%;
  margin: 14px 0 0 4.08705%;
  font-size: 1em;
  text-align: center;
  color: rgb(255, 255, 255);
}

.menumobile {
  display: block;
  position: fixed;
  top: 4px;
  right: 10%;
  z-index: 193;
  height: 33px;
  padding: 5px 10px;
  border-radius: 3px;
  background-color: rgb(0, 0, 0);
  font-family: Helvetica;
  font-size: 1em;
  font-weight: 700;
  text-align: center;
  color: rgb(255, 255, 255);
}

.mobilemenu {
  visibility: hidden;
  position: fixed;
  top: 44px;
  left: 0;
  z-index: 192;
  width: 100%;
  padding-bottom: 7px;
  background-color: rgb(5, 5, 5);
}

.navbar {
  display: none;
  position: relative;
  float: right;
  z-index: 150;
  width: 59.5833333333%;
  margin-right: 10%;
}

.navbar .a-navbar {
  float: left;
  text-align: right;
}

.navbarmobile {
  float: right;
  width: 80%;
  margin-right: 10%;
}

.navbarmobile .a-navbar {
  margin: 0 auto;
  text-align: center;
}

.navbarmobile .navlink {
  width: 100%;
}

.navlink {
  float: left;
  height: 22px;
  margin-top: 7px;
}

.nombre {
  display: block;
  float: left;
  clear: both;
  width: 99.8706210191%;
  height: 20px;
  margin-top: 7px;
  padding: 0 10px;
  background-color: rgb(242, 242, 242);
  font-size: 0.813em;
  color: rgb(0, 0, 0);
}

.puntocercano {
  position: relative;
  float: left;
  padding: 20px;
  border-radius: 10px;
  background-color: rgb(184, 245, 234);
}

.puntocercano .cercanos {
  width: 99.7368056517%;
  min-height: 59px;
  margin-top: 10px;
  font-size: 1em;
  color: rgb(0, 0, 0);
}

.puntocercano .h3 {
  width: 99.7368056517%;
  margin: 5px auto 0;
  font-size: 1.063em;
  font-weight: 700;
  color: rgb(0, 0, 0);
}

.puntocercano .image,
.servicios .image {
  width: 62px;
  margin: 0 auto;
}

.reserva {
  display: block;
  position: relative;
  float: left;
  z-index: 134;
  width: 39.0833333333%;
  height: 40px;
  margin: 535px 0 0 30.41667%;
  border-radius: 3px;
  background-color: rgb(50, 226, 194);
  box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
  text-shadow: 0 2px 5px rgba(0, 0, 0, .5);
  font-size: 1.563em;
  font-weight: 700;
  text-align: center;
  color: rgb(255, 255, 255);
}

.reservaform {
  visibility: hidden;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 176;
  width: 66.3333333333%;
  height: 550px;
  margin: auto;
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.74);
}

.reservaform .h3 {
  position: relative;
  float: left;
  z-index: 174;
  width: 100%;
  font-size: 2.375em;
  color: rgb(255, 255, 255);
}

.servicios {
  position: relative;
  float: left;
}

.servicios .h3 {
  float: left;
  clear: both;
  width: 99.9389623601%;
  margin-top: 10px;
  font-size: 1em;
  color: rgb(0, 0, 0);
}

.container .h2,
.servicioscontent .h2 {
  float: left;
  width: 100%;
  color: rgb(0, 0, 0);
}

.servicioscontent .servicios {
  width: 15%;
  background-color: rgba(255, 255, 255, 0);
}

.slide-1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 133;
  width: 100%;
  height: 595px;
  background: url('../images/Mar_del_Plata..jpg') rgb(222, 222, 222);
  background-size: cover;
  background-position: center center;
  background-attachment: scroll;
}

.slide-2 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 132;
  width: 100%;
  height: 595px;
  background: url('../images/frente-hotel-001.jpg') rgb(222, 222, 222);
  background-size: cover;
  background-position: center center;
  background-attachment: scroll;
}

.slide-3 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 131;
  width: 100%;
  height: 595px;
  background: url('../images/Puerto-mar-del-plata.JPG') rgb(222, 222, 222);
  background-size: cover;
  background-position: center center;
  background-attachment: scroll;
}

.tipohabitacion {
  display: block;
  position: relative;
  float: left;
  z-index: 164;
  width: 47.883492569%;
  height: 20px;
  margin: 6px 0 0 4.07378%;
  padding-left: 10px;
  border: 1px solid rgb(119, 119, 119);
  border-radius: 3px;
  background: url('../images/select-arrows.svg') rgb(242, 242, 242);
  background-repeat: no-repeat;
  background-size: auto auto;
  background-position: right center;
  font-size: 0.813em;
  color: rgb(0, 0, 0);
}

.wrapper-map {
  float: left;
  width: 39.19921875%;
  height: 271px;
  margin: 39px 0 0 10%;
  overflow: hidden;
}

._button {
  display: block;
  float: left;
  clear: both;
  width: 99.8736702127%;
  height: 41px;
  margin-top: 20px;
  border-radius: 3px;
  background-color: rgb(0, 147, 241);
  font-family: Helvetica;
  font-size: 1em;
  text-align: center;
  color: rgb(255, 255, 255);
}

._input {
  display: block;
  float: left;
  clear: both;
  width: 100.0831117021%;
  height: 33px;
  margin: 20px 0 0 -0.08311%;
  padding: 0 10px;
  background-color: rgb(242, 242, 242);
  font-family: Helvetica;
  font-size: 0.813em;
  color: rgb(0, 0, 0);
}

._textarea {
  display: block;
  float: left;
  clear: both;
  width: 100.0831117021%;
  height: 92px;
  margin: 20px 0 0 -0.08311%;
  padding: 5px;
  border: 1px solid rgb(119, 119, 119);
  background-color: rgb(242, 242, 242);
  font-family: Helvetica;
  font-size: 1em;
  color: rgb(0, 0, 0);
  resize: none;
}

.a-navbar-1,
.a-navbar-10,
.a-navbar-2,
.a-navbar-3,
.a-navbar-8,
.a-navbar-9 {
  min-height: 21px;
}

.a-navbar-11,
.a-navbar-12,
.a-navbar-13,
.a-navbar-14 {
  margin-left: -1px;
}

.cercanos-1 {
  position: relative;
  float: left;
  clear: both;
  z-index: 71;
  width: 100%;
  padding-top: 54px;
  padding-bottom: 20px;
  background-color: rgb(22, 152, 129);
}

.cercanos-10,
.cercanos-2,
.cercanos-3,
.cercanos-4,
.cercanos-5,
.cercanos-7,
.cercanos-8,
.cercanos-9 {
  margin: 0 auto;
}

.cercanos-6 {
  float: left;
  clear: both;
  margin-left: 0.12875%;
}

.habitacion-1 {
  clear: both;
  z-index: 123;
}

.habitacion-10 {
  z-index: 10;
  margin: 20px 0 0 1.98405%;
}

.habitacion-2 {
  z-index: 119;
  margin-left: 2.08171%;
}

.habitacion-3 {
  clear: both;
  z-index: 115;
}

.habitacion-4 {
  z-index: 111;
  margin-left: 2.08171%;
}

.habitacion-5 {
  clear: both;
  z-index: 30;
  margin-top: 10px;
}

.habitacion-6 {
  z-index: 26;
  margin: 10px 0 0 2.00033%;
}

.habitacion-7 {
  z-index: 22;
width: 25.5833333333%;
margin: 20px 0 0 0;
}

.habitacion-8 {
  z-index: 18;
  width: 25.5%;
margin: 20px 0 0 1.66667%;
}

.habitacion-9 {
  z-index: 14;
  width: 25.5%;
margin: 20px 0 0 1.66667%;
}

.navlink-10 {
  width: 13.8461538461%;
  margin-left: 2.06731%;
}

.navlink-11 {
  width: 9.2307692307%;
  margin-left: 1.93182%;
}

.navlink-12 {
  width: 13.1621503496%;
  margin-left: 2.17439%;
}

.navlink-13 {
  width: 5.8741258741%;
  margin-left: 2.90647%;
}

.navlink-14 {
  width: 9.7902097902%;
  margin-left: 2.23558%;
}

.navlink-2,
.navlink-3,
.navlink-4,
.navlink-5,
.navlink-6,
.navlink-7 {
  clear: both;
}

.navlink-8 {
  width: 5.5944055944%;
  margin-left: 113px;
}

.navlink-9 {
  width: 91px;
  margin-left: 16px;
}

.puntocercano-1 {
  clear: both;
  z-index: 69;
  width: 25.5%;
  margin: 10px 0 0 10%;
}

.puntocercano-2 {
  z-index: 65;
  width: 25.5833333333%;
  margin: 10px 0 0 1.75%;
}

.puntocercano-3 {
  z-index: 61;
  width: 25.5833333333%;
  margin: 10px 0 0 1.5%;
}

.puntocercano-4 {
  clear: both;
  z-index: 57;
  width: 25.4166666666%;
  margin: 20px 0 0 10%;
}

.puntocercano-5 {
  z-index: 53;
  width: 25.5833333333%;
  margin: 20px 0 0 1.83073%;
}

.puntocercano-6 {
  z-index: 49;
  width: 25.5%;
  margin: 20px 0 0 1.5%;
}

.puntocercano-7 {
  clear: both;
  z-index: 45;
  width: 25.5833333333%;
  margin: 20px 0 0 10%;
}

.puntocercano-8 {
  z-index: 41;
  width: 25.5%;
  margin: 20px 0 0 1.66667%;
}

.puntocercano-9 {
  z-index: 37;
  width: 25.5833333333%;
  margin: 20px 0 0 1.66146%;
}

.servicios-1 {
  clear: both;
  z-index: 107;
  width: 100%;
  padding-top: 54px;
  padding-bottom: 20px;
  background-color: rgb(139, 239, 221);
}

.servicios-10 {
  clear: both;
  z-index: 81;
  margin: 20px 0 0 16.9987%;
}

.servicios-11 {
  z-index: 78;
  margin: 20px 0 0 2.00033%;
}

.servicios-12 {
  z-index: 75;
  margin: 20px 0 0 2.00033%;
}

.servicios-2 {
  clear: both;
  z-index: 105;
  margin: 10px 0 0 16.9987%;
}

.servicios-3 {
  z-index: 102;
  margin: 10px 0 0 1.9987%;
}

.servicios-4 {
  z-index: 99;
  margin: 10px 0 0 1.99382%;
}

.servicios-5 {
  z-index: 96;
  margin: 10px 0 0 1.9987%;
}

.servicios-6 {
  clear: both;
  z-index: 93;
  margin: 20px 0 0 16.9987%;
}

.servicios-7 {
  z-index: 90;
  margin: 20px 0 0 2.00033%;
}

.servicios-8 {
  z-index: 87;
  margin: 20px 0 0 1.99382%;
}

.servicios-9 {
  z-index: 84;
  margin: 20px 0 0 1.9987%;
}

@media(max-width: 940px) {
  .container .habitacion {
    position: relative;
    margin-top: 10px;
  }

  .descripcion {
    position: relative;
    z-index: 130;
  }

  .descripcioncontent .descripciontexto {
    margin-left: 9.99834%;
  }

  .fields .adultos {
    position: relative;
    z-index: 162;
  }

  .fields .cantidadhabitaciones {
    position: relative;
    z-index: 166;
  }

  .fields .chicos {
    position: relative;
    z-index: 160;
    margin-left: 4.05726%;
  }

  .fields .comentarios {
    margin-left: 0;
  }

  .fields .egreso {
    position: relative;
    z-index: 168;
    margin-left: 4.06573%;
  }

  .fields .ingreso {
    position: relative;
    z-index: 170;
  }

  .fields .ladultos {
    position: relative;
    z-index: 163;
  }

  .fields .lcantidadhabitaciones {
    position: relative;
    z-index: 167;
  }

  .fields .lchicos {
    position: relative;
    z-index: 161;
    margin-left: 4.08267%;
  }

  .fields .legreso {
    position: relative;
    z-index: 169;
    margin-left: 4.06573%;
  }

  .fields .lingreso {
    position: relative;
    z-index: 171;
  }

  .fields .ltipohabitacion {
    position: relative;
    z-index: 165;
    margin-left: 4.08267%;
  }

  .fields .tipohabitacion {
    position: relative;
    z-index: 164;
    margin-left: 4.06573%;
  }

  .footer {
    position: relative;
    z-index: 6;
  }

  .footer .form {
    margin-left: 1.62733%;
  }

  .fotos {
    position: relative;
    z-index: 33;
  }

  .cercanos .puntocercano,
  .fotoscontent .habitacion,
  .servicioscontent .servicios {
    position: relative;
  }

  .habitacion .image,
  .puntocercano .image,
  .servicios .image {
    height: auto;
  }

  .habitaciones {
    position: relative;
    z-index: 126;
  }

  .header {
    position: relative;
    z-index: 135;
  }

  .header .reserva {
    position: relative;
    z-index: 134;
    margin-left: 30.41556%;
  }

  .header-navbar .h1 {
    position: relative;
    z-index: 151;
    width: 32.25%;
  }

  .header-navbar .navbar {
    position: relative;
    clear: both;
    z-index: 150;
    margin-top: -34px;
    margin-right: 8.51064%;
  }

  .mobilemenu .navbarmobile {
    float: none;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }

  .reservaform {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width:98%;
   height:auto;
   position:absolute;
  }

  .reservaform .formcontent {
    margin-left: 20.59841%;
  }

  .reservaform .h3 {
    position: relative;
    z-index: 174;
  }

  .servicios {
    position: relative;
    z-index: 107;
  }

  .form ._input,
  .form ._textarea {
    margin-left: -0.08064%;
  }

  .cercanos .puntocercano-1 {
    z-index: 69;
  }

  .cercanos .puntocercano-2 {
    z-index: 65;
    margin-left: 1.74701%;
  }

  .cercanos .puntocercano-3 {
    z-index: 61;
    margin-left: 1.4993399999%;
  }

  .cercanos .puntocercano-4 {
    z-index: 57;
  }

  .cercanos .puntocercano-5 {
    z-index: 53;
    margin-left: 1.83012%;
  }

  .cercanos .puntocercano-6 {
    z-index: 49;
    margin-left: 1.4993399999%;
  }

  .cercanos .puntocercano-7 {
    z-index: 45;
  }

  .cercanos .puntocercano-8 {
    z-index: 41;
    margin-left: 1.66556%;
  }

  .cercanos .puntocercano-9 {
    z-index: 37;
    margin-left: 1.65891%;
  }

  .cercanos-1 {
    position: relative;
    z-index: 71;
  }

  .container .habitacion-1 {
    z-index: 123;
  }

  .container .habitacion-2 {
    z-index: 119;
    margin-left: 1.99676%;
  }

  .container .habitacion-3 {
    z-index: 115;
  }

  .container .habitacion-4 {
    z-index: 111;
    margin-left: 2.04305%;
  }

  .fotoscontent .habitacion-10 {
    z-index: 10;
    margin-left: 1.98014%;
  }

  .fotoscontent .habitacion-5 {
    z-index: 30;
  }

  .fotoscontent .habitacion-6 {
    z-index: 26;
    margin-left: 1.99884%;
  }

  .fotoscontent .habitacion-7 {
    z-index: 22;
    margin-left: 1.99884%;
  }

  .fotoscontent .habitacion-8 {
    z-index: 18;
  }

  .fotoscontent .habitacion-9 {
    z-index: 14;
    margin-left: 2.01754%;
  }

  .navbar .navlink-10 {
    margin-left: 2.06517%;
  }

  .navbar .navlink-11 {
    margin-left: 1.93077%;
  }

  .navbar .navlink-12 {
    margin-left: 2.17334%;
  }

  .navbar .navlink-13 {
    clear: both;
    margin-left: 2.90435%;
  }

  .navbar .navlink-14 {
    margin-left: 2.23235%;
  }

  .puntocercano .cercanos-6 {
    margin-left: 0.12471%;
  }

  .servicioscontent .servicios-10 {
    z-index: 81;
    margin-left: 16.99842%;
  }

  .servicioscontent .servicios-11 {
    z-index: 78;
    margin-left: 1.99884%;
  }

  .servicioscontent .servicios-12 {
    z-index: 75;
    margin-left: 1.99884%;
  }

  .servicioscontent .servicios-2 {
    z-index: 105;
    margin-left: 16.99842%;
  }

  .servicioscontent .servicios-3 {
    z-index: 102;
    margin-left: 1.99676%;
  }

  .servicioscontent .servicios-4 {
    z-index: 99;
    margin-left: 1.99053%;
  }

  .servicioscontent .servicios-5 {
    z-index: 96;
    margin-left: 1.99676%;
  }

  .servicioscontent .servicios-6 {
    z-index: 93;
    margin-left: 16.99842%;
  }

  .servicioscontent .servicios-7 {
    z-index: 90;
    margin-left: 1.99884%;
  }

  .servicioscontent .servicios-8 {
    z-index: 87;
    margin-left: 1.99053%;
  }

  .servicioscontent .servicios-9 {
    z-index: 84;
    margin-left: 1.99676%;
  }
}

@media(max-width: 640px) {
  body {
    font-size: 1em;
  }

  .cercanos .puntocercano {
    position: relative;
    width: 80%;
  }

  .container .habitacion {
    position: relative;
    width: 100%;
  }

  .descripcion {
    position: relative;
    z-index: 130;
  }

  .descripcioncontent .descripciontexto {
    width: 100%;
    margin-left: 0;
  }

  .fields .adultos {
    position: relative;
    z-index: 162;
  }

  .fields .cantidadhabitaciones {
    position: relative;
    z-index: 166;
  }

  .fields .chicos {
    position: relative;
    z-index: 160;
    margin-left: 4.05574%;
  }

  .fields .egreso {
    position: relative;
    z-index: 168;
    margin-left: 4.06818%;
  }

  .fields .ingreso {
    position: relative;
    z-index: 170;
  }

  .fields .ladultos {
    position: relative;
    z-index: 163;
  }

  .fields .lcantidadhabitaciones {
    position: relative;
    z-index: 167;
  }

  .fields .lchicos {
    position: relative;
    z-index: 161;
    margin-left: 4.0868399999%;
  }

  .fields .legreso {
    position: relative;
    z-index: 169;
    margin-left: 4.06818%;
  }

  .fields .lingreso {
    position: relative;
    z-index: 171;
  }

  .fields .ltipohabitacion {
    position: relative;
    z-index: 165;
    margin-left: 4.0868399999%;
  }

  .fields .tipohabitacion {
    position: relative;
    z-index: 164;
    margin-left: 4.06818%;
  }

  .footer {
    position: relative;
    z-index: 6;
    height: auto;
    padding-bottom: 60px;
  }

  .footer .form {
    clear: both;
    width: 80%;
    margin-top: 20px;
    margin-left: 10%;
  }

  .footer .wrapper-map {
    width: 80%;
  }

  .fotos {
    position: relative;
    z-index: 33;
  }

  .fotoscontent .habitacion {
    position: relative;
    width: 100%;
  }

  .habitacion .image,
  .puntocercano .image,
  .servicios .image {
    height: auto;
  }

  .habitaciones {
    position: relative;
    z-index: 126;
  }

  .header {
    position: relative;
    z-index: 135;
  }

  .header .reserva {
    position: relative;
    z-index: 134;
    width: 80%;
    margin-left: 10%;
  }

  .header-navbar .h1 {
    position: relative;
    z-index: 151;
    width: 73.125%;
  }

  .header-navbar .navbar {
    position: relative;
    z-index: 150;
    margin-right: 18.75%;
  }

  .reservaform {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width:98%;
   height:auto;
   position:absolute;
  }

  .reservaform .formcontent {
    margin-left: 20.59625%;
  }

  .reservaform .h3 {
    position: relative;
    z-index: 174;
  }

  .servicios {
    position: relative;
    z-index: 107;
  }

  .servicioscontent .servicios {
    position: relative;
    width: 100%;
    margin-left: 0;
  }

  .form ._input,
  .form ._textarea {
    margin-left: -0.0824%;
  }

  .cercanos .puntocercano-1 {
    z-index: 69;
  }

  .cercanos .puntocercano-2 {
    clear: both;
    z-index: 65;
    margin-left: 10%;
  }

  .cercanos .puntocercano-3 {
    clear: both;
    z-index: 61;
    margin-left: 10%;
  }

  .cercanos .puntocercano-4 {
    z-index: 57;
  }

  .cercanos .puntocercano-5 {
    clear: both;
    z-index: 53;
    margin-left: 10%;
  }

  .cercanos .puntocercano-6 {
    clear: both;
    z-index: 49;
    margin-left: 10%;
  }

  .cercanos .puntocercano-7 {
    z-index: 45;
  }

  .cercanos .puntocercano-8 {
    clear: both;
    z-index: 41;
    margin-left: 10%;
  }

  .cercanos .puntocercano-9 {
    clear: both;
    z-index: 37;
    margin-left: 10%;
  }

  .cercanos-1 {
    position: relative;
    z-index: 71;
  }

  .container .habitacion-1 {
    z-index: 123;
  }

  .container .habitacion-2 {
    clear: both;
    z-index: 119;
    margin-left: 1.99585%;
  }

  .container .habitacion-3 {
    z-index: 115;
    margin-left: 1.99585%;
  }

  .container .habitacion-4 {
    clear: both;
    z-index: 111;
    margin-top: 20px;
    margin-left: 0;
  }

  .fotoscontent .habitacion-10 {
    clear: both;
    z-index: 10;
    margin-left: 0;
  }

  .fotoscontent .habitacion-5 {
    z-index: 30;
  }

  .fotoscontent .habitacion-6 {
    clear: both;
    z-index: 26;
    margin-left: 0;
  }

  .fotoscontent .habitacion-7 {
    clear: both;
    z-index: 22;
    margin-left: 0;
  }

  .fotoscontent .habitacion-8 {
    z-index: 18;
  }

  .fotoscontent .habitacion-9 {
    clear: both;
    z-index: 14;
    margin-left: 0;
  }

  .navbar .navlink-10 {
    margin-left: 2.06731%;
  }

  .navbar .navlink-11 {
    margin-left: 1.93182%;
  }

  .navbar .navlink-12 {
    margin-left: 2.17439%;
  }

  .navbar .navlink-13 {
    clear: none;
    margin-left: 2.90647%;
  }

  .navbar .navlink-14 {
    margin-left: 2.23558%;
  }

  .puntocercano .cercanos-6 {
    margin-left: 0.12579%;
  }

  .servicioscontent .servicios-10 {
    z-index: 81;
  }

  .servicioscontent .servicios-11 {
    clear: both;
    z-index: 78;
  }

  .servicioscontent .servicios-12 {
    clear: both;
    z-index: 75;
  }

  .servicioscontent .servicios-2 {
    z-index: 105;
  }

  .servicioscontent .servicios-3 {
    clear: both;
    z-index: 102;
  }

  .servicioscontent .servicios-4 {
    clear: both;
    z-index: 99;
  }

  .servicioscontent .servicios-5 {
    clear: both;
    z-index: 96;
  }

  .servicioscontent .servicios-6 {
    z-index: 93;
  }

  .servicioscontent .servicios-7 {
    clear: both;
    z-index: 90;
  }

  .servicioscontent .servicios-8 {
    clear: both;
    z-index: 87;
  }

  .servicioscontent .servicios-9 {
    clear: both;
    z-index: 84;
  }
}


.mapa{
  position: relative;
  float: left;
  clear: both;
  z-index: 200;
    /* The image used */
    background-image: url("../images/mapa.jpg");

    /* Set a specific height */
    height: 500px;
    width:100%;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#pie{
  clear: both;
  text-align: center;
  color:#fff;
  padding:20px 0 0 0;
}

#pie a{
  color:#fff;
}

.whatsapp-float {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 20px;
  right: 20px;
  background-color: #25d366;
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
  z-index: 1000;
  text-decoration: none;
  transition: background-color 0.3s;
}

.whatsapp-float:hover {
  background-color: #1ebc5a;
}

.whatsapp-float svg {
  display: block;
}