/* Add here all your CSS customizations */

/*MOTORE*/
#form-prenotazioni {
    /*
position: absolute;
left: -15px;
height: 469px;
padding: 69px 16px 0 16px;
margin-bottom: 10px;
z-index: 150;
width: 597px;
*/
    position: initial;
    color: #FFFFFF;
}

#form-prenotazioni .separamotore {
    float: left;
    margin:0 auto;
    height: 100px;
    width:5px;
    background-color:#fff;
}
#form-prenotazioni #andata {
    /*border-right: 1px solid #CCE2F7;*/
    /* float: left; */
   
   /* padding-left: 10px; */
   
   
    /*padding-right: 35px;*/
    /*width: 245px;*/
    /* width:auto; */
	
	
	
    /*min-height: 280px;*/
	min-height: 260px;
	margin-top:15px;
	margin-bottom: 6px;
}

#form-prenotazioni #ritorno {
    /*float: left;*/
	
/* 	
    float: right;
    padding-left: 9px;
    padding-right: 15px;
	 */
	
	
    /*width: 248px;*/
    /* width:auto; */
	margin-top:15px;
	margin-bottom: 6px;
}

#form-prenotazioni tr {
    line-height: 22px;
}

#form-prenotazioni .container {
    border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    moz-opacity: 0.95;
    padding-bottom: 10px;
    padding-top: 12px;
    text-align: center;
    width:100%;
}

#form-prenotazioni .container.bordered {
    border: 2px solid white;
}

/*
#form-prenotazioni .borderBottom {
    border-bottom: 1px dotted #CCE2F7;
} */
#form-prenotazioni .spacing {
    width: 22px;
}
#form-prenotazioni select, input[type="text"], button {
    color: #333;
    border-radius: 3px;
    /*font-family: tahoma;*/
    letter-spacing: 1px;
}
#form-prenotazioni select {
    background: #FFF;
	border: 1px solid #ddd;
    letter-spacing: 1px;
    padding: 2px 0px;
    /*AGGIUNTO PER INVERSIONE CON TRATTA*/
    /*width:174px;*/
	
	
	/*width:212px;*/
    height:30px;
}
#form-prenotazioni .short {
    width: 118px;
}
#form-prenotazioni .medium {
    width: 184px;
}
#form-prenotazioni select.veicoli {
    width: 184px;
}
#form-prenotazioni select.veicoli optgroup option {
    padding-left: 10px;
}
#form-prenotazioni select.veicoli option.txtBold {
    font-weight: bold;
    font-style: italic;
}
#form-prenotazioni input[type="checkbox"]{
	  width: 35px !important;
	  height: 16px !important;
	  cursor: pointer;	  
	}
#form-prenotazioni input[type="text"], #form-prenotazioni input[type="number"] {
    background: #FFF;
    height: 30px;
    padding: 3px;
    /* text-align: center; */
    /* width: 30px; */
	width: 38px;
	border: 1px solid #ddd;
	padding-left:4px !important;
}

#form-prenotazioni input.date, .title.date {    
    /* text-align: center;     */
	/*width: 135px;*/
	width:96px;
    /*AGGIUNTO PER INVERSIONE CON TRATTA*/
    margin-right:4px;
    border: 1px solid #ddd;
    color:#000;
}

#form-prenotazioni button {
    cursor: pointer;
}

#form-prenotazioni button.orario {
    height: 22px;
    width: 60px;
    background-color: #FFF;
}

#form-prenotazioni button.orario:hover {
    text-decoration: none;
}
#form-prenotazioni .booking-table-container input.is {
    margin: auto 0;
    text-align: center;
    width: 15px;
}
#form-prenotazioni table.data-row {
    margin-top: 7px;
    margin-bottom: 5px;
    width: 253px;
}

#form-prenotazioni table.data-row tr {
    vertical-align: center;
}
#form-prenotazioni table.data-row td {
    width: 50%;
}
#form-prenotazioni table.data-row td:last-of-type {
    text-align: left;
}

