/* inizio reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin:0;
padding:0;
border:0;
outline:0;
font-weight:normal;
font-style:normal;
font-stretch:normal;
font-variant:normal;
font-family:Tahoma, Geneva, sans-serif;
}

table{
	border-spacing: 0;
}

/* fine reset */

h4{
	font-weight:bold;
}

body{
	font-size:12px;
	background:#ffffff; /*e0e0e0*/
}

.wrapper{
	width:900px; /*750 29.4.2016*/
	margin:0 auto;
	margin-bottom:200px;	/*test*/
}

.step6{
	display: none; /* pagamento */
}

.step1 .msg{
	padding: 20px;
}

.step2,.step1,.step4,.step5,.step6,.step7{
	margin-bottom:30px;
  background: #e6e6e6;
  -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
  border-radius: 10px;	
}

.step2 h2,.step1 h2,.step4 h2,.step5 h2,.step6 h2,.step7 h2{
	background: #2c4f85;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	border-radius: 10px 10px 0 0;
	color: #ffffff;
	padding: 10px 15px;	
}

.step1 .and,
.step1 .rit,
.step5 .and,
.step5 .rit{
	width:410px; /*340 29.4.2016 */
	float:left;
	display:inline;
}

table td.importo{
	text-align: right;
}


/* help */

.step2 h2 a.help,.step1 h2 a.help,.step4 h2 a.help,.step5 h2 a.help,.step6 h2 a.help,.step7 h2 a.help{
	float:right;
	font-size: 11px;
	text-decoration: none;
}

h2 a.help:link,
h2 a.help:visited{
	color:#ffffff;
}

h2 a.help:hover{
	text-decoration: underline;
	color:#ffffff;
	cursor: pointer;
}

.help img{
	padding-right: 5px;
	vertical-align: text-bottom;
}

/* ==== HEADER === */
.header{
	padding-top: 1px;
	position: relative;
	margin-bottom: 15px;
}

.header .agency{
	color:#2c4f85;
	position: absolute;
	bottom: 2px;
	right: 2px;
	font-size: 14px;
}

/* ==== STEP 1 === */

.step1{
	position: relative;
}

.step1 .extra_msg_s1 {
    background: none repeat scroll 0 0 #6fc1a6;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
    padding: 15px;
    position: absolute;
    top: -60px;
    right: 0;
    text-align: center;
    width: 272px;
}

.step1 #refresh_step2{
	display:none;
}

.step1 h4{
	padding-bottom:3px;
}


.step1 .carte_promo,
.step1 .extra_msg_s1b,
.step1 .assi,
.step1 .extra_msg_s1b,
.step1 .resi{
	margin:10px 16px;
}
.step1 .carte_promo{
	margin-top:15px;
}

.step1 .carte_promo div{
	float:left;
	display: inline;
	padding-top:2px;
}
.step1 .carte_promo input{
	border:2px solid #ffffff;
	padding:4px 5px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin:4px 21px 0 0;
	background: #ffffff; 
	width: 145px;
}

.step1 .carte_promo input:hover,
.step1 .carte_promo input:focus{
	/*border:2px solid #2385ba; /*  focus e hover????? */
}

/*.step1 .carte_promo .promocard_info{*/
/*
.step1 .carte_promo #ID_POL_CARD_NO.promocard_info,
.step1 .carte_promo #ID_POL_OTP_PROMO.promocard_info,
.step1 .carte_promo #ID_POL_SP_FARE.promocard_info{
	background: none;
	color: #2385ba;
	font-weight: bold;
	padding-left: 0;	
	border:none;
	padding-top: 5px;
}
*/

.step1 .carte_promo #ID_POL_CARD_NO:disabled,
.step1 .carte_promo #ID_POL_OTP_PROMO:disabled,
.step1 .carte_promo #ID_POL_SP_FARE:disabled{
	background-color: #ffffff;
	border-color: #ffffff;
}

.step1 .carte_promo #promotion_ctrl,
.step1 .carte_promo #promotion_reset{
	margin:0;
	margin-top: 22px;
	width: 75px;
}
.step1 .carte_promo #promotion_ctrl{
	width: 125px;
}
.step1 .carte_promo #promotion_reset{
	display: none;
}

.step1 .carte_promo .info_card {
  background: none repeat scroll 0 0 #159ecb;
  border-radius: 0 0 8px 8px;
  color: #ffffff;
  display: none;
  /*height: 27px;*/
  font-size: 13px;
  padding: 13px 0;
  text-align: center;
  width: 760px;
  position: fixed;
  top: -50px;
  left: 50%;
  margin-left: -380px;
  z-index: 100;

  background: #CD2A35;
}


.step1 .and{
	margin-left: 20px;
}
.step1 .rit{
	margin-right: 20px;
	float: right;
	display: inline;
}

.step1 .dati_corsa,
.step1 .info_pax,
.step1 .info_vei,
.step1 .extra_msg_s1b,
.step1 .assi{
	margin-top:10px;
}

.step1 .info_pax{
	margin-top:15px;
}

