/* INIZIO STILI STRUTTURA 
##################################################################################################*/

#body {
	margin: 0 0 0 0;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#ECE4D7;
	color:#000000;
	font-size:0.8em;
}

#pagina {
	margin-left: 2%;
	margin-right: 2%;
	text-align:left;
	background-color:#FAF9E5;
	color:#000000;
	height: auto !important;
	/*height:0;*/
	
}

#corpo {width: 100%; padding:0; margin-top:1px;}

#centro {float:left; width:78%; background-color:#FAF9E5; color:#000000;}

#contenuto {
	float:right;
	width: 73%;
	height: auto !important;
	/*height:0;*/
}
#contenuto a:link, #contenuto a:visited {color: #336600; text-decoration:none; background-color:#FAF9E5;}
#contenuto a:hover, #contenuto a:active {color: #996600; background-color:#FAF9E5;}

.testopiccolo {font-size: 0.8em}
label {font-weight:bold}
legend {color: #996600; padding-bottom:5px; background-color:#FAF9E5;}
.campi_form {float:right}
.titoli_form {float:left; padding-bottom: 10px;}
input {border:1px solid #CB8C06;}
.grafica {display:none;}
img {border:0}

/* FINE STILI STRUTTURA 
##################################################################################################*/

/* INIZIO TOP 
##################################################################################################*/

/*#top {
	position:relative;
	height: 184px;
	padding-right: 0px;
	text-align: right;
	background-color:#EFEB9C;
	
}
	
#top_sx {
	position:absolute;
	left:0px;
	top:0px;
	height: 184px;
	width:424px;	
}

#top_dx {
	position:absolute;
	right:0px;
	top:0px;
	height: 184px;
	width:336px;
}*/


/*TOP GRAFICO*/
#top {
	position:relative;
	height: 184px;
	text-align: right;
	margin:0px;
	padding:0px;
	background-color:#EFEB9C;
	color:#000000;
	}
	
#top_sx {
	position:absolute;
	left:0px;
	top:0px;
	width:424px;
	height:184px;
	background-image: url(../../img/top_sx.jpg);
	background-repeat:no-repeat;
}

#top_dx {
	position:absolute;
	width:70%;
	right:-1px;
	top:0px;
	height:184px;
	background-repeat:no-repeat;
	}

/*nascondere i salti al menu e al contenuto nella versione grafica*/
.nascosto {display: none}
/* FINE TOP 
##################################################################################################*/

/* INIZIO STILI GENERICI 
##################################################################################################*/

.nofloat {clear: both}
.grassetto {font-weight: bold;}
.grassettopiccolo {font-weight: bold; font-size:0.7em}
.corsivo {font-style: italic}
/*hr {color: #CC6600; height:1px; border:dotted; width:100%; margin-top:10px;}*/
.iniziopagina {}
.iniziopagina a:link, .iniziopagina a:visited {}

/* FINE STILI GENERICI 
##################################################################################################*/


/* INIZIO VERSIONI 
##############################################################################################*/

#vesti_grafiche {
	background-image: url(../../img/sfondo_versioni.jpg);
	background-repeat:no-repeat;
	height:16px;
	left:0px;
	top:0px;
	font-size:85%;
		}

#vesti_grafiche ul {
	padding: 1px;
	margin: 0 0 0 5px;
}

#vesti_grafiche li {
	display: inline;
	padding: 0;
	color: #FFFFFF;
	margin-right:5px;
	background-color:#BFAC84;
}

#vesti_grafiche a:link, #vesti_grafiche a:visited {
	color: #FFFFFF;
	font-weight:bold;
	text-decoration: none;
	background-color:#BFAC84;
	}
/*
#vesti_grafiche a:link, #vesti_grafiche a:visited {
	color: #FFFFFF;
}

#vesti_grafiche a:hover, #vesti_grafiche a:active {
	}*/

/* FINE VERSIONI 
###########################################################################################*/


