body {
	background-color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}


table.linkcontainer td{
	background-color: #000000;
	filter: alpha(opacity=90);
	opacity: .9;
	moz-opacity: .9;
}


td.logo_area{
	border-top-width: 0px;
	border-right-width: 5px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;	
}





/*
IL COLORE DEL MENU A SINISTRA E FATTO DA UNA IMMAGINE
*/

/* MODIFICA DELLA LARGHEZZA DEL SITO width */

td.middle_spacer {
	width: 960px;
	background-color: #666666;
}

td.shadow_right {
	background-image: url(../images_template1/border_shadow_l.png);
	background-repeat: repeat-y;
	background-position: left;
}

td.shadow_left {
	background-image: url(../images_template1/border_shadow_r.png);
	background-repeat: repeat-y;
	background-position: right;
}

td.body_content {  
 	padding: 12px 20px;
	text-align: justify;
	font-size: 12px;	
	vertical-align: top;
	background-image: url(../images_template1/bg_content.png);
	background-repeat: repeat;	
}


td.below_header{
	background-color: #1F1F1F;
	
  /* MENUXX HEADER MENU ............................. */  
	height: 0px;
	color: #CCCCCC;
	padding: 5px;
}

td.main_content_box {
	background-color: #FFFFFF;
}


td.horizontal_column {
	background-color: transparent;  /* transparent or #000000 */
	border-top-width: 0px;
	
	border-right-width: 0px;
	border-bottom-width: 1px;
	
  border-left-width: 0px;	
  
  border-top-style: none; /* border-top-style: solid; */
  border-right-style: none; /* none or solid; */
	border-bottom-style: none;/* none or solid; */
	border-left-style: none;/* none or solid; */
	
  border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;

/*1 MENUXX MODIFICA ALTEZZA HEADER MENU ILLUMINATO SIZE 1 */
	height: 0px;
	display: table-cell;
	vertical-align: top;
}


td.bottom_link_container{
	background-color: #000000;
	text-align: center;
	color: #FFFFFF;
	padding: 7px;
}

td.horizontal_center {
	background-color: transparent; /* #FFFFFF */
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	
  border-top-color: transparent;

  border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
	
	
/*2 MENUXX
Questa dimensione consente di visualizzare una foto di sfondo nel menu
per il momento è stata messa di colore nero 
Dimensione Altezza all interno del menu principale Home etc...
*/
	height: 28px;
	display: table-cell;
	vertical-align: top;
	background-image: url(../images_template1/header_bg.png);
}


td.header_column {
/*MENUXX Modifica HEIGHT Header - LOGO E SEARCH 
prima parte del sito in alto!
*/
	height: 60px;	
	vertical-align: middle;	
	color: #FFFFFF;
	font-size: medium;
  background-image: url(../images_template1/header2_bg.png);
	background-position: left;
}


td.left_content {
/* Posizione left Content - Menu e altre cose a sinistra*/
	width: 125px;
	padding: 5px;
	vertical-align: top;	
  background-image: url(../images_template1/bg_content2.png);
	background-repeat: repeat;
}


/* MENU ILLUMINATO SUPERIORE */
a.main_link:active,a.main_link:visited,a.main_link:link{
/* font-weight: bold; */
	font-weight: bold;
	text-decoration: none;
	display: block;
	width: 100%;
	/*COLORE TESTO MENU - NON ATTIVO*/
	color: #ffffff;
  font-family: Arial;
	/*SIZE TESTO MENU - NON ATTIVO*/
	font-size: 16px;
	
/*MENUXX DIMINUZIONE ALTEZZA MENU ILLUMINATO CAMBIARE ANCHE NAVIGATION
*/  
	line-height: 28px;
}


a.main_link:hover{
	/*COLORE SFONDO MENU - ATTIVO*/
	background-color:#115599;
	/*COLORE TESTO MENU - ATTIVO*/
	color: #ffffff;
}
a.bottom_link:active,a.bottom_link:visited,a.bottom_link:link{
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;	
}

a.bottom_link:hover{
	color: #ffffff;
}

div.bottom_content{
	color: #000000;
	padding: 5px;	
}

div.navigation {
/*MENUXX DIMINUZIONE ALTEZZA MENU ILLUMINATO CAMBIARE ANCHE NAVIGATION
*/ 
	height: 28px;
	vertical-align: middle;
	text-align: center;
	
}





p.miomenu{
font-style: italic;
color: red;
} 





	
/* ****************************************/	
/*      MENU LEFT MENU LEFT MENU LEFT     */	
*{
	list-style:none;
	margin:0px;
	padding:0px;
	
}

