<style>


.BG_PUNTITOS{ background: #f0f0f0 url("/img/grafica/bg-puntitos.svg") !important; }

.SEPARADOR{
	width: 40px !important;
	height:3px;
	margin: auto;
	background: #f1c018;
	display: inline-block;
	margin-top:30px !important;
	margin-bottom:30px !important;
	border: 1px dashed red;
}

.CARGAR{
	border: 1px dashed red;
	display:block !important; 
	-webkit-transition: all .5s ease-in-out  !important;
	-moz-transition:    all .5s ease-in-out !important;
	-ms-transition:     all .5s ease-in-out !important;
	-o-transition:      all .5s ease-in-out !important;
	transition:         all .5s ease-in-out !important;
}
.animado{
	-webkit-transition: all .5s ease-in-out;
	-moz-transition:    all .5s ease-in-out;
	-ms-transition:     all .5s ease-in-out;
	-o-transition:      all .5s ease-in-out;
	transition:         all .5s ease-in-out;
}


/*************************/
/***		FUENTES		********/
/************************/
	.UPPERCASE{ text-transform: uppercase;}
	.last{ margin-bottom:0 !important; padding-bottom:0 !important;}
	#LOGO-PRINCIPAL{ float: right }


	.sombra-top-inner{
		-webkit-box-shadow: inset 0px 5px 5px 0px rgba(0,0,0,0.4);
		-moz-box-shadow: inset 0px 5px 5px 0px rgba(0,0,0,0.4);
		box-shadow: inset 0px 5px 5px 0px rgba(0,0,0,0.4);
	}
	
	.sombra-bottom-outer{
		-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.4);
		-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.4);
		box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.4);
	}
	
	.NEGRITA, .BOLD, .negrita, .bold, .strong, .STRONG{ font-weight: 600;}


