body {
	background-color:#2A5FFF;
	font: 10px normal normal Arial, Verdana, Helvetica, sans-serif;
	color: #2A00AA;
	margin: 0px auto;

	}

h1 {
	color: #FF0000; text-align:center;
	padding: 5px 0px; margin: 0px 0px;
	font: bold small Arial, Helvetica, sans-serif
}

h2 {
	color: #FF0000; text-align:center;
	padding: 5px 0px; margin: 0px 0px;
	font: bold x-small Arial, Helvetica, sans-serif
}

h3 {
	color: #FF0000; text-align:center;
	padding: 2px 0px; margin: 0px 0px;
	font: bold xx-small normal Arial, Helvetica, sans-serif
}

p {
	text-align: justify;
	padding: 5px 10px; margin: 0px 0px;
	font: 10px Arial, Helvetica, sans-serif, normal
}

a {
  color: #0000FF;
}

#capello {
	width:750px; height: 15px;
	background-position:bottom;
	background-repeat:no-repeat;
	background-image:url(../images/cappello.gif);
	margin: 0px auto;
	text-align:center
}

#testa {
	width:720px; height: 90px; vertical-align: middle; clear:both;
	background-color:#FFFFFF;
	margin: auto auto;
	padding: 0px 15px;
	overflow:hidden;
	background-image:url(../images/sfondo.gif);	 
}

#corpo {
	width:720px; height: auto;
	margin: auto auto;
	padding: 0px 15px;
	background-color:#FFFFFF;
	background-image:url(../images/sfondo.gif);
	}

#div-logo {
	width:140px; height: 70px; text-align:center; float: left;
}

#img-logo {
	width:70px; height: 70px; border: 0px;
}

.div-testata {
	width:575px; height: 70px; text-align:center; float:right; text-align: right; padding: 0px 0px;
}

.div-testa-dx {
	width:565px; height: 40px; text-align:center; float:right; text-align: right; padding: 5px 5px 5px 5px;
}

.div-barra {
	width: 710px; height: 20px; text-align:center; clear:both; overflow:hidden; 
	background-image: url(../images/sfondo_tasti_barra.jpg); background-repeat: no-repeat;
	padding: 0px 0px; text-align: center; 
}
 
.span-barra {
	width:174px; height: 20px; text-align:center; padding: 0px 0px; float:left; vertical-align:middle; 
	
}

.img-barra {
	width:170px; height: 20px; border: 0px;
}

#menu-sx {
	width:165px; height: auto; text-align:center; float:left; 
}

.img-menu-sx {
	width:160px; height: 40px; border: 0px;
}

.div-img-menu-sx {
	width: 100%; height:50px; vertical-align:middle; text-align:center; clear:both;
}


#menu-dx {
	width:175px; height: auto; text-align:center; float:left;
	font-size: 4px;
/*	font: 4px Arial, Verdana, Helvetica, sans-serif; */
}

.img-menu-dx {
	width:75px; height: 75px; border: 0px;
}

.div-img-menu-dx {
	width: 100%; height:auto; vertical-align:middle; text-align:center; clear:both;
}

.span-img-menu-dx-sx {
	width: 80px; height:auto; vertical-align:middle; text-align:center; float:left;
}

.span-img-menu-dx-dx {
	width: 80px; height:auto; vertical-align:middle; text-align:center; float:right;
}

#centrale {
	width: 355px; height: auto; text-align:center; float: left;
	padding:0px 10px;
	font: small Arial, Verdana, Helvetica, sans-serif;
	text-align:center; border: 0px solid; overflow:hidden;
}

#centrale-gen {
	width: 530px; height: auto; text-align:center; float: left;
	padding:0px 3px 0px 15px;
	font: small Arial, Verdana, Helvetica, sans-serif;
	text-align:center; overflow:hidden;
}

ul.lista-menu {
	width: auto;
	list-style:none; /* elimino i punti elenco */
	margin:0; padding:0; /* elimino i rientri delle liste */

}

ul.lista-menu li a {
display:block; /* il link occupa tutto lo spazio orizzontale */
text-decoration:none; /* elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */
padding:0 1em; /* lascia spazio far il bordo del menu e il testo del link */
height:2em;line-height:2em; /* altezza del link: height e line-height devono avere il medesimo valore */
font-size:9px;
font-family: Arial, Verdana, Helvetica, sans-serif
}

ul.lista-menu li { display:inline } /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/

ul.lista-menu li a:link, ul.lista-menu li a:visited {
color: #0000FF;
font-size:9px;
font-family: Arial, Verdana, Helvetica, sans-serif

} /* colori per il link */

ul.lista-menu li a:hover, ul.lista-menu li a:active {
background: #eee;
color:#ff0000;
font-size:9px;
font-family: Arial, Verdana, Helvetica, sans-serif

} /* colori per l'effetto roll-over */

ul.lista-barra {
	width: auto;
	list-style:none; /* elimino i punti elenco */
	margin:0; padding:0; /* elimino i rientri delle liste */

}


.vuoto {
	width:100%; height: 1px; clear: both;
}


#coda {
	width:750px; height: 20px;clear:both;
	margin:auto auto;
	background-image:url(../images/coda.gif);
	background-position:top;
	background-repeat: no-repeat;

}

#piede {
		width: 100%; height: 20px; text-align: center; clear:both;
		font: x-small normal Arial, Helvetica, sans-serif;
		color: #fff	
}

/* formattazione dei form */
.riga-form {
		width: 90%; clear:both; text-align:center; padding: 2px 0px;
}

.cella-sx-form {
		width:48%; float:left; text-align:right
}

.cella-dx-form {
		width:48%; float: right; text-align:left
}

.div-voto-sx {
		width:135px; height: 40px; float:left; vertical-align: bottom; padding-top: 3px
}

.div-voto-dx {
		width:auto; height: 20px; float:left; vertical-align: bottom; color: #FFF;
}

.img-star {
		width: 20px; height: 20px; border: 0px; vertical-align: bottom;
}

.img-voto {
		width: 100px; height: 20px; border: 0px;vertical-align: bottom;
}

.div-archivi {
		width: 100%; height: auto; text-align: left; clear: both; padding: 5px 0px;
}

.img-archivi {
		width:100px; height: 90px; float: left; padding: 2px 5px; border: 0px;
}