#menu1 {
width: 50px;
margin-left: auto;
margin-right: auto;
border-color: transparent;
list-style: none;
width: 150px;
padding-top: 0px;
padding-left: 0px;
}
	
#menu1 li a {
  	height: 14px;
	  text-decoration: none;
	}
	
#menu1 li a:link, #menu1 li a:visited {
	color: #323232;
	display: block;
	background: url(images/menu4.png);
	padding: 8px 0 0 15px;
}

#menu1 li a:hover {
	color: #2222FF;
	background: url(images/menu4.png) 0 -23px;
	padding: 8px 0 0 15px;
	}
	
#menu1 li a:active {
	color: #1111FF;
	background: url(images/menu4.png) 0 -46px;
	padding: 8px 0 0 15px;
	}

#menu1 h2{
 	height: 20px;
  text-decoration: none;
  font-size: 13px;
  color: #FFFFFF;
	display: block;
	background: url(images/menu4.png) 0 -69px;
	padding: 6px 0 0 8px;
}

#menu1 h3 {
 	height: 10px;
  display: block;
	background: url(images/menu4.png) 0 -113px;
	padding: 12px 0 0 8px;
}

/* ****************************************/	
/*      MENU LEFT MENU LEFT MENU LEFT     */	
*{
	list-style:none;
	margin:0px;
	padding:0px;
}

#menu2 {
width: 50px;
margin-left: auto;
margin-right: auto;
border-color: transparent;
list-style: none;
width: 150px;
padding-top: 0px;
padding-left: 0px;
}
	
#menu2 li a {
  	height: 14px;
	  text-decoration: none;
	}
	
#menu2 li a:link, #menu2 li a:visited {
	color: #323232;
	display: block;
	background: url(images/menu4.png);
	padding: 8px 0 0 15px;
}

#menu2 li a:hover {
	color: #2222FF;
	background: url(images/menu4.png) 0 -23px;
	padding: 8px 0 0 15px;
	}
	
#menu2 li a:active {
	color: #1111FF;
	background: url(images/menu4.png) 0 -46px;
	padding: 8px 0 0 15px;
	}

#menu2 h2{
 	height: 20px;
  text-decoration: none;
  font-size: 13px;
  color: #FFFFFF;
	display: block;
	background: url(images/menu4.png) 0 -69px;
	padding: 6px 0 0 8px;
}

#menu2 h3 {
 	height: 4px;
  display: block;
	background: url(images/menu4.png) 0 -113px;
	padding: 12px 0 0 8px;
}



/* ****************************************/	
/*      MENU LEFT MENU LEFT MENU LEFT     */	
*{
	list-style:none;
	margin:0px;
	padding:0px;
}

#menu3 {
width: 50px;
margin-left: auto;
margin-right: auto;
border-color: transparent;
list-style: none;
width: 150px;
padding-top: 0px;
padding-left: 0px;
}
	
#menu3 li a {
  	height: 14px;
	  text-decoration: none;
	}
	
#menu3 li a:link, #menu3 li a:visited {
	color: #323232;
	display: block;
	background: url(images/menu4.png);
	padding: 8px 0 0 15px;
}

#menu3 li a:hover {
	color: #2222FF;
	background: url(images/menu4.png) 0 -23px;
	padding: 8px 0 0 15px;
	}
	
#menu3 li a:active {
	color: #1111FF;
	background: url(images/menu4.png) 0 -46px;
	padding: 8px 0 0 15px;
	}

#menu3 h2{
 	height: 20px;
  text-decoration: none;
  font-size: 13px;
  color: #FFFFFF;
	display: block;
	background: url(images/menu4.png) 0 -69px;
	padding: 6px 0 0 8px;
}

#menu3 h3 {
 	height: 4px;
  display: block;
	background: url(images/menu4.png) 0 -113px;
	padding: 12px 0 0 8px;
}



/* ****************************************/	
/*      MENU LEFT MENU LEFT MENU LEFT     */	
*{
	list-style:none;
	margin:0px;
	padding:0px;
}

#menu4 {
width: 50px;
margin-left: auto;
margin-right: auto;
border-color: transparent;
list-style: none;
width: 150px;
padding-top: 0px;
padding-left: 0px;
}
	
#menu4 li a {
  	height: 14px;
	  text-decoration: none;
	}
	
#menu4 li a:link, #menu4 li a:visited {
	color: #323232;
	display: block;
	background: url(images/menu4.png);
	padding: 8px 0 0 15px;
}