.step1 .info_pax .cont_res{
	float: left;
	display: inline;
}

.step1 .info_pax .residenti{
	margin-bottom: 15px;
	padding-right: 15px;
	width: auto;
	float: left;
	display: inline;
}

.step1 .info_pax #ID_resc,
.step1 .info_pax #ID_resp,
.step1 .info_pax #ID_Rresc,
.step1 .info_pax #ID_Rresp{
	float: left;
	display: inline;
	margin-right: 5px;
	margin-top: 6px;
}

/* bordi arrotondati */
/**/
.step1 select,
.step1 input.date{
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border:5px solid #ffffff;	
	background: #ffffff;
	margin-top:5px;
}

.step1 input.date {
  background: url("../images/b2c_sprites_02_xs_grey.png") no-repeat scroll right -228px #ffffff;
}

.step1 input.date:disabled {
  background: url("../images/b2c_sprites_02_xs_grey.png") no-repeat scroll right -228px #efefef;
}

.step1 input:disabled,
.step1 select:disabled,
.step1 select[disabled]{
	border-color:#efefef;
	background: #efefef;
}

.step1 .info_pax select{
	width: 56px!important;
	margin-top:0;
}

.step1 .info_pax p{
	padding-top: 5px;
}

.step1 select.time{
	margin-left: 5px;
}

/* fine bordi arrotondati */

/*.step1 #datea2,
.step1 #dater2
*/
/*
.step1 .trt{
	padding: 2px 5px;
	background: #ffffff;
	border: none;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
/*	
	color: #555;
	cursor: pointer;
	border: 2px solid #ffffff;
	margin-bottom: 3px;
}
*/

.step1 .styled-select{
	background:url("../images/b2c_sprites_02_xs_grey.png") no-repeat right -267px #ffffff;
	border: none;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	color: #555;
	overflow: hidden;
	width: 217px;
	float: left;
	display: inline;
	cursor: pointer;
	border: 2px solid #ffffff;
}

.step1 select.trt:hover,
.step1 select.trt:active,
.step1 select.trt:focus{
	outline: 0;
}

.step1 .styled-select select.trt{
	background: transparent;
	width: 247px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0;
}

.step1 .styled-select select.trt{ /* select con icona normale */
	/*width:auto; ################### */ 
}

.step1 .rimorchio,
.step1 .Rrimorchio{
	margin-bottom: 10px;
}

.step1 .veicolo,
.step1 .Rveicolo,
.step1 .veicolopax,
.step1 .BIC,
.step1 .RBIC,
.step1 .Rveicolopax{
	float: left;
	display: inline;
}

.step1 .information{
	padding-top: 10px;
	padding-left: 10px;
}
.step1 .information:hover{
	cursor: pointer;
}

/* wwwwwwwwww */
/* wwwwwwwwww */
/*
.step1 .Rveicolo{
    border: 6px solid white;
    border-radius: 8px;
    display: block;
    padding: 0;
}
*/
/* wwwwwwwwww */
/* wwwwwwwwww */
/* wwwwwwwwww */

.step1 .info_pax p,
.step1 .info_pax select{
	float:left;
	display: inline;
	padding-right: 5px;
	margin-bottom: 5px;
}

.step1 .info_pax p{
	width: 120px;
}

.lang_en .step1 .info_pax p{
	width:156px;
}

 .step1 .info_pax p.pax{
 	width: auto;
 	padding-left: 5px;
 }

.step1 .info_pax select{
	width: 40px;
}

.step1 .info_vei,
.step1 .info_vpax{
	position: relative;
}

.step1 .info_vei img.circle_loader{
	left: -24px;
	position: absolute;
	top: 30px;
	display: none;
}

.step1 .info_vei img.vei_loader,
.step1 .dati_corsa img.timer_loader,
.step1 .info_vpax img.promopax_loader,
.step1 .info_pax img.pax_loader{
	display: none;
	margin-left: 9px;
	vertical-align: sub;
}

.step1 .info_vei h4{
	margin-top:10px;
}

.step1 .info_vpax{
	margin-top:15px;
	margin-bottom: 15px;
}

.step1 .info_vpax h4.auto_promo{
	margin-top:5px;
	/*font-size: 14px;*/
}

/*
.step1 .info_vei select,
.step1 .info_vpax select{
	display:block;
}
*/

.step1 .info_vei .extra_dim .information{
	padding-left: 6px;
	vertical-align: sub;
}
.step1 .info_vei .extra_dim .information.cl_exl{
	margin-right: 5px;
}

.step1 h3{
	margin-top:10px;
	margin-bottom:10px;
}
.step1 h5{
	margin-top:10px;
}

.step1 .view_rit.none{
	/*display:none;*/
	/*background:#efefef;*/
	color:#939393;
}

.step1 .view_rit .information.none{
	display: none;
}
.step1 .view_rit select#trtr2 option.no_display{
	display: none;
}

