/********************************************/
/*	<css nome="XHTML Generale">				*/
html,body{
	margin: 0;
	padding: 0;
	}

body{
	background-color: #808080;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-weight: normal;
	font-size: 13px;
	background: url('img/sf.jpg');

	}
	


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:black;
	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: #171D42;
/*	border-bottom: 1px solid white;*/
	width: 400px;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	padding: 0px 0px;

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

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

	
	
	
	
/********************************************/
/*	<css nome="Struttura">					*/
div#contenitore{
	width: 980px;
	margin: 20px auto;
	text-align: left;
	background: url('img/sf_contenitore.jpg') no-repeat top center;
	background-color: #f4f4f4;
	}

div#logo{
/*	border:1px solid green;*/
	padding-left: 12px;
	padding-top: 20px;
	margin-bottom: 20px;
	}
div#barra-indirizzo{
	background-color: #F8F8F8;
	border: 2px solid #E4E4E4;
	font-family: tahoma;
	font-size: 13px;
	font-weight: bold;
	margin: 0px auto;
	padding: 4px 0px;
	text-align: center;
	width: 940px;
	}
div#barra-indirizzo-sx{
	float: left;
	width: 100px;	
	}
div#barra-indirizzo-dx{
	margin-left: 110px;
	}
div#barra-indirizzo-sx a:link,
div#barra-indirizzo-sx a:visited,
div#barra-indirizzo-sx a:active{
	color: #000;
	text-decoration: none;
	padding: 4px 15px;
}
div#barra-indirizzo-sx a:hover{
	color: #333;
	background-color: #ddd;
}

div#animazione{
	width: 950px;
	height: 250px;
	margin: 0px auto;
	padding-top: 20px;
	padding-bottom: 20px;
	}

div#contenitore div#menu-orizzontale{
/*	border: 1px solid green;*/
/*	height: 73px;*/
	background: url('img/sf_menu.png') no-repeat;	
	height: 36px;
	width: 950px;
	margin: 0px auto;
	text-align: center;
	font-size: 14px;
	}

div#contenitore div#menu-orizzontale ul,
div#contenitore div#menu-orizzontale li{
	margin: 0;
	padding: 0;
	list-style: none;
	}
div#contenitore div#menu-orizzontale ul{
	width: 950px;
	height: 36px;
	margin: 0px auto;
	margin-left: 15px;
	}
div#contenitore div#menu-orizzontale li{
	float:left;
/*	padding: 0 1px;*/
	}
div#contenitore div#menu-orizzontale a{
	float: left;
	width: 90px;
	line-height: 36px;
    background: #31A2D0 url(img/sf_menu_li.png) top right;
    text-decoration: none;
	color: #000;
	}
div#contenitore div#menu-orizzontale a:hover,
div#contenitore div#menu-orizzontale li.active a{
	background-position: 0 -36px
	}
div#contenitore div#menu-orizzontale li.active{
	font-weight: bold
	}

	/*
div#contenitore div#menu-orizzontale a:link,
div#contenitore div#menu-orizzontale a:visited,
div#contenitore div#menu-orizzontale a:active{
	color: #fff;
	padding: 4px 6px;
	background-color: #f00;
	border-right: 1px solid #fff;
	text-decoration: none;
	font-weight: normal;
}
div#contenitore div#menu-orizzontale a:hover {
	color: #f00;
	background-color: #fff;
	}
*/


div#corpo{

	color: #000000;
	float: left;
	font-family: Tahoma,Verdana,Arial,sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 17px;
	margin-left: 20px;
	padding: 8px 0 0;
	width: 648px;
	
	}


div#navigazione{
/*	border-left:1px dotted red;*/
	margin-left:708px;
	padding:4px 0 0 20px;
	width:192px;
	border-left: 1px solid #ddd;
	}
	
		
div#body-clearing{
	clear: left;
}



div#contenitore-coda{
	width: 980px;
	margin: 20px auto;
	text-align: left;