/***********************************/
/*******		COMUNES			************/
/***********************************/

	main{ max-width: 100%; }
	body:not(#home) main{ padding-top: 80px; padding-bottom: 80px; }


	div.row{ max-width:100%;margin:0;}
	section{ max-width:100%; }
	section.padding{ padding-top:20px; padding-bottom:20px; }
	
	.text-medium{font-size: 22px;}
	
	h1{ text-align: center; }

	h2{ 
		padding-top: 40px;
		padding-bottom: 40px;
		margin-bottom:0; 
		font-weight: 400 !important;
		color:#438fe6;
		font-size: 32.5px;
		line-height: 1em;
		text-align: center;
	}
	.home h2{
		padding-top: 40px;
		padding-bottom: 20px;	
	}

	.TITULO-DIAGONAL{
		font-family: 'GilroyBlack', Helvetica, sans-serif !important;
		color: #f1c018;
		text-align: center;
		line-height:1em;
		font-weight: 900;
		font-size: 30px;
	}

	@media(min-width:992px){
		.TITULO-DIAGONAL{ display: block; font-size: 48px; }
	}
	
	.CTA{ 
		font-family: 'GilroyBlack';
		padding: 9px 35px !important; 
		background: #f1c018;
		color: #fff; 
		border-radius: 30px;
		font-size: 20px;
		display: inline-block;
		font-weight: 400;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition:    all .2s ease-in-out;
		-ms-transition:     all .2s ease-in-out;
		-o-transition:      all .2s ease-in-out;
		transition:         all .2s ease-in-out;
	}
	.CTA:hover{ color: #ccc}
	
	@media(min-width: 992px){
		.CTA{ padding: 10px 37px !important; font-size: 24px;}
	}
	#LOGO_OSCURO{ visibility:hidden; }


	@media (max-width: 910px){
		.container{ width:100% !important; }
	}
	
	#ENCABEZADO-PAGINA{ padding-top: 20px;padding-bottom: 35px;background:#f4f4f4; background-image: url(/img/grafica/dibujitos.svg);background-size: 180px;  }
	#ENCABEZADO-PAGINA h1{line-height:1em; font-size: 36px; margin-bottom:0; color: #f1c018}
	
	.dibujitos{ background:#f4f4f4; background-image: url(/img/grafica/dibujitos.svg);background-size: 180px; }

	/*--- VIDEOS	--- */
		.rowConVideo{ max-width:100%; overflow:hidden;}

		.VIDEO-PLAYER{ position: relative; z-index:2; height: 100%:}
		.degradado-transparente{
			position: absolute;
			z-index:0;
			width:100%;
			height:100%;
			background: rgba(241, 192, 24,0.75);
			background: -moz-linear-gradient(top, rgba(241, 192, 24,0.75) 0%, rgba(67,143,230,0.65) 56%, rgba(67,143,230,0.85) 100%);
			background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(241, 192, 24,0.75)), color-stop(56%, rgba(67,143,230,0.65)), color-stop(100%, rgba(67,143,230,0.85)));
			background: -webkit-linear-gradient(top, rgba(241, 192, 24,0.75) 0%, rgba(67,143,230,0.65) 56%, rgba(67,143,230,0.85) 100%);
			background: -o-linear-gradient(top, rgba(241, 192, 24,0.75) 0%, rgba(67,143,230,0.65) 56%, rgba(67,143,230,0.85) 100%);
			background: -ms-linear-gradient(top, rgba(241, 192, 24,0.75) 0%, rgba(67,143,230,0.65) 56%, rgba(67,143,230,0.85) 100%);
			background: linear-gradient(to bottom, rgba(241, 192, 24,0.75) 0%, rgba(67,143,230,0.65) 56%, rgba(67,143,230,0.85) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003c6a', endColorstr='#e31c79', GradientType=0 );
		}
		.descargando-video{
			font-family: "GilroyBlack";
			font-size: 30px;
			line-height:1em;
			position:absolute;
			z-index: 1;
			width:100%;
			text-align: center;
			top:50%;
			background: transparent;
			color: white; 
			display: none !important; 
			margin-top:-70px; 
		}
		.BG-VIDEO-IMG{ position: absolute; width: 100%; height: 100%}
		
		a.playButton{ 
			z-index:99;
			position: absolute;
			top: calc(50% - 98px);
			left: calc(50% - 98px);
			display: none; 
			color: #FFF; 
			font-size: 200px;
			cursor: pointer;
		}
		a.soundedButton{ 
			position: absolute;
			z-index:3;
			bottom: 10px;
			right: 10px;
			display: none;
			cursor: pointer;
			text-align: center;
			font-size: 30px !important;
			cursor: pointer;
			color: #FFF; 
		}
		a.mutedButton{ 
			position: absolute;
			z-index:3;
			bottom: 10px;
			right: 10px;
			display: none;
			cursor: pointer;
			text-align: center;
			font-size: 30px !important;
			cursor: pointer;
			color: #FFF; 
		}

		.transparencia{
			position: absolute;
			width:100%; height: 100%;
			background: rgba(0,60,106, 0.25);
			top:0; left:0;
			z-index:3;
		}

		.transparencia.transparente{
			background: transparent !important;
		}

	/* ----		PAGINAS DE RESPUESTA (FORMS)	--------- */
		.pag-respuesta #ENCABEZADO-PAGINA{ padding-bottom: 0 }
		.pag-respuesta .contenedor{ max-width:550px; margin: auto auto !important }
		.pag-respuesta .datos-cliente{ background: #eee; padding-top:40px; padding-bottom:40px;text-align: center; }
		.pag-respuesta .datos-cliente > span{ text-align: left; display: inline-block }
		.pag-respuesta .datos-cliente span span{ color: #f1c018 }
		

	/* ----		SUBMENÚ CUADRADOS EN EL BODY	----	*/
		.SUBMENU-BODY .container{	max-width: 980px; }
		.SUBMENU-BODY .item{ background: #f1f1f1; border: 2px solid white; padding:0; text-align: center;}
		.SUBMENU-BODY a{ 
			color: #222;
			display:block; 
			width:100%; 
			height:100%;
			padding: 45px 15px; 
			text-transform: uppercase; 
			-webkit-transition: all .2s ease-in-out !important;
			-moz-transition:    all .2s ease-in-out !important;
			-ms-transition:     all .2s ease-in-out !important;
			-o-transition:      all .2s ease-in-out !important;
			transition:         all .2s ease-in-out !important;
		}
		.SUBMENU-BODY .separador{ margin-top: 5PX; width: 40px; background-color: #438fe6;margin-bottom:30px}
		.SUBMENU-BODY i{ font-size:45px; color: #f1c018}

		.SUBMENU-BODY a:hover{ background: #438fe6;color: #FFF }
		.SUBMENU-BODY a:hover i{ color: #FFF; }
		.SUBMENU-BODY a:hover .separador{ color: #FFF;  background-color: #f1c018}
	

	/*--- PAGINAS GENERALES*/
		.TEXT-BLOCK{ text-align: center; padding: 60px;background: white }
		.TEXT-BLOCK h1{ font-size:28px; line-height:1.2em;max-width:500px;text-align: left }
		.TEXT-BLOCK p{max-width: 500px; margin: auto auto;text-align: justify }

		@media(max-width: 767px){
			.TEXT-BLOCK{ padding: 60px 40px;}
		}
		.TEXT-BLOCK.AZUL{ background: #438fe6; }
		.TEXT-BLOCK.AZUL h1{ color: white;}
		.TEXT-BLOCK.AZUL p{ color: white;}

		@media(max-width: 991px){			
			.TEXT-BLOCK.AZUL{ background: #F0F0F0;}
			.TEXT-BLOCK.AZUL h1{ color: #438fe6 !important; }
			.TEXT-BLOCK.AZUL p{ color: #818181; }
		}

		/*************************************/
		/*******	IDENTIDAD FAMILY		*************/
		/***********************************/

			

			.TIT-RAYITAS{display: inline-block; }
			.TIT-RAYITAS div{display: inline-block; }
			.TIT-RAYITAS img{width: auto; height: 45px;  }

			.ONDAS-COLOR-BR{
				background-image: url('/img/grafica/ondas-amarillas-bottom-right.svg') !important; 
				background-size: 130px !important;
				background-position: bottom right !important;
				background-repeat: no-repeat !important
			}
			.ONDAS-BLANCAS-BR{
				background-image: url('/img/grafica/ondas-blancas-bottom-right.svg') !important; 
				background-size: 130px !important;
				background-position: bottom right !important;
				background-repeat: no-repeat !important
			}

			.ONDAS-BLANCAS-TL{
				background-image: url('/img/grafica/ondas-blancas-bottom-right.svg') !important; 
				background-size: 130px !important;
				background-position: top left !important;
				background-repeat: no-repeat !important;
				width: 130px;
				height: 128px;
				position: absolute;
				top: 0;
				left: 0;
				transform: rotate(180deg);
			}
			.ONDAS-COLOR-TR{
				background-image: url('/img/grafica/ondas-amarillas-bottom-right.svg') !important; 
				background-size: 130px !important;
				background-position: top left !important;
				background-repeat: no-repeat !important;
				width: 130px;
				height: 130px;
				position: absolute;
				top: 1px;
				right: -16px;
				transform: rotate(270deg);
			}
			.ONDAS-COLOR-TL{
				background-image: url('/img/grafica/ondas-amarillas-bottom-right.svg') !important; 
				background-size: 130px !important;
				background-position: top left !important;
				background-repeat: no-repeat !important;
				width: 130px;
				height: 128px;
				position: absolute;
				top: -20px;
				left: 0;
				transform: rotate(180deg);
			}
/***********************************/
/*******		FORMULARIOS		**********/
/***********************************/
	#VALIDA_ROBOTS,
	#VALIDA_ROBOTS2{position:absolute;visibility:hidden }
	
	.formulario{ max-width: 600px; margin: auto auto; }
	.formulario div{ position: relative; }
	
	.formulario a{ color: #f1c018 !important; }

	.formulario input,
	.formulario textarea,
	.formulario select{ 
		background: #fff;
		border-radius: 4px; 
		padding-left:10px;
		padding-right:10px;
	}

	#FORM_RESERVAS input,
	#FORM_RESERVAS textarea,
	#FORM_RESERVAS select{ 
		color: #BBB !important;
	}
	
	button{ border: none !important;}
	.formulario label.error{
		font-weight:300;
		font-size: 12px;
		padding-left: 10px;
		margin-top:-7px
		text-align: left;
		width: 100%
	}

	#VALIDA_ROBOTS,
	#VALIDA_ROBOTS2{left:0; width:10px;}

	#POLITICA-PRIVACIDAD{ display: inline-block; margin-bottom:20px; width: 100%	}
	#POLITICA-PRIVACIDAD input{ 
		position: relative;
		top:0px;
		width:18px !important;
		max-width:18px !important;
		height:18px;
		margin-right:4px;
		float: left !important; } 


	#POLITICA-PRIVACIDAD label{
		float: right;
		width: calc(100% - 35px) !important;
	}
	#POLITICA-PRIVACIDAD label.error{
		color: black;
		font-weight: 600;
		display: inline-block;
		float: left;
		width: calc(100% - 40px);
		margin-bottom:0;
		margin-top:5px;
		margin-left:25px;
		white-space: nowrap;
		position: relative !important;
		color:red
	}

/**********	modals	*************/
	
	.modal.fade {position: auto;z-index: 999999 !important; }
	.modal-dialog{ 
		min-width: 60vw !important;
		margin-top: 20px !important;
		position: auto;
		z-index: 999999 !important; 
		width:80%;
		max-width:800px;
	} 
	.modal-content{background:#438fe6}
	
	@media(max-width: 767px){
		.modal-dialog{ width:90% !important; margin: auto auto !important; margin-top: 30px !important;}
	}
	

	.modal-body{ padding-top:30px;padding-bottom:20px;}
	
	.modal-title{
		text-align: center;
		font-weight:300;
		padding-top:25px !important;
		padding-bottom: 15px;
		color: white !important
	}
	.modal-footer{ text-align: center}

	.CTA-MODAL{
		border: 1px solid #f1c018; 
		border-radius:40px;
		background: #f1c018;
		color: #fff;
		padding: 5px 25px;
		display:inline-block; 
		margin-top:20px; 
		cursor: pointer; 
		float: none;
		margin: auto auto;
	}
	
	#MODALS-GALERIAS h3{color:#fff !important; font-size:30px;}
	#MODALS-GALERIAS .titulo_modal span{color: #f1c018 !important;}
	#MODALS-GALERIAS .subtitulo p{ color: #fff !important;text-align: center; font-size: 20px;margin-top: -20px }

	#MODALS-GALERIAS .LISTADO-FECHAS a{ color: #eee !important;display: block; }
	
	#MODALS-GALERIAS .modal-dialog{ min-width:320px !important; }
	#MODALS-GALERIAS .CALENDARIOS-ALBUMES{ text-align: center; padding-top:40px;}
	#MODALS-GALERIAS .CALENDARIOS-ALBUMES > div{ margin-bottom: 40px; padding-left:0;padding-right:0}
	#MODALS-GALERIAS .dia{
			width: 40px; 
			height: 40px; 
			line-height: 32px;
			display: inline-block;
			color: #fff; 
			text-align: center;
			border: 1px solid #eee;
			margin:3px;
			padding:4px;
		}
		#MODALS-GALERIAS .otromes{
			color: #787878; 
			margin-left: 3px;
			margin-right:3px;
			border-color: #787878;
		}
		#MODALS-GALERIAS .dia.selected span{ background: #f1c018; border-radius: 50%; display: block; width: 100%; height: 100%}
		#MODALS-GALERIAS .dia:hover{ text-transform: none; color:#fff}

		@media(min-width:992px){
			#MODALS-GALERIAS .modal-dialog{ 
				width: 820px !important;
				min-width: 820px !important;
			} 
		}
		@media(max-width:428px){
			#MODALS-GALERIAS .dia{
				width: 34px; 
				height: 34px; 
				line-height: 29px;
			}
		}
		@media(max-width:348px){
			#MODALS-GALERIAS .dia{
				width: 30px; 
				height: 30px; 
				padding:2px;
				line-height: 26px;
			}
		}

/********************** ****************/
/**************	HOME	 ****************/
/**************************************/

	/* ----		HERO  ---- */
		.perspective-line{
			transform: skew(0deg, -3deg) scaleY(1);
			position: relative;
			z-index:2
		}
		
		#HERO-VIDEO h1{ position: relative; z-index:99;text-shadow: 3px 3px 15px rgba(0, 0, 0, 0.5);}

		#HERO-VIDEO .perspective-line span{ display: block;text-transform: uppercase; line-height: 1em;letter-spacing: -0.02em; }
			
		#HERO-VIDEO .perspective-line .uno,
		#HERO-VIDEO .perspective-line .dos{
			color: #f1c018		}

		#HERO-VIDEO .perspective-line .uno{	font-weight: 900; font-size: 120px; margin-left:-4px;}
		#HERO-VIDEO .perspective-line .dos{	font-weight: 600; font-size: 80px;margin-top: 4px;}
		#HERO-VIDEO .perspective-line .tres{	font-weight: 900; font-size: 120px;margin-left: 2px; color: white;}

		@media(max-width: 681px){
			#HERO-VIDEO .perspective-line .uno{	font-size: 105px;}
			#HERO-VIDEO .perspective-line .dos{	font-size:   70px;}
			#HERO-VIDEO .perspective-line .tres{	font-size: 105px;}

		}
		@media(max-width: 614px){
			#HERO-VIDEO .perspective-line .uno{	font-size: 90px;}
			#HERO-VIDEO .perspective-line .dos{	font-size:   60px;}
			#HERO-VIDEO .perspective-line .tres{	font-size: 90px;}

		}
		@media(max-width: 480px){
			#HERO-VIDEO .perspective-line .uno{	font-size: 70px;}
			#HERO-VIDEO .perspective-line .dos{	font-size:   45px;}
			#HERO-VIDEO .perspective-line .tres{	font-size: 70px;}

		}
		
			
		#HERO-VIDEO{
			width: 100%;
			position: relative;
			Z-INDEX:9 !IMPORTANT;
			z-index:3 !important;
			text-align: center;
			height: calc(100vh - 215px); 
			min-height: 540px;
			overflow: hidden;
			background: rgba(0,0,0,0.4);
			background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.4) 0%, rgba(255,255,255,0) 100%);
			background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0,0,0,0.4)), color-stop(100%, rgba(255,255,255,0)));
			background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.4) 0%, rgba(255,255,255,0) 100%);
			background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0.4) 0%, rgba(255,255,255,0) 100%);
			background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0.4) 0%, rgba(255,255,255,0) 100%);
			background: radial-gradient(ellipse at center, rgba(0,0,0,0.4) 0%, rgba(255,255,255,0) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff', GradientType=1 );
			
		}

		#BG-HERO-HOME{ 
		background-image: url("/img/grafica/poster-video2.jpg"); 
		background-size: cover; 
		background-position: 50% 50%; 
		position: absolute;
		top:0;
		left:0;
		width:100%; 
		height: calc(100vh - 215px); 	
		min-height: 540px; 
		z-index:-1;
	}
	@media(max-width: 580px){
		#BG-HERO-HOME{ background-image: url("/img/grafica/poster-video2.jpg"); background-size: cover; background-position: 50% 50%; }	
	}

	#HERO-VIDEO{ overflow-x: hidden !important;}
	
	
	.transparente{ background: rgba(255,255,255,0) !important; }

	.desaparecido{ 
		position:absolute;
		bottom: 0px;
		left:0;
		width:100%;
		text-align: left;
		line-height:1.5em;
		z-index:1;
		background: rgba(0,0,0,0);
		background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.21) 34%, rgba(0,0,0,0.35) 56%, rgba(0,0,0,0.56) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(34%, rgba(0,0,0,0.21)), color-stop(56%, rgba(0,0,0,0.35)), color-stop(100%, rgba(0,0,0,0.56)));
		background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.21) 34%, rgba(0,0,0,0.35) 56%, rgba(0,0,0,0.56) 100%);
		background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.21) 34%, rgba(0,0,0,0.35) 56%, rgba(0,0,0,0.56) 100%);
		background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.21) 34%, rgba(0,0,0,0.35) 56%, rgba(0,0,0,0.56) 100%);
		background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.21) 34%, rgba(0,0,0,0.35) 56%, rgba(0,0,0,0.56) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
	}

	.desaparecido .uno{ font-size:80px !important;line-height:1.5em; color:white !important}
	.desaparecido .dos{ font-size: 39px !important;line-height: 2.2em; margin-left:-2px;display:block; color:white !important; padding-top:4px;}
	.desaparecido .tres{ font-size:30px !important;color:#f1c018 !important;line-height:1.5em; margin-left:-2px !important;display:none !important; }
	
	@media(max-width: 414px){
		.desaparecido .uno{ font-size:60px !important;}
		.desaparecido .dos{ font-size: 30px !important;}
	}
	@media(max-width: 350px){
		.desaparecido .uno{ font-size:51px !important;}
		.desaparecido .dos{ font-size: 25px !important;}
	}


	/*	----		VIAJE DESDE			---- */
		
		#VIAJE_DESDE{ 
			padding-top: 80px; 
			padding-bottom: 20px;
			background: #fff;
			position: relative;
			z-index:4;
		}
		#VIAJE_DESDE span{ 
			display: inline-block !important;
			font-weight: 400;
		}

		#VIAJE_DESDE .col-left{ padding: 0; text-align: left; width: 95px;position: relative; top: -8px;}
		
		#VIAJE_DESDE .precio{ font-size: 75px;}
		#VIAJE_DESDE .euro{ font-size: 40px;position: relative;top: -40px;}
		#VIAJE_DESDE .can-noches{ font-size: 30px; width:100%}
		#VIAJE_DESDE .desde{ font-size: 25px;width:100%;position: relative;padding-left: 15px}
		#VIAJE_DESDE p{ color:#fff !important; font-size: 13px; margin-bottom:0;}

		.triangle-color path{ fill: #f1c018; }
		.triangle-color svg{ height: 50px !important; }

		@media(min-width: 681px){
			.triangle-color svg{ height: 75px !important; }
			#VIAJE_DESDE{ padding-bottom: 10px;}

			#VIAJE_DESDE .precio{ font-size: 95px;}
			#VIAJE_DESDE .euro{ font-size: 40px;position: relative;top: -40px;}
			#VIAJE_DESDE .can-noches{ font-size: 30px; width:100%}
			#VIAJE_DESDE .desde{ font-size: 25px;width:100%;position: relative; padding-left:15PX;}
			#VIAJE_DESDE p{ font-size: 17px}
		}

		@media(min-width: 1181px){
			.triangle-color svg{ height: 70px !important; }
			#VIAJE_DESDE{ 
				padding-top: 120px; 
				padding-bottom: 0px;
				background: #fff;
			}
			#VIAJE_DESDE .can-noches{ 
				font-size: 80px; 
				width:100%;
				position: relative; 
				top: -40px; 
				min-width: 290px;
				text-align: center;
			}
			#VIAJE_DESDE .precio{ font-size: 100px;}
			#VIAJE_DESDE .euro{ font-size: 40px;position: relative;top: -40px;}
			#VIAJE_DESDE .desde{ font-size: 25px;width:100%;position: relative;}
			#VIAJE_DESDE p{ font-size: 17px; padding-left: 40px; padding-top:10px}
			
			#VIAJE_DESDE .col-left{ text-align: right; right: -20px; top: -20px }
		}
		#VIAJE_DESDE_DIAGONAL{ margin-top:-1px; }

	/* ----		FORMULA		---------- */
		
		#FORMULA{ padding-top: 120px;	margin-top: -120px;padding-bottom: 40px;background: #f0f0f0 url("/img/grafica/bg-puntitos.svg");text-align: center}
		#FORMULA h2{ line-height: 1.1em;}

		#FORMULA p{ margin: auto auto; }
		@media(min-width: 681px){ 
			/* para fusionar con las diagonales de arriba */
			#FORMULA{ text-align: center; padding-top: 83px; margin-top: -83px;}
		}
		@media(min-width: 1181px){
			/* para fusionar con las diagonales de arriba */
			#FORMULA{ text-align: center; padding-top: 120px; margin-top: -108px;}
		}
		
		#FORMULA .TITULO-DIAGONAL{padding-bottom: 22px;}
		#FORMULA .TITULO-DIAGONAL span{  margin-top:35px;display: inline-block;  }
		#FORMULA .TITULO-DIAGONAL .organizado{ margin-top:0;display: block }

		#FORMULA .item-formula:first-child{ padding-top: 10px; }
		#FORMULA .item-formula{ padding-left: 20px;padding-right: 20px; }
		
		#FORMULA .CANCELACION{ 
			font-family: 'GilroyBlack', Helvetica, sans-serif !important; 
			font-size: 19px !important; text-align: center; margin: auto auto;font-weight: 400; 
			margin-top: 10px;}

		#FORMULA p{ padding: 0 20px 20px 20px;	max-width: 320px;}
		
		#FORMULA .MAS{ position: relative; width:100%; text-align: center; }
		#FORMULA .MAS span{
			width: 50px;
			height: 50px;
			font-size: 50px;
			line-height: 50px;
			font-weight:400;
			color:#fff;
			border-radius:50%;
			display: inline-block;
			background:#f1c018;
		}
		
		@media(max-width: 991px){
			#FORMULA .item-formula{ float: none;}
		}
		@media(min-width: 992px){
			#FORMULA .row{ margin-bottom:0}
			#FORMULA .MAS{width:0px; float:left; position:relative; }
			#FORMULA .MAS span{ width: 36px; height: 36px; font-size: 36px; line-height: 36px;position:absolute; top: calc(50% - 25px) !important; left:-25px !important; }
			.MAS.IGUAL{ display: none; }
			
			#FORMULA .CTA{ margin-top: 30px; }
			#FORMULA .CANCELACION{ font-size:16px; }
		}
		@media(max-width: 330px){
			#FORMULA .TITULO-DIAGONAL .GilroyBlack{ font-size: 28px; }
		}

		@media(min-width:992px) and (max-width: 1200px){
			#FORMULA .CONTENIDO .container{ padding:0; width: 100%}
			#FORMULA .CONTENIDO h2{ font-size: 28px;}
		}

	/* ----		TODO ORGANIZADO (ICONOS)	------------ */
		#TODO {padding-bottom: 60px;}
		@media(min-width: 992px){
			#TODO {padding-top: 40px;}
		}
		#TODO .TITULO-DIAGONAL{ padding-top:60px; padding-bottom:60px; }
		
		#TODO .ICONOS a{
			font-family: "GilroyBlack", Helvetica, sans-serif;
			display: block;
			position: relative;
			z-index:0;
			color:#438fe6;
			font-weight: 600;
			font-size: 14px;
			font-weight: 400; 
			line-height: 1em;
			padding-bottom: 30px;
		}
		#TODO .ICONOS a span{ font-weight: 600; }

		@media(max-width: 340px){
			#TODO .ICONOS a{ font-size: 12px; }
			#TODO .ICONOS .col-xs-4{ padding:0; }
		}
		@media(min-width: 514px){
			#TODO .ICONOS a{ font-size: 15px; }
		}
		#TODO .ICONOS .asterisco{ 
			width: 35px;
			height: 35px;
			top: 15%;
			right: -6%;
			border-radius: 50%;
			position: absolute;
			z-index: -1;
			background:#f1c018;
			background-image: url(/img/grafica/asterisco.png);
			background-position: center center;
			background-repeat: no-repeat;
			background-size: 55%
		}
		@media(max-width: 480px){
			#TODO .ICONOS .asterisco{ 
				width: 30px;
				height: 30px;
				top: 13%;
				right: -7%;
			}
		}
		@media(max-width: 414px){
			#TODO .ICONOS .asterisco{ 
				width: 25px;
				height: 25px;
			}
		}
		@media(max-width: 380px){
			#TODO .ICONOS .asterisco{ 
				top: 10%;
				right: -10%;
			}
		}
		@media(max-width: 340px){
			#TODO .ICONOS .asterisco{ 
				width: 20px;
				height: 20px;
				top: 14%;
				right: 0%;
			}
		}
	
	/* ----		BANNER RESERVA POR 29	---------------- */
		.BANNER{
			min-width: 320px;
			background-image: url("/img/banner-apartamentos.webp");
			background-size: cover;
			background-repeat: no-repeat;
			background-position: bottom center;
			height: 100%;
			text-align: center;
		}

		.BANNER > .row{
			padding-top: 60px;
			padding-bottom: 60px;
			background: rgba(241, 192, 24, 0.9);
		}
		@media(min-width:1200px){
			.BANNER > .row{
				padding-top: 80px;
				padding-bottom: 80px;
			}
		}
		
		.BANNER .TITULO-DIAGONAL{
			color: white;
			font-size:35px;
			line-height:1em;
			padding-top:30px;
			padding-bottom:40px;
		}
		
		.BANNER .CTA{ 
			color: #f1c018; 
			background: #fff;
		}

		
	/* ----		EXTRAS (BOAT)			---------------------- */

		#_EXTRAS {padding-bottom: 60px;}

		@media(min-width: 992px){
			#_EXTRAS{	padding-bottom: 120px;}
		}
		
		#EXTRAS .TITULO-DIAGONAL{
			padding-top:60px;
			padding-bottom:60px;
		}
		@media(min-width: 992px){
			#EXTRAS .TITULO-DIAGONAL{
				padding-top:60px;
				padding-bottom: 70px;
				
			}
		}
		#EXTRAS h3{ 
			color: #438fe6;
			font-size: 28px;
			line-height:1.1em;
			font-weight: 900;
			position: relative;
			z-index:1;
			padding-left: 0 !important;
			text-align: center;

		}
		#EXTRAS .TEXTO .CTA{ margin-top: 30px }

		@media(max-width: 1110px){
			#EXTRAS h3{ font-size: 24px;}
			#EXTRAS .TEXTO .CTA{ margin-top: 15px }
		}

		#EXTRAS p{ padding-left: 28px; }
		
		#EXTRAS .TEXTO{
			position: relative; 
			z-index: 1;
			max-width: 570px;
			margin: auto auto !important;
			text-align: left;
			padding-bottom:
		}
		
		@media(max-width: 768px){
			#EXTRAS .TEXTO{
				padding-bottom:40px
			}
		}
		

	/* ----		EXPERIENCIA ÚNICA	---------------- */

		#EXPERIENCIA-UNICA.BANNER{
			background-image: url("/img/viaje-experiencia-salou.jpg") !important;
			background-position: top center
		}	
		#EXPERIENCIA-UNICA img{ width: 180px;}
		#EXPERIENCIA-UNICA .TITULO-DIAGONAL{ margin-top:-30px; line-height: 1.3em}

		#EXPERIENCIA-UNICA .TITULO-DIAGONAL .vive{ font-size: 24px;}
		#EXPERIENCIA-UNICA .TITULO-DIAGONAL .vive span{ font-size: 32.5px;}
		#EXPERIENCIA-UNICA .TITULO-DIAGONAL .experiencia{ font-size: 38px;}
		#EXPERIENCIA-UNICA .TITULO-DIAGONAL .diferente{ font-size: 65px;}

		@media(min-width: 992px){
			#EXPERIENCIA-UNICA img{ width: 255px;}
			#EXPERIENCIA-UNICA .TITULO-DIAGONAL .vive{ font-size: 40px;}
			#EXPERIENCIA-UNICA .TITULO-DIAGONAL .vive span{ font-size: 40px;}
			#EXPERIENCIA-UNICA .TITULO-DIAGONAL .experiencia{ font-size: 45px;letter-spacing: 0.05em; padding-left:5px;}
			#EXPERIENCIA-UNICA .TITULO-DIAGONAL .diferente{ font-size: 78px;line-height: 1.1em;padding-left:5px;}
		}
		
	/* ----		COMENTARIOS		------------------- */
		#TRAYECTORIA{ padding-top:100px; padding-bottom:100px; }
		#TRAYECTORIA .elemento-centrado{ width: 100% !important; margin: auto auto }
		#TRAYECTORIA .TITULO-DIAGONAL{ font-size: 30px;}
		
		#COMENTARIOS .swiper-slide{ padding-top: 60px; padding-bottom: 25px; text-align: center}
		#COMENTARIOS .swiper-pagination-bullet-active{ background: #f1c018 }

		#COMENTARIOS p.comentario{ 
			font-family: "GilroyExtraBold"; 
			font-size: 21px; 
			max-width: 280px;
			position: relative; 
			margin: auto auto;
			padding-bottom: 45px; 
		}
		#COMENTARIOS .comillas-left{ 
			color: #f1c018; 
			font-family: "GilroyBlack"; 
			font-size: 78px;
			position: absolute; 
			margin-left: -40px;
		}
		#COMENTARIOS .firma{ font-size: 18px; color: #438fe6}
		
		@media(min-width: 992px){
			#TRAYECTORIA .TITULO-DIAGONAL{ font-size: 48px;}
			#COMENTARIOS p.comentario{ font-size: 27px; max-width: 350px;} 
		}

		#COMENTARIOS .CTA{ margin-top: 50px;}

