/*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}


/* -------------------- inizio STRUTTURA -------------------- */
#body, #body-home, #body-gallery{
	margin: 0px;
	padding: 0px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:90%;
	color:#4d4d4d;
	background: #fff url(/img/body.gif) no-repeat top right;
	}
#body{color:#333;}
#body-home {
	background-image:none;
	background-color:#f5f5f5;
	}
#body-gallery {
	background-image:none;
	}
#body-bg {
	background: #fff url(/img/home.gif) no-repeat top center;
	padding:100px 0 15px 0;
	}

#home, #bottom-home {
	margin: 0 auto;
	width:814px;
	text-align:left;
	font-size:0.75em;
	}

#pagina {
	text-align:left;
	width:100%;
	height: auto !important;
	}

#top-bg, #top-dx {height: 185px;}
#top {
    background: #c1272d url(/img/top-bg.gif) repeat-x;
	width:100%;
	}	
#top-bg {
    background: url(/img/top.gif) no-repeat;
	margin-left:20px;
	}
#top-dx {
	float:right;
	width:423px;
	margin-right:20px;
	}
	
#corpo, #corpo-gallery {
	margin:0;
	padding:20px;
	font-size:0.75em;
	height:auto !important;
	/*background-color:#ccc;*/
	}
#corpo-gallery {
	background-color:#fff;
	padding-bottom:0;
    background: #fff url(/img/body.gif) no-repeat top right;
	}
#corpo-wrapper{width:100%;}

#centro {
	float:left;
	width:81.8%;
	}
#menu-sx {
	float: left;
	width: 20.5%;
	}	
#menu-dx  {
	float:right; 
	width:17%; 
	}
#contenuto {
	width: 78.2%;
	float: right;
	margin-right:0;
	margin-left:0;
	background-color:#fff;
	height: auto !important;
	}
#contenuto-gallery {
	width: auto;
	margin:0;
	height: auto !important;
	}
/* -------------------- fine STRUTTURA -------------------- */

/* -------------------- inizio HOME -------------------- */
#home h1, #home h2, #home .area-attiva span, #home #menu span {display:none;}

#home .box-home {
	width:270px;
	float:left;
	margin-right:2px;
	}
#home #servizi {margin-right:0;}

#home #il-comune .area-attiva {
	display:block;
	width:100%;
	height:315px;
	background: url(/img/home-btn-il-comune.gif) no-repeat top left;
	}

#home #citta-territorio {
	background: url(/img/home-box-citta-territorio.gif) no-repeat;
	padding-top:70px;
	}
#home #citta-territorio .flash {
    height:245px;
	width:100%;
	background-color:#000;
	}

#home #servizi {
	background: url(/img/home-box-servizi.gif) no-repeat;
	padding-top:70px;
	}
#home #servizi .area-attiva {
	display:block;
	width:100%;
	height:245px;
	background: url(/img/home-btn-servizi.jpg) no-repeat top left;
	}

#home .descrizione{
	background: url(/img/home-box-gradient.gif) repeat-x;
	padding:12px 18px 30px 18px;
	}
#home .box-home p {
	margin:0;
	padding:0;
	width:100%;
	line-height:1.4em;
	}
#home .box-home a {
    color:#4d4d4d;
	text-decoration:none;
	}
#home #il-comune a:hover {color:#cf0008;}
#home #citta-territorio a:hover {color:#ab7600;}
#home #servizi a:hover {color:#008c52;}

#home #menu{
    width:auto;
	border:1px solid #ccc;
	background-color:#fff;
	}
#home #menu ul, #home #menu li{
    margin:0;
	padding:0;
	}
#home #menu li{
    display:inline;
	float:left;
	}
#home #menu a{
    display:block;
	width:134px;
	height:78px;
	background: url(/img/btn.gif) no-repeat;
	}
#home #menu .btn-3, #home #menu .btn-4{
    width:135px;
	}
	
#home #menu .btn-1{background: url(/img/icone_home/menu-01.gif) no-repeat;}
#home #menu .btn-1:hover{background-position:bottom left}

#home #menu .btn-2{background: url(/img/icone_home/menu-02.gif) no-repeat;}
#home #menu .btn-2:hover{background-position:bottom left}

#home #menu .btn-3{background: url(/img/icone_home/menu-03.gif) no-repeat;}
#home #menu .btn-3:hover{background-position:bottom left}

#home #menu .btn-4{background: url(/img/icone_home/menu-04.gif) no-repeat;}
#home #menu .btn-4:hover{background-position:bottom left}

#home #menu .btn-5{background: url(/img/icone_home/menu-05.gif) no-repeat;}
#home #menu .btn-5:hover{background-position:bottom left}

#home #menu .btn-6{background: url(/img/icone_home/menu-06.gif) no-repeat;}
#home #menu .btn-6:hover{background-position:bottom left}
/* -------------------- fine HOME -------------------- */

/* -------------------- inizio VESTI GRAFICHE -------------------- */
#vesti-grafiche {
	padding:0 20px;
	font-size:0.75em;
	line-height:1em;
	margin-bottom:10px;
	padding-top:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
#vesti-grafiche ul{
	margin: 0;
	padding:0;
	list-style-type:none;
}
#vesti-grafiche li{
	padding:8px 0 12px 36px;
}
#vesti-grafiche #vesti-gallery {
	padding:8px 0 4px 0;
}
#vesti-grafiche #vesti-gallery li{
    display:inline;
	padding-left:25px;
	margin-right:10px;
}
#vesti-grafiche a:link, #vesti-grafiche a:visited {
	color: #000; 
	text-decoration:none;
	}
