/* ====================================================================
GENERAL STYLING
-------------------------------------------------------------------- */
/* border:nones are for NN4 */
html { margin: 0px; padding: 0px; }
body
    {
    margin: 0px;
    padding: 0px;
    background-color: #fff;

	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-weight: normal;
	font-size: 13px;

    }
div {
	margin: 0px;
	padding: 0px; }
p {
	padding: 0px;
	margin: 0px;}
#body-clearing {
	clear: both;
	} /* CSS HACK: only for NN4, so now use Caio hack to cleanse palette */
/*/*/ #body-clearing { display: none; } /* */
/* contenitore is only needed if you want to set a background color for the columns, put a border round the content block or fix the content width */

#contenitore{
    color : #000;

	
/*    border: 1px solid #fff;*/
	border-bottom: 0px solid #4c4c4c;
/* CSS HACK: width increased for browsers whose box model is not CSS2 compliant */
    width: 992px;
/*/*/
    wid\th: 990px;
/* */
	margin: 0px auto;
	background: url(img/sf_contenitore.gif) no-repeat top center;
	
    }
#testata{
    color: #000;

    margin: 0px;
    border: none;
	background-color: #CDCB00;


	width: 990px;
	height: 350px;
/*	border: 1px solid green;*/
	
/*	background: url(img/sf_testata.png) no-repeat;*/
    }

	
	
#coda{
    background: url(img/sf_coda.png) no-repeat center;
    clear: both;
/*    border: 1px solid yellow;*/
	height: 180px;
	padding-top: 0px;
	
    }
/* ====================================================================
COLUMNS LAYOUT
-------------------------------------------------------------------- */
#columns-float
    {
    float: left;
    width: 740px;
/*	border: 1px dotted blue;*/
    }
#col-menu{
    float: left;
    width: 250px;
/*	border: 1px solid red;*/
    }
/* CSS HACK: Caio hide from NN4 since NN4's float model is all wrong */
/*/*/
#col-corpo {
	margin-left: 250px; 
/*	background-color: #fff;*/
/*	border: 1px solid navy;*/
	width: 490px;
	}
#col-dx {
	margin-left: 744px;
/*	border: 1px dashed green;*/
	text-align: right;
	margin-right: 30px;
	}
/* */
#col-menu-content, #corpo, #col-dx-content{
    border: none;
    color: #000;
    }
#corpo{
/*	margin-left: 5px;*/
	}

#col-dx-content{
	color: #000;
	font-size: 11px;
	}

#col-dx-news{
	color: #000;
	padding-left: 18px;
	font-weight: bold;
	}
#col-dx-news li a:link,
#col-dx-news li a:visited,
#col-dx-news li a:active,
#col-dx-news li a:hover{
	text-decoration: none;
}



/* VERTICAL PADDING ABOVE COLUMNS */
#column_padding_after
    {
    height:0px;
    font-size: 1px;
    line-height: 0px;
    clear: both;
    }
/* CSS HACK: position:relative needed by IE6 otherwise the header and col 2 don't show up on initial rendering - they're there but you have to minimise the window or switch to another app and back to see the full effect. But IE5(pc) doesn't like it. And nor does NN4.
NB. the use of pos:rel has to go way beyond skin-deep - any nested element that needs a background colour appears to require to be be relatively positioned */
/*/*/
#contenitore, #columns-float, #col-menu, #col-corpo, #col-dx, h2
    { p\osition: relative; }
/* */




/********************************************/
/*	<css nome="XHTML Generale">				*/

	


input,
select,
textarea {
	background-color: #ffff99;
	border: 1px solid #666;
	color: navy;
	font-size: 13px;
	height: 16px;
	text-indent: 3px;
}

input{
	padding: 0px;
}

textarea {
	height: 100px;
}


label{
	display:block;
/*	float:left;*/
	font-weight:bold;
	}
.form-nota{
	font-size: 11px;
	color: #666;
	}

input.file{
	height: 20px;
}

input.tasto{
	background-color: #ccc;
	color:#4d4d4d;
	font-weight: bold;
	font-size:12px;
	height:18px;
/*	padding: 1px 2px;*/
}
input.tasto:hover{
	background-color: #e9e9e9;
}

div.form-note{
	font-size: 11px;
	color: #333;
	width: 400px;
/*	text-align:justify;*/
}

input.radio,
input.checkbox{
	background-color: transparent;
	border: none;
	vertical-align:middle;
}