/*********************************/
/*	------	SOMOS		------------------- */
/********************************/
	
	#QUIENES-SOMOS .BG_PUNTITOS{
		text-align: center;
		padding-top: 40px;
		padding-bottom: 40px; 
		margin-bottom: 40px;
	}
	#QUIENES-SOMOS .BG_PUNTITOS > div{
		max-width:550PX; margin: auto auto; text-align: left;
	}
	
	@media(max-width: 767px){
		#QUIENES-SOMOS .BG_PUNTITOS {padding: 20px; }
		#QUIENES-SOMOS .BG_PUNTITOS span{ display: block; }
	}

/******************************/
/*	------	BOAT PARTY		*********/
/******************************/
		#BOAT-PARTY .TEXTO{ text-align: center; background: #438fe6; padding: 40px; }
		#BOAT-PARTY .TEXTO p{max-width: 600px; margin: auto auto; text-align: center;color: #fff;padding-bottom: 20px; }
		@media(max-width: 991px){
			#BOAT-PARTY .TEXTO{ padding-top: 0; background: white;margin-top:-30px; }
			#BOAT-PARTY .TEXTO p{ color: #818181; }
		}
		
		#BOAT-PARTY .BG-VIDEO-IMG{
			background-image: url("/img/funBoatPartySalou.jpg");
			background-position: 50% 50%;
			background-size: cover;
		}
		#BOAT-PARTY .VIDEO{ padding:0; }
		#BOAT-PARTY .VIDEO > div{ width: 100%; min-height: 500PX; }

