/*

App Starter Template

http://www.templatemo.com/tm-492-app-starter

*/


:root {
	--azuloscuro: #16679D;
	--azulclaro: #53a3d9;
}

html {
	overflow-x: hidden;
	scroll-behavior: smooth;
}

body {
	background: #1c1c1c;
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	font-weight: 300;
	overflow-x: hidden;
}


/*---------------------------------------
    Typorgraphy              
-----------------------------------------*/

h1,h2,h3,h4,h5,h6,
.btn {
	font-family: 'Kreon', serif;
	font-weight: 700;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: 700;
	letter-spacing: 1px;
}

h1 {
	color: #202020;
	font-size: 52px;
	letter-spacing: 2px;
	padding-bottom: 10px;
	margin-bottom: 0px;
}

h2 {
	color: #202020;
	font-size: 40px;
}

h3 {
	color: #202020;
	font-size: 22px;
	line-height: 32px;
	padding-bottom: 4px;
}

h4 {
	font-weight: bold;
}

p {
	color: #202020;
	font-size: 14px;
	font-weight: 300;
	line-height: 25px;
}

hr {
	border-top: 1px solid var(--azuloscuro);
	width: 100px;
}

.section-btn {
	background-color: var(--azulclaro);
	;
  border: 2px solid transparent;
	border-radius: 10px;
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 14px 36px;
	margin-top: 26px;
	transition: all 0.4s ease-in-out;
}

.section-btn:hover {
	background: transparent;
	border-color: #202020;
	color: #202020;
}

.footer-copyright p {
	color: #fff;
}

.footer-copyright h3 {
	color: var(--azulclaro);
	font-size: 26px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;
	line-height: 28px;
	margin: 0;
	margin-left: 0px;
	font-family: 'Fredoka One', cursive;
}

.footer-copyright h3 span {
	color: var(--azuloscuro);
}

.footer-copyright a {
	color: var(--azulclaro);
}

footer .section-title {
	padding-bottom: 0;
}

.bannercookies {
	background: rgba(255,255,255,.9);
	padding: 20px 20px 0;
	box-shadow: 0px -5px 12px -6px rgba(0,0,0,0.75);
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 55;
}

.bannercookies .container {
	display: grid;
	grid-template-columns: auto 200px;
	grid-gap: 20px;
	align-items: center;
}

.bannercookies .container:before {
	display: none;
}

.bannercookies .section-btn {
	margin: 0;
}

@media (max-width: 768px) {
	.bannercookies {
		padding: 40px 20px;
	}

	.bannercookies .container {
		display: block;
	}
}

/*---------------------------------------
    General               
-----------------------------------------*/

html {
	-webkit-font-smoothing: antialiased;
}

a {
	color: var(--azulclaro);
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	text-decoration: none !important;
}

a:hover, a:active, a:focus {
	color: var(--azuloscuro);
	outline: none;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

::-webkit-scrollbar-thumb {
	cursor: pointer;
	background: #ffffff;
}

.section-title {
	position: relative;
	padding-bottom: 62px;
	text-align: center;
}

.bienvenidos.inicio {
	padding-top: 50px;
	padding-bottom: 50px;
}

.comodidades,
#divider,
#pricing,
#newsletter {
	padding-top: 100px;
	padding-bottom: 100px;
}

.bienvenidos {
	padding-top: 60px;
	padding-bottom: 60px;
}

#divider,
#pricing {
	text-align: center;
}

.cabeoferta {
	font-size: 24px;
	color: var(--azuloscuro);
	padding: 10px 0px 0;
	font-weight: 700;
}
/*---------------------------------------
    Preloader section              
-----------------------------------------*/

.preloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	background: none repeat scroll 0 0 #ffffff;
}

.sk-spinner-pulse {
	width: 60px;
	height: 60px;
	background-color: var(--azulclaro);
	border-radius: 100%;
	-webkit-animation: sk-pulseScaleOut 1s infinite ease-in-out;
	animation: sk-pulseScaleOut 1s infinite ease-in-out;
}

@-webkit-keyframes sk-pulseScaleOut {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0;
	}
}

@keyframes sk-pulseScaleOut {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0;
	}
}



/*---------------------------------------
    Navigation section              
-----------------------------------------*/

