/* CSS Document */

/* =0 Reset 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/  
@import url('reset.css');    


/* =1 Global 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/  
body {font-family:Arial, Helvetica, sans-serif; font-size:62.5%; color: #666666; background:#2A2727;}
.titoli {font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.3em; text-transform: uppercase; color: #655B5B; letter-spacing:1px; font-weight:bold; margin-bottom:15px;}
.titoli_sez {font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.3em; text-transform: uppercase; color: #C89D38; letter-spacing:1px; font-weight:bold;}
.sottotitoli {font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.2em; line-height: 150%; color: #A32626; letter-spacing:1px; text-transform: uppercase; font-weight:normal; margin-bottom:15px;}
.body {color: #655959; font-size: 1.1em; line-height: 120%; }

.txt_bottone {font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.2em; font-style: normal; line-height: normal; text-transform: uppercase; letter-spacing:1px; color: #DFDAC6; }

.body a, 
.sottotitoli a { color:#A32626; font-size:1em; text-decoration:none;}
.body a:hover, 
.sottotitoli a:hover { color:#A32626; text-decoration:none;}

/* @group header_group */
#header_group {
	position: relative;
	height: 63px;
	background-color: #2A2727;
	padding-top:25px;
}
#header_group #top_menu {
	position: absolute;
	right: 0;
	top: 22px;
	margin-top:25px;
}


.no_margin {margin:0}


/* =2 Links 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/  
/* LANGUAGE */
#service_box #language a {font-size: 1.1em; color: #DFDCC6; text-decoration:none;}
#service_box #language a:hover {color: #DFDCC6; text-decoration:underline;}
#service_box #language li {border:0px solid; display:inline; padding:0 5px}
#service_box #language {color: #DFDCC6;}
/* MENU */
/*
.subcategories li a {font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.2em; text-transform: uppercase; color: #DFDAC6; line-height: 150%; text-decoration:none; padding:0; }
.subcategories li a:hover {border-bottom:2px solid #A32626;}
.subcategories li .current {border-bottom:2px solid #A32626;}
*/

/* =3 Headings 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/  
#page {border:0px solid; width:960px; margin:0 auto; background:#DFDCC7; position:relative;}
#service_box {height:3em; line-height:3em; background:#2A2727; border:0px solid red; width:460px; position:	absolute; top:0; right:0; z-index:11; padding-bottom:10px;}
#service_box h1 {float:right; font-size: 1.1em; color: #999; text-decoration:none;}
#service_box #language {float:right; position:absolute; top:18px; right:0;}
#logo {height:4.5em; background:#2A2727 url(../images/logo.jpg) no-repeat bottom left; position:absolute; top:30px; left:0; border:0px solid #CCCCCC}
#logo a{display:block; width:500px; height:45px;}
#top_menu {height:3em; background:#2A2727; padding-top:10px;}

#header_box {padding-top:25px; background:#2A2727;}
#header {padding-top:25px; }

#logo_hotel {height:4.5em; background:#2A2727 url(../images/logo.jpg) no-repeat bottom left; position:absolute; top:10px; left:0; border:0px solid #CCCCCC}
#logo_hotel a{display:block; width:500px; height:45px;}
/*
.subcategories li {display:inline; padding:0 7px;}
.subcategories li.first {padding-left:0;} 
*/