/******************************/
/*	------	DISCOTECAS		*********/
/******************************/

		#discotecas main{padding-bottom:0 !important} 
		#SALOU{ max-width: 100% !important; overflow: hidden !important}

		/* ---  Encabezado página ---*/
			#SALOU #ENCABEZADO-PAGINA{ padding-top:60px;	padding-bottom:80px;	}
			#SALOU #ENCABEZADO-PAGINA .linea1{ font-size: 69px;line-height:1em}
			#SALOU #ENCABEZADO-PAGINA .linea2{ font-size: 52px;line-height:1.1em}
			
			@media(max-width: 991px){
				#SALOU #ENCABEZADO-PAGINA .linea1{ font-size: 60px;line-height:1em}
				#SALOU #ENCABEZADO-PAGINA .linea2{ font-size: 45px;line-height:1.1em}
			}
			@media(max-width: 767px){
				#SALOU #ENCABEZADO-PAGINA .linea1{ font-size: 50px;line-height:1em}
				#SALOU #ENCABEZADO-PAGINA .linea2{ font-size: 37.5px;line-height:1.1em}
			}
			
			@media(max-width: 571px){
				#SALOU #ENCABEZADO-PAGINA .linea2 span:first-child{ letter-spacing: -0.02em;display: block;font-size:35px}
				#SALOU #ENCABEZADO-PAGINA .linea2 span:last-child{ font-size:42px }
			}
		
		#SALOU .BG-VIDEO-IMG{
			background-image: url("/videos/poster-video-salou.webp");
			background-position: 50% 50%;
			background-size: cover;
			-webkit-filter: grayscale(100%);
			-moz-filter: grayscale(100%);
			-ms-filter: grayscale(100%);
			-o-filter: grayscale(100%);
			filter: grayscale(100%);	
		}
		#SALOU .VIDEO > div{ width: 100%; min-height: 500PX; }
		#SALOU .VIDEO .transparencia{ background: transparent;}
		
		#SALOU h1{ color: #438fe6;}
		#SALOU h3{ COLOR:#FFF }
		
		#SALOU h1,
		#SALOU h3{margin: auto auto !important; margin-bottom: 20px !important; text-align: center}
		
		
		.BOXES .titulo h2{padding-top: 80px;padding-bottom: 80px;font-size:40px;color:#f1c018} 
		.BOXES .titulo h2 span{font-size:34px;} 
		@media(min-width: 992px){
			.BOXES .titulo{ background: #f0f0f0; }
		}

		.BOXES .BANNER img{ width:250px; margin-top:20px;}
		.BOXES .BANNER .row{ background-color: rgba(241, 192, 24,0.8);}
		.BOXES .BANNER .contenedor-vertical{ height:100%; }

		.BOXES #PACHA .BANNER{ 
			background-image: url("/img/salou2020/faro.jpg") !important;min-height: 400px;background-position: center center !important 
		}
		.BOXES #LACAGE .BANNER{
			background-image: url("/img/salou2020/deportes.png") !important;min-height: 400px;background-position: bottom right !important 
		}
		.BOXES #FLASHBACK .BANNER{ 
			background-image: url("/img/salou2020/gastronomia.jpg") !important;min-height: 400px;background-position: bottom right !important; 		}

			

