body {
	font-family: Verdana, Arial, Helvetica, sans-serif;/*caratteri - scelta della famiglia di font*/
	font-size: 90%;/*caratteri - riduzione rispetto alle dimensioni di default*/
	color: #000033;/*colore di testo = nero*/
	background-color: #FFFFFF;/*colore di sfondo = bianco*/
}
#testata {	/* ospita l'intestazione della pagina*/
	padding:5px;
	height: 125px; /* l'altezza va assegnata altrimenti il div ignora l'altezza delle immagini. 
	Il valore dato è un valore minimo in quanto il div si adegua all'altezzo delle immagini laterali*/
	background-color: #EDF9FE;/*colore di sfondo = azzurrino*/
	text-align: center;	/*allinea il testo al centro*/
	border-width: 1px 3px 3px 1px; /* alto-top, destra-right, basso-bottom, sinistra-left*/  
	border-style: solid;
	border-color: black;
}
.imgsinistra {
	float: left;
}
.imgdestra {
	float: right;
}
#barra {	/* ---- spazio che segue l'intestazione e che ospita il percorso necessario per arrivare alla pagina ---- */ 
	font-size: 80%;
	padding: 3px 10px 3px 10px;/* alto-top, destra-right, basso-bottom, sinistra-left*/ 
}
.testobarra{
	font-size:14px;
	color:#ffff99;
	font-weight:bold;
}
#avvisi {	/* ---- spazio che segue la barra per ospitare eventuali comuncati di interesse generale ----- */ 
	text-align: center;	
	background-color: #EDF9FE;/*colore di sfondo = azzurrino*/
	padding: 3px 10px 3px 10px;
	margin: 5px 0px 5px 0px;
	border-width: 1px 3px 3px 1px; /* alto-top, destra-right, basso-bottom, sinistra-left*/  
	border-style: solid;
	border-color: black;
}
#avvisi-sx {	/* ---- spazio che segue la barra per ospitare eventuali comuncati - è allineato a sinista ----- */ 
	background-color: #EDF9FE;/*colore di sfondo = azzurrino*/
	padding: 3px 10px 3px 10px;
	margin: 5px 0px 5px 0px;
	border-width: 1px 3px 3px 1px; /* alto-top, destra-right, basso-bottom, sinistra-left*/  
	border-style: solid;
	border-color: black;
}
/* ---- le impostazioni che seguono valgono per il primo corpo centrale delle pagine normali del sito ----------*/
#centrale {	  /*centrale è un contenitore per i box destra e sinistra. Non dovendo ospitare testo non ha padding
	la sua colorazione di sfondo vale per il lato destro (che non ha colore) */
	border: 1px solid #000033;
	background-color: #EDF9FE;/*colore di sfondo = azzurrino*/
	position: relative;
	margin: 5px 0px 5px 0px;/*margini verso l'alto e verso il basso*/
}
#destra {	/* la posizione assoluta di questo div è in alto a destra rispetto al div 'centrale' (top: 0px; right: 0px;) */
	position: absolute;
	top: 3px;
	right: 0px;	
	width: 280px; /*la larghezza di questo div è fissa mentre quella del div 'sinistra' si adatta in base a 
	quella dello schermo. La larghezza utile è di 280 (300 - 10 di padding destro e - 10 di padding sinistro) */
	padding: 10px;
}
#sinistra {
	background-color: #FFFFFF;
	padding: 10px;
	margin-right: 300px;/*in questo div vengono lasciati 300px di margine destro in modo da lasciare spazio 
	al div 'destra' (280 + 10 di padding destro e 10 di padding sinistro*/ 	
}
#sindue {	/* solo nella pagina principale sostituisce sinistra e crea un div alto 80 e con posizione relative 
			per contenere sinint e laterale (con immagine) */ 
	background-color: #FFFFFF;
	padding: 10px;
	margin-right: 300px;/*in questo div vengono lasciati 300px di margine destro in modo da lasciare spazio */ 
	height: 60px;
	position:relative;	/* per contenere laterale */ 
}
#sinduebis {	/* solo nella pagina principale per il div dei trasporti. Crea un div alto 120 e con posizione relative 
			per contenere sinint e laterale (con immagine) */ 
	background-color: #FFFFFF;
	padding: 10px;
	margin-right: 300px;/*in questo div vengono lasciati 300px di margine destro in modo da lasciare spazio */ 
	height: 180px;
	position:relative;	/* per contenere laterale */ 
}
#laterale { 	/* solo nella pagina principale è un div adatto ad ospitare immagini di 60*60 che hanno la funzione di link */
	position: absolute; /* si colloca all'interno di sindue o destdue e occupa lo spazio a sinistra di sinint o destint */ 
	left: 10px;	
	width: 60px;
} 
#sinint{	/* solo nella pagina principale si colloca all'interno di sindue e aggiunge un margine di 80px a sinistra 
			per ospitare laterale	*/ 
	margin-left: 80px;
}
/* ---- le impostazioni che seguono valgono per il secondo corpo centrale delle pagine normali del sito 
.       centraleinf è un contenitore per i box destrainf e sinistrainf. Non dovendo ospitare testo non ha padding.
.       destrainf e sinistrainf lavorano con una larghezza a percentuale e non fissa come visto per i precedenti. 
.       Il colore di sfondo è il marroncino ----- */
#centraleinf {
	position:relative;
	margin: 5px 0px 5px 0px;/*margini verso l'alto e verso il basso*/
	background-color: #FFFF99;	/*colore di sfondo = marroncino */
}
/*la larghezza di destrainf è fissata in percentuale e va in coppia con sinistrainf
la posizione è in alto a destra rispetto al div 'centraleinf' (top: 0px; right: 0px;) */
#destrainf {
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 10px;
	width: 34%;
}
#sinistrainf {/*la larghezza di questo div è fissata in percentuale e va in coppia con destrainf*/
	background-color: #FFFFFF; /*colore di sfondo = bianco */
	padding: 10px;
	margin-right: 36%;
}
#alto100 {	/* per contenere un'immagine alta 100 e il testo collocato a sinistra */ 
	height: 100px;
}
/* ----------- contenitori centrali a pagina intera -------------------------------------------------------*/
/* div 'unicobase' div per contenere testi a pagina intera senza bordi */
#unicobase {
	margin: 5px 0px 5px 0px;/*margini verso l'alto e verso il basso*/
	padding: 10px;
}
/* div 'unico' div per contenere testi a pagina intera con bordi */
#unico {
	border: 1px solid #000033;
	padding: 10px;
	margin: 5px 0px 5px 0px;	/*margini verso l'alto e verso il basso*/
}
#footer {	/*fondo di pagina*/
	font-size: 90%;
	background-color: #EDF9FE;
	text-align: center;
	padding: 5px 0px 5px 0px;
	margin: 5px 0px 5px 0px;
	border-width: 1px 3px 3px 1px;  
	border-style: solid;
	border-color: black;
}
#naviga{	/*barra di navigazione degli articoli*/
	font-size:10px;
	font-weight:bold;
	padding:10px 0px 10px 0px;
	background-color: #FFFF66;
}
/* ---------------- dimensionamento di classi --------------------------------------------*/
.bordi {
/*applica un bordo di 1px ad un immagine. Si può fare anche con Dreamweaver con lo stesso risultato */
	border: 1px solid #000033;
}
.altotestata {
/*serve per aumentare il margine superiore dei titoli (h2) delle pagine*/
	margin-top: 10px;
}
.testogrande{	/* aumenta le dimensioni del testo di un ulteriore 20% compensando la riduzione previsto per tutto il body*/
	font-size: 140%;
}
.testomedio { 	/*riduce il testo di un ulteriore 10% rispetto al 20% previsto per tutto il body*/
	font-size: 90%;
}
.testopiccolo { /*riduce il testo di un ulteriore 20% rispetto al 20% previsto per tutto il body*/
	font-size: 80%;
}
.testoviola {
	color: #CC0099;
}
.testoviolapicc {
	color: #CC0099;
	font-size: 80%;
}
.testorosso {
	color: #FF0000;
}
.testoblu {
	color:  #0000CC;
}
.testoverde {
	color: #006600;
}
.testochiaro {
	color: #999999;
}
.testomoltochiaro {
	color: #CCCCCC;
}
.sfondogiallo {
	background-color: #FFFF99;
}
.sfondogrigio {
	background-color: #CCCCCC;
}
.sfondomarrone {
	background-color: #99CC99;
}
.altezza100 {	/* per stabilire un altezza minima di 100px */
	height: 100px;
}
.menu:hover{	/* classe che fa cambiare il colore di sfondo delle scritte al passaggio del mouse */
background-color:#0000FF;
color:#FFFF00;
}
.larghezzajava{		/* classe che imposta la larghezza dei bottoni java */
width:250px;
}