.navbar-default {
	background: #ffffff;
	border: none;
	box-shadow: none;
	margin: 0 !important;
}

.navbar-default .navbar-brand {
	color: var(--azulclaro);
	font-size: 26px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;
	line-height: 28px;
	margin: 0;
	font-family: 'Fredoka One', cursive;
}

.navbar-default .navbar-brand:hover {
	color: var(--azuloscuro);
}

.navbar-default .navbar-brand span {
	color: var(--azuloscuro);
}

.navbar-default .navbar-brand:hover span {
	color: var(--azulclaro);
}

.navbar-default .navbar-nav li a {
	color: #656565;
	font-size: 15px;
	font-weight: 700;
	line-height: 50px;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	padding-right: 20px;
	padding-left: 20px;
	text-transform: uppercase;
}

.navbar-default .navbar-nav > li a:hover, .navbar-default .navbar-nav > li a.activa {
	color: #fff;
	background: var(--azulclaro);
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	color: #fff;
	background-color: var(--azulclaro);
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	color: var(--azulclaro);
	background-color: transparent;
}

.navbar-default .navbar-toggle {
	border: none;
	padding-top: 10px;
}

.navbar-default .navbar-toggle .icon-bar {
	border-color: transparent;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background-color: transparent;
}

.navbar-fixed-top {
	position: fixed;
	z-index: 55;
	animation-name: fijacion;
	animation-duration: 1s;
	opacity: 1;
}

@keyframes fijacion {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

/*---------------------------------------
    Topbar             
-----------------------------------------*/

.topbar {
	width: 100%;
	float: left;
	color: #fff;
	background: #202020;
}

.topbar .tel {
	float: right;
	background: var(--azulclaro);
	padding: 5px 10px;
	font-weight: bold;
	font-size: 16px;
}

.topbar .social {
	float: right;
	background: var(--azuloscuro);
	padding: 5px 10px;
	font-size: 16px;
}

.topbar .social a {
	color: #fff;
	padding: 0 4px;
}


/*---------------------------------------
    Home section              
-----------------------------------------*/

#home {
	background: #fff url('../../img/temp1/home-bg.jpg') no-repeat;
	background-size: cover;
	background-position: center center;
	color: #ffffff;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	height: 80vh;
	position: relative;
}

#home .overlay {
	background: #202020;
	opacity: 0.15;
	position: absolute;
	width: 100%;
	height: 80vh;
	top: 0;
	left: 0;
	right: 0;
}

#home img {
	width: 100%;
	height: auto;
}

#home.pagina, #home.pagina .overlay {
	height: 15vh;
}

#home.pagina {
    background: #16679D;
    background: -moz-linear-gradient(left, #16679D 0%, #53a3d9 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #16679D), color-stop(100%, #53a3d9));
    background: -webkit-linear-gradient(left, #16679D 0%, #53a3d9 100%);
    background: -o-linear-gradient(left, #16679D 0%, #53a3d9 100%);
    background: -ms-linear-gradient(left, #16679D 0%, #53a3d9 100%);
    background: linear-gradient(to right, #16679D 0%, #53a3d9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#16679D', endColorstr='#53a3d9', GradientType=1);
}

#home p,
#newsletter p {
	color: #f0f0f0;
	letter-spacing: 1px;
	font-weight: normal;
	font-size: 26px;
	font-weight: normal;
	font-weight: 700;
}

#home .section-btn {
	background: var(--azulclaro);
}

#home .section-btn:hover {
	background: transparent !important;
	color: #fff;
	border-color: #fff;
}

.home-thumb h1 {
	color: #fff;
}


/*---------------------------------------
   Fotos              
-----------------------------------------*/

#divider {
	background: url(../../img/temp1/fondo-borde.jpg) repeat-y center;
	background-size: contain;
	padding: 0 0 20px;
}

#divider .foto {
	padding: 0;
}

#divider p {
	color: #666;
	font-size: 26px;
	line-height: 42px;
}

#divider .image-popup, #galeria .image-popup {
	overflow: hidden;
	display: block;
	position: relative;
}

#divider .image-popup .overlay, #galeria .image-popup .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-color: transparent;
	transition: all 0.4s ease-in-out;
	display: none;
}

#divider .image-popup:hover .overlay, #galeria .image-popup:hover .overlay {
	background-color: rgba(255,127,0,0.3);
	border: 20px solid transparent;
}

