/*STILI CLIO P.A.*/


/*NAVIGAZIONE ASSISTITA PER NON VEDENTI*/
.navigazione-assistita
{
position:absolute;
top:-1000em;
width:1px;
height:1px;
overflow:hidden;
}

.dato_errato {color:#FF0000}


/*INSTALLAZIONE MODULI*/

#installazione .checkbox{
	width:5%; 
	float:left; 
	padding:2px 2px 4px 2px; 
	text-align:left; 
	color:#003333; 
	background-color:#ffffff}


/*STRUTTURA DEL PORTALE*/


#body {
	margin: 0;
	padding: 0;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:90%;
	color:#014c86;
	background-color:#fff;
	/*background: #fff url(/img/body-sx.gif) no-repeat -20px -150px;*/
	}
	
#pagina {
	text-align:left;
	padding: 0 2%;
	width:96% !important;
	width:99.8%;
	/*float:left;*/
	/*background: url(/img/body-dx.gif) no-repeat right -150px;*/
	}

#corpo, #corpo-gallery{
	font-size:0.85em;
	border-bottom:8px solid #fff;
	/*float:left;*/
	background: url(/img/bg-corpo.jpg) no-repeat right 500px;
	}
#corpo-gallery{background:none;}

#contenuto-wrapper{
   float:left;
   width:100%;
	}

#contenuto{
	margin-right:164px;
	margin-left:164px;
	line-height: 1.3em;
	padding:10px 10px 0 0;
	background: #fff url(/img/contenuto.gif) no-repeat top right;
	}
#contenuto-gallery {
	width:auto !important;
	line-height: 1.3em;
	padding:0 25px 0 10px;
	border:none;
	margin-right:0;
	}

#top {
    width:100%;
	height:310px;
	margin-bottom:14px;
	}	
	
/*MENU CONTESTUALE*/
#menu-contestuale {
	padding-bottom:2px;
	margin-bottom:7px;
	}
#menu-contestuale a{
	color:#00958a;
	}
#contenuto-gallery #menu-contestuale {
	border-bottom:none; 
	margin-bottom:14px;
	}


/* ------- inizio HOME ------- */
#home {
	width:100%;
	}
#home-sx {
	width:65.5%;
	float: left;
	font-size:80%;
	}
#home-dx {
	width:32%;
	float: right;
	border-bottom:25px solid #dcf6f6;
	padding-bottom:3px;
	}

#box-citta-arte h1, #box-zeus h1, #box-ausentum h1, #box-trasparenza h1, #box-pec h1, #box-albo h1{display:none;}
	
	
#box-citta-arte {
	background: #fff url(/img/vicolo.jpg) no-repeat top left;
	padding-top:324px;
	width:100%;
	}
	
#box-zeus {
	background: #fff url(/img/zeus.jpg) no-repeat top left;
	padding-top:273px;
	width:100%;
	}

#box-ausentum{background: #fff url(/img/box-home-dx.gif) repeat-x top left;}
#box-ausentum .top{padding: 24px 0 16px 0;}
#box-ausentum .top a{
    display:block;
	width:100%;
	height:107px;
	background: url(/img/ausentum2.gif) no-repeat top center;
	}
#box-ausentum .top a span{display:none;}

#box-trasparenza{background: #fff url(/img/box-home-trasparenza.gif) no-repeat top center;}
#box-albo{background: #fff url(/img/box-home-albo.gif) no-repeat top center;}
#box-trasparenza .top a,#box-albo .top a{
    display:block;
	width:100%;
	height:113px;
	}
#box-trasparenza .top a span,#box-albo .top a span{display:none;}

#box-pec{background: #fff url(/img/box-home-pec.gif) no-repeat top center;}
#box-pec .top a{
    display:block;
	width:100%;
	height:113px;
	}
#box-pec .top a span{display:none;}

#home-dx .continua{
	text-align:right;
	font-weight:bold;
	padding:0;
	line-height:1.2em;
	font-size:0.9em;
    margin-bottom:14px;
	background: url(/img/continua-home-dx.gif) repeat-x left 3px;
}
#home-dx .continua a{
	color:#00a88c;
	font-size:1.2em;
	background-color:#fff;
	padding-left:5px;
}
#home-sx .img-interna{
    padding-left:10px;
	background-color:#b8eded;
}
#home-sx #prima-notizia .img-interna{
    padding-left:0;
	background:none;
}

.prima-notizia {
    /*background-color:#effefb;*/
	background-color:#fff;
	width:auto !important;
	width:100%;
	padding-top:8px;
	padding-bottom:8px;
	margin:0 0 10px 0;
	border: 1px solid #b3dbdb;
	border-top:none;
}
.prima-notizia h2 {
    line-height:1em;
	margin-bottom:4px;
	padding-left:6px;
	background-image:none;
}
.prima-notizia-data {
    background-color:#d5f4f4;
	color:#005e64;
	font-weight:bold;
	width:auto !important;
	width:100%;
	padding: 6px 10px 7px 10px;
	border: 1px solid #cff5ed;
	border-bottom:none;
}
.news-home-txt {margin-left:5px;}
#prima-notizia .news-home-txt {margin-left:5px;}
/* ------- fine HOME ------- */


/* ------- inizio HOME 2011 ------- */
#home-sx-2011 {
	width:65.5%;
	float: left;
	font-size:80%;
	}
	
