/*-------------------------------------------
	EXPERTWEB - ARPA
	- - - - - - - - - - - - - - - - - - - - -
	Description:	Base setup styles
	Filename:		style.css
	Date:			dec.2012
	Company:        ExpertWeb
	Please:         You may adapt elements of this CSS in your own projects, 
					but the unique combination of layouts, styles, sizes, typography, 
					and positioning ("the design") is copyright of Expertweb.it 
					and may not be reproduced.
	-------------------------------------------*/
* {
	outline:none;
}

/* HTML */
html, body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
html {
	background:url(../img/bg_pagina.jpg) repeat-y top center;
}
body {
	background:url(../img/bg_ovali.jpg) no-repeat top center;
	min-height:890px;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight:normal;
	color:#363636;
	margin:0;
	padding:0;
	margin-bottom:10px;
	line-height:1em;
}
h1 {
	font-size:44px;
	color:#fff;
}
.logo h1 {
	color:#fff;
	height:70px;
	background:url(../img/ico_arpa.png) no-repeat 0 0 #00925d; 
}
.logo h1 a {
	color:#fff;
	text-decoration:none;
	height:55px;
	padding:15px 15px 0 15px;
	display:block;
	text-align:right;
}
h2 {
	font-size:30px;
}
h3 {
	font-size:26px;
}
h4 {
	font-size:24px;
}
h5 {
	font-size:20px;
}
h6 {
	font-size:18px;
}
a {
	color:#007147;
	text-decoration:none;
}
a:hover {
	color:#c00;
}
form {
	margin:0;
	padding:0;
}
a img {
	border:0;
}
hr,
hr.ancora {
	clear:both;
	margin:0;
	padding:0;
	font-size:1px;
	height:1px;
	visibility:hidden;
}

/* GRID */
.grid {
	float:left;
	margin:0 5px 10px 5px;
	height:70px;
	overflow:hidden;
}
.size1 {
	width:150px;
}
.size2 {
	width:310px;
}
.size3 {
	width:470px;
}
.size4 {
	width:630px;
}
.size5 {
	width:790px;
}
.size6 {
	width:950px;
}

/* ICONE METRO */
.iconaMetro,
ul.elencoMinisiti li {
	float:left;
	margin:0 5px 10px 5px;
	height:70px;
	overflow:hidden;
	width:150px;	
	background:#555;
}
.iconaMetro a,
ul.elencoMinisiti li a {
	display:table-cell;
	height:40px;
	text-decoration:none;
	color:#fff;
	font:20px/1em 'Yanone Kaffeesatz', sans-serif;
	padding:25px 8px 5px 45px;	
	text-align:right;
	vertical-align:bottom;
	width:97px;
	font-weight:normal!important;
}

/* icone strutture tematiche*/
.struttureTematiche {
	margin-bottom:20px;
}
.struttureTematiche h3{
	font-size: 22px;
	color:#007147;
	margin-bottom:8px;
	line-height:1em;
}
.struttureTematiche ul.elencoMinisiti {
	margin-left:-3px;
}
.struttureTematiche ul.elencoMinisiti li {
	margin:0 3px 10px 3px;
	width:116px;	
}
.struttureTematiche ul.elencoMinisiti li a {
	margin:0 3px 10px 3px;
	font:16px/1em 'Yanone Kaffeesatz', sans-serif;
	padding:25px 4px 5px 25px;	
	width:87px;
}


/* LAYOUT */
div.container {
	width:960px;
	margin:0 auto;
	position:relative;
}
div.superheader {
	background:#363636;
	color:#fff;
	height:35px; 
	clear:both;
	margin:0 auto 10px auto;
}
div.menuMinisito {
	background:#777;
	color:#fff;
	height:35px; 
	clear:both;
	margin:0 auto 10px auto;
}
div.briciole {
	height:14px;
	overflow:hidden; 
	clear:both;
	margin:0 auto 15px auto;
}
div.content {
	min-he ight:300px;
	clear:both;
	margin:0 auto 30px auto;
}
div.colSX {
	width:704px;
	float:left;
	overflow:hidden;
}
div.colDX {
	width:235px;
	float:right;
	overflow:hidden;
	padding-top:11px
}
div.colUnica {
	position:relative;
	z-index:10;
}
div.footer {
	background:#363636;
	color:#cbcbcb;
	line-height:1.5em;
	height:90px;
	overflow:hidden; 
	clear:both;
	margin:0 auto;
}


div#interna {
	position:relative;
}
.nuovaGabbia {
	padding:20px 15px;	
	background:#fff;
}


/* SUPERHEADER */
div.superheader a{
	color:#fff;
}
div.arpaMenu {
	float:left;
	margin-right:5px;
	width:685px;
}
/* non si usa più nell'_header.asp, quindi non appare più nel superheader come zona della pagina, è stato spostato nel footer, quindi di fatto viene renderizzato nel _footer.asp  
lo devo tenere attivo lo stesso 


div.mobile {
	float:left;
	width:70px;
	height:35px;
	overflow:hidden;
}
*/


div.cerca {
	float:left;
	width:150px;
	padding-top:5px;
}
div.cerca label {
	display:none;
}
div.cerca input[type=text] {
	float:left;
	width:100px;
	border:solid 1px #ccc;
	padding:2px;
	margin-left:10px;
}
div.cerca a.cerca {
	text-indent:-9999px;
	width:25px;
	height:21px;
	display:block;
	background:url(../img/ico_cerca.png) no-repeat top left;
	float:right;
}
div.social {
	width:100px;
	float:right;
	padding-top:5px;
}
div.social a {
	width:24px;
	height:24px;
	display:block;
	float:right;
	margin-right:5px;
	text-indent:-9999px;
}
a.rss {
	background:url(../img/ico_rss.png) no-repeat top left;
}
a.facebook {
	background:url(../img/ico_facebook.png) no-repeat top left;
}
a.twitter {
	background:url(../img/ico_twitter.png) no-repeat top left;
}
a.linkedin {
	background:url(../img/ico_linkedin.png) no-repeat top left;
}
a.youtube {
	background:url(../img/ico_youtube.png) no-repeat top left;
	margin-right:10px!important;
}

