/*STILI CLIO P.A.*/

* {}

#body {
	/*Il body è l'intera pagina visualizzata dal browser*/
	margin: 0px;
	padding: 0px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:90%;
	background-color:#F9F7F2;
	background-image:url(../../img/sfondo_body.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	}
	
.mozilla{margin:0px; padding:0;}	
/*NAVIGAZIONE ASSISTITA PER NON VEDENTI*/
.navigazione_assistita
{
position:absolute;
top:-1000em;
width:1px;
height:1px;
overflow:hidden;
}

.navigazione_assistita h1, .navigazione_assistita h2 {color:#000000; background-color:#FFFFFF;}
.navigazione_assistita h2 a:link, .navigazione_assistita h2 a:visited {
	color:#000000; background-color:#FFFFFF;
	}


#pagina {
	/*Il div pagina è contenuto nel #body e racchiude tutta la nostra struttura. 
	Viene utilizzato per impostare dei margini alla struttura.*/
	text-align:left;
	margin-left:2%;
	margin-right:2%;
	height: auto !important;
	/*height:0;*/
	border-left:2px solid #5b4827;
	border-right:2px solid #5b4827;
}
	
#corpo {padding-top: 5px; width: 100%; margin-top:15px;}

#centro {float:left; width:81.8%;}

#contenuto {
	float:right;
	width: 75%;
	height: auto !important;
	/*height:0;*/
	font-size:90%;
	margin-right:10px;
}

#contenuto li {
	/*Spaziatura tra gli elementi di tutte le liste inserite nel contenuto*/
	padding-bottom:5px;
	}
	
.inizio_pagina {width:100%; background-color:#E7E2D4; margin-top:20px; margin-bottom:15px; color:#3A2C1A;}
.inizio_pagina a:link, .inizio_pagina a:visited{text-decoration:none; font-size:90%; font-weight:bold; color:#3A2C1A;}


/*COLORI PER I LINK DEL SITO*/

a:link, a:visited {color:/*#44341E;*/#000}
a:active, a:hover {/*background-color: #C2E3DD;*/}


/*ACCESSO RAPIDO*/
#accesso_rapido {
	width: 368px; 
	float: left;
	margin-top:0px;
	margin-left:8px;
	clear:both;}


/*VESTI GRAFICHE (VERSIONI)*/


#newsletter {width:65%; float:left; background-color:#DFD8C6; }

#newsletter .titolo, #vesti_grafiche .titolo {
	background:/*#F79923*/#983104; 
	width:99.8%; 
	border-bottom:1px solid #fff; 
	padding-left:2px; 
	color:#FFFFFF; 
	font-weight:bold; 
	letter-spacing:0.5px;
	}
#newsletter form {padding:3px 1px 8px 3px; margin:0; font-size:80%;}
#newsletter input {font-size:80%;}

/*#vesti_grafiche .titolo {background-color:#F79923; width:auto}*/
#vesti_grafiche {
	width:30%; float:right; text-align:center; background-color:/*#A2987D*/#4B463A;
	
	}
	
#vesti_grafiche .testo {background-color:#A2987D}
#vesti_grafiche .grafica {}
#vesti_grafiche .ipovedenti {}

#vesti_grafiche h1 {}

#vesti_grafiche ul
	{
	padding:0;
	margin: 0;
	}

#vesti_grafiche li 
	{
	font-size:90%;
	list-style-type:none;
	padding-top:2px;
	padding-bottom:2px;
	margin: 0;
	background-color:#DFD8C6;
	border-top:1px solid #fff;
	border-bottom:1px solid #A2987D;
	}

#vesti_grafiche a:link, #vesti_grafiche a:visited 
	{
	color:#000000; text-decoration:none;
	
	}

#vesti_grafiche a:hover, #vesti_grafiche a:active 
	{
	color:#000000; text-decoration:none;
	}

/*TOP GRAFICO*/
	
