@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Great+Vibes);
@import url(https://fonts.googleapis.com/css?family=Archivo+Narrow:400,700,400italic,700italic);
/* CSS Document */
html, body {margin:0px;height:100%;}
* {border: 0;padding: 0;margin: 0;/*font-family: Arial, Helvetica, sans-serif;*/font-family: 'Archivo Narrow', sans-serif;-webkit-font-smoothing: antialiased;}
header, section, footer, aside, nav, main, article, figure {display: block;border: 0;padding: 0;margin: 0;}



/*-- ENCABEZADO --*/
	.encabezado { height:0px;}
	

	.cont-slide{position: absolute;	margin: 0 auto;height: 575px;width: 100%; /*top:-2px;*/}
	.cont-slide ul{	list-style: none; width: 100%; padding:0;}
	.cont-slide ul li{position: absolute; overflow:hidden; width:100%; height:575px;}
	.cont-slide ul li img{left:-1000px; right:-1000px;  position: absolute; min-width: 100%;  min-height: 100%; top:-1000px; bottom:-1000px; margin: auto;}


	.logo {z-index:4;width:205px;height:200px;background-image:url(../images/fondo-logo.png);background-repeat:no-repeat;position:relative;background-size:100%;}
	.logo img {top:0; bottom: 0; left:0; right:0; margin:auto;}
	.botonera {background-color:#7EB395;margin-top:-145px; width:100%;height:60px;position:relative;-webkit-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.5);-moz-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.5);box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.5);}
	
	/* Menu */
	.menu {max-width:1366px; margin: auto 1%; display:flex; justify-content: space-between; width:98%;}
	.menu li {list-style:none;height:60px;cursor:pointer; float:left; margin:0px; text-align: center;}
	.menu li.spacing { min-width:205px; width:22%;}
	.menu li.btn-cabanas{width:13.5%;} /*91px10.5%*/
	.menu li.btn-servicios{width:12.5%;} /* 99 11.5%*/
	.menu li.btn-ubicacion{width:13%;} /* 103 12.5%*/
	.menu li.btn-fotos{width: 10%;} /* 64 8.5%*/
	.menu li.btn-tarifas{width: 12%;}/* 80 11%*/
	.menu li.btn-contacto{width:12%;} /* 103 12.5%*/
	 /*.menu li.btn-facebook{width: 3.5%;} /* 14  799 3%*/ 
	.menu li.btn-redes {width: 5%; display: flex; padding-top: 3px; align-items: center; justify-content: space-between} /* 14  799 3%*/
	.menu li.btn-redes a img {width: 20px} /* 14  799 3%*/
	.menu li a {/*font-family:Arial, sans-serif;*/text-decoration:none;color:#f5f5f5;line-height:60px;}
	.menu li a h2 {font-size:18px;font-weight:bold;text-shadow: 1px 1px 3px #333;-webkit-text-shadow: 1px 1px 3px #333;-moz-text-shadow:   1px 1px 3px #333;-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-o-transition: all 300ms linear;-ms-transition: all 300ms linear;transition: all 300ms linear;}
	.menu li:hover a h2 {/*color:#FBD755;*/ color:#fff; letter-spacing:0.5px;}
	.menu2{ display:none;}
	.btono-menu2 {display:none;}


/*-- PIE --*/
	.fixed-wspp {
		position: fixed;
		width: 50px;
		height: 50px;
		background-color: #7EB395;
		display: flex;
		bottom: 50px;
		right: 20px;
		z-index: 2;
		border-radius: 999px;
		box-sizing: border-box;
		align-items: center;
		padding-top: 4px;
		justify-content: center;
	}

	.fixed-wspp img { width: 28px;}
	.pie {text-align:center; /*z-index:2; */ width:100%; height:200px;background-image:url(../images/path-pie.png);background-repeat:repeat-x;position:relative;
		-webkit-box-shadow: -3px -3px 10px 0px rgba(0, 0, 0, 0.5);-moz-box-shadow: -3px -3px 10px 0px rgba(0, 0, 0, 0.5);box-shadow: -3px -3px 10px 0px rgba(0, 0, 0, 0.5);}
	footer .menu.footer li {text-align:left; height:auto;}
	footer .menu.footer li.btn-cabanas{width:15%; margin-left: 5%} 
	footer .menu.footer li.btn-servicios{width:15%;} 
	footer .menu.footer li.btn-ubicacion{width:16%;} 
	footer .menu.footer li.btn-fotos{width: 14%;} 
	footer .menu.footer li.btn-tarifas{width: 15%;}
	footer .menu.footer li.btn-contacto{width:15%; } 
	footer .menu.footer li a {line-height:40px;}
	footer .menu.footer li a h2{font-size:16px;}
	footer .menu.footer li:hover a h2 {/*color:#f5f5f5*/color:#fff; letter-spacing:0px;}
	footer .menu.footer li a:hover h2 {/*color:#FBD755;*/ color:#fff; letter-spacing:0px;}
	footer .menu.footer li p {text-align:left; text-decoration:none;color:#fff;font-size:12px;text-shadow: 1px 1px 3px #333;-webkit-text-shadow: 1px 1px 3px #333;-moz-text-shadow:   1px 1px 3px #333;}
	.copyright{border-top:2px solid #fff; margin:10px auto 0; color:#fff;font-size:12px;width:100%;padding-top:14px;text-align:center;position:relative;bottom:0px;line-height:18px;}


/*--GENERALES --*/
	.contenedor {height:auto ;min-height: 100%;margin:auto auto -200px auto;position: relative;  padding-bottom: 200px;}
	.separador{margin-top:575px;position:relative;height:14px;width:100%;-webkit-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.5);-moz-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.5);box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.5);background-color:#7EB395;}
	.contenido-seccion{height:auto;padding:60px 0px;margin:auto;width:100%;max-width:1366px;}
	.contenido-seccion h1{ text-transform:uppercase; font-size:48px;text-shadow: 1px 1px 3px #333;-webkit-text-shadow: 1px 1px 3px #333;-moz-text-shadow:   1px 1px 3px #333;color:#7EB395;text-align:center;padding-bottom:20px;}
	.cuadros {display:inline-block; width:100%;}
	.cuadros {display:inline-block; width:100%;}
	.cuadros li.col-2 {width:44%;}
	.cuadros li.col-1 {width:94%;}
	.cuadros li{float:left;list-style:none;width:27%;border-top:2px solid #7EB395;margin:25px 3%;padding:15px 0px;}
	.cuadros li .corta-img{width:100%;height:200px;overflow:hidden; position: relative; margin: 15px 0px}
	.cuadros li .corta-img img {width: 100%;height: auto;top: -50%;bottom: -50%;position: absolute;margin: auto; min-height:100%;}
	.cuadros li h2 {border-top:2px solid #7EB395; padding:15px 2% 10px;font-size:16px;color:#7EB395;text-align:left;font-weight:bold;}
	.cuadros li .descripcion { padding:0px 4% 15px ;font-size:14px; font-weight:normal;/* min-height:340px;*/ color:#666; text-align:left;}
	.contenido-ubicacion .cuadros li,
	.contenido-alojamiento .cuadros li  {border-top:none;}
	.contenido-alojamiento .cuadros li .descripcion {color:#666;}
	.cuadros li .descripcion a {color: #666; font-weight: 700; font-style: italic;}
	.cuadros li .descripcion a:hover {color:#7EB395;}	

	.contenido-alojamiento p, .contenido-tarifas p, .contenido-tarifas p a {color:#666; width: 94%; text-align: center; font-size:15px; margin:25px auto 70px auto; line-height: 17px}
	.contenido-tarifas p a {font-style: italic;}
	.contenido-tarifas p a:hover {color:#7EB395;}	

	.contenido-ubicacion .cuadros li .descripcion {  padding:0px 2% 15px}
	.titulo-alojamiento {width: 93%; margin: auto 3%; border-bottom: solid 2px #73b897; padding: 5px; margin-top: 35px; text-align: center; height: 15px; margin-bottom: 25px;}
    .titulo-alojamiento h2 { font-family: 'Great Vibes', cursive; color: #7EB395; font-size: 35px; text-align: -webkit-center; background-color: #FFF; display: inline-block; padding: 0px 20px; margin-bottom: 20px;}
	
	.contenido-tarifas ul {width: 80%; margin: 50px auto; max-width: 800px; position: relative }
	.contenido-tarifas ul li {position:relative; list-style: none; margin: 15px 0px;width: 100%; background-color: #7eb395; border: none; padding: 0; min-height: 40px;}
	/*.contenido-tarifas ul li h2 {font-size:16px; border: none; color: #f5f5f5; padding: 10px; position: relative;}
	.contenido-tarifas ul li  span {font-size:16px; color: #f5f5f5; float: right; background-color: #666666; height: 100%; position: absolute; top: 0px; right: 0px; line-height: 40px; padding: 0 18px;}
*/	
	.contenido-tarifas ul li h2 {font-size:16px; border: none; color: #f5f5f5; padding: 9px 10px 0px; position: relative;}
	.contenido-tarifas ul li h2 p { font-size: 11px; font-weight: 400;  text-align: left; margin: -1px 0px 0px; color: #f5f5f5;  }
	.contenido-tarifas ul li span {min-height:36px; min-width:40px;font-size:16px; color: #f5f5f5; float: right; background-color: #666666; height: 100%; position: absolute; top: 0px; right: 0px; line-height: 40px; padding: 0 18px;}


	.cuadros li:nth-child(3n){float: right;}
	.cuadros li:nth-child(3n+1){clear: both}

/*--NEWSLETTER--*/
	.suscribite.inicio {bottom: 150px;}
	.suscribite {background-color:#7EB395;float:right;right:0px;width: 210px;height: auto;padding:5px;bottom: 50px;position: absolute;-webkit-box-shadow: -5px -5px 10px 0px rgba(0, 0, 0, 0.5);-moz-box-shadow: -5px -5px 10px 0px rgba(0, 0, 0, 0.5);box-shadow: -5px -5px 10px 0px rgba(0, 0, 0, 0.5);}
	.suscribite a{font-family: 'Great Vibes', cursive; display:block;line-height:35px; text-decoration:none;color:#f5f5f5; /*margin-bottom:5px;*/padding-top:5px;text-shadow: 1px 1px 3px #333;-webkit-text-shadow: 1px 1px 3px #333;-moz-text-shadow:   1px 1px 3px #333;font-size:35px;/*font-weight:bold;*/-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-o-transition: all 300ms linear;-ms-transition: all 300ms linear;transition: all 300ms linear;}
	.suscribite a:hover {/*color:#FBD755;*/ color:#fff; letter-spacing:0.5px;}



	.formu-news{display:none; padding-top:8px;}
	.formu-news iframe {width:210px; height:100px}
	.formu-news-css > form > p > input[type="text"],
	.formu-news-css > form > p > input[type="email"],
	.formu-news-css> form > p > input[type="submit"]{width: 195px;height:20px;background-color:transparent;border: solid 2px #f5f5f5;color:#f5f5f5;font-size:12px;font-style:italic;margin-bottom:5px;padding:0px 5px;}
	.formu-news-css > form > p> input[type="submit"]{width:50px;float:right; margin-right: 8px;}

	/* individual: webkit */
	#nombre_news::-webkit-input-placeholder { font-size:12px; }
	#email_news::-webkit-input-placeholder { font-size:12px; }
	#telefono_news::-webkit-input-placeholder { font-size:12px; }

	#nombre_news::-moz-placeholder{ font-size:12px; color:#F00 }
	#email_news::-moz-placeholder{ font-size:12px; color:#F00 }
	#telefono_news::-moz-placeholder { font-size:12px; color:#F00 }


	.formu-news-css > form > p > span,
	.err_msg_news{font-size: 12px;color: #f5f5f5;font-style: italic;}


/* UBICACION */
	.gps {background-color: #7DB394; color: #fff; font-size: 17px; padding: 15px 20px; position: absolute; right: 50px; z-index: 2;}
    .gps h2{ font-size: 17px; text-align: center; border-bottom: 1px solid #fff; padding-bottom: 5px; margin-top: 0px; }
	.gps p {padding-top:5px;}
	.google-maps {position: relative;height: 350px;overflow: hidden;}
	.google-maps iframe {position: relative;width: 100% !important;height: 350px;}


/*---FOTOS --*/
	.fotos {display:inline-block; width:100%;}
	.fotos li {overflow:hidden;float:left;list-style:none;width:27%;cursor:pointer;height:225px;border-top:2px solid #7EB395;margin:25px 3%;padding:15px 0px;
	-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-o-transition: all 300ms linear;-ms-transition: all 300ms linear;transition: all 300ms linear;}
	.fotos li a {position: relative; width: 100%;height: 215px;	overflow: hidden;text-decoration:none;display:inline-block;}
	.fotos li a img {min-width: 250px;position:absolute;margin:auto;top:-50%;bottom:-50%;width:100%;min-height:215px;
	-webkit-transition: all 400ms linear;-moz-transition: all 400ms linear;-o-transition: all 400ms linear;-ms-transition: all 400ms linear;transition: all 400ms linear;}
	.fotos li a .titulo-album {height:60px;position:relative;top:0px;z-index:2;background-image:url(../images/titulo-album.png);background-size: 100% 100%;height:85px;position:relative;text-align:center;}
	.fotos li a .titulo-album  h2 {font-size:25px;color:#7EB395;font-weight:bold;line-height:60px;text-shadow: 1px 1px 2px #333;-webkit-text-shadow: 1px 1px 2px #333;-moz-text-shadow:   1px 1px 2px #333;
	-webkit-transition: all 400ms linear;-moz-transition: all 400ms linear;-o-transition: all 400ms linear;-ms-transition: all 400ms linear;transition: all 400ms linear;}
	.fotos li a:hover img {opacity:0.8; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1);  -o-transform: scale(1.1); transform: scale(1.1);  }
	.fotos li a:hover .titulo-album  h2{font-size:28px;}


/*---ALBUM--*/
	.album {display:inline-block; width:100%;}
	.contenido-seccion h1.nombre_album{font-size:40px;text-align:left; margin-left: 1%}
	.album li {float:left;list-style:none;width:15%; position:relative; border-top:2px solid #7EB395;margin:10px 0.8%;padding:15px 0px;cursor:pointer;height:120px;overflow:hidden;-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-o-transition: all 300ms linear;-ms-transition: all 300ms linear;transition: all 300ms linear;}
	.album li a img {min-width: 200px;width:100%;padding-bottom:15px;min-height:120px;
	-webkit-transition: all 400ms linear;-moz-transition: all 400ms linear;-o-transition: all 400ms linear;-ms-transition: all 400ms linear;transition: all 400ms linear;}
	.album li a:hover img {opacity:0.8;-webkit-transform: scale(1.1);  -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);  }
	.volver{width:150px;height:30px;float:right;cursor:pointer;}
	.volver a {text-decoration:none;float: right;margin-right: 20px;font-size:15px;color:#7EB395;font-weight:bold;
	-webkit-transition: all 400ms linear;-moz-transition: all 400ms linear;-o-transition: all 400ms linear;-ms-transition: all 400ms linear;transition: all 400ms linear;}
	.volver:hover a span{opacity:0.7;}


/*--CONTACTO--*/
	.cuadros li.celda-formulario{width:44%;border-bottom:2px solid #7EB395;border-top:2px solid #7EB395;padding: 15px 0px;font-size:15px; color:#7EB395;line-height:22px;}
	.celda-formulario .face-contacto a {font-size:15px; color:#7EB395;line-height:36px; text-decoration: none; font-weight: 700}
	.celda-formulario .face-contacto a img {float:left; margin:5px 8px 0 0; width: 28px;}
	.formu-contacto{position:relative;width:100%;}
	.formu-contacto > p > input[type="text"],
	.formu-contacto > p > input[type="email"],
	.formu-contacto > p > textarea,
	.formu-contacto > p > span > input[type="submit"]{width:97%;height:40px;background-color:#7EB395;color:#fff;font-size:15px;font-style:italic;margin-bottom:17px;padding:0px 1.5%;}
	.formu-contacto > p > textarea{height:140px;padding-top:8px}
	.formu-contacto > p > span > input[type="submit"]{width:23%;margin-bottom:0px;float:right;}
	.formu-contacto > p > input[type="checkbox"]{height: 32px;width:22px;vertical-align: middle;}
	::-webkit-input-placeholder {color:#fff;font-size:15px;font-style:italic;margin-bottom:17px;}
	 /* Firefox 18- */
	:-moz-placeholder {color:#fff;font-size:15px;font-style:italic;margin-bottom:17px;}
	 /* Firefox 19+ */
	::-moz-placeholder { color:#fff;font-size:15px;font-style:italic;margin-bottom:17px;}
	:-ms-input-placeholder {color:#fff;font-size:15px;font-style:italic;margin-bottom:17px;}


@media (max-width: 1023px) {

	/*	ENCABEZADO  */	
		.encabezado{text-align:left;}
		.logo {width:170px; margin-left:15px;text-align:center;}
		.botonera {float: left; height: 50px; margin-top: -165px}
		.menu {position: relative; float: left; margin-left: 26%; width: 73% }



		/* MENU */
		.menu li.btn-cabanas{width:19%;} /*91px10.5%*/
		.menu li.btn-servicios{width:16%;} /* 99 11.5%*/
		.menu li.btn-ubicacion{width:17%;} /* 103 12.5%*/
		.menu li.btn-fotos{width: 12%;} /* 64 8.5%*/
		.menu li.btn-tarifas{width: 14%;}/* 80 11%*/
		.menu li.btn-contacto{width:17%;} /* 103 12.5%*/
		.menu li.btn-facebook{width: 5%;} /* 14  799 3%*/
		.menu li {height:50px}
		.menu li a {line-height:50px}
		.menu li a h2 { font-size: 16px;}
		.menu li a img {margin-top: -5px}
		.menu li.spacing {display:none;}

		.suscribite{text-align:center}

	/*  PIE */
		footer .menu.footer{margin-left:0px; width:98%; float:none;}
		.copyright{ padding-top:8px;}

	/* GENERALES */

		.cuadros li{width:44%;}
		.cuadros li .corta-img{	height:120px;}


		.cuadros li:nth-child(3n), .cuadros li:nth-child(3n+1) {float:none; clear:none;}
		.cuadros li:nth-child(2n){float: right;}
		.cuadros li:nth-child(2n+1){clear: both; float:left;}


	/* FOTOS */
		.fotos li{	width:44%;	margin:25px 3%;}
	/*---ALBUM--*/
		.album li {	width:30%; 	margin:10px 1.6%;}}


@media (max-width: 767px) {
	.logo {width:150px; }
	.menu{display:none;}
	.botonera {float: left; height: 60px; margin-top: -185px; }
	/*.img-menu2  hr {  height: 2px;  width: 30px;  position: relative;  background: #7EB395;  margin: 9px auto;}
	.menu2 {opacity: 0.9;right:0px; z-index:3;  position: absolute;  background-color: rgb(175, 218, 194);  width: 100%; top: 115px;  text-align: right;  padding: 15px 0px;	-webkit-box-shadow: inset 0px 5px 10px 0px rgba(50, 50, 50, 0.75);	-moz-box-shadow:    inset 0px 5px 10px 0px rgba(50, 50, 50, 0.75);box-shadow: inset 0px 5px 10px 0px rgba(50, 50, 50, 0.75);}
	.menu2 li {  height: 40px;  line-height: 40px;  padding: 0px 15px;webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-o-transition: all 300ms linear;-ms-transition: all 300ms linear;transition: all 300ms linear;}
	.menu2 li a {text-decoration:none;	color:#f5f5f5;	font-size:18px;	font-weight:bold;text-shadow: 1px 1px 3px #333;-webkit-text-shadow: 1px 1px 3px #333;-moz-text-shadow:   1px 1px 3px #333;-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-o-transition: all 300ms linear;-ms-transition: all 300ms linear;transition: all 300ms linear;}
	.menu2 li a img {top: -10px;  position: relative;}
	.menu2 li:hover { background-color:#7EB395}
	.menu2 li:hover a { font-size: 20px}*/


	.boton-menu2 {width:40px;position:relative;right:10px;top:12px;float:right; margin-top: 0px}
	.img-menu2  hr {  height: 3px;  width: 40px;  position: relative;  background: #f5f5f5;  margin: 5px auto;}
	.menu2 {right:0px;z-index:3; position:absolute; background-color: #666666; width: 100%; min-height:100%; height:auto;  top: 75px;  text-align: right;  padding: 15px 0px; }
	.menu2 li {  border-bottom:1px solid #f5f5f5; height: 60px;  line-height: 60px; ;webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-o-transition: all 300ms linear;-ms-transition: all 300ms linear;transition: all 300ms linear;}
	.menu2 li a {display:block; padding:0 50px;text-decoration:none;	color:#f5f5f5;	font-size:20px;	-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-o-transition: all 300ms linear;-ms-transition: all 300ms linear;transition: all 300ms linear;}
	.menu2 li:hover { background-color:#f5f5f5}
	.menu2 li:hover a {color:#7EB395; font-weight: 700}
	.menu2 li.face:hover { background-color:#7EB395; border-top:1px solid #f5f5f5; }
	.menu2 li a img {height:70px; }

	.contenedor{margin-bottom:-110px; padding-bottom: 110px;}
	.cont-slide ul li img {width:200%; left:-50%; right:-50%;}
	.contenido-seccion h1{font-size:38px;}
	.titulo-alojamiento {width: 88%; margin:6%;}

	.cuadros li,
	.cuadros li.celda-formulario,
	.cuadros li.col-2 {width:88%; margin:25px 6%;}
	.cuadros li .corta-img{	height:150px;}
	
	.contenido-tarifas ul li span {position: relative; width: 100%; display: block; padding-left: 0px; padding-right: 0px; float: none; text-align: center;}
	.contenido-tarifas ul li h2 {    min-height: 28px;}
	.gps { font-size: 17px;  position: relative; right: 0px; padding:15px;}
    .gps h2{ font-size: 17px;  float:left; border:none;margin-right: 10px;}
	.gps p{padding-top: 0px}

	.fotos li{	width:88%;	margin:25px 6%;}
	.album li {	width:44%; 	margin:10px 3%; height:80px;}

	.pie {height:110px;}
	.pie ul {display:none;}
}


@media (max-width: 479px) {
	.suscribite.inicio{bottom: 20px}
	/*.menu2 {  height: 100% !important; padding-top: 60px; top:95px;}*/

	.menu2 {  top: 55px;  padding: 15px 0px; }
	.menu2 li { height: 50px;  line-height: 50px;}
	.menu2 li a {padding:0 20px;font-size:17px;}
	.menu2 li a img {height:20px; }
	.menu2 li.btn-redes {padding-right: 8px; padding-top: 4px;display: flex; align-items: center; justify-content: flex-end}
	.menu2 li.btn-redes a {padding: 0 12px;}
	



	.logo {width: 150px;}
	.botonera {margin-top:-205px;}
	.cont-slide {height: 450px;}
	.cont-slide ul li{height:450px;}
	.separador {margin-top:450px;}

	.cuadros li h2 {font-size:14px;}
	.cuadros li .descripcion { font-size:12px; }



	.pie {overflow:hidden;}
	.copyright{ margin: 5px 0px; border: none ;   font-size: 12px;
    line-height: 14px;}



	}