#home-sx-2011 .tema1-hp, #home-sx-2011 .tema2-hp{
	padding:10px 10px 5px 10px;
	margin-bottom:15px;
	}
	
#home-sx-2011 .tema1-hp{
	background-color:#f7f5e4;
	border-bottom:5px solid #fddda7;
	}
#home-sx-2011 .tema2-hp{
	background-color:#f7eee5;
	border-bottom:5px solid #ffaa76;
	}
	
#home-sx-2011 .tema1-hp h1, #home-sx-2011 .tema2-hp h1{
	color:#9d6f01;
	font-size:2.5em;
	font-weight:lighter;
	padding:4px 0 4px 30px;
	margin: 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	background: url(/img/2011/tema1-hp-pergamena.gif) no-repeat;
	}
#home-sx-2011 .tema2-hp h1{
	color:#d95200;
	background: url(/img/2011/tema2-hp-pergamena.gif) no-repeat;
	}
	
#home-sx-2011 .prima-notizia{
	border:none;
	margin:0;
	padding:0;
	background:none;
	border-top:1px solid #ccc;
	}
#home-sx-2011 .tratteggio{
	border-bottom:1px solid #ccc;
	}
#home-sx-2011 .grassetto-2{
	color:#e26000;
	}
#home-sx-2011 .vai-elemento a{
	color:#000;
	font-weight:bold;
	padding-left:12px;
	background: url(/img/puntoelenco_2.gif) no-repeat left 3px;
	}

#home-sx-2011 h2{
	border:none;
	margin:0;
	padding:5px 0;
	}
#home-sx-2011 h2 a:link, #home-sx-2011 h2 a:visited{
	color:#554f44;
	text-decoration:none;
	}
#home-sx-2011 h2 a:hover{
	color:#ad7a00;
	text-decoration:underline;
	}

.tema1-hp .vai-elenco, .tema2-hp .vai-elenco {
   padding: 12px 0 2px 0;
   line-height:1em;
   font-weight:bold;
   font-size:1.1em;
   border-bottom:none;
   border-top: 1px solid #ccc;
   background: url(/img/2011/tema1-hp-greca.gif) no-repeat right 10px;
}
.tema2-hp .vai-elenco {
   background: url(/img/2011/tema2-hp-greca.gif) no-repeat right 10px;
}
.tema1-hp .vai-elenco a:link, .tema1-hp .vai-elenco a:visited{
   color:#ad7a00;
   padding-left:10px;
   background: url(/img/2011/tema1-hp-arrow.gif) no-repeat left 3px;
}
.tema2-hp .vai-elenco a:link, .tema2-hp .vai-elenco a:visited{
   color:#d45a00;
   padding-left:10px;
   background: url(/img/2011/tema2-hp-arrow.gif) no-repeat left 3px;
}
/* ------- fine HOME 2011 ------- */
	
	
/* ------- BOX SX (vesti grafiche, speciali, monitoraggio elettromangetico) ------- */
#box-vesti, #box-speciali {
	font-weight:bold;
	width:100%;
	}
#menu-sx #box-speciali ul, #menu-dx #box-vesti ul, #menu-sx #box-speciali li, #menu-dx #box-vesti li{
    margin:0;
	padding:0;
	background:none;
	}
#box-vesti {
	padding-top:51px;
	background: #a2413a url(/img/box-vesti.gif) no-repeat right top;
	}
#box-speciali {
	background-color:#cea241;
	}
#menu-dx #box-vesti a, #menu-sx #box-speciali a {
    color:#fff;
	padding:18px 40px 17px 12px;
	display:block;
	width:auto !important;
	width:100%;
	}
#menu-sx #box-speciali li {
    background: url(/img/box-giallo.gif) no-repeat left -20px;
	border-bottom: 1px solid #fff;
	}
#box-speciali .newsletter {background: url(/img/newsletter.gif) no-repeat right center;}
#box-speciali .newsletter:hover {background: url(/img/newsletter-on.gif) no-repeat right center;}
#box-speciali .meteo {background: url(/img/meteo.gif) no-repeat right center;}
#box-speciali .meteo:hover {background: url(/img/meteo-on.gif) no-repeat right center;}
#box-speciali .percorsi-natura {background: url(/img/percorsi-naturalistici.gif) no-repeat right center;}
#box-speciali .percorsi-natura:hover {background: url(/img/percorsi-naturalistici-on.gif) no-repeat right center;}

#box-vesti .testo {background: url(/img/modalita-testo.gif) no-repeat right center;}
#box-vesti .ipovedenti {background: url(/img/modalita-ipovedenti.gif) no-repeat right center;}

#box-monitoraggio{
	background: #cea241 url(/img/box-giallo.gif) no-repeat left top;
	margin-top:16px;
	font-size:1.2em;
	}	
#box-monitoraggio a{
	width:auto !important;
	width:100%;
	padding:12px 0 12px 12px;
	padding-top:80px;
	display:block;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	background: url(/img/monitoraggio.gif) no-repeat right top;
	}
#box-monitoraggio a:hover{
	text-decoration:underline;
	}

#box-museo{
	background: #cea241 url(/img/box-museo.gif) no-repeat left top;
	margin:2px 0 2px 0;
	font-size:1.2em;
	}	
#box-museo a{
	width:auto !important;
	width:100%;
	height:210px;
	display:block;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	}
#box-museo span{
    display:none;
	}

