/* 
---------------------------------------------------------------------------
AUTHOR:  			Donatella Piccininno
TEMPLATE NAME: 		Hotel Villa Olmi
VERSION:          	0.1
LAST MODIFIED:    	Jun-09-2010
----------------------------------------------------------------------------  

*/

@import url('reset.css');
@import url('fonts.css');
@import url('utils.css');
@import url('chroma-black.css'); /* Change this in order to change website appearance */	

body {
	margin:0; 
	padding:0; 
	overflow:hidden;/*Needed to eliminate scrollbars*/
	position:relative;
	height:100%;
	/*scrollbar-face-color:#000;
	scrollbar-highlight-color:#000;
	scrollbar-3dlight-color:#000;
	scrollbar-darkshadow-color:#000;
	scrollbar-shadow-color:#808080;
	scrollbar-arrow-color:#AAC2B4;
	scrollbar-track-color:#AAC2B4;*/
}

html {
	width:100%;
	height:100%;
	overflow:hidden;/*Needed to eliminate scrollbars*/
	background-color: #000;
	}

p {
	margin:1em 0 1em 0;
}
a {color:#ccc;}

#loading_images{
	position:absolute;
	top:50%;
	left:50%;
	width: 250px;
	height: 50px;
	margin: -25px 0 0 -125px;
	z-index: 900;
}


/*contenitore per categorie: logofile come sfondo*/
#supersize_category {width:100%; height:100%; position:absolute; top:0; left:0;}
#supersize_category img {width:100%; height:100%;}


/*contenitore per item: slideshow come sfondo*/
#supersize {width:100%; height:100%; position:absolute; top:0; left:0; background-color: #000;}
#supersize img {width:100%; height:100%;}

/*parte in alto: booking + h1 + language + logo + menu*/
#top_box{position:absolute;top:0px;left:0px;width:100%;height:137px;z-index:1000;

background: url(../images/bg_bottom.png) repeat;}/*Ombra sfumata*/
#top{position:absolute;top:0px;left:0px; background:url(../images/sfondo_logo.png) repeat-y; height:137px;}
h1{float:left;width:850px;margin:0 0 10px 0;padding:0 0 0 20px;}

/*LANGUAGE MENU*/
#language_menu{
float:right;
margin-top:70px;
font-family:Trebuchet MS;
font-size:13px;

}
ul.language_menu  {
	margin-left:20px;
	display:inline;
}
ul.language_menu li {
	display:inline;
	padding:0;
	margin:0;	
}
ul.language_menu li.separatorelast {
	display:none;
}

#logo{float:left;padding:0 10px 0 20px;cursor:pointer;}

/*Menu*/
#menu{overflow:hidden;}
.colmenu{float:left;width:150px;}
/*Fine Menu*/


/*Highlights Offerte in Homepage*/
#offers {width:230px;height:170px;margin:20px 0 15px 0;border-right:solid 0px #5B5955;float:left;}

#offers #shuffle_offers {
	position:relative;
	width:272px;
	height:170px;
	margin:0 auto;
	text-align:center;
}


#offers div img.immagine{
	position:relative;
	width:250px;
	height:120px;
	margin: 5px 0 0 -20px;
}
 
/*
#offers div .offer_text{
	position:absolute;
	top:0px;
	left:0px;
	width:170px;
	text-align:left;
	padding:5px;
}
*/
#offers div .more{
	position:relative;
	width:150px;
	text-align:left;
	padding:3px 0 3px 3px;
	margin:-30px 0 0 10px;
	background-color: rgb(110, 33, 50);
	cursor:pointer;
	font-family:Arial;
	font-size:13px;
}

#offers div .more span.book{margin:0px;border-left:1px solid white;width:90px;height:20px;padding:0 10px 0 5px;}
#offers div .more span.book a{padding:0 0 0 3px;}


/*Fine Highlights Offerte in Homepage*/

/*Elenco items stessa categoria*/
#items_list{
	width:270px;
	
	margin:5px 10px 0 0px;
	float:left;
	/*height: auto !important;*/
    /*height: 170px;*/
    /*min-height: 170px;*/
}

