#prenotazioni { float:left; width:100%; margin-bottom:20px; }

#navi_step { float:left; width:100%; }
#navi_step .navi_section { float:left; width:60px; }
#navi_step .navi_section  p { width:60px; margin-top:60px; font-size:13px; font-weight:bold; color:#BBB; text-align:center; }
#navi_step .navi_section.primo p { color:#82CDFF; }

#step_1 { float:left; width:60px; height:50px; background-image:url('../../images/site/booking_menu_step.png'); background-repeat:no-repeat; background-position:0px -100px; }
#navi_step .navi_section.primo #step_1 { background-position:0px 0px; }
#navi_step .navi_section.secondo #step_1 { background-position:0px -50px; }

#step_2 { float:left; width:60px; height:50px; background-image:url('../../images/site/booking_menu_step.png'); background-repeat:no-repeat; background-position:-60px -100px; }
#navi_step .navi_section.primo #step_2 { background-position:-60px 0px; }
#navi_step .navi_section.secondo #step_2 { background-position:-60px -50px; }

#step_3 { float:left; width:60px; height:50px; background-image:url('../../images/site/booking_menu_step.png'); background-repeat:no-repeat; background-position:-120px -100px; }
#navi_step .navi_section.primo #step_3 { background-position:-120px 0px; }
#navi_step .navi_section.secondo #step_3 { background-position:-120px -50px; }

#step_4 { float:left; width:60px; height:50px; background-image:url('../../images/site/booking_menu_step.png'); background-repeat:no-repeat; background-position:-180px -100px; }
#navi_step .navi_section.primo #step_4 { background-position:-180px 0px; }
#navi_step .navi_section.secondo #step_4 { background-position:-180px -50px; }

#navi_step .separator { float:left; width:20%; margin-top:24px; border-top:3px solid #CCC; }
#navi_step .separator.attivo { border-top:3px solid #82CDFF; }

#box_descrizione_step { float:left; width:100%; margin-top:0px; }
#box_descrizione_step p { margin:10px 0px; font-size:12px; font-weight:bold; color:#666; }

#torna_indietro { width:220px; margin:0px auto; }

