@charset "utf-8";
/* CSS Document */
body{ background:#5abcd8; background:#c8e1e8 /*url(images/header_tail.jpg) repeat-x  */; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#1c1c1c;}
ul, ul li, ol, ol li{margin:0; padding:0; list-style:none;}
.clear{ clear:both;}

a{color:#037ea1; text-decoration:none;}
a:hover{color:#06273b; }

a.readmore{ color:#b10a0a;}
a.readmore:hover{ text-decoration:underline;}


a img{ border:none; vertical-align:middle;}
.L{float:left;}
.R{ float:right;}

.from{ font-size:90%; color:#777;}
.price{ color:#ff9401; font-weight:bold;}
.valute{ color:#ff9401; font-weight:bold;}

.stars{width:65px; height:15px; background:url(http://www.alberghi-bologna.com/2/images/image.png) no-repeat ; }
.stars_inline{ width:65px; height:15px; background:url(http://www.alberghi-bologna.com/2/images/image.png) no-repeat ; display:inline-block; vertical-align:middle; margin-left:10px; *float:left; _float:left;}
.stars_small{width:50px; height:10px; background:url(http://www.alberghi-bologna.com/2/images/image.png) no-repeat ; }
.stars_small_inline{ width:50px; height:10px; background:url(http://www.alberghi-bologna.com/2/images/image.png) no-repeat ; display:inline-block; vertical-align:middle; margin-left:5px; *float:left; _float:left;}

.stars._5, .stars_inline._5{ background-position:0 -15px;} 
.stars._4, .stars_inline._4{ background-position:-14px -15px;}
.stars._3, .stars_inline._3{ background-position:-28px -15px;} 
.stars._2, .stars_inline._2{ background-position:-40px -15px;}
.stars._1, .stars_inline._1{ background-position:-53px -15px;}
.stars_small._5, .stars_small_inline._5 { background-position:0 0;} 
.stars_small._4, .stars_small_inline._4{ background-position:-10px 0;}
.stars_small._3, .stars_small_inline._3{ background-position:-20px 0;}
.stars_small._2, .stars_small_inline._2{ background-position:-30px 0;}
.stars_small._1, .stars_small_inline._1{ background-position:-40px 0;}

.stars._0, .stars_inline._0, .stars_small._0, .stars_small_inline._0{ display:none;}


#top{ height:25px; background:#133660; margin:0; font-size:80%;}
#top ul{ width:960px; margin:0 auto; color:#fff; text-align:right; line-height:25px;}
#top ul li, #footer ul li{ display:inline-block; *float:left; _float:left; }
#top ul li a, #footer ul li a{ color:#fff;}
#top ul li a:hover, #footer ul li a:hover{ text-decoration:underline;}
#preFooter{ margin:10px 0 0 0;}
#preFooter div{ width:960px; margin:0 auto; padding:5px 0 10px 0; color:#fff; font-size:80%;}
#footer{ background:#037ea1; margin:0 0 0; font-size:80%; }
#footer .indent{ width:960px; margin:0 auto; color:#fff; line-height:25px; }
#footer .powered{ width:30%; float:left;}
#footer .powered a{ color:#06273b;}
#footer .powered a:hover{ text-decoration:underline;}
#footer ul{ width:60%; float:right; text-align:right;}
 
#main{ width:960px; margin:0 auto;}

#header{ width:920px; margin:0 auto; padding:20px; background:#fff; }
#Logo a{ font-size:200%; font-weight:bold;}
#Logo a:hover{ color:#133660;}
#header h2,#header .subtitle{ font-size:100%; color:#133660;/*color:#133660; */ margin:0; font-weight:normal; letter-spacing:1px;}
#header h1,#header .title{ margin-top:30px; font-size:90%;  color:#133660;  margin:0; font-weight:bold;}

#nav{ height:30px; background:url(images/nav_tail.jpg) repeat-x; background:##30B8DF; border-bottom:1px solid #fff;/*-moz-border-radius:10px 10px 0 0; -webkit-border-radius: 10px10px 0 0; border-radius:10px 10px 0 0; */}
#nav ul.main{ float:left; width:70%;}
#nav ul.second{ float:right; width:28%; text-align:right;}
#nav ul li{ border-right:1px solid #2C9EBF; border-left:1px solid #0A637C; display:inline-block; *float:left; _float:left; }
#nav ul li:first-child{border-left:none; }
#nav ul li a{ line-height:30px;  padding:0 15px; color:#E6F9FE; font-weight:bold; display:inline-block; font-size:100%; *float:left; _float:left; text-shadow:1px 1px #133660}
#nav ul.second li a{ font-weight:normal;}
#nav ul li:first-child a{ border-left:none; } 
#nav ul li a:hover, #nav ul li a.current { background:#06273b;  color:#fff;}

#nav2{ height:30px; background: url(images/nav2_tail.jpg) repeat-x #1d1d1d; border-top:1px solid #767676; display:none;}
#nav2 ul li{ display:inline-block; *float:left; _float:left}
#nav2 ul li a{ line-height:30px;  padding:0 15px; color:#fff; display:inline-block; font-size:90%; *float:left; _float:left;}
#nav2 ul li a:hover{ color:#83c4f2;}


#crumb{ width:930px; padding:0 15px; line-height:25px; color:#000; font-size:90%; background:#fff; }
#crumb a{}
#crumb a:first-child{ font-weight:bold;}

#wrapper{ padding:15px; background:#fff; font-size:80%;}

#sidebar{ width:290px; float:left; }
#sidebar .mainTitle{ font-weight:bold; font-size:120%; color:#DF5E09;}
#sidebar .listbox:first-child .title{ padding-top:0;}
.listbox{ border:1px solid #dedede; padding:10px; /*margin-top:15px;*/}
#sidebar .title{ margin:10px 0 5px;background: url("images/nav_tail.jpg") repeat-x scroll 0 0 #30B8DF; color: #BBECFA; color:#e6f9fe; padding: 5px 10px; text-shadow:1px 1px #0a84b7; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px; clear:both;}
.listbox .title{ font-weight:bold; color:#000; /*padding:20px 0 10px 0 ;*/}
.listbox ul li{ line-height:25px; /*border-bottom:1px solid #d3d3d3;*/ font-size:105%;}
.listbox ul li:first-child{ /*border-top:1px solid #d3d3d3;*/ }
.listbox ul li a{ *float:left;}
.listbox ul li .stars_small_inline{ *margin-top:8px;}

/* TOP RATEDE LIST BOX*/
.listbox.topRated ul li{ line-height:20px; clear:both; border-bottom:1px solid #dedede; margin-bottom:3px;}
.listbox.topRated ul li .hotel{ float:left; width:75%;}
.listbox.topRated ul li .hotel a{ font-weight:bold;}
.listbox.topRated ul li .zone{ color:#333; font-size:90%;}
.listbox.topRated ul li .rating{ float:right; width:20%; margin-top:10px; text-align:right;}
.listbox.topRated ul li .rating .avarage{ color:#017e30; font-size:140%; font-weight:bold;}

/* HOTEL DEALS LIST BOX*/

.listbox.deals ul li{ line-height:20px; clear:both; border-bottom:1px solid #dedede; margin-bottom:3px;}
.listbox.deals ul li .hotel{ float:left; width:75%;}
.listbox.deals ul li .hotel a{ font-weight:bold;}
.listbox.deals ul li .zone{ color:#333; font-size:90%;}
.listbox.deals ul li .priceBox{ float:right; width:20%; text-align:right;}
.listbox.deals ul li .priceBox .price{ font-size:140%; }
.listbox.deals ul li .priceBox .price{ font-size:140%;}



#content{ width:620px; float:right; }
.pg_home .contentBox:first-child{ display:none;}
.pg_home #crumb{ display:none;}
.contentBox{ /*background:#f5f5f5;*/ padding:10px; margin-bottom:10px; border-top:1px solid #b7b7b7; border-bottom:1px solid #b7b7b7; border:1px solid #b7b7b7 }
.contentBox.invisible{ margin:0; padding:0; border:none; background:none;}
.contentBox_half{  float:left; background:#fff; padding:10px; border-bottom:2px solid #b7b7b7; margin-bottom:10px; }
.contentRight{width:49%; float:right;}
.contentLeft{width:49%; float:left;}
.title{color:#1d1d1d; font-weight:bold; font-size:130%; margin-bottom:5px;}
.contentBox .title, .contentBox_half .title, .contentBox h1 { color:#1d1d1d; font-weight:bold; font-size:130%; margin:0;}
.contentBox .text, .contentBox_half .text{ margin-top:5px;}
.contentBox .text img{ border:1px solid #c2c2c2; padding:3px; margin-bottom:5px;}

/*==================== pagine interne ========================*/
.contentBox h2{ font-weight:bold; font-size:110%; }

.imageBox{ margin-bottom:10px;}
.imageBox img{ width:100%; /*height:255px; padding:5px; border:1px solid #c2c2c2; */}

/*============================= hotel list =======================*/

#pagSortingTop, #pagSortingBottom { padding:5px; border-bottom:1px solid #B7B7B7; border-top:1px solid #B7B7B7; margin-bottom:10px; background:#dedede;}
.loadingPages{ float:right;}

.hotel_list{ margin-top:15px;}
.hotelBox{ margin-bottom:15px; padding-bottom:15px; border-bottom: 1px solid #d3d3d3;}
.hotelBox .hoteltitle{ float:left; width:75%; font-weight:bold; }
.hotelBox .hotel_pic{ float:left; width:15%;  }
.hotelBox .hotel_pic a img { width:100%; height:65px; border:1px solid #b9b9b9; padding:2px; }
.contentBox_half .hotelBox .hotel_pic a img{ height:35px; margin-right:2px; }
.contentBox_half .hotelBox .hotel_info{ width:80%;}
.contentBox_half  .hotelBox .hotel_name{ font-size:100%;}
.hotelBox .hotel_info { width:80%; float:left; margin-left:13px;}
.hotelBox .price_box{ float:right; width:20%; text-align:right; line-height:18px;}
.hotelBox .price_box .from{ font-size:90%; color:#777;}
.hotelBox .price_box .price{ font-weight:bold; font-size:200%; color:#ff9401;}
.hotelBox .price_box .valute{ font-weight:bold; font-size:150%; color:#ff9401;}
.hotelBox .price_box .pernite{font-size:100%; color:#1d1d1d;}
.hotelBox .book_button{ text-align:right; float:right;}
.hotelBox .book_button a,
.hotelBox .book_button input,
.pg_hotel .contentBox:first-child .book_button input
{ background:#fc0; font-weight:bold; border:none; padding:5px 15px; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px; color: #1D1D1D; cursor: pointer; font-size: 100%;  height: 25px; margin-top: 2px; width:100%; border:none;}




.hotelBox .hotel_name_addressBox{ float:left; width:80%;}
.hotelBox .hotel_name{ float:left; font-size:115%;}
.hotelBox .hotel_address{ float:left; font-style:italic; color:#1c1c1c; font-size:90%}
.hotelBox .hotel_address .hotel_city{ font-weight:bold;}
.hotelBox .hotel_address .hotel_area{ color:#DF5E09;}
.hotelBox .hotel_map{ }
.hotelBox .stars_small_inline{margin-top:3px;}
.hotelBox .hotel_desc{ clear:both; margin-top:5px; clear:both; color:#545454;}

.hotelBox .hotel_book{ float:right; text-align:center; width:20%; }
.hotelBox .hotel_book a{ background:url(images/vertical.png) 0 -200px; /*padding:5px 10px;*/ padding:5px; font-size:90%;  display:block; color:#1c1c1c; /*-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;*/  border:#ff9401 1px solid;}
.hotelBox .hotel_book a:hover { background:url(images/vertical.png) 0 -250px; color:#1c1c1c;}


/*====================================== bookin search =============================*/
#sidebar .searchBox{ width:90%; }
#sidebar .searchBox .title{ font-size:200%; color:#fff; text-shadow:1px 1px #133660; background:none; padding:0; margin:0;}
#sidebar .formBox{ width:100%;}
#sidebar .searchBox .when{ width:100%; margin-top:10px; }
/*#sidebar .searchBox .checkinBox input, #sidebar .searchBox .checkOutBox input
{ background:url('http://www.alberghi-bologna.com/2/images/vertical.png') 100px -150px #FFFFFF no-repeat; cursor:pointer; height:25px; margin:3px 5px 0 0; padding:0px 5px 0; width:100%; border:1px solid #c2c2c2;}*/
#sidebar .searchDetailBox{text-align:center;}
#sidebar .searchDetailBox img{ width:60px;}
#sidebar .searchButton{ text-align:center;}

/*.searchBox{ width:94%;}
.searchBox .title{ font-size:130%;  padding-right:5px; white-space:nowrap}
.formBox{ width:100%;}
.searchBox .checkinBox input, #sidebar .searchBox .checkOutBox input
{ background:url('vertical.png') 100px -150px #FFFFFF no-repeat; cursor:pointer; height:25px; margin:3px 5px 0 0; padding:0px 5px 0; width:90%; border:1px solid #c2c2c2;}
.searchDetailBox{ width:50%; float:left; text-align:left;}
.searchButton{width:45%; float:right; text-align:right;}*/



.searchBox{ padding:10px; background:#30B8DF; background:#Fc0; margin:0 0 10px 0; float:left; width:95%; border:5px solid #037EA1; border-color:#ffba01;}
.searchBox .title{ font-size:180%; font-weight:bold; color:#fff; color:#2c2c2c;}
.searchBox .dest{ margin-top:10px; }

.searchBox .L{ width:60%;}
.searchBox .R{ width:38%;}


.searchBox .checkinBox,.searchBox .checkOutBox ,.searchBox .groupOpt { padding:10px 30px 0 0;} 


.formBox{ }
.searchDetailBox{ margin-top:10px;font-size:80%; color:#1d1d1d;}
.searchDetailBox a { color:#1d1d1d;}
.searchDetailBox a:hover { color:#037EA1; }
.searchDetailBox img{ border:1px solid #fff; margin-top:3px; width:60px; }
.searchBox .dest input{ margin:3px 5px 0 0; padding:0px 5px 0; width:95%; height:25px; border:1px solid #599ccb; }

.searchBox .checkinBox input, .searchBox .checkOutBox input
{ background:url('vertical.png') 115px -150px #FFFFFF no-repeat; cursor:pointer; height:25px; margin:3px 5px 0 0; padding:0px 5px 0; width:130px; border:1px solid #c2c2c2;}


 #bestPrice{white-space:nowrap}
#bestPrice a{ font-weight:normal; font-size:80%; color:#133660; }
div#showDiv {
background:#eee;
font-size:70%;
color:#000;
display:none;
left:10px;
padding:5px;
top:130px;
z-index:100;
font-weight:normal;
}
.HotelBox_3{ padding-left:10px; vertical-align:top; width:190px;}
.HotelBox_3 .title a{ font-weight:bold; padding-bottom:5px; font-size:90%;}
.HotelBox_3 .title_hotel a{ font-weight:normal; padding:5px 0; }
.HotelBox_3 img{ padding:4px; width:175px; height:130px; border:1px solid #c2c2c2; margin-bottom:4px;}
.HotelBox_3 p{ margin: 2px 0 ;}


/*===sidebar search box===*/
#sidebar #b_checkout_day,#sidebar #b_checkin_day, #sidebar #b_adults{ width:50px; padding:5px;}
#sidebar #b_checkout_month,#sidebar #b_checkin_month{ width:150px; padding:5px;}
#sidebar  .checkinBox,#sidebar .checkOutBox{ padding:10px 0 0 0}

#sidebar  .groupOpt div{ padding-right:10px;}



.modify-but{ margin-top:15px; height:30px; background:url(http://www.alberghi-bologna.com/2/images/vertical.png) 0 0; cursor:pointer; font-size:110%; font-weight:bold; color:#1d1d1d;  border:1px solid #fff; padding:3px 15px; *padding:3px 6px; _padding:3px 6px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.modify-but:hover{ background-position:0 -40px; }
.modify-but:active{ background-position: 0 -80px;}

form{ margin:0; padding:0;}

/*=======================hotel page==============*/
.menuHotel{ background:#DEDEDE; border-bottom:1px solid #B7B7B7; border-top:1px solid #B7B7B7; margin-bottom:10px; padding:5px; font-size:120%;}
.menuHotel ul li{ float:left; padding:0 3px;}

.contentBox h1.title{ font-size:150%; margin:5px 0;}
.contentBox h2.address{ margin:0; font-weight:normal;}
.contentBox h3.page{ margin:10px 0; color:#06273b;}
.contentBox h4.subtitle{ margin:0; color:#1a5e8e; font-size:120%;}
.contentBox h4.subtitle._num{ margin-top:10px;}

.contentBox img.lastminute_banner{margin-top:10px;}
.text.hotelpage img{ width:180px; border:1px solid #b9b9b9; padding:4px; float:left; margin-right:10px;  }
#imgZoomImg{ width:97%; border:1px solid #b9b9b9; padding:4px;}
.hotel_thumb{ border:1px solid #b9b9b9; padding:2px; height:80px;}

ul.ulTable4col li{ float:left; width:33%;}

.searchBox.hotelpage{ background:#fff; border:1px solid #c2c2c2;}
.searchBox.hotelpage .title{ color:#06273B;}
 
ol.faq li{ list-style-type:decimal; padding:5px;}
li div.quest{ color:#DF5E09;}

table.hotelInfo ul.list li, ul.arrowList li{ padding-left:20px; background:url(http://www.alberghi-bologna.com/2/images/vertical.png) no-repeat -3px -304px;}
span.hotelInfo{ font-weight:bold; color:#000;}

ul.list li.services{ padding-left:20px; background:url(http://www.alberghi-bologna.com/2/images/vertical.png) no-repeat -3px -304px; float:left; width:45%; }
ul.list li.services span.hotelInfo{ font-weight:bold; color:#000;}

.scrittoIl{ font-size:90%; color:#ff9401;}
.commentBy{ padding-left:18px; background:url(images/vertical.png) -5px -327px no-repeat;  margin:5px 0;}
.commentBy .name{font-weight:bold;}
.globalVote{ margin-bottom:5px;}
.commentMessage{ margin-top:10px;}
.singleVote{margin-top:10px;}


.b_caltable{ padding:5px; border:1px solid #999; background:#FFF; }

.Hotel_serviceTitle{ font-weight:bold; padding:5px 0; color:#ff9401;}

/*=========================== PG_HOTEL ================================*/

.pg_hotel #content .contentBox:first-child{ border:none; padding:0;}
.pg_hotel #content .contentBox:first-child h1.title{ width:80%;}
.pg_hotel #content .contentBox:first-child .address{ width:80%;}
.pg_hotel #content .contentBox:first-child .book_button{ width:18%; float:right;}