/* Free standard-compliant open source XHTML/CSS template provided by Eatlon.com */


@font-face {
	font-family: 'JottFLFRegular';
	src: url('JottFLF-Casual.eot');
	src: local('JottFLF Regular'), local('JottFLF-Casual'), url('JottFLF-Casual.ttf') format('truetype');
}

body {
	background-image: url(imgs/bg.jpg);
	background-repeat: repeat-x;
	background-color: #fff;
	font-family: arial, sans-serif;
	font-size: .7em;
	color: #808080;
	padding: 0;
	margin: 0;
	overflow:  scroll;

}
.main_content h2{
	font: 32px 'JottFLFRegular', Arial, sans-serif;letter-spacing: 0;
	font:oblique 26px  Georgia ;
	color:   #3C6E99;
	text-shadow: 2px 2px 6px  #888888;

}
.main_content{
font:oblique 14px  Georgia ;
/*font: 20px 'JottFLFRegular', Arial, sans-serif;letter-spacing: 0;*/
color:   #555555 ;
padding: 0 15px 0 10px;
 	 position:relative;
}
.main_content li{
	margin-bottom: 5px;
}
img { border: 0; }

a { text-decoration: none; color:  #0066CC; padding: 0; margin: 0; }
a:hover { text-decoration: underline; color: Olive ; outline: 0; padding: 0; margin: 0; }

a.discrete { text-decoration: none; color: #808080; padding: 0; margin: 0; }
a.discrete:hover { text-decoration: underline; color: #808080; border-bottom: 0; outline: 0; padding: 0; margin: 0; }

a.title { text-decoration: none; color: #a99570; padding: 0; margin: 0; }
a.title:hover { text-decoration: none; color: #a99570; outline: 0; padding: 0; margin: 0; }

h1 {
	font-family: georgia, serif;
	font-size: 7em;
	font-weight: 100;
	line-height: 65px;
	text-transform: uppercase;
	padding: 0;
	margin: 0; }

	dfn {
		font-size: .7em;
		font-style: normal;
		line-height: 50px; }

h2 {
	font-family: georgia, serif;
	font-size: 1.8em;
	font-weight: 100;
	padding: 0 0 10px 0;
	margin: 0; }

h3 {
	font-family: georgia, serif;
	font-size: 1.4em;
	font-weight: 100;
	line-height: 1em;
	padding: 0;
	margin: 20px 0 10px 0; }



#wrap {
	width: 951px;
		width: 981px;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	margin: 0 auto;
	
 
	
	 }


	#header {
		height: 175px;
		 
		background-image: url(imgs/aquabig.png); 
		background-position: top center;
		background-position: 865px 40px ;
			background-position: 895px 40px ;
		background-repeat: no-repeat; 
	 
	 
		
		position: relative;}
		
		a.logo{
			display: block;
			position: absolute;
			width: 320px;
			height: 70px !important;
			background:   url(imgs/logo.png) no-repeat;
		
			top:70px;
			left: -40px;
				left: -70px;
		}
		a:hover.logo{
			background-position:0 -92px ;
			 
		}
		
		a.logo h1{
		 
			display: none;
		
		}

		.title{ 
		
		 background-color: White;
		 border: Silver 1px solid;
		 display:block;
		 position:absolute;
		 top:10px;
		 right: 10px;
		
		height: 156px;
		width: 550px;
		
		 }
		
		.title div{
			 display:block;
		}
		
.title img{
overflow: hidden;
margin:0 auto auto 10px;
position:absolute;
  /*
	margin:10px auto 0 auto;
	
*/
}
.title  span{
display: block;
 background-color: Fuchsia;
 margin-top:7px;

}
		
		.tagline {
			font-family: garamond, serif;
			font-size: 1.4em;
			font-style: italic;
			text-indent: 25px;
			line-height: 20px;
			padding: 0;
			margin: 0; }


	#content {
		min-height: 250px;
		height: auto !important;
		height: 250px;
		background-image: url(imgs/content.jpg);
		 
		background-position: top center;
		background-repeat: no-repeat;
		padding: 40px 45px 0 45px;
		padding: 55px 45px 0 40px;
		padding: 55px 45px 0 50px;
		margin: 0; 
		position: relative;}

		#menu {
			float: left;
			width: 16%;
			padding: 0;
			margin: 0; }
			#menu h2{
			text-align: center;
		 
			color: #9999CC;
}
			#menu p { margin: 0 0 3px 0; }

			.feed_mig {
				float: left;	
				padding: 0;
				margin: 1px 5px 0 0; }

		#main {
			float: right;
			width: 80%;
			padding: 0;
			margin: 0 0 20px 0;
		}


			.left {
				float: left;
				width: 61%;
				
				padding: 0;
				margin: 0; 
				position:relative;
				 }
				
				
