/*structure.css*/

	
	body {
	/*background-color:#EDFAFD;*/
	 background-color:#185177; 
	/*background-color:#D9D9BF; */
	/*background-color:#C1BD9D;*/
	margin:0;
	margin-bottom:5px;
	padding:0;
	font-size: 12px;
	font-family: Verdana, serif;
    text-align:center;/* centra in IE5.x */
	color: #000;
	}
	
	/* conteiner
----------------------------------------------- */
	
#container {
	width:900px;
    margin:5px auto;/* centra negli altri browser */
	text-align: left;/* ripristina l'allineamento */
	min-height: 100%;
	position: relative; 	
	background:#f5f5f5;
}




/* header
----------------------------------------------- */
#header {
  background:#172A4D;
  width:900px;
  margin:0;
  padding:0;
  text-align:left;
  height:381px;
  border:0;
 }
 
 #lingue {
  width:320px;
  margin:0;
  padding:0;
  text-align:right;
  height:auto;
  border:0;
  position: absolute;
  top:38px;
  left: 550px;
 }
 
  #lingue a{
color:#006; text-decoration: underline;	font:12px Arial, serif;
 }
 
   #lingue a:hover{
color:#006;	text-decoration: none;	
 }
 
 #logo {
  width:94px;
  margin:0;
  padding:0;
  text-align:center;
  height:90px;
  position: absolute;
  top:10px;
  left: 10px;
 }
 
 
 #seo {
  width:570px;
  margin:0;
  padding:0;
  text-align:left;
  height:22px;
  position: absolute;
  top:72px;
  left: 290px;
 }
 
  #seo h1{
  margin:0;
  padding:3px 8px 0 0 ;
  text-align:right;
  height:18px;
  font-family: verdana;
  color:#494949;
  font-size: 11px;
  font-weight: normal;
 }
 
  #sfondomenu {
  background-image:url(gif/sfmenu.gif);
  width:551px;
  margin:0;
  padding:0;
  text-align:center;
  height:30px;
  position: absolute;
  top:351px;
  left: 347px;
 }
 
 
 
 #menutop {
	position:absolute;
	top: 0;
	left: 0;
	width:580px;
	padding:0;
	margin: 0;
	height:30px;
	text-align:left;
	z-index:20;
}

#menutop ul {
	margin: 0;
	padding:0;
	list-style:none;
	display:inline;
	height:30px;
}
	

  #menutop li a {
	text-decoration: none;
	margin: 0;
	padding:0;
	font-family: verdana;
	color:#000;
	font-size: 11px;
	font-weight: normal;
	height:30px;
	line-height: 30px;
	border:0;
	text-align:center;
	}
	

	
	
	#menutop li#hotel a {
		background-image: url(gif/hotel-elba-menu.gif); background-repeat: no-repeat; width:184px; height:30px; padding: 8px 29px; margin:0;
	}
	#menutop li#hotel a:hover{
		background-image: url(gif/hotel-elba-menuovr.gif); width:184px; height:30px; padding:8px 29px; margin:0;
	}
	
	#menutop li#andrea a {
		background-image: url(gif/hotel-elba-menu.gif); background-repeat: no-repeat; width:184px; height:30px; padding: 8px 25px; margin:0;
	}
	#menutop li#andrea a:hover{
		background-image: url(gif/hotel-elba-menuovr.gif); width:184px; height:30px; padding:8px 25px; margin:0;
	}
  #menutop ul li {
	float:left;
	} 
	

  #menutop ul li a:hover {
	color:#006;
	text-decoration: none;	
	}
	
		#menutop li#hoteleng a {
		background-image: url(gif/hotel-elba-menu.gif); background-repeat: no-repeat; width:184px; height:30px; padding: 8px 22px; margin:0;
	}
	#menutop li#hoteleng a:hover{
		background-image: url(gif/hotel-elba-menuovr.gif); width:184px; height:30px; padding:8px 22px; margin:0;
	}
	
	#menutop li#andreaeng a {
		background-image: url(gif/hotel-elba-menu.gif); background-repeat: no-repeat; width:184px; height:30px; padding: 8px 21px; margin:0;
	}
	#menutop li#andreaeng a:hover{
		background-image: url(gif/hotel-elba-menuovr.gif); width:184px; height:30px; padding:8px 21px; margin:0;
	}
	
	
			#menutop li#hotelde a {
		background-image: url(gif/hotel-elba-menu.gif); background-repeat: no-repeat; width:184px; height:30px; padding: 8px 33px; margin:0;
	}
	#menutop li#hotelde a:hover{
		background-image: url(gif/hotel-elba-menuovr.gif); width:184px; height:30px; padding:8px 33px; margin:0;
	}
	
		#menutop li#andreade a {
		background-image: url(gif/hotel-elba-menu.gif); background-repeat: no-repeat; width:184px; height:30px; padding: 8px 8px; margin:0;
	}
	#menutop li#andreade a:hover{
		background-image: url(gif/hotel-elba-menuovr.gif); width:184px; height:30px; padding:8px 8px; margin:0;
	}