/**************************************/
/*	------	PROMO VIAJA GRATIS		 ********/
/**************************************/

		#PROMO-VIAJAGRATIS .TEXTO{ text-align: center; background: #438fe6; padding: 40px; }
		#PROMO-VIAJAGRATIS .TEXTO p{max-width: 600px; margin: auto auto; text-align: center;color: #fff;padding-bottom: 20px; }
		@media(max-width: 991px){
			#PROMO-VIAJAGRATIS .TEXTO{ padding-top: 0; background: white;margin-top:-30px; }
			#PROMO-VIAJAGRATIS .TEXTO p{ color: #818181; }
		}
		
		#PROMO-VIAJAGRATIS .VIDEO{ padding:0; }
		#PROMO-VIAJAGRATIS .VIDEO > div{ width: 100%; min-height: 500PX; }


/*************************************/
/*	------	TRABAJA CON NOSOTROS		------*/
/*************************************/
		#trabaja .item{ text-align: center}
		#trabaja .RIGHT{ padding: 60px 40px; }
		#trabaja .LEFT{ background: #438fe6; padding-top: 60px; padding-bottom: 60px; }
		#trabaja .LEFT .elemento-centrado{ max-width: 500px; }
		#trabaja .LEFT .elemento-centrado p{ color: white; }
		#trabaja .item label{ text-align: left; }


