body.vuelos{
	footer{
		margin-top: 80px;
	}

	#phone::placeholder { color: #c5c5c5; }
	#phone:-ms-input-placeholder { color: #c5c5c5; } /* IE 10+ */
	#phone::-webkit-input-placeholder { color: #c5c5c5; } /* WebKit */
	#phone::-moz-placeholder { color: #c5c5c5; } /* Firefox 19+ */

	.m.info-vuelo .label{
		color: @dorado;
	}

	.custom-select2{
		position: relative;
		display: block;
		margin: 0;
		padding: 12px 0;
		width: 100%;
		background: #fbfbfb;
		border: 1px solid #e7e7e7;
		border-radius: 0;
		font: 12px/16px @openSans;
		font-weight: 300;
		cursor: pointer;
		color: #4a4a4a;
		min-height: 57px;

		&.error{
			border-color: @rojo !important;

			.label,
			.btn,
			a{
				color: @rojo !important;
			}
		}

		.label{
			padding: 0 12px;
			width: 100%;
			display: block;
			margin: 0;
		}

		.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){
			width: 100%;
		}

		.bootstrap-select.btn-group{
			.dropdown-menu{
				box-shadow: none;
				border-radius: 0;
				max-height: 300px !important;
				padding: 0;

				li{
					border-bottom: 1px solid #e7e7e7;

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

					a{
						padding: 12px;
						font: 12px/16px @openSans;
						font-weight: 300;
						color: #4a4a4a;
						text-decoration: none;
						outline: none;
					}
				}
			}
		}

		.btn-default{
			background: transparent;
			border: none;
			padding: 0 12px;
			font: 13px/17px @openSans;
			font-weight: 300;
			color: #4a4a4a;
			box-shadow: none;
			outline: none;

			&:after{
				content: "\f078";
				position: absolute;
				display: block;
				font: 12px/12px "FontAwesome";
				right: 12px;
				// top: 50%;
				// transform: translateY(-50%);
				top: 0;
				color: rgba(107,107,107,.5);
			}

			.bs-caret{display: none;}
		}
	}

	.ae_8B, .ae_40, .ae_AA, .ae_AF,
	.ae_AM, .ae_AR, .ae_AV, .ae_AZ,
	.ae_B6, .ae_BA, .ae_BB, .ae_CM,
	.ae_DL, .ae_IB, .ae_KL, .ae_LH,
	.ae_LI, .ae_R7, .ae_TP, .ae_TX,
	.ae_UA, .ae_UX, .ae_VY{
		width: 100%;
		background-size: 100% !important;
	}

	.ae_8B{background: url('../images/vuelos/aerolineas/8B.png') no-repeat 30px center;}
	.ae_40{background: url('../images/vuelos/aerolineas/40.png') no-repeat 30px center;}
	.ae_AA{background: url('../images/vuelos/aerolineas/AA.png') no-repeat 30px center;}
	.ae_AF{background: url('../images/vuelos/aerolineas/AF.png') no-repeat 30px center;}
	.ae_AM{background: url('../images/vuelos/aerolineas/AM.png') no-repeat 30px center;}
	.ae_AR{background: url('../images/vuelos/aerolineas/AR.png') no-repeat 30px center;}
	.ae_AV{background: url('../images/vuelos/aerolineas/AV.png') no-repeat 30px center;}
	.ae_AZ{background: url('../images/vuelos/aerolineas/AZ.png') no-repeat 30px center;}
	.ae_B6{background: url('../images/vuelos/aerolineas/B6.png') no-repeat 30px center;}
	.ae_BA{background: url('../images/vuelos/aerolineas/BA.png') no-repeat 30px center;}
	.ae_BB{background: url('../images/vuelos/aerolineas/BB.png') no-repeat 30px center;}
	.ae_CM{background: url('../images/vuelos/aerolineas/CM.png') no-repeat 30px center;}
	.ae_DL{background: url('../images/vuelos/aerolineas/DL.png') no-repeat 30px center;}
	.ae_IB{background: url('../images/vuelos/aerolineas/IB.png') no-repeat 30px center;}
	.ae_KL{background: url('../images/vuelos/aerolineas/KL.png') no-repeat 30px center;}
	.ae_LH{background: url('../images/vuelos/aerolineas/LH.png') no-repeat 30px center;}
	.ae_LI{background: url('../images/vuelos/aerolineas/LI.png') no-repeat 30px center;}
	.ae_R7{background: url('../images/vuelos/aerolineas/R7.png') no-repeat 30px center;}
	.ae_TP{background: url('../images/vuelos/aerolineas/TP.png') no-repeat 30px center;}
	.ae_TX{background: url('../images/vuelos/aerolineas/TX.png') no-repeat 30px center;}
	.ae_UA{background: url('../images/vuelos/aerolineas/UA.png') no-repeat 30px center;}
	.ae_UX{background: url('../images/vuelos/aerolineas/UX.png') no-repeat 30px center;}
	.ae_VY{background: url('../images/vuelos/aerolineas/VY.png') no-repeat 30px center;}

	//provisional
	.radio.radio-inline.no-logo{
		background: none !important;
	}

	.radio.radio-inline.no-texto{
		label{
			color: transparent !important;
		}
	}

	.radio.radio-info.radio-inline label{
		font: 12px/16px @montserrat;
		font-weight: 300;
		color: @negro;
	}


	.oculta-radio{
		position: absolute;
		display: block;
		margin: 0;
		padding: 0;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		background: transparent;
		z-index: 2;
	}

	.volver-atras{
		position: relative;
		display: inline-block;
		margin: 0 0 10px 0;
		padding: 10px;
		font: 14px/18px @openSans;
		font-weight: 300;
		background: #fafafa;
		color: @dorado;
		text-decoration: none;
		border-radius: 50px;

		&:hover{
			color: #fafafa;
			background: @dorado;

			&:before{
				color: #fafafa;
			}
		}

		&:before{
			content: "\f060";
			position: relative;
			display: inline-block;
			margin: 0 7px 0 0;
			padding: 0;
			font-family: 'FontAwesome';
			font-size: 14px;
			color: @dorado;
		}
	}

	.multiroom{
		padding-left: 60px;

		.num-room{
			position: absolute;
			display: block;
			margin: 0;
			padding: 0 0 0 35px;
			background: url('../images/vuelos/llave-multiroom.svg') no-repeat 0 0;
			width: 50px;
			height: 50px;
			left: 0;
			font: 20px/24px @montserrat;
			font-weight: 300;
			color: #9B9B9B;
		}
	}

	.bloque-resultados,
	.bloque-checkout,
	.bloque-confirmacion{
		.sidebar-vuelos{
			.widget.resumen{
				h4{
					span{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;
						float: right;
						width: 91px;
						height: 14px;
						background-position: 0 0 !important;
					}
				}
			}
		}
	}

	.bloque-checkout{
		.cuerpo-checkout{
			float: right !important;
		}
	}

	header{
		background: transparent;

		nav{
			.menu-principal{
				li{
					a{
						color: @blanco;
						font-weight: 400;
					}
				}
			}
		}
	}

	.m{
		position: fixed;
		display: none;
		margin: 0;
		padding: 0;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 999;

		&.on{
			display: block;
		}

		&.info-vuelo{
			position: absolute;

			.body{
				position: absolute;
				padding: 60px 120px;
				margin-left: -500px;
				width: 1000px;
				top: 200px;
				transform: translateY(0);


				.close-m{
					position: absolute;
					display: block;
					margin: 0;
					padding: 0;
					top: -20px;
					right: 5px;
					text-decoration: none;
					font: 13px/17px @openSans;
					font-weight: 300;
					color: @blanco;

					&:before{
						content: "\f00d";
						position: relative;
						display: inline-block;
						margin: 0 5px 0 0;
						padding: 0;
						font: 15px/17px 'FontAwesome';
						color: @blanco;
					}
				}

				.contenido{
					text-align: left;

					.head{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;

						h4{
							position: relative;
							display: block;
							margin: 0;
							padding: 0;
							font: 20px;
							font: 20px/28px @openSans;
							font-weight: 300;
							color: #4a4a4a;
							background: url('../images/vuelos/ico-avion-info-vuelo.svg') no-repeat right center;

							span{
								display: block;
								font-weight: 700;
								color: @dorado;
							}
						}

						.opciones-vuelo{
							position: relative;
							display: block;
							margin: 0 0 30px 0;
							padding: 0;
							text-align: center;

							ul{
								position: relative;
								display: block;
								margin: 0;
								padding: 0;
								list-style: none;
								text-align: center;
								border-bottom: 1px solid #efefef;

								li{
									position: relative;
									display: inline-block;
									margin: 0;
									padding: 0;

									a{
										position: relative;
										display: inline-block;
										padding: 20px 30px;
										font: 13px/17px @openSans;
										font-weight: 700;
										color: #4a4a4a;
										text-decoration: none;

										&.on{
											color: @dorado;
											font-weight: 400;
											border-bottom: 2px solid @dorado;
											padding-bottom: 18px;
										}
									}
								}
							}
						}
					}

					.content{
						.item{
							position: relative;
							display: block;
							margin: 0 0 40px 0;
							padding: 0;

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

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

								h5{
									position: relative;
									display: block;
									margin: 0;
									padding: 0;
									font: 16px/20px @openSans;
									font-weight: 700;
									color: @negro;

									i{
										position: absolute;
										display: block;
										margin: 0;
										padding: 0;
										height: 1px;
										background: rgba(0, 0, 0, 0.17);
										top: 50%;
										left: 150px;
										right: 0;
										transform: translateY(-50%);
									}

									.tipo{
										position: absolute;
										display: inline-block;
										margin: 0;
										padding: 3px 10px;
										background: #9b9b9b;
										border-radius: 50px;
										font: 9px/13px @openSans;
										font-weight: 700;
										color: @blanco;
										left: 50%;
										transform: translateX(-50%);
									}

									.aerolinea{
										position: absolute;
										display: inline-block;
										margin: 0;
										padding: 0 0 0 10px;
										width: 100px;
										height: 14px;
										right: 0;
										top: 50%;
										transform: translateY(-50%);
										background-position: right center !important;
										background-color: @blanco !important;

										&.iberia{
											background: url('../images/vuelos/iberia.svg') no-repeat right center @blanco;
											height: 13px;
											width: 65px;
										}

										&.american-airlines{
											background: url('../images/vuelos/american-airlines.svg') no-repeat right center @blanco;
											height: 14px;
											width: 100px;
										}
									}
								}
							}

							.bloque{
								position: relative;
								display: block;
								margin: 0;
								padding: 20px 30px;
								background: rgba(216, 216, 216, 0.2);
								border-radius: 5px;

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

									li{
										position: relative;
										display: block;
										margin: 0 0 15px 0;
										padding: 0;
										color: #39393a;
										font: 14px/18px @openSans;
										font-weight: 300;

										&:last-of-type{
											margin: 0;
											font: 18px/22px @openSans;
											font-weight: 300;

											strong{
												font: 12px/16px @openSans;
												font-weight: 700;
											}
										}

										strong{
											position: relative;
											display: block;
											margin: 0 0 5px 0;
											padding: 0;
											font: 18px/22px @openSans;
											font-weight: 700;
										}
									}
								}
							}
						}
					}
				}
			}
		}

		&.modificar-reserva{
			.body{
				padding: 40px;
				width: 640px;

				.contenido{
					text-align: center;

					.ico-warning{
						position: relative;
						display: block;
						margin: 0 0 30px 0;
						padding: 0;
						text-align: center;
						width: 100%;
						height: 56px;
						background: url('../images/vuelos/warning.svg') no-repeat top center;
					}
					.ico-alert{
						position: relative;
						display: block;
						margin: 0 0 30px 0;
						padding: 0;
						text-align: center;
						width: 100%;
						height: 65px;
						background: url('../images/vuelos/Icon_info_ETC.png') no-repeat top center;
					}

					h4{
						position: relative;
						display: block;
						margin: 0 0 10px 0;
						padding: 0;
						text-align: center;
						font: 24px/28px @openSans;
						font-weight: 300;
						color: #4a4a4a;
					}

					p{
						position: relative;
						display: block;
						margin: 0 0 20px 0;
						padding: 0;
						font: 14px/18px @openSans;
						font-weight: 300;
						color: #898989;
					}

					.btn{
						position: relative;
						display: inline-block;
						margin: 0 auto 10px auto;
						padding: 20px;
						text-decoration: none;
						min-width: 250px;
						font: 14px/20px @openSans;
						font-weight: 400;
						box-shadow: none;

						&.btn-vuelos{
							border: none;
							border-radius: 50px;
							background: @dorado;
							color: @blanco;
						}

						&.btn-vuelos-out{
							border: none;
							display: block;
							background: @blanco;
							color: @dorado;

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

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

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

		.body{
			position: absolute;
			display: block;
			margin: 0 0 0 -300px;
			padding: 20px;
			top: 50%;
			transform: translateY(-50%);
			left: 50%;
			width: 600px;
			background: @blanco;
			border-radius: 5px;
			box-sizing: border-box;
			z-index: 1;
		}

		.contenido{
			position: relative;
			display: block;
			margin: 0;
			padding: 0;
		}
	}

	.bootstrap-datetimepicker-widget{
		&.dropdown-menu {
			padding: 15px;
			border-top: 2px solid @dorado;
			border-radius: 0;

			&:before,
			&:after{
				display: none !important;
			}
		}

		table{
			th{
				font: 14px/18px @openSans;
				font-weight: 400;
				color: #9B9B9B;

				&.picker-switch{
					font: 16px/20px @openSans;
					font-weight: 300;
					color: #4A4A4A;
				}

				&.prev span {
					background: url('../images/vuelos/prev-calendar.png') no-repeat 0 0;
					width: 19px;
					height: 19px;
					color: transparent;
				}

				&.next span {
					background: url('../images/vuelos/next-calendar.png') no-repeat 0 0;
					width: 19px;
					height: 19px;
					color: transparent;
				}
			}

			td{
				font: 12px/16px @openSans;
				font-weight: 500;
				color: #747474;

				&.active{
					background: @dorado !important;
					color: @blanco !important;
					border-radius: 50px !important;
				}

				&.old,
				&.new,
				&.disabled{
					color: #E1E4E7 !important;
				}

				&.today{
					background: transparent !important;
					color: @negro !important;

					&:before,
					&:after{
						border: none !important;
						content: '' !important;
						background: transparent !important;
					}
				}
			}
		}
	}

	header{
		margin-bottom: 20px;

		&.light{
			.box-menu{
				&.principal{
					background: rgba(255, 255, 255, 0.9);

					.inner{
						.ham-button{
							background: url('../images/mobile/ico-menu-light.png') no-repeat 0 0;
							background-size: 100%;

							&.on{
								background: url('../images/mobile/ico-cerrar-menu-light.png') no-repeat center center;
								background-size: 100%;
							}
						}
					}
				}

				&.secundario{
					/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000a3f+0,1d5878+50,000a3f+100 */
					background: #000a3f; /* Old browsers */
					background: -moz-linear-gradient(left, #000a3f 0%, #1d5878 50%, #000a3f 100%); /* FF3.6-15 */
					background: -webkit-linear-gradient(left, #000a3f 0%,#1d5878 50%,#000a3f 100%); /* Chrome10-25,Safari5.1-6 */
					background: linear-gradient(to right, #000a3f 0%,#1d5878 50%,#000a3f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000a3f', endColorstr='#000a3f',GradientType=1 ); /* IE6-9 */
				}

				ul.idiomas li a,
				ul.otros li a,
				ul.contacto li a{
					font-family: @openSans;
				}

				ul{
					&.idiomas{
						li{
							&.activo{
								background: @blanco;

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

			nav{
				.menu-principal{
					li{
						color: @negro;

						a{
							color: @negro;
							font: 12px/16px @openSans;
							font-weight: 400;

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

						&.ofertas-especiales{
							background: transparent;

							a:before{
								display: none;
							}
						}
					}
				}
			}
		}
	}

	.inner{
		overflow: visible;
	}

	.custom-input.telefono{
		.country-list{

		}
	}

	.fecha-tarjeta{
		.custom-input,
		.custom-select{
			position: relative;
			display: block;
			margin: 0;
			padding: 0;
			width: 50%;
			min-width: inherit;
			float: left;

			span:after{
				top: 62%;
			}

			&:first-of-type{
				span{
					border-right: none;
				}
			}

			&:last-of-type{
				span{
					border-left: none;
				}

			}
		}
	}

	.checkbox.error{
		label,
		a{
			color: @rojo !important;
		}
	}

	.custom-select,
	.custom-input{
		position: relative;
		display: block;
		margin: 0;
		padding: 0;
		width: 100%;
		z-index: inherit;

		input.phone-int{
			padding-left: 48px !important;
		}

		&.horas{
			z-index: 50 !important;

			ul{
				width: 380px !important;
				max-height: inherit;

				li{
					position: relative;
					display: block;
					margin: 0;
					padding: 10px !important;
					width: 50%;
					box-sizing: border-box;
					float: left;

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

						h3{
							position: relative;
							display: block;
							margin: 0;
							padding: 0;
							font: 12px/16px @openSans;
							font-weight: 300;
							color: #4a4a4a;
						}

						h4{
							position: relative;
							display: block;
							margin: 0;
							padding: 0;
							font: 8px/12px @openSans;
							font-weight: 700;
							color: #4a4a4a;
							text-transform: uppercase;
						}

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

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

		&.error{
			span{
				border-color: @rojo !important;

				.label,
				input{
					color: @rojo !important;
				}
			}
		}

		&.on{
			span{
				color: rgba(74, 74, 74, 0.2);

				&:after{
					color: rgba(107, 107, 107, 0.2);
				}
			}

			ul{
				display: block !important;
			}
		}

		&.last{
			ul{
				right: 0;
			}
		}

		span.titulo{
			position: relative;
			display: block;
			margin: 0;
			padding: 12px;
			background: #FBFBFB;
			border: 1px solid #E7E7E7;
			border-radius: 4px;
			font: 12px/16px @openSans;
			font-weight: 300;
			cursor: pointer;
			color: #4A4A4A;

			div{
				span{
					border: none;
				}
			}

			&.country-name,
			&.dial-code{
				display: inline-block;
				background: inherit;
				border: none;
				border-radius: 0;
				font: 10px/14px @openSans;
				font-weight: 300;
				padding: 2px;
			}



			&:after{
				content: "\f078";
				position: absolute;
				display: block;
				margin: 0;
				padding: 0;
				top: 50%;
				right: 12px;
				transform: translateY(-50%);
				color: rgba(107, 107, 107, 0.5);
				font: 12px/12px 'FontAwesome';
			}
		}

		ul.country-list{
			width: 188px !important;
			left: -12px !important;
		}

		ul.selector{
			position: absolute;
			display: none;
			margin: 0;
			padding: 0;
			list-style: none;
			background: @blanco;
			border: 1px solid #E7E7E7;
			z-index: 50;
			// min-width: 190px;
			width: 100%;
			top: 44px;
			max-height: 210px;
			overflow: auto;

			&.tarjetas{
				max-height: 130px;
			}

			li{
				position: relative;
				display: block;
				margin: 0;
				padding: 0;
				//border-bottom: 1px solid #E7E7E7;

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

				&:first-of-type{
					border-right: 1px solid #e7e7e7;
				}

				a{
					position: relative;
					display: block;
					margin: 0;
					padding: 12px;
					font: 12px/16px @openSans;
					font-weight: 300;
					color: #4A4A4A;
					text-decoration: none;

					&:hover{
						background: #F5F5F5;
						text-decoration: none;
					}
				}

			}
		}
	}

	.destacado-vuelos{
		position: absolute;
		display: block;
		margin: 0;
		padding: 120px 0 0;
		width: 100%;
		background-position: top center;
		background-repeat: none;
		background-size: cover;
		top: 0;
		left: 0;
		right: 0;

		&.paso1{
			height: 560px;

			&.resultados{
				height: 430px;
			}
		}

		&.paso2,
		&.paso3{
			height: 430px;
		}
	}

	.breadcrumb-vuelos{
		position: relative;
		display: block;
		margin: 0 auto 80px auto;
		padding: 0;
		z-index: 1;
		overflow: hidden;

		&.paso1{background: url('../images/vuelos/bc-paso1.svg') no-repeat top center;}
		&.paso2{background: url('../images/vuelos/bc-paso2.svg') no-repeat top center;}
		&.paso3{background: url('../images/vuelos/bc-paso3.svg') no-repeat top center;}

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

			li{
				position: relative;
				display: block;
				margin: 0;
				padding: 35px 0 0 0;
				float: left;
				width: 25%;
				color: @blanco;
				font: 12px/16px @openSans;
				font-weight: 400;
				text-align: center;

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

			}
		}
	}

	.texto-destacado{
		position: relative;
		display: block;
		margin: 0 auto 40px auto;
		padding: 0;
		text-align: center;

		&.confirmacion{
			margin-bottom: 40px;
		}

		img{
			position: relative;
			display: block;
			margin: 0 auto 20px auto;
			padding: 0;
		}

		h2{
			position: relative;
			display: block;
			margin: 0 0 15px 0;
			padding: 0;
			color: @blanco;
			text-align: center;
			font: 28px/32px @openSans;
			font-weight: 100;
		}

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

	.bloque-resultados,
	.bloque-checkout,
	.bloque-confirmacion{
		position: relative;
		display: block;
		margin: 0 0 40px 0;
		padding: 0 40px;
		background: @blanco;
		border-radius: 0px 0px 5px 5px;
		-webkit-box-shadow: 2px 2px 5px 1px rgba(204, 204, 204, 0.5);
		-moz-box-shadow: 2px 2px 5px 1px rgba(204, 204, 204, 0.5);
		box-shadow: 2px 2px 5px 1px rgba(204, 204, 204, 0.5);
		overflow: hidden;

		.sidebar-vuelos{
			position: relative;
			display: block;
			margin: 0;
			padding: 40px 40px 40px 0;
			width: 25%;
			float: left;

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


				.bloque-hotel,
				.bloque-vuelo{

					&.closed{
						.datos-hotel,
						.fechas,
						.viajeros,
						.habitacion,
						.vuelo-seleccionado,
						.viaje,
						.precio-vuelos,
						.precio-total{
							display: none;
						}
					}

				}

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

				&.resumen{

					.bloque-hotel,
					.bloque-vuelo,
					.bloque-evento,
					.bloque-transfer{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;

						.contenido{
							position: relative;
							display: block;
							margin: 0;
							padding: 0;
							overflow: hidden;
						}
					}

					.bloque-hotel,
					.bloque-evento,
					.bloque-transfer{
						margin-bottom: 30px;
					}

					.bloque-evento{
						.contenido{
							ul{
								li{
									position: relative;
									display: block;
									margin: 0 0 10px 0;
									padding: 0;
									width: 100%;
									float: none;
									border-bottom: 1px solid #D8D8D8;

									&:first-of-type{
										padding-bottom: 10px;
									}

									&:last-of-type{
										padding-bottom: 10px;
									}

									p{
										position: relative;
										display: block;
										margin: 0;
										padding: 0;
										font: 14px/18px @openSans;
										font-weight: 400;
										color: #4A4A4A;

										&.localizacion,
										&.fecha{
											font: 14px/18px @openSans;
											font-weight: 300;
											color: #4A4A4A;
											padding: 7px 0 7px 27px;
										}

										&.localizacion{
											background: url('../images/vuelos/ico-location-cve.png') no-repeat left center;
										}

										&.fecha{
											background: url('../images/vuelos/ico-date-cve.png') no-repeat left center;
										}
									}
								}
							}
						}
					}

					h3{
						position: relative;
						display: block;
						margin: 0 0 15px 0;
						padding: 0 0 20px 0;
						color: @dorado;
						font: 16px/20px @openSans;
						font-weight: 300;
						border-bottom: 1px solid @dorado;

						a{
							position: absolute;
							display: block;
							margin: 0;
							padding: 0;
							top: 0;
							right: 5px;
							color: @dorado;
							font: 20px/20px @openSans;
							font-weight: 400;
						}
					}

					.datos-hotel{
						position: relative;
						display: block;
						margin: 0 0 15px 0;
						padding: 0 0 15px 0;
						border-bottom: 1px solid #f0f0f0;

						h4{
							position: relative;
							display: block;
							margin: 0;
							padding: 0;
							font: 14px/18px @openSans;
							font-weight: 400;
							color: #4A4A4A;
						}

						p{
							position: relative;
							display: block;
							margin: 0;
							padding: 0;
							font: 9px/13px @openSans;
							font-weight: 400;
							color: #9B9B9B;
						}

						.estrellas{
							position: relative;
							display: block;
							margin: 0;
							padding: 0;

							i{
								font-size: 10px;
								color: #F8E81C;
							}
						}
					}

					.fechas{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;
						overflow: hidden;

						.bloque{
							position: relative;
							display: block;
							margin: 0;
							padding: 0;
							float: left;
							width: 50%;
						}
					}

					.fechas,
					.viajeros,
					.habitacion,
					.noches-gratis{
						margin-bottom: 15px;
					}

					.habitacion,
					.noches-gratis,
					.vuelo-seleccionado{
						padding-bottom: 15px;
						border-bottom: 1px solid #f0f0f0;
					}

					.noches-gratis-box{
						position: relative;
						display: block;
						margin: 0 0 15px 0;
						padding: 15px 15px 15px 52px;;
						border: 1px solid rgba(151, 151, 151, 0.20);
						background: url('../images/vuelos/ico-noches-gratis.svg') no-repeat 14px center;
						background-color: rgba(216, 216, 216, 0.2);

						p{
							position: relative;
							display: block;
							margin: 0;
							padding: 0;
							font: 12px/18px @openSans;
							color: #9B9B9B;
							font-weight: 400;

							strong{
								display: block;
								font-size: 16px;
								color: #4A4A4A;
							}
						}
					}

					.precio-vuelos{
						padding-bottom: 15px;
						margin-bottom: 15px;
						border-bottom: 2px solid #9c8238;
					}

					.precio-total{
						p{
							font: 22px/26px @openSans;
							font-weight: 300;
							color: #4A4A4A;
						}
					}

					label{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;
						font: 10px/14px @openSans;
						font-weight: 300;
						color: #9B9B9B;
					}

					p{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;
						font: 14px/18px @openSans;
						font-weight: 300;
						color: #4A4A4A;

						strong{
							font-weight: 500;
						}
					}

					.viaje{
						position: relative;
						display: block;
						margin: 0 0 20px 0;
						padding: 0 0 5px 0;
						border-bottom: 1px solid #f0f0f0;
					}



					h4{
						position: relative;
						display: block;
						margin: 0 0 20px 0;
						padding: 0;
						font: 10px/14px @openSans;
						font-weight: 500;
						color: @negro;

						img{
							position: absolute;
							display: block;
							margin: 0;
							padding: 0;
							right: 0;
							top: 0;
						}
					}

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

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

				}


				&.alojamiento{

					h3{
						position: relative;
						display: block;
						margin: 0 0 25px 0;
						padding: 0;
						font: 16px/20px @openSans;
						font-weight: 300;
						color: #4A4A4A;
					}

					img{
						position: relative;
						display: block;
						margin: 0 0 10px 0;
						padding: 0;
						width: 100%;
					}

					.datos-hotel{
						position: relative;
						display: block;
						margin: 0 0 15px 0;
						padding: 0 0 15px 0;
						border-bottom: 1px solid #f0f0f0;

						h4{
							position: relative;
							display: block;
							margin: 0;
							padding: 0;
							font: 14px/18px @openSans;
							font-weight: 400;
							color: #4A4A4A;
						}

						p{
							position: relative;
							display: block;
							margin: 0;
							padding: 0;
							font: 9px/13px @openSans;
							font-weight: 400;
							color: #9B9B9B;
						}

						.estrellas{
							position: relative;
							display: block;
							margin: 0;
							padding: 0;

							i{
								font-size: 10px;
								color: #F8E81C;
							}
						}
					}

					.fechas{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;
						overflow: hidden;

						.bloque{
							position: relative;
							display: block;
							margin: 0;
							padding: 0;
							float: left;
							width: 50%;
						}
					}

					.fechas,
					.viajeros,
					.habitacion{
						margin-bottom: 15px;
					}

					.habitacion{
						padding-bottom: 15px;
						border-bottom: 1px solid #f0f0f0;
					}

					.noches-gratis{
						padding-top: 10px;
						label{
							color: @dorado !important;
							text-transform: uppercase;
							font: 14px/18px @montserrat;
							font-weight: 700;
						}

						p{
							font: 12px/16px @montserrat;
							font-weight: 300;
						}
					}

					label{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;
						font: 10px/14px @openSans;
						font-weight: 300;
						color: #9B9B9B;
					}

					p{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;
						font: 14px/18px @openSans;
						font-weight: 300;
						color: #4A4A4A;
					}

					.botones-accion{
						position: relative;
						display: block;
						margin: 0 0 15px 0;
						padding: 0 0 15px 0;
						border-bottom: 1px solid #f0f0f0;

						a{
							position: relative;
							display: block;
							margin: 0 0 10px 0;
							padding: 9px 0;
							width: 100%;
							border: 2px solid @dorado;
							border-radius: 50px;
							background: transparent;
							color: @dorado;
							text-decoration: none;
							font: 13px/18px @openSans;
							font-weight: 400;
							text-align: center;

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

					.vuelo-seleccionado{
						position: relative;
						display: block;
						margin: 0;
						padding: 0 0 15px 40px;
						background: url('../images/vuelos/ico-vuelo-widget.png') no-repeat left 10px;
						border-bottom: 1px solid #f0f0f0;
					}
				}
			}
		}

		.desglose{
			position: relative;
			display: block;
			margin: 0 0 10px 0;
			padding: 0 0 10px 0;
			border-bottom: 1px solid #f0f0f0;

			h3{
				margin-bottom: 10px;
			}

			.tabla-desglose{
				position: relative;
				display: table;
				margin: 0;
				padding: 0;
				width: 100%;

				.fila{
					position: relative;
					display: table-row;
					margin: 0;
					padding: 0;

					.celda{
						position: relative;
						display: table-cell;
						margin: 0;
						padding: 10px;
						border-bottom: 2px solid @blanco;
						background: #f3f2f5;
						width: 50%;

						p{
							position: relative;
							display: block;
							margin: 0;
							padding: 0;
							font: 14px/18px @openSans;
							font-weight: 400;
							color: @negro;
							span{
								display: block;
								font: 10px/14px @openSans;
								font-weight: 300;
								color: #898989;
							}
						}
					}

				}
			}
		}

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

			a{
				position: relative;
				display: inline-block;
				margin: 0;
				padding: 0;
				text-decoration: none;

				&.btn-vuelos{
					padding: 21px;
				}
			}

			button{
				position: relative;
				display: inline-block;
				display: none;
				margin: 0;
				padding: 0;

				&.btn-vuelos{
					padding: 0 21px;
					height: 60px;
				}
			}

			a, button{
				&.btn-vuelos{
					background: @dorado;
					color: @blanco;
					font: 14px/18px @openSans;
					font-weight: 400;
					border-radius: 50px;
				}

				&.pdf{
					padding-left: 55px;

					&:before{
						content: '';
						position: absolute;
						display: inline-block;
						margin: 0 5px 0 0;
						padding: 0;
						background: url('../images/vuelos/ico-pdf.svg') no-repeat center left;
						width: 25px;
						height: 33px;
						left: 21px;
						top: 50%;
						transform: translateY(-50%);
					}
				}

				&.imprimir{
					padding-left: 65px;

					&:before{
						content: '';
						position: absolute;
						display: inline-block;
						margin: 0 5px 0 0;
						padding: 0;
						background: url('../images/vuelos/ico-impresora-confirmacion.svg') no-repeat center left;
						width: 34px;
						height: 29px;
						left: 21px;
						top: 50%;
						transform: translateY(-50%);
					}
				}
			}
		}

		.cuerpo-checkout{
			position: relative;
			display: block;
			margin: 0;
			padding: 40px 0 40px 40px;
			width: 75%;
			min-height: 100vh;
			float: left;
			border-left: 1px solid #f0f0f0;

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

			.precio-total{
				display: none;
			}

			.listado-tarjetas{
				position: relative;
				display: block;
				margin: 0 0 10px 0;
				padding: 0;

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

					li{
						position: relative;
						display: inline-block;
						margin: 0 5px 0 0;
						padding: 0;

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

						&.on{
							span.selected{
								visibility: visible;
							}
						}

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

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

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

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

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

							&.on{
								span.tarjeta{
									background: url('../images/tarjetas/discover.png') no-repeat 0 0;
								}
							}
						}
						&.diners_club_international,
						&.diners_club_carte_blanche{
							span.tarjeta{
								background: url('../images/tarjetas/diners_club_international_off.png') no-repeat 0 0;
							}

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

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

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

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

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

						span{
							position: relative;
							display: block;
							margin: 0 0 5px 0;
							padding: 0;

							&.tarjeta{
								width: 64px;
								height: 42px;
							}
							&.selected{
								visibility: hidden;
								background: url('../images/vuelos/tarjeta-selected.png') no-repeat center center;
								width: 62px;
								height: 5px;
							}
						}
					}
				}
			}

			.checkbox{
				width: -moz-fit-content;
				width: fit-content;
			}

			.lopd{
				position: relative;
				display: block;
				margin: 0 0 20px 0;
				padding: 0 0 0 5px;
				font: 11px/16px @openSans;
				font-weight: 300;
				color: #4A4A4A;
				cursor: pointer;

				span{
					position: absolute;
					display: block;
					margin: 0;
					padding: 0;
					width: 18px;
					height: 18px;
					left: 0;
					cursor: pointer;
					background: url('../images/vuelos/checkbox_checked.png') no-repeat 0 0;
				}

				input{
					display: none;
				}
			}

			.bloque-formulario{
				position: relative;
				display: block;
				margin: 0 0 20px 0;
				padding: 0;

				&.closed{
					.tabla-formulario,
					h4,
					.row,
					.listado-tarjetas{
						display: none;
					}

					h3{
						a{
							&:before{
								content: "\f067";
							}
						}
					}
				}

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

				h3{
					position: relative;
					display: block;
					margin: 0 0 15px 0;
					padding: 0 0 20px 0;
					color: @dorado;
					font: 16px/20px @openSans;
					font-weight: 300;
					border-bottom: 1px solid @dorado;
					cursor: pointer;

					a{
						position: absolute;
						display: block;
						margin: 0;
						padding: 0;
						top: 0;
						right: 5px;
						color: @dorado;
						font: 20px/20px @openSans;
						font-weight: 400;
						font: 0/0 a;
						text-decoration: none;
						color: transparent;

						&:before{
							content: "\f068";
							position: absolute;
							display: block;
							margin: 0;
							padding: 0;
							font: 12px/12px 'FontAwesome';
							color: @dorado;
							right: 0;
							top: 10px;
						}

					}
				}

				h4{
					position: relative;
					display: block;
					margin: 0 0 5px 0;
					padding: 0;
					font: 10px/14px @openSans;
					font-weight: 500;
					color: #4A4A4A;
					text-transform: uppercase;
				}

				.tabla-formulario{
					position: relative;
					display: table;
					margin: 0 0 20px 0;
					padding: 0;
					width: 100%;

					&.tarjeta{
						.fila{
							.celda{
								padding-right: 15px;

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

								.custom-input{
									min-width: 90px;
								}

								&:nth-child(1),
								&:nth-child(2){
									width: 35%;
								}
								&:nth-child(3){
									width: 30%;
								}
							}
						}
					}

					&.cuatro{
						.fila{
							&:first-of-type{
								.celda{
									padding-bottom: 10px;
								}
							}
							.celda{
								width: 25% !important;
								max-width: 25% !important;
								padding: 0;

								.custom-select,
								.custom-input{
									span{
									}
								}

								&.padding-right{
									padding-right: 15px;

									.custom-select,
									.custom-input{
										span{
											border-left: none;
										}
									}
								}

								&.no-border-right{
									span{
										border-right: none;
									}
								}

								&.no-border-left{
									span{
										border-right: none;
									}
								}

								&:last-of-type{
									.custom-select,
									.custom-input{
										span{
										}
									}
								}

								&.padding-left{
									padding-left: 15px;

									.custom-select,
									.custom-input{
										span{
											border-right: none;
										}
									}
								}
							}
						}
					}

					.fila{
						position: relative;
						display: table-row;
						margin: 0;
						padding: 0;

						.celda{
							position: relative;
							display: table-cell;
							margin: 0;
							padding: 0 30px 0 0;
							width: 25%;
							vertical-align: middle;

							&:first-of-type{
								width: 50%;
							}

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

							.custom-input{
								span{
									border-radius: 0;
									&:after{
										display: none;
									}

									.label{
										position: relative;
										display: block;
										margin: 0;
										padding: 0;
										border: none;
										background: transparent;
										text-align: left;
									}

								}

								input{
									position: relative;
									display: block;
									margin: 0;
									padding: 0;
									border: none;
									background: #fbfbfb;
									font: 13px/17px @openSans;
									font-weight: 300;
									color: #4a4a4a;
									outline: none;
									width: 100%;
								}
							}

							.custom-select{

								&.titular{
									span{
										padding-left: 45px;
										background: url('../images/vuelos/ico-huespedes-input.png') no-repeat 10px center #fbfbfb;
									}

									ul{
										width: 100%;
										min-width: 190px;
										top: 56px;
									}
								}
								span{
									padding: 12px;
									border-radius: 0;

									p{
										position: relative;
										display: block;
										margin: 0;
										padding: 0;
										border: none;
										background: transparent;
										text-align: left;

										&:after{
											display: none;
										}
									}
								}
							}

							.label{
								font: 10px/14px @openSans;
								font-weight: 300;
								color: #939393;
								text-align: left;
							}

							.texto{
								font: 13px/17px @openSans;
								font-weight: 300;
								color: #4A4A4A;
								text-align: left;
							}
						}
					}
				}

			}
		}

		.listsado-vuelos{
			position: relative;
			display: block;
			margin: 0;
			padding: 40px 0 40px 40px;
			width: 75%;
			float: left;
			border-left: 1px solid #f0f0f0;

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

				.tabla-herramientas{
					position: relative;
					display: table;
					margin: 0;
					padding: 0;
					width: 100%;

					.fila{
						position: relative;
						display: table-row;
						margin: 0;
						padding: 0;

						.celda{
							position: relative;
							display: table-cell;
							margin: 0;
							padding: 0 0 0 5px;
							vertical-align: middle;
							text-align: left;

							&.ordenar{
								p{
									text-align: right;
									padding-right: 10px;
								}
							}

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

							// &:nth-child(6){
							// 	padding-left: 30px;
							// }

							p{
								position: relative;
								display: block;
								margin: 0;
								padding: 0;
								font: 12px/16px @openSans;
								font-weight: 300;
								color: #939393;
							}

							.custom-select{
								ul{
									width: 180px;
								}
							}
						}
					}
				}
			}

			.tabla-vuelos{
				position: relative;
				display: block;
				margin: 0;
				padding: 50px;
				background: #F3F2F5;

				&.horas-on{
					padding-top: 200px;
				}

				.cargando-vuelos{
					position: relative;
					display: none;
					margin: 0 auto;
					padding: 20px 0;
					text-align: center;

					&.on{
						display: block;
					}

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

						-webkit-animation: 3s rotate linear infinite;
						animation: 3s rotate linear infinite;
						-webkit-transform-origin: 50% 50%;
						transform-origin: 50% 50%;
					}

					@keyframes rotate {
						from {transform: rotate(0deg);}
						to {transform: rotate(360deg);}
					}
					@-webkit-keyframes rotate {
						from {-webkit-transform: rotate(0deg);}
						to {-webkit-transform: rotate(360deg);}
					}
				}

				.item-vuelo{
					position: relative;
					display: block;
					margin: 0 0 25px 0;
					padding: 0;
					background: @blanco;
					border-radius: 5px;
					-webkit-box-shadow: 2px 2px 5px 1px rgba(204, 204, 204, 0.5);
					-moz-box-shadow: 2px 2px 5px 1px rgba(204, 204, 204, 0.5);
					box-shadow: 2px 2px 5px 1px rgba(204, 204, 204, 0.5);
					overflow: hidden;

					.radio-info input[type="radio"] + label::after {
						background-color: @dorado;
					}
					.radio-info input[type="radio"]:checked + label::before {
						border-color: @dorado;
					}
					.radio-info input[type="radio"]:checked + label::after {
						background-color: @dorado;
					}

					&.no-disponible{
						.mensaje{
							position: relative;
							display: block;
							margin: 0;
							padding: 50px 20px;
							text-align: center;

							.icono{
								position: relative;
								display: block;
								margin: 0 0 20px 0;
								padding: 0;
								width: 100%;
								height: 67px;
								background: url('../images/vuelos/ico-vuelos-no-disponibles-general.png') no-repeat center center;

								&.vuelos_resultados{
									background: url('../images/vuelos/ico-vuelos-no-disponibles-vuelos-home.png') no-repeat center center;
								}

								&.vuelos_eventos_resultados{
									background: url('../images/vuelos/ico-vuelos-no-disponibles-vuelos-eventos-home.png') no-repeat center center;
								}
							}

							h4{
								position: relative;
								display: block;
								margin: 0 0 15px 0;
								padding: 0;
								font: 24px/28px @openSans;
								font-weight: 300;
								color: #4a4a4a;
								text-align: center;
							}

							p{
								position: relative;
								display: block;
								margin: 0 0 10px 0;
								padding: 0;
								font: 14px/18px @openSans;
								font-weight: 300;
								color: #898989;

								&.info-text{
									color: @dorado;
									margin-bottom: 0;
									font-weight: 500;
								}
							}
						}
					}

					&.seleccionado{
						border: 1px solid @dorado;

						.seleccionar{
							.tabla-seleccionar{
								.fila{
									.celda{
										button{
											background: @dorado;
										}
									}
								}
							}
						}
					}

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

					.trayectos{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;
						width: 75%;
						float: left;
						border-right: 1px solid #f0f0f0;
						cursor: pointer;

						.tabla-trayectos{
							position: relative;
							display: table;
							margin: 0;
							padding: 0;
							width: 100%;

							&.ida{
								border-bottom: 1px solid #f0f0f0;
							}

							&.solo{
								border-bottom: none !important;

								.fila{
									.celda{
										padding: 38px 10px;
									}
								}
							}

							.fila{
								position: relative;
								display: table-row;
								margin: 0;
								padding: 0;
								width: 100%;

								.celda{
									position: relative;
									display: table-cell;
									margin: 0;
									padding: 20px 10px;
									padding: 24px 10px;
									vertical-align: middle;

									input[type="radio"]{
										pointer-events: none;
									}

									.ico-ida,
									.ico-vuelta{
										position: relative;
										display: block;
										margin: 0 0 5px 0;
										margin-bottom: 5px;
										padding: 0;
										background: url('../images/vuelos/ico-trayecto-ida.svg') no-repeat 0 0;
										width: 54px;
										height: 24px;
										text-align: right;
										z-index: 30;

										a{
											position: absolute;
									    display: block;
									    margin: 0;
									    padding: 2px 8px;
									    border-radius: 50px;
									    border: 2px solid @dorado;
									    background: transparent;
									    text-decoration: none;
									    font: 10px/14px 'Open Sans',sans-serif;
									    font-weight: 400;
									    color: @dorado;
									    width: 100%;
									    top: 25px;
									    left: 20px;
											top: 53px;
											background: @blanco;
											cursor: pointer;

											&:before{
												content: "\f067";
										    position: relative;
										    display: inline-block;
										    margin: 0 5px 0 0;
										    padding: 0;
										    font-size: 10px;
										    font-family: 'FontAwesome', serif;
										    line-height: 14px;
											}
										}
									}

									&.sin-escalas{
										background: url('../images/vuelos/sin-escalas.svg') no-repeat center center;
										p{
											&.escalas{
												color: #2FC3A2;
											}
										}
									}

									&.una-escala,
									&.dos-escalas{
										p{
											&.escalas{
												color: #D0011B;
											}
										}
									}

									&.una-escala{
										background: url('../images/vuelos/una-escala.svg') no-repeat center center;
									}

									&.dos-escalas{
										background: url('../images/vuelos/dos-escalas.svg') no-repeat center center;
									}

									.ico-vuelta{
										background: url('../images/vuelos/ico-trayecto-vuelta.svg') no-repeat 0 0;
										width: 51px;
										height: 28px;
									}

									// input{
									// 	&[type=radio]{
									// 		display: none;
									// 	}
									// }

									// label{
									// 	content: '';
									// 	position: absolute;
									// 	display: block;
									// 	margin: 0;
									// 	padding: 0;
									// 	background: url('../images/vuelos/radio-trayecto.png') no-repeat 0 0;
									// 	width: 20px;
									// 	height: 20px;
									// 	cursor: pointer;
									// 	top: 50%;
									// 	transform: translateY(-50%);
									// 	left: 10px;

									// 	&.on{
									// 		background: url('../images/vuelos/radio-trayecto-on.png') no-repeat 0 0;
									// 	}
									// }

									p{
										position: relative;
										display: block;
										margin: 0;
										padding: 0;
										font: 20px/24px @openSans;
										font-weight: 400;
										color: #4A4A4A;

										&.ciudad{
											font: 14px/18px @openSans;
											font-weight: 300;
											color: #9B9B9B;
											text-transform: uppercase;
										}

										&.hora,
										&.ciudad{
											text-align: right;

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

										&.horas-viaje,
										&.escalas{
											font: 10px/14px @openSans;
											font-weight: 400;
											color: #9B9B9B;
										}

										&.horas-viaje{
											margin-bottom: 15px;
										}
									}

									&:nth-child(1) {
										width: 20%;
										padding-left: 20px;

										p{
											position: relative;
											display: block;
											margin: 0;
											padding: 0;
											font: 10px/14px @openSans;
											font-weight: 400;
											color: #9B9B9B;
										}
									}
									&:nth-child(2) {width: 30%; padding-left: 10px;}
									&:nth-child(3) {width: 10%;}
									&:nth-child(4) {width: 25%; text-align: center;}
									&:nth-child(5) {width: 10%;}

								}
							}
						}
					}

					.seleccionar{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;
						width: 25%;
						float: left;

						.tabla-seleccionar{
							position: relative;
							display: table;
							margin: 0;
							padding: 0;
							width: 100%;

							.fila{
								position: relative;
								display: table-row;
								margin: 0;
								padding: 0;

								.celda{
									position: relative;
									display: table-cell;
									margin: 0;
									padding: 20px;
									vertical-align: middle;
									text-align: center;

									i{
										position: relative;
										display: block;
										margin: 0 auto 10px auto;
										padding: 0;
										background: url('../images/vuelos/ico-vuelo-seleccionar.png') no-repeat center center;
										width: 100%;
										height: 24px;
									}

									p{
										position: relative;
										display: block;
										margin: 0 0 10px 0;
										padding: 0;
										font: 20px/24px @openSans;
										font-weight: 400;
										color: #4A4A4A;
										text-align: center;
									}

									button{
										position: relative;
										display: inline-block;
										margin: 0;
										padding: 0 20px;
										height: 45px;
										font: 14px/18px @openSans;
										font-weight: 400;
										color: @blanco;
										background: rgba(184,151,58,.2);
										border: none;
										border-radius: 50px;
										outline: none;
									}
								}
							}
						}
					}
				}
			}
		}
	}

	.bloque-resultados{
		.sidebar-vuelos,
		.listsado-vuelos{
			float: right;
		}
	}

	.bloque-confirmacion{
		padding: 0;
		border-radius: 5px;

		.head{
			position: relative;
			display: block;
			margin: 0;
			padding: 20px 40px;
			background: #F4F4F4;
			-webkit-box-shadow: 0 1px 5px 1px rgba(204, 204, 204, 0.5);
			-moz-box-shadow: 0 1px 5px 1px rgba(204, 204, 204, 0.5);
			box-shadow: 0 1px 5px 1px rgba(204, 204, 204, 0.5);
		}
		.body{
			position: relative;
			display: block;
			margin: 0;
			padding: 30px 80px 50px 80px;
			border-bottom: 1px solid #e4e4e4;

			.mensaje{
				position: relative;
				display: block;
				margin: 0 0 25px 0;
				padding: 0;
				text-align: center;

				&.ok{
					h3{
						&:before{
							content: '';
							position: relative;
							display: block;
							margin: 0 0 20px 0;
							padding: 0;
							background: url('../images/vuelos/ico-ok-confirmacion.svg') no-repeat top center;
							height: 51px;
							width: 100%;
						}
					}
				}

				h3{
					position: relative;
					display: block;
					margin: 0;
					padding: 0;
					font: 16px/20px @openSans;
					font-weight: 500;
					color: #4A4A4A;
				}

				p{
					position: relative;
					display: block;
					margin: 0;
					padding: 0;
					font: 16px/20px @openSans;
					font-weight: 300;
					color: #4A4A4A;
				}
			}

			.detalles{
				position: relative;
				display: block;
				margin: 0;
				padding: 0;
				width: 100%;
			}
		}

				.tabla{
					position: relative;
					display: table;
					margin: 0 0 20px 0;
					padding: 0;
					width: 100%;

					&.pago{
						margin-bottom: 30px !important;
						.fila{
							.celda{
								background: transparent;
								width: 60%;
								padding: 0;

								&:first-of-type,
								&:last-of-type{
									width: 20%;
									padding: 0;
								}
							}
						}
					}

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

					.fila{
						position: relative;
						display: table-row;
						margin: 0;
						padding: 0;

						.celda{
							position: relative;
							display: table-cell;
							margin: 0;
							padding: 20px;
							border-bottom: 1px solid @blanco;
							background: #F3F2F5;
							width: 22%;
							vertical-align: top;

							&:first-of-type{
								border-radius: 5px 0 0 5px;
								width: 34%;
								padding-right: 0;
								padding-left: 40px;
							}

							&:last-of-type{
								border-radius: 0 5px 5px 0;
							}

							.mas-info{
								position: relative;
								display: block;
								margin: 0;
								padding: 10px 20px;
								border-radius: 50px;
								border: 2px solid @dorado;
								background: transparent;
								text-decoration: none;
								font: 13px/17px @openSans;
								font-weight: 400;
								color: @dorado;
								max-width: 84px;

								&:hover{
									background: @blanco;
								}
							}

							p{
								position: relative;
								display: block;
								margin: 0;
								padding: 0;
								text-align: left;
								font: 14px/18px @openSans;
								font-weight: 400;
								color: #4A4A4A;

								&.tarjeta{
									padding: 12px 0 12px 73px;
									&.visa{
										background: url('../images/tarjetas/visa.png') no-repeat left center;
									}
								}

								&.total{
									font: 22px/26px @openSans;
									font-weight: 300;
								}

								&.habitacion,
								&.vuelo,
								&.evento{
									border-right: 1px solid #e4e4e4;
									color: #9B9B9B;
									width: 100%;
									padding: 7px 0 7px 145px;
									background: url('../images/vuelos/ico-habitacion-confirmacion.svg') no-repeat left center;

									span{
										display: block;
										margin-bottom: 3px;
										color: @dorado;
										font: 24px/28px @openSans;
										font-weight: 700;
									}
									strong{
										display: block;
										color: @negro;
										font: 18px/22px @openSans;
										font-weight: 500;
									}
								}

								&.num-res{
									font: 16px/20px @openSans;
									font-weight: 300;
									margin-bottom: 10px;
								}

								&.vuelo{
									background: url('../images/vuelos/ico-vuelo-confirmacion.svg') no-repeat left center;
								}

								&.evento{
									background: url('../images/vuelos/ico-evento-confirmacion.svg') no-repeat left center;
								}

								&.label{
									margin-bottom: 3px;
									color: @dorado;
									font: 12px/16px @openSans;
									font-weight: 400;
								}
							}
						}
					}
				}

		.footer{
			position: relative;
			display: block;
			margin: 0;
			padding: 20px 80px;
		}

		.resume-reserva{
			position: relative;
			display: block;
			margin: 0;
			padding: 0;
			list-style: none;
			width: 100%;
			overflow: hidden;

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

				p{
					position: relative;
					display: block;
					margin: 0;
					padding: 0;
					font: 16px/20px @openSans;
					font-weight: 300;
					color: #4A4A4A;

					span{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;
						font: 12px/16px @openSans;
						font-weight: 400;
						color: @dorado;
					}
				}
			}
		}
	}

	.bloque-checkout{
		border-radius: 5px;
	}

	.bloque-resultados,
	.bloque-checkout,
	.bloque-confirmacion{
		.sidebar-vuelos{
			.widget{
				&.resumen{
					h3{
						a{
							font: 0/0 a;
							text-decoration: none;

							&:before{
								content: "\f068";
								position: relative;
								display: inline-block;
								margin: 0;
								padding: 0;
								font: 14px/18px 'FontAwesome';
								color: @dorado;
							}

							&.ocultar{
								&:before{
									content: "\f067";
								}
							}
						}
					}
				}
			}
		}
	}


	&.ev{

		.volver-atras{
			color: @morado;

			&:before{
				color: @morado;
			}

			&:hover{
				background: @morado;
				color: @blanco;

				&:before{
					color: @blanco;
				}
			}
		}

		.bloque-resultados,
		.bloque-checkout,
		.bloque-confirmacion{
			.sidebar-vuelos{
				.widget{
					&.resumen{
						h3{
							a{
								font: 0/0 a;
								text-decoration: none;

								&:before{
									content: "\f068";
									position: relative;
									display: inline-block;
									margin: 0;
									padding: 0;
									font: 14px/18px 'FontAwesome';
									color: @morado;
								}

								&.ocultar{
									&:before{
										content: "\f067";
									}
								}
							}
						}
					}
				}
			}

			.cuerpo-checkout{
				.listado-tarjetas{
					ul{
						li{
							span.selected{
								background: url('../images/vuelos/tarjeta-selected-eventos.png') no-repeat center center;
							}
						}
					}
				}
			}
		}


	.bootstrap-datetimepicker-widget{
		&.dropdown-menu {
			padding: 15px;
			border-top: 2px solid @morado;
			border-radius: 0;

			&:before,
			&:after{
				display: none !important;
			}
		}

		table{
			th{
				font: 14px/18px @openSans;
				font-weight: 400;
				color: #9B9B9B;

				&.picker-switch{
					font: 16px/20px @openSans;
					font-weight: 300;
					color: #4A4A4A;
				}

				&.prev span {
					background: url('../images/vuelos/prev-calendar.png') no-repeat 0 0;
					width: 19px;
					height: 19px;
					color: transparent;
				}

				&.next span {
					background: url('../images/vuelos/next-calendar.png') no-repeat 0 0;
					width: 19px;
					height: 19px;
					color: transparent;
				}
			}

			td{
				font: 12px/16px @openSans;
				font-weight: 500;
				color: #747474;

				&.active{
					background: @dorado !important;
					color: @blanco !important;
					border-radius: 50px !important;
				}

				&.old,
				&.new,
				&.disabled{
					color: #E1E4E7 !important;
				}

				&.today{
					background: transparent !important;
					color: @negro !important;

					&:before,
					&:after{
						border: none !important;
						content: '' !important;
						background: transparent !important;
					}
				}
			}
		}
	}


		.m{

			&.modificar-reserva{
				.body{
					.contenido{
						.btn{
							&.btn-vuelos{
								background: @morado;
							}
							&.btn-vuelos-out{
								color: @morado;
							}
						}
					}
				}
			}

			&.info-vuelo{
				.body{
					.contenido{
						.head{
							h4{
								span{
									color: @morado;
								}
							}

							.opciones-vuelo{
								ul{
									li{
										a{
											&.on{
												color: @morado;
												border-bottom-color: @morado;
											}
										}
									}
								}
							}
						}
					}
				}
			}
		}

		.bloque-confirmacion{

			.resume-reserva{
				li{
					p{
						span{
							color: #9B9B9B;
						}
					}
				}
			}

			.tabla{
				.fila{
					.celda{

						.mas-info{
							border-color: @morado;
							color: @morado;
						}

						p{
							color: #4A4A4A;
							font-weight: 300;

							&.label{
								color: @negro;
								font-weight: 400;
							}

							&.habitacion,
							&.vuelo{
								span{
									color: @negro;
								}
							}
						}
					}
				}
			}
		}

		.bloque-resultados,
		.bloque-checkout,
		.bloque-confirmacion{

			.botones-accion{
				a{
					&.btn-vuelos{
						background: @morado;
					}
				}
			}

			.cuerpo-checkout{
				.bloque-formulario{
					h3{
						color: @morado;
						border-bottom-color: @morado;

						a{
							&:before{
								color: @morado;
							}
						}
					}

					.tabla-formulario{
						.fila{
							.celda{
								.custom-select{
									&.titular{
										span{
											background: url('../images/vuelos/ico-huespedes-input-eventos.svg') no-repeat 10px center #fbfbfb;
										}
									}
								}
							}
						}
					}
				}
			}

			.listsado-vuelos{
				.tabla-vuelos{
					.item-vuelo{

						&.seleccionado{
							border-color: @morado;

							.seleccionar{
								.tabla-seleccionar{
									.fila{
										.celda{
											button{
												background: @morado;
											}
										}
									}
								}
							}
						}

						.seleccionar{
							.tabla-seleccionar{
								.fila{
									.celda{
										button{
											background: rgba(182, 38, 120, 0.20)
										}
									}
								}
							}
						}

						&.no-disponible{
							.mensaje{
								p{
									&.info-text{
										color: @morado;
									}
								}
							}
						}
					}
				}
			}

			.sidebar-vuelos{
				.widget{
					&.resumen{
						h3{
							color: @morado;
							border-bottom-color: @morado;

							a{
								color: @morado;
							}
						}
					}

					&.alojamiento{
						.botones-accion{
							a{
								color: @morado;
								border-color: @morado;

							}
						}
					}
				}
			}
		}

		.no-vuelos{
			a{
				border-color: @morado;
				color: @morado;
			}
		}

		.bloque-central{

			.buscador-vuelos{
				.menu-huespedes{
					border-top-color: @morado;
				}
				.cuerpo{
					.fila{
						.celda{
							button{
								background: @morado;
							}

							input{
								&.calendario{
									background: url('../images/vuelos/ico-calendario-input-eventos.svg') no-repeat 90% center;
								}
								&.huespedes{
									background: url('../images/vuelos/ico-huespedes-input-eventos.svg') no-repeat right center;
								}
							}
						}
					}
				}
			}

			.cabecera-vuelos{
				.zona-izquierda,
				.zona-derecha{
					.modo-vuelos{
						li{
							a{
								color: @morado;

								&.activo{
									border-bottom-color: @morado;
								}
							}
						}
					}
				}
			}
		}
	}

	.bloque-central{
		position: relative;
		display: block;
		margin: 0 0 40px 0;
		padding: 50px;
		background: @blanco;
		border-radius: 5px;
		-webkit-box-shadow: 2px 2px 5px 1px rgba(204, 204, 204, 0.5);
		-moz-box-shadow: 2px 2px 5px 1px rgba(204, 204, 204, 0.5);
		box-shadow: 2px 2px 5px 1px rgba(204, 204, 204, 0.5);

		&.resultados{
			margin-bottom: 0;
			border-radius: 5px 5px 0px 0px;
			border-bottom: 1px solid #f0f0f0;
		}

		.cabecera-vuelos{
			position: relative;
			display: block;
			margin: 0 0 20px 0;
			padding: 0;
			border-bottom: 2px solid #F0F0F0;
			overflow: hidden;

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

			.zona-izquierda,
			.zona-derecha{
				position: relative;
				display: block;
				margin: 0;
				padding: 0;
				float: left;
				width: 50%;

				h3{
					position: relative;
					display: block;
					margin: 0;
					padding: 0;
					font: 16px/20px @openSans;
					font-weight: 400;
					color: @negro;
					&.avion{
						padding: 15px 0 15px 90px;
						background: url('../images/vuelos/ico-avion-cabecera-vuelos.svg') no-repeat left center;
					}
				}

				.modo-vuelos{
					position: relative;
					display: block;
					margin: 0;
					padding: 0;
					list-style: none;

					li{
						position: relative;
						display: inline-block;
						margin: 0;
						padding: 0;

						a{
							position: relative;
							display: block;
							margin: 0;
							padding: 16px 20px 30px 20px;
							font: 14px/18px @openSans;
							font-weight: 400;
							color: @dorado;
							text-decoration: none;

							&:hover{
								text-decoration: none;
							}

							&.activo{
								padding-bottom: 28px;
								border-bottom: 2px solid @dorado;
								color: @negro;
								font-weight: 700;
							}
						}
					}
				}
			}
		}

		.buscador-vuelos{
			position: relative;
			display: table;
			margin: 0;
			padding: 0;
			width: 100%;

			.menu-destino {
				position: absolute;
				display: none;
				margin: 0;
				padding: 0;
				background: @blanco;
				border: 1px solid #E7E7E7;
				border-top: 2px solid @dorado;
				z-index: 4;
				width: 280px;
				max-height: 190px;
				overflow-x: hidden;
				overflow-y: auto;

				&.on {
					display: block;
					z-index: 99;
				}

				.item {
					position: relative;
					display: block;
					margin: 0;
					padding: 15px;
					border-bottom: 1px solid #E7E7E7;
					overflow: hidden;

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

					.texto,
					.accion {
						position: relative;
						display: block;
						margin: 0;
						padding: 0;
						float: left;
						width: 80%;
					}



					.texto {
						p {
							position: relative;
							display: block;
							margin: 0;
							padding: 0 0 0 15px;
							font: 14px/18px @openSans;
							font-weight: 600;
							color: #4A4A4A;
						}
					}

					.accion {
						width: 20%;

						.tabla-accion {
							position: relative;
							display: table;
							margin: 0;
							padding: 0;
							width: 100%;
							height: 32px;

							.fila {
								position: relative;
								display: table-row;
								margin: 0;
								padding: 0;
								border: none;

								.celda {
									position: relative;
									display: table-cell;
									margin: 0;
									padding: 0;
									vertical-align: middle;
									text-align: center;
									background: @blanco;
									border: none;

									&:after,
									&:before {
										display: none;
									}

									&.logo {
										background: url('../images/vuelos/ico-avion-autocomplete.png') no-repeat 2px 8px;
									}
								}
							}
						}
					}
				}
			}
			.menu-huespedes{
				position: absolute;
				display: none;
				margin: 0;
				padding: 0;
				background: @blanco;
				border: 1px solid #E7E7E7;
				border-top: 2px solid @dorado;
				z-index: 4;
				width: 210px;
				max-height: 252px;
				overflow-x: hidden;
				overflow-y: auto;

				&.on{
					display: block;
					z-index: 99;
				}

				.item{
					position: relative;
					display: block;
					margin: 0;
					padding: 15px;
					border-bottom: 1px solid #E7E7E7;
					overflow: hidden;

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

					.texto,
					.accion{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;
						float: left;
						width: 60%;
					}

					&.edad-menor{
						background: #e7e7e7;
						padding: 4px 15px;
						border-bottom: 1px solid #fafafa;

						&:last-of-type:not(.off){
							border-bottom: none;
						}

						.texto{
							p{
								padding: 8px 0;
								font: 10px/14px @openSans;
								font-weight: 300;
							}
						}

						.accion{
							.tabla-accion{
								.fila{
									.celda{
										background: #e7e7e7;

										p{
											font: 14px/18px @openSans;
											font-weight: 300;
											color: #4a4a4a;
										}

										a.menos{
											background: url('../images/vuelos/ico-menos-edad.png') no-repeat 0 0;
											width: 18px;
											height: 18px;
										}
										a.mas{
											background: url('../images/vuelos/ico-mas-edad.png') no-repeat 0 0;
											width: 18px;
											height: 18px;
										}
									}
								}
							}
						}
					}

					.texto{
						p{
							position: relative;
							display: block;
							margin: 0;
							padding: 0;
							font: 14px/18px @openSans;
							font-weight: 300;
							color: #4A4A4A;

							span{
								display: block;
								font: 10px/14px @openSans;
								font-weight: 400;
								color: #9B9B9B;
							}
						}
					}

					.accion{
						width: 40%;

						.tabla-accion{
							position: relative;
							display: table;
							margin: 0;
							padding: 0;
							width: 100%;
							height: 32px;

							.fila{
								position: relative;
								display: table-row;
								margin: 0;
								padding: 0;
								border: none;

								.celda{
									position: relative;
									display: table-cell;
									margin: 0;
									padding: 0;
									vertical-align: middle;
									text-align: center;
									background: @blanco;
									border: none;

									&:after,
									&:before{
										display: none;
									}

									p{
										position: relative;
										display: block;
										margin: 0;
										padding: 0 10px;
										font: 20px/24px @openSans;
										font-weight: 300;
										color: #4A4A4A;
									}

									a{
										position: relative;
										display: block;
										margin: 0;
										padding: 0;
										font: 0/0 a;
										width: 18px;
										height: 18px;

										&.menos{
											background: url('../images/vuelos/ico-menos.png') no-repeat 0 0;
										}

										&.mas{
											background: url('../images/vuelos/ico-mas.png') no-repeat 0 0;
										}
									}
								}
							}
						}
					}
				}
			}


			.cabecera,
			.cuerpo{
				position: relative;
				display: table-header-group;
				margin: 0;
				padding: 0;
				width: 100%;

				.fila{
					position: relative;
					display: table-row;
					margin: 0;
					padding: 0;

					.celda-label{
						display: none;
					}

					.celda{
						position: relative;
						display: table-cell;
						margin: 0;
						padding: 0;
					}
				}
			}

			.cabecera{
				.fila{
					.celda{
						padding-bottom: 10px;
						p{
							position: relative;
							display: block;
							margin: 0;
							padding: 0 0 0 5px;
							font: 12px/16px @openSans;
							font-weight: 300;
							color: #939393;
						}
					}
				}
			}

			.cuerpo{
				display: table-row-group;
				.fila{
					.celda{
						border-left: 1px solid #E7E7E7;
						border-right: none;
						background: #FBFBFB;
						padding: 0;
						vertical-align: middle;

						&.error{
							border: 1px solid @rojo;

							input{
								color: @rojo !important;
							}
						}

						&:before{
							content : "";
							position: absolute;
							left    : 0;
							bottom  : 0;
							height  : 1px;
							width   : 100%;
							border-bottom:1px solid #E7E7E7;
						}

						&:after{
							content : "";
							position: absolute;
							left    : 0;
							top  : 0;
							height  : 1px;
							width   : 100%;
							border-bottom:1px solid #E7E7E7;
						}

						&:last-of-type{
							border-left: none;
							text-align: right;
							/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbfbfb+0,ffffff+100 */
							background: #fbfbfb; /* Old browsers */
							background: -moz-linear-gradient(left, #fbfbfb 0%, #ffffff 100%); /* FF3.6-15 */
							background: -webkit-linear-gradient(left, #fbfbfb 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
							background: linear-gradient(to right, #fbfbfb 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
							filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */

							&:before,
							&:after {
							  width: 50%;
							  border-bottom: 1px solid #E7E7E7;
							}
							width: 15%;
							padding-right: 0;
						}

						&:nth-child(5) {
							width: 20%;
						}

						input{
							position: relative;
							display: block;
							margin: 0;
							padding: 0 30px 0 20px;
							width: 100%;
							height: 60px;
							background: transparent;
							font: 14px/18px @openSans;
							font-weight: 300;
							color: #4A4A4A;
							border: none;
							outline: none;

							&.destino{
								padding: 0 15px;
							}

							&.calendario{
								background: url('../images/vuelos/ico-calendario-input.svg') no-repeat 90% center;
							}

							&.huespedes{
								background: url('../images/vuelos/ico-huespedes-input.svg') no-repeat 100% center;
							}
						}

						button{
							position: relative;
							display: inline-block;
							margin: 0;
							padding: 0 20px;
							height: 60px;
							font: 14px/18px @openSans;
							font-weight: 400;
							color: @blanco;
							background: @dorado;
							border: none;
							border-radius: 50px;
							z-index: 1;
							outline: none;

							&::before{
								content: '';
								position: relative;
								display: inline-block;
								margin: 0 10px 0 0;
								padding: 0;
								background: url('../images/vuelos/ico-buscar.svg') no-repeat center center;
								width: 17px;
								height: 18px;
								top: 4px;
							}
						}
					}
				}
			}
		}
	}

	.no-vuelos{
		position: relative;
		display: block;
		margin: 0 0 40px 0;
		padding: 0;
		text-align: center;

		a{
			position: relative;
			display: inline-block;
			margin: 0;
			padding:  10px 60px;
			border: 2px solid @dorado;
			background: transparent;
			border-radius: 50px;
			text-decoration: none;
			color: @dorado;
			font: 13px/17px @openSans;
			font-weight: 400;
		}
	}

	.loading-vuelos{
		position: relative;
		display: none;
		margin: 0 0 40px 0;
		padding: 0;
		text-align: center;

		&.on{
			display: block;
		}

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

		p{
			position: relative;
			display: block;
			margin: 0;
			padding: 0;
			font: 16px/20px @openSans;
			font-weight: 400;
			color: #4A4A4A;
		}
	}


	.prom-cod-accion {
		text-align: left !important;
	}	

	.prom-cod-box {	
		border: 1px solid #b8973a !important;
	}

	.prom-cod-btn {	
		height: 40px !important;
    	padding: 10px 21px 0px 21px !important;
	}

	.prom-cod-ok {	
		background-color: #7cb41b !important;
		color: #FFFFFF !important;
		border: none !important;
		height: 60px;
	}

	.prom-cod-error {	
		color: red;
    	font-size: 12px;
	}

	.prom-cod-base-price {
		color: #f05c61 !important;
	    font-size: 12px !important;
	    text-decoration: line-through !important;
	}

	.prom-cod-applied {
		width: 50%;
		float: left;
	}

	.prom-cod-ok-title {
		background-color: #7cb41b !important;
		color: #F8F8F8 !important;
	}

	.prom-cod-applied-check {
		background-color: #7cb41b !important;
		color: #FFFFFF !important;
		border: none !important;

		&::before{
				content: '';
			    position: relative;
			    display: block;
			    margin: 0;
			    padding: 0;
			    background: url(../images/ico-prom-cod-ok.png) no-repeat 0 0;
			    width: 20px;
			    height: 20px;
			    float: left;
			    margin-left: 15px;
			    margin-top: 3px;
		}
	}

	.prom-cod-undo {
		width: 50% !important;
	    padding-top: 20px !important;
	    padding-left: 20px !important;
	    color: #b8973a !important;    
	    font-family: "Open Sans", sans-serif !important;
	}

	.prom-cod-undo-text {
		cursor: pointer !important;

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

.tt-dropdown-menu, .gist {
    text-align: left;
}

.scrollable-dropdown-menu .tt-dropdown-menu {
	  max-height: 190px;
	  overflow-y: auto;
	}
.title, .example-name {
    font-family: Prociono;
}
p {
    margin: 0 0 10px;
}
.title {
    font-size: 64px;
    margin: 20px 0 0;
}
.example {
    padding: 30px 0;
}
.example-name {
    font-size: 32px;
    margin: 20px 0;
}
.demo {
    margin: 50px 0;
    position: relative;
}
.typeahead, .tt-query, .tt-hint {
    border: 2px solid #CCCCCC;
    border-radius: 8px 8px 8px 8px;
    font-size: 24px;
    height: 30px;
    line-height: 30px;
    outline: medium none;
    padding: 8px 12px;
    width: 396px;
}
.typeahead {
    background-color: #FFFFFF;
}
.typeahead:focus {
    border: 2px solid #0097CF;
}
.tt-query {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
.tt-hint {
    color: #999999;
}
.tt-dropdown-menu {
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0;
    border: 1px solid #E7E7E7;
    margin-top: 0;
    margin-left: 0;
    border-top: 2px solid @dorado;
    width: 280px;
    box-sizing: border-box;
    height: 250px;
}
.tt-suggestion {
    font-size: 18px;
    line-height: 24px;
    padding: 15px 15px 15px 60px;
    background: url('../images/vuelos/ico-avion-autocomplete.png') no-repeat 15px center;
    border-bottom: 1px solid #E7E7E7;

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

	p{
		color: #4A4A4A;
		font: 14px/18px @openSans;
		font-weight: 700;
		color: #4A4A4A;

	    span{
	    	display: block;
	    	font: 10px/14px @openSans;
	    	font-weight: 500;
	    	color: #9B9B9B;
	    }
	}
}
.tt-suggestion.tt-cursor {
    background-color: #F6F6F6;
}
.tt-suggestion p {
    margin: 0;
}
.gist {
    font-size: 14px;
}
.example-twitter-oss .tt-suggestion {
    padding: 8px 20px;
}
.example-twitter-oss .tt-suggestion + .tt-suggestion {
    border-top: 1px solid #CCCCCC;
}
.example-twitter-oss .repo-language {
    float: right;
    font-style: italic;
}
.example-twitter-oss .repo-name {
    font-weight: bold;
}
.example-twitter-oss .repo-description {
    font-size: 14px;
}
.example-sports .league-name {
    border-bottom: 1px solid #CCCCCC;
    margin: 0 20px 5px;
    padding: 3px 0;
}
.example-arabic .tt-dropdown-menu {
    text-align: right;
}

@media (min-width: 768px) and (max-width: @screen-sm-max) {
	body{
		&.vuelos{

			.ham-button{
				position: absolute;
				display: block;
				margin: 0;
				padding: 0;
				background: url('../images/mobile/ico-menu.png') no-repeat 0 0;
				width: 23px;
				height: 18px;
				background-size: 100%;
				z-index: 2;

				&:before{
					display: none;
				}

				&:after{
					display: none;
				}
			}

			.m{
				&.info-vuelo{
					.body{
						position: absolute;
						padding: 30px;
						margin-left: 0;
						width: auto;
						top: 100px;
						transform: translateY(0);
						left: 15px;
						right: 15px;
					}
				}
			}

			header{
				&.light{
					.box-menu{
						&.principal{
							.inner{
								nav{
									.menu-principal{
										background: @blanco;
									}
								}
							}
						}
					}
				}
			}

			.bloque-resultados,
			.bloque-checkout,
			.bloque-confirmacion{
				.listsado-vuelos{
					.tabla-vuelos{
						padding: 20px;
					}
				}
			}

			.destacado-vuelos{
				&.paso1{
					height: 550px;
				}
			}

			.breadcrumb-vuelos{
				margin-bottom: 30px;
				background: transparent !important;

				ul{
					display: table;
					width: 100%;

					li{
						display: table-cell;
						width: 25%;
						vertical-align: middle;
						padding: 0;
						float: none;
					}
				}

				&.paso1{
					ul{
						li:nth-child(2){
							p{
								text-decoration: underline;
							}
						}
					}
				}
				&.paso2{
					ul{
						li:nth-child(3){
							p{
								text-decoration: underline;
							}
						}
					}
				}
				&.paso3{
					ul{
						li:nth-child(4){
							p{
								text-decoration: underline;
							}
						}
					}
				}
			}

			.bloque-central{
				padding: 25px;
			}


			.bloque-checkout{
				padding: 0;

				.sidebar-vuelos{
					position: relative;
					display: block;
					padding: 20px;
					float: none;
					width: 100%;
					background: @blanco;
					-webkit-box-shadow: 2px 2px 5px 1px rgba(204, 204, 204, 0.5);
					-moz-box-shadow: 2px 2px 5px 1px rgba(204, 204, 204, 0.5);
					box-shadow: 2px 2px 5px 1px rgba(204, 204, 204, 0.5);
					overflow: hidden;

					.widget{
						&.resumen{
							.bloque-hotel,
							.bloque-vuelo{
								width: 50%;
								float: left;
							}

							.bloque-hotel{
								padding-right: 10px;
							}

							.bloque-vuelo{
								padding-left: 10px;
							}
						}
					}
				}

				.cuerpo-checkout{
					float: none;
					width: 100%;
					padding: 40px 20px;
					border-left: none;
				}
			}

			.bloque-resultados{
				padding: 0;

				.mostrar-resumen{
					position: relative;
					display: block;
					margin: 0 0 20px 0;
					padding: 0;
					width: 100%;
					text-align: right;

					&.off{
						display: none;
					}

					.btn-vuelos{
						position: relative;
						display: inline-block;
						margin: 0;
						padding: 0;
						text-decoration: none;
						background: transparent;
						color: @dorado;
						font: 14px/18px @openSans;
						font-weight: 400;
						box-shadow: none;
						text-align: right;

						&:before{
							content: "\f067";
							position: relative;
							display: inline-block;
							margin: 0 5px 0 0;
							padding: 0;
							font: 14px/18px 'FontAwesome';
							color: @dorado;
						}

						&.ocultar{
							&:before{
								content: "\f068";
							}
						}
					}
				}

				.sidebar-vuelos{
					position: absolute;
					display: block;
					padding: 20px;
					float: none;
					width: 250px;
					background: @blanco;
					-webkit-box-shadow: 2px 2px 5px 1px rgba(204, 204, 204, 0.5);
					-moz-box-shadow: 2px 2px 5px 1px rgba(204, 204, 204, 0.5);
					box-shadow: 2px 2px 5px 1px rgba(204, 204, 204, 0.5);
					z-index: 2;
					top: 0;
					left: -260px;
					height: 100vh;
				}

				.listsado-vuelos{
					float: none;
					width: 100%;
					padding: 20px;
					border-left: none;
				}
			}

			.bloque-central{
				.cabecera-vuelos{
					.zona-izquierda,
					.zona-derecha{
						h3{
							font: 14px/20px @openSans;
							font-weight: 400;
						}
					}
				}

				.buscador-vuelos{
					.cuerpo{
						.fila{
							.celda{
								button{
									&:before{
										display: none;
									}
								}
							}
						}
					}
				}
			}

			.bloque-confirmacion{
				.body{
					padding: 30px;
				}

				.tabla{
					.fila{
						.celda{
							&:first-of-type{
								padding-left: 20px;
							}

							p{
								&.vuelo{
									background-size: 45%;
								}

								&.habitacion,
								&.vuelo{
									padding-left: 115px;
								}
							}
						}
					}
				}
			}
		}
	}
}

@media (max-width: @screen-xs-max) {

	body{
		&.vuelos{

			.bloque-resultados .listsado-vuelos .tabla-vuelos{
				&.horas-on{
					padding-top: 126px;
				}
			}

			.custom-select.horas,
			.custom-input.horas{
				ul{
					width: 100% !important;

					&.selector{
						max-height: inherit !important;

						li:first-of-type{
							border-bottom: 1px solid #e7e7e7;
						}
					}

					li{
						width: 100%;
					}
				}
			}
		}
	}


	body.vuelos .destacado-vuelos.paso1{
		height: 600px;
	}

	body.vuelos .breadcrumb-vuelos{
		margin-bottom: 20px !important;
	}

	body.vuelos .texto-destacado{
		margin-bottom: 20px;
	}

	body.vuelos .breadcrumb-vuelos ul li:last-of-type{
		margin-bottom: 0;
	}

	body.vuelos .bloque-resultados .listsado-vuelos .tabla-vuelos .item-vuelo .trayectos .tabla-trayectos .fila .celda .ico-ida a,
	body.vuelos .bloque-checkout .listsado-vuelos .tabla-vuelos .item-vuelo .trayectos .tabla-trayectos .fila .celda .ico-ida a,
	body.vuelos .bloque-confirmacion .listsado-vuelos .tabla-vuelos .item-vuelo .trayectos .tabla-trayectos .fila .celda .ico-ida a,
	body.vuelos .bloque-resultados .listsado-vuelos .tabla-vuelos .item-vuelo .trayectos .tabla-trayectos .fila .celda .ico-vuelta a,
	body.vuelos .bloque-checkout .listsado-vuelos .tabla-vuelos .item-vuelo .trayectos .tabla-trayectos .fila .celda .ico-vuelta a,
	body.vuelos .bloque-confirmacion .listsado-vuelos .tabla-vuelos .item-vuelo .trayectos .tabla-trayectos .fila .celda .ico-vuelta a {
	    top: 147px;
	    left: 77px;
	    width: auto;
	    min-width: 57px;
	}

	body{
		&.vuelos{

			.m{
				&.info-vuelo{
					.body{
						.contenido{
							.content{
								.item{
									.title{
										h5{
											position: relative;
											display: block;
											margin: 0 0 10px 0;
											padding: 0;
											width: 100%;

											i{
												display: none;
											}

											.tipo{
												position: relative;
												display: block;
												margin: 5px 0;
												padding: 0 5px;
												text-align: center;
												width: 170px;
												top: inherit;
												left: inherit;
												transform: inherit;
											}

											.aerolinea{
												position: relative;
												display: block;
												margin: 0;
												padding: 0;
												top: inherit;
												left: inherit;
												transform: inherit;
												height: 20px;
											}
										}
									}
								}
							}
						}
					}
				}
			}

			.fecha-tarjeta{
				position: relative;
				display: block;
				margin: 0;
				padding: 0;
				width: 100%;
				min-height: 57px;
			}

			.loading-vuelos{

				img{
					width: 40%;
				}
			}

			.scrollable-dropdown-menu{
				.twitter-typeahead{
					width: 100%;
				}
				.tt-dropdown-menu{
					width: 100%;
				}
			}

			.bloque-central{
				.buscador-vuelos{
					.menu-destino {
						width: 100%;
					}
				}
			}

			.bootstrap-datetimepicker-widget{
				&.dropdown-menu {
					width: 100%;
				}
			}

			.bloque-central{
				.buscador-vuelos{
					.cuerpo{
						.fila{
							.celda{
								input{
									&.huespedes,
									&.calendario{
										background-position: 95% center;
									}
								}
							}
						}
					}
				}
			}

			.bloque-resultados{
				.listsado-vuelos{
					.herramientas{
						.tabla-herramientas{
							.fila{
								.celda{
									.custom-select{
										ul{
											width: 100%;
										}
									}
								}
							}
						}
					}
				}
			}

			.ham-button{
				position: absolute;
				display: block;
				margin: 0;
				padding: 0;
				background: url('../images/mobile/ico-menu.png') no-repeat 0 0;
				width: 23px;
				height: 18px;
				background-size: 100%;
				z-index: 2;

				&:before{
					display: none;
				}

				&:after{
					display: none;
				}
			}

			.breadcrumb-vuelos{
				margin-bottom: 30px;
				background: transparent !important;

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

					li{
						position: relative;
						display: block;
						margin: 0 0 31px 0;
						padding: 0 0 0 30px;
						width: 100%;
						float: none;
						text-align: left;
					}
				}

				&.paso1{
					ul{
						background: url('../images/mobile-spot-1.png') no-repeat top left;
					}
				}
				&.paso2{
					ul{
						background: url('../images/mobile-spot-2.png') no-repeat top left;
					}
				}
				&.paso3{
					ul{
						background: url('../images/mobile-spot-3.png') no-repeat top left;
					}
				}
			}

			header{
				&.light{
					.box-menu{
						&.principal{
							.inner{
								nav{
									.menu-principal{
										background: @blanco;
									}
								}
							}
						}
					}
				}
			}

			.bloque-resultados{
				padding: 25px;

				&.no-buscador{
					padding: 25px;
					border-radius: 5px;

					.listsado-vuelos{
						.herramientas{
							display: none;
						}
					}
				}

				.listsado-vuelos{
					width: 100%;
					float: none;
					border: none;
					padding: 0;

					.mostrar-buscador{
						position: relative;
						display: block;
						margin: 0 0 20px 0;
						padding: 0;
						width: 100%;

						&.off{
							display: none;
						}

						.btn-vuelos{
							position: relative;
							display: block;
							margin: 0;
							padding: 0;
							text-decoration: none;
							background: transparent;
							color: @dorado;
							font: 14px/18px @openSans;
							font-weight: 400;
							box-shadow: none;

							&:before{
								content: "\f067";
								position: relative;
								display: inline-block;
								margin: 0 5px 0 0;
								padding: 0;
								font: 14px/18px 'FontAwesome';
								color: @dorado;
							}

							&.ocultar{
								&:before{
									content: "\f068";
								}
							}
						}
					}

					.herramientas{
						.tabla-herramientas{
							display: block;

							.fila{
								display: block;

								.celda{
									display: block;
									margin-bottom: 10px;
									padding: 0 !important;

									&.ordenar{
										p{
											text-align: left;
											padding-right: 0;
										}
									}

									p{

									}
								}
							}
						}
					}

					.tabla-vuelos{
						padding: 15px;

						.item-vuelo{
							&.no-disponible{
								.mensaje{
									padding: 20px;
								}
							}

							.trayectos{
								width: 100%;

								&.solo{
									.fila{
										.celda{
											padding: 20px 10px;
										}
									}
								}

								.tabla-trayectos{
									display: block;
									.fila{
										display: block;
										.celda{

											&:nth-child(1){
												text-align: center;
												width: 36% !important;
												display: inline-block;
											}

											&:nth-child(2){
												text-align: left;
												width: 52% !important;
												display: inline-block;
											}

											&:nth-child(3),
											&:nth-child(5){
												display: inline-block;
												width: 27% !important;
												text-align: center;

												p{
													text-align: center !important;
													font-size: 16px;
													line-height: 20px;
												}
											}

											&:nth-child(4){
												display: inline-block;
												width: 42% !important;
											}

											.ico-ida{
												width: 100%;
												background: url('../images/vuelos/ico-trayecto-ida.png') no-repeat top center;
											}
											display: block;
											width: 100% !important;
										}
									}
								}
							}

							.seleccionar{
								width: 100%;

								.tabla-seleccionar{
									height: auto !important;
								}
							}
						}
					}
				}
			}

			.bloque-central{
				padding: 25px;

				.cabecera-vuelos{
					overflow: visible;

					.zona-izquierda,
					.zona-derecha{
						width: 100%;
						float: none;

						.modo-vuelos{
							text-align: center;
						}
					}
				}

				.buscador-vuelos{
					display: block;

					.menu-huespedes{
						z-index: 2;
						width: 100%;

						.item{
							.texto{
								width: 70%;
							}
							.accion{
								width: 30%;
							}
						}
					}

					.cabecera{
						display: none;
					}

					.cuerpo{
						display: block;
						overflow: visible;

						.fila{
							display: block;

							.celda-label{
								position: relative;
								display: block;
								margin: 0 0 5px 0;
								padding: 0;

								label{
									position: relative;
									display: block;
									margin: 0;
									padding: 0;
									font: 12px/16px @openSans;
									font-weight: 300;
								}
							}

							.celda{
								display: block;
								border-right: 1px solid #e7e7e7;
								margin-bottom: 10px;
								width: 100% !important;

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

								&:last-of-type{
									text-align: center;
									background: transparent;
									border: none;

									&:before,
									&:after{
										display: none;
									}
								}

								button{
									display: block;
									width: 100%;
								}
							}
						}
					}
				}
			}

			.bloque-checkout{
				.sidebar-vuelos{
					clear: both;
				}
			}

			.bloque-resultados,
			.bloque-checkout,
			.bloque-confirmacion{

				.sidebar-vuelos{
					width: 100%;
					float: none;
					padding: 40px 0;

					.widget{
						margin: 0;
					}
				}

				.cuerpo-checkout{
					width: 100%;
					float: none;
					padding: 0;
					border: none;

					.precio-total{
						position: relative;
						display: block;
						margin: 0;
						padding: 0;
						border-top: 1px solid #e7e7e7;
						border-bottom: 1px solid #e7e7e7;
						padding: 10px 0;
						label{
							position: relative;
							display: block;
							margin: 0 0 5px 0;
							padding: 0;
							font: 14px/18px @openSans;
							font-weight: 300;
							color: #9B9B9B;
						}

						p{
							position: relative;
							display: block;
							margin: 0;
							padding: 0;
							font: 22px/26px @openSans;
							font-weight: 300;
							color: #4A4A4A;
						}
					}

					.bloque-formulario{
						.tabla-formulario{
							display: block;

							&.tarjeta{
								.fila{
									.celda{
										margin-bottom: 10px;

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

							&.cuatro{
								.fila{
									.celda{
										width: 100% !important;
										max-width: 100% !important;
										padding-bottom: 10px !important;

										.custom-input,
										.custom-select{
											span{
												border: 1px solid #e7e7e7 !important;
											}
										}
									}
								}
							}

							.fila{
								display: block;

								.celda{
									display: block;
									width: 100% !important;
									padding-right: 0 !important;

									&.padding-right,
									&.padding-left{
										padding-left: 0 !important;
										padding-right: 0 !important;
									}
								}
							}
						}
					}
				}

			}

			.bloque-checkout{
				padding: 20px;
			}

			.bloque-confirmacion{
				.head{
					padding: 20px;

					.resume-reserva{
						overflow: visible;

						li{
							width: 100%;
							display: block;
							margin-bottom: 10px;
							float: none;
						}
					}
				}

				.botones-accion{
					button,
					a{
						width: 100%;

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

				.body{
					padding: 20px;
				}

				.footer{
					padding: 20px;
				}


				.tabla{
					display: block;

					&.pago{
						.fila{
							.celda{
								padding: 5px 0 !important;
							}
						}
					}

					.fila{
						display: block;
						margin-bottom: 10px;

						.celda{
							display: block;
							width: 100% !important;
							padding: 20px !important;
							border-radius: 0 !important;

							&:first-of-type{
								border-radius: 5px 5px 0 0 !important;
							}


							&:last-of-type{
								border-radius: 0 0 5px 5px !important;
							}

							p{
								text-align: center;

								&.habitacion,
								&.evento,
								&.vuelo{
									border: none;
									padding: 75px 0 0 0;
									background-position: top center;
									text-align: center;
								}

								&.vuelo{
									padding-top: 50px;
								}
							}

							.mas-info{
								margin: 0 auto;
							}
						}
					}
				}
			}

			.m{
				&.modificar-reserva{
					padding: 10px;

					.body{
						width: auto;
						margin: 0;
						left: 10px;
						right: 10px;

						.contenido{
							.btn{
								box-shadow: none;
							}
						}
					}
				}

				&.info-vuelo{
					padding: 10px;

					.body{
						width: auto;
						margin: 0;
						left: 10px;
						right: 10px;
						padding: 20px;
						top: 50px;

						.contenido{
							.head{
								h4{
									background: none;
								}
							}
						}
					}

				}
			}

			.prom-cod-accion {
				text-align: center !important;
			}
		}
	}
}

&.vuelos{
	.irs-from, .irs-to, .irs-single{
		background: #f3f2f5 !important;
		color: black !important;
		border: 1px solid @dorado !important;
	}

	.irs-from:after, .irs-to:after, .irs-single:after{
		border-top-color: @dorado !important;
	}
}