﻿
#RefinarBusqueda {
	/*background: #EDEDED;*/
	margin: 0 0 10px 0;
	position: relative;
}

div.RefinarBusqueda {
	/*padding:5px;*/
}
	/*Importante para que se puedan abrir los menús desplegables hijos anidados*/
	div.RefinarBusqueda .disable-open-filtro + div {
		min-height: 0 !important;
		height: auto !important;
	}
	/**/

div.RefinarBusqueda h5, div.RefinarBusqueda h6 {
	font: normal 18px/18px 'Aktiv Grotesk Ex', sans-serif;
	color: #333;
	margin: 5px 0 10px 0;
	position: relative;
	padding: 0;
	overflow: hidden;
}
	#RefinarBusqueda .disable-open-filtro {
		content: "";
		width: 100%;
		height: 24px;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10;
	}
		div.RefinarBusqueda h5 span {
			display: none;
			float: right;
			color: #0099c7;
		}
#RefinarBusqueda div:first-child {
	/*height: auto !important;*/
}
		
	div.RefinarBusqueda h5 span, div.RefinarBusqueda h6 span {
		/*display: none;*/
		float: right;
	}
		div.RefinarBusqueda h5 span:before, div.RefinarBusqueda h6 span:before {
			margin: -6px 0 0 0;
			font-size: 14px;
			color: #CCCCCC;
		}

div.rb {
	background: #ffffff;
	padding: 8px;
	overflow: hidden;
	margin: 10px 0;
	border-radius: 10px;
}
.rb aside {
	padding-top: 10px;
	border-top: 1px solid rgba(0,0,0, .04);	
}
	.rb aside.scroll-wrapper {
		overflow-y: scroll;
		height: 400px;	
	}

* html div.rb { height:100%; }

div.RefinarBusqueda h6 {
	/*background:url(bg.png) repeat-x 0 0;*/
	font: normal 14px/14px 'Aktiv Grotesk Ex', sans-serif;
	color: #0099c7;
	text-align: left;
	padding: 7px 0 15px 4px;
	margin: 0;
	position: relative;
}

/*
#rborden h6,
div.rbcolumn h6 {
	font:normal 10px Verdana, Geneva, sans-serif;
	background:none !important;
}
*/

.rb p {
	padding:0;
	margin:0 0 2px 0;
	overflow:hidden;
}

#rborden p, #rdisponibilidad p {
	float:left;
	width:50%;
}

#RefinarBusqueda div.rbcolumn {
	float:left;
	width:50%;
}

.rb label {
	/*background-image:url(bg_item.png) !important;
	background-image:url(bg_item.gif);
	background-repeat:no-repeat;*/
	height:25px;
	display:block;
	overflow:hidden;
}

#rborden label { display:inline-block; }

.rb label input {
	margin:6px 3px 0 2px;
	float:left;
	padding:0;
	width:14px;
	height:14px;
}

.rb label span {
	float: left;
	height: 13px;
	padding: 6px 0 6px 2px;
	font: normal 10px/13px 'Aktiv Grotesk Ex', sans-serif;
}

.rb label small {
	float: right;
	height: 13px;
	padding: 5px 2px 7px 0;
	font: normal 10px/10px 'Aktiv Grotesk Ex', sans-serif;
	width: 70px;
	text-align: right;
}

.rb_ri {
	background-position:-245px 0;
	color: #0099c7;
	cursor: pointer;
}

.rb_ri_activa {
	/*background-position:0 0;*/
	color: #0064cb;
	color: #666;
}

.submit-fx-nombre .input {
	width: 100%;
	margin: 0;
	padding-right: 36px;
	height: 36px;
	border: 1px solid #e8e8e8;
	border-radius: 5px;
}
.rd-input-text {
	margin: 0;
	display: block;
}

/**/
/*Filtro Precio*/
#rprecio {
	margin: 0;
}
#rprecio p {
	margin: 10px 3px 0 3px;
	position: relative;
	overflow: visible;
}

span#fs_p_min_res {
	float: left;
	position: relative;
}
	span#fs_p_min_res:after {
		content: "-";
		position: absolute;
		font: normal 24px  'Aktiv Grotesk Ex', sans-serif;
		bottom: -20px;
		left: 10px;	
	}

span#fs_p_max_res {
	float:right;
	position: relative;
}
	span#fs_p_max_res:after {
		content: "+";
		position: absolute;
		bottom: -20px;
		right: 10px;
		font: normal 18px  'Aktiv Grotesk Ex', sans-serif;	
	}

