body {
	line-height: 1.2;
	font: 70% verdana, Arial, Helvetica, sans-serif;
	background: #98B0E9;
	margin: 0; /* è buona norma impostare a zero i valori margin e padding dell'elemento body per tenere conto delle diverse impostazioni predefinite dei browser*/
	padding: 0;
	text-align:left; /* centra il contenitore nei browser IE 5*. Il testo viene quindi impostato con l'allineamento predefinito a sinistra nel selettore #container */
	color: #444444;

}
#container
{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;
	margin: 0 auto; /* i margini auto (insieme a una larghezza) centrano la pagina */
		text-align: left; /* sostituisce l'impostazione text-align: center nell'elemento body. */
/* centrare la pagina web a larghezza fissa */
border:#FFF solid 5px
} 
body { text-align:center }  
#testa { width:880px;height:180px; margin:auto; margin-top:1px;text-align:left;background-color: #666; ;margin-bottom:5px; background-image: url(../immagini/blefaroplastica.gif) } 
#testa1 {float:left;} 
#logo{ width:145px; height:130px; float: right; background-color: #FFF ; margin-top:5px;margin-left:10px;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:left }


#testa h1{	
font-family: Arial,Helvetica,sans-serif;
margin:0px;
 /* azzerando il valore margin dell'ultimo elemento del div #header si evita la compressione del margine, con la creazione di uno spazio inspiegabile tra i div. Se il div è circondato da un bordo, questo accorgimento non è necessario perché anche il bordo impedisce la compressione del margine */
 /* l'uso del valore padding al posto di margin consente di distanziare l'elemento dai bordi del div */
	padding-top: 10px;
	font-size:2em;
 padding-left:10px;
 color: #FFF;
 font-weight: normal;
 }
 #testa h2{	
font-family: Arial,Helvetica,sans-serif;
margin:0px;
	font-size:1.3em;
 padding-left:10px;
  padding-right:80px;
 color: #FFF;
 }

#testa a {
	text-decoration:none;
        font-family: Arial,Helvetica,sans-serif;
        font-size: 1.4em;
        font-weight: bold;
		color: #00C;
		padding-bottom:2px;
        }
    #testa a:hover {
	text-decoration:none;

color: #CCC
        }
	#testa a:visited {
	text-decoration:none;
color: #CCC
        }
   #testa a:visited:hover {
        color: #CCC;
	text-decoration:none;
	 } 

/* corpo */
#corpo { 
	position:relative; 

}
#corpo-colonna1 { 
	position:absolute; top:1px; left:0px;   
	width:180px; padding-left:5px;height: 400px;
}
#corpo-colonna2 {
	margin:0 180px 0 180px;
	text-align:justify;
	padding:1em 0;
	background-color: #FFFFFF;
	font-size: 1.1em;
	padding: 0 16px;
				}
#corpo-colonna3 { 
	position:absolute; top:0; right:0; 
	width:180px; 
	padding-left:5px;
	text-align:center;
	}

corpo-colonna1 p { font-family: Verdana,Arial,Helvetica, sans-serif; line-height: 1.3em; color: #333; padding-left: 5px; }
	#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-family:Arial, Helvetica, sans-serif; font-size:1.1em; line-height:1.05em; color: #064B97;}
#corpo-colonna2 h4{ font-family:Arial, Helvetica, sans-serif; font-size:1.1em; line-height:1em; color: #064B97}
#corpo-colonna2 h2{ font-family: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;	0/* questo padding corrisponde all'allineamento a sinistra degli elementi nei div sovrastanti. */

}

#footer p {
	margin: 0; /* azzerando il valore margin del primo elemento del footer si evita il rischio di compressione del margine, con la creazione di uno spazio tra i div */
	padding: 10px 0; /* il padding di questo elemento crea uno spazio, così come avverrebbe specificando un valore margin, senza il problema della compressione del margine */
	color:#333;
}

div#menu ul{
	list-style-type: none;
	padding: 0;
}
div#menu li{
	line-height: 15px;
	border-bottom-width: 1px;
	border-bottom-color: #2f5b79;
	text-indent: 10px;
}
div#menu a{
    display: block;
	text-decoration: none;
	font-size: 1em;
	width:100%;
}
div#menu a:hover{
width:100%;
color: #8F89E4;
}
div#menu p{
font-size: 90%;
}

a {
	text-decoration:none;
        font-family: verdana, Arial,Helvetica,sans-serif;
        font-size: 1em;
        font-weight: bold;
		color: #000099;
        }

     a:hover {
	text-decoration:none;

color: #000033
        }
		a:visited {
	text-decoration:none;

color:#000099 
        }

     a:visited:hover {
        color: #000033 ;
	text-decoration:none;
	 } 
	#bannercentrato {text-align: center; }
	


	#navigation {
	          color: #CCCCFF;
			  text-decoration: none;
			  font-family: Arial,Helvetica,sans-serif;
			  font-size: 1.2em;
        	  font-weight: bold;
        	  padding: 0;
        	  }

	#navigation ul {
			  list-style: none;
			  margin: 0;
			  padding: 0;
			 color:#333;
        	  font-weight: normal;

			  }

	#navigation ul li {
			  margin: 0;
			  

			  }

	#navigation ul li a {
	          padding: 2px 2px 2px 2px;
	          text-decoration: none;
	          width: 100%;
	          }

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

	#navigation ul li a:hover {
	          color: #8F89E4;
	          }
			  
			  			  #box2{padding-left: 5px;width:550px; height:70px; background-color: #EBF1FF; border: dashed #009 1px; margin-bottom: 5px;}#box2 a{color: #001D65; font-weight:normal   }
#box2 a:visited{color: #001D65;font-weight:normal   }
#box2 a:hover{color: #CCC;font-weight:normal ; }
#box2 h3{color: #001D65;margin-top:4px;margin-bottom:1px; }
			  #box{
	padding-left: 5px;
	width:150px;
	height:150px;
	background-color: #EBF1FF;
	border: dashed #009 1px;
	margin-bottom: 5px;
}
			  			  #box p{ font:Arial, Helvetica, sans-serif;margin-top:1px;margin-left:2px;margin-bottom:0px;}


			   #box h3{color: #001D65;margin-top:4px;margin-bottom:1px; }
#box a{color: #001D65; font-weight:normal   }
#box a:visited{color: #001D65;font-weight:normal   }
#box a:hover{color: #CCC;font-weight:normal ; }

			  #box2 p{ font:Arial, Helvetica, sans-serif;margin-top:1px;margin-left:2px;margin-bottom:0px;}
			  .picture{float:right;
	width: 120px; height:120px; border:0px}
#top{ font-size:1.1em; color: #666;margin-top:30px;}
#top a{color: #FFF; font-weight:normal ;font-size:1.05em;  }
#top a:visited{color: #FFF;font-weight:normal;font-size:1.05em;   }
#top a:hover{color: #CCC;font-weight:normal ; font-size:1.05em;}
	  .tipi{
	color: #C06;
	font-weight: bold;
	text-align:center;
}	  .prenota{ width:140px; height:160px; background-color: #FFFFFF  ; border:2px; border-color: #009; border-style:solid; padding-left:1px;padding-right:1px;text-align:center; font:1.1em;
	  }