@charset "utf-8";
/* CSS Document */

body{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 12px;
	height: 100%;
	color: Black;
	text-align: left;
	/*background: url(immagini_layout/sfondo_sito.png);*/
}
html{height: 100%;}
html, body, div, object, iframe, table{border: 0px;}
table{
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
}

.aj_div_attesa_nascondi, .aj_div_principale_nascondi{display:none;}
.aj_div_attesa_vedi{
	width: 100%;
	top: 50px;
	position: relative;
	text-align:center;
}

a {text-decoration: none;}
a:hover{text-decoration: none;color: Black;}
img{border: 0px;padding:0px;margin:0px;}
form{margin: 0px;}
input, textarea{background: White; color: Black; border: 1px solid black; margin: 0px; padding: 0px 0px 0px 3px;}
.input_noborder{background-color: transparent;color: Black;	border: 0px;}
form{margin: 0px;padding: 0px;}
.center{text-align: center;}
.left{text-align: left;}
.right{text-align: right;}
h1{font-size: 16px;	margin: 0px; color: #9bc92c;}
h2{font-size: 14px;	margin: 0px; color: #9bc92c;}
h3{font-size: 12px;	margin: 0px; color: #9bc92c;}
h4{font-size: 11px;	margin: 0px; color: #9bc92c;}
h5{font-size: 10px;	margin: 0px; color: #9bc92c;}
.testo9, .testo9_verde, .testo9_nero, .testo9_bianco{font-size: 9px;}
.testo10, .testo10_verde, .testo10_nero, .testo10_bianco{font-size: 10px;}
.testo11, .testo11_verde, .testo11_nero, .testo11_bianco{font-size: 11px;}
.testo12, .testo12_verde, .testo12_nero, .testo12_bianco{font-size: 12px;}
.testo13, .testo13_verde, .testo13_nero, .testo13_bianco{font-size: 13px;}
.testo14, .testo14_verde, .testo14_nero, .testo14_bianco{font-size: 14px;}
.testo16, .testo16_verde, .testo16_nero, .testo16_bianco{font-size: 16px;}
.testo18, .testo18_verde, .testo18_nero, .testo18_bianco{font-size: 18px;}

.testo9_verde, .testo10_verde, .testo11_verde, .testo12_verde, .testo13_verde, .testo14_verde, .testo16_verde, .testo18_verde{color: #9bc92c;}
.testo9_bianco, .testo10_bianco, .testo11_bianco, .testo12_bianco, .testo13_bianco, .testo14_bianco, .testo16_bianco, .testo18_bianco{color: White;}
.testo9_nero, .testo10_nero, .testo11_nero, .testo12_nero, .testo13_nero, .testo14_nero, .testo16_nero, .testo18_nero{color: Black;}
bianco{color: White;}
.privacy{color: Gray; font-size: 10px;}
.giustificato{text-align: justify;}
p {margin:0px;padding:0px;}

body>#contenitore_totale {min-height:100%;height:auto;}

#contenitore_totale {
	width:960px;
	height: 100%;
	padding:0px;
	margin:0px auto 0px auto;
	position: relative;
	}
	
/*==============================*/
/*======== INTESTAZIONE ========*/
/*==============================*/

#intestazione {
	width: 960px;
	height: 160px;
	margin:0px auto;
	padding:0px;
	background: url(immagini_layout/pagine_dei_comuni/intestazione_sfondo.png) left 113px no-repeat;
	}
	
	#intestazione h4 {
		height: 40px;
		float: right;
		font-size:10px;
		color: #5a5a55;
		margin-top:5px;
		}
		
		#intestazione h4 img {position: relative;top: 5px;padding-left:10px;}

/*==============================*/
/*======== CONTENUTI ===========*/
/*==============================*/

#contenuti {
	width:960px;
	margin:10px auto 0px auto;
	padding: 0px 0px 80px 0px;
	}
	
	#contenuti:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	
	
	h4.accedi{
		width:230px;
		height: 30px;
		line-height: 30px;
		margin: 0px;
		padding: 0px;
		color: white;
		background: #97BE0D;
		font-size: 14px;
		text-align: center;
		display: inline;
		float: left;
		position: relative;
	}
	
	ul.selezione_categoria {
		width: 230px;
		float: left;
		margin:0px;
		padding:0px;
		list-style: none;
		border-top: 1px solid #97BE0D;
		height:195px;
		clear: left;
	}
		
		ul.selezione_categoria li{
			width:230px;
			height:64px;
			border-bottom: 1px solid #97BE0D;
			display: table;
		}
			
			ul.selezione_categoria li a{
				height:64px;
				width: 200px;
				padding-left:30px;
				background: #E7F2CC url(immagini_layout/pagine_dei_comuni/selezione_contenuto_sfondo.png) 10px center no-repeat;
				color: #5a5a55;
				font-size: 14px;
				display: table-cell;
				vertical-align: middle;
			}
			ul.selezione_categoria li a:hover, ul.selezione_categoria li a.attivo {background: #FFFFFF url(immagini_layout/pagine_dei_comuni/selezione_contenuto_sfondo_hover.png) 10px center no-repeat;}
	
#dettagli_contenuto {
	width: 720px;
	height: auto; 
	margin: -30px 0px 0px 10px; /* Alineo in alto il box */
	float:left;
	position: relative;
}
		h3.titolo_elenco {
			background: #E8F2CD;
			display: block;
			font-size: 18px;
			line-height: 35px;
			margin: 0;
			padding: 0 0 0 20px;
		}
	#dettagli_contenuto h3 {height:30px;font-size:18px;padding-left:20px;margin-bottom:10px;line-height:30px;background:#E7F2CC;color:#97BE0D;}
	#dettagli_contenuto h3 span {color:#000000;}
	#dettagli_contenuto p {padding-left:20px; font-size: 13px;}
	
		
		/* === sezione per login === */
		#dettagli_contenuto.login {float:right;}
			#form_login {width: 200px;}
			#form_login fieldset {border:0px;}
			#form_login label {clear:left;float:left;margin-top: 20px;}
			#form_login input {width: 200px;}
			#form_login label.invio_login input {width: 100px; background:#97BE0D;}
		/* ======================== */
		
			table a {color: #000000;}
			table a:hover {color: #97BE0D;}
		/* === tabella di selezione del punto di monitoraggio (passo2) === */
		table.selezione_passo2 {margin:10px 0px 0px 240px;width:720px;clear:left;}
		table.selezione_passo2 th {background:#5A5A55;color:#FFFFFF;}
		table.selezione_passo2 th, table.selezione_passo2 td {height:30px;line-height:30px;padding-left:20px;}
		table.selezione_passo2 td {border-bottom: 1px solid #666666;}
		table.selezione_passo2 tr.fondino {background-color: #e8f2cd;}
		table.selezione_passo2 td.colonna1 {width: 560px;background-image: url(immagini_layout/pagine_dei_comuni/tabella_sfondo.png);background-position: 7px center;background-repeat: no-repeat;}
		table.selezione_passo2 th.colonna_indietro{background: #ACACAA; color: white;text-align: left;padding: 0px;padding-left:20px;}
		table.selezione_passo2 th.colonna_indietro a, table.selezione_passo2 th.colonna_indietro a:hover{background: #ACACAA;color: white;}
		/* ================ */
		
		/* === tabella di selezione del download per punto di monitoraggio (passo3) === */
		table.selezione_passo3 {margin:10px 0px 0px 240px;width:720px;clear:left;}
		table.selezione_passo3 th {
			background:#5A5A55;
			color:#FFFFFF;
			border-right:3px solid white;
			border-bottom:3px solid white;
			}
		table.selezione_passo3 th.colonna2 {font-size:10px;padding:0px;background:#acacaa;text-align:center;border-right:0px;}
			table.selezione_passo3 th.colonna2 a {color:white;}
		table.selezione_passo3 th.titolo_punto {
			background-image: url(immagini_layout/pagine_dei_comuni/tabella_sfondo_bianco.png);
			background-position: 7px center;
			background-repeat: no-repeat;
			background-color:#acacaa;
			color:#FFFFFF;
			border-right:0px;
			}
		table.selezione_passo3 th.anno, table.selezione_passo3 th.scheda {color:#000000;height:25px;line-height:25px;}
		table.selezione_passo3 th.scheda{text-align:center;padding:0px;border-right:0px;}
		table.selezione_passo3 th {height:30px;line-height:30px;padding-left:20px;}
		table.selezione_passo3 td {height:25px;line-height:25px;padding-left:20px;}
		table.selezione_passo3 td.colonna1, table.selezione_passo3 td.download {border-right:2px solid #999999;}
		table.selezione_passo3 td.apri, table.selezione_passo3 td.download {width:90px;text-align:center;padding-left:0px;font-size:11px;}
		table.selezione_passo3 td.download {width:110px;}
		table.selezione_passo3 td.apri {border-right:1px solid #666666;}
		table.selezione_passo3 tr.fondino {background-color: #e8f2cd;}
		p.torna_grafico{margin: -10px 0px 0px -20px;padding: 0px;}
		p.torna_grafico a{
			line-height: 18px;
			padding-left: 20px;
			font-size: 10px;
			background: #F0F0F0;
			color: #999999;
			display: block;
		}
		p.torna_grafico a:hover{background: #E8F2CD;color: black;}
		/* ================ */
		
		/* == definisco i colori in base alla categoria, per gli elementi che lo richiedono == */
		#dettagli_contenuto h3.campi_a {background:#FFE4CC;color:#FF7800;}
		#dettagli_contenuto h3.campi_b {background:#FEFBC7;color: #a79f01;}
		#dettagli_contenuto h3.aria {background:#C1E3FF;color:#4DB0FF;}
		#dettagli_contenuto h3.rumore {background: #d7dce1;color: #5b6b7a;}
		#dettagli_contenuto h3.pm10 {background:#EBEBEB;color:#999999;}
		table.selezione_passo3.campi th.anno, table.selezione_passo3.campi th.scheda{background:#FFE4CC;}
		table.selezione_passo3.aria th.anno, table.selezione_passo3.aria th.scheda{background:#C1E3FF;}
		table.selezione_passo3.rumore th.anno, table.selezione_passo3.rumore th.scheda{background:#EBEBEB;}
		/* ================ */


		/* == Definizioni per la pagina GRAFICO == */
		.didascalia_grafico_superiore{height: 20px;margin: 5px 0px 10px 0px;}
		.didascalia_grafico_inferiore{height: 20px;margin: 5px 0px 15px 0px;}
		.didascalia_verde, .didascalia_arancio{
			font-size: 10px;
			padding-left: 10px;
			color: #259030;
			float: left;
		}
		.didascalia_arancio{color: #FD9732;float: right;padding: 0px;}
		.centralina_immagine{float: left; clear: both; margin: 250px 0px 0px 0px;position: absolute;}
		
		/* == == */
	
/*==============================*/
/*======== FOOTER ===========*/
/*==============================*/

#footer { 
	position: absolute;
	bottom: 0;
	padding:0px;
	background: #e8f2cd;
	width: 960px;
	height: 50px;
	margin: 0px;
	clear: left;
	border-top: 2px solid #97BE0D;
	border-bottom: 2px solid #97BE0D;
	}
	
	#footer p.data, #footer h5 {float:left;height:48px;line-height:50px;margin:0px 0px 0px 20px;color:#5a5a55;font-size:11px;font-weight:normal;}
	#footer h6 {float:right;height:31px;margin:10px 0px 0px 0px;}
	#footer p.data {width:230px;margin-right:100px;}