#vesti-grafiche a:hover, #vesti-grafiche a:active {
	color:#ca0109; 
	}
#vesti-grafiche .testo {
    background: url(/img/icon_testo.gif) no-repeat top left;
}
#vesti-grafiche .ipovedenti {
    background: url(/img/icon_ipovedenti.gif) no-repeat top left;
}
#vesti-grafiche .testo-gallery {
    background: url(/img/icon_testo_2.gif) no-repeat left 5px;
}
#vesti-grafiche .ipovedenti-gallery {
    background: url(/img/icon_ipovedenti_2.gif) no-repeat left 5px;
}
/* -------------------- fine VESTI GRAFICHE -------------------- */

/* -------------------- inizio TOP -------------------- */
#link-home{
  float:left;
  width:100%;
  /*width:100px;*/
  width:340px;
  margin-top:32px;
  height:124px;
  /*border:1px solid #000;*/
}
#link-home span{display:none;}

#menu-macroaree, #menu-macroaree li{
  margin:0;
  padding:0;
}
#menu-macroaree{margin:7px 0;}
#menu-macroaree li{display:inline;}
#menu-macroaree li a {
  width:208px;
  height:171px;
  background-color:#ccc;
}
#menu-macroaree li a span {display:none;}

#menu-macroaree li .area-1, #menu-macroaree li .area-1-dx {
  float:left;
  background: url(/img/top-dx-area-01.jpg) no-repeat top left;
}
#menu-macroaree li .area-1-dx {
  float:right;
}
#menu-macroaree li .area-2 {
  float:right;
  background: url(/img/top-dx-area-02.jpg) no-repeat top left;
}
#menu-macroaree li .area-3 {
  float:left;
  background: url(/img/top-dx-area-03.gif) no-repeat top left;
}
#menu-macroaree li .area-1:hover, #menu-macroaree li .area-1-dx:hover, #menu-macroaree li .area-2:hover, #menu-macroaree li .area-3:hover {background-position: bottom left}
/* -------------------- fine TOP -------------------- */

/* -------------------- inizio COLONNE -------------------- */
.box {
    border:1px solid #d2d2d2;
	padding:7px;
	margin-bottom:4px;
	background-color:#fff;
	}
.box ul {
	padding:7px;
	background: #f2f2f2 url(/img/ul.gif) no-repeat top center;
	}
.box ul li{
	padding:4px 4px 4px 11px;
	background: url(/img/arrow-menu.gif) no-repeat left 7px;
	}
.titolo-menu {
	color:#c94247;
	width:100%;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:2.1em;
	line-height:0.9em;
	font-weight:bolder;
	padding:9px 0 0 0;
	margin: 0 0 3px 0;
	}
.titolo-menu a:hover {
	color:#c94247;
	text-decoration:none;
	}
.sottotitolo-menu {
    font-weight:bold;
	padding: 0 0 10px 0;
	}

.vai{
  padding: 8px 0 0 11px;
  margin: 18px 0 0 0;
  border-top:1px solid #dfc6bf;
  background: url(/img/arrow-rossa-2.gif) no-repeat left 14px;
}
.vai-2{
  padding: 8px 0 11px 18px;
  margin: 18px 0 0 0;
  background: #f2f2f2 url(/img/arrow-rossa-2.gif) no-repeat 7px 13px;
}
.vai-elenco {
  margin-bottom:0;
  padding: 0 0 3px 10px;
}

#menu-dx .link-box-dx:link, #menu-dx .link-box-dx:visited {
	color:#c94247;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.6em;
	letter-spacing:-1px;
	font-weight:bolder;
	display:block;
	padding: 15px 0 2px 0;
	border-bottom:8px solid #f2f2f2;
	}
#menu-dx .link-box-dx:hover {
	border-bottom:8px solid #f1b6b8;
	text-decoration:none;
	}

#menu-sx h2 {
  font-size:1.2em;
  font-weight:bolder;
}
#menu-sx h2 a {text-decoration:none;}
#menu-sx h2 a:hover {text-decoration:underline;}
#menu-sx .data-categoria {
  font-weight:bold;
}

#box-trasparenza a {
    display:block;
	width:100%;
	height:92px !important;
	height:100px;
	}
#box-trasparenza span {display:none;}

#box-servizio-civile a{
    display:block;
	width:100%;
	height:167px;
	background: url(/img/servizio_civile_nazionale.gif) no-repeat center top;
	}
	
#box-albo a{
    display:block;
	width:100%;
	height:94px;
	background: url(/img/albo-pretorio.gif) no-repeat center top;
	}	
#box-servizio-civile span, #box-albo span{display:none;}

#box-news .titolo-menu {margin-bottom:12px;}

/* ----------- DX e SX rossa --------- */
#menu-dx .box ul, #menu-sx .rosso .box ul{border-bottom:8px solid #f1b6b8;}
#menu-dx .box ul li a:hover, #menu-sx .rosso .box ul li a:hover{color:#d50000;}

#link-dx-home {background: url(/img/icone_level2/home-off.gif) no-repeat right top;}
#link-dx-home:hover {background: url(/img/icone_level2/home-on.gif) no-repeat right top;}

#link-dx-pec {background: url(/img/icone_level2/pec-off.gif) no-repeat right top;}
#link-dx-pec:hover {background: url(/img/icone_level2/pec-on.gif) no-repeat right top;}