.step1 .assi{
	background: #6fc1a6;
	/*border: 2px solid #6fc1a6;*/
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	color: #fff;
	margin-bottom: 0px;
	margin-top: 20px;
	padding: 11px;
}
.step1 .assi h4{
	font-size: 14px;
	padding-bottom: 6px;
}

.step1 .assi h4 .information{
	padding-top: 0;
	vertical-align: bottom;
	
}
.step1 .extra_msg_s1b{
	background: #6fc1a6;
	/*border: 2px solid #6fc1a6;*/
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	color: #fff;
	margin-bottom: 0px;
	margin-top: 20px;
	padding: 11px;
	text-align: center;
}
.step1 .extra_msg_s1b h4{
	font-size: 17px;
	padding-bottom: 6px;
	padding-top: 3px;
}

.step1 .extra_msg_s1b h4 span{
	font-weight: normal;
    font-size: 12px;
    padding-left: 10px;
}

.step1 .extra_msg_s1b h4 .information{
	padding-top: 0;
	vertical-align: bottom;
	
}

.step1 .acc_extra{
	margin-top: 10px;
}

.step1 .acc_extra p.altro_acc{
	float: left;
	width: 120px;
	padding-top: 10px;
}

.step1 .assi input#ID_POL_INSURANCE{
	float: left;
	display: inline;
	margin-right: 8px;
	margin-top: 2px;
}
.step1 .assi p.link a{
	color:#ffffff; /*0D59AA*/
	text-decoration: none;
	font-size: 13px;
}
.step1 .assi p.link a:hover{
	text-decoration: underline;
	cursor: pointer;
}
.step1 .assi p.link a img{
	vertical-align: top;
	margin-left: 5px;
}

.step1 .extra_msg_s1b input{
	float: left;
	display: inline;
	margin-right: 8px;
	margin-top: 2px;
}
.step1 .extra_msg_s1b p.link{
	color:#ffffff; /*0D59AA*/
	text-decoration: none;
	font-size: 13px;
	padding-top: 4px;
}
.step1 .extra_msg_s1b p.link:hover{
	text-decoration: underline;
	cursor: pointer;
}
.step1 .extra_msg_s1b p.link img{
	vertical-align: top;
	margin-left: 5px;
}


/* ==== STEP 2 === */
.step2 h3{
	background: #6fc1a6;
	color: #ffffff;
	font-weight: bold;
	padding: 8px 20px;
	text-align: left;
	margin: 20px 15px 0px;

	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-bottomleft: 0;
	-webkit-border-bottom-left-radius: 0;	
  	border-radius:10px 10px 0 0;
}

.step2 h3 span{
	font-weight: bold;
	padding-left: 10px;
}

/* carte step2 */
.step2 .carte_promo{
	margin:10px 15px;
}
.step2 .carte_promo{
	padding-top: 10px;
}

.step2 .carte_promo div{
	float:left;
	display: inline;
	padding-top:2px;
}
.step2 .carte_promo input{
	border:2px solid #ffffff;
	padding:4px 5px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin:4px 9px 0 0;
	background: #ffffff; 
	width: 160px;
}
.step2 .carte_promo .fc_section span,
.step2 .carte_promo .ae_section span,
.step2 .carte_promo .sc_section span{
	color:#323232;
}

.step2 .carte_promo #ID_POL_CARD_NO:disabled,
.step2 .carte_promo #ID_POL_OTP_PROMO:disabled,
.step2 .carte_promo #ID_POL_SP_FARE:disabled{
	background-color: #ffffff;
	border-color: #ffffff;
}

.step2 .carte_promo #promotion_ctrl,
.step2 .carte_promo #promotion_ctrl_2,
.step2 .carte_promo #promotion_reset,
.step2 .carte_promo #promotion_reset_2{
	margin:0;
	margin-top: 6px;
	margin-top: 22px;
	width: 75px;
}
.step2 .carte_promo #promotion_ctrl,
.step2 .carte_promo #promotion_ctrl_2{
	width: 125px;
}
.step2 .carte_promo #promotion_reset,
.step2 .carte_promo #promotion_reset_2{
	display: none;
}

.step2 .carte_promo .info_card {
  background: none repeat scroll 0 0 #159ecb;
  border-radius: 0 0 8px 8px;
  color: #ffffff;
  display: none;
  height: 27px;
  font-size: 13px;
  padding: 8px 0 0 0;
  text-align: center;
  width: 760px;
  position: fixed;
  top: -50px;
  left: 50%;
  margin-left: -380px;
  z-index: 100;
}

.step2 .journey.nojj{
	padding: 10px;
	text-align: left;
	color: #4D4D4D;
}

.step2 .journey{
	/*cursor:pointer;*/
	background:#ffffff;
	position: relative;
	/*border-bottom: 2px solid #b5b5b5;*/
	margin: 0px 15px 3px;
	/*-webkit-border-radius: 10px;*/
	/*-moz-border-radius: 10px;*/
	/*border-radius: 10px;*/
}

.step2 .journey.last{
	-moz-border-radius-topleft: 0;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;	
  	border-radius: 0 0 10px 10px;
}