/***********************************/
/* -----		LISTADO APARTAMENTOS	------*/	
/***********************************/
	#APARTAMENTOS .TITULO-DIAGONAL div{
		-webkit-transition: all .5s ease-in-out;
		-moz-transition:    all .5s ease-in-out;
		-ms-transition:     all .5s ease-in-out;
		-o-transition:      all .5s ease-in-out;
		transition:         all .5s ease-in-out;
	}

	/* ------	Texto cabecera gigante		----------- */
		#APARTAMENTOS #ENCABEZADO-PAGINA{ padding-top:60px;padding-bottom: 60px}
		#APARTAMENTOS .TITULO-DIAGONAL .linea1,
		#APARTAMENTOS .TITULO-DIAGONAL .linea2{ font-size: 69px; line-height: 1em}
		
		#APARTAMENTOS .TITULO-DIAGONAL .linea3{ font-size: 40px; padding-top:25px;padding-bottom: 15px;line-height: 0.9em}

		#APARTAMENTOS .TITULO-DIAGONAL .linea4{ font-size: 20px;font-family: 'GilroyMedium'; line-height:1.4em}
		#APARTAMENTOS .TITULO-DIAGONAL .linea5{ font-size: 22px;font-family: 'GilroyBold'; line-height:1.4em } 

		@media(max-width:911px){
			#APARTAMENTOS #ENCABEZADO-PAGINA{ padding-top:40px;}
			#APARTAMENTOS .TITULO-DIAGONAL .linea1,	
			#APARTAMENTOS .TITULO-DIAGONAL .linea2{ font-size: 50px; }
			#APARTAMENTOS .TITULO-DIAGONAL .linea3{ font-size: 29px; padding-top:20px;padding-bottom: 15px;}
			#APARTAMENTOS .TITULO-DIAGONAL .linea4{ font-size: 14px;line-height:1.3em}
			#APARTAMENTOS .TITULO-DIAGONAL .linea5{ font-size: 15px;line-height:1.3em} 
		}
		@media(max-width:767px){
			#APARTAMENTOS .TITULO-DIAGONAL .linea1,	
			#APARTAMENTOS .TITULO-DIAGONAL .linea2{ font-size: 40px; }
			#APARTAMENTOS .TITULO-DIAGONAL .linea3{ font-size: 28px;padding-top:10px;padding-bottom: 5px;}
			#APARTAMENTOS .TITULO-DIAGONAL .linea4{ font-size: 13px;}
			#APARTAMENTOS .TITULO-DIAGONAL .linea5{ font-size: 13px;} 
		}
		@media(max-width:580px){
			#APARTAMENTOS .TITULO-DIAGONAL .linea1,	
			#APARTAMENTOS .TITULO-DIAGONAL .linea2{ font-size: 32px; }
			#APARTAMENTOS .TITULO-DIAGONAL .linea3{ font-size: 24px;}
		}
		@media(max-width: 414px){
			#APARTAMENTOS .TITULO-DIAGONAL .linea1,	
			#APARTAMENTOS .TITULO-DIAGONAL .linea2{ font-size: 28px; }
			#APARTAMENTOS .TITULO-DIAGONAL .linea3{ font-size: 22px;font-family: GilroyBold}
		}
		@media(max-width: 340px){
			#APARTAMENTOS .TITULO-DIAGONAL .linea1,	
			#APARTAMENTOS .TITULO-DIAGONAL .linea2{ font-size: 25px; }
			#APARTAMENTOS .TITULO-DIAGONAL .linea3{ font-size: 14px;}

			#APARTAMENTOS .TITULO-DIAGONAL .linea5{ padding-top: 10px;}
		}
		
	
	/* ------	Filtro cantidad de amigos	 ---------- */
		#filters{ padding-top: 40px;}
		#filters div{ width:100%; height:1px; display: none;}

		@media(max-width: 911px){
			#filters{ padding-top: 20px;}
		}
		#filters ul{ max-width: auto !important;margin: auto auto; padding: 0px; padding-bottom: 25px }
		#filters ul li{ 
			display:inline-block;
			border: 1px solid #808080; 
			width:44px;
			height: 44px; 
			border-radius: 22px;
			margin-right:4px;
			margin-bottom: 5px;
			padding:0; 
			text-align: center;
			float: none;
		}
		#filters ul li a{ display: block; height:100%; border-radius:22px;line-height:44px;} 
		#filters ul li a:hover,
		#filters ul li a.active{ background: #f1c018;color: #fff;font-family: GilroyBold } 
		
		#filters ul li.icono-amigos{ 
			width: 50px; 
			border: none;
			background: url(/img/grafica/iconos-svg/familia-grey.svg); 
			background-size: 45px;
			background-repeat: no-repeat;
			background-position: top center;
			height: 60px;
			padding: 0;
			margin-right:10px;
			top:-10px !important;
			position: relative; 
		}
		#filters ul li.TODOS{ width: auto;}
		#filters ul li.TODOS a{ padding-left:10px;padding-right:10px;}
		#filters ul li.cuantos{ width: auto; font-family: "GilroyBlack";color:#438fe6;font-size:23px;border: none; }
		
		@media(max-width: 991px){
			#filters ul li.icono-amigos{ height:45px; }
			#filters ul li.cuantos{ height:30px; }
			#filters div.salto1{  display:block; }
		}
		@media(max-width: 614px){
			#filters div.salto2{display:block;}
			#filters ul li{ width:34px;height: 34px; border-radius: 17px; }
			#filters ul li a{border-radius:17px;line-height:34px;font-size:12px; }
			#filters ul li.TODOS{ margin-top:15px}
		}
		
		#filters ul li,
		#filters ul li a{
			-webkit-transition: all .5s ease-in-out;
			-moz-transition:    all .5s ease-in-out;
			-ms-transition:     all .5s ease-in-out;
			-o-transition:      all .5s ease-in-out;
			transition:         all .5s ease-in-out;
		}	
	
	#APARTAMENTOS .anotacion-precio p{ font-size: 12px; text-align: center}

	/* ------	LISTADO DEPTOS (MOSAICO)	------*/	
		
		#LISTADO-DEPTOS{ display: none;}
		
		#LISTADO-DEPTOS .DEPTO{ margin-bottom: 25px;border-bottom:1px solid white}
		#LISTADO-DEPTOS .DEPTO .BG_PUNTITOS{ height: 100%; background: #f0f0f0 url("/img/grafica/bg-puntitos.svg") !important; }
		#LISTADO-DEPTOS .titulo_pack span{
			max-width:130px; display: block; line-height:1.1em; padding-bottom:10px; color: #438fe6		}
		#LISTADO-DEPTOS .contenedor-texto{ position: relative !important; }
		#LISTADO-DEPTOS .contenedor-texto .precio{
			background:#f1c018;
			width:90px;
			height:90px;
			position: absolute;
			top:-10px;
			right: 5px;
			border-radius: 50px;
			padding-top: 20px
		}
		#LISTADO-DEPTOS .precio .perspective-line > span{ 
			display: block;
			text-align: center;
			color: #fff;
			font-family: "GilroyBlack";
		}
		#LISTADO-DEPTOS .precio .desde{ font-size:18px;}
		#LISTADO-DEPTOS .precio .importe{ font-size:27px;}
		#LISTADO-DEPTOS .precio .euro{ font-size: 16px;}
		#LISTADO-DEPTOS .amigos{ padding-top:4px;}
		#LISTADO-DEPTOS .amigos img{ width: 28px;display: inline;position: relative;top:-3px}
		
		#LISTADO-DEPTOS .contenedor-imagen{ position: relative; }
		
		#LISTADO-DEPTOS .contenedor-imagen a{ 
			position: absolute;
			display: block;
			text-align: center;
			z-index:1;
			top:0; 
			left:0;
			width: 100%; 
			height: 100%; 
			-webkit-transition: all .2s ease-in-out;
			-moz-transition:    all .2s ease-in-out;
			-ms-transition:     all .2s ease-in-out;
			-o-transition:      all .2s ease-in-out;
			transition:         all .2s ease-in-out;
		}
		#LISTADO-DEPTOS .contenedor-imagen a > div{ 
			visibility: hidden;
			-webkit-transition: all .2s ease-in-out;
			-moz-transition:    all .2s ease-in-out;
			-ms-transition:     all .2s ease-in-out;
			-o-transition:      all .2s ease-in-out;
			transition:         all .2s ease-in-out;
		}
		
		#LISTADO-DEPTOS .contenedor-imagen a:hover{ 
			background: rgba(241, 192, 24, 0.65)
		}
		#LISTADO-DEPTOS .contenedor-imagen a:hover > div{ 
			visibility: visible;
			-webkit-transition: all .2s ease-in-out;
			-moz-transition:    all .2s ease-in-out;
			-ms-transition:     all .2s ease-in-out;
			-o-transition:      all .2s ease-in-out;
			transition:         all .2s ease-in-out;
		}

		@media(min-width: 768px){
			#LISTADO-DEPTOS .contenedor-imagen{ height: 160px; overflow: hidden }
		}
		@media(min-width: 992px) and (max-width: 1200px){
			#LISTADO-DEPTOS .contenedor-imagen{ height: 190px; overflow: hidden }
		}
		@media(max-width: 1200px){
			#APARTAMENTOS .container{ width: 100%;}
		}
		@media(max-width: 580px){
			#APARTAMENTOS #LISTADO-DEPTOS .col-xs-6{ width: 100%;}
		}
		
		#LISTADO-DEPTOS .contenedor-texto{ text-align: left; padding: 15px;padding-right: 100px}
		
		#APARTAMENTOS .titulo_pack{ font-family: "GilroyBlack"; font-size:20px;font-weight:900 }
	
	
	/* ------	Banner combina packs (para grupos) ------ */
		#APARTAMENTOS .COMBINA-PACKS{font-size:48px; line-height:1.2em }
		@media(max-width:991px){
			#APARTAMENTOS .COMBINA-PACKS{font-size:38px;}
		}
		@media(max-width:767px){
			#APARTAMENTOS .COMBINA-PACKS{font-size:30px;}
		}
		@media(max-width:580px){
			#APARTAMENTOS .COMBINA-PACKS{font-size:25px;}
		}
		@media(max-width:480px){
			#APARTAMENTOS .COMBINA-PACKS{font-size:20px;}
		}
		@media(max-width:480px){
			#APARTAMENTOS .COMBINA-PACKS{font-size:18px;line-height:1.4em}
		}