#link-dx-contatti {background: url(/img/icone_level2/contatti-off.gif) no-repeat right top;}
#link-dx-contatti:hover {background: url(/img/icone_level2/contatti-on.gif) no-repeat right top;}

#titolo-menu-utilita {background: url(/img/icone_level2/utilita.gif) no-repeat right top;}
#titolo-menu-links {background: url(/img/icone_level2/links.gif) no-repeat right top;}
#titolo-menu-info {background: url(/img/icone_level2/info.gif) no-repeat right top;}
#titolo-menu-governo {
    background: url(/img/icone_level2/governo.gif) no-repeat right top;
	padding-top:14px;
	letter-spacing:-1px;
	}
#titolo-menu-governo a {padding-right:28px;}
#titolo-menu-ssu {background: url(/img/icone_level2/ssu.gif) no-repeat right 5px;}

#menu-sx .rosso {color:#4d4d4d;}
#menu-sx .rosso h2 a {color:#d51838;}
#menu-sx .rosso .vai-elenco {
    border-bottom:8px solid #f1b6b8;
	background: url(/img/arrow-rossa.gif) no-repeat left 5px;
    }
#menu-sx .rosso .data-categoria {color:#84012c;}

.rosso #box-news, .rosso #box-sudnews {background: url(/img/icone_level2/news-rosso.gif) no-repeat right top;}

.rosso #box-trasparenza a {
    background: url(/img/trasparenza-rosso.gif) no-repeat top center;
	border-bottom:8px solid #f1b6b8;
	}


#box-info ul{
  padding:12px 0 0 0;
 }
#menu-dx #box-info ul li{
  background:none;
  padding:0;
  margin:0;
  border-bottom:1px solid #d2d2d2;
  border-top:1px solid #fff;
 }
#menu-dx #box-info ul .primo{border-top:none;}
#menu-dx #box-info ul .ultimo{border-bottom:1px solid #f2f2f2;}
#box-info ul a{
 display:block;
 width:auto;
 padding:11px 50px 13px 7px;
 }
#menu-dx #box-info ul a:hover{
 text-decoration:none;
 color:#fff;
 background-color:#c94247;
 }
#box-info .link-news {background: url(/img/icone_level2/news-off.gif) no-repeat center right;}
#box-info .link-news:hover {background: url(/img/icone_level2/news-on.gif) no-repeat center right;}
#box-info .link-eventi {background: url(/img/icone_level2/eventi-off.gif) no-repeat center right;}
#box-info .link-eventi:hover {background: url(/img/icone_level2/eventi-on.gif) no-repeat center right;}
#box-info .link-newsletter {background: url(/img/icone_level2/newsletter-off.gif) no-repeat center right;}
#box-info .link-newsletter:hover {background: url(/img/icone_level2/newsletter-on.gif) no-repeat center right;}
#box-info .link-forum {background: url(/img/icone_level2/forum-off.gif) no-repeat center right;}
#box-info .link-forum:hover {background: url(/img/icone_level2/forum-on.gif) no-repeat center right;}
#box-info .link-demografico {background: url(/img/icone_level2/demografico-off.gif) no-repeat center right;}
#box-info .link-demografico:hover {background: url(/img/icone_level2/demografico-on.gif) no-repeat center right;}
#box-info .link-economico {background: url(/img/icone_level2/economico-off.gif) no-repeat center right;}
#box-info .link-economico:hover {background: url(/img/icone_level2/economico-on.gif) no-repeat center right;}
#box-info .link-numeri {background: url(/img/icone_level2/numeri-off.gif) no-repeat center right;}
#box-info .link-numeri:hover {background: url(/img/icone_level2/numeri-on.gif) no-repeat center right;}
#box-info .link-ristorazione {background: url(/img/icone_level2/ristorazione-off.gif) no-repeat center right;}
#box-info .link-ristorazione:hover {background: url(/img/icone_level2/ristorazione-on.gif) no-repeat center right;}

/* ----------- SX gialla --------- */
#menu-sx .giallo .titolo-menu, #menu-sx .giallo .titolo-menu a:hover {color:#c09023;}
#menu-sx .giallo .box ul{border-bottom:8px solid #f3de9f;}
#menu-sx .giallo .box ul li a:hover{color:#b78004;}
#titolo-menu-territorio {background: url(/img/icone_level2/citta-territorio.gif) no-repeat right top;}
#titolo-menu-turismo {background: url(/img/icone_level2/turismo.gif) no-repeat right top;}

#menu-sx .giallo h2 a {color:#9f8300;}
#menu-sx .giallo .vai-elenco {
    border-bottom:8px solid #f3de9f;
	background: url(/img/arrow-gialla.gif) no-repeat left 5px;
    }
#menu-sx .giallo .data-categoria {color:#705400;}

.giallo #box-news, .giallo #box-sudnews {background: url(/img/icone_level2/news-giallo.gif) no-repeat right top;}

.giallo #box-trasparenza a {
    background: url(/img/trasparenza-giallo.gif) no-repeat top center;
	border-bottom:8px solid #f3de9f;
	}

/* ----------- SX verde --------- */
#menu-sx .verde .titolo-menu, #menu-sx .verde .titolo-menu a:hover {color:#008c52;}
#menu-sx .verde .box ul{border-bottom:8px solid #8fcfad;}
#menu-sx .verde .box ul li a:hover{color:#009457;}
#titolo-menu-servizi {background: url(/img/icone_level2/servizi.gif) no-repeat right top;}

