@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,500|Playfair+Display:400,700');

/*font-family: 'Oswald', sans-serif;
font-family: 'Playfair Display', serif;*/

/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/


/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/


/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.container, .supercontainer, .megacontainer  {
  position: relative;
  width: 100%;
  max-width:1600px/*1200px*/;
  margin: 0 auto;
  box-sizing: border-box;
  overflow:hidden }
  
.supercontainer {
	max-width:1600px;
	padding: 0 20px;
}

.megacontainer {max-width:100%}

.megacontainer {
	max-width:100%;
	padding: 0;
}

.column,
.columns {
  width: 100%;
  float: left;
  box-sizing: border-box; }
  
 

/* For devices larger than 400px */
@media (min-width: 300px) {
  .container {
    width: 95%;
    padding: 0; }
}

/* For devices larger than 550px */
@media (min-width: 550px) {
  .column,
  .columns {
    margin-left: 4%; }
  .column:first-child,
  .columns:first-child {
    margin-left: 0; }

  .one.column,
  .one.columns                    { width: 4.66666666667%; }
  .two.columns                    { width: 13.3333333333%; }
  .three.columns                  { width: 22%;            }
  .four.columns                   { width: 30.6666666667%; }
  .five.columns                   { width: 39.3333333333%; }
  .six.columns                    { width: 48%;            }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 65.3333333333%; }
  .nine.columns                   { width: 74.0%;          }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }

  .one-third.column               { width: 30.6666666667%; }
  .two-thirds.column              { width: 65.3333333333%; }

  .one-half.column                { width: 48%; }

  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns          { margin-left: 8.66666666667%; }
  .offset-by-two.column,
  .offset-by-two.columns          { margin-left: 17.3333333333%; }
  .offset-by-three.column,
  .offset-by-three.columns        { margin-left: 26%;            }
  .offset-by-four.column,
  .offset-by-four.columns         { margin-left: 34.6666666667%; }
  .offset-by-five.column,
  .offset-by-five.columns         { margin-left: 43.3333333333%; }
  .offset-by-six.column,
  .offset-by-six.columns          { margin-left: 52%;            }
  .offset-by-seven.column,
  .offset-by-seven.columns        { margin-left: 60.6666666667%; }
  .offset-by-eight.column,
  .offset-by-eight.columns        { margin-left: 69.3333333333%; }
  .offset-by-nine.column,
  .offset-by-nine.columns         { margin-left: 78.0%;          }
  .offset-by-ten.column,
  .offset-by-ten.columns          { margin-left: 86.6666666667%; }
  .offset-by-eleven.column,
  .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

  .offset-by-one-third.column,
  .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

  .offset-by-one-half.column,
  .offset-by-one-half.columns     { margin-left: 52%; }

}


/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */

body {
  font-size: 1.125em;
  line-height: 1;
  font-weight: 300;
  font-family:'Oswald', Arial, Helvetica, sans-serif;
  color: #000;
  }


/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {  margin: 0 0 30px 0;  font-weight: 300; text-transform:uppercase; }
h1, h2 { margin:90px 0 30px; font-size:2.5em; text-align: left; text-align:left; }
h2::after {content:""; width:80%; max-width:300px; margin-top:5px; height:1px; display:block; background:rgba(0,0,0,1)}
h3, h3 a { font-size:2em; color:#000;}
h4, h4 a { font-size:1.7em; line-height:70px; font-weight:400; letter-spacing:.1em; padding:5px; text-transform:none;   }
h4 span {padding:10px 20px; border:1px solid #000;  }
h5 {font-weight:700; letter-spacing:.1em; margin:0 0 15px 0; font-weight: 500; text-transform:none; font-size: 1.125em;}
h6 { }

p {
  font-size:.8em;
  margin:0 0 1.5em 0;
  color: rgba(0,0,0,1);
  line-height:1.5em;
  letter-spacing:.05em }

b, strong {font-weight: 500;}

/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
  color: #000;
  text-decoration:none;
  line-height:0;
  transition:0.3s ease; -webkit-transition:0.3s ease; -moz-transition:0.3s ease;
  cursor:pointer
}

a:hover {
  color: #cbc5af; }


/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  padding: 0;
  color: #fff;
  background:#00a15c;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  text-transform:uppercase;
  font-size:20px;
  padding:10px 20px;
  height:auto;
  width:auto;
  cursor: pointer;
  box-sizing: border-box;
  border:1px solid #00a15c; font-weight:700; letter-spacing:.1em;
  transition:.2s all }
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  color: #fff;
  background: none;
  outline: 0; }
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  color: #FFF;
  background-color: #33C3F0;
  border-color: #33C3F0; }
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #FFF;
  background-color: #1EAEDB;
  border-color: #1EAEDB; }


