<!--
	
	/*
	
	        michele
	
	*/
	
	/* =============== 
	foto (inizio)
	=============== */
table.foto-sx, 
table.foto-dx {
	width:1px !important;
	}
table.foto-sx td, 
table.foto-dx td {
	vertical-align:top !important;
	}
table.foto-sx, table.foto-sx tbody, table.foto-sx td, table.foto-sx tr, 
table.foto-dx, table.foto-dx tbody, table.foto-dx td, table.foto-dx tr {
	margin:0px !important;
	padding:0px !important;
	border:none !important;
	}
table.foto-sx, table.foto-sx tbody, table.foto-sx tr, table.foto-sx td,  
table.foto-dx, table.foto-dx tbody, table.foto-dx tr, table.foto-dx td{
	margin:0px !important;
	padding:0px !important;
	border:none !important;
	}
/* nascondi a IE5-mac. Solo IE-win. (lasciare il commento!) \*/
* html table.foto-sx {margin-right:-6px !important;}
* html table.foto-dx {margin-left:-6px !important;}
/* fine nascondi a IE5/mac. (lasciare il commento!) */
table.foto-sx {
	float:left !important;
	width:1px !important;
	}
table.foto-dx {
	float:right !important;
	width:1px !important;
	}
table.foto-sx img {
	margin:0px 8px 0px 0px;
	margin-top:4px;
	padding:0px;
	border:none;
	}
table.foto-dx img {
	margin:0px 0px 0px 8px;
	margin-top:4px;
	padding:0px;
	border:none;
	}
table.foto-sx .foto-dida {
	margin:0px 8px 4px 0px;
	padding:0px;
	border:none;
	font-weight:bold;
	font-size:90%;
	color:#FF0;
	}
table.foto-dx .foto-dida {
	margin:0px 0px 4px 8px;
	padding:0px;
	border:none;
	font-weight:bold;
	font-size:90%;
	color:#FF0;
	}
	/* =============== 
	foto (fine)
	=============== */

br.altezza-come-float {
	clear:both; 
	margin:0px;
	padding:0px;
	border:none;
	height:0px;
	font-size:0.5px;
	}
.nostyle {
	display:none;
	}
	
	/* titoli */
h1, h2, h3, h4, h5, h6 {
	margin:0px;
	padding:0px;
	/*width: 75%;*/
	}
h1 {
	font-size: xx-large;
	background: #000;
	color: #f00;
	}
h2 {
	font-size: x-large;
	background: #000;
	color: #ff0;
	background: none;
	}
h3 {
	font-size:large;
	background: #000;
	color: #f00;
	}
h4 {
	font-size:large;
	background: #000;
	color: #f00;
	}
#colonna-sx h4, #colonna-dx h4 {
	font-size:medium;
	}
h5 {
	font-size: large;
	background: #000;
	color: #f00;
	}
h6 {
	font-size:large;
	background: #000;
	color: #f00;
	}
	

	/* link */
a {
	font-weight:bold;
	text-decoration:none;
	}
a:link {
	background: transparent;
	color: #0ff;
	padding-bottom: 2px;
	border-bottom: 1px dashed #0ff;
	}
a:visited {
	background: transparent;
	color: #0ff;
	padding-bottom: 2px;
	border-bottom: 1px dashed #0ff;
	}
a:hover {
	background: transparent;
	color: #fff;
	border-bottom: 1px solid #0ff;
	}
a:active {
	background: transparent;
	color: #fff;
	border-bottom: 1px solid #0ff;
	}
	
#colonna-centro a img, 
#colonna-centro a:link img, 
#colonna-centro a:visited img, 
#colonna-centro a:hover img, 
#colonna-centro a:active img {
	margin:0px;
	padding:0px;
	border:none;
	}
	
	
	/* comuni */
.grassetto, b, strong {
	font-weight:bold;
	color:#FF0;
	}
.corsivo, i, em {
	font-style:italic;
	}
.sottolineato, u {
	text-decoration:underline;
	}
acronym {
	padding-bottom:2px;
	border-bottom:2px dashed #090;
	cursor:help;
	text-transform: uppercase;
	}
cite {
	display:block;
	line-height:normal;
	margin:1em 0.3em 1em 0.3em;
	padding:8px 8px 12px 8px;
	border-left:2px solid #FF0;
	font-weight:bold;
	color:#FF0;
	background:none;
	}
blink, 
.blink {
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
	padding:0px 2px;
	cursor:default;
	border:1px solid #F4F4F4;
	}
.new {
	padding-left:16px !important;
	border: 3px dotted #f00 !important;
	list-style:none !important;
	background-image: url(/immagini/ico_lista-doc_new.gif);
	background-repeat:no-repeat;
	background-position:4px 5px;
	}
hr {
	}
hr.filetto-nascosto {
	display:none;
	}
#colonna-sx #mini-banner-sx img {
	border:1px solid #0ff;
	}
#colonna-dx #mini-banner-dx img {
	border:1px solid #0ff;
	}
.slct {
	}
.slct, .opt {
	}
form {
	margin:0px;
	}
#intestazione form {
	float:right;
	margin-top:-5px;
	margin-left:2px;
	}
a.rss-link {
	margin:0px;
	padding:1px;
	border:1px none #FFF;
	font:bold 100%/normal Arial, Helvetica, sans-serif;
	color:#FFF;
	text-transform:uppercase;
	}
	

	/* Radice */	
html,body {
	margin: 0;
	padding: 0;
	width:100%;
	height:100%;
	background-color: #000;
	font: bold 100%/normal Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: center;
	
	
	}
	
	
	
#guida {
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	text-align: left;
	background:none;
	}	
	
#box {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	min-height: 10px;
	height: auto !important;
	height: 10px;
	text-align: left;
	background:none;
	border:none;
	}
	
	
	/* margini esterni */	
#margine-alto {
	width:100%;
	height:8px;
	display:none;
	background:none;
	}
	
#margine-sx {
	width:100%;
	min-height: 410px;
	height: auto !important;
	height: 410px;
	}
	
#margine-dx {
	width:100%;
	min-height: 410px;
	height: auto !important;
	height: 410px;
	}
	
