/* avion=#99b0be
blu scuro=#32464f
blu logo difa = #006c9a
barra menu=#617085
titolo menu=#8990a0
corpo pagina celeste=#c7d8df
interno barra titolo #b7c8cf
arancio = #ffa500
*/



/* ================================================================================================== stili FCK */
.FCKbarraArancio{
	padding: 5px 5px 5px 5px;
	border: 1px solid #007096;
	background-color: #ffa500;
}

.FCKbarraVerdeAcqua{
	padding: 5px 5px 5px 5px;
	border: 1px solid #007096;
	background-color: #b7c8cf;
	color: #007096;
}
/* ================================================================================================== stili FCK */




/* direttive per lo script di slideshow */
#slideshow {
	/*position: relative;*/
	position: absolute;
	top: 30px;
	left: 50px;
	/*border: 1px solid #000;*/
	overflow: hidden;
	margin: 50px auto 10px;
	width: 125px;
	height: 125px;
}
#slideshow img {
width: 125px;
height: 125px;
}

/* direttive per lo script del ticker espandibile */
.barraTicker{
		position: absolute;
		top: 10px; /*188px;*/
		left: 147px;
		width: 73%;
		padding-right: 10px;
		text-align: right;
		font-size: 1.3em;
		border: 1px solid #007096;
		background-color: orange;
		color: 0;
		text-indent:2px;
}

/* direttive per il banner Convegno Valerio Tramutoli */
img.barraConvegnoValerio{
		position: absolute;
		top: 170px;
		left: 147px;
		width: 749px; /*672px;*/
		padding: 0,0,0,0;
		margin: 0,0,0,0;
		text-align: justify;
		font-size: 0em;
		border: 0px;
		background-color: orange;
		color: 0;
		text-indent:0px;
}

/* direttive per il banner Convegno Vito Telesca */
img.barraConvegnoVito{
		position: absolute;
		top: 290px;
		left: 147px;
		width: 751px; /*672px;*/
		padding: 0,0,0,0;
		margin: 0,0,0,0;
		text-align: justify;
		font-size: 0em;
		border: 0px;
		background-color: orange;
		color: 0;
		text-indent:0px;
}


/* direttive per il banner del bando PROIDRO */
.barraProIdro{
		position: absolute;
		top: 410px; /*10px;*/
		left: 147px;
		width: 73%;
		padding-right: 10px;
		text-align: justify;
		font-size: 1.3em;
		border: 1px solid #007096;
		background-color: orange;
		color: 0;
		text-indent:2px;
}




#listbutton{
	border:1px solid #ffa500;
	background-color:#ffffff;
	width:50px;
	height:16px;
	font: normal 11px Verdana;
	text-align:center;
	cursor:pointer;cursor:hand;
}
.expandhighlight, .expandhighlight a{color:red;}