#form-prenotazioni table.price-info {
    border-top: 1px dotted #CCE2F7;
    margin-top: 10px;
    width: 253px;
}
#form-prenotazioni table.price-info td {
    padding-top: 7px;
    padding-bottom: 5px;
}
#form-prenotazioni table.price-info td.label {
    text-align: left;
    width: 30%;
}
#form-prenotazioni table.price-info td.info {
    text-align: right;
    width: 70%;
}
#form-prenotazioni table.price-info td.info .sistemazione {
    color: #333;
    background-color: #FFF;/*#F98825*/
    border-radius: 3px;
    moz-border-radius: 3px;
    margin: auto 0 auto 5px;
    padding-right: 5px;
}
#form-prenotazioni table.price-info td.prezzo {
    text-align: right;
}
#form-prenotazioni table.price-info td.prezzo p:first-of-type {
    color: #FFF;
    background-color: #87C71D;/*#F98825*/
    border-radius: 3px;
    moz-border-radius: 3px;
    display: inline;
    font-weight: bold;
    margin: auto 0 auto 5px;
    padding: auto 5px auto 5px;
}
#destinazione-booking {
    margin-top: 10px;
}

#destinazione-booking p {
    height: 26px;
    margin-bottom: 7px;
    text-align: center;
}
#destinazione-booking label {
    margin-right: 10px;
}

#destinazione-booking select {
    width: 300px;
}

.booking-table-container {
    /*width: 272px;*/
	/* width: 314px; */
	width:100%;
    margin-top: 8px;
}

.booking-table-container caption {
    margin: 6px auto 8px auto;
    text-align: left;
    color:#fff;
}
.booking-table-container td {
    padding-bottom: 7px;
     /*text-align: left; */
	text-align: right;
}

.booking-table-container .tratta-select td:first-child {
	padding-right:5px;
}
.booking-table-container .hidden-motore {
    display: none;
}
.booking-table-container tr.tratta-select td {
    padding-bottom: 15px;
}

.booking-table-container tr.tratta-select td .trattaSelect {
    /* width: 180px; */
	    width: 100%;

}

.booking-table-container .label {
    font-size: 12px;
    /* text-align: left; */
	text-align:right;
    line-height: 10px;
    /* width: 82px; */
}
.booking-table-container .mleft4 {
    margin-left: 4px;
    font-size: 12px;
    text-align: left;
    line-height: 14px;
}
.booking-table-container td.fixWidth {
    width: 42px;
    padding-left: 2px;
}

label.lblRange {
    font-size: 13px;
}

.tr_eta td,
td.eta1A,td.eta1R,
td.eta2A,td.eta2R,
td.eta3A,td.eta3R,
td.eta4A,td.eta4R {
    text-align: right !important;
    visibility: hidden;
}


/*OVERLAY*/
.lbl_cambia_data {
    font-size: 14px;
    cursor: pointer;
    vertical-align: bottom;
}
#curDateA,
#curDateR {
    margin-left: 16px;
}

.ui-datepicker-trigger {
    vertical-align: bottom;
    cursor: pointer;
}

/*BOTTONI*/
.submit-river-flat-button, .peter-river-flat-button, .silver-flat-button {
    position: relative;
    vertical-align: top;
    padding: 0;
    font-family: 'edita-aller';
    text-align: center;
    border: 0;
    cursor: pointer;

}

.peter-river-flat-button, .silver-flat-button {
    height: 60px;
    font-size: 22px;
    box-shadow: 4px 4px 5px #888;
    width: 240PX;color: white;
    color: white
}
.btn-submit {
    height: 38px;
    font-size: 18px;
    font-weight: 600;
    box-shadow: none;
    width: 300px;
}


#errorCanvas {
    background-color: #FFF;
    border: 2px solid #FF0000;
    color: #333;
    display: none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    height: auto;
    left: 0;
    position: absolute;
    padding: 5px;
    top: 0;
    z-index: 10000;
    width: auto;
}

.info_lung, .info_alt {
    color: white;
    text-decoration: none;
    padding-right: 4px;
    font-size: 18px;
}

.info_alt i {
    text-shadow: 0px 0px 4px #FF0000;
}

.eta {
    width: 36px !important;
}

#trattaA-menu, #trattaR-menu {
    max-height: 258px!important;
}

/**
 * 	CONTIENE SOLO LW PERSONALIZZAZIONI DEL SITO, LA STRUTTURA è IN comune.css
 */

.btn-submit {
    border: 2px solid white;
    color: white;
}

.peter-river-flat-button {
    background: #EE951A;
}

.peter-river-flat-button:hover {
    background: #EA8B08;
}

.silver-flat-button:hover {
    background: #7f8c8d;
}

.silver-flat-button {
    background: #859596;
    box-shadow: 4px 4px 5px #888;
}

