body {
	background-color:#9CA68A;
	margin:0;
	margin-bottom:10px;
	padding:0;
	font-size: 11px;
	font-family: Verdana, serif;
    text-align:center;/* centra in IE5.x */
	color: #000000;
	}

#container {
	width:760px;
    margin:10px auto;/* centra negli altri browser */
	text-align: left;/* ripristina l'allineamento */
	min-height: 100%;
	position: relative; 	
	background-color:#fff;
}

  
#header {
  width:760px;
  margin:0;
  padding:0;
  text-align:left;
  z-index:20;
  height:auto;
  border:0;
  background-color:#fff;  
 }
 
 #menutop {
 position: absolute;
 top: 254px;
 left: 620px;
  width:140px;
  margin:0;
  padding:0;
  text-align:left;
  z-index:30;
  height:auto;
  border:0;
  background-color:#fff;  
 }
 
 #menutop a  {	text-decoration: underline; font: small-caps Bold 12px Verdana, Arial; color: #000	} 
#menutop a:hover {	text-decoration: none; font: small-caps Bold 12px Verdana, Arial; color: #003300	} 

#lingue {
 position: absolute;
 top: 254px;
 left: 500px;
  width:90px;
  margin:0;
  padding:0;
  text-align:left;
  z-index:30;
  height:auto;
  border:0;
  background-color:#fff;  
 }


 
 #seo {
	width:100%;
    margin:0;/* centra negli altri browser */
	margin-bottom:1px;
	text-align: center;/* ripristina l'allineamento */
	position: relative; 	
	background-color:#BFF0FF;
	padding:0;
}
#seo h1{
    margin:0;/* centra negli altri browser */
	text-align: center;/* ripristina l'allineamento */	
	padding:2px;
	color:#a3a3a3;
	text-decoration: none;
	font-size: 10px;
	font-family: Verdana, serif;
}
 
  
#content{
 margin-left: 182px;
 background:#fff;
 padding:0;
}

#main{
 width:560px;
 min-height:100%;
 border:2px dotted #CCCCCC;
 background:	url(gif/verde_grad_bg.gif) repeat-x;
 margin:0;
 margin-left:4px;
 margin-bottom:5px;
 padding:0 3px;
 text-align:justify;
 }
#main h3 {
	font-family: 'Trebuchet MS', Verdana, Sans-Serif;
	}
 
#main a {
	background: #e7e7e7;
	color:#003399;
	text-decoration: underline;
 }
#main a:hover{
	background: #e7e7e7;
	color:#039;
	text-decoration: none;
 }
 
 #main h1 {
	color:#000;
	text-decoration: none;
	font-size: 11px;
	font-family: Verdana, serif;
	padding:0;
	font-weight:normal;
	margin:0 0 -10px 0;
 }
 
 
 .itemtext h3 {
    margin:0;
	margin-top: 6px;
	margin-right: 4px;
	color: #444;
	font-size: 1.4em;
	display: block;
	padding: 0;
	text-align:right;
	}
 
#navigation{
position: absolute;
top:284px;
left:13px;
width:169px;
text-align:center;
padding:0;
margin:0;

   }
   
.menuok{
 width:165px;
 border:2px dotted #CCCCCC;
 background:url(gif/verde_grad_bg.gif) repeat-x;
 margin:0;
 padding:0;
 text-align:left;
 }
 
.menuok_01{
position:relative;
top:180px;
 width:165px;
 border:2px dotted #CCCCCC;
 background:url(gif/verde_grad_bg.gif) repeat-x;
 margin:0;
 padding:0;
 text-align:left;
 }
 
 .menuok_02{
position:relative;
top:254px;
 width:165px;
 border:2px dotted #CCCCCC;
 background:url(gif/verde_grad_bg.gif) repeat-x;
 margin:0;
 padding:0;
 text-align:left;
 }

.titolo h3 {
    margin:0;
	margin-top: 6px;
	margin-left: 3px;
	color: #444;
	font-size: 1.6em;
	display: block;
	padding: 0;
	font-family: 'Trebuchet MS', Verdana, Sans-Serif;
	}