#margine-basso {
	width:100%;
	height:8px;
	display:none;
	background:none;
	}
	
	
	/* pagina utile */
#pagina {
	margin:0 0px;
	padding:0px;
	background-color: #000;
	}
	
	
	/* intestazione */
#intestazione {
	width:100%;
	min-height: 5px;
	height: auto !important;
	height: 5px;
	}
	
#intestazione-striscia {
	width: 100%;  
	min-height: 5px;
	height: auto !important;
	height: 5px;
	}
	
#intestazione-banner {
	position: absolute;
	width: 468px;  
	min-height: 60px;
	height: auto !important;
	height: 60px;
	top: 24px;
	left: 35%;
	visibility: visible;
	z-index:auto;
	background: none;
	display:none;
	}
	
#intestazione-canali-veloci {
	width:100%;
	min-height: 35px;
	height: auto !important;
	height: 35px;
	background: none;	
	}
	
	
	/* LINGUETTE TABS (inizio) */	
	#intestazione-canali-veloci #tabs {
		position: relative;
		width: 100%;  
		min-height: 35px;
		height: auto !important;
		height: 35px;
		top: 0px;
		left: 0px;
		background: none;
		}
	
	#intestazione-canali-veloci ul {
		width: auto;
		position: absolute;
		bottom: 0px;
		left: 20%;
		margin: 0;
		padding: 0 0 0 0;
		list-style: none;
		}
	#intestazione-canali-veloci li {
		float: left;
		background: transparent;
		padding: 0 6px 0 0;
		margin: 0 1px 0 0;
		border-bottom: 1px solid #000;
		}
	#intestazione-canali-veloci ul a {
		float: left;
		display: block;
		padding: 6px 5px 8px 12px;
		background: transparent;
		font:bold 100%/normal Verdana, Arial, Helvetica, sans-serif;
		}
		
	#intestazione-canali-veloci ul li:hover a { 
		background-position: 0% -400px;
		}
		
	#intestazione-canali-veloci ul li:hover {
		background-position: 100% -400px;
		}
	
	body.canale-veloce-03 li#tab-01 a,
	body.canale-veloce-02 li#tab-02 a,
	body.canale-veloce-01 li#tab-03 a {
		background-position: 0% -200px;
		}
	
	body.canale-veloce-03 li#tab-01,
	body.canale-veloce-02 li#tab-02,
	body.canale-veloce-01 li#tab-03 {
		background-position: 100% -200px;
		border-bottom: 1px solid #fff;
		}
	
	body.canale-veloce-03 li#tab-01:hover,
	body.canale-veloce-02 li#tab-02:hover,
	body.canale-veloce-01 li#tab-03:hover {
		background-position: 100% 0%;
		}
	
	body.canale-veloce-03 li#tab-01:hover a,
	body.canale-veloce-02 li#tab-02:hover a,
	body.canale-veloce-01 li#tab-03:hover a {
		background-position: 0% 0%;
		}	
	/* LINGUETTE TABS (fine) */
	
	
	/* link di servizio */
#intestazione-canali-veloci #tabs #link-di-servizio {	
	text-align:right;
	padding:10px 8px;
	}
	
#intestazione-canali-veloci #tabs #link-di-servizio a:link,
#intestazione-canali-veloci #tabs #link-di-servizio a:visited {
	font-weight:bold;
	}
	
#intestazione-canali-veloci #tabs #link-di-servizio a:hover {
	font-weight:bold;
	}
	
	
	/* 3 colonne (inizio) */
	
#tre-colonne-contenitore {
	display:block;
	}
	
	/* colonna sx */
#colonna-sx {
	width:20%;  
	min-height: 410px;
	height: auto !important;
	height: 410px;
	float:left;
	border:none;
	margin:0px;
	padding:0px;
	font-size:smaller;
	}
	
#colonna-sx #menu {
}
	
#colonna-sx #newsletter {
}
	
#colonna-sx .box-area {	
	margin:8px 8px 12px 8px;
	padding:0px 0px 8px 0px;
	border:none;
	border-bottom:1px solid #333;
	display:block;
	}
	
#colonna-sx div.titolo-area {
	display:block;
	margin:0px 0px 12px 0px;
	padding:0px;
	border:none;
}

#colonna-sx div.titolo-area .allinea-a-sinistra {
	margin:0px 0px 0px 0px;
	padding:0px;
	border:none;
	font-weight:bold;
	}

#colonna-sx div.titolo-area div.allinea-a-destra {
	float: right;
	width:auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border:none;
	background:none;
	text-align:right;
	font-weight:bold;
	}

#colonna-sx div.testo {
	display:block;
	margin:0px;
	padding:0px;
	border:none;
	}
#colonna-sx #menu div.testo {
	display:block;
	margin:0px;
	padding:0px;
	border:none;
	font-weight:bold;
	}
#colonna-sx .nota-newsletter {
	padding-left:4px;
	margin:0px 0px 0px 0px;
	}
	
#colonna-sx ul {
	list-style: none;
	border: none;
	margin: 0px;
	padding: 0px;
	}
	
#colonna-sx li {
	border-bottom: 1px dotted #333;
	padding: 5px 0px 5px 0px;
	}
	
#colonna-sx li a:link,
#colonna-sx li a:visited,
#colonna-sx li a:active{
	}	

#colonna-sx li a:hover {
	}
	
	
#colonna-sx #mini-banner-sx {	
	margin: 16px auto 16px auto;
	text-align:center;
	background:none;
	border:none;
	}	
	
#colonna-sx div.spaziatore {
	display:block;
	height:33px;
	margin:0px;
	padding:0px;
	border:none;
	clear:both;
	}
	
	
	

	/* colonna centro */
