/* Data di aggiornamento del Foglio di Stile: 17.07.2003 */


/* [body] - TAG ridefinito. Controlla la posizione degli elementi all'interno della finestra - Gli attributi "margin" e "padding" controllano rispettivamente la distanza esterna ed interna dai margini di pagina e degli elementi contenuti nella pagina. */

body {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-family: arial, helvetica, sans-serif;
	color: #ffffff;
	background-color: #003366;
	}

/* [bodycl] - CLASSE alternativa al body */

.bodycl {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-family: arial, helvetica, sans-serif;
	color: #ffffff;
	background-image: url(_img/sq_back.gif);
	background-repeat: repeat;
	}


/* [Testata] - ID che controlla il layout, aspetto e posizione della testata in tutte le pagine */

#Testata {
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 2%; 	
	background: #ffffff;
	border: 1px solid #ffcc66;
	text-align:left; 
	width: 95%; 
	voice-family: "\"}\"";
	voice-family: inherit;
	}
html>body #Testata {
	width: 89%; 
	}


/* [Footer] - ID che controlla il layout, aspetto e posizione del piè di pagina in tutte le pagine */

#Footer {
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	margin-top: 7px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 2%;	
	background: #ffffff;
	border: 1px solid #ffcc66;
	background-image: url(_img/b_footer.gif);
	background-repeat: no-repeat;
	background-position: center;
	text-align: center; 
	width: 95%; 
	height: 50px;
	voice-family: "\"}\"";
	voice-family: inherit;
	}

/* [Base] - ID che controlla il layout, aspetto e posizione del piè di pagina nel forum */

#Base 	{
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	margin-top: 7px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 2%;	
	background: #ffffff;
	border: 1px solid #ffcc66;
	background-image: url(_img/b_footer.gif);
	background-position: center;
	text-align: center; 
	width: 95%; 
	height: 50px;
	}


/* [sTestata] - ID che controlla il layout, aspetto e posizione per il sottotitolo della testata in tutte le pagine */

#sTestata {
	padding-top: 11px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	margin-top: 11px;
	margin-right: auto;
	margin-bottom: auto;
	/*margin-left: 2%;*/	
	background: #003366;
	text-align: center; 
	width: 95%; 
	/*voice-family: "\"}\"";*/
	/*voice-family: inherit;*/
	}
html>body #Testata {
	width: 89%; 
	}

/* [sTestata] - CLASSE che controlla il layout, aspetto e posizione per il sottotitolo della testata in tutte le pagine */

.sTestata {
	padding-top: 11px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	margin-top: 11px;
	margin-right: auto;
	margin-bottom: auto;
	background: #003366;
	text-align: center; 
	width: 95%; 
	}
html>body #sTestata {
	width: 89%; 
	}
/* [MFooter] - ID che controlla il menu testuale al piè di pagina in tutte le pagine */

#MFooter {
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 2%;
	margin-left: 2%;	
	border: 1px solid #336699;
	color: #003366;
	background: #ffffff;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight: bold;
	text-align: center;
	width: 95%; 
	voice-family: "\"}\"";
	voice-family: inherit;
	}



/* [content] - ID che controlla il layout, aspetto e posizione di tutti gli elementi di contenuto all'interno del blocco centrale di pagina - NON UTILIZZATO per incompatibilità con NN 4.x */

#content {
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 2%; 	
	background: #ffcc66;
	border: 1px solid #ffffff;
	text-align:left; 
	width: 95%; 
	height: 99%;
	voice-family: "\"}\"";
	voice-family: inherit;
	}
html>body #content {
	width: 89%;
	}



/* [content] - CLASSE che controlla il layout, aspetto e posizione di tutti gli elementi di contenuto all'interno del blocco centrale di pagina */

.content {
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 2%;	
	background: #ffcc66;
	border: 1px solid #ffffff;
	text-align:left; 
	width: 95%; 
	height: 240px;
	voice-family: "\"}\"";
	voice-family: inherit;
	}

