/*==== RESET & GLOBALES	 ====================*/
	
	body{ 
		min-width: 360px !important;
		max-width: 100vw !important;
		overflow-x:hidden;
		
		font-family: Segoe UI, Open Sans, Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #222;
		background-color: #fff;
		line-height: 1em;
		font-weight: 500;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	main{ position: relative; position: 0}
	iframe{ border:0 !important; width: 100%; height: 100%;}
	img { max-width: 100%; width:100%; display: inline-block; margin: auto; height: auto}
	a, a:active, a:focus, a:hover { text-decoration: none !important; outline: none; cursor: pointer;}

	::-webkit-scrollbar-track {background-color: #e9edf0;border-left: 1px solid #ededed;}
	::-webkit-scrollbar {width: 7px;background-color: #193C69;}
	::-webkit-scrollbar-thumb {background:#193C69;}
	@media(max-width: 768px){
		::-webkit-scrollbar-track {background-color: transparent;border-left: 1px solid transparent;}
		::-webkit-scrollbar {width: 0px;background-color: transparent;}
		::-webkit-scrollbar-thumb {background: transparent;}

	}
	
	:root { --swiper-theme-color: #193C69; }

/*==== TEXTOS ====*/
	
	h1, h2, h3, h4, h5, h5,
	.h1, .h2, .h3, .h4, .h5, .h6{
		_padding-left:20px;
		_padding-right:20px;
		_margin-bottom:20px;
		position:relative;
		font-family: 'Raleway',Helvetica,Arial,Lucida,sans-serif !important;
	    outline: 0;
		font-size: 100%;
		-ms-text-size-adjust: 100%;
		-webkit-text-size-adjust: 100%;
		vertical-align: baseline;
		background: transparent;
		width: auto;
		display: inline-block;

	}
	
	/*
		h1:not(.noDeco):before, h2:not(.noDeco):before, h3:not(.noDeco):before{
			width:4px; height: 100%;border-left: 4px solid #193C69; content:"";position:absolute; left:0;
		}
	*/

	p, .text, .p, a, .text span, label, textarea, input[type="text"], select { 
		font-size: 16px; line-height: 1.5em;font-weight: normal; 
	}
	
	.texto-13 *{font-size: 13px; }


/* 10-05-2023*/
		.arrow-select{ position: relative; background: white; padding:0; border-radius: 4px !important; }
		.arrow-select::after { position: absolute; RIGHT: 10px; top: 10px; font-family: "Font Awesome 6 Pro"; font-weight: 400; color: black; content: "\f078"; }
		label{margin-bottom:0}
		select{padding-right:20px; }
		
	
		.listado input[type=text],
		.listado select{  margin-bottom:0px !important; }
	
		select, input[type=text]{
			display: inline-block; 
			border: 1px solid #ddd !important; 
			border-radius: 4px !important; 
			margin-bottom:4px;
			background: #fff;
			width:100%;
			height:50px; 
			padding:5px; 
		}
		
		input[type=checkbox]{
			margin-bottom:0 !important;
			transform: translateY(3px);
			border-radius: 4px !important; 
			background: #fff;
			width: 20px;
			height: 20px; 
			padding:5px; 
		}


		.listado form:nth-child(odd){ background-color: #fff; }

		.listado form:nth-child(even),
		.listado > .row:nth-child(even){ background-color: #f4f4f4;}
		
		#MENU_BOTTOM .BOX_ROJO{ background: #df4142 !important; color:#fff !important }

		#mosaico_apartamentos .accordion-item{ margin-bottom:10px !important;}
		#mosaico_apartamentos .accordion-header{ border-left: 4px solid #193c69; }
		#mosaico_apartamentos .accordion-button:not(.collapsed) {box-shadow: none_}
		#mosaico_apartamentos .accordion-item:not(:first-of-type){ border-top:1px solid #ececec !important; }

		#mosaico_apartamentos .accordion-header h2{font-size: 24px; color: #193c69; margin-bottom:0; padding-top: 8px; padding-bottom: 8px; border: none; width:100% }
		#mosaico_apartamentos .accordion-header h2 small{ font-size:18px; color: #ababab}
		#mosaico_apartamentos .accordion-header h2:before{ border-left: none; padding-left: none}
		#mosaico_apartamentos .accordion-header h2:hover{ cursor: pointer; }
		#mosaico_apartamentos .accordion-button{ padding-left:0; padding-top:0; padding-bottom:0; background-color: transparent}

		#mosaico_apartamentos .apartamento .destacado{ border-radius: 5px; overflow: hidden; background:#f4f4f4; background-size: cover !important; border: 1px solid #f4f4f4; height: 100%; }
		#mosaico_apartamentos .apartamento .destacado a{ height: 200px; overflow: hidden; display: block; }
		
		#mosaico_apartamentos .cabecera-sticky-listados{ position: sticky; top: 100px; z-index:3; }
		#mosaico_apartamentos .cabecera-sticky-listados .row{ font-weight: bold; padding-top: 10px; padding-bottom: 10px; background: #ddd; margin-left:0; margin-right:0 }

		#mosaico_apartamentos .nombre_apartamento{  font-size: 20px; padding: 5px; color: black;border-top: 1px solid #ccc; position: relative; z-index: 3; background: rgba(255,255,255, 0.8); }
			
		#mosaico_apartamentos .col.imagen{ max-width: 100px}
		#mosaico_apartamentos .col.nom_edificio{ max-width: 300px}
		#mosaico_apartamentos .col.nom_recepcion{ max-width: 140px}
		#mosaico_apartamentos .col.calle{ max-width: 300px}
		#mosaico_apartamentos .col.telefonos{ max-width: 150px}
		#mosaico_apartamentos .col.coords{ max-width: 350px}
		#mosaico_apartamentos .col.verMapa{ max-width: 80px}
		#mosaico_apartamentos .col.recepcion{ max-width: 250px}
		#mosaico_apartamentos .col.equipamiento{ max-width: 300px}
		#mosaico_apartamentos .col.booking,
		#mosaico_apartamentos .col.web,
		#mosaico_apartamentos .col.micrositio,
		#mosaico_apartamentos .col.gmb,
		#mosaico_apartamentos .col.drive{ max-width: 150px}
		#mosaico_apartamentos .col.fianza{ max-width: 150px}
		#mosaico_apartamentos .col.configuraciones{ max-width: 220px; }
		#mosaico_apartamentos .col.horario{ max-width: 350px; }
		
		#mosaico_apartamentos .col.guardar{ max-width: 150px}
		#mosaico_apartamentos .col.checkeado{ max-width: 120px}

		#mosaico_apartamentos .col.nom_edificio .registro_id{ font-size: 13px; color:#fff; display: inline-block;  background: #5679a8; width: 35px; text-align: center; border-radius:3px}
		#mosaico_apartamentos .col.nom_edificio .nombre{ font-size: 18px; color:#222}
		#mosaico_apartamentos .col.nom_edificio .direccion{ font-size: 14px; color:#555}

		#mosaico_apartamentos .enlace_checker.disabled:hover{ cursor: default !important; } 
		#mosaico_apartamentos .enlace_checker i{ padding: 5px; width: 40px; height: 40px; border-radius: 50%; display: inline-block !important; line-height:30px; color:red; font-size: 25px }
		#mosaico_apartamentos .enlace_checker .checkeado{ color: green; }
		
		.ck-editor__editable[role="textbox"] { min-height: 250px; }

/*====	PANELES ===== */

	#BG-PANEL{ background: rgba(81, 94, 123, 0.5); position: fixed; width:100%; height:100vh; z-index: -3; top:0; left:0; opacity: 0}


		.panel{
			position:fixed;
			top:0;
			height:100vh;
			width:50vw;
			z-index:9999999999 !important;
			background:#fff;
			right: -50vw;
			overflow-y: auto; 
			-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;
			
		}
		
		.panel.fullwidth{
			width: calc(100vw - 60px);
			right: calc(100vw - 60px);
		}
		.panel.right{				right: -50vw; }
		.panel.right.opened{	right: 0vw; z-index:999999 }		

		.panel.right.fullwidth{				right: -100vw; }
		.panel.right.fullwidth.opened{	right: 0px; z-index:999999 }		

		.panel.bottom{				top: 100%; right:0; width:100vw}
		.panel.bottom.opened{	top: 0; }		
	
		@media(max-width: 992px){
			.panel.right{ width: 90vw; right: -90vw; }
		}

		@media(max-width: 768px){
			.panel.right{ width: 99vw; right: -99vw; }
		}

/*====	EMBELLECEDORES	===== */
	.blur{filter: blur(2px)}
	.blockScroll{ overflow-y: hidden }

	.fadeIn{ 
		opacity:1 !important; 
		z-index:9 !important;
		-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;
	}

	.fadeOut{ 
		opacity:0 !important;
		z-index: -9 !important;
		-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;
	}

	.animado-1{ -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out; }
	.animado-2{ -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; }
	.animado-3{ -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
	.animado-4{ -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
	.animado-5,
	.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; }


/*==== COLORES ===*/
	.BOX_COLOR,
	.BOX_COLOR1{ background: #193C69 !important;color: #FFF !important }

	.BOX_COLOR a,
	.BOX_COLOR1 a{ color: #FFF !important }

	.BOX_COLOR2{ background: #25DAD2 !important;color: #FFF !important }
	
	.BOX_BLANCO{ background: #FFFFFF !important;  }
	.BOX_GRIS{ background: #f6f6f6 !important; }
	.BOX_DARK{ background: #222222 !important; }
	.BOX_DARK *{ color: #fff !important; }

	.DARK{ color: #222  !important;}
	.BLANCO{ color: #fff !important}
	.NEGRO{ color: #000 !important}
	
	.COLOR,
	.COLOR1,
	a.COLOR,
	a.COLOR1{ color: #193C69 !important}

	.COLOR2{ color: #25DAD2 !important}
	
	.COLOR3{ color: #bd9d67 !important}


/*==== SOMBRAS  =================*/
	.BOX_SHADOW{
		-webkit-box-shadow: 0px 0px 20px -6px rgba(0,0,0,0.49);
		-moz-box-shadow: 0px 0px 20px -6px rgba(0,0,0,0.49);
		box-shadow: 0px 0px 20px -6px rgba(0,0,0,0.49);
	}

/*==== BOTONES ===========================*/
	.btn{
		border: 1px solid transparent; border-color: transparent; background-color: #193C69 !important; color: #FFFFFF !important;	
	}	

/*===============	2023		===============================*/
	/*2023-03-04*/
	
		#APARTAMENTOS .pagina-info p{padding-top: 3px; padding-bottom: 3px; }
		#APARTAMENTOS .BOX_GRIS .row{border-bottom:1px solid white}
		#APARTAMENTOS .BOX_GRIS .row:last-child{border-bottom: none}


body{ font-weight: 400 !important}
	p, strong, div, td{ line-height: 1.5em; margin-bottom:0 !important}
	div.checkbox input{ margin-right: 10px}
	fieldset div.checkbox{ width: 100% !important; text-align: left; margin: auto auto}
	fieldset legend {color:#a60000; font-weight: 900;}
	

	.cerrar-panel-bottom{
		position:fixed;
		z-index: 9999999 !important;
		top:15px; 
		right: 15px;
		width: 40px;
		height:40px;
		line-height: 40px !important;
		background:rgba(255,255,255,0.95);
		border-radius:50%;

		color:#000;
		font-weight: 900;
		font-size:30px;
		text-shadow: none !important;
		text-align: center;
		
		cursor:pointer
	}


/*===	LOADER ===*/
	/* Loader 5 */
		.loader-5 {
			zoom: 250%;
			margin-left: auto;
			margin-right: auto;
			height: 48px;
			width: 48px;
			-webkit-animation: loader-5-1 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
			animation: loader-5-1 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
		}
		@-webkit-keyframes loader-5-1 {
			0%   { -webkit-transform: rotate(0deg); }
			100% { -webkit-transform: rotate(360deg); }
		}
		@keyframes loader-5-1 {
			0%   { transform: rotate(0deg); }
			100% { transform: rotate(360deg); }
		}
		.loader-5::before {
			content: "";
			display: block;
			position: absolute;
			top: 0; left: 0;
			bottom: 0; right: auto;
			margin: auto;
			width: 8px;
			height: 8px;
			background: #FFF;
			border-radius: 50%;
			-webkit-animation: loader-5-2 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
					animation: loader-5-2 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
		}
		@-webkit-keyframes loader-5-2 {
			0%   { -webkit-transform: translate3d(0, 0, 0) scale(1); }
			50%  { -webkit-transform: translate3d(24px, 0, 0) scale(.5); }
			100% { -webkit-transform: translate3d(0, 0, 0) scale(1); }
		}
		@keyframes loader-5-2 {
			0%   { transform: translate3d(0, 0, 0) scale(1); }
			50%  { transform: translate3d(24px, 0, 0) scale(.5); }
			100% { transform: translate3d(0, 0, 0) scale(1); }
		}
		.loader-5::after {
			content: "";
			display: block;
			position: absolute;
			top: 0; left: auto;
			bottom: 0; right: 0;
			margin: auto;
			width: 8px;
			height: 8px;
			background: #FFF;
			border-radius: 50%;
			-webkit-animation: loader-5-3 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
					animation: loader-5-3 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
		}
		@-webkit-keyframes loader-5-3 {
			0%   { -webkit-transform: translate3d(0, 0, 0) scale(1); }
			50%  { -webkit-transform: translate3d(-24px, 0, 0) scale(.5); }
			100% { -webkit-transform: translate3d(0, 0, 0) scale(1); }
		}
		@keyframes loader-5-3 {
			0%   { transform: translate3d(0, 0, 0) scale(1); }
			50%  { transform: translate3d(-24px, 0, 0) scale(.5); }
			100% { transform: translate3d(0, 0, 0) scale(1); }
		}
		.loader-5 span {
			display: block;
			position: absolute;
			top: 0; left: 0;
			bottom: 0; right: 0;
			margin: auto;
			height: 32px;
			width: 32px;
		}
		.loader-5 span::before {
			content: "";
			display: block;
			position: absolute;
			top: 0; left: 0;
			bottom: auto; right: 0;
			margin: auto;
			width: 8px;
			height: 8px;
			background: #FFF;
			border-radius: 50%;
			-webkit-animation: loader-5-4 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
					animation: loader-5-4 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
		}
		@-webkit-keyframes loader-5-4 {
			0%   { -webkit-transform: translate3d(0, 0, 0) scale(1); }
			50%  { -webkit-transform: translate3d(0, 24px, 0) scale(.5); }
			100% { -webkit-transform: translate3d(0, 0, 0) scale(1); }
		}
		@keyframes loader-5-4 {
			0%   { transform: translate3d(0, 0, 0) scale(1); }
			50%  { transform: translate3d(0, 24px, 0) scale(.5); }
			100% { transform: translate3d(0, 0, 0) scale(1); }
		}
		.loader-5 span::after {
			content: "";
			display: block;
			position: absolute;
			top: auto; left: 0;
			bottom: 0; right: 0;
			margin: auto;
			width: 8px;
			height: 8px;
			background: #FFF;
			border-radius: 50%;
			-webkit-animation: loader-5-5 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
					animation: loader-5-5 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
		}
		@-webkit-keyframes loader-5-5 {
			0%   { -webkit-transform: translate3d(0, 0, 0) scale(1); }
			50%  { -webkit-transform: translate3d(0, -24px, 0) scale(.5); }
			100% { -webkit-transform: translate3d(0, 0, 0) scale(1); }
		}
		@keyframes loader-5-5 {
			0%   { transform: translate3d(0, 0, 0) scale(1); }
			50%  { transform: translate3d(0, -24px, 0) scale(.5); }
			100% { transform: translate3d(0, 0, 0) scale(1); }
		}