#colonna-centro {
	margin:0px;
	padding:0px;
	border:none;
	
	/* bug MOZILLA: 'margins collapsed' 
	Inserire dei bordi fittizi per fare ritornare 
	i margini 'top' e 'bottom'. Utilizzare lo stesso 
	colore dello sfondo per non renderli visibili */
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	/* bug MOZILLA: 'margins collapsed' (fine) */
	
	/* bug amaya: 1px in meno per amaya */
	/*width:423px;  424px */
	width:60%;
	/* bug amaya (fine) */
	
	min-height: 410px;
	height: auto !important;
	height: 410px;
	float:left;
	
	/* bug IE6 - IE6 Peekaboo Bug 
	( http://www.dracos.co.uk/web/css/ie6floatbug/ )
	PROBLEMA: il testo contenuto in questo elemento, 
	quando ha un colore di sfondo e contiene dei float
	scompare, pur rimanendo il vuoto lasciato.
	SOLUZIONE: Richiede la propriet line-height, 
	impostata. (Il valore medio in genere : 1.2). 
	NOTA: Un'altra soluzione, pi macchinosa, 
	consiste nell'assegnare 'position:relative' 
	ad ogni elemento contenuto, a parte il float.*/
	line-height:1.2;
	}
	
	
	/* ========== 
	box-area (CLASS) 
	========== */
#colonna-centro .box-area {
	margin:19px;
	padding:0px;
	border:none;
	display:block;
	}
	/* "avviso" */
#colonna-centro #avviso.box-area {
	margin-bottom:0px;
	display:none;
	}
	/* "colonna-centro-banner-top" */
#colonna-centro #colonna-centro-banner-top.box-area {
	margin-top:9px;
	margin-bottom:-9px;
	}
	/* "la-notizia" */
#colonna-centro #la-notizia.box-area {	
	margin-bottom:0px;
	}
	/* "iniziative" */
#colonna-centro #iniziative.box-area {	
	margin-bottom:0px;
	}
	/* "altre-notizie"	*/
#colonna-centro #altre-notizie.box-area {
	margin-top:10px;
	margin-bottom:0px; 
	clear:left;
	}
	/* "il-progetto" */
#colonna-centro #il-progetto.box-area {
	margin-top:10px;
	}
	/* "opinione" */
#colonna-centro #opinione.box-area {
	}
	/* "menu-scheda" */
#colonna-centro #menu-scheda.box-area {
	margin-bottom:8px;
	padding-top:0px;
	padding-bottom:8px;
	border-bottom:1px solid #333;
	}
	/* "menu-pagine" */
#colonna-centro #menu-pagine.box-area {
	margin-top:0px;
	margin-bottom:21px;
	}
	/* "scheda" */
#colonna-centro #scheda.box-area {	
	}
	/* "pagina-semplice" */
#colonna-centro #pagina-semplice.box-area {
	margin-bottom:8px;
	padding-top:0px;
	}
	/* riquadro */
#colonna-centro #riquadro.box-area {
	}
	
	
	/* ========== 
	titolo-area 
	========== */
#colonna-centro .titolo-area {
	clear:left;
	margin:0px;
	margin-bottom:12px;
	padding:0px;
	border:none;
	display:block;
	/* NOTA BENE: in IE4 se il contenuto attorno al 
	float ha altezza maggiore del float ed  un blocco, 
	il colore di sfondo dell'elemento che contiene 
	entrambi scompare sotto al float. 
	SOLUZIONE: assegnare un'altezza al contenitore di entrambi. */	
	min-height: 5px;
	height: auto !important;
	height: 5px;
	}
	/* "avviso" */
#colonna-centro #avviso {
	margin-bottom:0px;
	}
	/* "colonna-centro-banner-top" */
#colonna-centro #colonna-centro-banner-top .titolo-area {
	margin-bottom:0px;
	display:none;
	}
	/* "iniziative" */
#colonna-centro #iniziative .titolo-area {
	margin-bottom:4px;
	margin-left:0px;
	}
	/* "altre-notizie" */
#colonna-centro #altre-notizie .titolo-area {
	margin:0px 0px 4px 0px;
	}
	/* "menu-scheda" */
#colonna-centro #menu-scheda .titolo-area {
	margin-bottom:4px;
	margin-left:0px;
	}
	/* "menu-pagine" */
#colonna-centro #menu-pagine .titolo-area {
	margin-bottom:4px;
	margin-left:0px;
	}
	/* "scheda" */
#colonna-centro #scheda .titolo-area {
	margin-left:0px;
	}
	/* "pagina-semplice" */
#colonna-centro #pagina-semplice .titolo-area {
	margin-left:0px;
	}
	
	
	/* ========== 
	allinea-a-destra 
	========== */
#colonna-centro .titolo-area .allinea-a-destra {
	float: right;
	width: 30%;
	margin: 0px;
	padding: 0px;
	border:none;
	border-left:1px dotted #000;
	display:block;
	text-align:right;
	font-weight:bold;
	}
	/* "menu-scheda", "pagina-semplice", "menu-pagine" */
#colonna-centro #menu-scheda .titolo-area .allinea-a-destra,
#colonna-centro #pagina-semplice .titolo-area .allinea-a-destra,
#colonna-centro #menu-pagine .titolo-area .allinea-a-destra {
	border-left:1px dotted #000;
	font-weight:normal;
	}
	/* "fonti" */
#colonna-centro .fonti .allinea-a-destra {
	float: right;
	width: 25%;
	margin: 0px;
	padding: 0px;
	border:none;
	border-left:1px dotted #000;
	text-align:right;
	font-weight:bold;
	}
	
	
	/* ========== 
	allinea-a-sinistra 
	========== */
#colonna-centro .titolo-area .allinea-a-sinistra {
	margin:0px;
	padding:0px;
	border:none;
	width: 68%;
	font-weight:bold;
	}
	/* NOTA: qui sotto 'margin:0', evita che l'uso dei titoli 'h1...' 
	dentro all'elemento '.allinea-a-sinistra', causi la formazione di un 
	margine sopra e sotto che rompe l'allineamento col float di destra */
	.allinea-a-sinistra h1,
	.allinea-a-sinistra h2,
	.allinea-a-sinistra h3,
	.allinea-a-sinistra h4,
	.allinea-a-sinistra h5,
	.allinea-a-sinistra h6 {
		margin:0px;
	}	
	/* "avviso" */
#colonna-centro #avviso .titolo-area .allinea-a-sinistra {
	}
	/* "colonna-centro-banner-top" */
#colonna-centro #colonna-centro-banner-top .titolo-area .allinea-a-sinistra {
	}
	/* "la-notizia" */
