body {
background:#CBC59E;
background-repeat:repeat-x;
background-image:url('gif/backtop1.jpg');
	margin:0;
	padding:0;
	font-size: 11px; 
	font-family: Verdana, Trebuchet MS, Arial; 
    text-align:center;/* centra in IE5.x */
	color: #000;
	}
	
	/* conteiner
----------------------------------------------- */


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

 #headertop {
  width:900px;
  height:66px;
  margin:0;
  padding:0;
  text-align:left;
 }
 #headertop h1 {margin:0; padding:45px 0 0 30px; font:normal 12px Trebuchet MS, Arial; color:#fff;}
 
  #postit {
  position:absolute;
  top:10px;
  left:10px;
  width:241px;
  height:247px;
  margin:0;
  padding:0;
  text-align:left;
  z-index:20;
 }
 
   #postittxt {
  position:relative;
  top:100px;
  left:26px;
  width:195px;
  height:247px;
  margin:0;
  padding:0;
  text-align:left;
 }
 
    #postittxt h1{
  font:normal 11px Verdana, Trebuchet MS, Arial; color:#000;
  margin:0;
  padding:0;
  text-align:left;
  font-weight:normal;
 }
 
#header {
 background:#fff;
  width:900px;
  height:342px;
  margin:0;
  padding:0;
  text-align:center;
  z-index:10;
 }
 
 
 
 
 
 #header2 {
 background:#fff;
  width:900px;
  height:120px;
  margin:0;
  padding:0;
  text-align:left;
 }
 
 
 
#menuok{ position:relative; top:8px; width:262px; margin-left:4px; padding:0; text-align:left; border:0;}
#menuok ul {margin: 0;padding:0;border:0; }
#menuok ul li{display:inline;} 
#menuok li a {text-decoration: none;display:block;margin: 1px;font-family: verdana;color:#152A3E;font-size: 10px;font-weight: normal;height:auto;line-height: 12px;width:100%;padding:2px 2px 2px 14px; border-bottom:1px dotted #fff;background-image: url(gif/freccia.gif) no-repeat center left;}
#menuok ul li a:hover {background-image: url(gif/freccia.gif) no-repeat center left;color:#57574A;text-decoration: underline}

/*Background image for top level menu list links */
#menuok ul li{
background: url(gif/freccia.gif) no-repeat center left;
}

#titolo{position:relative;top:6px;left:5px; width:275px; height:auto; margin:0; padding:0; text-align:left; border:0;}
#titolo h1{	height:auto;z-index: 10;padding: 0;	margin: 0 0 3px 5px;font:11px Verdana, serif;color: #000;  text-decoration: none; }

#menu-header{
position:relative;
margin: 0;
padding: 0;
width:900px;
height:30px;
background:#323131;
}

#content{
position:relative;
margin: 0;
padding: 0;
width:900px;
height:auto;
}



/*#menu{
margin: 0;
padding:0;
width:900px;
height:auto;
}*/

/* #menu a{
padding: 5px; font:11px Verdana, serif;color: #fff;  text-decoration: underline; line-height:30px;
}*/

/*#menu a:hover{
text-decoration: none;
}*/



#content1
{
position:relative;
margin: 9px; 
padding:0;
width:882px;
height:auto;
}



#main {
float:left;
font:normal 11px Verdana, Arial; 
margin: 0;
padding:0;
text-align:justify;
/*background:#fff;*/
width: 600px;
height:auto;
}

#main h2{
font:normal 11px Verdana, Arial; 
margin: 0;
padding:0;
text-align:center;

}

#main_title {
margin: 0;
padding:5px;
text-align:left;
background: #fff url(gif/back-main.jpg) no-repeat top left;
width: 590px;
height:auto;
border:0;
}

#main_title h1 {
font:normal 11px Verdana, Trebuchet MS, Arial; 
margin: 0;
padding:0;
text-align:left;
height:auto;
border:0;
}