/* MENU */
div.arpaMenu,
div.menuMinisito {
	font-size:0px;/*per eliminare gli spazi dovuti agli a capo nel codice*/
}
ul.menu1 {
	margin:0;
	padding:0;
	list-style:none;
	padding-top:9px;
	float:left;
}
div.menuMinisito ul.menu1 {
	padding-top:0px;
}
div.location {
	width:106px;
	float:left;
	height:35px;
	color:#fff;
	font:20px/33px 'Yanone Kaffeesatz', sans-serif;
	padding:0 10px;
	font-weight:bold;
}
div.location.lCitta {
	width:176px;   /*prima c'era 106, ho dovuto allargere perchè sono diventati nodi Daphne e MEteo */
	background:url(../img/freccia-location.png) no-repeat center right #b7181a;
	padding:0 10px;
}
div.location.lTema {
	width:36px;
	background:url(../img/freccia-location.png) no-repeat center right #00925d;
	padding:0;
}
ul.menu1 li {
	float:left;
	margin:0;
	padding:0;
}
ul.menu1 a {
	text-decoration:none;
	line-height:1.2em;
	position:relative;	
	display:block;
	min-height:1em;	
	padding:2px 6px;	
	border-left:solid 1px #fff;	
	font-size:12px!important;
	color:#fff;
}
ul.menu1 li:first-child a {
	border-left:none;
}
div.menuMinisito ul.menu1 a {
	padding:11px 12px 12px 12px;
}
ul.menu1 a:hover {
	background:#00935d;
}
div.menuMinisito ul.menu1 a:hover {
	background:#363636;
}
ul.subMenu {
	margin:0;
	padding:0;
	list-style:none;
	width:180px;
	display:none;
	position:absolute;
	z-index:100;
	padding-top:8px;
}
ul.menu1 li:hover ul.subMenu {
	display:block;
}
div.menuMinisito ul.subMenu {
	padding-top:0px;
}
ul.subMenu li {
	display:block;
	float:none;
	border-left:none;
	margin:0;
	padding:0;	
}
ul.subMenu a {
	display:block;
	padding:8px 10px!important;	
	background:#363636;
	color:#fff;
	border:none;	
	border-top:solid 1px #fff;
}
ul.subMenu a:hover{
	background:#000!important;
}


/* HEADER */
div.temi a {
	height:55px;
	padding-top:10px;
	font-size:24px;
	background:url(../img/ico_temi.png) no-repeat 6px 6px #fb0165;
}
div.territorio a {
	height:35px;
	padding-top:18px;   /* prima era uguale a 30 px, Aprile 2014: è cambiata la scritta di sfondo che c'è assieme all'icona, prima era "Territorio" --> ora è "Arpa in regione", quindi devo diminuire il padding-top  */
	font-size:24px;
	background:url(../img/ico_territorio.png) no-repeat 6px 6px #b7181a;
}
div.linkHomeArpa a {
	display:block;
	height:70px;
	text-indent:-9999px;
	background:url(../img/linkArpaEmr.png) no-repeat center center #00925d;
}

/* BRICIOLE */
div.briciole a {
	text-decoration:none;
	color:#000;
}
div.briciole a:hover {
	text-decoration:underline;
}

/* PRODOTTI IN VETRINA */
.boxProdotto {
	float:left;
	margin:0 5px 5px;
	height:295px;
	overflow:hidden;
}
.boxProdotto h2 {
	height:45px;
	overflow:hidden;
	font-size:32px;
	margin-bottom:0;
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:47px;
}
div.contentProdotto {
	position:relative;
	height:230px;
	overflow:hidden;
	border:solid 1px #a0a0a0;
	background:#fff;
}
a.linkSovrapposto {
	background:url(img/spacer.png); 
	position:absolute; 
	top:0; 
	left:0; 
	display:block; 
	width:468px; 
	height:230px;
}
div.contentDaCMS {
	/* padding:15px; */
	width:468px; 
	height:230px;
}
/* PRODOTTI IN VETRINA CON ALTEZZA MAGGIORE - PER DAPHNE 
.daphne .boxProdotto {
	height:425px;
}
.daphne  div.contentProdotto {
	height:360px;
}
.daphne  a.linkSovrapposto {
	height:360px;
}
.daphne  div.contentDaCMS {
	height:360px;
}

/* PRIMA PAGINA */
h2.primaPagina {
	background:url(../img/ico_notizie.png) no-repeat 0 3px;
	padding:12px 0 0 55px;
	margin-bottom:10px;
	height:38px;
	font-size:32px;
}
div.notizia {
	width:50%;
	height:105px;	
	float:left;
	overflow:hidden;
	margin-bottom:20px;
	line-height:14px;
}
div.notizia div.immagine {
	width:100px;
	height:100px;
	float:left;
	overflow:hidden;
	margin-right:10px;
	margin-top:2px;
	background:url(../img/img_nonDisp.png) no-repeat top left;
}
div.notizia div.immagine img {
	min-width:100px;
	min-height:100px;
}
div.notizia div.data{
	margin:0 10px 2px 0;
	height:14px;
	overflow:hidden;
}
div.notizia h3 {
	margin-right:10px;
	font:12px/1.2em Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-bottom:5px;
	max-height:30px;
	overflow:hidden;
}
div.notizia a {	
	font-weight:bold;
}

div.notizia div.testoNotizia {
	margin-right:10px;
}
div.archivioNews {
	clear:both;
	background:#363636;
	padding:5px 0 0 10px;
	height:35px;
}
div.archivioNews a {
	background: url(../img/ico_archivioNews.png) no-repeat 0 0;
	display:block;
	padding:7px 0 7px 35px;
	width:150px;	
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}

