/*stili specifici per il layout*/
html,body{margin: 0;padding:0;}
div#navigation{ position:absolute; width:308px;padding: 0; left:0px; }
div#extra{float: right; width:160px;padding: 1em 5px}
div#content{margin: 0 0 0 308px;padding: 1em 10px; min-height:500px; }
div#footer{clear:both; padding: 10px 20px 10px 20px; margin: 10px 0 10px 0; background-color: #F5E9C6;}
div#testo{ width:630px; text-align:left;}
/*sfondo*/
div#navigation, div#extra, div#content {background: url(http://www.alberghi-roma.com/img/layout/sfondo_sfumatura.jpg) repeat-x left 40px;}
/* STILI BASE */
body,td,th,div,p,h1,h2,h3,h4,h5,h6,b,strong,i,em,span,li{font-family: arial,verdana,sans-serif; }
body,td,th,div,p,h1,h2,h3,h4,h5,h6,b,strong,i,em{font-size: 12px;}
body,td,th,div,p,h1,h2,h3,h4,h5,h6{color:#3B3B3B;}
img{ border:0; }
h1,h2,h3,h4,h5,h6{margin: 0;padding:0;}
h1{ font-size: 1.2em;}
h2{ font-size: 1.1em;}
h3{ font-size: 1.0em;}
h4{ font-size: 1.0em; font-weight:normal;}
h5{ font-size: 1.0em;font-weight:normal; font-style:italic;}
h6{ font-size: 0.9em;font-weight:normal;font-style:oblique;}
a,a:link,a:visited,a:active{ text-decoration:none; color:#517498;}
a:hover,a:visited:hover{ text-decoration:underline; color:#517498;}
ul.ulTable,ul.ulTable2col,ul.ulTable3col,ul.ulTable4col{ list-style:none; margin:0; padding:0;}
ul.ulTable li,ul.ulTable2col li,ul.ulTable3col li,ul.ulTable4col li{ margin:0; padding:0; width:auto; float:left;}
ul.ulTable2col li{ width:49%;}
ul.ulTable3col li{ width:33%;}
ul.ulTable4col li{ width:25%;}
ul.list{ list-style:none; margin:0; padding:0; text-align:left; margin-left:3px; }
ul.list li{
margin:0;
padding:0;
background:url(http://www.alberghi-roma.com/img/layout/arrow_list.gif) no-repeat left 1px;
padding-left:9px;
float:none;
}
/* MENU */
ul#menu {margin:0;padding:0; list-style:none; width:500px; margin:0px auto 0px auto; }
ul#menu li {
margin:0; padding:0; list-style:none; float:left; text-align:center;
width:100px; height:31px;
}
ul#menu i { font-size:9px; font-weight:100; }
ul#menu a,ul#menu a:link,ul#menu a:visited,ul#menu a:hover,ul#menu a:visited:hover {
font-weight:bold;
color:#565656;
vertical-align:middle;
text-decoration:none;
width:100px; height:31px;
font-size:12px;
background:url(http://www.alberghi-roma.com/img/layout/pulsante_disattivo.gif) no-repeat left top;
display:block;
padding-top:10px;
}
ul#menu a.active,ul#menu a.active:link,ul#menu a.active:visited,ul#menu a.active:hover,ul#menu a.active:visited:hover {
color:#395FA2;
background-image:url(http://www.alberghi-roma.com/img/layout/pulsante_attivo.gif);
}
ul#menu a:hover,ul#menu a:visited:hover {
background-image:url(http://www.alberghi-roma.com/img/layout/pulsante_hover.gif);
color:#999999;
}
/*COLORI*/
.blu ,a.blu,.blu a,.blu a:hover,.blu a:visited,.blu a:visited:hover{
color:#517498;
}
.arancio ,a.arancio,.arancio a,.arancio a:hover,.arancio a:visited,.arancio a:visited:hover{
color:#FF840B;/*FFC107*/
}
.giallo ,a.giallo,.giallo a,.giallo a:hover,.giallo a:visited,.giallo a:visited:hover{
color:#F1BB14;
}
.grigio ,a.grigio,.grigio a,.grigio a:hover,.grigio a:visited,.grigio a:visited:hover{
color:#757474;
}
.nero ,a.nero,.nero a,.nero a:hover,.nero a:visited,.nero a:visited:hover{
color:#3B3B3B;
}
.bianco ,a.bianco,.bianco a,.bianco a:hover,.bianco a:visited,.bianco a:visited:hover{
color:#FFFFFF;
}
.rosso ,a.rosso,.rosso a,.rosso a:hover,.rosso a:visited,.rosso a:visited:hover{
color:#A31710;
}
.bold ,a.bold,.bold a,.bold a:hover,.bold a:visited,.bold a:visited:hover{
font-weight:bold;
}
.nove ,a.nove ,.nove a,.nove a:hover,.nove a:visited,.nove a:visited:hover{
font-size:9px;
}
.dieci ,a.dieci ,.dieci a,.dieci a:hover,.dieci a:visited,.dieci a:visited:hover{
font-size:10px;
}
.venti ,a.venti ,.venti a,.venti a:hover,.venti a:visited,.venti a:visited:hover{
font-size:20px;
}
div.spacer{ height:10px; font-size:1px;}
/*VARIE*/
input.cerca{ background:url(http://www.alberghi-roma.com/img/layout/cerca.gif); width:85px; height:32px;font-size:1px; border:0; margin:0; padding:0; cursor:pointer; color:white; }
/* IE */
#logo{
background:url(http://www.alberghi-roma.com/img/layout/logo.gif) no-repeat left;
height:55px;
display:block;
border:1px solid white !important;
}
#logo p{
margin:27px 0 0 33px;
}
#logo a{
font-size:20px;
font-weight:bold;
}
/* aggiunto
.logo_div{
margin-left:30px;
margin-top:30px;
font-size:22px;
font-weight:bolder;
color:#666666;
}*/
#box_cerca{
background:url(http://www.alberghi-roma.com/img/layout/boxcerca.gif) no-repeat top left;
height:285px;
width:308px;
}
div.box_mini_head,div.box_600_head,div.box_650_head{ font-weight:bold; font-size:1.2em; height:20px;background: no-repeat top left; padding:5px 20px 0 20px; }
div.box_mini_content,div.box_600_content,div.box_650_content{padding:0 20px 0 20px; border-left:1px solid #D6DBEF; border-right:1px solid #D6DBEF; background-color:#FFFFFF; }
div.box_mini_foot,div.box_600_foot,div.box_650_foot{ height:20px; background: no-repeat bottom left; padding:0 20px 5px 20px; }
div.box_600{ width:600px; }
div.box_mini{ width:317px; }
div.box_650{ width:650px; }
div.box_mini_head{ background-image:url(http://www.alberghi-roma.com/img/layout/box_mini_head.gif)}
div.box_mini_foot{ background-image:url(http://www.alberghi-roma.com/img/layout/box_mini_foot.gif)}
div.box_600_head{ background-image:url(http://www.alberghi-roma.com/img/layout/box_600_head.gif)}
div.box_600_foot{ background-image:url(http://www.alberghi-roma.com/img/layout/box_600_foot.gif)}
div.box_650_head{ background-image:url(http://www.alberghi-roma.com/img/layout/box_650_head.gif)}
div.box_650_foot{ background-image:url(http://www.alberghi-roma.com/img/layout/box_650_foot.gif)}
table.miniHotelMenu { margin:-5px 0 0 0;}
table.miniHotelMenu a.uno,a.due,a.tre { background-color:#0066CC; height:20px; width:50px; display:block; float:left; border:1px solid #C4CCDF; text-align:center; padding:2px 0 0 0; font-size:9px; }
table.miniHotelMenu a.uno { background-color:#517498; }
table.miniHotelMenu a.due { background-color:#79A4D0; }
table.miniHotelMenu a.tre { background-color:#A7C0D9; }
#box_deals{ }
#box_deals em{ color:#666666; }
#box_deals i{ float:right; clear:right; color:#FF0000; font-weight:bold; margin-top:-15px; }
div.box_hotel_mini { }
div.box_hotel_600 { margin-bottom:10px; }
#hotelBody ul,#hotelBody ul li{list-style:none;margin:0;padding:0}
#hotelBody ul{margin:0 0 5px 5px;clear:both}
#hotelBody ul li{float:left;width:235px}
.divhotel{background-color:#FFFAEC}
div.dispoHotelTitle{background-color: #DEC536;text-align:left;font-size:15px;padding:4px;color:#756420;font-weight:bold;margin-bottom:5px}
div.dispoHotelBox{border: 1px solid #DEC536;padding:2px;margin:20px 5px 20px 5px}
div.dispoHotelBox ul,div.dispoHotelBox li{list-style:none;text-align:left;margin:0;padding:0}
div.dispoHotelBox li{border-bottom:1px dotted #DEC536}
div.dispoHotelBox li span{float:right;margin-top:-16px;font-weight:bold}
div.dispoHotelBox li i{display:block;text-align:right;font-style:italic;font-size:10px}
div.dispoHotelBox a:link,div.dispoHotelBox a:visited{text-decoration:none}
div.dispoHotelBox a:hover,div.dispoHotelBox a:visited:hover{color:#756420}
/*ul.hotelInfos,ul.hotelInfos li{list-style:none;text-align:left;margin:0;padding:0}
ul.hotelInfos{margin:5px;border: 1px solid #DEC536;padding:5px}
ul.hotelInfos span{float:right;margin-top:-16px;font-weight:bold}
ul.hotelInfos li{border-bottom:1px dotted #DEC536}
ol.hotelsViewed,ol.hotelsViewed li{margin:0;padding:0;list-style:none}
ol.hotelsViewed{margin:5px;border: 1px solid #DEC536;padding:5px;text-align:left}
ol.hotelsViewed a:link,ol.hotelsViewed a:visited,ol.hotelsViewed a:hover{text-decoration:none}
ol.hotelsViewed a:hover,ol.hotelsViewed a:visited:hover{color:#D3C618}
*/div.commentiTitle{margin-left:-7px;width:549px}
div.commentiTitle div.scrittoIl{position:absolute;right:20px;font-style:italic}
div.commentMessage{border:1px dotted #FFC082;margin:5px;padding:5px}
div.commentoBlock{background-color:#FFE4A6; padding:10px;}
ol.faq{}
ol.faq li div{border:1px solid #D6BDAD;background-color:#F0E6DB;margin:3px;padding:2px 2px 2px 10px}
/* pagina prenotazione */
div.bookFrame{ text-align:left;}
div.bookFrame h3{ font-size:12px; font-weight:bold; color:#517498;}
.book_backTo{font-size:11px; color:#9B863C; margin:0 0 10px 10px;}
.book_selectRoom{font-size:14px;color:#9B863C;font-weight:bold}
.book_table{border:1px solid #517498; padding:2px; margin:0 5px 0 5px; background-color: #FFFFFF; clear:both }
.book_roomDescUnique{color:#9B863C;margin:5px}
table.book_roomName{background-color:#517498;padding:1px 5px 1px 5px}
td.book_roomName{font-size:14px;font-weight:bold}
.book_roomNameRate{font-size:13px;font-style:italic;font-weight:bold;color:#009933}
.book_rate{border:1px solid #E3DFB0;font-weight:bold}
.book_specialOffer{color:#FF0000}
.book_specialOfferTitle{font-weight:bold}
.book_otherBookInfo{font-style:italic;color:#999999}
.book_2_tableTitles{background-color:#517498;padding:3px;font-weight:bold}
.book_2_tableContents{color:#000000;background-color:#F5F2E0;padding:3px; text-align:left;}
input.inputPriceEur{border:none;font-weight:bold;vertical-align:middle;background-color:#F5F2E0;text-align:right}
input.inputPriceUsd{border:none;font-weight:bold;vertical-align:middle;font-style:italic;background-color:#F5F2E0;text-align:right;display:none}
.book_3_resInfo{ padding:5px;margin:5px; }
.book_3_Titles{color:#FDAB02;padding:3px;font-weight:bold; font-size:16px; margin-left:-15px;border-bottom:1px solid #FF840B;}
.book_3_totalPrice{font-size:20px;font-weight:bold; padding-left:50px; color:#FF840B; }
.book_3_totalPriceUSD{font-style:italic; padding-left:30px}
.book_3_secureInfo{ font-weight:normal; }
#book_3_tabHeader{display:none;}
.book_taxIncl{color:#FF0000}
.btn1{}
#custcomments{width:270px}
/* /pagina prenotazione */
/* /hotel */
/* lista hotel*/
p.miniGallery{float:left;margin:2px 4px 0 0}
p.miniGallery img{border:1px solid #FFC488;padding:1px;margin-top:4px}
p.miniGallery img.imgAcrive, img.bordo{border:1px solid #FFC488;padding:1px}
p.miniGallery a{
cursor: url("http://www.alberghi-roma.com/img/highslide/graphics/zoomin.cur"), crosshair;
} /* patch validazione */
span.miniGallery{float:left;margin:0;margin-right:3px}
span.miniGallery img{border:1px solid #FFC488;padding:1px;margin:1px}
span.miniGallery i{ display:block; text-align:center; font-size:9px; clear:left;}
div.divPuntini{background:url(http://www.alberghi-roma.com/img/images/puntini.gif) center #FFFFFF no-repeat;height:10px}
div.divHotel{background:url(http://www.alberghi-roma.com/img/images/puntini.gif) left #FFFFFF repeat-x;height:20px}
.nascoHotel{ display:none;}
.descrizionehotel{padding: 3px 0 0 0;clear:both}
.datihotel{padding: 3px 0 0 0}
.descrizionehotel img{margin: 0 0.6em 0.2em 0;border: 1px solid #715613;padding: 2px}
.hotelListMoreContent{padding:5px; border:1px solid #FF0000; background:#F7E8B3;}
#imgZoomDiv{text-align:center;margin:10px auto 10px auto;clear:left}
span.listMorerooms{ }
span.listWhatIncludes{float:right;width:auto}
a.listBook,a.listBook:link,a.listBook:visited{font-size:13px; font-weight:bold;}
.tabRooms td,.tabPrices td{font-size:10px}
table.tabRooms{border:0;margin: 3px auto 1px auto;width:99%;border-bottom:1px solid #8D9FF3;}/*;background:#FFF4D5*/
td.tabRoomsName{border:0;font-size:12px;font-weight:bold;padding-left:3px}
td.tabRoomsName em{font-size:11px;font-weight:lighter;padding-left:10px}
table.tabPrices{}/*border-right:1px solid #FEE683;border-top:1px solid #FEE683*/
table.tabPrices td{border-bottom:1px solid #FEE683;border-left:1px solid #FEE683;width:55px}
td.tabBook{}
/*
div.startLoading,div.endLoading{margin:5px 15px 5px 15px;padding:1px 5px 1px 5px;border:1px solid #FF0000;padding-left:30px}
div.startLoading{padding-left:30px;background:url(http://www.alberghi-roma.com/img/loading.gif) no-repeat 2px 2px #FFC58A; border:1px solid #FF0000}
div.endLoading{padding-left:5px;border:1px solid #FF6600; background:#FFDDBB;}
*/
div.startLoading,div.endLoading{ font-weight:bold;margin:5px 15px 5px 15px;padding:1px 5px 1px 5px;padding-left:30px}
div.startLoading{padding-left:30px;background:url(http://www.alberghi-roma.com/img/loading.gif) no-repeat 2px 2px ; border-bottom:1px solid #FF3C20;}
div.endLoading{padding-left:5px; border-bottom:1px solid #FFC58A;}
span.loadingPages{float:right;clear:right; }
span.loadingPages a{padding:0 2px 0 2px}
span.loadingSorting{float:left}
/* /lista hotel*/
form.searchColonna{margin-left:3px}
form.searchColonna b{}
.searchColonna ,.searchColonna select{ font-size:15px;}
div.tabella{border: 1px ridge #FAF2CE;background:#FFFAEC;margin:5px 0 20px 20px;padding:10px 20px 10px 20px;color: #5E3A07}
div.tabella ul{margin:5px 0 5px 15px}
div.tabella li{margin:0 0 0 10px}
h4{font-size:17px; padding-bottom:10px; margin:10px 0 10px 5px; font-weight:bold; clear:both; color: #517498}
h5{font-size:13px;margin:3px 0 1px 10px;clear:both;color: #517498}
div.hrClear{margin:0;clear:both;height:0;overflow:hidden}
.preno1 {font-size:12px; margin:10px 0 10px 5px; color: #7A5A0C}
.preno2 {font-size:14px; float:left; margin:2px; font-weight:bold; }
.preno2 em{font-size:11px; font-weight:normal; }
.preno3 {font-size:14px; float:right; margin:2px; font-weight:bold; ;}
.preno4 {font-size:11px; margin:0; margin:8px; color: #997B14; display:block;}
.preno5 {font-size:12px; float:left; margin:2px; color: #E56700; font-style:italic;}
.preno6 { float:right; margin:2px;}
.preno6 form{display:inline; clear:right;}
.preno7 { margin:0; padding:0; border-top:1px dotted #517498; display:block;}
.prenoCanc{margin:10px; padding:10px; border:1px solid #F2893C; color:#F2893C; text-align:center; display:block; }
.prenoMiniTab{ /* width:550px; */ }
.prenoMiniName{ margin:2px; font-weight:bold; border-top:1px dotted #517498;}
.prenoMiniName em{font-size:11px;font-weight:lighter;padding-left:10px}
.prenoMiniPrice{ margin:2px; text-align:right; border-top:1px dotted #517498; }
.prenoMiniPrice form{ display:inline; padding:0; margin:0;}
img.foto{margin-right:5px;float:left}
#divindex img {
padding: 2px;
border-color:#517498;
border-style:solid;
border-width:1px;
float:left;
}
#searchPopup{ position:absolute; top:-200px; text-align:center; vertical-align:middle; visibility:hidden; margin:-50px 0 0 -50px;}
#searchPopup .closed{ }
#searchPopup .opened{ }
#searchPopupBox{ background-image:url(http://www.alberghi-roma.com/img/images/box-sfondo.gif); width:220px; height:296px; text-align:left; }/*background:#FFE1A4;*/
searchPopupBox span.numTel{ border:1px solid #FF0000; background:#FFFFFF url(http://www.alberghi-roma.com/img/images/tel.jpg) no-repeat right; padding:1px 20px 1px 1px; margin:2px; font-size:14px; font-weight:bold;}
#headerPopup{ margin:6px 0 0 6px; color:#A24701; font-size:17px; font-weight:bold; padding:3px;}
#headerPopup a{ float:right;}
#headerPopup a:link,#headerPopup a:visited{ display:block; height:15px; width:15px; padding:1px; margin:-2px 4px 0 0; text-decoration:none; text-align:center; }
#searchPopupContent{ padding:5px; }
.oppure{ display:block; margin:5px 5px 3px 5px; padding-left:3px; font-weight:bold; color:#A27819; font-size:12px; }
.oppure2{ font-weight:bold; color:#A24701; font-size:12px; }
.Stile2 {
font-size: 24px;
color: #FF9900;
}
.Stile3 {
font-size: 36px;
color: #FF9900;
}