#menu4 li a:hover {
	color: #2222FF;
	background: url(images/menu4.png) 0 -23px;
	padding: 8px 0 0 15px;
	}
	
#menu4 li a:active {
	color: #1111FF;
	background: url(images/menu4.png) 0 -46px;
	padding: 8px 0 0 15px;
	}

#menu4 h2{
 	height: 20px;
  text-decoration: none;
  font-size: 13px;
  color: #FFFFFF;
	display: block;
	background: url(images/menu4.png) 0 -69px;
	padding: 6px 0 0 8px;
}

#menu4 h3 {
 	height: 4px;
  display: block;
	background: url(images/menu4.png) 0 -113px;
	padding: 12px 0 0 8px;
}




/* ****************************************/	
/*      MENU LEFT MENU LEFT MENU LEFT     */	
*{
	list-style:none;
	margin:0px;
	padding:0px;
}

#menu5 {
width: 50px;
margin-left: auto;
margin-right: auto;
border-color: transparent;
list-style: none;
width: 150px;
padding-top: 0px;
padding-left: 0px;
}
	
#menu5 li a {
  	height: 14px;
	  text-decoration: none;
	}
	
#menu5 li a:link, #menu5 li a:visited {
	color: #323232;
	display: block;
	background: url(images/menu4.png);
	padding: 8px 0 0 15px;
}

#menu5 li a:hover {
	color: #2222FF;
	background: url(images/menu4.png) 0 -23px;
	padding: 8px 0 0 15px;
	}
	
#menu5 li a:active {
	color: #1111FF;
	background: url(images/menu4.png) 0 -46px;
	padding: 8px 0 0 15px;
	}

#menu5 h2{
 	height: 20px;
  text-decoration: none;
  font-size: 13px;
  color: #FFFFFF;
	display: block;
	background: url(images/menu4.png) 0 -69px;
	padding: 6px 0 0 8px;
}

#menu5 h3 {
 	height: 4px;
  display: block;
	background: url(images/menu4.png) 0 -113px;
	padding: 12px 0 0 8px;
}


/* ****************************************/	
/*      MENU LEFT MENU LEFT MENU LEFT     */	
*{
	list-style:none;
	margin:0px;
	padding:0px;
}

#menu6 {
width: 50px;
margin-left: auto;
margin-right: auto;
border-color: transparent;
list-style: none;
width: 150px;
padding-top: 0px;
padding-left: 0px;
}
	
#menu6 li a {
  	height: 14px;
	  text-decoration: none;
	}
	
#menu6 li a:link, #menu6 li a:visited {
	color: #323232;
	display: block;
	background: url(images/menu4.png);
	padding: 8px 0 0 15px;
}

#menu6 li a:hover {
	color: #2222FF;
	background: url(images/menu4.png) 0 -23px;
	padding: 8px 0 0 15px;
	}
	
#menu6 li a:active {
	color: #1111FF;
	background: url(images/menu4.png) 0 -46px;
	padding: 8px 0 0 15px;
	}

#menu6 h2{
 	height: 20px;
  text-decoration: none;
  font-size: 13px;
  color: #FFFFFF;
	display: block;
	background: url(images/menu4.png) 0 -69px;
	padding: 6px 0 0 8px;
}

#menu6 h3 {
 	height: 4px;
  display: block;
	background: url(images/menu4.png) 0 -113px;
	padding: 12px 0 0 8px;
}

/* ****************************************/	
/*      MENU LEFT MENU LEFT MENU LEFT     */	
*{
	list-style:none;
	margin:0px;
	padding:0px;
}

#menu7 {
width: 50px;
margin-left: auto;
margin-right: auto;
border-color: transparent;
list-style: none;
width: 150px;
padding-top: 0px;
padding-left: 0px;
}
	
#menu7 li a {
  	height: 14px;
	  text-decoration: none;
	}
	
#menu7 li a:link, #menu7 li a:visited {
	color: #323232;
	display: block;
	background: url(images/menu4.png);
	padding: 8px 0 0 15px;
}

#menu7 li a:hover {
	color: #2222FF;
	background: url(images/menu4.png) 0 -23px;
	padding: 8px 0 0 15px;
	}
	
#menu7 li a:active {
	color: #1111FF;
	background: url(images/menu4.png) 0 -46px;
	padding: 8px 0 0 15px;
	}

#menu7 h2{
 	height: 20px;
  text-decoration: none;
  font-size: 13px;
  color: #FFFFFF;
	display: block;
	background: url(images/menu4.png) 0 -69px;
	padding: 6px 0 0 8px;
}