#menu-sx .verde h2 a {color:#228f62;}
#menu-sx .verde .vai-elenco {
    border-bottom:8px solid #8fcfad;
	background: url(/img/arrow-verde.gif) no-repeat left 5px;
    }
#menu-sx .verde .data-categoria {color:#003c23;}

.verde #box-news, .verde #box-sudnews {background: url(/img/icone_level2/news-verde.gif) no-repeat right top;}
.verde #box-trasparenza a {
    background: url(/img/trasparenza-verde.gif) no-repeat top center;
	border-bottom:8px solid #8fcfad;
	}

#box-istituto {
    border-bottom:8px solid #8fcfad;
	}
#box-istituto .loghi a{
    background: #9ae5bd url(/img/istituto-comprensivo-statale.gif) no-repeat center 8px;
	height: 100px;
	display:block;
	width:100%;
	}
#box-istituto .loghi a span{display:none;}
#box-istituto h2{
    text-align:center;
	margin-bottom:0;
	}
#box-istituto h2 a, #box-istituto h2 a:visited{color:#228f62;}

/* -------------------- fine COLONNE -------------------- */

/* -------------------- inizio MENU-CONTESTUALE -------------------- */
#menu-contestuale {
	width:auto;
	padding:30px 120px 14px 8px;
	background: #f2f2f2 url(/img/menu-contestuale.gif) no-repeat right bottom;
	}
#menu-contestuale-gallery {
    margin-bottom:10px;
	}
#menu-contestuale a:hover, #menu-contestuale-gallery a:hover {color:#d50000;}
/* -------------------- fine MENU-CONTESTUALE -------------------- */


/* -------------------- inizio TORNA INIZIO PAGINA -------------------- */
.inizio-pagina {
	width:100%;
	padding-right:4px;
	margin-top:10px; 
	margin-bottom:5px;
	/*
	margin-top:20px;
	border-top:1px solid #dfc6bf;
	*/
	background: #f7eded url(/img/inizio-pagina-bg.gif) repeat-x;
	}

.inizio-pagina a:link, .inizio-pagina a:visited{
	font-size:1em; 
	font-weight:bold;
	width:auto;
	display:block;
	padding: 24px 0 19px 6px;
	background: url(/img/inizio-pagina-arrow.gif) no-repeat right 17px;
	}
.inizio-pagina a:hover{color:#d50000;}
/* -------------------- fine TORNA INIZIO PAGINA -------------------- */

	

/* -------------------- inizio BOTTOM -------------------- */
#bottom-home{
    padding-top:8px;
	padding-bottom:15px;
	background: url(/img/stemma-bottom.gif) no-repeat right 18px;
	}
#bottom-home .recapiti {
    padding-top:8px;
	line-height:1.4em;
	}
	
#bottom, #bottom-gallery{
    font-size:0.75em;
	width:auto;
	padding:20px;
	background-color:#f5f5f5;
	clear:both;
	}
#bottom-gallery{
    font-size:0.75em;
	width:auto;
	padding:20px;
	background-color:#fff;
	clear:both;
	}
#bottom .recapiti {
	line-height:1.4em;
	}
	
#bottom-home .recapiti a, #bottom .recapiti a {color:#cf0008;}
#bottom-home .recapiti a:hover {text-decoration:underline;}

#link-home-bottom {
    float:right;
	width:34px;
	height:51px;
	background: url(/img/stemma-bottom.gif) no-repeat;
	}
#link-home-bottom span {display:none;}

/* validatori */

#validatori {
	margin:15px 0 0 0;
	padding:0;
	}

.w3cbutton a {
	background-color:#fc6;
	color:#000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	border:1px solid #2F7461;
	}

.w3cbutton a .w3c{
	text-decoration: none;
	font-size: 0.9em;
	margin:0;padding:0;
	border-top:2px 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;
	}
/* -------------------- fine BOTTOM -------------------- */

/* --------------------------- inizio STILI GENERALI ---------------------------------- */
p, ul, li, h1, h2, h3 { 
	margin:0;
	padding:0;
	}

/* ----------- links ----------- */
a:link, a:visited {color:#d50000;}
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{text-decoration:underline; color:#ac7700;}
h2 a:link, h3 a:link, h2 a:visited, h3 a:visited{text-decoration:underline;}

#menu-sx a:link, #menu-sx a:visited, #menu-dx a:link, #menu-dx a:visited {color:#333;}

/* ----------- paragrafi ----------- */
p, .paragrafo {
   line-height: 1.6em;
   margin:6px 0 12px 0;
   padding:0;
}
.paragrafo {
   margin:6px 0 6px 0;
}
#p-inizio-pagina {margin:0;}


/* ----------- elenchi ----------- */
ul {
	list-style-type:none; 
	margin:0;
	padding:0;
	}
#contenuto ul { /* per elenchi che si affiancano a elementi flottanti */
	line-height: 1.4em;
	margin:7px 0;
	}
#contenuto .ul-float {
	width:100%;
	}
#contenuto ul li {
	background: url(/img/puntoelenco_contenuti.gif) no-repeat left 5px;
	padding-left:12px;
	}

/* ----------- titoli ----------- */
h1 {
	color: #d32a46; 
	font-size:2.35em;
	line-height:1em;
	font-weight:lighter;
	padding:8px 0 2px 0;
	}