#fsPrecio {
	/*width:186px;*/
	width: 100%;
	height:29px;
	position:relative;
	overflow:hidden;
	padding: 18px 0 0 0;
	margin: 0 0 7px 0;
	/*border:1px solid #dfdfdf;*/
}
	#fsPrecio:before {
		content: "";
		width: 100%;
		height: 29px;
		position: absolute;
		top: 0;
		left: 0;
		border-bottom: 1px solid #CCC;
	}
	#fsPrecio .cont-fs-precio {
		padding: 0 5px;
	}

#fs_p_bg {
	/*width:174px;*/
	width: 100%;
	background: #AEAEAE;
	height: 8px;
	position: absolute;
	margin: 8px 0 0 0;
}

#fs_p_min,
#fs_p_max {
	width:24px;
	height:24px;
	position:absolute;
	cursor:pointer;
	background-position:0 2px;
	background-repeat:no-repeat;
}

#fs_p_min,
#fs_p_max {
	/*background-color: #2C2C2C;*/
}
.filtro_sub {
	padding: 1px;
	background-color: #0099c7;
}

#fs_p_min, #fs_p_max {
	background-color: #0099c7;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
	#fs_p_min span, #fs_p_max span {
		width: 24px;
		height: 24px;
		display: inline-block;
		text-align: center;
	}
		#fs_p_min span:before, #fs_p_max span:before {
			margin: 0;
			font-size: 14px;
			color: #FFF;
			line-height: 24px;
		}
	#fs_p_min:hover, #fs_p_max:hover {
		background-color: #CCC;
	}



.fsScroll {
	height:189px;
	overflow: hidden;
	/*background-color:#fff;*/
	/*border:1px solid #eee;*/
	position: relative;
}

.fsScroll label small {
	padding-right:4px;
	min-width:54px;
}


/**/
#resDisplay {
	width: 100%;
	margin: 0 0 10px 0;
	display: table;
	overflow: hidden;
	padding: 3px 0;
	background: #ffffff;
	border-radius: 10px;
}
	#resDisplay div {
		padding: 4px 0;
		display: table-cell;
		vertical-align: middle;
	}
		#resDisplay div.res-numitems {
			border-right: 1px solid #dddddd;
		}
			#resDisplay div.res-numitems img {
				/*width: 90%;*/
				margin: 5px 5% 0 5%;
			}

#resDisplay h2 {
	color: #000;
	font: normal 28px/50px 'Aktiv Grotesk Ex', sans-serif;
	margin: 0;
	padding: 0 7px;
	height: 51px;
	text-align: center;
	display: flex;
    align-items: center;
    justify-content: center;
}

#resDisplay strong {
	color: #000;
	font: bold 12px/12px 'Aktiv Grotesk Ex', sans-serif;
	display: block;
	margin: 0 0 0 10px;
}

#resDisplay small {
	margin: 0 0 0 10px;
	color: #666;
	font: normal 10px 'Aktiv Grotesk Ex', sans-serif;
	display: none;
}
	.skin-ar #resDisplay small, .skin-ar #resDisplay strong {
		color: rgb(9, 184, 160);
	}
	.skin-au #resDisplay small, .skin-au #resDisplay strong {
		color: rgb(68, 177, 80);
	}
	.skin-ht #resDisplay small, .skin-ht #resDisplay strong {
		color: #0099c7;
	}
	.skin-pq #resDisplay small, .skin-pq #resDisplay strong {
		color: #002445;
	}

#resDisplay img { margin:10px 10px 5px 0; }

/*----------------------------------------------------------------------------------------------------------------*/

.wrap-horizontal-filters {
	width: 100%;
	float: left;
}
	.horizontal-filters-item {
		/*width: 49%;
		margin: 0 1% 0 0;*/
		width: 100%;
		margin: 0;
		float: left;
	}
	/*.horizontal-filters-item:last-child {
		margin: 0 0 0 1%;
	}*/


