@font-face{ 
	font-family: 'OpenSans-Condensed-Light';
	src: url('fonts/OpenSans-Condensed-Light.eot');
	src: url('fonts/OpenSans-Condensed-Light.eot?iefix') format('embedded-opentype'),
	     url('fonts/OpenSans-Condensed-Light.woff') format('woff'),
	     url('fonts/OpenSans-Condensed-Light.ttf') format('truetype'),
	     url('fonts/OpenSans-Condensed-Light.svg#OpenSans-Condensed-Light') format('svg');
	font-weight: normal;
    font-style: normal;
}
@font-face{ 
	font-family: 'OpenSans-Condensed-Bold';
	src: url('fonts/OpenSans-Condensed-Bold.eot');
	src: url('fonts/OpenSans-Condensed-Bold.eot?iefix') format('embedded-opentype'),
	     url('fonts/OpenSans-Condensed-Bold.woff') format('woff'),
	     url('fonts/OpenSans-Condensed-Bold.ttf') format('truetype'),
	     url('fonts/OpenSans-Condensed-Bold.svg#OpenSans-Condensed-Bold') format('svg');
	font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSans-light';
    src: url('fonts/OpenSans-light.eot');
    src: url('fonts/OpenSans-light.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-light.woff2') format('woff2'),
         url('fonts/OpenSans-light.woff') format('woff'),
         url('fonts/OpenSans-light.ttf') format('truetype'),
         url('fonts/OpenSans-light.svg#OpenSans-light') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*----------*/

html,body{height: 100%;}
#wrapper{min-height: 100%; position: relative;}

::selection{background: #dddddd; color: #000000;}
::-webkit-selection{background: #dddddd; color: #000000;}
::-moz-selection{background: #dddddd; color: #000000;}

.border-no{border: 0;}
.hidd{overflow: hidden;}
.left{float: left;}
.right{float: right;}
.azul{color: #3386cd;}
.rojo{color: #ff0000;}
sup{font: 10px 'OpenSans-Light', Arial, sans-serif; line-height: 10px !important;}
p a{font-weight: normal; color: #0093c4; text-decoration: underline;}
p .tlf{font-weight: bold; color: #000000; text-decoration: none;}
p .gris{color: #aaaaaa;}
p .negrita{font-weight: bold;}
/*p.nota{padding: 0 0 15px 0; margin: 0; color: #ff0000;}*/

.recaptcha{overflow: hidden; height: 48px; margin: 10px 0 0 0;}
.recaptcha .logo{float: left; height: 48px; margin: 0 10px 0 0;}
.recaptcha .txt{font-size: 12px; height: 48px; color: #b2b2b2; line-height: 17px; padding: 5px 0 0 0;}
.recaptcha .txt a{color: #848484;}

/*a partir de 1100*/
@media screen and (min-width:1100px){
#nav-s,#cabecera-m,#cabecera-s,#cabecera-xs,.fotos-450,.fotos-450-alj,.mapa-s,.verS{display: none;}
body{font: 14px 'OpenSans-Light', Arial, sans-serif; margin: 0; padding: 0; background: #ffffff; color: #555555}
p{color: #000000; font: 14px 'OpenSans-Light', Arial, sans-serif; line-height: 24px !important; padding: 0 0 25px 0; margin: 0;}
p .tlf-correo{font: 18px 'OpenSans-Bold', Arial, sans-serif; line-height: 30px;}
p .tlf-correo a{color: #000000; text-decoration: none;}
.mar-bot-txt{margin-bottom: 15px;}
.mar-top-consulte{margin-top: 0;}
.mar-top-direccion{margin-top: 20px;}

#nav{width: 100%; margin: 0; padding: 42px 0 0 0; overflow: hidden; height: 50px;}
#nav .menu-a{width: 100%; margin: 0; padding: 0; overflow: hidden; height: 50px;}
#nav .limit-a{width: 1000px; padding: 0; height: 50px; margin: 0 auto !important; overflow: hidden;}
#nav .principal {float: left; margin: 0;}
#nav .principal a#rss{height: 50px; width: 50px; display: block; background: url(archivos/principal.png);}
#nav .principal a#rss:link{background-position: top;}
#nav .principal a#rss:hover{background-position: bottom;}
#nav .correo {float: left; margin: 0 6px 0 0;}
#nav .correo a#rss{height: 50px; width: 50px; display: block; background: url(archivos/correo.png);}
#nav .correo a#rss:link{background-position: top;}
#nav .correo a#rss:hover{background-position: bottom;}
#nav .boton{background: height: 50px; float: left; margin: 0; padding: 0 14px 0 14px; font: 20px 'OpenSans-Condensed-Light', Arial, sans-serif; line-height: 50px; opacity: 1; webkit-transition: all 0.2s; moz-transition: all 0.2s ease-in-out; o-transition: all 0.2s ease-in-out; ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}	
#nav .boton{color: #000000; cursor: pointer;}
#nav .boton:hover{color: #2990ed; opacity: 1;}
#nav .boton a{color: #000000; text-decoration: none; cursor: pointer; display: block;}
#nav .boton a:hover{color: #2990ed;}
#nav .boton.scc{color: #2990ed; cursor: default;}
#nav .boton div{position: absolute; background: #3fa2fc; visibility: hidden; padding: 0; margin: 0 0 0 -15px; opacity: 0; transition: visibility 0s, opacity 0.2s ease-in-out;}
#nav .boton:hover div{visibility: visible; opacity: 1;}
#nav .boton ul{margin: 0; padding: 0; list-style-type: none;} 
#nav .boton li a{color: #ffffff; text-decoration: none; padding: 7px 15px 9px 15px; line-height: 19px; border-top: 1px solid #9fd1fe; font: 19px 'OpenSans-Condensed-Light', Arial, sans-serif;}
#nav .boton li a:hover{color: #ffffff; background: #3993e4;}
#nav .boton.con-separador{border-left: 1px solid #b8b8b8;}
#nav .boton.sin-separador{border-left: 0;}

#cabecera-l{width: 100%; margin: 0; padding: 0; overflow: hidden; height: 450px;}
#cabecera-l .limit{width: 1000px; padding: 0; margin: 0 auto !important; overflow: hidden;}

#cont{width: 100%; padding: 0; margin: 0 auto !important; overflow: hidden; background: #f1f1f1;}
#cont .limit{width: 1000px; padding: 0; margin: 0 auto !important; overflow: hidden;}
#cont .ppal{width: 1000px; padding: 0; margin: 0 auto !important; overflow: hidden;}
	
.home{float: left; width: 485px; margin: 0 30px 0 0; padding: 0; overflow: hidden;}
.home.right{margin-right: 0;}
.home .tema{width: 485px; height: 180px; margin: 0 0 30px 0; padding: 0; overflow: hidden;}
.home .tema.casa{float: left; width: 213px; height: 163px; margin: 0; padding: 8px 15px 7px 15px; background: #ffffff; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc;}
.home .tema.foto{float: right; width: 242px; height: 180px; margin: 0; padding: 0;}
.home .tema.iconos{width: 228px; height: 50px; margin: 0; padding: 5px 0 0 0; overflow: hidden;}
.home .tema.plazas{width: 228px; height: 19px; margin: 0; padding: 0; overflow: hidden;}
.home .tema.plaza{float: left; width: 11px; height: 14px; margin: 0; padding: 5px 0 0 0;}
.home .tema.nplazas{float: left; width: 80px; height: 18px; margin: 0; padding: 2px 0 0 6px;}
.home h2{font: 22px 'OpenSans-Condensed-Bold', Arial, sans-serif; line-height: 22px; margin: 0; padding: 0 0 22px 15px; color: #999999;}
.home h3{font: 21px 'OpenSans-Condensed-Light', Arial, sans-serif; line-height: 21px; margin: 0; padding: 4px 0 3px 0; color: #000000;}
.home h1{font: 23px 'OpenSans-Condensed-Bold', Arial, sans-serif; line-height: 23px; margin: 0; padding: 4px 0 5px 0; color: #000000;}
.home h1 a{text-decoration: none; color: #000000; opacity: 1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;}
.home h1 a:hover{text-decoration: none; color: #368ad6; opacity: 1;}
.home .tema a img{width: 242px; height: 180px; border: 0; opacity: 1; webkit-transition: all 0.2s; moz-transition: all 0.2s ease-in-out; o-transition: all 0.2s ease-in-out; ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.home .tema a img:hover{border: 0; opacity: 0.8; filter: saturate(150%);}
.home .tema p{color: #000000; font: 14px 'OpenSans-Light', Arial, sans-serif; line-height: 22px !important; padding: 0; margin: 0;}
.home .tema a{color: #000000; text-decoration: none;}
.home .tema a h1,.tema a p{color: #000000; text-decoration: none; opacity: 1; webkit-transition: all 0.2s; moz-transition: all 0.2s ease-in-out; o-transition: all 0.2s ease-in-out; ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.home .tema a h1:hover,.tema a p:hover{text-decoration: none; color: #368ad6; opacity: 1;}

.hovertext{float: left; position: relative;}
.hovertext:before{content: attr(data-hover); visibility: hidden; opacity: 0; background-color: #368ad6; font: 13px 'OpenSans-Light', Arial, sans-serif; color: #ffffff; text-align: center; padding: 1px 6px 1px 6px; transition: opacity 0.3s ease-in-out; position: absolute; z-index: 1; margin: 24px 0 0 0; border-left: 2px solid #ffffff; border-right: 2px solid #ffffff;}
.hovertext:hover:before{opacity: 1; visibility: visible;}
.hovertext.alj:before{margin: 28px 0 0 0; border-left: 2px solid #f1f1f1; border-right: 2px solid #f1f1f1;}

.dos-col{float: left; margin: 0 30px 0 0; padding: 0;}
.dos-col.left{width: 685px;}
.dos-col.right{width: 285px; margin-right: 0;}
.dos-col.left .mapa{margin: 20px 0 30px 0;}
.dos-col .titulo{overflow: hidden; margin: 0 0 28px 0; padding: 0;}
.dos-col .tipo{font: 25px 'OpenSans-Condensed-Light', Arial, sans-serif; line-height: 25px; margin: 0; padding: 0; color: #000000;}
.dos-col .alojamiento{font: 27px 'OpenSans-Condensed-Bold', Arial, sans-serif; line-height: 33px; margin: 0; padding: 0 0 0 8px; color: #000000;}

.alojamiento-der{width: 285px; margin: 53px 0 25px 0; padding: 0; overflow: hidden;}
.alojamiento-der .iconos{width: 285px; height: 50px; margin: 0; padding: 5px 0 0 0; overflow: hidden;}
.alojamiento-der .plazas{width: 285px; height: 19px; margin: 0; padding: 0; overflow: hidden;}
.alojamiento-der .plaza{float: left; width: 11px; height: 14px; margin: 0; padding: 5px 0 0 0;}
.alojamiento-der .nplazas{float: left; width: 80px; height: 18px; margin: 0; padding: 2px 0 0 6px;}

.bi-col{float: left; margin: 0 30px 0 0; padding: 0;}
.bi-col.left{width: 485px;}
.bi-col.right{width: 485px; margin-right: 0; padding: 61px 0 0 0;}
.bi-col .titulo{overflow: hidden; margin: 0 0 28px 0; padding: 0;}
.bi-col .alojamiento{font: 27px 'OpenSans-Condensed-Bold', Arial, sans-serif; line-height: 33px; margin: 0; padding: 0; color: #000000;}
.bi-col .logos{width: 485px; margin: 0; padding: 8px 0 26px 0; overflow: hidden;}
.bi-col .logos .logo{float: left; margin: 0 30px 0 0; padding: 0;}

.thumb{float: left; width: 313px; height: 213px; margin: 0 30px 30px 0;}
.thumb img{border: 0; opacity: 1; webkit-transition: all 0.2s; moz-transition: all 0.2s ease-in-out; o-transition: all 0.2s ease-in-out; ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.thumb.der{margin-right: 0;}
.thumb.der-m{}
.thumb img:hover{border: 0; opacity: 0.8; filter: saturate(150%);}
.thmbs{padding-top: 0;}

.limit .contacto{width: 1000px; padding: 0; margin: 0;}
.limit .contacto .titulo{margin: 0 0 28px 0; padding: 0; font: 27px 'OpenSans-Condensed-Bold', Arial, sans-serif; line-height: 33px; color: #000000;}
	
#faldon{width: 100%; height: auto; bottom: 0; left: 0; margin: 0; padding: 0; overflow: hidden; background: #f1f1f1; color: #000000;}
#faldon .limit-b{width: 1000px; padding: 20px 0 50px 0; margin: 0 auto !important; overflow: hidden; border-top: 1px solid #cccccc;}
#faldon .limit-b .info{overflow: hidden; margin: 0; padding: 0;}
#faldon .limit-b .info h1{font: 30px 'OpenSans-Condensed-Bold', Arial, sans-serif; line-height: 30px; margin: 0; padding: 0 0 15px 0; color: #000000;}
#faldon .limit-b .info h2{font: 20px 'OpenSans-Condensed-Bold', Arial, sans-serif; line-height: 20px; margin: 0; padding: 0 0 12px 0; color: #000000;}
#faldon .limit-b .info h2 a{color: #000000; text-decoration: none;}
#faldon .limit-b .info h3{font: 20px 'OpenSans-Condensed-Light', Arial, sans-serif; line-height: 20px; margin: 0; padding: 0; color: #000000; height: 30px;}
	
form{margin: 0; padding: 0;}
input,select,text,textarea{font: 14px 'OpenSans-Light', Arial, sans-serif;}
input{margin: 10px 0 0 0; border: 1px solid #bebebe; padding: 5px 10px 5px 28px;}
input.nombre{width: 180px; background: #ffffff url(archivos/nombre.png) no-repeat left;}
input.telefono{width: 180px; background: #ffffff url(archivos/telefono.png) no-repeat left;}
input.email{width: 180px; background: #ffffff url(archivos/email.png) no-repeat left;}
input.fechas{width: 180px; margin-bottom: 10px; background: #ffffff url(archivos/calendario.png) no-repeat left;}
select{-webkit-appearance: none; border: 1px solid #bebebe; margin: 10px 0 0 0; padding: 5px 10px 5px 26px; background: #ffffff url(archivos/persona.png) no-repeat left;}
textarea{width: 90%; margin: 0; border: 1px solid #bebebe; padding: 5px 10px 5px 10px; height: 100px;}
textarea.correo{width: 70%; margin: 0; border: 1px solid #bebebe; padding: 5px 10px 5px 10px; height: 200px;}
input:focus,select:focus,textarea:focus{outline: 1px solid #999999;}
.botones{overflow: hidden; margin: 0 0 30px 0;}
.bot-form{float: left; margin: 0 10px 0 0;}
.botonform{font: 18px 'OpenSans-Condensed-Light', Arial, sans-serif; color: #ffffff; padding: 3px 10px 4px 10px; text-decoration: none; cursor: pointer; border: 0; background: #353535; opacity: 1; webkit-transition: all 0.2s; moz-transition: all 0.2s ease-in-out; o-transition: all 0.2s ease-in-out; ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.botonform:hover{background: #00a3ff; opacity: 1;}

.container{display: block; position: relative; padding: 0 0 0 30px; margin: 0 0 10px 0; cursor: pointer; font: 14px 'OpenSans-Light', Arial, sans-serif; line-height: 24px !important; color: #000000; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 420px;}
.container input{position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.checkmark{position: absolute; top: 2px; left: 0; height: 18px; width: 18px; border: 1px solid #bebebe; background-color: #ffffff;}
.container:hover input ~ .checkmark{background-color: #e9e9e9;}
.container input:checked ~ .checkmark{background-color: #00a3ff;}
.checkmark:after{content: ""; position: absolute; display: none;}
.container input:checked ~ .checkmark:after{display: block;}
.container .checkmark:after{left: 6px; top: 1px; width: 4px; height: 10px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);} 
.mar-top-correo{margin-top: 25px;}
}
/*----------*/
/*entre 770 y 1099*/
@media (min-width: 770px) and (max-width: 1099px){
#nav-s,#cabecera-l,#cabecera-s,#cabecera-xs,.fotos-450,.fotos-450-alj,.mapa-s,.verS{display: none;}
body{font: 14px 'OpenSans-Light', Arial, sans-serif; margin: 0; padding: 0; background: #ffffff; color: #555555}
p{color: #000000; font: 14px 'OpenSans-Light', Arial, sans-serif; line-height: 24px !important; padding: 0 0 25px 0; margin: 0;}
p .tlf-correo{font: 18px 'OpenSans-Bold', Arial, sans-serif; line-height: 30px;}
p .tlf-correo a{color: #000000; text-decoration: none;}
.mar-bot-txt{margin-bottom: 0;}
.mar-top-consulte{margin-top: 20px;}
.mar-top-direccion{margin-top: 0;}

#nav{width: 100%; margin: 0; padding: 42px 0 0 0; overflow: hidden; height: 50px;}
#nav .menu-a{width: 100%; margin: 0; padding: 0; overflow: hidden; height: 50px;}
#nav .limit-a{width: 685px; padding: 0; height: 50px; margin: 0 auto !important; overflow: hidden;}
#nav .principal {float: left; margin: 0;}
#nav .principal a#rss{height: 50px; width: 50px; display: block; background: url(archivos/principal.png);}
#nav .principal a#rss:link{background-position: top;}
#nav .principal a#rss:hover{background-position: bottom;}
#nav .correo {float: left; margin: 0 6px 0 0;}
#nav .correo a#rss{height: 50px; width: 50px; display: block; background: url(archivos/correo.png);}
#nav .correo a#rss:link{background-position: top;}
#nav .correo a#rss:hover{background-position: bottom;}
#nav .boton{background: height: 50px; float: left; margin: 0; padding: 0 10px 0 10px; font: 20px 'OpenSans-Condensed-Light', Arial, sans-serif; line-height: 50px; opacity: 1; webkit-transition: all 0.2s; moz-transition: all 0.2s ease-in-out; o-transition: all 0.2s ease-in-out; ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}	
#nav .boton{color: #000000; cursor: pointer;}
#nav .boton:hover{color: #2990ed; opacity: 1;}
#nav .boton a{color: #000000; text-decoration: none; cursor: pointer; display: block;}
#nav .boton a:hover{color: #2990ed;}
#nav .boton.scc{color: #2990ed; cursor: default;}
#nav .boton div{position: absolute; background: #3fa2fc; visibility: hidden; padding: 0; margin: 0 0 0 -11px; opacity: 0; transition: visibility 0s, opacity 0.2s ease-in-out;}
#nav .boton:hover div{visibility: visible; opacity: 1;}
#nav .boton ul{margin: 0; padding: 0; list-style-type: none;} 
#nav .boton li a{color: #ffffff; text-decoration: none; padding: 7px 11px 9px 11px; line-height: 19px; border-top: 1px solid #9fd1fe; font: 19px 'OpenSans-Condensed-Light', Arial, sans-serif;}
#nav .boton li a:hover{color: #ffffff; background: #3993e4;}
#nav .boton.con-separador{border-left: 1px solid #b8b8b8;}
#nav .boton.sin-separador{border-left: 0;}

#cabecera-m{width: 100%; margin: 0; padding: 0; overflow: hidden; height: 450px;}
#cabecera-m .limit{width: 1000px; padding: 0; margin: 0 auto !important; overflow: hidden;}

#cont{width: 100%; padding: 0; margin: 0 auto !important; overflow: hidden; background: #f1f1f1;}
#cont .limit{width: 685px; padding: 0; margin: 0 auto !important; overflow: hidden;}
#cont .ppal{width: 685px; padding: 0; margin: 0 auto !important; overflow: hidden;}

.home{width: 685px; margin: 0 auto !important; padding: 0; overflow: hidden;}
.home.right{float: none;}
.home .tema{width: 685px; height: 220px; margin: 0 0 30px 0; padding: 0; overflow: hidden;}
.home .tema.casa{float: left; width: 355px; height: 203px; margin: 0; padding: 8px 15px 7px 15px; background: #ffffff; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc;}
.home .tema.foto{float: right; width: 300px; height: 220px; margin: 0; padding: 0;}
.home .tema.iconos{width: 228px; height: 50px; margin: 0; padding: 5px 0 0 0; overflow: hidden;}
.home .tema.plazas{width: 228px; height: 19px; margin: 0; padding: 0; overflow: hidden;}
.home .tema.plaza{float: left; width: 11px; height: 14px; margin: 0; padding: 5px 0 0 0;}
.home .tema.nplazas{float: left; width: 80px; height: 18px; margin: 0; padding: 2px 0 0 6px;}
.home h2{font: 25px 'OpenSans-Condensed-Bold', Arial, sans-serif; line-height: 25px; margin: 0; padding: 12px 0 22px 15px; color: #999999;}
.home h3{font: 22px 'OpenSans-Condensed-Light', Arial, sans-serif; line-height: 22px; margin: 0; padding: 4px 0 3px 0; color: #000000;}
.home h1{font: 24px 'OpenSans-Condensed-Bold', Arial, sans-serif; line-height: 24px; margin: 0; padding: 4px 0 5px 0; color: #000000;}
.home h1 a{text-decoration: none; color: #000000; opacity: 1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;}
.home h1 a:hover{text-decoration: none; color: #368ad6; opacity: 1;}
.home .tema a img{width: 300px; height: 220px; border: 0; opacity: 1; webkit-transition: all 0.2s; moz-transition: all 0.2s ease-in-out; o-transition: all 0.2s ease-in-out; ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.home .tema a img:hover{border: 0; opacity: 0.8; filter: saturate(150%);}
.home .tema p{color: #000000; font: 14px 'OpenSans-Light', Arial, sans-serif; line-height: 22px !important; padding: 4px 0 4px 0; margin: 0;}
.home .tema a{color: #000000; text-decoration: none;}
.home .tema a h1,.tema a p{color: #000000; text-decoration: none; opacity: 1; webkit-transition: all 0.2s; moz-transition: all 0.2s ease-in-out; o-transition: all 0.2s ease-in-out; ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.home .tema a h1:hover,.tema a p:hover{text-decoration: none; color: #368ad6; opacity: 1;}

.hovertext{float: left; position: relative;}
.hovertext:before{content: attr(data-hover); visibility: hidden; opacity: 0; background-color: #368ad6; font: 13px 'OpenSans-Light', Arial, sans-serif; color: #ffffff; text-align: center; padding: 1px 6px 1px 6px; transition: opacity 0.3s ease-in-out; position: absolute; z-index: 1; margin: 24px 0 0 0; border-left: 2px solid #ffffff; border-right: 2px solid #ffffff;}
.hovertext:hover:before{opacity: 1; visibility: visible;}
.hovertext.alj:before{margin: 28px 0 0 0; border-left: 2px solid #f1f1f1; border-right: 2px solid #f1f1f1;}

.dos-col{margin: 0; padding: 0;}
.dos-col.left{width: 685px;}
.dos-col.right{width: 685px;}
.dos-col.left .mapa{margin: 5px 0 15px 0;}
.dos-col .titulo{overflow: hidden; margin: 7px 0 28px 0; padding: 0;}
.dos-col .tipo{font: 25px 'OpenSans-Condensed-Light', Arial, sans-serif; line-height: 25px; margin: 0; padding: 0; color: #000000;}
.dos-col .alojamiento{font: 27px 'OpenSans-Condensed-Bold', Arial, sans-serif; line-height: 33px; margin: 0; padding: 0 0 0 8px; color: #000000;}
	
.alojamiento-der{width: 285px; margin: 0 0 40px 0; padding: 0; overflow: hidden;}
.alojamiento-der .iconos{width: 285px; height: 50px; margin: 0; padding: 5px 0 0 0; overflow: hidden;}
.alojamiento-der .plazas{width: 285px; height: 19px; margin: 0; padding: 0; overflow: hidden;}
.alojamiento-der .plaza{float: left; width: 11px; height: 14px; margin: 0; padding: 5px 0 0 0;}
.alojamiento-der .nplazas{float: left; width: 80px; height: 18px; margin: 0; padding: 2px 0 0 6px;}
	
.bi-col{margin: 0; padding: 0;}
.bi-col.left{width: 685px;}
.bi-col.right{width: 685px; margin-right: 0; padding: 0;}
.bi-col .titulo{overflow: hidden; margin: 7px 0 28px 0; padding: 0;}
.bi-col .alojamiento{font: 27px 'OpenSans-Condensed-Bold', Arial, sans-serif; line-height: 33px; margin: 0; padding: 0; color: #000000;}
.bi-col .logos{width: 685px; margin: 0; padding: 8px 0 26px 0; overflow: hidden;}
.bi-col .logos .logo{float: left; margin: 0 50px 0 0; padding: 0;}
	
.thumb{float: left; width: 327px; height: 222px; margin: 0 31px 31px 0;}
.thumb img{width: 327px; height: 222px; border: 0; opacity: 1; webkit-transition: all 0.2s; moz-transition: all 0.2s ease-in-out; o-transition: all 0.2s ease-in-out; ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.thumb.der{}
.thumb.der-m{margin-right: 0;}
.thumb img:hover{border: 0; opacity: 0.8; filter: saturate(150%);}
.thmbs{padding-top: 15px !important;}

.limit .contacto{width: 685px; padding: 0; margin: 0;}
.limit .contacto .titulo{margin: 0 0 28px 0; padding: 0; font: 27px 'OpenSans-Condensed-Bold', Arial, sans-serif; line-height: 33px; color: #000000;}

#faldon{width: 100%; height: auto; bottom: 0; left: 0; margin: 0; padding: 0; overflow: hidden; background: #f1f1f1; color: #000000;}
#faldon .limit-b{width: 685px; padding: 20px 0 50px 0; margin: 0 auto !important; overflow: hidden; border-top: 1px solid #cccccc;}
#faldon .limit-b .info{overflow: hidden; margin: 0; padding: 0;}
#faldon .limit-b .info h1{font: 30px 'OpenSans-Condensed-Bold', Arial, sans-serif; line-height: 30px; margin: 0; padding: 0 0 15px 0; color: #000000;}
#faldon .limit-b .info h2{font: 20px 'OpenSans-Condensed-Bold', Arial, sans-serif; line-height: 20px; margin: 0; padding: 0 0 12px 0; color: #000000;}
#faldon .limit-b .info h2 a{color: #000000; text-decoration: none;}
#faldon .limit-b .info h3{font: 20px 'OpenSans-Condensed-Light', Arial, sans-serif; line-height: 20px; margin: 0; padding: 0; color: #000000; height: 30px;}

form{margin: 0; padding: 0;}
input,select,text,textarea{font: 14px 'OpenSans-Light', Arial, sans-serif;}
input{margin: 10px 0 0 0; border: 1px solid #bebebe; padding: 5px 10px 5px 28px;}
input.nombre{width: 180px; background: #ffffff url(archivos/nombre.png) no-repeat left;}
input.telefono{width: 180px; background: #ffffff url(archivos/telefono.png) no-repeat left;}
input.email{width: 180px; background: #ffffff url(archivos/email.png) no-repeat left;}
input.fechas{width: 180px; margin-bottom: 10px; background: #ffffff url(archivos/calendario.png) no-repeat left;}
select{-webkit-appearance: none; border: 1px solid #bebebe; margin: 10px 0 0 0; padding: 5px 10px 5px 26px; background: #ffffff url(archivos/persona.png) no-repeat left;}
textarea{width: 65%; margin: 0; border: 1px solid #bebebe; padding: 5px 10px 5px 10px; height: 100px;}
textarea.correo{width: 94%; margin: 0; border: 1px solid #bebebe; padding: 5px 10px 5px 10px; height: 200px;}
input:focus,select:focus,textarea:focus{outline: 1px solid #999999;}
.botones{overflow: hidden; margin: 0 0 30px 0;}
.bot-form{float: left; margin: 0 10px 0 0;}
.botonform{font: 18px 'OpenSans-Condensed-Light', Arial, sans-serif; color: #ffffff; padding: 3px 10px 4px 10px; text-decoration: none; cursor: pointer; border: 0; background: #353535; opacity: 1; webkit-transition: all 0.2s; moz-transition: all 0.2s ease-in-out; o-transition: all 0.2s ease-in-out; ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.botonform:hover{background: #00a3ff; opacity: 1;}

.container{display: block; position: relative; padding: 0 0 0 30px; margin: 0 0 10px 0; cursor: pointer; font: 14px 'OpenSans-Light', Arial, sans-serif; line-height: 24px !important; color: #000000; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 420px;}
.container input{position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.checkmark{position: absolute; top: 2px; left: 0; height: 18px; width: 18px; border: 1px solid #bebebe; background-color: #ffffff;}
.container:hover input ~ .checkmark{background-color: #e9e9e9;}
.container input:checked ~ .checkmark{background-color: #00a3ff;}
.checkmark:after{content: ""; position: absolute; display: none;}
.container input:checked ~ .checkmark:after{display: block;}
.container .checkmark:after{left: 6px; top: 1px; width: 4px; height: 10px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);} 
.mar-top-correo{margin-top: 25px;}
}
/*----------*/
/*entre 480 y 769*/
@media (min-width: 480px) and (max-width: 769px){
#nav,#cabecera-l,#cabecera-m,#cabecera-xs,.thmbs,.fotorama,.mapa,.verS{display: none;}
body{font: 16px 'OpenSans-Light', Arial, sans-serif; margin: 0; padding: 0; background: #f1f1f1; color: #555555}
p{color: #000000; font: 16px 'OpenSans-Light', Arial, sans-serif; line-height: 26px !important; padding: 0 0 25px 0; margin: 0;}
p .tlf-correo{font: 20px 'OpenSans-Bold', Arial, sans-serif; line-height: 32px;}
p .tlf-correo a{color: #000000; text-decoration: none;}
.mar-bot-txt{margin-bottom: 0;}
.mar-top-consulte{margin-top: 0;}
.mar-top-direccion{margin-top: 0;}

#nav-s{display: block; width: 480px; margin: 0 0 30px 0; overflow: hidden; margin: 0 auto !important;}
#nav-s .show-menu{height: 80px; padding: 0; display: none; border-bottom: 1px solid #757575; background: #3f3f3f url(archivos/logo-s.gif) no-repeat right bottom;}
#nav-s .show-menu:hover{cursor: pointer;}
#nav-s input[type=checkbox]{display: none;}
#nav-s input[type=checkbox]:checked ~ #menu{display: block;}
#nav-s ul{list-style-type: none; margin: 0; padding: 0; overflow: hidden; position: static; display: none;}
#nav-s li{border-bottom: 1px solid #757575; font: 22px 'OpenSans-Condensed-Light', Arial, sans-serif; height: 38px; line-height: 35px;}
#nav-s li a{padding: 0 15px 3px 15px; text-decoration: none; color: #ffffff; display: block; background: #3f3f3f;}
#nav-s li a:hover{color: #ffffff; background: #383838;}
#nav-s li a.casa{color: #73c0f3;}
#nav-s ul li, li a{width: 100%;}
#nav-s .show-menu{display: block;}

#cabecera-s{width: 100%; margin: 0; padding: 0; overflow: hidden; height: 450px;}
#cabecera-s .limit{width: 480px; padding: 0; margin: 0 auto !important; overflow: hidden;}

#cont{width: 100%; padding: 0; margin: 0 auto !important; overflow: hidden; background: #f1f1f1;}
#cont .limit{width: 480px; padding: 0; margin: 0 auto !important; overflow: hidden;}
#cont .ppal{width: 480px; padding: 0; margin: 0 auto !important; overflow: hidden;}

.home{width: 480px; margin: 0 auto !important; padding: 0; overflow: hidden;}
.home.right{float: none;}
.home .tema{width: 450px; height: auto; margin: 0 0 30px 0; padding: 0 15px 0 15px; overflow: hidden;}
.home .tema.casa{width: 420px; height: auto; margin: 0; padding: 8px 15px 15px 15px; background: #ffffff; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc;}
.home .tema.foto{width: 450px; height: auto; margin: 0; padding: 0;}
.home .tema.iconos{width: 228px; height: 55px; margin: 0; padding: 5px 0 0 0; overflow: hidden;}
.home .tema.plazas{width: 228px; height: 25px; margin: 0; padding: 0; overflow: hidden;}
.home .tema.plaza{float: left; width: 11px; height: 25px; margin: 0; padding: 5px 0 0 0;}
.home .tema.nplazas{float: left; width: 80px; height: 25px; margin: 0; padding: 2px 0 0 6px;}
.home h2{font: 27px 'OpenSans-Condensed-Bold', Arial, sans-serif; line-height: 27px; margin: 0; padding: 18px 0 22px 30px; color: #999999;}
.home h3{font: 24px 'OpenSans-Condensed-Light', Arial, sans-serif; line-height: 24px; margin: 0; padding: 4px 0 3px 0; color: #000000;}
.home h1{font: 26px 'OpenSans-Condensed-Bold', Arial, sans-serif; line-height: 26px; margin: 0; padding: 4px 0 5px 0; color: #000000;}
.home h1 a{text-decoration: none; color: #000000; opacity: 1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;}
.home h1 a:hover{text-decoration: none; color: #368ad6; opacity: 1;}
.home .tema a img{width: 450px; height: auto; border: 0; opacity: 1; webkit-transition: all 0.2s; moz-transition: all 0.2s ease-in-out; o-transition: all 0.2s ease-in-out; ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.home .tema a img:hover{border: 0; opacity: 0.8; filter: saturate(150%);}
.home .tema p{color: #000000; font: 16px 'OpenSans-Light', Arial, sans-serif; line-height: 26px !important; padding: 4px 0 4px 0; margin: 0;}
.home .tema a{color: #000000; text-decoration: none;}
.home .tema a h1,.tema a p{color: #000000; text-decoration: none; opacity: 1; webkit-transition: all 0.2s; moz-transition: all 0.2s ease-in-out; o-transition: all 0.2s ease-in-out; ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.home .tema a h1:hover,.tema a p:hover{text-decoration: none; color: #368ad6; opacity: 1;}

.hovertext{float: left; position: relative;}
.hovertext:before{content: attr(data-hover); visibility: hidden; opacity: 0; background-color: #368ad6; font: 15px 'OpenSans-Light', Arial, sans-serif; color: #ffffff; text-align: center; padding: 1px 6px 1px 6px; transition: opacity 0.3s ease-in-out; position: absolute; z-index: 1; margin: 24px 0 0 0; border-left: 2px solid #ffffff; border-right: 2px solid #ffffff;}
.hovertext:hover:before{opacity: 1; visibility: visible;}
.hovertext.alj:before{margin: 28px 0 0 0; border-left: 2px solid #f1f1f1; border-right: 2px solid #f1f1f1;}

.dos-col{margin: 0; padding: 0;}
.dos-col.left{width: 450px; padding: 0 15px 0 15px;}
.dos-col.right{width: 450px; padding: 0 15px 0 15px;}
.dos-col.left .mapa-s{margin: 5px 0 25px 0;}
.dos-col.left .mapa-s iframe{width: 450px; height: 450px;}
.dos-col .titulo{overflow: hidden; margin: 25px 0 28px 0; padding: 0;}
.dos-col .tipo{font: 27px 'OpenSans-Condensed-Light', Arial, sans-serif; line-height: 27px; margin: 0; padding: 0; color: #000000;}
.dos-col .alojamiento{font: 29px 'OpenSans-Condensed-Bold', Arial, sans-serif; line-height: 35px; margin: 0; padding: 0 0 0 8px; color: #000000;}
	
.alojamiento-der{width: 285px; margin: 0 0 40px 0; padding: 0; overflow: hidden;}
.alojamiento-der .iconos{width: 285px; height: 50px; margin: 0; padding: 5px 0 0 0; overflow: hidden;}
.alojamiento-der .plazas{width: 285px; height: 19px; margin: 0; padding: 0; overflow: hidden;}
.alojamiento-der .plaza{float: left; width: 11px; height: 14px; margin: 0; padding: 5px 0 0 0;}
.alojamiento-der .nplazas{float: left; width: 80px; height: 18px; margin: 0; padding: 2px 0 0 6px;}

.bi-col{margin: 0; padding: 0;}
.bi-col.left{width: 450px; margin: 0; padding: 0 15px 0 15px;}
.bi-col.right{width: 450px; margin: 0; padding: 0 15px 0 15px;}
.bi-col .titulo{overflow: hidden; margin: 25px 0 28px 0; padding: 0;}
.bi-col .alojamiento{font: 29px 'OpenSans-Condensed-Bold', Arial, sans-serif; line-height: 35px; margin: 0; padding: 0; color: #000000;}
.bi-col .logos{width: 450px; margin: 0; padding: 8px 0 26px 0; overflow: hidden;}
.bi-col .logos .logo{float: left; margin: 0 30px 0 0; padding: 0;}

.fotos-450{width: 450px; margin: 0 auto !important; overflow: hidden; padding-top: 15px !important;}
.fotos-s{width: 450px; height: 328px; margin: 0 0 30px 0; padding: 0 15px 0 15px;}
.fotos-450-alj{width: 450px; margin: 0 auto !important; overflow: hidden; padding-top: 0 !important;}
.fotos-s-alj{width: 450px; height: 328px; margin: 0 0 30px 0; padding: 0;}

.limit .contacto{width: 450px; padding: 0 15px 0 15px; margin: 0;}
.limit .contacto .titulo{margin: 27px 0 28px 0; padding: 0; font: 27px 'OpenSans-Condensed-Bold', Arial, sans-serif; line-height: 33px; color: #000000;}

#faldon{width: 100%; height: auto; bottom: 0; left: 0; margin: 0; padding: 0; overflow: hidden; background: #f1f1f1; color: #000000;}
#faldon .limit-b{width: 465px; padding: 20px 0 50px 15px; margin: 0 auto !important; overflow: hidden; border-top: 1px solid #cccccc;}
#faldon .limit-b .info{overflow: hidden; margin: 0; padding: 0;}
#faldon .limit-b .info h1{font: 32px 'OpenSans-Condensed-Bold', Arial, sans-serif; line-height: 32px; margin: 0; padding: 0 0 15px 0; color: #000000;}
#faldon .limit-b .info h2{font: 22px 'OpenSans-Condensed-Bold', Arial, sans-serif; line-height: 26px; margin: 0; padding: 0 0 12px 0; color: #000000;}
#faldon .limit-b .info h2 a{color: #000000; text-decoration: none;}
#faldon .limit-b .info h3{font: 22px 'OpenSans-Condensed-Light', Arial, sans-serif; line-height: 22px; margin: 0; padding: 0; color: #000000; height: 30px;}

form{margin: 0; padding: 0;}
input,select,text,textarea{font: 16px 'OpenSans-Light', Arial, sans-serif;}
input{margin: 10px 0 0 0; border: 1px solid #bebebe; padding: 5px 10px 5px 28px;}
input.nombre{width: 180px; background: #ffffff url(archivos/nombre.png) no-repeat left;}
input.telefono{width: 180px; background: #ffffff url(archivos/telefono.png) no-repeat left;}
input.email{width: 180px; background: #ffffff url(archivos/email.png) no-repeat left;}
input.fechas{width: 180px; margin-bottom: 10px; background: #ffffff url(archivos/calendario.png) no-repeat left;}
select{-webkit-appearance: none; border: 1px solid #bebebe; margin: 10px 0 0 0; padding: 5px 10px 5px 26px; background: #ffffff url(archivos/persona.png) no-repeat left;}
textarea{width: 94%; margin: 0; border: 1px solid #bebebe; padding: 5px 10px 5px 10px; height: 100px;}
textarea.correo{width: 94%; margin: 0; border: 1px solid #bebebe; padding: 5px 10px 5px 10px; height: 200px;}
input:focus,select:focus,textarea:focus{outline: 1px solid #999999;}
.botones{overflow: hidden; margin: 0 0 30px 0;}
.bot-form{float: left; margin: 0 10px 0 0;}
.botonform{font: 20px 'OpenSans-Condensed-Light', Arial, sans-serif; color: #ffffff; padding: 3px 10px 4px 10px; text-decoration: none; cursor: pointer; border: 0; background: #353535; opacity: 1; webkit-transition: all 0.2s; moz-transition: all 0.2s ease-in-out; o-transition: all 0.2s ease-in-out; ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.botonform:hover{background: #00a3ff; opacity: 1;}

.container{display: block; position: relative; padding: 0 0 0 30px; margin: 0 0 10px 0; cursor: pointer; font: 16px 'OpenSans-Light', Arial, sans-serif; line-height: 24px !important; color: #000000; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 450px;}
.container input{position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.checkmark{position: absolute; top: 2px; left: 0; height: 18px; width: 18px; border: 1px solid #bebebe; background-color: #ffffff;}
.container:hover input ~ .checkmark{background-color: #e9e9e9;}
.container input:checked ~ .checkmark{background-color: #00a3ff;}
.checkmark:after{content: ""; position: absolute; display: none;}
.container input:checked ~ .checkmark:after{display: block;}
.container .checkmark:after{left: 6px; top: 1px; width: 4px; height: 10px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);} 
.mar-top-correo{margin-top: 25px;}
}
/*----------*/
/*hasta 480*/
@media screen and (max-width:480px){
#nav,#cabecera-l,#cabecera-m,#cabecera-s,.thmbs,.fotorama,.mapa,.verX{display: none;}
body{font: 16px 'OpenSans-Light', Arial, sans-serif; margin: 0; padding: 0; background: #f1f1f1; color: #555555}
p{color: #000000; font: 16px 'OpenSans-Light', Arial, sans-serif; line-height: 26px !important; padding: 0 0 25px 0; margin: 0;}
p .tlf-correo{font: 20px 'OpenSans-Bold', Arial, sans-serif; line-height: 32px;}
p .tlf-correo a{color: #000000; text-decoration: none;}
.mar-bot-txt{margin-bottom: 0;}
.mar-top-consulte{margin-top: 0;}
.mar-top-direccion{margin-top: 0;}

#nav-s{display: block; width: 100%; box-sizing: border-box; margin: 0 0 30px 0; overflow: hidden; margin: 0 auto !important;}
#nav-s .show-menu{height: 80px; padding: 0; display: none; border-bottom: 1px solid #757575; background: #3f3f3f url(archivos/logo-s.gif) no-repeat right bottom;}
#nav-s .show-menu:hover{cursor: pointer;}
#nav-s input[type=checkbox]{display: none;}
#nav-s input[type=checkbox]:checked ~ #menu{display: block;}
#nav-s ul{list-style-type: none; margin: 0; padding: 0; overflow: hidden; position: static; display: none;}
#nav-s li{border-bottom: 1px solid #757575; font: 22px 'OpenSans-Condensed-Light', Arial, sans-serif; height: 38px; line-height: 35px;}
#nav-s li a{padding: 0 15px 3px 15px; text-decoration: none; color: #ffffff; display: block; background: #3f3f3f;}
#nav-s li a:hover{color: #ffffff; background: #383838;}
#nav-s li a.casa{color: #73c0f3;}
#nav-s ul li, li a{width: 100%;}
#nav-s .show-menu{display: block;}

#cabecera-xs{width: 100%; box-sizing: border-box; margin: 0; padding: 0; overflow: hidden; height: auto;}
#cabecera-xs .limit{width: 100%; box-sizing: border-box; padding: 0; margin: 0 auto !important; overflow: hidden;}
#cabecera-xs .limit img{width: 100%; box-sizing: border-box;}

#cont{width: 100%; padding: 0; margin: 0 auto !important; overflow: hidden; background: #f1f1f1;}
#cont .limit{width: 100%; box-sizing: border-box; padding: 0; margin: 0 auto !important; overflow: hidden;}
#cont .ppal{width: 100%; box-sizing: border-box; padding: 0; margin: 0 auto !important; overflow: hidden;}

.home{width: 100%; box-sizing: border-box; margin: 0 auto !important; padding: 0; overflow: hidden;}
.home.right{float: none;}
.home .tema{width: 100%; box-sizing: border-box; height: auto; margin: 0 0 30px 0; padding: 0 15px 0 15px; overflow: hidden;}
.home .tema.casa{width: 100%; box-sizing: border-box; height: auto; margin: 0; padding: 8px 15px 15px 15px; background: #ffffff; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc;}
.home .tema.foto{width: 100%; box-sizing: border-box; height: auto; margin: 0; padding: 0;}
.home .tema.iconos{width: 228px; height: 55px; margin: 0; padding: 5px 0 0 0; overflow: hidden;}
.home .tema.plazas{width: 228px; height: 25px; margin: 0; padding: 0; overflow: hidden;}
.home .tema.plaza{float: left; width: 11px; height: 25px; margin: 0; padding: 5px 0 10px 0;}
.home .tema.nplazas{float: left; width: 80px; height: 25px; margin: 0; padding: 2px 0 10px 6px;}
.home h2{font: 27px 'OpenSans-Condensed-Bold', Arial, sans-serif; line-height: 32px; margin: 0; padding: 18px 0 22px 30px; color: #999999;}
.home h3{font: 24px 'OpenSans-Condensed-Light', Arial, sans-serif; line-height: 28px; margin: 0; padding: 4px 0 3px 0; color: #000000;}
.home h1{font: 26px 'OpenSans-Condensed-Bold', Arial, sans-serif; line-height: 30px; margin: 0; padding: 4px 0 5px 0; color: #000000;}
.home h1 a{text-decoration: none; color: #000000; opacity: 1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;}
.home h1 a:hover{text-decoration: none; color: #368ad6; opacity: 1;}
.home .tema a img{width: 100%; box-sizing: border-box; height: auto; border: 0; opacity: 1; webkit-transition: all 0.2s; moz-transition: all 0.2s ease-in-out; o-transition: all 0.2s ease-in-out; ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.home .tema a img:hover{border: 0; opacity: 0.8; filter: saturate(150%);}
.home .tema p{color: #000000; font: 16px 'OpenSans-Light', Arial, sans-serif; line-height: 26px !important; padding: 4px 0 4px 0; margin: 0;}
.home .tema a{color: #000000; text-decoration: none;}
.home .tema a h1,.tema a p{color: #000000; text-decoration: none; opacity: 1; webkit-transition: all 0.2s; moz-transition: all 0.2s ease-in-out; o-transition: all 0.2s ease-in-out; ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.home .tema a h1:hover,.tema a p:hover{text-decoration: none; color: #368ad6; opacity: 1;}

.hovertext{float: left; position: relative;}
.hovertext:before{content: attr(data-hover); visibility: hidden; opacity: 0; background-color: #368ad6; font: 15px 'OpenSans-Light', Arial, sans-serif; color: #ffffff; text-align: center; padding: 1px 6px 1px 6px; transition: opacity 0.3s ease-in-out; position: absolute; z-index: 1; margin: 24px 0 0 0; border-left: 2px solid #ffffff; border-right: 2px solid #ffffff;}
.hovertext:hover:before{opacity: 1; visibility: visible;}
.hovertext.alj:before{margin: 28px 0 0 0; border-left: 2px solid #f1f1f1; border-right: 2px solid #f1f1f1;}

.dos-col{margin: 0; padding: 0;}
.dos-col.left{width: 100%; box-sizing: border-box; padding: 0 15px 0 15px;}
.dos-col.right{width: 100%; box-sizing: border-box; padding: 0 15px 0 15px;}
.dos-col.left .mapa-s{margin: 5px 0 25px 0;}
.dos-col.left .mapa-s iframe{width: 100%; box-sizing: border-box; height: 400px;}
.dos-col .titulo{overflow: hidden; margin: 25px 0 28px 0; padding: 0;}
.dos-col .tipo{font: 27px 'OpenSans-Condensed-Light', Arial, sans-serif; line-height: 27px; margin: 0; padding: 0; color: #000000;}
.dos-col .alojamiento{font: 29px 'OpenSans-Condensed-Bold', Arial, sans-serif; line-height: 35px; margin: 0; padding: 0 0 0 8px; color: #000000;}
	
.alojamiento-der{width: 285px; margin: 0 0 40px 0; padding: 0; overflow: hidden;}
.alojamiento-der .iconos{width: 285px; height: 50px; margin: 0; padding: 5px 0 0 0; overflow: hidden;}
.alojamiento-der .plazas{width: 285px; height: 19px; margin: 0; padding: 0; overflow: hidden;}
.alojamiento-der .plaza{float: left; width: 11px; height: 14px; margin: 0; padding: 5px 0 0 0;}
.alojamiento-der .nplazas{float: left; width: 80px; height: 18px; margin: 0; padding: 2px 0 0 6px;}

.bi-col{margin: 0; padding: 0;}
.bi-col.left{width: 100%; box-sizing: border-box; margin: 0; padding: 0 15px 0 15px;}
.bi-col.right{width: 100%; box-sizing: border-box; margin: 0; padding: 0 15px 0 15px;}
.bi-col .titulo{overflow: hidden; margin: 25px 0 28px 0; padding: 0;}
.bi-col .alojamiento{font: 29px 'OpenSans-Condensed-Bold', Arial, sans-serif; line-height: 35px; margin: 0; padding: 0; color: #000000;}
.bi-col .logos{width: 100%; box-sizing: border-box; margin: 0; padding: 0 0 26px 0; overflow: hidden;}
.bi-col .logos .logo{float: left; margin: 0 30px 0 0; padding: 12px 0 0 0;}

.fotos-450{width: 100%; box-sizing: border-box; margin: 0 auto !important; overflow: hidden; padding-top: 15px !important;}
.fotos-s{width: 100%; box-sizing: border-box; height: auto; margin: 0 0 25px 0; padding: 0 15px 0 15px;}
.fotos-s img{width: 100%; box-sizing: border-box;}
.fotos-450-alj{width: 100%; box-sizing: border-box; margin: 0 auto !important; overflow: hidden; padding-top: 0 !important;}
.fotos-s-alj{width: 100%; box-sizing: border-box; height: auto; margin: 0 0 25px 0; padding: 0;}
.fotos-s-alj img{width: 100%; box-sizing: border-box;}

.limit .contacto{width: 100%; box-sizing: border-box; padding: 0 15px 0 15px; margin: 0;}
.limit .contacto .titulo{margin: 27px 0 28px 0; padding: 0; font: 27px 'OpenSans-Condensed-Bold', Arial, sans-serif; line-height: 33px; color: #000000;}

#faldon{width: 100%; box-sizing: border-box; height: auto; bottom: 0; left: 0; margin: 0; padding: 0; overflow: hidden; background: #f1f1f1; color: #000000;}
#faldon .limit-b{width: 100%; box-sizing: border-box; padding: 20px 0 50px 15px; margin: 0 auto !important; overflow: hidden; border-top: 1px solid #cccccc;}
#faldon .limit-b .info{overflow: hidden; margin: 0; padding: 0;}
#faldon .limit-b .info h1{font: 32px 'OpenSans-Condensed-Bold', Arial, sans-serif; line-height: 32px; margin: 0; padding: 0 0 15px 0; color: #000000;}
#faldon .limit-b .info h2{font: 22px 'OpenSans-Condensed-Bold', Arial, sans-serif; line-height: 26px; margin: 0; padding: 0 0 12px 0; color: #000000;}
#faldon .limit-b .info h2 a{color: #000000; text-decoration: none;}
#faldon .limit-b .info h3{font: 22px 'OpenSans-Condensed-Light', Arial, sans-serif; line-height: 22px; margin: 0; padding: 0; color: #000000; height: 30px;}

form{margin: 0; padding: 0;}
input,select,text,textarea{font: 16px 'OpenSans-Light', Arial, sans-serif;}
input{margin: 10px 0 0 0; border: 1px solid #bebebe; padding: 5px 10px 5px 28px;}
input.nombre{width: 180px; background: #ffffff url(archivos/nombre.png) no-repeat left;}
input.telefono{width: 180px; background: #ffffff url(archivos/telefono.png) no-repeat left;}
input.email{width: 180px; background: #ffffff url(archivos/email.png) no-repeat left;}
input.fechas{width: 180px; margin-bottom: 10px; background: #ffffff url(archivos/calendario.png) no-repeat left;}
select{-webkit-appearance: none; border: 1px solid #bebebe; margin: 10px 0 0 0; padding: 5px 10px 5px 26px; background: #ffffff url(archivos/persona.png) no-repeat left;}
textarea{width: 90%; margin: 0; border: 1px solid #bebebe; padding: 5px 10px 5px 10px; height: 100px;}
textarea.correo{width: 90%; margin: 0; border: 1px solid #bebebe; padding: 5px 10px 5px 10px; height: 200px;}
input:focus,select:focus,textarea:focus{outline: 1px solid #999999;}
.botones{overflow: hidden; margin: 0 0 30px 0;}
.bot-form{float: left; margin: 0 10px 0 0;}
.botonform{font: 20px 'OpenSans-Condensed-Light', Arial, sans-serif; color: #ffffff; padding: 3px 10px 4px 10px; text-decoration: none; cursor: pointer; border: 0; background: #353535; opacity: 1; webkit-transition: all 0.2s; moz-transition: all 0.2s ease-in-out; o-transition: all 0.2s ease-in-out; ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.botonform:hover{background: #00a3ff; opacity: 1;}

.container{display: block; position: relative; padding: 0 0 0 30px; margin: 0 0 10px 0; cursor: pointer; font: 16px 'OpenSans-Light', Arial, sans-serif; line-height: 24px !important; color: #000000; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; box-sizing: border-box;}
.container input{position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.checkmark{position: absolute; top: 2px; left: 0; height: 18px; width: 18px; border: 1px solid #bebebe; background-color: #ffffff;}
.container:hover input ~ .checkmark{background-color: #e9e9e9;}
.container input:checked ~ .checkmark{background-color: #00a3ff;}
.checkmark:after{content: ""; position: absolute; display: none;}
.container input:checked ~ .checkmark:after{display: block;}
.container .checkmark:after{left: 6px; top: 1px; width: 4px; height: 10px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);} 
.mar-top-correo{margin-top: 25px;}
}
/*----------*/