/* INIZIO MENU CONTESTUALE
############################################################################################*/

#menu_contestuale {
	
	height:15px;
	font-size:85%;
	background-image:url(../../img/sfondo_menu_contestuale.jpg);
	background-repeat: no-repeat;
	text-indent: 186px;
}

#menu_contestuale a:link, #menu_contestuale a:visited {
	color: #000000;
	font-weight:bold;
	background-color: #FBFAF8;
}

#menu_contestuale a:hover {
	font-weight:bold;
	text-decoration:underline;
}

/*FINE MENU CONTESTUALE 
##################################################################################################*/

/* INIZIO MENU DI SINISTRA
##################################################################################################*/

#menu_sx {
	float: left;
	width: 25%;	
	border-top:8px solid #DECD07;
	background-color: #F5F4D2;
	color:#000000;
}

.titoli_menu_sx {
	width:100%;
	font-size:1em;
	font-weight: bold;
	background-color:#F8F5CC;
	height:10px;
	margin:0; 
	padding:2px 0 4px 0;
	color:#000000;
}

.titoli_menu_sx img {margin-right:5px; padding:0;}

#menu_sx ul {list-style-type:none; padding:0px; margin-left:5px;}
	
#menu_sx li {
	display:block;
	margin: 0px;
	padding-bottom:0.3em;
}

#menu_sx img {
	padding-left: 2px;
	padding-top: 3px;}
	
#menu_sx a:link, #menu_sx a:visited {text-decoration:none; color:#000000; display:block; background-color: #F5F4D2;}
#menu_sx a:hover, #menu_sx a:active {background-color: #FDFFA4; color:#000000;}

/* FINE MENU DI SINISTRA
##################################################################################################*/


/* INIZIO MENU DI DESTRA
##################################################################################################*/

#menu_dx {
	float: right;
	width: 19%;	
	background-color: #F5F4D2;
	color:#000000;
	
}
#menu_dx a:link, #menu_dx a:visited  {color:#000000; text-decoration:none; background-color: #F5F4D2;}
#menu_dx a:hover, #menu_dx a:active  {text-decoration:underline; background-color: #F5F4D2; color:#000000;}