/* wwwww valutare se lasciare cliccare la riga cliccando su tutto, vedi riga 199 b2c.php*/
/*
.step2 .journey:hover{
	background-color:#D7EBF8; /* vedino #DFF2EC*
}
*/

.step2 .journey:hover ul.extra{
	background-color:#C3E4FC; /* vedino #DFF2EC - azzurrino CBE6F7*/
}
.step2 .journey.last:hover ul.extra{
	-moz-border-radius-topleft: 0;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;	
  	border-radius: 0 0 10px 10px;
}
.step2 .journey ul.extra:hover{
	cursor:pointer;
}

.step2 .journey.jj_disabled:hover ul.extra{
	background-color:#f7f7f7; /* grigino #f7f7f7 - azzurrino CBE6F7*/
}
.step2 .journey.jj_disabled ul.extra:hover{
	cursor:default;
}

/*
.step2 .journey .extra .checkjourney input[type="radio"]:hover + label{ /* hover */
	/*border-color:#9DC8E3;
}
*/
.step2 .journey.jj_disabled .extra li.checkjourney label,
.step2 .journey.jj_disabled .extra li.checkjourney label.over{
	background: #f7f7f7;
  border-color: #EEEEEE;
  cursor: default;
}

.step2 .journey .extra li.checkjourney label.over{
	border-color:#9DC8E3;
}

/* journey selezionato */
.step2 .journey.jselected,
.step2 .journey.jselected .info{
	background: #c3e4fc; /*c3e4fc*/
}
/*
.step2 .journey .extra .checkjourney input[type="radio"]:hover + label{ /* hover */
	/*background-color:#6DA5CD; /* vedino #DFF2EC*/
/*
}
*/

/*
.step2 .journey .extra:active .checkjourney input[type="radio"] + label, 
.step2 .journey .extra .checkjourney input[type="radio"]:active + label{ /*al click*/
	/*background-color:#36729E; /* vedino #DFF2EC*/
/*}
*/

.step2 .info{
	background:#f3f3f3;
	padding: 0px;
	/*
	background:#4188bf;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;	
  	border-radius: 10px 10px 10px 10px;
  	*/
  	/*-webkit-border-radius: 10px;
  	-moz-border-radius: 10px;
  	border-radius: 10px;*/
  	-webkit-user-select: none;
  	-khtml-user-select: none;
  	-moz-user-select: none;
  	-o-user-select: none;
  	user-select: none; 
}

.step2 .info p{
	padding-top:2px;
	padding-bottom: 2px;
	margin: 5px 0;
}

.step2 .info p.jsd,
.step2 .info p.jsh,
.step2 .info p.tim,
.step2 .info p.offs,
.step2 .info p.imp,
.step2 .info p.nave,
.step2 .info p.stag{
	font-size:13px;
	color:#4188bf; /* azzurro */
	color:#6d6d6d; /* grigio */
	width:63px;
	padding-right: 27px; /* larghezza totale 90 */
	margin-left: 0px;
	padding-left: 0px;
	float: left;
	display: inline;
	/*font-weight: bold;*/
}

.step2 .info p.jsd{
	background: url("../images/b2c_sprites_02_xs_grey.png") no-repeat 25px -226px; /* data */
	margin-left: 50px;
	width: 83px;
}
.step2 .info p.jsh{
	background: url("../images/b2c_sprites_02_xs_grey.png") no-repeat 35px -11px; /* orario */
	width: 83px;
}
.step2 .info p.tim{
	background: url("../images/b2c_sprites_02_xs_grey.png") no-repeat 40px -55px; /* durata */
	width: 83px;
}
.step2 .info p.nave{
	background: url("../images/b2c_sprites_02_xs_grey.png") no-repeat 39px -399px; /* nave */
	width: 93px;
}
.step2 .info p.stag{
	background: url("../images/b2c_sprites_02_xs_grey.png") no-repeat 39px -98px; /* stagionalita' */
	width: 233px;
}
.step2 .info p.imp{
	background: url("../images/b2c_sprites_02_xs_grey.png") no-repeat 47px -355px; /* importo */
}
.step2 .info p.offs{
}

.step2 .ja,
.step2 .jr{
	float:left;
	display:inline;
	margin:5px;
}

.step2 .extra{
	margin-top:0px;
	/*padding-bottom:30px; /* o si imposta altezza div journey */
	-webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none; 
  cursor: default;
}

.step2 .extra .checkjourney input[type="radio"]{
	/*margin-top:30px;*/
	display: none;
}

.step2 .extra .checkjourney input[type="radio"] + label{
  -webkit-appearance: none;
  background-color: #ffffff;
  border: 3px solid #cccccc;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
  border-radius: 10px;
  width: 100%;
  display: block;
  width: 15px;
  height: 15px;
  margin-top:5px;
  margin-bottom:5px;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
}

.step2 .extra .checkjourney input[type="radio"]:checked + label{
    background: #4188bf; /* si puo' mettere un immagine con bordino bianco */
    border: 3px solid #cccccc;	
}