.subcategories .elemento {display:inline; padding:0 7px;}
/*.subcategories li.first {padding-left:0;} */
.subcategories .elemento {font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.2em; text-transform: uppercase; color: #DFDAC6; line-height: 150%; text-decoration:none; padding:0 7px; }
/*
.subcategories .elemento:hover {border-bottom:2px solid #A32626;}
.subcategories .elemento.current {border-bottom:2px solid #A32626;}
*/
.subcategories .elemento:hover .line_bottom {border-bottom:2px solid #A32626; position:absolute; top:0; left:20%; width:60%; height:18px; display:block;}

.subcategories .elemento {border:0px solid #FF00CC; display:inline; position:relative; padding-bottom:5px;}
/*.subcategories .elemento .line_bottom {border:2px solid red; width:60%; margin:0 auto; height:5px; position:absolute; bottom:0; left:0; margin-left:20%; margin-top:2px;}*/
.subcategories .elemento .line_bottom {border-bottom:0px solid red; position:absolute; top:0; left:20%; width:60%; height:18px; display:block;}
.subcategories .elemento .line_bottom.current {border-bottom:2px solid #A32626; position:absolute; top:0; left:20%; width:60%; height:18px; display:block;}


/* =4 Header 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/  
#map {background:none; width:580px; height:600px; position:absolute; top:0; left:380px;z-index:12;}
#photogallery {background:none; width:580px; height:600px; position:absolute; top:0; left:380px;}
.loading {background:url(../images/ajax-loader_content.gif) no-repeat top center; margin-top:120px; width:280px; margin-left:20px;}
.loading_gallery {background:url(../images/ajax-loader_content.gif) no-repeat top center; margin-top:250px;}
.hidden {visibility:hidden;}

/* div con la chiocciola della bf */
.bookingform_loading {border:0px solid red; height:15px; margin-top:60px; margin-left:20px; width:320px;}

/* =5 Navigation 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ 
.content_page {border:0px solid #FF0000; width:360px; margin-top:0px; height:360px; overflow:hidden; margin-left:20px; padding-top:30px;}
#content {background:#00FF66;} 
#flash {height:600px; width:580px; background:#FFFFFF; float:right; position:relative;}
#single_item {background:none; width:380px; float:left; height:600px; }

#hotel_name {padding-bottom:15px; font-family:Georgia, "Times New Roman", Times, serif; font-size:2.6em; color:#C89D38; text-transform:uppercase; letter-spacing:1px; font-weight:bold;}
.relative {position:relative;}

/* content page (homepage_hotel) */
.content_txt {border:0px solid; width:315px; float:left;margin:0 0 10px 0;}
.btn {float:right; border:0px solid; height:240px; position:relative; width:20px;}
.btn #up {position:absolute; top:0; right:0;}
.btn #down {position:absolute; bottom:0; right:0;} 

/* list-page */
.services {border-bottom:1px dotted #191919; clear:both; width:310px; padding-bottom:10px; padding-top:10px; }
.first.services {padding-top:0;}
.last.services {border:0;}
#box_hidden {position:absolute; top:0; left:0; width:580px; height:600px; border-right:1px solid #333; margin-left:-580px; background:#DFDCC7; z-index:20;}
#close {float:right; padding-bottom:17px; background:url(../images/close.png) right top no-repeat; margin:10px 10px 0 0; height:21px; width:20px;}
#box_hidden #articolo {clear:both; padding:5px 10px 0 10px;}
#box_hidden #articolo .titoli {text-transform:capitalize}
#box_hidden #articolo .sottotitoli {text-transform:none}
#box_hidden #articolo .btn_book,
#book-now-hide-group {width:100px; height:30px; text-align:center; line-height:30px; float:right; margin-top:10px; clear:both;}
#box_hidden #articolo .btn_book a,
#book-now-hide-group a {color:#DFDCC5; font-size:1.2em; text-transform:uppercase; text-decoration:none; font-weight:bold; background:#837C76; width:100px; height:30px; display:block; border:1px solid #837C76;}
#box_hidden #articolo .btn_book a:hover,
#book-now-hide-group a:hover {color:#837C76; background:#DFDCC5; border:1px solid #837C76}





#box_hidden #articolo .sottotitoli img {float:right; border:1px solid; padding:2px; width:150px; height:100px; margin-left:10px; }

/* =6 BookingForm 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/  

/* =7 Form 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/  

/* =8 Extra 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/  
/* INFORMAZIONI FUMETTO GOOGLEMAPS */
.gmnoprint {border:0px solid #FF0000; font-size:11px; line-height:14px;}
.gmnoprint div b {font-weight:bold; border:0px solid #000000; }

/* photogallery */
.gallery {border:0px solid; overflow:hidden; margin-top:20px;}
.gallery .logo {width:186px; float:left; margin:0 2px 2px 0; position:relative; height:166px;}
.gallery .logo a {display:block; width:186Px; height:166px;}
.gallery .logo a img {width:186Px; height:166px;}
.gallery .logo .over {
	position:absolute; 
	bottom:0; 
	left:0; 
	width:186px; 
	background:url(/themes/hotel_axo/images/bg_thumbnail.png) repeat; 
	display:none; 
	color:#FFFFFF; 
	line-height:12px; 
	text-align:center; 
	font-size:11px;	
	text-transform:capitalize; 
	font-weight:bold;
	padding:10px 0;
}

/* photogallery items*/
.mini_gallery {border:0px solid; overflow:hidden; margin-top:20px;}
.mini_gallery .logo {width:130px; float:left; margin:0 22px 2px 0; position:relative; height:100px;}
.mini_gallery .logo a {display:block; width:130px; height:100px;}
.mini_gallery .logo a img {width:130px; height:100px;}
.mini_gallery .logo .over {
	position:absolute; 
	bottom:0; 
	left:0; 
	width:186px; 
	background:url(/themes/hotel_axo/images/bg_thumbnail.png) repeat; 
	display:none; 
	color:#FFFFFF; 
	line-height:12px; 
	text-align:center; 
	font-size:11px;	
	text-transform:capitalize; 
	font-weight:bold;
	padding:10px 0;
}	

.site_map {padding:10px;}
.site_map li {padding:2px; border:0px solid; width:300px;}
.site_map li a {color:#A32626; font-size:1.2em; text-decoration:none;}
.site_map li a:hover {color:#A32626; text-decoration:underline;}


.faq_box {width:360px; border-bottom:0px solid #191919; font-size:1.1em;}
.faq_box .body {}
.faq_box .answer {border:0px solid; width:340px; padding-left:10px; padding-bottom:5px;}

.newsletter {border:0px solid red; height:95%; width:340px;}
#newsletter { border:0px solid; width:335px; margin-top:20px; font-size:1.1em;}
#newsletter .action {border-bottom:1px dotted #464646; border-top:1px dotted #464646; padding:5px 0; margin-bottom:10px;}
#newsletter .newsletter_element {border:0px solid; padding:5px 0; overflow:hidden;}
#newsletter .newsletter_element span {border:0px solid; width:80px; display:block; padding-bottom:5px; font-weight:bold; float:left;}
#newsletter .newsletter_element select,
#newsletter .newsletter_element .selector {width:200px; float:left;}
#newsletter .newsletter_element input {border:1px solid #464646; background:#A8A496; width:200px;}
#newsletter .newsletter_element .selector span {padding:0; height:18px; line-height:18px; font-size:100%; font-weight:normal; width:190px;}
#newsletter .newsletter_btn {padding-top:10px; width:335px; text-align:left;}

.newsletter_btn .btn_book {width:91px; height:18px; line-height:18px; background:#A32626; color:#FFFFFF; font-size:1.2em; font-family:Georgia, "Times New Roman", Times, serif; border:1px solid #99937B;}

.newsletter_privacy {border-top:1px dotted #464646; border-bottom:1px dotted #464646; height:30px; line-height:30px; margin-top:10px;}
.newsletter_privacy a {border:0px solid; margin-top:0; color:#999999; text-decoration:none}

/* HOME */

#button_offers_home {
	height:99px; 
	width:320px; 
	position:absolute;
	top:289px;
	margin-left:12px;
}

#button_charlemagne_home {
    height: 82px;
    left: 50%;
    margin-left: -113px;
    position: absolute;
    top: 313px;
    width: 236px;
	z-index: 9999;
}

/* =9 Footer 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#footer_box {width:100%; height:70px; clear:both; background:#2A2727;}

#footer_menu {float:left;width:780px;}
#footer_menu .menu {float:left; border:0px solid; padding-top:5px; color:#999999; }
#footer_menu .menu a {color:#999999; font-size:1.1em; padding:0 2px; text-transform:uppercase; text-decoration:none;}
#footer_menu .menu a:hover {text-decoration:underline;}
#footer_menu .menu a.current {text-decoration:underline;}

#footer_menu_under {float:left;width:780px;height:30px;}
#footer_menu_under .menu {float:left; border:0px solid; padding-top:10px; color:#ccc; }
#footer_menu_under .menu a {color:#ccc; font-size:12px; padding:0 2px;  text-decoration:none;}
#footer_menu_under .menu a:hover {text-decoration:underline;}
#footer_menu_under .menu a.current {text-decoration:underline;}
#footer_box #copyright {padding-top:10px; color:#ccc; font-size:12px; float:left;}

#footer .logos {text-align: right; padding-top: 5px;} 

#single_item #booking_form_box {background:none; position:absolute; bottom:0; right:0; width:380px; height:205px;}
#single_item #booking_form_box #booking_form {width:320px; height:168px; background:#C0BCAC; margin:0 auto}

#rotator {width:580px; height:600px;overflow:hidden; position:relative;}
#rotator div.single_image {width:580px;height:600px; position:relative;}
#rotator div.single_image img {width:580px;height:600px; position:absolute; top:0; left:0; z-index:2;/*z-index: 100;*/}
#rotator div.single_image span.caption {display: block; background: transparent url(../images/sfondo_nero_transp.png); width:580px; color: #FFF; padding:10px 0 10px 20px; position:absolute; bottom:0; left:0; z-index:200; font-size: 2.3em; font-family: "Times new Roman", Georgia, serif; font-style:italic;}

a.virtual {
	display:block;
  color: #A32626;
  font-size: 16px;
  text-decoration: none;
  float:left;
  font-family: Georgia,"Times New Roman",Times,serif;
  margin:15px 0 0 0;
}
a.comments {
	display:block;
  color: #A32626;
  font-size: 16px;
  text-decoration: none;
  float:left;
  font-family: Georgia,"Times New Roman",Times,serif;
  margin: 0;
}

.map_overlay {
    height: 190px;
    position: absolute;
    right: 0;
    top: 409px;
    width: 190px;
    z-index: 15;
}