/* ------- MENU SX ------- */
#menu-sx {
	float: right; 
	width: 160px;
	margin-left:-164px;
	/*margin-left:-325px;*/
	border-bottom:25px solid #e8dba6;
	padding-bottom:0;
	background: #f7f0dd url(/img/capitello-colonna-gialla.gif) no-repeat right top;
	}
#menu-sx ul {
	background: url(/img/greca-gialla.gif) repeat-y right top;
	}
#menu-sx li{
	background: url(/img/puntoelenco-giallo.gif) no-repeat left 5px;
	}
#menu-sx li a:link, #menu-sx li a:visited {
	text-decoration:none; 
	color:#4a2300;
	}
#menu-sx .titolo-menu {background: url(/img/menu-sx-sup.gif) no-repeat right bottom;}
#menu-sx .titolo-menu a{color:#c39120; cursor:text;}
	
#box-area-privata {
	border: 1px solid #d1bda2;
	border-bottom: 6px solid #d1bda2;
	margin-bottom:2px;
	}
#box-area-privata h2 {
    font-size:1.45em;
	letter-spacing:-1px;
	margin:0;
	padding:12px 28px 2px 5px;
	background: #faf3e6 url(/img/area-privata.gif) no-repeat right top;
	}
#box-area-privata .body {
    font-weight:bold;
	padding:16px 5px 18px 5px;
	}
.capitello-sx {
	background: url(/img/capitello-colonna-gialla.gif) no-repeat right top;
	padding-top:13px;
	}


/* ------- MENU DX ------- */
#menu-dx  {
	float: left; 
	width: 160px;
	margin-left:-100%;
	border-bottom:25px solid #e5c3ba;
	background-color: #f3e1dd;
	padding-bottom:25px;
	}
#menu-dx ul {
	background: url(/img/greca-rossa.gif) repeat-y right top;
	}
#menu-dx li{
	background: url(/img/puntoelenco-rosso.gif) no-repeat left 5px;
	}
#menu-dx li a:link, #menu-dx li a:visited {
	text-decoration:none; 
	color:#590000;
	}
#menu-dx .titolo-menu {background: url(/img/menu-dx-sup.gif) no-repeat right bottom;}
#menu-dx .titolo-menu a{color:#b84600; cursor:text;}
.capitello-dx {
	background: url(/img/capitello-colonna-rossa.gif) no-repeat right top;
	padding-top:13px;
	}

	

/* ------- Parti comuni MENU SX e MENU DX ------- */	
#menu-sx, #menu-dx  {
	font-size:0.9em;
	}
#menu-dx .titolo-menu, #menu-sx .titolo-menu {
	font-weight:lighter;
	font-size:1.9em;
	letter-spacing:-1px;
	margin: 5px 16px 5px 8px;
	}
#menu-dx .titolo-menu a:hover, #menu-sx .titolo-menu a:hover{
    text-decoration:none;/* ------- per Firefox ------- */
	}
#menu-sx ul, #menu-dx ul{
	padding:0;
	margin: 5px 9px;
	}	
#menu-dx li, #menu-sx li {
	padding:0 20px 3px 11px;
	}
#menu-sx li a:hover, #menu-dx li a:hover {
	text-decoration:underline; 
	color:#cd3101;
	}


/* ---------------- PAGINAZIONE ---------------- */
.paginazione {
  width:auto;
  text-align:center;
  clear:both;
  padding-bottom:9px !important;
  padding:8px 0 8px 0;
  margin-top:20px;
  background-color:#dbf5f1;
  font-weight:bold;
  color:#00b393;
  }
#contenuto-gallery .paginazione {
  background:none;
  margin-left:10px;
  }
.paginazione ul{display: inline;}
#corpo .paginazione li {display:inline;background:none;padding:2px;}
#corpo .paginazione li a{padding:9px; color:#0056c1;}
#corpo .paginazione li span{padding:8px;}
#corpo .paginazione li a:hover{color:#fff; background-color:#00b393;}


/* ---------------- TORNA INIZIO PAGINA ---------------- */
.inizio-pagina{
	margin: 18px 0 0 0;
	font-weight:bold;
	font-size:1.1em;
	}
#inizio-pagina-gallery .inizio-pagina{
	font-size:0.90em;
	margin-right:25px;
	margin-left:10px;
	margin-top:11px;
	}
.inizio-pagina a:link, .inizio-pagina a:visited{
    color:#005eaf;
	display:block;
	width:auto;
	padding: 10px 0 12px 9px;
	background: #d9f2ff url(/img/icon_templio.gif) no-repeat right top;
    }
.inizio-pagina a:hover{
    background-color:#c3eaff;
	color:#004b8b;
	text-decoration:none;
    }

/*BOTTOM (INDIRIZZO)*/
#bottom, #bottom-gallery {
	width:auto;
	padding: 40px 0 16px 0;
	margin: 17px 20px 0 0;
	color:#00958a;
    clear:both;
	font-size:0.75em;
	text-align:center;
	background: url(/img/greca-bottom.gif) repeat-x left top;
	}
#bottom-gallery {
	margin: 17px 25px 0 10px;
	}
#bottom a, #bottom-gallery a{
	color:#00958a;
	font-weight:bold;
	text-decoration:none;
	}
#bottom a:hover, #bottom-gallery a:hover{
	text-decoration:underline;
	}
#bottom p, #bottom-gallery p{
    margin:2px 0 0 0;
    padding:0;
	}


