/* MEDIA QUERIES */
@screen-xs-max: 767px; //mobile
@screen-sm-max: 1023px; //tablet vertical
@screen-md-max: 1279px; //tablet horizontal
/* FUENTES */

@maven: 'Maven Pro', sans-serif;
@montserrat: 'Montserrat', sans-serif;
@openSans: 'Open Sans', sans-serif;
//@maven: 'Open Sans', sans-serif;
@montserrat-regular: 400;
@montserrat-medium: 500;
@montserrat-bold: 700;
@montserrat-black: 900;

/* COLORES */
@amarillo: #fcd12f;
@naranja: #f28007;
@rojo: #de5130;
@morado: #b62678;
@verde: #a5d04a;
@azul: #13b4cf;

@dorado: #9c8238;
@azulon: #356d9a;
@azulClaro: #86a7c2;

@azulBanner: #00abca;
@azulVerdoso: #006f81;

@blanco: #ffffff;
@negro: #000000;

@azulFacebook: #385b95;
@azulTwitter: #2da9e8;
@azulInstagram: #4c82b0;

@grisClaro: #f2f2f2;
@grisLogin: rgba(255, 255, 255, 0.4);
@grisOscuro: #9d9892;
@grisTexto: #626262;
@grisIdioma: rgba(98, 98, 98, 0.5);

body{
	margin: 0;
	padding: 0;
	// font-family: @montserrat;
	font-family: @montserrat;
	font-weight: 400;
	background: @blanco no-repeat fixed top;
	
	&.galeria-abierta{
		.expose-galeria,
		.modal-galeria{
			display: block;
		}
	}

	.expose-galeria{
		position: fixed;
		display: none;
		margin: 0;
		padding: 0;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		background: rgba(0, 0, 0, 0.8);
		z-index: 9998;
	}

	.modal-galeria{
		position: fixed;
		display: none;
		margin: 0 0 0 -400px;
		padding: 0;
		top: 50%;
		left: 50%;
		transform: translateY(-50%);
		width: 800px;
		z-index: 9999;
		background: @blanco;

		.head{
			position: absolute;
			display: block;
			margin: 0;
			padding: 0;
			top: 0;
			left: 0;
			right: 0;
			z-index: 2;

			.cerrar-modal{
				position: absolute;
				display: block;
				margin: 0;
				padding: 0;
				top: 10px;
				right: 10px;
				z-index: 10;
				background: rgba(0, 0, 0, 0.5);

				&:before{
					content: "\f00d";
					position: relative;
					display: block;
					margin: 0;
					padding: 7px 8px;
					font: 16px/16px 'FontAwesome';
					color: @blanco;
				}
			}

		}

		.body{
			.owl-theme{
				.owl-nav{
					position: absolute;
					top: 50%;
					transform: translateY(-50%);
					width: 100%;

					.owl-prev{
						float: left;
						background: rgba(0, 0, 0, 0.5);
						font: 0/0 a;
						color: transparent;
						border-radius: 0;

						&:before{
							content: "\f053";
							position: relative;
							display: block;
							margin: 0;
							padding: 5px 3px 5px 5px;
							font: 14px/14px 'FontAwesome';
							color: @blanco;
						}
					}
					.owl-next{
						float: right;
						background: rgba(0, 0, 0, 0.9);
						font: 0/0 a;
						color: transparent;
						border-radius: 0;

						&:before{
							content: "\f054";
							position: relative;
							display: block;
							margin: 0;
							padding: 5px 3px 5px 5px;
							font: 14px/18px 'FontAwesome';
							color: @blanco;
						}
					}
				}
			}
		}

		.footer{
			position: relative;
			display: block;
			margin: 0;
			padding: 15px;
			text-align: center;
			background: @blanco;

			p{
				position: relative;
				display: block;
				margin: 0;
				padding: 0;
				font: 16px/20px @montserrat;
				font-weight: @montserrat-bold;
				color: @dorado;
				text-align: center;
			}
		}
	}

	header{

		nav{
			.menu-principal{
				li{
					&.ofertas-especiales{
						background-color: #f1ad00;
						padding-right: 40px;
					}
				}
			}
		}
	}

	&.centro-pagos{
		.boton-volver{
			.volver-pago{
				color: #356d9a;
				&:hover{
					color: #356d9a;
				}
				&:before{
					background: url('../images/boton-volver-pagos.png') no-repeat left center;
				}
			}
		}
	}

	.cuerpo-checkout{
		.boton-volver{
			border: none;
			padding: 0;
			margin-bottom: 40px;
		}
	}

	.boton-volver{
		position: relative;
		display: block;
		margin: 0;
		padding: 20px 40px;
		border-bottom: 1px solid #f0ece1;

		.volver-pago{
			position: relative;
			display: block;
			margin: 0;
			padding: 0 0 0 35px;
			text-decoration: none;
			font: 14px/23px @montserrat;
			font-weight: 700;
			color: @dorado;

			&:before{
				content: '';
				position: absolute;
				display: block;
				margin: 0;
				padding: 0;
				background: url('../images/ico-volver-pago.png') no-repeat left center;
				width: 23px;
				height: 23px;
				left: 0;
				top: 0;
			}

			&:hover{
				text-decoration: underline;
				color: @dorado;
			}
		}

	}


	.no-disponible-habitacion{
	position: relative;
	display: block;
	margin: 0 0 30px 0;
	padding: 30px 50px 30px 180px;
	background: url('../images/ico-nodisponible.png') no-repeat 60px center #f9efef;
	overflow: hidden;

		.texto{
			position: relative;
			display: block;
			margin: 0;
			padding: 5px 0 0 0;
			width: 70%;
			float: left;

			p{
				position: relative;
				display: block;
				margin: 0;
				padding: 0;
				color: #b03337;
				font: 16px/20px @montserrat;
				font-weight: @montserrat-regular;
			}
		}

		.accion{
			position: relative;
			display: block;
			margin: 0;
			padding: 0;
			float: right;
			width: 25%;
			text-align: right;

			.continuar{
				position: relative;
				display: block;
				margin: 0;
				padding: 23px 10px;
				text-align: center;
				background: @dorado;
				color: @blanco;
				text-transform: uppercase;
				font: 12px/16px @montserrat;
				font-weight: @montserrat-bold;
				text-decoration: none;
			}
		}
	}

	&.desktop{
		.tooltips-mobile{
			display: none;

		}
	}

	.loading-checkout{
		position: fixed;
		display: none;
		margin: 0;
		padding: 0;
		width: 100%;
		height: 100%;
		background: rgba(255, 255, 255, 0.8);
		z-index: 9999;
		top: 0;
		left: 0;

		&.on{
			display: block;
		}

		.animacion{
			position: relative;
			display: block;
			margin: 0 0 0 -274px;
			padding: 50px 0 0 35px;
			left: 50%;
			top: 20%;
			max-width: 548px;
			width: 100%;
			height: 227px;
			background: @blanco;
			overflow: hidden;
			box-sizing: border-box;

			p{
				position: relative;
				display: block;
				margin: 0 0 20px 0;
				padding: 0;
				font: 14px/18px @montserrat;
				font-weight: @montserrat-regular;
				color: @negro;
				width: 100%;
				max-width: 185px;
			}

			img{
				position: absolute;
				display: block;
				margin: 0;
				padding: 0;
				width: auto;
				height: auto;
			}

			.img1{
				bottom: 0;
				right: 0;
			}

			.img2{
				position: relative;
				display: block;
			}
		}
	}

	&.recibo-pago{
		padding: 20px 0;

		.cabecera{
			position: relative;
			display: block;
			margin: 0 0 70px 0;
			padding: 0;
			width: 100%;
			overflow: hidden;
			box-sizing: border-box;

			.logo{
				position: relative;
				display: block;
				margin: 0;
				padding: 0;
				background: url('../images/recibo-pago/logo.png') no-repeat 0 0;
				width: 314px;
				height: 70px;
			}

			h1,
			h2{
				position: relative;
				display: block;
				margin: 0;
				padding: 0;
				text-align: right;
				font: 37px/41px @montserrat;
				font-weight: @montserrat-regular;
				color: #4b474a;

				span{
					position: relative;
					display: block;
					margin: 0;
					padding: 0;
					font: 21px/25px @montserrat;
					font-weight: @montserrat-regular;
					color: rgba(75, 71, 74, 0.6);
				}
			}
		}

		.mensaje{
			position: relative;
			display: block;
			margin: 0;
			padding: 60px 0;
			width: 100%;
			overflow: hidden;
			box-sizing: border-box;
			background: #f4f4f4;

			p{
				position: relative;
				display: block;
				margin: 0;
				padding: 0;
				text-align: center;
				font: 27px/31px @montserrat;
				font-weight: @montserrat-regular;
				color: #4b474a;

				i{
					position: relative;
					display: block;
					margin: 0 auto 10px auto;
					padding: 0;
					background: url('../images/recibo-pago/ico-pago-correcto.png') no-repeat 0 0;
					width: 72px;
					height: 87px;
				}
			}
		}

		.cuerpo{
			position: relative;
			display: block;
			margin: 0;
			padding: 110px 0;
			overflow: hidden;
			box-sizing: border-box;

			.linea{
				position: relative;
				display: block;
				margin: 0 0 100px 0;
				padding: 0 0 0 100px;

				&.tarjeta{
					p{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;
						font: 18px/48px @montserrat;
						font-weight: @montserrat-regular;

						&.first-of-type{
							margin-bottom: 20px;
						}

						&.visa{
							padding-left: 85px;
							background: url('../images/recibo-pago/ico-visa.png') no-repeat 0 0;
						}
					}
				}

				h2{
					position: relative;
					display: block;
					margin: 0;
					padding: 0;
					color: @dorado;
					font: 16px/20px @montserrat;
					font-weight: @montserrat-regular;
					text-transform: uppercase;
				}

				p{
					position: relative;
					display: block;
					margin: 0;
					padding: 0;
					font: 33px/37px @montserrat;
					font-weight: @montserrat-regular;
					color: #4b474a;
				}
			}
		}

		.footer{
			position: relative;
			display: block;
			margin: 0;
			padding: 0;
			overflow: hidden;
			box-sizing: border-box;

			p{
				position: relative;
				display: block;
				margin: 0;
				padding: 0;
				text-align: center;
				font: 15px/15px @montserrat;
				font-weight: @montserrat-regular;
				color: #000000;
			}
		}
	}

	&.mi-cuenta .cuerpo .banner a .detalles.right h3{
		text-shadow: 1px 2px #333;
	}

	.fr-col{
		float: right !important;
	}

	#finder{

		.msg-error-finder{
			position: relative;
			display: none;
			margin: 0;
			padding: 8px 0;
			background: #dc4a4b;

			&.on{
				display: block;
			}

			p{
				position: relative;
				display: block;
				margin: 0;
				padding: 0;
				color: @blanco;
				font: 13px/13px @montserrat;
				font-weight: 500;
			}
		}

		.all-rooms-box{
			position: absolute;
			display: block;
			margin: 0;
			padding: 9px 10px;
			top: 30px;
			right: 3%;
			border: 1px solid @dorado;
			overflow: hidden;
			z-index: 2;
			min-width: 350px;

			p{
				position: relative;
				display: block;
				margin: 0;
				padding: 0 40px 0 0;
				font: 16px/20px @montserrat;
				font-weight: @montserrat-regular;
				color: rgba(0, 0, 0, 0.7);
			}

			.fake-check{
				position: absolute;
				display: block;
				margin: 0;
				padding: 0;
				top: 3px;
				right: 10px;

				input{
					display: none;
				}

				span{
					position: relative;
					display: block;
					margin: 0;
					padding: 0;
					width: 24px;
					height: 25px;
					text-decoration: none;
					font: 0/0 a;
					text-shadow: none;
					color: transparent;
					cursor: pointer;
					background: url('../images/check-desmarcado.png') no-repeat left bottom;

					&.on{
						background: url('../images/check-marcado.png') no-repeat left bottom;
					}
				}
			}
		}

	}

	.mensaje-no-dispo{
		position: relative;
		display: block;
		margin: 0 0 20px 0;
		padding: 0;
		box-sizing: border-box;

		p.msg{
			position: relative;
			display: block;
			margin: 0;
			padding: 0 0 0 35px;
			font: 14px/24px @montserrat;
			font-weight: @montserrat-bold;
			color: #ad4a47;
			text-transform: uppercase;
			background: url('../images/ico-no-dispo.png') no-repeat left center;

			i{
				cursor: pointer;
			}
		}

		.box-tooltip{
			position: absolute;
			display: none;
			margin: 0;
			padding: 15px;
			background: rgba(230, 222, 205, 0.9);
			width: 320px;
			height: auto;
			border: 1px solid #5a5757;
			z-index: 10;
			left: 0;
			top: 30px;

			&.on{
				display: block;
			}

			&:before{
				content: '';
				position: absolute;
				display: block;
				margin: 0;
				padding: 0;
				background: url('../images/ico-tooltip.png') no-repeat top center;
				width: 320px;
				height: 9px;
				top: -9px;
			}

			.close-tooltip{
				position: absolute;
				display: block;
				margin: 0;
				padding: 0;
				top: 12px;
				right: 9px;
				background: url('../images/ico-close-tooltip.png') no-repeat 0 0;
				width: 12px;
				height: 11px;
				cursor: pointer;
				z-index: 2;
			}

			h4{
				position: relative;
				display: block;
				margin: 0 0 10px 0;
				padding: 0;
				text-align: center;
				font: 18px/21px @montserrat;
				font-weight: @montserrat-bold;

				i{
					position: relative;
					display: inline-block;
					margin: 0 12px 0 0;
					padding: 0;
					background: url('../images/ico-info-tooltip.png') no-repeat 0 0;
					width: 21px;
					height: 21px;
					top: 4px;
				}
			}

			p{
				position: relative;
				display: block;
				margin: 0;
				padding: 0;
				text-align: center;
				font: 14px/16px @montserrat;
				font-weight: @montserrat-regular;
				color: #767675;
			}
		}

	}

	.certificado{
		position: absolute;
		display: block;
		margin: 0;
		padding: 0;
		top: 20px;
		right: 20px;
	}

	.splash{
		position: absolute;
		display: none;
		margin: 0;
		padding: 0;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: rgba(0, 0, 0, 0.6);
		z-index: 1000;

		.content{
			position: absolute;
			display: block;
			margin: 0;
			padding: 0;
			width: 100%;
			height: 100%;
			background: transparent;

			.closeSplash{
				position: absolute;
				display: block;
				margin: 0;
				padding: 0;
				width: 100%;
				height: 100%;
				background: transparent;
				z-index: 1;
				cursor: pointer;
			}

			.inicio,
			.bienvenido,
			.mensaje-enviado,
			.error-envio{
				z-index: 2;
				&.on{
					display: block;
				}
			}

			.error-envio{
				position: relative;
				display: none;
				margin: -140px 0 0 -232px;
				padding: 0;
				width: 464px;
				height: 280px;
				top: 50%;
				top: 20%;
				left: 50%;
				background: rgba(255, 255, 255, 0.8);

				.cabecera{
					position: relative;
					display: block;
					margin: 0;
					padding: 18px 0 0 20px;
					width: 100%;
					height: 76px;
					background: rgba(255, 255, 255, 1);
					box-sizing: border-box;

					h2{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;
						font: 36px/40px @montserrat;
						font-weight: @montserrat-regular;
						color: @negro;
					}
				}

				.body{
					position: relative;
					display: block;
					margin: 0;
					padding: 20px 25px;
					width: 100%;
					height: auto;
					box-sizing: border-box;

					.texto{
						position: relative;
						display: block;
						margin: 0 0 40px 0;
						padding: 10px 0 10px 60px;
						background: url('../images/ico-error-splash.png') no-repeat left center;

						p{
							position: relative;
							display: block;
							margin: 0;
							padding: 0;
							font: 16px/20px @montserrat;
							font-weight: @montserrat-regular;
							text-align: center;
						}
					}

					.enlace{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;
						box-sizing: border-box;
						text-align: right;

						a{
							position: relative;
							display: inline-block;
							margin: 0 auto;
							padding: 0 30px;
							width: auto;
							font: 14px/18px @montserrat;
							font-weight: @montserrat-regular;
							color: @negro;
							text-align: center;
							text-decoration: underline;

							&.reintentar-splash{
								padding: 21px 0;
								width: 215px;
								height: 60px;
								background: @dorado;
								color: @blanco;
								text-decoration: none;
							}
						}
					}
				}
			}

			.mensaje-enviado{
				position: relative;
				display: none;
				margin: -123px 0 0 -232px;
				padding: 0;
				width: 464px;
				height: 246px;
				top: 50%;
				top: 20%;
				left: 50%;
				background: rgba(255, 255, 255, 0.8);

				.cabecera{
					position: relative;
					display: block;
					margin: 0;
					padding: 18px 0 0 20px;
					width: 100%;
					height: 76px;
					background: rgba(255, 255, 255, 1);
					box-sizing: border-box;

					h2{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;
						font: 36px/40px @montserrat;
						font-weight: @montserrat-regular;
						color: @negro;
					}
				}

				.body{
					position: relative;
					display: block;
					margin: 0;
					padding: 20px 25px;
					width: 100%;
					height: auto;
					box-sizing: border-box;

					.texto{
						position: relative;
						display: block;
						margin: 0 0 40px 0;
						padding: 10px 0 10px 60px;
						background: url('../images/ico-ok-splash.png') no-repeat left center;

						p{
							position: relative;
							display: block;
							margin: 0;
							padding: 0;
							font: 16px/20px @montserrat;
							font-weight: @montserrat-regular;
							text-align: center;
						}
					}

					.enlace{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;
						box-sizing: border-box;

						a{
							position: relative;
							display: block;
							margin: 0 auto;
							padding: 0;
							width: 100%;
							font: 14px/18px @montserrat;
							font-weight: @montserrat-regular;
							color: @negro;
							text-align: center;
							text-decoration: underline;
						}
					}
				}
			}

			.bienvenido{
				position: relative;
				display: none;
				margin: -190px 0 0 -275px;
				padding: 0;
				width: 550px;
				height: 390px;
				top: 50%;
				top: 20%;
				left: 50%;
				background: rgba(255, 255, 255, 0.8);

				.cabecera{
					position: relative;
					display: block;
					margin: 0;
					padding: 18px 0 0 20px;
					width: 100%;
					height: 76px;
					background: rgba(255, 255, 255, 1);
					box-sizing: border-box;

					h2{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;
						font: 36px/40px @montserrat;
						font-weight: @montserrat-regular;
						color: @negro;
					}
				}

				.body{
					position: relative;
					display: block;
					margin: 0;
					padding: 20px 25px;
					width: 100%;
					height: auto;
					box-sizing: border-box;

					.texto{
						position: relative;
						display: block;
						margin: 0 0 20px 0;
						padding: 0;

						p{
							position: relative;
							display: block;
							margin: 0;
							padding: 0;
							font: 16px/20px @montserrat;
							font-weight: @montserrat-regular;
						}
					}

					.box{
						position: relative;
						display: block;
						margin: 0;
						padding: 30px;
						width: 100%;
						height: 200px;
						box-sizing: border-box;
						background: rgba(156, 130, 56, 0.15);

						input{
							position: relative;
							display: block;
							margin: 0 0 30px 0;
							padding: 0 20px;
							width: 100%;
							height: 56px;
							border: 1px solid #e0e0e0;
							background: @blanco;
							box-shadow: none;
							font: 14px/18px @montserrat;
							font-weight: @montserrat-regular;
							background: url('../images/ico-mail-splash.png') no-repeat 95% center @blanco;
						}

						button{
							position: relative;
							display: block;
							margin: 0 auto;
							padding: 0;
							width: 215px;
							height: 60px;
							border: none;
							background: @dorado;
							color: @blanco;
							font: 14px/18px @montserrat;
							font-weight: @montserrat-regular;
						}
					}
				}
			}

			.inicio{
				position: relative;
				display: none;
				margin: -240px 0 0 -400px;
				padding: 0;
				width: 800px;
				height: 480px;
				top: 50%;
				top: 20%;
				left: 50%;
				background: rgba(255, 255, 255, 0.8);

				.cabecera{
					position: relative;
					display: block;
					margin: 0;
					padding: 21px 0 0 20px;
					width: 100%;
					height: 85px;
					background: rgba(0, 0, 0, 0.75);
					box-sizing: border-box;

					.logo-splash{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;
						width: 196px;
						height: 44px;
						background: url('../images/logo-splash.png') no-repeat 0 0;
						color: transparent;
						font: 0/0 a;
						text-decoration: none;
					}
				}

				.body{
					position: relative;
					display: block;
					margin: 0;
					padding: 30px;
					width: 100%;
					height: auto;
					box-sizing: border-box;

					.titulo{
						position: relative;
						display: block;
						margin: 0 0 20px 0;
						padding: 0;

						h3,
						h4{
							position: relative;
							display: block;
							margin: 0;
							padding: 0;
							font: 36px/40px @montserrat;
							font-weight: @montserrat-regular;
							color: @negro;
						}
					}

					.texto{
						position: relative;
						display: block;
						margin: 0 0 20px 0;
						padding: 0;

						p{
							position: relative;
							display: block;
							margin: 0;
							padding: 0;
							font: 16px/20px @montserrat;
							font-weight: @montserrat-regular;
						}
					}

					.box{
						position: relative;
						display: block;
						margin: 0;
						padding: 25px 20px 20px 20px;
						width: 100%;
						max-width: 290px;
						height: 220px;
						box-sizing: border-box;
						background: @blanco;

						.titulo{
							h4{
								font: 24px/28px @montserrat;
								font-weight: @montserrat-regular;
								text-align: center;
							}
						}

						.texto{
							p{
								text-align: center;
							}
						}

						.enlace{
							position: relative;
							display: block;
							margin: 0;
							padding: 0;
							box-sizing: border-box;

							a{
								position: relative;
								display: block;
								margin: 0 auto;
								padding: 21px 0;
								width: 215px;
								height: 60px;
								font: 14px/18px @montserrat;
								font-weight: @montserrat-regular;
								color: @blanco;
								background: @dorado;
								text-align: center;
								text-decoration: none;
							}
						}

						&.exclusive{
							float: left;
							margin-left: 50px;
						}

						&.visitante{
							float: right;
							margin-right: 50px;
						}
					}
				}

			}
		}

		&.off{
			display: none;
		}
	}

	&.resorts-exclusive{
		header{
			nav{
				.menu-principal{
					li.resorts-exclusive{
					    color: #fff;

						a{
							color: #9c8238;
						}
					}
				}
			}
		}

		.cuerpo{
			.titulo,
			.texto{
				padding: 0 30px;
			}
		}
	}

	&.hoteles-europeos{
		header{
			nav{
				.menu-principal{
					li.hoteles-europeos{

					    color: #fff;

						a{
							color: #9c8238;
						}
					}
				}
			}

		}
	}

	&#caribbean{

		&.hoteles-europeos{
			header{
				nav{
					.menu-principal{
						li.hoteles-europeos{
						    color: @blanco;

							a{
								color: @blanco !important;
							}
						}

						li.resorts-exclusive{
						    color: @blanco;

							a{
								color: @dorado !important;
							}
						}
					}
				}
			}
		}

		&.resorts-exclusive{
			header{
				nav{
					.menu-principal{
						li.resorts-exclusive{
						    color: @blanco;

							a{
								color: @dorado !important;
							}
						}
						li.hoteles-europeos{
						    color: @blanco;

							a{
								color: @blanco !important;
							}
						}
					}
				}
			}
		}

	}

	&#coastHotels{

		&.hoteles-europeos{
			header{
				nav{
					.menu-principal{
						li.hoteles-europeos{
						    color: @blanco;

							a{
								color: @blanco !important;
							}
						}
						li.resorts-exclusive{
						    color: @blanco;

							a{
								color: @blanco !important;
							}
						}
						li.hoteles-de-costa{
						    color: @dorado;

							a{
								color: @dorado !important;
							}
						}
					}
				}
			}
		}

		&.resorts-exclusive{
			header{
				nav{
					.menu-principal{
						li.hoteles-europeos{
						    color: @blanco;

							a{
								color: @blanco !important;
							}
						}
						li.resorts-exclusive{
						    color: @blanco;

							a{
								color: @blanco !important;
							}
						}
						li.hoteles-de-costa{
						    color: @dorado;

							a{
								color: @dorado !important;
							}
						}
					}
				}
			}
		}
	}


	&#europe{

		&.hoteles-europeos{
			header{
				nav{
					.menu-principal{
						li.hoteles-europeos{
						    color: @blanco;

							a{
								color: @dorado !important;
							}
						}

						li.resorts-exclusive{
						    color: @blanco;

							a{
								color: @blanco !important;
							}
						}
					}
				}
			}
		}

		&.resorts-exclusive{
			header{
				nav{
					.menu-principal{
						li.resorts-exclusive{
						    color: @blanco;

							a{
								color: @blanco !important;
							}
						}
						li.hoteles-europeos{
						    color: @blanco;

							a{
								color: @dorado !important;
							}
						}
					}
				}
			}
		}

	}

	&.ofertas-especiales{
		header{
			nav{
				.menu-principal{
					li.ofertas-especiales{
					    color: #fff;

						a{
							color: #9c8238;

							&:before{
							    background-image: url('../images/ico-ofertas-especiales-activo.png');

							}
						}
					}
				}
			}

		}
	}

	&#mi-cuenta{
		header{
			nav{
				.menu-principal{
					li.mi-cuenta{
					    color: #fff;

						a{
							color: #9c8238;

						}
					}
				}
			}

		}
	}

	&.centro-pagos{
		.sidebar{
			#widgetMiCuenta{
				ul{
					li{
						a.centro-pagos{
						    background: #356d9a;
						    color: @blanco;
						    text-decoration: none;
						}
					}
				}
			}
		}
	}

	&.hacer-pago{
		.cuerpo{
			#navTab{
				ul{
					li{
						a.hacer-pago{
							background: #fff;
							color: #356d9a;
							border-bottom: 3px solid #356d9a;
							font: 18px/20px 'Montserrat',sans-serif;
							font-weight: 400;
							text-decoration: none;
						}
					}
				}
			}
		}
	}

	&.pagos-recurrentes{
		.cuerpo{
			#navTab{
				ul{
					li{
						a.pagos-recurrentes{
							background: #fff;
							color: #356d9a;
							border-bottom: 3px solid #356d9a;
							font: 18px/20px 'Montserrat',sans-serif;
							font-weight: 400;
							text-decoration: none;
						}
					}
				}
			}
		}
	}

	#masterslider{
		min-height: 500px;
		&.negro{
			.ms-slide-layers{
				.ms-layer.ms-caption{
					color: @negro;
				}
			}
		}
	}

	.detalles-busqueda{
		position: relative;
		display: block;
		margin: 0 0 30px 0;
		padding: 0;
		overflow: hidden;
		box-sizing: border-box;

		ul{
			position: relative;
			display: block;
			margin: 0;
			padding: 0;
			float: left;
			text-align: left;
			list-style: none;

			li{
				position: relative;
				display: inline-block;
				margin: 0 20px 0 0;
				padding: 0 0 0 20px;
				font: 15px/20px @montserrat;
				font-weight: @montserrat-bold;
				text-transform: uppercase;

				&:last-of-type{
					margin: 0;
				}

				&.fecha{
					background: url('../images/ico-calendario-dorado.png') no-repeat left center;
				}
				&.personas{
					background: url('../images/ico-personas-dorado.png') no-repeat left center;
					padding-left: 25px;
				}
				&.habitaciones{
					background: url('../images/ico-llaves-dorado.png') no-repeat left center;
					padding-left: 22px;
				}
			}
		}

		.btn-modificar{
			position: relative;
			display: block;
			margin: 0;
			padding: 0;
			float: right;
			text-decoration: none;
			color: @dorado;
			font: 14px/20px @montserrat;
			font-weight: @montserrat-bold;
			text-transform: uppercase;

			&:before{
				position: relative;
				display: block;
				margin: 0 8px 0 0;
				padding: 0;
				float: left;
				content: '';
				background: url('../images/ico-lapiz-dorado.png') no-repeat left center;
				width: 15px;
				height: 20px;
			}
		}
	}

	&.guia-home{
		padding: 20px 40px;
		background: #fafafa;

		ul{
			position: relative;
			display: block;
			margin: 0;
			padding: 0;

			li{
				position: relative;
				margin: 0 0 5px 0;
				padding: 0;

				a{
					position: relative;
					display: block;
					margin: 0;
					padding: 0;
					font: 14px/18px @montserrat;
					font-weight: @montserrat-regular;
					text-decoration: none;
					color: @dorado;
					text-transform: uppercase;

					&:hover{
						color: @dorado;
						text-decoration: underline;
					}
				}

				ul{
					margin-left: 20px;
				}
			}
		}
	}

	.inner{
		position: relative;
		display: block;
		margin: 0 auto;
		padding: 0;
		// width: 1140px;
		max-width: 1140px;
		width: 100%;
		overflow: hidden;
	}

	.bg-danger{
		position: relative;
		display: block;
		margin: 0;
		padding: 10px 20px;
		background: #FFE6E6;
	    color: #7C2222;
		font: 12px/15px @montserrat;
		font-weight: @montserrat-regular;
	}

	.icon-alert{
		position: absolute;
		display: block;
		margin: 0;
		padding: 0;
		background: url('../images/ico-form-error.png') no-repeat 0 0;
		width: 32px;
		height: 31px;
		top: 36px !important;
		right: 27px !important;
	}

	&#mi-cuenta{
		td{
			position: relative !important;
			.has-error{

				.icon-alert{
					top: 23px !important;
					background-size: 50% !important;
				}
			}
		}
	}


	.has-error{
		input[type=text],
		input[type=email],
		select{
			border: 1px solid #FB9D9D !important;
			border-bottom-color: rgba(255,0,0,.12) !important;
		}

		input[type=tel]{
			border: 1px solid #FB9D9D !important;
		}
	}

	.no-overflow{
		overflow: inherit !important;
	}

	.no-padding{
		padding: 0 !important;

		.icon-alert{
			right: 13px !important;
		}
	}
	.only-padding-right{
		padding: 0 30px 0 0 !important;

		.icon-alert{
			right: 43px !important;
		}
	}

	.only-padding-left{
		padding: 0 0 0 30px !important;
	}

	.text-right{
		text-align: right !important;
	}

	.off{
		display: none !important;
	}

	.index-guide{
		position: fixed;
		display: block;
		margin: 0;
		padding: 0;
		width: 116px;
		height: 116px;
		background: url('../images/action-index-guide.png') no-repeat 0 0;
		bottom: 0;
		right: 0;
		cursor: pointer;
		z-index: 100;
	}

	#boxError404{
		position: absolute;
		display: block;
		margin: -160px 0 0 -425px;
		padding: 80px;
		background: rgba(0, 0, 0, 0.3);
		width: 850px;
		height: 324px;
		top: 50%;
		left: 50%;
		box-sizing: border-box;

		h2{
			position: relative;
			display: block;
			margin: 0 0 30px 0;
			padding: 0;
			text-align: center;
			font: 24px/28px @montserrat;
			font-weight: @montserrat-regular;
			color: @blanco;
			letter-spacing: 10px;

			strong{
				font: 48px/48px @montserrat;
				font-weight: @montserrat-regular;
			}
		}

		p{
			position: relative;
			display: block;
			margin: 0 0 20px 0;
			padding: 0 0 0 100px;
			font: 12px/16px @montserrat;
			font-weight: @montserrat-regular;
			color: @blanco;

			a{
				color: @blanco;
				text-decoration: underline;
			}
		}
	}

	#boxError500{
		position: absolute;
		display: block;
		margin: -200px 0 0 -425px;
		padding: 0;
		background: rgba(0, 0, 0, 0.3);
		width: 850px;
		height: 324px;
		top: 50%;
		left: 50%;
		box-sizing: border-box;
		overflow: hidden;

		img{
			position: relative;
			display: block;
			margin: 0 50px 0 0;
			padding: 0;
			width: 294px;
			height: 324px;
			float: left;
		}

		h2{
			position: relative;
			display: block;
			margin: 0 0 30px 0;
			padding: 80px 0 0 0;
			text-align: left;
			font: 24px/28px @montserrat;
			font-weight: @montserrat-regular;
			color: @blanco;
			letter-spacing: 10px;

			strong{
				font: 48px/48px @montserrat;
				font-weight: @montserrat-regular;
			}
		}

		p{
			position: relative;
			display: block;
			margin: 0 0 20px 0;
			padding: 0 0 0 100px;
			font: 12px/16px @montserrat;
			font-weight: @montserrat-regular;
			color: @blanco;

			a{
				color: @blanco;
				text-decoration: underline;
			}
		}
	}

	.sliderGaleria,
	.sliderGaleriaModal{
		position: relative;
		display: block;
		margin: 0;
		padding: 0;
		width: 100%;
		box-sizing: border-box;
		overflow: hidden;

		ul {
		    list-style: none outside none;
		    padding-left: 0;
		    margin-bottom:0;
		    width: 100%;

			li {
			    display: block;
			    float: left;
			    margin-right: 6px;
			    cursor:pointer;
			    width: 100%;

				img {
				    display: block;
				    height: auto;
				    max-width: 100%;
				    width: 100%;
				    height: auto;
				}
			}
		}
	}


	.botonUneteClub{
		position: relative;
		display: block;
		margin: 0;
		padding: 0;
		text-align: center;
		width: 100%;
		box-sizing: border-box;

		a{
			position: relative;
			display: block;
			margin: 0 auto;
			padding: 0;
			width: 100%;
			max-width: 285px;
			height: 63px;
			box-sizing: border-box;
			font: 14px/63px @montserrat;
			font-weight: @montserrat-bold;
			color: @blanco;
			background: @dorado;
			text-decoration: none;
			text-align: center;
		}
	}

	#gridBeneficios{
		position: relative;
		display: block;
		margin: 0;
		padding: 0;
		width: 100%;

		.bloques{
			position: relative;
			display: block;
			margin: 0;
			padding: 0;
			overflow: hidden;
			box-sizing: border-box;

			.bloque{
				position: relative;
				display: block;
				margin: 0 0 11px 0;
				padding: 0;
				width: 100%;
				overflow: hidden;
				float: left;

				&:hover{
					.franja{
						display: none;
					}

					.informacion{
						display: block;
					}
				}

				a{
					position: relative;
					display: block;
					margin: 0;
					padding: 0;
					width: 100%;
					height: 100%;
					border: none;
					text-decoration: none;

					.datos-bloque{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;
						width: 100%;
						height: 100%;
					}
				}

				.imagen{
					position: absolute;
					display: block;
					margin: 0 auto;
					padding: 0;
					top: 0;
					left: 0;
					width: 855px;
					height: 536px;

					img{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;
						width: 100%;
						height: auto;
					}
				}

				.franja{
					position: absolute;
					display: block;
					margin: -21px 0 0 0;
					padding: 0;
					top: 50%;
					left: 0;
					width: 100%;
					height: 43px;
					text-align: center;
					background: rgba(0, 0, 0, 0.8);
					z-index: 2;

					h4{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;
						text-align: center;
						color: @blanco;
						font: 14px/43px @montserrat;
						font-weight: @montserrat-bold;
						text-transform: uppercase;
					}
				}

				.informacion{
					position: absolute;
					display: none;
					margin: 0;
					padding: 40px 20px;
					background: rgba(0, 0, 0, 0.8);
					width: 100%;
					height: 100%;

					h4{
						position: relative;
						display: block;
						margin: 0 0 10px 0;
						padding: 0;
						font: 14px/20px @montserrat;
						font-weight: @montserrat-bold;
						color: @blanco;
						text-align: center;
						text-transform: uppercase;
					}

					.texto{
						position: relative;
						display: block;
						margin: 0;
						padding: 30px 20px;
						border: 2px solid @dorado;
						font: 14px/20px @montserrat;
						font-weight: @montserrat-regular;
						color: @blanco;

						p{
							position: relative;
							display: block;
							margin: 0 0 10px 0;
							padding: 0;
							font: 14px/20px @montserrat;
							font-weight: @montserrat-regular;
							color: @blanco;

							&:last-of-type{
								margin-bottom: 0;
							}
						}
					}
				}

				&.bloque1,
				&.bloque15{
					max-width: 855px;
					height: 365px;

					.imagen{
						top: -85px;
						left: 0;
					}
				}
				&.bloque2,
				&.bloque16{
					max-width: 516px;
					height: 258px;

					.imagen{
						top: -139px;
						left: -169px;
					}
				}
				&.bloque3,
				&.bloque17{
					max-width: 328px;
					height: 315px;
					float: right;

					.imagen{
						top: -110px;
						left: -263px;
					}
				}
				&.bloque4,
				&.bloque18{
					max-width: 516px;
					height: 536px;

					.imagen{
						top: 0;
						left: -169px;
					}
				}
				&.bloque5,
				&.bloque19{
					max-width: 328px;
					height: 479px;
					float: right;

					.imagen{
						top: -28px;
						left: -263px;
					}
				}
				&.bloque6,
				&.bloque20{
					max-width: 356px;
					height: 365px;

					.imagen{
						top: -85px;
						left: -249px;
					}
				}
				&.bloque7,
				&.bloque21{
					max-width: 488px;
					height: 365px;
					float: right;

					.imagen{
						top: -85px;
						left: -183px;
					}
				}
				&.bloque8,
				&.bloque22{
					max-width: 855px;
					height: 365px;

					.imagen{
						top: -85px;
						left: 0;
					}
				}
				&.bloque9,
				&.bloque23{
					max-width: 516px;
					height: 258px;

					.imagen{
						top: -139px;
						left: -169px;
					}
				}
				&.bloque10,
				&.bloque24{
					max-width: 328px;
					height: 315px;
					float: right;

					.imagen{
						top: -110px;
						left: -263px;
					}
				}
				&.bloque11,
				&.bloque25{
					max-width: 516px;
					height: 536px;

					.imagen{
						top: 0px;
						left: -169px;
					}
				}
				&.bloque12,
				&.bloque26{
					max-width: 328px;
					height: 479px;
					float: right;

					.imagen{
						top: -28px;
						left: -263px;
					}
				}
				&.bloque13,
				&.bloque27{
					max-width: 356px;
					height: 365px;

					.imagen{
						top: -85px;
						left: -249px;
					}
				}
				&.bloque14,
				&.bloque28{
					max-width: 488px;
					height: 365px;
					float: right;

					.imagen{
						top: -85px;
						left: -183px;
					}
				}
			}

		}

	}

	.loginBox{
		position: absolute;
		display: none;
		margin: 0;
		padding: 0;
		right: 0;
		top: 32px;
		z-index: 2;
		color: @blanco;
		width: 100%;
		max-width: 325px;

		&.on{
			display: block;
		}

		.olvido-link{
			position: relative;
			display: block;
			margin: 0;
			padding: 0;
			width: 100%;
			height: 42px;
			background: rgba(0, 0, 0, 0.5);
			color: @blanco;

			a{
				position: relative;
				display: block;
				margin: 0;
				padding: 0;
				font: 12px/42px @montserrat;
				font-weight: @montserrat-regular;
				color: @blanco;
				text-decoration: none;
				text-align: center;
				width: 100%;

				&:hover{
					text-decoration: underline;
				}
			}

			&.off{
				display: none;
			}
		}

		.cerrar-form{
			position: absolute;
			display: block;
			margin: 0;
			padding: 0;
			top: 12px;
			right: 19px;
			color: @blanco;
			text-decoration: none;
			font: 12px/12px @montserrat;
			font-weight: @montserrat-regular;
		}

		form{
			position: relative;
			display: block;
			margin: 0;
			padding: 25px 40px 0 40px;
			width: 100%;
			background: rgba(0, 0, 0, 0.8);
			overflow: hidden;

			&.off{
				display: none;
			}

			&.form-olvido,
			&.form-logout{
				padding-bottom: 20px;
			}

			label{
				position: relative;
				display: block;
				margin: 0;
				padding: 0;
				font: 12px/12px @montserrat;
				font-weight: @montserrat-regular;
				color: @blanco;

				input[type=checkbox]{
					margin-right: 10px;
					outline: none;
				}
			}

			input[type=text],
			input[type=password]{
				position: relative;
				display: block;
				margin: 0 0 15px 0;
				padding: 0 15px;
				width: 100%;
				height: 36px;
				font: 14px/36px @montserrat;
				font-weight: @montserrat-regular;
				color: #a7a6a6;
				background: @blanco;
				border: 1px solid #dfdfdf;
				border-radius: 2px;
				box-shadow: none;
				outline: none;

				&.user-ico{
					background: url('../images/ico-user-login.png') no-repeat 95% center @blanco;
				}
				&.pass-ico{
					background: url('../images/ico-pass-login.png') no-repeat 95% center @blanco;
				}
			}

			button{
				position: relative;
				display: block;
				margin: 0;
				padding: 0;
				width: 100%;
				height: 49px;
				font: 14px/14px @montserrat;
				font-weight: @montserrat-regular;
				color: @blanco;
				background: @dorado;
				border: none;

				&.logout{
					margin-top: 20px;
				}
			}

			h4, p{
				position: relative;
				display: block;
				margin: 0 0 10px 0;
				padding: 0;
				font: 12px/16px @montserrat;
				font-weight: @montserrat-regular;
				text-align: center;
				color: @blanco;
			}

			p{
				text-align: left;
			}
		}
	}

	#cookies-banner{
		position: fixed;
		display: block;
		margin: 0;
		padding: 0;
		left: 0;
		bottom: 0;
		width: 100%;
		background: rgba(230, 222, 205, 0.85);
		color: #767675;
		z-index: 1000;

		&.off{
			display: none;
		}

		.inner{
			width: 100%;
			max-width: 850px;
		}

		.texto{
			position: relative;
			display: block;
			margin: 0;
			padding: 10px 0;

			p{
				position: relative;
				display: block;
				margin: 0;
				padding: 0;
				font: 14px/18px @montserrat;
				font-weight: @montserrat-regular;
				color: #767675;

				a{
					color: #767675;
					text-decoration: underline;
				}
			}
		}

		.botones{
			position: relative;
			display: none;
			margin: 0;
			padding: 5px 0;
			background: #2c5cb0;
			text-align: center;

			a{
				position: relative;
				display: inline-block;
				margin: 0 auto;
				padding: 5px 20px;
				border: 1px solid @blanco;
				background: transparent;
				color: @blanco;
				text-decoration: none;
				font: 12px/14px @montserrat;
				font-weight: @montserrat-bold;

				&:hover{
					border-color: #2c5cb0;
					color: #2c5cb0;
					background: @blanco;
				}
			}
		}
	}

	.carousel{
		max-height: 809px;
		overflow: hidden;
		margin-top: -112px;
		width: 100% !important;

		.carousel-inner{

			.item{

				img{
					width: 100%;
				}

				.carousel-caption{
					top: 35%;
					left: 16%;
					text-align: left;
					text-shadow: none;
					font: 57px/57px @montserrat;
					font-weight: 700;
					text-shadow: 1px 2px #333;
				}
			}
		}
	}

	.carousel{
		.carousel-inner{
			.carousel-control{
				width: 32px;
				opacity: 1;

				&.left{
					left: 0;
					background: url('../images/slider-flecha-izquierda.png') no-repeat left center;

				}
				&.right{
					right: 0;
					z-index: 10;
					background: url('../images/slider-flecha-derecha.png') no-repeat left center;
				}
			}
			.item{
				.carousel-caption{
					text-align: right;
					font: 26px/28px @montserrat;
					font-weight: @montserrat-regular;
					top: 0;
					right: 20px;
					left: inherit;
					text-align: right;

					span{
						display: block;
						font: 42px/38px @montserrat;
						font-weight: @montserrat-bold;
					}
				}
			}
		}
	}

	#breadcrumb{
		position: relative;
		display: block;
		margin: 0;
		padding: 0;
		width: 100%;
		height: 54px;
		background: #f0ece1;
		border: 1px solid #cdccc9;
		border-left: none;
		border-right: none;
		overflow: hidden;

		&.paso2{
			ul{
				li{
					&:first-of-type{
						background: url('../images/breadcrumb-checkout-first-element.png') no-repeat right center;
					}
					&:last-of-type{
						background: none;
					}
				}
			}
		}

		&.paso3{
			ul{
				li{
					background: url('../images/breadcrumb-checkout-first-element.png') no-repeat right center;
					&:first-of-type{
						background: none;
					}
				}
			}
		}

		ul{
			position: relative;
			display: block;
			margin: 0;
			padding: 0;
			width: 100%;
			list-style: none;

			li{
				position: relative;
				display: block;
				margin: 0;
				padding: 0 0 0 25px;
				float: left;
				width: 33.3%;
				height: 54px;
				box-sizing: border-box;
				font: 14px/54px @montserrat;
				font-weight: @montserrat-regular;
				color: #4c4549;

				&.activo{
					background: url('../images/breadcrumb-checkout-second-element.png') no-repeat right center #9c8238;
					color: @blanco;
				}
			}
		}
	}

	&.hoteles-europeos{
		header{
			.texto{
				display: none;
			}
		}

		.cuerpo{
			.texto{
				padding: 0;
			}
		}

		.carousel{
			max-height: 640px;

			.carousel-inner{
				.item{
					.carousel-caption{
						font: 30px/36px @montserrat;
						font-weight: @montserrat-regular;
						top: 50%;
						left: 0;
						text-align: center;
						width: 100%;
						text-transform: uppercase;
						letter-spacing: 20px;
					}
				}
			}
		}

		.cuerpo{
			.texto{
				p{
					font: 14px/20px @montserrat;
					font-weight: @montserrat-regular;
				}
			}
		}
	}

	&.checkout{
		header{
			.texto{
				display: none;
			}

		}

		.expose-desplegable{
			position: absolute;
			display: none;
			margin: 0;
			padding: 0;
			width: 100%;
			height: 72px;
			background: transparent;
			z-index: 100;
			top: 2px;

			&.on{
				display: block;
			}
   		}

   		.tooltip-ayuda{
   			position: relative;
   			display: inline-block;
   			margin: 0;
   			padding: 0;

	   		.info-ayuda{
	   			position: relative;
	   			display: block;
	   			margin: 0;
	   			padding: 0;
	   			width: 15px;
	   			height: 15px;
	   			cursor: pointer;
	   			background: url('../images/ico-info-tooltip-dorado.png') no-repeat 0 0;
	   			font: 0/0 a;
	   		}

   		}
	   		.tt{
	   		    position: absolute;
			    display: none;
			    margin: 0;
			    padding: 30px 40px;
			    border: 1px solid #9c8238;
			    background: #fff;
			    z-index: 2;
			    width: 450px;
			    left: -218px;
			    top: 22px;
			    box-sizing: border-box;
			    z-index: 10;

			    &.on{
			    	display: block;
			    }

			    &.mobile{
			    	width: 111%;
			    	left: -15px;
			    	padding: 20px 20px 10px 20px;
			    	top: 60px;

			    	i{
			    		left: 93%;
			    	}
			    }

			    .close-tt{
			    	position: absolute;
			    	display: block;
			    	margin: 0;
			    	padding: 0;
			    	width: 12px;
			    	height: 12px;
			    	background: url('../images/ico-close-tt.png') no-repeat 0 0;
			    	z-index: 2;
			    	cursor: pointer;
			    	font: 0/0 a;
			    	top: 15px;
			    	right: 15px;
			    }

	   			i{
	   				position: absolute;
	   				display: block;
	   				margin: 0 0 0 -10px;
	   				padding: 0;
	   				top: -8px;
	   				left: 53%;
	   				width: 21px;
	   				height: 8px;
	   				background: url('../images/ico-tooltip-mobile.png') no-repeat 0 0;
	   			}

	   			h4{
	   				position: relative;
	   				display: block;
	   				margin: 0 0 10px 0;
	   				padding: 0;
	   				font: 16px/20px @montserrat;
	   				font-weight: @montserrat-bold;
	   				color: #333333;
	   			}

	   			p{
	   				position: relative;
	   				display: block;
	   				margin: 0 0 10px 0;
	   				padding: 0;
	   				font: 12px/16px @montserrat;
	   				font-weight: @montserrat-regular;
	   				color: #848484;

	   				&.title-option{
	   					color: @dorado;
	   					font: 14px/18px @montserrat;
	   					font-weight: @montserrat-regular;
	   					margin: 0;

	   				}
	   			}
	   		}

		.desplegable.titular-reserva{
			position: relative;
			display: inline-block;
			margin: 0 10px 0 0;
			padding: 0;
			box-sizing: border-box;
			width: 450px;

			&.on{

				.accion-desplegable{
					&:after{
						background: url('../images/ico-desplegagle-titular-on.png') no-repeat 0 0;
					}
				}

				ul{
					display: block;
				}

			}

			.accion-desplegable{
				position: relative;
				display: block;
				margin: 0 0 20px 0;
				padding: 15px 40px 15px 55px;
				background: url('../images/ico-desplegable-propietario.png') no-repeat 13px center #faf9f5;
				width: 100%;
				min-height: 51px;
				height: auto;
				box-sizing: border-box;
				font: 18px/20px @montserrat;
				font-weight: @montserrat-regular;
				color: @negro;
				text-decoration: none;
				border-bottom: 1px solid #cfccc2;

				&:after{
					content: '';
					position: absolute;
					display: block;
					margin: 0;
					padding: 0;
					background: url('../images/ico-desplegagle-titular.png') no-repeat 0 0;
					width: 11px;
					height: 6px;
					top: 13px;
					right: 23px;
				}
			}

			ul{
				position: absolute;
				display: none;
				margin: 0;
				padding: 0;
				width: 100%;
				list-style: none;
				z-index: 10;
				top: 51px;
				left: 0;

				li{
					position: relative;
					display: block;
					margin: 0;
					padding: 0;
					width: 100%;

					a{
						position: relative;
						display: block;
						margin: 0;
						padding: 15px 20px;
						background: @blanco;
						width: 100%;
						height: 51px;
						box-sizing: border-box;
						font: 18px/20px @montserrat;
						font-weight: @montserrat-regular;
						color: @negro;
						text-decoration: none;
						border-bottom: 1px solid #cfccc2;

						&:hover{
							background: #e2e0d7;

							color: @negro;
							text-decoration: none;
						}
					}
				}
			}
		}

		#finder{
			display: none;
		}

		.master-slider{
			display: none;
		}

		.carousel{
			max-height: 640px;

			.carousel-inner{
				.item{
					.carousel-caption{
						font: 30px/36px @montserrat;
						font-weight: @montserrat-regular;
						top: 50%;
						left: 0;
						text-align: center;
						width: 100%;
						text-transform: uppercase;
						letter-spacing: 20px;
					}
				}
			}
		}
	}

	&.mi-cuenta{
		header{
			.texto{
				display: none;
			}
		}

		.cuerpo{
			.texto{
				padding-left: 0;
			}
		}

		#finder{
			display: none;
		}

		.carousel{
			position: relative;
			display: block;
			padding: 0;
			max-height: 640px;
			clear: both;

			.carousel-inner{
				.item{
					.carousel-caption{
						font: 30px/36px @montserrat;
						font-weight: @montserrat-regular;
						top: 50%;
						left: 0;
						text-align: center;
						width: 100%;
						text-transform: uppercase;
						letter-spacing: 20px;
					}
				}
			}
		}

		.cuerpo{
			.carousel-inner{
				.item{

					a{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;
						width: 100%;
						height: auto;
						box-sizing: border-box;
						overflow: hidden;
					}
					.carousel-caption{
						font: 26px/28px @montserrat;
						font-weight: 400;
						top: 0;
						left: 45px;
						text-align: left;
						letter-spacing: inherit;

						span{
							font: 36px/36px @montserrat;
							font-weight: @montserrat-bold;
						}
					}
				}
			}
		}
	}

	&.mi-membresia{
		header{
			.texto{
				display: none;
			}
		}

		#finder{
			display: none;
		}

		.cuerpo{
			.texto{
				ul{
					margin-bottom: 20px;
					overflow: hidden;
					clear: both;
					li{
						padding: 0 1%;
						float: left;
						width: 48%;
					}
				}
			}
		}

		.carousel{
			max-height: 640px;

			.carousel-inner{
				.item{
					.carousel-caption{
						font: 30px/36px @montserrat;
						font-weight: @montserrat-regular;
						top: 50%;
						left: 0;
						text-align: center;
						width: 100%;
						text-transform: uppercase;
						letter-spacing: 20px;
					}
				}
			}
		}
	}

	&.mi-perfil{
		header{
			.texto{
				display: none;
			}
		}

		#finder{
			display: none;
		}

		.carousel{
			max-height: 640px;

			.carousel-inner{
				.item{
					.carousel-caption{
						font: 30px/36px @montserrat;
						font-weight: @montserrat-regular;
						top: 50%;
						left: 0;
						text-align: center;
						width: 100%;
						text-transform: uppercase;
						letter-spacing: 20px;
					}
				}
			}
		}

		table{
			width: 100%;
		}

		.cuerpo{
			.texto{
				padding: 0;
			}

			form{
				position: relative;
				display: block;
				margin: 0;
				padding: 0;
				box-sizing: border-box;
				overflow: hidden;
			}

		}

	}

	&.historial-reservas{
		header{
			.texto{
				display: none;
			}
		}

		#finder{
			display: none;
		}

		.carousel{
			max-height: 640px;

			.carousel-inner{
				.item{
					.carousel-caption{
						font: 30px/36px @montserrat;
						font-weight: @montserrat-regular;
						top: 50%;
						left: 0;
						text-align: center;
						width: 100%;
						text-transform: uppercase;
						letter-spacing: 20px;
					}
				}
			}
		}

		.cuerpo{
			.texto{
				padding: 0;
			}
		}
	}

	&.informacion-contrato{
		header{
			.texto{
				display: none;
			}
		}

		#finder{
			display: none;
		}

		.carousel{
			max-height: 640px;

			.carousel-inner{
				.item{
					.carousel-caption{
						font: 30px/36px @montserrat;
						font-weight: @montserrat-regular;
						top: 50%;
						left: 0;
						text-align: center;
						width: 100%;
						text-transform: uppercase;
						letter-spacing: 20px;
					}
				}
			}
		}

		.cuerpo{
			.texto{
				padding: 0;
			}

			#boxListadoInfo{
				.view-data{
					label{
						max-width: 230px;
					}
				}
			}
		}
	}

	&.hoteles-europeos{

		#pasosTab{
			position: relative;
			display: block;
			margin: 0 0 10px 0;
			padding: 0;
			overflow: hidden;
			box-sizing: border-box;

			ul{
				position: relative;
				display: block;
				margin: 0;
				padding: 0;
				list-style: none;

				&.paso2{
					li{
						&:after{
							background: url('../images/triangulo-invertido.png') no-repeat 0 0;
						}
					}
				}

				&.paso3{
					li{
						&:first-of-type{
							&:after{
								background: url('../images/triangulo-transparente.png') no-repeat 0 0;
							}
						}

						&:after{
							background: url('../images/triangulo-invertido.png') no-repeat 0 0;
						}
					}
				}

				li{
					position: relative;
					display: block;
					margin: 0;
					padding: 14px 20px 13px 20px;
					width: 25%;
					background: #e9e9e9 !important;
					color: @negro;
					float: left;
					font: 16px/18px @montserrat;
					font-weight: @montserrat-bold;

					&:last-of-type{
						.no-dispo{
							width: 100%;

							&:after{
								border-width: 16px 0px 0px 8px;
							    border-color: #ad4947;
							}
						}
					}

					.no-dispo{
						position: absolute;
						display: block;
						margin: 0;
						padding: 0;
						width: 96%;
						background: #ad4947;
						color: @blanco;
						text-align: center;
						font: 12px/16px @montserrat;
						font-weight: @montserrat-regular;
						text-transform: uppercase;
						top: 0;
						left: -7px;
						z-index: 2;

						&:before{
							content: '';
							position: absolute;
							display: block;
							margin: 0;
							padding: 0;
							top: 0;
							left: -8px;
							width: 0;
							height: 0;
							border-style: solid;
							border-width: 0px 8px 16px 0;
							border-color: transparent #ad4947 transparent transparent;
						}

						&:after{
							content: '';
							position: absolute;
							display: block;
							margin: 0;
							padding: 0;
							top: 0;
							right: -8px;
							width: 0;
							height: 0;
							border-style: solid;
							border-width: 16px 0 0 8px;
							border-color: transparent transparent transparent #ad4947;
							z-index: 11;
						}
					}

					&:after{
						content: '';
						position: absolute;
						display: block;
						margin: 0;
						padding: 0;
						width: 16px;
						height: 100%;
						background: pink;
						right: 0;
						top: 0;
						background: url('../images/triangulo-transparente.png') no-repeat 0 0;
					}

					&:last-of-type{
						&:after{
							background: none;
						}

						&.active{
							&:after{
								background: none;
							}
						}
					}

					&.active{
						background: @negro !important;
						&:after{
							background: url('../images/triangulo-negro.png') no-repeat 0 0;
						}

						a{
							color: @blanco;
						}

						span{
							color: @blanco;
						}
					}

					a{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;
						color: @negro;
						font: 16px/18px @montserrat;
						font-weight: @montserrat-bold;
						text-decoration: none;
					}

					span{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;
						font: 14px/14px @montserrat;
						font-weight: @montserrat-regular
					}
				}
			}
		}

		// #pasosTab{
		// 	margin-bottom: 10px;

		// 	ul{
		// 		li{
		// 			padding-top: 10px;
		// 			width: 25%;
		// 			background: #e9e9e9;
		// 			color: @negro;
		// 			font: 16px/18px @montserrat;
		// 			font-weight: @montserrat-bold;

		// 			&:first-of-type{
		// 				background: url('../images/ico-flecha-habitaciones.jpg') no-repeat right center #e9e9e9;
		// 			}

		// 			// &:last-of-type{

		// 			// 	&.active{
		// 			// 		background: url('../images/ico-flecha-habitaciones-last-activo.jpg') no-repeat right center #000000;
		// 			// 	}
		// 			// }

		// 			a{
		// 				position: relative;
		// 				display: block;
		// 				margin: 0;
		// 				padding: 0;
		// 				color: @negro;
		// 				font: 16px/18px @montserrat;
		// 				font-weight: @montserrat-bold;
		// 				text-decoration: none;
		// 			}

		// 			&.active{
		// 				background: url('../images/ico-flecha-habitaciones-activo.png') no-repeat right center #000000;
		// 				color: @blanco;

		// 				a{
		// 					color: @blanco;
		// 				}
		// 			}

		// 			span{
		// 				position: relative;
		// 				display: block;
		// 				margin: 0;
		// 				padding: 0;
		// 				font: 14px/14px @montserrat;
		// 				font-weight: @montserrat-regular
		// 			}
		// 		}
		// 	}
		// }

		.RoomDisplay{
			position: relative;
			display: none;
			margin: 0;
			padding: 0;
			box-sizing: border-box;

			&.on{
				display: block;
			}
		}

		.listadoBeneficios{
			position: relative;
			display: block;
			margin: 0 0 10px 0;
			padding: 0;
			box-sizing: border-box;
			height: 85px;
			clear: both;
			border-bottom: 1px solid #e7e7e7;

			ul{
				position: relative;
				display: block;
				margin: 0;
				padding: 0;
				list-style: none;

				li{
					position: relative;
					display: block;
					margin: 0 10px 0 0;
					padding: 6px;
					padding: 0;
					float: left;
					border: 1px solid #e7e7e7;
					border-top-width: 4px;
					max-width: 220px;
					width: 100%;
					// min-height: 80px;
					// max-height: 80px;
					box-sizing: border-box;

					&.on{
						border-bottom: 1px solid @blanco;

						a{
							background: @blanco;
						}
					}

					a{
						position: relative;
						display: block;
						margin: 0;
						padding: 6px;
						width: 100%;
						max-height: 80px;
						min-height: 80px;
						text-decoration: none;
						background: #f2f2f2;
					}

					&:last-of-type{
						margin-right: 0;
					}

					&.contrato1{
						border-top-color: #f76644;
					}

					&.contrato2{
						border-top-color: @dorado;
					}

					&.contrato3{
						border-top-color: #5a5757;
					}

					h3{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;
						font: 20px/24px @montserrat;
						font-weight: @montserrat-bold;
						text-align: center;
						color: #4c4549;
					}

					p{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;
						font: 14px/18px @montserrat;
						font-weight: @montserrat-regular;
						color: #4c4549;
						text-align: center;
					}

					.info-tooltip{
						position: absolute;
						display: block;
						margin: 0;
						padding: 0;
						right: 3px;
						bottom: 3px;
						background: url('../images/ico-action-tooltip.png') no-repeat 0 0;
						width: 15px;
						height: 15px;
						cursor: pointer;
						z-index: 2;
					}

					.box-tooltip{
						position: absolute;
						display: none;
						margin: 0;
						padding: 15px;
						background: rgba(230, 222, 205, 0.9);
						width: 320px;
						height: auto;
						border: 1px solid #5a5757;
						z-index: 10;
						left: 32px;
						top: 80px;

						&.on{
							display: block;
						}

						&:before{
							content: '';
							position: absolute;
							display: block;
							margin: 0;
							padding: 0;
							background: url('../images/ico-tooltip.png') no-repeat top center;
							width: 320px;
							height: 9px;
							top: -9px;
						}

						.close-tooltip{
							position: absolute;
							display: block;
							margin: 0;
							padding: 0;
							top: 12px;
							right: 9px;
							background: url('../images/ico-close-tooltip.png') no-repeat 0 0;
							width: 12px;
							height: 11px;
							cursor: pointer;
							z-index: 2;
						}

						h4{
							position: relative;
							display: block;
							margin: 0 0 10px 0;
							padding: 0;
							text-align: center;
							font: 18px/21px @montserrat;
							font-weight: @montserrat-bold;

							i{
								position: relative;
								display: inline-block;
								margin: 0 12px 0 0;
								padding: 0;
								background: url('../images/ico-info-tooltip.png') no-repeat 0 0;
								width: 21px;
								height: 21px;
								top: 4px;
							}
						}

						p{
							position: relative;
							display: block;
							margin: 0;
							padding: 0;
							text-align: center;
							font: 14px/16px @montserrat;
							font-weight: @montserrat-regular;
							color: #767675;
						}
					}
				}
			}
		}

		.gridRoomDisplay,
		.gridBusqueda{
			position: relative;
			display: block;
			margin: 0 0 20px 0;
			padding: 0;
			overflow: hidden;
			box-sizing: border-box;


 			.no-disponible-habitacion{
				position: relative;
				display: block;
				margin: 0;
				padding: 30px 50px 30px 180px;
				background: url('../images/ico-nodisponible.png') no-repeat 60px center #f9efef;
				overflow: hidden;

				.texto{
					position: relative;
					display: block;
					margin: 0;
					padding: 5px 0 0 0;
					width: 70%;
					float: left;

					p{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;
						color: #b03337;
						font: 16px/20px @montserrat;
						font-weight: @montserrat-regular;
					}
				}

				.accion{
					position: relative;
					display: block;
					margin: 0;
					padding: 0;
					float: right;
					width: 25%;
					text-align: right;

					.continuar{
						position: relative;
						display: block;
						margin: 0;
						padding: 23px 10px;
						text-align: center;
						background: @dorado;
						color: @blanco;
						text-transform: uppercase;
						font: 12px/16px @montserrat;
						font-weight: @montserrat-bold;
						text-decoration: none;
					}
				}

			}

			.contrato{
				position: relative;
				display: none;
				margin: 0;
				padding: 0;
				box-sizing: border-box;
				min-height: 530px;

				&.on{
					display: block;
				}

				&.tarifas-open{
					z-index: 10;

					.tabla-tarifas{
						display: block;
					}
				}
			}

			.banner{
				position: relative;
				display: block;
				margin: 0 0 10px 0;
				padding: 0;
				box-sizing: border-box;
				clear: both;

				&:last-of-type{
					margin-bottom: 0;
				}

				img{
					position: relative;
					display: block;
					margin: 0;
					padding: 0;
					width: 100%;
					height: auto;
					z-index: 1;
				}

				.inner-banner{
					position: absolute;
					display: block;
					margin: 0;
					padding: 0;
					box-sizing: border-box;
					z-index: 2;
					top: 14px;
					left: 38px;
					width: 100%;
					max-width: 276px;
					z-index: 3;

					.detalles{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;
						height: 116px;
						background: @blanco;

						h3{
							position: relative;
							display: block;
							margin: 0;
							padding: 5px 20px 0 20px;
							font: 20px/38px @montserrat;
							font-weight: @montserrat-medium;
						}

						p{
							position: relative;
							display: block;
							margin: 0 0 10px 0;
							padding: 0 20px;
							font: 12px/16px @montserrat;
							font-weight: @montserrat-regular;

							&:last-of-type{
								margin-bottom: 0;
							}
						}
					}

					.ver-tarifas{
						position: relative;
						display: block;
						margin: 0 -10px;
						padding: 0;
						background: url('../images/ico-flecha-ver-tarifas.png') no-repeat 93% center @dorado;
						color: @blanco;
						height: 86px;
						z-index: 3;

						a{
							position: relative;
							display: block;
							margin: 0;
							padding: 13px 0 0 34px;
							width: 100%;
							height: auto;
							outline: none;

							p{
								position: relative;
								display: block;
								margin: 0;
								padding: 0;
								&.precio-desde{
									margin-bottom: 5px;
									color: #4d420f;
									font: 10px/14px @montserrat;
									font-weight: @montserrat-regular;

									span{
										font: 18px/21px @montserrat;
										font-weight: @montserrat-regular;
									}
								}

								&.precio-reserva{
									color: @blanco;
									font: 30px/34px @montserrat;
									font-weight: @montserrat-regular;

									sup{
										font-size: 14px;
									}

									span{
										display: inline-block;
										margin-right: 7px;
										font: 12px/12px @montserrat;
										font-weight: @montserrat-regular;
									}
								}
							}
						}
					}
				}
			}


			.tabla-tarifas{
				position: absolute;
				display: none;
				margin: 0;
				padding: 100px 28px 0 28px;
				width: 100%;
				z-index: 20;
				top: 0;
				background: rgba(0, 0, 0, 0.7);
				height: 100%;

				&.on{
					display: block;
				}

				table{
					border-collapse: collapse;
					width: 100%;
					thead{
						th{
							height: 86px;
							background: #333333;
							color: @blanco;
							text-align: center;
							border: 1px solid #e1e1e1;
							border-top: none;
							width: 17%;
							text-transform: uppercase;

							&:first-of-type{
								width: 49%;
								border-left: none;
							}
							&:last-of-type{
								border-right: none;
							}

							.cerrar-tarifas{
								position: relative;
								display: block;
								margin: 0 auto;
								padding: 0;
								width: 18px;
								height: 17px;
								cursor: pointer;
								background: url('../images/ico-cerrar-tarifas.png') no-repeat 0 0;
							}
						}
					}
					tbody{
						td{
							position: relative;
							padding: 0;
							//height: 100px;
							background: #f8f8f8;
							color: #686868;
							border: 1px solid #e1e1e1;
							text-align: center;
							font: 20px/20px @montserrat;
							font-weight: @montserrat-regular;
							vertical-align: middle;

							p{
								position: relative;
								display: block;
								margin: 0;
								padding: 0;
								width: 180px;
								//height: 44px;
								float: left;
							}

							img{
								position: relative;
								display: block;
								margin: 0;
								padding: 0;
								width: auto;
								height: auto;
							}

							&.solo-alojamiento{
								//background: url('../images/ico-solo-alojamiento.png') no-repeat 62% center #f8f8f8;
							}
							&.desayuno-incluido{
								//background: url('../images/ico-desayuno-incluido.png') no-repeat 75% center #f8f8f8;
							}
							&.premium-desayuno{
								//background: url('../images/ico-premium-desayuno.png') no-repeat 79% center #f8f8f8;
							}

							&:first-of-type{
								padding: 20px 30px;
								text-align: left;
								font: 14px/20px @montserrat;
								border-right: none;
							}

							&.iconos{
								border-left: none;
								width: 25%;
								vertical-align: middle;
							}

							span{
								position: relative;
								display: block;
								margin: 0;
								padding: 0;
								font: 12px/20px @montserrat;
								color: #5c5c5c;
							}

							.recomendada{
								position: absolute;
								display: block;
								margin: 0;
								padding: 0;
								width: 43px;
								height: 75px;
								right: 10px;
								top: -6px;
								background: url('../images/ico-tarifa-recomendada-tipo3.png') no-repeat 0 0;
							}

							.seleccionar-tarifa{
								position: relative;
								display: inline-block;
								margin: 0 auto;
								padding: 0 20px;
								height: 43px;
								width: auto;
								font: 10px/43px @montserrat;
								font-weight: @montserrat-regular;
								color: @blanco;
								text-decoration: none;
								background: @dorado;
								text-align: center;
							}
						}
					}
					tfoot{
						tr{
							th{
								background: rgba(0, 0, 0, 0.8);
							}
						}
					}
				}
			}

		}

		.gridRoomDisplay{
			.banner{
				.inner-banner{
					max-width: 300px;

					.detalles{
						h3{
							padding-top: 10px;
							font: 18px/22px @montserrat;
							font-weight: @montserrat-regular;
							margin-bottom: 5px;
						}

						p{
							margin-bottom: 5px;
						}
					}
				}
			}
		}

		.botonesRoomDisplay{
			position: relative;
			display: block;
			margin: 0;
			padding: 0;
			text-align: right;

			a{
				position: relative;
				display: inline-block;
				margin: 0 5px;
				padding: 0 30px;
				background: @dorado;
				color: @blanco;
				height: 63px;
				width: 100%;
				max-width: 260px;
				text-align: center;
				font: 14px/63px @montserrat;
				font-weight: @montserrat-bold;
				text-transform: uppercase;
				text-decoration: none;


				&.disabled{
					background: #d7cdaf;
					cursor: not-allowed;
				}

				&:last-of-type{
					margin-right: 0;
				}
			}
		}
	}

	.cuerpo{
		.listadoHoteles{
			position: relative;
			display: block;
			margin: 0;
			padding: 0;
			box-sizing: border-box;
			overflow: hidden;

			.banner{
				margin: 0 0 10px;
				padding: 0 5px;

				.detalles{
					padding: 15px 0;
					background: rgba(0,0,0,0.6);
					width: 100%;
					top: 10px;

					h3{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;
						text-align: center;
						font: 14px/18px @montserrat;
						font-weight: @montserrat-bold;
						color: @blanco;
					}

					.ver-mas{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;
						text-align: center;
						color: @blanco;
						text-decoration: underline;
						font: 10px/14px @montserrat;
						font-weight: @montserrat-regular;
					}
				}

				.mas-info{
					position: absolute;
					display: block;
					margin: 0;
					padding: 0;
					width: 100%;
					text-align: center;
					height: 38px;
					background: transparent;
					bottom: 10px;
					top: inherit;

					span{
						position: relative;
						display: block;
						margin: 0 auto;
						padding: 0;
						width: 238px;
						text-align: center;
						background: @dorado;
						color: @blanco;
						font: 14px/38px @montserrat;
						font-weight: @montserrat-regular;
					}
				}
			}
		}
	}

	.cuerpo-checkout{
		position: relative;
		display: block;
		margin: 0;
		padding: 50px 0 0 0;
		overflow: hidden;
		box-sizing: border-box;
		width: 100%;

		&.confirmacion{

			.titulo{
				h1,
				h2,
				h3{
					position: relative;
					display: block;
					margin: 0 0 15px 0;
					padding: 0;
					font: 40px/40px @montserrat;
					font-weight: @montserrat-bold;
					color: @dorado;
				}

				p{
					position: relative;
					display: block;
					margin: 0;
					padding: 0;
					font: 16px/20px @montserrat;
					font-weight: @montserrat-bold;
					color: #908c8e;
				}
			}

			h4{
				position: relative;
				display: block;
				margin: 0 0 20px 0;
				padding: 0;
				font: 18px/22px @montserrat;
				font-weight: @montserrat-regular;
				color: #5e5e5e;
			}

			.opcionesEstancia{
				position: relative;
				display: block;
				margin: 0;
				padding: 0;
				overflow: hidden;
				box-sizing: border-box;

				ul{
					position: relative;
					display: block;
					margin: 0;
					padding: 0;
					list-style: none;

					li{
						position: relative;
						display: block;
						margin: 0 3.5% 0 0;
						padding: 0;
						float: left;
						width: 31%;

						&:last-of-type{
							margin-right: 0;
						}

						.banner{
							position: relative;
							display: block;
							margin: 0;
							padding: 0;
							width: 100%;
							box-sizing: border-box;
							overflow: hidden;

							a{
								position: relative;
								display: block;
								margin: 0;
								padding: 0;

								img{
									position: relative;
									display: block;
									margin: 0;
									padding: 0;
									width: 100%;
									height: auto;
								}

								.detalles{
									position: absolute;
									display: block;
									margin: 0;
									padding: 0;
									left: 15px;
									bottom: 15px;

									h3{
										position: relative;
										display: block;
										margin: 0;
										padding: 0;
										font: 16px/20px @montserrat;
										font-weight: @montserrat-bold;
										color: @blanco;
										text-transform: uppercase;
									}
								}
							}
						}
					}
				}
			}
		}

		.boxDetallesReserva{
			position: relative;
			display: block;
			margin: 0 0 30px 0;
			padding: 0;
			overflow: hidden;
			box-sizing: border-box;
			background: #f0ece1;

			.titulo{
				position: relative;
				display: block;
				margin: 0;
				padding: 0 0 0 25px;
				background: #312e2b;
				color: @blanco;
				height: 64px;
				box-sizing: border-box;

				h4{
					position: relative;
					display: block;
					margin: 0;
					padding: 0;
					color: @blanco;
					font: 18px/64px @montserrat;
					font-weight: @montserrat-regular;

					strong{
						color: @dorado;
						font-weight: @montserrat-bold;
					}
				}
			}

			.detalles{
				position: relative;
				display: block;
				margin: 0;
				padding: 20px 15px 15px 15px;
				overflow: hidden;
				box-sizing: border-box;
				background: url('../images/ico-flecha-detalles-checkout.png') no-repeat 77px -3px;

				.datos{
					position: relative;
					display: block;
					margin: 0 0 20px 0;
					padding: 0;
					overflow: hidden;
					box-sizing: border-box;

					.especial{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;
						width: 100%;
						text-align: center;
						font: 88px/50px @montserrat;
						font-weight: @montserrat-bold;
						color: @dorado;
					}

					p{
						position: relative;
						display: block;
						margin: 0 0 10px 0;
						padding: 0;
						font: 16px/24px @montserrat;
						font-weight: @montserrat-bold;
						color: #5e5e5e;

						strong{
							color: @dorado;
							font: 26px/24px @montserrat;
							font-weight: @montserrat-bold;
						}
					}

					ul{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;
						list-style: none;
						width: 100%;

						li{
							position: relative;
							display: block;
							margin: 0;
							padding: 0 0 0 20px;
							width: 25%;
							float: left;
							font: 14px/19px @montserrat;
							font-weight: @montserrat-bold;
							color: #5e5e5e;

							&.localizacion{
								padding-left: 21px;
								background: url('../images/ico-localizacion-checkout.png') no-repeat left center;
							}
							&.fechas{
								padding-left: 27px;
								background: url('../images/ico-fechas-checkout.png') no-repeat left center;
							}
							&.habitaciones{
								padding-left: 28px;
								background: url('../images/ico-habitaciones-checkout.png') no-repeat left center;
							}
							&.huespedes{
								padding-left: 30px;
								background: url('../images/ico-huespedes-checkout.png') no-repeat left center;
							}
						}
					}
				}

				.habitacion{
					position: relative;
					display: block;
					margin: 0 0 15px 0;
					padding: 0;
					box-sizing: border-box;
					width: 100%;
					height: 133px;
					clear: both;
					background: @blanco;
					overflow: hidden;

					.imagen{
						position: relative;
						display: block;
						margin: 0;
						padding: 10px;

						img{
							position: relative;
							display: block;
							margin: 0;
							padding: 0;
							width: 100%;
							height: auto;
						}
					}

					.info-habitacion{
						position: relative;
						display: block;
						margin: 0;
						padding: 15px 0 0 0;
						overflow: hidden;

						h5{
							position: relative;
							display: block;
							margin: 0 0 5px 0;
							padding: 0;
							font: 18px/22px @montserrat;
							font-weight: @montserrat-bold;
							color: @dorado;
						}

						p{
							position: relative;
							display: block;
							margin: 0 0 15px 0;
							padding: 0;
							text-transform: uppercase;
							font: 12px/16px @montserrat;
							font-weight: @montserrat-bold;
							color: #4c4549;
						}

						ul{
							position: relative;
							display: block;
							margin: 0;
							padding: 0;
							list-style: none;

							li{
								position: relative;
								display: block;
								margin: 0;
								padding: 0;
								width: 50%;
								float: left;

								&.fechas{
									padding-left: 27px;
									background: url('../images/ico-fechas-checkout.png') no-repeat left center;
								}

								&.huespedes{
									padding-left: 30px;
									background: url('../images/ico-huespedes-checkout.png') no-repeat left center;
								}
							}
						}
					}

					.numero-reserva{
						position: relative;
						display: block;
						margin: 0;
						padding: 35px 0 0 0;
						width: 100%;
						height: 133px;
						box-sizing: border-box;
						background: @dorado;
						color: @blanco;
						text-align: center;
						font: 16px/30px @montserrat;
						font-weight: @montserrat-bold;

						em{
							position: relative;
							display: block;
							margin: 0;
							padding: 0;
							font: 30px/20px @montserrat;
							font-weight: @montserrat-bold;
						}
					}
				}

				.botones{
					position: relative;
					display: block;
					margin: 0;
					padding: 0;
					text-align: right;

					a{
						position: relative;
						display: inline-block;
						margin: 0 5px;
						padding: 0 0 0 50px;
						text-align: left;
						width: 220px;
						height: 45px;
						color: @blanco;
						text-transform: uppercase;
						font: 14px/45px @montserrat;
						font-weight: @montserrat-regular;

						&:last-of-type{
							margin-right: 0;
						}

						&.imprimir{
							background: url('../images/ico-imprimir-checkout.png') no-repeat 90% center @dorado;
						}
						&.pdf{
							background: url('../images/ico-pdf-checkout.png') no-repeat 90% center @dorado;
						}
					}
				}
			}
		}

		form{

			position: relative;
			display: block;
			margin: 0 0 30px 0;
			padding: 0;
			//overflow: hidden;
			box-sizing: border-box;
		}

		.titulo{
			position: relative;
			display: block;
			margin: 0 0 20px 0;
			padding: 0;

			h1,
			h2,
			h3{
				position: relative;
				display: block;
				margin: 0;
				padding: 0;
				font: 14px/14px @montserrat;
				font-weight: @montserrat-bold;
				color: #646464;
			}
		}

		.viaje-titular{
			position: relative;
			display: block;
			margin: 0 0 20px 0;
			padding: 20px 25px;
			background: #f0ece1;
			// overflow: hidden;
			min-height: 80px;

			.form-group{
				// overflow: hidden;
				height: auto;
				min-height: inherit;

				&:last-of-type{
					input{
						margin-bottom: 0;
					}
				}
			}

			label{
				position: relative;
				display: block;
				margin: 0;
				padding: 0;
				color: #898482;
				font: 14px/14px @montserrat;
				font-weight: @montserrat-bold;

				input{
					margin-right: 10px;
				}
			}

			input{
				margin-bottom: 20px;
			}
		}

		.datos-personales{
			position: relative;
			display: block;
			margin: 0 0 25px 0;
			padding: 0;
			overflow: hidden;

		}

		.form-group{
			margin-bottom: 20px;
			overflow: visible;
			min-height: 90px;
			clear: both;

			&:last-of-type{
				margin-bottom: 0;
			}

			span.ok{
				position: relative;
				display: inline-block;
				margin: 0;
				padding: 25px 0 0 30px;
				color: #7faf6c;
				font: 16px/45px @montserrat;
				font-weight: @montserrat-regular;

				&:before{
					content: '';
					position: absolute;
					display: block;
					margin: 0;
					padding: 0;
					background: url('../images/ico-ok.png') no-repeat left center;
					width: 19px;
					height: 45px;
					left: 0;

				}
			}

			label{
				margin-bottom: 5px;
				font: 14px/16px @montserrat;
				font-weight: @montserrat-bold;
				color: #898482;
				display: block;

				input[type=checkbox]{
					margin-right: 10px;
				}

				&.lopd{
					font: 12px/14px @montserrat;
					font-weight: @montserrat-regular;

					a{
						color: #4c4549;
						text-decoration: underline;

						&:hover{
							color: #4c4549;
						}
					}
				}
			}

			input[type=text],
			input[type=tel],
			input[type=email],
			select{
				border: 1px solid #e0e0e0;
				box-shadow: none;
				border-radius: 0;
				height: 56px;
				font: 14px/56px @montserrat;
				font-weight: @montserrat-regular;
				color: #4c4549;

				&.fecha-tarjeta{
					width: 48%;
					display: inline-block;
				}

				&.sufijo{
					width: 30%;
					display: inline-block;
				}

				&.telefono{
					display: inline-block;
					width: 66%;
				}
			}

			textarea{
				border: 1px solid #e0e0e0;
				box-shadow: none;
				border-radius: 0;
				height: 100px;
				font: 14px/18px @montserrat;
				font-weight: @montserrat-regular;
				color: #4c4549;
			}

			.tarjetas{
				position: relative;
				display: block;
				margin: 0;
				padding: 30px 0 0 0;
				width: 100%;

				a{
					position: relative;
					display: inline-block;
					margin: 0 5px;
					padding: 0;
					max-width: 64px;
					width: 100%;
					height: 42px;
					cursor: default;

					&:first-of-type{
						margin-left: 0;
					}

					&.ok{
						background: url('../images/tarjetas/ok_off.png') no-repeat 0 0;

						&.on{
							background: url('../images/tarjetas/ok.png') no-repeat 0 0;
						}
					}

					&.visa{
						background: url('../images/tarjetas/visa_off.png') no-repeat 0 0;

						&.on{
							background: url('../images/tarjetas/visa.png') no-repeat 0 0;
						}
					}
					&.amex{
						background: url('../images/tarjetas/american_express_off.png') no-repeat 0 0;

						&.on{
							background: url('../images/tarjetas/american_express.png') no-repeat 0 0;
						}
					}
					&.mastercard{
						background: url('../images/tarjetas/mastercard_off.png') no-repeat 0 0;

						&.on{
							background: url('../images/tarjetas/mastercard.png') no-repeat 0 0;
						}
					}
					&.discover{
						background: url('../images/tarjetas/discover_off.png') no-repeat 0 0;

						&.on{
							background: url('../images/tarjetas/discover.png') no-repeat 0 0;
						}
					}
					&.maestro{
						background: url('../images/tarjetas/maestro_off.png') no-repeat 0 0;

						&.on{
							background: url('../images/tarjetas/maestro.png') no-repeat 0 0;
						}
					}
					&.diners_club_international{
						background: url('../images/tarjetas/diners_club_international_off.png') no-repeat 0 0;

						&.on{
							background: url('../images/tarjetas/diners_club_international.png') no-repeat 0 0;
						}
					}

					&.diners_club_carte_blanche{
						background: url('../images/tarjetas/diners_club_international_off.png') no-repeat 0 0;

						&.on{
							background: url('../images/tarjetas/diners_club_international.png') no-repeat 0 0;
						}
					}

					&.jcb{
						background: url('../images/tarjetas/jcb_off.png') no-repeat 0 0;

						&.on{
							background: url('../images/tarjetas/jcb.png') no-repeat 0 0;
						}
					}

					&.elo{
						background: url('../images/tarjetas/elo_off.png') no-repeat 0 0;

						&.on{
							background: url('../images/tarjetas/elo.png') no-repeat 0 0;
						}
					}

					&.paypal{
						background: url('../images/tarjetas/paypal_off.png') no-repeat 0 0;

						&.on{
							background: url('../images/tarjetas/paypal.png') no-repeat 0 0;
						}
					}
				}
			}

			.img-tarjetas{
				position: relative;
				display: block;
				margin: 27px 0 0 0;
				padding: 0;
			}

			.info-campos{
				position: relative;
				display: block;
				margin: 0 0 10px 0;
				padding: 0;
				font: 12px/16px @montserrat;
				font-weight: @montserrat-bold;
				color: #282828;
			}

			.boton{
				position: relative;
				display: block;
				margin: 0;
				padding: 0;
				width: 100%;
				border: 0;
				text-align: center;
				color: @blanco;
				font: 16px/20px @montserrat;
				font-weight: @montserrat-bold;
				height: 80px;
				background: @dorado;
			}
		}

		.preferencias-habitacion,
		.metodo-pago{
			position: relative;
			display: block;
			margin: 0 0 25px 0;
			padding: 35px;
			background: #f0ece1;

			&.cerrado{
				padding: 5px 0 10px 0;

				.habitacion{
					margin: -10px 0 0 0;
				}

				h5{
					display: none;
				}

				.form-group{
					display: none;
				}
			}

			.habitacion,
			.titulo{
				position: relative;
				display: block;
				margin: -40px 0 25px -35px;
				padding: 0;

				h4{
					position: relative;
					display: block;
					margin: 0;
					padding: 0 10px 0 40px;
					width: 100%;
					max-width: 465px;
					max-width: 580px;
					height: 45px;
					background: @dorado;
					color: @blanco;
					font: 14px/45px @montserrat;
					font-weight: @montserrat-regular;

					span.accion{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;
						float: right;
						background: url('../images/ico-abrir-habitacion.png') no-repeat 0 0;
						width: 14px;
						height: 13px;
						top: 16px;
						cursor: pointer;

						&.abierto{
							background: url('../images/ico-cerrar-habitacion.png') no-repeat 0 0;
							width: 12px;
							height: 4px;
							top: 21px;
						}
					}
				}
			}

			h5{
				position: relative;
				display: block;
				margin: 0 0 25px 0;
				padding: 0;
				font: 14px/18px @montserrat;
				font-weight: @montserrat-regular;
				color: #646464;
				text-transform: uppercase;
			}
		}

		.metodo-pago{
			.titulo{
				h4{max-width: 200px;}
			}
		}

	}

	.btn-continuar-proceso{
		position: relative;
		display: block;
		margin: 0;
		padding: 22px 20px;
		width: 100%;
		text-align: center;
		color: @blanco;
		font: 12px/16px @montserrat;
		font-weight: @montserrat-bold;
		text-transform: uppercase;
		background: #70dd5e;
	}

	.habitaciones-restantes{
		position: relative;
		display: block;
		margin: 60px 0 0 0;
		padding: 0;
		font: 12px/16px @montserrat;
		font-weight: @montserrat-regular;
		color: @negro;
	}

	#new-pasosTab{
		position: relative;
		display: block;
		margin: 0 0 20px 0;
		padding: 0;
		overflow: hidden;

		&.paso1{
			.progreso{

				&.una{

					span{
						width: 100%;
					}

				}

				&.dos{

					span{
						width: 50%;
					}

				}

				&.tres{

					span{
						width: 33%;
					}

				}

			}
		}

		&.paso2{
			.progreso{

				&.dos{

					span{
						width: 100%;
					}

				}

				&.tres{

					span{
						width: 66%;
					}

				}

			}
		}

		&.paso3{
			.progreso{

				&.tres{

					span{
						width: 100%;
					}

				}

			}
		}

		&.dos{
			ul{
				li{
					&:last-of-type{
						border: none;

						&:before{
							content: '2';
						}
					}
				}
			}
		}

		.progreso{
			position: absolute;
			display: block;
			margin: 0;
			padding: 2px;
			left: 0;
			bottom: 0;
			width: 100%;
			height: 12px;
			box-sizing: border-box;
			background: #e5e5e5;
			border-radius: 5px;

			&.una{
				width: 33%;
			}

			&.dos{
				width: 66%;
			}

			&.tres{
				width: 100%;
			}

			span{
				position: relative;
				display: block;
				margin: 0;
				padding: 0;
				height: 8px;
				background: @dorado;
				border-radius: 5px;
			}
		}

		ul{
			position: relative;
			display: block;
			margin: 0;
			padding: 0;
			list-style: none;
			z-index: 2;

			li{
				position: relative;
				display: block;
				margin: 0;
				padding: 14px 40px 30px 40px;
				float: left;
				width: 33.3%;
				max-height: 76px;
				border-right: 1px solid #cecdcd;

				&.ok{
					background: url('../images/ico-sel-room.png') no-repeat 95% 20px;
				}

				&:before{
					content: '2';
					position: absolute;
					display: block;
					margin: 0;
					padding: 0;
					font: 35px/35px @montserrat;
					font-weight: @montserrat-regular;
					color: rgba(0, 0, 0, 0.4);
					left: 10px;
					top: 12px;
				}

				&:last-of-type{
					border: none;

					&:before{
						content: '3';
					}
				}

				&:first-of-type{
					padding-left: 25px;
					&:before{
						content: '1';
						left: 0;
					}

				}

				.no-dispo{
					position: absolute;
					display: block;
					margin: 0;
					padding: 0;
					top: 0;
					font: 10px/14px @montserrat;
					font-weight: @montserrat-bold;
					color: #b03337;
					text-transform: uppercase;
				}

				p{
					position: relative;
					display: block;
					margin: 0;
					padding: 0;
					font: 12px/16px @montserrat;
					font-weight: @montserrat-black;
				}

				span{
					position: relative;
					display: block;
					margin: 0;
					padding: 0;
					font: 12px/16px @montserrat;
					font-weight: @montserrat-bold;
					color: @dorado;
					text-transform: uppercase;
				}
			}
		}
	}

	#pasosTab{
		position: relative;
		display: block;
		margin: 0;
		padding: 0;

		&.pagos-recurrentes{
			margin-bottom: 20px;

			ul{
				li{
					width: 50%;
				}
			}
		}

		ul{
			position: relative;
			display: block;
			margin: 0;
			padding: 0;
			list-style: none;
			overflow: hidden;
			clear: both;
			width: 100%;
			box-sizing: border-box;

			&.paso3{
				li{
					background: url('../images/ico-flecha-pagos-first.png') no-repeat center right @azulClaro;

					&:first-of-type{
						background: url('../images/ico-flecha-pagos.png') no-repeat center right @azulClaro;
					}

					&:last-of-type{
						background-image: none;
					}
				}
			}

			li{
				position: relative;
				display: block;
				margin: 0;
				padding: 0 0 0 24px;
				float: left;
				background: url('../images/ico-flecha-pagos.png') no-repeat center right @azulClaro;
				color: @blanco;
				width: 33.3%;
				height: 54px;
				font: 14px/54px @montserrat;
				font-weight: @montserrat-regular;

				&:first-of-type{
					background-image: url('../images/ico-flecha-pagos-first.png');
				}

				&:last-of-type{
					background-image: none;
				}

				&.active{
					background: url('../images/ico-flecha-pagos-activo.png') no-repeat center right @azulon;

					&:last-of-type{
						background-image: none;
					}

				}
			}
		}
	}

	&.centro-pagos{
		header{
			.texto{
				display: none;
			}
		}

		.tarjetas{
			position: relative;
			display: block;
			margin: 0;
			padding: 10px 0;
			width: 100%;

			a{
				position: relative;
				display: inline-block;
				margin: 0 5px;
				padding: 0;
				max-width: 64px;
				width: 100%;
				height: 42px;
				cursor: default;

				&:first-of-type{
					margin-left: 0;
				}

				&.ok{
					background: url('../images/tarjetas/ok_off.png') no-repeat 0 0;

					&.on{
						background: url('../images/tarjetas/ok.png') no-repeat 0 0;
					}
				}

				&.visa{
					background: url('../images/tarjetas/visa_off.png') no-repeat 0 0;

					&.on{
						background: url('../images/tarjetas/visa.png') no-repeat 0 0;
					}
				}
				&.amex{
					background: url('../images/tarjetas/american_express_off.png') no-repeat 0 0;

					&.on{
						background: url('../images/tarjetas/american_express.png') no-repeat 0 0;
					}
				}
				&.mastercard{
					background: url('../images/tarjetas/mastercard_off.png') no-repeat 0 0;

					&.on{
						background: url('../images/tarjetas/mastercard.png') no-repeat 0 0;
					}
				}
				&.discover{
					background: url('../images/tarjetas/discover_off.png') no-repeat 0 0;

					&.on{
						background: url('../images/tarjetas/discover.png') no-repeat 0 0;
					}
				}
				&.maestro{
					background: url('../images/tarjetas/maestro_off.png') no-repeat 0 0;

					&.on{
						background: url('../images/tarjetas/maestro.png') no-repeat 0 0;
					}
				}
				&.diners_club_international{
					background: url('../images/tarjetas/diners_club_international_off.png') no-repeat 0 0;

					&.on{
						background: url('../images/tarjetas/diners_club_international.png') no-repeat 0 0;
					}
				}

				&.diners_club_carte_blanche{
					background: url('../images/tarjetas/diners_club_international_off.png') no-repeat 0 0;

					&.on{
						background: url('../images/tarjetas/diners_club_international.png') no-repeat 0 0;
					}
				}

				&.jcb{
					background: url('../images/tarjetas/jcb_off.png') no-repeat 0 0;

					&.on{
						background: url('../images/tarjetas/jcb.png') no-repeat 0 0;
					}
				}

				&.elo{
					background: url('../images/tarjetas/elo_off.png') no-repeat 0 0;

					&.on{
						background: url('../images/tarjetas/elo.png') no-repeat 0 0;
					}
				}

				&.paypal{
					background: url('../images/tarjetas/paypal_off.png') no-repeat 0 0;

					&.on{
						background: url('../images/tarjetas/paypal.png') no-repeat 0 0;
					}
				}
			}
		}

		#finder{
			display: none;
		}

		.carousel{
			max-height: 640px;

			.carousel-inner{
				.item{
					.carousel-caption{
						font: 30px/36px @montserrat;
						font-weight: @montserrat-regular;
						top: 50%;
						left: 0;
						text-align: center;
						width: 100%;
						text-transform: uppercase;
						letter-spacing: 20px;
					}
				}
			}
		}

		.cuerpo{
			.texto{
				padding: 0;

				h1, h2{
					color: @azulon;
				}
			}

			#boxListadoInfo{
				.view-data{
					table{
						&.conceptos{
							td{
								input[type="checkbox"]{
									width: 10px !important;
								}
							}
						}
					}
				}
			}
		}

		.cuerpo{

			table{
				&.pago-recurrente{
					border: 2px solid #356d9a;
					border-collapse: collapse;
					width: 100%;
					margin-bottom: 20px;

					thead{
						background: #356d9a;
						color: white;

						th{
							text-align: center;
							height: 50px;
							width: 16.6%;
							font: 16px/18px @montserrat;
							font-weight: @montserrat-regular
						}
					}

					tbody{
						tr{
							&:nth-child(odd) {
								background: #f4f4f4;
							}
						}
						td{
							padding: 0 15px;
							height: 50px;
							text-align: center;
							color: #4e4e4e;
							font: 14px/17px @montserrat;
							font-weight: @montserrat-regular;
						}
					}
				}
			}

			.boton{
				position: relative;
				display: inline-block;
				margin: 0;
				padding: 0;
				background: @azulon;
				font: 16px/16px @montserrat;
				font-weight: @montserrat-bold;
				color: @blanco;
				text-decoration: none;
				border: none;
				text-align: center;
				width: 311px;
				height: 64px;
				border-radius: 2px;

				&.autorizar-pago{
					font: 16px/64px @montserrat;
					font-weight: @montserrat-bold;
				}
			}

			.botones-accion{
				position: relative;
				display: block;
				margin: 0 0 30px 0;
				padding: 0;
				box-sizing: border-box;

				&.derecha{
					padding-right: 30px;
					text-align: right;
				}
			}


			#pasosTab{
				position: relative;
				display: block;
				margin: 0;
				padding: 0;

				&.pagos-recurrentes{
					margin-bottom: 20px;

					ul{
						li{
							width: 50%;
						}
					}
				}

				ul{
					position: relative;
					display: block;
					margin: 0;
					padding: 0;
					list-style: none;
					overflow: hidden;
					clear: both;
					width: 100%;
					box-sizing: border-box;

					&.paso3{
						li{
							background: url('../images/ico-flecha-pagos-first.png') no-repeat center right @azulClaro;

							&:first-of-type{
								background: url('../images/ico-flecha-pagos.png') no-repeat center right @azulClaro;
							}

							&:last-of-type{
								background-image: none;
							}
						}
					}

					li{
						position: relative;
						display: block;
						margin: 0;
						padding: 0 0 0 24px;
						float: left;
						background: url('../images/ico-flecha-pagos.png') no-repeat center right @azulClaro;
						color: @blanco;
						width: 33.3%;
						height: 54px;
						font: 14px/54px @montserrat;
						font-weight: @montserrat-regular;

						&:first-of-type{
							background-image: url('../images/ico-flecha-pagos-first.png');
						}

						&:last-of-type{
							background-image: none;
						}

						&.active{
							background: url('../images/ico-flecha-pagos-activo.png') no-repeat center right @azulon;

							&:last-of-type{
								background-image: none;
							}

						}
					}
				}
			}

			#boxListadoInfo{
				overflow: hidden;

				.view-data{

					.otroConcepto{
						position: relative;
						display: block;
						margin: 0;
						padding: 15px 15px 0 25px;

						.form-group{
							margin-bottom: 20px;

							&:last-of-type{
								margin-bottom: 0;
							}
						}

						label{
							width: 100%;
							max-width: 160px !important;
							color: #525252 !important;

							&.total{
								font: 22px/22px @montserrat;
								font-weight: @montserrat-regular;
								max-width: 230px !important;
							}
						}

						span{
							position: relative;
							display: inline-block;
							margin: 0;
							padding: 0;
							width: 100%;
							max-width: 200px;
							font: 22px/22px @montserrat;
							font-weight: @montserrat-regular;

							em{
								position: relative;
								display: inline-block;
								margin: 0 0 0 42px;
								padding: 0;
								font-style: normal;
							}
						}

						input[type="text"],
						select{
							position: relative;
							display: inline-block;
							margin: 0 25px 0 0;
							padding: 0 30px;
							font: 14px/43px @montserrat;
							font-weight: @montserrat-regular;
							box-sizing: border-box;
							background: #f9f9f9;
							border: 1px solid #d4d4d4;
							color: #525252;
							width: 100%;
							height: 43px;
							max-width: 160px;
							text-align: right;
						}
					}

					.tarjetaElegida{
						width: 450px;
						overflow: hidden;

						tbody{
							tr{
								td{
									height: 100px;
									img{
										position: relative;
										display: block;
										margin: 0 60px 0 0;
										padding: 0;
										float: left;
									}
									span{
										position: relative;
										display: block;
										margin: 0;
										padding: 0;
										color: @azulon;
										font: 14px/20px @montserrat;
										font-weight: @montserrat-regular;
										float: left;

										em{
											position: relative;
											display: block;
											margin: 0;
											padding: 0;
											font-style: normal;
											color: #4e4e4e;
										}
									}
								}
							}
						}
					}

					.datosPago{
						position: relative;
						display: block;
						margin: 0;
						padding: 20px 30px 30px 30px;
						overflow: hidden;

						&.pagos-recurrentes{
							border-left: 2px solid @azulon;
							padding-bottom: 0;
						}

						img.pago-seguro{
							margin: 0 15px 0 0 !important;
						}

						.boton{
							position: relative;
							display: inline-block;
							margin: 0;
							padding: 0;
							background: @azulon;
							font: 16px/16px @montserrat;
							font-weight: @montserrat-bold;
							color: @blanco;
							text-decoration: none;
							border: none;
							text-align: center;
							width: 311px;
							height: 64px;
							border-radius: 2px;
						}

						.form-group{
							margin-bottom: 15px;

							label{
								display: block;
								width: auto;

								&.checkbox.tarjeta{
									width: auto !important;
									max-width: 100% !important;
									color: #525252 !important;
									font: 14px/16px @montserrat !important;
									font-weight: @montserrat-regular !important;
									top: 20px;
									cursor: pointer;

								}
							}

							select{
								position: relative;
								display: inline-block;
								margin: 0;
								padding: 0 30px;
								width: 260px;
								font: 14px/64px @montserrat;
								height: 64px;
								box-sizing: border-box;
								// background: url('../images/ico-flecha-select.png') no-repeat 95% center #f9f9f9;
								background: #f9f9f9;
								border: 1px solid #d4d4d4;
								box-shadow: none;
								color: #525252;
							}

							img{
								position: relative;
								display: inline-block;
								margin: 0 0 0 90px;
								padding: 0;
								width: auto;
								height: auto;
							}

							input[type=text]{
								position: relative;
								display: block;
								margin: 0;
								padding: 0 30px;
								font: 14px/60px @montserrat;
								font-weight: @montserrat-regular;
								box-sizing: border-box;
								background: #f9f9f9;
								border: 1px solid #d4d4d4;
								color: #525252;
								width: 100% !important;
								max-width: 100% !important;
								height: 60px !important;
								border-radius: 5px;

								&.cvv{
									width: 260px !important;
								}
							}
						}
					}

					table{
						&.conceptos{
							border-top: 0 !important;
							border-left: 0 !important;
							width: 450px;

							&.pagos-recurrentes{
								tbody{
									td{
										&.derecha{
											text-align: right;
										}
									}
								}
							}

							tbody{
								border-left: 2px solid @azulon;
								width: 100%;
								// display: block;
							    height: 117px;
							    overflow-y: auto;
							    overflow-x: hidden;

							    td{
							    	width: 225px;
							    }
							}
						}
					}
					input{
						width: auto !important;
						height: auto !important;
						margin-right: 5px;
					}
				}
			}
		}

		.sidebar{
			#widgetMiCuenta{
				ul{
					li{
						a{
							&.active{
								background: @azulon;
							}
						}
					}
				}
			}
		}
	}

	&.resorts-exclusive{
		header{
			.texto{
				display: none;
			}
		}

		.carousel{
			max-height: 640px;

			.carousel-inner{
				.item{
					.carousel-caption{
						font: 30px/36px @montserrat;
						font-weight: @montserrat-regular;
						top: 50%;
						left: 0;
						text-align: center;
						width: 100%;
						text-transform: uppercase;
						letter-spacing: 20px;
					}
				}
			}
		}

		.cuerpo{
			padding: 30px 0 0 0;
		}
	}

	.oferta{
		position: relative;
		display: block;
		margin: 0 0 20px 0;
		padding: 0;
		overflow: hidden;
		box-sizing: border-box;
		width: 100%;

		.imagen{
			position: relative;
			display: block;
			margin: 0;
			padding: 0;
			width: 100%;
			height: auto;

			h4{
				position: absolute;
				display: block;
				margin: 0;
				padding: 0;
				left: 0;
				top: 10px;
				width: 100%;
				height: 42px;
				background: rgba(0, 0, 0, 0.6);
				color: @blanco;
				text-align: center;
				text-transform: uppercase;
				font: 16px/42px @montserrat;
				font-weight: @montserrat-bold;
				z-index: 2;
			}

			img{
				position: relative;
				display: block;
				margin: 0;
				padding: 0;
				width: 100%;
				height: auto;
			}
		}

		.fechas{
			position: relative;
			display: block;
			margin: 0;
			padding: 0 30px;
			background: url('../images/bg-fechas-oferta.png') repeat-x 0 0;
			height: 45px;

			p{
				position: relative;
				display: block;
				margin: 0;
				padding: 0;
				font: 18px/45px @montserrat;
				font-weight: @montserrat-regular;
				color: @blanco;

				strong{
					color: @dorado;
					font-weight: @montserrat-bold;
				}
			}
		}

		.packs{
			position: relative;
			display: block;
			margin: 0;
			padding: 0;
			overflow: hidden;
			box-sizing: border-box;
			background: #ebe6d7;

			ul{
				position: relative;
				display: block;
				margin: 0;
				padding: 0;
				overflow: hidden;
				list-style: none;

				li{
					position: relative;
					display: block;
					margin: 20px 0;
					padding: 0 15px;
					width: 33.3%;
					float: left;

					&:nth-child(odd){
						.ver-tarifas{
							background-color: #886e26;
						}
					}


					.pack{
						position: relative;
						display: block;
						margin: 0;
						padding: 0 10px;

						.detalles{
							position: relative;
							display: block;
							margin: 0;
							padding: 20px;
							background: @blanco;
							min-height: 143px;

							h5{
								position: relative;
								display: block;
								margin: 0 0 5px 0;
								padding: 0;
								font: 18px/22px @montserrat;
								font-weight: @montserrat-medium;
								color: #000000;
								min-height: 66px;
							}

							p{
								position: relative;
								display: block;
								margin: 0;
								padding: 0;
								font: 12px/16px @montserrat;
								font-weight: @montserrat-regular;
								color: #4c4549;
							}
						}

						.info-tarifa{
							position: relative;
							display: block;
							margin: 0;
							padding:  0 20px 20px 20px;
							background: @blanco;

							p{
								position: relative;
								display: block;
								margin: 0;
								padding: 0;
								font: 12px/16px @montserrat;
								font-weight: @montserrat-regular;
								color: #4c4549;
								text-transform: uppercase;
							}
						}

					}

					.ver-tarifas{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;
						background: url('../images/ico-flecha-ver-tarifas.png') no-repeat 93% center #b69740;
						color: @blanco;
						height: 86px;
						z-index: 3;

						a{
							position: relative;
							display: block;
							margin: 0;
							padding: 13px 0 0 34px;
							width: 100%;
							height: auto;
							text-decoration: none;
							color: transparent;
							outline: none;

							p{
								position: relative;
								display: block;
								margin: 0;
								padding: 0;
								&.precio-desde{
									margin-bottom: 5px;
									color: #4d420f;
									font: 10px/14px @montserrat;
									font-weight: @montserrat-regular;

									span{
										font: 18px/21px @montserrat;
										font-weight: @montserrat-regular;
									}
								}

								&.precio-reserva{
									color: @blanco;
									font: 30px/34px @montserrat;
									font-weight: @montserrat-regular;

									sup{
										font-size: 14px;
									}

									span{
										display: inline-block;
										margin-right: 7px;
										font: 12px/12px @montserrat;
										font-weight: @montserrat-regular;
									}
								}
							}
						}
					}
				}

			}
		}
	}

	&.ofertas-especiales{

		header{
			.texto{
				display: none;
			}
		}

		#finder{
			display: none;
		}

		.carousel{
			max-height: 640px;

			.carousel-inner{
				.item{
					.carousel-caption{
						font: 30px/36px @montserrat;
						font-weight: @montserrat-regular;
						top: 50%;
						left: 0;
						text-align: center;
						width: 100%;
						text-transform: uppercase;
						letter-spacing: 20px;
					}
				}
			}
		}

		.cuerpo{
			padding: 50px 0 0 0;

			.texto{
				padding: 0;
			}
		}
	}

	&.unete{

		header{
			.texto{
				display: none;
			}
		}

		#finder{
			display: none;
		}

		.carousel{
			max-height: 640px;

			.carousel-inner{
				.item{
					.carousel-caption{
						font: 30px/36px @montserrat;
						font-weight: @montserrat-regular;
						top: 50%;
						left: 0;
						text-align: center;
						width: 100%;
						text-transform: uppercase;
						letter-spacing: 20px;
					}
				}
			}
		}

		.cuerpo{
			.titulo{
				h1,
				h2,
				h3{
					text-align: center;
				}
			}

			.texto{
				p{
					text-align: center;
				}
			}
		}

		.cuerpo{
			.form-group{
				// margin-bottom: 20px;
				// overflow: hidden;

				.has-error{
					input[type=text],
					input[type=email],
					select{
						border: 1px solid #FB9D9D;
						border-bottom-color: rgba(255,0,0,.12);
					}
				}

				&:last-of-type{
					margin-bottom: 0;
				}

				label{
					font: 14px/16px @montserrat;
					font-weight: @montserrat-bold;
					color: #4c4549;
					display: block;

					input[type=checkbox]{
						margin-right: 10px;
					}

					&.lopd{
						padding-top: 20px;
						font: 14px/16px @montserrat;
						font-weight: @montserrat-regular;

						a{
							color: #4c4549;
							text-decoration: underline;

							&:hover{
								color: #4c4549;
							}
						}
					}
				}

				input[type=text],
				input[type=tel],
				input[type=email],
				select{
					border: 1px solid #e0e0e0;
					box-shadow: none;
					border-radius: 0;
					height: 56px;
					font: 14px/56px @montserrat;
					font-weight: @montserrat-regular;
					color: #4c4549;
					margin-bottom: 20px;

					&.fecha-tarjeta{
						width: 48%;
						display: inline-block;
					}
				}

				textarea{
					border: 1px solid #e0e0e0;
					box-shadow: none;
					border-radius: 0;
					height: 100px;
					font: 14px/18px @montserrat;
					font-weight: @montserrat-regular;
					color: #4c4549;
				}

				.img-tarjetas{
					position: relative;
					display: block;
					margin: 27px 0 0 0;
					padding: 0;
				}

				.info-campos{
					position: relative;
					display: block;
					margin: 0 0 10px 0;
					padding: 0;
					font: 12px/16px @montserrat;
					font-weight: @montserrat-bold;
					color: #282828;
				}

				.boton{
					position: relative;
					display: block;
					margin: 0;
					padding: 0;
					width: 100%;
					border: 0;
					text-align: center;
					color: @blanco;
					font: 16px/20px @montserrat;
					font-weight: @montserrat-bold;
					height: 60px;
					background: @dorado;
				}
			}
		}
	}

	&.contactenos{
		header{
			.texto{
				display: none;
			}
		}

		.cuerpo{
			.texto{
				padding: 0;
			}
		}

		.box-detalles-contacto{
			position: relative;
			display: block;
			margin: 0 0 20px 0;
			padding: 0;
			overflow: hidden;
			clear: both;

			h3{
				position: relative;
				display: block;
				margin: 0 0 15px 0;
				padding: 0;
				color: @dorado;
				font: 18px/22px @montserrat;
				font-weight: @montserrat-bold;
			}

			ul{
				position: relative;
				display: block;
				margin: 0 0 10px 0;
				padding: 0;
				list-style: none;

				li{
					position: relative;
					display: block;
					margin: 0 0 5px 0;
					padding: 0;
					font: 12px/16px @montserrat;
					font-weight: @montserrat-regular;
					color: #8a8a8a;
				}
			}

			p{
				position: relative;
				display: block;
				margin: 0 0 5px 0;
				padding: 0;
				font: 12px/16px @montserrat;
				font-weight: @montserrat-regular;
				color: #8a8a8a;

				strong{
					color: #000000;
					font-weight: @montserrat-bold;
				}

				a{
					color: #8a8a8a;
					text-decoration: none;

					&:hover{
						color: #8a8a8a;
						text-decoration: underline;
					}
				}
			}

			.box-contacto{
				position: relative;
				display: block;
				margin: 0;
				padding: 0 0 0 70px;

				&.telefono{
					background: url('../images/ico-telefono-contacto.png') no-repeat 0 0;
				}
				&.mail{
					background: url('../images/ico-mail-contacto.png') no-repeat 0 0;
				}
				&.web{
					background: url('../images/ico-web-contacto.png') no-repeat 0 0;
				}
			}

			.empty-block{
				position: relative;
				display: block;
				margin: 0;
				padding: 0;
				width: 100%;
				height: 30px;
			}

		}

		.opcionesContacto{
			position: relative;
			display: block;
			margin: 0;
			padding: 0;
			overflow: hidden;
			box-sizing: border-box;

			ul{
				position: relative;
				display: block;
				margin: 0;
				padding: 0;
				list-style: none;

				li{
					position: relative;
					display: block;
					margin: 0 3.5% 0 0;
					padding: 0;
					float: left;
					width: 31%;

					&:last-of-type{
						margin-right: 0;
					}

					.banner{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;
						width: 100%;
						box-sizing: border-box;
						overflow: hidden;

						a{
							position: relative;
							display: block;
							margin: 0;
							padding: 0;

							img{
								position: relative;
								display: block;
								margin: 0;
								padding: 0;
								width: 100%;
								height: auto;
							}

							.detalles{
								position: absolute;
								display: block;
								margin: 0;
								padding: 20px 0;
								top: inherit;
								left: 0;
								bottom: 0;
								background: rgba(0, 0, 0, 0.8);
								text-align: center;
								width: 100%;
								height: 58px;
								box-sizing: border-box;

								h3{
									position: relative;
									display: block;
									margin: 0;
									padding: 0;
									font: 14px/18px @montserrat;
									font-weight: @montserrat-regular;
									color: @blanco;
									width: 100%;
								}
							}
						}
					}
				}
			}
		}

		.carousel{
			max-height: 295px;

			.carousel-inner{
				.item{
					.carousel-caption{
						font: 30px/36px @montserrat;
						font-weight: @montserrat-regular;
						top: 50%;
						left: 0;
						text-align: center;
						width: 100%;
						text-transform: uppercase;
						letter-spacing: 20px;
					}
				}
			}
		}

		#finder{
			display: none;
		}

		.formulario-novedades{
			position: relative;
			display: block;
			margin: 0 0 25px 0;
			padding: 15px 30px;
			background: @dorado;
			color: @blanco;
			box-sizing: border-box;

			form{
				position: relative;
				display: block;
				margin: 0;
				padding: 0;
				overflow: hidden;
				box-sizing: border-box;
				width: 100%;

				.form-group{
					overflow: hidden;
					margin: 0;
				}

				p{
					position: relative;
					display: block;
					margin: 22px 0 0 0;
					padding: 0;
					font: 15px/19px @montserrat;
					font-weight: @montserrat-regular;
					color: @blanco;
				}

				input[type=text],
				input[type=tel],
				input[type=email]{
					position: relative;
					display: block;
					margin: 0;
					padding: 0 25px;
					width: 100%;
					height: 84px;
					border: none;
					background: @blanco;
					color: #7e797c;
					font: 16px/20px @montserrat;
					font-weight: @montserrat-regular;
					border-radius: 0;
				}

				button{
					position: relative;
					display: block;
					margin: 22px auto 0 auto;
					padding: 0;
					background: url('../images/ico-boton-formulario-novedades.png') no-repeat 0 0 transparent;
					width: 41px;
					height: 41px;
					border: none;
					font: 0/0 a;
				}
			}
		}

		.formulario-contacto{
			position: relative;
			display: block;
			margin: 0 0 25px 0;
			padding: 35px;
			background: #f0ece1;
			overflow: hidden;


			&.cerrado{
				padding: 5px 0 10px 0;

				.habitacion{
					margin: -10px 0 0 0;
				}

				h5{
					display: none;
				}

				.form-group{
					display: none;
				}
			}

			.form-group{
				margin-bottom: 20px;
				clear: both;
				//overflow: hidden;

				.bg-danger{
					margin-top: -10px !important;
					margin-bottom: 20px !important;
				}

				&:last-of-type{
					margin-bottom: 0;
				}

				label{
					font: 14px/16px @montserrat;
					font-weight: @montserrat-bold;
					color: #4c4549;
					display: block;

					input[type=checkbox]{
						margin-right: 10px;
					}

					&.lopd{
						font: 12px/14px @montserrat;
						font-weight: @montserrat-regular;

						a{
							color: #4c4549;
							text-decoration: underline;

							&:hover{
								color: #4c4549;
							}
						}
					}
				}

				input[type=text],
				input[type=tel],
				input[type=email],
				select{
					border: 1px solid #e0e0e0;
					box-shadow: none;
					border-radius: 0;
					height: 56px;
					font: 14px/56px @montserrat;
					font-weight: @montserrat-regular;
					color: #4c4549;
					margin-bottom: 10px;

					&.fecha-tarjeta{
						width: 48%;
						display: inline-block;
					}
				}

				textarea{
					border: 1px solid #e0e0e0;
					box-shadow: none;
					border-radius: 0;
					height: 100px;
					font: 14px/18px @montserrat;
					font-weight: @montserrat-regular;
					color: #4c4549;
					margin-bottom: 10px;
				}

				button{
					position: relative;
					display: block;
					margin: 0;
					padding: 0;
					width: 210px;
					height: 60px;
					background: @dorado;
					color: @blanco;
					border: none;
					font: 14px/14px @montserrat;
					font-weight: @montserrat-regular;
				}

				.img-tarjetas{
					position: relative;
					display: block;
					margin: 27px 0 0 0;
					padding: 0;
				}

				.info-campos{
					position: relative;
					display: block;
					margin: 0 0 10px 0;
					padding: 0;
					font: 12px/16px @montserrat;
					font-weight: @montserrat-bold;
					color: #282828;
				}

				.boton{
					position: relative;
					display: block;
					margin: 0;
					padding: 0;
					width: 100%;
					border: 0;
					text-align: center;
					color: @blanco;
					font: 16px/20px @montserrat;
					font-weight: @montserrat-bold;
					height: 80px;
					background: @dorado;
				}
			}

			.titulo{
				position: relative;
				display: block;
				margin: -40px 0 25px -35px;
				padding: 0;

				h4{
					position: relative;
					display: block;
					margin: 0;
					padding: 0 10px 0 40px;
					width: 200px;
					max-width: 465px;
					height: 45px;
					background: @dorado;
					color: @blanco;
					font: 14px/45px @montserrat;
					font-weight: @montserrat-regular;

					span.accion{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;
						float: right;
						background: url('../images/ico-abrir-habitacion.png') no-repeat 0 0;
						width: 14px;
						height: 13px;
						top: 16px;
						cursor: pointer;

						&.abierto{
							background: url('../images/ico-cerrar-habitacion.png') no-repeat 0 0;
							width: 12px;
							height: 4px;
							top: 21px;
						}
					}
				}
			}

			h5{
				position: relative;
				display: block;
				margin: 0 0 25px 0;
				padding: 0;
				font: 14px/18px @montserrat;
				font-weight: @montserrat-regular;
				color: #646464;
				text-transform: uppercase;
			}
		}

	}

	&.beneficios-exclusive{
		header{
			.texto{
				display: none;
			}
		}

		.carousel{
			max-height: 640px;

			.carousel-inner{
				.item{
					.carousel-caption{
						font: 30px/36px @montserrat;
						font-weight: @montserrat-regular;
						top: 50%;
						left: 0;
						text-align: center;
						width: 100%;
						text-transform: uppercase;
						letter-spacing: 20px;
					}
				}
			}
		}

		#finder{
			display: none;
		}

		.cuerpo{
			padding: 50px 0 0 0;

			.texto{
				padding: 0;

				&:last-of-type{
					margin-bottom: 0;
				}
			}

			.imagen{
				position: relative;
				display: block;
				margin: 0 0 20px 0;
				padding: 0;

				img{
					width: 100%;
				}
			}
		}
	}

	.gridBusqueda{
		position: relative;
		display: block;
		margin: 0 15px;
		padding: 0;
		box-sizing: border-box;
		border: 1px solid #e8e8e8;

		.opcionRD{
			position: relative;
			display: block;
			margin: 0;
			padding: 20px 0 0 0;

			&:last-of-type{
				margin-bottom: 20px;
			}

			h2{
				position: relative;
				display: block;
				margin: 0 0 20px -5px;
				padding: 0 0 0 35px;
				font: 14px/21px @montserrat;
				height: 21px;
				font-weight: @montserrat-regular;
				color: #908c8e;
			}

			&.disponible{

				&.off{
					display: none;
				}

				h2{
					background: url('../images/ico-habitaciones-disponibles.png') no-repeat 0 0;

					strong{
						color: #9c8238;
					}
				}
			}

			&.seleccionado{
				&.off{
					display: none;
				}

				h2{
					background: url('../images/ico-hotel-seleccionado.png') no-repeat 0 0;

					strong{
						color: #3e87da;
					}
				}

				hr{
					margin-bottom: 0;
				}
			}

			&.no-disponible{

				&.off{
					display: none;
				}

				h2{
					background: url('../images/ico-habitaciones-no-disponibles.png') no-repeat 0 0;

					strong{
						color: #da3e3e;
					}
				}

				.banner{
					.inner-banner{
						.ver-tarifas{
							background: url('../images/ico-calendario-no-disponible.png') no-repeat 90% center #da3e3e;

							.abrir-tarifas{
								outline: none;
								padding-top: 20px;

								.precio-desde{
									color: #5f2109;
									font: 16px/21px @montserrat;
									font-weight: @montserrat-bold;
								}
								.precio-reserva{
									color: @blanco;
									font: 12px/16px @montserrat;
									font-weight: @montserrat-regular;
								}
							}
						}
					}
				}
			}

			.banner{
				padding: 0 15px;
				margin-bottom: 10px;
				opacity: 0;

				&:last-of-type{
					margin-bottom: 0;
				}

				.inner-banner{
					.detalles{
						h3{
							padding-top: 10px;
							font: 18px/24px @montserrat;
							margin-bottom: 5px;
						}
					}
					.ver-tarifas{
						height: 80px;

						a{
							outline: none;
							padding: 10px 0 0 34px;
						}
					}
				}
			}
		}
	}

	.filtroResorts{
		position: relative;
		display: block;
		margin: 0 auto 30px auto;
		padding: 0;
		box-sizing: border-box;
		text-align: center;

		ul{
			position: relative;
			display: inline-block;
			margin: 0 auto;
			padding: 0;
			list-style: none;
			text-align: center;

			li{
				position: relative;
				display: block;
				margin: 0;
				padding: 0;
				float: left;
				border: 1px solid #c8c8c8;
				border-left: none;

				a{
					position: relative;
					display: block;
					margin: 0;
					padding: 0 12px;
					font: 12px/36px @montserrat;
					font-weight: @montserrat-regular;
					color: #021c26;
					background: @blanco;
					text-decoration: none;

					&.active{
						background: @dorado;
						color: @blanco;
					}
				}

				&:first-of-type{
					border-left: 1px solid #c8c8c8;
				}
			}
		}
	}

	.mensaje-ok-interior{
		position: relative;
		display: none;
		margin: 0;
		padding: 10px;
		background: #217113;

		&.on{
			display: block;
		}

		p{
			position: relative;
			display: block;
			margin: 0;
			padding: 0;
			font: 14px/16px @montserrat;
			font-weight: @montserrat-regular;
			color: @blanco;
			text-align: center;

			strong{
				font-weight: @montserrat-bold;
			}
		}
	}

	.mensaje-error-interior{
		position: relative;
		display: none;
		margin: 0;
		padding: 10px;
		background: #711017;

		&.on{
			display: block;
		}

		p{
			position: relative;
			display: block;
			margin: 0;
			padding: 0;
			font: 14px/16px @montserrat;
			font-weight: @montserrat-regular;
			color: @blanco;
			text-align: center;

			strong{
				font-weight: @montserrat-bold;
			}
		}
	}

	&.error500{
		header{
			display: none;
		}
		#finder{
			display: none;
		}

		footer{
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
		}
	}

	&.error503{
		background: url('../images/bg-page-error.jpg') no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		padding-top: 10%;

		.box-error{
			position: relative;
			display: block;
			margin: 0 auto;
			padding: 0 20px 0 0;
			overflow: hidden;
			clear: both;
			background: rgba(0,0,0,.3);
			width: 100%;
			max-width: 800px;
			box-sizing: border-box;

			img{
				position: relative;
				display: block;
				margin: 0 30px 0 0;
				padding: 0;
				float: left;
			}

			h1{
				position: relative;
				display: block;
				margin: 60px 0 10px 0;
				padding: 0;
				font: 30px/34px @montserrat;
				font-weight: @montserrat-bold;
				color: @blanco;
			}

			h2{
				position: relative;
				display: block;
				margin: 0 0 30px 0;
				padding: 0;
				font: 24px/28px @montserrat;
				font-weight: @montserrat-regular;
				color: @blanco;
			}

			p{
				position: relative;
				display: block;
				margin: 0 0 20px 0;
				padding: 0;
				font: 16px/20px @montserrat;
				font-weight: @montserrat-regular;
				color: @blanco;
			}
		}
	}

	&.error404{
		header{
			.texto{
				display: none;
			}

			nav{visibility: hidden;}

			.box-menu{
				ul.otros,
				ul.contacto{
					display: none;
				}
			}
		}
		#finder{
			display: none;
		}
		footer{
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
		}
	}

	&.home-nueva{

		header{
			position: fixed;
			display: block;
			margin: 0;
			padding: 0;
			overflow: hidden;
			box-sizing: border-box;
			clear: both;
			height: auto;


			.top{
				position: relative;
				display: block;
				margin: 0;
				padding: 0;
				background: @negro;
				height: 32px;
				width: 100%;
				box-sizing: border-box;
				top: 0;
				left: 0;

				.menu{
					position: relative;
					display: block;
					margin: 0;
					padding: 0;
					width: 100%;
					overflow: hidden;
					box-sizing: border-box;

					.nav-idiomas-otros{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;
						float: left;
						width: 50%;

						ul{
							position: relative;
							display: block;
							margin: 0 30px 0 0;
							padding: 0;
							list-style: none;
							overflow: hidden;
							float: left;

							li{
								position: relative;
								display: block;
								margin: 0;
								padding: 0;
								float: left;

								&.activo{
									a{
										background: @dorado;

										&:hover{
											text-decoration: none;
										}
									}
								}

								a{
									position: relative;
									display: block;
									margin: 0;
									padding: 11px;
									color: @blanco;
									text-decoration: none;
									font: 9px/10px @montserrat;
									font-weight: @montserrat-regular;
									text-transform: uppercase;

									&:hover{
										text-decoration: underline;
									}

									&.facebook,
									&.twitter,
									&.instagram,
									&.pinterest,
									&.youtube,
									&.google{
										padding: 16px 11px;
										margin: 0 5px;
									}

									&.facebook{
										margin-left: 25px;
										background: url('../images/ico-facebook-header.png') no-repeat center center;
										width: 19px;

										&:hover{
											/*background-image: url('../images/ico-facebook-header-color.png');*/
										}
									}
									&.twitter{
										background: url('../images/ico-twitter-x-header.png') no-repeat center center;
										width: 19px;

										&:hover{
											/*background-image: url('../images/ico-twitter-x-header-color.png');*/
										}
									}
									&.instagram{
										background: url('../images/ico-instagram-header.png') no-repeat center center;
										width: 19px;

										&:hover{
											/*background-image: url('../images/ico-instagram-header-color.png');*/
										}
									}
									&.pinterest{
										background: url('../images/ico-pinterest-header.png') no-repeat center center;
										width: 19px;

										&:hover{
											/*background-image: url('../images/ico-pinterest-header-color.png');*/
										}
									}

									&.youtube{
										margin: 0 8px;
										background: url('../images/ico-youtube-header.png') no-repeat center center;
										width: 19px;

										&:hover{
											/*background: url('../images/ico-youtube-header-color.png') no-repeat center center;*/
										}
									}

									&.google{
										margin: 0 8px;
										background: url('../images/ico-google-header.png') no-repeat center center;
										width: 19px;

										&:hover{
											/*background: url('../images/ico-google-header-color.png') no-repeat center center;*/
										}
									}
								}
							}
						}
					}

					.nav-contacto{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;
						float: right;

						position: relative;
						display: block;
						margin: 0;
						padding: 0;
						float: left;
						width: 50%;

						ul{
							position: relative;
							display: block;
							margin: 0 30px 0 0;
							padding: 0;
							list-style: none;
							overflow: hidden;
							float: right;

							li{
								position: relative;
								display: block;
								margin: 0;
								padding: 0;
								float: left;

								&.activo{
									a{
										background: @dorado;

										&:hover{
											text-decoration: none;
										}
									}
								}

								a{
									position: relative;
									display: block;
									margin: 0 5px;
									padding: 11px;
									color: @blanco;
									text-decoration: none;
									font: 9px/10px @montserrat;
									font-weight: @montserrat-regular;

									&:hover{
										text-decoration: underline;
									}

									&:last-of-type{
										margin-right: 0;
									}

									&.mundo-etc{
										padding-left: 20px;
										&:before{
											content: '';
											position: absolute;
											display: block;
											margin: 0;
											padding: 0;
											background: url('../images/ico-mundo-etc.png') no-repeat left center;
											width: 16px;
											height: 32px;
											left: 0;
											top: 0;
										}
									}
									&.sobre{
										padding-left: 25px;
										&:before{
											content: '';
											position: absolute;
											display: block;
											margin: 0;
											padding: 0;
											background: url('../images/ico-contacto.png') no-repeat left center;
											width: 16px;
											height: 32px;
											left: 0;
											top: 0;
										}
									}
								}
							}
						}
					}
				}
			}
		}


		.logo{
			position: absolute;
			display: block;
			margin: 18px 0 0 0;
			padding: 0;
			z-index: 2;

			img{
				position: relative;
				display: block;
				margin: 0;
				padding: 0;
				//width: 196px;
				height: auto;
			}
		}

		nav{
			position: relative;
			display: block;
			margin: 0;
			padding: 0;
			width: 100%;
			height: 80px;
			box-sizing: border-box;
			clear: both;
			top: 350px;
			z-index: 100;
			background: @negro;

			.menu-principal{
				position: relative;
				display: block;
				margin: 0;
				padding: 0;
				list-style: none;
				font: 12px/12px @montserrat;
				font-weight: @montserrat-regular;
				float: right;

				li{
					position: relative;
					display: block;
					margin: 0 0 0;
					padding: 34px 0;
					float: left;
					color: @blanco;

					&.login-menu{
						background: @dorado;

						&:hover{
							a{
								color: @blanco;
							}
						}

						a{
							&:hover{
								color: @blanco;
							}
						}
					}

					&:last-of-type{
						margin-right: 0;
					}

					a{
						position: relative;
						margin: 0 15px;
						margin: 0 25px;
						padding: 0;
						font: 12px/12px @montserrat;
						font-weight: @montserrat-regular;
						color: @blanco;
						text-decoration: none;
						text-transform: uppercase;

						&:hover{
							color: @dorado;
						}
					}

					&.active,
					&:hover{
						color: @blanco;

						a{
							color: @dorado;
						}

						&.ofertas-especiales{
							a{
								&:before{
									background-image: url('../images/ico-ofertas-especiales-activo.png')
								}
							}
						}
					}

					&.ofertas-especiales{
						a{
							&:before{
								content: '';
								position: absolute;
								display: block;
								margin: 0;
								padding: 0;
								background: url('../images/ico-ofertas-especiales.png') no-repeat 0 0;
								width: 33px;
								height: 32px;
								right: -50px;
								top: -8px
							}
						}
					}

				}
			}

			.menu-principal-pass{
				position: relative;
				display: block;
				margin: 0;
				padding: 0;
				float: right;
				list-style: none;
				font: 12px/12px @montserrat;
				font-weight: @montserrat-regular;

				&.off{
					display: none;
				}

				li{
					position: relative;
					display: block;
					margin: 0;
					padding: 0;
					float: left;
					color: @blanco;
					background: @dorado;
					max-height: 80px;

					.info-pass{
						position: relative;
						display: block;
						margin: 0;
						padding: 13px 30px;
						box-sizing: border-box;
						width: 405px;

						p{
							position: relative;
							display: block;
							margin: 0;
							padding: 0;
							font: 12px/18px @montserrat;
							font-weight: @montserrat-regular;
							text-transform: uppercase;
							color: @blanco;
						}
					}

					form{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;
						box-sizing: border-box;
						overflow: hidden;

						input{
							position: relative;
							display: block;
							float: left;
							margin: 0;
							padding: 0 30px;
							height: 80px;
							width: 290px;
							box-sizing: border-box;
							font: 12px/18px @montserrat;
							font-weight: @montserrat-regular;
							color: @negro;
							outline: none;
						}

						button{
							position: relative;
							display: block;
							margin: 0;
							padding: 0;
							float: left;
							background: url('../images/ico-flecha-olvido-pass.png') no-repeat center center @dorado;
							border: none;
							width: 80px;
							height: 80px;
							font: 0/0 a;
							color: transparent;
							outline: none;
						}
					}

					.back-menu-login{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;
						box-sizing: border-box;
						background: url('../images/ico-volver-olvido-pass.png') no-repeat center center #baa874;
						font: 0/0 a;
						width: 80px;
						height: 80px;
					}
				}
			}

			.menu-principal-login{
				position: relative;
				display: block;
				margin: 0;
				padding: 0;
				float: right;
				list-style: none;
				font: 12px/12px @montserrat;
				font-weight: @montserrat-regular;

				&.off{
					display: none;
				}

				li{
					position: relative;
					display: block;
					margin: 0 0 0;
					padding: 34px 0;
					float: left;
					color: @blanco;

					&:first-of-type{
						background: @negro;
					}

					&.login-box{
						padding: 0;
						width: 800px;

						a{
							position: relative;
							float: left;
							margin: 0;
							padding: 34px 15px;
							background: @dorado;
							color: @blanco;
							text-decoration: none;
						}
					}

					a{
						position: relative;
						margin: 0 15px;
						padding: 0;
						font: 12px/12px @montserrat;
						font-weight: @montserrat-regular;
						color: @blanco;
						text-decoration: none;
						text-transform: uppercase;
					}

					form{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;

						input[type=text],
						input[type=password]{
							position: relative;
							display: block;
							margin: 0;
							padding: 0 20px;
							float: left;
							height: 80px;
							font: 12px/80px @montserrat;
							font-weight: @montserrat-regular;
							box-sizing: border-box;
							border: none;
							color: #000000;
							outline: none;

							&:first-of-type{
								width: 210px;
								border-right: 1px solid @dorado;
							}
							&:last-of-type{
								width: 180px;
							}
						}

						button{
							position: relative;
							display: block;
							margin: 0;
							padding: 0;
							float: left;
							background: @dorado;
							color: @blanco;
							border: none;
							background: url('../images/ico-login-home.png') no-repeat center center @dorado;
							width: 80px;
							height: 80px;
							font: 0/0 a;
						}

						.olvido-box-link{
							position: relative;
							display: block;
							margin: 0;
							padding: 24px 0 0 24px;
							float: left;

							a{
								position: relative;
								display: block;
								margin: 0 0 5px 0;
								padding: 0;
								background: transparent;
								float: none;
								color: @blanco;
								font: 12px/14px @montserrat;
								font-weight: @montserrat-regular;
								text-decoration: underline;
								text-transform: none;

								&:hover{
									color: @blanco;
								}
							}

							label{
								position: relative;
								display: block;
								margin: 0;
								padding: 0;
								font: 12px/14px @montserrat;
								font-weight: @montserrat-regular;
							}
						}
					}
				}
			}

			.mensaje-error{
				position: relative;
				display: none;
				margin: 10px 0 0 0;
				padding: 22px 0px 23px 0;
				background: #71121a;
				color: @blanco;
				font: 14px/20px @montserrat;
				font-weight: @montserrat-bold;
				height: 65px;

				&.on{
					display: block;
				}

				i{
					position: absolute;
					display: block;
					margin: 0;
					padding: 0;
					background: url('../images/bg-mensaje-error-login.png') no-repeat 0 0;
					top: -10px;
					left: 50%;
					width: 27px;
					height: 10px;
					margin-left: -14px;

				}

				p{
					position: relative;
					display: block;
					margin: 0;
					padding: 0;
					text-align: center;
				}
			}

			.mensaje-ok{
				position: relative;
				display: none;
				margin: 10px 0 0 0;
				padding: 22px 0px 23px 0;
				background: #217113;
				color: @blanco;
				font: 14px/20px @montserrat;
				font-weight: @montserrat-bold;
				height: 65px;

				&.on{
					display: block;
				}

				i{
					position: absolute;
					display: block;
					margin: 0;
					padding: 0;
					background: url('../images/bg-mensaje-ok-login.png') no-repeat 0 0;
					top: -10px;
					left: 50%;
					width: 27px;
					height: 10px;
					margin-left: -14px;

				}

				p{
					position: relative;
					display: block;
					margin: 0;
					padding: 0;
					text-align: center;
				}
			}

		}

		#masterslider{
			position: fixed;
			display: block;
			margin: 0 !important;
			padding: 0;
			width: 100%;
			z-index: 1;
			top: 0;
			left: 0;
		}

		.bloque-seo{
			position: relative;
			display: block;
			margin: 800px 0 200px 0;
			padding: 0;
			width: 100%;
			z-index: 100;

			img{
				position: relative;
				display: block;
				margin: 0;
				padding: 0;
				width: 100%;
				height: auto;
			}

			.detalles{
				position: relative;
				display: block;
				margin: 0 0 0 -494px;
				padding: 0;
				left: 50%;
				// bottom: 0;
				width: 988px;
				box-sizing: border-box;

				.titulo{
					position: relative;
					display: block;
					margin: 0;
					padding: 20px;
					background: rgba(0, 0, 0, 0.85);
					width: 100%;

					h1, h2{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;
						color: @blanco;
						font: 28px/32px @montserrat;
						font-weight: @montserrat-regular;
						text-align: center;

						strong{
							font-weight: @montserrat-bold;
							color: @dorado;
						}
					}
				}

				.texto{
					position: relative;
					display: block;
					margin: 0;
					padding: 35px;
					background: rgba(255, 255, 255, 0.85);

					h2{
						position: relative;
						display: block;
						margin: 0 0 15px 0;
						padding: 0;
						font: 20px/24px @montserrat;
						font-weight: @montserrat-bold;
						color: @negro;
						text-align: center;
					}

					p{
						position: relative;
						display: block;
						margin: 0 0 25px 0;
						padding: 0;
						text-align: center;
						color: @negro;
						font: 16px/20px @montserrat;
						font-weight: @montserrat-regular;

						&:last-of-type{
							margin-bottom: 0;
						}

					}

				}

			}
		}

		footer{
			position: fixed;
			display: block;
			bottom: 0;
			left: 0;
			width: 100%;
			z-index: 100;
		}

	}

	// &.home{

	// 	header{
	// 		height: auto !important;
	// 		position: absolute !important;
	// 		.box-menu{
	// 			&.secundario{
	// 				margin-bottom: 320px;
	// 			}
	// 		}

	// 		.texto{
	// 			display: none;
	// 		}
	// 	}

	// 	.bloque-seo{
	// 		position: relative;
	// 		display: block;
	// 		margin: 0;
	// 		padding: 0;
	// 		width: 100%;
	// 		top: 2000px;

	// 		img{
	// 			position: relative;
	// 			display: block;
	// 			margin: 0;
	// 			padding: 0;
	// 			width: 100%;
	// 			height: auto;
	// 		}

	// 		.detalles{
	// 			position: relative;
	// 			display: block;
	// 			margin: 0 0 0 -494px;
	// 			padding: 0;
	// 			left: 50%;
	// 			// bottom: 0;
	// 			width: 988px;
	// 			box-sizing: border-box;

	// 			.titulo{
	// 				position: relative;
	// 				display: block;
	// 				margin: 0;
	// 				padding: 20px;
	// 				background: rgba(0, 0, 0, 0.85);
	// 				width: 100%;

	// 				h1, h2{
	// 					position: relative;
	// 					display: block;
	// 					margin: 0;
	// 					padding: 0;
	// 					color: @blanco;
	// 					font: 28px/32px @montserrat;
	// 					font-weight: @montserrat-regular;
	// 					text-align: center;

	// 					strong{
	// 						font-weight: @montserrat-bold;
	// 						color: @dorado;
	// 					}
	// 				}
	// 			}

	// 			.texto{
	// 				position: relative;
	// 				display: block;
	// 				margin: 0;
	// 				padding: 35px;
	// 				background: rgba(255, 255, 255, 0.85);

	// 				h2{
	// 					position: relative;
	// 					display: block;
	// 					margin: 0 0 15px 0;
	// 					padding: 0;
	// 					font: 20px/24px @montserrat;
	// 					font-weight: @montserrat-bold;
	// 					color: @negro;
	// 					text-align: center;
	// 				}

	// 				p{
	// 					position: relative;
	// 					display: block;
	// 					margin: 0 0 25px 0;
	// 					padding: 0;
	// 					text-align: center;
	// 					color: @negro;
	// 					font: 16px/20px @montserrat;
	// 					font-weight: @montserrat-regular;

	// 					&:last-of-type{
	// 						margin-bottom: 0;
	// 					}

	// 				}

	// 			}

	// 		}
	// 	}

	// 	footer{
	// 		position: absolute;
	// 		width: 100%;
	// 		left: 0;
	// 		bottom: 0;
	// 	}

	// 	#masterslider{
	// 		position: fixed !important;
	// 		// width: 100% !important;
	// 		top: 0 !important;
	// 		margin: 0 !important;
	// 	}

	// 	.mensaje-ok{
	// 		position: relative;
	// 		display: none;
	// 		margin: 10px 0 0 0;
	// 		padding: 22px 0px 23px 0;
	// 		background: #217113;
	// 		color: @blanco;
	// 		font: 14px/20px @montserrat;
	// 		font-weight: @montserrat-bold;
	// 		height: 65px;

	// 		&.on{
	// 			display: block;
	// 		}

	// 		i{
	// 			position: absolute;
	// 			display: block;
	// 			margin: 0;
	// 			padding: 0;
	// 			background: url('../images/bg-mensaje-ok-login.png') no-repeat 0 0;
	// 			top: -10px;
	// 			left: 32%;
	// 			width: 27px;
	// 			height: 10px;
	// 			margin-left: -14px;

	// 		}

	// 		p{
	// 			position: relative;
	// 			display: block;
	// 			margin: 0;
	// 			padding: 0;
	// 			text-align: center;
	// 		}
	// 	}

	// 	.mensaje-error{
	// 		position: relative;
	// 		display: none;
	// 		margin: 10px 0 0 0;
	// 		padding: 22px 0px 23px 0;
	// 		background: #71121a;
	// 		color: @blanco;
	// 		font: 14px/20px @montserrat;
	// 		font-weight: @montserrat-bold;
	// 		height: 65px;

	// 		&.on{
	// 			display: block;
	// 		}

	// 		i{
	// 			position: absolute;
	// 			display: block;
	// 			margin: 0;
	// 			padding: 0;
	// 			background: url('../images/bg-mensaje-error-login.png') no-repeat 0 0;
	// 			top: -10px;
	// 			left: 32%;
	// 			width: 27px;
	// 			height: 10px;
	// 			margin-left: -14px;

	// 		}

	// 		p{
	// 			position: relative;
	// 			display: block;
	// 			margin: 0;
	// 			padding: 0;
	// 			text-align: center;
	// 		}
	// 	}
	// }

	// &.home{
	// 	header{
	// 		nav{
	// 			.menu-principal{
	// 				display: block;

	// 				&.off{
	// 					display: none;
	// 				}
	// 			}

	// 			.menu-principal-pass{
	// 				position: relative;
	// 				display: block;
	// 				margin: 0;
	// 				padding: 0;
	// 				float: left;
	// 				list-style: none;
	// 				font: 12px/12px @montserrat;
	// 				font-weight: @montserrat-regular;

	// 				&.off{
	// 					display: none;
	// 				}

	// 				li{
	// 					position: relative;
	// 					display: block;
	// 					margin: 0;
	// 					padding: 0;
	// 					float: left;
	// 					color: @blanco;
	// 					background: @dorado;
	// 					max-height: 80px;

	// 					.info-pass{
	// 						position: relative;
	// 						display: block;
	// 						margin: 0;
	// 						padding: 13px 30px;
	// 						box-sizing: border-box;
	// 						width: 405px;

	// 						p{
	// 							position: relative;
	// 							display: block;
	// 							margin: 0;
	// 							padding: 0;
	// 							font: 12px/18px @montserrat;
	// 							font-weight: @montserrat-regular;
	// 							text-transform: uppercase;
	// 							color: @blanco;
	// 						}
	// 					}

	// 					form{
	// 						position: relative;
	// 						display: block;
	// 						margin: 0;
	// 						padding: 0;
	// 						box-sizing: border-box;
	// 						overflow: hidden;

	// 						input{
	// 							position: relative;
	// 							display: block;
	// 							float: left;
	// 							margin: 0;
	// 							padding: 0 30px;
	// 							height: 80px;
	// 							width: 290px;
	// 							box-sizing: border-box;
	// 							font: 12px/18px @montserrat;
	// 							font-weight: @montserrat-regular;
	// 							color: @negro;
	// 							outline: none;
	// 						}

	// 						button{
	// 							position: relative;
	// 							display: block;
	// 							margin: 0;
	// 							padding: 0;
	// 							float: left;
	// 							background: url('../images/ico-flecha-olvido-pass.png') no-repeat center center @dorado;
	// 							border: none;
	// 							width: 80px;
	// 							height: 80px;
	// 							font: 0/0 a;
	// 							color: transparent;
	// 							outline: none;
	// 						}
	// 					}

	// 					.back-menu-login{
	// 						position: relative;
	// 						display: block;
	// 						margin: 0;
	// 						padding: 0;
	// 						box-sizing: border-box;
	// 						background: url('../images/ico-volver-olvido-pass.png') no-repeat center center #baa874;
	// 						font: 0/0 a;
	// 						width: 80px;
	// 						height: 80px;
	// 					}
	// 				}
	// 			}

	// 			.menu-principal-login{
	// 				position: relative;
	// 				display: block;
	// 				margin: 0;
	// 				padding: 0;
	// 				float: left;
	// 				list-style: none;
	// 				font: 12px/12px @montserrat;
	// 				font-weight: @montserrat-regular;

	// 				&.off{
	// 					display: none;
	// 				}

	// 				li{
	// 					position: relative;
	// 					display: block;
	// 					margin: 0 0 0;
	// 					padding: 34px 0;
	// 					float: left;
	// 					color: @blanco;

	// 					&:first-of-type{
	// 						background: @negro;
	// 					}

	// 					&.login-box{
	// 						padding: 0;
	// 						width: 800px;

	// 						a{
	// 							position: relative;
	// 							float: left;
	// 							margin: 0;
	// 							padding: 34px 15px;
	// 							background: @dorado;
	// 							color: @blanco;
	// 							text-decoration: none;
	// 						}
	// 					}

	// 					a{
	// 						position: relative;
	// 						margin: 0 15px;
	// 						padding: 0;
	// 						font: 12px/12px @montserrat;
	// 						font-weight: @montserrat-regular;
	// 						color: @blanco;
	// 						text-decoration: none;
	// 						text-transform: uppercase;
	// 					}

	// 					form{
	// 						position: relative;
	// 						display: block;
	// 						margin: 0;
	// 						padding: 0;

	// 						input[type=text],
	// 						input[type=password]{
	// 							position: relative;
	// 							display: block;
	// 							margin: 0;
	// 							padding: 0 20px;
	// 							float: left;
	// 							height: 80px;
	// 							font: 12px/80px @montserrat;
	// 							font-weight: @montserrat-regular;
	// 							box-sizing: border-box;
	// 							border: none;
	// 							color: #000000;
	// 							outline: none;

	// 							&:first-of-type{
	// 								width: 210px;
	// 								border-right: 1px solid @dorado;
	// 							}
	// 							&:last-of-type{
	// 								width: 180px;
	// 							}
	// 						}

	// 						button{
	// 							position: relative;
	// 							display: block;
	// 							margin: 0;
	// 							padding: 0;
	// 							float: left;
	// 							background: @dorado;
	// 							color: @blanco;
	// 							border: none;
	// 							background: url('../images/ico-login-home.png') no-repeat center center @dorado;
	// 							width: 80px;
	// 							height: 80px;
	// 							font: 0/0 a;
	// 						}

	// 						.olvido-box-link{
	// 							position: relative;
	// 							display: block;
	// 							margin: 0;
	// 							padding: 24px 0 0 24px;
	// 							float: left;

	// 							a{
	// 								position: relative;
	// 								display: block;
	// 								margin: 0 0 5px 0;
	// 								padding: 0;
	// 								background: transparent;
	// 								float: none;
	// 								color: @blanco;
	// 								font: 12px/14px @montserrat;
	// 								font-weight: @montserrat-regular;
	// 								text-decoration: underline;
	// 								text-transform: none;

	// 								&:hover{
	// 									color: @blanco;
	// 								}
	// 							}

	// 							label{
	// 								position: relative;
	// 								display: block;
	// 								margin: 0;
	// 								padding: 0;
	// 								font: 12px/14px @montserrat;
	// 								font-weight: @montserrat-regular;
	// 							}
	// 						}
	// 					}
	// 				}
	// 			}
	// 		}
	// 	}
	// }


	&.home{

		header{
			.box-menu{
				&.secundario{
					margin-bottom: 320px;
				}
			}

			.texto{
				display: none;
			}
		}

		footer{
			position: absolute;
			width: 100%;
			left: 0;
			bottom: 0;
		}

		.mensaje-ok{
			position: relative;
			display: none;
			margin: 10px 0 0 0;
			padding: 22px 0px 23px 0;
			background: #217113;
			color: @blanco;
			font: 14px/20px @montserrat;
			font-weight: @montserrat-bold;
			height: 65px;

			&.on{
				display: block;
			}

			i{
				position: absolute;
				display: block;
				margin: 0;
				padding: 0;
				background: url('../images/bg-mensaje-ok-login.png') no-repeat 0 0;
				top: -10px;
				left: 32%;
				width: 27px;
				height: 10px;
				margin-left: -14px;

			}

			p{
				position: relative;
				display: block;
				margin: 0;
				padding: 0;
				text-align: center;
			}
		}

		.mensaje-error{
			position: relative;
			display: none;
			margin: 10px 0 0 0;
			padding: 22px 0px 23px 0;
			background: #71121a;
			color: @blanco;
			font: 14px/20px @montserrat;
			font-weight: @montserrat-bold;
			height: 65px;

			&.on{
				display: block;
			}

			i{
				position: absolute;
				display: block;
				margin: 0;
				padding: 0;
				background: url('../images/bg-mensaje-error-login.png') no-repeat 0 0;
				top: -10px;
				left: 32%;
				width: 27px;
				height: 10px;
				margin-left: -14px;

			}

			p{
				position: relative;
				display: block;
				margin: 0;
				padding: 0;
				text-align: center;
			}
		}
	}

	&.home{
		header{
			nav{
				.menu-principal{
					display: block;

					&.off{
						display: none;
					}
				}

				.menu-principal-pass{
					position: relative;
					display: block;
					margin: 0;
					padding: 0;
					float: left;
					list-style: none;
					font: 12px/12px @montserrat;
					font-weight: @montserrat-regular;

					&.off{
						display: none;
					}

					li{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;
						float: left;
						color: @blanco;
						background: @dorado;
						max-height: 80px;

						.info-pass{
							position: relative;
							display: block;
							margin: 0;
							padding: 13px 30px;
							box-sizing: border-box;
							width: 405px;

							p{
								position: relative;
								display: block;
								margin: 0;
								padding: 0;
								font: 12px/18px @montserrat;
								font-weight: @montserrat-regular;
								text-transform: uppercase;
								color: @blanco;
							}
						}

						form{
							position: relative;
							display: block;
							margin: 0;
							padding: 0;
							box-sizing: border-box;
							overflow: hidden;

							input{
								position: relative;
								display: block;
								float: left;
								margin: 0;
								padding: 0 30px;
								height: 80px;
								width: 290px;
								box-sizing: border-box;
								font: 12px/18px @montserrat;
								font-weight: @montserrat-regular;
								color: @negro;
								outline: none;
							}

							button{
								position: relative;
								display: block;
								margin: 0;
								padding: 0;
								float: left;
								background: url('../images/ico-flecha-olvido-pass.png') no-repeat center center @dorado;
								border: none;
								width: 80px;
								height: 80px;
								font: 0/0 a;
								color: transparent;
								outline: none;
							}
						}

						.back-menu-login{
							position: relative;
							display: block;
							margin: 0;
							padding: 0;
							box-sizing: border-box;
							background: url('../images/ico-volver-olvido-pass.png') no-repeat center center #baa874;
							font: 0/0 a;
							width: 80px;
							height: 80px;
						}
					}
				}

				.menu-principal-login{
					position: relative;
					display: block;
					margin: 0;
					padding: 0;
					float: left;
					list-style: none;
					font: 12px/12px @montserrat;
					font-weight: @montserrat-regular;

					&.off{
						display: none;
					}

					li{
						position: relative;
						display: block;
						margin: 0 0 0;
						padding: 34px 0;
						float: left;
						color: @blanco;

						&:first-of-type{
							background: @negro;
						}

						&.login-box{
							padding: 0;
							width: 800px;

							a{
								position: relative;
								float: left;
								margin: 0;
								padding: 34px 15px;
								background: @dorado;
								color: @blanco;
								text-decoration: none;
							}
						}

						a{
							position: relative;
							margin: 0 15px;
							padding: 0;
							font: 12px/12px @montserrat;
							font-weight: @montserrat-regular;
							color: @blanco;
							text-decoration: none;
							text-transform: uppercase;
						}

						form{
							position: relative;
							display: block;
							margin: 0;
							padding: 0;

							input[type=text],
							input[type=password]{
								position: relative;
								display: block;
								margin: 0;
								padding: 0 20px;
								float: left;
								height: 80px;
								font: 12px/80px @montserrat;
								font-weight: @montserrat-regular;
								box-sizing: border-box;
								border: none;
								color: #000000;
								outline: none;

								&:first-of-type{
									width: 210px;
									border-right: 1px solid @dorado;
								}
								&:last-of-type{
									width: 180px;
								}
							}

							button{
								position: relative;
								display: block;
								margin: 0;
								padding: 0;
								float: left;
								background: @dorado;
								color: @blanco;
								border: none;
								background: url('../images/ico-login-home.png') no-repeat center center @dorado;
								width: 80px;
								height: 80px;
								font: 0/0 a;
							}

							.olvido-box-link{
								position: relative;
								display: block;
								margin: 0;
								padding: 24px 0 0 24px;
								float: left;

								a{
									position: relative;
									display: block;
									margin: 0 0 5px 0;
									padding: 0;
									background: transparent;
									float: none;
									color: @blanco;
									font: 12px/14px @montserrat;
									font-weight: @montserrat-regular;
									text-decoration: underline;
									text-transform: none;

									&:hover{
										color: @blanco;
									}
								}

								label{
									position: relative;
									display: block;
									margin: 0;
									padding: 0;
									font: 12px/14px @montserrat;
									font-weight: @montserrat-regular;
								}
							}
						}
					}
				}
			}
		}
	}

	header{
		position: relative;
		display: block;
		margin: 0;
		padding: 0;
		width: 100%;
		height: 112px;
		z-index: 101;

		#finder{
			position: relative;
			// position: absolute;
			display: block;
			margin: 0;
			padding: 0;
			width: 100%;
			min-height: 110px;
			border-bottom: 1px solid #203c79;
			background: rgba(255, 255, 255, 0.7);

			// .inner{
			// 	overflow: visible;
			// }

			form{
				position: relative;
				display: block;
				margin: 0;
				padding: 0;
				width: 100%;
				height: auto;
				box-sizing: border-box;

				.form-group{
					padding: 11px 15px 13px 15px;
					height: 109px;
					margin: 0;
					position: relative;

					.error-finder{
						position: absolute;
						display: block;
						display: none;
						margin: 0;
						padding: 5px 10px;
						background: #dc4a4b;
						color: @blanco;
						font: 13px/16px @montserrat;
						font-weight: 400;
						bottom: -20px;

						&:before{
							content: '';
						    position: absolute;
						    display: block;
						    margin: 0;
						    padding: 0;
						    left: 10px;
						    top: -7px;
						    width: 0;
						    height: 0;
						    border-style: solid;
						    border-width: 0 15px 10px;
						    border-color: transparent transparent #dc4a4b;
						}
					}

					&.on{
						background: rgba(255, 255, 255, 0.7);

						&.ico-lupa{
							padding-left: 90px;
							background: url('../images/ico-lupa-finder.png') no-repeat 10px center rgba(255, 255, 255, 0.7);
						}
					}

					&.boton{
						padding-top: 11px !important
					}
				}

				.ico-lupa{
					padding-left: 90px;
					background: url('../images/ico-lupa-finder.png') no-repeat 10px center;
				}

				label{
					position: relative;
					display: block;
					margin: 0;
					padding: 14px 0 0 0;
					font: 14px/18px @montserrat;
					font-weight: @montserrat-regular;
				}

				input{
					position: relative;
					display: block;
					margin: 0;
					padding: 0;
					color: @negro;
					font: 22px/50px @montserrat;
					height: 50px;
					font-weight: @montserrat-regular;
					background: transparent;
					box-shadow: none;
					outline: none;
					border: none;
					border-bottom: 2px solid @negro;
					border-radius: 0;

					&.error{
						border-bottom-color: #dc4a4b;
					}

				}

				select.error{
					border-color: #dc4a4b !important;
				}

				button{
					position: relative;
					display: block;
					margin: 0;
					padding: 0;
					width: 100%;
					border: none;
					background: @dorado;
					color: @blanco;
					height: 85px;
				}
			}

			.opciones-finder{
				position: relative;
				display: none;
				margin: 0;
				padding: 0;
				height: 420px;
				box-sizing: border-box;
				overflow: hidden;
				background: rgba(255, 255, 255, 0.7);

				&.on{
					display: block;
				}

				.close-finder{
					position: absolute;
					display: none;
					margin: 0;
					padding: 0;
					background: url('../images/close-finder.png') no-repeat 0 0;
					right: 20px;
					top: 20px;
					cursor: pointer;
					text-decoration: none;
					font: 0/0 a;
					width: 18px;
					height: 18px;
				}

				.opcion{
					position: relative;
					display: none;
					margin: 0;
					padding: 35px;

					&.area{
						display: none;
						padding-left: 90px;

						&.on{
							display: block;
						}

						.ciudades{
							position: relative;
							display: block;
							float: left;
							margin: 0;
							padding: 0;
							width: 390px;
							height: 320px;
							border-right: 2px solid @dorado;
							overflow: auto;

							&::-webkit-scrollbar {
							    width: 19px;
							}

							&::-webkit-scrollbar-track {
							    background: #d9dee0;
							}

							&::-webkit-scrollbar-thumb {
							    background: @dorado;
							    height: 100px;
							}

							ul{
								position: relative;
								display: block;
								margin: 0;
								padding: 0;
								list-style: none;

								li{
									position: relative;
									display: block;
									margin: 0;
									padding: 0;

									a{
										position: relative;
										display: block;
										margin: 0;
										padding: 0 5px;
										font: 22px/38px @montserrat;
										font-weight: @montserrat-regular;
										color: @dorado;
										text-decoration: none;
										width: 260px;
										width: 100%;

										&:hover,
										&.activo{
											color: @blanco;
											background: @dorado;
											text-decoration: none;
										}
									}
								}
							}

						}

						.hoteles{
							position: relative;
							display: none;
							float: left;
							margin: 0 0 0 60px;
							padding: 0;
							width: 420px;
							height: 320px;
							overflow-y: auto;

							&.on{
								display: block;
							}

							&::-webkit-scrollbar {
							    width: 19px;
							}

							&::-webkit-scrollbar-track {
							    background: #d9dee0;
							}

							&::-webkit-scrollbar-thumb {
							    background: @dorado;
							    height: 100px;
							}

							ul{
								position: relative;
								display: block;
								margin: 0;
								padding: 0;
								list-style: none;

								li{
									position: relative;
									display: block;
									margin: 0;
									padding: 0;

									&.off{
										display: none;
									}

									a{
										position: relative;
										display: block;
										margin: 0;
										padding: 0 5px;
										font: 22px/38px @montserrat;
										font-weight: @montserrat-regular;
										color: @dorado;
										text-decoration: none;
										width: 300px;

										&:hover,
										&.activo{
											color: @blanco;
											background: @dorado;
											text-decoration: none;
										}
									}
								}
							}
						}
					}
					&.fechas{
						display: none;

						&.on{
							display: block;
						}
					}
					&.huespedes{
						display: none;
						padding-top: 10px;

						&.on{
							display: block;
						}
					}

					.box-habitaciones{
						position: relative;
						display: block;
						margin: 0 auto;
						padding: 0;
						width: 100%;
						text-align: center;

						.control-habitaciones{
							position: relative;
							display: inline-block;
							margin: 0 10px;
							padding: 0;
							box-sizing: border-box;
							width: 100%;
							max-width: 200px;

							.contador{
								position: relative;
								display: block;
								margin: 0;
								padding: 33px 0;
								float: left;
								width: 60%;
								text-align: center;

								&.only-one{
									width: 100%;
								}

								h5{
									position: relative;
									display: block;
									margin: 0;
									padding: 0;
									font: 16px/18px @montserrat;
									font-weight: @montserrat-regular;
									color: @negro;
								}

								.num-habitaciones{
									position: relative;
									display: block;
									margin: 0;
									padding: 0;
									font: 80px/80px @montserrat;
									font-weight: @montserrat-regular;
									color: @dorado;
								}
							}

							.controles{
								position: relative;
								display: block;
								margin: 0;
								padding: 33px 0;
								float: left;
								width: 40%;
								text-align: center;
								height: 140px;

								a{
									position: relative;
									display: block;
									margin: 0 auto;
									padding: 0;
									width: 51px;
									height: 51px;
									text-align: center;
									font: 0/0 a;
									text-decoration: none;
									text-shadow: none;
									color: transparent;

									&.mas{
										background: url('../images/ico-mas-big.png') no-repeat 0 0;

										&.limit{
											background: url('../images/ico-mas-big-off.png') no-repeat 0 0;
										}
									}

									&.menos{
									background: url('../images/ico-menos-big.png') no-repeat 0 0;

									&.limit{
										background: url('../images/ico-menos-big-off.png') no-repeat 0 0;
									}
								}
							}
						}

						}
					}

					.box-huespedes{
						position: relative;
						display: block;
						margin: 0 auto;
						padding: 0;
						width: 100%;
						text-align: center;

						.control-huespedes{
							position: relative;
							display: inline-block;
							margin: 0 10px;
							padding: 0;
							border: 1px solid @dorado;
							box-sizing: border-box;
							width: 100%;
							// max-width: 358px;
							max-width: 330px;
							// max-width: 345px;
							height: 188px;

							.titulo{
								position: relative;
								display: block;
								margin: 0;
								padding: 0;
								background: url('../images/ico-casa-huespedes.png') no-repeat 20px center #f2f2f2;
								height: 46px;

								h4{
									position: relative;
									display: block;
									margin: 0;
									padding: 0 0 0 50px;
									font: 14px/46px @montserrat;
									font-weight: @montserrat-regular;
									text-transform: uppercase;
									border-bottom: 1px solid @dorado;
									color: @dorado;
									text-align: left;
								}
							}

							.ocupacion{
								position: relative;
								display: block;
								margin: 0;
								padding: 0;
								width: 100%;
								height: 180px;
								overflow: hidden;

								.edad-hijos{
									position: relative;
									display: block;
									margin: 0;
									padding: 0 0 0 10px;
									width: 100%;
									height: 40px;
									box-sizing: border-box;
									overflow: hidden;
									border: 1px solid @dorado;
									border-top: none;
									text-align: left;

									label{
										position: relative;
										display: block;
										margin: 0 10px 0 0;
										padding: 0;
										float: left;
										width: 80px;
										text-align: left;
										font-weight: @montserrat-regular;
									}

									select{
										position: relative;
										display: none;
										margin: 2px 4px 0 0;
										padding: 2px;
										float: left;
										font: 11px/14px @montserrat;
										font-weight: @montserrat-regular;
										color: @dorado;
										border: 1px solid @dorado;
										height: 36px;
										border-radius: 0;

										&.on{
											display: block;
										}

										&.error{
											border-color: #dc4a4b !important;
										}
									}
								}

								.adultos,
								.menores{
									position: relative;
									display: block;
									margin: 0;
									padding: 0;
									width: 50%;
									height: 140px;
									box-sizing: border-box;
									float: left;
									overflow: hidden;

									.contador{
										position: relative;
										display: block;
										margin: 0;
										padding: 33px 0;
										float: left;
										width: 60%;
										text-align: center;

										h5{
											position: relative;
											display: block;
											margin: 0;
											padding: 0;
											font: 16px/18px @montserrat;
											font-weight: @montserrat-regular;
											color: @negro;
										}

										.num-adultos,
										.num-menores{
											position: relative;
											display: block;
											margin: 0;
											padding: 0;
											font: 57px/57px @montserrat;
											font-weight: @montserrat-regular;
											color: @dorado;
										}
									}

									.controles{
										position: relative;
										display: block;
										margin: 0;
										padding: 33px 0;
										float: left;
										width: 40%;
										text-align: center;
										height: 140px;

										a{
											position: relative;
											display: block;
											margin: 0 auto;
											padding: 0;
											width: 36px;
											height: 37px;
											text-align: center;
											font: 0/0 a;
											text-decoration: none;
											text-shadow: none;
											color: transparent;

											&.mas{
												background: url('../images/ico-mas-small.png') no-repeat 0 0;

												&.limit{
													background: url('../images/ico-mas-small-off.png') no-repeat 0 0;
												}
											}

											&.menos{
												background: url('../images/ico-menos-small.png') no-repeat 0 0;

												&.limit{
													background: url('../images/ico-menos-small-off.png') no-repeat 0 0;
												}
											}
										}
									}
								}

								.adultos{
									border-right: 1px solid @dorado;
								}
							}
						}
					}
				}
			}
		}

		.texto{
			position: relative;
			display: block;
			margin: 0;
			padding: 67px 0 0 0;
			width: 100%;
			height: auto;
			text-align: center;

			h2{
				position: relative;
				display: block;
				margin: 0;
				padding: 0;
				font: 30px/36px @montserrat;
				font-weight: @montserrat-regular;
				letter-spacing: 20px;
				color: @blanco;
			}
		}

		.logo{
			position: absolute;
			display: block;
			margin: 18px 0 0 0;
			padding: 0;
			z-index: 2;

			img{
				position: relative;
				display: block;
				margin: 0;
				padding: 0;
				//width: 196px;
				height: auto;
			}
		}

		.box-menu{
			position: relative;
			display: block;
			margin: 0;
			padding: 0;

			&.principal{
				background: rgba(0, 0, 0, 1);
				height: 80px;
			}

			&.secundario{
				background: rgba(0, 0, 0, 1);
				height: 32px;
			}

			.submenu{
				position: relative;
				display: block;
				margin: 0;
				padding: 0;
				height: 32px;
				overflow: hidden;
				box-sizing: border-box;

				&.left{
					float: left;
				}

				&.right{
					float: right;
				}
			}

			ul.idiomas{
				position: relative;
				display: block;
				margin: 0;
				padding: 0;
				height: 32px;
				list-style: none;
				float: left;
				width: 160px;
				box-sizing: border-box;

				li{
					position: relative;
					display: block;
					margin: 0;
					padding: 12px 0 11px 0;
					float: left;

					&.activo{
						background: @dorado;
					}

					a{
						position: relative;
						display: block;
						margin: 0;
						padding: 0 9px;
						color: @blanco;
						text-decoration: none;
						font: 9px/9px @montserrat;
						font-weight: @montserrat-regular;
						text-transform: uppercase;

					}
				}
			}

			ul.otros,
			ul.contacto{
				position: relative;
				display: block;
				margin: 0;
				padding: 0;
				list-style: none;
				float: left;

				li{
					position: relative;
					display: block;
					margin: 0;
					padding: 12px 0 11px 0;
					float: left;

					&.activo{
						background: @dorado;
					}

					a{
						position: relative;
						display: block;
						margin: 0;
						padding: 0 9px;
						color: @blanco;
						text-decoration: none;
						font: 9px/9px @montserrat;
						font-weight: @montserrat-regular;
						border-right: 1px solid @blanco;
						text-transform: uppercase;

						&:last-of-type{
							border-right: 0;
						}

						&:hover{
							text-decoration: underline;
						}
					}
				}
			}

			ul.otros{
				li{
					a{
						&.facebook{
							margin: 0 8px;
							margin-left: 30px;
							background: url('../images/ico-facebook-header.png') no-repeat center center;
							width: 9px;
							height: 17px;
							top: -4px;

							&:hover{
								/*background-image: url('../images/ico-facebook-header-color.png');*/
							}
						}
						&.twitter{
							margin: 0 8px;
							background: url('../images/ico-twitter-x-header.png') no-repeat center center;
							width: 19px;
							height: 16px;
							top: -4px;

							&:hover{
								/*background-image: url('../images/ico-twitter-x-header-color.png');*/
							}
						}
						&.instagram{
							margin: 0 8px;
							background: url('../images/ico-instagram-header.png') no-repeat center center;
							width: 18px;
							height: 17px;
							top: -4px;

							&:hover{
								/*background-image: url('../images/ico-instagram-header-color.png');*/
							}
						}
						&.pinterest{
							margin: 0 8px;
							background: url('../images/ico-pinterest-header.png') no-repeat center center;
							width: 14px;
							height: 16px;
							top: -4px;

							&:hover{
								/*background-image: url('../images/ico-pinterest-header-color.png');*/
							}
						}

						&.youtube{
							margin: 0 8px;
							background: url('../images/ico-youtube-header.png') no-repeat center center;
							width: 20px;
							height: 13px;
							top: -2px;

							&:hover{
								/*background: url('../images/ico-youtube-header-color.png') no-repeat center center;*/
							}
						}

						&.google{
							margin: 0 8px;
							background: url('../images/ico-google-header.png') no-repeat center center;
							width: 21px;
							height: 15px;
							top: -3px;

							&:hover{
								/*background: url('../images/ico-google-header-color.png') no-repeat center center;*/
							}
						}
					}
				}
			}

			ul.contacto{
				li{
					a{
						margin-right: 20px;

						&:hover{
							text-decoration: underline;
						}

						&.mundo-etc{
							padding-left: 25px;
							&:before{
								content: '';
								position: absolute;
								display: block;
								margin: 0;
								padding: 0;
								background: url('../images/ico-mundo-etc.png') no-repeat 0 0;
								width: 13px;
								height: 13px;
								left: 0;
								top: -2px;
							}
						}
						&.sobre{
							padding-left: 25px;
							&:before{
								content: '';
								position: absolute;
								display: block;
								margin: 0;
								padding: 0;
								background: url('../images/ico-contacto.png') no-repeat 0 0;
								width: 16px;
								height: 10px;
								left: 0;
							}
						}

						&.perfil{
							padding-left: 20px;
							&:before{
								content: '';
								position: absolute;
								display: block;
								margin: 0;
								padding: 0;
								background: url('../images/ico-perfil.png') no-repeat 0 0;
								width: 10px;
								height: 11px;
								left: 0;
								top: -1px;
							}
						}
					}
				}
			}
		}

		nav{
			position: relative;
			display: block;
			margin: 0;
			padding: 0 0 0 255px;
			width: 100%;
			height: 80px;
			box-sizing: border-box;
			clear: both;

			.menu-principal{
				position: relative;
				display: block;
				margin: 0;
				padding: 0;
				float: left;
				float: right;
				right: 30px;
				list-style: none;
				font: 12px/12px @montserrat;
				font-weight: @montserrat-regular;

				li{
					position: relative;
					display: block;
					margin: 0 0 0;
					padding: 34px 0;
					float: left;
					color: @blanco;

					&.login-menu{
						background: @dorado;

						&:hover{
							a{
								color: @blanco;
							}
						}

						a{
							&:hover{
								color: @blanco;
							}
						}
					}

					&:last-of-type{
						margin-right: 0;
					}

					a{
						position: relative;
						margin: 0 13px;
						padding: 0;
						font: 12px/12px @montserrat;
						font-weight: @montserrat-regular;
						color: @blanco;
						text-decoration: none;
						text-transform: uppercase;

						&:hover{
							color: @dorado;
						}
					}

					&.active,
					&:hover{
						color: @blanco;

						a{
							color: @dorado;
						}

						&.ofertas-especiales{
							a{
								&:before{
									background-image: url('../images/ico-ofertas-especiales-activo.png')
								}
							}
						}
					}

					&.ofertas-especiales{
						a{
							&:before{
								content: '';
								position: absolute;
								display: block;
								margin: 0;
								padding: 0;
								background: url('../images/ico-ofertas-especiales.png') no-repeat 0 0;
								width: 33px;
								height: 32px;
								right: -50px;
								top: -8px
							}
						}
					}

				}
			}

			.menu-secundario{
				position: relative;
				display: block;
				margin: 0;
				padding: 0;
				float: right;
				list-style: none;

				li{
					position: relative;
					display: block;
					margin: 0 10px 0 0;
					padding: 0;
					float: left;
					width: 94px;
					height: 100%;

					a{
						position: relative;
						display: block;
						margin: 0;
						padding: 23px 0 18px 0;
						width: 100%;
						font: 12px/12px @montserrat;
						font-weight: 700;
						color: @grisTexto;
						text-decoration: none;
						border-bottom: 2px solid @grisTexto;

						&.login{
							background: @grisLogin;
							border-bottom: 2px solid @blanco;
							padding: 19px 0 18px 17px;
							font-weight: 400;

							&:before{
								content: '';
								position: relative;
								display: inline-block;
								margin: 0 13px 0 0;
								padding: 0;
								top: 3px;
								background: url('/assets/images/ico-login.png') no-repeat 0 0;
								width: 11px;
								height: 14px;
							}

						}
						&.idioma{
							background: @grisIdioma;
							border-bottom: 2px solid @grisTexto;
							color: @blanco;
							padding: 17px 0 18px 15px;
							font-weight: 400;

							&:before{
								content: '';
								position: relative;
								display: inline-block;
								margin: 0 9px 0 0;
								padding: 0;
								top: 3px;
								background: url('/assets/images/ico-idioma.png') no-repeat 0 0;
								width: 16px;
								height: 16px;
							}

							&:after{
								content: '';
								position: relative;
								display: inline-block;
								margin: 0 0 0 11px;
								padding: 0;
								top: -2px;
								background: url('/assets/images/ico-desplegable-blanco.png') no-repeat 0 0;
								width: 8px;
								height: 5px;
							}
						}
					}
				}
			}
		}

	}

	footer{
		position: relative;
		display: block;
		margin: 0;
		padding: 11px 0;
		overflow: hidden;
		clear: both;
		background: @negro;
		box-sizing: border-box;
		height: 32px;

		.center{
			text-align: center;
		}

		p{
			position: relative;
			display: block;
			margin: 0;
			padding: 0;
			font: 9px/9px @montserrat;

			a{
				position: relative;
				margin: 0px;
				padding: 0 15px;
				font: 9px/9px @montserrat;
				width: auto;
				font-weight: @montserrat-regular;
				text-transform: uppercase;
				color: @blanco;
				text-decoration: none;
				border-right: 1px solid @blanco;

				&:hover,
				&:active,
				&:visited,
				&:focus{
					text-decoration: underline;
					color: @blanco;
					outline: none;
				}

				&:last-of-type{
					border: none;
				}

			}

		}


	}

	.bannerDestacados{
		position: relative;
		display: block;
		margin: -204px 0 0 0;
		padding: 0;

		.banner{
			position: relative;
			display: block;
			margin: 0;
			padding: 0;

			a{
				position: relative;
				display: block;
				margin: 0;
				padding: 0;
				text-decoration: none;
				border: none;

				img{
					position: relative;
					display: block;
					margin: 0;
					padding: 0;
					width: 100%;
					height: auto;
					border: none;
				}

				h3{
					position: absolute;
					display: block;
					margin: 0;
					padding: 0;
					left: 30px;
					bottom: 35px;
					font: 28px/28px @montserrat;
					font-weight: 700;
					color: @blanco;
					z-index: 2;
				}
			}
		}
	}

	#listadoOfertas{
		position: relative;
		display: block;
		margin: 0 0 30px 0;
		padding: 0;
		overflow: hidden;
		clear: both;

		.banner{
			position: relative;
			display: block;
			margin: 0 0 20px 0;
			padding: 0;

			&.negro{
				.mas-info{
					background: @negro;
					color: @blanco;
				}

				.detalles{
					p{color: @negro;}
					.separador{background: @negro;}
					h3{color: @negro;}
					.precio{color: @negro;}
				}
			}

			img{
				position: relative;
				display: block;
				margin: 0;
				padding: 0;
				width: 100%;
				height: auto;
				border: none;
			}

			.mas-info{
				position: absolute;
				display: block;
				margin: 0;
				padding: 0 31px;
				bottom: 50px;
				left: 70px;
				height: 80px;
				background: @blanco;
				color: @negro;
				font: 18px/80px @montserrat;
				font-weight: @montserrat-regular;
				width: 293px;
				box-sizing: border-box;
				text-align: center;
				text-decoration: none;
				text-transform: uppercase;
			}

			.detalles{
				position: absolute;
				display: block;
				margin: 0;
				padding: 0;
				top: 60px;
				left: 70px;
				z-index: 2;

				h3{
					position: relative;
					display: block;
					margin: 0 0 20px 0;
					padding: 0;
					font: 36px/36px @montserrat;
					font-weight: @montserrat-bold;
					color: @blanco;
					text-transform: uppercase;
				}

				.separador{
					position: relative;
					display: block;
					margin: 0 0 20px 0;
					padding: 0;
					width: 100px;
					height: 4px;
					background: @blanco;
				}

				p{
					position: relative;
					display: block;
					margin: 0;
					padding: 0 0 20px 0;
					font: 16px/24px @montserrat;
					font-weight: 400;
					color: @blanco;

				}

				.precio{
					position: relative;
					display: block;
					margin: 0;
					padding: 0;
					font: 40px/40px @montserrat;
					font-weight: @montserrat-regular;
					color: @blanco;
				}
			}
		}
	}

	.bannerMiembro{
		position: relative;
		display: block;
		margin: 0;
		padding: 17px 0;
		background: @azulBanner;
		color: @blanco;
		overflow: hidden;
		clear: both;

		.hazte-miembro{
			position: relative;
			display: block;
			margin: 0;
			padding: 13px 0 13px 98px;
			background: url('/assets/images/ico-hazte-miembro.png') no-repeat 8px center;
			width: 100%;
			font: 20px/30px @montserrat;
			font-weight: 400;

			strong{
				display: block;
				font-weight: 700;
			}
		}

		.descripcion{
			position: relative;
			display: block;
			margin: 0;
			padding: 10px 0 10px 67px;
			background: url('/assets/images/ico-barra-vertical.png') no-repeat left center;
			width: 100%;
			font: 16px/22px @montserrat;
		}

		.boton{
			position: relative;
			display: block;
			margin: 0;
			padding: 33px 36px 35px 36px;
			background: @azulVerdoso;
			color: @blanco;
			font: 18px/18px @montserrat;
			font-weight: 400;
			text-decoration: none;

			&:after{
				content: '';
				position: absolute;
				display: block;
				margin: 0;
				padding: 0;
				background: url('/assets/images/ico-boton-flecha.png') no-repeat 0 0;
				width: 41px;
				height: 41px;
				right: 33px;
				top: 23px;
			}
		}
	}

	.cuerpo{
		position: relative;
		display: block;
		margin: 0;
		padding: 60px 0;
		background: @blanco;
		width: 100%;
		overflow: hidden;

		#BannerBig{
			position: relative;
			display: block;
			margin: 0;
			padding: 0;

			.banner{

				margin: 0;

				.detalles{
					position: absolute;
					display: block;
					margin: 0;
					padding: 30px;
					background: rgba(0, 0, 0, 0.6);
					top: 30px;
					left: 30px;
					height: 470px;
					width: 360px;

					h3{
						font: 30px/34px @montserrat;
						font-weight: @montserrat-bold;
						margin-bottom: 35px;
						text-transform: uppercase;

						em{
							color: @dorado;
							font: 51px/46px @montserrat;
							font-weight: @montserrat-black;
						}
					}

					p{
						position: relative;
						display: block;
						margin: 0 0 25px 0;
						padding: 0;
						font: 18px/24px @montserrat;
						font-weight: @montserrat-bold;
						color: @blanco;
					}
				}

				.mas-info{
					bottom: 56px;
					left: 108px;
					z-index: 3;
				}

			}
		}

		.banner{
			position: relative;
			display: block;
			margin: 0 0 30px 0;
			padding: 0;
			width: 100%;

			a{
				position: relative;
				display: block;
				margin: 0;
				padding: 0;
				font: 0/0 a;
				text-decoration: none;
				width: 100%;
				height: auto;

				img{
					position: relative;
					display: block;
					margin: 0;
					padding: 0;
					width: 100%;
					height: auto;
				}

				.detalles{
					position: absolute;
					display: block;
					margin: 0;
					padding: 0;
					z-index: 2;
					top: 44px;

					&.right{
						right: 55px;

						h3{
							text-align: right;
						}
					}
					&.left{
						left: 28px;

						h3{
							text-align: left;
						}
					}

					h3{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;
						color: white;
						font: 26px/28px @montserrat;
						font-weight: @montserrat-regular;
						//text-shadow: 1px 2px #333;

						em{
							position: relative;
							display: block;
							margin: 0;
							padding: 0;
							font: 42px/38px @montserrat;
							font-weight: @montserrat-bold;
						}
					}
				}
			}

			.mas-info{
				position: absolute;
				display: block;
				margin: 0;
				padding: 0;
				width: 188px;
				height: 64px;
				background: @dorado;
				color: @blanco;
				text-align: center;
				font: 14px/64px @montserrat;
				font-weight: @montserrat-bold;
				text-transform: uppercase;
				border-radius: 3px;
				bottom: 42px;

				&.right{
					right: 55px;
				}

				&.left{
					left: 28px;
				}
			}
		}

		#BannerDuo{
			position: relative;
			display: block;
			margin: 0;
			padding: 0;
			// overflow: hidden;
		}

		.titulo{
			position: relative;
			display: block;
			margin: 0 0 20px 0;
			padding: 0;

			h1,
			h2,
			h3{
				position: relative;
				display: block;
				margin: 0;
				padding: 0;
				font: 28px/28px @montserrat;
				font-weight: @montserrat-regular;
				color: #9c8238;
			}
		}

		.texto{
			position: relative;
			display: block;
			margin: 0 0 30px 0;
			padding: 0 15px;

			h1, h2{
				position: relative;
				display: block;
				margin: 0 0 15px 0;
				padding: 0;
				color: @dorado;
				font: 28px/24px @montserrat;
				@font-weight: @montserrat-regular;
			}

			h3{
				position: relative;
				display: block;
				margin: 0;
				padding: 0;
				font: 28px/28px @montserrat;
				font-weight: @montserrat-regular;
				color: #9c8238;
			}

			p{
				position: relative;
				display: block;
				margin: 0 0 20px 0;
				padding: 0;
				font: 14px/26px @montserrat;
				font-weight: @montserrat-regular;
			}

			ul{
				position: relative;
				display: block;
				margin: 0;
				padding: 0 20px;
				width: 100%;

				&.doble{

					li{
						padding: 0 1%;
						float: left;
						width: 48%;
					}

				}

			}
		}

		#boxTableInfo{
			position: relative;
			display: block;
			margin: 0 0 30px 0;
			padding: 0 35px 35px 35px;
			box-sizing: border-box;
			background: url('../images/bg-update-pass.png') repeat-x top left #f4f4f4;

			.btn-edit-aceptar{
				position: relative;
				display: block;
				margin: 0 15px 0 0;
				padding: 13px 50px;
				float: left;
				background: @dorado;
				color: @blanco;
				border: 1px solid @dorado;
				font: 14px/18px @montserrat;
				font-weight: @montserrat-regular;
				text-decoration: none;
				text-align: center;
			}

			.btn-edit-cancelar{
				position: relative;
				display: block;
				margin: 0;
				padding: 13px 50px;
				float: left;
				background: transparent;
				color: #cb2b34;
				font: 14px/18px @montserrat;
				font-weight: @montserrat-regular;
				text-decoration: none;
				text-align: center;
				border: 1px solid #cb2b34;
			}

			.edit-pass{
				position: relative;
				display: none;
				margin: 0;
				padding: 0;
				box-sizing: border-box;
				clear: both;
				overflow: hidden;

				&.on{
					display: block;
				}
			}
			.view-pass{
				position: relative;
				display: none;
				margin: 0;
				padding: 0;
				box-sizing: border-box;
				clear: both;
				overflow: hidden;

				&.on{
					display: block;
				}

				.form-group{
					overflow: hidden;
				}

				.box-boton-edit{
					text-align: right;
				}

				a.edit-info-pass{
					position: relative;
					display: inline-block;
					margin: 23px 0 0 0;
					padding: 0;
					width: 285px;
					height: 45px;
					font: 14px/45px @montserrat;
					font-weight: 400;
					text-align: center;
					text-transform: uppercase;
					text-decoration: none;
					color: #fff;
					background: #9c8238;

					&:after{
						content: '';
						position: absolute;
						display: block;
						margin: 0;
						padding: 0;
						background: url('../images/ico-pencil-update.png') no-repeat 0 0;
						width: 21px;
						height: 23px;
						right: 13px;
						top: 10px;
					}
				}
			}

			.titulo{
				position: relative;
				display: block;
				margin: 0 0 35px 0;
				padding: 0;
				left: -35px;

				h4{
					position: relative;
					display: block;
					margin: 0;
					padding: 0 30px;
					font: 14px/45px @montserrat;
					font-weight: @montserrat-regular;
					color: @blanco;
					background: @dorado;
					width: 457px;
					height: 45px;
					box-sizing: border-box;

					&:after{
						content: '';
						position: absolute;
						display: block;
						margin: 0;
						padding: 0;
						background: url('../images/ico-update-pass.png') no-repeat center center;
						width: 12px;
						height: 45px;
						top: 0;
						right: 10px;
					}
				}
			}

			table{
				width: 80%;
			}

			.form-group{

				&:last-of-type{
					margin-bottom: 0;
				}

				span{
					position: relative;
					display: inline-block;
					margin: 0;
					padding: 0 0 0 30px;
					color: #7faf6c;
					font: 16px/45px @montserrat;
					font-weight: @montserrat-regular;

					&:before{
						content: '';
						position: absolute;
						display: block;
						margin: 0;
						padding: 0;
						background: url('../images/ico-ok.png') no-repeat left center;
						width: 19px;
						height: 45px;
						left: 0;

					}
				}

				label{
					position: relative;
					display: block;
					margin: 0 0 10px 0;
					padding: 0;
					font: 14px/18px @montserrat;
					font-weight: @montserrat-regular;
					color: #4c4549;

				}

				input{
					position: relative;
					display: inline-block;
					margin: 0 25px 0 0;
					padding: 0 20px;
					font: 14px/40px @montserrat;
					font-weight: @montserrat-regular;
					width: 100%;
					max-width: 500px;
					height: 40px;
					border-radius: 0;
					box-shadow: none;
					background: @blanco;
					box-sizing: border-box;
					border: 1px solid #e1e1e1;

					&:disabled{
						padding: 0;
						border: none;
						background: #f4f4f4;
						box-shadow: none;
					}
				}


			}
		}

		#boxListadoInfo{
			position: relative;
			display: block;
			margin: 0 0 30px 0;
			padding: 0;
			background: @blanco;
			border-left: 2px solid @dorado;

			.btn-edit-aceptar{
				position: relative;
				display: block;
				margin: 0 15px 0 0;
				padding: 13px 50px;
				float: left;
				background: @dorado;
				color: @blanco;
				border: 1px solid @dorado;
				font: 14px/18px @montserrat;
				font-weight: @montserrat-regular;
				text-decoration: none;
				text-align: center;
			}

			.btn-edit-cancelar{
				position: relative;
				display: block;
				margin: 0;
				padding: 13px 50px;
				float: left;
				background: transparent;
				color: #cb2b34;
				font: 14px/18px @montserrat;
				font-weight: @montserrat-regular;
				text-decoration: none;
				text-align: center;
				border: 1px solid #cb2b34;
			}

			.titulo{
				position: relative;
				display: block;
				margin: 0;
				padding: 0;

				h4{
					position: relative;
					display: block;
					margin: 0;
					padding: 0 0 0 30px;
					border-left: 4px solid @dorado;
					font: 22px/48px @montserrat;
					height: 48px;
					font-weight: @montserrat-regular;
					color: #4c4549;
				}

				a.boton{
					position: absolute;
					display: block;
					margin: 0;
					padding: 0;
					right: 0;
					top: 0;
					width: 285px;
					height: 45px;
					font: 14px/45px @montserrat;
					font-weight: @montserrat-regular;
					text-align: center;
					text-transform: uppercase;
					text-decoration: none;
					color: @blanco;
					background: @dorado;
					top: -5px;

					&.edit-info{
						&:after{
							content: '';
							position: absolute;
							display: block;
							margin: 0;
							padding: 0;
							background: url('../images/ico-pencil-update.png') no-repeat 0 0;
							width: 21px;
							height: 23px;
							right: 13px;
							top: 10px;
						}
					}

					&.descargar-pdf{
						&:after{
							content: '';
							position: absolute;
							display: block;
							margin: 0;
							padding: 0;
							background: url('../images/ico-pdf-blanco.png') no-repeat 0 0;
							width: 20px;
							height: 23px;
							right: 13px;
							top: 10px;
						}
					}
				}
			}

			table{
				border: 1px solid #e0e0e0;
				background: #f4f4f4;
				border-collapse: collapse;
				width: 100%;

				tr{
					border-bottom: 1px solid #e0e0e0;

					td{
						padding: 15px 15px 15px 25px;

						label{
							position: relative;
							display: inline-block;
							margin: 0;
							padding: 0;
							color: @dorado;
							font: 14px/14px @montserrat;
							font-weight: @montserrat-regular;
							width: 100%;
							max-width: 90px;
						}
					}
				}
			}

			.view-data,
			.edit-data{
				position: relative;
				display: none;
				margin: 0;
				padding: 0;

				.form-group{
					margin: 0;
				}

				&.on{
					display: block;
				}

				label{
					max-width: 90px;
					font: 14px/27px @montserrat;
				}

				input,
				select{
					position: relative;
					display: inline-block;
					margin: 0;
					padding: 0 20px;
					font: 14px/27px @montserrat;
					font-weight: @montserrat-regular;
					width: 100%;
					max-width: 710px;
					height: 27px;
					border-radius: 0;
					box-shadow: none;
					background: @blanco;
					box-sizing: border-box;
					border: 1px solid #e1e1e1;
				}

				select{
					width: 140px;
				}

				table{
					td:not([colspan]){
						border-right: 1px solid #e0e0e0;

						input{
							width: 100%;
							max-width: 140px
						}
					}
				}


			}
		}

		#boxActions{
			position: relative;
			display: block;
			margin: 0;
			padding: 0;
			width: 100%;
			text-align: center;

			button{
				position: relative;
				display: inline-block;
				margin: 0 10px;
				padding: 0;
				background: @dorado;
				color: @blanco;
				font: 14px/63px @montserrat;
				font-weight: @montserrat-bold;
				text-decoration: none;
				width: 285px;
				height: 63px;
				border: none;
			}
		}

		.listadoHistorialReservas{
			position: relative;
			display: block;
			margin: 0 0 30px 0;
			padding: 0;

			table{
				width: 100%;
				margin: -20px 0 30px 0;
				border-collapse: collapse;
				border: 1px solid #f4f4f4;
				border-top: 3px solid @dorado;

				thead{
					display: none;
				}

				&.reservas{
					thead{
						th:first-of-type{
							padding-left: 79px;
							i{
								content: '';
								position: absolute;
								display: block;
								margin: 0;
								padding: 0;
								background: url('../images/ico-reservas.png') no-repeat 0 0;
								width: 31px;
								height: 18px;
								left: 20px;
							}
						}
					}
				}

				&.alquileres{
					thead{
						th:first-of-type{
							padding-left: 79px;
							i{
								content: '';
								position: absolute;
								display: block;
								margin: 5px 0 0 0;
								padding: 0;
								background: url('../images/ico-alquileres.png') no-repeat 0 0;
								width: 31px;
								height: 18px;
								left: 20px;
							}
						}
					}
				}

				&.cruceros{
					thead{
						th:first-of-type{
							padding-left: 79px;
							i{
								content: '';
								position: absolute;
								display: block;
								margin: 0;
								padding: 0;
								background: url('../images/ico-cruceros.png') no-repeat 0 0;
								width: 31px;
								height: 18px;
								left: 20px;
							}
						}
					}
				}

				thead{
					background: @dorado;
					color: @blanco;

					th{
						height: 45px;
						font: 14px/18px @montserrat;
						font-weight: @montserrat-regular;
						padding: 0 20px;
					}
				}

				tbody{
					background: @blanco;

					tr{
						&:nth-child(odd) {
							background: #f4f4f4;
						}
					}

					td{
						padding: 0 20px;
						height: 50px;
						border-bottom: 1px solid #f4f4f4;
						font: 14px/18px @montserrat;
						font-weight: @montserrat-regular;
						vertical-align: middle;

						strong{
							font-weight: @montserrat-bold;
						}

						.nombre{
							font: 14px/18px @montserrat;
							font-weight: @montserrat-bold;
						}

						.info{
							font: 12px/18px @montserrat;
							font-weight: @montserrat-regular;
						}

						.detalle{
							position: relative;
							display: block;
							font: 12px/14px @montserrat;
							font-weight: @montserrat-regular;

							i{
								font-style: italic;
							}
						}

						&:first-of-type{
							border-left: 1px solid #f4f4f4;
							text-align: center;
							padding: 0 0 0 20px;
						}

						&:last-of-type{
							border-right: 1px solid #f4f4f4;
							width: 25px;
						}

						.btn-pdf{
							position: relative;
							display: block;
							margin: 0 auto;
							padding: 0;
							width: 20px;
							height: 23px;
							background: url('../images/ico-pdf.png') no-repeat 0 0;
							cursor: pointer;
							text-decoration: none;
							font: 0/0 a;
						}
					}
				}
			}
		}

		#bannerNoches{
			position: relative;
			display: block;
			margin: 0 0 30px 0;
			padding: 0;
			background: #f9f9f9;
			border: 1px solid #e0e0e0;
			box-sizing: border-box;
			overflow: hidden;
			height: 100%;

			.detalles{
				position: relative;
				display: block;
				margin: 0;
				padding: 25px 20px 15px 20px;
				width: 100%;
				height: 206px;
				box-sizing: border-box;
				border: 2px solid transparent;

				&:hover{
					border: 2px solid @dorado;
				}

				.info{
					position: relative;
					display: block;
					margin: 0;
					padding: 0;
					width: 100%;
					overflow: hidden;
					box-sizing: border-box;

					.utilizadas{
						position: relative;
						display: block;
						margin: 0;
						padding: 0 0 0 34px;
						width: 50%;
						float: left;
						background: url('../images/ico-noches-utilizadas.png') no-repeat left 9px;
					}
					.pendientes{
						position: relative;
						display: block;
						margin: 0;
						padding: 0 0 0 34px;
						width: 50%;
						float: left;
						background: url('../images/ico-noches-pendientes.png') no-repeat left 9px;
					}

					p{
						font: 12px/17px @montserrat;
						font-weight: @montserrat-medium;
						color: #4c4549;

						span{
							position: relative;
							display: block;
							margin: 0 5px 0 0;
							padding: 0;
 							font: 30px/34px @montserrat;
							font-weight: @montserrat-medium;
							color: #333333;
							float: left;
						}
					}
				}

				h3{
					position: relative;
					display: block;
					margin: 0 0 8px 0;
					padding: 0;
					font: 18px/22px @montserrat;
					font-weight: @montserrat-regular;
					text-align: center;

					strong{
						color: @dorado;
						font-weight: @montserrat-bold;
					}
				}

				h4{
					position: relative;
					display: block;
					margin: 0 0 8px 0;
					padding: 0;
					font: 11px/15px @montserrat;
					font-weight: @montserrat-regular;
					color: #333333;
					text-align: center;
				}

				.noches{
					position: relative;
					display: block;
					margin: 0;
					padding: 0;
					text-align: center;
					font: 48px/82px @montserrat;
					font-weight: @montserrat-regular;
					color: #333333;

					&.dorado{
						color: @dorado;
					}

					&.imagen-texto{
						font: 10px/14px @montserrat;
						font-weight: @montserrat-bold;
						color: @dorado;
						margin-bottom: 15px;

						img{
							position: relative;
							display: block;
							margin: 0 auto;
							padding: 0;
						}
					}
				}
			}
		}

		#bannerDetalles{
			position: relative;
			display: block;
			margin: 0 0 30px 0;
			padding: 0;
			background: url('../images/bg-banner-detalles.jpg') no-repeat 0 0;
			color: @blanco;
			overflow: hidden;
			box-sizing: border-box;
			width: 100%;
			height: 197px;

			.banner{
				position: relative;
				display: block;
				margin: 0;
				padding: 36px 0 0 0;
				float: left;
				width: 33.3%;
				height: 197px;
				box-sizing: border-box;
				text-align: center;

				p{
					position: relative;
					display: block;
					margin: 0;
					padding: 0;
					font: 12px/16px @montserrat;
					font-weight: @montserrat-regular;

					i{
						position: relative;
						display: block;
						margin: 0 auto;
						padding: 0;
					}

					em{
						position: relative;
						display: block;
						margin: 0 auto;
						padding: 0;
						font: 54px/50px @montserrat;
						font-weight: @montserrat-black;
						font-style: normal;
					}
				}

				&.noches-exclusive{
					i{
						margin-bottom: 20px;
						background: url('../images/ico-noches-exclusive.png') no-repeat 0 0;
						width: 44px;
						height: 44px;
					}
				}
				&.noches-descuento{
					i{
						margin-bottom: 18px;
						background: url('../images/ico-noches-descuento.png') no-repeat 0 0;
						width: 51px;
						height: 46px;
					}
				}
				&.noches-liberadas{
					i{
						margin-bottom: 16px;
						background: url('../images/ico-noches-liberadas.png') no-repeat 0 0;
						width: 48px;
						height: 48px;
					}
				}
			}
		}

		#navTab{
			position: relative;
			display: block;
			margin: 0;
			padding: 0;
			overflow: hidden;

			ul{
				position: relative;
				display: block;
				margin: 0;
				padding: 0;
				list-style: none;

				li{
					position: relative;
					display: block;
					margin: 0 2px 0 0;
					padding: 0;
					float: left;

					a{
						position: relative;
						display: block;
						margin: 0;
						padding: 15px;
						background: @azulClaro;
						background: @blanco;
						color: @blanco;
						color: rgba(61, 92, 117, 0.7);
						text-align: center;
						//width: 168px;
						//height: 38px;
						font: 15px/20px @montserrat;
						font-weight: @montserrat-regular;
						//text-transform: uppercase;
						text-decoration: none;

						&.active{
							background: @azulon;
							background: @blanco;
							color: @azulon;
							border-bottom: 3px solid @azulon;
							font: 18px/20px @montserrat;
							font-weight: @montserrat-regular;
							text-decoration: none;
						}
					}
				}
			}
		}

		#new-boxDetallesPago{
			position: relative;
			display: block;
			margin: 0 0 30px 0;
			padding: 50px 30px 30px 30px;
			background: #f2f5f7;
			overflow: hidden;
			box-sizing: border-box;

			.head-form{
				position: relative;
				display: block;
				margin: 0 0 30px 0;
				padding: 10px;

				i{
					position: relative;
					display: block;
					margin: 0 0 15px 0;
					padding: 0;

					&.ico-card{
						background: url('../images/ico-card-formas-pago.png') no-repeat 0 0;
						width: 49px;
						height: 42px;
					}

					&.ico-transfer{
						background: url('../images/ico-transfer-formas-pago.png') no-repeat 0 0;
						width: 42px;
						height: 42px;
					}
				}

				span{
					position: relative;
					display: block;
					margin: 0 0 5px 0;
					padding: 0;
					font: 12px/16px @montserrat;
					font-weight: @montserrat-black;
					color: #48494a;
				}

				h4{
					position: relative;
					display: block;
					margin: 0 0 5px 0;
					padding: 0;
					font: 16px/20px @montserrat;
					font-weight: @montserrat-black;
					color: #356d9a;
				}

				p{
					position: relative;
					display: block;
					margin: 0;
					padding: 0;
					font: 14px/18px @montserrat;
					font-weight: @montserrat-regular;
					color: #666f78;
				}
			}

			.body-form{
				position: relative;
				display: block;
				margin: 0;
				padding: 25px;
				background: @blanco;

				ul{
					position: relative;
					display: block;
					margin: 0;
					padding: 0;
					list-style: none;

					&.card-list{
						li{
							padding-left: 50px;
							margin-bottom: 30px;
							min-height: 30px;

							&:last-of-type{
								margin-bottom: 0;
							}

							&.icon-001-card{background: url('../images/icon-001-card.png') no-repeat left center;}
							&.icon-002-card{background: url('../images/icon-002-card.png') no-repeat left center;}
							&.icon-003-card{background: url('../images/icon-003-card.png') no-repeat left center;}
							&.icon-004-card{background: url('../images/icon-004-card.png') no-repeat left center;}
							&.icon-005-card{background: url('../images/icon-005-card.png') no-repeat left center;}
							&.icon-006-card{background: url('../images/icon-006-card.png') no-repeat left center;}
							&.icon-007-card{background: url('../images/icon-007-card.png') no-repeat left top;}

							p{
								position: relative;
								display: block;
								margin: 0;
								padding: 0;
								font: 14px/18px @montserrat;
								font-weight: @montserrat-regular;
								color: #666f78;

								a{
									font: 14px/18px @montserrat;
									font-weight: @montserrat-regular;
									color: #666f78;
									text-decoration: underline;
								}

								strong{
									font-weight: @montserrat-bold;
								}
							}
						}

					}

					&.transfer-list{
						li{
							margin-bottom: 15px;

							&:last-of-type{
								margin-bottom: 0;
							}

							&.strong{
								p{
									font: 12px/16px @montserrat;
									font-weight: @montserrat-bold;
								}
							}

							p{
								position: relative;
								display: block;
								margin: 0;
								padding: 0;
								font: 14px/18px @montserrat;
								font-weight: @montserrat-regular;
								color: #666f78;

								span{
									color: #356d9a;

								}
							}
						}

					}

					li{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;
					}
				}
			}

			table{
				width: 100%;
				margin-bottom: 30px;

				&:last-of-type{
					margin-bottom: 0;
				}

				th,td{
					text-align: left;
					vertical-align: middle;

					&:last-of-type{
						text-align: right;
					}
				}

				th{
					padding: 15px 0;
					font: 16px/20px @montserrat;
					font-weight: @montserrat-black;
					color: #356d9a;
					text-transform: uppercase;

					&:last-of-type{
						text-transform: none;
						font-weight: @montserrat-regular;
					}
				}

				td{
					padding: 15px;
					background: @blanco;
					font: 14px/18px @montserrat;
					font-weight: @montserrat-regular;
					color: #666f78;
					margin-bottom: 2px;
					border-bottom: 2px solid #f2f5f7;

					&:last-of-type{
						font: 20px/20px @montserrat;
						font-weight: @montserrat-regular;
					}

				}

				tfoot{
					td{
						color: @blanco;
						background: #356d9a;
					}
				}
			}

			.banner-pago{
				position: relative;
				display: block;
				margin: 0 0 15px 0;
				padding: 95px 30px 30px 30px;
				width: 100%;
				background: #f2f2f2;
				overflow: hidden;
				box-sizing: border-box;

				&:last-of-type{
					margin-bottom: 0;
				}

				&.cashout{
					background: url('../images/ico-cashout.png') no-repeat 35px 35px #d7e2eb;

					h4, p{
						color: #356d9a;
					}

					.btn{
						background: #356d9a;
					}
				}
				&.morosos{
					background: url('../images/ico-morosos.png') no-repeat 35px 27px #fef7e5;

					h4, p{
						color: #f1ad00;
					}

					.btn{
						background: #f1ad00;
					}
				}

				&.detalles{
					padding: 30px;
					background: #eae5d5;

					h4{
						margin-bottom: 20px;
					}

					h4, p{
						color: @dorado;
					}

					.btn{
						color: @blanco;
						background: url('../images/ico-pdf-boton.png') no-repeat 15px center @dorado;
						width: 100%;
						text-align: left;
						padding-left: 40px;
						margin-bottom: 5px;

						&:last-of-type{
							margin-bottom: 0;
						}
					}
				}

				h4{
					position: relative;
					display: block;
					margin: 0 0 5px 0;
					padding: 0;
					font: 22px/26px @montserrat;
					font-weight: @montserrat-bold;
					color: @negro;
				}

				p{
					position: relative;
					display: block;
					margin: 0 0 25px 0;
					padding: 0;
					font: 14px/18px @montserrat;
					font-weight: @montserrat-regular;
					color: @negro;
				}

				.btn{
					position: relative;
					display: block;
					margin: 0;
					padding: 20px;
					width: 100%;
					text-align: center;
					color: @blanco;
					background: @negro;
					border-radius: 5px;
					text-transform: uppercase;
					text-decoration: none;
					font: 13px/17px @montserrat;
					font-weight: @montserrat-bold;
				}
			}
		}

		#boxDetallesPago{
			position: relative;
			display: block;
			margin: 0 0 30px 0;
			padding: 30px 0 0 0;
			border: 1px solid #f0ece1;
			background: @blanco;
			box-sizing: border-box;

			.descripcion{
				position: relative;
				display: block;
				margin: 0 0 35px 0;
				padding: 0 25px;

				h4{
					position: relative;
					display: block;
					margin: 0 0 10px 0;
					padding: 20px 0 0 0;
					font: 22px/26px @montserrat;
					font-weight: @montserrat-regular;
				}

				p{
					position: relative;
					display: block;
					margin: 0;
					padding: 0;
					font: 14px/18px @montserrat;
					font-weight: @montserrat-regular;
					color: #777777;
				}
			}

			.descripcion-concepto{
				margin-bottom: 30px;
				width: 100%;
				background: #f4f4f4;

				tbody{

					td{
						padding: 0 20px;
						font: 14px/18px @montserrat;
						font-weight: @montserrat-regular;
						height: 55px;
						color: #4e4e4e;

						span{
							color: #356d9a;
						}
					}
				}
			}

			#tablaMovimientos{
				position: relative;
				display: block;
				margin: 0;
				padding: 0;

				table{
					width: 100%;
					border: 2px solid @azulon;

					thead{
						background: @azulon;
						color: @blanco;

						tr{
							th{
								padding: 0 25px;
								height: 46px;
								font: 18px/18px @montserrat;
								font-weight: @montserrat-regular;
							}
						}
					}

					tbody{
						tr{

							&:nth-child(odd) {
								background: #f4f4f4;
							}

							td{
								padding: 0 25px;
								height: 50px;
								font: 14px/14px @montserrat;
								font-weight: @montserrat-regular;
								text-transform: uppercase;
								color: #585858;
								text-align: left;

								.btn-pdf{
									position: relative;
									display: block;
									margin: 0 auto;
									padding: 0;
									width: 20px;
									height: 23px;
									background: url('../images/ico-pdf.png') no-repeat 0 0;
									cursor: pointer;
									text-decoration: none;
									font: 0/0 a;
								}

								&:nth-child(2){
									white-space: nowrap;
								}
							}
						}
					}
				}

			}

			#boxListadoInfo{
				margin-bottom: 0;
				border: none;

				.view-data{
					margin-bottom: 40px;

					&:last-of-type{
						margin-bottom: 0;

						table{
							border-bottom: none;
						}

					}

					table{
						border-color: #f4f4f4;
						border-left-color: @azulon;

						tr{
							border-color: #f4f4f4;
							&:last-of-type{
								border-bottom: none;
							}

							&:nth-child(odd) {
								background: #f4f4f4;
							}

							td{
								border-color: #f4f4f4;
								border-right: none;

							}
						}
					}

					label{
						max-width: 230px;
						color: @azulon;
					}

				}

				.titulo{
					h4{
						border-left-color: @azulon;
					}
				}

				table{
					box-sizing: border-box;
					border-collapse: collapse;
					border-left: none;
					border-right: none;
					border-left: 2px solid @azulon;

					td{
						&:last-of-type{
							border-right: none;
						}
					}
				}
			}
		}

		.gridResorts{
			position: relative;
			display: block;
			margin: 0;
			padding: 0 15px;
			overflow: hidden;

			.banner{
				position: relative;
				display: block;
				margin: 0 0 30px 0;
				padding: 0;

				a{
					position: relative;
					display: block;
					margin: 0;
					padding: 0;
					width: 100%;
					height: auto;
					text-decoration: none;
					font: 0/0 a;
					color: transparent;

					img{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;
						width: 100%;
						height: auto;

					}
				}

				.detalles{
					position: absolute;
					display: block;
					margin: 0;
					padding: 0;
					left: 0;
					bottom: 10px;
					z-index: 2;
					top: inherit;

					h3{
						position: relative;
						display: block;
						margin: 0;
						padding: 0 0 0 22px;
						background: rgba(255, 255, 255, 0.9);
						color: @negro;
						font: 14px/47px @montserrat;
						font-weight: @montserrat-bold;
						width: auto;
						height: 47px;
						letter-spacing: 0.5px;

						span{
							position: relative;
							display: inline-block;
							margin: 0 0 0 22px;
							padding: 0 22px;
							background: rgba(156, 130, 56, 0.9);
							color: @blanco;
						}
					}

				}
			}
		}

		.cuerpo-ficha-hotel{
			position: relative;
			display: block;
			margin: 0;
			padding: 25px 0 0 0;
			box-sizing: border-box;

			.titulo{
				position: relative;
				display: block;
				margin: 0 0 25px 0;
				padding: 0;

				h1,
				h2{
					position: relative;
					display: block;
					margin: 0;
					padding: 0;
					font: 28px/28px @montserrat;
					font-weight: @montserrat-regular;
					color: @dorado;
				}

				h4,
				h3{
					position: relative;
					display: block;
					margin: 0;
					padding: 0;
					font: 18px/20px @montserrat;
					font-weight: @montserrat-regular;
					color: @dorado;
				}
			}

			.texto{
				position: relative;
				display: block;
				margin: 0 0 25px 0;
				padding: 0;

				p{
					position: relative;
					display: block;
					margin: 0 0 15px 0;
					padding: 0;
					color: #777777;
					font: 14px/20px @montserrat;
					font-weight: @montserrat-regular;

					&:last-of-type{
						margin-bottom: 0;
					}
				}

				h5{
					position: relative;
					display: block;
					margin: 0 0 5px 0;
					padding: 0;
					font: 14px/16px @montserrat;
					font-weight: @montserrat-black;
					color: @negro;
				}

				a{
					color: @negro;
					text-decoration: none;

					&:hover{
						text-decoration: underline;
					}
				}
			}

			.tabSeccionesHotel{
				position: relative;
				display: block;
				margin: 0;
				padding: 0;
				overflow: hidden;
				box-sizing: border-box;
				z-index: 2;

				ul{
					position: relative;
					display: block;
					margin: 0;
					padding: 0;
					list-style: none;

					li{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;
						float: left;

						a{
							position: relative;
							display: block;
							margin: 0;
							padding: 0 25px;
							font: 14px/49px @montserrat;
							font-weight: @montserrat-regular;
							border: 1px solid @blanco;
							border-bottom: 1px solid #e7e7e7;
							background: #e7e7e7;
							color: #4c4549;
							text-decoration: none;

							&:hover{
								background: #f2f2f2;
							}

							&.active{
								border: 1px solid #e7e7e7;
								background: @blanco;
								border-bottom: 1px solid @blanco;
							}

						}
					}
				}
			}

			.detalleOpcionHotel{
				position: relative;
				display: block;
				margin: -1px 0 20px 0;
				padding: 15px;
				width: 100%;
				box-sizing: border-box;
				overflow: hidden;
				border: 1px solid #e7e7e7;

				&.padding-top-30{
					padding-top: 30px;
				}

				&.servicios{
					padding: 45px;

					.detalles{
						padding: 0;
					}

					.listado-servicios{
						margin: 0 0 30px 0;
					}

					.sliderGaleria{
						margin-bottom: 0;
					}

					.listadoBloques{
						margin-left: 0;
						margin-bottom: 30px;

						.restaurante{
							&:last-of-type{
								margin-bottom: 0;
							}
						}
					}
				}

				&.situacion{
					padding: 30px;

					.detalles{
						padding: 0;

						.texto{
							p{
								ul{
									position: relative;
									display: block;
									margin: 0;
									padding: 0;

									li{
										position: relative;
										display: block;
										margin: 0 0 15px;
										padding: 0;
										color: #777;
										font: 14px/20px @montserrat;
										font-weight: @montserrat-regular;
									}
								}
							}

							ul{
								position: relative;
								display: block;
								margin: 0;
								padding: 0;

								li{
									position: relative;
									display: block;
									margin: 0 0 15px;
									padding: 0;
									color: #777;
									font: 14px/20px @montserrat;
									font-weight: @montserrat-regular;
								}
							}
						}

						.titulo{
							margin-bottom: 10px;
						}
					}

					.imagen{
						position: relative;
						display: block;
						margin: 0 0 30px 0;
						padding: 0;
						width: 100%;
						box-sizing: border-box;

						a{
							position: relative;
							display: block;
							margin: 0;
							padding: 0;
							box-sizing: border-box;
						}

						img{
							position: relative;
							display: block;
							margin: 0;
							padding: 0;
							width: 100%;
							height: auto;
						}
					}
				}

				.sliderGaleria{
					position: relative;
					display: block;
					margin: 0 0 40px 0;
					padding: 0;
					box-sizing: border-box;
					overflow: hidden;
				}

				.detalles{
					position: relative;
					display: block;
					margin: 0;
					padding: 0 30px;
					box-sizing: border-box;

					.titulo{
						position: relative;
						display: block;
						margin: 0 0 20px 0;
						padding: 0;

						h4{
							position: relative;
							display: block;
							margin: 0;
							padding: 0;
							font: 18px/20px @montserrat;
							font-weight: @montserrat-regular;
							color: @dorado;
						}
					}

					p{
						margin-bottom: 15px;
					}

					ul.lista-elementos{
						position: relative;
						display: block;
						margin: 0 0 0 20px;
						padding: 0;
						list-style: none;

						li{
						    position: relative;
							display: block;
							margin: 0 0 5px;
							padding: 0 0 0 15px;
							color: #777;
							font: 14px/16px @montserrat;
							font-weight: 400;

							&:before{
							    content: '';
							    position: absolute;
							    display: block;
							    margin: 0 10px 0 0;
							    padding: 0;
							    width: 5px;
							    height: 5px;
							    background: #9c8238;
							    top: 7px;
							    left: 0;
							}
						}
					}

				}

				.listado-servicios{
					position: relative;
					display: block;
					margin: 0 30px 30px 30px;
					padding: 15px 0;
					box-sizing: border-box;
					border: 1px solid #e7e7e7;
					border-collapse: collapse;
					overflow: hidden;
					text-align: center;

					ul{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;list-style: none;

						li{
							position: relative;
							display: inline-block;
							margin: 0 10px 10px 10px;
							width: auto;
							max-width: 90px;
							padding: 0;
							font: 10px/14px @montserrat;
							font-weight: @montserrat-regular;
							color: #646464;

							span{
								position: relative;
								display: block;
								margin: 0 0 10px 0;
								padding: 0;
								text-align: center;
								width: 100%;

								img{
									position: relative;
									display: block;
									margin: 0 auto;
									padding: 0;
									width: auto;
									height: auto;
								}
							}
						}
					}
				}

				.imagenCabecera{
					position: relative;
					display: block;
					margin: 0 0 25px 0;
					padding: 0;

					a{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;
						font: 0/0 a;
						text-decoration: none;
					}

					img{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;
						width: 100%;
						height: auto;
						border: 0;
					}
				}

				.infoBox{
					position: relative;
					display: block;
					margin: 0 0 30px 0;
					padding: 0 100px;
					width: 100%;
					height: 50px;
					box-sizing: border-box;
					background: #f2f2f2;

					p{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;
						font: 12px/50px @montserrat;
						font-weight: @montserrat-regular;
						color: #333;
					}

					&.amarillo{
						background: url('../images/ico-infobox-amarillo.png') no-repeat 55px center #f0ece1;
						color: @dorado;

						p{
							color: @dorado;
						}
					}
				}

				.listadoHabitaciones{
					position: relative;
					display: block;
					margin: 0;
					padding: 0;
					box-sizing: border-box;
					overflow: hidden;

					.no-padding:last-of-type{
						.banner{
							margin-bottom: 0;
						}
						.detalles-habitacion{
							margin-top: 0;
						}
					}

					.banner{
						position: relative;
						display: block;
						margin: 0 0 15px 0;
						padding: 0;
						box-sizing: border-box;
						width: 100%;
						height: auto;

						.abrir-galeria{
							position: absolute;
							display: block;
							margin: 0;
							padding: 0;
							width: 38px;
							height: 38px;
							background: url('../images/ico-abrir-galeria-hotel.png') no-repeat 0 0;
							bottom: 10px;
							right: 10px;
							z-index: 10;
						}

						.detalles{
							position: absolute;
							display: block;
							margin: 0;
							padding: 20px 0 0 0;
							z-index: 2;
							top: 20px;
							left: 27px;
							background: rgba(255, 255, 255, 0.9);
							width: 100%;
							max-width: 256px;
							box-sizing: border-box;

							h3{
								position: relative;
								display: block;
								margin: 0 20px 10px 20px;
								padding: 0;
								color: @dorado;
								font: 18px/20px @montserrat;
								font-weight: @montserrat-regular;

								span{
									position: relative;
									display: block;
									margin: 0;
									padding: 0;
									color: @dorado;
									font: 18px/24px @montserrat;
									font-weight: @montserrat-regular;
								}
							}

							p{
								position: relative;
								display: block;
								margin: 0 20px 20px 20px;
								padding: 0;
								font: 12px/16px @montserrat;
								font-weight: @montserrat-regular;
								color: #4c4549;
							}

							span.mas-detalles{
								position: relative;
								display: block;
								margin: 0;
								padding: 0;
								text-align: center;
								width: 100%;
								height: 60px;
								background: @dorado;
								color: @blanco;
								font: 14px/60px @montserrat;
								font-weight: @montserrat-regular;
								text-transform: uppercase;
								box-sizing: border-box;
							}
						}
					}

					.detalles-habitacion{
						position: relative;
						display: none;
						margin: -15px 0 15px 0;
						padding: 20px 40px;
						background: #f0ede2;
						color: #4c4549;
						clear: both;

						&.on{
							display: block;
						}

						i{
							position: absolute;
							display: block;
							margin: 0;
							padding: 0;
							background: url('../images/ico-detalle-habitacion.png') no-repeat 0 0;
							width: 83px;
							height: 19px;
							top: -14px;
							left: 118px;
						}

						.contenido{
							position: relative;
							display: block;
							margin: 0;
							padding: 0;
							overflow: hidden;
							clear: both;
						}

						h4{
							position: relative;
							display: block;
							margin: 0 0 15px 0;
							padding: 0;
							font: 18px/22px @montserrat;
							font-weight: @montserrat-regular;
							color: @dorado;
						}

						ul{
							position: relative;
							display: block;
							margin: 0;
							padding: 0 20px;
							width: 100%;

							li{
								padding: 0 4% 0 0;
								float: left;
								width: 46%;
								font: 12px/18px @montserrat;
								font-weight: @montserrat-regular;
								color: #4c4549;
							}

						}

					}
				}

				.listadoBloques{
					position: relative;
					display: block;
					margin: 0 0 0 30px;
					padding: 0;
					overflow: hidden;
					width: auto;
					box-sizing: border-box;

					.restaurante{
						position: relative;
						display: block;
						margin: 0 0 20px 0;
						padding: 15px 0;
						width: 100%;
						overflow: hidden;
						background: #ececec;
						// border-bottom: 1px solid @blanco;

						&:last-of-type{
							border-bottom: none;
						}

						.imagen{
							position: relative;
							display: block;
							margin: 0;
							padding: 0;
							width: 100%;

							a{
								position: relative;
								display: block;
								margin: 0;
								padding: 0;
								width: 100%;
								height: auto;
								font: 0/0 a;
								text-decoration: none;
							}

							img{
								position: relative;
								display: block;
								margin: 0;
								padding: 0;
								width: 100%;
								height: auto;
								border: none;
							}
						}

						.detalles{
							position: relative;
							display: block;
							margin: 0;
							padding: 0 30px 0 0;

							h4,
							h3{
								position: relative;
								display: block;
								margin: 0 0 5px 0;
								padding: 0;
								font: 20px/24px @montserrat;
								font-weight: @montserrat-bold;
								color: #4c4549;
								color: @dorado;
							}

							p{
								position: relative;
								display: block;
								margin: 0;
								padding: 0;
								font: 13px/20px @montserrat;
								font-weight: @montserrat-regular;
								color: #908c8e;
							}
						}
					}
				}

				.listadoPaquetes{
					position: relative;
					display: block;
					margin: 0;
					padding: 0;
					width: 100%;
					box-sizing: border-box;
					overflow: hidden;

					.paquete{
						position: relative;
						display: block;
						margin: 0 0 20px 0;
						padding: 20px 0;
						box-sizing: border-box;
						overflow: hidden;
						background: #f5f5f5;

						.imagen{
							position: relative;
							display: block;
							margin: 0;
							padding: 0;
							width: 100%;
							box-sizing: border-box;

							a{
								position: relative;
								display: block;
								margin: 0;
								padding: 0;
								box-sizing: border-box;
								font: 0/0 a;
								color: transparent;
								width: 100%;
								height: auto;
							}

							img{
								position: relative;
								display: block;
								margin: 0;
								padding: 0;
								width: 100%;
								height: auto;
								box-sizing: border-box;
							}
						}

						.detalles{
							position: relative;
							display: block;
							margin: 0;
							padding: 0;
							box-sizing: border-box;

							.lista-elementos{
								margin: 0;
							}
						}
					}
				}
			}

			.botonesHotel{
				position: relative;
				display: block;
				margin: 0;
				padding: 0;
				text-align: center;
				width: 100%;
				box-sizing: border-box;

				a{
					position: relative;
					display: block;
					margin: 0 auto;
					padding: 0;
					width: 100%;
					max-width: 285px;
					height: 63px;
					box-sizing: border-box;
					font: 14px/63px @montserrat;
					font-weight: @montserrat-bold;
					color: @blanco;
					background: @dorado;
					text-decoration: none;
					text-align: center;
				}
			}
		}

	}

	.sidebar{
		position: relative;
		display: block;
		margin: 0;
		padding: 60px 20px;
		background: #f3f3f3;

		h3{
			position: relative;
			display: block;
			margin: 0 0 20px 0;
			padding: 0;
			font: 18px/24px @montserrat;
			font-weight: @montserrat-bold;
			color: @dorado;
			text-transform: uppercase;
		}

		#widgetInfo{
			position: relative;
			display: block;
			margin: 0 0 30px 0;
			padding: 0;
		}

		#widgetUserLogin{
			position: relative;
			display: block;
			margin: 0 0 30px 0;
			padding: 5px 20px;
			border: 1px solid @dorado;

			p{
				position: relative;
				display: block;
				margin: 0;
				padding: 0;
				font: 18px/22px @montserrat;
				font-weight: @montserrat-regular;
				color: @dorado;
			}
		}

		#widgetInfoContacto{
			position: relative;
			display: block;
			margin: 0 0 30px 0;
			padding: 0;

			h3{
				position: relative;
				display: block;
				margin: 0 -20px 20px -20px;
				padding: 20px 0;
				background: #ebebeb;
				color: #4c4549;
				text-align: center;
				text-transform: uppercase;
				font: 12px/14px @montserrat;
				font-weight: @montserrat-bold;
			}

			.texto{

				p{
					font: 12px/20px @montserrat;
					font-weight: @montserrat-regular;
					color: #908c8e;
				}

				a{
					position: relative;
					display: block;
					margin: 0;
					padding: 0;
					color: @dorado;
					font: 12px/20px @montserrat;
					font-weight: @montserrat-bold;
				}
			}
		}

		#widgetUbicacion{
			position: relative;
			display: block;
			margin: 0 0 30px 0;
			padding: 0;

			h3{
				position: absolute;
				display: block;
				margin: 0;
				padding: 8px 20px;
				left: 0;
				bottom: 0;
				font: 14px/18px @montserrat;
				font-weight: @montserrat-bold;
				color: @blanco;
				background: @dorado;
				z-index: 10;

			}

			#mapa{
				width: 215px;
				height: 145px;
			}
		}

		#widgetFiltroZona,
		#widgetFiltroCategoria{
			position: relative;
			display: block;
			margin: 0 0 30px 0;
			padding: 0;

			ul{
				position: relative;
				display: block;
				margin: 0;
				padding: 0;
				list-style: none;

				li{
					position: relative;
					display: block;
					margin: 0;
					padding: 0;

					a{
						position: relative;
						display: block;
						margin: 0;
						padding: 0 10px 0px 26px;
						width: 100%;
						font: 14px/38px @montserrat;
						font-weight: @montserrat-regular;
						color: #777777;
						text-decoration: none;
						text-transform: uppercase;

						&:hover,
						&.activo{
							background: url('../images/bullet-widget-filtro.png') no-repeat 10px center @blanco;
							font-weight: @montserrat-bold;
						}
					}
				}
			}
		}

		#widgetMiCuenta{
			position: relative;
			display: block;
			margin: 0 0 30px 0;
			padding: 0;

			ul{
				position: relative;
				display: block;
				margin: 0;
				padding: 0;
				list-style: none;

				li{
					position: relative;
					display: block;
					margin: 0;
					padding: 0;
					border-bottom: 1px solid #f3f3f3;

					&:last-of-type{
						border: none;
					}

					a{
						position: relative;
						display: block;
						margin: 0;
						padding: 0 15px;
						background: #e6e2d7;
						font: 12px/38px @montserrat;
						font-weight: @montserrat-regular;
						color: #777777;
						text-transform: uppercase;
						box-sizing: border-box;
						text-decoration: none;

						&:hover,
						&.active{
							background: @dorado;
							color: @blanco;
							text-decoration: none;
						}
					}
				}
			}
		}

		.widgetBanner{
			position: relative;
			display: block;
			margin: 0 0 30px 0;
			padding: 0;

			a{
				position: relative;
				display: block;
				margin: 0;
				padding: 0;
				text-decoration: none;
				font: 0/0 a;
				color: transparent;
				width: 100%;
				height: auto;
				overflow: hidden;

				span{
					position: absolute;
					display: block;
					margin: 0;
					padding: 0 10px;
					font: 16px/22px @montserrat;
					font-weight: @montserrat-regular;
					text-align: center;
					top: 60px;
					color: @blanco;
					z-index: 2;
					width: 100%;
				}

				img{
					position: relative;
					display: block;
					margin: 0;
					padding: 0;
					width: 100%;
					height: auto;
					border: 0;
				}
			}

			span{
				position: absolute;
				display: block;
				margin: 0;
				padding: 0 10px;
				font: 16px/22px @montserrat;
				font-weight: @montserrat-regular;
				text-align: center;
				top: 60px;
				color: @blanco;
				z-index: 2;
				width: 100%;
			}

			img{
				position: relative;
				display: block;
				margin: 0;
				padding: 0;
				width: 100%;
				height: auto;
				border: 0;
			}

		}

		#widgetNochesGratis{
			position: relative;
			display: block;
			margin: 0 0 30px 0;
			padding: 30px 0 0 30px;
			overflow: hidden;
			background: @blanco;
			height: 90px;
			box-sizing: border-box;

			p{
				position: relative;
				display: block;
				margin: 0;
				padding: 0;
				text-transform: uppercase;
				font: 14px/18px @montserrat;
				font-weight: @montserrat-regular;
				color: #4c4549;
				float: left;

				&.num-noches{
					width: 50px;
					float: right;
					font: 30px/36px @montserrat;
					color: @dorado;

					sup{
						font: 18px/18px @montserrat;
					}
				}
			}
		}

		#wigetResumen{
			position: relative;
			display: block;
			margin: 0 0 30px 0;
			padding: 0;

			.fechas{
				position: relative;
				display: block;
				margin: 0;
				padding: 14px 0 0 50px;
				border: 1px solid #d6d6d6;
				height: 58px;
				box-sizing: border-box;
				border-bottom: none;
				background: url('../images/ico-calendario-detalles-reserva.png') no-repeat 13px center #f6f6f6;

				p{
					position: relative;
					display: block;
					margin: 0;
					padding: 0;
					font: 12px/16px @montserrat;
					font-weight: @montserrat-bold;
					color: #4c4549;
				}
			}

			.detalles-hotel{
				position: relative;
				display: block;
				margin: 0;
				padding: 0 0 25px 0;
				width: 100%;
				background: @blanco;
				border: 1px solid #d6d6d6;

				.imagen{
					position: relative;
					display: block;
					margin: 0 0 25px 0;
					padding: 0;
					width: 100%;

					img{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;
						width: 100%;
						height: auto;
					}
				}

				.titulo{
					position: relative;
					display: block;
					margin: 0 0 5px 0;
					padding: 0 15px;

					h4{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;
						font: 20px/24px @montserrat;
						font-weight: @montserrat-bold;
					}
				}

				.valoracion{
					position: relative;
					display: block;
					margin: 0 0 10px 0;
					padding: 0 15px;

					img{
						position: relative;
						display: inline-block;
						margin: 0;
						padding: 0;
						width: auto;
						left: auto;
					}
				}

				.direccion{
					position: relative;
					display: block;
					margin: 0;
					padding: 0 15px 0 45px;
					background: url('../images/ico-localizacion-detalles-reserva.png') no-repeat 15px center;

					p{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;
						font: 11px/16px @montserrat;
						font-weight: @montserrat-bold;
					}

				}
			}

			.habitaciones-total{
				position: relative;
				display: block;
				margin: 0;
				padding: 10px 0 0 0;
				border: 1px solid #d6d6d6;
				border-top: none;
				box-sizing: border-box;

				.habitacion{
					position: relative;
					display: block;
					margin: 0;
					padding: 5px 13px 0 20px;
					min-height: 52px;
					background: #f6f6f6;
					overflow: hidden;

					&.impuestos{
						min-height: 35px;
					}

					h5{
						position: relative;
						display: block;
						margin: 0 0 5px 0;
						padding: 0;
						font: 12px/16px @montserrat;
						font-weight: @montserrat-regular;
						color: @dorado;
						text-transform: uppercase;
					}

					p{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;
						font: 12px/16px @montserrat;
						font-weight: @montserrat-regular;

						&.tipo{
							float: left;
							width: 55%;
						}

						&.precio{
							float: right;
							width: 45%;
							text-align: right;
							font: 11px/16px @montserrat;
							//max-width: 50px;

							&.tachado{
								text-decoration:line-through;
							}
						}
					}
				}

				.total{
					position: relative;
					display: block;
					margin: 0;
					padding: 20px 10px 0 20px;
					min-height: 60px;
					background: #e9e9e9;

					p{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;
						font: 14px/18px @montserrat;
						font-weight: @montserrat-regular;
						float: left;
						width: 55%;

						&.importe{
							float: right;
							width: 45%;
							font: 12px/18px @montserrat;
							text-align: right;
						}
					}
				}

			}
		}

		#widgetLlamamos{
			position: relative;
			display: block;
			margin: 0 0 30px 0;
			padding: 0;
			z-index: 100;

			p{
				position: relative;
				display: block;
				margin: 0 0 25px 0;
				padding: 0;
				font: 14px/18px @montserrat;
				font-weight: @montserrat-regular;
				color: #777777;
			}

			form{
				position: relative;
				display: block;
				margin: 0;
				padding: 0;
				width: 100%;

				input{
					position: relative;
					display: block;
					margin: 0;
					padding: 0 20px 0 60px;
					// background: url('../images/ico-telefono-widget.png') no-repeat 20px center @blanco;
					border: 1px solid #d9d9d9;
					border-radius: 2px 2px 0 0;
					width: 100%;
					font: 16px/59px @montserrat;
					font-weight: @montserrat-regular;
					color: #525252;
					outline: none;
					box-shadow: none;
				}

				button{
					position: relative;
					display: block;
					margin: 0;
					padding: 0;
					border-radius: 0 0 2px 2px;
					color: @blanco;
					background: @dorado;
					text-align: center;
					width: 100%;
					height: 64px;
					box-sizing: border-box;
					text-transform: uppercase;
					font: 14px/64px @montserrat;
					font-weight: @montserrat-bold;
					border: 0;
				}
			}
		}

	}

}


/* TABLET VERSION */
@media (max-width: @screen-md-max) {
	body{

		.inner{
			max-width: 990px;
		}

		header{

			nav{
				.menu-principal{
					right: 0;

					li{
						a{
							margin: 0 6px;

						}

						&.ofertas-especiales{
							background-color: #f1ad00;
							padding-right: 40px;
							width: 130px;

							a{
								&:before{
									width: 46px;
								}
							}
						}


					}
				}
			}
		}


		&.hoteles-europeos{
			.gridRoomDisplay{
				.tabla-tarifas{
					&.mobile{
						position: relative;
						display: none;
						margin: -10px 0 10px 0;
						padding: 5px;
						width: 100%;
						height: auto;
						background: #f0ece1;
						border-left: 2px solid @dorado;

						&.on{
							display: block;
						}

						.box-habitacion{
							position: relative;
							display: block;
							margin: 0 0 10px 0;
							padding: 10px;
							width: 100%;
							box-sizing: border-box;
							background: @blanco;

							&:last-of-type{
								margin-bottom: 0;
							}

							.bloque-tipo{
								position: relative;
								display: block;
								margin: 0 0 10px 0;
								padding: 0;
								width: 100%;
								box-sizing: border-box;

								img{
									position: relative;
									display: block;
									margin: 0 10px 0 0;
									padding: 0;
									height: 34px;
									width: auto;
									float: left;
								}

								h4{
									position: relative;
									display: inline-block;
									margin: 0;
									padding: 0 30px 0 0;
									font: 18px/22px @montserrat;
									font-weight: @montserrat-bold;
									color: #646464;

									span{
										position: relative;
										display: block;
										font: 12px/16px @montserrat;
										font-weight: @montserrat-regular;
									}
								}

								.recomendada{
									position: absolute;
									display: block;
									margin: 0;
									padding: 0;
									width: 39px;
									height: 55px;
									right: 0;
									top: -15px;
									background: url('../images/ico-tarifa-recomendada-mobile.png') no-repeat 0 0;
								}

							}

							.bloque-seleccion{
								position: relative;
								display: block;
								margin: 0;
								padding: 0;
								width: 100%;
								box-sizing: border-box;
								overflow: hidden;

								div{
									position: relative;
									display: block;
									margin: 0;
									padding: 0;
									width: 33%;
									float: left;

									p{
										position: relative;
										display: block;
										margin: 0;
										padding: 0;
										text-align: center;
										font: 10px/14px @montserrat;
										font-weight: @montserrat-regular;
										color: #686868;
										text-transform: uppercase;

										span{
											position: relative;
											display: block;
											font: 20px/24px @montserrat;
											font-weight: @montserrat-regular;
										}
									}

									&.accion{
										text-align: right;

										.seleccionar-tarifa{
											position: relative;
											display: inline-block;
											margin: 0 auto;
											padding: 12px;
											font: 10px/14px @montserrat;
											font-weight: @montserrat-regular;
											text-transform: uppercase;
											text-decoration: none;
											text-align: center;
											color: @blanco;
											background: @dorado;
										}
									}

								}
							}
						}
					}
				}
			}
		}

		&.hoteles-europeos{
			.cuerpo{
				padding: 15px;

				.listadoHoteles{
					.banner{
						padding: 0;
					}
				}

				.gridRoomDisplay,
				.gridBusqueda{
					.banner{
						.inner-banner{
							position: relative;
							width: 100%;
							max-width: 100%;
							top: 0;
							left: 0;

							.detalles{
								background: #f0ece1;
								padding: 0 0 10px 0;
								height: auto;
							}

							.ver-tarifas{
								margin: 0;
							}
						}
					}

					.opcionRD{
						h2{
							font: 14px/18px @montserrat;
							font-weight: @montserrat-regular;
							min-height: 21px;
							height: auto;
							margin-bottom: 10px;
						}
					}
				}

				#pasosTab{
					ul{
						li{
							width: 50%;
						}
					}
				}

				.listadoBeneficios{
					height: auto;
					clear: both;
					border-bottom: none;
					width: 100%;

					.tooltips-mobile{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;
						width: 100%;
						z-index: 10;

						.box-tooltip{
							position: absolute;
							display: none;
							margin: 0;
							padding: 10px;
							width: 100%;
							background: @blanco;
							border: 1px solid @dorado;
							top: 6px;

							&.on{
								display: block;
							}

							.close-tooltip{
								position: absolute;
								display: block;
								margin: 0;
								padding: 0;
								top: 12px;
								right: 9px;
								background: url('../images/ico-close-tooltip.png') no-repeat 0 0;
								width: 12px;
								height: 11px;
								cursor: pointer;
								z-index: 2;
							}

							h4{
								position: relative;
								display: block;
								margin: 0 0 10px 0;
								padding: 0;
								text-align: center;
								font: 18px/21px @montserrat;
								font-weight: @montserrat-bold;

								i{
									position: relative;
									display: inline-block;
									margin: 0 12px 0 0;
									padding: 0;
									background: url('../images/ico-info-tooltip.png') no-repeat 0 0;
									width: 21px;
									height: 21px;
									top: 4px;
								}
							}

							p{
								position: relative;
								display: block;
								margin: 0;
								padding: 0;
								text-align: center;
								font: 14px/16px @montserrat;
								font-weight: @montserrat-regular;
								color: #767675;
							}

							&:first-of-type{
								&:before{
									background-position: 27% top;
								}
							}

							&:last-of-type{
								&:before{
									background-position: 100% top;
								}
							}

							&:before{
								position: absolute;
								display: block;
								content: '';
								margin: 0;
								padding: 0;
								background: url('../images/ico-tooltip-mobile.png') no-repeat 64% top;
								width: 100%;
								height: 8px;
								z-index: 10;
								top: -8px;
								left: 0;
							}
						}
					}

					ul{
						overflow: visible;
						clear: both;
						display: table;
						width: 100%;

						li{
							margin: 0 2% 0 0;
							max-width: 32%;
							width: 100%;
							display: table-cell;

							&:last-of-type{
								margin: 0;
							}

							&.on{
								a{
									border-bottom: 1px solid #e7e7e7;
								}
							}

							a{
								// height: 160px;
								// min-height: 160px;
								height: 150px;
								min-height: inherit;
							}
						}
					}
				}
			}
		}

	}
}


/* TABLET VERSION */
// @media (max-width: @screen-sm-max) {
// 	body{

// 		.inner{
// 			max-width: 768px;
// 		}

// 		&.home{
// 			#masterslider{
// 				display: block;
// 			}

// 			header{
// 				.box-menu{
// 					&.secundario{
// 						margin-bottom: 0;
// 					}
// 				}
// 			}
// 		}

// 		header{
// 			.logo{
// 				margin-left: 35px;
// 			}

// 			.box-menu{
// 				&.secundario{
// 					margin-bottom: 0;

// 					.loginBox{
// 						max-width: 100%;
// 						z-index: 101;
// 					}
// 				}

// 				&.principal{
// 					z-index: 100;

// 					.inner{
// 						overflow: visible;

// 						nav{
// 							position: absolute;
// 							display: none;
// 							padding: 0;
// 							float: none;
// 							left: 0;
// 							width: 100%;
// 							top: 80px;

// 							&.on{
// 								display: block;
// 							}

// 							.menu-principal{
// 								position: absolute;
// 								float: none;
// 								left: 0;
// 								width: 100%;
// 								background: @negro;

// 								li{
// 									float: none;
// 									width: 100%;
// 									border-bottom: 1px solid #2a3035;
// 									color: @negro;

// 									&.ofertas-especiales{
// 										a{
// 											&:before{
// 												background: none;
// 											}
// 										}
// 									}
// 								}
// 							}

// 							.menu-principal-login{
// 								padding: 20px;
// 								background: rgba(0, 0, 0, 0.8);
// 								width: 100%;

// 								li{
// 									width: 100%;
// 									text-align: center;

// 									&.login-box{
// 										padding: 0;

// 										a{
// 											&:first-of-type{
// 												display: none;
// 											}
// 										}
// 									}

// 									form{
// 										.olvido-box-link{
// 											a{
// 												display: block !important;
// 											}
// 										}

// 										input[type=text],
// 										input[type=password]{

// 											&:first-of-type,
// 											&:last-of-type{
// 												width: 100%;
// 											}
// 										}

// 										button{
// 											width: 150px;
// 										}
// 									}
// 								}
// 							}

// 							.menu-principal-pass{
// 								padding: 20px;
// 								box-sizing: border-box;
// 								background: rgba(0, 0, 0, 0.8);

// 								li{
// 									background: transparent;
// 									text-align: center;
// 									width: 100%;

// 									.info-pass{
// 										width: 100%;
// 									}

// 									form{
// 										input{
// 											width: 75%;
// 										}

// 										button{
// 											width: 25%;
// 										}
// 									}

// 									.back-menu-login{
// 										width: 100%;
// 									}
// 								}
// 							}
// 						}

// 						.ham-button{
// 							position: absolute;
// 							display: block;
// 							margin: 0;
// 							padding: 0;
// 							background: url('../images/mobile/ico-menu.png') no-repeat 0 0;
// 							width: 23px;
// 							height: 18px;
// 							background-size: 100%;
// 							top: 28px;
// 							right: 35px;
// 							z-index: 2;

// 							&.on{
// 								background: url('../images/mobile/ico-cerrar-menu.png') no-repeat center center;
// 								width: 19px;
// 								height: 19px;
// 								background-size: 100%;
// 							}
// 						}
// 					}
// 				}

// 				ul{
// 					&.idiomas{
// 						width: 130px;
// 					}

// 					&.otros{
// 						display: none;
// 					}

// 					&.contacto{
// 						li{
// 							a{
// 								&.mundo-etc,
// 								&.sobre{
// 									font: 0/0 a;
// 									padding-left: 0;
// 								}
// 							}
// 						}
// 					}
// 				}
// 			}

// 			#finder{
// 				//display: none;
// 				background: rgba(255, 255, 255, 0.95);


// 				form{
// 					.ico-lupa{
// 						padding: 11px 15px 13px;
// 						background: none;
// 					}

// 					.form-group{
// 						&.on{
// 							&.ico-lupa{
// 								padding: 11px 15px 13px;
// 								background: none;
// 							}
// 						}
// 					}
// 				}


// 				.opciones-finder{
// 					height: auto;
// 					.close-finder{
// 						z-index: 2;
// 					}

// 					.opcion{
// 						.box-huespedes{
// 							.control-huespedes{
// 								margin: 10px;
// 							}
// 						}

// 						&.area{
// 							overflow: hidden;
// 							padding-left: 35px;

// 							.ciudades{
// 								width: 100%;
// 								border: none;
// 								border-bottom: 2px solid @dorado;
// 								height: 260px;
// 							}

// 							.hoteles{
// 								width: 100%;
// 								margin: 0;
// 								height: 260px;
// 							}
// 						}
// 					}
// 				}
// 			}
// 		}

// 		&.resorts-exclusive{
// 			.cuerpo{
// 				padding: 0;

// 				.cuerpo-ficha-hotel{
// 					padding: 0;


// 					.titulo{
// 						padding: 15px 15px 0 15px;
// 					}

// 					.texto{
// 						padding: 0 15px;
// 					}

// 					.tabSeccionesHotel{
// 						overflow: visible;

// 						.tabDesplegable{
// 							position: relative;
// 							display: block;
// 							margin: 0;
// 							padding: 25px 20px;
// 							background: @blanco;
// 							border-bottom: 2px solid #c2c2c2;
// 							overflow: hidden;
// 							box-sizing: border-box;

// 							h1{
// 								position: relative;
// 								display: block;
// 								margin: 0;
// 								padding: 0;
// 								float: left;
// 								font: 16px/20px @montserrat;
// 								font-weight: @montserrat-bold;
// 								color: @dorado;
// 								text-transform: uppercase;
// 							}

// 							a{
// 								position: relative;
// 								display: block;
// 								margin: 0;
// 								padding: 0 30px 0 0;
// 								float: right;
// 								font: 16px/20px @montserrat;
// 								font-weight: @montserrat-regular;
// 								color: #4c4549;
// 								text-transform: uppercase;
// 								text-decoration: none;
// 								cursor: pointer;

// 								&.on{
// 									&:after{
// 										background: url('../images/mobile/ico-desplegable-abierto.png') no-repeat 0 0;
// 									}
// 								}

// 								&:after{
// 									content: '';
// 									background: url('../images/mobile/ico-desplegable-cerrado.png') no-repeat 0 0;
// 								    width: 17px;
// 								    height: 12px;
// 								    position: absolute;
// 								    display: block;
// 								    top: 5px;
// 								    right: 0;
// 								}

// 							}
// 						}
// 						ul{
// 							position: absolute;
// 							width: 100%;
// 							display: none;
// 							z-index: 10;

// 							&.on{
// 								display: block;
// 							}

// 							li{
// 								float: none;
// 								display: block;
// 								width: 100%;

// 								a{
// 									padding: 25px 0px;
// 									display: block;
// 									font: 16px/20px @montserrat;
// 									border: none;
// 									border-bottom: 1px solid #c2c2c2;
// 									text-align: center;
// 									text-transform: uppercase;

// 									&.active{

// 									}
// 								}
// 							}
// 						}
// 					}

// 					.detalleOpcionHotel{
// 						border: none;
// 						margin: 0;

// 						.sliderGaleria{
// 							margin-bottom: 20px;
// 						}

// 						.detalles{
// 							padding: 0;

// 							.titulo{
// 								h4{
// 									font: 20px/24px @montserrat;
// 								}
// 							}

// 							.texto{
// 								p{
// 									font: 15px/19px @montserrat;
// 								}
// 							}
// 						}
// 					}

// 					.detalleOpcionHotel{

// 						.infoBox{
// 							&.amarillo{
// 								background-position: 20px center;
// 							}
// 							min-height: 50px;
// 							height: auto;
// 							padding: 7px 30px 7px 60px;
// 							box-sizing: border-box;

// 							p{
// 								font: 14px/18px @montserrat;
// 								font-weight: @montserrat-regular;
// 							}
// 						}

// 						.listadoHabitaciones{
// 							.banner{
// 								.abrir-galeria{
// 									top: 10px;
// 									bottom: inherit;
// 								}
// 								.detalles{
// 									position: relative;
// 									background: #f0ece1;
// 									max-width: 100%;
// 									top: 0;
// 									left: 0;
// 								}
// 							}

// 							.detalles-habitacion{
// 								i{
// 									display: none;
// 								}

// 								ul{
// 									li{
// 										width: 100%;
// 										float: none;
// 									}
// 								}
// 							}
// 						}

// 						&.servicios{
// 							padding: 20px;
// 						}

// 						.listado-servicios{

// 							ul{
// 								li{
// 									width: 18%;
// 								}
// 							}
// 						}

// 						.listadoBloques{
// 							margin: 0;

// 							.restaurante{
// 								.imagen{
// 									margin-bottom: 10px;
// 								}

// 								.detalles{
// 									p{
// 										font: 14px/20px @montserrat;
// 									}
// 								}
// 							}
// 						}

// 						.listadoPaquetes{
// 							.paquete{
// 								.imagen{
// 									margin-bottom: 10px;
// 								}
// 							}
// 						}
// 					}

// 					.botonesHotel{
// 						margin-bottom: 20px;
// 						padding: 0 15px;

// 						a{
// 							max-width: 100%;
// 						}
// 					}
// 				}
// 			}
// 		}
// 	}
// }

@media (min-width: 961px) and (max-width: 1023px) {
	/* tablet, landscape iPad, lo-res laptops ands desktops */

	body{
		&.home-nueva{
			.logo{
				margin-left: 35px;
			}

			nav{
				position: absolute;
				display: block;
				padding: 0;
				float: none;
				left: 0;
				width: 100%;
				top: 32px;

				.inner{
					overflow: visible;
				}

				.menu-principal{
					position: absolute;
					float: none;
					left: 0;
					width: 100%;
					background: @negro;
					top: 80px;
					display: none;

					&.on{
						display: block;
					}

					li{
						float: none;
						width: 100%;
						border-bottom: 1px solid #2a3035;
						color: @negro;

						&.ofertas-especiales{
							a{
								&:before{
									background: none;
								}
							}
						}
					}
				}

				.menu-principal-login{
					padding: 20px;
					background: rgba(0, 0, 0, 0.8);
					width: 100%;
					top: 80px;

					li{
						width: 100%;
						text-align: center;

						&.login-box{
							padding: 0;

							a{
								&:first-of-type{
									display: none;
								}
							}
						}

						form{
							.olvido-box-link{
								a{
									display: block !important;
								}
							}

							input[type=text],
							input[type=password]{

								&:first-of-type,
								&:last-of-type{
									width: 100%;
								}
							}

							button{
								width: 150px;
							}
						}
					}
				}

				.menu-principal-pass{
					padding: 20px;
					box-sizing: border-box;
					background: rgba(0, 0, 0, 0.8);
					top: 80px;

					li{
						background: transparent;
						text-align: center;
						width: 100%;
						max-height: inherit;

						.info-pass{
							width: 100%;
						}

						form{
							input{
								width: 75%;
							}

							button{
								width: 25%;
							}
						}

						.back-menu-login{
							width: 100%;
						}
					}
				}
			}

			header{
				.top{
					.menu{
						.nav-contacto{

							.contacto{
								margin-right: 0;
							}

							li{
								a{
									&.mundo-etc,
									&.sobre{
										font: 0/0 a;
									}
								}
							}
						}
					}
				}
			}

			.ham-button{
				position: absolute;
				display: block;
				margin: 0;
				padding: 0;
				background: url('../images/mobile/ico-menu.png') no-repeat 0 0;
				width: 23px;
				height: 18px;
				background-size: 100%;
				top: 28px;
				right: 35px;
				z-index: 2;

				&.on{
					background: url('../images/mobile/ico-cerrar-menu.png') no-repeat center center;
					width: 19px;
					height: 19px;
					background-size: 100%;
				}
			}

			.bloque-seo{
				margin: 0 auto;
				width: 100%;
				height: 100%;
				background-size: cover;
				z-index: 1;

				.detalles{
					top: 140px;
					margin: 0 auto;
					left: inherit;
					width: 90%;

					.titulo{
						h1, h2{
							font: 16px/20px @montserrat;
							font-weight: @montserrat-regular;
						}
					}

					.texto{
						padding: 20px;

						h2{
							font: 15px/19px @montserrat;
							font-weight: @montserrat-bold;
							margin-bottom: 10px;
						}

						p{
							font: 13px/17px @montserrat;
							font-weight: @montserrat-regular;
						}
					}
				}
			}
		}

		&.hoteles-europeos{
			.gridRoomDisplay{
				.tabla-tarifas{
					&.mobile{
						position: relative;
						display: none;
						margin: -10px 0 10px 0;
						padding: 5px;
						width: 100%;
						height: auto;
						background: #f0ece1;
						border-left: 2px solid @dorado;

						&.on{
							display: block;
						}

						.box-habitacion{
							position: relative;
							display: block;
							margin: 0 0 10px 0;
							padding: 10px;
							width: 100%;
							box-sizing: border-box;
							background: @blanco;

							&:last-of-type{
								margin-bottom: 0;
							}

							.bloque-tipo{
								position: relative;
								display: block;
								margin: 0 0 10px 0;
								padding: 0;
								width: 100%;
								box-sizing: border-box;

								img{
									position: relative;
									display: block;
									margin: 0 10px 0 0;
									padding: 0;
									height: 34px;
									width: auto;
									float: left;
								}

								h4{
									position: relative;
									display: inline-block;
									margin: 0;
									padding: 0 30px 0 0;
									font: 18px/22px @montserrat;
									font-weight: @montserrat-bold;
									color: #646464;

									span{
										position: relative;
										display: block;
										font: 12px/16px @montserrat;
										font-weight: @montserrat-regular;
									}
								}

								.recomendada{
									position: absolute;
									display: block;
									margin: 0;
									padding: 0;
									width: 39px;
									height: 55px;
									right: 0;
									top: -15px;
									background: url('../images/ico-tarifa-recomendada-mobile.png') no-repeat 0 0;
								}

							}

							.bloque-seleccion{
								position: relative;
								display: block;
								margin: 0;
								padding: 0;
								width: 100%;
								box-sizing: border-box;
								overflow: hidden;

								div{
									position: relative;
									display: block;
									margin: 0;
									padding: 0;
									width: 33%;
									float: left;

									p{
										position: relative;
										display: block;
										margin: 0;
										padding: 0;
										text-align: center;
										font: 10px/14px @montserrat;
										font-weight: @montserrat-regular;
										color: #686868;
										text-transform: uppercase;

										span{
											position: relative;
											display: block;
											font: 20px/24px @montserrat;
											font-weight: @montserrat-regular;
										}
									}

									&.accion{
										text-align: right;

										.seleccionar-tarifa{
											position: relative;
											display: inline-block;
											margin: 0 auto;
											padding: 12px;
											font: 10px/14px @montserrat;
											font-weight: @montserrat-regular;
											text-transform: uppercase;
											text-decoration: none;
											text-align: center;
											color: @blanco;
											background: @dorado;
										}
									}

								}
							}
						}
					}
				}
			}
		}

		&.hoteles-europeos{
			.cuerpo{
				padding: 15px;

				.listadoHoteles{
					.banner{
						padding: 0;
					}
				}

				.gridRoomDisplay,
				.gridBusqueda{
					.banner{
						.inner-banner{
							position: relative;
							width: 100%;
							max-width: 100%;
							top: 0;
							left: 0;

							.detalles{
								background: #f0ece1;
								padding: 0 0 10px 0;
								height: auto;
							}

							.ver-tarifas{
								margin: 0;
							}
						}
					}

					.opcionRD{
						h2{
							font: 14px/18px @montserrat;
							font-weight: @montserrat-regular;
							min-height: 21px;
							height: auto;
							margin-bottom: 10px;
						}
					}
				}

				#pasosTab{
					ul{
						li{
							width: 50%;
						}
					}
				}

				.listadoBeneficios{
					height: auto;
					clear: both;
					border-bottom: none;
					width: 100%;

					.tooltips-mobile{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;
						width: 100%;
						z-index: 10;

						.box-tooltip{
							position: absolute;
							display: none;
							margin: 0;
							padding: 10px;
							width: 100%;
							background: @blanco;
							border: 1px solid @dorado;
							top: 6px;

							&.on{
								display: block;
							}

							.close-tooltip{
								position: absolute;
								display: block;
								margin: 0;
								padding: 0;
								top: 12px;
								right: 9px;
								background: url('../images/ico-close-tooltip.png') no-repeat 0 0;
								width: 12px;
								height: 11px;
								cursor: pointer;
								z-index: 2;
							}

							h4{
								position: relative;
								display: block;
								margin: 0 0 10px 0;
								padding: 0;
								text-align: center;
								font: 18px/21px @montserrat;
								font-weight: @montserrat-bold;

								i{
									position: relative;
									display: inline-block;
									margin: 0 12px 0 0;
									padding: 0;
									background: url('../images/ico-info-tooltip.png') no-repeat 0 0;
									width: 21px;
									height: 21px;
									top: 4px;
								}
							}

							p{
								position: relative;
								display: block;
								margin: 0;
								padding: 0;
								text-align: center;
								font: 14px/16px @montserrat;
								font-weight: @montserrat-regular;
								color: #767675;
							}

							&:first-of-type{
								&:before{
									background-position: 27% top;
								}
							}

							&:last-of-type{
								&:before{
									background-position: 100% top;
								}
							}

							&:before{
								position: absolute;
								display: block;
								content: '';
								margin: 0;
								padding: 0;
								background: url('../images/ico-tooltip-mobile.png') no-repeat 64% top;
								width: 100%;
								height: 8px;
								z-index: 10;
								top: -8px;
								left: 0;
							}
						}
					}

					ul{
						overflow: visible;
						clear: both;
						display: table;
						width: 100%;

						li{
							margin: 0 2% 0 0;
							max-width: 32%;
							width: 100%;
							display: table-cell;

							&:last-of-type{
								margin: 0;
							}

							&.on{
								a{
									border-bottom: 1px solid #e7e7e7;
								}
							}

							a{
								// height: 160px;
								// min-height: 160px;
								height: 150px;
								min-height: inherit;
							}
						}
					}
				}
			}
		}
	}
}


@media (max-width: @screen-sm-max) {

	body .sidebar #widgetMiCuenta{
		display: none;
	}

	.no-padding-mobile{
		padding: 0 !important;
	}

	body{

		.modal-galeria{
			width: 100%;
			margin: 0;
			left: 0;
		}

		&.home-nueva{
			header{
				.top{
					.menu{
						.nav-idiomas-otros{
							width: 70%;
						}

						.nav-contacto{
							width: 30%;
						}
					}
				}
			}
		}

		.intl-tel-input{
			width: 100%;
		}

		.sidebar{
			overflow: hidden;
		}

		.sidebar .widgetBanner{
			display: block;
			margin: 0 1% 30px 1%;
			width: 48%;
			float: left;
		}

		&.home-nueva{
			.logo{
				margin-left: 35px;
			}

			nav{
				position: absolute;
				display: block;
				padding: 0;
				float: none;
				left: 0;
				width: 100%;
				top: 32px;

				.inner{
					overflow: visible;
				}

				.menu-principal{
					position: absolute;
					float: none;
					left: 0;
					width: 100%;
					background: @negro;
					top: 80px;
					display: none;

					&.on{
						display: block;
					}

					li{
						float: none;
						width: 100%;
						border-bottom: 1px solid #2a3035;
						color: @negro;

						&.ofertas-especiales{
							a{
								&:before{
									background: none;
								}
							}
						}
					}
				}

				.menu-principal-login{
					padding: 20px;
					background: rgba(0, 0, 0, 0.8);
					width: 100%;
					top: 80px;

					li{
						width: 100%;
						text-align: center;

						&.login-box{
							padding: 0;

							a{
								&:first-of-type{
									display: none;
								}
							}
						}

						form{
							.olvido-box-link{
								a{
									display: block !important;
								}
							}

							input[type=text],
							input[type=password]{

								&:first-of-type,
								&:last-of-type{
									width: 100%;
								}
							}

							button{
								width: 150px;
							}
						}
					}
				}

				.menu-principal-pass{
					padding: 20px;
					box-sizing: border-box;
					background: rgba(0, 0, 0, 0.8);
					top: 80px;

					li{
						background: transparent;
						text-align: center;
						width: 100%;
						max-height: inherit;

						.info-pass{
							width: 100%;
						}

						form{
							input{
								width: 75%;
							}

							button{
								width: 25%;
							}
						}

						.back-menu-login{
							width: 100%;
						}
					}
				}
			}

			header{
				.top{
					.menu{
						.nav-contacto{

							.contacto{
								margin-right: 0;
							}

							li{
								a{
									&.mundo-etc,
									&.sobre{
										font: 0/0 a;
									}
								}
							}
						}
					}
				}
			}

			.ham-button{
				position: absolute;
				display: block;
				margin: 0;
				padding: 0;
				background: url('../images/mobile/ico-menu.png') no-repeat 0 0;
				width: 23px;
				height: 18px;
				background-size: 100%;
				top: 28px;
				right: 35px;
				z-index: 2;

				&.on{
					background: url('../images/mobile/ico-cerrar-menu.png') no-repeat center center;
					width: 19px;
					height: 19px;
					background-size: 100%;
				}
			}

			.bloque-seo{
				margin: 0 auto;
				width: 100%;
				height: 100%;
				background-size: cover;
				z-index: 1;

				.detalles{
					top: 140px;
					margin: 0 auto;
					left: inherit;
					width: 90%;

					.titulo{
						h1, h2{
							font: 16px/20px @montserrat;
							font-weight: @montserrat-regular;
						}
					}

					.texto{
						padding: 20px;

						h2{
							font: 15px/19px @montserrat;
							font-weight: @montserrat-bold;
							margin-bottom: 10px;
						}

						p{
							font: 13px/17px @montserrat;
							font-weight: @montserrat-regular;
						}
					}
				}
			}

		}


		#finder{

			.all-rooms-box{
				position: relative;
				display: block;
				margin: 0 auto;
				padding: 9px 10px;
				top: inherit;
				right: inherit;
				border: 1px solid #9c8238;
				overflow: hidden;
				z-index: 2;
				min-width: inherit;
				width: 80%;
				clear: both;
			}
		}

		.splash{
			min-height: 750px;
			.content{
				.bienvenido,
				.mensaje-enviado,
				.error-envio,
				.inicio{
					width: 100%;
					height: auto;
					top: 5%;
					left: 0;
					margin: 0;
					overflow: hidden;
				}

				.error-envio .body .enlace{
					text-align: center;
				}

				.inicio{
					.body{
						padding: 15px;
						.titulo{
							margin-bottom: 10px;
							h3,
							h4{
								font: 26px/30px @montserrat;
								font-weight: @montserrat-regular;
							}
						}
					}

					.box{
						height: auto;
						padding: 15px;
						&.exclusive,
						&.visitante{
							margin: 0 0 20px 0 !important;
							float: none !important;
							max-width: 100%;
						}
					}
				}
			}
		}

		body .splash .content .inicio .body .titulo h3, body .splash .content .inicio .body .titulo h4

		.ui-datepicker-multi-2{
			.ui-datepicker-group{
				width: 100% !important;
			}
		}

		header{
			.logo{
				margin-left: 35px;
			}

			.box-menu{
				&.secundario{
					margin-bottom: 0;

					.loginBox{
						max-width: 100%;
						z-index: 101;
					}
				}

				&.principal{
					z-index: 100;

					.inner{
						overflow: visible;

						nav{
							position: absolute;
							display: none;
							padding: 0;
							float: none;
							left: 0;
							width: 100%;
							top: 80px;

							&.on{
								display: block;
							}

							.menu-principal{
								position: absolute;
								float: none;
								left: 0;
								width: 100%;
								background: @negro;

								li{
									float: none;
									width: 100%;
									border-bottom: 1px solid #2a3035;
									color: @negro;

									&.ofertas-especiales{
										a{
											&:before{
												background: none;
											}
										}
									}
								}
							}

							.menu-principal-login{
								padding: 20px;
								background: rgba(0, 0, 0, 0.8);
								width: 100%;

								li{
									width: 100%;
									text-align: center;

									&.login-box{
										padding: 0;

										a{
											&:first-of-type{
												display: none;
											}
										}
									}

									form{
										.olvido-box-link{
											a{
												display: block !important;
											}
										}

										input[type=text],
										input[type=password]{

											&:first-of-type,
											&:last-of-type{
												width: 100%;
											}
										}

										button{
											width: 150px;
										}
									}
								}
							}

							.menu-principal-pass{
								padding: 20px;
								box-sizing: border-box;
								background: rgba(0, 0, 0, 0.8);

								li{
									background: transparent;
									text-align: center;
									width: 100%;

									.info-pass{
										width: 100%;
									}

									form{
										input{
											width: 75%;
										}

										button{
											width: 25%;
										}
									}

									.back-menu-login{
										width: 100%;
									}
								}
							}
						}

						.ham-button{
							position: absolute;
							display: block;
							margin: 0;
							padding: 0;
							background: url('../images/mobile/ico-menu.png') no-repeat 0 0;
							width: 23px;
							height: 18px;
							background-size: 100%;
							top: 28px;
							right: 35px;
							z-index: 2;

							&.on{
								background: url('../images/mobile/ico-cerrar-menu.png') no-repeat center center;
								width: 19px;
								height: 19px;
								background-size: 100%;
							}
						}
					}
				}

				ul{
					&.idiomas{
						width: 130px;
						width: 180px;
					}

					&.otros{
						display: none;
					}

					&.contacto{
						li{
							a{
								&.mundo-etc,
								&.sobre{
									font: 0/0 a;
									padding-left: 0;
								}
							}
						}
					}
				}
			}

			#finder{
				//display: none;
				background: rgba(255, 255, 255, 0.95);


				form{
					.ico-lupa{
						padding: 11px 15px 13px;
						background: none;
					}

					.form-group{
						&.on{
							&.ico-lupa{
								padding: 11px 15px 13px;
								background: none;
							}
						}
					}
				}


				.opciones-finder{
					height: auto;
					.close-finder{
						z-index: 2;
					}

					.opcion{
						.box-huespedes{
							.control-huespedes{
								margin: 10px;
							}
						}

						&.area{
							overflow: hidden;
							padding-left: 35px;

							.ciudades{
								width: 100%;
								border: none;
								border-bottom: 2px solid @dorado;
								height: 260px;
							}

							.hoteles{
								width: 100%;
								margin: 0;
								height: 260px;
							}
						}
					}
				}
			}
		}

		&.guia-home{
			padding: 20px;

			.no-res-yet{
				background: #E40A30 !important;
				color: @blanco !important;
			}
			ul{
				list-style: none;
				margin: 0;
				padding: 0;

				li{
					margin: 0;

					a{
						background: @dorado;
						color: @blanco;
						width: 100%;
						padding: 10px;
						text-align: center;
						margin-bottom: 5px;
					}

					ul{
						margin: 0;

						li{
							ul li a{
								background: #BBA975;
							}
						}
					}
				}
			}
		}

		#masterslider{
			display: none;
		}

		.filtroResorts{
			display: none;
		}

		.botonUneteClub{
			a{
				max-width: 100%;
			}
		}

		.cuerpo{
			.gridResorts{
				padding: 15px 15px 0 15px;

				.banner{
					.detalles{
						bottom: 60px;
						width: 100%;
						margin: 0;
						padding: 0;

						h3{
							margin: 0;
							padding: 0;
							width: 100%;
							text-align: center;

							span{
								display: block;
								margin: 0;
								padding: 0;
								width: auto;
								text-align: center;
							}
						}
					}
				}
			}
		}

		&.home{
			#masterslider{
				display: block;
			}

			header{
				.box-menu{
					&.secundario{
						margin-bottom: 0;
					}
				}
			}
		}

		&.resorts-exclusive,
		&.hoteles-europeos{
			header{
				height: auto;
			}
		}

		&.resorts-exclusive{
			.cuerpo{
				padding: 0;

				.cuerpo-ficha-hotel{
					padding: 0;


					.titulo{
						padding: 15px 15px 0 15px;
					}

					.texto{
						padding: 0 15px;
					}

					.tabSeccionesHotel{
						overflow: visible;

						.tabDesplegable{
							position: relative;
							display: block;
							margin: 0;
							padding: 25px 20px;
							background: @blanco;
							border-bottom: 2px solid #c2c2c2;
							overflow: hidden;
							box-sizing: border-box;

							h1, h2{
								position: relative;
								display: block;
								margin: 0;
								padding: 0;
								float: left;
								font: 16px/20px @montserrat;
								font-weight: @montserrat-bold;
								color: @dorado;
								text-transform: uppercase;
							}

							a{
								position: relative;
								display: block;
								margin: 0;
								padding: 0 30px 0 0;
								float: right;
								font: 16px/20px @montserrat;
								font-weight: @montserrat-regular;
								color: #4c4549;
								text-transform: uppercase;
								text-decoration: none;
								cursor: pointer;

								&.on{
									&:after{
										background: url('../images/mobile/ico-desplegable-abierto.png') no-repeat 0 0;
									}
								}

								&:after{
									content: '';
									background: url('../images/mobile/ico-desplegable-cerrado.png') no-repeat 0 0;
								    width: 17px;
								    height: 12px;
								    position: absolute;
								    display: block;
								    top: 5px;
								    right: 0;
								}

							}
						}
						ul{
							position: absolute;
							width: 100%;
							display: none;
							z-index: 10;

							&.on{
								display: block;
							}

							li{
								float: none;
								display: block;
								width: 100%;

								a{
									padding: 25px 0px;
									display: block;
									font: 16px/20px @montserrat;
									border: none;
									border-bottom: 1px solid #c2c2c2;
									text-align: center;
									text-transform: uppercase;

									&.active{

									}
								}
							}
						}
					}

					.detalleOpcionHotel{
						border: none;
						margin: 0;

						.sliderGaleria{
							margin-bottom: 20px;
						}

						.detalles{
							padding: 0;

							.titulo{
								h4{
									font: 20px/24px @montserrat;
								}
							}

							.texto{
								p{
									font: 15px/19px @montserrat;
								}
							}
						}
					}

					.detalleOpcionHotel{

						.infoBox{
							&.amarillo{
								background-position: 20px center;
							}
							min-height: 50px;
							height: auto;
							padding: 7px 30px 7px 60px;
							box-sizing: border-box;

							p{
								font: 14px/18px @montserrat;
								font-weight: @montserrat-regular;
							}
						}

						.listadoHabitaciones{
							.banner{
								.abrir-galeria{
									top: 10px;
									bottom: inherit;
								}
								.detalles{
									position: relative;
									background: #f0ece1;
									max-width: 100%;
									top: 0;
									left: 0;
								}
							}

							.detalles-habitacion{
								i{
									display: none;
								}

								ul{
									li{
										width: 100%;
										float: none;
									}
								}
							}
						}

						&.servicios{
							padding: 20px;
						}

						.listado-servicios{

							ul{
								li{
									width: 18%;
								}
							}
						}

						.listadoBloques{
							margin: 0;

							.restaurante{
								.imagen{
									margin-bottom: 10px;
								}

								.detalles{
									p{
										font: 14px/20px @montserrat;
									}
								}
							}
						}

						.listadoPaquetes{
							.paquete{
								.imagen{
									margin-bottom: 10px;
								}
							}
						}
					}

					.botonesHotel{
						margin-bottom: 20px;
						padding: 0 15px;

						a{
							max-width: 100%;
						}
					}
				}
			}
		}

		&.hoteles-europeos{
			.cuerpo{
				padding: 15px;

				.listadoHoteles{
					.banner{
						padding: 0;
					}
				}

				.gridRoomDisplay,
				.gridBusqueda{
					.banner{
						.inner-banner{
							position: relative;
							width: 100%;
							max-width: 100%;
							top: 0;
							left: 0;

							.detalles{
								background: #f0ece1;
								padding: 0 0 10px 0;
								height: auto;
							}

							.ver-tarifas{
								margin: 0;
							}
						}
					}

					.opcionRD{
						h2{
							font: 14px/18px @montserrat;
							font-weight: @montserrat-regular;
							min-height: 21px;
							height: auto;
							margin-bottom: 10px;
						}
					}
				}

				#pasosTab{
					ul{
						li{
							width: 50%;
						}
					}
				}

				.listadoBeneficios{
					height: auto;
					clear: both;

					ul{
						overflow: hidden;
						clear: both;

						li{
							margin: 0 2% 0 0;
							max-width: 32%;
							width: 100%;

							&:last-of-type{
								margin: 0;
							}

							a{
								height: 160px;
								min-height: 160px;
							}
						}
					}
				}
			}
		}

		&.beneficios-exclusive{
			.cuerpo{
				padding: 15px;
			}

			#gridBeneficios{
				.bloques{
					.bloque{
						float: none !important;
						max-width: 100% !important;
						width: 100% !important;
						height: 365px !important;

						.imagen{
							top: -25% !important;
							left: -50% !important;
							left: 0 !important;
						}
					}
				}
			}
		}

		&.unete{
			.cuerpo{
				padding: 15px;

				.titulo{
					h1, h2{
						text-align: left;
					}
				}

				.texto{
					padding: 0;
					p{
						text-align: left;
					}
				}

				.form-group{
					margin: 0;

					label{
						margin-bottom: 10px;
						font: 16px/20px @montserrat;
						font-weight: 700;
					}

					input, select{
						margin-bottom: 15px;
					}
				}
			}
		}

		&.contactenos{

			.only-padding-right{
				padding: 0 !important;
			}

			.cuerpo{
				padding: 15px;
			}

			.formulario-contacto{
				.form-group{
					button{
						width: 100%;
					}
				}
			}

			.formulario-novedades{
				form{
					p{
						margin-bottom: 10px;
					}
				}
			}

			.opcionesContacto{
				width: 100%;

				ul{
					width: 100%;

					li{
						float: none;
						margin: 0 0 10px 0;
						width: 100%;

						.banner{
							a{
								.detalles{
									h3{
										font: 16px/20px @montserrat;
										text-transform: uppercase;
									}
								}
							}
						}
					}
				}
			}

			.boton-fake-modal{
				width: 100%;
				margin-bottom: 5px;
			}
		}

		&.ofertas-especiales{
			.cuerpo{
				padding: 15px;
			}

			#listadoOfertas{
				.banner{
					.detalles{
						top: 10px;
						left: 10px;

						h3{
							font: 24px/28px @montserrat;
							font-weight: @montserrat-bold;
							margin-bottom: 10px;
						}

						.separador{
							margin-bottom: 10px;
						}

						.precio{
							font: 24px/28px @montserrat;
							font-weight: @montserrat-bold;
						}
					}

					.mas-info{
						left: inherit;
						top: inherit;
						right: 10px;
						bottom: 10px;
						padding: 21px 0;
						height: 60px;
						font: 16px/18px @montserrat;
						font-weight: @montserrat-regular;
						text-align: center;
					}
				}
			}

			.oferta{
				.packs{
					ul
					{
						li{
							float: none;
							width: 100%;
						}
					}
				}
				.fechas{
					padding: 5px 15px 15px 15px;
					p{
						font: 12px/16px @montserrat;
						font-weight: @montserrat-regular;
					}
				}
			}
		}

		&.mi-cuenta,
		&.mi-membresia,
		&.mi-perfil,
		&.historial-reservas,
		&.informacion-contrato,
		&.centro-pagos,
		&.embajador-etc{

			.only-padding-right{
				padding: 0 !important;
			}

			.tabMiCuenta{
				position: relative;
				display: block;
				margin: -15px -15px 15px -15px;
				padding: 0;
				overflow: visible;
				box-sizing: border-box;
				z-index: 3;

				.tabDesplegable{
					position: relative;
					display: block;
					margin: 0;
					padding: 25px 20px;
					background: @blanco;
					border-bottom: 3px solid #356d9a;
					overflow: hidden;
					box-sizing: border-box;

					h1, h2{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;
						float: left;
						font: 16px/20px @montserrat;
						font-weight: @montserrat-bold;
						color: #356d9a;
						text-transform: uppercase;
					}

					a{
						position: relative;
						display: block;
						margin: 0;
						padding: 0 30px 0 0;
						float: right;
						font: 16px/20px @montserrat;
						font-weight: @montserrat-regular;
						color: #356d9a;
						text-transform: uppercase;
						text-decoration: none;
						cursor: pointer;

						&.on{
							&:after{
								background: url('../images/mobile/ico-desplegable-blanco-abierto.png') no-repeat 0 0;
							}
						}

						&:after{
							content: '';
							background: url('../images/mobile/ico-desplegable-blanco-cerrado.png') no-repeat 0 0;
						    width: 17px;
						    height: 12px;
						    position: absolute;
						    display: block;
						    top: 5px;
						    right: 0;
						}

					}
				}

				ul{
					position: absolute;
					display: none;
					margin: -1px 0 0 0;
					padding: 0;
					list-style: none;
					width: 100%;
					display: none;

					&.on{
						display: block;
					}

					li{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;
						float: none;
						width: 100%;

						a{
							position: relative;
							display: block;
							margin: 0;
							padding: 25px 0px;
							font: 16px/20px @montserrat;
							font-weight: @montserrat-regular;
							border: none;
							border-bottom: 1px solid #c2c2c2;
							background: @blanco;
							color: #356d9a;
							text-decoration: none;
							text-transform: uppercase;
							text-align: center;

							&:hover{
								background: #356d9a;
								color: @blanco;
							}

							&.active{
								border: none;
								background: #356d9a;
								color: @blanco;
								border-bottom: 1px solid @blanco;
							}

						}
					}
				}
			}

			.cuerpo{
				padding: 15px;
			}
		}

		.cuerpo #BannerBig .banner .mas-info{
			bottom: 40px !important;
			left: 30px !important;
		}

		&.mi-cuenta{


			.carousel{
				display: none;
			}

			#BannerBig{
				.banner{
					.detalles{
						position: relative;
						top: 0;
						left: 0;
						width: 100%;

					}
				}
			}

			#BannerDuo{
				.only-padding-right{
					padding: 0 30px 0 0!important;
				}
			}
		}

		&.mi-membresia{
			.cuerpo{
				.texto{
					ul{
						li{
							width: 100%;
						}
					}
				}
			}
		}

		&.mi-perfil{
			.cuerpo{
				#boxListadoInfo{
					.titulo{
						a.boton{
							width: 50px;
							font: 0/0 a;
						}
					}
					.btn-edit-aceptar,
					.btn-edit-aceptar{
						padding: 13px 35px;
					}

					table{
						tr{
							td{
								float: left;
								width: 100%;
								border-bottom: 1px solid #e0e0e0;

								&:last-of-type{
									border: none;
								}

								input,
								select{
									width: 100% !important;
									max-width: 100% !important;
								}
							}
						}
					}
				}

				#boxTableInfo{
					.titulo{
						h4{
							width: 100%;
						}
					}

					.view-pass{
						.box-boton-edit{
							text-align: center;
						}
					}

					.form-group{
						input{
							width: 70%;
						}
					}

					.btn-edit-aceptar,
					.btn-edit-aceptar{
						padding: 13px 32px;
					}
				}
			}
		}

		&.informacion-contrato{
			.cuerpo{
				#boxTableInfo{
					.titulo{
						h4{
							width: 100%;
						}
					}
				}

				#boxListadoInfo{
					.titulo{
						a.boton{
							font: 0/0 a;
							width: 50px;
						}
					}
				}
			}
		}

		&.centro-pagos{
			.cuerpo{
				#navTab{
					margin: -15px -15px 30px -15px;
					ul{
						li{
							width: 25%;
							margin: 0;

							&:nth-child(2),
							&:nth-child(4){
								a{
									padding-top: 30px;
								}
							}

							a{
								padding: 21px 0;
								width: 100%;
								height: 70px;
								font: 12px/16px @montserrat;
								font-weight: @montserrat-regular;

							}
						}
					}
				}

				#boxListadoInfo{
					.view-data{
						.datosPago{
							.form-group{
								img{
									display: none;
								}

								label.checkbox.tarjeta{
									height: 50px;
								}
							}
						}
					}
				}
			}
		}

		&.checkout{

			header{
				.box-menu{
					&.principal{
						.inner{
							.ham-button{
								display: none;
							}
						}
					}
				}
			}

			.only-padding-right{
				padding: 0 !important;
			}

			.sidebar{
				height: auto !important;
				padding: 15px;

				#widgetLlamamos,
				.widgetBanner{
					display: none;
				}
			}

			.cuerpo-checkout{
				padding: 15px;

				.form-group{
					margin-bottom: 0 !important;
				}

				input[type=text],
				input[type=tel],
				input[type=email],
				select{
					margin-bottom: 5px;
				}

				&.confirmacion{
					.opcionesEstancia{
						ul{
							li{
								width: 100%;
								margin-bottom: 15px;

								&:last-of-type{
									margin-bottom: 0;
								}

								.banner{
									a{
										.detalles{
											h3{
												font: 28px/32px @montserrat;
												font-weight: @montserrat-bold;
											}
										}
									}
								}
							}
						}
					}
				}

				.boxDetallesReserva{
					.titulo{
						padding-top: 8px;

						h4{
							font: 18px/22px @montserrat;
							font-weight: @montserrat-regular;
						}
					}

					.detalles{
						.datos{
							.especial{
								display: none;
							}

							ul{
								li{
									width: 50%;
									margin-bottom: 10px;
									padding-left: 28px !important;
								}
							}
						}

						.habitacion{
							height: auto;

							.info-habitacion{
								margin-bottom: 10px;
							}
						}

						.botones{
							text-align: center;

							a{
								width: 47%;
								padding-left: 12px;
							}
						}
					}
				}
			}
		}

		&.hoteles-europeos{
			.gridRoomDisplay{
				.tabla-tarifas{
					&.mobile{
						position: relative;
						display: none;
						margin: -10px 0 10px 0;
						padding: 5px;
						width: 100%;
						height: auto;
						background: #f0ece1;
						border-left: 2px solid @dorado;

						&.on{
							display: block;
						}

						.box-habitacion{
							position: relative;
							display: block;
							margin: 0 0 10px 0;
							padding: 10px;
							width: 100%;
							box-sizing: border-box;
							background: @blanco;

							&:last-of-type{
								margin-bottom: 0;
							}

							.bloque-tipo{
								position: relative;
								display: block;
								margin: 0 0 10px 0;
								padding: 0;
								width: 100%;
								box-sizing: border-box;

								img{
									position: relative;
									display: block;
									margin: 0 10px 0 0;
									padding: 0;
									height: 34px;
									width: auto;
									float: left;
								}

								h4{
									position: relative;
									display: inline-block;
									margin: 0;
									padding: 0 30px 0 0;
									font: 18px/22px @montserrat;
									font-weight: @montserrat-bold;
									color: #646464;

									span{
										position: relative;
										display: block;
										font: 12px/16px @montserrat;
										font-weight: @montserrat-regular;
									}
								}

								.recomendada{
									position: absolute;
									display: block;
									margin: 0;
									padding: 0;
									width: 39px;
									height: 55px;
									right: 0;
									top: -15px;
									background: url('../images/ico-tarifa-recomendada-mobile.png') no-repeat 0 0;
								}

							}

							.bloque-seleccion{
								position: relative;
								display: block;
								margin: 0;
								padding: 0;
								width: 100%;
								box-sizing: border-box;
								overflow: hidden;

								div{
									position: relative;
									display: block;
									margin: 0;
									padding: 0;
									width: 33%;
									float: left;

									p{
										position: relative;
										display: block;
										margin: 0;
										padding: 0;
										text-align: center;
										font: 10px/14px @montserrat;
										font-weight: @montserrat-regular;
										color: #686868;
										text-transform: uppercase;

										span{
											position: relative;
											display: block;
											font: 20px/24px @montserrat;
											font-weight: @montserrat-regular;
										}
									}

									&.accion{
										text-align: right;

										.seleccionar-tarifa{
											position: relative;
											display: inline-block;
											margin: 0 auto;
											padding: 12px;
											font: 10px/14px @montserrat;
											font-weight: @montserrat-regular;
											text-transform: uppercase;
											text-decoration: none;
											text-align: center;
											color: @blanco;
											background: @dorado;
										}
									}

								}
							}
						}
					}
				}
			}
		}

		&.hoteles-europeos{
			.cuerpo{
				padding: 15px;

				.listadoHoteles{
					.banner{
						padding: 0;
					}
				}

				.gridRoomDisplay,
				.gridBusqueda{
					.banner{
						.inner-banner{
							position: relative;
							width: 100%;
							max-width: 100%;
							top: 0;
							left: 0;

							.detalles{
								background: #f0ece1;
								padding: 0 0 10px 0;
								height: auto;
							}

							.ver-tarifas{
								margin: 0;
							}
						}
					}

					.opcionRD{
						h2{
							font: 14px/18px @montserrat;
							font-weight: @montserrat-regular;
							min-height: 21px;
							height: auto;
							margin-bottom: 10px;
						}
					}
				}

				#pasosTab{
					ul{
						li{
							width: 50%;
						}
					}
				}

				.listadoBeneficios{
					height: auto;
					clear: both;
					border-bottom: none;
					width: 100%;

					.tooltips-mobile{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;
						width: 100%;
						z-index: 10;

						.box-tooltip{
							position: absolute;
							display: none;
							margin: 0;
							padding: 10px;
							width: 100%;
							background: @blanco;
							border: 1px solid @dorado;
							top: 6px;

							&.on{
								display: block;
							}

							.close-tooltip{
								position: absolute;
								display: block;
								margin: 0;
								padding: 0;
								top: 12px;
								right: 9px;
								background: url('../images/ico-close-tooltip.png') no-repeat 0 0;
								width: 12px;
								height: 11px;
								cursor: pointer;
								z-index: 2;
							}

							h4{
								position: relative;
								display: block;
								margin: 0 0 10px 0;
								padding: 0;
								text-align: center;
								font: 18px/21px @montserrat;
								font-weight: @montserrat-bold;

								i{
									position: relative;
									display: inline-block;
									margin: 0 12px 0 0;
									padding: 0;
									background: url('../images/ico-info-tooltip.png') no-repeat 0 0;
									width: 21px;
									height: 21px;
									top: 4px;
								}
							}

							p{
								position: relative;
								display: block;
								margin: 0;
								padding: 0;
								text-align: center;
								font: 14px/16px @montserrat;
								font-weight: @montserrat-regular;
								color: #767675;
							}

							&:first-of-type{
								&:before{
									background-position: 27% top;
								}
							}

							&:last-of-type{
								&:before{
									background-position: 100% top;
								}
							}

							&:before{
								position: absolute;
								display: block;
								content: '';
								margin: 0;
								padding: 0;
								background: url('../images/ico-tooltip-mobile.png') no-repeat 64% top;
								width: 100%;
								height: 8px;
								z-index: 10;
								top: -8px;
								left: 0;
							}
						}
					}

					ul{
						overflow: visible;
						clear: both;
						display: table;
						width: 100%;

						li{
							margin: 0 2% 0 0;
							max-width: 32%;
							width: 100%;
							display: table-cell;

							&:last-of-type{
								margin: 0;
							}

							&.on{
								a{
									border-bottom: 1px solid #e7e7e7;
								}
							}

							a{
								// height: 160px;
								// min-height: 160px;
								height: 150px;
								min-height: inherit;
							}
						}
					}
				}
			}
		}
	}

}


/* MOBILE VERSION */
@media (max-width: @screen-xs-max) {

		.intl-tel-input{
			width: 100%;
		}

		.sidebar{
			overflow: hidden;
		}

		.sidebar .widgetBanner{
			display: block;
			margin: 0 0 30px 0 !important;
			width: 100% !important;
			float: none !important;
		}

	body .sidebar #widgetMiCuenta{
		display: none;
	}

	.no-padding-mobile{
		padding: 0 !important;
	}

	.only-padding-right.fr-col{
		padding: 0 15px !important;
	}

	.intl-tel-input{
		width: 100%;
	}

	.ui-datepicker-multi-2{
		.ui-datepicker-group{
			width: 100% !important;
		}
	}

	#mapa{
		width: 100%;
	}

	body{

		&.hoteles-europeos .listadoBeneficios ul li p{
			display: none;
		}

		&.hoteles-europeos .gridRoomDisplay .no-disponible-habitacion,
		&.hoteles-europeos .gridBusqueda .no-disponible-habitacion{
			padding: 10px 15px 10px 75px;
			background-position: 10px center;
			background-size: 15%;

			.texto{
				float: none;
				width: 100%;
				margin: 0 0 10px 0;
				padding: 0;
			}

			.accion{
				float: none;
				width: 100%;
			}
		}

		.cuerpo{
			#BannerDuo{
				.only-padding-right{
					padding: 0 !important;
				}
			}
		}

		&.centro-pagos .cuerpo #boxListadoInfo .view-data .datosPago .boton{
			width: 100%;
			max-width: 100%;
		}

		&.centro-pagos .cuerpo #boxListadoInfo .view-data .datosPago .form-group select,
		&.centro-pagos .cuerpo #boxListadoInfo .view-data .datosPago .form-group input[type=text],
		&.centro-pagos .cuerpo #boxListadoInfo .view-data .datosPago .form-group input[type=text].cvv{
			width: 100% !important;
			max-width: 100% !important;
		}

		.cuerpo #boxTableInfo .view-pass a.edit-info-pass{
			width: 100%;
			max-width: 100%;
		}

		.cuerpo #boxListadoInfo .btn-edit-aceptar,
		.cuerpo #boxListadoInfo .btn-edit-cancelar{
			display: inline-block;
			padding: 15px 0;
			width: 48%;
			margin: 0 auto;
			float: none;
		}

		&.mi-cuenta{
			.cuerpo{
				.banner{
					a{
						.detalles{
							top: 30px;

							&.left{
								left: 30px;
							}
							&.right{
								right: 30px;
							}
						}
					}

					.mas-info{
						bottom: 30px;

						&.left{
							left: 30px;
						}

						&.right{
							right: 30px;
						}
					}
				}
			}
		}

		#breadcrumb{
			ul{
				display: table;
				float: none;
				vertical-align: middle;
				li{
					padding: 0 0 0 10px;
					font: 12px/16px @montserrat;
					vertical-align: middle;
					float: none;
					display: table-cell;

				}
			}
		}

		&.hoteles-europeos{
			.gridRoomDisplay{
				.tabla-tarifas{
					&.mobile{
						position: relative;
						display: none;
						margin: -10px 0 10px 0;
						padding: 5px;
						width: 100%;
						height: auto;
						background: #f0ece1;
						border-left: 2px solid @dorado;

						&.on{
							display: block;
						}

						.box-habitacion{
							position: relative;
							display: block;
							margin: 0 0 10px 0;
							padding: 10px;
							width: 100%;
							box-sizing: border-box;
							background: @blanco;

							&:last-of-type{
								margin-bottom: 0;
							}

							.bloque-tipo{
								position: relative;
								display: block;
								margin: 0 0 10px 0;
								padding: 0;
								width: 100%;
								box-sizing: border-box;

								img{
									position: relative;
									display: block;
									margin: 0 10px 0 0;
									padding: 0;
									height: 34px;
									width: auto;
									float: left;
								}

								h4{
									position: relative;
									display: inline-block;
									margin: 0;
									padding: 0 30px 0 0;
									font: 18px/22px @montserrat;
									font-weight: @montserrat-bold;
									color: #646464;

									span{
										position: relative;
										display: block;
										font: 12px/16px @montserrat;
										font-weight: @montserrat-regular;
									}
								}

								.recomendada{
									position: absolute;
									display: block;
									margin: 0;
									padding: 0;
									width: 39px;
									height: 55px;
									right: 0;
									top: -15px;
									background: url('../images/ico-tarifa-recomendada-mobile.png') no-repeat 0 0;
								}

							}

							.bloque-seleccion{
								position: relative;
								display: block;
								margin: 0;
								padding: 0;
								width: 100%;
								box-sizing: border-box;
								overflow: hidden;

								div{
									position: relative;
									display: block;
									margin: 0;
									padding: 0;
									width: 33%;
									float: left;

									p{
										position: relative;
										display: block;
										margin: 0;
										padding: 0;
										text-align: center;
										font: 10px/14px @montserrat;
										font-weight: @montserrat-regular;
										color: #686868;
										text-transform: uppercase;

										span{
											position: relative;
											display: block;
											font: 20px/24px @montserrat;
											font-weight: @montserrat-regular;
										}
									}

									&.accion{
										text-align: right;

										.seleccionar-tarifa{
											position: relative;
											display: inline-block;
											margin: 0 auto;
											padding: 12px;
											font: 10px/14px @montserrat;
											font-weight: @montserrat-regular;
											text-transform: uppercase;
											text-decoration: none;
											text-align: center;
											color: @blanco;
											background: @dorado;
										}
									}

								}
							}
						}
					}
				}
			}
		}

		#new-pasosTab{
			position: relative;
			display: block;
			margin: 0 0 20px 0;
			padding: 0;
			overflow: hidden;

			ul{
				position: relative;
				display: block;
				margin: 0;
				padding: 0;
				list-style: none;
				z-index: 2;

				li{
					position: relative;
					display: block;
					margin: 0;
					padding: 14px 40px 30px 40px;
					float: left;
					width: 33.3%;
					max-height: 76px;
					border-right: 1px solid #cecdcd;

					&.ok{
						background: url('../images/ico-sel-room-mobile.png') no-repeat 95% 20px;

						&.no-dispo{
							background: url('../images/ico-nodispo-room.png') no-repeat 95% 20px;
						}
					}

					&:before{
						content: '2';
						position: absolute;
						display: block;
						margin: 0;
						padding: 0;
						font: 35px/35px @montserrat;
						font-weight: @montserrat-regular;
						color: rgba(0, 0, 0, 0.4);
						left: 10px;
						top: 12px;
					}

					&:last-of-type{
						border: none;

						&:before{
							content: '3';
						}
					}

					&:first-of-type{
						padding-left: 25px;
						&:before{
							content: '1';
							left: 0;
						}

					}

					.no-dispo{
						position: absolute;
						display: block;
						margin: 0;
						padding: 0;
						top: 0;
						font: 10px/14px @montserrat;
						font-weight: @montserrat-bold;
						color: #b03337;
						text-transform: uppercase;
					}

					p{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;
						font: 12px/16px @montserrat;
						font-weight: @montserrat-black;
					}

					span{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;
						font: 12px/16px @montserrat;
						font-weight: @montserrat-bold;
						color: @dorado;
						text-transform: uppercase;
					}
				}
			}
		}

		.habitaciones-restantes{
			position: relative;
			display: block;
			margin: 0 0 20px 0;
			padding: 25px;
			font: 15px/18px @montserrat;
			font-weight: @montserrat-regular;
			color: #f1ad00;
			background: #fcefcc;
			text-align: center;
			width: 100%;
			box-sizing: border-box;
		}

		.btn-continuar-proceso{
			margin: 0 0 20px 0;
			padding: 25px;
			font: 15px/18px @montserrat;
			font-weight: @montserrat-regular;
			color: @blanco;
			background: #6adb57;
			text-align: center;
			width: 100%;
			box-sizing: border-box;
			text-decoration: none;
			text-transform: uppercase;

		}

		#new-pasosTab{

			&.paso1{
				.progreso{

					&.una{

						span{
							height: 100%;
						}

					}

					&.dos{

						span{
							height: 50%;
						}

					}

					&.tres{

						span{
							height: 33%;
						}

					}

				}
			}

			&.paso2{
				.progreso{

					&.dos{

						span{
							height: 100%;
						}

					}

					&.tres{

						span{
							height: 66%;
						}

					}

				}
			}

			&.paso3{
				.progreso{

					&.tres{

						span{
							height: 100%;
						}

					}

				}
			}

			ul{
				width: 95%;
				float: right;

				li{
					width: 100%;
					border: none;
					padding: 15px 30px !important;

					&:before{
						left: 5px !important;
					}
				}
			}

			.progreso{
				width: 10px !important;
				height: 100%;
				float: left;

				&.una{
					height: 100%;
				}

				&.dos{
					height: 100%;
				}

				&.tres{
					height: 100%;
				}

				span{
					position: relative;
					display: block;
					margin: 0;
					padding: 0;
					width: 100% !important;
					background: @dorado;
					border-radius: 5px;
				}
			}
		}

		&.checkout{

			.desplegable.titular-reserva{
				position: relative;
				display: inline-block;
				margin: 0;
				padding: 0;
				box-sizing: border-box;
				width: 91%;

				&.on{

					.accion-desplegable{
						&:after{
							background: url('../images/ico-desplegagle-titular-on.png') no-repeat 0 0;
						}
					}

					ul{
						display: block;
					}

				}

				.accion-desplegable{
					position: relative;
					display: block;
					margin: 0 0 20px 0;
					padding: 15px 40px 15px 55px;
					background: url('../images/ico-desplegable-propietario.png') no-repeat 13px center #faf9f5;
					width: 100%;
					min-height: 51px;
					height: auto;
					box-sizing: border-box;
					font: 18px/20px @montserrat;
					font: 13px/20px @montserrat;
					font-weight: @montserrat-regular;
					color: @negro;
					text-decoration: none;
					border-bottom: 1px solid #cfccc2;

					&:after{
						content: '';
						position: absolute;
						display: block;
						margin: 0;
						padding: 0;
						background: url('../images/ico-desplegagle-titular.png') no-repeat 0 0;
						width: 11px;
						height: 6px;
						top: 13px;
						right: 23px;
					}
				}

				ul{
					position: absolute;
					display: none;
					margin: 0;
					padding: 0;
					width: 100%;
					list-style: none;
					z-index: 10;
					top: 51px;
					left: 0;

					li{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;
						width: 100%;

						a{
							position: relative;
							display: block;
							margin: 0;
							padding: 15px 20px;
							background: @blanco;
							width: 100%;
							height: auto;
							box-sizing: border-box;
							font: 18px/20px @montserrat;
							font: 13px/20px @montserrat;
							font-weight: @montserrat-regular;
							color: @negro;
							text-decoration: none;
							border-bottom: 1px solid #cfccc2;

							&:hover{
								background: #e2e0d7;

								color: @negro;
								text-decoration: none;
							}
						}
					}
				}
			}

		}


		#finder{

			.all-rooms-box{
				position: relative;
				display: block;
				margin: 0 auto;
				padding: 9px 10px;
				top: inherit;
				right: inherit;
				border: 1px solid #9c8238;
				overflow: hidden;
				z-index: 2;
				min-width: inherit;
				width: 80%;
				clear: both;
			}
		}

		.splash{
			min-height: 750px;
			.content{
				.bienvenido,
				.mensaje-enviado,
				.error-envio,
				.inicio{
					width: 100%;
					height: auto;
					top: 5%;
					left: 0;
					margin: 0;
					overflow: hidden;
				}

				.error-envio .body .enlace{
					text-align: center;
				}

				.inicio{
					.body{
						padding: 15px;
						.titulo{
							margin-bottom: 10px;
							h3,
							h4{
								font: 26px/30px @montserrat;
								font-weight: @montserrat-regular;
							}
						}
					}

					.box{
						height: auto;
						padding: 15px;
						&.exclusive,
						&.visitante{
							margin: 0 0 20px 0 !important;
							float: none !important;
							max-width: 100%;
						}
					}
				}
			}
		}

		body .splash .content .inicio .body .titulo h3, body .splash .content .inicio .body .titulo h4

		.ui-datepicker-multi-2{
			.ui-datepicker-group{
				width: 100% !important;
			}
		}

		&.home-nueva{
			.logo{
				margin-left: 35px;
			}

			nav{
				position: absolute;
				display: block;
				padding: 0;
				float: none;
				left: 0;
				width: 100%;
				top: 32px;

				.inner{
					overflow: visible;
				}

				.menu-principal{
					position: absolute;
					float: none;
					left: 0;
					width: 100%;
					background: @negro;
					top: 80px;
					display: none;

					&.on{
						display: block;
					}

					li{
						float: none;
						width: 100%;
						border-bottom: 1px solid #2a3035;
						color: @negro;

						&.ofertas-especiales{
							a{
								&:before{
									background: none;
								}
							}
						}
					}
				}

				.menu-principal-login{
					padding: 20px;
					background: rgba(0, 0, 0, 0.8);
					width: 100%;
					top: 80px;

					li{
						width: 100%;
						text-align: center;

						&.login-box{
							padding: 0;
							width: 100%;

							a{
								&:first-of-type{
									display: none;
								}
							}
						}

						form{
							.olvido-box-link{
								a{
									display: block !important;
								}
							}

							input[type=text],
							input[type=password]{

								&:first-of-type,
								&:last-of-type{
									width: 100%;
								}
							}

							button{
								width: 150px;
							}
						}
					}
				}

				.menu-principal-pass{
					padding: 20px;
					box-sizing: border-box;
					background: rgba(0, 0, 0, 0.8);
					top: 80px;

					li{
						background: transparent;
						text-align: center;
						width: 100%;
						max-height: inherit;

						.info-pass{
							width: 100%;
						}

						form{
							input{
								width: 75%;
							}

							button{
								width: 25%;
							}
						}

						.back-menu-login{
							width: 100%;
						}
					}
				}
			}

			header{
				.top{
					.menu{
						.nav-contacto{

							.contacto{
								margin-right: 0;
							}

							li{
								a{
									&.mundo-etc,
									&.sobre{
										font: 0/0 a;
									}
								}
							}
						}
					}
				}
			}

			.ham-button{
				position: absolute;
				display: block;
				margin: 0;
				padding: 0;
				background: url('../images/mobile/ico-menu.png') no-repeat 0 0;
				width: 23px;
				height: 18px;
				background-size: 100%;
				top: 28px;
				right: 35px;
				z-index: 2;

				&.on{
					background: url('../images/mobile/ico-cerrar-menu.png') no-repeat center center;
					width: 19px;
					height: 19px;
					background-size: 100%;
				}
			}

			.bloque-seo{
				margin: 0 auto;
				width: 100%;
				height: 100%;
				background-size: cover;
				z-index: 1;

				.detalles{
					top: 140px;
					margin: 0 auto;
					left: inherit;
					width: 90%;

					.titulo{
						h1, h2{
							font: 16px/20px @montserrat;
							font-weight: @montserrat-regular;
						}
					}

					.texto{
						padding: 20px;

						h2{
							font: 15px/19px @montserrat;
							font-weight: @montserrat-bold;
							margin-bottom: 10px;
						}

						p{
							font: 13px/17px @montserrat;
							font-weight: @montserrat-regular;
						}
					}
				}
			}

		}

		header{
			.logo{
				margin-left: 35px;
			}

			.box-menu{
				&.secundario{
					margin-bottom: 0;

					.loginBox{
						max-width: 100%;
						z-index: 101;
					}
				}

				&.principal{
					z-index: 100;

					.inner{
						overflow: visible;

						nav{
							position: absolute;
							display: none;
							padding: 0;
							float: none;
							left: 0;
							width: 100%;
							top: 80px;

							&.on{
								display: block;
							}

							.menu-principal{
								position: absolute;
								float: none;
								left: 0;
								width: 100%;
								background: @negro;

								li{
									float: none;
									width: 100%;
									border-bottom: 1px solid #2a3035;
									color: @negro;

									&.ofertas-especiales{
										a{
											&:before{
												background: none;
											}
										}
									}
								}
							}

							.menu-principal-login{
								padding: 20px;
								background: rgba(0, 0, 0, 0.8);
								width: 100%;

								li{
									width: 100%;
									text-align: center;

									&.login-box{
										padding: 0;

										a{
											&:first-of-type{
												display: none;
											}
										}
									}

									form{
										.olvido-box-link{
											a{
												display: block !important;
											}
										}

										input[type=text],
										input[type=password]{

											&:first-of-type,
											&:last-of-type{
												width: 100%;
											}
										}

										button{
											width: 150px;
										}
									}
								}
							}

							.menu-principal-pass{
								padding: 20px;
								box-sizing: border-box;
								background: rgba(0, 0, 0, 0.8);

								li{
									background: transparent;
									text-align: center;
									width: 100%;

									.info-pass{
										width: 100%;
									}

									form{
										input{
											width: 75%;
										}

										button{
											width: 25%;
										}
									}

									.back-menu-login{
										width: 100%;
									}
								}
							}
						}

						.ham-button{
							position: absolute;
							display: block;
							margin: 0;
							padding: 0;
							background: url('../images/mobile/ico-menu.png') no-repeat 0 0;
							width: 23px;
							height: 18px;
							background-size: 100%;
							top: 28px;
							right: 35px;
							z-index: 2;

							&.on{
								background: url('../images/mobile/ico-cerrar-menu.png') no-repeat center center;
								width: 19px;
								height: 19px;
								background-size: 100%;
							}
						}
					}
				}

				ul{
					&.idiomas{
						width: 130px;
						width: 180px;
					}

					&.otros{
						display: none;
					}

					&.contacto{
						li{
							a{
								&.mundo-etc,
								&.sobre{
									font: 0/0 a;
									padding-left: 0;
								}
							}
						}
					}
				}
			}

			#finder{
				//display: none;
				background: rgba(255, 255, 255, 0.95);


				form{
					.ico-lupa{
						padding: 11px 15px 13px;
						background: none;
					}

					.form-group{
						&.on{
							&.ico-lupa{
								padding: 11px 15px 13px;
								background: none;
							}
						}
					}
				}


				.opciones-finder{
					height: auto;
					.close-finder{
						z-index: 2;
					}

					.opcion{
						.box-huespedes{
							.control-huespedes{
								margin: 10px;
							}
						}

						&.area{
							overflow: hidden;
							padding-left: 35px;

							.ciudades{
								width: 100%;
								border: none;
								border-bottom: 2px solid @dorado;
								height: 260px;
							}

							.hoteles{
								width: 100%;
								margin: 0;
								height: 260px;
							}
						}
					}
				}
			}
		}

		&.guia-home{
			padding: 20px;

			.no-res-yet{
				background: #E40A30 !important;
				color: @blanco !important;
			}
			ul{
				list-style: none;
				margin: 0;
				padding: 0;

				li{
					margin: 0;

					a{
						background: @dorado;
						color: @blanco;
						width: 100%;
						padding: 10px;
						text-align: center;
						margin-bottom: 5px;
					}

					ul{
						margin: 0;

						li{
							ul li a{
								background: #BBA975;
							}
						}
					}
				}
			}
		}

		#masterslider{
			display: none;
		}

		.filtroResorts{
			display: none;
		}

		.botonUneteClub{
			a{
				max-width: 100%;
			}
		}

		.cuerpo{
			.gridResorts{
				padding: 15px 15px 0 15px;

				.banner{
					.detalles{
						position: relative;
						bottom: 0;
						width: 100%;
						margin: 0;
						padding: 0;

						h3{
							margin: 0;
							padding: 0;
							width: 100%;
							text-align: center;
							height: auto;

							span{
								display: block;
								margin: 0;
								padding: 0;
								width: auto;
								text-align: center;
							}
						}
					}
				}
			}
		}

		&.home{
			#masterslider{
				display: block;
			}

			header{
				.box-menu{
					&.secundario{
						margin-bottom: 0;
					}
				}
			}
		}

		&.resorts-exclusive,
		&.hoteles-europeos{
			header{
				height: auto;
			}
		}

		&.resorts-exclusive{
			.cuerpo{
				padding: 30px 0 0 0;

				.cuerpo-ficha-hotel{
					padding: 0;


					.titulo{
						padding: 15px 15px 0 15px;
					}

					.texto{
						padding: 0 15px;
					}

					.tabSeccionesHotel{
						overflow: visible;

						.tabDesplegable{
							position: relative;
							display: block;
							margin: 0;
							padding: 25px 20px;
							background: @blanco;
							border-bottom: 2px solid #c2c2c2;
							overflow: hidden;
							box-sizing: border-box;

							h1, h2{
								position: relative;
								display: block;
								margin: 0;
								padding: 0;
								float: left;
								font: 16px/20px @montserrat;
								font-weight: @montserrat-bold;
								color: @dorado;
								text-transform: uppercase;
							}

							a{
								position: relative;
								display: block;
								margin: 0;
								padding: 0 30px 0 0;
								float: right;
								font: 16px/20px @montserrat;
								font-weight: @montserrat-regular;
								color: #4c4549;
								text-transform: uppercase;
								text-decoration: none;
								cursor: pointer;

								&.on{
									&:after{
										background: url('../images/mobile/ico-desplegable-abierto.png') no-repeat 0 0;
									}
								}

								&:after{
									content: '';
									background: url('../images/mobile/ico-desplegable-cerrado.png') no-repeat 0 0;
								    width: 17px;
								    height: 12px;
								    position: absolute;
								    display: block;
								    top: 5px;
								    right: 0;
								}

							}
						}
						ul{
							position: absolute;
							width: 100%;
							display: none;
							z-index: 10;

							&.on{
								display: block;
							}

							li{
								float: none;
								display: block;
								width: 100%;

								a{
									padding: 25px 0px;
									display: block;
									font: 16px/20px @montserrat;
									border: none;
									border-bottom: 1px solid #c2c2c2;
									text-align: center;
									text-transform: uppercase;

									&.active{

									}
								}
							}
						}
					}

					.detalleOpcionHotel{
						border: none;
						margin: 0;

						.sliderGaleria{
							margin-bottom: 20px;
						}

						.detalles{
							padding: 0;

							.titulo{
								h4{
									font: 20px/24px @montserrat;
								}
							}

							.texto{
								p{
									font: 15px/19px @montserrat;
								}
							}
						}
					}

					.detalleOpcionHotel{

						.infoBox{
							&.amarillo{
								background-position: 20px center;
							}
							min-height: 50px;
							height: auto;
							padding: 7px 30px 7px 60px;
							box-sizing: border-box;

							p{
								font: 14px/18px @montserrat;
								font-weight: @montserrat-regular;
							}
						}

						.listadoHabitaciones{
							.banner{
								.abrir-galeria{
									top: 10px;
									bottom: inherit;
								}
								.detalles{
									position: relative;
									background: #f0ece1;
									max-width: 100%;
									top: 0;
									left: 0;
								}
							}

							.detalles-habitacion{
								i{
									display: none;
								}

								ul{
									li{
										width: 100%;
										float: none;
									}
								}
							}
						}

						&.servicios{
							padding: 20px;
						}

						.listado-servicios{

							ul{
								li{
									width: 18%;
								}
							}
						}

						.listadoBloques{
							margin: 0;

							.restaurante{
								.imagen{
									margin-bottom: 10px;
								}

								.detalles{
									p{
										font: 14px/20px @montserrat;
									}
								}
							}
						}

						.listadoPaquetes{
							.paquete{
								.imagen{
									margin-bottom: 10px;
								}
							}
						}
					}

					.botonesHotel{
						margin-bottom: 20px;
						padding: 0 15px;

						a{
							max-width: 100%;
						}
					}
				}
			}
		}

		&.hoteles-europeos{
			.cuerpo{
				padding: 15px;

				.listadoHoteles{
					.banner{
						padding: 0;
					}
				}

				.gridRoomDisplay,
				.gridBusqueda{
					.banner{
						.inner-banner{
							position: relative;
							width: 100%;
							max-width: 100%;
							top: 0;
							left: 0;

							.detalles{
								background: #f0ece1;
								padding: 0 0 10px 0;
								height: auto;
							}

							.ver-tarifas{
								margin: 0;
							}
						}
					}

					.opcionRD{
						h2{
							font: 14px/18px @montserrat;
							font-weight: @montserrat-regular;
							min-height: 21px;
							height: auto;
							margin-bottom: 10px;
						}
					}
				}

				#pasosTab{
					ul{
						li{
							width: 50%;
						}
					}
				}

				.listadoBeneficios{
					height: auto;
					clear: both;
					border-bottom: none;
					width: 100%;

					.tooltips-mobile{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;
						width: 100%;
						z-index: 10;

						.box-tooltip{
							position: absolute;
							display: none;
							margin: 0;
							padding: 10px;
							width: 100%;
							background: @blanco;
							border: 1px solid @dorado;
							top: 6px;

							&.on{
								display: block;
							}

							.close-tooltip{
								position: absolute;
								display: block;
								margin: 0;
								padding: 0;
								top: 12px;
								right: 9px;
								background: url('../images/ico-close-tooltip.png') no-repeat 0 0;
								width: 12px;
								height: 11px;
								cursor: pointer;
								z-index: 2;
							}

							h4{
								position: relative;
								display: block;
								margin: 0 0 10px 0;
								padding: 0;
								text-align: center;
								font: 18px/21px @montserrat;
								font-weight: @montserrat-bold;

								i{
									position: relative;
									display: inline-block;
									margin: 0 12px 0 0;
									padding: 0;
									background: url('../images/ico-info-tooltip.png') no-repeat 0 0;
									width: 21px;
									height: 21px;
									top: 4px;
								}
							}

							p{
								position: relative;
								display: block;
								margin: 0;
								padding: 0;
								text-align: center;
								font: 14px/16px @montserrat;
								font-weight: @montserrat-regular;
								color: #767675;
							}

							&:first-of-type{
								&:before{
									background-position: 27% top;
								}
							}

							&:last-of-type{
								&:before{
									background-position: 100% top;
								}
							}

							&:before{
								position: absolute;
								display: block;
								content: '';
								margin: 0;
								padding: 0;
								background: url('../images/ico-tooltip-mobile.png') no-repeat 64% top;
								width: 100%;
								height: 8px;
								z-index: 10;
								top: -8px;
								left: 0;
							}
						}
					}

					ul{
						overflow: visible;
						clear: both;
						display: table;
						width: 100%;

						li{
							margin: 0 2% 0 0;
							max-width: 32%;
							width: 100%;
							display: table-cell;

							&:last-of-type{
								margin: 0;
							}

							&.on{
								a{
									border-bottom: 1px solid #e7e7e7;
								}
							}

							a{
								// height: 160px;
								// min-height: 160px;
								height: 150px;
								min-height: inherit;
							}
						}
					}
				}
			}
		}

		&.beneficios-exclusive{
			.cuerpo{
				padding: 15px;
			}

			#gridBeneficios{
				.bloques{
					.bloque{
						float: none !important;
						max-width: 100% !important;
						width: 100% !important;
						height: 365px !important;

						.imagen{
							top: -25% !important;
							left: -50% !important;
						}
					}
				}
			}
		}

		&.unete{
			.cuerpo{
				padding: 15px;

				.titulo{
					h1, h2{
						text-align: left;
					}
				}

				.texto{
					padding: 0;
					p{
						text-align: left;
					}
				}

				.form-group{
					margin: 0;

					label{
						margin-bottom: 10px;
						font: 16px/20px @montserrat;
						font-weight: 700;
					}

					input, select{
						margin-bottom: 15px;
					}
				}
			}
		}

		&.contactenos{

			.only-padding-right{
				padding: 0 !important;
			}

			.cuerpo{
				padding: 15px;
			}

			.formulario-contacto{
				.form-group{
					button{
						width: 100%;
					}
				}
			}

			.formulario-novedades{
				form{
					p{
						margin-bottom: 10px;
					}
				}
			}

			.opcionesContacto{
				width: 100%;

				ul{
					width: 100%;

					li{
						float: none;
						margin: 0 0 10px 0;
						width: 100%;

						.banner{
							a{
								.detalles{
									h3{
										font: 16px/20px @montserrat;
										text-transform: uppercase;
									}
								}
							}
						}
					}
				}
			}

			.boton-fake-modal{
				width: 100%;
				margin-bottom: 5px;
			}
		}

		&.ofertas-especiales{
			.cuerpo{
				padding: 15px;
			}

			#listadoOfertas{
				.banner{
					.detalles{
						top: 10px;
						left: 10px;

						h3{
							font: 24px/28px @montserrat;
							font-weight: @montserrat-bold;
							margin-bottom: 10px;
						}

						.separador{
							margin-bottom: 10px;
						}

						.precio{
							font: 24px/28px @montserrat;
							font-weight: @montserrat-bold;
						}
					}

					.mas-info{
						left: inherit;
						top: inherit;
						right: 10px;
						bottom: 10px;
						padding: 21px 0;
						height: 60px;
						font: 16px/18px @montserrat;
						font-weight: @montserrat-regular;
						text-align: center;
					}
				}
			}

			.oferta{
				.packs{
					ul
					{
						li{
							float: none;
							width: 100%;
						}
					}
				}
				.fechas{
					padding: 5px 15px 15px 15px;
					p{
						font: 12px/16px @montserrat;
						font-weight: @montserrat-regular;
					}
				}
			}
		}

		&.mi-cuenta,
		&.mi-membresia,
		&.mi-perfil,
		&.historial-reservas,
		&.informacion-contrato,
		&.centro-pagos{

			.only-padding-right{
				padding: 0 !important;
			}

			.tabMiCuenta{
				position: relative;
				display: block;
				margin: -15px -15px 15px -15px;
				padding: 0;
				overflow: visible;
				box-sizing: border-box;
				z-index: 3;

				.tabDesplegable{
					position: relative;
					display: block;
					margin: 0;
					padding: 25px 20px;
					background: #e6e2d7;
					border-bottom: 2px solid @dorado;
					overflow: hidden;
					box-sizing: border-box;

					h1, h2{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;
						float: left;
						font: 16px/20px @montserrat;
						font-weight: @montserrat-bold;
						color: @dorado;
						text-transform: uppercase;
					}

					a{
						position: relative;
						display: block;
						margin: 0;
						padding: 0 30px 0 0;
						float: right;
						font: 16px/20px @montserrat;
						font-weight: @montserrat-regular;
						color: @dorado;
						text-transform: uppercase;
						text-decoration: none;
						cursor: pointer;

						&.on{
							&:after{
								background: url('../images/mobile/ico-desplegable-blanco-abierto.png') no-repeat 0 0;
							}
						}

						&:after{
							content: '';
							background: url('../images/mobile/ico-desplegable-blanco-cerrado.png') no-repeat 0 0;
						    width: 17px;
						    height: 12px;
						    position: absolute;
						    display: block;
						    top: 5px;
						    right: 0;
						}

					}
				}

				ul{
					position: absolute;
					display: none;
					margin: -1px 0 0 0;
					padding: 0;
					list-style: none;
					width: 100%;
					display: none;

					&.on{
						display: block;
					}

					li{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;
						float: none;
						width: 100%;

						a{
							position: relative;
							display: block;
							margin: 0;
							padding: 25px 0px;
							font: 16px/20px @montserrat;
							font-weight: @montserrat-regular;
							border: none;
							border-bottom: 1px solid #c2c2c2;
							background: #e6e2d7;
							color: #9c8238;
							text-decoration: none;
							text-transform: uppercase;
							text-align: center;

							&:hover{
								background: #9c8238;
								color: @blanco;
							}

							&.active{
								border: none;
								background: #9c8238;
								color: @blanco;
								border-bottom: 1px solid @blanco;
							}

						}
					}
				}
			}

			.cuerpo{
				padding: 15px;
			}
		}

		&.mi-cuenta{


			.carousel{
				display: none;
			}

			#BannerBig{
				.banner{
					.detalles{
						position: relative;
						top: 0;
						left: 0;
						width: 100%;
					}
				}
			}
		}

		&.mi-membresia{
			.cuerpo{
				.texto{
					ul{
						li{
							width: 100%;
						}
					}
				}
			}
		}

		&.mi-perfil{
			.cuerpo{
				#boxListadoInfo{
					.titulo{
						a.boton{
							width: 50px;
							font: 0/0 a;
						}
					}
					.btn-edit-aceptar,
					.btn-edit-aceptar{
						padding: 13px 35px;
					}

					table{
						tr{
							td{
								float: left;
								width: 100%;
								border-bottom: 1px solid #e0e0e0;

								&:last-of-type{
									border: none;
								}

								input,
								select{
									width: 100% !important;
									max-width: 100% !important;
								}
							}
						}
					}
				}

				#boxTableInfo{
					.titulo{
						h4{
							width: 100%;
						}
					}

					.view-pass{
						.box-boton-edit{
							text-align: center;
						}
					}

					.form-group{
						input{
							width: 70%;
						}
					}

					.btn-edit-aceptar,
					.btn-edit-aceptar{
						padding: 13px 32px;
					}
				}
			}
		}

		&.informacion-contrato{
			.cuerpo{
				#boxTableInfo{
					.titulo{
						h4{
							width: 100%;
						}
					}
				}

				#boxListadoInfo{
					.titulo{
						a.boton{
							font: 0/0 a;
							width: 50px;
						}
					}
				}
			}
		}

		&.centro-pagos{
			.cuerpo{
				#navTab{
					margin: -15px -15px 30px -15px;
					ul{
						li{
							width: 25%;
							margin: 0;

							&:nth-child(2),
							&:nth-child(4){
								a{
									padding-top: 30px;
								}
							}

							a{
								padding: 21px 0;
								width: 100%;
								height: 70px;
								font: 12px/16px @montserrat;
								font-weight: @montserrat-regular;

							}
						}
					}
				}

				#boxListadoInfo{
					.view-data{
						.datosPago{
							.form-group{
								img{
									display: none;
								}

								label.checkbox.tarjeta{
									height: 50px;
								}
							}
						}
					}
				}
			}
		}

		&.checkout{

			header{
				.box-menu{
					&.principal{
						.inner{
							.ham-button{
								display: none;
							}
						}
					}
				}
			}

			.only-padding-right{
				padding: 0 !important;
			}

			.sidebar{
				height: auto !important;
				padding: 15px;

				#widgetLlamamos,
				.widgetBanner{
					display: none;
				}
			}

			.cuerpo-checkout{
				padding: 15px;

				.form-group{
					margin-bottom: 0 !important;
					overflow: hidden;
				}

				input[type=text],
				input[type=tel],
				input[type=email],
				select{
					margin-bottom: 5px;
				}

				&.confirmacion{
					.opcionesEstancia{
						ul{
							li{
								width: 100%;
								margin-bottom: 15px;

								&:last-of-type{
									margin-bottom: 0;
								}

								.banner{
									a{
										.detalles{
											h3{
												font: 28px/32px @montserrat;
												font-weight: @montserrat-bold;
											}
										}
									}
								}
							}
						}
					}
				}

				.boxDetallesReserva{
					.titulo{
						padding-top: 8px;

						h4{
							font: 18px/22px @montserrat;
							font-weight: @montserrat-regular;
						}
					}

					.detalles{
						.datos{
							.especial{
								display: none;
							}

							ul{
								li{
									width: 50%;
									margin-bottom: 10px;
									padding-left: 28px !important;
								}
							}
						}

						.habitacion{
							height: auto;

							.info-habitacion{
								margin-bottom: 10px;
							}
						}

						.botones{
							text-align: center;

							a{
								width: 47%;
								padding-left: 12px;
							}
						}
					}
				}
			}
		}

		.cuerpo-checkout .preferencias-habitacion .habitacion h4,
		.cuerpo-checkout .metodo-pago .habitacion h4,
		.cuerpo-checkout .preferencias-habitacion .titulo h4,
		.cuerpo-checkout .metodo-pago .titulo h4{
			height: auto;
			max-width: 320px;
			font: 14px/22px @montserrat;
			font-weight: @montserrat-regular;
			padding: 15px 20px 15px 20px;

			span{
				&.accion{
					background-position: 90% center !important;
					top: 0 !important;
					&.abierto{
						background-position: 90% center !important;
					}
				}
			}
		}
	}

}


/* calendar */
.ui-widget-header .ui-icon {
    background: transparent url('../images/dreamplace-sprite.png') no-repeat -309px -190px;
    width: 9px;
    height: 14px;
    margin-top: 0;
}
.ui-widget-header .ui-datepicker-prev .ui-icon {
    background-position: -289px -147px;
}

#calendar-wrapper,
.calendar-wrapper {
    float: left;
    width: 100%;
    padding: 0 10px;
    position: relative;
}
#calendar-wrapper:before,
.calendar-wrapper:before {
    content: "";
//    background: transparent url(../img/dreamplace-sprite.png) -207px -250px;
    width: 26px;
    height: 14px;
    display: block;
    margin: 0 auto;
    position: relative;
    top: 2px;
}
.ui-datepicker.ui-datepicker-inline {
    width: 100% !important;
    border-radius: 0;
}
#calendar-wrapper .ui-datepicker.ui-datepicker-inline,
.calendar-wrapper .ui-datepicker.ui-datepicker-inline {
    border: none;
//    margin-bottom: 20px;
    padding-bottom: 8px;
}
.ui-widget-header {
    background: none;
    border: none;
}
.ui-widget-header {
    color: #F45A4D;
    font-size: 26px;
    font-family: 'WhitneyHTF-Condensed';
    padding-top: 8px;
    font-weight: normal;
}
#big-calendar {
    margin: 0 -3px;
}
#big-calendar .ui-widget-header {
    margin: 0 auto;
    max-width: 300px;
}
#calendar-wrapper .ui-widget-header,
.calendar-wrapper .ui-widget-header {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
}
.ui-datepicker th {
    font-size: 16px;
    color: #555555;
    font-family: 'WhitneyHTF-Condensed';
    font-weight: normal;
    width: 14.28%;
}
.ui-widget-content {
    //background: #fff;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border-color: #ccc;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    background: transparent;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    background: transparent;
    font-size: 16px;
    color: #444444;
    font-family: 'WhitneyHTF';
    font-weight: normal;
    text-align: center;
    padding: 11px 0;
}
#calendar-wrapper .ui-state-default,
#calendar-wrapper .ui-widget-content .ui-state-default,
#calendar-wrapper .ui-widget-header .ui-state-default,
.calendar-wrapper .ui-state-default,
.calendar-wrapper .ui-widget-content .ui-state-default,
.calendar-wrapper .ui-widget-header .ui-state-default{
    border: none;
}
#calendar-wrapper .ui-widget-content .date-range-selected > .ui-state-default,
.calendar-wrapper .ui-widget-content .date-range-selected > .ui-state-default {
    background: none;
    background-color: rgba(244, 90, 77, 0.6);
    background: #e0dbcc;
    color: #fff;
    position: relative;
}
#big-calendar .ui-widget-content .date-range-selected > .ui-state-default {
    background: none;
    border: none;
    box-shadow: inset 0px 0px 0px 2px #F75947;
    color: #F75947;
}
#big-calendar .ui-widget-content .date-range-selected.range-first > .ui-state-default,
#big-calendar .ui-widget-content .date-range-selected.range-last > .ui-state-default {
    box-shadow: inset 0px 0px 0px 4px #F75947;
}
#big-calendar .ui-widget-content .ui-state-default {
    border: 2px solid #ddd;
    padding: 6px 0;
    margin: 4px 3px;
    font-size: 20px;
    color: #333333;
}
@media(min-width: 768px) {
    #big-calendar .ui-widget-content .ui-state-default {
        padding: 21px 0;
        font-size: 28px;
    }
}
#big-calendar .ui-datepicker.ui-datepicker-inline {
    border: none;
    padding: 0;
}
#big-calendar .ui-datepicker th.ui-datepicker-week-end:first-child {
    padding-left: 5px;
}
#big-calendar .ui-datepicker th.ui-datepicker-week-end:last-child {
    padding-right: 5px;
}
#big-calendar .ui-datepicker th {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 5px;
}
#big-calendar .ui-datepicker th span {
    display: block;
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 5px;
    font-size: 16px;
    font-family: 'WhitneyHTF-Condensed';
    font-weight: 500;
    color: #545454;
}
#calendar-wrapper .ui-widget-content .date-range-selected.range-first > .ui-state-default,
#calendar-wrapper .ui-widget-content .date-range-selected.range-last > .ui-state-default,
.calendar-wrapper .ui-widget-content .date-range-selected.range-first > .ui-state-default,
.calendar-wrapper .ui-widget-content .date-range-selected.range-last > .ui-state-default {
    background: #F45A4D;
}
#calendar-wrapper .ui-widget-content .date-range-selected.range-first > .ui-state-default:before,
#calendar-wrapper .ui-widget-content .date-range-selected.range-last > .ui-state-default:before,
.calendar-wrapper .ui-widget-content .date-range-selected.range-first > .ui-state-default:before,
.calendar-wrapper .ui-widget-content .date-range-selected.range-last > .ui-state-default:before {
    content: "";
//    background: transparent url('../images/dreamplace-sprite.png') no-repeat -309px -149px;
    width: 5px;
    height: 25px;
    position: absolute;
    left: 5px;
    top: 9px;
}
#calendar-wrapper .ui-widget-content .date-range-selected.range-last > .ui-state-default:before,
.calendar-wrapper .ui-widget-content .date-range-selected.range-last > .ui-state-default:before {
    left: auto;
    right: 5px;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border-color: #ccc;
    background: none;
}
.ui-widget-header .ui-state-hover {
    border: none;
    background: none;
}
#calendar-wrapper .ui-datepicker td,
.calendar-wrapper .ui-datepicker td {
    border: 1px solid #CCCCCC;
    padding: 0;
}
.ui-widget-header .ui-icon {
    background: transparent url('../images/dreamplace-sprite.png') no-repeat -309px -190px;
    width: 9px;
    height: 14px;
    margin-top: 0;
}
.ui-widget-header .ui-datepicker-prev .ui-icon {
    background-position: -289px -147px;
}

@media(min-width: 768px) {
    #calendar-wrapper:before,
    .calendar-wrapper:before {
        position: absolute;
        top: -12px;
        left: 192px;
    }
    #calendar-wrapper.set-out-date:before,
    .calendar-wrapper.set-out-date:before {
        position: absolute;
        top: -12px;
        left: auto;
        right: 74px;
    }
}

.button-wrapper {
    text-align: center;
    padding: 15px 0;
    border-top: 1px solid #CCCCCC;
}
.button-wrapper .btn {
    padding: 10px 70px;
    max-width: 100%;
}

.calendar { background: #fff}

.ui-datepicker-other-month{
	border: none !important;
	background: transparent !important;
}

#calendar-wrapper .ui-datepicker td,
.calendar-wrapper .ui-datepicker td{
	background: #f1f1f2;
	font: 20px/20px @montserrat;
	font-weight: @montserrat-regular;
	height: 50px;

	span{
		color: #9c8238 !important;
		font: 20px/20px @montserrat;
		font-weight: @montserrat-regular;
	}

	a{
		color: #9c8238 !important;
		font: 20px/20px @montserrat;
		font-weight: @montserrat-regular;
	}
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
	padding: 15px 0;
}

#calendar-wrapper .ui-widget-content .date-range-selected.range-first>.ui-state-default, #calendar-wrapper .ui-widget-content .date-range-selected.range-last>.ui-state-default,
.calendar-wrapper .ui-widget-content .date-range-selected.range-first>.ui-state-default, .calendar-wrapper .ui-widget-content .date-range-selected.range-last>.ui-state-default{
	background: #9c8238;
	color: @blanco !important;

	span,
	a{
		color: @blanco !important;
	}
}

.ui-datepicker th{
	color: #000000;
	font: 11px/11px @montserrat;
	font-weight: @montserrat-regular;
	text-transform: uppercase;
	height: 35px;
}

.ui-widget-header{
	color: @dorado;
	font: 20px/20px @montserrat;
	font-weight: @montserrat-bold;
}

.ui-datepicker-year{
	font-weight: @montserrat-regular !important;
}

#calendar-wrapper .ui-datepicker.ui-datepicker-inline,
.calendar-wrapper .ui-datepicker.ui-datepicker-inline{
	background: transparent;
}

#calendar-wrapper{
	.ui-datepicker-today{
		.ui-state-default.ui-state-highlight.ui-state-active{
			border: 1px solid @dorado !important;
			color: @dorado;
		}
	}
}

.loading{
	position: fixed;
	display: none;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(255, 255, 255, 0.8);
	z-index: 100;

	&.on{
		display: block;
	}

	.detalles{
		position: absolute;
		display: block;
		margin: -50px 0 0 -150px;
		padding: 0;
		width: 300px;
		height: 100px;
		top: 50%;
		left: 50%;
		text-align: center;

		h5{
			position: relative;
			display: block;
			margin: 0 0 5px 0;
			padding: 0;
			font: 34px/38px @montserrat;
			font-weight: @montserrat-bold;
			color: @negro;
		}

		img{
			position: relative;
			display: block;
			margin: 0 auto;
			padding: 0;
		}
	}
}

.offPauseYoutube{
	position: absolute;
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1;
}



.modal-dialog{
//	width: 945px;
}
.modal-content{
	border: 5px solid @dorado;
	border-radius: 0;
}

.modal .modal-body {
    max-height: 420px;
    overflow-y: auto;
}

.modal{
	.modal-body{

		&.ok{
			background: url('../images/ico-ok-modal.png') no-repeat 30px center;
		}

		&.error{
			background: url('../images/ico-error-modal.png') no-repeat 30px center;
		}

		&.ok,
		&.error{
			min-height: 160px;
			padding: 40px 0 0 160px;

			p{
				padding: 0;
			}
		}
	}
}

#mapa{
	width: 381px;
	height: 340px;
}

.ofertas{
	padding-right: 0 !important;
	top: 50%;
	margin-top: -225px;
	.modal-dialog{
		width: 100%;
		margin: 0 auto;
	}
	.modal-content{
		border: none;
		box-shadow: none;
	}

	.modal-body{
		max-height: 550px;
	}

	#calendar-wrapper{
		float: none;
	}

	.close-modal-ofertas{
		position: absolute;
		display: block;
		margin: 0;
		padding: 0;
		background: url('../images/ico-close-modal.png') no-repeat 0 0;
		width: 30px;
		height: 28px;
		top: 23px;
		right: 45px;
		cursor: pointer;
		z-index: 10;
	}
}

.modal{
	overflow: hidden;
	.botones{
		position: relative;
		display: block;
		margin: 0;
		padding: 0;
		text-align: center;
		clear: both;

		.boton{
			position: relative;
			display: inline-block;
			margin: 0 auto;
			padding: 30px 0;
			width: 100%;
			max-width: 270px;
			height: 80px;
			text-align: center;
			font: 14px/20px @montserrat;
			font-weight: @montserrat-regular;
			background: @dorado;
			color: @blanco;
			text-decoration: none;
		}
	}

					.box-habitaciones{
						position: relative;
						display: block;
						margin: 0 auto;
						padding: 0;
						width: 100%;
						text-align: center;

						.control-habitaciones{
							position: relative;
							display: inline-block;
							margin: 0 10px;
							padding: 0;
							box-sizing: border-box;
							width: 100%;
							max-width: 200px;

							.contador{
								position: relative;
								display: block;
								margin: 0;
								padding: 33px 0;
								float: left;
								width: 60%;
								text-align: center;

								&.only-one{
									width: 100%;
								}

								h5{
									position: relative;
									display: block;
									margin: 0;
									padding: 0;
									font: 16px/18px @montserrat;
									font-weight: @montserrat-regular;
									color: @negro;
								}

								.num-habitaciones{
									position: relative;
									display: block;
									margin: 0;
									padding: 0;
									font: 80px/80px @montserrat;
									font-weight: @montserrat-regular;
									color: @dorado;
								}
							}

							.controles{
								position: relative;
								display: block;
								margin: 0;
								padding: 33px 0;
								float: left;
								width: 40%;
								text-align: center;
								height: 140px;

								a{
									position: relative;
									display: block;
									margin: 0 auto;
									padding: 0;
									width: 51px;
									height: 51px;
									text-align: center;
									font: 0/0 a;
									text-decoration: none;
									text-shadow: none;
									color: transparent;

									&.mas{
										background: url('../images/ico-mas-big.png') no-repeat 0 0;

										&.limit{
											background: url('../images/ico-mas-big-off.png') no-repeat 0 0;
										}
									}

									&.menos{
									background: url('../images/ico-menos-big.png') no-repeat 0 0;

									&.limit{
										background: url('../images/ico-menos-big-off.png') no-repeat 0 0;
									}
								}
							}
						}

						}
					}

					.box-huespedes{
						position: relative;
						display: block;
						margin: 0 auto 10px auto;
						padding: 0;
						width: 100%;
						text-align: center;

						.control-huespedes{
							position: relative;
							display: inline-block;
							margin: 0 10px;
							padding: 0;
							border: 1px solid @dorado;
							box-sizing: border-box;
							width: 100%;
							max-width: 358px;
							max-width: 330px;
							height: 188px;

							.titulo{
								position: relative;
								display: block;
								margin: 0;
								padding: 0;
								background: url('../images/ico-casa-huespedes.png') no-repeat 20px center #f2f2f2;
								height: 46px;

								h4{
									position: relative;
									display: block;
									margin: 0;
									padding: 0 0 0 50px;
									font: 14px/46px @montserrat;
									font-weight: @montserrat-regular;
									text-transform: uppercase;
									border-bottom: 1px solid @dorado;
									color: @dorado;
									text-align: left;
								}
							}

							.ocupacion{
								position: relative;
								display: block;
								margin: 0;
								padding: 0;
								width: 100%;
								height: 140px;
								overflow: hidden;

								.adultos,
								.menores{
									position: relative;
									display: block;
									margin: 0;
									padding: 0;
									width: 50%;
									height: 140px;
									box-sizing: border-box;
									float: left;
									overflow: hidden;

									.contador{
										position: relative;
										display: block;
										margin: 0;
										padding: 33px 0;
										float: left;
										width: 60%;
										text-align: center;

										h5{
											position: relative;
											display: block;
											margin: 0;
											padding: 0;
											font: 16px/18px @montserrat;
											font-weight: @montserrat-regular;
											color: @negro;
										}

										.num-adultos,
										.num-menores{
											position: relative;
											display: block;
											margin: 0;
											padding: 0;
											font: 57px/57px @montserrat;
											font-weight: @montserrat-regular;
											color: @dorado;
										}
									}

									.controles{
										position: relative;
										display: block;
										margin: 0;
										padding: 33px 0;
										float: left;
										width: 40%;
										text-align: center;
										height: 140px;

										a{
											position: relative;
											display: block;
											margin: 0 auto;
											padding: 0;
											width: 36px;
											height: 37px;
											text-align: center;
											font: 0/0 a;
											text-decoration: none;
											text-shadow: none;
											color: transparent;

											&.mas{
												background: url('../images/ico-mas-small.png') no-repeat 0 0;

												&.limit{
													background: url('../images/ico-mas-small-off.png') no-repeat 0 0;
												}
											}

											&.menos{
												background: url('../images/ico-menos-small.png') no-repeat 0 0;

												&.limit{
													background: url('../images/ico-menos-small-off.png') no-repeat 0 0;
												}
											}
										}
									}
								}

								.adultos{
									border-right: 1px solid @dorado;
								}
							}
						}
					}


}

#modalGaleria{
	.modal-body{
		max-height: inherit;
		min-height: 510px;
	}
}

#modalBeneficios{
	.modal-body{
		min-height: 600px;

		iframe{
			width: 860px;
			height: 565px;
		}
	}
}

#modalResponseForm{

	&.ok{
		.modal-body{
			background: url('../images/ico-ok-modal.png') no-repeat 30px center;
		}
	}

	&.error{
		.modal-body{
			background: url('../images/ico-error-modal.png') no-repeat 30px center;
		}
	}

	&.info{
		.modal-body{
			background: url('../images/ico-info-modal.png') no-repeat 30px center;

			p{
				a{
					color: @negro;
					text-decoration: underline;
				}
			}
		}
	}

	.modal-body{

		&.ok{
			background: url(../images/ico-ok-modal.png) no-repeat 30px center;
		}

		&.error{
			background: url(../images/ico-error-modal.png) no-repeat 30px center;
		}

		&.info{
			background: url(../images/ico-info-modal.png) no-repeat 30px center;
		}

		min-height: 160px;
		padding-top: 40px;

		p{
			position: relative;
			display: block;
			margin: 0 0 20px 0;
			padding: 0 0 0 160px;
			font: 14px/18px @montserrat;
			font-weight: @montserrat-regular;
			width: 100%;
		}
	}
}

body{

	.banner{
		a{
			&.mas-imagenes{
				position: absolute;
				display: inline-block;
				margin: 0;
				padding: 12px 15px;
				z-index: 2;
				background: rgba(255, 255, 255, 0.9);
				color: @negro;
				text-transform: uppercase;
				font: 13px/17px @montserrat;
				font-weight: 700;
				text-decoration: none;
				top: 10px;
				right: 10px;
				width: auto;

				&:before{
					content: "\f03e";
					position: relative;
					display: inline-block;
					margin: 0 10px 0 0;
					padding: 0;
					font: 14px/17px 'FontAwesome';
					color: @negro;
				}
			}
		}
	}
}


.boton-fake-modal{
	position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 210px;
    height: 60px;
    background: @dorado;
    color: @blanco;
    border: 0;
    font: 14px/60px @montserrat;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
    outline: none;

    &:hover,
    &:visited,
    &:active,
    &:focus{
    	color: @blanco;
    	text-decoration: none;
    	outline: none;
    }
}

.exposeLoad{
	position: relative;
	display: block;
	margin: 0;
	padding: 20px 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.99);
	top: 0;
	left: 0;
	z-index: 100;

	&.off{
		display: none;
	}

	img{
		position: relative;
		display: block;
		margin: 0 auto;
		padding: 0;
		/* estilos para nuevo diseno de loading
		width: 548px;
		height: 227px;*/
		width: 309px;
		height: 52px;
	}

	p{
		position: relative;
		display: none;
		margin: 0;
		padding: 0;
		text-align: center;
		font: 13px/16px @montserrat;
		font-weight: @montserrat-regular;
		text-transform: uppercase;
	}
}

.exposeLoad-ofertas{
	position: relative;
	display: block;
	margin: 0;
	padding: 20px 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.99);
	top: 0;
	left: 0;
	z-index: 100;

	&.off{
		display: none;
	}

	.imagen-texto{
		position: relative;
		display: block;
		margin: 0 auto;
		padding: 0;
		width: 396px;
		height: 227px;
		text-align: center;

		img{
			position: relative;
			display: block;
			margin: 0;
			padding: 0;
			width: auto;
			height: auto;
		}

		p{
			position: absolute;
			display: block;
			margin: 0;
			padding: 0;
			font: 16px/20px @montserrat;
			font-weight: @montserrat-bold;
			top: 20px;
			left: 0;
			width: 215px;
			text-align: left;

			strong{
				// display: block;
				color: @dorado;
				font-weight: @montserrat-bold;
			}
		}

	}

}

#masterslider{
	margin-top: -113px !important;

	&.negro{
		.ms-slide-layers{
			.ms-layer.ms-caption{
				text-shadow: 2px 1px #999;
			}
		}
	}

	.ms-slide-layers{
		max-width: 800px !important;
		height: 100% !important;
		margin: 0 0 0 -400px !important;
		left: 50% !important;
		.ms-layer.ms-caption{
			top: 60% !important;
			text-align: center;
			text-shadow: none;
			font: 26px/28px @montserrat !important;
			font-weight: @montserrat-regular;
			color: @blanco;
			width: 100%;
			letter-spacing: 20px !important;
			text-transform: uppercase;
			text-shadow: 2px 1px #555;

			h1{
				position: relative;
				display: block;
				margin: 0;
				padding: 0;
				font: 26px/28px @montserrat !important;
				font-weight: @montserrat-regular;
				color: @blanco;
				letter-spacing: 20px !important;
				text-transform: uppercase;
				text-shadow: 2px 1px #555;
			}
		}
	}
}

/* PRINT VERSION */
@media print {
	.col-md-3,
	header,
	footer,
	.formulario-unete,
	.btn-imprimir,
	.index-guide{
		display: none !important;
	}

	body.unete .box-compra .banner-mail{
		position: relative;
		display: block;
		margin: 0 0 20px 0 !important;
		padding: 0 !important;
		height: auto !important;
	}

	body #breadcrumb{
		display: none;
	}

	body .cuerpo-checkout.confirmacion .opcionesEstancia{
		display: none;
	}

	body .cuerpo-checkout.confirmacion h4{
		display: none;
	}

	.logo.print{
		position: relative;
		display: block !important;
		margin: 0 0 30px 0;
		padding: 0;
		width: auto;
		height: auto;
	}
}

body.vuelos .bloque-resultados .cuerpo-checkout .listado-tarjetas ul li.bit2me span.tarjeta,
body.vuelos .bloque-checkout .cuerpo-checkout .listado-tarjetas ul li.bit2me span.tarjeta,
body.vuelos .bloque-confirmacion .cuerpo-checkout .listado-tarjetas ul li.bit2me span.tarjeta{
  background:url(../images/tarjetas/bit2me_off.png) no-repeat 0 0;
}

body.vuelos .bloque-resultados .cuerpo-checkout .listado-tarjetas ul li.bit2me.on span.tarjeta,
body.vuelos .bloque-checkout .cuerpo-checkout .listado-tarjetas ul li.bit2me.on span.tarjeta,
body.vuelos .bloque-confirmacion .cuerpo-checkout .listado-tarjetas ul li.bit2me.on span.tarjeta{
  background:url(../images/tarjetas/bit2me.png) no-repeat 0 0;
}
body.unete .formulario-unete .metodo-pago .form-group .tarjetas a.bit2me{
	background:url(../images/tarjetas/bit2me_off.png) no-repeat 0 0
}

body.unete .formulario-unete .metodo-pago .form-group .tarjetas a.bit2me.on{
	background:url(../images/tarjetas/bit2me.png) no-repeat 0 0
}

body.centro-pagos .tarjetas a.bit2me {
	  background: url(../images/tarjetas/bit2me_off.png) no-repeat 0 0;
	  
	&.on{
		  background: url(../images/tarjetas/bit2me.png) no-repeat 0 0
		}
}

body.vuelos .bloque-confirmacion .tabla .fila .celda p.tarjeta.bit2me{
	background:url(../images/tarjetas/bit2me.png) no-repeat left center
}

@import "assets/css/src/mi-perfil"; //mi-perfil.less
@import "assets/css/src/embajador-etc"; //embajador-etc.less
@import "assets/css/src/recuperar"; //recuperar.less
@import "assets/css/src/vuelos"; //vuelos.less
@import "assets/css/src/restyle"; //restyle.less