/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input,
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  height: 40px;
  padding: 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  background: none;
  border: 1px solid #fff;
  box-shadow: none;
  width:100%;
  max-width:300px;
  line-height:30px;
  margin:5px 0 15px;
  color:#fff;
  box-sizing:border-box }
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
textarea {
  min-height: 150px; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 1px solid #33C3F0;
  outline: 0; }
label,
legend {
  display: block;
   color:#fff
   }
fieldset {
  padding: 0;
  border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
  display: inline; }
label > .label-body {
  display: inline-block;
  font-weight: normal; }
  select {height:40px; max-width:298px; padding:0 10px; line-height:40px}
option { background:#000; line-height:20px; height:40px; margin:0; padding:10px; box-sizing:border-box}

/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {
    margin: 0 auto;
    padding: 0;
    text-align: center;
	list-style: none;
}

li {
  	display: inline;
    margin: 0;
	padding:0 10px;
}

li a {
	display:inline;
	margin:0;
	padding:0
}






/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.right {
  float: right; }
.left {
  float: left; }
.visible {
	overflow:visible
}


/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/


/* Larger than mobile */
@media (min-width: 300px) {
.desktop {display: none}	
.banner_overlay{position:fixed; left:0; top:0; background:rgba(0,0,0,0.8); width:100%; height:100%; z-index:999999; padding:0; display:none}
.banner_overlay div {position:absolute; width:80%; height:80%; max-width:900px; left:50%; top:50%; transform:translate(-50%,-50%); background:#fff; box-sizing:border-box; padding:20px; overflow-y: scroll; box-sizing:border-box}
.banner_overlay div p {margin-bottom:1em; line-height:1.2em;}
.banner_overlay div h2 {margin:.3em 0 }
.banner_overlay div h2::after {display:none}
.banner_overlay span, .video_overlay span {width:100%; background:transparent; float:left; padding-bottom:20px}
.banner_overlay span a, .video_overlay span a{cursor:pointer; float:right; border:none; padding:10px; color: #00a15c}

.banner_overlay div h4 {font-size:20px; background:none; margin-bottom:.3em}

.banner_overlay.video {overflow: hidden;}
.banner_overlay.video div {background:transparent; position:relative; height: 80%; overflow: hidden; padding:0;}
.banner_overlay.video video {height: 100%; width: auto; position: absolute; left: 50%; transform: translateX(-50%);}
.banner_overlay.video span {width:auto; background:transparent; float:right; padding:10px; margin: 10px; background: #fff}

h2 {font-size:2em; margin-left:10px}
	
.slicknav_menu {
		display:block;
	}	

.slicknav_menu .logo_header {display: none;}
	
.column img, .columns img { float:left; width:100%; height:auto; margin:0 0 20px}

.megacontainer.contenidos {
	position:relative;
	background:#fff
}


.megacontainer.menu {
	padding:5px;
	position:absolute;
	left:0;
	top:0;
	background-color: rgba(0,0,0,0.3);
 
}



.megacontainer.menu ul {
	height:60px;
	transition:.2s all;
  text-align: right;
}


.megacontainer.menu ul li {
	height:60px;
	line-height:60px;
	color:#fff;
	font-size:16px;
}

.megacontainer.menu ul li a {
	color:#fff; text-transform:uppercase; border-bottom:1px solid rgba(255,255,255,0)}

.megacontainer.menu ul li a:hover, .megacontainer.menu ul li a:focus {border-bottom:1px solid rgba(255,255,255,1)}
.megacontainer.menu ul li a img {position:relative; top:1px}

.megacontainer.menu ul li.logo_header {display: none;}
.megacontainer.menu ul li.logo_header img{width: 450px; float: left; top:0px; left:10px;}

.megacontainer.slider {
	float:left;
	height: 60vh;
	padding-bottom:60px;
	width:100%;
	position:relative
}

.bx-wrapper ul li {
	display:block;
	float:left;
	overflow:hidden;
	padding:0;
	width:100%;
	height:60vh;
}


.bx-wrapper ul li div.back {
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
	width:100%;
	height:60vh;
	float:left;
  position: relative;}







  
.bx-wrapper ul li div.back.bgleft { background-position: left center;}

  .bx-wrapper ul li div.back.s05, .bx-wrapper ul li div.back.s04 {background-position: left center;}
	
.bx-wrapper ul li div.back:last-child::after {content:""; background: #000 none repeat scroll 0 0;
  height: 100%;
  left: 0;
  opacity: 0.2;
  position: absolute;
  top: 0;
  width: 100%;
  box-sizing:border-box}

.innerslide {position: absolute; left: 10%; bottom:5%; font-size: 1em; color: #fff; z-index: 9999; text-align: left;}


.megacontainer.slider .logo {
	position:absolute;
	top: 50%;
	left: 50%;
	z-index:99988;
	width:auto;
	-webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);
}

.megacontainer.slider .logo img {max-width:120px; height:auto}

.destacado { font-size:1em;/* padding:30px; */margin:0; font-weight: 800; text-align:center}
.padding80 {padding:75px 10px; text-align: center; font-size: 1.7em; color: #fff; background: #00a15c; text-transform: uppercase;}
img.centrada {margin:0 auto; display:block; width:100%}

.secciones { background:#fff; /*padding-bottom:100px;*/}

.casa {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width:100%;
  height:50vh;
  float:left; position: relative;
  transition: .2s;
  }

  #lp .casa {background-position: right center;}
#casas, #ancla_casas {padding-top: 54px; margin-top: -54px}
.casa h2, .casas h2 {position: absolute; top: 15%; left: 50%; transform: translate(-50%,-50%); border:none; color: #fff; z-index:99;/*text-shadow: 1px 3px 6px rgba(0,0,0,0.6); */font-weight: 300; font-size: 1.5em; margin: 0; transition: .2s; line-height:1; text-align: left; } 
.casa h2 a{color: #fff}
.casa h2:after, .casas h2:after {display: none;}
.casa span {font-size: 1em; font-weight: 300; position: absolute; bottom: 15%; left: 50%; transform: translate(-50%,-50%); color: #fff;
    padding: 3px 5px; background: #00a15c; display: block;line-height: 1; z-index:300}
.casa:after {content:""; display: block; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.2); transition: .4s}
.casa:hover:after{background: rgba(0,0,0,0.7);}
.casa:hover h2 {color: #fff; text-shadow: 2px 4px 8px rgba(0,0,0,0.5); opacity: 1}
.casa:hover h2 a {color: #fff}
.casas h2 {color: #fff; top: 20%;}

.casa i {font-size: .75em}

.casas .columns{position: relative; } 
.casas .four.columns.col_der {margin-left: 0}


.megacontainer.gris {background:#e7e7e5; padding:0;}
	   
.megacontainer.gris .container.separador {display:block; height:70px; background:none; display:none}
#load_casas .row {background:#f4f5f7; display:block; overflow:hidden; padding:20px 0}
#load_casas div {padding-top:70px}

.secciones iframe {width:100%; height:450px; border:none; margin:0 0 30px 0}
.secciones.ubicacion, div#habitaciones {text-align:center}
.megacontainer.secciones.imagenes {background:#F0F0F0 repeat fixed;}

div#habitaciones:first-child .container {width:100%}

div#habitaciones {background:#e7e7e5 repeat fixed;}
.loadHabitacion {/*background:#fff;*/box-sizing:border-box; border:1px solid #e7e7e5; border-bottom:none; padding:10px; width:100%; float:left}
.loadHabitacion .bx-default-pager {display:none}
.loadHabitacion p {margin-bottom:0; font-size:.8em; line-height:2.5em}
.containerHabitacion {width:100%; float: left; margin-top:20px; margin-bottom:20px}
.habitacion {width:50px; border: 1px solid #e7e7e5; float:left; cursor:pointer; box-sizing:border-box; text-align:center; position:relative; padding:10px; background:#fff; border-bottom:1px solid #e7e7e5;  transition:ease .2s; font-size:.8em ; }
.loadHabitacion .megacontainer {display: block; }
.loadHabitacion .megacontainer .four {display:none}
.loadHabitacion .megacontainer .four.activa {display: block}
.loadHabitacion .megacontainer a {font-size:1em;padding:3px 5px 5px; border: 1px solid #000;}
.loadHabitacion .megacontainer .three p {text-align: left; font-size:.8em; line-height:2em; margin-bottom:20px}
.loadHabitacion .megacontainer img {height:auto; width:auto; max-width:100%; margin-bottom:20px; float:none}
.loadHabitacion .megacontainer p img {height:50px; width:auto; position:relative; margin-bottom:0; top:12.5px; margin-left:5px}
#loadHabitacion {background:#e7e7e5}
#loadHabitacion div {text-align:left}
#loadHabitacion .row {padding-top:70px}

p.clic {margin-bottom:0; text-align:center; display:none}
p.clic span {display:none}

.container.txt {margin:20px auto}
.txt p {margin-bottom:0; text-align:left; padding:20px 0; text-align:left }
@keyframes altura{
	0% { height:0; }
	100% { height:40px}
}
.loadHabitacion .megacontainer.activa {display:block; animation:ver01 .5s ease; position:relative}
@keyframes ver01{
	0% { opacity:0; top:30px; }
	100% { opacity:1; top:0}
}
.habitacion:hover {background:#e7e7e5}
.habitacion span, #habitaciones h4 {font-weight:400; font-size:1.5em; line-height:1em}
div#habitaciones h4 span {border:none; font-size:.5em; padding:0; font-weight:300}
.habitacion:nth-last-child(1){border-right:1px solid #e7e7e5}
.habitacion:before {opacity:0; content:""; width: 0; position:absolute; display:block; /*top:-21px; left:50%; */top:50%; left:-17px; transform:translateY(-50%);
     height: 0;
     border-bottom: 8px solid transparent;
     border-top:8px solid transparent;
     border-left: 8px solid transparent;
     border-right: 8px solid #e7e7e5; }
.habitacion.activa:before, .habitacion:hover:before {opacity:1}
.habitacion.activa { background:#ccc; border-left-color:#ccc}
.habitacion.activa:before {border-right: 8px solid #ccc;}
.five .bx-wrapper, .six .bx-wrapper {float:left; width:100%; position:relative}
.five .bx-wrapper ul li, .six .bx-wrapper ul li {height:auto; min-height: 1px}
.five .bx-wrapper ul li img, .six .bx-wrapper ul li img{ width:100%; height:auto;}
div#contacto {min-height:100vh; background:#000; box-sizing:border-box; line-height:2em; }
div#contacto.secciones {padding-bottom:0}
#contacto span {font-weight:300; cursor:pointer; border:1px solid rgba(255,255,255,0); margin-left:5px; padding:5px}
#contacto span.activo {border:1px solid rgba(255,255,255,1)}
#contacto span.martes, #contacto span.jueves {padding:3px 5px} 
#contacto .container {overflow:visible}
div#contacto h2, div#contacto h5, div#contacto p {color:#fff}
div#contacto h2::after { background:rgba(255,255,255,1)}
div#contacto p {color:#fff; line-height:1.6em; font-size:1em}

.habitaciones {padding: 40px 0; background: #e7e7e5}

.ubicaciontxt{padding: 40px 0; background: #e7e7e5 }


/*.habitaciones a {padding:5px; margin:80px auto; font-size: 2em; line-height: 1; display: inline-block; color: #fff; background: #00a15c}/*

/*#contacto_, #agenda_, #reserva_ {display:none}*/
#contacto_.contactoActivo, #agenda_.contactoActivo, #reserva_.contactoActivo {display:block; animation:ver 1s ease; position:relative}

@keyframes ver{
	0% { opacity:0; }
	100% { opacity:1;}
}

.play25 {margin-bottom:30px; margin-left:10px; margin-right:10px}
.play25, .play25 p, .play25 a {color:#fff; letter-spacing:.1em;}
.play25 h5 {margin:20px 0 0}
form .megacontainer {max-width:300px; margin:0}
form .megacontainer div {margin-left:0; margin-right:0; width:50%; float:left}
form .megacontainer div input[type="text"] {width:100%; max-width:100%; box-sizing:border-box; height:42px}
.megacontainer.foot {
	background:#782122;
	padding:30px 0;
	margin:30px 0 0;
	border-top:5px solid #cbc5af;
}

footer {padding: 20px 0}
footer .columns img {height: 20px; width: auto; margin:0 25px 0 0;}
footer h5 {color: #00a15c; }
footer {background: #000}
footer a{color:#00a15c}
footer p {	font-size:14px;	margin-bottom:20px;	color:#fff;}
footer span {margin: 0 10px}

.copyright {
	position: relative;
	right: auto;
	bottom: auto;
	float:left;
	margin:20px 0 0;
	text-transform:uppercase;
	font-size:10px;
	font-family: 'Open Sans', Arial, sans-serif;
}

	
.supercontainer.noticia {
	margin:0 auto 30px;
}

.supercontainer.noticia p {
	font-family: 'old_standard';
	font-size:14px
}

img.principal {
	margin:0 0 30px 0;
	width:100%;
	height:auto
}

.grid {margin-top:20px}
.grid-sizer, .grid-item { width:100%;} 
.grid-item{padding:10px; box-sizing:border-box; float:left; overflow:hidden }
.grid-item img {width:100%; height:auto}	

.inactiva  {display:none}
#camaSeparada img:hover {cursor:pointer}
.cama01.animacion { animation:mostrarImg ease .7s; position:relative}
@keyframes mostrarImg {
	0% {display:none; opacity:0;  }
	1% {display: block; opacity:0; left:-50% }
	100% { opacity:1; left:0} 
}
.cama02.animacion { animation:mostrarImg2 ease 1s; position:relative}
@keyframes mostrarImg2 {
	0% {display:none; opacity:0;  }
	1% {display: block; opacity:0; left:-50% }
	100% { opacity:1; left:0} 
}


.descripcion {opacity:0; position:absolute; left:10px; bottom:10px; padding:20px; box-sizing:border-box; width:calc(100% - 20px); background:rgba(0,0,0,0.8); color:#fff; transition:.2s ease; text-align:center}
.grid-item:hover .descripcion {opacity:1}

#servicios {
	background:#000 url(../img/bg_faq.jpg) center top no-repeat;
	z-index:9999;
	overflow: hidden;
	padding-bottom:70px;
  min-height: 100vh;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;}
	
#servicios p {font-size:.9em; line-height:.9em; margin-bottom:2.5em; padding:0 10px; text-align:justify; color:#fff}
#servicios h2 {color:#fff}
#servicios h2::after {background:#fff;}

i { font-size:1.5em; margin:0 10px 10px 0; letter-spacing:normal; min-width: 21px}
optgroup {margin-bottom:0; padding:5px 0; border-bottom:1px solid #fff; font-size:.8em; background:#000}

.jqueryslidemenu{
z-index:99999;
float:left;
width:100%;
display:block;
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
float:left;
display:block;
background:#F0F0F0;
text-align:left
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: block;
float: left;}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: inline-block;
float:left;
line-height:30px;
margin:0;
padding:0;
text-transform:uppercase
}

/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
z-index:999999;
background:rgba(0,0,0,0.5)
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: left;
width:100%;
box-sizing:border-box
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
	position:absolute;
	top: 0;
	width:50px;	
background:rgba(0,0,0,0.7)
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
width: 140px; /*width of sub menus*/
padding:0;
margin: 0;
border-top-width: 0;
color:#fff
}

.secciones.separador01 {
	background:url(../img/bg_servicios.jpg) fixed ;
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
	color:#fff;
	min-height:70vh
}

.mapa {background:#fff;  margin:0 auto; width:100%; float:left; position:relative; height: 250px}

form {color:#fff}
form a {color:#fff; text-decoration:underline; margin-bottom:10px}
form a:hover{color:#ccc}
input[type="checkbox"] {width:auto; height:auto}
.terminos {font-size:14px}


.blanco p {padding:20px 0}
p.mobile {margin-left:10px; margin-top:-20px}
p.mobile a {font-size:14px; color:#fff; text-decoration:underline; }

a.opcionesA {color:#fff; margin-bottom:10px; text-decoration:underline}
p.opciones {display:none}


/*#cargar_bsas .row, #cargar_lp .row {opacity: 0; height: 0; overflow: hidden; transition: .5s}*/
#cargar_bsas .row, #cargar_bsas .row.visible, #cargar_lp .row.visible {height: auto; opacity: 1}
.casas .four.columns.col_der {margin-left: 0; padding: 20px}
.col_der p {margin-bottom: 1em}

.megacontainer.habitaciones .container {max-width: 900px}

.verde {color:#00a15c !important}
.virtual span {display: none;}
.virtual.visible span {display: inline-block;}

.habitaciones .bx-wrapper  ul.bxslider4 li, .habitaciones .bx-wrapper  ul.bxslider5 li {height: 100%; overflow: hidden;}
.habitaciones .bx-wrapper ul.bxslider4 p, .habitaciones .bx-wrapper ul.bxslider5 p {text-align: left; max-width: 280px}
.habitaciones .bx-wrapper ul.bxslider4 p.centrada, .habitaciones .bx-wrapper ul.bxslider5 p.centrada {text-align: center;}
.habitaciones .bx-wrapper ul.bxslider4 p a, .habitaciones .bx-wrapper ul.bxslider5 p a{color:#00a15c}
.habitaciones .bx-wrapper ul.bxslider4 li img, .habitaciones .bx-wrapper ul.bxslider5 li img {width: 100%; height: auto; position: relative; float: left;}

.hab_slide {float: left; position: relative; width: 290px; height: 190px;background-size: cover; background-repeat: no-repeat; background-position: center center;}

.foto_noticia {/*float: left;*/ position: relative; width: 290px; height: 190px;background-size: cover; background-repeat: no-repeat; background-position: center center;}


#popup_content p{color: #fff !important}
.centrada {text-align: center;}
}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {


.loadHabitacion .three.columns, .loadHabitacion .four.columns, .loadHabitacion .five.columns {
    width: 100%; margin:5px;
}

.noticia_home, .tapas {
	margin:30px 0
}

.supercontainer.baguetteBoxOne.gallery, /*.mapa*/ {padding-top:50px}

.bx-wrapper ul li {
    height: auto;
    min-height:10px;
}

.bx-wrapper img {
	height: auto;
	min-height: 1px;
	width: auto;
	display: block;
}


}

/* Larger than tablet */
@media (min-width: 750px) {

	  
.blanco p {padding:0}

.mobile {display:none}
.desktop {display:block}
.megacontainer.menu ul li.logo_header {display: inline;}

h2 {margin-left:0}

h4, h4 a {padding:0}

.megacontainer.slider {
	height: 100vh;
	min-height:100%;
	width:100%;
	padding-bottom:0
}

.bx-wrapper ul li {
	width:100%;
	height:100vh;
	min-height:100%;
}
.slider_casa .bx-wrapper ul li {
  height:90vh;
}

.bx-wrapper img {
	
	height:100vh;
	min-height:100%;
	width: auto;
	display: block;
	position:absolute;
	top: 50%;
	left: 50%;
	-webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);
}

.slider_casa .bx-wrapper img {height:100vh;}

.bx-wrapper ul li div.back {
	width:100%;
	height:100vh;
	float:left}

.megacontainer.slider .logo img {max-width:150px; height:auto}

.megacontainer.slider {
	float:left;
	width:100%;
	height:100vh;
	min-height:100%;
	position:relative
}

.megacontainer.slider .logo {
	position:absolute;
	top: 50%;
	left: 50%;
	z-index:7777;
	-webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%)
}

.bx-wrapper {
	/*position: fixed;*/
	margin:0 auto;
	padding: 0;
	*zoom: 1;
	width:100%;
	overflow:hidden;
	float: none
	
}

.bx-wrapper ul {
	float:left;
	overflow:hidden;
	padding:0;
	width:100%;
}

.bx-wrapper ul li {
	display:block;
	float:left;
	overflow:hidden;
	padding:0;
	width:100%;
}

.bx-wrapper img {
	width:100%;
	height: auto;
	display: block;
	position: relative;
	top: auto;
	left: auto;
	-webkit-transform: none; -moz-transform:none; -ms-transform:none;
}

.loadHabitacion .megacontainer .three p {margin-bottom:0}

.megacontainer.menu.fixed {display:block;}
.three.columns {width: 22%;}
.megacontainer.slider .logo img {max-width: none; height:auto}
.loadHabitacion {width:calc(100% - 50px);}
.containerHabitacion {width:50px; position:absolute; right:0; bottom:0; float: none; margin-top:0; margin-bottom:0; }
.habitacion span {font-size:1em}
.loadHabitacion .megacontainer img {/*height:100px;*/ max-width:100%; height:auto}
.loadHabitacion .megacontainer .five img {margin-bottom:0; width:100%; max-width:100%; max-height:100%; height:100%} 
.loadHabitacion .megacontainer .four img { max-height:50px; width:auto}

.grid {margin-left:-10px; margin-right:-10px;}
.grid-sizer, .grid-item { width:45%;  }

.play25 {margin-left:0; margin-right:0}

.destacado { font-size:2em;}
.padding80 {padding:100px 0}

.megacontainer.gris { margin-top: 0;}
.megacontainer.gris .container.separador {display:none}

p.clic span, p.clic {display: block}


div#contacto {min-height:calc(100vh - 116px); background-color:#000; background-attachment:fixed;  background: url(../img/bg_contacto.jpg) center top no-repeat; /*z-index:9999;*/ box-sizing:border-box; line-height:2em; }
div#servicios {min-height:calc(100vh - 116px);}

.casas .four.columns.col_der {width: 34.66666%}

.innerslide {position: absolute; left: 10%; bottom:20%; font-size: 2em;}
.casa h2, .casas h2 {position: absolute; top: 15%;}

}

@media (min-width: 800px){

  .casa {
  width:100%;
  height:100vh;
  }
  .casa h2, .casas h2 {position: absolute; top: 25%; font-size: 2.5em; } 


}

/* Larger than desktop */
@media (min-width: 1000px) {

.slicknav_menu {display:none;}



  .bx-wrapper ul li div.back.s05, .bx-wrapper ul li div.back.s04, .bx-wrapper ul li div.back.bgleft {background-position: center center;}

.containerHabitacion {width:50px; height:100%; position:relative; right:auto; bottom: auto; float:left; margin-top: 10px;}
.loadHabitacion .three.columns { width:20%; margin:0 }
.loadHabitacion .four.columns { width:calc(40% - 10px); margin:0; margin-left:10px }
.loadHabitacion  .five.columns { width:40%; margin:0 }

	


.videoo {
  position: relative;
  height: 0;
  padding-bottom: 60.25%;
}
.videoo iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}
.megacontainer.menu {
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index:999998
}


.megacontainer.slider {
	float:left;
	width:100%;
	height:100vh;
	min-height:100%;
	position:relative
}

.megacontainer.slider .logo {
	position:absolute;
	top: 50%;
	left: 50%;
	z-index:7777;
	-webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);
	transition:.3s linear;
}

.megacontainer.slider .logo a:hover {opacity:0.5}

.bx-wrapper {
	/*position: fixed;*/
	margin:0 auto;
	padding: 0;
	*zoom: 1;
	width:100%;
	overflow:hidden;
	float: none;
	
}

.bx-wrapper ul {
	float:left;
	overflow:hidden;
	padding:0;
	width:100%;
}

.bx-wrapper ul li {
	display:block;
	float:left;
	overflow:hidden;
	padding:0;
	width:100%;
}

.bx-wrapper img {
	width:100%;
	height: auto;
	display: block;
	position: relative;
	top: auto;
	left: auto;
	-webkit-transform: none; -moz-transform:none; -ms-transform:none;
}
.grid-sizer, .grid-item { width:30%;  }

#servicios p {line-height:2em}

.casas .four.columns.col_der {margin-left: 0; padding: 20px 20px 0px}


#casas, #ancla_casas {padding-top:0; margin-top:0}

.bxslider4 .bx-wrapper ul li, .bxslider5 .bx-wrapper ul li {min-height: 30vh}

}

/* Larger than Desktop HD */
@media (min-width: 1200px) {}





/**
 * BxSlider v4.0 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2012
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/






@media only screen and (min-width: 959px) {
.bx-wrapper ul li img { position:relative; top:0}
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
/*	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	border: solid #fff 5px;
	left: -5px;
	background: #fff;*/
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom:20px;
	width: 100%;
}

.habitaciones .bx-wrapper .bx-pager,
.habitaciones .bx-wrapper .bx-controls-auto {
  bottom:0;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(../img/ajax-loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	/*padding-top: 20px;*/
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(../img/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(../img/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 8999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(../js/images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(../js/images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}


#preloader  {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background:url(../img/bg_preloader.png);
     z-index: 999999;
    height: 100%;
 }

#status  {
     width: 200px;
     height: 200px;
     position: absolute;
     left: 50%;
     top: 50%;
     background-image: url(../img/ajax-loader.gif);
     background-repeat: no-repeat;
     background-position: center;
     margin: -100px 0 0 -100px;
 }
 
 
 /*!
 * SlickNav Responsive Mobile Menu v1.0.10
 * (c) 2016 Josh Cope
 * licensed under MIT
 */
 
 
.slicknav_btn {
  position: relative;
  display: block;
  vertical-align: middle;
  float: right;
  padding: 0.438em 0.625em 0.438em 0.625em;
  line-height: 1.125em;
  cursor: pointer; }
  .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
    margin-top: 0.188em; }

.slicknav_menu {
  *zoom: 1; }
  .slicknav_menu .slicknav_menutxt {
    display: block;
    line-height: 1.188em;
    float: left; }
  .slicknav_menu .slicknav_icon {
    float: left;
    width: 1.125em;
    height: 0.875em;
    margin: 0.188em 0 0 0.438em; }
    .slicknav_menu .slicknav_icon:before {
      background: transparent;
      width: 1.125em;
      height: 0.875em;
      display: block;
      content: "";
      position: absolute; }
  .slicknav_menu .slicknav_no-text {
    margin: 0; }
  .slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 1.125em;
    height: 0.125em;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
  .slicknav_menu:before {
    content: " ";
    display: table; }
  .slicknav_menu:after {
    content: " ";
    display: table;
    clear: both; }

.slicknav_nav {
  clear: both; }
  .slicknav_nav ul {
    display: block; }
  .slicknav_nav li {
    display: block; }
  .slicknav_nav .slicknav_arrow {
    font-size: 0.8em;
    margin: 0 0 0 0.4em; }
  .slicknav_nav .slicknav_item {
    cursor: pointer; }
    .slicknav_nav .slicknav_item a {
      display: inline; }
  .slicknav_nav .slicknav_row {
    display: block; }
  .slicknav_nav a {
    display: block; }
  .slicknav_nav .slicknav_parent-link a {
    display: inline; }

.slicknav_brand {
  float: left; }

.slicknav_menu {
  font-size: 16px;
  box-sizing: border-box;
 	background:rgba(0,0,0,1);
	padding:2px;
	box-shadow:#000 0px 0px 5px;
	position: fixed;
	left:0;
	top:0;
	width:100%;
	z-index:99999;
    background-image: url(../img/logo_paraiso_escondido_largo.743x103.fw.png);
    background-repeat: no-repeat;
    background-position: 0px 10px;
    background-size: 150px 20.5px;
     }
  .slicknav_menu * {
    box-sizing: border-box; }
  .slicknav_menu .slicknav_menutxt {
    color: #fff;
    font-weight: bold;
    text-shadow: 0 1px 3px #000; }
  .slicknav_menu .slicknav_icon-bar {
    background-color: #fff; }

.slicknav_btn {
  margin: 5px 5px 6px;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #222; }

.slicknav_nav {
  color: #fff;
  margin: 0;
  padding: 0;
  font-size: .75em;
  list-style: none;
  overflow: hidden; 
    text-align: right;}

  .slicknav_nav ul {
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0 0 0 20px; }
  .slicknav_nav .slicknav_row {
    padding: 5px 10px;
    margin: 2px 5px; }
    .slicknav_nav .slicknav_row:hover {
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      background: #ccc;
      color: #fff; }
  .slicknav_nav a {
    padding: 10px;
    margin: 10px 5px;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase; }
    .slicknav_nav a:hover {
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      background: #ccc;
      color: #222;
	  cursor:pointer}
  .slicknav_nav .slicknav_txtnode {
    margin-left: 15px; }
  .slicknav_nav .slicknav_item a {
    padding: 0;
    margin: 0; }
  .slicknav_nav .slicknav_parent-link a {
    padding: 0;
    margin: 0; }

.slicknav_brand {
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  padding: 7px 12px;
  height: 44px; }
  
.slicknav_nav ul li:last-child {display:block; cursor:pointer}
.slicknav_nav ul li:last-child a:hover {cursor:pointer}

.slicknav_nav .navegacion.agenda01, .navegacion.agenda01 { font-weight:500}