.submit-river-flat-button {
    /*background: #EE951A;*/
    /*background: #D14B29;*/
    background:#EE951A;
}

.submit-river-flat-button:hover {
    /*background: #EA8B08;*/
    /*background: #CE2A00;*/
    background: #EA8B08;
}

.lbl_cambia_data {
    color: white;
}
/*
@media only screen and (max-width:1199px){		
	#form-prenotazioni{background:none;left:0;top:150px;padding:0;margin:0;width:100%;height:100%;}
	#form-prenotazioni #andata{min-height:0;border-right:none;}
	.booking-table-container .label{width:33%;}
	#form-prenotazioni #andata, #form-prenotazioni #ritorno{width:100%;padding:0;margin:0;margin-bottom:10px;}
	#form-prenotazioni #cilindrataA, #form-prenotazioni #cilindrataR{width:50% !important;}
	.booking-table-container tr.tratta-select td{padding-bottom:0;}
	#form-prenotazioni #modal{width:100% !important;height:100% !important;position:fixed !important;top:0;left:0;margin:0 !important;}
	#form-prenotazioni #modal img{position:absolute;margin:auto !important;top:0;left:0;right:0;bottom:0;}
	#form-prenotazioni form{width:100%;}
	#form-prenotazioni table{padding:0;margin:0;width:100%;}
	#form-prenotazioni .container{width:100% !important;height:100% !important;border:none;margin:0%;}
	#form-prenotazioni input, #form-prenotazioni select{width:96% !important;margin:2% !important;padding:0 !important;height:30px !important;}
	#form-prenotazioni .number{width:35px !important;margin:0 3px !important;padding:0 !important;}
	#form-prenotazioni .btn-submit{width:91%;margin:0 4%;}
	#andata .borderBottom{margin-top:10px !important;}
	.borderBottom{border-bottom:none !important;}
	#ritorno .borderBottom{border-top:1px dotted #ffffff;margin-top:20px;padding-top:10px !important;}
	#form-prenotazioni .container + div{width:100% !important;margin-top:-9px !important;margin-left:0 !important;}
	#colonnaDx .banner{height:auto;text-align:center;}
	#partenze-container{width:100%;padding-bottom:40px !important;}
	#partenze-container, #partenze-container table{width:96% !important;padding:0 2%;}
	.errorCanvas{width:50%}
	.spacing{width:auto !important;}	
	#partenze-container{padding-top:20px;margin-top:20px;}
	.tratta-select, .tratta-select td{display:block;}
	.booking-table-container .tratta-select td:first-child{padding-right:0}
	.boxautobus {margin-top: 0!important;}
	.page-header {height:auto !important;}
	
	.posizionemotore{margin-top:-30px !important;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	
    .boxautobus {margin-top: 178px !important;}
	.page-header {height:460px !important;}
	.int-page {height:auto !important;}  
	.posizionemotore{margin-top:-30px !important;}
}

*/


/* motore */
.tratta-select td:nth-child(2) {
	width:66%;
}
.tratta-select td:nth-child(1) {
	width:33%;
}

#form-prenotazioni #dataA, #form-prenotazioni #trattaA, #form-prenotazioni #dataR, #form-prenotazioni #trattaR {
	width:100% !important;
}