.fullleft {
				float: left;
				width: 100%;
				
				padding: 0;
				margin: 0; 
				 }
				
				 
				 
#certificato{
	position: relative;
	
	width:145px;
	 left:-5px;
	
	
}
 
 
 .news{
 	background-color: #fff;
	height: 400px;float: left;
 }
 
 .news div{
 
	width: 420px;
 }
 #primo_piano{
 	float: left;
	width: 230px;
	
	margin:0 0 0 0;
/*	background: url(primo_piano.jpg) no-repeat;
	height: 240px;*/
 }
 
				.main_content p {
					text-align: justify;
					margin: 0 0 10px 0; 
					line-height: 130%;
					}


			.right {
				float: right;
				width: 34%;
				padding: 0;
				margin: 0; }

				.right p { margin: 0 0 10px 0; }


		.three_columns {
			clear: both;
			text-align: justify;
			padding: 10px 0 0 0;
			margin: -40px 0 0 0; }


			.three_columns p {
				padding: 0 5px 0 5px;
				margin: 0; }


			.h3_foot {
				background-image: url(imgs/h3_bg.gif);
				background-repeat: repeat-x;
				background-position: top center;
				line-height: 1.5em;
				text-align: center;
				border-top: 1px solid #dbdbdb; }


			.two_left {
				float: left;
				width: 556px; }


				.foot_left {
					float: left;
					width: 250px; }


				.foot_mid {
					float: right;
					width: 250px; }


			.one_right {
				float: right;
				width: 29%; }


				.foot_right { width: 250px; }


	#footer {
		clear: both;
		min-height: 75px;
		height: auto !important;
		height: 75px;
		background-image: url(imgs/footer.gif);
		background-position: top center;
		background-repeat: no-repeat;
		padding: 15px 45px 0 45px;
		margin: 0; }


		.bottom {
			text-align: center;
			padding: 63px 0 40px 0;
			margin: 0; }


#ffscrollbarfix {
	border: 0;
	position: absolute;
	top: 0;
	bottom: -0.1px;
	width: 1em;
	z-index: -1;
}

#right_pics{
	
	margin-bottom:25px;
	text-align: center;
	margin-left:-15px;
	width: 220px;

	
}
#right_pics img{
width: 220px;
border:1px solid;
padding:10px;
height:220px;
}

#right_pics span{
	background-color:#ffffff;
	
}


ul.services{
	
	list-style:none;
	
	padding:0;
	margin:20px 0 20px 0;
	
	
}

ul.services li{
	background:url(imgs/camere.gif) no-repeat 0 3px;
	font:12px sans-serif;
	float:left;
	padding:5px 10px 0 50px;
	margin:0 0 20px 0;
	width:100px;
	height:40px;
	
	vertical-align:middle;
	
	
	}

/*============================================================*/
/*===============    SOTTOMENU VERTICALE   ===================*/
/*============================================================*/

			#menu ul {
				list-style-type: none;
				font-family: georgia, serif;
				font-size: 14px;
				font-size: 1.1em;
				
			
				
				padding: 0;
				margin: 0 0 25px 0; 
				
				
				position: relative;
 
 /* fa vedere la palla
overflow: hidden;
 */
				
				
				
				}


				#menu li {
					width: 155px; 
					line-height: 2.3em;
					text-indent:3px;
					border-bottom: 1px dashed #d8d8d8; 
	
	  /*margin-left:-5px;*/
	  
 
 			
					
					}