#colonna-centro #la-notizia .titolo-area .allinea-a-sinistra {
	/*margin-left:36px;*/
	}
	/* "iniziative" */
#colonna-centro #iniziative .titolo-area .allinea-a-sinistra {
	/*margin-left:36px;*/
	}
	/* "altre-notizie" */
#colonna-centro #altre-notizie .titolo-area .allinea-a-sinistra {
	}
	/* "il-progetto" */
#colonna-centro #il-progetto .titolo-area .allinea-a-sinistra {
	/*margin-left:36px;*/
	}
	/* "opinione" */
#colonna-centro #opinione .titolo-area .allinea-a-sinistra {
	/*margin-left:36px;*/
	}
	/* "menu-pagine" */
#colonna-centro #menu-pagine .titolo-area .allinea-a-sinistra {
	}
	/* "scheda" */
#colonna-centro #scheda .titolo-area .allinea-a-sinistra {
	padding-left:4px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:bold;
	color:#F00;
	}
	/* "menu-scheda", "pagina-semplice" */				
#colonna-centro #menu-scheda .titolo-area .allinea-a-sinistra,
#colonna-centro #pagina-semplice .titolo-area .allinea-a-sinistra {
	font: bold larger/normal Georgia, "Times New Roman", Times, serif;
	color:#F00;
	}
			
	/* TRICKY (INIZIO) ***************************************** 
	Gli hack che seguono sono per IE, e hanno lo scopo di 
	mantenere in tutti i browser il blocco "allinea-a-sinistra", largo 
	effettivamente il 78% della larghezza del genitore ".titolo-area". */	
@media all {
#colonna-centro .titolo-area .allinea-a-sinistra {
	/* NO: IE4 - OK: IE 5-5.5-6 */
	width:98%;
	}			
}
#colonna-centro .titolo-area .allinea-a-sinistra {
	/* NO: IE 4-5-5.5 - OK: IE 6 */
	voice-family: "\"}\"";
	voice-family: inherit;
	width:68%;
	/* IMPORTANTE: inserire la riga che segue: 'width:val%;',
	e attivare il selettore child (>) appena sotto,	se si 
	inserisce '<!====>' (= sta per -) all'inizio delle pagine.
	(Vale a dire se si opta per il rendering del codice da parte 
	dei browser, in modalit "quirk mode"). */
	/* Il selettore 'child' (>), non  riconosciuto da winIE6-, e 
	macIE4.5- e NN4, e perci rende invisibile ad essi il valore 
	della propriet 'width' in esso contenuta. */
	width:98%;
	}
	#colonna-centro .titolo-area>.allinea-a-sinistra {
	width:68%;
	
	}	
#colonna-centro .titolo-area .allinea-a-sinistra {
	/* ricrea il selettore (lasciare) */
	}
	/* TRICKY (FINE) ***************************************** */
	
.fonti .allinea-a-sinistra {
	margin:0px;
	padding:0px;
	border:none;
	width:73%;
	}	
			
	/* TRICKY (INIZIO) ***************************************** 
	Gli hack che seguono sono per IE, e hanno lo scopo di 
	mantenere in tutti i browser il blocco "allinea-a-sinistra", largo 
	effettivamente il 78% della larghezza del genitore ".fonti". */	
@media all {
#colonna-centro .fonti .allinea-a-sinistra {
	/* NO: IE4 - OK: IE 5-5.5-6 */
	width:98%;
	}			
}
#colonna-centro .fonti .allinea-a-sinistra {
	/* NO: IE 4-5-5.5 - OK: IE 6 */
	voice-family: "\"}\"";
	voice-family: inherit;
	width:78%;
	/* IMPORTANTE: inserire la riga che segue: 'width:val%;',
	e attivare il selettore child (>) appena sotto,	se si 
	inserisce '<!====>' (= sta per -) all'inizio delle pagine.
	(Vale a dire se si opta per il rendering del codice da parte 
	dei browser, in modalit "quirk mode"). */
	/* Il selettore 'child' (>), non  riconosciuto da winIE6-, e 
	macIE4.5- e NN4, e perci rende invisibile ad essi il valore 
	della propriet 'width' in esso contenuta. */
	width:98%;
	}
	#colonna-centro .fonti>.allinea-a-sinistra {
	width:78%;
	
	}	
#colonna-centro .fonti .allinea-a-sinistra {
	/* ricrea il selettore (lasciare) */
	}
	/* TRICKY (FINE) ***************************************** */
	
		
	/* ========== 
	testo 
	========== */
#colonna-centro .testo {
	margin:0px;
	margin-bottom:16px;
	padding:0px;
	border:none;
	/* BUG IE/WIN - Three Pixel Text-Jog
	Assegno un'altezza non significativa, pari a 'height:1%' a questo 
	blocco che contiene il float vignetta. Vedi ampia spiegazione pi 
	sotto, (selettore della vignetta). */
	height:1%;
	/* BUG IE/WIN - Three Pixel Text-Jog (fine) */
	display:block;
	overflow:visible;
	line-height:1.2;
	}
#colonna-centro p {
	margin-top:0em !important;
	margin-bottom:1em !important;
	}
#colonna-centro .brevi {
	border-top:1px solid #111;
	margin-top:16px !important;
	margin-bottom:8px !important;
	padding-top:2px !important;
	}
#colonna-centro .brevi img {
	margin-right:0.5em;
	width:6px;
	height:6px;
	background-color:#CCC;	
	}
#colonna-centro .brevi a {
	margin-right:0.5em;
	}
	/* "avviso" */
#colonna-centro #avviso .testo {
	padding:4px 8px;
	text-align:center;
	font-weight:bold;
	background: url(/immagini/bk_avviso.gif) no-repeat center top;
	}
	/* "colonna-centro-banner-top" */
#colonna-centro #colonna-centro-banner-top .testo {
	margin:0px;
	padding:0px;
	border:none;
	height:1%;
	display:block;
	text-align:center;
	font-weight:bold;
	}
	/* "la-notizia" */
#colonna-centro #la-notizia .testo {
	}
	/* "iniziative" */
#colonna-centro #iniziative .testo {
	}
	/* "il-progetto" */