#items_list ul {
	float:left;
	width:270px;
	margin:0 10px 0px 0;
	padding:0px;	
}

#items_list ul img.immagine{
	width:190px;
	height:130px;
}

#items_list ul li{
	border: 1px solid #5B5955;
	margin-bottom:3px;
	
	position:relative;
	text-align:left;
	padding:3px 5px 3px 25px;
	cursor:pointer;	
}

/*#items_list ul .more span.book{margin:0 0 0 15px;width:90px;height:20px;padding:0 0 0 15px;}*/
/*Fine Elenco items stessa categoria*/


/*Elenco items offerte ed eventi*/
#items_list_offevent{
	/*width:300px;*/
	width:100%;
	margin:0px 0 0 15px;
	float:left;
	/*height: auto !important;
    height: 170px;
    min-height: 170px;*/
}

#items_list_offevent div {
	float:left;
	width:200px;
	margin:0px;
	padding:0px;	
}

#items_list_offevent div img.immagine{
	width:190px;
	height:130px;
}

#items_list_offevent div .more{
	clear:both;
	position:relative;
	text-align:left;
	padding:0px;
	cursor:pointer;
}

#items_list_offevent div .more span.book{margin:0 0 0 8px;width:90px;height:20px;padding:2px 10px 0 15px;}

#items_list_offevent .single_item{/*border-bottom:dotted 1px #FFF;*/}
#items_list_offevent .single_item .more{display:block;height:20px;width:60px;}
#items_list_offevent .single_item .more span.book{display:block;position:relative;top:-16px;left:85px;width:72px;}
#items_list_offevent .single_item .more span.book a{padding:0 0 0 5px;}

#items_list_offevent .item_logofile{margin:5px 0 0 0;}
#items_list_offevent .item_abstract{display:block;height:40px;}
/*Elenco items offerte ed eventi*/

.book-detail{margin:0 0 15px 230px;width:90px;height:20px;padding:0 0 0 15px;}


/*Submenu*/
#submenu_box{width:230px;height:170px;}
#submenu_box .submenu{clear:both;}
/*Fine Submenu*/

/*MINIGALLERY: USATA NELLA PAGINE WEEDDINGS*/
#minigallery_box{
	float:left;
	position:relative;
	width:230px;
	height:200px;
	margin:20px 0 15px 0;
	border-right:solid 1px #5B5955;
	float:left;
}

#minigallery_box .minigallery{
	position:absolute;
	top:0;
	left:15px;
	width:190px;
	height:170px;
	
}

#minigallery_box .minigallery img{
	position:absolute;
	top:0px;
	width:190px;
	height:130px;
}

#caption{
	position:absolute;
	left:15px;
	top:130px;
	width:190px;
	height:40px;
	z-index:100;
}

span.launch{
	position:absolute;
	top:15px;
	left:60px;
	z-index:200;	
	font-size:1.3em;
	color:#FFFFFF;
}
/*Fine Minigallery*/

/*MINIGALLERY: USATA NELLA PAGINE WEEDDINGS*/
#minigallery_box_no_thumb{
	clear:both;
	position:relative;
	top:-50px;
	width:230px;
	height:200px;	
}

#minigallery_box_no_thumb .minigallery{
	position:absolute;
	top:0;
	left:15px;
	width:190px;
	height:170px;
	
}

#minigallery_box_no_thumb .minigallery img{
	position:absolute;
	top:0px;
	width:190px;
	height:130px;
}

/*Fine Minigallery*/

/*GALLERY*/
#gallery_box{
	float:left;
	position:relative;	
	height:200px;
	margin:20px 0 15px 0;
}

.gallery{
	overflow:hidden;
	
}

.gallery img{
	float:left;
	width:100px;
	height:80px;
	margin:10px 5px;
}
/*Fine Gallery*/