h1, h2, h3{

	font-size:18px;
	font-weight:bold;
/*	margin-top: 30px;*/
	color: #000;
/*	border-bottom: 1px solid white;*/
	width: 430px;
	font-family: verdana, tahoma, Arial, sans-serif;
	padding: 0px 0px;
	padding-top: 10px;
	border-top: 5px solid #d8a1c5;
	

}
h2{
	font-size:16px;
	}
h3{
	font-size:14px;
	}

img{
	border: 0px;
	}
	
/*	</css nome="XHTML Generale">			*/
/********************************************/	

	
	
	
	
/********************************************/
/*	<css nome="Struttura">					*/

div#logo{
/*	border:1px solid green;*/
	padding-left: 600px;
	padding-top: 20px;
	margin-bottom: 20px;
	}


div#animazione{
	margin: 0px auto;
	padding-bottom: 10px;
	}






div#coda div#coda-canali{
/*	height: 120px;*/
/*	border: 1px solid orange;*/
	padding-top: 85px;
	text-align: center;
	}
div#coda div#coda-canali img{
	padding-left: 20px;
	padding-right: 20px;
	}

div#coda div#coda-copyright{
	}
div#coda div#coda-copyright div#coda-copyright-sx{
	float: left;
	width: 230px;	
/*	border: 1px solid red;*/
	padding-top: 35px;
	padding-left: 5px;
	color: #fff;
	}

div#coda div#coda-copyright div#coda-copyright-dx{

/*	border: 1px solid cyan;*/
	margin-left: 235px;
	font-size: 10px;
	color: #444;
	padding-top: 5px;
	}

div#coda div#coda-copyright div#coda-copyright-sx a:link,
div#coda div#coda-copyright div#coda-copyright-sx a:visited,
div#coda div#coda-copyright div#coda-copyright-sx a:active{
	font-size: 11px;
	font-weight: bold;
	padding: 1px 2px;
	color: #fff;
	}
div#coda div#coda-copyright div#coda-copyright-sx a:hover {
	color: #DD091F;
	background-color: #d8a1c5;
	}

div#coda div#coda-copyright div#coda-copyright-dx a:link,
div#coda div#coda-copyright div#coda-copyright-dx a:visited,
div#coda div#coda-copyright div#coda-copyright-dx a:active{
	font-weight: normal;
	padding: 1px 2px;
	color: #222;
	}
div#coda div#coda-copyright div#coda-copyright-dx a:hover {
	background-color: #DD091F;
	}






div#dialogbox{
	width: 300px;
	margin: 0 auto;
	border: 1px solid #666;
}
div#dialogbox div#dialogbox-titolo{
	border: 1px solid #666;
	color: white;
	font-weight: bold;
	background: url('img/sf_tab_t1.png');
	padding: 1px 3px;
	margin: 1px;
	
}
div#dialogbox div#dialogbox-corpo{
	padding: 5px;
	background-color: white;
	color: #4d4d4d;
}

/* Da controllare bene */
div#dialogbox div#dialogbox-corpo ul{
	list-style-type: square;
	margin: 0px -15px;
}


div#contatore{
	text-align: center;
	}

/*	</css nome="Struttura">					*/
/********************************************/



/********************************************/
/*	<css nome="Layout: Personalizzato">		*/


	
	
	
div.briciola,
div#briciola{
	font-size:11px;
	padding: 0px 0px;
	border-bottom: 1px;
	color: #666;
	}
div#briciola a:link,
div#briciola a:visited,
div#briciola a:active{
	color: #666	;
	text-decoration: underline;
}
div#briciola a:hover{
	color: #f00;
}


div.box-sx{
	border: 1px solid #bbb;
	width: 240px;
	border-right:0 none;
	border-left:0 none;
	}
div.box-sx-titolo{
/*	background-color: #eee;*/
	font-size:11px;
	padding: 2px 4px;
	color: #000;
	font-weight: bold;
	}
div.box-sx-corpo{
	font-size:11px;
	padding: 2px 2px;
	}


div#navigazione h1,
div#navigazione h2,
div#navigazione h3{
	border-bottom: 0px;
	width: 200px;
	}
	
div#corpo div.allegati {
/*	width: 300px;*/
/*	margin: 0 auto;*/
/*	clear: left;*/
	background-color: #E6E6DE;
/*	border: 1px solid gray;*/
	padding: 10px;
	}
	
div#corpo div#ctrl-posizione-test{
	border:2px dashed red;
	width:390px;
	background-color:#eef;
	font-size:11px;
	padding: 2px 4px;
	color:#4d4d4d;
	}
div#corpo div#mapctrl{
	color: #4d4d4d;
}