/* COLONNA DESTRA */
div.appMarket {
	background:#000;
	padding:8px;
	margin-bottom:10px;	
}
div.corniceApp {
	border:solid 1px #ccc;
	padding:3px;	
	height:35px;
}
div.appMarket h3 {
	color:#fff;	
	font-size:22px;
}
div.appMarket a {
	display:block;
	width:100px;
	height:35px;
	text-indent:-9999px;	
}
div.appMarket a.google {
	background:url(../img/b_googlePlay.png) no-repeat 0 0;	
	float:left;	
}
div.appMarket a.apple {
	background:url(../img/b_appleStore.png) no-repeat 0 0;	
	float:right;
}
div.appMarket a.windows {
	background:url(../img/b_windowsPhone.png) no-repeat 30px 0;	
	width:100%;
}
div.banner img {
	margin-bottom:10px;
	width:235px; 
}

/* FOOTER */
div.testoFooter {
	float:left;
	margin:10px 0 0 10px;
	width:640px;  /* 710 originale */
}

/* il box "mobile" è stato spostato nel footer, modifica di Luglio 2013 */
div.mobile {
	float:left;
	width:75px;
	padding-top:6px;
}
div.footer div.mobile a {
	display:block;
	padding:5px 8px 8px 28px;
	background:url(../img/ico_mobile.png) no-repeat 10px 5px;  /*#000*/
	text-decoration:none;
}

div.footer div.englishVers {
	padding-top:10px;
	float:left;
	width:115px;
	text-align:right;
}
div.footer div.social {
	padding-top:10px;
	width:100px;
	float:right;
}
div.footer a {
	color:#cbcbcb;
}
div.footer a:hover {
	text-decoration:underline;
}

/* NUOVE PAGINE INTERMEDIE - ELENCO MINISITI */
h2.nuovaPagIntermedia.Temi,
h2.nuovaPagIntermedia.Territorio {
	padding:8px 15px 8px 50px;
	color:#fff;	
	margin:0;
	font-size:26px;
	margin-bottom:20px;
}
h2.nuovaPagIntermedia.Temi {
	background:url(../img/titoliDettaglio/ico_temi.png) no-repeat 6px 6px #fb0165;	
}
h2.nuovaPagIntermedia.Territorio {
	background:url(../img/titoliDettaglio/ico_territorio.png) no-repeat 6px 6px #b7181a;	
}

ul.elencoMinisiti {
	margin:0; 
	padding:0;
	list-style:none;
	position:relative;
	width:960px;
	left:-5px;
}
ul.elencoMinisiti.Territorio li {
	float:left;
	margin:0 5px 10px 5px;
	height:70px;
	overflow:hidden;
	width:470px;	
	background:none;
}
ul.elencoMinisiti.Territorio li a {
	display:table-cell;
	height:40px;
	text-decoration:none;
	color:#fff;
	font:20px/1em 'Yanone Kaffeesatz', sans-serif;
	padding:25px 168px 5px 45px;	
	text-align:right;
	vertical-align:bottom;
	width:97px;
	font-weight:normal!important;
	float:left;
	margin-right:10px;
}
div.textElencoMS {
	line-height:1.1em;
	height:65px;
	overflow:hidden;
}
div.textElencoMS p {
	margin:0;
	padding:0;
}
ul.elencoMinisiti.Territorio li div.textElencoMS a {
	margin:0;
	padding:0;
	height:auto;
	display:auto;
	color:#007147;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold!important;
	vertical-align:auto;
	background:none;
	float:none;
	text-align:left;
}
ul.elencoMinisiti.Territorio li div.textElencoMS a:hover {
	color:#c00;
}

/* FORM GENERICI */
input[type=text],
input[type=password]{
	border:1px solid #ccc;
	width:150px;
	padding:3px;
	font-size:12px!important;
}

input[type=button],
input[type=submit],
input.button2{
	border: 1px solid #ccc;
	background: #363636;
	padding:5px;
	border-radius:5px;
	color:#fff;
	font-weight:bold;
	line-height:1em;
}

input.button{
	width: 75px;
}
select{
	border: 1px solid #ccc;
	padding:3px;
	font-size:12px!important;
}
textarea {
	border: 1px solid #ccc;
	padding:3px;
	font-size:12px!important;
}
input:focus, 
textarea:focus{
	border: 1px solid #c00;
}

input.check{
	border:0;
	width:100%;
	display: inline;
	text-align: center;
}


/* MESSAGGI GENERICI */
p.error{font-weight:bold;color:#c00; padding:10px; background:#fff; border: solid 1px #c00; text-align:center;
}
p.errore{font-weight:bold;color:#c00; padding:10px; background:#fff; border: solid 1px #c00; text-align:center;
}
p.ok{font-weight:bold;color:#360; padding:10px; background:#fff; border: solid 1px #360; text-align:center;
}
.warning {
	color:#f60;
}

/*********************************************************/
/* PAGINE INTERNE - e classi che arrivano dal vecchio css*/

.nuovaGabbia a {
	font-weight:bold;
}

h3.titolo {
	padding:8px 15px 8px 50px;
	color:#fff;	
	margin:0;
	font-size:26px;
	background:url(../img/titoliDettaglio/ico_territorio.png) no-repeat 6px 6px #00925d;
}
.classNotizia h3.titolo {
	background:url(../img/titoliDettaglio/ico_news.png) no-repeat 6px 6px #57686a;	
}

/* COLORI */

/* MINISITI E TITOLI */

/* acqua */
	li.acqua a {
		background:url(../img/iconeMetro/ico_acqua.png) no-repeat 0 0 #56bbb1;
	}
	.acqua .logo h1 {
		background:url(../img/titoliMinisito/ico_acqua.png) no-repeat 6px 6px #56bbb1;
	}
	.acqua .titolo {
		background:url(../img/titoliDettaglio/ico_acqua.png) no-repeat 6px 6px #56bbb1;
	}
	.acqua .location.lTema {		
		background:url(../img/freccia-location.png) no-repeat center right #56bbb1;
	}