/*	background: url('img/sf_contenitore_coda.jpg') no-repeat top center;*/
	color: #999;
	font-size: 11px;
	}

div#contenitore-coda div#coda-partner{
	padding-left: 10px;
	border-bottom: 20px solid #ddd;
	width: 930px;
	margin: 0px auto;
	}
	
div#coda{
	clear: left;
	color: #999;
	font-size: 11px;



	padding-top: 2px;
	padding-left: 40px;
}


	
div#coda a:link,
div#coda a:visited,
div#coda a:active{
	font-size:11px;
	padding: 1px;
	color: #999;
	font-weight: normal;
}
div#coda a:hover{
	color: #000;
	background-color: #fff;
}

div#copyright{
	margin: 10px auto;
	padding-left: 40px;

	font-size:11px;
	color: #999;
	
}
	
div#copyright a:link,
div#copyright a:visited,
div#copyright a:active{
	color: #999;
	font-weight: normal;
	padding: 1px 2px;
	font-size: 11px;
}
div#copyright a:hover {
	background-color: #a0a0a0;
}


div#contatore{
	text-align:center;
}




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: black;
}

/* Da controllare bene */
div#dialogbox div#dialogbox-corpo ul{
	list-style-type: square;
	margin: 0px -15px;
}
/*	</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;
	}
div.box-sx-titolo{
	background-color: #eee;
	font-size:11px;
	padding: 2px 4px;
	color: #666;
	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: #eef;
/*	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:black;
	}
div#corpo div#mapctrl{
	color: black;
}

div#mapnews{
/*border-bottom:20px solid #FFFFFF;*/
height:250px;
margin:20px auto;

top:0px;
width:950px;
 
 }

	
div#corpo .artCorpo{
	margin-left: 0px;
}

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;
/*	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: 50px;
	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: #000;
	font-weight: bold;
}




	
	
/*	</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: 620px;
	}
div#corpo div#news-col-sx{
	float:left;
	width: 300px;
	padding: 0px;
	}
div#corpo div#news-col-dx{
	width: 300px;
	margin-left: 310px;
	padding: 2px 2px;
	}

.news-elenco-blocchetto{
	border-bottom: 1px solid #ccc;
	background-color: #eee;
	width: 280px;
	padding: 10px;
	height: 115px;
	}
.news-elenco-navigazione{
	width: 220px;
	padding: 10px;
	height: 115px;
	}
	
.news-elenco-navigazione img,
.news-elenco-blocchetto img,
div#news img {
	float:left;
	padding: 0px 10px 10px 0px;
	}

.news-elenco-navigazione .news-elenco-descrizione{
	font-size: 11px;
	margin-left: 60px;
	}
.news-elenco-blocchetto .news-elenco-descrizione{
	font-size: 11px;
	margin-left: 110px;
	}
	
.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: black;
	text-decoration: none;
	}

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

.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:12px;
	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: black;
	font-style: normal;

	}

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


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 black;
	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#navigazione ul#menu-sx{
	list-style-type: none;
	margin: 0;
	padding: 0;
}


div#navigazione ul#menu-sx li{
	color: #555555;
	font-weight:bold;
	text-decoration: none;
}


div#navigazione ul#menu-sx li a{
	display: block;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-weight:bold;
	width: 194px;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	padding: 1px;
}

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: #000;
	text-align:right;
	padding-right: 0px;
	}

	
	
div#navigazione ul#menu-sx li.m0g{
	color: #000;
	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: #000;
	padding-right: 0px;
	}



div#navigazione ul#menu-sx li a:hover,
div#navigazione ul#menu-sx li.m0 a:hover,
div#navigazione ul#menu-sx li.m1 a:hover,
div#navigazione ul#menu-sx li.m0g:hover{

	color: #5B1312;
	}

	


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










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



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

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






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









/* Da fare:
+ Tabelle
*/