#box_lista_prenotazione { float:left; width:100%; }
.intestazione { float:left; width:100%; border:1px solid #BBB; background-color:#CCC; margin-top:10px; }
.intestazione.col_2 div { float:left; width:80%; text-shadow:none; }
.intestazione.col_2 .intestazione_selezione { width:20%; }
.intestazione.col_3 div { float:left; width:33%; }
.intestazione.col_4 div { float:left; width:20%; }
.intestazione p { margin:0px; font-size:12px; font-weight:bold; color:#FFF; text-align:center; line-height:30px; }

#opzioni_prenotazione { float:left; width:100%; border:1px solid #BBB; background-color:#F5F5F5; margin-top:10px; }
#opzioni_prenotazione .select_persone, #opzioni_prenotazione .riepilogo { float:left; width:47%; padding-left:3%; }
#opzioni_prenotazione .select_settimane, #opzioni_prenotazione .select_orario { float:left; width:47%; padding-riggh:3%; text-align:right; }
#opzioni_prenotazione div p { font-size:12px; font-weight:bold; color:#333; line-height:40px; padding-right:10px; display:inline; }
#opzioni_prenotazione .riepilogo p { font-weight:normal; }
#opzioni_prenotazione div select { padding:2px; border:1px #BBB solid; height:25px; color:#555; line-height:23px; text-align:center; }
#opzioni_prenotazione select#paging_persone { width:60px; }
#opzioni_prenotazione select#paging_settimana, #opzioni_prenotazione select#paging_orario { width:150px; }

.riga_prenotazione_servizio, .riga_prenotazione_giorno, .riga_prenotazione_orario { float:left; width:100%; }

#box_lista_prenotazione .grigio { background-color:#F5F5F5; }
#box_lista_prenotazione .colonna p { font-size:12px; font-weight:bold; color:#333; text-align:center; line-height:40px; }
#box_lista_prenotazione .colonna { float:left; height:auto; border-bottom:1px solid #BBB; border-left:1px solid #BBB; text-align:center }
#box_lista_prenotazione .colonna.last { border-right:1px solid #BBB; height:40px; }
#box_lista_prenotazione .colonna.verde p { color:#73AF00; }
#box_lista_prenotazione .colonna.rosso p { color:#CC0000; }
#box_lista_prenotazione .colonna.last.hide .radio_button { display:none; }

.riga_prenotazione_servizio { border:1px solid #BBB; border-top:none; position:relative; }
.riga_prenotazione_servizio .colonna, .riga_prenotazione_servizio .colonna.last { border:none !important; }

.riga_prenotazione_servizio .colonna { width:78%; padding:10px; border-right:1px solid #BBB !important; }
.riga_prenotazione_servizio .colonna.last { width:19%; height:auto; position:absolute; top:50%; right:0px; margin-top:-20px; padding:0px; }
.riga_prenotazione_servizio .radio_button { margin:10px 40px; }

.riga_prenotazione_servizio .img_thumb { float:left; margin-right:10px; }
.riga_prenotazione_servizio .img_thumb img { text-align:center; }

.riga_prenotazione_servizio .info_servizio { margin-top:5px; }
.riga_prenotazione_servizio .info_servizio h4 { clear:none; display:block; color:#339900; margin-top:0px; margin-bottom:10px; font-size:13px; font-weight:bold; line-height:16px; text-align:left; }
.riga_prenotazione_servizio .info_servizio p { clear:none; display:block; font-weight:normal !important; line-height:20px !important; text-align:left !important; }

.riga_prenotazione_giorno .colonna { width:20%; height:60px !important; }
.riga_prenotazione_giorno .colonna p { margin:0px; line-height:60px !important; }
.riga_prenotazione_giorno .colonna select { width:90px; margin:20px 0px; text-align:center; }
.riga_prenotazione_giorno .colonna.last { width:19%; }
.riga_prenotazione_giorno .colonna.last input { margin:14px 0px; }
.riga_prenotazione_giorno .radio_button { margin:10px 66px; }

.riga_prenotazione_orario .colonna { width:33%; height:60px !important; }
.riga_prenotazione_orario .colonna p { margin:0px; line-height:60px !important; }
.riga_prenotazione_orario .colonna.last { width:33%; }
.riga_prenotazione_orario .colonna.last input { margin:14px 0px; }

#box_riepilogo_prenotazione { float:left; width:100%; margin:10px 0px; border:1px solid #CCC; background-color:#F5F5F5; }
#box_riepilogo_prenotazione h4 { margin:10px 0px; font-size:13px; font-weight:bold; line-height:19px; color:#333; }
#box_riepilogo_prenotazione p { font-size:12px; line-height:16px; margin:5px 0px; color:#333; }
#box_riepilogo_prenotazione textarea { resize:none; width:98%; height:40px; font-size:11px; border:1px #CCC solid; padding:5px; }
#box_riepilogo_prenotazione .container_riepilogo { float:left; width:96%; padding:10px 2%; }
#box_riepilogo_prenotazione .bianco { background-color:#FFF; }
#box_riepilogo_prenotazione .abilita_promemoria { float:left; margin-right:10px; }
#box_riepilogo_prenotazione .promemoria { float:left; width:100%; margin-top:10px; }
#box_riepilogo_prenotazione .promemoria p { display:inline; }
#box_riepilogo_prenotazione .promemoria select { width:100px; margin:0px 5px; padding:2px; border:1px #BBB solid; height:25px; color:#555; line-height:23px; text-align:center; }
#box_riepilogo_prenotazione input.error{background: none repeat scroll 0 0 #FACDCD; border: 2px solid #D73737; clear:both}
#box_riepilogo_prenotazione label.error{clear:both;margin-top:5px;color: #D73737; font-size: 12px;-moz-outline-radius: 5px 5px 5px 5px; outline: 1px none rgba(255, 255, 255, 0.5);}
#box_riepilogo_prenotazione .riepilogo_promemoria { float:left; width:50px; margin-top:2px; }

.btn_prenota { margin:0px auto 0px auto; width:160px; }

#condizioni{ float:left; margin-top:20px; color:#777; font-size:13px; }
#condizioni label {float:left; padding-top:3px;}
#condizioni label.error { float:left; padding-top:3px; display:block; font-weight:bold; line-height:16px; text-align:right; width:100px; clear:none; margin:0px; }

.conferma_numero{ float:left; padding: 15px 0 }
.riepilogo_separator { float:left; width:100%; height:1px; border-top:1px solid #CCC; }

#box_registrazione_login { float:left; width:100%; }
#box_registrazione_login h4 { margin:0px 0px 10px 0px; }

.container_registrazione_login { float:left; width:98%; padding:2%; margin-top:20px; border:1px solid #CCC; }
.container_registrazione_login p { margin-bottom:10px; }
.container_registrazione_login label { width:80%; display:block; padding-bottom:15px; vertical-align:top; text-align:right; }
.container_registrazione_login label input { width:60%; margin-left:20px; }
.container_registrazione_login span { display:block; margin-top:10px; }
.container_registrazione_login .form_submit { margin:0px auto 0px auto; width:100px; }
.container_registrazione_login .form_submit input { width:100%; }

.overplace_condizioni { float:left; width:100%; }

#paging_step { float:left; width:100%; margin-top:10px; }
#passo_prev { float:left; }
#passo_next { float:right; }

/* SERVER ERROR */
#msg_prenotazione { float:left; width:100%; margin:10px 0px 5px 0px; }
#msg_prenotazione_error, #msg_prenotazione_ok { margin-bottom:20px; width:96%; background-color:#D73737; color:#FFF; padding:2%; }
#msg_prenotazione_ok { background-color:#73AF01; }
#msg_prenotazione_error h5, #msg_prenotazione_ok h5 { margin:0px; width:100%; font-size:14px; font-weight:bold; line-height:16px; text-transform:uppercase; padding-bottom:5px; }
#msg_prenotazione_error p, #msg_prenotazione_ok p { margin:0px; }
#msg_prenotazione_error a, #msg_prenotazione_ok a { font-weight:bold; color:#FFF; }
/* FINE BLOCCO */


#riepilogo_prenotazione { float:left; width:100% }
#riepilogo_prenotazione p { margin:0px; }
#riepilogo_prenotazione h2 { margin:10px 0px; text-align:center; }
#riepilogo_prenotazione .codice_prenotazione { float:left; width:100%; }
#riepilogo_prenotazione .codice_prenotazione p { margin-top:20px; text-align:center; }


#notifica_prenotazione { float:left; width:602px; border:1px solid #CCC; background-color:#FFF; margin-top:5px; }
#notifica_prenotazione p { font-size:13px; font-weight:bold; line-height:35px; text-align:center; }

#box_riepilogo_prenotazione label { width:515px; color:#777; display:block; font-size:14px; font-weight:bold; line-height:16px; text-align:right; margin:0px; padding:5px 0px; }
#box_riepilogo_prenotazione label input { width:330px; border:2px solid #DDD; color:#555; height:24px; line-height:24px; margin-left:15px; padding:4px; }

#box_riepilogo_prenotazione .container_riepilogo_bianco { width:100%; padding:10px 0px;}

#box_riepilogo_finale { float:left; width:100%; margin-top:10px; background-color:#FFFFFF; }
#box_riepilogo_finale .container_riepilogo { float:left; width:562px; padding:10px 20px; background-color:#F5F5F5;border:1px solid #CCC; }
#box_riepilogo_finale .container_riepilogo_right { float:right; width:235px;border:1px solid #CCC;margin:10px 0 0; padding:5px; height:234px; background-color:#F5F5F5}
#box_riepilogo_finale .container_riepilogo_right img{ background:#FFFFFF; width:100%}
#box_riepilogo_finale .container_riepilogo_left { background-color: #F5F5F5;border: 1px solid #CCCCCC;display: inline-block;float: left;height: 224px;margin: 10px 0 0;padding: 20px 20px 0;width: 295px;}
#box_riepilogo_finale h4 { font-size:13px; font-weight:bold; line-height:19px; color:#333; }
#box_riepilogo_finale p { font-size:12px; line-height:16px; margin:5px 0px; color:#333; }
#box_riepilogo_finale textarea { resize:none; width:550px; height:40px; font-size:12px; border:1px #CCC solid; padding:5px; }
#box_riepilogo_finale .radio_checked {  float:left; background-image:URL('../../images/site/radio_on.png'); background-repeat:no-repeat; background-position:left middle;   padding:0px 0px 0px 25px; height:21px; line-height:21px; margin:0px 10px 10px 0px; cursor:pointer;}
#box_riepilogo_finale .abilita_promemoria { float:left; margin-right:10px; }
#box_riepilogo_finale .promemoria { float:left; width:100%; }
#box_riepilogo_finale .promemoria p { display:inline; }
#box_riepilogo_finale .promemoria select { width:100px; margin:0px 5px; padding:2px; border:1px #BBB solid; height:25px; color:#555; line-height:23px; text-align:center; }
#box_riepilogo_finale .codice_prenotazione{font-size:25pt; font-weight:bold; text-align:center; margin-top:65px; }