/* ambiente e salute */
	li.epam a {
		background:url(../img/iconeMetro/ico_ambientesalute.png) no-repeat 0 0 #078938;
	}
	.epam .logo h1 {
		background:url(../img/titoliMinisito/ico_ambientesalute.png) no-repeat 6px 6px #078938;
	}
	.epam .titolo {
		background:url(../img/titoliDettaglio/ico_ambientesalute.png) no-repeat 6px 6px #078938;
	}
	.epam .location.lTema {		
		background:url(../img/freccia-location.png) no-repeat center right #078938;
	}
/* amianto */
	li.amianto a {
		background:url(../img/iconeMetro/ico_amianto.png) no-repeat 0 0 #433f51;
	}
	.amianto .logo h1 {
		background:url(../img/titoliMinisito/ico_amianto.png) no-repeat 6px 6px #433f51;
	}
	.amianto .titolo {
		background:url(../img/titoliDettaglio/ico_amianto.png) no-repeat 6px 6px #433f51;
	}
	.amianto .location.lTema {		
		background:url(../img/freccia-location.png) no-repeat center right #433f51;
	}

/* aria */
	li.aria a {
		background:url(../img/iconeMetro/ico_aria.png) no-repeat 0 0 #3f93b9;
	}
	.aria .logo h1 {
		background:url(../img/titoliMinisito/ico_aria.png) no-repeat 6px 6px #3f93b9;
	}
	.aria .titolo {
		background:url(../img/titoliDettaglio/ico_aria.png) no-repeat 6px 6px #3f93b9;
	}
	.aria .location.lTema {		
		background:url(../img/freccia-location.png) no-repeat center right #3f93b9;
	}

/* biodiversità */
	li.natura a {
		background:url(../img/iconeMetro/ico_biodivers.png) no-repeat 0 0 #759b2c;
	}
	.natura .logo h1 {
		background:url(../img/titoliMinisito/ico_biodivers.png) no-repeat 6px 6px #759b2c;
	}
	.natura .titolo {
		background:url(../img/titoliDettaglio/ico_biodivers.png) no-repeat 6px 6px #759b2c;
	}
	.natura .location.lTema {		
		background:url(../img/freccia-location.png) no-repeat center right #759b2c;
	}

/* campi elettromagnetici */
	li.cem a {
		background:url(../img/iconeMetro/ico_elettromag.png) no-repeat 0 0 #b833a2;
	}
	.cem .logo h1 {
		background:url(../img/titoliMinisito/ico_elettromag.png) no-repeat 6px 6px #b833a2;
	}
	.cem .titolo {
		background:url(../img/titoliDettaglio/ico_elettromag.png) no-repeat 6px 6px #b833a2;
	}
	.cem .location.lTema {		
		background:url(../img/freccia-location.png) no-repeat center right #b833a2;
	}

	
/* daphne */
	li.daphne a {
		background:url(../img/iconeMetro/ico_daphne.png) no-repeat 0 0;  /* #56bbb1 prima si metteva questo colore, alla fine */
	}
	.daphne .logo h1 {
		background:url(../img/titoliMinisito/ico_daphne.png) no-repeat 6px 6px #56bbb1;
	}
	.daphne .titolo {
		background:url(../img/titoliDettaglio/ico_daphne.png) no-repeat 6px 6px #56bbb1;
	}
	.daphne .location.lTema {		
		background:url(../img/freccia-location.png) no-repeat center right #56bbb1;
	}
	
/* ecotossicologia (ico e colore uguali a mutagenesi) */
	li.ecotossicologia a {
		background:url(../img/iconeMetro/ico_mutagenesi.png) no-repeat 0 0 #9d0490;
	}
	.ecotossicologia .logo h1 {
		background:url(../img/titoliMinisito/ico_mutagenesi.png) no-repeat 6px 6px #9d0490;
	}
	.ecotossicologia .titolo {
		background:url(../img/titoliDettaglio/ico_mutagenesi.png) no-repeat 6px 6px #9d0490;
	}
	.ecotossicologia .location.lTema {		
		background:url(../img/freccia-location.png) no-repeat center right #9d0490;
	}

/* energia */
	li.energia a {
		background:url(../img/iconeMetro/ico_energia.png) no-repeat 0 0 #96c24a;
	}
	.energia .logo h1 {
		background:url(../img/titoliMinisito/ico_energia.png) no-repeat 6px 6px #96c24a;
	}
	.energia .titolo {
		background:url(../img/titoliDettaglio/ico_energia.png) no-repeat 6px 6px #96c24a;
	}
	.energia .location.lTema {		
		background:url(../img/freccia-location.png) no-repeat center right #96c24a;
	}

/* mare */
	li.mare a {
		background:url(../img/iconeMetro/ico_mare.png) no-repeat 0 0 #56bbb1;
	}
	.mare .logo h1 {
		background:url(../img/titoliMinisito/ico_mare.png) no-repeat 6px 6px #56bbb1;
	}
	.mare .titolo {
		background:url(../img/titoliDettaglio/ico_mare.png) no-repeat 6px 6px #56bbb1;
	}
	.mare .location.lTema {		
		background:url(../img/freccia-location.png) no-repeat center right #56bbb1;
	}

/* meteo */
	li.smr a,
	li.sim a  {
		background:url(../img/iconeMetro/ico_meteo.png) no-repeat 0 0;  /*prima si metteva in aggiunta questo colore in fondo: #ffac31 */
	}
	.smr .logo h1,
	.sim .logo h1 {
		background:url(../img/titoliMinisito/ico_meteo.png) no-repeat 6px 6px #ffac31;
	}
	.smr .titolo,
	.sim .titolo {
		background:url(../img/titoliDettaglio/ico_meteo.png) no-repeat 6px 6px #ffac31;
	}
	.smr .location.lTema,
	.sim .location.lTema {		
		background:url(../img/freccia-location.png) no-repeat center right #ffac31;
	}
	
