html,body{
	margin: 0;
	padding:0;
}
body{
	font-family: arial,sans-serif;
	font-size: 12px;
	text-align: center;
}
div#totale{
	position: relative;
	width: 760px;
	margin: 0px auto;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	color: #000;
	text-align: left;
	background-image:   url(centro.jpg);
}

/*stili generici, su header e footer*/
div#testa{
	height: 80px;
	color: #fff;
	background-image:   url(testa-3%20copia.jpg);
}
div#testa a{
	text-decoration:none;
}
h1,h2,h3,p{margin: 0}
p{padding-bottom: 10px}
h3{padding-top: 10px}
h1{padding-left:10px;font: bold 2.3em/80px georgia,times,serif}
h2{font-size: 1.5em}
h3{font-size: 1.2em}
div#piede a{color:#ff0;font-weight: bold;text-decoration: underline}

/*stili specifici per il layout*/
div#menu{
	position: absolute;
	top: 82px;
	width: 110px;
	left: 2px;
	right: 0px;

\width:110px;w\idth:100px;padding: 1em 0 0 10px}
div#destra{position: absolute; top: 80px; right: 0;
    width: 180px;\width:190px;w\idth:180px;padding: 1em 5px}
div#content{
	margin: 0 190px 0 110px;
	padding: 1em 10px;
	background-image:   url(fondo.jpg);
}
div#piede{text-align:right; padding: 5px 20px;
    background-color: #0000FF; color: #fff}

/*stili per la navigazione*/
div#menu ul{
	margin: 0 0 20px;
	padding: 0;
	list-style-type: none;
	text-align: center;



}
div#menu ul a{
	display:block;
	width: 90px;
	border-bottom: 1px solid #fff;
	color:#000;
	font-weight:bold;
	text-decoration: none;
	text-align: left;




}
div#menu ul a:hover{
	background-color: #fff;
	color: #0000FF;
	font-size: 16px;
}
div#menu ul a#activelink{color: #f00;text-decoration: none}
div#minilink a{margin: 20px 0;display: block;border: 1px inset #666;width:90px;line-height: 40px;
    background-color: #fff;color: #0000FF;text-align: center;text-decoration: none}
div#minilink a:hover{font-size: 2em;font-weight: bold;color: #ccc}


/*stili per la sezione extra*/
div#destra div.box{font-size: 90%;margin-bottom: 0em}
div#destra div.box h2{padding: 1px 2px;background-color: #0000FF;color: #fff;font-size: 1.2em}
div#destra div.box p{margin: 0}

/*stili per i contenuti*/
div#content{border-left: 1px solid #999; border-right: 1px solid #999}
div.textimage{border-bottom: 1px dotted #999; width: 100%} /*risolve il peek-a-boo bug di IE6*/
div.textimage img{float:left;margin: 10px}
div.textimage h2{margin-top: 10px}


div.wide,div.split2,div.split3{clear:left}
div.wide{margin: 0 1%; border-top: 1px dotted #ccc}
div.split2 div{float: left; width: 208px; \width: 218px; w\idth: 208px;padding: 0 5px}
div.split3 div{float: left; width: 135px; \width: 145px; w\idth: 135px;padding: 0 5px;
    border-top: 1px dotted #ccc}
.separa {
	border-top: solid #33FFFF;
	border-right: solid #0000FF;
	border-bottom: solid #0000FF;
	border-left: solid #33FFFF;
	font-weight: bold;

}