#main a {
margin: 0;
padding: 0;
background: #ECECDE;
border:0;
text-decoration: underline; color: #000; margin: 0;padding: 0; line-height: 16px;
}

#main a:hover {
margin: 0;
padding: 0;
background: #ECECDE;
border:0;
text-decoration: none; color: #000; margin: 0;padding: 0; line-height: 16px;
}


#rightbox {
float:right;
margin: 0;
padding: 0;
height:auto;
width: 273px;
background: #fff;
border:0;
}

/* #ffcc66 */

#prenota {
margin: 0;
padding: 5px;
height:auto;
width: 263px;
background: #620815 url(gif/back-prenota.jpg) no-repeat center left;
border:0;
color:#fff;
}

#prenota1 {
margin: 0;
padding: 5px;
height:auto;
width: 263px;
background: #fff;
border:0;
}

#title_boxdx {
margin: 0;
padding: 5px;
height:auto;
width: 261px;
background: #ECECDE;
border-bottom:0;
border-top:1px #b0b0b0 dotted;
border-left:1px #b0b0b0 dotted;
border-right:1px #b0b0b0 dotted;
}

#rightbox1 {
margin: 0 0 9px 0;
padding: 5px;
height:auto;
width: 261px;
background: #ECECDE;
border-top:0;
border-bottom:1px #b0b0b0 dotted;
border-left:1px #b0b0b0 dotted;
border-right:1px #b0b0b0 dotted;
color:#555252;
}

#rightbox1 a {
margin: 0;
padding: 0;
background: #ECECDE;
border:0;
text-decoration: underline; color: #000; margin: 0;padding: 0; line-height: 16px;
}

#rightbox1 a:hover {
text-decoration: none; 
}

#rightbox1 span  {
	font: 11px Verdana, Arial;
	margin: 0;
	padding:0;
	text-align: justify;
	line-height:auto;
}

#clr{clear:both;}


#footer_line {
position:relative;
left:10px;
 /*background-image:url(gif/backcontent.gif);
background-repeat:repeat-y; 
 background:#3D3832;*/
  width:880px;
  height:auto;
  margin:0 0 3px 0;
  padding:0;
  border:0;
  border-top:1px solid #000;
  text-align:center;
 }
 
#footer {
position:relative;
 /*background-image:url(gif/backcontent.gif);
background-repeat:repeat-y; 
 background:#3D3832;*/
  width:900px;
  height:auto;
  margin:0 0 3px 0;
  padding:0;
  border:0;
 }
 
 #footertxt{
 width:890px;
font:bold 12px Trebuchet MS, Arial;
margin: 0 0 0 5px;
padding:0;
text-align:center;
background-image:url(gif/back-footer.gif);/*background:#E9E9E9;*/
height:auto;
 }
 
#footertxt span{
font:bold 12px Trebuchet MS, Arial;
margin: 0;
padding:0;
text-align:center;
line-height:30px;
 }
 
  #footertxt span a  {text-decoration: none; color: #000; margin: 0;padding: 0; line-height: 30px;
}

  #footertxt span a:hover  {text-decoration: underline;
}
 
#footertt{
 width:890px;
font: 12px Trebuchet MS, Arial;
color:#5F6367;
margin: 0;
padding:5px 0;
text-align:center;

 }
 
 #footertt a, #footertt a.no  {text-decoration: none; color: #5F6367; margin: 0;padding: 0 10px  0 0; line-height: 16px;
}

#footertt a:hover {text-decoration: underline; color: #5F6367; margin: 0;padding: 0 10px 0 0 ; line-height: 16px;}

#footertt a.no:hover {text-decoration: none; color: #5F6367; margin: 0;padding: 0 10px 0 0 ; line-height: 16px;}

 
 #suckertreemenu{
margin: 0;
padding: 0;
top:30px;
left:690px;
position: absolute;
width:186px;
height:20px;
background:#fff;
border:1px solid #000;
}