/* mutagenesi ambientale */
	li.mutagenesi a {
		background:url(../img/iconeMetro/ico_mutagenesi.png) no-repeat 0 0 #9d0490;
	}
	.mutagenesi .logo h1 {
		background:url(../img/titoliMinisito/ico_mutagenesi.png) no-repeat 6px 6px #9d0490;
	}
	.mutagenesi .titolo {
		background:url(../img/titoliDettaglio/ico_mutagenesi.png) no-repeat 6px 6px #9d0490;
	}
	.mutagenesi .location.lTema {		
		background:url(../img/freccia-location.png) no-repeat center right #9d0490;
	}
	
/* opendata */
	li.opendata a {
		background:url(../img/iconeMetro/ico_opendata.png) no-repeat 0 0 #005bab;
	}
	.opendata .logo h1 {
		background:url(../img/titoliMinisito/ico_opendata.png) no-repeat 6px 6px #005bab;
	}
	.opendata .titolo {
		background:url(../img/titoliDettaglio/ico_opendata.png) no-repeat 6px 6px #005bab;
	}
	.opendata .location.lTema {		
		background:url(../img/freccia-location.png) no-repeat center right #005bab;
	}

/* pollini */
	li.pollini a {
		background:url(../img/iconeMetro/ico_pollini.png) no-repeat 0 0 #52b032;
	}
	.pollini .logo h1 {
		background:url(../img/titoliMinisito/ico_pollini.png) no-repeat 6px 6px #52b032;
	}
	.pollini .titolo {
		background:url(../img/titoliDettaglio/ico_pollini.png) no-repeat 6px 6px #52b032;
	}
	.pollini .location.lTema {		
		background:url(../img/freccia-location.png) no-repeat center right #52b032;
	}

/* radiazioni ultraviolette */
	li.uv a {
		background:url(../img/iconeMetro/ico_uv.png) no-repeat 0 0 #b6629d;
	}
	.uv .logo h1 {
		background:url(../img/titoliMinisito/ico_uv.png) no-repeat 6px 6px #b6629d;
	}
	.uv .titolo {
		background:url(../img/titoliDettaglio/ico_uv.png) no-repeat 6px 6px #b6629d;
	}
	.uv .location.lTema {		
		background:url(../img/freccia-location.png) no-repeat center right #b6629d;
	}

/* radioattività */
	li.radioattivita a {
		background:url(../img/iconeMetro/ico_radioattivita.png) no-repeat 0 0 #bab122;
	}
	.radioattivita .logo h1 {
		background:url(../img/titoliMinisito/ico_radioattivita.png) no-repeat 6px 6px #bab122;
	}
	.radioattivita .titolo {
		background:url(../img/titoliDettaglio/ico_radioattivita.png) no-repeat 6px 6px #bab122;
	}
	.radioattivita .location.lTema {		
		background:url(../img/freccia-location.png) no-repeat center right #bab122;
	}

/* rifiuti */
	li.rifiuti a {
		background:url(../img/iconeMetro/ico_rifiuti.png) no-repeat 0 0 #634838;
	}
	.rifiuti .logo h1 {
		background:url(../img/titoliMinisito/ico_rifiuti.png) no-repeat 6px 6px #634838;
	}
	.rifiuti .titolo {
		background:url(../img/titoliDettaglio/ico_rifiuti.png) no-repeat 6px 6px #634838;
	}
	.rifiuti .location.lTema {		
		background:url(../img/freccia-location.png) no-repeat center right #634838;
	}

/* rischio calore */
	li.disagio a {
		background:url(../img/iconeMetro/ico_calore.png) no-repeat 0 0 #c91d1d;
	}
	.disagio .logo h1 {
		background:url(../img/titoliMinisito/ico_calore.png) no-repeat 6px 6px #c91d1d;
	}
	.disagio .titolo {
		background:url(../img/titoliDettaglio/ico_calore.png) no-repeat 6px 6px #c91d1d;
	}
	.disagio .location.lTema {		
		background:url(../img/freccia-location.png) no-repeat center right #c91d1d;
	}
	
/* rischio idrogeologico */
	li.idrogeologico a {
		background:url(../img/iconeMetro/ico_allertameteo.png) no-repeat 0 0 #ffac31;
	}
	.idrogeologico .logo h1 {
		background:url(../img/titoliMinisito/ico_allertameteo.png) no-repeat 6px 6px #ffac31;
	}
	.idrogeologico .titolo {
		background:url(../img/titoliDettaglio/ico_allertameteo.png) no-repeat 6px 6px #ffac31;
	}
	.idrogeologico .location.lTema {		
		background:url(../img/freccia-location.png) no-repeat center right #ffac31;
	}

/* rischio industriale */
	li.aziende a {
		background:url(../img/iconeMetro/ico_industriale.png) no-repeat 0 0 #7c6b6b;
	}
	.aziende .logo h1 {
		background:url(../img/titoliMinisito/ico_industriale.png) no-repeat 6px 6px #7c6b6b;
	}
	.aziende .titolo {
		background:url(../img/titoliDettaglio/ico_industriale.png) no-repeat 6px 6px #7c6b6b;
	}
	.aziende .location.lTema {		
		background:url(../img/freccia-location.png) no-repeat center right #7c6b6b;
	}

/* rumore */
	li.rumore a {
		background:url(../img/iconeMetro/ico_rumore.png) no-repeat 0 0 #705da4;
	}
	.rumore .logo h1 {
		background:url(../img/titoliMinisito/ico_rumore.png) no-repeat 6px 6px #705da4;
	}
	.rumore .titolo {
		background:url(../img/titoliDettaglio/ico_rumore.png) no-repeat 6px 6px #705da4;
	}
	.rumore .location.lTema {		
		background:url(../img/freccia-location.png) no-repeat center right #705da4;
	}

/* siccità e desertificazione */
	li.siccita a {
		background:url(../img/iconeMetro/ico_siccita.png) no-repeat 0 0 #ffac31;
	}
	.siccita .logo h1 {
		background:url(../img/titoliMinisito/ico_siccita.png) no-repeat 6px 6px #ffac31;
	}
	.siccita .titolo {
		background:url(../img/titoliDettaglio/ico_siccita.png) no-repeat 6px 6px #ffac31;
	}
	.siccita .location.lTema {		
		background:url(../img/freccia-location.png) no-repeat center right #ffac31;
	}


