/*BODY*/
html, body {
  height: 100%; 
}
body {
	background-color:#FFF;
	margin:0px;
	margin:0px;
	padding:0px;
	background:url('../images/grafica/bk.jpg') repeat-x;
}
#container-page {
  margin: 0 auto;
  width: 982px;
  position: relative;
  min-height: 100%; 
  height: auto !important; 
  height: 100%;
  background:url('../images/grafica/bk-orange.gif') repeat-y;	
}
#container {
	position:relative;
	width:982px;
	min-height:100%; 
	height:auto !important; 
    height:100%; 
	margin: 0 auto;
	margin-top:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#4b2313;
	background:url('../images/grafica/bk-orange.gif') repeat-y;	
	padding-bottom:70px;
}
.clear{
	 clear:both;
}
p{
	 position:relative;
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:13px;
	 margin-top:0px;
	 top:0px;
	 padding-top:0px;
	 line-height:19px;	
	 color:#4b2313;
	 text-align:justify;
	}
.orange{
	color:#ba7502;
}
.granata{
	color:#9a2313;
}
.miele{
	color:#cd9722;
}
.olio{
	color:#544d01;
}

h1{
	position:relative;
	float:left;
	width:100%;
	font-size:16px;
	padding-bottom:0px;
	margin-top:0px;
}
/*HEADER*/
#header {
	 position:relative;
	 float:left;
	 width:980px;
	 height:88px;
	}
#header p{
	 font-size:12px;
	 line-height:16px;	
	 color:#6b1314;
	 margin-top:3px;
	 text-align:right;
}
#header-left{
	position:relative;
	float:left;
	width:712px;
	height:88px;
	text-align:right;
}
#header-left h3{
	position:relative;
	float:right;
	width:auto;
	margin-bottom:3px;
	font-size:16px;
	color:#ba7502;
}
#header-right{
	position:relative;
	float:right;
	width:248px;
	height:88px;
	text-align:left;
}

/*------------------------LEFT------------------------*/
#left{
	position:relative;
	float:left;
	margin-left:0px;
	width:720px;
	height:auto;
}
#spazio-foto{
	position:absolute;
	background:url('../images/grafica/maschera-sole.png');
	z-index:10;
	width:720px;
	height:360px;
}
#left-foto{
	position:relative;
	height:auto;
	width:auto;
	margin-top:2px;
	z-index:0;
	float:right;
}
#bandiere{
	position:relative;
	float:right;
	height:14px;
	margin:5px 7px 0px 0px;
}
#bandiere img{
	position:relative;
	float:right;
	width:18px;
	height:14px;
	margin-left:3px;
}

#left-left{
	position:relative;
	float:left;
	left:65px;
	width:155px;
	text-align:right;
}
#left-right{
	position:relative;
	float:right;
	margin-right:0px;
	padding-top:0px;
	top:0px;
	margin-top:5px;
	width:475px;
	padding-bottom:30px;
}
#left-right h1{
	margin-bottom:15px;
}
#left-right p{
	padding-top:0px;
	margin-right:15px;
	margin-top:0px;
	top:0px;
	padding-bottom:0px;
}
#left-right img{
	float:right;
	margin-top:0px;
	margin-right:0px;
}
#left-right a{
	margin-top:0px;
	margin-right:0px;
}

/*----------ITINERARI---------*/
#menu-left{
	position:relative;
	float:left;
	left:0px;
	width:120px;
	list-style-type:none;
	padding-left:0px;
	margin-top:7px;
	margin-left:0px;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	line-height:19px;	
	color:#9b6302;
}
#menu-left li{
	position:relative;
	float:left;
	width:120px;
	padding-left:0px;
	margin-left:0px;
	left:0px;
	list-style-type:none;
} 
#menu-left li a{
	color:#9b6302;
	text-decoration:none;
	}
#menu-left li a:hover{
	color:#ff9b00;
	text-decoration:none;
	}
#menu-left li span{
	color:#ff9b00;
	}
.itinerari{
	position:relative;
	float:left;
	margin-right:0px;
	padding-top:0px;
	top:0px;
	margin-top:5px;
	width:275px;
}
/*CONTATTI*/
.mailcontatti{
	color:#ff9b00;
	}
.mailcontatti:hover{
	color:#ff9b00;
	text-decoration:none;
}
/*----------DISPENSA---------*/
#left-right-dispensa{
	position:relative;
	float:right;
	margin-right:0px;
	padding-top:0px;
	top:0px;
	margin-top:5px;
	width:475px;
	padding-bottom:30px;
}
#left-right-dispensa p{
	padding-top:0px;
	margin-right:0px;
	margin-top:5px;
	top:0px;
	padding-bottom:15px;
	position:relative;
	float:left;
	width:311px;
}
#left-right-dispensa img{
	float:right;
	margin-top:0px;
	margin-bottom:10px;
	margin-right:5px;
}

/*----------SERVIZI---------*/
#servizi{
	position:relative;
	float:left;
	margin-left:0px;
	padding-left:0px;
	left:0px;
	list-style-type:none;
	margin-top:5px;
	width:475px;
	text-align:left;
	padding-bottom:30px;
}
#servizi li{
	position:relative;
	float:left;
	margin-left:0px;
	padding-left:0px;
	left:0px;
	margin-top:3px;
	text-align:left;
	list-style-type:none;
	width:475px;
}
#servizi li img{
	position:relative;
	float:left;
	}