h1 a:link, h1 a:visited {color:#bc8100;}
h1 a:hover {color: #d32a46;}
#h1-num-utili{
   background: url(/img/tel.gif) no-repeat left 11px;
   padding-left:36px;
   }

h2 {
	color:#991a24;
	font-size:1.95em;
	line-height:1.1em;
	margin:5px 0;
	font-weight:lighter;
	}
h2 a:link, h2 a:visited {color:#991a24;}
h2 a:hover{color:#bc8100;}


h3 {
	font-size:1.6em; 
	color:#333;
	margin-bottom:3px;
	font-weight:lighter;
	}
h3 a:link, h3 a:visited {color:#333;}
h3 a:hover{color: #dd0025;}

.h3 {
	padding-left:16px;
	background: url(/img/h3.gif) no-repeat left 5px;
	}


/* ----------- img ----------- */
img {border: none;}
.img-interna, .img-interna-dx {
	border:1px solid #e5d0cf;
	line-height:0;
	font-size:0;
	padding:7px;
	}
.img-interna {
	float:left;
	margin-right:8px;
	margin-bottom:4px;
	}
.img-interna-dx {
	float:right;
	margin-left:8px;
	margin-bottom:4px;
	}
.img-dettagli {
	margin:15px;
	padding: 15px 0;
	background-color:#f7eded;
	text-align:center;
	}
	

.tratteggio, .tratteggio-2{
   border-bottom:1px solid #e5d0cf;
   margin-bottom:8px;
   margin-top:8px;
   clear:both;
   }
.tratteggio-2{
   border-bottom:5px solid #f7eded;
   }
.box .tratteggio{border-bottom:1px solid #d2d2d2;}

.note{
	padding:8px 15px 8px 15px;
	background-color:#fff;
	margin-bottom:10px;
	border:1px solid #dfc6bf;
	background: url(/img/note.gif) no-repeat top right;
   }
   
.box-dettagli-sx {
   width:72%;
   float:left;
}

#tools {
	float:right;
	width:25%;
	margin:15px 0;
	border:1px solid #dfc6bf;
	background: url(/img/note.gif) no-repeat top right;
}
#tools ul {
   margin:10px 15px 10px 15px;
}
#tools h2 {
   margin:10px 15px 5px 15px;
}
#tools .paragrafo {
   margin:0 15px 15px 15px;
}
#tools .paragrafo p {
   margin:0;
   padding:0;
}
#tools .galleria, #tools .ricerca, #tools .elenco{
	padding: 3px 0 7px 25px;
}
#tools .galleria{background: url(/img/immagine.gif) no-repeat top left;}
#tools .ricerca{background: url(/img/cerca.gif) no-repeat top left;}
#tools .elenco{background: url(/img/elenco.gif) no-repeat top left;}
   
.box-left, .box-right{
   width:48.5%;
   float:left;
   padding:8px 0 0 0;
   background: url(/img/decoro.gif) no-repeat right top;
   }
.box-right{
   float:right;
   }  
.box-left h2, .box-right h2 {
   padding-top:30px;
}
.box-left p, .box-right p {
   padding-right:100px;
}
.box-left-bottom, .box-right-bottom{
	background: url(/img/box-bottom.gif) no-repeat;
	height:35px;
	width:48.5%;
	margin:0 0 5px 0;
}
.box-left-bottom{float:left;}
.box-right-bottom{float:right;}


.box-contents{
   width:100%;
   }

.grassetto {font-weight:bold}
.grassetto-rosso {font-weight:bold; color:#d50000;}
.rosso {color:#d50000;}
.grassetto-corsivo-rosso {font-weight:bold; color:#d50000;font-style:italic}
.corsivo {font-style:italic}
.sottolineato {text-decoration:underline}
#contenuto .no-underline {text-decoration:none}
.centrato {text-align:center}
.sinistra {text-align:left}
.destra {text-align:right}
.giustificato {text-align:justify}
.apice {vertical-align:super}
.pedice {vertical-align: sub}

.attenzione /*stile in rosso per evidenziazioni*/{color:#FF0000;}
.nascosto {display:none}

.numero {font-weight:bold;}
.categoria {font-weight:bold}
.autore {
  text-align:right;
  font-weight:bold;
  padding:4px 0 10px 0;
  }
.sommario {font-style:italic;}
	
.ico-legenda {width:60%; padding:2px; }
.ico-legenda ul {list-style-type:none; margin:0; padding:0;}

.ico-allegati {
  width:auto;
  padding:4px 0 4px 3px;
  font-size:90%;
  }
.ico-sx .ico-allegati{
  float:left;
  }
.ico-dx .ico-allegati{
  float:right;
  }
 
.tot-elementi {
  font-weight:bold;
  color: #d32a46;
  font-size:1.2em;
  margin-bottom:10px;
  border-bottom:5px solid #f2f2f2;
  }
/* --------------------------- fine STILI GENERALI ---------------------------------- */

/* ---------------- inizio CITTA' E TERRITORIO e SERVIZI ---------------- */
#citta-territorio-menu .img-interna-dx, #servizi-menu .img-interna-dx {
	margin:0 40px 0 0;
	background-color:#fff;
	border:1px solid #ccc;
}
#citta-territorio-menu ul li, #servizi-menu ul li{
	background: url(/img/arrow-rossa.gif) no-repeat left 4px;
}



#ricette-dolci .box-left, #ricette-dolci .box-right, #ricette-dolci .box-contents {
    background: url(/img/dolce.gif) no-repeat top right;
}
#ricette-dolci .box-left p, #ricette-dolci .box-right p, #ricette-dolci .box-contents  p {
	padding-top:5px;
}
#ricette-piatti .box-left, #ricette-piatti .box-right{
    background: url(/img/piatto.gif) no-repeat top right;
}
#ricette-piatti .box-left p, #ricette-piatti .box-right p p {
	padding-top:5px;
}
#ricette-menu a {
	background: url(/img/puntoelenco_contenuti.gif) no-repeat left 4px;
	padding-left:11px;
	margin-right:18px;
}