@media only screen and (max-width:767px)
{
	.tratta-select td {width:100% !important;}
	#form-prenotazioni{background:none;left:0;top:150px;padding:0;margin:0;width:100%;height:100%;}
	#form-prenotazioni #andata{min-height:0;border-right:none;}	
	#form-prenotazioni #andata, #form-prenotazioni #ritorno{width:100%;padding:0;margin:0;margin-bottom:10px;}
	#form-prenotazioni #cilindrataA, #form-prenotazioni #cilindrataR{width:50% !important;}	
	#form-prenotazioni #modal{width:100% !important;height:100% !important;position:fixed !important;top:0;left:0;margin:0 !important;}
	#form-prenotazioni #modal img{position:absolute;margin:auto !important;top:0;left:0;right:0;bottom:0;}
	#form-prenotazioni form{width:100%;}
	#form-prenotazioni table{padding:0;margin:0;width:100%;}
	#form-prenotazioni .container{width:100% !important;height:100% !important;border:none;margin:0%;}
	#form-prenotazioni input, #form-prenotazioni select{width:96% !important;margin:2% !important;padding:0 !important;height:30px !important;}
	#form-prenotazioni .number{width:35px !important;margin:0 3px !important;padding:0 !important;}
	#form-prenotazioni .btn-submit{width:91%;margin:0 4%;}
	#andata .borderBottom{margin-top:10px !important;}
	.borderBottom{border-bottom:none !important;}
	#ritorno .borderBottom{/*border-top:1px dotted #ffffff;margin-top:20px;*/padding-top:10px !important;}
	#form-prenotazioni .container + div{width:100% !important;margin-top:-9px !important;margin-left:0 !important;}
	#colonnaDx .banner{height:auto;text-align:center;}
	#partenze-container{width:100%;padding-bottom:40px !important;}
	#partenze-container, #partenze-container table{width:96% !important;padding:0 2%;}
	.errorCanvas{width:50%}
	.spacing{width:auto !important;}	
	#partenze-container{padding-top:20px;margin-top:20px;}
	.tratta-select, .tratta-select td{display:block;}
	.booking-table-container tr.tratta-select td{padding-bottom:0;}
	/*.booking-table-container .label{width:33%;}*/
	.booking-table-container .tratta-select td:first-child{padding-right:0}
	.booking-table-container td {text-align:center}
	.boxautobus {margin-top: 0!important;}
	
	
	.posizionemotore{margin-top:-30px !important;}
	
}
/* prova ale
@media only screen and (min-width: 481px) and (max-width: 790px) {
	#form-prenotazioni{background:none;left:0;top:150px;padding:0;margin:0;width:100%;height:100%;}
	#form-prenotazioni #andata{min-height:0;border-right:none;}
	.booking-table-container .label{width:33%;}
	#form-prenotazioni #andata, #form-prenotazioni #ritorno{width:100%;padding:0;margin:0;margin-bottom:10px;}
	#form-prenotazioni #cilindrataA, #form-prenotazioni #cilindrataR{width:50% !important;}
	.booking-table-container tr.tratta-select td{padding-bottom:0;}
	#form-prenotazioni #modal{width:100% !important;height:100% !important;position:fixed !important;top:0;left:0;margin:0 !important;}
	#form-prenotazioni #modal img{position:absolute;margin:auto !important;top:0;left:0;right:0;bottom:0;}
	#form-prenotazioni form{width:100%;}
	#form-prenotazioni table{padding:0;margin:0;width:100%;}
	#form-prenotazioni .container{width:100% !important;height:100% !important;border:none;margin:0%;}
	#form-prenotazioni input, #form-prenotazioni select{width:96% !important;margin:2% !important;padding:0 !important;height:30px !important;}
	#form-prenotazioni .number{width:35px !important;margin:0 3px !important;padding:0 !important;}
	#form-prenotazioni .btn-submit{width:91%;margin:0 4%;}
	#andata .borderBottom{margin-top:10px !important;}
	.borderBottom{border-bottom:none !important;}
	#ritorno .borderBottom{border-top:1px dotted #ffffff;margin-top:20px;padding-top:10px !important;}
	#form-prenotazioni .container + div{width:100% !important;margin-top:-9px !important;margin-left:0 !important;}
	#colonnaDx .banner{height:auto;text-align:center;}
	#partenze-container{width:100%;padding-bottom:40px !important;}
	#partenze-container, #partenze-container table{width:96% !important;padding:0 2%;}
	.errorCanvas{width:50%}
	.spacing{width:auto !important;}	
	#partenze-container{padding-top:20px;margin-top:20px;}
	.tratta-select, .tratta-select td{display:block;}
	.booking-table-container .tratta-select td:first-child{padding-right:0}
	.boxautobus {margin-top: 0!important;}
	.page-header {height:auto !important;}
	
	.posizionemotore{margin-top:-30px !important;}
}
*/
@media only screen and (min-width: 768px) and (max-width: 991px) 
{
	/* prova ale
	#form-prenotazioni{background:none;left:0;top:150px;padding:0;margin:0;width:100%;height:100%;}
	#form-prenotazioni #andata{min-height:0;border-right:none;}
	.booking-table-container .label{width:33%;}
	#form-prenotazioni #andata, #form-prenotazioni #ritorno{width:100%;padding:0;margin:0;margin-bottom:10px;}
	#form-prenotazioni #cilindrataA, #form-prenotazioni #cilindrataR{width:50% !important;}
	.booking-table-container tr.tratta-select td{padding-bottom:0;}
	#form-prenotazioni #modal{width:100% !important;height:100% !important;position:fixed !important;top:0;left:0;margin:0 !important;}
	#form-prenotazioni #modal img{position:absolute;margin:auto !important;top:0;left:0;right:0;bottom:0;}
	#form-prenotazioni form{width:100%;}
	#form-prenotazioni table{padding:0;margin:0;width:100%;}
	#form-prenotazioni .container{width:100% !important;height:100% !important;border:none;margin:0%;}
	#form-prenotazioni input, #form-prenotazioni select{width:96% !important;margin:2% !important;padding:0 !important;height:30px !important;}
	#form-prenotazioni .number{width:35px !important;margin:0 3px !important;padding:0 !important;}
	#form-prenotazioni .btn-submit{width:91%;margin:0 4%;}
	#andata .borderBottom{margin-top:10px !important;}
	.borderBottom{border-bottom:none !important;}
	#ritorno .borderBottom{border-top:1px dotted #ffffff;margin-top:20px;padding-top:10px !important;}
	#form-prenotazioni .container + div{width:100% !important;margin-top:-9px !important;margin-left:0 !important;}
	#colonnaDx .banner{height:auto;text-align:center;}
	#partenze-container{width:100%;padding-bottom:40px !important;}
	#partenze-container, #partenze-container table{width:96% !important;padding:0 2%;}
	.errorCanvas{width:50%}
	.spacing{width:auto !important;}	
	#partenze-container{padding-top:20px;margin-top:20px;}
	.tratta-select, .tratta-select td{display:block;}
	.booking-table-container .tratta-select td:first-child{padding-right:0}
	.boxautobus {margin-top: 0!important;}
	.page-header {height:auto !important;}
	
	.posizionemotore{margin-top:-30px !important;}
	
	------------------*/
	
	
	.int-page {height:auto !important;}  
	.posizionemotore{margin-top:-30px !important;}
	
}