div#mapnews{
/*border-bottom:20px solid #FFFFFF;*/
padding-bottom: 10px;

height:300px;
width: 460px;

top:0px;
 
 }

	
div#corpo .artCorpo{
	margin-left: 0px;
	padding-bottom: 5px;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 0px;
	border-bottom: 15px solid #d8a1c5;
}


div#corpo div.artCorpo div.grafico{
	text-align: center;
}



div#corpo div.artCorpo ul{
	margin-left: -40px;
	list-style: square inside;
}
	
	
.allegati-LightBox2 img{
	padding: 2px 2px;
	}
	
/*	Attrezzatura et Staff*/
div#corpo div.sondaggio-elenco-box span.titolo{
	font-size:14px;
	font-weight:bold;
	color: #94171d;
	}
div#corpo div.sondaggio-elenco-box{
	font-size:11px;
	color: #444;
	}


div#corpo div.articolo-homepage-box{
	border-bottom: 1px solid #ccc;
	padding: 4px 4px;
}
div#corpo div.articolo-homepage-box span.titolo{
	font-size: 14px;
	color: #f00;
	font-weight: bold;
}
	


div#corpo div.sondaggio-elenco-box,
div#corpo div.rassegnastampa-elenco-box,
div#corpo div.staff-elenco-box,
div#corpo div.attrezzatura-elenco-box{
	/*border-bottom: 1px solid #96bf0d;*/
	border-bottom: 1px solid #D8A1C5;
/*	background-color: #eee;*/
	padding: 4px 4px;
	}
div#corpo div.articolo-homepage-box img,
div#corpo div.rassegnastampa-elenco-box img,
div#corpo div.staff-elenco-box img,
div#corpo div.attrezzatura-elenco-box img{
	float:left;
	padding: 5px 10px;
	}
div#corpo div.rassegnastampa-elenco-box div,
div#corpo div.staff-elenco-box div,
div#corpo div.attrezzatura-elenco-box span{
	margin-left: 170px;
	font-size:12px;
	}
div#corpo div.rassegnastampa-elenco-box p.clearing,
div#corpo div.staff-elenco-box p.clearing,
div#corpo div.attrezzatura-elenco-box p.clearing{
	clear: both;
	visibility: hidden;
	}

div#corpo div.rassegnastampa-elenco-box h2,
div#corpo div.staff-elenco-box h2,
div#corpo div.attrezzatura-elenco-box h2{
	border-bottom: 0px;
	margin-top:2px;
	}



div#corpo div.rassegnastampa-elenco-box div{
	margin-left: 0px;
	font-size:12px;
	}
	
div.attivita-index-contenitore{
/*	border: 1px solid green;*/
	padding: 2px 3px;
}
div.attivita-index-box{
		width: 188px;
		height: 150px;
/*		border: 1px solid red;*/
		float: left;
		margin-right: 15px;
		margin-bottom: 10px;
		padding: 4px;
		font-size:11px;
		color: #666;
		border-bottom: 1px solid #999;
}
div.attivita-index-box span.titolo{
	font-size: 12px;
	color: #4d4d4d;
	font-weight: bold;
}
	

div#corpo table td.contoRovescia-numero,
.contoRovescia-numero{
	color: #E11270;
	font-weight: bold;
	font-size: 22px;	
	}
div#corpo table td.contoRovescia-dida{
	color: black;
	font-weight: bold;
	font-size: 11px;
	}


div#newsFlash{
	margin-left: 30px;
	font-size: 11px;
	width: 190px;
	}




div#newsFlash a:link,
div#newsFlash a:visited,
div#newsFlash a:active{
	text-decoration: none;
	/*	font-size: 11px;*/
	font-weight: normal;
}
div#newsFlash a:hover{
	text-decoration: none;
	color: #4d4d4d;
}
	
	
/*	</css nome="Layout: Personalizzato">	*/
/********************************************/


/********************************************/
/*	<css nome="Layout: News">				*/

div#corpo div#news-colonne div#news-col-sx div.artCorpo h1,
div#corpo div#news-colonne div#news-col-dx div.artCorpo h1{
	width: 200px;
}

div#corpo div#news-colonne{
	width: 450px;
	}
div#corpo div#news-col-sx{
	float:left;
	width: 220px;
	padding: 0px;
	}
div#corpo div#news-col-dx{
	width: 220px;
	margin-left: 220px;
	padding: 2px 2px;
	/*padding-right: 140px;*/
	/*border: 1px solid red;*/
	}


.news-elenco-blocchetto{
	border-bottom: 1px solid #ccc;
	background-color: #eee;
	width: 190px;
	padding: 5px;
	height: 150px;

	}