/* content
----------------------------------------------- */



#content1{
 margin-left: 225px;
 background:#f5f5f5;
 padding:0;
 margin-top:0px;
}


 
 #main1{
width:672px;
background:#fff;
padding: 0;
margin: 0;
margin-bottom:5px;
margin-left: 3px;
 }
 

 
  #mainbox1{
width:659px;
background:#fff;
padding: 2px 5px;
margin: 0;
margin-left: 3px;
 }
 
  #mainbox1 a {
	background: #e7e7e7;
	color:#003399;
	text-decoration: underline;
 }
#mainbox1 a:hover{
	background: #e7e7e7;
	color:#039;
	text-decoration: none;
 }
 

   #titolo-main {
  background-image:url(gif/sfmain-655x25.gif);
  width:655px;
  margin:0 0 2px 0;
  padding:0;
  text-align:left;
  height:25px;
  position: relative;
  top:0;
  left: 0;
 }
 
  #titolo-main h2 {
  margin:0;
  padding:6px 0 0 8px ;
  text-align:left;
  height:18px;
  font-family: verdana;
  color:#494949;
  font-size: 11px;
  font-weight: normal;
 }
 
    #box-main {
  background:#ECECEC;
  width:659px;
  margin:0;
  padding:0;
  text-align:left;
  height:auto;
  position: relative;
  top:0;
  left: 0;

 }
 
    #box-main h3{
  margin:0;
  padding:3px 5px;
  text-align: justify;
  height:auto;
  font-family: Verdana, serif;
  color:#494949;
  font-size: 12px;
  font-weight: normal;
 }
 
 #box-foto {
  width:226px;
  margin:0;
  padding:0;
  text-align:left;
  height:auto;
  position: absolute;
  top:-16px;
  left: 344px;
 }
   
 /* navigazione sinistra
----------------------------------------------- */

   
   #navigation1{
position: absolute;
background:#f5f5f5;
top:383px;
left:4px;
width:220px;
text-align:left;
padding:0;
margin:0;
   }
   
     #menusx{
position: relative;
background:#f5f5f5;
top:4px;
left:2px;
width:218px;
text-align:left;
padding:0;
margin:0;
height:184px;
background-image:url(gif/sfmenusx218.gif);
   }
   
   #titolo{