/* .step p alla fine si puo' togliere, lo sto sostituendo con div */
/* .step p alla fine si puo' togliere, lo sto sostituendo con div */
/* .step p alla fine si puo' togliere, lo sto sostituendo con div */
/* .step p alla fine si puo' togliere, lo sto sostituendo con div */
/* .step p alla fine si puo' togliere, lo sto sostituendo con div */

.step2 ul.extra li{
	float: left;
	display: inline;
	margin: 13px 0;
	width: 90px; 
}
.step2 ul.extra li p{
	color: #205987;
	color: #3080c1;
	/*font-weight: bold;*/
}

.step2 ul.extra li.date p{
	font-weight: bold;
}
.step2 ul.extra li.hour p{
	font-weight: bold;
}
.step2 ul.extra li.time p{

}
.step2 ul.extra li.list_off p{

}

/* MODO A: scritte bianche che si vedono all'over 
.step2 ul.extra li p.im_fare{
	color: #d4d4d4;  grigino 
	color: #ffffff;  non visibile bianco 
	font-weight: normal;
}
.step2 ul.extra:hover li p.im_fare{
}

/*MODO B: scritte semitrasparenti che si sparicono con l'hover TESTATO SU RITORNO
.step2 ul.extra li p.im_fare{
	color: #d4d4d4; grigino 
	color: #ffffff; non visibile bianco 
	color: #d2dee8; azzurrino grigetto 
	color: #aac6de; azzurrino 
	font-weight: normal;
}
.step2 ul.extra:hover li p.im_fare{
	display: none;
}
*/

.step2 ul.extra li p.im_fare.none{
	display: none;
}
.step2 ul.extra:hover li p.im_fare{
}


.step2 ul.extra li .help_frm_code span{
	text-decoration: underline;
}
.step2 ul.extra li .help_frm_code{
	cursor: pointer;
}
.step2 ul.extra li a.help_frm_code span:hover{
	color: #6bb3ea;
}
.step2 .journey.jj_disabled ul.extra li .help_frm_code:hover{
	color:#999999;
}

.step2 ul.extra li.checkjourney{
	width: 40px;
	margin: 5px;
}

.step2 ul.extra li.date{
	width: 110px;
}
.step2 ul.extra li.hour{
	width: 110px;
}
.step2 ul.extra li.time{
	width: 110px;
}
.step2 ul.extra li.list_off{
	width: 260px;
}
.step2 ul.extra li.ship{
	width: 120px;
}
.step2 ul.extra li.list_off span{
	display: block;
	float: left;
}

.step2 ul.extra li.list_off a{
	color: #4188bf;
}

.step2 ul.extra li.list_off span.off{
	margin-left: 15px;
}

.step2 ul.extra li.price p{
	font-weight: bold;
}

.step2 .journey div.list_color{
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 5px;	
	/* non lo visualizzo */
	display: none;
}

.step2 .go_step5{
	margin-top: 10px;
}


/* gestione posizione checkbox */
.step2 .journeys.right .journey .info p.jsd{
	margin-left: 10px;
	width: 73px;
}
.step2 .journeys.right ul.extra li.date p{
	margin-left: 10px;
}
.step2 .journeys.right ul.extra li.checkjourney{
	float: right;
}

/* ==== STEP 4 lista attualmente non attiva ==== */

.lang_de .step4 .lista_pax .pax_type{
	width: 95px;
}
.lang_de .step4 .lista_pax .infolabel{
	padding-left: 100px;
}

.step4 h3{
	background: #6fc1a6;
	color: #ffffff;
	font-weight: bold;
	margin-top: 10px;
	padding: 5px 20px;
	text-align: left;
	margin-top: 20px;
	
	margin: 20px 0px 10px 0px; 
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.step4 h3 span{
	font-weight: bold;
	padding-left: 10px;
}


.step4 #go_step5{
	margin-left: 20px;
}

.step4 .lista_pax{
	margin:15px 20px 10px;
}

.step4 .lista_pax .single_pax{
	margin: 5px 0;
}

.step4 .lista_pax .single_pax input,
.step4 .lista_pax .single_pax div.cure_sp,
.step4 .lista_pax .single_pax select{
	background: #ffffff;
	border: 5px solid #ffffff;
	border-radius: 8px;
	margin-left: 5px;
	float: left;
	display: inline;
}

.step4 .lista_pax .single_pax div.cure_sp{
	margin-left: 8px;
}

.lang_de .step4 .lista_pax .single_pax div.cure_sp{
	margin-left: 33px;
}

.step4 .group_pax_a{
	margin-top: 20px;
	margin-bottom: 20px;
}
.step4 .group_pax_r{
	margin-top: 20px;
}
.step4 .lista_pax .pax_type{
	background: #d9d9d9; /* url("../images/mb2c_sprites_s3.png") no-repeat scroll -8px -481px;*/
	border-radius: 8px;
	color: #848484;
	display: block;
	float: left;
	padding-bottom: 6px;
	/*padding-left: 26px;*/
	padding-left: 6px;
	padding-top: 7px;
	/*width: 53px;*/
	width: 65px;
	padding-right: 1px;
	cursor: default;
}

