/* CSS Document */

body{margin:0; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:13px; color:#000;}
img{border:0;}
h1{font-size:20px; line-height:24px; color:#09f; margin:0; padding:0; display:block;}
p{margin:0;}
b, strong{color:#059;}
.cleaner{display:block; height:1px; clear:both;}

#container{width:600px; display:block; padding:10px;}
#testa{display:block; border-bottom:solid 1px #ccc;}
#testa .colonna-SX {display:block; float:left; width:100px;}
#testa .colonna-SX .logo{padding:0; display:block;}
#testa .colonna-CX {display:block; float:left; width:150px; text-align:center; font-size:16px; font-weight:bold;}
#testa .colonna-DX {display:block; float:right; width:350px;}
#testa .colonna-DX .chiama{height:20px; font-size:10px; line-height:10px; color:#fff; text-transform:uppercase; padding:6px 11px 4px 11px; display:block; float:right; background-color: #042; text-align:center;}
#testa .colonna-DX .numero{height:20px; font-size:20px; line-height:20px; color:#fff; padding:6px 7px 4px 7px; display:block; float:right; background-color: #063;}
#testa .colonna-DX #data{float:right;}
#testa .colonna-DX .testo h1{font-size:14px; line-height:14px; padding:0 0 5px 0;}
#testa .colonna-DX .testo p{text-align:justify;}

#nome-hotel{display:block; padding:10px 0 0 0;}
#nome-hotel h1{margin-bottom:0px;}
#nome-hotel h3{margin-bottom:3px;}
#nome-hotel .stella{display:block; padding:0 0 5px 0;}

#articolo{display:block; padding:10px 0 0 0;}
#articolo img.SX{width:290px; float:left;}
#articolo img.DX{width:290px; float:right;}
#articolo p{padding:20px 0 0 0; text-align:justify;}

#offerta{display:block; margin:5px 0 0 0; padding:0 0 10px 0; border:solid 2px #059; width:600px;}
#offerta h1{padding:5px; color:#135; width:380px; display:block; float:left; font-size:14px;}
#offerta .date{display:block; padding:5px; font-size:12px; width:170px; float:right; line-height:20px;}
#offerta .date .numero{font-size:14px; color:#135; font-weight:bold; text-transform:capitalize;}
#offerta .prezzi{display:block; padding:0 10px 10px 10px; border-bottom:solid 1px #059; border-top:solid 1px #059}
#offerta .prezzi .riga{display:block; padding:3px 0 3px 0; border-bottom:solid 1px #666;}
#offerta .prezzi .descrizione{width:50px; display:block; float:left;}
#offerta .prezzi .descrizione .notti{width:50px; font-size:20px; line-height:20px; color:#135; font-weight:bold;}
#offerta .prezzi .prezzo{width:130px; display:block; float:left; text-align:right;}
#offerta .prezzi .prezzo .euro{display:block; font-size:14px; line-height:12px; font-weight:bold; color:#135; padding:0 0 3px 0}
#offerta .prezzi .prezzo .specifica{display:block; padding:3px 0 0 0; color:#b00;}
#offerta .colonna-SX{width:275px; display:block; float:left; padding:10px 0 0 10px;}
#offerta .colonna-SX h1{font-size:14px; line-height:16px; padding:0 0 10px 0; float:none; width:275px;}
#offerta .colonna-DX{width:275px; display:block; float:right; padding:10px 10px 0 0;}
#offerta .colonna-DX h1{font-size:14px; line-height:16px; padding:0 0 10px 0;float:none; width:275px;}
#offerta .colonna-DX h1.ciliegine{font-size:14px; line-height:16px; color:#b00; padding:0 0 10px 0;float:none; width:275px;}
#offerta .colonna-DX ul.ciliegine {display:block; margin:0; padding:0;}
#offerta .colonna-DX li{display:block; padding:0 0 2px 0; list-style:disc inside; color:#b00; font-weight:bold;}

#tariffe{display:block; font-size:10px; line-height:12px; margin:20px 0 0 0; border-top:solid 5px #fc0;}
#tariffe h1{padding:20px 0 10px 0;}
#tariffe .camera{width:170px; display:block; float:left; padding:0 0 5px 0;}
#tariffe .periodo{width:70px; display:block; float:right; text-align:right; padding:0 0 5px 0;}
#tariffe ul{display:block; padding:0; margin:0; border-top:solid 1px #cde; list-style:none;}
#tariffe li{display:block; padding:0; margin:0; border-bottom:solid 1px #cde; list-style:none;}
#tariffe li .descrizione{width:170px; display:block; float:left; padding:5px 0 4px 0;}
#tariffe li .prezzo{width:70px; display:block; float:right; text-align:right; padding:5px 0 4px 0;}
#tariffe ul.supplementi{display:block; width:290px; float:left; padding:20px 0 0 0; margin:0; border:none; list-style:none;}
#tariffe ul.supplementi li{display:block; padding:0; margin:0; border-bottom:solid 1px #cde; list-style:none;}
#tariffe ul.supplementi li .descrizione{width:220px; display:block; float:left; padding:5px 0 4px 0;}
#tariffe ul.supplementi li .prezzo{width:50px; display:block; float:right; text-align:right; padding:5px 0 4px 0; font-weight:bold; color:#059;}
#tariffe ul.riduzioni{display:block; width:290px; float:right; padding:20px 0 0 0; margin:0; border:none; list-style:none;}
#tariffe ul.riduzioni li{display:block; padding:0; margin:0; border-bottom:solid 1px #cde; list-style:none;}
#tariffe ul.riduzioni li .descrizione{width:220px; display:block; float:left; padding:5px 0 4px 0;}
#tariffe ul.riduzioni li .prezzo{width:50px; display:block; float:right; text-align:right; padding:5px 0 4px 0; font-weight:bold; color:#059;}

.faq{display:block; padding:20px 0 0 0; margin:20px 0 0 0; border-top:solid 5px #fc0;}
.faq h1{padding-bottom:0px;}
.faq div{padding:10px 0 0 0; text-align:justify;}
.faq h3{color:#059; font-size:12px; margin:-1px 0 0 1px;}
.faq b{color:#000;}
.faq strong{color:#000;}

#piede {padding:0px 2px 2px 35px; background:url(../images/ecolabel.gif) left top no-repeat; font-size:10px; line-height:10px;}