/*VALIDATORI E BOTTONI W3C*/
#validatori {
	text-align:center;
	font-size: 1.2em;
	padding: 3px 0 11px 0;
	background: url(/img/bottom.gif) no-repeat center bottom;
	}
.w3cbutton  {
	padding-top:6px;
	}
.w3cbutton a {
	background-color:#fc6;
	color:#000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	border:1px solid #A16E1B;
	}
.w3cbutton a .w3c{
	text-decoration: none;
	font-size: 0.9em;
	margin:0;
	padding:0;
	border-top:1px solid #fff;
	}	
.w3cbutton a:link,.w3cbutton a:visited {
	background:#fc6;
	color:#000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	text-decoration: none;
	}
.w3cbutton a:hover {
	background-color:#ff9;
	color:#333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	text-decoration: none;
	}
.w3cbutton .w3c {
	padding:0.5em;
	margin-right:.25em;
	background-color:#fff;
	color:#0c479d;
	}
.w3cbutton .waiA { 
	color:#900;
	background-color:#fff;
	} 
	
	
/* --------------------------- COMMONS ---------------------------------- */

/*LINKS*/
a:link, a:visited {color:#0184e0;}
a:link, a:visited, h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited {text-decoration:none;}
a:hover, h1 a:hover, h2 a:hover, h3 a:hover{text-decoration:underline; color:#c78a02;}

/*ELENCHI*/
ul {
	list-style-type:none; 
	padding: 0;
	line-height: 1.3em;
	margin: 10px 0 4px 0;
	}
#contenuto li {
	padding: 0 0 4px 14px;
	background: url(/img/puntoelenco_contenuti.gif) no-repeat left 5px;
	}
#contenuto .ul-level-2 li {
	background: url(/img/puntoelenco_level-2.gif) no-repeat left 7px; 
	}


/*PARAGRAFI*/
p, .paragrafo {
   line-height: 1.6em;
   margin:5px 0 5px 0;
   padding:0;
}
.paragrafo {
   margin-top:10px;
}
#p-inizio-pagina {margin:0;}

.vai-elenco {
   padding: 2px 0 10px 0;
   line-height:1em;
   font-weight:bold;
   font-size:1.1em;
   background: #fff url(/img/greca-azzurra.gif) no-repeat right 2px;
   border-bottom:5px solid #c9ebfd;
}
.vai-elenco a, .vai-elenco a:visited{
   color:#016ecb;
   padding-left:10px;
   background: url(/img/arrow-azzurra.gif) no-repeat left 5px;
}
.vai-elenco a:hover{color:#008ced;}

.tot-elementi {
     border-bottom:5px solid #dbf5f1;
	 margin-bottom:15px;
	 color:#017f80;
	 font-weight:bold;
}

/*HEADINGS*/
h1 {
	color:#016ecb; 
	font-size:2.05em;
	font-weight:lighter;
	padding:10px 0 10px 28px;
	margin: 0;
	line-height:1em;
	background: url(/img/h1-azzurro.gif) no-repeat left 9px; 
	}
h1 a:link, h1 a:visited {color:#016ecb; text-decoration:underline;}

h2{
	color:#00a080;
	font-size:1.3em;
	font-weight:lighter;
	line-height:1.1em;
	margin: 0px 0 10px 0;
	}	
h2 a:link, h2 a:visited{color:#019577;text-decoration:underline;}
.h2-gallery{
	background: url(/img/immagine.gif) no-repeat 2px 3px;
	padding-left:30px;
	padding-bottom:2px;
	}

h3 {
	font-size:1.25em; 
	color:#006a6b;
	line-height:1.1em;
	margin: 8px 0 2px 0;
	}
h3 a:link, h3 a:visited {color:#006a6b;text-decoration:underline;}
.h3-gallery{
	background: url(/img/immagine.gif) no-repeat 2px 1px;
	padding:3px 0 3px 30px;
	}
#contenuto .h3-gallery a{text-decoration:none;}

h4 {font-size:1em; margin-bottom:3px; margin-top:7px;}

h1 a:hover, h2 a:hover, h3 a:hover{color:#c19601;}


/*STILI GENERICI*/
.grassetto, .grassetto-2, .grassetto-3 {font-weight:bold;}
.grassetto-2{color:#017f80;}
.grassetto-3{color:#016ecb;}
.categoria, .data-notizia {font-weight:bold;color:#c51501;}
.corsivo {font-style:italic;}
.grassetto_corsivo {font-style:italic; font-weight:bold;}
.sottolineato {text-decoration:underline}
.resize-space-bottom {margin-bottom:-10px;}

.nofloat {
  clear: both;
  line-height:0;
  font-size:0;
  height:0;
  }
.float-right {float: right;}
.float-left {float: left;}
.centrato {text-align:center}
.sinistra {text-align:left}
.destra {text-align:right}
.giustificato {text-align:justify}
.apice {vertical-align:super}
.pedice {vertical-align: sub}

.numero {font-weight:bold;}
.autore {text-align:right; font-weight:bold; font-size:90%}
.sommario {font-style:italic;}

.attenzione {color:#FF0000; padding-top:12px;}
.tratteggio, .tratteggio-2{ 
     border-bottom:5px solid #dbf5f1;
	 margin-bottom:8px;
	 margin-top:8px;
	 clear:both;
	 }
.tratteggio { 
	 border-bottom:1px solid #b3dbdb;
	 }
.nascosto {display:none}

img {border: none;}
.img-interna {
	float:left;
	margin-right:7px;
	line-height:0;/* importante per firefox */
	}
.img-interna-dx {
	float:right;
	margin-left:7px;
	line-height:0;/* importante per firefox */
	}
.img-gallery {
	float:right;
	margin: 0 0 -2px 5px;
	width:100px;
	text-align:center;
	padding:5px 0;
	background-color:#fff;
	border:1px solid #8cbdbd;
	line-height:0;/* importante per firefox */
	}
.img-interna img, .img-interna-dx img, #ingrandimento img, #banner img {
	border:3px solid #acefe5;
	}
#home-sx img {
    border:none;
}
#ingrandimento img {text-align:center;margin-bottom:10px;}
	
	
.ico-legenda {width:60%;  /*background-color:#D9F1FF; border-bottom:3px solid #009999; border:1px solid #009999;*/ padding:2px; }
#contenuto .ico-legenda ul {
   margin-left:-4px;
   }
#contenuto .ico-legenda ul li {
   list-style-type:none;
   background-image:none;
   margin: 6px 0;
   padding:0;
   }

.ico-allegati {float:right; width:auto; /*border:1px solid #00CC00;*/ margin-left:2px; padding:1px; margin-top:2px}
.ico-allegati img, .ico-legenda img {vertical-align:middle; margin-left:2px;}


#contenuto .box-download {
	background-color: #ebfafa;
	width:auto;
	padding:14px;
	margin-bottom:10px;
	margin-top:10px;
	border-bottom: 10px solid #d7f6f6;
	}
#contenuto .box-download p{
	line-height:1.4em;
	background: url(/img/download.gif) no-repeat left center;
	padding: 3px 3px 3px 32px;
	margin:0;
	}
#contenuto .box-download a{
	font-weight:bold;
	}

.itinerario{
    width:100%;
	padding-top:10px;
	}
.lang-ita, .lang-eng, .lang-ger{
    width:32%;
	background-color:#eee;
	float:left;
	margin-bottom:10px;
	margin-top:5px;
	}
.lang-ita{
    background: #e9f8f8 url(/img/flag_ita.gif) no-repeat 10px  10px;
	}
.lang-ger{
	float:right;
	background: #e9f8f8 url(/img/flag_ger.gif) no-repeat 10px  10px;
	}
.lang-eng{
    margin-left:2%;
	margin-right:2%;
	background: #e9f8f8 url(/img/flag_eng.gif) no-repeat  10px  10px;
	}
.lang-ita p, .lang-eng p, .lang-ger p{
    padding: 30px 0 0 10px;
	}

/* --------------------------- fine COMMONS ---------------------------------- */


/* --------------------------- inizio SUDNEWS ---------------------------------- */
#sudnews li a.link_sudnews, #sudnews li a:visited.link_sudnews {
	font-weight: bold;
	color: #fff;
	background-color:#B94040;
	text-align:center;
	line-height: 24px;
	width: 100%;
	display:block;
	padding:0;
}
#sudnews li a:hover.link_sudnews {
	color: #fff;
	background-color:#940000;
}
/* --------------------------- fine SUDNEWS ---------------------------------- */