#divider .image-popup img, #galeria .image-popup img {
	background-color: #ffffff;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
	cursor: pointer;
	display: block;
	position: relative;
	top: 0px;
	transform: scale(1,1);
	transition: all 0.4s ease-in-out;
	width: 100%;
}

#divider .image-popup:hover img, #galeria .image-popup:hover img {
	box-shadow: 0px 16px 22px 0px rgba(0, 0, 0, 0.3);
	top: -6px;
	transform: scale(1.1,1.1);
}

.grid {
	min-height: 800px;
}

.grid-sizer,
.grid-item {
	width: 33.333%;
	padding: 10px;
}

.grid-item.video {
	padding-top: 30px;
	width: 100%;
	text-align: center;
}

.grid-item.video iframe {
	width: 90%;
	max-width: 700px;
	margin: 0 auto;
}

.grid-item {
	float: left;
}

.grid-item.video {
	padding-top: 30px;
	width: 100%;
	text-align: center;
}

.grid-item.video iframe {
	width: 90%;
	max-width: 700px;
	margin: 0 auto;
}

.grid-item img {
	display: block;
	max-width: 100%;
}

/*---------------------------------------
   Bienvenidos           
-----------------------------------------*/

.bienvenidos {
	background: url(../../img/temp1/fondo-madera.jpg) no-repeat center;
	background-size: cover;
}

.bienvenidos h2 span {
	color: var(--azuloscuro);
}

.bienvenidos hr {
	border-color: var(--azuloscuro);
	margin: 20px 0;
}

.bienvenidos img {
	width: 100%;
}

.bienvenidos .marco {
	background: url(../../img/temp1/marco.png) no-repeat center;
	background-size: contain;
	width: 100%;
	height: 600px;
	position: absolute;
	z-index: 54;
}

.bienvenidos .foto img {
	box-shadow: 2px 10px 9px -6px rgba(0,0,0,0.75);
	margin: 30px auto;
}

.bienvenidos .foto div {
	width: 80%;
	margin: 0 auto;
	position: relative;
}

.bienvenidos .foto div:after {
	content: '';
	position: absolute;
	top: -30px;
	right: -30px;
	display: block;
	width: 100%;
	height: 100%;
	z-index: -1;
	border: 5px solid;
	border-image: linear-gradient(to top, #53a3d9, #16679D) 1;
}

.bienvenidos .about-thumb {
	margin-bottom: 32px;
	position: relative;
	text-align: center;
}

.bienvenidos .about-overlay h3 {
	padding-bottom: 0px;
}

.bienvenidos .about-overlay {
	background-color: rgba(250,250,250,0.9);
	border-radius: 2px;
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 100px;
	overflow: hidden;
	transition: height 450ms;
}

.bienvenidos .about-thumb:hover .about-overlay {
	height: 100%;
	background-color: #ffffff;
	color: #222;
	padding-top: 30%;
	opacity: 0.9;
}

.bienvenidos .about-thumb:hover h4 {
	color: var(--azulclaro);
}

p.compromiso {
	font-size: 12px;
	line-height: 16px;
}
/*---------------------------------------
    Comodidades             
-----------------------------------------*/
.comodidades {
	background: #fff;
}

.comodidades hr {
	border-color: var(--azuloscuro);
	margin: 20px 0;
}

.comodidades .col-md-3 {
	display: block;
	width: 100%;
	padding-bottom: 1rem;
}

.comodidades img {
	background-color: #ffffff;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
	border-radius: 2px;
	cursor: pointer;
	display: block;
	margin-top: 20px;
	margin-bottom: 20px;
	position: relative;
	top: 0px;
	transition: all 0.4s ease-in-out;
}

.comodidades img:hover {
	box-shadow: 0px 16px 22px 0px rgba(0, 0, 0, 0.3);
	top: -6px;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
	opacity: 0;
	-webkit-backface-visibility: hidden;
  /* ideally, transition speed should match zoom duration */
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
	opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
	opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0;
}

/*---------------------------------------
    Entorno             
-----------------------------------------*/
.entorno {
	background: url(../../img/temp1/fondo-entorno.jpg) no-repeat center;
	background-size: cover;
	padding: 100px 0;
	position: relative;
}

.entorno .overlay {
	background: #202020;
	opacity: 0.2;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
}

.entorno .section-title {
	padding: 30px;
	background: url(../../img/temp1/fondo-borde.jpg) repeat-y center;
	background-size: contain;
	text-align: left;
}

.entorno .section-title .caja {
	background: #fff;
	padding: 30px;
}

.entorno h2 {
	color: #202020;
	font-size: 40px;
	text-align: center;
}

.entorno h2 span {
	color: var(--azulclaro);
}

.entorno hr {
	border-color: var(--azuloscuro);
}

/*---------------------------------------
   Pricing section         
-----------------------------------------*/

#pricing {
	background: url(../../img/temp1/fondo-servicios.jpg) no-repeat top center #f0f0f0;
	background-size: cover;
}