#menu7 h3 {
 	height: 4px;
  display: block;
	background: url(images/menu4.png) 0 -113px;
	padding: 12px 0 0 8px;
}









/*
Menu 
elenco paesi della provincia - Link cliccabili per la ricerca!
*/

ul#prov{
font-size: 9px;
float: left;
width: 100%;
list-style: none;
border-bottom: 1px solid #D7D7D7;
margin: 0;
padding: 0
}

ul#prov li{
float: left;
width: 180px;
height: 45px;
margin: 0 0.8em 0;
/* ultimo valore è lo spostamento a destra del testo interno*/
padding: 0 0 0 4px;
background: url(tab.png) no-repeat top left}

ul#prov a{
float: left;
width: 150px;
height: 20px;
padding: 0.4em 8px 0.4em 0;
background: url(tab.png) no-repeat top right;
text-decoration: none;
color: #222}

ul#prov a:hover{
width: 150px;
height: 20px;
background: url(tab2.png) no-repeat top right;
color: #000FFF}

ul#prov li#active{
width: 150px;
height: 20px;
background: url(tab2.png) no-repeat top left}

ul#prov li#active a{
height: 20px;
background: url(tab2.png) no-repeat top right;
color: #184D8A
}













/* ******************************************************* */
/* POST INIZIALE COMUNE */

.comune {
 background: url(images/postbackground.png) 0 0px;
 background-repeat: no-repeat;
}

.comune .title {
	color: #0033FF;
  height: 30px;
	height: 30px;
  text-decoration: none;
  font-weight: bold;
  font-size: 22px;  	
  color: #FFFFFF;
	display: block;
	/*background: url(images/posttitlebackground.jpg) 0 0px;*/
	padding: 6px 0 0 8px;
	
	
}

.comune .title a {
	color: #00AEFF;
	border: none;
}

.comune .title a:hover {
	text-decoration: underline;
}

.comune .meta {
	padding-bottom: 12px;
	/*background: url(images/postdivisionedown.jpg) 0 0px;*/
	text-transform: uppercase;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	
	padding: 5px 0 5px 0;
	margin: 0 1em 0;
}

.comune .comments {

}

.comune .entry {
  /* MARGINI PER LE SCRITTE PRESENTI ALL INTERNO DEL COMUNE */
	margin: 0 1em 0;
	padding: 12px 0 20px 0;
	text-align: justify;
	font-size: 12px;

}







/* ******************************************************* */
/* POST INIZIALE COMUNE */

.post {
 /* per cambiare la linea sotto il titolo del post cambiare il secondo parametro px)*/
 background: url(images/post_line.gif) 0px 33px;
 background-repeat: no-repeat;
}

.post .title {  
  height: 30px;
	height: 30px;
  text-decoration: none;  
  font-weight: bold;
  font-size: 22px;  	
  color: #44619B; /* COLORE TESTO TITOLO */
	display: block;
	/*background: url(images/posttitlebackground.jpg) 0 0px;*/
	padding: 6px 0 0 8px;
	
}

.post .title a {
	color: #000000;
	border: none;
}

.post .title a:hover {
	text-decoration: underline;
}

.post .meta {
	padding-bottom: 8px;
	/*background: url(images/postdivisionedown.jpg) 0 0px;*/
	/*text-transform: uppercase;*/
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	
	padding: 2px 0 2px 0;
	margin: 0 1em 0;
}

.post .comments {

}



/**********************************************/
/**********************************************/
/* Link cliccabile interno al post ************/
.post li a{
  height: 30px;
	color: #000000;
	padding: 0px 0 0 0px;
  text-decoration: none;

}

.post li a{
  height: 30px;
	color: #7795DF;
	padding: 0px 0 0 0px;
  text-decoration: none;
}

.post a:hover, a:active { 
	text-decoration: underline; 
	color: #6665BA;
}
/**********************************************/
/**********************************************/
/**********************************************/


.post .entry {
  /* MARGINI PER LE SCRITTE PRESENTI ALL INTERNO DEL COMUNE */
	margin: 0 1em 0;
	padding: 12px 0 20px 0;
	text-align: justify;
	font-size: 12px;

}