.menu_01 {
	position:absolute;
	top: 36px;
	left: 0px;
	padding:0;
	margin-left:2px;
    background:#dbdbdb;
	text-align:left;
	width:165px;
}

.menu_02 {
	position:absolute;
	top: 249px;
	left: 0px;
	padding:0;
	margin-left:2px;
    background:#dbdbdb;
	text-align:left;
	width:165px;
}

.menu_03 {
	position:absolute;
	top: 356px;
	left: 0px;
	padding:0;
	margin-left:2px;
    background:#dbdbdb;
	text-align:left;
	width:165px;
}


  .menu_01 ul, .menu_02 ul, .menu_03 ul {
	margin: 0;
	padding:0;

	}
	
  .menu_01 li a, .menu_02 li a, .menu_03 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;
	border: 1px dotted #E9F1DB;
	}
	
	.menu_01 li a, .menu_02 li a, .menu_03 li a {
		padding:2px 10px 2px 4px;
	}
	
  .menu_01 ul li, .menu_02 ul li, .menu_03 ul li{
	display:inline;
	} 
	
  .menu_01 ul li a, .menu_02 ul li a, .menu_03 ul li a {
	background: #F0F1AD;
	}
	
	  .menu_01 ul li a.off {
	background: #ffcc00;
	}
	
  .menu_01 ul li a:hover, .menu_02 ul li a:hover, .menu_03 ul li a:hover {
	background: #9CA68A;
	color:#fff;
	text-decoration: underline;
	}
	
	#footer{
    clear: left;
    text-align:center; padding: 5px;
    background: #ededed; color: #000} 


 #footer a{
	color:#fff;
	text-decoration: underline;
 }
#footer a:hover{
	color:#fff;
	text-decoration: none;
 }
 .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;
}
.orange {
   color: #000; font: 11px verdana; font-weight: bold; background: #fc0;}
.orange a {
   color: #000; font: 11px verdana; font-weight: bold; background: #fc0;text-decoration:underline}
.orange a:hover {
   color: #000; font: 11px verdana; font-weight: bold; background: #fc0;text-decoration:none}
   
   
   img.imag1 {
float : right; margin-left:10px; margin-bottom:5px;
}
#occhio {position: relative; top:30px; left: 380px;width:163px;
    margin: 0;padding: 0;z-index:20;} 

form{width:490px;padding:2px 0;margin:10px}

fieldset{float:left;width:530px;
    margin: 1px 0;padding: 0;
    background: #fff} 
	
legend{font-weight:bold;color: #333;background:#fff}
form b{color:#F00}
form p{margin:0.5em 20px} 
fieldset div{float:left;width:100%;
    padding: 1px 0 3px;
    background: #fff} 
	
	label{float:left;width:170px;
    display: inline;margin-left: 20px;
    line-height:23px} 
	
	div#animale label, div#traghetto label, input#go{
    margin-left:130px} 
	
	input#go{
    margin-left:170px; margin-top:10px;width:150px;} 
	
	input#fine{
    margin-left:1px; margin-top:1px; width:0px} 
	
	div#servizi label{
    width:460px;} 
	
	div#elba label{
    float:left;width:500px;
    display: inline;margin-left: 20px;
    line-height:23px}
	
	/* CSS FOR SLIDESHOW SCRIPT DHTML GOODIES CON FRECCE*/
	#dhtmlgoodies_slideshow{
		width:450px;	/* Total width of slideshow */
		margin-left:55px;
	}
	
	#previewPane{
		border:0;
		margin-bottom:10px;	
		text-align:center;
		vertical-align:middle;
		padding-top:10px;
		position:relative;
		
		/* CSS HACK */
		height: 342px;	/* IE 5.x */
		height/* */:/**/330px;	/* Other browsers */
		height: /**/330px;
				
	}
	
		#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:90px;	/* Height of the images + 2 */
		/*border:1px solid #CCCCCC;*/
		position:relative;
		overflow:hidden;
		padding:0;
		
		/* CSS HACK */
		height: 92px;	/* IE 5.x - Added 2 pixels for border left and right */
		height/* */:/**/90px;	/* Other browsers */
		height: /**/90px;
				
	}
	#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=80);
		opacity: 0.8;
		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 */