/*---------------------------------------
   Footer section              
-----------------------------------------*/

footer {
	padding-top: 60px;
	padding-bottom: 60px;
}

footer span {
	padding-right: 10px;
	padding-left: 10px;
}

footer p {
	padding-top: 16px;
}

.footer-top {
	width: 100%;
	height: 20px;
	float: left;
	background: url(../../img/temp1/fondo-borde.jpg) repeat-y center;
	background-size: cover;
}




/*---------------------------------------
   Back top         
-----------------------------------------*/

.go-top {
	background-color: #ffffff;
	box-shadow: 1px 1.732px 12px 0px rgba( 0, 0, 0, .14 ), 1px 1.732px 3px 0px rgba( 0, 0, 0, .12 );
	border-radius: 100px;
	transition: all 1s ease;
	bottom: 2em;
	right: 2em;
	color: #333;
	font-size: 22px;
	display: none;
	position: fixed;
	text-decoration: none;
	width: 35px;
	height: 35px;
	line-height: 30px;
	text-align: center;
	z-index: 666;
}

.go-top:hover {
	background: var(--azulclaro);
	color: #ffffff;
}


/*---------------------------------------
   Mobile Responsive         
-----------------------------------------*/
@media (max-width: 1200px) {
	.container {
		width: 90%;
	}
}

@media (max-width: 1024px) {
	.navbar-default .navbar-nav li a {
		font-size: 14px;
		padding: 10px 15px;
	}

	.navbar-default .navbar-brand {
		font-size: 22px;
		line-height: 24px;
		width: 100%;
		float: left;
		height: auto;
		padding: 15px 0 0;
	}

	.navbar-header {
		width: 100%;
		float: left;
		text-align: center;
		margin-right: 0!important;
		margin-left: 0!important;
	}

	.navbar-default .navbar-collapse {
		width: 100%;
	}

	.navbar-nav {
		margin: 7.5px 0px;
	}

	.navbar-right {
		float: none!important;
		text-align: center;
	}

	.navbar-nav > li {
		float: none;
		display: inline-block;
	}

	.entorno .col-md-8 {
		width: 100%;
	}
}

@media (max-width: 980px) {

	h1 {
		font-size: 38px;
	}

	.section-btn {
		padding: 10px 34px 12px;
	}

	#home, #home .overlay {
		height: 60vh;
	}

	#home .home-thumb {
		padding-top: 0px;
	}

	.bienvenidos hr {
		margin: 20px auto;
	}

	.bienvenidos ul {
		margin: 0 0 20px;
		padding: 0;
	}

	.bienvenidos ul li {
		list-style: none;
		font-weight: bold;
		margin-bottom: 5px;
	}

	.bienvenidos .marco {
		left: 50%;
		top: 50px;
	}

	.bienvenidos .about-thumb {
		margin-top: 62px;
	}

	.carru {
		margin-top: 50px;
	}

	.grid-item {
		width: 50%;
	}
}

@media (max-width: 768px) {

	h1 {
		font-size: 28px;
	}

	.section-title {
		padding-bottom: 32px;
	}

	.bienvenidos.inicio {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.bienvenidos,
  .comodidades,
  #pricing, #newsletter {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.comodidades h2, .bienvenidos.inicio h2 {
		text-align: center;
	}
}