/* sostenibilità ambientale */
	li.sostenibilita a {
		background:url(../img/iconeMetro/ico_sostenibilita.png) no-repeat 0 0 #96c24a;
	}
	.sostenibilita .logo h1 {
		background:url(../img/titoliMinisito/ico_sostenibilita.png) no-repeat 6px 6px #96c24a;
	}
	.sostenibilita .titolo {
		background:url(../img/titoliDettaglio/ico_sostenibilita.png) no-repeat 6px 6px #96c24a;
	}
	.sostenibilita .location.lTema {		
		background:url(../img/freccia-location.png) no-repeat center right #96c24a;
	}
	
/* subsidenza */
	li.subsidenza a {
		background:url(../img/iconeMetro/ico_subsidenza.png) no-repeat 0 0 #b8834e;
	}
	.subsidenza .logo h1 {
		background:url(../img/titoliMinisito/ico_subsidenza.png) no-repeat 6px 6px #b8834e;
	}
	.subsidenza .titolo {
		background:url(../img/titoliDettaglio/ico_subsidenza.png) no-repeat 6px 6px #b8834e;
	}
	.subsidenza .location.lTema {		
		background:url(../img/freccia-location.png) no-repeat center right #b8834e;
	}

/* suolo */
	li.suolo a {
		background:url(../img/iconeMetro/ico_suolo.png) no-repeat 0 0 #b8834e;
	}
	.suolo .logo h1 {
		background:url(../img/titoliMinisito/ico_suolo.png) no-repeat 6px 6px #b8834e;
	}
	.suolo .titolo {
		background:url(../img/titoliDettaglio/ico_suolo.png) no-repeat 6px 6px #b8834e;
	}
	.suolo .location.lTema {		
		background:url(../img/freccia-location.png) no-repeat center right #b8834e;
	}

/* non usate???? */
/* tossicologia 
	li.ecotossicologia a {
		background:url(../img/iconeMetro/ico_tossicologia.png) no-repeat 0 0 #bab122;
	}
	.ecotossicologia .logo h1 {
		background:url(../img/titoliMinisito/ico_tossicologia.png) no-repeat 6px 6px #bab122;
	}
	.ecotossicologia .titolo {
		background:url(../img/titoliDettaglio/ico_tossicologia.png) no-repeat 6px 6px #bab122;
	}*/
	

	
	li.radar a{
		background:url(../img/iconeMetro/ico_radar.png) no-repeat 0 0 #d85c5c;
	}
	.radar .logo h1{
		background:url(../img/titoliMinisito/ico_radar.png) no-repeat 6px 6px #d85c5c;
	}
	.radar .titolo{
		background:url(../img/titoliDettaglio/ico_radar.png) no-repeat 6px 6px #d85c5c;
	}
	.radar .location.lTema {		
		background:url(../img/freccia-location.png) no-repeat center right #d85c5c;
	}
	
	li.reti a {
		background:url(../img/iconeMetro/ico_monitoraggio.png) no-repeat 0 0 #d85c5c;
	}
	.reti .logo h1 {
		background:url(../img/titoliMinisito/ico_monitoraggio.png) no-repeat 6px 6px #d85c5c;
	}
	.reti .titolo {
		background:url(../img/titoliDettaglio/ico_monitoraggio.png) no-repeat 6px 6px #d85c5c;
	}
	.reti .location.lTema {		
		background:url(../img/freccia-location.png) no-repeat center right #d85c5c;
	}
	
	li.telerilev a{
		background:url(../img/iconeMetro/ico_teleriv.png) no-repeat 0 0 #d85c5c;
	}
	.telerilev .logo h1{
		background:url(../img/titoliMinisito/ico_teleriv.png) no-repeat 6px 6px #d85c5c;
	}
	.telerilev .titolo{
		background:url(../img/titoliDettaglio/ico_teleriv.png) no-repeat 6px 6px #d85c5c;
	}
	.telerilev .location.lTema {		
		background:url(../img/freccia-location.png) no-repeat center right #d85c5c;
	}
/* ????????? */

/* MINISITI E TITOLI CITTA' */
.piacenza .logo h1,
.parma .logo h1,
.reggioemilia .logo h1,
.modena .logo h1,
.bologna .logo h1,
.ferrara .logo h1,
.ravenna .logo h1,
.forlicesena .logo h1,
.rimini .logo h1 {
	background:url(../img/titoliMinisito/ico_territorio.png) no-repeat 6px 6px #b7181a;
}

li.piacenza a{
	background:url(../img/iconeMetro/ico_piacenza.png) no-repeat 0 0;
}
li.parma a{
	background:url(../img/iconeMetro/ico_parma.png) no-repeat 0 0;
}
li.reggioemilia a{
	background:url(../img/iconeMetro/ico_reggioemilia.png) no-repeat 0 0;
}
li.modena a{
	background:url(../img/iconeMetro/ico_modena.png) no-repeat 0 0;
}
li.bologna a{
	background:url(../img/iconeMetro/ico_bologna.png) no-repeat 0 0;
}
li.ferrara a{
	background:url(../img/iconeMetro/ico_ferrara.png) no-repeat 0 0;
}
li.ravenna a{
	background:url(../img/iconeMetro/ico_ravenna.png) no-repeat 0 0;
}
li.forlicesena a{
	background:url(../img/iconeMetro/ico_forli.png) no-repeat 0 0;
}
li.rimini a {
	background:url(../img/iconeMetro/ico_rimini.png) no-repeat 0 0;
}

.piacenza .titolo,
.parma .titolo,
.reggioemilia .titolo,
.modena .titolo,
.bologna .titolo,
.ferrara .titolo,
.ravenna .titolo,
.forlicesena .titolo,
.rimini .titolo {
	background:url(../img/titoliDettaglio/ico_territorio.png) no-repeat 6px 6px #b7181a;
}