position:relative;
top:10px;
left:4px;
 width:214px;
 border-bottom:2px dotted #CCCCCC;
 margin:0;
 padding:0;
 padding-bottom:4px;
 text-align:center;
 }
 
  #titolo h1{
	height:auto;
	z-index: 10;
	padding: 0;
	margin: 0;
	font:10px Verdana, serif;color: #000;  text-decoration: none;
 }
 
 #menuok{
 position:absolute;
 top:30px;
 width:198px;
 margin-left:2px;
 padding:0;
 text-align:left;

 }
 
 #menuok ul {
	margin: 0;
	padding:0;

	}
	
  #menuok li a {
	text-decoration: none;
	display:block;
	margin: 2px;
	font-family: verdana;
	color:#152A3E;
	font-size: 11px;
	font-weight: normal;
	height:auto;
	line-height: 13px;
	width:100%;
	}
	
	#menuok li a {
		padding:2px 10px 2px 4px;
	}
	
  #menuok ul li{
	display:inline;
	} 
	
  #menuok ul li a {
	background: #dddddd;
	}
	
	
  #menuok ul li a:hover {
	background: #E1B211;
	color:#fff;
	text-decoration: underline;
	}
   
   #lastsx{
position: relative;
background:#f5f5f5;
top:5px;
left:2px;
width:216px;
text-align:left;
padding:0;
margin:0;
height:63px;
background-image:url(gif/sflastsx216.gif);
   }
   
   #lastsx h1{
	height:auto;
	z-index: 10;
	padding: 28px 0 0 4px;
	margin: 0;
	font:11px Verdana, serif;color: #202020;  text-decoration: none;
   }
   
      #lastsx h1 a{
	font:11px Verdana, serif;color: #202020;  text-decoration: underline; font-weight:none;
   }
    #lastsx h1 a:hover{
   color:#185177; text-decoration: none; font-weight:none;
   }
   
   #richieste{
position: relative;
background:#f5f5f5;
top:4px;
left:2px;
width:216px;
text-align:left;
padding:0;
margin:0;
height:63px;
background-image:url(gif/sfrichiestesx216.gif);
   }
   
   #richieste h1 {
	height:auto;
	z-index: 10;
	padding: 28px 0 0 4px;
	margin: 0;
		font:11px Verdana, serif;color: #202020;  text-decoration: none;

   }
   
   #richieste h1 a{
	font:11px Verdana, serif;color: #202020;  text-decoration: underline; font-weight:none;
   }
    #richieste h1 a:hover{
   color:#185177; text-decoration: none; font-weight:none;
   }

/* footer
----------------------------------------------- */	
#footer{
    clear: left;
    text-align:center; 
    } 
	
#contact_info {position:relative;
	background: #53B9CE;
	width: 900px;
	height:auto;
	z-index: 10;
	padding: 0;
	margin: 10px 0 2px 0;
	text-align:left;
}
	

#contact_info span { font:18px Georgia, Times New Roman, serif;color: #fff; padding: 0 0 0 5px; text-align:left;
}

#face {position:absolute;
	top:-24px;
	left: 830px;
	width: 60px;
	height:41px;
	z-index: 20;
	padding: 0;
	margin: 0;
}

#contact_text {position:relative;
	background: #f5f5f5;
	width: 900px;
	height:auto;
	z-index: 10;
	padding: 5px 0;
	margin: 0;
    text-align:center;}
	
	#contact_text span {
font-size:10px; color: #000;font-family: Verdana, serif; padding: 40px 0; text-align:center;}

	#contact_text a:link, #contact_text a:active, #contact_text a:visited {
color: #000; text-decoration:none;}
	#contact_text a:hover {
color: #006;text-decoration:underline;}