@media (max-width: 767px) {

	body {
		padding-top: 0px;
	}

	.navbar-default {
		text-align: center;
		padding-top: 0px;
	}

	.navbar-default .navbar-brand {
		line-height: 25px;
		width: 50%;
		padding: 10px 0;
		text-align: left;
	}

	.navbar-default .navbar-nav li a {
		line-height: 25px;
	}

	.navbar-default .navbar-toggle {
		padding-top: 20px;
	}

	.navbar-default .navbar-collapse {
		float: left;
	}

	.navbar-nav > li {
		float: left;
		width: 100%;
	}

	.bienvenidos .marco {
		margin: 50px 0;
		height: 500px;
		left: 0;
	}

	.bienvenidos hr, .comodidades hr {
		margin: 20px auto;
	}

	.home-thumb h1 {
		font-size: 50px;
	}

	.pagina .home-thumb h1 {
		font-size: 36px;
		margin: 0;
		padding: 0;
	}

	#home.pagina .home-thumb {
		padding-top: 0;
	}

	#home p {
		font-size: 22px;
	}

	#home img {
		position: relative;
		display: inline-block;
	}

	#home .home-thumb {
		padding-top: 32px;
		padding-left: 0px;
	}

	#pricing .pricing-plan {
		margin-bottom: 62px;
	}
}

@media (max-width: 650px) {

	.home-thumb h1, h1 {
		font-size: 36px;
		margin: 0;
	}

	h2 {
		font-size: 32px;
	}

	h3 {
		font-size: 18px;
	}

	.entorno .section-title {
		padding: 10px;
	}

	.entorno .container, .navbar .container {
		width: 100%;
	}

	.navbar-default .navbar-brand {
		width: 80%;
		padding: 10px;
	}

	.container > .navbar-header, .container > .navbar-collapse {
		margin-right: 0;
		margin-left: 0;
	}

	.entorno .col-md-8 {
		padding: 0;
	}

	#home, #home .overlay {
		height: 60vh;
	}

	#home p {
		font-size: 20px;
	}
}

@media (max-width: 450px) {
	#pricing .pricing-plan ul li {
		width: 100%;
	}

	.bienvenidos .marco {
		height: 400px;
	}

	.grid-item {
		width: 100%;
	}

	.topbar .tel {
		width: 100%;
	}

	.topbar .tel a {
		color: #fff;
	}
}

@media (max-width: 380px) {
	.condiciones-legales input[type="checkbox"] {
		float: left;
	}

	label.textolegal {
		padding: 1px!important;
		font-size: 11px;
	}

	label.textolegal a {
		color: #005b2a;
	}

	.prereservas .section-btn {
		padding: 10px 15px 12px;
	}
}

/*TARIFAS*/
.bienvenidos.tarifas {
	padding-top: 30px;
}

.tarifas h2 {
	font-size: 24px;
	margin: 0 0 20px;
}

.opcionesAlquiler {
	margin-bottom: 15px;
	background-color: #fff;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
	width: 100%;
	float: left;
	position: relative;
}

.imgOpcionesAlquiler {
	float: left;
	width: 200px!important;
	height: 135px;
	margin: 10px 0 0 10px;
}

.contenidoOpcionesAlquiler {
	float: right;
	width: calc(100% - 210px);
	padding: 10px 20px 0 20px;
	position: relative;
	text-align: left;
}

.contenidoOpcionesAlquiler h3 {
	margin: 0 0 8px;
	padding: 0;
	color: #89a92b;
}

.contenidoOpcionesAlquiler .spanTipoAlojamiento {
	float: left;
	width: 100%;
	color: #9e9e9e;
	font-size: 13px;
	background: url(../../img/temp1/ico-propiedades-unidades.png) no-repeat left center;
	background-size: auto;
	background-size: 20px;
	padding-left: 22px;
	line-height: 20px;
	font-weight: 700;
}

.precioOpcionesAlquiler {
	position: absolute;
	top: 10px;
	right: 10px;
	margin: 0px 0 0 0;
	text-align: center;
	float: right;
	color: #6e8823;
	font-weight: 700;
	font-size: 28px;
}

.precioOpcionesAlquiler::before {
	content: 'Desde';
	color: #CCC;
	font-size: 10px;
	width: 100%;
	float: left;
	margin-bottom: -7px;
}

.precioOpcionesAlquiler span {
	display: block;
	margin-top: -5px;
	color: #9e9e9e;
	font-weight: bold;
	font-size: 11px;
}

