/*******************************************************
CSS styles for http://www.hotelvillatoscana.com
last modified on : 05/09/2009
Authors : Michela Chiucini http://www.colazionedamichy.it
		  Valeria Menici
********************************************************/
/*------------------------------------------------------
  GENERAL SETTINGS
------------------------------------------------------*/
html {	background : #67645c; }
body {	font : 75%/140% Century Gothic, Arial, "Trebuchet MS", Verdana, sans-serif; text-align : center; color:#223e13;}
a {	color : #98290b; text-decoration : none; }
a:hover { text-decoration : underline; }
#page{	width : 900px; 
		margin : 0 auto; 
		text-align : left; 
		background : transparent url(images/main-bg.jpg) left top no-repeat; 
		height : 1336px; 
		position : relative; 
		padding-left : 60px;
}
#branding{
	text-align : left;
	width : 250px;
	padding-top : 50px;
	float : left;
}

#content{
	text-align : left;
	padding-right : 51px;
}

#contact-info {	
	position : absolute; 
	top : 155px; 
	width : 300px; 
	left: 60px; 
	color :#4c6c48; 
	text-align : left;
}
#contact-info span{	
	display : block;
}
#site-info{	
	font-size : 90%;
	text-align : left;
	padding-top : 5px;
}
/*------------------------------------------------------
  LANGUAGES SETTINGS
------------------------------------------------------*/
#languages{ 
	float : left;
	padding-top : 50px;
	padding-right : 275px;
	width : 70px;
	padding-left : 50px;
	background : transparent url('images/languages-bg.gif') 50px 50px no-repeat;
	height : 172px;
	text-align : right;
	font-size : 90%;
	font-weight : normal;
	line-height : 100%;
}
#languages li{ 
	padding-right : 3px;	
}

#languages #lang-it{ 
	padding-top : 80px;	
}
#languages #lang-en{ 
	padding-top : 10px;	
}
#languages li a{ 
	text-decoration : none;
	color : #000;	
}
#languages li a:hover, #languages .lang-selected a{ color : #fff; }

/*------------------------------------------------------
  MAIN NAVIGATION SETTINGS
------------------------------------------------------*/

#navigation{ 
	width : 847px;
	height : 47px;
	background : transparent url('images/nav-bg.jpg') left 68px no-repeat; 
	padding-top : 68px;
	position : relative;
}

#navigation li{ 
	height : 40px;
	overflow:hidden;
	background-image : url('images/nav-item-bg.jpg'); 
	float : left;
}

#navigation li a{ 
	height : 40px;
	background-image : url('images/nav-item-bg.jpg'); 
	display : block;
	text-indent : -1999px;
}
#navigation li.en{ 
	background-image : url('images/nav-item-bg-en.jpg'); 
}
#navigation li.en a{ 
	background-image : url('images/nav-item-bg-en.jpg'); 
}

#navigation li span{ 
	position : absolute; 
	display : block; 
	height : 68px; 
	top : 8px;	
}

#is-camere, #is-camere a{ 		
	background-position : 2px -80px; width : 118px; margin-right : 3px; }
#camere, #camere a{         	
	background-position : 2px 0px;   width : 118px;	margin-right : 3px; }
#camere:hover, #camere a:hover{ 
	background-position : 2px -40px; }

#is-tariffe, #is-tariffe a{ 	  
	background-position : -119px -80px; width : 118px; margin-right : 3px; }
#tariffe, #tariffe a{  			  
	background-position : -119px 0px;   width : 118px; margin-right : 3px; }
#tariffe:hover, #tariffe a:hover{ 
	background-position : -119px -40px; }

#is-offerte, #is-offerte a{ 	  
	background-position : -239px -80px; width : 117px; margin-right : 4px;}
#offerte, #offerte a{ 			  
	background-position : -239px 0px;   width : 117px; margin-right : 4px; }
#offerte:hover, #offerte a:hover{ 
	background-position : -239px -40px; }

#is-accessori, #is-accessori a{  	  
	background-position : -360px -80px; width : 116px; margin-right : 6px; }
#accessori, #accessori a{ 			  
	background-position : -360px 0px;   width : 116px; margin-right : 6px; }
#accessori:hover, #accessori a:hover{ 
	background-position : -360px -40px; }

#is-sala, #is-sala a{ 		
	background-position : -482px -80px; width : 114px; margin-right : 5px; }