#proverbi{
   margin-top:15px;
}
#proverbi .box-left, #proverbi .box-right {
   background: url(/img/pergamena.gif) no-repeat left 8px;
   padding:5px 0 7px 0;
}
#proverbi .box-left p, #proverbi .box-right p {
   padding:0 0 0 40px;
   margin:0;
}


/* ---------------- inizio CHI GOVERNA ---------------- */
#chi-governa-menu-01, #chi-governa-menu-02 {
   display:block;
   width:100%;
   height:150px;
   background: url(/img/chi-governa-menu-01.gif) no-repeat right top;
}
#chi-governa-menu-02 {background: url(/img/chi-governa-menu-02.gif) no-repeat right top;}
#chi-governa-menu-01:hover, #chi-governa-menu-02:hover {background-position:right bottom;}

#chi-governa-menu-01 span, #chi-governa-menu-02 span {display:none;}


/* ---------------- inizio ORGANIGRAMMA ---------------- */
#organigramma ul li{
   background-image:none;
   background-color:#f7eded;
   padding:3px 10px 6px 10px;
   margin: 12px 0 0 0;
}

#organigramma ul li p{
   font-size:2em;
   line-height:1.8em;
   margin:0;
   padding:0;
}

#organigramma ul ul li{
   /*background-color:#555;*/
   background-color:#fff;
   padding-top:2px;
   padding-bottom:6px;
   margin-top:3px;
   background: #fff url(/img/organigramma.gif) no-repeat top right;
}
#organigramma ul ul li p{
   font-size:1.6em;
   line-height:1.4em;
}

#organigramma ul ul ul{
  margin:0;
  padding-bottom:6px;
}
#organigramma ul ul ul li{
   /*background-color:#ccc;*/
   background: #fff url(/img/puntoelenco_contenuti.gif) no-repeat left 8px;
   padding:0 0 0 10px;
   margin-top:3px;
}
#organigramma ul ul ul li p{
   font-size:1em;
}

	
/* ---------------- inizio PAGINAZIONE ---------------- */
#contenuto .paginazione {
  width:auto;
  text-align:center;
  clear:both;
  color:#7a000a;
  padding:8px 0 8px 0;
  margin:10px 0;
  background-color:#f7eded;
  font-weight:bold;
  }
#contenuto .paginazione ul{display: inline;}
#contenuto .paginazione li {display:inline;background:none;padding:2px;}
#contenuto .paginazione li a{color:#d50000; padding:9px;}
#contenuto .paginazione li span{padding:8px;}
#contenuto .paginazione li a:hover{color:#fff; background-color:#c0272d;}

#contenuto-gallery .paginazione {
  background:none;
  margin:10px;
  }
#archivio_foto .paginazione li {
  display:inline;
  font-weight:bold;
  }
#archivio_foto .cursori li {padding: 0 8px;}

/* ---------------- fine PAGINAZIONE ---------------- */


/* ------------------------------ inizio FORM -------------------------------------- */
/* ---- formattazione generale ---- */
form, fieldset {
   padding:0;
   margin:0;
}
form{
   margin-bottom:20px;
   margin-top:3px;
   border:1px solid #e5d0cf;
   border-top: 10px solid #ebd4d4;
   /*background: #fff url(/img/bg-form.gif) repeat-x top left;*/
}
legend {display:none;}
fieldset {
  border: none;
  padding: 0 10px 14px 10px;
  }
  
.etichetta, .ultima-etichetta{
  float:left;
  width:49%;
  border-bottom:1px solid #e5d0cf;
  line-height:1.6em;
  margin:14px 10px 0 0;
  clear:both;
}
.ultima-etichetta{
  border-bottom:none;
}
input, select {
  margin: 10px 0 6px 0;
  float:left;
  }
select {width:48.6%;}
form p {padding:0 6px 0 6px;}


/* ---- formattazioni specifiche ---- */
.btn-form {/* elemento da personalizzare APPLICANDO LA CLASSE */
   color:#fff;
   border: 1px solid #fff;
   font-weight:bold;
   padding: 2px 4px 4px 4px !important; 
   padding: 2px 0 2px 0;
   background: #c0272d 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:100%;
   text-align:center;
   padding:2px 0 7px 0;
}
.etichetta-2{width:100%;}



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


/* ------- inizio TABELLE ------- */
table {
    font-size:1em;
	background-color:#fff;
	width:100%;
	margin:10px 0 10px 0;
	border:none;
	color:#333;
    /*border:1px solid #e5d0cf;*/
	border-top:none;
    border-bottom: 10px solid #f7eded;
	}
table .head {
   text-align:left;
   background-color:#fff;
   font-weight:bold;
   color:#d50000;
   padding:6px 8px 6px 8px;
   background: #fff url(/img/bg-th.gif) repeat-x left top;
   }
table .row1 {
   background-color:#f2f2f2;
   }
table .row2 {
   background-color:#fff;
   }
td, th {
	margin:0;
	padding:8px;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	}
td{
    line-height:1.4em;
	}
table .head td, table .head th {
   padding:6px 8px 6px 8px;
}
caption {
	font-size:1.2em; 
	color:#7a000a;
	margin-bottom:3px;
	font-weight:bold;
	padding:6px 4px 8px 4px;
	background-color:#f7eded;
	/*border:1px solid #e5d0cf;*/
	border-bottom:none;
	margin-bottom:-10px;/* importante per Firefox */
	}