/***********************************/
/* -----		DETALLE PRODUCTO			------*/	
/***********************************/
	#PRODUCTO #ENCABEZADO-PAGINA{  text-align: left}
	#PRODUCTO #ENCABEZADO-PAGINA h1{text-align: left; font-size: 48px; padding-top:40px; padding-bottom:15px;}
	#PRODUCTO #ENCABEZADO-PAGINA h2{text-align: left; font-size: 22px; padding:0; padding-bottom:40px}
	
	@media(max-width: 911px){
		#PRODUCTO #ENCABEZADO-PAGINA h1{font-size: 35px; padding-top:20px; padding-bottom:10px;}
		#PRODUCTO #ENCABEZADO-PAGINA h2{font-size: 18px; padding-bottom:20px}
	}

	@media(max-width: 580px){
		#ENCABEZADO-PAGINA h1{font-size: 30px; padding-top:10px; padding-bottom:10px;}
		#ENCABEZADO-PAGINA h2{font-size: 16px; padding-bottom:0px; line-height: 1.2em}
	}

	@media(max-width: 480px){
		#PRODUCTO #ENCABEZADO-PAGINA h1{font-size: 45px; }
		#PRODUCTO #ENCABEZADO-PAGINA h2{font-size: 18px; }
	}

	@media(max-width: 340px){
		#PRODUCTO #ENCABEZADO-PAGINA h1{font-size: 40px;}
	}
	
	
	#PRODUCTO .PRECIOS-OFERTA{ padding-top:40px;padding-bottom: 15px; }
	#PRODUCTO .PRECIOS-OFERTA .linea1{font-size:35px;}
	#PRODUCTO .PRECIOS-OFERTA .linea2{font-size:30px;color:#f1c018; line-height:1em; padding-top:10px}
	
	
	@media(max-width: 767px){
		#PRODUCTO .PRECIOS-OFERTA{ padding-top: 20px; }
		#PRODUCTO .PRECIOS-OFERTA .linea1{font-size:30px;}
		#PRODUCTO .PRECIOS-OFERTA .linea2{font-size:25px;}	
	}
	@media(max-width: 580px){
		#PRODUCTO .PRECIOS-OFERTA .linea1{font-size:25px;}
		#PRODUCTO .PRECIOS-OFERTA .linea2{font-size:20px;}	
	}
	@media(max-width: 480px){
		#PRODUCTO .PRECIOS-OFERTA .linea1{font-size:20px;line-height:1.2em}
		#PRODUCTO .PRECIOS-OFERTA .linea2{font-size:16px;}	
	}

	#PRODUCTO #QUE-INCLUYE,
	#PRODUCTO #INFO-ALOJAMIENTO{ padding-right:7%;padding-left:7%;}

	#QUE-INCLUYE strong{ font-weight: 400; font-family: GilroyMedium; }

	@media(min-width: 1201px){
		#QUE-INCLUYE{ padding-right:5%;padding-left: 5%; text-align: right}
		#QUE-INCLUYE > div{ position: relative; right:0 !important; max-width: 600px !important; text-align: left; }
		#QUE-INCLUYE h2{text-align: left }
		#PRODUCTO #INFO-ALOJAMIENTO{ padding-right:5%;padding-left:5%; }
		#PRODUCTO #INFO-ALOJAMIENTO > div{ max-width: 600 !important;}
	}
	@media(max-width: 1200px){
		#PRODUCTO #QUE-INCLUYE,
		#PRODUCTO #INFO-ALOJAMIENTO{ padding-left:30px; padding-right: 30px}

		#PRODUCTO #QUE-INCLUYE > div{ min-width: 450px !important; text-align: left; margin: auto auto !important;}

		#PRODUCTO #INFO-ALOJAMIENTO > div{ min-width: 450px !important; }
	}
	@media(max-width: 991px){
		#PRODUCTO #QUE-INCLUYE,
		#PRODUCTO #INFO-ALOJAMIENTO{text-align: center;padding-bottom:40px; }

		#PRODUCTO #QUE-INCLUYE > div,
		#PRODUCTO #INFO-ALOJAMIENTO > div{max-width: 500px; text-align: left }
		#PRODUCTO #INFO-ALOJAMIENTO h2{text-align: center !important;}

	}

	@media(max-width: 500px){
		#PRODUCTO #QUE-INCLUYE > div,
		#PRODUCTO #INFO-ALOJAMIENTO > div{min-width: 100% !important;max-width: 100% !important;}
	}

	#PRODUCTO #FLEXIBILIDAD{ padding-bottom: 40px}

	#PRODUCTO #FLEXIBILIDAD p{ 
		color: white; 
		font-size: 18px;
		max-width: 450px; 
		margin-left: auto; 
		margin-right: auto; 
		padding:0; 
		margin-bottom:0
	}
	
	@media(min-width: 1980px){
		#PRODUCTO #FLEXIBILIDAD .elemento-centrado{ max-width: 500px; margin-left: 110px; float: left}
	}

	#PRODUCTO .swiper-pagination{ position: relative;top: -40px !important}
	#PRODUCTO .swiper-slide img{ width: auto !important}

	@media(max-width: 991px){
		#PRODUCTO .swiper-slide img{height: auto !important; width: 100% !important}
	}
	
	#PRODUCTO #INFO-ALOJAMIENTO p,
	#PRODUCTO #INFO-ALOJAMIENTO ul,
	#PRODUCTO #INFO-ALOJAMIENTO li,
	#PRODUCTO #INFO-ALOJAMIENTO a,
	#PRODUCTO #INFO-ALOJAMIENTO span,
	#PRODUCTO #INFO-ALOJAMIENTO strong{ font-size: 16px !important; }

	#PRODUCTO #INFO-ALOJAMIENTO ul{ margin-bottom: 20px}

	#PRODUCTO #INFO-ALOJAMIENTO .depto-124 p{ margin-bottom:0; } 
	#PRODUCTO #INFO-ALOJAMIENTO .depto-124 p.cabecera{ padding-top: 15px;color: #438fe6 } 
	#PRODUCTO #INFO-ALOJAMIENTO .depto-124 hr{ margin:0; margin-bottom:15px} 

	@media(max-width:992px){
		#PRODUCTO	 h2.titulo_seccion{ font-size: 25px;}
	}
	@media(max-width:350px){
		#PRODUCTO	 h2.titulo_seccion{ font-size: 20px;text-align: center !important}
	}