.step4 .lista_pax .pax_list_nasc{
	width:74px;
}

.step4 .lista_pax .pax_list_paese{
	width:114px;
}

.step4 .lista_pax .pax_list_cog,
.step4 .lista_pax .pax_list_nom{
	width:95px;
}

.step4 .lista_pax .pax_list_docu{
	width:120px;
}

.step4 .lista_pax .infolabel{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none; 
  background: #f7f7f7;
  background: #b0dbf9; /*azzurrino*/
  background: #9FC9E7; /*azzurraccio*/
  background: #c3e4fc; /*azzurro*/
  background: #f1f1f1; /*grigino*/
  padding-left: 70px;
  margin-top: 20px;
  margin-top: 10px;
}

.step4 .lista_pax .infolabel p{
	margin-left: 10px;
	width: 140px;
	color:#555555;
	padding-bottom: 1px;
}

.step4 .lista_pax .infolabel p.i_passeggero{
	margin-left: 12px;
}

.step4 .lista_pax .infolabel p.i_nome{
	margin-left: 6px;
}

.step4 .lista_pax .infolabel p.i_paese{
	margin-left: 6px;
}

.step4 .lista_pax .infolabel p.i_sesso{
	margin-left: 8px;
	width: 45px;
}

.step4 .lista_pax .infolabel p.i_curesp{
	margin-left: 5px;
}

.lang_de .step4 .lista_pax .infolabel p.i_curesp{
	margin-left: 30px;
	width: 130px;
}

.step4 .lista_pax .infolabel p.i_datanasc{
	margin-left: 6px;
	width: 77px;
}

.step4 .lista_pax .infolabel p.i_docu{
	margin-left: 6px;
	width: 115px;
}

.step4 .lista_pax .infolabel p {
    color: #828282;
    margin-left: 10px;
    padding-bottom: 1px;
    width: 101px;
}
.step4 .lista_pax p, .step4 .lista_pax div.checkvei {
    display: inline;
    float: left;
    margin: 5px;
}

/* ==== STEP 5 ==== */
	
.step5 .and .riep_prev,
.step5 .rit .riep_prev{
	background: none repeat scroll 0 0 #ffffff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 8px;
}

.step5 .and .riep_prev p.frm,
.step5 .rit .riep_prev p.frm{
	margin-top: 9px;
}

.step5 .and img.sec_casa,
.step5 .rit img.sec_casa{
	vertical-align: text-bottom;
	padding-left: 4px;
}

.step5 table tr.totale td.importo{
	border-top: 2px solid #DDDDDD;
}
.step5 .assi,
.step5 .extra,
.step5 .prev_tot{
  background: #ffffff;
  border: 1px solid #dadada;
  display: block;
  margin: 15px 20px 0;
  padding: 8px;
  width: auto;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
  border-radius: 8px;
  border: none;
}

.step5 .assi span,
.step5 .prev_tot span{
	font-weight: bold;
}

.step5 .assi{
	font-weight: bold;
}
/*
.step5 .prev_tot{
	background: #50B4D5;
  color: #ffffff;
  font-weight: bold;
}
*/

.step5 .and,
.step5 .rit,
.step5 .prev_tot,
.step5 h3{
	margin-top:10px;
	margin-left: 20px;
}
.step5 .dati_generali,
.step5 .grp_veicoli{
	margin-top:10px;
	margin-left: 20px;
	margin-right: 20px;
}
.step5 .and,
.step5 .rit{
	margin-top: 20px;
}
.and .riep_prev > h4,
.rit .riep_prev > h4 {
  padding-bottom: 4px;
}
.step5 .rit{
	float: right;
	display: inline;
	margin-right: 20px
}
.step5 .riep_prev p span {
  width: 64px;
  display: block;
  float: left;
}
.step5 .prev_tot{
  background: #3eb0d6;
  color: #ffffff;
  border: none;
  display: block;
  margin: 15px 20px 0;
  padding: 8px;
  width: auto;
	font-weight: bold;

	background: #6fc1a6;
  font-size: 15px;

  color: #3774a1;
  background: #c3e4fc;
}

.step5 table.riep{
	margin-top: 10px;
	width:92%;
}

.step5 table.riep thead tr td{
	font-weight: bold;
}

.step5 table.riep tr td{
	padding:3px 0;
}
.step5 table.riep tr.totale td{
	padding-top: 5px;
	font-weight: bold;
}
.step5 table.riep tbody tr td {
  border-top: 1px solid #ddd;
}
.step5 .grp_veicoli .and,
.step5 .grp_veicoli .rit{
	margin: 0;
}

.step5 h3{
	font-weight: bold;
	font-size: 13px;
}
.step5 .dati_veicoli h3{
	margin-left: 0;
	margin-bottom: 10px;
}

.step5 input,
.step5 select{
  border: 5px solid #ffffff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
  border-radius: 8px;
  margin-top: 5px;
}

.step5 .dati_generali input{
	margin-bottom: 5px;
}