.caracteristicasOpcionesAlquiler, .iconosUd ul {
	float: right;
	width: calc(100% - 210px);
	clear: none;
	padding: 10px 20px 0 20px!important;
	text-align: left;
	display: flex;
	margin-bottom: 20px;
}

.iconosUd ul {
	width: 100%;
	float: left;
}

.opcionesAlquiler .caracteristicasOpcionesAlquiler li, .iconosUd ul li {
	display: inline-block;
	color: #9e9e9e;
	font-size: 11px;
	line-height: 10px;
	margin-right: 25px;
	font-weight: bold;
}

.opcionesAlquiler .caracteristicasOpcionesAlquiler span, .iconosUd ul li span {
	display: block;
	text-align: center;
	background-repeat: no-repeat;
	background-position: top center;
}

.iconosUd ul li span {
	padding-top: 0;
}

.iconosUd ul li span.icoPropiedadesPlazas, .iconosUd ul li span.icoPropiedadesDormitorios, .iconosUd ul li span.icoPropiedadesCamas, .iconosUd ul li span.icoPropiedadesSupletorias, .iconosUd ul li span.icoPropiedadesBanos {
	padding-top: 30px;
}

.opcionesAlquiler .icoPropiedadesPlazas, .iconosUd ul li span.icoPropiedadesPlazas {
	background-image: url(../../img/temp1/ico-propiedades-plazas-peq.png);
	padding-top: 30px;
}

.opcionesAlquiler .icoPropiedadesDormitorios, .iconosUd ul li span.icoPropiedadesDormitorios {
	background-image: url(../../img/temp1/ico-propiedades-dormitorios-peq.png);
	padding-top: 30px;
}

.opcionesAlquiler .icoPropiedadesCamas,  .iconosUd ul li span.icoPropiedadesCamas {
	background-image: url(../../img/temp1/ico-apropiedades-camas-peq.png);
	padding-top: 30px;
}

.opcionesAlquiler .icoPropiedadesSupletorias, .iconosUd ul li span.icoPropiedadesSupletorias {
	background-image: url(../../img/temp1/ico-supletoria.png);
	padding-top: 30px;
}

.opcionesAlquiler .icoPropiedadesBanos, .iconosUd ul li span.icoPropiedadesBanos {
	background-image: url(../../img/temp1/ico-propiedades-banos.png);
	padding-top: 30px;
}

.iconosUd ul li span.icoPropiedadesCasa {
	background-image: url(../../img/temp1/ico-propiedades-unidades.png);
	padding-top: 30px;
}

.enlacesOpcionesAlquiler {
	float: right;
	width: calc(100% - 210px);
	padding: 0px 20px 15px 20px;
	text-align: left;
}

.enlacesOpcionesAlquiler a {
	display: inline-block;
	width: auto;
	padding: 0 0 0 22px;
	margin-right: 15px;
	color: #6e8823;
	font-weight: bold;
}

.enlacesOpcionesAlquiler a.carac_ficha {
	background: url(../../img/temp1/ico-caracteristicas.png) no-repeat left center;
	background-size: 15px;
}

.enlacesOpcionesAlquiler a.ocu_ficha {
	background: url(../../img/temp1/ico-ocupacion.png) no-repeat left center;
	background-size: 15px;
}

.enlacesOpcionesAlquiler a.precio_ficha {
	background: url(../../img/temp1/ico-precio-unidad.png) no-repeat left center;
	background-size: 15px;
}

.buscadorPrecios {
	margin-top: 19px;
	margin-bottom: 20px;
}

.buscadorPrecios input {
	width: calc(50% - 70px);
	margin: 0 8px 10px 0;
	font-weight: 500;
	font-family: "Montserrat", sans-serif;
	letter-spacing: 0;
	border: 0;
	border-radius: 2px;
	box-shadow: 2px 1px 2px rgba(34, 25, 25, 0.4);
}

.buscadorPrecios .btnBuscar {
	width: 310px;
	margin-top: 0;
	margin-bottom: 0;
	padding: 12px 19px;
	vertical-align: top;
	max-width: 100%;
	max-height: 43px;
	float: right;
	position: static;
	font-weight: 600;
	font-size: 15px;
	font-family: "Montserrat", sans-serif;
	border: 0;
	border-radius: 2px;
	box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
	display: inline;
	text-transform: uppercase;
	text-decoration: none;
	background-color: #fecc00;
	color: #202020;
}

