body .color_fondo {
	color: #CCCC33;
}
body .color_texto {
	color: #336666;
}
body .color_boton_verde {
	color: #CCCCCC;
}
body .color_boton_azul {
	color: #9999CC;
}

input::placeholder{
	color:#888888;
}
input{
	color:#495057 !important;
}
select{
	color:#495057 !important;
}

input:checked[type="radio"], input:checked[type="checkbox"] {
	background-color: var(--color-06) !important;
}
.bloque_slider {
	margin-top: 73px;
	margin-bottom: -65px;
}
#informacion_promocion.container {
	margin-top: 73px;
}
#bv_buscador {
	margin-top: 92px;
}
#buscador_vuelos {
	margin-top: 73px;
}
.datos-hotel {
	margin-top: 92px !important;
}
.row{
	margin:0px;
}

.form-check-input[type=radio]{
	margin-top:0.4em !important;
}

/* Centrar boton del play en pagina de video */

.img_play_container {
    height: 100%;      /* equals max image height */
    width: 100%;
    white-space: nowrap;
    text-align: center; 
}

.img_play_helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.img_play {    
    vertical-align: middle;
    max-height: 100px;
    max-width: 100px;
}

/* Modificaciones de cabecera y menu */
.page-slider {
	margin-top: 0px;
	clear: both;
}
.revolution-slider {
	margin-bottom: 0px;
}
.main {
	margin-top: 0px;	
}

.container.formulario-viajes {
	padding-left: 0px;
	padding-right: 0px;
}


.ml-2{
	margin-left:5px;
}


/* Comienzo CSS Renfe Club Viva la Vida */

.header-sup {
	background-color: var(--color-01);
}
.logo-top img{
	height:  55px;
	padding:8px;
	margin-top:  2px;
}
.titulos-pagina{
	font-size: 21px;
	font-weight: 500;
	text-align: center;
	line-height: 60px;
}
.color-titulos-pagina{
	color: var(--color-02);
}
.texto-saldo{
	font-size: 18px;
    line-height: 55px;
    text-align: right;
}
.texto-saldo img{
	width: 25px;
    margin:5px 10px;
    margin-top:-5px;
}
.texto-saldo span{
	color:var(--color-06);
	font-weight: 700;
}
.color-tag{
	background-color: var(--color-06) !important;
}
.color-prim{
	color:var(--color-01);
}
.color-sec{
	color:var(--color-02);
}
.color-text-total-precio{
	color:#000000;
}
.borde-caja{
	border-top: 2px solid var(--color-01);
}
.btn-buscar {
	background-color: var(--color-06) !important;
	padding: 10px 20px;
	color:#FFFFFF;
	font-weight: 700;
	font-size: 14px;
	border:none;
	float:right;
	letter-spacing: 1px;
}
.btn-buscar:hover {
	background-color: var(--color-05) !important;	
}
.btn-mas-tarifas {
	color: var(--color-01) !important;
	background-color: #ffffff !important;
	border-radius: 5px !important;
	border: solid var(--color-01) 2px !important;
	padding: 6px;
	font-size: 18px;
	font-weight: 600;	
}
.btn-tarifa{
	padding: 5px 10px;
	color:#FFFFFF;
	font-weight: 700;
	font-size: 14px;
	border:none;
}
.btn-color-sec{
	background-color: var(--color-06) !important;
}
.btn-radious{
	border-radius: 25px !important;
}
.btn-color-sec:hover{
	background-color: var(--color-05) !important;
}
.boton-aceptar {
	border-radius: 25px !important;
}
.fondo-color-2{
	background-color: var(--color-05);
}

.fondo-color-3{
	background-color: var(--color-06);
}
.fondo-color-4{
	background-color: #fafafa;
}
.fondo-color-5{
	background-color: #FAFAFA;
}

.reembolso-pasajero{
	font-size: 16px !important; 
	padding-top:20px; 
	padding-bottom:10px;
	color:var(--color-01);
}

.reembolso-pasajero img{
	margin-right:5px; 
	margin-top:-5px;
}

.bloque-check-seguro{
	padding-top:20px !important;
}
.titulo-ida-tren p{
	background-color: var(--color-05);
	padding:15px 10px;
	font-size: 16px;
	text-transform: uppercase;
	color:#FFFFFF;
	font-weight: 500;
}

.titulo-ida-tren p img{
	width: 35px;
	margin-right: 10px;
	text-align: left !important;
}

.titulo-vuelta-tren p{
	background-color: var(--color-06);	
	padding:15px 10px;
	font-size: 16px;
	text-transform: uppercase;
	color:#FFFFFF;
	font-weight: 500;
}

.titulo-vuelta-tren p img{
	width: 35px;
	margin-right: 10px;
	text-align: left !important;
}

.text-reembolso{
	font-size: 14px;
	font-weight: 500;
    color: var(--color-01) !important; 	
}

.text-reembolso img{
	width: 25px;
	margin-right: 5px;
	margin-top:-5px;
	margin-left: 10px;
}

.text-reembolso span{
	font-size: 21px;
	font-weight: 700;
}

.text-total-tren{
	text-align: right;
	font-size: 16px;
}

.text-total-tren-precio{
	text-align: right;
	font-size: 28px;
	font-weight: 500;
    color: var(--color-06) !important;	
}

.text-total-tren-precio span{
	color:gray;
	text-align: 14px;
	font-size: 16px;
	font-weight: 400;
}

.origen-destino{
	font-size: 12px;
	text-transform: uppercase;
	color:#FFFFFF;
	font-weight: 500;
	text-align: right;
    line-height: 60px;
    margin-left: -10px;
}
.origen-destino i{
	margin:5px;
}

.flecha-dis{
	margin:5px;
}
.color-enlace{
	color:var(--color-05) !important;
}

.precio-prov{
	color:#666;
	margin-left: 10px;
	text-decoration:line-through;
	font-size: 12px !important;
}

.text-pagar{
	font-size: 18px;
}

.text-saldo{
	font-size: 21px;
	font-weight: 700;
}
.texto-saldo svg, .img-saldo svg {
	width: 23px;
}
.texto-saldo svg {
	margin: -10px 0px 0px 10px;
}
.img-saldo svg .cls-1 {
	fill: var(--color-05) !important;
}
.texto-saldo svg .cls-1 {
	fill: var(--color-06) !important;
}
.texto-total-precio{
	font-size: 21px;
	font-weight: 700;
}
.bloque-saldo{
	width: 40%;
}

.tab-content{
    background-color: transparent !important;
    padding:0px !important;
}

.bloque-resultado{
	margin-top:10px;
	border:solid 1px #B1B1B1;
	border-radius: 5px !important;
	margin:0px;
}
.check-resultado-vuelo {
	margin-top:  23px !important;
}

.borde-r{
	border-right:solid 1px #B1B1B1;
}

.borde-l{
	border-left:solid 1px #B1B1B1;
}

.casilla-resultado{
	height:60px;
	padding-right: 8px;
	padding-left:8px;
}

.casilla-resultado label{
	font-size: 16px;
	font-weight:600;
	color:#3F3F3F;
	margin-right:5px;
	margin-left:5px;
}

.bg-ida-vuelo{
	background-color:#EEF0F1;
	border-radius:5px 0px 0px 0px !important;
	line-height: 60px;
}

.bg-vuelta-vuelo{
	background-color:#D4D4D4;
	border-radius:5px 0px 0px 0px !important;
	line-height: 60px;
}

.bg-ida-vuelo img{
	margin-top: -5px;
}

.bg-vuelta-vuelo img{
	margin-top: -5px;
}

.text-horas{
	font-size: 14px;
	font-weight: 600;
	color:#3F3F3F;
	text-align: center;
	margin-top:16px;
}


.destino-vuelo{
	color:#8E8E8E;
	font-size: 12px;
	font-weight: 400;
}


.aeropuerto-destino{
	color:#8E8E8E;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
}

.tipo-vuelo{
	text-align: center;
}


.tipo-vuelo a{
	color:var(--color-01) !important;
	font-size: 14px;
	font-weight: 500;
}

.tipo-vuelo i{
	margin-right:5px;
}


.plazas-equipaje{
	color:#888888;
	text-align: center;
	padding-top:5px;
	font-size: 14px;
}


.plazas-equipaje i{
	margin-right:5px;
}


.borde-t{
	border-top:solid 1px #B1B1B1;
}

.bloque-vuelo{
	width: 49.5%;
	margin-top: 10px !important;
	padding:0px !important;
	border:solid 1px #B1B1B1;
	border-radius: 5px !important;
	margin-right: 0.5%;
}

.bg-ida-vuelo-descripcion{
	background-color: #EEF0F1;
    border-radius: 5px 5px 0px 0px !important;
    line-height: 50px;
}

.titulo-resultado{
	height: 50px;
    padding-right: 8px;
    padding-left: 8px;
}

.titulo-resultado span{
	font-size: 14px;
    font-weight: 600;
    color: #3F3F3F;
    margin-right: 5px;
    margin-left: 5px;
}


.bg-ida-vuelo-descripcion img{
	margin-top: -5px;
}

.bloque-vuelo li{
	display:block !important;
	margin-top: 20px;
}

.bloque-vuelo ul{
	list-style-type: disc !important;
    margin-block-start: 1em !important;
    margin-block-end: 1em !important;
    margin-inline-start: 0px !important;
    margin-inline-end: 0px !important;
    padding-inline-start: 20px !important;
}



.descripcion-aeropuerto p{
	color: #8E8E8E;
    font-size: 12px;
    font-weight: 400;
    margin: 0px;
}

.fecha-des-aer{
	font-weight: 600;
    color: #3F3F3F;
}

.descripcion-avion{
	padding-top: 10px;
}

.descripcion-avion p{
	color: #8E8E8E;
    font-size: 12px;
    font-weight: 400;
    margin: 4px;
}


.descripcion-avion img{
	margin: 10px 5px;
}

.descripcion-aeropuerto i{
	position: absolute;
	margin-left: -18px;
	font-size: 8px !important;
	margin-top:5px;
}

.bg-vuelta-vuelo-descripcion{
	background-color: #D4D4D4;
    border-radius: 5px 5px 0px 0px !important;
    line-height: 50px;
}

.tiempo-vuelo-escalas{
	font-size: 9px !important;

}


.icon-vuelo-bloque-header{
	width: 25px !important;
    margin-right: 10px;
}

.icon-vuelo-bloque{
	width: 25px !important;
    margin-left: 5px;
    margin-right: 0px;
}

.text-precio-vuelo{
	color: var(--color-05) !important;
    font-size: 14px;
    font-weight: 500;
    margin-right:5px;
}
.text-precio-vuelo i{
	margin-right:5px;
	color: var(--color-06) !important;
}

.precio-vuelo{
	font-size: 14px;
	font-weight: 500;
    color: var(--color-06)
}

.text-reembolso-vuelo {
	text-align: right;
	font-size: 14px;
	font-weight: 600;
	margin-top: 10px;
	color:var(--color-06);
	margin-bottom:10px;
}

.text-reembolso-vuelo img{
	width: 25px;
	margin-right: 4px;
	margin-top:-5px;
	margin-left: 10px;
}

.bloque-info-precio{
	border: solid 1px #B1B1B1;
    border-radius: 5px !important;
    line-height: 50px;
    width: 100%;
    margin-left: 0% !important;
    margin-top: 20px !important;
}

.title-info-precio{
	background-color:var(--color-06);
	border-radius: 5px 5px 0px 0px !important;
	color:#ffffff;
	font-weight: 600;
	text-align: center;
	letter-spacing: 1px;
	line-height: 40px;
}

.desc-info-vuelo{
	padding-right: 0px !important;
	padding-left: 0px !important;
	font-size: 12px;

}

.titulo-desc-info-vuelo{
	border-bottom: solid 1px #dadada;
	padding-left:10px;
	background-color: #f4f4f4;
	color: #707070;
	margin: 0px;
}

.info-precio-desc{
	padding-left:10px;
	border-bottom: solid 1px #dadada;
	font-weight: 600;
    color: #3F3F3F;
    margin: 0px;
    line-height: 40px !important;
    font-size: 14px;
}

/* CSS Datos de Pago Vuelo */



.bq-seguro{
	height: 280px;
}

.bq-seguro h6 {
	font-weight: 400;
}

.bq-seguro select {
	width: 70%;
	text-align: center;
	margin-left: 15%;
}
.bloque-eqpj {
	margin-top: 30px;
	margin-bottom:10px;
}

.bloque-eqpj h6{
	color:#888888;
	font-size: 14px;
	text-align: center;

}

.titulo-tabla-pasajero{
	color:#000000 !important;
	text-transform: uppercase;
	font-size: 14px !important;
	font-weight: 500;
	padding: 5px;
    border-radius: 3px;
    border: 1px solid #dadada;
}

.tabla-pasajero p {
    padding: 5px;
    font-size: 14px;
    color:#888888;
}

.no-margin-coste{
	margin:0px;
}

.borde-bt{
	border-bottom: 1px solid #dadada;
}

.exp-ttl-pasajero{
	padding: 5px;
    font-size: 14px;
    color: #888888;
    background-color: #ffffff !important;
}

.no-pd-r{
	padding-right:10px;
}

.no-pd-l{
	padding-left:10px;
}

.boton-info-hucha{
	width: 48px;
    height: 48px;
    background-color: #b0b0b0;
    float: right;
    border-radius: 25px !important;
}

.bg-main{
	background-color: transparent;
}

.form-check .form-check-input{
	margin-left:0px !important;
	margin-right:5px;
}

/* CSS Fin Datos de Pago Vuelo */



.text-info-pasj p{
	color:#888888;
	font-size: 15px;
}

.text-info-pasj i{
	color:var(--color-01) !important;
	margin-right: 5px;
}

.check-seguro{
	width: 60%;
	margin-left: 23%;
}

.enlace-seguro{
	padding-bottom: 16px;
}