/* --------------------------- inizio BANNER ---------------------------------- */
#banner {
   border: 1px solid #d1bda2;
   border-top:none;
   background: #fcf7ee url(/img/menu-sx-inf-2.gif) no-repeat right top;
   padding: 10px 0 6px 0;
}
#banner ul {
   text-align:center;
   border:none;
   background:none;
   margin: 0 0 4px 0;
   padding:0;
}
/* --------------------------- fine BANNER ---------------------------------- */


/* --------------------------- inizio SONDAGGI ---------------------------------- */
#istogramma{
  float:left;
  width:100%;
}
.etichetta-sondaggi {
  margin:0 0 0 0;
  padding:5px;
  float:left;
  width:46%;
  line-height:1.6em;
  background-color:#f7f3e7;
  border-bottom:2px solid #fff;
}
.percentuale {
  padding-top:8px;
  float:right;
  text-align:left;
  width:50%;
}
/* --------------------------- fine SONDAGGI ---------------------------------- */


/* --------------------------- inizio GALLERIE ---------------------------------- */
#archivio_foto{
	border: 2px solid #c0efef;
	border-bottom:12px solid #c0efef;
	margin-top:6px;
	width:100%;
	background: #fff url(/img/bg-photogallery.gif) repeat-x left bottom;
	}
#archivio_foto .titoli{
	background: #dcf8f8 url(/img/bg_photogallery_bar.gif) repeat-x left bottom;
	padding-bottom:6px;
	padding-right:20px;
	}
#archivio_foto .titoli a{
	color:#006a6b;
	}
#archivio_foto h1 {
	margin:0;
	border: none;
	background: url(/img/immagine.gif) no-repeat 12px 15px;
	padding: 11px 0 0 42px;
	}
#archivio_foto h1 a {color:#005e64;}
#archivio_foto h1 a:hover {color:#016ecb;}
#archivio_foto h2 {
	margin:0;
	padding: 10px 6px 8px 42px;
	}
#archivio_foto .titoli p {
	margin:0;
	padding: 0 6px 8px 42px;
	}
#archivio_foto .descrizione {
	margin:0;
	padding: 0 42px 10px 42px;
	}