/*----------------------------------------------------------------------------------------------------------------*/
/*Filtros Aplicados*/
.filtros-aplicados {
	overflow: hidden;
	padding: 0;
	margin: 8px 0;
	display: none;
	clear: both;
}
	.filtros-aplicados div {
		width: 100%;
		color: #333333;
		text-decoration: none;
		margin: 0 0 10px 0;
		padding: 6px 0;
		float: left;
		cursor: pointer;
		border: 1px solid #333333;
		border-radius: 50px;
	}
		.filtros-aplicados div span {
			display: block;
			margin: 0 10px 0 15px;
			font-size: 13px;
			line-height: 24px;
		}
			.filtros-aplicados div span strong {
				margin: 0;
				padding: 0;
				float: right;
			}
				.filtros-aplicados div span strong:before {
					margin: 0;
					padding: 0;
					font-size: 24px;
				}
	
.filtros-aplicados-reset-all {
}
	.filtros-aplicados-reset-all a {
		width: 100%;
		color: #fff;
		text-decoration: none;
		margin: 0 0 10px 0;
		padding: 8px 0;
		float: left;
		border-radius: 50px;
	}
		.filtros-aplicados-reset-all a span {
			display: block;
			margin: 0 10px 0 15px;
			font-size: 13px;
			line-height: 24px;
			position: relative !important;
		}
			.filtros-aplicados-reset-all a span strong {
				margin: 0;
				padding: 0;
				float: right;
			}
				.filtros-aplicados-reset-all a span strong:before {
					margin: 0;
					padding: 0;
					font-size: 24px;
				}



/*Orden*/
#bOrden, .b-orden {
	padding: 4px 0;
	list-style: none;
	margin: 10px 0;
	overflow: hidden;
}
	#bOrden li, .b-orden li {/*Cinco items (default - hoteles*/
		width: 20%;
		float: left;
		display: inline;
		padding: 0;
	}
	#bOrden.items-4 li, .b-orden.items-4 li {/*Cuatro items*/
		width: 25%;
		float: left;
		display: inline;
		padding: 0;
	}
		#bOrden li a,
		#bOrden li strong,
		.b-orden li a,
		.b-orden li strong {
			display: inline-block;
		}
		#bOrden li strong, .b-orden li strong {
			font: bold 11px/11px 'Aktiv Grotesk Ex', sans-serif;
			color: #666;
			padding-left: 0;
		}
		#bOrden li a, .b-orden li a {
			height: 30px;
			padding: 0 10px;
			font: normal 14px/30px 'Aktiv Grotesk Ex', sans-serif;
			color: #333;
			text-decoration: none;
			background-color: #EDEDED;
			text-align: left;
			position: relative;
			border-bottom: 1px solid #FFF;
			display: block;
		}
			#bOrden li a:hover, .b-orden li a:hover {
				color: #FFF;
				text-decoration: none;
				background-color: #CCC;
			}
#bOrden li a.bo_activo, .b-orden li a.bo_activo { 
	color: #fff !important; 
	cursor: default; 
	background-color: #CCCCCC !important;
	/*display: none;*/
}
	#bOrden li a.bo_activo:before, .b-orden li a.bo_activo:before {
		content: "\e819";
		font-family: "rss";
		font-style: normal;
		font-weight: normal;
		speak: none;
		
		display: inline-block;
		text-decoration: inherit;
		width: 1em;
		padding: 0 6px 0 0;
		text-align: center;
		/* opacity: .8; */
		
		/* For safety - reset parent styles, that can break glyph codes*/
		font-variant: normal;
		text-transform: none;

		/* fix buttons height, for twitter bootstrap */
		line-height: 1em;
		
		/* you can be more comfortable with increased icons size */
		/* font-size: 120%; */
		
		/* Font smoothing. That was taken from TWBS */
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}


	/*Ordenar por*/
	#bOrden, .b-orden {
		margin: 0 0 10px 0 !important;
	}
		#bOrden li, .b-orden li {
			display: block !important;
			float: none !important;
			padding: 0;
			text-align: left !important;
			width: auto !important;
		}
		.bo_activo {
			background-color: #ededed !important;
			color: #333 !important;
		}
		
	/*Botones toggle*/
	.btn-mobile-openitem {
		width: 100%;
		height: 38px;
		display: inline-block;
		background: #cccccc;
		text-decoration: none;
		position: relative;
		margin-bottom: 10px;
	}
		.btn-mobile-openitem:hover {
			text-decoration: none;
		}
		.btn-mobile-openitem em {
			padding: 0 0 0 5px;
			color: #333;
			font: normal 15px/38px 'Aktiv Grotesk Ex', sans-serif;
		}
		.btn-mobile-openitem small {
			color: #0099c7;
			font: normal 15px/38px 'Aktiv Grotesk Ex', sans-serif;
		}
		.btn-mobile-openitem span {
			position: absolute;
			top: 10px;
			right: 6px;
			font-size: 16px;
			color: #0099c7;
		}
			.btn-mobile-openitem span:before {
				margin: 0;
			}
	/**/		