.enlace-seguro a{
	color:var(--color-01);
	font-size: 14px;
}

.btn-pasajero{
	margin-top: 17px;
}


.mini-title{
	padding:10px 20px;
	font-size: 14px;
	background-color: var(--color-09);
	color:#ffffff;
	font-weight: 500;
}

.datos-pago-destino{
	margin-top: 5px;
}

.datos-pago-destino p{
	margin-bottom: 5px;
}


.datos-pago-destino i{
	color:#5d5e5d;
	margin-right: 3px;
}


.pagar-saldo{
	font-size: 18px;
    color:#5d5e5d;
}

.pagar-saldo span{
    color: var(--color-01);
    font-weight: 700;
    font-size: 21px;
}

.pagar-saldo img {
    width: 25px;
    margin-right: 5px;
    margin-top: -5px;

}

.pagar-saldo .form-check-input{
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 10px;
}

.bq-precio-total{
	font-size: 18px;
    color: #5d5e5d;
}

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

.text-left{
	text-align: left;
}

.bq-precio-total-text{
	font-size: 14px;
}

.bq-precio-total-nmb{
	font-size: 18px;
	color: var(--color-06) !important;
}

.bq-precio-total-text span{
	color: var(--color-05);
    font-weight: 500;
    font-size: 12px;
}

.bq-precio-total-nmb span{
	color: var(--color-05);
    font-weight: 800;
    font-size: 18px;	
}

.bq-precio-total-text img{
	width: 20px;
	margin-right:5px;
}

.text-justify{
	text-align: justify;
}


.info-pago i{
	color: #5d5e5d;
    margin-right: 3px;
}


.btn-toolbar i{
	font-size: 21px;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 8px;
	color:#8b8b8b;
	font-weight: 700;
}


.paginacion{
	margin-left: 2px;
	margin-right: 2px;
}



.btn-page{
	border-radius: 5px !important;
	margin-left:6px;
	margin-right:6px;
	border:solid 1px #888888 !important;
	background-color: #f3f3f3 !important;
	color: #3b3b3b !important;
	font-weight: 500;
}

.btn-princ {
	background-color: #565e64 !important;
	border-color: #51585e !important;
}
.btn-fin{
	margin-left:8px !important;
}

.btn-page:hover{
	color: #ffffff !important;
	background-color: #5c636a !important;
  	border-color: #565e64 !important;
}

.bloque-imagen{
	height: 250px;
	overflow: hidden;
    display: block;
    width: 100%;
}

.img-bg{
    min-height: 250px;
    width: 300px;
}

.card-title{
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 0px;
}

.card-text{
	margin-bottom:2px;
	font-size: 12px;
	font-weight: 400;
	height: 20px;
}

.card-tipohabitacion{
	font-size: 12px;
	margin-bottom:2px;
	height: 30px;
}
.card-reembolsable{
	font-size: 11px;
	margin-bottom:0px;
	height: 20px;
}
.card-reembolsable elem {
	color:  var(--color-01);
	font-weight: 600;
}
.card-reembolsable .int_number {
	font-size:  13px !important;
}
.card-reembolsable .decimal_number, .card-reembolsable .divisa {
	font-size:  11px !important;
}
.card-reembolsable .ml-2 {
	margin-left: 0px !important;
}
.card-tripadvisor{
	height: 25px;
}

.card-tripadvisor img{
	height: 12px;
}

.card-tripadvisor span{
	font-size: 12px;
	color:#888888;
}

.card-body{
	padding:1rem 1rem;
}

.card-point-services{
	height: 40px;
	font-size: 14px;
	font-weight: 500;
	color:#888888;
	margin-top: 10px;
}
.card-point-services img{
	height: 20px;
	margin-right: 4px;
}

.card-point-services span{
	margin-right: 20px;
}
#resumen_pedido .card-point-services {
	margin-top: 25px;	
}

.card-comparativa{
	height: 20px;
	margin-top: 5px;
}

.card-comparativa span{
	color:#5d5e5d;
    font-weight: 500;
    padding:5px 10px;
    padding-left: 0px;
    font-size: 13px;
    margin-right: 5px;
    border-right: 1px solid #5d5e5d;
}
.card-destacado {
	background: color-mix(in srgb, var(--color-06) 8%, white);
	border: thin solid var(--color-06);
	-webkit-box-shadow: 0px 0px 5px 1px var(--color-06);
	box-shadow: 0px 0px 5px 1px var(--color-06);
	-moz-box-shadow: 0px 0px 5px 1px var(--color-06);
}
.titulo-disponibilidad {
	background-color: var(--color-01);
	color: #ffffff;
	text-align: center;
}
.titulo-tipohabitacion {
	background-color: #f0f0f0;
	color: var(--color-01);
	border: thin solid #ffffff;
}
.precio-mas-tarifas {
	color: var(--color-01);
}
.precio-mas-tarifas .int_number {
	font-size:18px !important;
}
.precio-mas-tarifas .decimal_number {
	font-size:14px !important;
}
.precio-mas-tarifas .divisa {
	font-size:16px !important;
}
.card-nodisponible {
  width: 100%;
  color: #d4111e;
  font-size: 13px;
  font-weight: 600;
  display: flex;
  align-items: center;
}
.card-nodisponible img {
  height: 20px;
  margin-right: 10px;
}

.nodisponible {
  border: thin solid var(--color-06);
  -webkit-box-shadow: 0px 0px 5px 1px var(--color-06);
  box-shadow: 0px 0px 5px 1px var(--color-06);
  -moz-box-shadow: 0px 0px 5px 1px var(--color-06);
  background-color: transparent;
}
.btn-seleccionar-hab{
	background-color: var(--color-06) !important;
	padding: 2px 12px;
	color:#FFFFFF;
	font-size: 14px;
	border:none;
	letter-spacing: 1px;
	border-radius: 25px !important;
}

.noche-desde{
	text-align: right;
	margin-top: 0px;
	color:#888888;
	font-size: 14px;
}

.ficha-hotel.selectable {
	cursor:pointer;
}
.precio-hab{
	font-weight: 600;
	color:var(--color-06) !important;
	font-size: 24px;
	margin-top: 5px;
	text-align: right;
}
.precio-hab-noche{
	font-weight: 400;
	color:var(--color-06) !important;
	font-size: 16px;
	margin-top: 0px;
	text-align: right;
}
.precio-hab-noche span{
	color:#888;
	font-size: 12px;
}
.precio-hab-noche .int_number {
	font-size: 18px !important;
}

.precio-hucha{
	float:right;
	color: var(--color-06);
    font-weight: 600;
    font-size: 14px !important;
    text-align: right;
    min-width: 130px;
}
.precio-hucha-recomendado{
	color: var(--color-06);
    font-weight: 400;
    font-size: 14px !important;
    text-align: right;
    margin-top: 20px;
    text-align: center;
}
.precio-hotel-recomendado-pax{
	color:#666;
	font-size: 12px !important;
    font-weight: 400;
    text-align: center;
}
.precio-hotel-recomendado-pax span{
	color: var(--color-06);
	font-size: 12px !important;
    font-weight: 400;
}
.precio-hotel-recomendado-pax span .int_number{
	font-size: 12px !important;
}
.precio-hotel-recomendado-pax span .decimal_number{
	font-size: 10px !important;
}
.precio-hotel-recomendado-pax span .divisa{
	font-size: 10px !important;
}
.btn-mapa {
    background: url('/extras/img/bg-mapa.jpg');
    background-size: cover;
    background-position: center center;
    border-radius: 5px;
    color: #fff;
    font-size: 15px;
}
#cashback_transporte_hotel .int_number {
	font-size: 24px !important;
}
#cashback_transporte_hotel .decimal_number {
	font-size: 16px !important;
}
#cashback_transporte_hotel .divisa {
	font-size: 14px !important;
}

u > elem {
	margin: 0px !important;
}
.botonreservar {
	position: absolute;
	bottom:0;
	right:0;
}
.btn-reser-hab{
	background-color: var(--color-06) !important;
	padding: 10px 20px;
	color:#FFFFFF;
	font-weight: 700;
	font-size: 14px;
	border:none;
	letter-spacing: 1px;
	border-radius: 25px !important;
	margin-bottom:20px;
	margin-right: 15px;
}

.precio-hucha img, .precio-hucha-recomendado img{
	width: 25px;
	margin-right: 5px;
	margin-top: -10px;
}

.precio-hab span{
	font-weight: 400;
	color:#888 !important;
	font-size: 12px;
}

.title-filtro-rsl{
	background-color: var(--color-01);
	color:#ffffff;
	text-align: center;
	font-size: 16px;
	padding:10px 20px;
	letter-spacing: 0.5px;
}


.btn-check:active+.btn-secondary, .btn-check:checked+.btn-secondary, .btn-secondary.active, .btn-secondary:active, .show>.btn-secondary.dropdown-toggle{
	color:#ffffff !important;
}

.bq-filtros-hotel{
	background-color: #ffffff;
}

.no-pad-l{
	padding-left:0px !important;
}

.filtro-categoria-hotel{
	border-bottom:1px #dadada solid;
}


.filtro-categoria-hotel a{
	color: var(--color-01) !important;
    font-weight: 600 !important;
    font-size: 13px;
}

.filtro-categoria-hotel p{
	margin-bottom: 5px;
	font-size: 15px;
	color: #3b3e41;
}

.filtro-categoria-hotel i{
	color:var(--color-02);
}


.flt-cat-p{
	margin-left:20px;
}

.mini-title-flt{
	font-size: 12px;
	font-weight: 700;
	color:#5d5e5d;
	margin-left: 8px;
	margin-bottom: 5px;
}

.mini-title-flt i{
	font-size: 14px;
	float:right;
	margin-right: 22px;
	color:#bababa;
	cursor: pointer;
}



.input-nombre-hotel{
	color:#888888;
	width: 90%;
	height: 35px; 
	font-size: 14px;
	border-radius: 25px !important; 
	background-color: #fafafa;
	border: 1px solid #bababa;
	margin-left:5px;
	padding:10px;
}

.continuar-sin-hotel{
	padding-top: 25px;
}

.btn-no-gracias {
    background-color: #a25900 !important;
    padding: 10px 20px;
    color: #FFFFFF;
    font-weight: 700;
    font-size: 14px;
    border: none;
    float: right;
    letter-spacing: 1px;
}

.mejor-oferta{
	color:#3bb03b;
	font-size: 14px;
	font-weight: 600;
	padding-top: 15px;
	text-align: right;
	height: 35px;
}

.mejor-oferta img{
	height: 25px;
	margin-right: 5px;
}

.nobd-right{
	border-right:none !important;
}

.bloque-oculto-tablet{
	display: none;
	visibility: hidden;
}

.bloque-flecha-resp{
	height: 40px;
	width: 50px;
	border:solid 1px #888888;
	border-radius: 5px;
	background-color: #f3f3f3;
}

.bloque-flecha-resp i{
	line-height: 40px;
	font-size: 18px;
	color:#777777;
	margin-left:15px;
}

.bloque-flecha-resp-right{
	height: 40px;
	width: 50px;
	border:solid 1px #888888;
	border-radius: 5px;
	background-color: #f3f3f3;
	float:right;
}

.bloque-flecha-resp-right i{
	line-height: 40px;
	font-size: 18px;
	color:#777777;
	margin-left:15px;
}


.text-pag-resp{
	text-align: center;
	line-height: 40px;
	font-size: 18px;
	color:#5d5d5d;
	font-weight: 600;
}

.ocultar-filtros-movil{
	display: none;
	visibility: hidden;
}

.btn-filtros-resp{
	padding: 10px 20px;
	border:none;
	background-color: var(--color-06);
	color:#ffffff;
	border-radius: 5px;
	float:right;
}

.btn-filtros-resp i{
	margin-right: 5px;
	color: #ffffff !important;
}

.altura-modal-fullscreen{
	max-height: 100% !important;
}

.modal-title {
	color:var(--color-01);
	font-size: 21px;
}

.modal-title i{
	color:var(--color-01);
	margin-right: 8px;
	font-size: 21px;
}

.star-hotel-title i{
	color: var(--color-02);
	font-size: 12px;
}

.descripcion-tarifas h6{
	color:#5d5d5d;
	margin-top: 10px;
	font-weight: 600;
}

.descripcion-tarifas p{
	font-size: 13px;
	color:#5d5d5d;
}

.puntuacion-tripadvisor img{
	height: 30px;
}

.puntuacion-tripadvisor span{
	margin-left: 5px;
	font-weight: 700;
	color:#5d5d5d;
	font-size: 21px;
}

.tripadvisor-icon-op{
	margin-bottom: 10px;
	margin-top: 5px;
}

.tripadvisor-icon-op img{
	height: 18px;
	margin-left: 2px;
}

.tripadvisor-icon-op span{
	font-size:16px;
	color:#5d5d5d;
	margin-left:5px;
}

.tripadvisor-desglose img{
	height: 14px;
	margin-left: 2px;
}

.tripadvisor-desglose span{
	font-size:12px;
	color:#5d5d5d;
	margin-left:5px;
}

.nav-pills a{
	background-color: var(--color-back-tab-inactive) !important;
	border-radius: 0px !important;
	padding:10px 30px;
}

.nav-pills li a{
	color:var(--color-08) !important;
}

.nav-pills a:hover{
	border-radius: 0px !important;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
	background-color: var(--color-09) !important;
	color:#FFFFFF !important;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link:hover{
	border-radius: 0px !important;
}

.box_disponibilidad {
    width: 100%;
    padding-left: 25px;
    border: 1px solid #dadada;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    margin-bottom: 5px;
    height: 50px;
}

.box_disponibilidad .blockxssm {
    position: relative;
    top: -5px;
}

.box_disponibilidad .titulo_ocupacion {
    font-weight: bold;
    line-height: 60px;
    color: #000000 !important;
    font-size: 21px;
}

.box_disponibilidad .titulo_disponibilidad {
    text-transform: uppercase;
    line-height: 60px;
    color: #000000 !important;
    font-size: 16px;
    margin-right: 5px;
}