.buscadorPrecios .icoSelectPersonas {
	width: calc(50% - 265px);
	background-image: url(../../img/temp1/ico-buscador-personas.png);
	background-repeat: no-repeat;
	background-position: 8px 50%;
	padding: 13px 10px 13px 33px;
	color: #202020;
}

.inputEntradaCalendario, .inputEntradaCalendarioMod, .icoCalendario {
	width: 100%;
	padding: 13px 10px 13px 33px;
	color: #707070;
	background-image: url(../../img/temp1/ico-buscador-entrada.png), url(../../img/temp1/ico-buscador-flecha-abajo-a.png);
	background-repeat: no-repeat;
	background-position: 8px 50%, right 0.7em top 50%;
	cursor: default;
}

.contactForm .inputEntradaCalendario {
	border: 1px solid #cccccc;
	padding: 9px 10px 6px 33px;
	margin-bottom: 10px;
}

.daterangepicker {
	font-family: 'Montserrat', sans-serif!important;
}

.daterangepicker td.active, .daterangepicker td.active:hover, .drp-buttons .btn-primary, .daterangepicker td.end-date, .daterangepicker td.end-date.in-range {
	background-color: #89a92b!important;
	color: #000!important;
}

.daterangepicker td.in-range {
	background-color: #f5f7e8!important;
}

.caja-equipamiento {
	background: #fff;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
	padding: 20px;
	text-align: left;
	width: 90%;
	max-width: 700px;
	margin: 0 auto;
}

.caja-equipamiento ul {
	display: flex;
	flex-wrap: wrap;
	padding: 0;
}

.caja-equipamiento ul li {
	flex-basis: 33%;
	list-style: none;
	padding-left: 20px;
	background: url(../../img/temp1/detalle-bullet-equipamiento-detalle.png) no-repeat left center;
	background-size: 15px;
	margin: 5px 0;
}

.clear {
	width: 100%;
	float: left;
	clear: both;
}

.modal h2 {
	font-size: 22px;
	text-transform: uppercase;
	width: calc(100% - 30px);
}

.galeriaUd img {
	width: auto;
	height: 300px;
	max-width: 100%;
}

.cruzder {
	position: absolute;
	right: 10px;
	top: 0;
	width: 30px;
	height: 30px;
}

.cruzder img {
	width: 100%;
	height: auto;
}

.modal a.close-modal {
	top: 5px!important;
	right: 5px!important;
	background-image: url(../../img/temp1/ico-modal-cerrar.png)!important;
}

/*MODAL PRECIOS*/
.tablaobservaciones, .tablaprecios, .tablatemporadas {
	display: table;
	width: 100%;
}

.tablaprecios .fila, .tablaobservaciones .fila, .tablatemporadas .fila {
	display: table-row;
}

.tablaprecios .fila.encabezado, .tablaobservaciones .fila.encabezado, .tablatemporadas .fila.encabezado {
	font-weight: bold;
}

.tablaprecios .fila .celda, .tablaobservaciones .fila .celda, .tablatemporadas .fila .celda {
	display: table-cell;
	padding: 15px 0;
	border-bottom: 1px solid #e6ebc5;
	text-align: center;
}

.tablaobservaciones .fila .celda {
	width: 100%;
}

.tablaprecios .fila .celda:first-child, .tablaobservaciones .fila .celda:first-child, .tablatemporadas .fila .celda {
	text-align: left;
}

.tablaprecios .fila.pie .celda {
	color: #707070;
	font-size: 13px;
	border: none;
}

.contactarud {
	position: absolute;
	right: 10px;
	bottom: 18px;
}

.contactarud .section-btn {
	padding: 10px 15px;
	margin-top: 0;
}

.fechas_ocupadas, .fechaslibres, .aviso_plazas {
	float: left;
	width: auto;
	padding: 10px 10px 10px 35px;
	margin: -10px 0 10px 220px;
	max-width: 380px;
	background: url(../../img/temp1/ico-aviso-error.png) no-repeat 5px center #f4b9b9;
	background-size: 20px;
	color: #202020;
	font-weight: 700;
}

