html,body{height:100%;}
body{overflow: hidden;background:#D7192D;margin: 0px;min-width: 200px;min-height: 200px;color:#FFF;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;}
.wrapper{padding:15px;height: 100%;width: 100%;-moz-box-sizing: border-box;box-sizing: border-box;}
.logo{float:right;width:87px;margin:0;}
h1{font-size:22px; font-weight:normal;color:#FCD100;margin:0;height: 1em;line-height: 0.4em;}
.form {bottom: 15px;left: 15px;position: absolute;right: 15px;top: 45px;}
form{display:table;width: 100%;clear: both;height:100%}
.row{display:table-row;}
.cell{display:table-cell;vertical-align:middle;}
.buttons{height:15%;}
input[type=text]{width:100%;background:#fefefe;height:26px;border:0;padding: 5px;-moz-box-sizing: border-box;box-sizing: border-box;}
legend.hide{left: -9999em; position: absolute;}
fieldset{border:0;margin: 0; padding: 0; }

div.select>div{vertical-align: middle;}
div.select{text-align:right;}


.placeholder-wrapper,
div.select{margin-bottom:5px;}
.radio-tipo-vuelo-group{margin-bottom:8px;float:right;}
.type-radio{display:inline-block;}

.custom-radio {background-image: url(/wcs_statics/airnostrum/img/imgcss/sp-radio2-small.png); background-position: center bottom; display: inline-block; float: none; height: 14px; margin: 0 0 0 5px; vertical-align: top; width: 14px;}
.custom-radio-active {background-position: center top;}

div.select>div{display: inline-block;}

select,
.newListSelected { border: 0;background-color: #F0EFEF; background-image: url(/wcs_statics/airnostrum/img/imgcss/bg-search-form-type-select.png); background-position: right top; background-repeat: no-repeat; color: #363636; cursor: pointer; height: 25px; padding: 0; white-space: nowrap; width: 80px; z-index: 999; }
.selectedTxt { height: 20px; padding: 5px 38px 0 7px; text-align: center;overflow: hidden; text-overflow: ellipsis; z-index: 20; }
ul.newList { background-color: #FFFFFF; border: 1px solid #D6D6D6; color: #555555; left: 0; list-style: none outside none; margin: 0; min-width: 68px; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; white-space: nowrap; width: auto; z-index: 9999; }
ul.newList li { border-bottom: 1px dotted #D6D6D6; } 
ul.newList li a { cursor: pointer; margin: 0; padding: 7px 19px 3px 8px; z-index: 0; color: #363636 !important; display: block; text-decoration: none; white-space: nowrap; } 		

.links{clear:both;float:left;}
.links a{display:block; margin-bottom: 7px;}
.links a.last{margin-bottom: 0px;}
a{color:#FFF;}
a.more:after {background-image: url(/wcs_statics/airnostrum/img/imgcss/sp-arrow-more.png); background-position: left top; background-repeat: no-repeat; content: ""; display: inline-block; height: 7px; margin-left: 3px; width: 4px; 		}

.button{clear: right;text-align:right;}
.btn{display: inline-block; cursor: pointer; background: #A8191A; color: #fff; padding: 7px 17px; border: 1px solid #6F000C;font-size:14px;white-space: nowrap;}
.btn:hover{color: #fff; position: relative; text-decoration:none;background: #a20104; background: -moz-linear-gradient(top,  #A8191A 0%, #6F000C 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A8191A), color-stop(100%,#6F000C)); background: -webkit-linear-gradient(top,  #A8191A 0%,#6F000C 100%); background: -o-linear-gradient(top,  #A8191A 0%,#6F000C 100%); background: -ms-linear-gradient(top,  #A8191A 0%,#6F000C 100%); background: linear-gradient(to bottom,  #A8191A 0%,#6F000C 100%);}
.btn:active{background: #6F000C;}

.placeholder-wrapper{position:relative;display: block;clear: both;}
label.placeholder {color: #363636; cursor: text; left: 8px; position: absolute; top: 8px; z-index: 10;}

.view-calendar {background-color: #A80E1F; background-image: url(/wcs_statics/airnostrum/img/imgcss/bg-type-calendar.png); background-position: center center; background-repeat: no-repeat; content: ""; cursor: pointer; height: 26px; position: absolute; right: 0; text-indent: -999em; top: 0; width: 31px; z-index: 3; }
.prev,
.search-step1.button{display:none;}

.dates{clear: both;}
.prev{position:absolute;left:-8px;background: url(/wcs_statics/airnostrum/img/imgcss/arrow-prev-widget.png) no-repeat }
.fade { opacity: 0; transition: opacity 0.3s ease-in-out 0s; }
.fade:hover {opacity: 1; } 	

.dropdown-menu{ position: absolute; left: 0px; top: 26px;margin: 0; z-index: 999; width: 100%; max-height: 550%;overflow: auto;padding:5px; background: #fff; box-shadow: 0 .4em .3em #333;-moz-box-sizing: border-box;box-sizing: border-box;}
.dropdown-menu:after { content: ""; }
.dropdown-menu strong{ font-weight: bold;}
.dropdown-menu li { float: none; }
.dropdown-menu li a { color: #333333 !important; display: block; margin: 0; padding: 6px; text-decoration: none; }
.dropdown-menu li.active { background: none repeat scroll 0 0 #E8E8E8; }
.dropdown-menu li.active a { color: #D7192D !important; text-decoration: underline; }
.dropdown-menu li strong { display: inline; font-size: 1em; margin-top: 0; }
		
	
.bl-search-pop {display: none;}	
.modal-layer,.bl-calendar {top:50%; left:0;right:0; height: 265px;margin-top:-140px; z-index:9999;background-color: #FFFFFF;color:#333; position:absolute;line-height: 14px; }
.modal-layer {left:15px;right:15px;margin-top:-125px;}

.bl-calendar .close-calendar,
.close-popup { height: 29px; width: 29px; overflow:hidden;display: block; position: absolute; right: 0; top: 0; z-index: 99999999;background:url(/wcs_statics/airnostrum/img/imgcss/close_modal_small.png) no-repeat center center;}
.bl-calendar .close-calendar img,
.close-popup img {margin: -5px 0 0 -5px;}
.bl-calendar .step-label {color: #333; font-weight: bold; margin-left: .5em; margin-top: .5em;}
#calendar_selector{text-align:center;}
.bl-calendar div.ui-datepicker {display:inline-block !important}
.ui-datepicker-group {display: inline; float: left;} 
.ui-datepicker-header { margin:0 10px; position: relative; text-align: center; }
.ui-datepicker-title { color:#505256;text-transform:capitalize;}
.ui-datepicker-prev, .ui-datepicker-next { position:absolute; top:0; display:block; width:13px; height:14px; background-image:url(/wcs_statics/airnostrum/img/imgcss/sp-arrows.png);background-repeat:no-repeat; cursor:pointer; }
.ui-datepicker-prev { background-position:-104px -28px; left:20px; }
.ui-datepicker-prev:hover { background-position:-104px -49px; }
.ui-datepicker-next { background-position:-117px -28px; right:20px; }
.ui-datepicker-next:hover { background-position:-117px -49px; }
.ui-datepicker-prev span, .ui-datepicker-next span { display:none; }
.ui-datepicker-calendar { float:left; border-spacing: 0; }
.ui-datepicker-calendar thead th { border-bottom: 1px solid #E8E8E8; color:#363636; font-weight:bold; text-transform:capitalize; text-align:center; padding:0.5em 0;}
.ui-datepicker-calendar tbody td { color:#bababa; text-align:center;  padding:0;margin:0;}
.ui-datepicker-calendar tbody a:hover,
.ui-datepicker-calendar  .ui-datepicker-days-cell-over a { background-color: #FFF;box-shadow: 0 0 0 1px #D7192D inset;color: #000; }
.step-from .ui-datepicker-calendar tbody a:hover {background-image:url(/wcs_statics/airnostrum/img/imgcss/sp-calendar.png); background-repeat:no-repeat; background-position:4px 2px;}
.step-to .ui-datepicker-calendar tbody a:hover{ background-image:url(/wcs_statics/airnostrum/img/imgcss/sp-calendar.png); background-repeat:no-repeat; background-position:-52px 23px; }
.ui-datepicker-calendar tbody td.selected-to a,
.ui-datepicker-calendar tbody td.selected-to a:hover,
.ui-datepicker-calendar tbody td.selected-to span,
.ui-datepicker-calendar tbody td.selected-to span:hover { background-color:#D7192D; background-image:url(/wcs_statics/airnostrum/img/imgcss/sp-calendar.png); background-repeat:no-repeat; background-position:-80px 23px; color:#FFF; }
.ui-datepicker-calendar tbody td.selected-from a,
.ui-datepicker-calendar tbody td.selected-from a:hover,
.ui-datepicker-calendar tbody td.selected-from span,
.ui-datepicker-calendar tbody td.selected-from span:hover { background-color:#D7192D; background-image:url(/wcs_statics/airnostrum/img/imgcss/sp-calendar.png); background-repeat:no-repeat; background-position:-24px 2px; color:#FFF; }
.ui-datepicker-calendar tbody td.selected-from.selected-to { background-color:#D7192D; background-image:url(/wcs_statics/airnostrum/img/imgcss/sp-calendar.png); background-repeat:no-repeat; background-position:-80px 23px; color:#FFF; }
.ui-datepicker-calendar tbody td.selected-from.selected-to a { background-color:transparent; background-image:url(/wcs_statics/airnostrum/img/imgcss/sp-calendar.png); background-repeat:no-repeat; background-position:-24px 2px; color:#FFF; }
.ui-datepicker-calendar tbody td a { color:#363636;  text-decoration:none;}
.ui-datepicker-calendar tbody td a,
.ui-datepicker-calendar tbody td span { display:block; padding:.75em .43em; }
.ui-datepicker-calendar tbody .ui-state-active { color:#FFF; background-color:#D7192D; }
.ui-datepicker-calendar tbody .highlight-interval { background-color:#FFCFD4; }

.div-passenger{display: table;}
.div-passenger .select{display:table-cell;padding-left: 10px;text-align: left;}
.div-passenger .select:first-child{padding-left: 0;}
.div-passenger .select label{display: block; width: 100%;text-align: left;margin-bottom: 3px;}
.div-passenger .select select,.div-passenger .select .newListSelected{width: 70px;}



.overlay {background:#000;opacity:0.7; position:fixed;top:0;left:0;width:100%;height:100%;z-index:9998;}
.modal-inner {padding: 10px;}
.modal-layer .full-hr{border:0;border-bottom: 1px solid #E8E8E8;margin: 4px 0;}
.modal-layer .p{margin: 4px 0;}
.modal-layer br {margin-bottom: 1em;}

@media screen and (max-height:295px) { 
	.wrapper{padding:4px 10px 10px;}
	.form {bottom: 10px;left: 10px;right: 10px;top: 29px;}
	h1{line-height: 1em;}
	.logo{margin:2px 0 4px;}
	.dropdown-menu {max-height: 450%;}
	.bl-calendar {top:0;bottom:0;height: auto;margin-top:0;}
	.modal-layer {top:29px;bottom:10px;left:10px;right:10px;height: auto;margin-top:0;}
	.prev{left:-10px;}
	.ui-datepicker-calendar tbody td a,
	.ui-datepicker-calendar tbody td span{padding:0.3em 0.42em;}
	.step-from .ui-datepicker-calendar tbody a:hover,
	.ui-datepicker-calendar tbody td.selected-from a, 
	.ui-datepicker-calendar tbody td.selected-from a:hover, 
	.ui-datepicker-calendar tbody td.selected-from span, 
	.ui-datepicker-calendar tbody td.selected-from span:hover{background-image:none;}
	.step-to .ui-datepicker-calendar tbody a:hover,
	.ui-datepicker-calendar tbody td.selected-to a, 
	.ui-datepicker-calendar tbody td.selected-to a:hover, 
	.ui-datepicker-calendar tbody td.selected-to span, 
	.ui-datepicker-calendar tbody td.selected-to span:hover{background-image:none;}
}


/* Widget en dos pasos */
@media screen and (max-height:249px) , 
		 screen and (max-height:299px) and (max-width:272px) { 
	form {vertical-align:top;}
	.search-step2{display:none;}
	.prev,
	.search-step1.button{display:block;}
	.dates,
	.div-passenger{padding-left:35px;}
	.dropdown-menu {max-height: 309%;}
}

/*Si estamos en el paso 2 no ocultamos el volver y mantenemos el padding de los campos*/
.step-2 .dates,
.step-2 .div-passenger{padding-left:30px;}
.step-2 a.prev{display: block !Important;color: transparent;}

@media screen and (max-width:272px), 
		 screen and (max-width:289px) and (max-height:249px)  { 
	.wrapper{padding:8px;}
	.form {bottom: 8px;left: 8px;right: 8px;top: 33px;}
	h1{font-size:16px;line-height: 1em;}	
	.logo{margin:4px 0;}
	.links{margin-bottom:10px;}
	.button{clear: both;float: left; text-align: center; width: 100%;} 
	.dropdown-menu {right: -8px;width: auto;}	
	.prev{left:-8px;}
	.modal-layer {top:33px;bottom:8px;left:8px;right:8px;height: auto;margin-top:0;}
}

@media screen and (max-width:272px), 
		 screen and (max-width:289px) {	 
	.div-passenger .select{padding-left: 5px;}
	.div-passenger .select select, .div-passenger .select .newListSelected{width: 60px !important;}
}

@media screen and (max-height:238px) { 
	.bl-calendar {top:-25px;}	
}

@media screen and (max-height:215px){ 
	.bl-calendar {top:-29px;bottom:-10px;left:-10px;right:-10px;height: auto;margin-top:0;}
	.modal-layer {top:0;bottom:0;left:0;right:0;height: auto;margin-top:0;}
}

@media screen and (max-width:215px),
		 screen and (max-height:215px) and (max-width:289px) { 
	.bl-calendar {top:-33px;bottom:-8px;left:-8px;right:-8px;height: auto;margin-top:0;}
	.modal-layer {top:0;bottom:0;left:0;right:0;height: auto;margin-top:0;}
}