div#corpo div#news-col-dx h1{
	width: 260px;
	}
div#corpo div#news-col-dx span.news-elenco-descrizione{
	/*padding-right: 120px;*/
	}


.news-elenco-navigazione{
	font-size: 10px;
	padding-left: 30px;
	width: 195px;
	color: #888;	
	}

.news-elenco-navigazione .titolo{
	font-size: 11px;
	}
	
.news-elenco-navigazione img,
.news-elenco-blocchetto img,
div#news img {
	float:left;
	padding: 0px 5px 5px 0px;
	}

.news-elenco-navigazione .news-elenco-descrizione{
	font-size: 11px;
	margin-left: 60px;
	}
.news-elenco-blocchetto .news-elenco-descrizione{
	font-size: 11px;
	margin-left: 55px;
	}

	
.news-elenco-navigazione p.clearing,
.news-elenco-blocchetto p.clearing{
	clear: both;
	visibility: hidden;
	}



.news-elenco-navigazione a:link,
.news-elenco-navigazione a:visited,
.news-elenco-navigazione a:active,
.news-elenco-blocchetto a:link,
.news-elenco-blocchetto a:visited,
.news-elenco-blocchetto a:active{
	color: #000;
	text-decoration: none;
	}

.news-elenco-navigazione a:hover,
.news-elenco-blocchetto a:hover {
	color: #C62127;
}

.news-elenco-navigazione a.h11:link,
.news-elenco-navigazione a.h11:visited,
.news-elenco-navigazione a.h11:active,
.news-elenco-blocchetto a.h11:link,
.news-elenco-blocchetto a.h11:visited,
.news-elenco-blocchetto a.h11:active{
	text-decoration: underline;
	color: #666;
	font-size: 11px;
	font-weight: normal;
}
.news-elenco-navigazione a.h11:hover,
.news-elenco-blocchetto a.h11:hover {
	background-color: #fff;
}

/*	</css nome="Layout: News">				*/
/********************************************/
	


/********************************************/
/*	<css nome="Layout: Fitri">				*/

div#corpo div.filtroData,
div#corpo div.filtroPeriodo,
div#corpo div.naviResults{
	margin: 0 auto;
	width: 494px;
	border:1px solid #666;
	vertical-align:bottom;
	padding: 2px;
}

div#corpo div.filtroData select,
div#corpo div.filtroPeriodo select{
	font-size: 12px;
	background-color:#fff;
}

div#corpo div.filtroData{
	background-color:#ff9;
}
div#corpo div.filtroPeriodo{
	background-color:#f9f;
}
div#corpo div.naviResults{
	background-color:#ccff66;
	padding-bottom:18px;
}


div#corpo div.naviResults span.nota{
	color:gray;
	font-size:10px;
	}
/*	</css nome="Layout: Filtri">					*/
/********************************************/




/********************************************/
/*	<css nome="Layout: Tabelle">			*/

div#corpo table.none,
div#corpo table.none tr td{
	border: 0px;
	padding: 2px;
	background-color:white;
}

div#corpo table{
/*	font-size:12px;*/
	border: 0px;
	margin: 0 auto;
	}
div#corpo table th{
	font-size:13px;
	border:1px solid gray;
	text-align:center;
	background-color: gray;
	padding: 0px 4px;
	height:20px;
	border:1px solid #666;
/*	font-weight: bold;*/
	background: url('img/sf_tab_t1.png');
	color: #4d4d4d;
	font-style: normal;

	}

div#corpo table th span.legendaGrafico{
	}
	
div#corpo table td{
	background-color: #fff;
	text-align: left;
	padding: 0px 4px;
		color: #4d4d4d;
	font-style: normal;
}


div#corpo table td.tab-r1,
div#corpo table td.tab-r1-dx,
div#corpo table td.tab-r1-ctr{
	background-color: #ddffff;
	}

div#corpo table td.tab-r0-dx,
div#corpo table td.tab-r1-dx{
	text-align: right;
	}

div#corpo table td.tab-r0-ctr,
div#corpo table td.tab-r1-ctr{
	text-align: center;
	}
	

	
div#corpo table td.tab-rm0,
div#corpo table td.tab-rm0-dx,
div#corpo table td.tab-rm0-ctr{
	background-color: #ddeedd;
	}

div#corpo table td.tab-rm1,
div#corpo table td.tab-rm1-dx,
div#corpo table td.tab-rm1-ctr{
	background-color: #ccddcc;
	}