/* GRAFICI BAR GRAPH */
.bargraph {
    /* COLORE E FONT SCRITTA LEFT */
    font: 0.7em/2em Arial;
    color: #000000;
    border-collapse: collapse;
    width: 476px;
    height: 250px;    
}
.bargraph td {
    padding:0;
    margin:0;
    /*Scritta numero sopra barre*/
    color: #FFFFFF;
    vertical-align:bottom;
    text-align:left;
    background: #2d271c url(gbargridline.gif) 15px bottom;
}
.bargraph th {
    /*background: #2d271c;*/
    text-align: left;
    vertical-align:top;
    /*height: 0px;*/
}

.bargraph img{
    display:block;
    border-right: 1px solid #000;
}






/* 
  ****************************************************************
  ****************************************************************
  ****************************************************************
  CSS CALENDARIO
  ****************************************************************
  ****************************************************************
  ****************************************************************


  NOTE: To get this to work properly, margin and padding must be set
  to 0 (zero). This can be done site-wide or simply for the container
  used to hold this calandar and its elements where needed.
 
  Site wide:
  * {
    margin : 0;
    padding : 0;
  }

  Play around with it and you'll get it right.
*/


/* div for the calendar markup - text must be centered */
div#calendar {
  
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	
  margin : 0 auto;
  padding : 10px;
  text-align : center;
  width : 21em;
  border : 0px solid #ccc;
}

/* calendar heading color */
h2.calendar {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;

  color : #466198; /* COLORE TESTO DICEMBRE 2008 */
  font-weight : bold;
}

h3.calendar {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;

  color : #466198; /* COLORE TESTO SOTTO - GIORNO E SANTO DEL GIORNO*/
  font-weight : bold;
  text-align : center;
}

/* list info - monospace font must be used */
ul#days, ul.weeks {
  font-family : monospace;
  list-style-type : none;
  margin : 20px 0 20px 0;
  text-align : left;
}

/* day-box span styles - adjust with padding */ 
ul#days li span {
  background-color : #466198;
  border : 1px solid #000;
  cursor : help;
  font-weight : bold;
  color : #fff;
  padding : 5px;
}

/* active links boxes default state - adjust with padding */
ul.weeks li a.al, ul.weeks li a.na  { 
  color : #666;
  text-decoration : none;
  background-color : #ff88aa; /* COLORE GIORNO OGGI */
  border : 1px solid #999;
  padding : 5px;
}

/* all states of not-used links */
ul.weeks li a.na, ul.weeks li a.na:hover, ul.weeks li a.na:focus, ul.weeks li a.na:active   { 
  background : transparent;
  color : #666;
  cursor : default;
}

/* hover and focus state of active links */
ul.weeks li a.al:hover, ul.weeks li a.al:focus, ul.weeks li a.al:active {
  color : #000;
  background-color : #ffaaaa;
  border : 1px solid #000;
  text-decoration : none;
  cursor : pointer;
}

/* not used link boxes - color and background should match - adjust with padding */
ul.weeks li a.nu { 
  color : #eee;
  padding : 5px;
  border : 1px solid #ccc;
  background-color : #eee;
  cursor : default;
}

/* to hide link separators */
span.sep {
  display : none;
}

/* this needs to be in conditional comment for IE only */
div#calendar {
  /*font-size : .9em;
  letter-spacing : 0.001em;
  */
}

/* End Styles */
/* 
  ****************************************************************
  ****************************************************************
  ****************************************************************
  CSS CALENDARIO FINE
  ****************************************************************
  ****************************************************************
  ****************************************************************/





/* SIZEFONT PROVINCE  *********************/
.sizefont {
    /*background:#000000;*/
    color:#3366FF;
}

.sizefont a:link, .sizefont a:visited {
  text-decoration:none;
	color:#3366ff;
}

.sizefont a:hover, .sizefont a:active {
    text-decoration: underline;
    color: #000000;
}



.sizefont span {
    padding: 10px;

}


.size0 a:link, .size0 a:visited {
  text-decoration: none;
	color:#0000ff;
}
.size1 a:link, .size1 a:visited {
  text-decoration: none;
	color:#0000cc;
}
.size2 a:link, .size2 a:visited {
  text-decoration: none;
	color:#0000aa;
}
.size3 a:link, .size3 a:visited {
  text-decoration: none;
	color:#000077;
}
.size4 a:link, .size4 a:visited {
  text-decoration: none;
	color:#000044;
}
.size5 a:link, .size5 a:visited {
  text-decoration: none;
	color:#000011;
}

.size0 {
    font-size: xx-small;
}

.size1 {
    font-size: x-small;
}

.size2 {
    font-size: small;
}

.size3 {
    font-size:medium;
}

.size4 {
    font-size:large;
}

.size5 {
    font-size:x-large;
}