.box_disponibilidad .titulo_availability {
    height: 50px;
    padding: 0;
    position: relative;
    top: -5px;
}

.box_disponibilidad .titulo_availability .icon {
    height: 20px;
    margin-right: 5px;
    max-height: 15px;
    margin-right: 0!important;
}


.box_disponibilidad .icon {
    max-height: 20px;
    position: relative;
    top: -4px;
}

.icon {
    margin-right: 25px;
    height: 21px;
    line-height: 50px;
}

.box_disponibilidad .icon_calendar {
    line-height: 60px;
    margin-right: 0px;
    color: #003968;
}

.box_disponibilidad .icon_calendar img {
    height: 20px;
    margin-right: 5px;
    max-height: 20px;
    margin-right: 0!important;
    position: relative;
    top: -4px;
    margin-left: 10px;
}

.box_disponibilidad .date_user {
    font-weight: bold;
    font-size: 16px;
    line-height: 60px;
    color: #000000 !important;
    margin-right: 5px;
}

.box_disponibilidad .fa {
    color: #898989;
}

.box_disponibilidad .person_hotel {
    font-weight: bold;
    font-size: 16px;
    line-height: 50px;
    color: #000000 !important;
}

.titprexhab {
    font-size: 14px;
    color: #000000 !important;
    margin-top: 30px;
    text-align: right;
}

.box_board {
/*    background-color: var(--color-06) !important;*/
	color: var(--color-06) !important;
    height: 30px;
    padding: 0 15px;
    margin-bottom: 5px;
    display: table;
    margin-top: 20px;
    border-radius: 50px !important;
    line-height: 40px;
    color: white;
/*    font-size: 14px;*/
    font-size: 18px;
    font-weight: 600;
    width: auto;
}

.box_board img {
    max-height: 20px;
    margin-right: 10px;
}

.box_room_hotelsel {
    width: 100%;
    padding-left: 25px;
    padding-right: 18px;
    border: 1px solid #cad5dc;
    background-color: #dae3e8;
    display: block;
    margin-bottom: 5px;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    cursor: pointer;
    cursor: hand;
    line-height: 0px !important;
}

.titulo_room {
    line-height: 50px;
    color: #000000 !important;
    font-size: 16px;
    margin-right: 25px;
    font-weight: 500;
}

.icon_check {
    float: right;
    margin-top: 2px;
}

i.icon_check_sel {
    background-color: var(--color-03);
    color: #FFFFFF !important;
}


i.icon_check {
    font-size: 22px !important;
    color: var(--color-02);
    border: 2px solid var(--color-06) !important;
    padding: 8px 12px;
    border-radius: 50px !important;
}

.pay_room {
    float: right;
    margin-right: 25px;
    line-height: 45px;
    color: var(--color-06) !important;
    font-size: 24px;
    font-weight: 700;
}
.classification_room {
    float: right;
    margin-right: 25px;
    line-height: 45px;
    color: #5d5e5d !important;
    font-weight: 700;
}
.classification_room_reembolsable {
    float: right;
    margin-right: 25px;
    line-height: 45px;
    color: var(--color-01) !important;
    font-weight: 700;
    padding: 5px;
    border-radius: 5px;    
}
.classification_room_reembolsable_tienda {
    float: right;
    margin-right: 0px;
    line-height: 16px;
    color: #249d56 !important;
    font-weight: 600;
    padding: 0px;
    border-radius: 5px;    
    font-size: 14px;
    margin-top: 5px;
}
.classification_room_tienda_detalle {
    float: right;
    color: #818181 !important;
    font-weight: 600;
    line-height: 16px;
    padding: 0px;
    font-size: 14px;
	margin-top: -10px;
	margin-bottom: 10px;
	max-width: 50%;
}
.classification_room_reembolsable_tienda_detalle {
    float: right;
    margin-right: 0px;
    line-height: 16px;
    color: #249d56 !important;
    font-weight: 600;
    padding: 0px;
    border-radius: 5px;    
    font-size: 14px;
	margin-top: -10px;
	margin-bottom: 10px;
	max-width: 50%;
}
.precio_por_noche_detalle {
	text-align: right;
	color:#818181;
	font-size: 14px;
	margin-top: -10px;
	margin-bottom: 10px;
	line-height: 16px;
	padding-right: 75px;
}
div.precio_por_noche_detalle span {
	color: var(--color-06) !important;
}
div.precio_por_noche_detalle span .int_number, div.precio_por_noche_detalle span .divisa {
	font-size: 14px !important;
}
div.precio_por_noche_detalle span .decimal_number {
	font-size: 12px !important;
}

.classification_room.lista, .classification_room_reembolsable.lista {
	font-size:  11px;
	font-weight: 400;
	margin-right: 0px;
	line-height: 10px;
}

.box_room_hotel {
    width: 100%;
    padding-left: 25px;
    padding-right: 18px;
    border: 1px solid #cad5dc;
    background-color: #f5f7f7;
    display: block;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    margin-bottom: 5px;
    cursor: pointer;
    cursor: hand;
    line-height: 0px !important;
}

.pay_full_room {
    margin-left: 5px;
    margin-right: 25px;
    color: var(--color-06) !important;
    font-weight: 700;
    font-size: 24px;
}

.btn-continuar-tarifas {
    background-color: var(--color-06) !important;
    padding: 10px 20px;
    color: #FFFFFF;
    font-weight: 700;
    font-size: 14px;
    border: none;
    float: right;
    letter-spacing: 1px;
}


.dentsal {
    width: 260px;
    padding: 10px;
    border: solid 1px #5f6f90;
    margin-bottom: 10px;
    margin-left: 13px;
}


.dentsal img{
	height: 20px;
	margin-right: 5px;
}

.bloque-des-tarifas h5{
	color: var(--color-05);
	font-size: 16px;
	margin-top: 10px;
}

.bloque-des-tarifas p{
	font-size: 13px;
    color: #5d5d5d;
    margin-bottom:10px;
}

.bloque-loc-tarifas h5{
	color: #5d5d5d;
	font-size: 16px;
	margin-top: 10px;
	margin-bottom: 0px;
}

.bloque-loc-tarifas h6{
	margin-bottom: 5px;
}

.bloque-loc-tarifas p{
	font-size: 13px;
    color: #5d5d5d;
    margin:0px;
}

.bloque-opiniones-tarifas h3{
	margin: 0;
    font-size: 18px;
    border-bottom: 2px solid #e3e3e3;
    width: 100%;
    margin-bottom: 5px;
    padding-bottom: 2px;
    font-weight: normal;
    text-transform: uppercase;
    margin-top: 20px;
	color: var(--color-05);    
}

.bloque-comentarios-tarifas h3{
	margin: 0;
    font-size: 18px;
    border-bottom: 2px solid #e3e3e3;
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 2px;
    font-weight: normal;
    text-transform: uppercase;
    margin-top: 20px;
}


.barRatingBox {
    float: left;
    margin-right: 10px;
    width: 100px;
    background-color: #e3e3e3;
}

.barRatingBox div {
    background-color: #249d56;
}

.text-rango{
	width:70px; 
	float:left;
	font-size: 12px;
	color: #5d5d5d;
}

.bloque-info-comentario{
	color:#5d5d5d;
}


.bloque-descripcion-commentario{
	color:#5d5d5d;
}


.bloque-descripcion-commentario img{
	height: 15px;
	margin-right: 5px;
}

.bloque-descripcion-commentario h6{
	margin-bottom: 5px;
}

.bloque-descripcion-commentario p{
	margin-top: 10px;
	font-size: 13px;
    color: #5d5d5d;
    margin-bottom:15px;
}

.bloque-info-comentario p{
	margin-bottom:12px;
}
.header-navigation > ul > li > a {
	color: #FFFFFF;
	display: block;	
	padding: 15px 12px 15px;
}
.pre-header {
	/**background-color: #CCCC33;**/
	background: url(https://webyred.clubviajeregalo.com/extras/img/barra-menu.png) 50% 0 repeat;
	color: #E8E8E8;	
	border: 0px;
	height: 50px;
	/*padding-top: 15px;*/
}

.pre-header a {
	color: #E8E8E8;
}

/*Cambio en el hover*/

.pre-header a:hover {
	color: var(--color-05) !important;
	text-decoration: none;
}


.bloque_slider img {
    width: 100%;
    height: auto;
    display: block;
}

.bloque_slider-sub{
	margin-bottom: 20px;
}


.bloque_slider-sub img {
    width: 100%;
    height: auto;
    display: block;
}


/*Fin del cambio hover*/

.site-logo {
	float: right;
	margin-left: 67px;
	margin-right: 0px;
	padding-top: 5px;
	padding-bottom: 2px;	
}
.site-logo img {
	max-height: 40px;	
}

.footer {
	background-color: #CCCC33;
	color:#336666;
}

.product-item, .product-page {
	background-color: #F1F1F0;
	
}
.product-page-content .tab-content {
	background-color: #F1F1F0;
}
.btn-ver {
		width:35%; 
		float:left;	
}

.product-item > .estrellas {
	 margin-bottom: 8px;
	
}
.altura-fija-producto {
	min-height: 370px;	
	padding: 0px;
}
.altura-fija-producto img{
	border-radius: 0px;
}

.product-page-cart .btn {
  padding: 9px 18px;

}

#Descripcion p {
	margin: 0 0 5px;
	padding-left: 10px;
	padding-right: 10px;	
}
.pi-price {
	font-weight: bold;
	font-size: 18px;
	margin-top: 4px;
	margin-bottom: 10px;
	float: right;
	width: 100%;
	color: black;
	text-align: right;
}
.product-other-images img {
	width: 90px;	
}

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}

.product-item:hover {
	box-shadow: 0px 0px rgba(234, 234, 234, 0.9);
}
.estrellas {
	padding-bottom: 12px;
}	
.product-page {
	margin-right: 0px;	
}
.product-page-cart {
	padding-top: 20px;
	margin-top: 18px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.carousel-control.left, .carousel-control.right {
  background-image: -webkit-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,.0001) 100%);
  background-image: -o-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,.0001) 100%);
  background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),to(rgba(0,0,0,.0001)));
  background-image: linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,.0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;
}
/* Footer nuevo, diseño */

.iconos-pre-footer {
	background-image:url(https://webyred.clubviajeregalo.com/extras/img/footer/barra-menu-pie.png);
	background-repeat: repeat;
	height: 50px;	
}	
.pre-footer {
	background-image:url(https://webyred.clubviajeregalo.com/extras/img/footer/barra-menu-pie-fondo.png);
	background-repeat: repeat;	
}
.pre-footer .container {
	padding-top: 20px;	
}
.pre-footer a {
	color: var(--color-06) !important;
}
.pre-footer a:hover {
	color: var(--color-05) !important;
}
.iconos-pre-footer img {
	max-height: 26px;
	margin-top: 11px;
	margin-left: 20px;	
}
#logo-pie-club {
	max-height: 46px;
	margin-right: 10px;	
}
#pago-seguro-text span {
	vertical-align: bottom;
	font-size: 16px;
	font-weight: 300;
}
.legal-footer2 {
	margin-top: 20px;
	padding-top: 15px;
	border-top: 1px solid #AAA;
}

.legal-footer-tren {
	margin-top: 20px;
	padding-top: 15px;
	border-top: 1px solid #AAA;
	margin-right: 0px;
}
.logo-iryo svg {
	margin-top: 18px;
}
	


/* Video de youtube */
#player {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.modal .modal-body {
    max-height: 420px;
    overflow-y: auto;
}

.header .mobi-toggler {
	margin: 10px 0px 10px 10px;	
}


/*Personalización del template*/

a {
	color: var(--color-01);
}
a:hover {
	color: var(--color-05);
}
.pre-header a:hover {
	color: var(--color-05);
}
.shop-currencies a.current {
	color: var(--color-04);
}
.header-navigation ul > li.active > a,
.header-navigation ul > li > a:hover,
.header-navigation ul > li > a:focus,
.header-navigation ul > li.open > a,
.header-navigation ul > li.open > a:hover,
.header-navigation ul > li.open > a:focus {
	color: #CCCC33;
}
.header-navigation li.menu-search i:hover {
	color: #CCCC33;
}
.sidebar a:hover {
	color: var(--color-05);
}
.sidebar .dropdown.open .dropdown-toggle:hover {
	color: #CCCC33;
}
.sidebar-menu .dropdown-menu li > a:hover, .sidebar-menu .dropdown-menu li > a:focus, .sidebar-menu li.active > a, .sidebar-menu li.active > a:hover {
	color: #CCCC33;
}
.content-page a:hover, 
.sidebar2 a:hover {
	color: #CCCC33;
}
.content-page .link, .content-page .link:hover, .content-page .link:active {
	color: #CCCC33;
}
.page-404 .number,
.page-500 .number {
	color: #CCCC33;
}
.content-form-page a:hover {
	color: #CCCC33;
}
.quote-v1 a.btn-transparent:hover {
  background: #CCCC33;
}
.recent-work h2 a:hover {
	color: #CCCC33;
}
.recent-work .recent-work-item .fa:hover {
	color: #CCCC33;
}
.our-clients h2 a:hover {
	color: #CCCC33;
}
.front-team h3 strong {
  color: #CCCC33;
}
.ecommerce .header-navigation ul > li.active > a,
.ecommerce .header-navigation ul > li > a:hover,
.ecommerce .header-navigation ul > li > a:focus,
.ecommerce .header-navigation ul > li.open > a,
.ecommerce .header-navigation ul > li.open > a:hover,
.ecommerce .header-navigation ul > li.open > a:focus {
	color: #CCCC33;
}
.product-item h3 a:hover {
	color: #CCCC33;
}
.checkout-page a:hover {
	color: #CCCC33;
}