#servizi li span{
	float:left;
	margin:0px 0px 0px 5px;
	top:0px;
	padding-top:8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:19px;	
	color:#4b2313;

}
/*-------------------------CAMERE--------------------*/
#box-tariffe{
	position:relative;
	float:right;
	top:10px;
	width:470px;
	height:auto;
	background-color:#FFF;
	border-left:solid 2px #ff9b00;
	border-top:solid 2px #ff9b00;
	border-bottom:solid 2px #ff9b00;
	}
#tariffe{
	position:relative;
	float:right;
	width:470px;
	left:0px;
	padding-left:10px;
	margin:0px 0px 15px 0px;
	top:0px;
	padding-top:10px;
	height:auto;
	border-top:solid 1px #ff9b00;
	}
#box-tariffe h1{
	left:18px;
	margin-top:10px;
	margin-bottom:2px;
	}

#tariffe td{
	position:relative;
	left:15px;
 }
#tariffe tr{
	position:relative;
	clear:both;
	margin:0px;
	padding:0px;
 }
.prezzario{
	color:#ff9b00;
	margin:10px 0px 10px 0px;
	font-weight:bold;
}
#box-disponibilita{
	position:relative;
	float:right;
	top:50px;
	width:470px;
	height:auto;
	background-color:#FFF;
	border-left:solid 2px #ff9b00;
	border-top:solid 2px #ff9b00;
	border-bottom:solid 2px #ff9b00;
	margin-bottom:50px;
	}
#box-disponibilita h1{
	padding-left:18px;
	width:97%;
	margin-top:10px;
	padding-bottom:3px;
	margin-bottom:3px;
	border-bottom:solid 1px #ff9b00;
	}
/*---------------------------RIGHT--------------------------------*/
#right{
	position:relative;
	float:right;
	width:250px;
	margin-left:10px;
	margin-top:0px;
	}
#menu{
	position:relative;
	float:left;
	left:0px;
	margin-left:10px;
	width:227px;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	margin-top:7px;
	list-style-type:none;
	padding:0px;
	margin-bottom:19px;
}
#menu li{
	position:relative;
	float:left;
	width:227px;
	height:21px;
	margin-left:0px;
	padding-left:0px;
	left:0px;
	list-style-type:none;
	text-align:left;
	color:#9b6302;
	font-weight:bold;
	font-size:18px;
	}
#menu li a{
	text-decoration:none;
	color:#ff9900;
	font-size:16px;
	}
#menu li a:hover{
	text-decoration:none;
	color:#9b6302;
	font-size:18px;
	}
#newsletter{
	position:relative;
	float:left;
	top:0px;
	padding-top:0px;
	margin-top:0px;
	padding-left:0px;
	margin-left:4px;
	background:url('../images/grafica/chiocciola.gif') no-repeat;
	width:237px;
	height:81px;
}
#newsletter h2{
	position:relative;
	float:left;
	top:0px;
	padding-top:0px;
	margin-bottom:0px;
	margin-top:0px;
	margin-left:0px;
	font-size:16px;
}
#newsletter h2 span{
	color:#ff9900;
	font-size:18px;
}
input{
	position:relative;
	float:left;
	margin-left:0px;
	left:0px;
	padding-left:0px;
	color:#ff9900;
	border:solid 1px #9b6302;
}
.invia{
	position:relative;
	float:right;
	background:url('../images/grafica/invia.png') no-repeat;
	width:45px;
	height:20px;
	margin-top:5px;
	margin-right:16px;
	border:none;
}
#last-minute{
	position:relative;
	float:left;
	background:url('../images/grafica/bg-mail.png') no-repeat;
	width:246px;
	height:169px;
	margin-left:0px;
	margin-top:15px;
}
#img-destra{
	position:relative;
	float:left;
	background:url('../images/grafica/bg-mail.png') no-repeat;
	margin-left:0px;
	margin-top:15px;
}

/*FOOTER */
#footer{
	position:absolute;
	float:left;
	left:0px;
	width:982px;
	margin:0px;
	padding:0px;
	text-align:right;
	background:url('../images/grafica/bk-orange.gif') repeat-y;	
	height:50px;
	bottom: 0px !important;
 	bottom: -1px;
}
#footer-left{
	position:relative;
	float:left;
	width:712px;
	height:50px;
	text-align:right;
}
#footer-right{
	position:relative;
	float:right;
	width:248px;
	height:50px;
	text-align:left;
}

#footer-left p{
	padding:0px;
	margin:0px;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
	color:#593424;
	}
.mail{
  color:#593424;
  }
.mail:hover{
  color:#593424;
  text-decoration:none;
 }
#footer-right{
	position:relative;
	float:left;
	text-align:left;
}
#footer-right p{
	float:right;
	font-size:11px;
  	color:#005177;
  	margin:0px;
	padding:0px;
	}
#footer-right p a{
	color:#005177;
}
#footer-right p a:hover{
	color:#005177;
	text-decoration:none;
}