/* Stili generici per l'elemento body */

body {
background : #FFFFFF;
/* background-image:url(sfStoria.jpg); */
color : #000000;	
font : 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
margin : 0px 0px 0px 0px;
border-bottom : 0px solid black;
border-left : 0px solid black;
border-right : 0px solid black;
border-top : 0px solid black;
padding-bottom : 0px;
padding-left : 0px;
padding-right : 0px;
padding-top : 0px;
text-align : center; /* centra la pagina */
}


div#pagina {
/* background-image: url(matt3.gif); */
background : #CBDFF3;
	/* position: relative; */
	/* left: 0px; top: 0px; */
border : 1px solid black;
margin : 10px auto;
/* il margine superiore di 10 pixel, quello degli altri lati sara; calcolato automaticamente (auto).
Questo e importante, perche ci consente un design fluido e ci fa essere certi che cambiando risoluzione il box sara sempre centrato. */
text-align : left;
width : 1000px;
height: 570px;
}

div#titolo {
background : none;
background-image:url(intestazione.png);
/*a href: index.php*/
/*<img src="foto/comune_amm.jpg" 
    alt="foto capitello" */
width : inherit; /* la eredita dal div contenitore */
height: 100px; /* 80px; */
}


/* MENU ORIZZONTALE */
div#menu_o{
clear: both;
background: #F1EFE2;
clear: both;
width:inherit;
border-top:0px solid #000;
/* text-align : center; */
padding : 0px 0px 0px 0px; /* spazio a sinistra  se tolgo la tabella devo mettere 200*/
}
/* formato degli anchor del menu orizzontale */ 
#menu_o A {
	font-family: Arial;
	color: #FFFFFF;	
	font-size: 12px;
	font-weight: bold;	
	text-decoration: none;
	line-height: 12px;
	text-align : center; /* centra le voci del menu */
	width : 100px;	/* assegna una larghezza ad ogni voce */ 
	/* padding : 0px auto; */
	/* margin : 10px auto auto; */
}
#menu_o A:hover {  
	font-family: Arial;
	color: #FBAA0D;
	font-weight: bold;
}


/* MENU VERTICALE */
div#menu_v {
	overflow: hidden;
	background : #2A6E39;
	/* background-image: url(matt3.gif); */
	float: left;
	width: 199px;
	height: 430px;
	text-align : center; /* centra le voci del menu */
	padding : 20px 0px 0px; /* spaziatura in alto del menu */
}
/* formato degli anchor del menu  verticale*/
#menu_v A {
	font-family: Arial;
	color: #FFFFFF;	
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;	
	line-height: 20px;
}
#menu_v A:hover {  
	color: #FBAA0D;
}

/*sezioni del menu verticale*/
div#SbMenuCOMUNE {
	overflow: hidden;
	position: relative;
	width: 199px;
	height: 430px;
	left: 0px;
	top: -20px;
	/*background-image: url(comune/sfmenuv.gif); */
	background: #2A6E39;	
}

div#SbMenuTURISMO {
	overflow: hidden;
	position: relative;
	width: 199px;
	height: 430px;
	left: 0px;
	top: -20px;
	background: #76BF41;	
}

div#SbMenuTRADIZIONI {
	overflow: hidden;
	position: relative;
	width: 199px;
	height: 430px;
	left: 0px;
	top: -20px;
	background: #99CD27;	
}

div#SbMenuINIZIATIVE {
	overflow: hidden;
	position: relative;
	width: 199px;
	height: 430px;
	left: 0px;
	top: -20px;
background: #84DDC5;	
}

div#SbMenuLINKS {
	overflow: hidden;
	position: relative;
	width: 199px;
	height: 430px;
	left: 0px;
	top: -20px;
background: #80B1F5;
}
/*
div#SbMenu2 {
overflow: hidden;
	position: relative;
border: 2px ridge #CCCC00;
	width: 170px;
	height: 190px;
	left: 0px;
	top: 0px;	
}
*/

div#centro {
	/* centro della home page */
	/* position:relative;left:0px;top:0px; */
	background : #CBDFF3;
	/* background-image: url(matt2.gif); */
	/* position: absolute; left:170px; top: 83px; */	
	/*width: 795px;*/
	/*height: 430px;*/
	/*overflow:auto;*/
	}

div#foglio {
	/* position:relative;left:0px;top:0px; */
	background : inherit;
	/* background-image: url(matt2.gif); */
	/* position: absolute; left:170px; top: 83px; */	
	width: 795px;
	height: 430px;
	overflow:auto;
	}

#testo_foglio {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; 
font-style: normal; 
font-weight: normal; 
color: #000000; 
text-decoration: none; 
text-align: justify;
}

.testo {
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
font-style: normal; 
line-height: normal; 
font-weight: normal; 
color: #000000; 
text-decoration: none; 
text-align: justify
}

.titolo {
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
font-style: normal; 
line-height: normal; 
font-weight: bold; 
color: #000000; 
text-decoration: none; 
text-align: justify
}

	
div#piede{
	clear: both;
	width: inherit;
	height: 20px;
	border-top:1px solid #000;
	background: #80B1F5
} 

#piede A {
	font-family: Verdana;
	color: #04064A;	
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;	
	line-height: 16px;
}
#piede A:hover {  
	color: #0B0FB5;
}
	
/*  STILI PER LE NEWS */

div#news_pagina {
/* background-image: url(matt2.gif); */	
top:150px;
left:500px;
position:absolute;
text-align:left;
width: 480px;
height: 400px;
background:#B5D1EE;
padding : 10px 10px 10px 10px;
overflow:auto;
}

.news_titolo {
text-align:center;
font-size:18px;
color:#0B0FB5;
font-weight: bold;
}

.news_date{
font-family:verdana;
font-size: 12px;
color:#1F562B;	
line-height: 18px;
font-weight: bold;
}

.news_event{
font-family: verdana;
font-size: 14px;
color: #2C2C2C;	
line-height: 18px;
font-weight: bold;
}

/*stile usato per la pagina links */
.news_link{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	line-height: normal; 
	font-weight: bold; 
	color: #000099; 
	text-decoration: none
}


.news_dettagli{
font-family: verdana;
	font-size: 10px;
	color: #000000;	
	line-height: 18px;
font-weight: normal;
}


A.news_anchor:link, visited  { 
	font-family: verdana;
	color: #0D2C73;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	line-height: 18px;}

A.news_anchor:visited {
	font-family: verdana;
	color: #0D2C73;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	line-height: 18px; 
	}
A.news_anchor:hover {  
	font-family: verdana;
	font-size: 12px;
	color: #4073EA;	
	text-decoration: none;
	font-weight: normal;
	line-height: 18px;}	
/*
.titolo1 {color:#ff0000; font: bold normal 15px arial} 
.titolo2 {color:#00ff00; font: bold normal 15px arial} 
*/