.langs-block-others:after { 
	border-bottom: 8px solid #CCCC33;
}
.header-navigation > ul > li.dropdown:hover > a:after { 
  border-bottom: 8px solid #CCCC33;
}
.header-navigation .dropdown-menu > li > a:hover,
.header-navigation .dropdown-menu > li.active > a,
.header-navigation .header-navigation-content .header-navigation-col li > a:hover,
.header-navigation .header-navigation-content .header-navigation-col li.active > a {
  background: #CCCC33;
  color: #fff;
}
.header-navigation .dropdown-menu .header-navigation-content-ext li > a:hover,
.header-navigation .dropdown-menu .header-navigation-content-ext li.active > a {
  background: #fff;
  color: #CCCC33;
}
.header-navigation .search-box:after { 
	border-bottom: 8px solid #CCCC33;
}
.header-navigation .search-box {
	border-top: solid 2px #CCCC33;
}
.title-wrapper h1 span {
	color: #CCCC33;
}
.breadcrumb > .active {
	color: #CCCC33;
}
.form-info h2 em {
	color: #CCCC33;
}
.nav-tabs {
	border-color: #ffffff;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	background: #CCCC33;
}
.content-search h1 em {
	color: #CCCC33;
}
.recent-work .recent-work-item:hover a.recent-work-description {
	background: #CCCC33;
}
.testimonials-v1 blockquote:after { 
  background-color: #CCCC33;
}
.testimonials-v1 span.testimonials-name {
	color: #CCCC33;
}
.search-result-item h4 a {
	color: #CCCC33;
}
.top-cart-content:after { 
	border-bottom: 8px solid #CCCC33;
}
.goods-data a,
.checkout-page .checkout-description a {
	color: #CCCC33;
}
.product-page .review a {
	color: #CCCC33;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background: #CCCC33;
    color: #fff;
}
.list-view-sorting a {
	background: #fff;
	color: #CCCC33;
}

::-moz-selection {
  color: #000;
  background:#AAA;
}
::selection {
  color: #000;
  background: #AAA;
}
.steps-block ::-moz-selection {
  color: #CCCC33;
  background: #fff;
}
.steps-block ::selection {
  color: #CCCC33;
  background: #fff;
}

.owl-buttons .owl-prev:hover {
    background-color: var(--color-05);
}
.owl-buttons .owl-next:hover {
    background-color: var(--color-05);
}
.steps-block-red {
	background: #CCCC33;
}
.pre-footer .photo-stream img:hover {
	border-color: var(--color-05);
}
.pre-footer-light dl.f-twitter dd a {
	color: #CCCC33;
}
.pre-footer-light address a {
	color: #CCCC33;
}
.testimonials-v1 .left-btn:hover {
    background-color: var(--color-05);
}
.testimonials-v1 .right-btn:hover {
    background-color: var(--color-05);
}
.blog-tags li i,
.blog-info li i {
  color: #CCCC33;
}
.blog-posts .more,
.blog-sidebar .more {
	color: #CCCC33;
}
.recent-news h3 a {
	color: #CCCC33;
}
.blog-photo-stream li img:hover {
  border-color: #CCCC33;
}
.blog-tags li a:hover {
  color: #fff;
  background: #CCCC33;
}
.blog-tags li a:hover:after {
  border-left-color: #CCCC33;
}
.sidebar-categories li > a:hover,
.sidebar-categories li.active > a,
.sidebar-categories li.active:hover > a {
  color: #CCCC33;
}
.blog-item blockquote {
  border-color: #CCCC33;
}
.blog-item h4.media-heading span a {
    color: #CCCC33;
}
.front-steps-wrapper .front-step1 {
	background: #CCCC33;
}
.pricing-active {
  border: 3px solid #CCCC33;
  box-shadow: 7px 7px rgba(232, 77, 22, 0.2);
}
.pricing:hover {
  border: 3px solid #CCCC33;
}
.pricing:hover h4 {
  color: #CCCC33;
}
.pricing-head h3 {
  background: #CCCC33;
}
.pricing-head-active h4 {
  color: #CCCC33;
}
.pricing-content li i {
  color: #CCCC33;
}
.top-cart-block .fa-shopping-cart {
	background: #CCCC33;
}
.product-item .btn:hover {
	background: #CCCC33;
}
.pi-price {
	color: #CCCC33;
}
.product-item .add2cart:hover {
	color: #fff !important;
	background: #CCCC33 !important;
	border-color: #CCCC33;
}
.goods-page-price strong, 
.goods-page-total strong,
.checkout-price strong,
.checkout-total strong {
	color: #CCCC33;
}
.shopping-total strong,
.checkout-total-block strong {
	color: #CCCC33;
}
.compare-item strong {
	color: #CCCC33;
}
.sidebar-products .price {
    color: #CCCC33;
}
.price-availability-block .price strong {
	color: #CCCC33;
}


.require {
	color: #CCCC33;
}
.content-form-page .form-control:focus {
	border: solid 1px #CCCC33;
}
.content-search input:focus {
	border: solid 1px #CCCC33;
}

.btn-primary {
	background: #CCCC33;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
	background: var(--color-05);
}

.header-navigation .dropdown-menu > li:first-child {
    border-top: 2px solid #CCCC33;
}
.front-steps-wrapper .front-step1:after {
    border-left: 15px solid #CCCC33;
}

.del-goods:hover,
.add-goods:hover {
	background-color: #CCCC33;
}

.sidebar a:hover > .fa-angle-down {
	background-position: -11px 0;
}
.sidebar .collapsed:hover > .fa-angle-down {
	background-position: -11px -37px;
}
.top-cart-content {
	border-top: solid 2px #CCCC33;
}

.front-skills .progress-bar {
  background: #CCCC33;
}

.service-box-v1:hover {
  background: #CCCC33;
}

.header .mobi-toggler:hover {
  background-color: #CCCC33;
  border-color: #CCCC33;
}


.faq-tabbable {
  border-left: solid 2px #CCCC33;
}
.faq-tabbable li:hover a,
.faq-tabbable li.active a{
  background: #CCCC33;
}
.faq-tabbable li.active:after {
  border-left: 6px solid #CCCC33;
}

.mix-filter li:hover, .mix-filter li.active {
    background: #CCCC33;
    color: #fff;
}
.mix-grid .mix .mix-details {
	background: #CCCC33;
}
.mix-grid .mix a.mix-link, 
.mix-grid .mix a.mix-preview {
  background: #CCCC33;
}
.langs-block-others {
	border-top: solid 2px #CCCC33;
}
.brands .owl-buttons .owl-prev:hover {
    background-position: 18px -217px;
}
.brands .owl-buttons .owl-next:hover {
    background-position: -249px -217px;
}
.header-navigation ul > li.active > a,
.ecommerce .header-navigation ul > li.active > a {
	border-bottom: 0px solid #CCCC33;
}

/* Pruebas para invertir color de la web */

body, .content-page {
	background-color: #F0F0F0;	
}
.product-item, .product-page {
	background-color: #FFFFFF;	
}
.product-page-content .tab-content {
	background-color: #FFFFFF;	
}
.well {
	background-color: #FFFFFF;		
}

/* Bloque ida y vuelta Trenes */

.bloque-destino-seleccionado{
	padding:10px;
}

.bloque-destino-seleccionado p{
	font-size: 16px;
}


.bloque-destino-seleccionado span{
	font-weight: 700;
}

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

.float-left{
	float:left !important;
}

.bloque-disponibilidad-tren{
width: 50%;
}
.tiempo-limite-emision {
	font-size:12px;
	line-height: 12px;
	margin-top: 16px;	
	text-align: right;
	float: right;
}
.tiempo-limite-emision i {
	font-size:9px;
}
.info-tarifas-tren img{
	width: 12px;
	margin-right:5px;
	margin-left:10px;
	margin-top: -2.5px;
}

.ancho-tag-disponibilidad-tren p{
	padding:15px 10px;
	font-size: 16px;
	text-transform: uppercase;
	color:#FFFFFF;
	font-weight: 500;
	margin:0px;
}

.ancho-tag-disponibilidad-tren img{
	width: 50px;
	margin-right:10px;
}


.disponibilidad-no-seleccionada{
	opacity: 0.4;
}

/* COLORES PROMOCIONES TREN */

.color-seleccionado{
	background-color:var(--color-06) !important; 
}

.color-tasas{
	background-color:#3fab35 !important; 
}

.color-supl{
	background-color:var(--color-supl) !important; 
}

.color-seleccionado:hover{
	background-color:var(--color-06) !important; 
}

.color-tasas:hover{
	background-color:var(--color-02) !important; 
}

.color-supl:hover{
	background-color:var(--color-06) !important; 
}


/* COLORES GENERALES TREN */

.color-ida{
    background-color: var(--color-05) !important;
}

.color-vuelta{
    background-color: var(--color-06) !important;
}



.fondo-tren-basic{
	background-color: #dddddd !important;
}

.btn-precio-disp{
	background-color: #81005e !important;
	-webkit-border-radius: 4px 4px 4px 4px !important;
	border-radius: 4px 4px 4px 4px !important;
}

.btn-precio-disp:hover {
	background-color:var(--color-05) !important;
 	color:#FFFFFF;
}

.btn-precio-prom{
	-webkit-border-radius: 4px 4px 4px 4px !important;
	border-radius: 4px 4px 4px 4px !important;
}



.btn-precio-prom:hover {
 	color:var(--color-05);
}

/* Ultimos cambios de CSS */


/* PRINCIPIO: Cambios generales */