@media only screen and (max-width: 767px)
{
	.page-header {height:auto !important;}
	#ritorno{
		border-left: 0px !important;
		border-top: 2px solid #fff;
		padding-top:10px !important;
	}
	.boxautobus{
			margin-bottom:50px;
			margin-top:50px !important;
	}

    #destinazione-booking {
        margin-bottom: 52px;
    }
}




#centro-motore .b-label{
	font-weight:bold;
	color:#555;
}
.booking-table-container{
	margin-bottom:8px !important;
}

.booking-table-container td {
	padding-bottom: 0px !important; 
}



/* ----- motore stile FLAT GRAY ------------------*/
#andata, #ritorno {color:#444;}
#form-prenotazioni .container {
	background-color: #ddd; /*#e2e2e2*/
	border: none;
	/*border-top: 3px solid #0088CC;*/
}
label, .label {color:#555}
.lblRange.imnt {color:#444}

/* colore placeholder*/
::-webkit-input-placeholder {color: #444;}
:-moz-placeholder {color: #444;}
::-moz-placeholder {color: #444;}
:-ms-input-placeholder {color: #444;}

/* background pulsante*/
.submit-river-flat-button:hover {
	background: #006699;
}
.submit-river-flat-button {
	background: #0099E6;
	border-radius: 7px;
}
/* separatore verticale*/
#andata {
	/* padding-right: 20px; /* spostamento laterale */ 
	border-right: 2px solid #fff; 
}

#ritorno{
/*	border-left: 2px solid #fff;*/
}

/*Titolo Motore*/
.title-mot{
	margin: 0 -16px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	margin-top: -13px;
	padding: 5px;
	font-size: 20px;
	color: #fff;
	background:#08c;
	font-weight:600;
}
/* posizione button */
.posix {
	position: absolute;
	bottom: -21px;
	z-index: 2;
	width: 36%;
	max-width: 750px;
	min-width: 240px;
	height: 40px;
	overflow: hidden;
	margin: 0 auto;
	left: 0;
	right: 0;
	font-family: 'Open Sans';
	letter-spacing:-.5px;
}
/*labels*/
.label {display: block;padding:0 !important; margin:0 !important}
.ani .lblRange.imnt{padding-top:10px}
.fxx {padding-top: 7px;}
.info_res {opacity:1;display:initial;position:relative}
td[colspan="5"]	{text-align: left !important;}

#centro {overflow:visible}


#ui-datepicker-div{z-index:999999 !important;}