#top {
	
	margin:0;
	padding:0;
	background-image:url(../../img/sfondo_top_sx.gif);
	background-position:top left;
	background-repeat:no-repeat;
	height:120px;	
	}
	
/*DA ZEN GARDEN*/	
#pageHeader { 
	width:100%;
	background-image:url(../../img/sfondo_top_dx.gif);
	background-repeat:no-repeat;
	background-position:right;
	height: 250px; 
	clear:both;
	
	}
	

/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */
#pageHeader h1 { 
	background: transparent url(../../img/sfondo_top_sx.gif) no-repeat top left; 
	width: 368px; 
	height: 100px !important; 
	height: 120px;
	float: left;
	margin-top:20px;
	margin-left:8px;
	}
#pageHeader h1 a { 
	width: 368px; 
	height: 100px;
	display:block;
	margin:0;
	padding:0;
	}
#pageHeader h1 span {
	display:none
	}
#pageHeader h2 { 
	/*background: transparent url(../../img/sfondo_top_dx.gif) no-repeat top right;*/
	width: 100%;
	float: right;
	}
#pageHeader h2 span {
	color:#000000; display:none;
	}
	

	
/*MENU CONTESTUALE*/

#menu_contestuale {
	width:100%;
	color:#FFFFFF;
	background-color:#6F542C;
	font-size:90%;
	padding:3px;
	background-image:url(../../img/sfondo_menu_cont.gif);
	background-position:top left;
	background-repeat:no-repeat;
	}
	
#menu_contestuale a:link, #menu_contestuale a:visited  {color:#FFFFFF;}

/*MENU DI SINISTRA*/

#menu_sx {
	float: left;
	width: 20%;
	color:#5b4827;
	background-color:#F4EEE4;
	font-size:90%;
	text-indent:2px;
	z-index:2;
	}


#menu_sx ul {
	list-style-type:none; 
	margin:0px;
	padding:0;
	}

#menu_sx li {
	padding-bottom:3px;
	padding-top: 3px;
	list-style-type:none;
	border-bottom:1px dotted #D7CCAC;
	}

#menu_sx li a:link, #menu_sx li a:visited {
	display:block;
	text-decoration:none; 
	color: #503D23;
	}

#menu_sx li a:hover, #menu_sx li a:active {
	display:block;
	text-decoration:underline;
	}
	
.titolo_menu {
	background-color:#5B4827;
	color:#fff;
	font-weight:bold;
	padding-left:2px;
	background-image:url(../../img/quadrato_menu.gif);
	background-position: right;
	background-repeat:no-repeat;
	}
	
#menu_dx  {
	float:right; 
	width:16.5%; /*background-color:#EAF6F4;*/ 
	z-index:1; 
	padding-left:3px;
	font-size:90%; 
	color:#5b4827;
	background-color:#F4EEE4;}

#menu_dx ul {
	list-style-type:none; 
	margin:0px;
	padding:0;
	}

#menu_dx li {
	padding-bottom:3px;
	padding-top: 3px;
	list-style-type:none;
	border-bottom:1px dotted #D7CCAC;
	}

#menu_dx li a:link, #menu_dx li a:visited {
	display:block;
	text-decoration:none; 
	color: #503D23;
	}

#menu_dx li a:hover, #menu_dx li a:active {
	display:block;
	text-decoration:underline;
	}
	
.rigato_arancio {width:100%; background-image:url(../../img/rigato_arancio.gif); background-repeat:no-repeat; min-height:4px; margin:0; padding:0;}


/*BOTTOM (INDIRIZZO)*/

#bottom {
	width:100%;
	text-align:center;
	background-color: #E0D5BF;
	clear:both;
	}

#sudnews{color:#3A2F19; background-color:#FFFFFF;}	