.step5 .dati_veicoli span{
	float: left;
	display: inline;
	width: 60px;
	margin-top: 9px;
}

.step5 .dati_veicoli div{
	float: left;
	display: inline;
	/*width: 110px;*/
	margin-right: 5px;
	margin-bottom: 7px;
}
.step5 .dati_veicoli div input{
	width:118px;
}

.step5 .dati_veicoli div input.model{
	margin-right: 10px;
}

.step5 .dati_generali div.anagrafica,
.step5 .dati_generali div.anagrafica span.anagrafica{
	float: left;
	display: inline;
	width: 250px;
	margin-right: 5px;
	margin-bottom: 7px;
}
.step5 .dati_generali div.anagrafica span.anagrafica{
	margin-bottom: 0px;
}
.step5 .dati_generali div.anagrafica.estesa{
	width: 510px;
}
.step5 .dati_generali div.anagrafica.estesa select{
	margin-right: 35px;
	width: 219px;
}

.step5 .dati_generali div.disclaimer{
	width: 100%;
	margin-top: 5px;
	margin-bottom: 0;
	float: none;
	display: block;
}
.step5 .dati_generali div.disclaimer input{
	margin-right: 5px;
	margin-left: 0px;
	padding-left: 0px;
}

.step5 .dati_generali div.anagrafica input{
	background:url("../images/b2c_sprites_s4.png") no-repeat scroll -11px -141px #ffffff;
	padding-left: 25px;
	width: 184px;
}
.step5 .dati_generali div.anagrafica select{
	background:url("../images/b2c_sprites_s4.png") no-repeat scroll -11px -141px #ffffff;
	padding-left: 25px;
	width: 184px;
}


.step5 .dati_generali div.disclaimer a.info,
.step5 .dati_generali div.disclaimer a.info:link,
.step5 .dati_generali div.disclaimer a.info:visited,
.step5 .dati_generali div.disclaimer a.cond,
.step5 .dati_generali div.disclaimer a.cond:link,
.step5 .dati_generali div.disclaimer a.cond:visited{
	color:#0D59AA;
	text-decoration: none;
}
.step5 .dati_generali div.disclaimer a.info:hover,
.step5 .dati_generali div.disclaimer a.cond:hover{
	text-decoration: underline;
	cursor: pointer;
}

.step5 .dati_generali div.extra_msg_s5{
	float:right;
	display: inline;
	width:225px;
	min-height: 125px;
	margin-top:18px;
	margin-right: 75px;
	font-size:13px;
	border-radius:8px;
	background:#4188bf;
	color:#ffffff;
	padding:10px;
	margin-bottom: 40px;
}

.step5 .dati_generali div.extra_msg_s5 .msg_title{
	text-decoration:underline;
	font-weight:bold;
}

.step5 .dati_generali div.extra_msg_s5 span.tel{
	float:right;
	display: inline;
}

/* fidelity bonus */
.step5 .fideprev {
  background: none repeat scroll 0 0 #6fc1a6;
  background: none repeat scroll 0 0 #4188bf;
  border: 2px solid #6fc1a6;
  border: 2px solid #4188bf;
  border-radius: 0 0 8px 8px;
  color: #fff;
  margin-bottom: 10px;
  margin-top: 0;
  padding: 3px 7px 7px;
}
.step5 h4.fide{
	font-size: 14px;
  background: none repeat scroll 0 0 #62b198;
  background: none repeat scroll 0 0 #3776AA;
  border-radius: 8px 8px 0 0;
  color: #ffffff;
  font-weight: bold;
  margin-top: 20px;
  padding: 4px 8px 5px;

}
.step5 .fideprev p{
	margin-top:3px;
}
.step5 .fideprev .option{
	margin-top: 4px;
}
.step5 .fideprev .option p{
	margin-top: 0px;
}
.step5 .fideprev .scelta_bonus{
	margin-left:0;
	margin-bottom:0;
}

/* captcha */
.step5 #captcha{
	width:400px;
  margin:0;
	margin-top: 15px;
	display: block;
  float: none;
}
.step5 #captcha .captcha1{
	width: 129px;
	margin: 0;
	float: left;
}
.step5 #captcha .captcha1 img{
  background: none repeat scroll 0 0 #fff;
  border-radius: 10px;
  margin-top: 10px;
  padding: 0 2px;
}
.step5 #captcha input{
	background: url("../images/b2c_sprites_s4.png") no-repeat scroll -11px -228px #ffffff;
 	padding: 0 0 0 22px;
  text-align: left;
  width: 55px;
  margin:10px 0 0;
  letter-spacing: 1px;
} 
.step5 #captcha .captcha2{
	margin:0;
	padding-top: 11px;
	width: 325px;
}
.step5 #captcha .captcha2 p.refresh{
	padding-top: 7px;
	cursor: pointer;
}
.step5 #captcha .captcha2 p.refresh:hover{
	color:#0d59aa;
}
.step5 #captcha .captcha2 p.refresh img{
	vertical-align: bottom;
	padding-right: 3px;
}
.step5 #go_step6{
	margin-left: 20px;
	margin-top: 15px;
}