/* [Mtext] - CLASSE che controlla tutti gli attributi del testo utilizzato per le parti funzionali e per il menù di blocchi interni alle pagine. Questa classe prevede pseudo-classi per i selettori css link, visited e hover */

/* classe pura e pseudo-classe per i puntatori di collegamento  */

.Mtext, a.Mtext:link {
	color: #003366;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	padding-top: 1px;
	padding-right: 8px;
	padding-bottom: 1px;
	padding-left: 8px;
		}

/* pseudo-classe per i collegamenti visitati */

a.Mtext:visited {
	color: #003366;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	padding-top: 1px;
	padding-right: 8px;
	padding-bottom: 1px;
	padding-left: 8px;
		}

/* pseudo-classe per simulare il roll-over nel collegamento */

a.Mtext:hover {
	color: #003366;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	text-decoration: underline;
	border: 1px solid #ffffff;
	background-color: #ffcc66;
	padding-top: 1px;
	padding-right: 7px;
	padding-bottom: 1px;
	padding-left: 7px;
		}



/* [border] - CLASSE per bordo semplice, si può applicare ai blocchi DIV e TABLE coerentemente alla compatibilità CSS1. Sintassi: spessore, stile, colore */

.border {
	border: 1px solid #ffffff;
	/*height: 220px;*/
	/*height: 99%;*/
		}


/* [Hscheda] - CLASSE per la testata degli elenchi di materiali: Sfondo blu, testo bianco, corpo 11 (px), grassetto, allineato a sinistra */

.Hscheda {
	color: #ffffff;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	padding-top: auto;
	padding-right: 30px;
	padding-bottom: auto;
	padding-left: 30px;
	background-color: #003366;
		}


/* [Ctext] - CLASSE per il testi degli elenchi di materiali: testo blu, corpo 11 (px), spessore normale, allineato a sinistra. Questa classe prevede pseudo-classi per i selettori css link, visited e hover  */

/* classe pura e pseudo-classe per i puntatori di collegamento*/

.Ctext, a.Ctext:link {
	color: #003366;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
		}

/* pseudo-classe per i collegamenti visitati */

a.Ctext:visited {
	color: #003366;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
		}

/* pseudo-classe per simulare il roll-over nei collegamenti */

a.Ctext:hover {
	color: #003366;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	text-decoration: underline;
	background-color: #ffcc66;
		}

/* [ul] - TAG ridefinito per liste puntate semplici: punto elenco quadro, testo blu, corpo 11 (px), spessore normale, rientro standard (proporzionale all'altezza carattere) */

ul {
	color: #003366;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	list-style-type: square;
		}

/* [CampoSelect] - CLASSE per la gestione dell'input "text" per l'inserimento dei dati accesso all'area riservata. Dimensione del testo relativa, larghezza del campo fissa */

.CampoSelect {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: smaller;
	font-style: normal;
	font-weight: normal;
	color: #336699;
	width: 100px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 1px;
	padding-top: auto;
	padding-right: auto;
	padding-bottom: auto;
	padding-left: 3px;
	border: 1px solid #003366; 
	}

.CampoSelect1 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: x-small;
	font-style: normal;
	font-weight: normal;
	color: #336699;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 1px;
	padding-top: auto;
	padding-right: auto;
	padding-bottom: auto;
	padding-left: 3px;
	border: 1px solid #003366; 
	}

.CampoSelect2 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: x-small;
	font-style: normal;
	font-weight: normal;
	color: #336699;
	width: 400px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 1px;
	padding-top: auto;
	padding-right: auto;
	padding-bottom: auto;
	padding-left: 3px;
	border: 1px solid #003366; 
	}



.CampoSelectnum {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: normal;
	font-weight: normal;
	text-align: right; 
	color: #336699;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 1px;
	padding-top: auto;
	padding-right: auto;
	padding-bottom: auto;
	padding-left: 3px;
	border: 1px solid #003366;
	
	}