#sala, #sala a{ 	        
	background-position : -482px 0px;   width : 114px; margin-right : 5px; }
#sala:hover, #sala a:hover{ 
	background-position : -482px -40px; }

#is-risto, #is-risto a{       
	background-position : -601px -80px; width : 114px; margin-right : 5px; }
#risto, #risto a{  			  
	background-position : -601px 0px;   width : 114px; margin-right : 5px; }
#risto:hover, #risto a:hover{ 
	background-position : -601px -40px; }

#is-brunch, #is-brunch a{		
	background-position : -720px -80px; width : 114px; margin-right : 5px; }
#brunch, #brunch a{	
	background-position : -720px 0px; 	width : 114px; margin-right : 5px; }
#brunch:hover, #brunch a:hover{ 
	background-position : -720px -40px; }

/*------------------------------------------------------
  INFO NAVIGATION SETTINGS
------------------------------------------------------*/
#info-navigation{ 
	width : 193px;
	height : 122px;
	float : left;
	padding-top : 100px;
}
#info-navigation li, #info-navigation li a{ 
	text-indent : -1999px;
	background-image : url('images/nav2-item.gif');
	width : 193px;
}
#info-navigation li.en, #info-navigation li.en a{ 
	background-image : url('images/nav2-item-en.gif');
}

#info-navigation li a{ 
	display : block;
	overflow : hidden;
}

#nav-home, #nav-home a{ 	   	  				   
	height : 30px; background-position : 0 0; }
#is-nav-home, #is-nav-home a, #nav-home:hover, #nav-home a:hover{  
	height : 30px; background-position : -193px 0; }

#nav-eventi, #nav-eventi a{          				   
	height : 23px; background-position : 0 -36px; }
#is-nav-eventi, #is-nav-eventi a, #nav-eventi:hover, #nav-eventi a:hover{ 
	height : 23px; background-position : -193px -36px; }

#nav-dove, #nav-dove a{ 		 				  
	height : 23px; background-position : 0 -56px; }
#is-nav-dove, #is-nav-dove a, #nav-dove:hover, #nav-dove a:hover{ 
	height : 23px; background-position : -193px -56px; }

#nav-iscriviti, #nav-iscriviti a{ 		   						
	height : 23px; background-position : 0 -76px; }
#is-nav-iscriviti, #is-nav-iscriviti a, #nav-iscriviti:hover, #nav-iscriviti a:hover{ 
	height : 23px; background-position : -193px -76px; } 

#nav-contatti, #nav-contatti a{ 							  
height : 18px; background-position : 0 -96px; }
#is-nav-contatti, #is-nav-contatti a, #nav-contatti:hover, #nav-contatti a:hover{ 
height : 18px; background-position : -193px -96px; }

/*------------------------------------------------------
  CAMERE NAVIGATION SETTINGS
------------------------------------------------------*/
#rooms-navigation{ 
	width : 137px;
	height : 192px;
	float : left;
	position:absolute;
	padding-top : 288px;
	left:-10px;
}
#rooms-navigation li, #rooms-navigation li a{
	background-image : url('images/nav-rooms.gif');
	width : 137px;
	text-align : left;
	text-indent : -1999px;
}
#rooms-navigation li a{ 
	display : block;
	overflow : hidden;
}

#nav-gimignano, #nav-gimignano a{ 	   	  				   
	height : 20px; background-position : 0 0; }
#is-nav-gimignano, #nav-gimignano:hover, #nav-gimignano a:hover{  
	height : 20px; background-position : -137px 0; }
#is-nav-gimignano a{
height : 20px; background-position : -274px 0; }

#nav-certaldo, #nav-certaldo a{          				   
	height : 20px; background-position : 0 -22px; }
#is-nav-certaldo, #nav-certaldo:hover, #nav-certaldo a:hover{ 
	height : 20px; background-position : -137px -22px; }
#is-nav-certaldo a{
height : 20px; background-position : -274px -22px;}

#nav-pienza, #nav-pienza a{ 		 				  
	height : 20px; background-position : 0 -43px; }
#is-nav-pienza, #nav-pienza:hover, #nav-pienza a:hover{ 
	height : 20px; background-position : -137px -43px; }
	#is-nav-pienza a{
height : 20px; background-position : -274px -43px;}

#nav-volterra, #nav-volterra a{ 		   						
	height : 20px; background-position : 0 -64px; }