/* SUPERSITO */
	li.supersito a {
		background:url(../img/iconeMetro/ico_supersito.png) no-repeat 0 0 #836eab;
	}
	.supersito .logo h1 {
		background:url(../img/titoliSpeciali/t_supersito.jpg) no-repeat 0 0 #fff;
	}
	.supersito .logo h1 a {
		text-indent:9999px!important;display:block!important;
	}
	.supersito .titolo {
		background:url(../img/titoliDettaglio/ico_supersito.png) no-repeat 6px 6px #836eab;
	}
	.supersito .location.lTema {		
		background:url(../img/freccia-location.png) no-repeat center right #836eab;
	}
	div.linkRegioneER,
	div.linkRegioneERMin,
	div.linkSSR  {
		background:#fff;
	}
	div.linkRegioneER a {
		display:block;
		height:70px;
		text-indent:-9999px;
		background:url(../img/linkRegioneER.jpg) no-repeat center center #fff;
	}
	div.linkRegioneERMin a {
		display:block;
		height:70px;
		text-indent:-9999px;
		background:url(../img/linkRegioneER_min.jpg) no-repeat center center #fff;
	}
	div.linkSSR a {
		display:block;
		height:70px;
		text-indent:-9999px;
		background:url(../img/linkSSR.png) no-repeat center center #fff;
	}
	div.switchlingua {
		position:absolute;
		right:14px;
		top:137px;
	}
	div.switchlingua a {
		color:#fff;
	}

/* BALNEAZIONE */
	li.balneazione a {
		background:url(../img/iconeMetro/ico_balneazione.png) no-repeat 0 0 #047eff;
	}
	.balneazione .logo h1 {
		background:url(../img/titoliSpeciali/t_balneazione.png) no-repeat 0 0 #fff;
	}
	.balneazione .logo h1 a {
		text-indent:9999px!important;display:block!important;
	}
	.balneazione .titolo {
		background:url(../img/titoliDettaglio/ico_balneazione.png) no-repeat 6px 6px #047eff;
	}
	.balneazione .location.lTema {		
		background:url(../img/freccia-location.png) no-repeat center right #047eff;
	}
	
/* ECOSCIENZA */

	li.ecoscienza a {
		background:url(../img/iconeMetro/ico_ecoscienza.png) no-repeat 0 0 #316697;
	}
	.ecoscienza .logo h1 {
		background:url(../img/titoliSpeciali/t_ecoscienza.png) no-repeat 0 0 #fff;
	}
	.ecoscienza .logo h1 a {
		text-indent:9999px!important;display:block!important;
	}
	.ecoscienza .titolo {
		background:url(../img/titoliDettaglio/ico_ecoscienza.png) no-repeat 6px 6px #316697;
	}
	.ecoscienza .location.lTema {		
		background:url(../img/freccia-location.png) no-repeat center right #316697;
	}

/* ICONE SINGOLE DEI TITOLETTI */
h3.tit_agrometeo {
	background:url(../img/titoliDettaglio/ico_agrometeo.png) no-repeat 6px 6px #ffac31;
}
/***/



div.luogoEvento {
	padding:8px;
	background:#57686a;
	color:#fff;
	
}

#interna a {
	font-weight:bold;
}

h4.osservati {
	border-bottom:solid 1px #363636;
}
.nuovaGabbia ul{list-style:square;
}
.nuovaGabbia li{padding-bottom:1em
}
.nuovaGabbia ul li a{font-weight:bold;
}
.nuovaGabbia ul li a:hover{
}
.nuovaGabbia p.abstractnotizia{padding-bottom:8px; margin-bottom: 8px; border-bottom: dotted 1px #363636;
}



/* DETTAGLIO NOTIZIA */
.nuovaGabbia div.imgarticolo{float:right;}
.nuovaGabbia div.imgarticolo + p{margin-bottom:0;color:#8f8e8e;font-style:italic;}
.nuovaGabbia dl dt{font-weight:bold;color:#000}
.nuovaGabbia dl dd{margin:6px 0 0 0;}
.nuovaGabbia dl dd a:link, div#interna dl dd a:visited{font-weight:normal;}
.nuovaGabbia ul li a img{display:block;margin:5px 0 0 0;}
.nuovaGabbia ul.galleria {list-style:none; margin:0; padding:0;margin-top:10px; clear:both;}
.nuovaGabbia ul.galleria li {list-style:none; border-bottom: solid 1px #f90; margin:0 0 10px 0; width:30%; float:left; height: 22em; margin-right:2%;}

/* marzo 2011 - stili aggiuntivi per dettaglio documenti al personale */
div#interna .dettagli-documento-personale h3.titolo{margin:0 0 .3em 0;
}
#interna .sezioni, #interna .categoria{
}
#interna .cms-content-dettaglio{margin:.6em 0 0 0;
}
#interna .contenitore-allegati{margin-top:-20px;
}
#interna .contenitore-referenti{
	padding:10px 0;
}

#interna .contenitore-correlazioni{
	padding:10px 0;
	border-top: dotted 1px #363636;
}
#interna .contenitore-referenti strong, 
#interna .contenitore-correlazioni strong{
	font:22px/1.5em 'Yanone Kaffeesatz', sans-serif;
}
#interna .contenitore-referenti ul, 
#interna .contenitore-correlazioni ul{margin:5px 0 0 15px;padding:0;
}
div#interna .contenitore-referenti ul li, 
div#interna .contenitore-correlazioni ul li{padding-bottom:.5em;
}

/* Interna FieldSet                            */
/***********************************************/
div#interna fieldset{display:block;border:1px solid #00812b;padding:10px;
}
div#interna fieldset legend{font-size:14px;font-weight:bold;padding-bottom:10px;color:#00812b;
} 
div#interna fieldset label{position:relative;float:left;display:inline;
}
div#interna fieldset input{
}
div#interna fieldset textarea{width: 300px;
}
div#interna fieldset select{
}
div#interna fieldset input.button{width: 125px;
}