#sudnews {padding-left:4px; padding-right:3px; border-top:1px solid #DECD07; }
#sudnews .data {color: #006600; font-size:85%; font-weight:bold; background-color: #F5F4D2;}
.titolo_sudnews {color:#CB8C06; font-weight:bold; font-size:1em; padding-top:8px; padding-bottom:8px; background-color: #F5F4D2;}
#sudnews ul {list-style-type:none; margin:0; padding:0;}
#sudnews li {padding-bottom:3px;}
.elenco_sudnews {margin-bottom:10px;}

#recapiti_comune {padding-left:4px; background-color:#F5F4D2; color:#000000; font-size:90%;}
#recapiti_comune p {line-height:1.4em;}
.titolo_recapiti {width:100%; background-color: #6C690E; color:#FFFFFF; font-weight:bold; padding-top:10px; padding-bottom:10px; border-top: 2px solid #DECD07; border-bottom: 2px solid #DECD07; padding-left:3px;}

#cerca_nel_sito {border-top:5px solid #CB8C06; padding-left:4px;}
#cerca_nel_sito img {}

#cerca_nel_sito label {color: #CB8C06; background-color: #F5F4D2;}
.bottone {background-color:#DECD07; border:1px solid #CB8C06; font-size:0.7em; margin-top:10px; color:#000000;}
#cerca_nel_sito input {border:1px solid #CB8C06;}

#elencoOrganiIstituzionali ul {list-style-type:none; padding:0; margin:0px;}
#elencoOrganiIstituzionali li {padding-bottom:5px;}
#scheda_istituzionale {float:left; width:60%;}
#scheda_istituzionale_img {float:left; border:1px solid #DECD07; margin-right:5px;}
#scheda_istituzionale span {}


/*#link_utili ul{list-style-type:none; margin:0; padding:0;}*/
#link_utili ul ul{list-style: square;}
#link_utili li {padding-bottom:5px;}



#box_pugliaimp{
	background-color:#333366; 
	margin-left:4px; 
	margin-bottom:5px; 
	text-align: center; color:#FFFFFF; padding-bottom:10px; 
	border-top:5px solid #CB8C06;
}

#box_periodico {background-color: #f9d9b2; width:100%; text-align:center}
.box_speciali {background-color: #4471FE; width:100%; text-align:center}
.box_speciali h2 {color:#FFFFFF;}
.box_calendari {background-color: #FEFCF6; width:100%; text-align:center;}
.box_calendari h2 {color:#533808;}
#box_banner {background-color: #F3E3D5; width:100%; text-align:center}

/* FINE MENU DI DESTRA
##################################################################################################*/



/* INIZIO BOTTOM E VALIDATORI
##################################################################################################*/

#bottom {
	width: auto;
	background-image:url(../../img/sfondo_bottom.gif);
	background-repeat:repeat-x;
	height:47px;
	
}

.indirizzo {
	height: 30px;
	background-color:#EFE683;
	background-repeat:repeat-x;
	text-align:center;
	font-size:0.8em;
	padding-top:8px;
}

.indirizzo a:link, .indirizzo a:visited {color: #006600; font-weight:bold; text-decoration:none}
.indirizzo a:hover, .indirizzo a:active {color: #996600; font-weight:bold}

#clio {
	font-size:0.7em;
	color: #FFFFFF;
	text-align:center;
	background-color: #006600;
}

#clio a:link, #clio a:visited {
text-decoration:none;
padding-bottom:5px;
color: #FFFFFF}

#bottom img {margin-left: 0px}

#validatori {
	font-size: 0.7em;
	text-align: center;
}

#validatori a {
	color: #336666;
	font-weight:bold;
}

#validatori ul {
	padding: 10px 0 10px 0;
	margin: 10px 0 0 0;
}

#validatori li {
	display: inline;
}

/* FINE BOTTOM
##################################################################################################*/

/* INIZIO STILI HEADING
##################################################################################################*/

h1 {background-color:#F6F0B6; padding:5px; font-size:1.4em; margin-bottom:8px; border-top:1px solid #DECD07;}

h2 {color: #9B4900 /*#CA8C07*/; font-size: 1.2em; margin-bottom:3px;}
h2 a:link, h2 a:visited {color: #9B4900; text-decoration:none;}

h3 {font-size: 1em; color: #996600; margin-top: 15px; margin-bottom:0px;}
h3 a:link, h3 a:visited {color: #996600; text-decoration:none; }

h4 {font-size: 0.9em; font-weight:bold; margin:0; padding-bottom:5px; border-bottom:1px dotted #ccc}

/* FINE STILI HEADING
##################################################################################################*/


/*<<<<<<<<<<<<<<<<<<< GALLERIE IMMAGINI (ARCHIVIO FOTOGRAFICO + NOTIZIE) >>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
#miniature {/*float:right; width:15%;*/ padding:4px; text-align:center; background-color:#F6F0B6; border-top:5px solid #DECD07; }
#miniature img {border:2px solid #E1DCC6; padding-top:2px;}
.didascalia_miniatura {color: #003300; font-size:0.8em; padding-bottom:5px; margin-bottom:10px;
}
#ingrandimento {/*float:left; width:70%;*/ text-align:center; margin-top:10px;}
#ingrandimento img {text-align:center; border:3px solid #E1DCC6;}
.resize {width:auto;}

#ingrandimento .tratteggio{ border-top:1px solid #E1DCC6;
margin:20px 0 0 0;}


/*<<<<<<<<<<<<<<<<<<< FINE GALLERIE IMMAGINI (ARCHIVIO FOTOGRAFICO + NOTIZIE) >>>>>>>>>>>>>>>>>>>>>>*/




/*<<<<<<<<<<<<<<<<<<< MODULO ORGANIGRAMMA (SSU) >>>>>>>>>>>>>*/
#organigramma {} 
#organigramma a:link, #organigramma a:visited {text-decoration:none;}
#organigramma a:hover, #organigramma a:active {text-decoration:underline;}
#organigramma ul {margin-left:15px; padding:10px;}
#organigramma li {padding:1px; font-size:1em; font-weight:bold; color:#F95230; list-style:none; list-style-type:none; }
#organigramma ul li {border-bottom:1px solid #C8DAEE; 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}
/*<<<<<<<<<<<<<<<<<<< FINE MODULO ORGANIGRAMMA >>>>>>>>>>>>>*/


/*<<<<<<<<<<<<<<<<<<< TUTTI I FORM DEL SITO >>>>>>>>>>>>>*/
legend {margin-top:-3px; font-weight:bold;}
fieldset {
	margin-bottom:15px; 
	border:1px solid #fff;
	border-top:3px solid #006600;
	border-bottom:1px solid #006600;
	 }
.campi_form {float:left}
.etichetta{width:30%; border-bottom:1px solid #003300; float:left; padding:2px; text-align:right; padding-bottom:4px; margin-bottom:1px;}
.titoli_form {float:left; padding-bottom: 10px; width:20%; clear:left;}
/*<<<<<<<<<<<<<<<<<<< FINE TUTTI I FORM DEL SITO >>>>>>>>>>>>>*/


/* INIZIO STILI PAGINE INTERNE
##################################################################################################*/
.tratteggio {width:100%; border-bottom:1px dotted #DECD07; font-size:0.8em; margin-bottom:2px;}
#contenuto p {line-height: 1.4em;}
ol {margin-left:0; padding:0; list-style-type:none; line-height:1.3em;}
ol li {padding-bottom:10px;}


.cartina img {float:left; border:1px solid #DECD07; margin-right:5px;}/*cartina della cittą*/

.imginterna {
	float: left;
	width: 160px;
	padding-bottom:3px;
	padding-left: 5px;
	padding-top: 0px;
	margin-top:5px;
	text-align:center;
	}
	
	
.img_interna { /*l'immagine delle notizie diverse dalla prima in home page*/
	float: left;
	/*width: 110px;*/
	margin-right:3px;
	margin-bottom:3px;
	margin-top:5px;
	}
	
	
.img_interna img {border: 1px solid #DECD07;}


.imginterna img {border: 1px solid #DECD07;}

.imginterna_dx {
	float: right;
	width: 250px;
	padding-bottom:3px;
	padding-left: 5px;
	padding-top: 0px;
	margin-top:15px;
	text-align:center;
	}
.imginterna_dx img {border: 1px solid #DECD07;}
.didascalia {width:160px; margin-left:1px; margin-right:1px;  font-size: 0.7em; margin-bottom:5px; margin-top: 3px; border-bottom:1px dotted #ccc; background-color:#FFFF99}

.icona {float:left; margin-right:3px;}
.didascaliaimg {width: 100%; font-size: 0.7em; /*border-bottom: 1px solid #666; */margin-top:1px;}
.descrizione {color: #FF0000}

/* FINE STILI PAGINE INTERNE
##################################################################################################*/


/* INIZIO STILI GALLERIE FOTOGRAFICHE
##################################################################################################*/
.immagine img {margin-left:1px; padding:0; border:0px;}
/*#immagine a:link,#immagine a:visited {margin:0; padding:0; border:10px solid #000;;}*/
#avanzamento {color: #006600; font-size:0.8em; border-bottom:1px solid #ccc; border-top:1px solid #ccc; margin-left: 3px;}

.risultatoricerca {color: #000000}
#elencoGallerie a:link, #elencoGallerie a:visited{color: #CC6600; text-decoration:none; font-size:0.9em;}
#elencoGallerie a:hover, #elencoGallerie a:active{text-decoration:underline;}
#viewImgMonumenti {text-align:center; color:#003300;}
#img_monumenti img {border:1px solid #DECD07}
.centrato {text-align:center}
.viewImgGalleria {text-align:center}

/* INIZIO STILI NEWS
##################################################################################################*/


#elencoNews img {float: left; margin-right:3px; margin-top:3px; margin-bottom:5px; border: 1px solid #DECD07}
#elencoNews .titolo {font-size: 1em; margin-top:4px;}


#prima_notizia { /*box che contiene la prima notizia*/
	width:100%; 
	background-color: #FFFFCC;
	padding-bottom:10px; 
	border-bottom:1px solid #993300; 
	margin-bottom:10px;
	min-height:150px;
	} 

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

#prima_notizia .img_interna img {/*bordo dell'immagine della prima notizia nell'home page*/
	border:1px solid #0099CC;
	} 
	
#prima_notizia h2 {color: #993300;}
#prima_notizia h2 a:link, #prima_notizia h2 a:visited {color:#993300; font-size:1.2em;}	


/*
#elencoNews .testo {margin:0; padding:0; font-size:0.9em; line-height:1.3em;}
#elencoNews .data {margin-bottom: 3px; font-size:0.7em}
.datanews  {font-size:0.7em;}
#elencoNews .autore {float:right; font-size:0.8em; margin-top:3px; margin-bottom:5px;}
#elencoNews h2 {font-size: 0.8em; font-weight:bold;}
#elencoNews h2 a:link,  #elencoNews h2 a:visited{text-decoration: none}
#elencoNews h2 a:hover, #elencoNews h2 a:active {color:#FFFFFF; background-color:#006600}
.sommario {padding-top:0; padding-bottom: 2px; margin:0;}
#elenco h2 {font-size: 0.8em; font-weight:bold; margin-bottom:5px;}
#elenco h2 a:link, #elenco h2 a:visited {text-decoration: none}
#elenco h2 a:hover, #elenco h2 a:active {color:#FFFFFF; background-color:#006600}
#elenco {padding:0; margin:0;}

#elenco_categoria h2 {font-size: 0.8em; font-weight:bold; margin-bottom:5px;}
#elenco_categoria h2 a:link, #elenco h2 a:visited {text-decoration: none}
#elenco_categoria a:hover, #elenco h2 a:active {color:#FFFFFF; background-color:#006600}
*/
#elenco {font-size:90%;}
#news_interna .testo {margin:0; padding:0; line-height:1.3em;}
#news_interna img {float: left; margin-right:5px; margin-top:3px; margin-bottom:5px; border: 1px solid #DECD07}
#news_interna .data {color: #CA8C07; font-weight: bold;}
/*#news_interna .responsabile {float:right; margin-top:3px; margin-bottom:5px;}
#elenco .categoria {font-size: 0.8em; color: #CC6600}
#elenco .autore {color: #000000; font-size: 0.8em;}*/

#colonna_news {float:left; width:55%; font-size:90%;}
/*#colonna_news img {border:1px solid #DECD07; float:left; margin-right:3px;}*/
#colonna_news .titolo a:link, #colonna_news .titolo a:visited{color: #313A29; font-weight:bold; }
#colonna_news h2{margin-top:3px;}

#colonna_documenti {float:right; width:40%; font-size:90%; border-bottom:1px solid #CC6600}
#colonna_documenti h3 {margin-bottom:2px; }
#colonna_documenti h2 {margin-top:5px; margin-bottom:5px;}
#colonna_documenti .titolo {font-family:Arial, Helvetica, sans-serif; padding:5px; font-size:1.6em; color: #FFFFFF; background-color:#CC6600; font-weight:bold;}
.data_home {font-size:90%; font-weight:bold;}
#associazioni li {padding-bottom:10px;}
/* FINE STILI NEWS
##################################################################################################*/


/* INIZIO STILI SETTORI SERVIZI E UFFICI
##################################################################################################*/
.ssu h2 {font-size: 0.9em}
.su h2 a:link, .ssu h2 a:visited{color: #CC6600; text-decoration:none;}
.ssu h2 a:hover, .ssu h2 a:active{text-decoration:underline;}
.impiegati {list-style-type: none; margin:0; padding:0}
.numero_delibera, .numero_bando, .numero_avviso {font-family: Verdana, Arial, Helvetica, sans-serif; color: #CC3300; font-weight:bold; }


/* INIZIO STILI CERCA NEL SITO
##################################################################################################*/

#motore_di_ricerca {font-size:0.8em; padding-left:5px; padding-right: 5px;}
#motore_di_ricerca h2 {color: #006600; border-bottom: 1px solid #ccc; }
#motore_di_ricerca .iniziopagina {margin-top: 5px; float:right; margin-right:2px;}
#motore_di_ricerca .iniziopagina a:link, #motore_di_ricerca .iniziopagina a:visited {color: #006600; font-weight: bold; text-decoration:none; font-size:0.75em;}
#motore_di_ricerca .iniziopagina a:hover, #motore_di_ricerca .iniziopagina a:active {color: #996600}
#operatori h3 {margin-bottom:0; margin-top:0; padding: 0;}
#operatori p {margin-top:0px;}


/* FINE STILI CERCA NEL SITO
##################################################################################################*/



/* INIZIO PARTI DINAMICHE 
##################################################################################################*/

.numero {
	padding: 2px 0 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-size: 0.8em;*/
}

.data {
	padding-bottom: 2px;
	padding-top: 2px;
	/*font-size: 0.9em;*/
}

.testo {
	/*padding: 20px 0 20px 7px;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-size: 0.8em;*/
}

.responsabile {
	padding: 2px 0 0 0px;
	font-size: 0.8em;
	text-align: right;
}

.allegati {
	padding: 15px 0 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight:bold;
}

.doc_allegato {
	font-size: 0.8em;
	margin:0px; padding: 0px;
	margin-top:5px;
}

.doc_allegato a {
	color: #996600;
}

.doc_allegato ul {
	list-style:none;
	margin: 0px;
	padding: 0px;
}

.doc_allegato li {

}

/*.divisorio {
	border-top: 1px dotted #000;
	padding: 20px 0 0 0;
	margin: 20px 0 20px 0;
}*/

.numero_pagine {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	text-align: center;
}

.numero_pagine a {
	color: #1C584C;
}

/*#########################################################################################
###################################### INIZIO CERCA #######################################
#########################################################################################*/

#cerca form {
	margin: 0px;
	padding: 0px;
}

#cerca table {
	margin:0px ; /* al centro del cerca */
}

#cerca td {
	/*text-align: right;*/
}

.campo_input {
	border: 1px solid #CA8C07;
	color:#000;
	background-color:#FFF;
}

.pulsante_cerca {
	color: #000000;
	background-color: #FFFF99;
	width: auto;
	padding:0px;
	height: 20px;
	border: 1px solid #CA8C07;
}

/*#########################################################################################
######################################## FINE CERCA #######################################
#########################################################################################*/

#errore {
	color: #6C690E;
	/*font-size: 0.9em;
	padding-top: 10px;*/
	margin: 0;
	font-weight:bold;
}

#pilota {
	padding-top: 10px;
	color: #996600;
	text-align: center;
	font-weight:bold;
	padding-bottom: 15px;
	margin-right: 10px; margin-left: 10px;
}

#pilota li {display: inline;}
#pilota a:link, #pilota a:visited {color:#996600; text-decoration:none}
#pilota a:active, #pilota a:hover {}

.paginazione ul li{
display:inline;
padding:2px;
border:1px solid #E1DCC6;
background-color:#F4F1E8;
color:#4D420C;
margin:0px 5px 0px 0px; 
padding:0px;}

.pagina_corrente {font-weight:bold; color:#000000; font-size:1.2em;}

.suor-chiara p{margin-top:0px;}