.titolo_sudnews {background-color:/*#F0A240*/#983104; font-family:"Times New Roman", Times, serif; font-size:120%; color:#FFFFFF; font-weight:bold; padding:4px 2px;}
	
/*#bottom a:link, #bottom a:visited{
	background-color: #329F8A;
	color:#FFFFFF;
	text-decoration:underline;
	}*/
	
	
.associazione {border-top:5px solid #FF9900; border-bottom:1px solid #FF9900; margin-bottom:25px; padding:3px; background-color: #FEEFDE;}
.associazione h2 {color:#663300; margin-bottom:15px;}
	
.copyright {font-size:85%; color:#000000;}

/*VALIDATORI E BOTTONI W3C*/

#validatori {
	margin:5px;
	padding:5px;
	text-align:center;
	}

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

/*HEADINGS (INTESTAZIONI)*/

h1 {
	background-color:#DFD8C6;
	color: #342A17; 
	font-size:1.3em; 
	padding:4px;
	}

h2 {
	color: #983104;
	font-size:1.1em;
	margin-bottom:3px;
	margin-top:3px;
	}
	
h2 a:link, h2 a:visited {
	color:#983104;
	text-decoration:none;
	}

h2 a:hover, h2 a:active {
	color:#983104;
	text-decoration:underline;
	}

h3 {
	font-size:1em; 
	color:#006699;
	margin-bottom:3px;
	}

h3 a:link, h3 a:visited {
	color:#006699;
	text-decoration:none;
	}

h3 a:hover, h3 a:active {text-decoration:underline;}

/*STILI GENERICI*/
p {line-height: 1.3em;}
.grassetto {font-weight:bold}
.corsivo {font-style:italic}
.centrato {text-align:center}
.attenzione /*stile in rosso per evidenziazioni*/{color:#FF0000;}
.tratteggio /*stile che crea una linea tratteggiata prima o dopo un elemento. Viene utilizzato per tutti i moduli.*/ {border-bottom:1px dotted #174B46; margin-bottom:15px; margin-top:2px; clear:both;}

.linea /*stile che crea una linea solida prima o dopo un elemento. Viene utilizzato per tutti i moduli.*/ {border-bottom:1px solid #DFD8C6; margin-bottom:5px; /*margin-top:2px;*/ clear:both;}

.nascosto {display:none}

.imginterna {
	float: left;
	margin-right:5px;
	padding-top: 0px;
	margin-top:5px;
	text-align:center;
	}

.didascalia {margin-left:1px; margin-right:1px; margin-bottom:5px; margin-top: 3px; background-color: #F0A240}
.img_centrata {text-align:center; padding:3px 0px;}

/*PAGINAZIONE: Pagina: 1 - 2 - 3 ....*/
.paginazione {width:100%; text-align:center;}
.paginazione li {display:inline}
.paginazione ul {display:inline; margin:0; padding:0;}
.paginazione li /*Se ci troviamo nella pagina 3, il link sul numero diventa inattivo. Lo stile serve ad evidenziare la pagina in cui ci troviamo.*/{color:#F95230}

/*NOTIZIE*/

.categoria {font-weight:bold}
.data_notizia {}
.autore {text-align:right; font-weight:bold; font-size:90%}
.sommario {font-style:italic;}
.numero {font-weight:bold; margin-top:5px;}



/*NOTIZIE IN HOME PAGE*/

#colonna_sx {width:59%; float:left; margin-top:2px; }
#colonna_news {background-color:#F3EFE4;} /*Colonna che contiene le notizie dell'home page*/

#colonna_documenti {}

#prima_notizia { /*box che contiene la prima notizia*/
	/*background-color: #F4EEE4; */
	width:100%; 
	padding-bottom:10px; 
	border-bottom:1px solid #FF6600; 
	margin-bottom:10px;
	min-height:150px;
	} 
	
#prima_notizia h2 a:link, #prima_notizia h2 a:visited {color: #812A03; font-size:110%;}	

#prima_notizia .img_interna {/*div che contiene l'immagine della prima notizia nell'home page*/
	float:right;} 

#prima_notizia .img_interna img {/*bordo dell'immagine della prima notizia nell'home page*/
	border:1px solid #FF6600;} 
	
#prima_notizia .titolo {color: #983104; font-size:1.4em;}
#prima_notizia .titolo a:link, #prima_notizia .titolo a:visited {color: #983104; text-decoration:none;}
/*#prima_notizia h2 a:link, #prima_notizia h2 a:visited {color: #FF6600;} */	


#colonna_news .titolo_notizie_home {
	background-color:#FEEAA5; 
	padding:5px; 
	font-weight:bold; 
	border-bottom:1px solid #006666;}

#colonna_news h1 {}	
#colonna_news h2 {margin-top:2px; margin-bottom:2px;}
#colonna_news h2 a:link, #colonna_news h2 a:visited {color:#812A03}
#colonna_news .data_notizia, #colonna_news .categoria, #colonna_news .sommario {font-size:90%;}

/*COLONNA DX CONTENUTO HOME PAGE*/
#colonna_dx_contenuto {float:right; width:38%;  margin-top:2px; margin-right:-5px; background-color:#FFFFFF;}

/*GUIDA SERVIZI HOME PAGE*/
#guida_servizi_home {background-color:#F4EEE4; background-image:url(../../img/guida_servizi_home.jpg); background-repeat: repeat-x; background-position:0px 25px;height:130px;}
#guida_servizi_home h1 a {color:#fff;}
#guida_servizi_home #link-guida{display:block;width:100%;height:100px;}
#guida_servizi_home ul {margin-left:0px; margin-right:0px; margin-bottom:0px; padding:0; margin-top:0px;}
#guida_servizi_home li {list-style-type:none; border-bottom:1px solid #F0A23E; padding-top:3px;}
#guida_servizi_home a:link, #guida_servizi_home a:visited {text-decoration:none;} 
#guida_servizi_home h1 {background-color:#983104; color:#FFFFFF; font-size:98%; background-image:url(../../img/quadrato_arancio.gif); background-repeat:no-repeat; background-position: right center;}


#urp {background-image:url(../../img/sfondo_urp.gif); background-repeat: repeat-x; background-color:#FFF; height:60px;padding:16px 0px 16px 10px;}
#urp img {margin-top:15px;}

#nuovi_nati {background-color:#F4EEE4}
#nuovi_nati h2 {color:#983104;}


/*VAI A (TUTTE LE BASI DEGLI ELENCHI -> VAI ALL'ELENCO NEWS, AI NUOVI NATI, ...)*/
.vai_a {background-color:#E0D5BF; background-image:url(../../img/freccia_su_arancio.gif); background-repeat: no-repeat; background-position: right center; text-align:right; padding:2px 20px 2px 0px; clear:both;}

/*FORM*/
legend {padding-bottom:10px;}
fieldset {margin-bottom:15px;}
.campi_form {float:left}
.titoli_form {float:left; padding-bottom: 10px; width:20%;}


/*PARTNER COMMERCIALI*/

.partner_img {
	float:left;
	width:150px;
	border:1px solid #FF9900;
	background-color: #FF9900;
	text-align:center;
	margin-right:5px;
	margin-bottom:3px;
	}

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

#titolo_modulo {
	border: 1px solid #00FF00;
	}

#nessun_record {
	color:#FF0000; font-weight:bold; margin-bottom:10px;
	}
	
/*IMMAGINE INTERNA ALLA NOTIZIA*/
.img_interna {
	float:left;
	margin-top:3px;
	margin-right:2px;
	margin-left:2px;
}
.img_interna img {/*bordo dell'immagine della notizia*/
	border:1px solid #FF6600;} 
	
	
/*ORGANIGRAMMA - SETTORI SERVIZI UFFICI*/

#organigramma {} 
#organigramma a:link, #organigramma a:visited {text-decoration:none;}
#organigramma a:hover, #organigramma a:active {border-bottom:1px solid #006666;}
#organigramma ul {list-style-position:inside; margin-bottom:2px; margin-left:15px;}
#organigramma li {padding:1px; font-size:1em; font-weight:bold; color:#F95230;}
#organigramma ul li {border-bottom:1px dotted #006666; margin-bottom:3px; margin-top:5px;}
#organigramma ul li ul {}
#organigramma ul li ul li {border:0; padding:3px; font-size:90%; color: #006600; font-weight:normal; }
#organigramma ul li ul li ul li {color:#006699}


/*GALLERIE IMMAGINI*/
#miniature {float:right; width:15%; background-color:#DFD8C6; text-align:center; padding-left:2px; padding-right:2px; padding-bottom:2px; padding-top:5px; border-top:2px solid #FF9900; border-bottom:2px solid #FF9900;}
#miniature img {border:0;}
.didascalia_miniatura {color:#503D23; border-bottom:1px solid #FFFFFF;}
#ingrandimento {float:left; width:auto;}
#ingrandimento img {border:0;}


/*NUOVI NATI*/
.maschio {color:#006699}
.femmina {color: #FF3366}


/*FORM DI RICERCA*/

.etichetta{width:30%; border-bottom:1px solid #996600; float:left; padding-left:2px; padding-right:2px; padding-top:2px; text-align:right; padding-bottom:4px; color: #000000;}
.titoli_form {float:left; padding-bottom: 10px; width:20%; clear:left;}

/*####################################################################
######################################################################
####################################################################*/
textarea {/*
	width: 300px;
	height: 100px;*/
}

.nofloat {
	clear: both;
	}

.dato_errato {color:#FF0000}

.grassetto {
	font-weight: bold;
	}

.record {
	border:1px solid #ADD9D1; 
	margin-top:2px;
	padding:2px;
	}

#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-home {
	text-align:center; color:#5B4827;
}

.banner-home img {
	border:0;
}
table th{text-align:left;}
caption{display:none;}
table td {font-size:0.9em;padding:4px;}

/*##################incarichi#############################*/
table.incarichi{width:99%; font-size:1em; text-align:left; color:#6c2929;}
table.incarichi caption{
border:none;}
table.incarichi th,table.incarichi td{vertical-align:top;font-size:1em;padding:2px; background-color:#DFD8C6;}
table.incarichi td{border:1px solid #e9dac3;width:70%; background-color:#fff;}

#banner-politiche-sociali {text-align:center;}
#banner-politiche-sociali img {border:none;}

#banner-ambiente a, #banner-consiglio-ragazzi a, #banner-elezioni-2009 a, #banner-manifestazioni a, #banner-tributi a, #banner-politiche-sociali a{
  height:102px;
  width:100%;
  display:block;
  background: url(/img/progetto_ambiente_2009.gif) no-repeat center bottom;
}
#banner-ambiente span, #banner-consiglio-ragazzi span, #banner-elezioni-2009 span, #banner-manifestazioni span, #banner-tributi span{
  display:none;
}
#banner-ambiente a{background: url(/img/banner_ambiente.jpg) no-repeat center top;}
#banner-consiglio-ragazzi a{background: url(/img/banner_consiglio_ragazzi.gif) no-repeat center top;}
#banner-elezioni-2009 a{background: url(/img/elezioni-2010.jpg) no-repeat center top;}
#banner-manifestazioni a{background: url(/img/banner_manifestazioni.jpg) no-repeat center top;}
#banner-tributi a{background: url(/img/banner_tributi.jpg) no-repeat center top;}

/*ALBO PRETORIO*/
#albo-pretorio-home {text-align:center;}
.titolo-news-home{font-size:1.4em;}
.titolo-news-home-piccole{font-size:1.4em;}
.titolo-news-home-piccole a,.titolo-news-home a{color:#a03507;}