/* [BottoneOK] - CLASSE per la gestione dell'input "button". I colori sono coerenti al layout definito allo stato dell'ultimo aggiornamento. Dimensione del testo fissa, sono definiti gli attributi "margin" e "padding" per il posizionamento relativo del bottone e per l'allineamento del testo */

.BottoneOK {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	border: 1px solid #ffffff;
	background: #003366;
	padding-top: 1px;
	padding-right: auto;
	padding-bottom: auto;
	padding-left: auto;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 15px;
	}

/* [Ftext] - CLASSE per la gestione dei blocchi di testo all'interno della Form per l'accesso all'area riservata. I colori sono coerenti al layout definito allo stato dell'ultimo aggiornamento. Sono definiti gli attributi "margin" e "padding" per la distanza e l'allineamento con gli input di testo. La classe è riutilizzabile anche per altre Form, cambiando eventualmente il colore del testo. */

.Ftext {
	color: #003366;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	text-align: right;
	padding-top: auto;
	padding-right: 5px;
	padding-bottom: auto;
	padding-left: auto;
		}

/* [Tborder] - CLASSE per bordo di tabella, blocco TABLE coerentemente alla compatibilità CSS1. Usato nella pagina di Login */

.Tborder {
	border: 1px solid #ffffff;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
		}


/* [Cborder] - CLASSE per bordo. Come per la preedente, ma ridondante per lo sfondo, sembra necessario alla tabella dei menù dinamici*/

.Cborder {
	background: #ffcc66;
	background-color: #ffcc66;
	border: 1px solid #ffffff;
	text-align:left; 
		}

/* [Sborder] - CLASSE per bordo. Usato nelle "tabelle semaforo"*/

.Sborder {
	border: 1px solid #003366;
		}
/* [text] - CLASSE per la gestione dei blocchi di testo all'interno delle pagine dinamiche. Per calibrare lo stile è sufficiente cancellare gli attributi commentati non coerenti con il colore di sfondo, se modificato. Per l'allineamento sono previsti gli attributi "tex-indent" e "padding", da selezionare in funzione delle esigenze di layout ed in funzione della compatibiltà CSS1 o CSS2, rispettivamente */

.text {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #003366;
	font-size: x-small;
	font-weight: normal;
	text-align: left;
	margin-top: 3px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
		}

/* PSEUDO-CLASSI per la gestione dei blocchi di testo della classe [text] */

/* selettore per i collegamenti */

a.text:link {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #003366;
/* 	font-size: xx-small; */
	font-weight: normal;
	text-align: left;
	margin-top: 3px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	text-decoration: underline;
		}

/* selettore per i collegamenti visitati */

a.text:visited {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #003366;
/* 	font-size: xx-small; */
	font-weight: normal;
	text-align: left;
	margin-top: 3px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	text-decoration: underline;
		}

/* selettore per i collegamenti attivi con simulazione di roll-over */

a.text:hover {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #ffffff; 
	background-color: #003366; 
/* 	font-size: xx-small; */
	font-weight: normal;
	text-align: left;
	margin-top: 3px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	text-decoration: underline;
		}

/* [grassetto] - CLASSE per la gestione dei blocchi di testo in evidenza all'interno delle pagine dinamiche. Per calibrare lo stile è sufficiente cancellare gli attributi commentati non coerenti con il colore di sfondo, se modificato. Per l'allineamento sono previsti gli attributi "tex-indent" e "padding", da selezionare in funzione delle esigenze di layout ed in funzione della compatibiltà CSS1 o CSS2, rispettivamente */

.grassetto {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #003366;
	font-size: 8pt;
	font-weight: bold;
	text-align: left;
	padding-top: auto;
	padding-right: 5px;
	padding-bottom: auto;
	padding-left: auto;
	margin-top: 3px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
		}