/*PHOTOGALLERY*/
#photogallery{overflow:hidden;margin-bottom:160px;}
.gallery{float:left;padding-top:10px;}
.gallery .image{float:left;width:110px;height:90px;position:relative;padding:0px;margin:0 15px 0 0;}
.gallery img{width:100px;height:80px;position:absolute;top:-5px;}
.gallery a{display:block;width:110px;height:90px;background:#666666;}
.gallery a:hover{display:block;width:110px;height:90px;background:#AAC0B2;}
/*FINE PHOTOGALLERY*/

#col_sx{width:230px;float:left;border-right:solid 1px #5B5955;margin:20px 0 15px 15px;}

#content_home{width:680px;float:left;text-align:left;margin:15px 0 0 0;}
#content_home h2 {
	border-bottom:1px solid #5B5955;
	padding:0 0 10px 20px;
}
#content_home span, #content_where span {
	display:block;
	width:660px;
	background: url(../images/bg_text.png) repeat;
	padding:0 0 10px 20px;
	height:120px;
}
#content_where span {
	width:580px;
}
#content_small{width:70%;float:left;margin:20px 0 0 0;padding:0 0 10px 20px;}
/*#content{width:40%;float:left;margin:20px 0 10px 0;padding:0 0 10px 20px;}*/
#content{width:710px;float:left;padding:15px 0 0 0; border-left:1px solid #5B5955;}
#content  h2 {
	border-bottom:1px solid #5B5955;
	padding:0 0 10px 20px;
}
#content span {
	display:block;
	width:690px;
	/* background: url(../images/bg_text.png) repeat; */
	background: url(../images/bg_bottom.png) repeat; 
	padding:0 0 10px 20px;
	height:120px;
	margin:2px 0 0 2px;
}

#content_unic span {
	display:block;
	width:850px;
	background: url(../images/bg_text.png) repeat;
	padding:0 0 10px 20px;
	height:120px;
	margin:2px 0 0 2px;
}

#content_unic{width:850px;margin:20px 0 10px 0;padding:0 0 10px 20px;overflow:hidden;}
#content_unico{width:850px;margin:20px 0 10px 0;padding:0 0 10px 20px;overflow:hidden;}
#content_offevent{width:680px;float:left;margin:20px 0 10px 0;overflow:hidden;}
#content_offevent_item{width:850px;float:left;margin:0;overflow:hidden;}
#content_where{float:left;width:600px;margin:20px 30px 10px 0;overflow:hidden;}
#content_press{width:900px;float:left;margin:5px 0 10px 0;overflow:hidden;}

/* Lista PRESS */

#items_list_press{	width:100%;padding-top:15px;}

 #content_press_item .item_press .gallery .image{margin:10px 15px 0 0;}

#items_list_press div .more{
	clear:both;
	position:relative;
	text-align:left;
	padding:0px;
	cursor:pointer;
}

.single_press {width:150px;height:100px;margin:10px 0 0 15px;	float:left; position:relative;}

.single_press .press_title {position:absolute; top:0; left:0; width:150px;	height:33px; background: url(../images/bg_text.png) repeat;}
.single_press .press_title a {display:block; top:0; width:145px;	height:33px; text-decoration:none; text-transform:uppercase; font-weight:bold;margin-left:5px;}
.single_press .press_more {position:absolute; bottom:0; left:0;  height:20px;width:150px; background: url(../images/bg_text.png) repeat;}
.single_press .press_more a{display:block; top:0; width:145px;	height:20px; text-decoration:none; text-transform:uppercase; font-weight:bold;margin-left:5px;}

 /* Dettaglio PRESS */
 #content_press_item {width:720px;float:left;margin:25px 0 0 0;overflow:hidden;height:220px;}
 #content_press_item .press_detail_right {float:right;width:535px;}
 #content_press_item .press_detail_right .item_press {width:505px;}
 #content_press_item img.press_detail {width:150px;float:left;margin-right:20px;}
 #documents ul li a {line-height:16px;font-size:14px;text-decoration:none;}
 #documents ul li a:hover {line-height:16px;font-size:14px;text-decoration:underline;}