#suckertreemenu ul{
margin: 0;
margin-left:15px;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
#suckertreemenu ul li{
position: relative;
display: inline;
float: left;
margin:0;

}

/*Top level menu link items style*/
#suckertreemenu ul li a{
display: inline;
padding: 1px 6px;
border: 0;
text-decoration: none;
color: #282522;
margin:0;
line-height:20px;

}
	


#suckertreemenu ul li a:hover{
background-color: #ABAB94;
color: #fff;
}


/*Background image for top level menu list links */
#suckertreemenu {
background: #F6EED9 url(gif/arrow-right.gif) no-repeat center left;
}


* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html #suckertreemenu ul li { float: left; height: 1%; }
* html #suckertreemenu ul li a { height: 1%; }
/* End */


table.prezzi {
border: 1px solid; border-collapse: collapse; border-color:#a6a6a6; font: 10px Verdana, Arial;
}

table.prezzi td{
border: 1px solid #a6a6a6; border-collapse: collapse; padding:3px; text-align:center;
}

table.prezzi td.qua {
height:38px
}

.red {color:#ff0033}

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

fieldset{float:left;width:560px;
    margin: 1px 0;padding: 0;
    background: #E4DFC1} 
	
legend{font-weight:bold;color: #333;background:#E4DFC1}
form b{color:#F00}
form p{margin:0.5em 20px} 

fieldset div{float:left;width:100%;
    padding: 1px 0 3px;
    background: #E4DFC1} 
	
	label{float:left;width:240px;
    display: inline;margin-left: 20px;
    line-height:23px} 

	
	div#alt12 label {
    float:left;width:500px;
    display: inline;margin-left: 20px;
    line-height:40px} 
	
	div#alt40 label {
    width:500px;
    display: inline;margin-left: 20px;
    line-height:12px; font-weight:bold; text-align:center;}
	
	div#alt50 label {
    float:left;width:250px;
    display: inline;margin-left: 20px;
    line-height:20px}
	
	div#alt60 label {
    float:left;width:500px;
    display: inline;margin-left: 20px;
    line-height:12px;}
	
	div#alt500 label {
    float:left;width:500px;
    display: inline;margin-left: 20px;
    line-height:12px}
	
	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; line-height:12px} 

img.dx {float : right; margin-left:10px; margin-top:0;margin-right:6px;}
img.lingua {margin:0; padding: 0 5px 0 5px}
.pics { height: 342px; width: 900px; padding:0; margin:0; overflow: hidden }
.pics img { height: 342px; width: 900px; padding: 0; border: 0; top:0; left:0 }
/*.pics img {
	-moz-border-radius: 10px; -webkit-border-radius: 10px;
}*/


	/* 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:342px;	/* Image height */
		position:absolute;	/* Don't remove this line */
		top: 0;
		left:0;
	}

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

	/* END CSS SLIDESHOW  SCRIPT */
	
		#lingue {
      float:right;
      width:100px;
      font: 11px verdana;
      line-height:normal;
	  background:#323131;
	  margin:0;
	  padding:0;
	  /*border-bottom:1px solid #666; */
      }
	
	#tabs6 {
      float:left;
      width:100%;
      font: 11px verdana;
      line-height:normal;
	  background:#323131;
	  margin:0;
	  padding:0;
	  /*border-bottom:1px solid #666; */
      }
    #tabs6 ul {
	  margin:0;
	  padding:10px 10px 0 5px;
	  list-style:none;
      }
    #tabs6 li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs6 a {
      float:left;
      background:url("tableft7.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs6 a span {
      float:left;
      display:block;
      background:url("tabright7.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#fff;
      }
    /* 84776BCommented Backslash Hack hides rule from IE5-Mac \*/
    #tabs6 a span {float:none;}
    /* End IE5-Mac hack 74675B*/
    #tabs6 a:hover span {
      color:#fff;
      }
    #tabs6 a:hover {
      background-position:0% -42px;
      }
    #tabs6 a:hover span {
      background-position:100% -42px;
      }