/* Base de estilos */
body { background:#FFFFFF  }
body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:9px; margin:0px 0; padding:0; color:#000000} /*#5e5d62*/
h1, h2, h3, h4, h5, ul, li, dl, dt, dd, hr, form, fieldset, p, .accesible, .iframe_layer {padding:0; margin:0}
.close {clear:both; line-height:0; height:0; font-size:1px}
.accesible, hr, .print {display:none;}
.clickable{cursor:pointer;}
.toLeft {float:left}
.toRight {float:right}
.iframe_layer {border:none;}
.errorMsg {color:#990000;}
.corsivo {font-style:italic}
td {font-size:10px}

.clr { clear: both; overflow:hidden; height: 0; }

fieldset {border:none}
input {font-weight:normal !important}/*hack_ie.css*/
input, select, label, legend, textarea  {font-family:Verdana, Arial, Helvetica, sans-serif}/*hack_ie.css*/
input, select, textarea {background-color:#acabb1; color:#464a51; border:0; font-size:10px; padding:3px; margin-top:2px;margin-bottom:8px}
input.finput,   textarea.finput {width:430px; margin:0}
input.finputErrore,   textarea.finputErrore {width:430px; margin:0; border:1px solid #FF0000;}

form .nobr {display:none}

.box .error {background-color:#FFFF80;margin-left:0px; width:500px}

.boxNB {font-size:10px; float:center;  width:500px; margin-left:40px ;margin-top:8px;}
.boxNB form {clear:both}
.boxNB table td {vertical-align:middle; color:#5F5D62; padding:3px 0 0 3px }
.boxNB table td.label {text-align:right; padding:0 15px 0 0; }
.boxNB table td span {margin-left:10px}
.boxNB .lodging_data {border-collapse:collapse}
.boxNB .lodging_data td {padding:2px; color:#000000}
.boxNB .lodging_data td.label {padding:0 3px 0 0}
.boxNB .lodging_data td strong {color:#000000; font-weight:normal}
.boxNB .lodging_data td em {font-size: 9px; font-style:normal}
.boxNB .lodging_data td span {width:50px}
.boxNB p.optional {font-family:Arial, Helvetica, sans-serif; background-color:#fff; color:#88AAD8; text-align:left; margin-left:0px; width:500px}
.boxNB .sfondoChiaro {background-color:#FEBF49;margin-left:0px; width:500px ;  border:1px solid #fff;}
.boxNB .label, #date_select .lodging_data span {font-size:10px}
#nnights {margin-left:2px}
#endDateDay, #date_select #startDateDay, #date_select #nnights {font-size:10px}


.footer {font-size:10px; float:center;  width:500px; margin-left:40px ;margin-top:8px; border-top:1px solid #fff;}
.footer .contenuto {float:center; background-color:#D7435B;margin-left:0px; width:500px}


.header {font-size:10px; float:center;  width:500px; margin-left:40px ;margin-top:8px; border-bottom:1px solid #fff;}
.header .contenuto {float:center; background-color:#D7435B;margin-left:0px; width:500px; color:#FFFFFF;}



.box {font-size:10px; float:center;  width:500px; margin-left:40px ;margin-top:8px; border:1px solid #fff;}
.box form {clear:both}
.box .contenuto {background-color:#FEBF49;margin-left:0px; width:500px}
.box .contenuto_data {border-collapse:collapse}
.box .contenuto_data table{ width:100%;}
.box .contenuto_data td {padding:2px; color:#000000}
.box .contenuto_data td {font-size: 9px; font-style:normal}
.box .contenuto_data td.totale  {border-top:1px solid #000000;}
.box .contenuto_data th {padding:2px; color:#000000}
.box .contenuto_data th {font-size: 9px; font-style:normal; border-bottom:1px solid #000000;}        
  




/*Calendario*/
table.dates_calendar { border-collapse:collapse; font-size:10px; width:202px; float:left; margin-bottom:10px}
table.dates_calendar caption {font-weight:bold; padding-top:1px; padding-bottom:2px; color:#fff; text-align:center; background-color:#9B9AA0}
table.dates_calendar thead th { background-color:#EFF4FA; color:#9B9AA0; padding:1px; margin:0 ;border:1px solid #fff;}
table.dates_calendar tbody td { height:18px; background-color:#9B9AA0; border:1px solid #EFF4FA;  color:#4a6b99; margin:0; padding:0  }
table.dates_calendar tbody td a { display:block; width:100%; text-align:center;padding:3px 0; margin:0;color:#fff !important; font-weight:bold !important; background-image:none !important; text-decoration:none}
table.dates_calendar tbody td a:hover {background-color:#CCCC00;text-decoration:none}
table.dates_calendar tbody td.yesterday a {color:#B2B2B6 !important}
table.dates_calendar tbody td.yesterday a:hover { background-color:#999}
table.dates_calendar tbody td.today a {color:#000 !important}
table.dates_calendar tbody td.empty {background-color:#fffffe;}/*fff*/
table.dates_calendar tbody td.selected {background-color:#92ADD8}
table.dates_calendar tfoot tr td { padding-top:10px;padding-bottom:10px}
table.dates_calendar tfoot ul li {display:list-item !important; font-size:10px; list-style:none; background:url(booking-square-green.gif) no-repeat 0 4px !important;padding-left:10px;}
table.dates_calendar tfoot ul li ul { margin-left:2px}
table.dates_calendar tfoot ul li ul li { background:url(booking-li-square.gif) no-repeat 0 4px !important;padding-left:10px;}


/*popup*/
/*Commons*/
body#popup {margin:0;padding:0; background-color:#FEBF49}
.container_popup {padding:5px 0;font:10px Verdana, Arial, Helvetica, sans-serif}
.container_popup h1 { font-size:11px; padding:0 0 0 10px; color:#fff; float:left }
.container_popup h2 { color:#567db4; background-color:transparent; font-size:12px; margin:10px 0 5px 0}
.container_popup h3 { color:#333; font-size:11px; margin:10px 0 5px 0}
.container_popup p { margin-bottom:5px }
.container_popup a { color:#567db4;background-color:transparent; text-decoration:none; font-weight:normal !important}
.container_popup ul { margin:10px 30px !important}
.container_popup .close_popup { float:right;  padding-right:10px; margin-bottom:5px}
.container_popup .title_popup {color:#000000; float:left;  padding-left:10px; margin-bottom:5px; }
.container_popup .background {background-color:#f8d4d4 !important;padding:10px !important;margin:0 7px;}
.calendar_popup { height:252px; border:1px solid #fff}
.calendar_popup .background { background-color:#FEBF49; padding:10px 20px; margin-left:5px;margin-right:5px;}
.calendar_popup .summary {color:#9B9AA0; margin-top:5px}
.calendar_popup .buttons { float:right;}
.calendar_popup.calendar_simple_popup { height:210px !important; }
.months_bar p.previous {float:left; width:50%; margin-bottom:5px}
.months_bar p.previous a {color:#7992B9; font-weight:bold; background:url(gfx/backgrounds/arrow_double_blue_back.gif) no-repeat 0 5px; padding-left:10px}
.months_bar p.next {float:right;}
.months_bar p.next a {color:#7992B9; font-weight:bold; background:url(gfx/backgrounds/arrow_double_blue.gif) no-repeat 100% 5px; padding-right:10px;}