body {
margin: 0 0 0 0;
}

#top {
width:100%;
height:40px;
background-color:#f2f2f2;
border-bottom:#33cc33 1px solid;
position:relative;
}

#top2 {
width:960px;
height:20px;
padding-top:10px;
margin-left:auto;
margin-right:auto;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

#top2 #top3{
width:240px;
height:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
float:left;
font-weight:bold;
}

#testata {
width:100%;
height:120px;
background-color:#ffffff;
border-bottom:#33cc33 1px solid;
position:relative;
}

#testata2 {
width:960px;
height:150px;
padding-top:10px;
margin-left:auto;
margin-right:auto;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
padding-top:55px;
}

#testata3 {
width:480px;
height:auto;
margin-left:auto;
margin-right:auto;
float:left;
}

#center {
width:100%;
height:296px;
background-color:#ffffff;
border-bottom:#33cc33 1px solid;
position:relative;
}

#center #center2 {
width:960px;
height: auto;
margin-left:auto;
margin-right:auto;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

#content {
width:100%;
height:auto;
background-color:#ffffff;
border-bottom:#33cc33 1px solid;
position:relative;
}

#content #content2 {
width:960px;
height:auto;
margin-left:auto;
margin-right:auto;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
position:relative;
}

#content #content2 #left {
width:760px;
height: auto;
float:left;
position:relative;
text-align:justify;
}

#content #content2 #left h1{
	margin-left:10px;
	font-size:12px;
	padding:0px 0px 0px 0px;
}

#content #content2 #left p{
	margin-left:10px;
	font-size:12px;
	padding:0px 0px 0px 0px;
	width:740px;
}

#content #content2 #right {
width:199px;
height:auto;
float:right;
position:relative;
text-align:left;
}


#menu_css_orizzontale{
/*specificare qui un width per un menu orizzontale a larghezza fissa*/
/*1. rimuoviamo i marcatori della lista*/
list-style:none;
/*2. usiamo questo metodo per evitare che lo sfondo dell’elemento contenitore collassa con elementi floatati*/
overflow:hidden;
/*3. relativo al metodo applicato sopra, per Internet Explorer 6, specifichiamo una larghezza di 100%*/
width:199px;
/*4. azzeriamo le margine – richiesto per Internet Explorer*/
margin:0;
/*5. impostiamo un spazio cuscinetto (padding) di 1 px tra i bordi della lista e il suo contenuto*/
padding:1px; 
/*6. aggiungiamo un colore di sfondo al menu*/
background-color:#FFFFFF;
height:auto;

}

#menu_css_orizzontale li{
display:inline;
}

#menu_css_orizzontale a{
/*1. convertiamo i link da elementi inline a elemento di blocco, per potere poi specificare altezza/larghezza*/
display:block;
/*2. usiamo la proprietà   float per allineare gli elementi orizzontalmente*/
float:left;
/*3. specifichiamo una larghezza per link di stessa larghezza nel caso di questo esempio*/
/*per link di larghezza relativa alla larghezza del testo, usare padding-right invece di width*/
width:199px;
/*4. e un altezza*/
height:25px;
/*5. aggiungiamo un spazio a sinistra tra ogni link*/
margin-left:1px;
/*6. e un spazio cuscinetto (padding) a sinistra tra il bordo e il testo dei link*/
padding-left:15px;
/*7. specifichiamo un colore di sfondo per i link*/
background-color:#ffffff;
/*8. e un bordo sinistro di 10px*/
border-left:3px solid #009900;
/*9. specifichiamo il tipo di carattere usato*/
font-family:Verdana, Arial, Helvetica, sans-serif;
/*10. e la misura del carattere*/
font-size:10px;
/*11. convertiamo i caratteri da minuscolo a maiuscolo*/
text-transform:uppercase;
/*12. togliamo la sottolineatura dei link aggiunta per default*/
text-decoration:none;
/*13. specifichiamo un colore per i link*/
color:#000000;
/*14. allineiamo verticalmente il testo*/
line-height:25px;
}

#menu_css_orizzontale a:hover{
/*1. cambiamo il colore di sfondo dei link*/
background-color:#E5E5E5;
/*2. il colore del bordo sinistra*/
border-left:5px solid #CCCCCC;
/*3. e il colore dei link stessi*/
color:#666666;
}

#menu_css_orizzontale a.primo{
margin-left:0;
}
#content #content2 #right h1{
	margin-left:10px;
	font-size:12px;
	padding:0px 0px 0px 0px;
}

#content #content2 #right p{
	margin-left:10px;
	font-size:12px;
	padding:0px 0px 0px 0px;
}

#content #content2 #right2 {
width:199px;
height:auto;
float:right;
border-left:#33cc33 1px solid ;
position:relative;
text-align:left;
}

#content #content2 #right2 h1{
	margin-left:10px;
	font-size:12px;
	padding:0px 0px 0px 0px;
}

#content #content2 #right2 p{
	margin-left:10px;
	font-size:12px;
	padding:0px 0px 0px 0px;
}