#colonna-centro #il-progetto .testo {
	}
	/* "opinione" */
#colonna-centro #opinione .testo {
	}
	/* "altre-notizie" */
#colonna-centro #altre-notizie .testo {
	margin-bottom:0px;
	}
	/* "menu-scheda" */
#colonna-centro #menu-scheda .testo {
	margin-bottom:0px;
	}
	/* "menu-pagine" */
#colonna-centro #menu-pagine .testo {
	}
	/* "scheda" */
#colonna-centro #scheda .testo {
	}
	/* "pagina-semplice" */
#colonna-centro #pagina-semplice .testo {
	}
	/* riquadro */
#colonna-centro #riquadro .testo {
	}
	
	
#colonna-centro #pagina-semplice .interlinea-minima {
	}
	
	
	/* ========== 
	titoli 
	========== */
#colonna-centro .data {
	margin:0px;
	margin-bottom:4px;
	padding:0px;
	border:none;
	display:block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	}

#colonna-centro .titolo-grande {
	margin:0px;
	margin-top:8px;
	margin-bottom:4px;
	padding:0px;
	border:none;
	display:block;
	font: bold x-large/normal Georgia, "Times New Roman", Times, serif;
	color:#F00;
	}

#colonna-centro .sottotitolo-grande {
	margin-bottom:16px;
	padding:0px;
	border:none;
	display:block;
	font: bold large/normal Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#F00;
	}

#colonna-centro #scheda .sottotitolo-grande {
	margin-bottom:16px;
	padding-left:4px;
	}
	
#colonna-centro .titoli-pagina-semplice {
	margin-top:8px;
	margin-bottom:8px;
	padding:0px;
	padding-left:4px;
	border:none;
	display:block;
	font: bold 100%/normal Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#F00; 
	}
	
#colonna-centro #riquadro .titoli-pagina-semplice {
	margin-top:2px;
	margin-bottom:2px;
	}
	
	
	/* ========== 
	fonti 
	========== */
#colonna-centro .fonti {
	margin:0px;
	padding:2px 0px 4px 0px;
	border:none;
	border-top:1px solid #333;
	display:block;
	/* NOTA BENE: in IE4 se il contenuto attorno al 
	float ha altezza maggiore del float ed  un blocco, 
	il colore di sfondo dell'elemento che contiene 
	entrambi scompare sotto al float. 
	SOLUZIONE: assegnare un'altezza al contenitore di entrambi. */	
	min-height: 12px;
	height: auto !important;
	height: 12px;
	/* NOTA BENE: vedi la nota sull'uso esatto di "clear:left;" 
	nell'id "altre-notizie"... */
	clear:left;
	}
	/* "avviso" */
#colonna-centro #avviso .fonti {
	padding:0px;
	border:none;
	background:none;
	}
	/* "colonna-centro-banner-top" */
#colonna-centro #colonna-centro-banner-top .fonti {
	padding:0px;
	border:none;
	background:none;
	display:none;
	}
	/* "scheda" */
#colonna-centro #scheda .fonti {
	/*padding:0px;
	background:none;*/
	}
	/* "altre-notizie" */
#colonna-centro #altre-notizie .fonti {
	/*padding:0px;*/
	border-top:1px none #333;
	background:none;
	}
		
	
	/* ========== 
	tabelle menu 
	========== */
	
	/* TRICKY (INIZIO) ***************************************** 
	Gli hack che seguono sono per IE5.0/5.5, e hanno lo scopo di 
	ridurre la larghezza delle tabelle da 100% a 92%, per evitare 
	lo scorrimento della colonna-dx sotto. (In IE 5.0 e 5.5 la 
	propriet 'width: 100%;",  interpretata in modo incorretto). */	
	@media all {
	#colonna-centro table,
	#colonna-centro table#tabella-zebra {
	    /* NO: IE4 - OK: IE 5-5.5-6 */
	    width:91%;
		border-collapse:collapse;
	    }
	}	
	#colonna-centro table,
	#colonna-centro table#tabella-zebra {
	    /* NO: IE 4-5-5.5 - OK: IE 6 */
	    voice-family: "\"}\"";
	    voice-family: inherit;
	    width:100%;
	    /* IMPORTANTE: inserire la riga che segue: 'width:val%;',
	    se si inserisce '<!====>' (= sta per -) all'inizio delle pagine
	    (vale a dire se si opta per il rendering del codice 
	    da parte dei browser in modalit "quirk mode" */
	    width:91%;
	    }		
	#colonna-centro table,
	#colonna-centro table#tabella-zebra {
	    /* ricrea il selettore (lasciare) */
	    }
	/* TRICKY (FINE) ***************************************** */
	
	#colonna-centro #menu-scheda td,
	#colonna-centro #menu-pagine td,
	#colonna-centro #pagina-semplice td {
	    width:33%;
	    font-weight:bold;
	    text-align:center;
	    padding:8px 4px;
	    }
		
	#colonna-centro #menu-pagine td {
	    padding:4px 4px;
	    }
		
	#colonna-centro #menu-scheda td.link,
	#colonna-centro #menu-pagine td.link,
	#colonna-centro #pagina-semplice td.link, 
	#colonna-centro #pagina-semplice td.link-freccia {
		padding-top:16px;
		padding-bottom:16px;
	    border:1px solid #000;
		background-color:#333;
	    }
		
	#colonna-centro #pagina-semplice td.link-freccia{
	    border:1px solid #000;
	    background: #333 url(/immagini/ico-freccia-destra.gif) no-repeat right center;
	    }
		
	#colonna-centro #menu-pagine td.link {
	    /*border:1px solid #EDE6C2;
	    border-bottom:3px solid #EDE6C2;
	    border-left:2px solid #EDE6C2;*/
	    }
		
	#colonna-centro #menu-scheda td.link-spento, 
	#colonna-centro #menu-pagine td.link-spento,
	#colonna-centro #pagina-semplice td.link-spento {
	    border:1px solid #333;
	    }
		
	
	#colonna-centro #menu-pagine td.link a img {border:1px solid #0FF;}
	
	#colonna-centro #menu-pagine td.link a img, 
	#colonna-centro #menu-pagine td.link a {
	    }
		
	#colonna-centro #menu-pagine td.link a:visited img, 
	#colonna-centro #menu-pagine td.link a:visited  {
	    }
		
	#colonna-centro #menu-pagine td.link a:hover img, 
	#colonna-centro #menu-scheda td.link a:hover, 
	#colonna-centro #menu-pagine td.link a:hover,
	#colonna-centro #pagina-semplice td.link a:hover,
	#colonna-centro #pagina-semplice td.link a:hover,
	#colonna-centro #pagina-semplice td.link-freccia a:hover  {
	    }
		
	#colonna-centro #menu-pagine td.link a:active img, 
	#colonna-centro #menu-pagine td.link a:active  {
	}
	
	
	/* ========== 
	tabella zebra 
	========== */
