body {line-height: 1.2;font:   70%  Arial, Helvetica, sans-serif;background-image: url(../immagini/sfondo.png); background-repeat: repeat;margin: 0; padding: 0;
	text-align:left; 
	color: #444444;}
#container{width: 880px;background-color: #FFFFFF;margin: 0 auto; text-align: left; border:#FFF solid 5px;} 
#testa { width:880px;height:140px; margin:auto; text-align:left;background-color: #3300CC ;margin-bottom:-8px;} 
#testa1 {float:right;width:685px;} 
#logo{ width:180px; height:130px; float: left; background-color:#FFF ; margin-top:5px;margin-left:5px;margin-right:5px;} 
#corpo { width: 880px;  /* utilizzando 20 px in meno rispetto alla dimensione piena di 800 px, si lascia spazio per gli elementi grafici e strutturali del browser e si evita che venga visualizzata una barra di scorrimento orizzontale */
	background-color: #FFFFFF;	text-align: left; /* sostituisce l'impostazione text-align: center nell'elemento body. */
  }
#piedipagina { width:980px; margin:1em auto; text-align:center}

#testa h1{font-family: Arial,Helvetica,sans-serif;margin:0px;padding-top:10px;font-size:2em;padding-left:0px;color: #FFF;font-weight: normal; }
#testa h2{	font-family: Arial,Helvetica,sans-serif;margin:0px;font-size:1.5em;padding-left:0px;padding-right:80px;color: #FFF;}
#testa p{font-family: Arial,Helvetica,sans-serif;margin:0px;font-size:1.5em;padding-left:0px;padding-right:20px;color: #FFF; text-align:justify}

#corpo {position:relative;}
#corpo-colonna1 {position:absolute; top:0; left:0; width:180px; padding-left:4px; background-color: #CCCCCC;height:1200px;}
#corpo-colonna2 {margin:0 170px 0 190px;text-align:justify;background-color: #FFFFFF;font-size: 1.2em;padding: 0 5px; height:1200px;}
#corpo-colonna3 {position:absolute;top:0px;right:0;width:160px;padding-left:5px;text-align:right;}

#corpo-colonna1 p { font-family: Arial,Helvetica,sans-serif; font-size: 1.3em; font-weight: bold; padding-left:2px; color: #000;}
#corpo-colonna1 h1 { font-family: Arial,Helvetica,sans-serif; font-size: 1.3em; font-weight: bold; padding-left:2px; color: #000;}
#corpo-colonna1 h4 { font-family: Arial,Helvetica,sans-serif; font-size: 1.0em; font-weight: bold; padding-left:2px; color: #333;}
#corpo-colonna2 .img {text-align:center}
#corpo-colonna2 h3{ font-size:1.1em;color:#000099; font: Arial, Helvetica, sans-serif; font-weight:bold;}
.titoletto{ font-size:1.1em; color:#000099; font:Arial, Helvetica, sans-serif; font-weight:bold; }
#corpo-colonna2 h4{ font-size:1.1em;color:#000099; font: Arial, Helvetica, sans-serif; font-weight:bold;}
#corpo-colonna2 h2{ font-family:georgia,  Arial, Helvetica, sans-serif; font-size:1.1em; line-height:1.1em; color: #064B97  ;}
#corpo-colonna3 h4{ font-size:0.9em; }

#footer {width:880px; margin:1em auto; text-align:center;background-color:#DDDDDD;color: #F2F2F2;background-position: 500px 0;font-size: 1em;font-weight:normal;}
#footer p {margin: 0; padding: 10px 0; color:#333;}

a {text-decoration:underline;font-family: Arial,Helvetica,sans-serif;font-size: 1.1em;font-weight: bold;color:#000099;}
a:hover {text-decoration:underline;color: #000099}
a:visited {text-decoration:none;color: #000099}
a:visited:hover {color: #000099;text-decoration:underline;} 
	
#bannercentrato {text-align: center; }
	
#navigation {color: #3300CC;text-decoration: none;font-family: Arial,Helvetica,sans-serif;font-size: 1.2em;font-weight: bold; padding-top:10px}
#navigation ul {list-style:none;margin: 0;padding: 0;font-weight: normal;}
#navigation ul li {margin: 0;padding-left: 2px}
#navigation ul li a {text-decoration: none;width: 100%;color: #3300CC}
#navigation ul li a:hover {color: #8F89E4;text-decoration:underline; }

html>body #navigation ul li a {width:auto;}

.picture{float:right;width: 120px; height:120px; border:0px}
.tipi{color: #C06;font-weight: bold;text-align:center;}	  
.prenota{ width:140px; height:160px; border:1px; border-color: #009; border-style: groove;  padding-left:2px;padding-right:1px;text-align:center; float:right;}