#archivio_foto #vai_a_elenco {
	background-color:#F5E6B7;
	padding: 3px 3px 3px 8px;
	margin:0;
	}
#archivio_foto .paginazione li {
    display:inline;
	}
#miniature {
	float:right; 
	width:20%; 
	text-align:center; 
	padding:0;
	padding:6px 6px 0 6px;
	}	
#miniature .miniatura-img {
	background-color:#dcf8f8; 
	margin-bottom:6px;
	}
#miniature img {border:0; margin-top:10px;}
.didascalia-miniatura {color: #005e64; padding:0 4px 10px 4px;}
#ingrandimento {
    padding: 10px 0 10px 0; 
    float:left;
	text-align:center;
	width:78%;
	}
#ingrandimento img {
    border:12px solid #c0efef;
	}
#ingrandimento li {background:none;}
.resize {width:auto;}
.txt_foto {
	margin: 10px;
}
/* --------------------------- fine GALLERIE ---------------------------------- */



/*<<<<<<<<<<<<<<<<<<< MODULO GUIDA AI SERVIZI >>>>>>>>>>>>>*/
#guida-servizi {margin:0 0 5px 0; padding:0;}
#guida-servizi ul {list-style-type:none; margin:3px; padding:0;}
#guida-servizi li {margin-bottom:1px; padding:0;}
.imgservizi {vertical-align:middle; display:inline;}
#guida-servizi a:link, #guida-servizi a:visited {text-decoration:none;}
#guida-servizi img {border:0;}
/*<<<<<<<<<<<<<<<<<<< FINE MODULO GUIDA AI SERVIZI >>>>>>>>>>>>>>>>>>>>>>*/



/*<<<<<<<<<<<<<<<<<<< MODULO ORGANIGRAMMA (SSU) >>>>>>>>>>>>>*/
/*#organigramma {} */
#organigramma .ul-primo-livello {margin:8px 0 20px 0;}
#organigramma li {padding:0 0 0 16px; font-weight:bold; color:#000;}
#organigramma ul li {border-bottom:1px solid #e4cdc5; margin-bottom:10px;}
/*#organigramma ul li ul {}*/
#organigramma ul li ul li {border:0; color:#f85302; font-weight:normal; margin-bottom:3px; margin-top:3px;}
#organigramma ul li ul li ul li {color:#b57902}

/* ------- inizio TABELLE ------- */
#contenuto table {
    font-size:1em;
	background-color:#fff;
	width:100%;
	margin:10px 0 10px 0;
	border:none;
	color:#003a85;
	border-bottom:5px solid #a3eada;
	}
#contenuto table .head {
   text-align:left;
   background-color:#00b393;
   font-weight:bold;
   color:#fff;
   padding:6px 8px 6px 8px;
   }
#contenuto table .row1 {
   background-color:#e3f9f5;
   }
#contenuto table .row2 {
   background-color:#fff;
   }
#contenuto td, #contenuto th {
	margin:0;
	padding:8px;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	}
#contenuto td{
    line-height:1.4em;
	}
#contenuto table .head td, #contenuto table .head th {
   padding:6px 8px 6px 8px;
}
#contenuto caption {
    display:none;
	}
/* ------- fine TABELLE ------- */

/* --------------------------- inizio CALENDARIO ---------------------------------- */
#calendario {
   background-color:#f7f5e4;
   border:1px solid #dcc87a;
   border-bottom:6px solid #e8dba6;
   }
#calendario .titolo-menu {
	margin:0;
	padding:8px 8px 10px 8px;
	background: #fff url(/img/calendario.gif) no-repeat 127px 2px;
	}
#calendario table {
   width:160px;
   margin: 0;
   font-size:1em;
   border:none;
   }
   
#calendario caption {
   font-weight:bold;
   color:#EF4916;
   padding:10px 0 8px 0;
   background:none;
   }
#calendario caption a{
   color:#EF4916;
   text-decoration:none;
   }
#calendario caption a:hover{
   text-decoration:underline;
   }

#calendario .num-week  {
  color:#EF4916;
  padding:2px 3px 0 0;
  }
#calendario th {
  text-align:center;
  font-weight:bold;
  color:#000;
  font-size:1.2em;
  padding-bottom:4px;
  }
#calendario th.giorno-settimana-rosso {color:#ff4400;}

#calendario td {
  background-color:#fff;
  width:14%;
  }
#calendario td a {
  padding: 3px 0 3px 0;
  display:block;
  }


#calendario td.giorno-normale a:link, #calendario td.giorno-normale a:visited{
	color:#000;
	text-align:center;
}
#calendario td.giorno-normale a:hover, #calendario td.giorno-normale a:active{
	color:#fff;
	background-color:#ff6f06;
}
#calendario table td.giorno-normale {
	text-align:center;
	color: #555;
	margin:0;
	padding:0;
}


#calendario td.giorno-corrente a:link, #calendario td.giorno-corrente a:visited{
	color:#024a9b;
	text-decoration:none;
}
#calendario td.giorno-corrente a:hover, #calendario td.giorno-corrente a:active{
	color:#024a9b;
	text-decoration:none;
}
#calendario td.giorno-corrente {
	text-align:center;
	color: #e49100;
	font-weight:bold;	
}
#calendario td.giorno-settimana-nero {
	text-align:center;
	font-weight:bold;
	color:#024a9b;	
}