body {
	background-color: #c7d8df;
	padding: 0 0 0 0;
	margin: 1 0 0 1;
	font-family: verdana,arial,sans-serif;
	font-size: 7.0pt;
}
/* ====================================================================== LINK ======================= */
a.l_nero{ color: black; }
a.l_bianco{ color: #ffffff; }
a.l_nero:HOVER { color: #006c9a; text-decoration : underline; }
a.l_giallo{	color: #e5e7bf;} 
a.l_arancio{color: orange;}
a.l_blu{color: #0000a0;}
a.l_menuOrizzontale{ color: white;	font-weight: bold;}
a.l_menuVerticale{color: white;}
a.l_rosso{ color: #aa0000;}
a:LINK { text-decoration: none;} 
a:VISITED {	text-decoration: none;} 
a:HOVER { color: yellow; text-decoration : underline;} 
a.ACTIVE { text-decoration: underline;}
/* ====================================================================== FINE LINK =================== */

/* ================================================================================================== TABELLE */
.tabellaConRighello{
	width: 90%;
	background-color: #c7d8df;
	border-spacing: 2px;
}
	.tabellaConRighello caption{
		text-align: left;
		margin-left: 58px;
		text-indent: 3px;
		font-size: 1.1em;
		font-weight: bold;
		padding-bottom: 1px;	
		background-color: #617085;
		color: #ffffff;
		background-image:url(../img/mattoncini.jpg);
	}
	.tabellaConRighello td.icona{ width: 22px; border: 1px solid #32464f; text-align: center;}	
	.tabellaConRighello th.vuota,td.vuota{ background-color: #c7d8df; }		

	.tabellaConRighello thead th{
		border: 1px solid #32464f;
		background-color: #b7c8cf; 
		color: #32464f;
	}
	.tabellaConRighello tbody th{ background-color: #f2bd43; color: #006c9a; text-align: left;}	
	.tabellaConRighello tbody tr{background-color: #b7c8cf;}
	.tabellaConRighello tbody tr a{ color: black; }

	.tabellaConRighello tbody tr.rigato {background-color: #99b0be; color: #ffffff;}
	.tabellaConRighello tbody tr.rigato a { color: #ffffff;}
	.tabellaConRighello tbody tr.rigato a:HOVER { color: red; text-decoration : underline; }

.tabellaConRighelloSottile{
	width: 99%;
	background-color: #c7d8df;
	border-spacing: 2px;
}
	.tabellaConRighelloSottile caption{
		border: 1px solid #007096;
		background-color: #b7c8cf;
		text-indent: 3px;
		color: #007096;
		margin-top: 8px;
		margin-bottom: 0px;
		font-size: 1.2em;
		text-align: left;
	}
	.tabellaConRighelloSottile tbody td {border-bottom: 1px solid orange; }
	.tabellaConRighelloSottile tbody td.noBorder {border: 0; }
	.tabellaConRighelloSottile tbody tr.rigato {background-color: orange; color: #0;}
	.tabellaConRighelloSottile tbody tr.rigato td.noOver {background-color: #c7d8df; color: #0;}
	.tabellaConRighelloSottile tbody tr.rigato a { color: #ffffff;}
	.tabellaConRighelloSottile tbody tr.rigato a:HOVER { color: yellow; text-decoration : underline; }

.tabellaMultidato{
	width: 99%;
	background-color: #c7d8df;
	border-spacing: 2px;
}
	.tabellaMultidato caption{
		border: 1px solid #007096;
		background-color: #b7c8cf;
		text-indent: 3px;
		color: #007096;
		margin-top: 8px;
		margin-bottom: 0px;
		font-size: 1.2em;
		text-align: left;
	}
	.tabellaMultidato tbody td.bordoDestro {border-right: 1px solid orange; }
	.tabellaMultidato tbody td.bordoSotto {border-bottom: 1px solid orange; }
	.tabellaMultidato tbody td.arancioPieno {background-color: orange; color: #0;}
	.tabellaMultidato tbody td.noBorder {border: 0; }
	.tabellaMultidato tbody tr.arancioPieno {background-color: orange; color: #0;}
	.tabellaMultidato tbody tr.bordoSotto {border-bottom: 1px solid orange; }


.tabella{
	width: 99%;
	background-color: #c7d8df;
	border-spacing: 2px;
}
	.tabella caption{
		border: 1px solid #007096;
		background-color: #b7c8cf;
		text-indent: 3px;
		color: #007096;
		margin-top: 8px;
		margin-bottom: 0px;
		font-size: 1.2em;
		text-align: left;
	}


.fotoBarraBacheca{
	width: 100%;
	border-collapse: collapse; 
}
	.fotoBarraBacheca td.foto{ width: 150px; rowspan: 2; vertical-align: top;}


TD.allineamentoVtop{ vertical-align: top;}
TD.allineamentoOcenter{ text-align: center;}
TD.allineamentoVtopOcenter{ vertical-align: top;text-align: center;}
	
/* ================================================================================================= FINE TABELLE */

/* ================================================================================================== BARRE TITOLO */
#barraTitoloMantainer{
		position: absolute;
		top: 118px;
		left: 197px;
		width: 73%;
		padding-right: 10px;
		text-align: right;
		font-size: 1.2em;
		color: #aa0000;
		text-style: italic;
}
#barraTitoloPagine{
		position: absolute;
		top: 118px;
		left: 197px;
		width: 73%;
		padding-right: 10px;
		text-align: right;
		font-size: 1.3em;
		border: 1px solid #007096;
		background-color: orange;
		color: 0;
		/*
		border: 1px solid #ffffff;		
		background-color: #8990a0;
		color: #ffffff;
		*/
}
#barraTitoloPaginePersonali{
		position: relative;
		left: 0px;
		top: 0px;
		width: 100%;
		margin: 0;
		height: 28px;
		border: 1px solid #007096;
		background-color: orange;
		color: 0;
		text-align: right;
		font-size: 1.3em;
}

.barraAttribuzioneAreeContenitore{
		border: 1px solid red;
		clear: both;
		margin-top: 8px;
		text-align: left;
		vertical-align: center;
	}
.barraAttribuzioneAreeUtente{
		width: 40%;
		border: 1px solid #007096;
		background-color: orange;
		padding-left: 10px;
		color: #007096;
		margin-bottom: 0px;
		font-size: 1.2em;
		text-align: left;
	}
.barraAttribuzioneAreeArea{
		min-height: 18px;
		border: 1px solid #007096;
		background-color: #b7c8cf;
		padding-left: 10px;
		color: #007096;
		margin-bottom: 0px;
		font-size: 1.2em;
		text-align: left;
	}
.barraAttribuzioneAreeTemi{
		border: 1px solid #007096;
		background-color: #D9EDF6;
		padding-left: 10px;
		color: #0;
		margin-bottom: 0px;
		font-size: 1.2em;
		text-align: left;
	}		
/* ============================================================================================== FINE BARRE TITOLO */

/* ============================================================================================= PAGINE PERSONALI */

div.boxPerFotoBarraBacheca{
	position: absolute;
	left: 200px;
	top: 120px;
	width: 73.8%;
}
	.boxTestoLavagnaBacheca{
		position: relative;
		left: 20px;
		top: -90px;
		width: 93%; /* 358*/
		/*margin-left: 20px;
		padding-right: 30px;
		margin-top: 10px;
		margin-bottom: 10px;*/
		height: 80px;
		color: #ffffff;
		overflow: auto;
	}


div.intestazioneSezioni{
	float: right;
	width: 100%;
	border: 1px solid #007096;
	background-color: #b7c8cf;
	text-indent: 3px;
	color: #007096;
	margin-top: 8px;
	margin-bottom: 0px;
	font-size: 1.2em;
}
div.intestazioneSezioniArancio{
	border: 1px solid gray;
	background-color: orange;
	color: 0;
	float: right;
	width: 100%;
	text-indent: 3px;
	margin-top: 8px;
	margin-bottom: 0px;
	font-size: 1.2em;
}
div.intestazioneSottoSezioniAvion{
	float: right;
	width: 90%;
	margin-top:8px;
	margin-bottom:4px;
	border: 1px solid #007096;
	background-color: #b7c8cf;
	text-indent: 3px;
	color: #007096;
	font-size: 1.0em;
}
div.intestazioneSottoSezioni{
	float: right;
	width: 90%;
	margin-top:8px;
	margin-bottom:4px;
	border: 1px solid gray;
	background-color: orange;
	text-indent: 3px;
	color: 0; /*#617085;*/
	font-size: 1.0em;
}
div.intestazioneSottoSezioniNoIndent{
	float: right;
	width: 100%;
	margin-top:8px;
	margin-bottom:4px;
	border: 1px solid gray;
	background-color: orange;
	text-indent: 3px;
	color: 0; /*#617085;*/
	font-size: 1.0em;
}
	.sottoSezione{
		float: right;
		width: 80%;
		margin-top:8px;
		margin-bottom:4px;
		text-indent: 3px;
		color: 0; /*#617085;*/
		font-size: 1.0em;
	}

	.intestazioneSottoSezioni .boxTestoCeleste{
		background-color: #c7d8df;
		color: 0;
		font-weight: normal;
		text-align: justify;
		padding: 5px;
	}

/* ====================================================================================== FINE PAGINE PERSONALI  */

/* ====================================================================================== FIELDSET  */
fieldset.fs_fieldset{
	border: 1px solid #8990a0; /*#006c9a;*/
}
legend.fs_fieldset{
	color: #ffffff;
	background-color: #8990a0; /*#006c9a;*/
	padding-left:5px;
	padding-right:5px;
	font-size: 1.2em;
}
fieldset.fs_corsoEsploso{
	border: 1px solid #8990a0; /*#006c9a;*/
}
legend.fs_corsoEsploso{
	color: #aa0000;
	padding-left:5px;
	padding-right:5px;
	font-size: 1.25em;
}
/* ====================================================================================== FINE FIELDSET  */


/* ================================================================== NEWS ======================= */
.newsEsplosa{
	border-right: 2px solid #8990a0; /*#006c9a;*/
}
.titoloNews{
	width: 60%;
	text-align: justify;
	padding-bottom: 5px;
	font-size: 1.2em;
	border-bottom: 2px solid #8990a0; /*#006c9a;*/
}
.testoNews{
	width: 96%;
	text-align: justify;
	padding-top: 5px;
	font-size: 1.0em;
	border-left: 10px solid #c7d8df;
}
.firmaNews{
	float: right;
	text-align: right;
	color: #b0251d;
}
/* ================================================================================= FINE NEWS */

/* ================================================================== ICONE ========== */
.boxIcona{
	min-height: 50px;
	font-size: 1.3em;
	text-align: center;
	
}
.testoSottoIcona{
	clear: both;
	color: #000000;
}
.iconaSetupMenu{
	height: 48px;
	background-image:url(../img/setupMenu.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

/* ================================================================== FINE MESSAGGI E AVVISI ========== */


/* ================================================================== MESSAGGI E AVVISI ========== */
.boxAvviso{
	width: 50%;
	min-height: 34px;
	border: 2px solid #dfdfdf;
	font-size: 1.2em;
	text-align: justify;
}
.warning{
	float: left;
	width: 34px;
	height: 34px;
	background-image:url(../img/warning.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.info{
	float: left;
	width: 32px;
	height: 32px;
	background-image:url(../img/info.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.boxErrore{
	padding-right: 4px;
	width: 70%;
	min-height: 34px;
	border: 2px solid #ffffff;
	color: #ffffff;
	background-color: red;
	font-size: 12px;
	font-weight: bold;
	text-align: justify;
}
/* ================================================================== FINE MESSAGGI E AVVISI  */





/* ================================================================== VARI ======================= */
input { font-size: 1.1em;}
textarea { font-size: 1.0em;}
select { font-size: 1.1em;}
.fondoRossoChiaro{background-color: #ff0000; }
.bianco{color: #ffffff; }
.arancione{color: #ffa500; }
.celesteLogoDifa{color: #006c9a; }
.rosso{color: #ff0000;}
.rossoBold{color: #ff0000; font-weight: bold; }
.fontPiccolo{font-size: 0.9em;}
.fontMedio{font-size: 1.0em;}
.fontGrande{font-size: 1.2em;}
.fontGrandissimo{font-size: 1.3em;}
.fontSottolineato{text-decoration: underline;}
.clearBoth{clear: both;}
.giustificato{text-align: justify;}
.larghezza90{width: 90%;}
.larghezza100{width: 100%;}
.floatLeft{float: left;}
.noBold{font-weight: normal;}
.spaziaturaMedia{ clear: both; height: 10px;}
.bordoArancio{ border: 1px solid orange;}
ul.spuntaVerde {list-style-image: url(../img/spuntaVerde16x16.gif);}
.presentazione{ font-size: 1.3em; 
				line-height: 150%; 
				text-indent: 70px; 
				margin-left: 50px; 
				margin-right: 50px; 
				text-align: justify;
				margin-bottom: 20px;}
.descAreaRicerca{ font-size: 1.2em; 
				line-height: 150%; 
				margin-left: 150px; 
				margin-right: 50px; 
				text-align: justify;
				margin-bottom: 20px;}
.CartinaStadale{
	background-image:url(../img/comeRaggiungerci.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.pianta{
	background-image:url(../img/MappaVPiano818x216.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

/* ================================================================================== FINE  VARI */


/* ================================================================== DATI ======================= */
div.nomeCampo{
	clear: both;
	width: 70%;
	border: 1px solid #007096;
	background-color: #b7c8cf;
	text-indent: 3px;
	color: #007096;
	margin-top: 8px;
	margin-bottom: 3px;
	font-size: 1.2em;
}
/* ================================================================================== FINE  VARI */

/* ================================================================== BACHECHE ======================= */
.bacheca{
	font-size: 1.2em;
	border-right: 2px solid #8990a0; /*#006c9a;*/
}
.nomeBacheca{
	float: left;
	width: 59%;
	font-size: 1.25em;
	text-align: justify;
	border-bottom: 2px solid #8990a0; /*#006c9a;*/
}
.infoBacheca{
	float: right;
	width: 39%;
	text-align: justify;
	color: #006c9a;
	border-left: 10px solid #c7d8df;
}
.titoloAvviso{
	float: left;
	width: 59%;
	font-size: 0.9em;
	text-align: justify;
	color: #006c9a;
	border-bottom: 2px solid #8990a0; /*#006c9a;*/
}
.avvisoBacheca{
	/*clear: both;*/
	width: 96%;
	font-size: 1.1em;	
	text-align: justify;
	border-left: 10px solid #c7d8df;
}
/* ================================================================================= FINE BACHECHE */

/* ================================================================================================== CORPO */
	#testoAmministrazione{
		position: absolute;
		left: 197px;
		top: 154px;
		width: 73%;
		height: 70%;
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 5px;		
		text-align: justify;
		overflow: auto;
	}
	#testoCms{
		position: absolute;
		left: 0px;
		top: 100px;
		width: 100%;
		height: 70%;
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 5px;		
		text-align: justify;
		overflow: auto;
		background-color: white;
	}
	
	#testoPaginePersonali{
		position: absolute;
		left: 197px;
		top: 254px;
		width: 73%;
		height: 51%;
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 5px;		
		text-align: justify;
		overflow: auto;
	}

/* ============================================================================================= FINE CORPO */




#nomeUtenteLoggato {padding-top: 3px;	color:#ffffff;	font-weight:bold;}





/******************************************************************* BOTTONI GRAFICI *******************/
input.salva{
		height: 28px;
		color: brown;
		padding-right: 0px;
		margin-right: 0px;
		padding-left: 4px;
		padding-top: 4px;
		font-size: 10px;		
		background-color: #b7c8cf;
		background-repeat: no-repeat;
		background-position: 1px 1px;
		background-image:url(../img/dischetto22x22.png);
}
input.croceRossa{
		height: 28px;
		color: brown;
		padding-right: 0px;
		margin-right: 0px;
		padding-left: 4px;	
		padding-top: 4px;
		font-size: 10px;
		background-color: #b7c8cf;
		background-repeat: no-repeat;
		background-position: 1px 1px;
		background-image:url(../img/Xrossa22x22.gif);
}
input.file{
		height: 28px;
		color: brown;
		padding-right: 0px;
		margin-right: 0px;
		padding-left: 4px;	
		padding-top: 4px;
		font-size: 10px;
		background-color: #b7c8cf;
		background-repeat: no-repeat;
		background-position: 1px 1px;
		background-image:url(../img/Xrossa22x22.gif);
}

/******************************************************************* FORM E TABELLE *******************/
form {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 1em;
}
table{
	font-size:1em;
}

/******************************************************************* DIV VARI DI SERVIZIO *******************/

div.affianca{
	float:left;
	margin:10px;
}
#ricerca{
	border: 1px solid gray;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #b7c8cf;
}


#titolopagina{
	font-size: 2em;
	margin-top:10px;
	margin-bottom:10px;
}

div.titoloParagrafo{
	margin-top:8px;
	color:#aa0000;
	font-weight:bold;
}

div.qualificaUtenti{
	color:#aa0000;
	font-weight:bold;
	margin-top:8px;
	margin-bottom:4px;
	font-size: 1.2em;
}
div.intestazioneElencoUtenti{
	background-color: #b7c8cf;
	text-indent: 3px;
	color:#617085;
	font-weight:bold;
	margin-top:8px;
	margin-bottom:4px;
	font-size: 1.2em;
}
#giustificaTesto{
	text-align: justify;
	font-weight: normal;
}

div.intestazioneElencoBacheche{
	background-color: #8990a0;
	text-indent: 3px;
	color:#ffffff;
	font-weight:bold;
	margin-top:8px;
	font-size: 1.2em;
}
div.messaggioBacheca{
	clear: both;
	text-align: justify;
	text-indent: 20px;
}

div.visualizzaTuttiMessaggi{
	text-align: right;
}
div.firmaAvviso{
	border-bottom: 1px solid gray;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	width: 240px;		
	float: right;
	font-style: italic;
	text-align: left;
}
div.intestazione50percentoSatinata{
	width: 50%;
	background-color: #b7c8cf;
	text-indent: 3px;
	color:#718095; /*#617085*/
	font-weight:bold;
	margin-top:8px;
	font-size: 1.2em;
}
div.messaggioRosso{
	color:#ff0000;
	font-weight:bold;
	font-size: 1.2em;
}
td.giustificato{
	text-align: justify;
}




/******************************************************************* DIV PER LE PAGINE DEI CORSI *******************/
#barraTitoloPaginaCorso{
	position: absolute;
	left: 160px;
	top: 5px;
	height: 26px;	
	width: 78%;
	border-bottom: 65px solid #c7d8df;
	background-color: #b7c8cf;
}
div.separatoreHomePageCorsi{
	border: 1px solid gray;
	background-color: orange;
	text-align: right;
	color:#617085;
	font-weight:bold;
	margin-top:8px;
	margin-bottom:4px;
	padding-right:4px;
	font-size: 1.2em;
}
div.mezzoSeparatoreHomePageCorsi{

	border: 1px solid #007096;
	background-color: #b7c8cf;
	text-indent: 3px;
	color: #007096;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:4px;
	font-size: 1.2em;
}

div.boxHomePageDatiCorso{
	position: absolute;
	left: 5px;
	top: 5px;
	width: 99%;
	color: #303030;
	font-size: 1.0em;
}
div.intestazioneElencoMaterialeNomeFile{
	float: left;
	width: 150px;
	background-color: #b7c8cf;
	text-indent: 3px;
	color:#617085;
	font-weight:bold;
	margin-top:8px;
	margin-bottom:4px;
	font-size: 1.2em;
}
div.intestazioneElencoMaterialeDescrizione{
	float: left;
	width: 388px;
	background-color: #b7c8cf;
	text-indent: 3px;
	color:#617085;
	font-weight:bold;
	margin-left:3px;
	margin-top:8px;
	margin-bottom:4px;
	font-size: 1.2em;
}
td.intestazioneElencoMateriale{
	background-color: #b7c8cf;
}
td.datiAzzurro{
	text-indent: 3px;
	border: 1px solid #007096;
	background-color: #b7c8cf;
	color: #007096;
}


/*************************************************** DIV PER LE PUBBLICAZIONI *******************/

	div.rigoScuro{
		float: left;
		background-color: #b7c8cf;
		background-repeat: repeat-y;
		background-position: right;
		background-image:url(../img/sfumaOrizzontale.jpg);
	}
	div.rigoChiaro{
		float: left;
	}
		div.label{
			float: left;
			width: 150px;
			float: left;
			margin-bottom: 4px;
			font-size: 1.1em;
		}
		div.voce{
			float: left;
			width: 400px;
			margin-bottom: 4px;
			padding-left: 5px;
			font-size: 1.1em;			
		}


/*************************************************** DIV PER I CORSI *******************/
div.intestazioneElencoCorsi{
	border: 1px solid gray;
	background-color: orange;
	text-indent: 3px;
	color:#617085;
	font-weight:bold;
	margin-top:8px;
	margin-bottom:4px;
	font-size: 1.2em;
}
div.cambioAnnoElencoCorsi{
	border: 1px solid #007096;
	background-color: #b7c8cf;
	text-indent: 3px;
	color: #007096;
	margin-top: 8px;
	margin-bottom: 0px;
	font-size: 1.2em;
}
div.cambioSemestreElencoCorsi{
	border: 1px solid #007096;
	background-color: #b7c8cf;
	text-indent: 3px;
	color: blue;
	margin-top: 8px;
	margin-left: 20px;
	margin-bottom: 0px;
	font-size: 1.2em;
}





/* ================================================================== MENU ========== */
.subsubmenu {
    display:none;
    margin-left: 4em;
    padding: 3px;
    line-height: 110%;
	}
.submenu {
	display: none;
	}
.mhead {
	color: #ffffff;
    /*background-color: #f6f6f6;
	border: 1px solid #999;
	width: 94%;
	padding: 4px;
	font-size: 115%;*/
    display: block;
    
}
.node {
    color: #f00;
    font-family: arial, helvetica, sans-serif;
    font-weight: bold;
	}
	
/* ================================================================== FINE MENU ========== */



/******************************************************************* TESTATA *******************/

#testata{
	position: relative;
	background-color: #32464f;
	top: 0px;
	left: 0px;
	height: 97px;
	margin-right: 2px;
	background-color: #99b0be;
	background-repeat: no-repeat;
	background-position: left;
	background-image:url(../img/testataAcqua.jpg);
}
	#barraMenu{
		position: absolute;
		left: 0px;
		top: 97px;
		width: 100%;
		height: 20px;
		background-color: #617085;
	}
		#topMenu{
			float: left;
			width: 195px;
			height: 20px;
			background-color: #617085;
			padding-top: 5px;

			
			/*
			text-align: center;
			background-image:url(../img/separatoreTopMenu.jpg);
			background-position: right;
			background-repeat: no-repeat;*/
		}
		#separatoreMenuOrizzontale{
			float: left;
			width: 13px;
			height: 19px; /*20*/
			background-color: #617085;
			background-image:url(../img/separatoreMenuOrizzontale.jpg);		
		}
		#labelMenuOrizzontale{
			float: left;
			/* width: 120px; */
			padding-left: 3px;
			padding-right: 5px;
			height: 15px; /*17*/
			margin-top: 3px;
			background-color: #617085;
			font-weight: bold;
			text-align: center;
			color: #ffffff;
		}
	#menuVerticale{
		position: absolute;
		left: 1px;
		top: 118px;
		width: 196px;
		height: 78.1%;
		background-color: #617085;
	}
		.titoloMenuVerticale{
			/*float: left;*/
			clear:both;
			width: 100%;
			height: 17px;
			padding-top: 3px;
			text-indent: 5px;
			background-color: #8990a0;
			font-weight: bold;
			color: #ffffff;
			background-image:url(../img/pallinoArancioMenu.jpg);		
			background-repeat: no-repeat;
			background-position: right center;
		}
			.voceVuotaMenuVerticale{
				float: left;
				height: 7px;
				width: 100%;
				font-size: 0px;
				background-color: #617085;
			}
			.voceMenuVerticale{
				float: left;
				width: 95%;
				min-height: 13px;
				padding-top: 5px;
				padding-left: 10px;
				/*text-indent: 10px;*/
				background-color: #617085;
				color: #ffffff;
			}
			#lineaMenuVerticale{
				float: left;
				height: 2px;
				font-size: 0px;
				background-color: #c7d8df;
				width: 100%;
			}
			#lineaLogoMenuVerticale{
				margin: 0;
				padding: 0;
				float: left;
				height: 2px;
				font-size: 0px;
				background-color: #c7d8df;
				width: 100%;
			}

/* ************************************************ VECCHI ***********************************************
#testo{
	text-align: justify;	
}
********************************************************************************************************** */