/* regole comuni */

html	{
		margin: 0px;
		padding: 0px;
		}
		
body	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 76%;
		text-align: center; /* centra in IE 5.x */
		margin: 0px;
		padding: 0px;
		}
		
.print	{
		display: none;
		}
		
div#container	{
				margin: 0px auto;   /* centra negli altri browsers */
    			text-align: left;   /* ripristina l' allineamento */
				background: #FFFFFF; /* per sez menu */
				}
								
div#container2	{
				width: 950px;
				margin-left: auto;
				margin-right: auto;
				background: url(../immagini/e_img.gif) repeat-y right; /* per sezione extra */
				} 
				
p	{
	font-size: 11px; 
	line-height: 16px; 
	text-align: justify;
	}
	
ul.listcontent	{
				list-style-image: url(../immagini/freccia_il_comune.gif);
				font-size: 11px; 
				line-height: 16px; 
				text-align: left;
				}

/* header */
		
div#header	{
			height: 174px;
			background-color: #FFFFFF;
			color: #CCCCCC;
			margin: 0;
			padding: 0;
			text-align: center;
			}
										
/* striscia orizzontale link principali */
					
div#onavigation	{	
				margin-top: -5px;
				background-color: #FFFFFF;
				}
				
div#onavigation img	{
					border-width: 0px;
					margin: 0px 0px 0px 0px;
					padding: 0px;
					}
						
/* striscia titolo tagliato */
					
div#TitoloMenuTagliato	{
						height: 10px;
						line-height: 10px;
						background-color: #FFFFFF; /* aggiunto per far vedere tutta la riga fino in fondo */
						margin-bottom: 0px;
						padding-bottom: 0px;
						}
	
/* menu navigazione sinistra */	
								
div#psin	{
				float: left;
				width: 170px;
				margin-right: 0px;
				text-align: left;
				}
				
div#psin img.menu	{
					width: 175px;
					padding: 0px;
					margin: 1px 0px -3px -1px;
					}
				
#navigazioneilcomune	{
						width: 170px;
						}
						
.cursor	{
		cursor: default;
		}
				
/* MENU SINISTRO IL COMUNE */
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/skeleton_left.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#navigazioneilcomune #nav, 
#nav ul {float:left; padding: 0px 0px 0px 0px; margin:1px 0px 0px 0px; list-style:none; font: 13px arial, sans-serif; position:relative; z-index:200;}

#navigazioneilcomune #nav li li {background:#fff;}
/* a hack for IE5.x and IE6 */
* html #nav li {float:left;}

#navigazioneilcomune #nav li a {display:block; color: #000000; margin: 0px 0px 0px -2px; height:30px; line-height: 30px; text-decoration: none; width: 170px; background-color: #9272d3; padding-left: 5px; border: 1px solid #fff; border-bottom: 0px;}

#navigazioneilcomune #nav li a.active {display:block; color: #000000; margin: 0px 0px 0px -2px; height:30px; line-height: 30px; text-decoration: none; width: 170px; background-color: #848cf7; padding-left: 5px; border: 1px solid #fff; border-bottom: 0px;
cursor:default;}

#navigazioneilcomune #nav li a.active1 {display:block; color: #000000; margin: 0px 0px 0px -2px; height:30px; line-height: 30px; text-decoration: none; width: 170px; background-color: #848cf7; padding-left: 5px; border: 1px solid #fff; border-bottom: 0px;}

#navigazioneilcomune #nav li:hover {position:relative; z-index:300;}

#navigazioneilcomune #nav ul {position:absolute; left:-9999px; top:-9999px;}
/* yet another hack for IE5.x and IE6 */
* html #navigazioneilcomune #nav, * html #navigazioneilcomune nav ul {width:1px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#navigazioneilcomune #nav li:hover > ul {left:0px; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#navigazioneilcomune #nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto; margin-left:0px;}
/* show path followed */
#navigazioneilcomune #nav li:hover > a {text-decoration:none; display: block;}

/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#navigazioneilcomune #nav li:hover ul,
#navigazioneilcomune #nav li:hover li:hover ul,
#navigazioneilcomune #nav li:hover li:hover li:hover ul,
#navigazioneilcomune #nav li:hover li:hover li:hover li:hover ul,
#navigazioneilcomune #nav li:hover li:hover li:hover li:hover li:hover ul
{left:1px; margin-left:100%; top:-1px;}