#calendario td.giorno-domenica a:link, #calendario td.giorno-domenica a:visited{
	color:#ff4400;
	display:block;
}
#calendario td.giorno-domenica a:hover, #calendario td.giorno-domenica a:active{
	background-color:#ff4400;
	color:#fff;
	text-decoration:none;
}
#calendario td.giorno-domenica, #calendario td.giorno-settimana-rosso {
	text-align:center;
	color: #ff4400;
	font-weight:bold;
}

#calendario  .vai-elenco {
   padding: 11px 0 12px 0;
   line-height:1em;
   font-weight:bold;
   font-size:1.1em;
   border-bottom:none;
   background-image:none;
   background-color:#fff;
}
#calendario .vai-elenco a:link, #calendario .vai-elenco a:visited{
   color:#ad7a00;
   padding-left:18px;
   background: url(/img/2011/tema1-hp-arrow.gif) no-repeat 8px 5px;
}
/* --------------------------- fine CALENDARIO ---------------------------------- */





/* ------------------ inizio TOOLS  ------------------ */

/* TOOLS - pagina dettagli deei moduli (link galleria, elenco, ritorna ricerca) */
/* TOOLS-2 - siti web utili */
/* TOOLS-3 - mappa del sito sx */
/* TOOLS-4 - mappa del sito dx */

#tools, #tools-2, #tools-3, #tools-4{
    padding: 0 0 16px 0;
	margin: 15px 0 15px 0;
    background-color: #d5f4f4;
	width:100%;
	}
#tools a, #tools-2 a, #tools-3 a, #tools-4 a{text-decoration:none;}
#tools a:hover, #tools-2 a:hover, #tools-3 a:hover, #tools-4 a:hover{text-decoration:underline;}
#tools-2 { 
	margin: 5px 0 15px 0 !important;
	margin: 5px 0 5px 0;
	}
#tools-3 { 
	background-color: #e2f7f7;
	}
#tools-4 { 
	margin-top:0;
	background-color: #f5eae6;
	}
.link-gallery, .link-elenco, .link-ricerca, .link-ritorna, .link-discussioni, .link-giunta, .link-sondaggio, .link-map {
	padding:0;
	margin-left:2%;
	margin-top:2%;
	width:30.7%;
	height:100px;
	display:inline;
	float:left;
	border:1px solid #fff;
	border-bottom:6px solid #fff;
	background: #e9faf7 url(/img/bg-tools.gif) repeat-x left top;
	}
#tools-3 .link-map {
    margin-top:0;
	background: #fff url(/img/bg-tools-2.gif) repeat-x left top;
	border:1px solid #afdfdf;
	border-bottom:6px solid #afdfdf;
	}
#tools-4 .link-map {
    margin-top:0;
	background: #fdf4f2 url(/img/bg-tools-3.gif) repeat-x left top;
	}
#tools-2 div {
    width:17.3% !important;
	width:17.6%;
	height:90px;
	}
#tools-3 .link-map, #tools-4 .link-map {
    width:22.2% !important;
	width:22.5%;
	height:auto;
	}
#tools .box-mp3 {
    width:100%;
	}
#tools h3, #tools-2 h3{
    padding:40px 10px 0 10px;
	margin: 0;
	font-size:1.1em;
	}
.link-gallery h3 {
    background: url(/img/immagine.gif) no-repeat 10px 10px;
	}
.link-elenco h3 {
    background: url(/img/elenco.gif) no-repeat 10px 10px;
	}
.link-ricerca h3{
    background: url(/img/cerca.gif) no-repeat 10px 10px;
	}
.link-ritorna h3{
    background: url(/img/ritorna.gif) no-repeat 10px 10px;
	}
.link-discussioni h3{
    background: url(/img/discussione.gif) no-repeat 10px top;
	}
.link-giunta h3{
    background: url(/img/giunta.gif) no-repeat 10px top;
	}
.link-sondaggio h3{
    background: url(/img/sondaggio.gif) no-repeat 10px 10px;
	}
	
.box-mp3, .box-evidence {
    text-align:center;
	width:100%;
	padding: 10px 0 10px 0;
	margin: 10px 0 10px 0;
	background: #f7f1df url(/img/bg-tools.gif) repeat-x left top;
	}
.box-evidence {
    text-align:left;
	width:auto;
	padding: 10px;
	}
	


/* MAPPA SITO */
#tools-3 .titolo-menu, #tools-4 .titolo-menu {
    font-weight:bold;
	margin:0;
	padding:10px 2px 8px 6px;
	}
#tools-3 ul, #tools-4 ul {
	margin:0;
	padding:0 2px 6px 6px;
	}
#tools-3 h2, #tools-4 h2 {
    margin:12px 0 0 0;
	margin-left:2%;
	padding:0 2px 14px 26px;
	background: url(/img/mappa.gif) no-repeat left top;
	}
#tools-4 h2 {
    color:#a80000;
	}
#mappa-sito .capitello-dx {
	background: none;
	padding-top:0;
	}
#mappa-sito .capitello-sx {
	background: none;
	padding-top:0;
	}
#mappa-sito #tools-3 h2{
	padding:19px 0 15px 45px;
	margin:0;
	background: url(/img/mappa.gif) no-repeat 20px 20px;
	}
#mappa-sito .titolo-menu{
    font-size:1.1em;
	}
#mappa-sito h3{
	color:#014c86;
	}