body {font-family: 'Lato', sans-serif;background-color: #f0f0f0;}

/* FIN: Cambios generales */


/* PRINCIPIO Textos */

.gris {color: grey;}

.negro {color:#3b3e41;}

.negro-claro {color: #535353;}

.blanco {color: white;}

.color-tren {color: #81005e !important;} 

.texto-normal {font-size: 1em !important;}

.texto-grande {font-size: 1.2em;}

.texto-titulo {font-size: 21px;}

.texto-titulo-vuelos {font-size: 16px;}

.texto-bold-900 {font-weight: 900;}

.texto-bold-700 {font-weight: 700;}

.texto-bold-600 {font-weight: 600;}

.texto-bold-500 {font-weight: 500;}

.texto-thin-400 {font-weight: 400;}

.texto-thin-300 {font-weight: 300;}

.texto-thin-100 {font-weight: 100;}

.texto-justificado {text-align: justify;}

.texto-titulos-filtro{font-size: 18px; color:#333333;font-weight: 600;}

.texto-derecha {text-align: right;}

.mayusculas {text-transform: uppercase;}

.separar-lineas {line-height: 1.8;}

.altura-textos-boton {line-height: 15px;}

.altura-tablas-vuelo {line-height: 50px;}

.separar-letras {letter-spacing: 2px;}

/* PRINCIPIO: Caja */

.caja {
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 12px;
	padding-bottom: 12px;
	background-color: #fff;
}

.caja li {
	display: inline-block;
	margin-bottom: 1%;
}

.caja li a {
	text-decoration: none;
}

.nav-link{
	padding:5px 10px;
	font-size: 14px;
}

.nav-tabs .nav-link{
	color: var(--color-06) !important;
    font-weight: 600 !important;
    border-radius: 25px!important;
    margin-right: 5px;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
	color: #fff !important;
    background-color: var(--color-01)!important;
    border-radius: 25px!important;
    border:none !important;
}

.nav-tabs .nav-link:hover{
	color: #fff !important;
    background-color: var(--color-05)!important;
    border-radius: 25px!important;
    border:none !important;
}

.tab-pane a{
	color:var(--color-01) !important;
	font-weight: 600 !important;
}

.nav li a {
	color:var(--color-01);
	font-weight: 600;
}

.nav li a:hover {
	border-radius: 25px;
}

.vuelos-directos{
	font-size:13px;
	font-weight: 600;
	color:#888888;
}

.delete{
	position: absolute;
	margin-top: 13px !important;
	margin-left:-20px;
	color:var(--color-06) !important;
}

.caja-numero {width: 35px;height: 35px;}

.caja-numero:hover {background-color: var(--color-05);}

.caja-numero:hover span{color:var(--color-05);}

.borde-caja-tren {border-top: 2px solid #81005e;}

.caja-size {height: 100%;width: 100%;}

.caja-filtro {float: left; width: 23.5%; background-color: #fff;}

.size-filtro-titulo {width: 100%; height: 40px;}

.caja-hotel {padding-left: 0.15%; padding-right: 0.15%; padding-top: 1%; padding-bottom: 1%; height: 225px; background-color: #fff; border: 1px solid #109bba;}

.caja-altura-equipaje {height: 290px;}

.caja-altura-datos {height: 290px;}

.altura-equipaje {height: 100px;}

.altura-seguro {height: 135px;}

.ancho-equipaje-seguro {width: 260px;}

.fondo-tren-corporativo {background-color: #81005e;}

.fondo-azul {background-color: #bbd7e5;}

.fondo-azul-normal {background-color: #eaeaea;}

.fondo-azul-claro {background-color: #f4f8fb;}

.fondo-azul-vuelo {background-color: #e2ebf2;}

.fondo-azul-ida{background-color: #f0f2f3;}

.fondo-azul-numero {background-color: #a5cadd;}

.fondo-gris {background-color: grey;}

.fondo-naranja {background-color: #BA6010 !important;}

.fondo-mundo {background-image: url('../../extras/img/mundo-general.png'); background-repeat: no-repeat; background-position: 120% -10%; background-size: 650px;}

.fondo-low-cost {background-image: url('../../extras/img/low-cost.png'); background-repeat: no-repeat; background-size: 55px; background-position: 50% 50%}

.color-label-datos{
	color:#333;
}

/* PRINCIPIO: Margin and padding */

.espacio-abajo {margin-bottom: 3%;}

.espacio-abajo-20 {margin-bottom:20px;}

.espacio-abajo-2 {margin-bottom: 2%;}

.espacio-abajo-12 {margin-bottom: 12px;}

.espacio-abajo-1 {margin-bottom: 1%}

.espacio-abajo-5 {margin-bottom: 5%;}

.espacio-arriba {margin-top: 2%;}

.espacio-arriba-1 {margin-top: 1%;}

.espacio-arriba-3 {margin-top: 3%;}

.espacio-arriba-20 {margin-top: 20px;}

.espacio-arriba-10 {margin-top: 10px;}

.espacio-arriba-5 {margin-top: 5px;}
 
.espacio-arriba-80 {margin-top:80px;}

.espacio-abajo-menos {margin-bottom: -1% !important;}

.espacio-entre-cajas {margin-top: 2%;}

.hueco-arriba-15 {padding-top: 15px;}

.hueco-arriba-12 {padding-top: 12px;}

.hueco-arriba-10 {padding-top: 10px;}

.hueco-arriba-2 {padding-top: 2%;}

.hueco-abajo-5 {padding-bottom: 5%;}

.hueco-abajo-2 {padding-bottom: 2%;}

.hueco-abajo-1 {padding-bottom: 1%;}

.hueco-abajo-20{padding-bottom:20px;}

.hueco-10 {padding: 10%;}

.hueco-reservar {padding-top: 2% !important;}

.hueco-vuelo {padding-bottom: 5%;}

.espacio-izquierda-25 {margin-left: 25%;}

.espacio-derecha-destino {margin-left: 10px;}

.espacio-pagina {margin-right: 3%;margin-left: 1%;}

.espacio-reserva-tren {margin-left: 2%;}

.espacio-boton-reservar {margin-right: 17%;}

.espacio-buscar {margin-top: 8%; margin-right: -8%;}

.espacio-ida {margin-bottom: 5%;}

.espacio-vuelta {padding-bottom: 4.5%;}

.espacio-continuar-datos {margin-top: -0.8% !important; margin-right: 15%;}

.espacio-siguiente {margin-top: -4% !important;}

.espacio-boton-hotel {margin-right: -1.4%}

.espacio-boton-hotel-continuar {margin-top: 38%;}

.texto-grande li {margin-bottom: 6px}

.espacio-origen-destino{padding-left:30px;}

.espacio-izquierda-descripcion {margin-left: 1%;}

.centrar {margin: 0 auto;}

.posicion-equipaje-seguro {width: 30%; float: right; margin-top: -27.9%;}

.posicion-datos-pasajero {margin-top: 3%; margin-right: 24%;}

.hueco-filtro {padding-left: 5%;padding-right: 5%;padding-top: 3%; font-size:16px;}

.hueco-filtro-tren {padding-left: 5%;padding-right: 5%;padding-top: 20px; font-size:16px;}

.hueco-filtro-titulo {padding-top: 4%;}

.posicion-filtro {margin-top: 1.8%; margin-bottom: 1.8%; margin-left: 3%;}

.posicion-filtro input {margin-right: 2%;}

.posicion-enlace-filtro {margin-top: 5%; margin-bottom: 5%; margin-left: 7%;}

.posicion-hotel { margin-left: 25%;}

.posicion-reservar {margin-right: 25%;}

.posicion-tag-localizar {margin-left: 20%; margin-top: 1px;}

.posicion-tag-descripcion {margin-bottom: -3.35%;}

.hueco-izquierda-resumen {padding-left: 1.4%}

.espacio-entre-equipaje {margin-top: 6px;}

.espacio-boton-gracias {margin-top: -2%;}

.hueco-datos-postal {padding-left: 12.5%;}

.hueco-datos-numero {padding-left: 9%;}

.hueco-datos-pago {padding-left: 2.2%; padding-right: 1%;}

.hueco-datos {padding-left: 6%;}

.posicion-boton-final {margin-right: 30%; margin-bottom: 5%; margin-top: 5%;}

.hueco-cabecera {padding-top: 10px;}

.margenes-caja {padding: 3.8%;}

/* PRINCIPIO: Boton	*/

.boton-pasajeros {height: 38px;width: 136px;float: right;border-radius: 25px !important;}

.boton-first-renfe {background-color: #81005e;height: 38px;width: 136px;float: right;-webkit-border-radius: 4px 4px 4px 4px !important;
border-radius: 4px 4px 4px 4px !important;}

.boton-first-renfe:hover {background-color:var(--color-05); color: #ffffff;}

.boton-renfe-buscar {background-color: #81005e;height: 38px;width: 250px;-webkit-border-radius: 4px 4px 4px 4px !important;
border-radius: 4px 4px 4px 4px !important;}

.boton-renfe-buscar:hover {background-color:var(--color-05); color: #ffffff;}

.boton-renfe-comenzar {background-color: #81005e;height: 38px;width: 250px;-webkit-border-radius: 4px 4px 4px 4px !important;
border-radius: 4px 4px 4px 4px !important; float:right;}

.boton-renfe-comenzar:hover {background-color:var(--color-05); color: #ffffff; }


.boton-filtro {width: 100%; height: 50px; background-color: #81005e;}

.boton-info {width: 48px; height: 48px; background-color: #109bba;float: right;}

.boton-info:hover {background-color: var(--color-05);}

.boton-filtro:hover {background-color:var(--color-05); color: #ffffff; }

a:hover .boton {
	text-decoration: none !important;
}

/* PRINCIPIO: Pestaña */
	
.fondo-tag-tren {height: 38px; margin-top: -10px;font-weight: 500; line-height: 38px; color:#ffffff; font-size: 14px;}

.fondo-tag-inactivo {background-color: #bbd7e5 !important;height: 38px;}

.ancho-tag-star {width: 136px;}

.ancho-tag {width: 22%;}

.ancho-tag-datos {width: 35%;}

.ancho-tag-pasajero {width: 30%;}

.ancho-reserva-tren {width: 96%;}

.ancho-datos-pago {margin-left: 0.1%; margin-right: 0.1%;}

.tag-star {margin-left: 15px; padding-top: 12px;}

.icon-star-tag {font-size: 1.3em;margin-right: 2%;}

.icon-star-hotel {margin-right: 0.3%;font-size: 1em;}

.icon-low-cost {width: 55px;}

.icon-airplane {width: 25px; margin-left: 25%;}

.icon-airplane-header {width: 25px !important; margin-left: 10px; margin-right: 10px;}

.icon-maleta {width: 30px;}

.image-hotel {width: 200px; padding-top: 2%; padding-right: 1%;}

.icon-camara {z-index: 1; padding-top: 164px; padding-left: 160px; position: absolute; opacity: 0.5;}

.circulo-rojo {list-style-image: url('../../extras/img/circle-red.svg') !important;}

.sombra:hover {box-shadow: 1px 0 8px 0 rgba(0, 0, 0, 0.2), 1px 0 20px 0 rgba(0, 0, 0, 0.19);}

.icon-lupa {color: #d2d2d2; margin-left: 35%; font-size: 1.2em;}

.icon-flecha {height: 30px; opacity: 0.5; margin-top: 10%;}

.cursor {cursor: pointer;}

.cuadro {
	
	background-color: #109bba;
	border-radius: 5px !important;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 0px solid #000;
	height: 60px;
	vertical-align: middle;
}

.cuadro:hover {background-color: var(--color-05);}

.marcas-aereas img{height:80px;}

.rota-horizontal{
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}

.linea-puntos {border: 1px dotted #109bba; margin-bottom: 3%; margin-top: 3%;}

/* FIN: Elementos gráficos */

/* PRINCIPIO: Tablas */

.tabla-origen-destino {width: 350px;}

.barra-blanca {border-right: 6px solid #fff; padding:6px;}

.tabla-seleccion {vertical-align: middle; padding-bottom: 5%;}

.tabla-reservar {width: 55%;}

.tabla-datos-vuelo {width: 100%;}

.tabla-filtro-size {width: 230px;}

.tabla-estrella-size {width: 208px;}

.tabla-paginas {width: 100%; height: 60px;}

.tabla-pasajero {border: 0;width: 100%;}

.tabla-pasajero td {padding: 1%;}

/* FIN: Tablas */

/* PRINCIPIO: Marcos */

.bordes-tren {border: 1px solid #bababa;}

.borde-abajo {border-bottom: 2px solid #109bba;}

.borde-abajo-tren {border-bottom: 2px solid #81005e;}


.input-normal-tren {color:#495057 !important;width: 100%; height: 35px; padding:10px; font-size: 14px !important;border-radius: 25px !important; background-color: #ffffff;margin-top: 5px;margin-bottom: 5px;box-shadow: 0 0 2px 0 #999999;border: none;}

.input-filtros-tren {width: 30px;height: 30px; padding: 5px;font-size: 14px;-webkit-border-radius: 4px 4px 4px 4px !important;
border-radius: 4px 4px 4px 4px !important; background-color: #fafafa; margin-left: 10px;}

.input-datos {width: 210px;height: 35px; padding:10px; font-size: 14px;-webkit-border-radius: 4px 4px 4px 4px !important;
border-radius: 4px 4px 4px 4px !important; background-color: #f5fffd;}

.input-datos-tren{width: 210px;height: 35px; padding:10px; font-size: 14px;border-radius: 25px !important; background-color: #fafafa;}

.input-numero {width: 50px;height: 35px; padding:10px; font-size: 14px;-webkit-border-radius: 4px 4px 4px 4px !important;
border-radius: 4px 4px 4px 4px !important; background-color: #f5fffd;}

.input-form-sub {color:#495057 !important;width: 100%; height: 35px;padding:8px; font-size: 14px;border-radius: 25px !important; background-color: #ffffff; margin-top: 5px; margin-bottom: 5px; box-shadow: 0 0 2px 0 #999999; border: none;}

.titulos-sub-form{margin-bottom:5px;}

.titulos-sub-form span{font-weight: 700; font-size: 13px; color:#808080;}

.titulos-sub-form a{color: var(--color-01) !important;font-weight: 600 !important; font-size: 13px;}

.no-borde-derecha {border-right: thick;}

.borde-derecho {border-right: 2px solid #109bba; height: 100%; padding-left:30px; padding-right: 30px; padding-bottom: 10px;}

.altura {height: 60px;}

.altura-gracias {height: 60px;} 

/* PRINCIPIOS: Enlaces */

.enlace {text-decoration: underline;cursor: pointer}

.enlace:hover {color: var(--color-05) !important;}

.enlace:visited {color: grey;}

.enlace-terminos {text-decoration: none !important; color: black;}

.enlace-terminos:active {color: var(--color-05) !important;}

.enlace-terminos:hover {color: var(--color-05);}

.enlace-terminos:visited {color: black;}

.enlace-azul {text-decoration: underline !important; color: #109bba !important;}

.enlace-azul:hover {color: var(--color-05) !important;}


.enlace-condiciones-equipaje {
	font-size: 0.8em;
}
/* FIN: Enlaces */


/* PRINCIPIO: Visible */

.visible {visibility: visible;}

.visible-cabecera {visibility: visible;}

.no-visible-cabecera {visibility: hidden; display: none;}




.no-visible-xs {visibility: hidden; display: none;}


.visible-filtro {visibility: visible; display: inherit;}

.visible-hotel {visibility: visible;}

.no-visible-hotel {visibility: hidden; display: none;}

.no-visible-vuelo {visibility: hidden; display: none;}

/* The Overlay (background) */
.overlay {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */    
    height: 0%;
    width: 100%;
    position: fixed; /* Stay in place */
    z-index: 999; /* Sit on top */
    left: 0;
    top: 0;
    background-color: rgb(255,255,255); /* Black fallback color */
    background-color: rgba(255,255,255, 1); /* Black w/opacity */
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

/* Position the content inside the overlay */
.overlay-content {
    position: relative;
    top: 10%; /* 25% from the top */
    width: 100%; /* 100% width */
    margin-top: 5px; /* 30px top margin to avoid conflict with the close button on smaller screens */
}

/* The navigation links inside the overlay */
.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 16px;
    color: #109bba;
    display: block; /* Display block instead of inline */
    transition: 0.3s; /* Transition effects on hover (color) */
}

/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
    color: var(--color-05);
}

/* Position the close button (top right corner) */
.overlay .closebtn {
    position: absolute;
    top: 0;
    right: 45px;
    font-size: 50px;
}

.menu-idiomas {z-index: 999 !important;
	}

.menu-idiomas ul, ol {
		list-style:none !important;
		height: 200px;
			}
.idioma > li {float: initial;		
			}
			
.idioma li a {
		background-color:#000 !important;
		text-decoration:none !important;
		padding:10px 12px !important;
		display:block !important;
			}
			
.idioma li a:hover {
		background-color:var(--color-05) !important;
			}
			
.idioma li ul {
		display:none !important;
		position:absolute !important;
			}
			
.idioma li:hover > ul {
		display:block !important;
			}
			
.idioma li ul li {
		position:relative !important;
			}
			
.idioma li ul li ul {
		top:0px !important;
			}

.idioma img {width: 20px !important;
			height: 20px !important;}

.bloque_metal{
		width: 100%;
	margin: auto;
	color: black;
	height: 6px;
	background: rgba(245,245,245,1);
background: -moz-linear-gradient(left, rgba(245,245,245,1) 0%, rgba(179,179,179,1) 6%, rgba(163,163,163,1) 11%, rgba(189,189,189,1) 16%, rgba(245,245,245,1) 21%, rgba(194,194,194,1) 26%, rgba(168,168,168,1) 31%, rgba(199,197,199,1) 36%, rgba(245,245,245,1) 41%, rgba(199,195,199,1) 46%, rgba(145,145,145,1) 52%, rgba(179,179,179,1) 57%, rgba(235,235,235,1) 62%, rgba(184,184,184,1) 68%, rgba(143,143,143,1) 72%, rgba(184,184,184,1) 76%, rgba(204,204,204,1) 80%, rgba(245,245,245,1) 85%, rgba(153,153,153,1) 93%, rgba(242,242,242,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(245,245,245,1)), color-stop(6%, rgba(179,179,179,1)), color-stop(11%, rgba(163,163,163,1)), color-stop(16%, rgba(189,189,189,1)), color-stop(21%, rgba(245,245,245,1)), color-stop(26%, rgba(194,194,194,1)), color-stop(31%, rgba(168,168,168,1)), color-stop(36%, rgba(199,197,199,1)), color-stop(41%, rgba(245,245,245,1)), color-stop(46%, rgba(199,195,199,1)), color-stop(52%, rgba(145,145,145,1)), color-stop(57%, rgba(179,179,179,1)), color-stop(62%, rgba(235,235,235,1)), color-stop(68%, rgba(184,184,184,1)), color-stop(72%, rgba(143,143,143,1)), color-stop(76%, rgba(184,184,184,1)), color-stop(80%, rgba(204,204,204,1)), color-stop(85%, rgba(245,245,245,1)), color-stop(93%, rgba(153,153,153,1)), color-stop(100%, rgba(242,242,242,1)));
background: -webkit-linear-gradient(left, rgba(245,245,245,1) 0%, rgba(179,179,179,1) 6%, rgba(163,163,163,1) 11%, rgba(189,189,189,1) 16%, rgba(245,245,245,1) 21%, rgba(194,194,194,1) 26%, rgba(168,168,168,1) 31%, rgba(199,197,199,1) 36%, rgba(245,245,245,1) 41%, rgba(199,195,199,1) 46%, rgba(145,145,145,1) 52%, rgba(179,179,179,1) 57%, rgba(235,235,235,1) 62%, rgba(184,184,184,1) 68%, rgba(143,143,143,1) 72%, rgba(184,184,184,1) 76%, rgba(204,204,204,1) 80%, rgba(245,245,245,1) 85%, rgba(153,153,153,1) 93%, rgba(242,242,242,1) 100%);
background: -o-linear-gradient(left, rgba(245,245,245,1) 0%, rgba(179,179,179,1) 6%, rgba(163,163,163,1) 11%, rgba(189,189,189,1) 16%, rgba(245,245,245,1) 21%, rgba(194,194,194,1) 26%, rgba(168,168,168,1) 31%, rgba(199,197,199,1) 36%, rgba(245,245,245,1) 41%, rgba(199,195,199,1) 46%, rgba(145,145,145,1) 52%, rgba(179,179,179,1) 57%, rgba(235,235,235,1) 62%, rgba(184,184,184,1) 68%, rgba(143,143,143,1) 72%, rgba(184,184,184,1) 76%, rgba(204,204,204,1) 80%, rgba(245,245,245,1) 85%, rgba(153,153,153,1) 93%, rgba(242,242,242,1) 100%);
background: -ms-linear-gradient(left, rgba(245,245,245,1) 0%, rgba(179,179,179,1) 6%, rgba(163,163,163,1) 11%, rgba(189,189,189,1) 16%, rgba(245,245,245,1) 21%, rgba(194,194,194,1) 26%, rgba(168,168,168,1) 31%, rgba(199,197,199,1) 36%, rgba(245,245,245,1) 41%, rgba(199,195,199,1) 46%, rgba(145,145,145,1) 52%, rgba(179,179,179,1) 57%, rgba(235,235,235,1) 62%, rgba(184,184,184,1) 68%, rgba(143,143,143,1) 72%, rgba(184,184,184,1) 76%, rgba(204,204,204,1) 80%, rgba(245,245,245,1) 85%, rgba(153,153,153,1) 93%, rgba(242,242,242,1) 100%);
background: linear-gradient(to right, rgba(245,245,245,1) 0%, rgba(179,179,179,1) 6%, rgba(163,163,163,1) 11%, rgba(189,189,189,1) 16%, rgba(245,245,245,1) 21%, rgba(194,194,194,1) 26%, rgba(168,168,168,1) 31%, rgba(199,197,199,1) 36%, rgba(245,245,245,1) 41%, rgba(199,195,199,1) 46%, rgba(145,145,145,1) 52%, rgba(179,179,179,1) 57%, rgba(235,235,235,1) 62%, rgba(184,184,184,1) 68%, rgba(143,143,143,1) 72%, rgba(184,184,184,1) 76%, rgba(204,204,204,1) 80%, rgba(245,245,245,1) 85%, rgba(153,153,153,1) 93%, rgba(242,242,242,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#f2f2f2', GradientType=1 );
}

.visible-cabecera p {
	margin-right: 60px;
    background-color: var(--color-01);
    padding: 10px;
    width: 100%;	
}

.logo-iata{
	width: 60px;
}

.espacio-arriba-btn-datos{
	margin-top: 20px;
	margin-right: 10px;
}

/* AÑADIDO CROSS */
button:disabled {
  background-color: #e7e9eb !important;
}
input:focus, input.form-control:focus, select:focus, select.form-control:focus {
    outline:none !important;
    outline-width: 0 !important;
    box-shadow: 0 0 2px 0 #999999;
    -moz-box-shadow: 0 0 2px 0 #999999;
    -webkit-box-shadow: 0 0 2px 0 #999999;
}
/*.daterangepicker td.available:hover {
	color: #ffffff;
	background-color: var(--color-05);	
}
.daterangepicker td.today {
	background-color: var(--color-01);
}

.daterangepicker td.active.start-date:not(.off, .today.start-date.end-date) {
	background-color: var(--color-01);
	border-top-left-radius: 20px !important;
	border-bottom-left-radius: 20px !important;
}
.daterangepicker td.in-range {
	background-color: var(--color-01);	
	color:#ffffff;
	opacity: 0.35;
}
.daterangepicker td.in-range.end-date {
	background-color: var(--color-01);
	border-top-right-radius: 20px !important;
	border-bottom-right-radius: 20px !important;
	opacity: 1;	
}*/
.ui-widget {
	font-size: 0.8em;
}
.ui-menu .ui-menu-item-wrapper {
	padding-top: 0px;
	padding-bottom: 1px;
}
.ui-widget.ui-widget-content {
    border: 1px solid #bababa;
    background-color: #ffffff;
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    background: var(--color-01);
    font-weight: 400;
    color: #ffffff;
	border: 1px solid var(--color-01);    
	font-size: 1em;	
	padding-top: 3px;
	padding-bottom: 3px;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid var(--color-01);
	background-color: #fff;
	font-weight: normal;
	color: var(--color-05);
	font-size: 16px;
}
.ui-datepicker td {
    border: solid #bababa 1px;
    padding: 1px;
}
.ui-autocomplete-category {
	font-family: 'Lato', sans-serif;
	color: #828282;
	background-color: #e8e8e8;
	font-size: 14px;
	font-weight: 500;
	padding: 5px;
}
.ui-autocomplete-category i {
	margin-right:10px;
}
.ui-menu-item-wrapper i {
	color: var(--color-09) !important;
	margin-left: 20px;
	margin-right:20px;
}
.aeropuerto-destino {
	max-height: 17px;
	overflow: hidden;
}
a.enlace-nodecoration {
	text-decoration: none;
}
a.enlace-nodecoration > div.tipo-vuelo {
	text-decoration: underline;
	color: var(--color-01);
	font-size: 14px;
	font-weight: 500;
}
.bloque-vuelo {
	margin-bottom: 10px;
}
.subtitulo-vuelo {
	color:  var(--color-01);
	margin-left: 60px;
	font-size: 0.8em;
	float: right !important;
}
.clase-vuelo {
    background-color: var(--color-01);
    color: white;
    padding: 5px 10px;
    font-size: 10px;
    border-radius: 5px;
    letter-spacing: 1px;
    padding-top: 8px;	
}
.btn-inicio{
	margin-right: 14px !important;
}
.noche-desde {
	font-size: 12px !important;
}
#carouselHotelImages .carousel-item,
#carouselHotelImages .carousel-control-next, 
#carouselHotelImages .carousel-control-prev {
/*	height: 522px;*/
}

.carousel-item img {
	width: 840px;
	height: 535px;
	object-fit:cover;
}

/*.carousel-control-next-icon {
	margin-left: 77%;
	background-color: rgba(0,0,0,0.5);	
	border-radius: 3px 0 0 3px;
}
.carousel-control-prev-icon {
	margin-right: 77%;
	background-color: rgba(0,0,0,0.5);	
	border-radius: 0 3px 3px 0;
}*/

.carousel-control-prev-icon, .carousel-control-next-icon {
	font-family: 'Rubik', sans-serif
}

#carouselHotelImages .carousel-indicators {
	position: static;
	width: 100%;
	overflow: hidden;
	margin:0px;
	justify-content: left;
}
#carouselHotelImages .carousel-thumb {
	margin: 2px 1px 1px 1px;
	border: 0px;
}
#carouselHotelImages .carousel-indicators div,
#carouselHotelImages .carousel-indicators img {
	width: 86px !important;
	height: 64px;
}
.descripcion-tarifas p {
	height: 335px;
	overflow: hidden;
}
.descripcion-tarifas h6 {
	font-size: 12px;
}

.titulo-ida-tren span, .titulo-vuelta-tren span, .trayecto-tren {
	font-size:  14px;
	font-weight: 400;
}
.option {
	font-size:  13px;
	font-weight: 400;
}
.int_number {
	font-size: 24px !important;
}
.decimal_number {
	font-size: 16px !important;
}
.divisa {
	font-size: 20px !important;
}
.precio-prov .int_number {
	font-size: 14px !important;
}
.precio-prov .decimal_number {
	font-size: 9px !important;
}

.precio-hab span .int_number {
	font-size: 18px !important;
	text-decoration: line-through;	
	margin-left: 0px !important;
}
.precio-hab span .decimal_number {
	font-size: 10px !important;
	text-decoration: line-through;
}
.precio-hab span .divisa {
	font-size: 12px !important;
}

.card-comparativa span .int_number {
	font-size: 14px !important;
}
.card-comparativa span .decimal_number {
	font-size: 9px !important;
}
.card-comparativa span .divisa {
	font-size: 11px !important;
}

.desc-info-vuelo .int_number {
	font-size: 14px !important;
}
.desc-info-vuelo .decimal_number {
	font-size: 9px !important;
}
.desc-info-vuelo .divisa {
	font-size: 12px !important;
}

#resumen_pedido .tabla-pasajero .int_number {
	font-size: 14px !important;
}
#resumen_pedido .tabla-pasajero .decimal_number {
	font-size: 9px !important;
}
#resumen_pedido .tabla-pasajero .divisa {
	font-size: 11px !important;
}
.trayecto-tren .int_number,
.train-option-change  .int_number {	
	font-size: 16px !important;
}
.trayecto-tren .decimal_number,
.train-option-change .decimal_number {	
	font-size: 11px !important;
}
.trayecto-tren .divisa,
.train-option-change .divisa {	
	font-size: 13px !important;
}


/* AÑADIDO CROSS */

/* ESTILOS TREN (estilos-tren.css) */
.bloque-info-busqueda{
	border: solid 1px #B1B1B1;
    border-radius: 5px !important;
    line-height: 50px;
}

.titulo-ida-tren p {
    background-color: #cccccc;
    padding: 15px 10px;
    font-size: 16px;
    text-transform: uppercase;
    color: #FFFFFF;
    font-weight: 500;
    margin-bottom: 5px;
}

.titulo-vuelta-tren p {
    background-color: #999999;
    padding: 15px 10px;
    font-size: 16px;
    text-transform: uppercase;
    color: #FFFFFF;
    font-weight: 500;
    margin-bottom: 5px;
}

.tipo-tren-text {
    font-weight: 600;
    color: #3F3F3F;
    padding:10px;
    font-size: 16px;
}

.titulo-ida-tren span, .titulo-vuelta-tren span, .trayecto-tren{
	font-size: 14px;
    font-weight: 400;
}

.bd-tren-dest{
	border: solid 1px #B1B1B1;
    border-radius: 5px !important;
}

.info-horario-tren{
    text-align: center;
    font-weight: 600;
    color: #3F3F3F;
    margin: 0px;
    font-size: 12px;
}

.info-hora-tren{
    text-align: center;
    font-weight: 600;
    color: #3F3F3F;
    margin: 0px;
    font-size: 14px;
}

.info-tipo-tren{
    font-weight: 600;
    color: #3F3F3F;
    margin: 0px;
    font-size: 14px;
    padding-left:10px !important;
}

.tabla-tarifas-interiores{
    margin-bottom: 0px !important;
}

.tabla-tarifas-interiores thead{
    border:none !important;
        background-color: #f4f4f4;
        color: #707070;
}


.tabla-tarifas-interiores th{
    font-size: 12px;
    font-weight: 500;
    color: #3F3F3F;
}

.tabla-tarifas-interiores td{
    font-size: 12px;
    font-weight: 500;
    color: #3F3F3F;
}

.table>:not(:last-child)>:last-child>*{
    border-bottom-color:#cccccc !important;
}

.texto-saldo {
    font-size: 16px;
    line-height: 60px;
    text-align: right;
}

.texto-saldo img{
    width: 20px;
    margin:5px 5px;
    margin-top:-5px;
}
.texto-saldo .int_number {
	font-size: 20px !important;
}
.texto-saldo .decimal_number {
	font-size: 14px !important;
}
.texto-saldo .divisa {
	font-size: 18px !important;
}
.texto-resumen a {
	color: var(--color-05);
}
.altura-datos-pasajero{
    padding-bottom: 38px;
}
.bg-header-ida{
	background-color: #cccccc;
}

.bg-header-vuelta{
	background-color: #999999;
}
.botonbizum {
	background-color: #05c0c7 !important;
	padding-top: 8px;
	padding-bottom: 9px;
}
.botonbizum img {
	width: 20px;
}
.logo-aerolinea {
	display: flex;
	align-items: center;	
}
.logo-aerolinea img{
    width: 80%;
    margin-left: 10%;
}
.logo-lowcost {
	display: flex;
	align-items: center;
}
.logo-lowcost img {
    width: 50%;
    margin-left: 25%;
}
.btn-calendario{
	padding: 10px 20px;
    color: #FFFFFF;
    font-weight: 700;
    font-size: 14px !important;
    border: none;
    float: right !important;
    letter-spacing: 1px;
    background-color: var(--color-01);
    border-radius: 25px !important;
    margin-top: -50px;
}

.center-responsive {
	margin-top: 20px;
}
.tooltip_precio
{
	position: absolute;
	background-color: white;
	color: #333333;
	border: solid 2px var(--color-01);
    text-align: center;
    font-size:  14px;
    padding: 5px;
    height: 70px;
    min-width: 175px;
    z-index: 99999;
    line-height: 25px;
}
.millas.tooltip_precio
{
	text-align: left;
	right: 10px;
}
.cambia-habitacion {
	cursor:  pointer;
}
.input-km {
	width: 37%;
	color:#888888;
	height: 35px; 
	font-size: 14px;
	border-radius: 25px 0px 0px 25px !important; 
	background-color: #fafafa;
	border: 1px solid #bababa;
	margin-left:0px;
	padding:10px;
}
.span-km {
	width: 32%;
	color:#888888;
	height: 35px; 
	font-size: 14px;
	border-radius: 0px 25px 25px 0px !important; 
	background-color: #f3f3f3;
	border: 1px solid #bababa;
	border-left: 0px;
	margin-left:0px;
	padding:8px 12px 8px 8px;
}
.span-puntointeres {
	display: inline-block;
	width: 17%;
	color:#888888;
	height: 35px; 
	font-size: 14px;
	border-radius: 25px 0px 0px 25px !important; 
	background-color: #f3f3f3;
	border: 1px solid #bababa;
	border-right: 0px;
	margin-right:0px;
	padding:6px 8px 8px 14px;
}
.input-puntointeres {
	width: 83%;
	color:#888888;
	height: 35px; 
	font-size: 14px;
	border-radius: 0px 25px 25px 0px !important; 
	background-color: #fafafa;
	border: 1px solid #bababa;
	margin-left:0px;
	padding:10px;
}
.titulo-otras-zonas {
	display: block;
	margin-bottom: 5px;
	font-weight: 900;
}
.titulo-otras-zonas img {
	width: 52px;
}

/*gif espera*/
.background-cover{
	z-index: 9999999;
	background-color: var(--color-01);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
    position: fixed;
    width: 100%;
}
.img-background {
	position: fixed;
}
.container_form{
    position: relative;
    max-width: 400px;
    height: auto;
    margin: auto;
    margin-top: 200px;
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.65);
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.65);
    background-color:#ffffff;
}


.container_form img{
    border-bottom:3px solid #009CDA;
}

.container_form h6 {
	color: #888;
}

.bq-gif{
    background-color: #ffffff;
    height: 100px;
}

#loading-bar-spinner.spinner {
    position: absolute;
    z-index: 19 !important;
    animation: loading-bar-spinner 400ms linear infinite;
    padding: 30px;
    left: 37%;
}

#loading-bar-spinner.spinner .spinner-icon {
    width: 40px;
    height: 40px;
    border:  solid 4px transparent;
    border-top-color:  #cacaca !important;
    border-left-color: #cacaca !important;
    border-radius: 50%;
}

@keyframes loading-bar-spinner {
  0%   { transform: rotate(0deg);   transform: rotate(0deg); }
  100% { transform: rotate(360deg); transform: rotate(360deg); }
}

.text-first{
    font-size: 12px;
}

i {
    color: var(--color-06) !important;
}

.lds-ring {
  display: inline-block;
  position: relative;
  width: 60px;
  height: 60px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 54px;
  height: 54px;
  margin: 6px;
  border: 6px solid var(--color-06);
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: var(--color-06) transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
.loader {
  width: 215px;
  height: 215px;
  display: block;
  margin: auto;
  position: relative;
  box-sizing: border-box;
}
.loader::after {
  content: '';
  width: calc(100% - 30px);
  height: calc(100% - 15px);
  top: 15px;
  left: 15px;
  position: absolute;
  background-image: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5) 50%, transparent 100%),
   linear-gradient(#DDD 100px, transparent 0),
   linear-gradient(#DDD 16px, transparent 0),
   linear-gradient(#DDD 50px, transparent 0);
  background-repeat: no-repeat;
  background-size: 75px 175px, 100% 100px, 100% 0px, 100% 30px;
  background-position: -185px 0, center 0, center 0px, center 142px;
  box-sizing: border-box;
  animation: animloader 1s linear infinite;
}

@keyframes animloader {
  to {
    background-position: 185px 0, center 0, center 115px, center 142px;
  }
}


@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@media (max-width: 768px) {
.container_form{max-width: 90%;}
}


/*gif espera*/
@media (max-width: 1024px) {
	.header .header-navigation li > a:hover,
	.header .header-navigation li.active > a,
	.header .header-navigation li.open > a:hover {
		color: #CCCC33 !important;
	}
}

@media (max-width: 1025px) {
	#slider-imagenes-productos {
		padding-bottom: 15px;	
	}
}


@media (max-width: 1400px) {
	.check-seguro{width:70%;margin-left: 15%;}
	.card-body{padding:1rem 1rem;}
}

@media (max-width: 1200px) {
	.bloque-info-precio{ margin-left:0%;}
	.check-seguro{width:80%;margin-left: 10%;}
	.classification_room_reembolsable_tienda {
	    float: right;
	    margin-right: 0px;
	    line-height: 16px;
	    color: #249d56 !important;
	    font-weight: 600;
	    padding: 0px;
	    border-radius: 5px;
	    font-size: 12px;
	    margin-top: 5px;
	}	
}

@media (max-width: 991px) {
	.titulos-pagina{font-size: 18px;text-align: right; line-height: 40px;}
	.logo-top img{height: 40px; padding: 3px; margin-top: 5px;max-width: none;}
	.texto-saldo{text-align: center; line-height: 20px;}
	.text-total-tren{text-align: left;margin-left:10px}
	.text-total-tren-precio{text-align: left; margin-left:10px; margin-top:10px;}
	.precio-reembolso{text-align: left;margin-left:10px;margin-top:10px;}
	.origen-destino{text-align: left;font-size: 16px;margin-left: 10px;line-height: 30px;}
	.ocultar-borde-r-sm{border:none !important;}
	.borde-sup-sm{border-top:solid 1px #B1B1B1;}
	.bloque-vuelo{width: 100%; margin-right: 0%;}
	.check-seguro{width:50%;margin-left: 25%;}
	.btn-pasajero{margin-top:-10px; margin-bottom: 20px;}
	.mostrar-filtros-movil{display: block; visibility: visible;}
	.bloque-oculto-responsive{display: none;visibility: hidden;}
	.mostrar-bloque-responsive{display: block; visibility: visible;}
	.input-nombre-hotel{width: 100%;}
	.box_disponibilidad {height: auto;}
	.box_disponibilidad .blockxssm {display: block;padding: 0 5px;top: 0;}
	.box_disponibilidad .blockxssm span {margin: 0;line-height: 30px;}
	.box_disponibilidad .icon_calendar img {margin-left: 0;}
	.hidden-sm{display: none !important;}
	.logo-lowcost img { width: 40% }
	.logo-aerolinea img { width: 70%; margin-left: 15%; }	
}

@media (max-width: 767px) {
	.titulos-pagina{font-size: 16px;font-weight: 700;}
	.btn-buscar{width: 100%;}
	.ocultar-borde-r-xs{border-right:none !important;}
	.ocultar-borde-l-xs{border-left:none !important;}
	.borde-sup-xs{border-top:solid 1px #B1B1B1 !important;}
	.bg-ida-vuelo{border-radius: 5px 5px 0px 0px !important;}
	.bg-vuelta-vuelo{border-radius: 5px 5px 0px 0px !important;}
	/* CSS Datos de Pago Vuelo */
	.titulo-tabla-pasajero{font-size: 10px !important;}
	.tabla-pasajero p{font-size: 13px !important; height:  45px}
	.exp-ttl-pasajero{font-size: 10px !important;}
	.no-pd-r{padding-right:2px;}
	.no-pd-l{padding-left:2px;}
	.boton-info-hucha{width: 25px; height:25px; border-radius: 25px !important;}
	.check-seguro{width:50%;margin-left: 25%;}
	/* CSS Fin Datos de Pago Vuelo */
	.datos-pago-destino{font-size: 12px;}
	.datos-info{font-size: 12px;}
	.bloque-imagen{height: 300px;overflow: hidden;display: block;}
	.img-bg{max-width: 100% !important;max-height: initial;width: 100%}
	.noche-desde{text-align: left; margin-top: 0px;margin-left: 0px;}
	.precio-hab{text-align: left; margin-top: 0px;margin-bottom: -10px;width: 100%;float: left}
	.precio-hab.tachado {margin-top:-78px !important;padding-left: 5px;}
	.precio-hucha{float:left !important;text-align: left; margin-top: 0px;margin-left: 0px; margin-bottom:10px;}
	.precio-hab-noche{text-align: left !important;}
	.btn-reser-hab{margin-bottom: 10px;}
	.mejor-oferta{text-align: left; padding-top: 0px;}
	.bloque-oculto-responsive{display: none;visibility: hidden;}
	.mostrar-bloque-responsive{display: block; visibility: visible;}
	.ancho-tab-tarifas{width: 100% !important; text-align: center;}
	.nav-pills{padding-right: 0px;}
	.box_room_hotel, .box_room_hotelsel {padding-left: 15px;height: auto;}
	.titulo_room {display: block;line-height: 16px;margin-top: 10px;}
	.box_disponibilidad {height: auto;}
	.box_disponibilidad .blockxssm {display: block;padding: 0 5px;top: 0;}
	.box_disponibilidad .blockxssm span {margin: 0;line-height: 30px;}
	.hidden-xs{display: none !important;}
	.icon_check{margin-bottom: 5px;}
	.box_board{font-size: 10px; height: 30px; line-height: 30px; padding:0px 10px;}
	.titprexhab{font-size: 10px;}
	.titulo-vuelta-tren p{margin-top: 15px;}
	.text-total-tren{text-align: left;margin-left:10px}
	.text-total-tren-precio{text-align: left; margin-left:10px; margin-top:10px;}
    .prg-card-text, .prg-card-tripadvisor, .prg-card-point-services, .prg-card-comparativa, .prg-mejor-oferta {
    	display: none;
    }
    .precio-tarifas-tren { padding-top: 10px !important; }
    .botonreservar {clear: both;padding-top: 42px;}
    .classification_room_reembolsable.lista {float: right;margin-top: 8px;margin-right: 8px;}
    .classification_room.lista {float: right;margin-top: 14px;margin-right: 8px;}
	.classification_room_reembolsable_tienda {float: left;font-size: 16px;width: 100%;}    
	.pay_room {width: 100%;float:left}
	.classification_room_tienda_detalle {margin-top: 3px;margin-bottom: 5px;max-width: 100%;}
	.classification_room_reembolsable_tienda_detalle {margin-top: 3px;margin-bottom: 5px;max-width: 100%;}
	.precio_por_noche_detalle {text-align: left;	margin-top: 0px;margin-bottom: 10px;padding: 0px;}

}

@media (max-width: 530px) {
	.titulos-pagina{font-size: 16px;font-weight: 700;}
	.btn-buscar{width: 100%;}
	.ocultar-flecha-hora{visibility: hidden;display:none !important;}
	.btn-filtros-resp{font-size: 12px; font-weight: 500; padding:5px 10px; letter-spacing: 1px;}


}

@media (max-width: 440px) {
	.texto-saldo img{width: 20px;margin:10px 5px;margin-top:0px;}
	.logo-top img{margin-left:-40px;}
	.ocultar-duracion{visibility: hidden;display:none;}
	.text-horas{font-size: 14px;}
	.aeropuerto-destino{font-size: 12px;}
	.tipo-vuelo a{font-size: 10px;}
	.title-info-precio{line-height: 30px; letter-spacing: 0px; font-size: 12px;}
	.check-seguro{width:50%;margin-left: 25%;}
	.bloque-imagen{height: 200px;overflow: hidden;display: block;}
}

@media (max-width: 370px) {
	.check-seguro{width:70%;margin-left: 15%;}
}

/* Fin CSS Club Viva la Vida */


@media (min-width: 1025px) and (max-width: 1205px) {
	.pi-price {
		font-weight: bold;
		font-size: 13px;
	}
}
@media (max-width: 1024px) {
	.pi-price {
		font-weight: bold;
		font-size: 16px;
	}
}


@media (min-width: 1025px) and (max-width: 1205px) {
	.header .header-navigation > ul > li > a {
		padding: 11px 15px 16px;
		margin: 10px 0px 0px;	
	}
	.header .header-navigation > ul > li.activa > a {

	}

	.header .header-navigation > ul > li.active > a, 
	.header .header-navigation > ul > li > a:hover, 
	.header .header-navigation > ul > li > a:focus, 
	.header .header-navigation > ul > li.open > a, 
	.header .header-navigation > ul > li.open > a:hover, 
	.header .header-navigation > ul > li.open > a:focus {
	  background: #fff;
	}
	.header .header-navigation > ul > li {
	  margin-right: 0px;
	}
}


@media (max-width: 1170px) {
		
}

@media (max-width: 750px) {
	.texto-normal {font-size: 1.15em !important;}
	.altura-textos-boton {line-height: 25px;}


}
/* FIN: Textos */


@media (max-width: 1170px) { 

	.altura-equipaje td {margin-top: 5%;}
	.altura-seguro td {margin-top: 5%;}

}

@media (max-width: 990px) {
	.caja-altura-equipaje {height: 300px !important;}
	.altura-equipaje td {margin-top: 0;}
	.altura-seguro td {margin-top: 0;}
	.caja-altura-datos {height: 470px;}
	.caja-hotel {padding-left: 0.15%; padding-right: 0.15%; padding-top: 1%; padding-bottom: 1%; width: 100%; height: 490px; background-color: #fff;}
	.caja-filtro {height: 45px; float: none; width: 100%; background-color: #109bba;padding-left: 5%;padding-right: 5%;padding-top: 3%;}
	.fondo-mundo {background-position: 320% -185%;}
	.espacio-arriba-btn-datos{margin-top: -15px !important;margin-right: 0px !important;}
	.center-responsive {margin-top: 0px;text-align: center;font-size: 0.8em;}
	.btn-calendario {margin-top: 0px;}
	#calendariovuelta {margin-top: 20px}
	.bq-seguro select {width: 50%;}
	
}

@media (max-width: 768px) {
	.caja-altura-datos {height: 840px;}
	.ancho-tag-equipaje{width: 100% !important;}
	.logo-lowcost img {width: 50%; margin-left: 25px;}
	.logo-aerolinea img {width: 70%; margin-left: 15%;}
}

@media (max-width: 750px) {
	.caja-hotel {padding-left: 0.15%; padding-right: 0.15%; padding-top: 1%; padding-bottom: 1%; width: 100%; height: 490px; background-color: #fff;}
	.caja-filtro {height: 45px; float: none; width: 100%; background-color: #109bba; padding-left: 5%;padding-right: 5%;padding-top: 3%;}
	.fondo-mundo {background-position: 320% -155%;}
}

@media (max-width: 480px) {
	.caja-hotel {height: 380px; }
	.margen-responsive-equipaje{margin-left:-20px !important;}
}

/* FIN: Caja */


@media (max-width: 1170px) {
		.boton {}
		.boton-habitacion {margin-left: -45%;}
}

@media (max-width: 990px) {
	.boton-renfe-comenzar{float:left !important;}
}

@media (max-width: 750px) {
		.boton { width: 100%; margin-right: 0%;}
		.boton-habitacion {width: 100%; margin-left: 0; margin-top: -35%;}
		.boton-renfe-buscar{width: 100% !important;}
		.boton-renfe-comenzar{width:100% !important;}
		.boton-pasajeros{width: 100%;}
}

@media (max-width: 1170px) {
		.ancho-tag {width: 35% !important;} .ancho-chilren {width: 20% !important;}
		.ancho-tag-equipaje {width: 100%;}
}

@media (max-width: 990px) {
		.ancho-datos-pago {margin-left: 0.3%; margin-right: 0.3%;}
		.ancho-tag {width: 100% !important;} 
		.ancho-tag-star {width: 100%;}
		.ancho-tag-datos {width: 40%;}
		.ancho-tag-equipaje{margin-top:0px;}
}

@media (max-width: 750px) {

}


/* FIN: Pestaña */


@media (max-width: 1170px) {
	.posicion-boton-final {margin-right: 25%; margin-bottom: 5%; margin-top: 5%;}
	.hueco-datos-postal {padding-left: 0%;}
	.hueco-datos-numero {padding-left: 0%;}
	.espacio-info-hotel {margin-left: 3%;} 
	.espacio-abajo-pagina {padding-bottom: 2%;} 
	.espacio-continuar-datos {margin-top: 2% !important; margin-right: 0;} 
	.espacio-entre-equipaje {margin-top: 12px;} 
	.caja-altura-equipaje {height: 180px;} 
	.posicion-datos-pasajero {margin-top: 3%; margin-right: 0%; width: 103%;} 
	.posicion-equipaje-seguro {width: 103%; float: none; margin-top: 2%;} 
	.espacio-ida {margin-bottom: 1%;} 
	.espacio-buscar {margin-right: 5%; margin-top: -6%;}
	.hueco-vuelo {padding-bottom: 6%;} 
	.espacio-vuelta {padding-bottom: 0.1%;} 
	.espacio-boton-reservar {margin-right: 9%;}
	.posicion-tag-localizar {margin-left: 25%; margin-top: 1px;}
	.posicion-tag-descripcion {margin-bottom: -4%;}
}

@media (max-width: 970px) {
	.margenes-caja {padding: 5%;}
	.espacio-boton-gracias {margin-top: 3%; margin-right: 0.3%;}
	.espacio-info-hotel {margin-left: -2%;} 
	.espacio-entre-equipaje {margin-top: 1%;} 
	.espacio-buscar {margin-right: 3%; margin-top: 6%;} 
	.posicion-hotel {  margin-left: 0;} 
	.hueco-filtro-titulo {padding-top: 1.1%;} 
	.espacio-ida {margin-bottom: 1%;} 
	.hueco-vuelo {padding-bottom: 8%;}  
	.espacio-boton-reservar {margin-right: 5%;width: 90%;} 
	.posicion-datos-pasajero {width: 104%;} 
	.posicion-equipaje-seguro {width: 104%;} 
	.posicion-reservar {margin-right: 0;}
	.posicion-tag-localizar {margin-left: 40%; margin-top: 1px;}
	.posicion-tag-descripcion {margin-bottom: -5.3%;}
	.hueco-datos-postal {padding-left: 2%;}
	.hueco-datos-numero {padding-left: 2%;}
	.hueco-datos {padding-left: 2%;}
	.posicion-boton-final {margin-right: 0.1% !important; margin-bottom: 0% !important; margin-top: 0% !important;}
	.texto-normal {font-size: 1.1em !important;}
	.altura-textos-boton {line-height: 30px;}
	.bloque-info-precio {margin-left: 5% !important;}
	.boton {width: 100%;}
	.boton-habitacion {width: 20%; margin-left: 0; margin-top: -5%;}
}

@media (max-width: 750px) {
	.margenes-caja {padding: 7%;}
	.espacio-boton-gracias {margin-top: 4%; margin-right: 0.3%;} 
	.posicion-datos-pasajero {width: 104%;} 
	.posicion-equipaje-seguro {width: 104%;}
	.espacio-buscar {margin-right: 0%; margin-top: 6%;} 
	.posicion-hotel {  margin-left: 0;} 
	.hueco-filtro-titulo {padding-top: 1.1%;} 
	.espacio-ida {margin-bottom: 1%;} 
	.espacio-reserva-tren {margin: 0 auto;} 
	.hueco-vuelo {padding-bottom: 12%;} 
	.espacio-boton-reservar {width: 100%;} 
	.posicion-tag-localizar {margin-left: 50%; margin-top: 1px; width: 50% !important;}
	.posicion-tag-descripcion {margin-bottom: -6%; width: 50% !important;}
	.hueco-arriba-10 {padding-top: 9px;}
	.hueco-datos-pago {padding-left: 3%; padding-right: 3%;}
}

@media (max-width: 540px) {
	.margenes-caja {padding: 10%;}
	.hueco-datos-pago {padding-left: 3%; padding-right: 3%;}
	.hueco-datos {padding-left: 3%;}
	.hueco-datos-postal {padding-left: 3.1%;}
	.posicion-datos-pasajero {width: 106%;} 
	.posicion-equipaje-seguro {width: 106%;}
	.posicion-tag-descripcion {margin-bottom: -7.3%;}
	.hueco-arriba-10 {padding-top: 8px;}
	.hueco-datos-numero {padding-left: 3%;}
	.caja-hotel {height: 400px; }
	.caja-altura-datos {height: 780px;}}
	.texto-normal {font-size: 1.05em !important;}
	.plazas-equipaje {font-size: 12px !important;}	
	a.enlace-nodecoration > div.tipo-vuelo {font-size: 11px;}	
}

@media (max-width: 480px) {
	.hueco-datos-postal {padding-left: 3.1%;}
	.posicion-datos-pasajero {width: 107%;} 
	.posicion-equipaje-seguro {width: 107%;}
	.posicion-tag-descripcion {margin-bottom: -8.1%;}
	.hueco-arriba-10 {padding-top: 7px;}
}



@media (max-width: 1170px) {
	.icon-lupa {margin-left: 25%;}
	.marcas-aereas img {height: 60px;}
}

@media (max-width: 970px) {
	.marcas-aereas img {height: 50px;}
	.marcas-aereas {padding-left: 33%;}
	.tag-star {margin-left: 40%;padding-top: 12px;}
	.icon-camara {padding-top: 164px; padding-left: 680px;}
	.icon-lupa {margin-left: 5%;}
	.image-hotel {width: 100%; padding-top: 0%; padding-right: 0%;margin-top: 1.5%;}
	.icon-airplane {margin-left: -25%;}
}

@media (max-width: 750px) {
	.marcas-aereas img {height: 50px;}
	.marcas-aereas {padding-left: 33%;}
	.tag-star {margin-left: 40%;padding-top: 12px;}
	.icon-camara {padding-top: 164px; padding-left: 680px;}
	.icon-lupa {margin-left: 5%;}
	.icon-airplane {width: 23px;}
}

@media (max-width: 720px) {
	
	.icon-camara {padding-top: 154px; padding-left: 649px;}
}

@media (max-width: 540px) {
	.icon-flecha { margin-top: 15%;}
	.icon-camara {padding-top: 104px; padding-left: 465px;}
	.icon-airplane {width: 25px;margin-left: 1%;}
	.tag-star {margin-left: 35%;}
	.marcas-aereas {padding-left: 24%;}
}

@media (max-width: 480px) {
	.icon-camara {padding-top: 85px; padding-left: 400px;}
	.icon-airplane {width: 25px; margin-left: 5%;}
	.tag-star {margin-left: 34%;}
	.marcas-aereas {padding-left: 23%;}
}

@media (max-width: 350px) {
	.marcas-aereas{padding-left:10%;}
}

@media (max-width: 540px) {
	.tabla-reservar {width: 100%;}
	
}


@media (max-width: 1170px) {
		
		.altura {height: 60px;}
		.tabla-filtro-size {width: 200px;}
		.tabla-estrella-size {width: 182px;}
		.input-datos {width: 100% !important;}
		.input-datos-tren {width: 100% !important;}
}

@media (max-width: 980px) {
.input-normal {width: 100%;}
}

@media (max-width: 970px) {
		.input-datos-tren {width: 100% !important;}
		.no-borde-derecha {border-bottom: thick; border-right: thick;}
		.borde-abajo {border-bottom: 2px solid #109bba}
		.borde-derecho {border-right: 2px solid #109bba !important;}
		.altura {height: 50px;}
		.altura-gracias {height: 120px;} 

		
}

@media (max-width: 750px) {
		.no-borde-derecha {border-bottom: thick; border-right: thick;}
		.borde-abajo {border-bottom: 2px solid #109bba}
		.altura {height: 50px;}
		.altura-gracias {height: 120px;} 
}

@media (max-width: 540px) {
		.texto-titulo{font-size: 1em;}
}

@media (max-width: 480px) {
		.altura {height: 50px;}
		.tabla-datos-vuelo {width: 95%;}
		.tabla-seleccion {width: 30%;}
		.altura-gracias {height: 120px;}
		.input-normal {width: 100%;}

}

@media (max-width: 1170px) {
	.visible {visibility: visible; display: inherit;}
}

@media (max-width: 970px) {
	.visible-filtro {visibility: hidden; display: none;}
	.visible-hotel {visibility: hidden; display: none;}
	.no-visible-hotel {visibility: visible; display: inherit;}
	.visible {visibility: visible; display: inherit;}
	.visible-cabecera {visibility: hidden; display: none;}
	.no-visible-cabecera {visibility: visible; display: inherit;}
	.no-visible-vuelo {visibility: visible; display: inherit;}
}

@media (max-width: 768px) {
.no-visible {visibility: hidden; display: none;}
.visible-xs {visibility: visible; display:block;}
}


@media (max-width: 750px) {
	.visible-filtro {visibility: hidden;}
	.visible {visibility: visible; display: inherit;}
	.no-visible {visibility: hidden; display: none;}
	.visible-cabecera {visibility: hidden; display: none;}
	.no-visible-cabecera {visibility: visible; display: inherit;}
}

@media (max-width: 540px) {
	.no-visible-cabecera {margin-top: 6%;}
}

@media (max-width: 480px) {
	.no-visible-cabecera {margin-top: 8%;}
}

@media (max-width: 450px) {
	.text-mini-ordenar{font-size: 12px;}
}

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
    .overlay a {font-size: 20px}
    .overlay .closebtn {
        font-size: 40px;
        top: 15px;
        right: 35px;
    }
}


@media (max-width: 1400px) {
    .info-horario-tren{padding-top:25px !important;}
    .info-hora-tren{padding-top:15px !important;}
    .precio-tarifas-tren{padding-top: 20px !important;}
}


@media (max-width: 991px) {
    .info-horario-tren{padding-top:15px !important;}
    .info-hora-tren{padding-top:5px !important;}
    .info-tipo-tren{padding-top:5px !important;}
    svg{margin-top: 7px !important;}
    .precio-tarifas-tren{padding-top: 10px !important;}
    .texto-saldo{text-align: center; line-height: 20px; margin-bottom: 10px;}
}

@media (max-width: 576px) {
	.bq-seguro select {width: 70%; }
}
@media (max-width: 575px) {
	.tabla-pasajero p {font-size: 12px !important;text-align: center;}
}
@media (max-width: 420px) {
    .logo-lowcost img { width: 90%; margin-left: 5%; }
    .logo-aerolinea img { width: 90%; margin-left: 5%; }
}
/* ESTILOS TREN (estilos-tren.css) */
@media (min-width: 576px) {
	.modal-dialog {
	    max-width: 990px;
	    margin: 1.75rem auto;
	}
	.bq-seguro select {width: 70%;}
}
@media (max-width: 1200px) {
	#carouselHotelImages .carousel-indicators {width: 615px;}
}
@media (max-width: 991px) {
.descripcion-tarifas p {height: 135px;}
}
@media (max-width: 767px) {
	#carouselHotelImages .carousel-item,
	#carouselHotelImages .carousel-control-next, 
	#carouselHotelImages .carousel-control-prev {
		height: auto;
	}

	#carouselHotelImages .carousel-indicators div,
	#carouselHotelImages .carousel-indicators img {
		width: 55px !important;
		height: 42px;
	}
	#carouselHotelImages .carousel-indicators {
		width: 330px;
	}
}