#menu ul li.backLava {
background: url(imgs/aqua.jpg) no-repeat -1px;
z-index: 8;
position: absolute;
 
height: 30px;
border: none;
}
				#menu li a {
					padding: 0 0 0 25px;
					 
					background-image: url(imgs/dot_off.gif); 
					
					background-repeat: no-repeat;
					 background-position: 147px 5px ;  
					color: #99B2CC;
					 
	 
text-decoration: none;
 
outline: none;
 
 
 
 
z-index: 10;
display: block;
 
 
position: relative;
overflow: hidden;

 			border:none;		
					}


				#menu  li a:hover {
					padding: 0 0 0 25px;
					 
					background-image: url(imgs/dot.gif);
					 
					background-repeat: no-repeat;
					 
				
					border:none; 
					color:  #333399;
					color: #3C6E99;
					}


/*============================================================*/
/*============================================================*/
					
					
					
/*============================================================*/
/*===============    MENU ORIZZONTALE   ======================*/
/*============================================================*/
.jimgMenu {
	position:relative;
	position: absolute;
	right: 100px;
	right: 88px;
	top: 15px;
	margin: 0px 0px 0px 50px;
	padding: 0px;
	/*width:675px;*/
	height:140px;
	overflow: hidden;
	background-color: #4682B4;
	 background-color:   #708090;
	 background-image: url(imgs/bgs/r5_s.jpg);
	border: 1px solid #fff;
	border-right: none; 
	z-index: 1;
}

.jimgMenu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	display: block;
	height: 100px;
	position: relative;

	}
	
.jimgMenu ul li {
	width:105px;
	float: left;
	display: block;
	overflow: hidden;
 	 
}

.jimgMenu ul li a span{
	display:block;
	bgtilemenu_blu.png
	background: url(imgs/bgtilemenu.png) repeat-x;
		background: url(imgs/bgtilemenu_blu_y.png) repeat-y;

	height: 25px;
	padding-top: 3px;
	padding-left: 10px;
}

.jimgMenu ul li a.active  span{
background: url(imgs/bgtilemenu.png) repeat-x;
color: Black;
text-shadow: 1px 1px 2px  #888888;


}

.jimgMenu ul li#ristorazione a span{
	padding-left:0;
}

.jimgMenu ul li a {
 font-size: 18px;
font-style: italic;
font-family:Georgia,serif; 
/*font-weight: bold;
*/
padding-top:109px;

	/*text-indent: -1000px;*/
	background:#fff repeat scroll 0%;
	background:#fff no-repeat;
	 border-right: 1px solid #fff; 
	cursor:pointer;
	display:block;
	overflow: hidden;
	height: 100px;
	color: #DDEEFF;
}


.jimgMenu ul li a:hover {
 
padding-top:109px;
text-decoration: none;
/*color: #ADD8E6;*/
 color:    White;
}

.jimgMenu ul li#albergo a {
	background: url(imgs/panorama1.jpg) repeat scroll 0%;
	 
	background: url(imgs/mnu_albergo.jpg) no-repeat 0  5px;
	
  
}
.jimgMenu ul li#servizi a {
	background: url(imgs/panorama1.jpg) repeat scroll 0%;
	background: url(imgs/mnu_camere.jpg) no-repeat 0  5px;
  
}
 

.jimgMenu ul li#gallery a {
	background: url(imgs/panorama1.jpg) repeat scroll 0%;
	background: url(imgs/mnu_gallery.jpg) no-repeat 0  5px;
  
}
.jimgMenu ul li#tariffe a {
	background: url(imgs/panorama1.jpg) repeat scroll 0%;
	background: url(imgs/mnu_tariffe.jpg) no-repeat 0  5px;
  
}
.jimgMenu ul li#eventi a {
	 
	background: url(imgs/mnu_speciale.jpg) no-repeat 0  5px;
  
}
.jimgMenu ul li#contatti a {
	background: url(imgs/panorama1.jpg) repeat scroll 0%;
	background: url(imgs/mnu_contatti.jpg) no-repeat 0  5px;
  
}



.clear {
	clear: both;
}


/*============================================================*/
/*============================================================*/