.fechaslibres, .aviso_plazas {
	color: #89a92b;
	background: url(../../img/temp1/ico-aviso.png) no-repeat 5px center #e8f5c1;
	background-size: 20px;
}

.sinPrecioOpcionesAlquiler {
	position: absolute;
	top: 10px;
	right: 10px;
	margin: 0px 0 0 0;
	text-align: center;
	float: right;
	color: #202020;
	font-weight: 700;
	font-size: 14px;
	line-height: 16px;
	width: 100px;
}

.max_plazas {
	margin: 10px 0 30px;
	width: 100%;
	float: left;
	padding: 40px;
	background-color: #f7e9e8;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
	text-align: center;
	font-size: 16px;
	color: #202020;
	font-weight: bold;
}

.max_plazas img {
	width: 25px;
	margin: 0 10px 0 0;
}

.cond_reserva {
	color: #202020;
	margin: 20px auto 0;
}

.cond_reserva ul li {
	margin: 0 0 5px;
}

.coordenadas {
	margin: 20px auto 0;
}

.coordenadas h2 {
	font-size: 24px;
	margin: 0 0 0px;
}

@media (max-width: 980px) {
	.contactarud {
		bottom: 60px;
	}
}

@media (max-width: 900px) {
	.caja-equipamiento ul li {
		flex-basis: 50%;
	}
}

@media (max-width: 850px) {
	.contactarud {
		float: right;
		width: calc(100% - 200px);
		padding: 0px 20px 15px 20px;
		text-align: left;
		position: static;
	}
}

@media (max-width: 767px) {
	.imgOpcionesAlquiler {
		width: 100%!important;
		height: auto;
		margin: 0;
	}

	.contenidoOpcionesAlquiler, .caracteristicasOpcionesAlquiler, .enlacesOpcionesAlquiler {
		width: 100%;
	}

	.opcionesAlquiler .caracteristicasOpcionesAlquiler, .iconosUd ul {
		justify-content: center;
	}

	.enlacesOpcionesAlquiler a {
		display: block;
		padding: 10px;
		margin: 0 0 5px;
		border: 1px solid;
		text-align: center;
	}

	.enlacesOpcionesAlquiler a.carac_ficha, .enlacesOpcionesAlquiler a.ocu_ficha,.enlacesOpcionesAlquiler a.precio_ficha {
		background: none;
	}

	.buscadorPrecios input {
		width: 65% !important;
		margin: 0 0 10px;
		float: left;
	}

	.buscadorPrecios .icoSelectPersonas {
		width: 33% !important;
		margin: 0 0 10px;
		float: right;
	}

	.buscadorPrecios .btnBuscar {
		width: 100%;
		margin-bottom: 20px;
	}

	#home.pagina, #home.pagina .overlay {
		height: 20vh;
	}

	.precioOpcionesAlquiler, .sinPrecioOpcionesAlquiler {
		top: -90px;
		right: 0;
		background: #fff;
		padding: 4px;
	}

	.sinPrecioOpcionesAlquiler {
		font-size: 12px;
		top: -70px;
	}

	.contactarud {
		width: 100%;
	}

	.contactarud a {
		display: block;
	}

	.bienvenidos .foto img, .contacto h2, .contacto hr {
		display: none;
	}

	.fechas_ocupadas, .fechaslibres, .aviso_plazas {
		width: 100%;
		margin: 0 0 15px;
	}

	.modal h2 {
		font-size: 18px;
	}
}

@media (max-width: 550px) {
	.caja-equipamiento ul li {
		flex-basis: 100%;
	}

	.caracteristicasOpcionesAlquiler, .iconosUd ul {
		flex-wrap: wrap;
	}

	.opcionesAlquiler .caracteristicasOpcionesAlquiler li, .iconosUd ul li {
		flex-basis: 30%;
		margin-right: 0;
	}

	.iconosUd ul li {
		margin-bottom: 15px;
	}

	.precioOpcionesAlquiler {
		font-size: 20px;
	}

	.buscadorPrecios input, .buscadorPrecios .icoSelectPersonas {
		width: 100%!important;
	}

	.buscadorPrecios .btnBuscar {
		max-height: none;
	}

	.max_plazas img {
		display: block;
		margin: 0 auto 15px;
	}
}

.h-vacio {
	display: none;
}