#colonna-centro #tabella-zebra-contenitore {
	display:block;
	margin:16px 0px;
	}
	
#colonna-centro #tabella-zebra {
	width:100%;
	}
	
#colonna-centro #tabella-zebra tbody tr td {
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#F00;
	padding: 5px 8px;
	border-left: 1px solid #333;
	}
	
	
	/* ========== 
	liste
	========== */	
	
		/* lista (normale)
		visualizza: 
		- rientro paragrafi, 
		- punto-lista-quadrato interno, 
		- no spazio paragrafi */		
	#colonna-centro ul.lista {
	    list-style-position: inside;
	    list-style-type: disc;
	    margin: 1em 0em 2em 0.6em;
	    padding: 0px;
	    border: none;
	    display:block;
		}
	#colonna-centro ul.lista li {
		padding: 8px 0 16px 0;
		}
		
		
		/* lista (normale senza rientro)
		visualizza:
		- punto-lista-quadrato interno, 
		- no spazio paragrafi */		
	#colonna-centro ul.lista-no-rientro {
		list-style-position: inside;
		list-style-type: square;
		margin: 1em 0em 2em 0em;
		padding: 0px;
		border: none;
		display:block;
		}
	#colonna-centro ul.lista li {
		padding: 8px 0 16px 0;
		}
			
	
		/* lista (ad indice)
		visualizza:
		- punto-lista-quadrato interno */		
	#colonna-centro ul.lista-indice {
		list-style-position: inside;
		list-style-type: square;
		margin: 1em 0em 2em 0.6em;
		padding: 0px;
		border: none;
		display:block;
		}
	#colonna-centro ul.lista-indice li {
		margin-top:0.5em;
		margin-bottom:0em;
		padding:0px;
		}
	#colonna-centro ul.lista-indice-sub {
		list-style-position: inside;
		list-style-image:url(/immagini/ico-sub-lista_bianca.gif);
		list-style-type: none;
		margin: 0em 0em 0em 1.5em;
		padding: 0px;
		border: none;
		display:block;
		}
	#colonna-centro ul.lista-indice-sub li {
		margin-top:0em !important;
		margin-bottom:0em !important;
		padding:0px;
		}
		
		
		/* lista (documenti)
		visualizza: 
		- rientro paragrafi, 
		- punto-lista-immagine interno, 
		- no spazio paragrafi */		
	#colonna-centro ul.lista-doc {
		list-style-position: inside;
		list-style-type: disc;
		list-style-image: url(/immagini/ico_lista-doc.gif);
		margin: 1em 0em 2em 0em;
		padding: 0px;
		border: none;
		display:block;
		}
	#colonna-centro ul.lista-doc li {
		padding: 8px 4px 16px 4px;
		border-bottom: 1px dotted #333;
		}
		
	
		/* lista (notizie) */
	#colonna-centro ul.elenco-notizie {
		list-style: none;
		border: none;
		margin: 0px 0px 0px 0px;
		padding: 0px;
		display:block;
		font-style:italic;
		}	
	#colonna-centro ul.elenco-notizie li {
		padding: 8px 4px 16px 4px;
		border-bottom: 1px dotted #333;
		}
	#colonna-centro ul.elenco-notizie li a {	
		padding: 5px 0px 5px 0px;
		font-style:normal;
		color:#FF0;
		}
	#colonna-centro ul.elenco-notizie li a:link,
	#colonna-centro ul.elenco-notizie li a:visited,
	#colonna-centro ul.elenco-notizie li a:active{
		}
	#colonna-centro ul.elenco-notizie li a:hover {
		color:#FFF;
		}
		
	
	/*lista (archivio) */
	#colonna-centro ul.elenco-archivio {
		list-style: none;
		border: none;
		margin: 0px 0px 0px 0px;
		padding: 0px;
		display:block;
		font-style:italic;
		}	
	#colonna-centro ul.elenco-archivio li {
		padding: 8px 4px 16px 4px;
		border-bottom: 1px dotted #333;
		}	
	#colonna-centro ul.elenco-archivio li a {	
		padding: 5px 0px 5px 0px;
		font-style:normal;
		}	
	#colonna-centro ul.elenco-archivio li a:link,
	#colonna-centro ul.elenco-archivio li a:visited,
	#colonna-centro ul.elenco-archivio li a:active{
		}
	#colonna-centro ul.elenco-archivio li a:hover {
		}
		
	
	/*lista (archivio-titoli) - Vedi pagina titoli "in-evidenza" */
	#colonna-centro ul.elenco-archivio-titoli {
		list-style: none;
		border: none;
		margin: 0px 0px 0px 0px;
		padding: 0px;
		display:block;
		font-style:italic;
		}	
	#colonna-centro ul.elenco-archivio-titoli li {
		padding: 8px 4px 16px 4px;
		border-bottom: 1px dotted #333;
		}	
	#colonna-centro ul.elenco-archivio-titoli li a {	
		padding: 5px 0px 5px 0px;
		font-style:normal;
		}
	#colonna-centro ul.elenco-archivio-titoli li a:link,
	#colonna-centro ul.elenco-archivio-titoli li a:visited,
	#colonna-centro ul.elenco-archivio-titoli li a:active{
		}
	#colonna-centro ul.elenco-archivio-titoli li a:hover {
		}
	
	
	
	/* ========== 
	vignette
	========== */
	
	/* VIGNETTE (inizio) ========== 
	NOTA BENE: specificare una classe 
	(.mini, .miniatura, .piccolina, .piccola, .media, .grande), 
	per l'elemento che contiene la "vignetta", 
	altrimenti l'allineamento non funziona ! */