/*============================================================*/
/*===============    TABELLE TARIFFE   ======================*/
/*============================================================*/

td  { padding: 2px }
.fondobluscuro { color: #fff; background-color: #426498 }
.rosso { color: #4682B4; font-weight: bold }
.fondoblumedio { color: #193444; background-color: #8dc0ed }
.fondobluchiaro { color: #193444; background-color: #d7e9fa }
.fondobluchiaro { color: #193444; background-color:#c4e1ff  }
.fondoprimo { color: #193444; background-color:  #ecf5ff; }
.separator { background-color: #dfdfdf; }
.bassastagione { color:#fff; background-color:#e7ae03;  }
.mediastagione { color: #fff;background-color: #d26900; }
.altastagione { color: #fff;background-color:#b90000;     }

table { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif }
.Stile1 {
	font-size: 11px;
	font-weight: bold;
}
.Stile5 {font-size: 10px}

.fleft{
	float:left;
	margin: 0 20px 20px 0;
	
}
.fright{
	float: right;
	margin: 0 10px 20px 30px;
}



div.fright img, div.fleft img{
border:1px solid #AAAAAA;
padding:7px;
 width: 250px;
height: 160px;
width: 300px;
height: 200px; 
}

label.error{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:red;
	padding-left: 5px;
}

.prog_day_div{
	 
	border:#d8d8d8 1px solid ;
	width: 310px;
	height: 125px;
	float: left;
	margin:5px;
	padding:3px;
	color:#4682b4;
	/*color: #fff;
	background: url(imgs/bg.jpg) repeat-x;*/
		background: url(imgs/bg.jpg) repeat-x 0 -139px;
}
.prog_day_div h3{
color:#556b2f;
text-transform: lowercase;
margin-top:3px;
}

/**********************************************/

  .quotazioni{
	/*background: url(imgs/bg_quotazioni.png) no-repeat;*/
	width: 500px;
	 
	padding:5px 0 0 0;
	margin: 15px 0 0 0;
	position: relative;
	font-size: 13px;
	
}

.quotazioni h2{
font-family: Georgia;
font-size: 26px !important;
font-weight: normal;
font-style: italic;
color:  #000066;
	position: absolute;
	bottom:0;
	
	background: url(imgs/bg_quotazioni_bottom.png) no-repeat;
	height: 127px;
	 
}
.quotazioni span.etichetta{
display: block;
font-family: Georgia;
font-size: 26px !important;
font-weight: normal;
font-style: italic;
color:  #346798;
	
	
	background: url(imgs/bg_quotazioni_bottom.png) no-repeat  ;
	height: 47px;
	padding:75px 0 0 20px;
	 
}

.quotazioni   h3{
	font-size: 20px !important;
	margin: 0 auto 0 5px;
	padding-bottom: 0;
	padding: 25px 0 0 20px !important;
	
	background: url(imgs/bg_quotazioni_top.png) no-repeat;
	height: 23px;
	 
	
}
 .quotazioni div{
	 
	margin-left: 5px;
background: url(imgs/bg_quotazioni_body.png) repeat-y  ;
padding: 0 25px 0 15px;
 
}


 .quotazioni ul {
	margin:-3px 0 0 0;
	padding: 0;
	padding: 0 0 15px 0;
	position: relative;
	top: -5px;
 
	
}
 .quotazioni ul li{
	list-style-image: none;
	list-style-type: none;
	
	position: relative;
	
	border-bottom: 1px dotted;	
	padding: 0 0 2.3em 0;
	
	width: 450px;
	 
	
	
	 
}
 .quotazioni ul li span{
position:absolute;

left: 0;
bottom: -.7em;
 
 background-color:  #fff;  

text-align: right;
font-size: 13px;
font-style: italic;
padding-right:4px;

}
 

 .quotazioni ul li strong{
position: absolute;
right: 0;
bottom: -.4em;
font-size: 18px;
font-weight: normal;
font-style: italic;
 
 background-color:  #fff;  
padding-left:4px;
color: #7E5328;

}
 .quotazioni ul li strong sup{
font-size: 70%; 
margin-top: 2px;
}