#is-nav-volterra, #nav-volterra:hover, #nav-volterra a:hover{ 
	height : 20px; background-position : -137px -64px; } 
	#is-nav-volterra a{
height : 20px; background-position : -274px -64px;}

#nav-capalbio, #nav-capalbio a{ 							  
height : 20px; background-position : 0 -85px; }
#is-nav-capalbio, #nav-capalbio:hover, #nav-capalbio a:hover{ 
height : 20px; background-position : -137px -85px; }
#is-nav-capalbio a{
height : 20px; background-position : -274px -85px;}

#nav-montalcino, #nav-montalcino a{ 							  
height : 20px; background-position : 0 -106px; }
#is-nav-montalcino, #nav-montalcino:hover, #nav-montalcino a:hover{ 
height : 20px; background-position : -137px -106px; }
#is-nav-montalcino a{
height : 20px; background-position : -274px -106px;}

#nav-miniato, #nav-miniato a{ 							  
height : 20px; background-position : 0 -127px; }
#is-nav-miniato, #nav-miniato:hover, #nav-miniato a:hover{ 
height : 20px; background-position : -137px -127px; }
#is-nav-miniato a{
height : 20px; background-position : -274px -127px;}

#nav-montepu, #nav-montepu a{ 							  
height : 20px; background-position : 0 -148px; }
#is-nav-montepu, #nav-montepu:hover, #nav-montepu a:hover{ 
height : 20px; background-position : -137px -148px; }
#is-nav-montepu a{
height : 20px; background-position : -274px -148px;}

#nav-cortona, #nav-cortona a{ 							  
height : 22px; background-position : 0 -170px; }
#is-nav-cortona, #nav-cortona:hover, #nav-cortona a:hover{ 
height : 22px; background-position : -137px -170px; }
#is-nav-cortona a{
height : 20px; background-position : -274px -170px;}

/*------------------------------------------------------
  NASCONDI CLIP
------------------------------------------------------*/
#hide-clip{ 
width:110px; 
height:79px;
left:885px; 
top:323px;
background:url(images/hide-clip.gif) no-repeat; 
position:absolute;
}
/*------------------------------------------------------
  MOSTRA CLIP
------------------------------------------------------*/
#show-clip{ 
width:31px; 
height:34px;
left:878px; 
top:372px;
background:url(images/show-clip.jpg) no-repeat; 
position:absolute;
}

/*------------------------------------------------------
  HOME SETTINGS
------------------------------------------------------*/
#index #content{
	background : transparent url('images/title-index-bg.jpg') left 18px no-repeat;
	height:68%;
}
#home-pic{
	text-align : right;
	padding-top : 18px;
}
/*------------------------------------------------------
  TARIFFE SETTINGS
------------------------------------------------------*/
#tariffario #content{
	background : transparent url('images/title-tariffe-bg.jpg') left 18px no-repeat;
}
#tariffario #page div.en{
	background : transparent url('images/en-title-tariffe-bg.jpg') left 18px no-repeat;
}
#tariffario-pic{
	text-align : right;
	padding-top : 18px;
}
/*------------------------------------------------------
  SALA CONVEGNI SETTINGS
------------------------------------------------------*/
#sala-convegni #content{
	background : transparent url('images/title-sala-bg.jpg') left 18px no-repeat;
	height:68%;

}
#sala-convegni #page div.en{
	background : transparent url('images/en-title-sala-bg.jpg') left 18px no-repeat;
}
#sala-convegni-pic{
	text-align : right;
	padding-top : 18px;
}
/*------------------------------------------------------
  ACCESSORIES SETTINGS
------------------------------------------------------*/
#accessories #content{
	background : transparent url('images/title-accessori-bg.jpg') left 18px no-repeat;
	height:68%;

}
#accessories-pic{
	text-align : right;
	padding-top : 18px;
	height:478px;
	position : relative;
}
/*------------------------------------------------------
  RISTORANTE SETTINGS
------------------------------------------------------*/
#ristorante #content{
	background : transparent url('images/title-risto-bg.jpg') left 18px no-repeat;
	height:68%;

}
#ristorante #page div.en{
	background : transparent url('images/en-title-risto-bg.jpg') left 18px no-repeat;
}
#ristorante-pic{
	text-align : right;
	padding-top : 18px;
	height:478px;
	position : relative;
}
/*------------------------------------------------------
  BRUNCH SETTINGS
------------------------------------------------------*/
#brun #content{
	background : transparent url('images/title-brunch-bg.jpg') left 18px no-repeat;
	height:68%;

}
#brun-pic{
	text-align : right;
	padding-top : 18px;
}
/*------------------------------------------------------
  COME RAGGIUNGERCI (luogo) SETTINGS
------------------------------------------------------*/
#luogo #content{
	background : transparent url('images/title-luogo-bg.jpg') left 18px no-repeat;
	height:68%;

}
#luogo #page div.en{
	background : transparent url('images/en-title-luogo-bg.jpg') left 18px no-repeat;
}
#luogo-pic{
	text-align : right;
	padding-top : 18px;
	padding-right:16px;
}
/*------------------------------------------------------
  CONTATTI SETTINGS
------------------------------------------------------*/
#contact #content{
	background : transparent url('images/title-contatti-bg.jpg') left 18px no-repeat;
	height:68%;

}
#contact #page div.en{
	background : transparent url('images/en-title-contatti-bg.jpg') left 18px no-repeat;
}
#contact-pic{
	text-align : right;
	padding-top : 18px;
}