#mappa-sito .box-special{
    background-color:#fff;
    padding:10px;
	margin:15px 2% 0 2%;
	}
/* ------------------ fine TOOLS ------------------ */

/* ------------------------------ inizio FORM -------------------------------------- */
/* ---- formattazione generale ---- */
form, fieldset {
   padding:0;
   margin:0;
}
form{
   margin:10px 0 20px 0;
   border:1px solid #b9e0e0;
   border-top: 10px solid #a3eada;
   background: #fff url(/img/form.gif) no-repeat top right;
}
fieldset {
  border: none;
  padding: 0 10px 14px 10px;
}
.etichetta, .ultima-etichetta{
  float:left;
  width:50%;
  border-bottom:1px solid #bee4e4;
  line-height:1.6em;
  margin:10px 10px 0 0;
  clear:both;
}
.ultima-etichetta{
  border-bottom:none;
  clear:both;
}
input, select {
  margin: 10px 0 6px 0;
  float:left;
  }
select {width:47.6%;}
form p {padding:8px 0 10px 0;}


/* ---- formattazioni specifiche ---- */
.btn-form {
   color:#fff;
   border: 1px solid #fff;
   font-weight:bold;
   padding: 2px 4px 4px 4px !important; 
   padding: 2px 0 2px 0;
   background: #00b393 url(/img/form-btn.gif) repeat-x left bottom;
}
.btn-container{
   width:48%;
   text-align:left;
   padding-top:4px;
   float:right;
}
.btn-container-2 {
   width:auto;
   text-align:center;
   padding:2px 0 7px 0;
   border-top:2px solid #fff;
   background-color:#e8f9f9;
}
.etichetta-2{width:100%;}

#form-theme form {
   background-color:#fff;
   border:none;
   border-top: 10px solid #a3eada;
}
#form-theme fieldset {
   padding:10px 0 0 0;
}
#form-theme .etichetta, .etichetta-2, .etichetta-3, .ultima-etichetta {
  float:left;
  width:48%;
  margin:0;
  padding: 6px 0 6px 0;
  clear:both;
}
#form-theme .etichetta-3 {
  width:100%;
  text-align:left;
}
#form-theme .ultima-etichetta {
  padding-top:18px;
}
#form-theme input, #form-theme select, #form-theme textarea {
  margin-bottom:6px;
  width:48%;
  float:right;
}
#form-theme input{
  width:47.5% !important;
  width:48%;
}
#form-theme .btn-radio {
  width:10% !important;
  float:left;
}
#form-theme .btn-container .btn-form, #form-theme .btn-container-2 .btn-form {
   float:none;
   width:auto !important;
   width:auto;
}
#form-theme h2 {
  margin: 15px 0 2px 0;
}
/* ------------------------------ fine FORM -------------------------------------- */



	


/*MESSAGGIO DI ERRORE NELLA COMPILAZIONE DEI VARI FORM PER INSERIRE IMMAGINI, DATI OBBLIGATORI O DOCUMENTI*/
#errore {
	background-color:#FF0000; 
	color:#FFFFFF; 
	font-weight:bold;
	padding:4px;
	}

#risultato {
	color:#F95230;
	}


.dato-errato {color:#FF0000}

.record {
	border:1px solid #ADD9D1; 
	margin-top:2px;
	padding:2px;
	}
.errore-formato{
color:#006666;
font-weight:bold;

}

#numero-pagine {text-align:center; width:100%; background-color:#EAF6F4; margin:0; padding:0;}
#numero-pagine ul {list-style-type:none; margin:0; padding:0; display:inline;}
#numero-pagine li {display:inline; margin:0; padding:0;}
#numero-pagine a:link, #numero-pagine a:visited {text-decoration: none;} 
table.associazioni{
	font-size:1em;
	width:100%;
}
table.associazioni td, table.associazioni th {
	padding:7px 3px 8px 3px;  
	border-bottom:1px dashed #e6ca98;
	text-align:left;	
}
table.associazioni th { 
	border-bottom:none;
	background-color:#def0f9;
	padding-left:6px;
}
/*ALBO PRETORIO*/
.criteri-ricerca {float:right; width:45%; border:1px solid #70D906; margin-left:10px; background-color:#FFFFFF;}	
.criteri-ricerca h2 {font-size:98%; padding-left:10px; padding-top:3px; margin-top:0px;}
.criteri-ricerca ul li {border-bottom:1px dotted #CCCCCC; margin-top:5px; margin-left:2px;}
.criteri-ricerca a:link, .criteri-ricerca a:visited {}

fieldset {
	margin-bottom:15px; 
	padding-bottom:15px; 
	color: #006666; 
	border:none;
	border-top:4px solid #00a080;
	line-height:1.2em;
	background: url(../../img/bg_form.gif) repeat-x top left;
	 }
	 
	legend {
   font-weight:bold;
   font-size:1em;
   color:#00a080;
   padding:0 5px 0 5px;
   }

/***************************	BANNER PROGETTO PIDSS SUAP	*******************************/
#suap a{display:block;
height:110px;
width:100%;
background:url(/img/banner-suap-pidss.gif) center center no-repeat;}

#suap a span{display:none;}

#comunica a{display:block;
height:80px;
width:100%;
background:#fff url(/img/banner-comunica.gif) top center no-repeat;}

#comunica a span{display:none;
}

/*************************** FINE BANNER PROGETTO PIDSS SUAP	*******************************/