.grassetto1 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #003366;
	/* color: #ffffff; */
	/* color: #336699; */
	/* background-color: #ffffff; */
	/* background-color: #999999; */
	/* background-color: #336699; */
	/* background-color: #ffcc00; */
	font-size:8pt;
	font-weight: bold;
	text-align: right;
	/*padding-right: 5px;;*/
	/* text-indent: 5px;*/
	/*margin-top: 3px;;*/
		}
.grassetto2 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #003366;
	font-size: 8pt;
	font-weight: bold;
	text-align: center;
	text-decoration: underline;
	padding-top: auto;
	padding-right: 5px;
	padding-bottom: auto;
	padding-left: auto;
	margin-top: 3px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
		}
/* [Htext] - CLASSE per la gestione dei blocchi di testo all'interno delle intestazioni di campo per le pagine dinamiche. Anche qui per calibrare lo stile è sufficiente cancellare gli attributi commentati non coerenti con il colore di sfondo, se modificato. Per l'allineamento sono previsti gli attributi "tex-indent" e "padding", da selezionare in funzione delle esigenze di layout ed in funzione della compatibiltà CSS1 o CSS2, rispettivamente */

.Htext {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #ffffff;
	background-color: #336699; 
	border: 1px solid #ffffff;
	font-size: x-small;
	font-weight: bold;
	text-align: center;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: auto;
	padding-left: 3px;
		}


/* [DinInt] - CLASSE per le intestazioni nelle "tabelle semaforo" */

.DinInt	{
	border: 1px solid #ffffff;
	color: #ffffff;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	background: #003366;
	background-color: #003366;
	padding-top: 1px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 10px;
		}


/* [DinCod] - CLASSE per la dicitura del codice nelle "tabelle semaforo", seguono le pseudo-classi */

.DinCod	{
	display: block;
	border: 1px solid #003366;
	color: #003366;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	background: #ffcc66;
	background-color: #ffcc66;
	padding-top: 1px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 10px;
		}

a.DinCod:link	{
	color: #003366;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-decoration: none;
	padding-top: 1px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 10px;
		}

a.DinCod:hover	{
	display: block;
	border: 1px solid #ffffff;
	color: #003366;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-decoration: underline;
	padding-top: 1px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 10px;
		}

a.DinCod:visited	{
	color: #003366;
	font-family: Arial, Verdana, Helvetica, sans-serif;
		}


/* [DinTit] - CLASSE per la dicitura del titolo nelle "tabelle semaforo", seguono le pseudo-classi */

.DinTit	{
	display: block;
	border: 1px solid #003366;
	color: #003366;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	background: #ffcc66;
	background-color: #ffcc66;
	padding-top: 1px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 10px;
		}

a.DinTit:link	{
	color: #003366;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-decoration: none;
	padding-top: 1px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 10px;
		}

a.DinTit:hover	{
	display: block;
	border: 1px solid #ffffff;
	color: #003366;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-decoration: underline;
	padding-top: 1px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 10px;
		}

a.DinTit:visited	{
	color: #003366;
	font-family: Arial, Verdana, Helvetica, sans-serif;
		}

/* [DinText] - CLASSE per il testo nelle "tabelle semaforo", seguono le pseudo-classi */

.DinText	{
	display: block;
	border: 1px solid #003366;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #003366;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	background: #ffcc66;
	background-color: #ffcc66;
	padding-top: 1px;
	padding-left: 10px;
		}

a.DinText:link	{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #003366;
	text-decoration: none;
	padding-top: 1px;
	padding-left: 10px;
		}

a.DinText:hover	{
	display: block;
	border: 1px solid #ffffff;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #003366;
	text-decoration: underline;
	background-color: #ffcc66;
	padding-top: 1px;
	padding-left: 10px;
		}

a.DinText:visited	{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #003366;
		}

/* [Staff] - CLASSE per il testo identificativo dello staff*/

.Staff {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #003366;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	padding-top: 1px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 10px;
		}
.separatore
{
    FONT-SIZE: 4px
}