#contact-box{ 
width:400px; height:50px; padding-bottom:25px; padding-top:10px;
}
#contact-icon{ 
float:left; width:50px; height:50px; position:absolute; left:190px; 
}
#contact-text{ width:400px; height:50px; float: right; position:absolute; padding-left:199px;
font-size:14px;
 } 

/*------------------------------------------------------
  ISCRIZIONE SETTINGS
------------------------------------------------------*/
#iscrizione #content{
	background : transparent url('images/title-iscrizione-bg.jpg') left 18px no-repeat;
	height:68%;
}
#iscrizione #page div.en{
	background : transparent url('images/en-title-iscrizione-bg.jpg') left 18px no-repeat;
}
#iscrizione-pic{
	text-align : right;
	padding-top : 18px;
}
/*------------------------------------------------------
  CAMERE SETTINGS
------------------------------------------------------*/
#rooms #content{
	background : transparent url('images/title-rooms-bg.jpg') left 18px no-repeat;
	height:68%;

}
#rooms #page div.en{
	background : transparent url('images/en-title-rooms-bg.jpg') left 18px no-repeat;
}
#rooms-pic{
	text-align : right;
	padding-top : 18px;
	height:478px;
	position : relative;
}


#inner-box-rooms{ width:861px; top:-4px; position:relative;
}
#inner-foto-rooms{ float:right;
}
#inner-text-rooms{ padding-right:300px; text-align:left;
}


/*------------------------------------------------------
  EVENTI SETTINGS
------------------------------------------------------*/
#events #content{
	background : transparent url('images/title-eventi-bg.jpg') left 18px no-repeat;
	height:68%;

}
#events #page div.en{
	background : transparent url('images/en-title-eventi-bg.jpg') left 18px no-repeat;
}

#events-pic{
	text-align : right;
	padding-top : 18px;
}
#inner-box-events{ 
width:710px;
height:887px; 
padding-left:140px; 
padding-top:21px; 
background:url(images/vertical-divider.gif) no-repeat; 
background-position:128px 15px;

}
#left-box-events{ 
width:120px; 
padding-top:142px;
font-size:13px; 
text-align:right; 
position:absolute;
}
 
/*------------------------------------------------------
  OFFERTE SETTINGS
------------------------------------------------------*/
#offers #content{
	background : transparent url('images/title-offerte-bg.jpg') left 18px no-repeat;
	height:68%;

}
#offers #page div.en{
	background : transparent url('images/en-title-offerte-bg.jpg') left 18px no-repeat;
}
#offers-pic{
	text-align : right;
	padding-top : 18px;
}
#inner-box-offers{ 
width:710px;
height:887px;
padding-left:140px; 
padding-top:21px; 
background:url(images/vertical-divider.gif) no-repeat; 
background-position:128px 15px;

}
#left-box-offers{ 
width:120px; 
padding-top:142px;
font-size:13px; 
text-align:right; 
position:absolute;
}
/*------------------------------------------------------
  FRAME EVENTI/OFFERTE SETTINGS
------------------------------------------------------*/
#inner-frame{ 
width:675px; height:120px; top:-4px; position:relative; padding-bottom:10px;
}
#inner-foto-frame{ 
float:left; width:100px; height:120px;border:1px solid; border-color:#516151;
}
#inner-text-frame{ width:561px; height:120px; left:10px;float: right;
}