/***********************/
/*	----	FOOTER		----------*/
/**********************/

	#FOOTER{ 
		padding-top: 50px; 
		padding-bottom: 30px; 
		_margin-bottom: 100PX;
		background: #438fe6;
		color: #fff;
	}

	ul#social-footer{ 		
		padding:0;
		width: auto;
		margin: auto auto;
		display: inline-block;
		padding-bottom:0;
		margin-bottom:0;
	}
	#social-footer li{ 
		display: inline-block;
		margin: 2px; 
		border-radius: 50%; 
		background: #f1c018 
	}
	#social-footer li a{
		color: #fff;
		padding-bottom:0;
		margin-bottom:0;
		display: block;
		padding: 8px 8px 4px 8px; 
		width: 40px;
		height: 40px;
	}
	#social-footer li a i{ font-size: 20px;line-height:25px}

	#FOOTER .hashtag{ font-weight: 900; font-size:18px; letter-spacing: 0.025em; text-align: center; padding-top: 20px; padding-bottom: 20px }

	#FOOTER .galeriaInstagram{ 
		max-width: 1080px; 
		margin: auto auto; 
		padding-top: 20px; 
		padding-bottom: 20px
	}
	#FOOTER .galeriaInstagram .col-xs-4{ margin-bottom: 15px} 
	#FOOTER .galeriaInstagram img{ width: 100%}
	
	#FOOTER{ margin-bottom:0px; }

		#PARTNERS{ background: white !important; margin-bottom:100px;padding-top: 30px;padding-bottom: 30px;}

		#PARTNERS img{ 
			max-width: 90px; 
			padding:5px;
			-webkit-filter: grayscale(100%); 
			filter: grayscale(100%);
			display: inline-block;
			margin: auto auto
		}
		@media(max-width:911px){
			#PARTNERS img{ max-width: 80px; }
		}

		@media(max-width:768px){
			#PARTNERS img{ max-width: 70px; padding:4px; }
		}
		@media(max-width:680px){
			#PARTNERS img{ max-width: 60px; padding:2px; }
		}
		@media(max-width:580px){
			#PARTNERS span:first-child{ display: block;padding-bottom:15px;}
		}

		
		#PARTNERS{ margin-bottom:0px;}
		#MENU-LEGALES-FOOTER{ 
			border-top: 1px solid #ccc; margin-bottom:100px; text-align: center; padding-top:15px;padding-bottom:20px;
		}
		#MENU-LEGALES-FOOTER ul{ padding: 0; }
		#MENU-LEGALES-FOOTER ul li{  display: inline-block;padding:0}
		
		#MENU-LEGALES-FOOTER ul li.barra{   padding-left:5px; padding-right:5px;}
		@media(max-width: 430px){
			#MENU-LEGALES-FOOTER ul li.barra{   padding-left:3px; padding-right:3px;}
		}
		@media(max-width: 420px){
			#MENU-LEGALES-FOOTER ul li{ width: 100%}
			#MENU-LEGALES-FOOTER ul li.barra{ display: none}
		}


	#CTA_WHATSAPP{ 
		background: #189d0e; position: absolute;  bottom: 20px; right: 15px; z-index:1025;  height:50px; width:50px; float: right; border-radius: 50%; border: 1px solid white; line-height: 50px;  font-size: 28px;  color: #fff;  text-align: center; 
	}



#home .preloader div span	{background:#fff;}
.preloader 			{position:absolute; width: 100%; height: 100%;z-index:1;text-align:center;}
.preloader div		{position:relative;top:calc(50% + 20px);left:47%;}
.preloader div span	{display:block;bottom:0;width: 9px;height: 5px;background:#f1c018;position:absolute;-webkit-animation: preloader 1.5s infinite ease-in-out;-moz-animation: preloader 1.5s infinite ease-in-out;-ms-animation: preloader 1.5s infinite ease-in-out;-o-animation: preloader 1.5s infinite ease-in-out;animation: preloader 1.5s infinite ease-in-out;}
.preloader div span:nth-child(2)	{left:11px;-webkit-animation-delay: .2s;-moz-animation-delay: .2s;-ms-animation-delay: .2s;-o-animation-delay: .2s;animation-delay: .2s;}
.preloader div span:nth-child(3)	{left:22px;-webkit-animation-delay: .4s;-moz-animation-delay: .4s;-ms-animation-delay: .4s;-o-animation-delay: .4s;animation-delay: .4s;}
.preloader div span:nth-child(4)	{left:33px;-webkit-animation-delay: .6s;-moz-animation-delay: .6s;-ms-animation-delay: .6s;-o-animation-delay: .6s;animation-delay: .6s;}
.preloader div span:nth-child(5)	{left:44px;-webkit-animation-delay: .8s;-moz-animation-delay: .8s;-ms-animation-delay: .8s;-o-animation-delay: .8s;animation-delay: .8s;}

@-webkit-keyframes preloader {
    0% 		{height:5px;-webkit-transform:translateY(0px);}
    25% 	{height:30px;-webkit-transform:translateY(15px);}
    50% 	{height:5px;-webkit-transform:translateY(0px);}
    100% 	{height:5px;-webkit-transform:translateY(0px);}
}

@-moz-keyframes preloader {
    0% 		{height:5px;-moz-transform:translateY(0px);}
    25% 	{height:30px;-moz-transform:translateY(15px);}
    50% 	{height:5px;-moz-transform:translateY(0px);}
    100% 	{height:5px;-moz-transform:translateY(0px);}
}

@-ms-keyframes preloader {
    0% 		{height:5px;-ms-transform:translateY(0px);}
    25% 	{height:30px;-ms-transform:translateY(15px);}
    50% 	{height:5px;-ms-transform:translateY(0px);}
    100% 	{height:5px;-ms-transform:translateY(0px);}
}

@keyframes preloader {
    0% 		{height:5px;transform:translateY(0px);}
    25% 	{height:30px;transform:translateY(15px);}
    50% 	{height:5px;transform:translateY(0px);}
    100% 	{height:5px;transform:translateY(0px);}
}


/***************	 modal selectividad	********************/

	.BOX_AZUL{background: #438fe6}

	.COL-AVISO{ padding-left:0}

	.COL-AVISO .BOX_AZUL{
		margin-left: -6px;
		color: white; 
		font-size: 30px; 
		padding-top: 18px; 
		padding-bottom: 15px;
		font-family: 'GilroyBlack', Helvetica, sans-serif !important;
	}
	.cambio-selectividad{
		color: white; 
		font-size: 45px; 
		line-height: 1em;
		padding-top:30px;
		padding-bottom:30px;
		text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.3);
		font-family: 'GilroyBlack', Helvetica, sans-serif !important;
	}
	.COL-CTA .AZUL{ 
		padding-bottom: 15PX;
		font-size: 32px;
	}
	@media(min-width: 578px){
		.COL-AVISO .BOX_AZUL{
			font-size: 35px;
		}
	}
	@media(min-width: 992px){

		.COL-AVISO .BOX_AZUL{
			font-size: 25px;
		}
		.cambio-selectividad{
			font-size: 40px; 
		}
		.COL-CTA .AZUL{
			padding-bottom: 0PX !important;
			font-size: 26px;
			line-height: 1em
		}
	}

	@media(min-width: 1380px){
		.COL-AVISO .BOX_AZUL{
			font-size: 27px;
		}
		.cambio-selectividad{
			font-size: 43px; 
		}
	}
	@media(min-width: 1680px){
		.cambio-selectividad{
			font-size: 46px; 
		}
	}
</style>