body .wrapper .step5 input#go_step6.double_click.pls{
	background:#ffffff!important;
	color:#A6A6A6;
	cursor:default;
}
/* ==== STEP 6 ==== */

.step6 div{
	margin: 15px 20px 10px;
  padding-bottom: 15px;
  text-align: center;
}

.step6 div.error{
	font-weight: bold;
	color:#BC1E1E;
}

/* ==== STEP 7 ==== */
.step7 div {
  margin: 15px 20px 10px;
  padding-bottom: 15px;
}

.step7 p.double{
	margin-top:10px;
}

/* ==== bottoni ==== */
#go_step1,
#go_step2,
#go_step5,
#go_step4,
#go_step6,
#promotion_ctrl,
#promotion_ctrl_2,
#promotion_reset,
#promotion_reset_2,
#back_to_step1,
#back_to_step2,
#back_to_step4,
#back_to_step5{
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background: #2385BA;
	color:#ffffff;
	padding:5px 10px;
	text-align: center;
	border:0;
	margin: 15px 20px 15px;
	cursor: pointer;
}

#go_step1,
#go_step2,
#go_step5,
#back_to_step1{
	margin: 5px 15px 15px;
}

#back_to_step1,
#go_step5{
	margin-top: 12px;
}

/* wwwwwwwwwwwwwwwwwwww usare unica classe per i pulsanti????? wwwwwwwwwwwwwwwww */ 
#go_step1:hover,
#go_step2:hover,
#go_step5:hover,
#go_step4:hover,
#go_step6:hover,
#promotion_ctrl:hover,
#promotion_ctrl_2:hover,
#promotion_reset:hover,
#promotion_reset_2:hover,
#back_to_step1:hover,
#back_to_step2:hover,
#back_to_step4:hover,
#back_to_step5:hover{
	background: #2E9CD8;
}

/* vai avanti */
#go_step1,
#go_step2,
#go_step5,
#go_step4,
#go_step6{
	float:right;
	display: inline;
}

/* torna indietro */
#back_to_step1,
#back_to_step2,
#back_to_step4,
#back_to_step5{
	float:left;
	display: inline;
	background: #96ACBC!important;
}

#back_to_step1:hover,
#back_to_step2:hover,
#back_to_step4:hover,
#back_to_step5:hover{
	background: #8B9CA9!important;
}

/* footer */
.footer {
  padding-bottom: 5px;
  text-align: center;
}
.footer span {
  font-size: 7pt;
}
.powered a, .powered a:link, .powered a:visited, .powered a:hover {
  color: #000033;
  text-decoration: none;
}

/* varianti colori */

/* grigio/blu anziche verde */
/*
body .wrapper .overwrite_color{
		background: #709BBA;
}
*/
/* blu anziche verde */
/*
body .wrapper .overwrite_color{
	background: #4188bf;
}
*/
/* rosso */
/*
body .wrapper .overwrite_color{
	background: #d24646;
	background: #c53131;
}
*/

/* pulsa azzurro */
body .wrapper input.pls{
	background:#219DD6!important;
}
body .wrapper input.pls:hover{
	background:#1E88B8!important;
}
/* */

/* pulsa rossi */
/*
body .wrapper input.pls{
	background:#c71725!important;
}
body .wrapper input.pls:hover{
	background:#BB0B17!important;
}
*/
/* */

/* varie */
.clear{
	clear:both;
	margin:0!important; /*togliere important se si mette a posto il css sui div */
	padding:0;
	float: none!important;
	display: block!important;
}

.loader {
  background:url("../images/loader.gif") no-repeat center 18px;
  height:180px;
  margin:50px auto 0;
  text-align:center;
  width:338px;
  display:none;
}

.loader.pay{
	display: block;
	height: 100px;
}

.paywait{
	display: block;
	background:url("../images/loader.gif") no-repeat center 18px;
  height:100px;
  margin:50px auto 0;
  text-align:center;
  /*width:338px;	*/
}
strong{
	font-weight: bold;
}

/* debug */
.idebug,
.idebug2,
.idebug3,
.idebugr,
.idebug2r,
.idebug3r,
.idebugt,
.idebugt2,
.idebugt3{
  background: #FFFE08;
  left: 0;
  position: fixed;
  z-index: 10000;
  width: 450px;
}
.idebug,
.idebug2,
.idebug3,
.idebugr,
.idebug2r,
.idebug3r{
  bottom: 0px;
 }
 .idebugt,
.idebugt2,
.idebugt3{
	top:0px;
	width:200px;
}
.idebugt2{
	left:201px;
}
.idebugt3{
	left:402px;
}
.idebug2,
.idebug2r{
	bottom:20px;
}
.idebug3,
.idebug3r{
	bottom:40px;
}

.idebugr,
.idebug2r,
.idebug3r{
	left:500px;
	right:0;
}

.yellow{
	background: yellow!important;
}

.red{
	background: red!important;
}

.call_error{
	padding: 15px;
	text-align: center;
}