/* content
----------------------------------------------- */

 

 
img.pd5 { padding: 3px; border: 1px solid #ccc; background-color: #eee; }
	
	img.imag1 {
float : right; margin-left:10px; margin-bottom:5px;
}

	img.imag2 {
float : left; margin-right:10px; margin-bottom:5px;
}

	img.imag3 {
margin-right:15px;
}

	img.dblast  {
float : right; margin-left:3px; margin-bottom:5px;
}

	img.face  {
padding:0; margin:0; border:0;
}

	img.ban  {
margin:0; 
}

/* CSS FOR SLIDESHOW SCRIPT DHTML GOODIES CON FRECCE*/
	#dhtmlgoodies_slideshow{
		width:500px;	/* Total width of slideshow */
		margin-left:30px;
	}
	
	#previewPane{
		border:0;
		margin-bottom:10px;	
		text-align:center;
		vertical-align:middle;
		padding-top:10px;
		position:relative;
		
		/* CSS HACK */
		height: 333px;	/* IE 5.x */
		height/* */:/**/321px;	/* Other browsers */
		height: /**/321px;
				
	}
	
		#previewPane img{
		border:0;
	}

	#previewPane #largeImageCaption{	/* CSS styling of image caption below large image */
		padding-top:10px;
		padding-bottom:10px;
		font-style:normal;
		text-align:center;
		font-family: Verdana, sans-serif;	/* Font to use */
		font-size:12px;
		color: #000;
		font-weight: bold;
	}
	#galleryContainer{
		
		height:93px;	/* Height of the images + 2 */
		/*border:1px solid #CCCCCC;*/
		position:relative;
		overflow:hidden;
		padding:0;
		
		/* CSS HACK */
		height: 93px;	/* IE 5.x - Added 2 pixels for border left and right */
		height/* */:/**/91px;	/* Other browsers */
		height: /**/91px;
				
	}
	#arrow_left{
		position:absolute;
		left:0px;
		z-index:10;
		background-color: #fff;
		padding:1px;
	}
	#arrow_right{
		position:absolute;
		right:0px;
		z-index:10;
		background-color: #fff;
		padding:1px;		
	}
	#theImages{
		position:absolute;
		height:100px;
		left:40px;
		width:10000px;
		
	}
	#theImages #slideEnd{
		float:left;
	}
	#theImages img{
		float:left;
		padding:1px 1px;
		filter: alpha(opacity=100);
		opacity: 1;
		cursor:pointer;
		border:0;
	}

	#waitMessage{
		display:none;
		position:absolute;
		left:200px;
		top:150px;
		background-color:#FFF;
		border:3px double #000;
		padding:4px;
		color:#555;
		font-size:0.9em;
		font-family:arial;	
	}
	
	#theImages .imageCaption{
		display:none;
	}
	
		/* END CSS SLIDESHOW CON FRECCE SCRIPT */
		
		/* CSS FOR SLIDESHOW SCRIPT */
	#imageSlideshowHolder{
		margin:0;	/* "Air" */
		float:right; /* Floating gallery at the right side of other web page content */		
		width:900px;	/* Image width */
		height:320px;	/* Image height */
		position:absolute;	/* Don't remove this line */
		top: 61px;
		left:0;
	}

	/* Don't change these values */
	#imageSlideshowHolder img{
		position:absolute;
		left:0px;
		top:0px;
	}

	/* END CSS SLIDESHOW  SCRIPT */
	
	   img.zeta {
float : right; margin-left:10px; margin-top:0;margin-right:10px;
}

.prezzi {
   color: #000; font: 11px verdana; font-weight: normal;} 
   table.prezzi {
border: 1px solid; border-collapse: collapse; border-color:#E4E4E4;
}
table.prezzi td{
border: 1px solid #E4E4E4; border-collapse: collapse; padding:2px;text-align:center;
}

table.prezzi td.left{
text-align:left;
}

table.prezzi td.titolo{
background:#CCEAF1;
}

table.form td{
border: 0; border-collapse: collapse; padding:2px;text-align:center;
}

table.form td.left{
text-align:left;
}

   #evidenza{
position: relative;
background:#f5f5f5;
top:4px;
left:0;
width:240px;
text-align:left;
padding:0;
margin:0;
height:63px;
background-image:url(gif/bg_evidenza.gif);
   }
   
     .dbminute a {
	background: #e7e7e7;
	color:#003399;
	text-decoration: underline;
 }
.dbminute a:hover{
	background: #e7e7e7;
	color:#039;
	text-decoration: none;
 }