/* ------- fine TABELLE ------- */




/* --------------------------- inizio GALLERIE ---------------------------------- */
#archivio_foto{
	margin-top:6px;
	width:100%;
	}
#archivio_foto .titoli{
    background: url(/img/immagine-gallery.gif) no-repeat 2px 8px;
	}
#archivio_foto h1 {
	margin:0;
	border: none;
	padding: 4px 0 0 34px;
	}
#archivio_foto h2 {
	margin:0;
	padding: 4px 6px 6px 34px;
	}
.txt_foto {
	margin: 10px;
	color:#000;
}
#archivio_foto .titoli .txt_foto {
	margin: 0 250px 10px 34px;
	}
#archivio_foto #vai_a_elenco {
	background-color:#F5E6B7;
	padding: 3px 3px 3px 8px;
	margin:0;
	}

#miniature {
	float:right; 
	width:20%; 
	text-align:center; 
	padding:8px 8px 0 6px;
	}	
#miniature .miniatura-img {
	background-color:#fff; 
	margin-bottom:8px;
	}
#miniature img {margin:10px 0; border:2px solid #ddd;}
#miniature a:hover img {border:2px solid #e83456;}
.didascalia-miniatura {color: #d50000; padding:0 4px 10px 4px;}
#thumbs-zoom {
	background-color:#eee;
	border: 2px solid #fff;
	width:100%;
	}
#ingrandimento {
    padding: 10px 0 10px 0; 
    float:left;
	text-align:center;
	width:78%;
	}
#ingrandimento img {
    border:12px solid #fff;
	}
#ingrandimento .grassetto {color:#971f04;}
#ingrandimento li {background:none;}
.resize {width:auto;}
/* --------------------------- fine GALLERIE ---------------------------------- */

/* ------- inizio MAPPA SITO ------- */
#map {
   margin-top:10px;
}
#contenuto #map li {
   background-image:none;
   padding-left:0;
}
#contenuto #map .sottotitolo-menu {
   margin-bottom:0;
   padding-bottom:0;
}

#map-top, #map-bottom {
   width:100%;
   padding:8px 0 12px 0;
   margin-bottom:15px;
}
#map-top{
   background: url(/img/map-top.gif) repeat-y center top;
}
#map-bottom{
   background: url(/img/map-bottom.gif) repeat-y center top;
}
#map-bottom .map-dx{
   padding-top:8px;
}

#map .map-sx, #map .map-dx {
   width:46.4%;
}
#map .map-sx {
   float:left;
}
#map .map-sx .box-map {
   padding-left:4.8%;
}
#map .map-dx {
   float:right;
}

#map-top .map-sx a, #map-bottom .map-dx a{color:#940000;}
#map-top .map-sx .titolo-menu a, #map-bottom .map-dx .titolo-menu a{color:#c94247;}
#map-top .map-sx, #map-bottom .map-dx {
   background: url(/img/decoro-rosso.gif) no-repeat right top;
}

#map-bottom .map-sx a{color:#003c23;}
#map-bottom .map-sx .titolo-menu a{color:#008c52;}
#map-bottom .map-sx {
   background: url(/img/decoro-verde.gif) no-repeat right top;
   padding-bottom:50px;
}

#map-top .map-dx a{color:#4c3000;}
#map-top .map-dx .titolo-menu a{color:#b57e01;}
#map-top .map-dx {
   background: url(/img/decoro-giallo.gif) no-repeat right top;
   padding-bottom:50px;
}
/* ------- fine MAPPA SITO ------- */

/* ------- inizio BANNER HOME ------- */
#banner-home{
   width:100%;
}
#banner-home-sx, #banner-home-dx{
   width:400px;
   float:left;
}
#banner-home-dx{
   float:right;
}

.banner-400-210{
   width:400px;
   height:210px;
   border:1px solid #ccc;
   background: url(/img/banner_estate_2011.gif) no-repeat;
}
.banner-400-210 h3, .banner-400-210 span{
   display:none;
}
.banner-400-210 a{
   display:block;
   width:400px;
   height:210px;
}
#estate-2011{background: url(/img/banner_estate_2011.gif) no-repeat;}
#carnevale-2012{background: url(/img/banner_carnevale_2012.gif) no-repeat;}

#italiauna{
   width:400px;
   height:210px;
   border:1px solid #eddddc;
   background: url(/img/italiauna.jpg) no-repeat;
}
#italiauna h3{
   display:none;
}
#italiauna p{
   margin: 58px 10px 0 118px;
   font-weight:bold;
   text-align:left;
}
#italiauna a{color:#fff;}
#italiauna a:hover{color:#fef3b1;}


#parco-in-festa{
   width:400px;
   height:210px;
   border:1px solid #ccc;
   background: url(/img/parco_in_festa.gif) no-repeat;
}
#parco-in-festa h3{
   display:none;
}
#parco-in-festa p{
   margin: 135px 20px 0 25px;
   font-weight:bold;
   text-align:left;
}
#parco-in-festa a{color:#01468d;}
#parco-in-festa a:hover{color:#01921c;}

#ti-racconto-corsano{
   width:400px;
   height:210px;
   background: url(/img/2012_ti_racconto_corsano.jpg) no-repeat;
}
#ti-racconto-corsano ul{
  margin:0;
  padding:0;
  float:right;
  width:120px;
  text-align:left;
  }