.mini, .miniatura, .piccolina, .piccola, .media, .grande {
	float: left;
	margin:0px;
	padding: 0px;
	border:none;
	width: 90px;
	line-height:1.2;
	margin-right:6px;
	}
	/* TRICKY (INIZIO) ***************************************** */
	/* BUG IE/WIN - Three Pixel Text-Jog.
	( http://www.positioniseverything.net/explorer/threepxtest.html )
	PROBLEMA: IE/win assegna per errore al margine esterno libero dei float, 
	3px di spazio che influenzano gli elementi che gli scorrono di fianco e 
	non c' verso di toglierlo, se non assegnando all'elemento che lo contiene, 
	una larghezza o una altezza. Inoltre, nel caso in cui il float contenga 
	un'immagine	che va da sx a dx, occorre ridurre il suo margine destro di -3px.
	SOLUZIONE: Primo. assegnare un'altezza non significativa, pari al 
	valore di 'height:1%;', all'elemento che contiene il float (.testo). 
	Secondo. se il float contiene anche un'immagine, aggiungere	queste tre 
	righe (tan hack), lasciandole cos, commenti per IE/Mac inclusi!!!
	(NOTA: in IE4 il float con l'immagine, provoca il doppio di spazio: 6px. 
	Per cui rimarranno comunque 3px di spazio liberi.
	ATTIVARE LE SEGUENTI TRE RIGHE, solo se l'elemento contiene un'immagine!! 
	Sottrarre -3px al valore del margine libero corretto. Per es: se il margine 
	libero ammonta a 8px, sottrare -3px, quindi 5px. Altro es: se il margine 
	libero ammonta a 0px, sottrare -3px, quindi -3px, etc... ) */	
	
	/* Nascondi a IE MAC (NO: MacIE4.5 e 5 - OK: winIE6-) \*/ 
* html .mini, * html .miniatura, * html .piccolina, * html .piccola, * html .media, * html .grande { margin-right:3px; }
	/* Nascondi a IE MAC (fine) */
	/* TRICKY (FINE) ***************************************** */
		
.mini {width: 30px;}
.miniatura {width: 50px;}
.piccolina {width: 90px;}
.piccola {width: 120px;}
.media {width: 190px;}
.grande {width: 250px;}

#colonna-dx .mini, #colonna-dx .miniatura, #colonna-dx .piccolina, #colonna-dx .piccola, #colonna-dx .media, #colonna-dx .grande {
	margin: 0px 4px 2px 0px;
	}
#colonna-dx .mini {
	margin: 0px 8px 2px 0px;
	}		
	
.vignetta div {
	margin:0px;
	padding:0px;
	border:none;
	display:block;
	/*font-style:italic;*/
	text-align: left;
	text-indent: 0px;
	}
	
.vignetta div.dida {
	padding:0px 0px;
	font-weight:bold;
	font-size:90%;
	color:#FF0;
	}
	
.vignetta img {
	margin:0px;
	padding:0px;
	border:none;
	width:100%;
	display:block;
	}
	
#colonna-dx .vignetta img {
	border:1px solid #333; 
	}
	/* VIGNETTE (fine) ========== */
	
	
	/* ========== 
	spaziatore
	========== */
#colonna-centro div.spaziatore {
	display:block;
	height:33px;
	margin:0px;
	padding:0px;
	border:none;
	clear:both;
	}
	
	
	/* ========== 
	torna sopra
	========== */
.top-contenitore {
	/* NOTA BENE: il contenitore  per 
	centrare il div.top (bug di IE5.5-). */	
	text-align:center;
	}
.top {
	width:120px;
	margin:0px auto 0px auto;
	text-align:center;
	}
.top a {
	display:block;
	padding:0 6px; 
	/* altezza del link: 'height' e 'line-height' uguali */ 
	height:24px;
	line-height:24px;
}	
.top a:link, .top a:visited {
	}	
.top a:hover {
	}
.top a:active {
	}	
	
	/* __________________________________ MENU AD ALBERO MAPPA SITO (inizio) __________________________________ */	
#colonna-centro .testo ul.fine-ul {
	background-color:#000 !important;
	}
#colonna-centro .testo li.inizio-li {
	background:none;
	background-color:#000 !important;
	list-style-image:url(/immagini/ico-albero_ini_hi-contrast.gif) !important;
	}	
#colonna-centro .testo li.fine-li {
	background:none !important;
	background-color:#000 !important;
	list-style-image:url(/immagini/ico-albero_fine_hi-contrast.gif) !important;
	}
	/* __________________________________ MENU AD ALBERO MAPPA SITO (fine) __________________________________ */	
	
	
	/* colonna dx */
#colonna-dx {
	width:19%;  
	min-height: 410px;
	height: auto !important;
	height: 410px;
	float:left;	
	border:none;
	margin:0px;
	padding:0px;
	font-size:smaller;
	/* 
	BUG IE6: "DUPLICATE CHARACTERS / screen diarrhea"
	( http://www.positioniseverything.net/explorer/dup-characters.html )
	2 o pi commenti HTML, inseriti tra 
	due elementi con float,	causano la 
	duplicazione di testo al di sotto 
	dell'ultimo elemento con float.	
	In questo caso i commenti che causano il bug, 
	sono tra le colonne di sx, centro e dx.
	SOLUZIONE: (per ie6) assegnare 'margin-left:-3px;' 
	all'ultimo elemento con float.*/
	margin-left:-3px;
	}	
	
	
#colonna-dx #cerca {
	padding-bottom:0px;
}
	
	/* cerca */
.campo-cerca {
	font: bold 100%/normal Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	background: #FFF;
	padding:1px 5px 1px 5px;
	margin:0px;
	border: solid 1px #333;
	width:60%;
	position:relative;
	top:-3px;
}
.pulsante-cerca {	
	font: normal 10px/normal Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	background:#FFF url(/immagini/ico_cerca2.gif) no-repeat left top;
	padding:0px;
	border:none;
	width:22px;
	height:20px;
	position:relative;
	top:0px;
}
	