div.archivio ul{margin-left:5px;padding-left:5px
}
div.archivio ul li{list-style:none
}
div.archivio ul li ul{margin-left:30px;padding-left:5px
}
div.archivio ul li ul li{list-style-image:url(../images/calendario-giorno.gif);
}
.border{border:1px solid #000
}

/* Interna FieldSet Searchbox                  */
/***********************************************/
fieldset.searchbox{display:block;border:1px solid #f90;padding:10px;padding-top:0;margin:0 0 20px 0; background:#fafafa;
}
fieldset.searchbox legend{font-weight:bold;padding-bottom:10px;color:#f90;
} 
fieldset.searchbox label{font-weight:bold;width:135px;float:left;text-align:right; padding:5px 5px 5px 0;
}
fieldset.searchbox label.labelRight{text-align:left; padding:0 0 5px 5px; border:none;
}
fieldset.searchbox input[type=text]{width:225px;position:relative;float:left;display:inline;margin-right:15px; 
}
fieldset.searchbox input[type=password]{width:225px;position:relative;float:left;display:inline;margin-right:15px
}
fieldset.searchbox input[type=radio]{float:left;width:25px; margin:0;padding:0;
}
fieldset.searchbox input.long{width:400px;position:relative;float:left;display:inline;margin-right:15px
}
fieldset.searchbox select{position:relative;float:left;display:inline;margin-right:10px; margin-bottom:8px;
}
fieldset.searchbox input.button{
}
fieldset.searchbox input.check{border:0;width:50px;
}
fieldset.searchbox input.hidden{visibility:hidden;display:none
}
fieldset.searchbox br{display:none;
}

fieldset.searchbox ul.ulConIcone {list-style-type:none;margin:0;
}
fieldset.searchbox ul.ulConIcone li {height:30px;clear:both;
}
fieldset.searchbox img.iconaInfo {vertical-align:middle;margin:0 7px 0 0; float:left;
}

fieldset.searchbox label.labelIconaInfo {float:none;width:13em;display:inline-block;margin:0;
}


/* Paginazione                                 */
/***********************************************/
div#interna div.paginazione{text-align:center;padding:10px;font-weight:bold;
/*border-top:dotted 1px #363636;*/
}
div#interna div.paginazione a:hover{color:#363636;
}
.paginazione .selected {
	color:#363636;
	text-decoration:none;
	cursor:default;
}

/* REGISTRAZIONE IA */
h4.h4RegistIA {
	font-size:20px;
	border-top:dotted 1px #000;
	padding: 5px 0;
	margin:5px 0;
}

/* DETTAGLIO PERSONA */
h6.stileH6{
	font-size:22px;
	padding:5px 0;
	border-bottom:dotted 1px #000;
}

/* SPORTELLO SERVIVI */
ul.ricercaSportServizi {
	margin-bottom:30px;
}

/* Classi C.M.S.                               */
/***********************************************/
.txtSinistra{text-align:left!important
}
.txtCentro{text-align:center!important
}
.txtDestra{text-align:right!important
}
.txtGiustificato{text-align:justify!important;
}
p.txtSinistra{text-align:left!important
}
p.txtCentro{text-align:center!important
}
p.txtDestra{text-align:right!important
}
p.txtGiustificato{text-align:justify!important;
}
img.imgDestraFloat{float:right!important;margin:.2em 0 .2em .5em;position:relative
}
img.imgDestra{float:right!important;margin:.2em 0 .2em .5em;position:relative
}
img.imgSinistraFloat{float:left!important;margin:.2em .5em .2em 0;position:relative
}
img.imgSinistra{float:left!important;margin:.2em .5em .2em 0;position:relative
}
img.imgCentro{margin:.2em auto;position:relative
}
ul.ulcms{color:#000!important
}
ol.olcms{color:#000!important
}
ul.ulcms li,ol.olcms li{margin-bottom:0!important;padding-bottom:0!important
}
a.stampabile{
}


/* PAGINE POPUP */
body.popup {
	background:none;
	min-height:200px;
}
body.popup .content {
	padding:15px;
}
body.popup .logo h1 {
	background:url(../img/titoliDettaglio/ico_arpa.png) no-repeat 6px 6px #00925d; 
	font-size:24px;
	height:40px;
}
body.popup .logo h1 a {
	height:24px;
	padding: 10px;
}
table.elencorubrica{width:100%;border-collapse:collapse;border:solid 1px #000;font-size:11px;table-layout:fixed; background:#fff;}
table.elencorubrica td{padding:2px;border-collapse:collapse;border:solid 1px #000;height:4em;}
table.tableSummary {width:80%;margin:0 auto;
}


/* P RSS                           */
/***********************************************/
p.rss{border:1px solid #069;padding:5px;margin:10px;
}
p.imgrss{margin:10px;text-align:center;
}
a.rssbox{background: #f60;padding:1px;border:solid 1px #000;border-top:solid 1px #fff;border-left:solid 1px #fff; color:#fff;font-weight: bold;font-size: 10px;
}
a.rssbox:active, a.rssbox:visited, a.rssbox:link, a.rssbox:hover{text-decoration: none;color:#fff;
}

/* Elenchi dinamici                           */
/***********************************************/
div#interna dl.elenchidinamici{
}
div#interna dl.elenchidinamici dt{font:24px/1em 'Yanone Kaffeesatz', sans-serif;
}
div#interna dl.elenchidinamici dt b {font-weight:normal;
}
dl.elenchidinamici dd{border-bottom:dotted 1px #000; padding-bottom:5px; margin-bottom: 10px; 
}

.testoreport {
	border:solid 1px #ccc; padding:10px; margin-top: 10px; 
}

.reportAmb dl.elenchidinamici dd{
	border-bottom:none; padding-bottom:0; margin-bottom: 10px; 
}

.reportAmb  .testoreport {
	border:none; padding:0; margin-top: 10px; 
}
.reportAmb .elencoMateria{border-bottom:dotted 1px #000; padding-bottom:5px;margin-bottom: 10px; 
}