#ti-racconto-corsano li{
  margin:0;
  padding:10px 10px 0 10px;
  line-height:1.1em;
  }
#ti-racconto-corsano h2{
  display:none;
  }
#ti-racconto-corsano a{color:#bd0004;}


#box-servizio-civile-home, #box-istituto-comprensivo, #box-suap-home, #box-comunica-home {
    height:100px !important;
	height:102px;
	width:400px;
    display:block;
	border:1px solid #ccc;
	}
#box-servizio-civile-home span, #box-istituto-comprensivo span, #box-suap-home span, #box-comunica-home span{display:none;}
#box-servizio-civile-home{background: url(/img/servizio_civile_nazionale_3.gif) no-repeat;}
#box-istituto-comprensivo {background: url(/img/istituto-comprensivo-home.gif) no-repeat;}
#box-suap-home {background: url(/img/suap-pre-home.gif) no-repeat;}
#box-comunica-home {background: url(/img/comunica-pre-home.gif) no-repeat;}


#banner-home .separatore{
   height:10px;
   line-height:0;
   font-size:0;
   line-height:0;
}
#banner-home .empty{
   width:400px;
   height:100px;
   background-color:#f5f5f5;
   border:1px solid #f5f5f5;
}
/* ------- fine BANNER HOME ------- */

/*<<<<<<<<<<<<<<<<<<< EVENTI + CALENDARIO >>>>>>>>>>>>>*/
#calendario {border:1px solid #006666; background-color:#FFFFFF; width:auto;}
#calendario table {width:99%;}
#calendario caption {font-weight:bold; background-color:#009999; color:#FFFFFF; width:100%; font-size:90%}
#calendario caption a:link, #calendario caption a:visited {text-decoration:none; color:#FFFFFF;}


#calendario th {text-align:center; font-size:70%; font-weight:bold;}
/*#calendario th.mese a:link, #calendario th.mese a:visited{
	width:100%;
	text-decoration: none;
	color:#006699;
}*/

#calendario td {font-size:61%}

#calendario th.mese {
	text-align:center;
	/*font-weight:bold;*/
}

#calendario td.giorno-normale a:link, #calendario td.giorno-normale a:visited{
	color:#000000;
	text-decoration:none;
	text-align:center;
	border:1px solid #FFFFFF;
	
}

#calendario td.giorno-normale a:hover, #calendario td.giorno-normale a:active{
	background-color:#FFCC00;
	color:#000000;
	text-decoration:none;
	border:1px solid #FF9900;
	text-align:center;
}

#calendario td.giorno-normale {
	text-align:center;
	color: #999999;
	margin:0;
	padding:0;
	
}

#calendario td.giorno-corrente a:link, #calendario td.giorno-corrente a:visited{
	color:#000;
	text-decoration:none;
}

#calendario td.giorno-corrente a:hover, #calendario td.giorno-corrente a:active{
	color:#000000;
	text-decoration:none;
}

#calendario td.giorno-corrente {
	text-align:center;
	color: #006666;
	font-weight:bold;
	
}

#calendario td.giorno-settimana-nero {
	text-align:center;
	font-weight:bold;
	color:#000000;
	
}

#calendario td.giorno-settimana-rosso {
	text-align:center;
	font-weight:bold;
	color:#FF0000;
	
}

#calendario td.giorno-domenica a:link, #calendario td.giorno-domenica a:visited{
	color:#FF0000;
	text-decoration:none;
	border:1px solid #FFF;
}

#calendario td.giorno-domenica a:hover, #calendario td.giorno-domenica a:active{
	background-color:#FFCC00;
	text-decoration:none;
	border:1px solid #FF9900;
}

#calendario td.giorno-domenica {
	text-align:center;
	color: #FF6666;
	
}
/*<<<<<<<<<<<<<<<<<<< FINE EVENTI + CALENDARIO >>>>>>>>>>>>>*/


/*<<<<<<<<<<<<<<<<<<< PARTNER COMMERCIALI >>>>>>>>>>>>>*/
.partner-img { /*visualizzazione in elenco*/
	float:left;
	width:150px;
	border:1px solid #006666;
	background-color:#006666;
	text-align:center;
	margin-right:5px;
	margin-bottom:3px;
	}
	
.img-partner {/*visualizzazione in home page o in uno dei menu*/
	border:1px solid #003333; 
	text-align:center; 
	background-color:#FFFFFF;
	}

.img-partner img {border:0px; margin-left:-2px;}

.didascalia-partner {background-color:#003333; padding:2px; color:#FFFFFF; font-size:90%; }
.didascalia-partner a:link, .didascalia-partner a:visited{color:#FFFFFF; text-decoration:none}

/*<<<<<<<<<<<<<<<<<<< FINE PARTNER COMMERCIALI >>>>>>>>>>>>>*/

/*<<<<<<<<<<<<<<<<<<< NUOVI NATI >>>>>>>>>>>>>*/
.maschio {color:#006699; font-weight:bold;}
.femmina {color: #FF3366; font-weight:bold;}
/*<<<<<<<<<<<<<<<<<<< FINE NUOVI NATI >>>>>>>>>>>>>*/
	


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

#risultato {
	color:#F95230;
	}

.nofloat {
	clear: both;
	line-height:0;
	font-size:0;
	height:0;
	}

.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;} 

/***************************	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:99%;
background:#fff url(/img/banner-comunica.gif) top center no-repeat;
border:1px solid #d2d2d2;
margin:3px 0px;}

#comunica a span{display:none;
}

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