/*utilizzo un layout fluido con posizionamenti assoluti*/
html,body{margin: 0;padding:0}
body{font-family: Verdana,arial,helvetica,sans-serif;font-size: 75%;
line-height: 1.3;}

div#wrapper{position:relative; background: url(menu_homepage.jpg) repeat-y top left;}

div#header{/*background-image: url(my_header.jpg); height: 150px; width:800px;*/
margin: 0; padding:0; border:0;
background-color:#333333;
color: #fff;
height:150px;
}
/*ridefinizione del background solo per la homepage*/
div#header.homepage{
	/*background-color: transparent;*/
   /*per far validare il documento metto un colore a caso 
	per lo sfondo e ridefinisco transparent entro il documento*/
	background-color: inherit;
	color: #000;
	/*margin-bottom:-2px; /*elimina il disturbo di my_header.jpg in IE6**/
}

h1,h2{margin: 0;padding:0;}
/*ridefinizione di h1 per il solo div con id=header*/
div#header h1{margin-left:1em;font: bold 4em/130px Verdana,arial,helvetica,sans-serif;}
div#header h2{margin-left:1em;font: bold 2.5em/130px Verdana,arial,helvetica,sans-serif;}
/*h2{color: black;font-size: 1.5em}*/
/*div#footer a{color: #fff;font-weight: bold;text-decoration: underline}*/

div#menu{/*position: absolute; originariamente, con position:fixed: il menu sta fisso(solo Firefox)*/
   position:absolute;
	top: 150px; 
	left: 0;
	width: 130px;
	margin: 2em 0 1em 1em;
	padding: 0;
}


div#txt{margin-left: 150px;
   /*ridefinisce lo spazio a sinistra tra colonna del menu ed inizio del testo*/
	padding: 1em 1em 1em 2em;
   background-color: #fff;color:#000;
}

div#footer{
    text-align:center; padding: 0.5em; vertical-align: middle;
	 /*background-color: #cccccc;
	 color: #000;*/}

a.nav, a.nav:link, a.nav:visited {display:block; width:120px; height:25px;
background-color:#cccccc; 
margin-top:2px; text-align:center;text-decoration:none; font-family:Verdana,arial, helvetica,sans-serif; font-size:11px; color:#000;
line-height:25px;}
a.nav:hover {color:#fff; background-color:#666666;} /* quando ci passo sopra col mouse*/
a.nav:active {color:#fff; background-color:#333333;}

.chosen {display:block; width:120px; height:25px;
background-color:#dca; border:1px solid #000;
margin-top:2px; text-align:center; text-decoration:none; 
font-family:Verdana,arial,helvetica,sans-serif; font-size:11px; color:#000;
line-height:25px;}
.chosen {
	background-color: #333333; color: #fff
}
/*effetto 3D del menu*/
a.nav{
border-left:1px solid #fff;
border-top:1px solid #fff;
border-right:1px solid #000;
border-bottom:1px solid #000;
}

a.nav:hover, a.nav:active, .chosen{
border-left:1px solid #000;
border-top:1px solid #000;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
}

img.banner{
   border: 0px; /*lo ho messo per le image maps, che altrimenti 
	hanno il bordo azzurro tipico dei link*/ 
	height: 150px;
	width:800px;
	vertical-align:-2px; /*questa opzione serve per IE6: se non metto il background trasparente si vede un sottile bordo di 2px.
	Firefox non presenta questo problema.*/
}

img.ritratto{
	height: 200px;
}
img.firma{
	vertical-align: middle;
   /* per la firma Arial*/
	/*height: 13px;*/
	/* per la firma Georgia e Verdana*/

   height: 16px;
}

/* classe equivalente a mbox{	}*/
.nobr { white-space: nowrap; }

p.math{
   /*font-family: Verdana,arial,helvetica,sans-serif;*/
   font-size:12pt;
}

/* la classe sotto, costruita secondo le normative di MathML (v. appendice G),
funziona solo per Firefox, ma non per Internet Explorer*/
/*math {
  font-family: sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size:12pt;
}
*/

p.image{
	text-align: center;
}