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: "Merriweather", sans-serif;
  font-weight: 400;
  font-size: 1vw;
  line-height:1.3vw;
  color: #666666;
  overflow-x: hidden;
  background-color: #fff;
  position: relative;
  opacity:1;
  height:100vh;
}

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

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

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;
}



.grecaptcha-badge {
  display: none !important;
}

video { display: block;
    position: relative;
    overflow: hidden;
    width: 100%; }

header { display:block; position:relative; overflow:hidden; width:100%; background:#fff; height:9.357vw; padding:0 7.1428571429vw; }


header h1 {     display: inline-block; float: left; position: relative; overflow: hidden; width:11.047619vw; margin-right:7.1428571429vw; margin-top:.8vw;}
header h1 img { display: block; width: 100%; height:auto; }
header .titulo { display: inline-block; float:left; position:relative; overflow:hidden; }
header .titulo h2 { color: #343434; text-transform: uppercase; font-weight: 600; font-size: 1.3333vw; line-height: 1.6666vw; margin-top: 3vw; font-family:"Merriweather Sans", sans-serif; }
header .titulo h2 span { font-weight: 900; }
header .titulo h3 {     color: #dc1c27; text-transform: uppercase; font-size: .88vw; line-height: 1vw; font-weight: 400; font-family: "Kanit", sans-serif;}
header .titulo h3 span { text-transform: none; color:#666666; margin-left:.5vw; }
header .instagram { display: inline-block; float: right; position: relative; overflow: hidden; width: 1.9047619048vw;margin-top:3.5vw;}
header .facebook { display: inline-block; float: right; position: relative; overflow: hidden; width: 1.9047619048vw; margin-right:1vw; margin-top:3.5vw;}
header .instagram img, header .facebook img { display:block; width:100%; height:auto; }
header .nor { display: inline-block; float: right; position: relative; overflow: hidden; color:#dc1c27; font-size: 1.33vw; line-height:1.55vw; text-transform: uppercase; margin-right:1vw; margin-top:3.5vw;font-family: "Kanit", sans-serif;}
header .nor:hover { color:#000; }

.click-menu, ul.menuMovil { display:none; } { display:none; }


.menuFijo { display: block; position: fixed; top:0; left:0; background:#fff; border-bottom:1px solid #000;overflow: hidden; width: 100%; padding: .5vw 7.1428571429vw;  transition:1s .5s; opacity:0; -webkit-transform: translatey(-1000px); transform: translatey(-1000px);}
.menuFijo.visible { opacity:1; -webkit-transform: translatey(0); transform: translatey(0);  z-index:999; }
.menuFijo h1 { display: inline-block; float: left; position: relative; overflow: hidden; width: 12vw; height: auto; margin-right: 6vw; }
.menuFijo h1 img { display:block; width:100%; height:auto; }
.menuFijo ul {     display: inline-block; position: relative; overflow: hidden; float: left; margin-top: 1vw; }
.menuFijo ul li { display:inline-block; float:left; position:relative; overflow:hidden; font-size: 1vw; line-height:1vw; text-transform:uppercase; color:#000000; border-left:2px solid #000; padding:0.65vw 3.2vw 0.65vw 1vw; font-weight:300; font-family:"Merriweather Sans", sans-serif; cursor:pointer;}
.menuFijo ul li:hover, .menuFijo ul li .sele { color:#dc1c27; }
.menuFijo ul li:last-child { padding-right: 1vw; border: 0; background: #461621; color: #fff; float:right;border:1px solid #461621;}
.menuFijo ul li:last-child a:hover{ color:unset; }
.menuFijo ul li:last-child:hover   { color:#461621; background:#fff; }
.menuFijo ul li:last-child .sele { color:#fff }

main { display: block; position:relative; overflow:hidden; width:100%; }
main iframe { display: block; position:relative; overflow:hidden; width:100%; height:100%; }

.menu { display: block; position: relative; overflow: hidden; width: 100%; padding: 0 7.1428571429vw; margin: 6.3vw 0;}

.menu ul { display:block; position:relative; overflow:hidden; width:100%; }
.menu ul li { display:inline-block; float:left; position:relative; overflow:hidden; font-size: 1.3333vw; line-height:1.6666vw; text-transform:uppercase; color:#000000; border-left:4px solid #000; padding:0.65vw 3.2vw 0.65vw 1vw; font-weight:300; font-family:"Merriweather Sans", sans-serif; cursor:pointer;}
.menu ul li:hover, .menu ul li.selected { color:#dc1c27; }
.menu ul li:last-child { padding-right: 1vw; border: 0; background: #461621; color: #fff; float:right;border:1px solid #461621;}
.menu ul li:last-child a:hover { color:unset; }
.menu ul li:last-child:hover { color:#461621; background:#fff; }

.acercade { display: block; position: relative; overflow: hidden; width: 100%; padding: 0 7.1428571429vw 0 7.1428571429vw; }
.acercade .firma { display: block; position: absolute; width: 100%; opacity: .3; left: 0; top: 15vw; height: auto; }
.acercade .izq { display:inline-block; float:left; position:relative; overflow:hidden; width:40.857143vw; padding-top:8.57vw; padding-bottom:9vw;}
.acercade .izq h2 { display: block; /ont-family: "Merriweather", sans-serif;  font-size: 4vw; line-height: 4.2vw; font-weight: 600; color: #343434; }
.acercade .izq h3 { display: block; font-family: "Merriweather", sans-serif;  font-size: 2vw; line-height: 2.2vw; font-weight: 300; color: #343434; }
.acercade .izq .abajo { display: block; position: relative; overflow: hidden; width: 100%; margin-top: 10vw; padding-bottom: 4vw;}
.acercade .izq .abajo img { display: block; width: 3.89vw; height: auto; }
.acercade .izq .abajo h4 {     display: block; font-size: 1.4vw; line-height: 1.6vw; font-weight: 600; color: #343434; margin-top: .5vw; }
.acercade .izq .abajo h5 {     display: block; font-size: 1.4vw; line-height: 1.6vw; font-weight: 300; color: #343434;}

.acercade .der { display: inline-block; float: right; position: relative; overflow: hidden; width: 42.71vw; padding-top: 8.57vw; padding-bottom: 13.14vw; border: 1px solid #461621; padding-left: 5vw; }
.acercade .der p { display: block; position: relative; overflow: hidden; color: #461621; font-size: 1.33vw; line-height: 1.88vw; font-family: "Merriweather", sans-serif; font-weight: 300; padding-right: 5vw;}
.acercade .der img { display: block; position: relative; width: 17vw; height: auto; float: right; margin: 3vw 5vw 0 0; }


.acerca { display: block; position: relative; overflow: hidden; width: 100%; padding: 0; margin-top:-4.5vw; border-bottom: 6vw solid #461621; }
.acerca .izq { display: inline-block; float: left; position: relative; overflow: hidden;  height: 50.21vw;  border:solid #fff; border-width:1.2012012012vw 1.2012012012vw 1.2012012012vw 0; width:53.5%; z-index:888; background:#fff;}
.acerca .izq ul { display:block; position:relative; overflow:hidden; width:100%; height:50.21vw; z-index:0; }
.acerca .izq ul li { display:inline-block; float:left; position:relative; overflow:hidden; width:100%; height:50.21vw !important; background-repeat:no-repeat; background-position:center; background-size:cover;; }


.acerca .der { display: inline-block; float: right; position: relative; overflow: hidden; background: #461621; width: 46.2vw; height: 43.3vw; padding: 15vw 7.14vw 4.16vw; margin-top: 7vw; width:46.5%;}
.acerca .der h2 { display: block; text-transform: uppercase; font-size: 2.66vw; line-height: 3vw; color: #fff; font-weight: 800; font-family: "Merriweather Sans", sans-serif; }
.acerca .der p { display: block; font-size: 1vw; line-height: 1.3vw; color: #fff; font-weight: 300; font-family: "Merriweather Sans", sans-serif; margin-top:1vw;}
.acerca .der p a { display:block; }

.servicios { display: block; position: relative; overflow: hidden; width: 100%;  }
.servicios .franja { display:block; position:relative; overflow:hidden; z-index:1; height:13.8vw; background:#120e20; width:100%; }
.servicios .der { display: inline-block; float: right; position: relative; overflow: hidden; width: 50%; height: 37.2372372372vw; border: solid #fff; border-width: 1.2012012012vw 0 1.2012012012vw 1.2012012012vw; z-index:3; margin-top:-9vw; background-repeat:no-repeat; background-position:center; background-size:cover;}

.servicios .izq { display:inline-block; float:left; position:relative; overflow:hidden; padding:6vw 0 0 7.1428571429vw; width:40vw; }
.servicios .izq h2 { display: block; text-transform: uppercase; font-size: 2.66vw; line-height: 3vw; color: #343434; font-weight: 800; font-family: "Merriweather Sans", sans-serif; }
.servicios .izq p { display: block; font-size: 1vw; line-height: 1.3vw; color: #343434; font-weight: 300; font-family: "Merriweather Sans", sans-serif; margin-top:1vw;}
.servicios .izq p a { display:block; }

.servicios ul.fotos { display: block; position: relative; overflow: hidden; width: 100%;  clear: both; padding: 2vw 7.1428571429vw 2vw 7.1428571429vw; height: 15.6vw !important;
    margin-bottom: 4.7vw;}
.servicios .fotos li { display:inline-block; float:left; position:relative; overflow:hidden; margin-right:1vw; width:20.4vw !important; height:15.6vw !important; background-repeat:no-repeat; background-position:center; background-size:cover;  }
.servicios .fotos li:last-child { margin-right:0; }

.casacampo { display: block; position: relative; overflow: hidden; width: 100%;  height:51vw; }
.casacampo .datos { display:block; position:absolute; top:30vw; left:7.1428571429vw; width:100%; z-index:3; }
.casacampo .datos h3 { display: block; position:relative;  font-size: 2vw; line-height: 3vw; color: #fff; font-weight: 400; font-family: "Merriweather Sans", sans-serif;  z-index:}

.casacampo .datos h2 { display: block; position:relative;  text-transform: uppercase; font-size: 2.66vw; line-height: 3vw; color: #fff; font-weight: 800; font-family: "Merriweather Sans", sans-serif;  z-index:}
.casacampo .datos p { display: block; position:relative;  font-size: 1vw; line-height: 1.3vw; color: #fff; font-weight: 300; font-family: "Merriweather Sans", sans-serif; margin-top:1vw; }
.casacampo ul { display:block; position:relative; overflow:hidden; width:100%; height:51vw; z-index:0; }
.casacampo ul li { display:inline-block; float:left; position:relative; overflow:hidden; width:100%; height:51vw !important; background-repeat:no-repeat; background-position:center; background-size:cover;; }

.casacampo .izquierda { display: block; position: absolute; bottom: 13vw; left: 0; background: #79694f; width: 5vw; height: auto; z-index: 3; padding: 1vw 1vw 1vw 2vw; cursor:pointer; }
.casacampo .izquierda img { display:block; width:100%; height:auto; }
.casacampo .izquierda:hover { background:#4a4337; }

.casacampo .derecha { display: block; position: absolute; bottom: 13vw; right: 0; background: #79694f; width: 5vw; height: auto; z-index: 3; padding: 1vw 1vw 1vw 2vw; cursor:pointer; }
.casacampo .derecha img { display:block; width:100%; height:auto; }
.casacampo .derecha:hover { background:#4a4337; }

.apart { display: block; position: relative; overflow: hidden; width: 100%;  height:51vw; }
.apart .izq { display: inline-block; float: left; position: relative; overflow: hidden; width:50%; background:#a29682; height:51vw; padding: 7.1428571429vw 7.1428571429vw 0 7.1428571429vw;}
.apart .izq h3 { display: block; position:relative;  font-size: 2vw; line-height: 3vw; color: #fff; font-weight: 400; font-family: "Merriweather Sans", sans-serif;  }

.apart .izq h2 { display: block; position:relative;  text-transform: uppercase; font-size: 2.66vw; line-height: 3vw; color: #fff; font-weight: 800; font-family: "Merriweather Sans", sans-serif;  }
.apart .izq p { display: block; position:relative;  font-size: 1vw; line-height: 1.3vw; color: #fff; font-weight: 300; font-family: "Merriweather Sans", sans-serif; margin-top:1vw; }

.apart .izq h4 { display: block; position:relative;  text-transform: uppercase; font-size: 1vw; line-height: 1.3vw; color: #fff; font-weight: 600; font-family: "Merriweather Sans", sans-serif;  margin-top:2vw; }
.apart .izq ul.lista { display: block; position: relative; overflow: hidden; width: 100%; text-align: center; margin-top: 2vw; }
.apart .izq .lista li { display:inline-block; position:relative; overflow:hidden; text-transform: uppercase; font-size: 1vw; line-height: 1.3vw; color: #fff; font-weight: 600; font-family: "Merriweather", sans-serif;  background:#461621; padding:.5vw 1vw; margin-right:1vw; cursor:pointer; }
.apart .izq .lista li:last-child { margin-right:0; }
.apart .izq .lista li:hover, .apart .izq .lista li.selected { background:#6d5f42; }
.apart .izq .reservar { display: block; position: absolute; bottom: 0; left: 0; width: 100%; background: #461621; padding: 1vw 0; text-align: center; color: #fff; text-transform: uppercase; cursor: pointer; font-size: 2vw; line-height: 2vw; font-family: "Merriweather Sans", sans-serif;  font-weight: 300;}

.apart .der { display: inline-block; float: right; position: relative; overflow: hidden; width:50%;height:51vw; }
.apart .der ul { display:block; position:relative; overflow:hidden; width:100%; height:51vw; z-index:0; }
.apart .der ul li { display:inline-block; float:left; position:relative; overflow:hidden; width:100%; height:51vw !important; background-repeat:no-repeat; background-position:center; background-size:cover;; }

.apart .der .izquierda { display: block; position: absolute; bottom: 0; left: 0; background: #79694f; width: 50%; height: auto; z-index: 3; padding: 1vw 1vw; cursor:pointer; }
.apart .der .izquierda img { display:inline-block; float:left; position:relative; overflow:hidden; width:.9vw; height:auto; }
.apart .der .izquierda p { display:inline-block; float:left; position:relative; overflow:hidden; color: #fff; text-transform: uppercase; cursor: pointer; font-size: 2vw; line-height: 2vw; font-family: "Merriweather Sans", sans-serif;  font-weight: 300; padding-left:2vw; }
.casaapart .dercampo .izquierda:hover { background:#4a4337; }

.apart .der .derecha { display: block; position: absolute; bottom: 0; right: 0; background: #4a4337; width: 50%; height: auto; z-index: 3; padding: 1vw 1vw; cursor:pointer; }
.apart .der .derecha p { display:inline-block; float:right; position:relative; overflow:hidden; color: #fff; text-transform: uppercase; cursor: pointer; font-size: 2vw; line-height: 2vw; font-family: "Merriweather Sans", sans-serif;  font-weight: 300;  padding-right:2vw;}

.apart .der .derecha img { display:inline-block; float:right; position:relative; overflow:hidden; width:.9vw; height:auto; }
.apart .der .derecha:hover { background:#4a4337; }

.cabanas { display: block; position: relative; overflow: hidden; width: 100%;  height:51vw; }
.cabanas .der { display: inline-block; float: right; position: relative; overflow: hidden; width:50%; background:#fff; height:51vw; padding: 7.1428571429vw 7.1428571429vw 0 7.1428571429vw;}
.cabanas .der h3 { display: block; position:relative;  font-size: 2vw; line-height: 3vw; color: #595959; font-weight: 400; font-family: "Merriweather Sans", sans-serif;  }

.cabanas .der h2 { display: block; position:relative;  text-transform: uppercase; font-size: 2.66vw; line-height: 3vw; color: #595959; font-weight: 800; font-family: "Merriweather Sans", sans-serif;  }
.cabanas .der h4 { display: block; position:relative;  text-transform: uppercase; font-size: 1.33vw; line-height: 2vw; color: #79694f; font-weight: 800; font-family: "Merriweather Sans", sans-serif; margin-top:1vw; }

.cabanas .der p { display: block; position:relative;  font-size: 1vw; line-height: 1.3vw; color: #6d6d6d; font-weight: 300; font-family: "Merriweather Sans", sans-serif; margin-top:1vw; }

.cabanas .izq { display: inline-block; float: left; position: relative; overflow: hidden; width:50%;height:51vw !important; }
.cabanas .izq ul { display:block; position:relative; overflow:hidden; width:100%; height:51vw; z-index:0; }
.cabanas .izq ul li { display:inline-block; float:left; position:relative; overflow:hidden; width:100%; height:51vw !important; background-repeat:no-repeat; background-position:center; background-size:cover; }

.eventos { display: block; position: relative; overflow: hidden; width: 100%;  height:51vw; }
.eventos .datos { display:block; position:absolute; top:9.2vw; right:7.1428571429vw; width:36vw; z-index:3; }
.eventos .datos h3 { display: block; position:relative;  font-size: 2vw; line-height: 3vw; color: #fff; font-weight: 400; font-family: "Merriweather Sans", sans-serif;  z-index:}

.eventos .datos h2 { display: block; position:relative;  text-transform: uppercase; font-size: 2.66vw; line-height: 3vw; color: #fff; font-weight: 800; font-family: "Merriweather Sans", sans-serif;  z-index:}
.eventos .datos p { display: block; position:relative;  font-size: 1vw; line-height: 1.3vw; color: #fff; font-weight: 300; font-family: "Merriweather Sans", sans-serif; margin-top:1vw; }
.eventos ul { display:block; position:relative; overflow:hidden; width:100%; height:51vw; z-index:0; }
.eventos ul li { display:inline-block; float:left; position:relative; overflow:hidden; width:100%; height:51vw !important; background-repeat:no-repeat; background-position:center; background-size:cover;; }

.eventos .izquierda { display: block; position: absolute; top: 16vw; left: 0; background: #fff; width: 5vw; height: auto; z-index: 3; padding: 1vw 1vw 1vw 2vw; cursor:pointer; }
.eventos .izquierda img { display:block; width:100%; height:auto; }
.eventos .izquierda:hover { background:#a29682; }

.eventos .derecha { display: block; position: absolute; top: 16vw; right: 0; background: #fff; width: 5vw; height: auto; z-index: 3; padding: 1vw 1vw 1vw 2vw; cursor:pointer; }
.eventos .derecha img { display:block; width:100%; height:auto; }
.eventos .derecha:hover { background:#a29682; }

ul.logos { display: block; position: relative; overflow: hidden; width: 100%; margin: 2vw 0; text-align: center; }
.logos li { display:inline-block; position:relative; overflow:hidden; margin-right:5vw; }
.logos li:nth-child(1) { width:10.7vw; }
.logos li:nth-child(2) { width:8.03vw; }
.logos li:nth-child(3) { width:8.92vw; }
.logos li img { display:block; width:100%; height:auto; }
.logos li:last-child { margin-right:0; }

.reservas { display: block; position: relative; overflow: hidden; width: 100%;  height:42vw; }

.reservas .izq { display: inline-block; float: left; position: relative; overflow: hidden; width:50%;height:42vw !important; background:#eeeeee; padding: 7.1428571429vw;}
.reservas .izq h2 { display: block; position:relative;  text-transform: uppercase; font-size: 2.66vw; line-height: 3vw; color: #595959; font-weight: 800; font-family: "Merriweather Sans", sans-serif;  }

.reservas .izq p { display: block; position:relative;  font-size: 1vw; line-height: 1.3vw; color: #6d6d6d; font-weight: 300; font-family: "Merriweather Sans", sans-serif; margin-top:1vw; }
.reservas .izq form { display:block; position:relative; overflow:hidden; width:100%; margin-top:2vw; }
.reservas .izq form input { display: block; position: relative; overflow: hidden; width: 100%; background: #fff; color: #343434; font-size: 1vw; line-height: 1.3vw; text-transform: uppercase; border: 0; padding: .5vw; margin-bottom: 1vw;  font-family: "Merriweather Sans", sans-serif;  font-weight: 300;}
.reservas .izq form textarea { display: block; position: relative; overflow: hidden; width: 100%; background: #fff; color: #343434; font-size: 1vw; line-height: 1.3vw; text-transform: uppercase; border: 0; padding: .5vw; margin-bottom: 1vw; height:5vw; font-family: "Merriweather Sans", sans-serif;  font-weight: 300;}
.reservas .izq form button { display:block; position:relative; overflow:hidden; font-family: "Merriweather Sans", sans-serif;  font-weight: 300; font-size:1.3vw; line-height:1.3vw; cursor:pointer; background:#343434; border:1px solid #343434; text-transform:uppercase; padding:.5vw 1vw; color:#fff; }
.reservas .izq form button:hover { background:#fff; color: #343434; }

.reservas .der { display: inline-block; float: right; position: relative; overflow: hidden; width:50%;height:42vw !important;  }


footer { display:block; position:relative; overflow:hidden; width:100%; height:4vw; background:#ce022e;  padding:0 7.1428571429vw; color:#fff; font-size:1vw; line-height: 1.3vw; padding-bottom:.1vw; font-family: "Kanit", sans-serif; }
footer p { font-weight: 500; display:inline-block; float:left; position:relative; overflow:hidden; margin-right:2vw;padding-top:1.5vw;}
footer a.mail { font-weight: 600; display:inline-block; float:left; position:relative; overflow:hidden; padding-top:1.5vw;}
footer .osmosis { display: inline-block; float: right; position: relative; overflow: hidden; }
footer .osmosis p { display:block; float:right; font-size:.7vw; line-height: .9vw;  width:100%; padding-top:1vw; text-align:right; padding-right:0; margin-right:0;}
footer .osmosis a { font-weight: 400; display:block; float:right; position:relative; overflow:hidden; width:100%;text-align:right;}
footer .osmosis a span { font-weight: 700; text-transform: uppercase; }
footer a.mail:hover, footer .osmosis a:hover span { color:#000; }

/* === HOME === */

.home { display:block; position:relative; overflow: hidden; width:100%; height:100%; margin:auto;}
.home #video-viewport { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.home ul.slides { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.home .slides li { display: inline-block; position: relative; overflow: hidden; float: left; width: 100%; height: 100%; }
.home .slides li .imagen { display: inline-block; position: relative; overflow: hidden; float: left; width: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; }
.home .izquierda { display: block; position: absolute; top: 20vw; left: 7.7380952381vw; z-index: 99; color: #fff; font-size: 2.5vw; cursor:pointer; }
.home .derecha { display: block; position: absolute; top: 20vw; right: 7.7380952381vw; z-index: 99; color: #fff; font-size: 2.5vw; cursor:pointer; }

.contacto { display: block; position: relative; overflow: hidden; width: 100%; background: #eeeeee; padding: 0 ; height: 100%;}

.contacto .izq { display:inline-block; float:left; position:relative; overflow:hidden; width:48.2142857143vw; padding:4vw 7.1428571429vw 4vw 7.1428571429vw; }

.contacto .izq  form { display: block; position: relative; overflow: hidden; width: 100%; margin-top: 3vw; }
.contacto .izq  form input { display: inline-block; float: left; position: relative; overflow: hidden; width: 48%; margin-right: 2%; font-size: 1vw; line-height: 1.3vw; font-weight: 400; border: 1px solid #ccc;  padding: .5vw; margin-bottom: 1vw; }
.contacto .izq  form textarea { display: block;  position: relative; overflow: hidden; width: 98%;font-size: 1vw; line-height: 1.3vw; font-weight: 400; border: 1px solid #ccc;  padding: .5vw; margin-bottom: 1vw; height:5vw; }
.contacto .izq  button { display: table; position: relative; overflow: hidden; background: #343434; padding: 1vw; border: 1px solid #343434; color: #fff; font-size: 1vw; line-height: 1.3vw; text-transform: uppercase; font-weight: 500; cursor: pointer; }
.contacto .izq  button:hover { background:#fff; color:#343434; }
.contacto .izq  h2 { display: block; color: #343434; text-transform: uppercase; font-size: 2.66vw; line-height: 2.88vw; font-weight: 700;  }

.contacto .der { display:inline-block; float:right; position:relative; overflow:hidden; width:50.9047619048vw; background-repeat: no-repeat; background-position:center; background-size:cover; height:100%; }

.lascoo { display: block; position: fixed; bottom: 0; left: 0; background: #dc1c27; width: 100%; padding: 1vw 12.012012012vw; color: #fff; font-size: 1vw; line-height: 1.3vw; }
.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; border-radius: 32px; cursor: pointer; }
.lascoo .button:hover { background:#fff; color:#343434; }


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

 
  header { padding: 10px 20px; height: 100px; z-index:9; position:fixed; top:0; left:0; border-bottom:1px solid #000;}
  header h1 { width:14vw; width:22vw; margin-right:10px;}
  header .titulo h2 { font-size:20px; line-height: 22px; margin-top:33px; }
  header .titulo h3 { font-size:9px; line-height: 11px; }
  header .nor { display:none; }
  header .facebook, header .instagram { margin-top:56px; width:20px;}
  header .titulo h3 span { display:block; }
  main { margin-top:100px; }

  .menuFijo { display:none; }

 
  .click-menu { display: block; position: absolute; width: 30px; height: 30px; cursor: pointer; z-index: 999; right:20px; top:30px;  opacity:1; }
 .click-menu span { position: absolute; left: 0; right: 0; top: 0; margin:0 auto; display: block; width: 100%; height: 3px; margin:0 auto; background:#000; transition: all .3s; border-radius:6px;}
 .click-menu span:nth-child(2) {top: 10px; }
 .click-menu span:nth-child(3) {top: 20px; }
 .click-menu.active span:nth-child(1) {top: 10px; -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: 10px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }
 .click-menu.active span { background:#000; }

 ul.menuMovil { display:block; position:fixed; top:100px; left:0;  -webkit-transform: translateY(-1000px); transform: translateY(-1000px); opacity: 0; transition: .5s .5s; background: #000; width: 100%; padding: 20px 20px 100px 80px;; height: 100vh; z-index:4;}
 ul.menuMovil li img { display: inline-block; float: none; margin-left: 10px; position: relative; overflow: hidden; width: 30px; height: auto; }
 ul.menuMovil.abierto {   -webkit-transform: translateY(0); transform: translateY(0); opacity: 1;}
  ul.menuMovil li { display:block; position:relative; overflow:hidden; text-align:right; color:#fff; text-transform: uppercase; font-size:16px; line-height: 18px; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #fff; padding-right:20px; cursor:pointer;}
   ul.menuMovil li:last-child { border:0; }

   .menu { display:none; }
   .acercade { padding:40px 20px; }
   .acercade .izq { display:block; float:unset; width:100%; padding:0; }
   .acercade .izq .abajo {margin-top: 20px; padding-bottom: 0; }
   .acercade .izq .abajo img { width:30px; margin-bottom:0; }
   .acercade .der { display:block; float:unset; width:100%; padding:40px 0 0 0; border:0; }
   .acercade .der img {display: block; position: relative; width: 145px; height: auto; float: right; margin: 10px 0; }

   .acercade .izq h2, .acerca .der h2, .servicios .izq h2, .casacampo .datos h2, .apart .izq h2, .cabanas .der h2, .eventos  .datos h2, .reservas .izq h2 { font-size:30px; line-height:32px; margin-bottom:10px;}
   .acercade .izq h3, .acerca .der h3, .casacampo .datos h3, .apart .izq h3, .cabanas .der h3, .eventos  .datos h3 { font-size:25px; line-height:27px; }
   .acercade .izq .abajo h4, .apart .izq h4, .cabanas .der h4 { font-size:18px; line-height:20px; }
   .acercade .izq .abajo h5 { font-size:16px; line-height:18px; }
   .acercade .der p, .acerca .der p, .servicios .izq p, .casacampo .datos p, .apart .izq p, .cabanas .der p, .eventos  .datos p, .reservas .izq p { font-size:16px; line-height:19px; padding:0; margin-bottom:10px; }

   .acerca {display: block; position: relative; overflow: hidden; width: 100%; padding: 0; margin-top: 0; border-bottom: 0; }
   .acerca .izq {display: block; position: relative; overflow: hidden; width: 100%; padding: 0; margin-top: 0; border-bottom: 0;height:60vw; }
   .acerca .der {display: block; float: unset; position: relative; overflow: hidden; background: #461621; width: 46.2vw; height: auto; padding: 40px 20px; margin-top: 0; width: 100%; }

   .servicios .franja { display:none; }
   .servicios .izq {display: block; float: none; position: relative; overflow: hidden; padding: 40px 20px; width: 100%; }
   .servicios .der {display: block; float: unset; position: relative; overflow: hidden; width: 100%; height: 60vw; border: solid #fff; border-width: 0; z-index: 3; margin-top: 0; }
   .servicios ul.fotos { padding:0; margin:0 0 40px 0; height:auto !important;}
   .servicios .fotos li {display: block; float: unset; position: relative; overflow: hidden; margin-right: 0; width: 100% !important;
        height: 60vw !important; background-repeat: no-repeat; background-position: center; background-size: cover; border: solid #461621; border-width: 5px 0 0 0; opacity:1 !important;}

   .casacampo, .casacampo ul, .casacampo ul li { height:90vw !important; }
   .casacampo .datos { left:20px; padding-right:40px; top:40px;}
   .casacampo .izquierda, .casacampo .derecha { width:50px; padding:20px; }
   .apart { height:auto; }
   .apart .izq {display: block; float: unset; position: relative; overflow: hidden; width: 100%; background: #a29682; height: auto; padding: 40px 20px 60px 20px; }


  .apart .der {display: block; float: unset; position: relative; overflow: hidden; width: 100%; height: 60vw; }
  .apart .izq ul.lista { margin-top:20px; }
  .apart .der ul { height:60vw; }
  .apart .der ul li { height:60vw !important; }
  .apart .izq .lista li {display: inline-block; position: relative; overflow: hidden; text-transform: uppercase; font-size: 16px; line-height: 18px; color: #fff; font-weight: 600; font-family: "Merriweather", sans-serif; background: #461621; padding: 5px 10px; margin-right: 10px; cursor: pointer; }
  .apart .izq .reservar { padding:10px 0; font-size:20px; line-height:22px; }
  .apart .der .izquierda, .apart .der .derecha { padding:10px; }
  .apart .der .izquierda p { font-size:18px; line-height:20px; padding-left: 10px; }
  .apart .der .derecha p { font-size:18px; line-height:20px; right: 10px; }
  .apart .der .izquierda img, .apart .der .derecha img { width:9px; }

  .cabanas { height:auto; }


  .cabanas .der {display: block; float: unset; position: relative; overflow: hidden; width: 100%; background: #fff; height: auto; padding: 40px 20px; }
  .cabanas .izq {display: block; float: unset; position: relative; overflow: hidden; width: 100%; height: auto !important;  }
  .cabanas .izq ul { padding:0; margin:0 0 40px 0; height:auto;}
  .cabanas .izq ul li {display: block; float: unset; position: relative; overflow: hidden; margin-right: 0; width: 100%;
        height: 60vw !important; background-repeat: no-repeat; background-position: center; background-size: cover; border: solid #461621; border-width: 5px 0 0 0; }

  .eventos { margin-top:40px; }
  .eventos, .eventos ul, .eventos ul li { height:140vw !important; }
   .eventos  .datos {display: block; position: absolute; top: 40px; right: 0; width: 100%; z-index: 3; padding:0 20px;}
   .eventos .izquierda, .eventos .derecha { width:50px; padding:20px;top:unset; bottom:80px; }

   ul.logos { margin:20px 0; }
   .logos li { margin-right:10px; }
   .logos li:nth-child(1) { width:20.7vw; }
.logos li:nth-child(2) { width:18.03vw; }
.logos li:nth-child(3) { width:18.92vw; }
  .reservas { height:auto; }
  .reservas .izq { display:block; float:unset; width:100%; height:auto !important; padding:40px 20px; }
  .reservas .der { display:block; float:unset; width:100%; height:90vw !important; }
  .reservas .izq form { margin-top:20px; }
  .reservas .izq form input {font-size: 16px; line-height: 18px; padding: 5px; margin-bottom: 10px; }
  .reservas .izq form textarea {font-size: 16px; line-height: 18px; padding: 5px; margin-bottom: 10px; height:100px; }
  .reservas .izq form button { font-size:20px; line-height:22px; padding:10px; margin-top:20px; }

  footer { padding: 10px 20px; font-size: 14px; line-height: 16px; height: auto;  }
  
  footer .osmosis p { font-size:11px; line-height: 13px; }
  footer .osmosis { width:30%; }
  .contacto .izq form input {display: block; float: none; position: relative; overflow: hidden; width: 100%; margin-right: 0; font-size: 14px; line-height: 16px; font-weight: 400; border: 1px solid #ccc; padding: 5px; margin-bottom: 10px; }
  .contacto .izq form textarea {display: block; float: none; position: relative; overflow: hidden; width: 100%; margin-right: 0; font-size: 14px; line-height: 16px; font-weight: 400; border: 1px solid #ccc; padding: 5px; margin-bottom: 10px; height:50px; } 
  .contacto .izq button { padding:10px; font-size:16px; line-height: 18px; }
  .contacto .izq { margin-bottom:0;display: block; float: none; position: relative; overflow: hidden; width: 100%; padding: 60px 20px 20px 20px; }
  .contacto .der { display:none; }
  .home .izquierda {display: block; position: absolute; top: 50vw; left: 20px; z-index: 99; color: #fff; font-size: 50px; cursor: pointer; }
  .home .derecha {display: block; position: absolute; top: 50vw; right: 20px; z-index: 99; color: #fff; font-size: 50px; cursor: pointer; }
  
  
}