div#corpo table td.tab-rm0-dx,
div#corpo table td.tab-rm1-dx{
	text-align: right;
	}

div#corpo table td.tab-rm0-ctr,
div#corpo table td.tab-rm1-ctr{
	text-align: center;
	}

	
	
div#corpo table td.tab-rtot,
div#corpo table td.tab-rtot-dx,
div#corpo table td.tab-rtot-ctr{
	background-color: #FFFF99;
	font-weight: bold;
/*	text-align: left;*/
	padding: 0px 4px;
	}
	

div#corpo table td.tab-rtot-dx{
	text-align: right;
}
div#corpo table td.tab-rtot-ctr{
	text-align: center;
}

div#corpo table td.tab-sep{
	border-bottom: 3px solid #999;
}

div#corpo table td span.legenda-quadro{
	border:1px solid #4d4d4d;
	font-size:8px;
	}
	
/*
div#corpo table td a.tasto:link,
div#corpo table td a.tasto:visited,
div#corpo table td a.tasto:active{
	text-decoration: none;
	border: 1px solid #666;
	background-color: #ccc;
	color:black;
	font-weight: normal;
	padding: 1px 2px;
	font-size:11px;
}
div#corpo table td a.tasto:hover {
	background-color: #e9e9e9;
}
*/
	
/*	</css nome="Layout: Tabelle">			*/
/********************************************/



/********************************************/
/*	<css nome="Layout: Menu Laterale">		*/

div#navigazione div#menu{

	}

div#col-menu-content ul#menu-sx{
	list-style-type: none;
	margin: 0;
	padding: 0;
}


div#col-menu-content ul#menu-sx li{
	color: #000;
	font-weight:bold;
	text-decoration: none;
	background:transparent url(img/sf_menu_m0.png) no-repeat;
	height:22px;
	padding-left:32px;
	padding-top:3px;
	font-weight
	}


div#col-menu-content ul#menu-sx li a{
	display: block;
	font-family: verdana, tahoma, Arial, sans-serif;
	font-weight:bold;
	width: 194px;
	text-decoration: none;
	font-weight: normal;
	color: #000;
	padding: 1px;
	font-size: 12px;
/*	border: 1px solid red;*/
}

div#col-menu-content ul#menu-sx li:hover{
	color: #fff;
	background:transparent url(img/sf_menu_m0_hover.png) no-repeat;
	}
div#col-menu-content ul#menu-sx li.m0 a:hover,
div#col-menu-content ul#menu-sx li.m1 a:hover,
div#col-menu-content ul#menu-sx li.m0g:hover{
	color: #fff;
	}



div#navigazione ul#menu-sx li.m0 a{
	border-left: 20px solid #dfdb00;
	color: #dfdb00;
	width: 160px;
	}

div#navigazione ul#menu-sx li.m0-sel,
div#navigazione ul#menu-sx li.m0-sel a{
	color: #4d4d4d;
	text-align:right;
	padding-right: 0px;
	}

	
	
div#navigazione ul#menu-sx li.m0g{
	color: #4d4d4d;
	display: block;
	padding: 1px;
	font-weight:bold;
	text-decoration: underline;
	width: 194px;
}



div#navigazione ul#menu-sx li.m0g{
	border-bottom: 1px solid #555;
	text-decoration: none;
	}


	
div#navigazione ul#menu-sx li.m1 a{
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	color: #aaa;
	padding-left: 25px;
	border-left: 0px;
	width: 160px;
	}

div#navigazione ul#menu-sx li.m1-sel,
div#navigazione ul#menu-sx li.m1-sel a{
	color: #4d4d4d;
	padding-right: 0px;
	}




	


/*	</css nome="Layout: Menu laterale">		*/
/********************************************/










/********************************************/
/*	<css nome="Ancore">						*/



a:link,
a:visited,
a:active{
	color: #555;
	font-weight: bold;
	text-decoration: underline;
}
a:hover {
	color: #C62127;
}


div#corpo a:link,
div#corpo a:visited,
div#corpo a:active{
/*	font-size: 11px;*/
	color: #C62127;
	font-weight: normal;
}
div#corpo a:hover{
	color: #4d4d4d;
	background-color: #fff;
}



a.tasto:link,
a.tasto:visited,
a.tasto:active{
	text-decoration: none;
	border: 1px solid #666;
	background-color: #ccc;
	color:#4d4d4d;
	font-weight: normal;
	padding: 1px 2px;
	font-size:11px;
}
a.tasto:hover {
	background-color: #e9e9e9;
}






/*	</css nome="Ancore">					*/
/********************************************/