/* keep further levels hidden */
#navigazioneilcomune #nav li:hover ul ul,
#navigazioneilcomune #nav li:hover li:hover ul ul,
#navigazioneilcomune #nav li:hover li:hover li:hover ul ul,
#navigazioneilcomune #nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/* show path followed */
#navigazioneilcomune #nav li:hover a,
#navigazioneilcomune #nav li:hover li:hover a,
#navigazioneilcomune #nav li:hover li:hover li:hover a,
#navigazioneilcomune #nav li:hover li:hover li:hover li:hover a,
#navigazioneilcomune #nav li:hover li:hover li:hover li:hover li:hover a,
#navigazioneilcomune #nav li:hover li:hover li:hover li:hover li:hover li:hover a
{text-decoration:none; color:#fff; display: block; background-color: #848cf7;}

/* hide futher possible paths */
#navigazioneilcomune #nav li:hover li a,
#navigazioneilcomune #nav li:hover li:hover li a,
#navigazioneilcomune #nav li:hover li:hover li:hover li a,
#navigazioneilcomune #nav li:hover li:hover li:hover li:hover li a,
#navigazioneilcomune #nav li:hover li:hover li:hover li:hover li:hover li a
{text-decoration:none; color:#000; display: block;}

/* FINE MENU SINISTRO IL COMUNE */

.ImmagineSinistra	{
					width: 135px;
					padding-left: 5px;
					padding-top: 10px;
					}
				
/* sezione destra */

div#extra	{
			float: right; 
			width: 150px;
			text-align: left;
			}
			
.cerca	{
		text-align: center;
		margin-bottom: 30px;
		}
			
.extra img	{
				display: block;
				margin-left: auto;
				margin-right: auto;
				}
				
.news 	{
		display: block;
		margin-top: 0px;
		margin-left: auto;
		margin-right: auto;
		width: 140px;
		padding-top: 5px;
		margin-bottom: 30px;
		}
		
.news p	{
		text-align: left;
		}
		
.titolonews	{
			font-weight: bold;
			font-style: oblique;
			}
					
div#extra img.UltimaImmagineDestra	{ 
									width: 140px;
									display: block;			
									}
									
.link 	{
		margin-top: 0px;
		margin-left: auto;
		margin-right: auto;
		width: 140px;
		padding-top: 5px;
		margin-bottom: 30px;
		text-align: left;
		}

.link ul	{
			list-style-type: square;
			font-size: 10px;
			line-height: 15px;
			margin: 0px 0px 0px 0px;
			padding: 12px;
			}
									
.copyright	{
			display: block;
			margin-top: 20px;
			margin-left: auto;
			margin-right: auto;
			width: 135px;
			padding-top: 5px;
			border-top: solid 1px #cccccc;
			}

.copyright p	{
				text-align: center;
				}
				
.center		{
				text-align: center;
				}				
						
div#extra a	{
			text-decoration: none;
			color: #333333;
			}
			
div#extra a:hover	{
					color: #FF0033;
					}
				
/* contenuto principale */
		
div#content	{
			margin: 0px 160px 0px 195px;
			padding: 0px;
			background-color: #ffffff;
			}
			
div#content01	{
				margin-top: 0px;
				padding: 0px;
				}
			
div#content02	{
				margin-top: -10px;
				padding: 0px;
				margin-bottom: 0px;
				text-align: left;
				}

div#content02.confini	{
						background: url(../immagini/mappa_confini.gif) no-repeat;
						}
						
div#content02 li.confini	{
							line-height: 25px;
							}
				
.mappa a	{
			text-decoration: none;
			}
			
.mappa img	{
			border: none;
			}
				
.segretario	{
			margin-right: 20px;
			border: solid 2px #9272d3;
			}
			
.contentutili	{
				float: left;
				}
				
.contentutili1	{
				float: right;
				}
				
.contentutili2 img	{
				border: none;
				text-align: right;
				width: 100px;
				}
						
.piccololink	{
				font-size: 9px;
				text-align: right;
				margin-top: -5px;
				}
				
.piccololink img	{
					border: none;
					text-decoration: none;
					padding: 5px 5px 0px 0px;
					}

/* footer */

div#footer	{
			clear: both;
			height: 20px;
			line-height: 20px;
			text-align: center;
			background-color: #ffffff;
			margin: 0px;
			padding: 0px;
			vertical-align: middle;
    		border-top: solid 3px #e7e7e7;
			width: 100%; /* serve a risolvere un piccolo bug di explorer, ripreso da html.it */
			}
			
div#footer td a	{
				text-decoration: none;
				color: #000000;
				font-size: 11px;
				padding: 3px;
				}
				
div#footer td a:hover	{
						color: #FF3333;
						padding: 3px;
						}
						
td.left1	{
			width: 390px;
			font-weight: bold;
			font-size: 15px;
			}
			
td.left2	{
			font-weight: bold;
			font-size: 15px;
			}