#colonna-dx #in-evidenza {
}		
#colonna-dx #spot-progetto {
}
	
#colonna-dx #opinione {
	clear:left;
}
	
#colonna-dx #news-collegate {
}
	
#colonna-dx #in-corso {
}
	
#colonna-dx .box-area {	
	margin:0px 12px 4px 10px;
	padding:0px 0px 8px 0px;
	border:none;
	border-bottom:2px solid #333;
	display:block;
	}
	
#colonna-dx div.titolo-area {
	display:block;
	margin:0px 0px 12px 0px;
	padding:0px;
	border:none;
}

#colonna-dx div.titolo-area .allinea-a-sinistra {
	margin:0px;
	padding:0px 0px 0px 0px;
	border:none;
	font-weight:bold;
	}

#colonna-dx div.titolo-area div.allinea-a-destra {
	float: right;
	width:20%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border:none;
	text-align:right;
	font-weight:bold;
	}

#colonna-dx div.testo {
	display:block;
	margin:0px;
	padding:0px;
	border:none;
	}
#colonna-dx #in-evidenza .testo, 
#colonna-dx #spot-progetto .testo {
	}
#colonna-dx #opinione .testo {
	border:none;
	}
#colonna-dx #in-corso .testo {
	padding:4px 0px;
	}
#colonna-dx #in-corso .titoletto {	
	text-transform: uppercase;
	}

#colonna-dx .blocchetto {
	margin:0px;
	padding:8px 0px;
	padding-bottom:16px;
	border:none;
	}
#colonna-dx #in-evidenza .blocchetto, 
#colonna-dx #spot-progetto .blocchetto {
	border-bottom: 1px solid #333;
	/*padding:1px 0px 2px 0px;*/
	}
	
#colonna-dx .titoletto {
	font-size:100%;
	font-weight:bold;
	color:#F00;
	margin:0px 0px 0px 0px;
	padding:0px;
	border:none;
	}
	
	/**/
	
#colonna-dx ul {
	margin: 8px 0px 0px 0px;
	padding: 0px 0px 8px 0px;
	border: none;
	border:1px solid #333;
	border-bottom:4px solid #333;
	border-left:2px solid #333;
	list-style: none;
	font-style:italic;
	}	
#colonna-dx li {
	border-bottom: 1px dotted #333;
	padding: 4px 4px 5px 4px;
	}
#colonna-dx li a {
	}
#colonna-dx li a:hover  {
	}
	
	/* lista "news" */	
#colonna-dx ul.news { 
	margin:4px 0px 4px 0px; /* no rientri liste */
	padding:3px 4px 0px 4px; /* no rientri liste */
	border:none;
	border:1px solid #333;
	border-bottom:4px solid #333;
	border-left:2px solid #333;
	width:auto;
	display:block;	
	list-style-position: inside;
	list-style-image: url(/immagini/ico-freccia-destra.gif);
	list-style-type: none; /* no punti elenco */
	font-style:italic;
	}
#colonna-dx ul.news br {
	display:none;
	}
#colonna-dx ul.news li {
	border:none;
	display:inline;
} /* no spazio fra elementi lista. (Opera) */
#colonna-dx ul.news li a {  
	margin:0px 0px 3px 0px;
	padding:0px 0px 3px 0px; /* spazio fra bordo menu, e link */
	border-bottom:1px dotted #333; /* #FA6C00 #B0CBD5 #DDD5AB */
	height:1.2;line-height:1.2; /* altezza link: height e line-height stesso valore */ 
	display:block; /* tutto lo spazio orizzontale */
	font-weight:bold;
	/*color: #000;*/
}
#colonna-dx ul.news li a:link, 
#colonna-dx ul.news li a:visited { 
}
#colonna-dx ul.news li a:hover { 
}
#colonna-dx ul.news li a:active {  
}
	
	/* lista "links" (vedi: in-corso) */	
#colonna-dx ul.links { 
	margin:4px 0px 4px 0px; /* no rientri liste */
	padding:0px 0px; /* no rientri liste */
	border:none;
	/*border:1px solid #B0CBD5;
	border-bottom:4px solid #B0CBD5;
	border-left:2px solid #B0CBD5;*/
	width:auto;
	display:block;	
	list-style-position: inside;
	list-style-image: url(/immagini/ico-freccia-destra.gif);
	list-style-type: none; /* no punti elenco */
	font-style:normal;
	background:none;
	}
#colonna-dx ul.links li { 
	padding:0px;
	border:none;
	display:inline;
} /* no spazio fra elementi lista. (Opera) */
#colonna-dx ul.links li a { 
	padding:8px 0px 8px 0px; /* spazio fra bordo menu, e link */
	border-bottom:1px solid #333;
	height:1.2;line-height:1.2; /* altezza link: height e line-height stesso valore */ 
	display:block; /* tutto lo spazio orizzontale */
	font-weight:bold;
}
#colonna-dx ul.links li a:link, 
#colonna-dx ul.links li a:visited {
}
#colonna-dx ul.links li a:hover {
}
#colonna-dx ul.links li a:active { 
}
	
	/**/
	
	
#colonna-dx #mini-banner-dx {	
	margin: 16px auto 16px auto;
	text-align:center;
	background:none;
	border:none;
	}
	
#colonna-dx div.spaziatore {
	display:block;
	height:33px;
	margin:0px;
	padding:0px;
	border:none;
	clear:both;
	}
	
	/* 3 colonne (fine) */
	
	
	/* piepagina */
#piepagina {
	clear:both;
	width:100%; 
	min-height: 10px;
	height: auto !important;
	height: 10px;
	display:block;
	background:none;
	}
#piepagina #footer-01 {
	display:block;
	text-align:center;
	padding:8px 0 16px 0;
	}
#piepagina #footer-02 {
	min-height: 106px;
	height: auto !important;
	height: 106px;
	display:block;
	
	}
#piepagina #footer-02 a, #piepagina #footer-02 :link, #piepagina #footer-02 :visited, #piepagina #footer-02 :hover, #piepagina #footer-02 :active {
	border:none !important;
	color:#000 !important;
	}
	
-->