/*----------------------------------------------------------------------------------------------------------------*/

/*Filtro Estrellas*/
.rbCanEst {
	/*width: 90px !important;*/
	height: 15px !important;
	padding: 0 !important;
	margin: 4px 0 0 0 !important;
}
.rbCanEst em.icon-star:before {
	font-size: 17px;
	color: #0099c7;
	margin: 0;
}
    .rb_ri_activa .rbCanEst em.icon-star:before {
	    color: #CCC !important;
    }


/**/




/*New Silider filter*/
.slider-filter-noUi {
	margin: 0 5px;
}
	.slider-filter-noUi .wrap-slider-labels-noUi {
		margin: 0 0 6px 0;
		position: relative;
		overflow: visible;
	}
		.slider-filter-noUi .wrap-slider-labels-noUi .min, .slider-filter-noUi .wrap-slider-labels-noUi .max {
			display: inline-block;
			color: #666;
			font: normal 10px/20px "Trebuchet MS", 'Aktiv Grotesk Ex', sans-serif;
		}
			.slider-filter-noUi .wrap-slider-labels-noUi .min {
				float: left;
			}
			.slider-filter-noUi .wrap-slider-labels-noUi .max {
				float: right;
			}
	.slider-filter-noUi .wrap-slider-noUi {
		width: 100%;
		float: left;
		margin: 10px 0 20px 0;
	}
		.slider-filter-noUi .wrap-slider-noUi > div {
			margin: 0 10px;
		}
	.slider-title-noUi {
		width: 100%;
		margin: 0 0;
		float: left;
		font: 300 14px/14px 'Aktiv Grotesk Ex', sans-serif;
		text-transform: uppercase;
	}
/*Custom slider*/	
.slider-filter-noUi .noUi-connect {
	background: #AEAEAE;
}
.slider-filter-noUi .noUi-horizontal {
	height: 6px;
}
.slider-filter-noUi .noUi-horizontal .noUi-handle {
	width: 21px;
	height: 21px;
	top: -9px;
	margin-left: 7px;
	cursor: pointer;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	-o-border-radius: 100%;
	border-radius: 100%;
	background: var(--color-sky);
	border-color: var(--color-sky);
	box-shadow: none;
}
	.slider-filter-noUi .noUi-horizontal .noUi-handle:before, .slider-filter-noUi .noUi-horizontal .noUi-handle:after {
		display: none;
	}

/*
.slider-filter-noUi .noUi-horizontal .noUi-extended {
	padding-right: 12px;
}
.slider-filter-noUi .noUi-horizontal .noUi-handle {
	left: -1px;
}
.slider-filter-noUi .noUi-horizontal .noUi-extended .noUi-origin  {
	right: -12px;
}
*/

/*TripAdvisor*/
.wrap-trip {
	height: 17px !important;
    margin: 4px 0 0 !important;
    padding: 0 !important;
    width: 90px !important;
	background: url(TripAdvisor/bg.gif) no-repeat 0 0;	
}
	.wrap-trip .trip-ok {
		height: 17px;
		width: 17px;
		margin: 0;
		display: inline-block;
		background: url(TripAdvisor/ok.png) no-repeat 0 0;
	}
	.wrap-trip .trip-ok:nth-child(2n){
		margin: 0 0 0 -1px;
	}		
	.trip-title {
		width: 33px;
		height: 19px;
		margin: 0 4px -4px 0;
		display: inline-block;
		background: url(TripAdvisor/isotipo.gif) no-repeat 0 0;
	}
/**/

/**/
.sidebar-filter-wrapper h4 {
	color: #000;
	font-size: 21px;
	line-height: 22px;
	padding: 12px 4px 0 4px;
	border-top: 1px solid #E0E0E0;
	clear: both;
}
.sidebar-filter-wrapper .rb label {
    cursor: pointer;
}
	.sidebar-filter-wrapper .rb label:hover {
		opacity: .6;
	}
	.sidebar-filter-wrapper .rb label span {
		float: left;
		height: 14px;
		padding: 6px 0 6px 2px;
		line-height: 14px;
		font-size: 14px;
	}