/*Dettaglio item*/
img.logofile_detail{width:265px;float:left;}
.item_detail_right{float:right;width:400px;}
.item_txt{width:320px;}
.back-detail{float:right;width:90px;height:20px;background:#6E2132;color:#fff;border:solid 1px #655E56;margin:20px 0 0 0;text-align:center;}
.back-detail a{text-decoration:none;color:#fff; line-height:20px;}

.back-detail-cat{float:right;width:90px;height:20px;background:#6E2132;color:#fff;border:solid 1px #655E56;margin:0;text-align:center;}
.back-detail-cat a{text-decoration:none;color:#fff;}

/*parte bassa con contenuto della pagina*/
/*#bottom_box{position:absolute;bottom:30px;left:0px;width:100%;overflow:hidden;z-index:1000;}*//*Ombra sfumata*/
#bottom_box{position:absolute;bottom:30px;left:0px;width:100%;overflow:hidden;z-index:1000;height:170px;/*overflow:auto;*/overflow:hidden;}/*Ombra sfumata*/
#bottom_box_big{position:absolute;bottom:30px;left:0px;width:100%;overflow:hidden;z-index:1000;height:250px;/*overflow:auto;*/overflow:hidden;}/*Ombra sfumata*/
#bottom_box_photogallery{position:absolute;bottom:30px;left:0px;width:100%;overflow:hidden;z-index:1000;height:180px;overflow:hidden;}/*Ombra sfumata*/
#bottom{padding:0 0 0 10px;}

#bottom_box_big .back-detail {position: absolute; top:0; left: 730px;}
/*Footer*/
#footer_box{position:absolute;z-index:1000;bottom:0px;left:0px;width:100%;overflow:hidden;height:20px;padding:10px 0 0 20px;}

#footer_box #copyright{float:right;margin:0 200px 0 0;}

#footer_menu ul li {
	float:left;
	margin:0;
	padding:0 3px;
}
#footer_menu span.separa{margin:0px;padding:0px;position:relative;top:0px;}
#footer_menu span.separa.cat-tree-last{visibility:hidden;}


#footer_menu ul li a:hover, #footer_menu ul li a:active{
	padding:0px;
	margin:0px;
}

#footer_menu ul li a.active{
	padding:0px;
	margin:0px;
}
/*Fine Footer*/

.visible{display:block;}
.hidden{display:none;}

/*MAP CANVAS*/
#map_canvas {	
	width: 410px;
	height: 380px;
	display:block;
	border:solid 1px red;
	/*display:none;*/
}

#mappa{float:left;margin:45px 0 0 0; width:220px;}

/*#map_canvas h2{ font-size:1.5em}*/
/*GENERIC*/
h2{padding:0 0 10px 0;}
h3{width:320px;padding:0 0 10px 0;border-bottom:solid 1px #5B5955;margin:0 0 10px 0;}

/*Sitemap*/
#sitemap_col1{float:left;width:300px;}
#sitemap_col2{float:left;width:300px;}

/*Scrollbar personalizzata*/
a.jScrollArrowUp {
	background: url(../images/basic_arrow_up.gif) repeat-x 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	background: url(../images/basic_arrow_down.gif) repeat-x 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}


.orange-bar .jScrollPaneTrack {
	background: #f60;
}
.orange-bar .jScrollPaneDrag {
	background: #00f url(../images/drag_grab.gif) no-repeat 50% 50%;
}
.orange-bar .scroll-pane {
	background: #69f;
}

.scroll-pane {
	width:690px;	
	height: 100%;
	background: none;
	overflow:auto;
}

.scroll-pane-unic {
	width:850px;	
	height: 100%;
	background: none;
	overflow:auto;
}

#pane2 {
	height: 150px;
}
/*Fine Scrollbar personalizzata*/

#bottom #offers {
	width:272px;
	margin:0px;
}
#bottom .offer_text .item_title {
	display:block;
	width:250px;
	height:23px;
	border:solid 1px #5B5955;
	margin-top:10px;
	padding-top:5px;
}
#content h3 {
	margin:10px 10px 0 25px;
	width:auto;
	border:none;
}

#logos {
    bottom: 210px;
    height: 90px;
    left: 10px;
    position: absolute;
    width: 200px;
    z-index: 9999;
}