/* CSS Document */
body { 
	background-color:#EFEFEF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:1% 3%;
	font-size: 95%;
	}
	
/* FORMATTAZIONE TESTO ______________________________*/	


h1 {
	padding:2px 5px 2px 10px;
	margin:2px 0px;
	font-size:150%;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #000000;
	font-weight:bold;
	}	
	
h1.colorato {
	padding:2px 5px 2px 10px;
	margin:2px 0px;
	font-size:180%;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-variant:small-caps;
	color: #5D5C4B;
	font-weight:bold;
	}		


h1.nascosto{
	color: #990000;
	font-weight: bold;
	font-size: 90%;
	display:none;
	}
	
h3 {
	margin:0;
	padding:2px 5px;
	color:#000000;
	font-size: 75%;
	font-weight:bold;
	line-height: 130%;
	}	

h3.basso {
	margin:0;
	padding-top:3.5em;
	color:#5d5c4b;
	text-align:right;
	font-size: 75%;
	font-weight:bold;
	}	
	
h2{
	color: #C42600;
	margin:0 ;
	padding:.5em;
	font-weight: bold;
	font-size: 120%;
	text-align:left;
	}	

.bianco{
	color: #ffffff;
	margin:0;
	padding:0;
	text-align:right;
	font-weight:bold;
	}		
	
p {
	color: #000000;
	margin: .5em 1em;
	font-weight: normal;
	font-size: 75%;
	line-height: 130%;
	text-align:left;
	padding:0;
	}	

p.agenda {
	color: #000000;
	margin: 0;
	font-weight: normal;
	font-size: 75%;
	line-height: 100%;
	text-align:left;
	padding:0.1em .5em;
	}		
	
p.piccolo {
	font-size:70%;
	padding:2px 0 10px 0;
	margin:2px 0 2px 10px;
	text-align:center;
	line-height: 120%;
	}
	
p.briciole {
	font-size:70%;
	padding:.2em .5em;
	margin:0 25% 0 0;
	text-align:left;
	background-color:#FFFFFF;
	color:#000000;
	line-height: 120%;
	}	
	
	
p.alldestra {
	font-size:70%;
	padding:.2em 1em;
	margin:0;
	text-align:right;
	line-height: 120%;
	}
	
p.margine_sinistra {
	font-size:75%;
	padding:.2em 1em;
	margin:0 0 0 20em;
	text-align:left;
	line-height: 120%;
	}	

hr {
	border-bottom:1px solid #5D5C4B;
	margin:0;
	padding:0;
	}
	
.nomargini {
	margin:0;
	padding:0;
	border:0;
	}	
	
.nascosta {
display:none;

}	

/* SPAN _______________________________________________________*/
	
.row {
	margin:0;
	width: 95%;
	min-height:1.2em;
	margin-top:1em;
	padding:.2em .2em .2em 1.2em;
}

span.left {
  float: left;
  text-align: right;
  font-weight: bold;
  padding:.5em 0 0 0;
  color: #000;
  width: 30%;
  font-size:0.75em;
  }
  
  span.left2 {
  float: left;
  text-align: right;
  font-weight: bold;
  color: #000;
  width: 30%;
  font-size:0.75em;
  }

span.right {
  float: right;
  text-align: left;
  font-weight: bold;
  color: #000;
  width: 69%;
  }
	
	
	
/* BARRA _______________________________________________________*/


.cerca {
	background-color:#5D5C4B;
	padding:2px;
	text-align:right;
	min-width:800px;
	color:#FFFFFF;
	}

.casella {
	background-color:#FFFFFF;
	border: 1px solid #666;
	width:30%;
	margin:0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
		
.bottone {
	background-color:#C70402;
	border:1px solid #fff;
	padding:1px;
	margin:2px 2px 0 2px;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	}
	
.immagine_all_centro {
	margin: 0px 1px;
	border:0;
	padding:0px 0;
	vertical-align: middle;
	}		
	
.barra {
	position:relative;
	margin:1px 0;
	padding:0;
	text-align:left;
	min-width:800px;
	background-color:#FFFFFF;
	background-image: url(immagini/sfondo_barra_comuni.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	min-height: 90px;
	height: auto !important;
	height: 90px;
	}	
	
.barra_destra {
	position:absolute;

	font-weight:bold;
	right:0;
	top:3px;
	text-align:right;
	width:75%;
	color:#FFFFFF;
	}
	
.logo {
margin:0;
padding:0;
float:left;
border:0;

}	

.navigazione {
	margin:0px;
	position: relative;
	background-color: #5D5C4B;
	background-repeat: no-repeat;
	background-position: right top;
	text-align:left;
	color:#ffffff;
	font-weight:bold;
	padding: .3em 0 0.4em 1em;
	font-size: 0.75em;
	}

/* UL COMUNI _____________________________________________________*/

ul.menu_comuni{
	list-style:none; /* elimino i punti elenco */
	white-space:nowrap;
		font-size:11px;
		margin:0;
		padding:0;}
	
ul.menu_comuni li{ 
 	display:inline;
	padding:0;
	margin:0; 
 	float:right;
 } /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/	

ul.menu_comuni li a {
text-decoration:none; /* elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */
padding: 0 10px  ; /* lascia spazio far il bordo del menu e il testo del link */
margin:0px;
}

ul.menu_comuni li a:link {
	color:#fff;
} 

ul.menu_comuni li a:visited {
	color:#fff;
}

ul.menu_comuni li a:hover {
color:#FFE2A8;
} 

/* UL ELENCO _____________________________________________________*/

ul.elenco{
	list-style:none; /* elimino i punti elenco */
	white-space:nowrap;
	margin:1em 2em;
	font-size:75%;
	}
	
ul.elenco li{ 
	background-image: url(immagini/moduli_piccolo.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding:.3em 2em;
 } /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/	

ul.elenco li a {
	padding: 0;
	margin:0;
	
}

ul.elenco li a:link {
	color:#333;
	
} 

ul.elenco li a:visited {
	color:#5D5C4B;
}

ul.elenco li a:hover {
color: #FF0000;
} 

/* UL ELENCO SENZA _____________________________________________________*/

ul{
	list-style:none; /* elimino i punti elenco */
	margin:1em 2em;
	font-size:75%;
	}
	
ul li{ 
	background-repeat: no-repeat;
	background-position: left center;
	padding:.3em 2em;
 } /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/	

ul li a {
	padding: 0;
	margin:0;
	
}

ul li a:link {
	color:#333;
	
} 

ul li a:visited {
	color:#5D5C4B;
}

ul li a:hover {
color: #FF0000;
} 

/* UL BORDO _____________________________________________________*/

ul.menu {
list-style:none;
margin: 0px;
padding:0px;
text-align:left;
	font-size:0.75em;
font-weight:bold;
}

ul.menu li {
	display:inline;
		padding: 0;
	margin:0;

	}	
	
ul.menu li a {
text-decoration:none;
margin:0px 0px;
border-bottom:1px solid #ffffff;
color:#333;
padding:5px 0px 5px 10px;
display:block;
}

ul.menu li a:hover {
border-bottom:1px solid #DAD9C9;
background-color:#DAD9C9;
color:#000000;
}	

ul.menu li #selezionata {
border-bottom:1px solid #DAD9C9;
background-color:#DAD9C9;
color:#000;
} 

/* UL MENU SCURO _____________________________________________________*/

ul.menu_scuro {
list-style:none;
margin: 0px 0 0px 0px;
padding:0px;
color:#f5f5f5;
background-color:#C5C3AC;
text-align:left;
font-size:0.8em;
font-variant:small-caps;
font-weight:bold;
}

ul.menu_scuro li {
	display:inline;
	padding:0;
	margin:0;
	}	
	
ul.menu_scuro li a {
text-decoration:none;
margin:0px 0px;
border-bottom:1px solid #ffffff;
color:#333;
padding:10px 0px 5px 5px;
display:block;
}

ul.menu_scuro li a:hover {
border-bottom:1px solid #C5C3AC;
background-color:#5D5C4B;
color:#fff;
}	

ul.menu_scuro li #selezionata {
border-bottom:1px solid #C5C3AC;
background-color:#5D5C4B;
color:#fff;
margin:0px;
} 
	
/* Layout ____________________________________________*/

	
.layout { 
background-color:#F4F0D3;
position:relative;
min-width:800px;
margin:0;
padding:0;
}


/* BOX 1 ____________________________________________*/
	
.box_1 {
	background-color:#C5C3AC;
	border-left:1px solid #ffffff;
	min-height: 140px;
	height: auto !important;
	height: 140px;
	margin:0 75% 0 0;
	text-align:center;
	background-image: url(immagini/eventi.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	}
	
.box_1_piccolo {
	background-color:#fff;
	border-left:1px solid #ffffff;
	min-height: 140px;
	height: auto !important;
	height: 140px;
	margin:0 90% 0 0;
	text-align:left;
	background-image: url(immagini/eventi.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	}	
	
.box_1_grande {
	background-color:#ffffff;
	border-left:1px solid #ffffff;
	min-height: 140px;
	height: auto !important;
	height: 140px;
	margin:0 45% 0 0;
	padding:0;
	text-align:left;
	background-image: url(immagini/eventi.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	}		

/* BOX 2 ____________________________________________*/
	
.box_2 {
	position:absolute;
	top:0;
	background-color:#C5C3AC;
	border-left:1px solid #ffffff;
	width:25%;
	min-height: 140px;
	height: auto !important;
	height: 140px;
	right:50%;
	margin:0;
	text-align:center;
	background-image: url(immagini/bandi.jpg);
	background-repeat: no-repeat;
	background-position: center;
	}
	
.box_2_piccolo {
	position:absolute;
	top:0;
	background-color:#C5C3AC;
	border-left:1px solid #ffffff;
	width:10%;
	min-height: 140px;
	height: auto !important;
	height: 140px;
	right:80%;
	margin:0;
	text-align:left;
	background-image: url(immagini/bandi.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	}
	
.box_2_piccolo_2 {
	position:absolute;
	top:0;
	background-color:#C5C3AC;
	border-left:1px solid #ffffff;
	width:10%;
	min-height: 140px;
	height: auto !important;
	height: 140px;
	right:35%;
	margin:0;
	text-align:left;
	background-image: url(immagini/bandi.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	}	
	
.box_2_grande {
	position:absolute;
	top:0;
	background-color:#fff;
	border-left:1px solid #ffffff;
	width:55%;
	min-height: 140px;
	height: auto !important;
	height: 140px;
	right:35%;
	margin:0;
	text-align:left;
	background-image: url(immagini/bandi.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	}		
	
/* BOX 3 ____________________________________________*/	
	
.box_3 {
	background-color:#C5C3AC;
	position:absolute;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
	top:0;
	width:25%;
	min-height: 140px;
	height: auto !important;
	height: 140px;
	right:25%;
	margin:0;
	text-align:center;
	background-image: url(immagini/turismo.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	}	
	
.box_3_piccolo {
	background-color:#C5C3AC;
	position:absolute;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
	top:0;
	width:10%;
	min-height: 140px;
	height: auto !important;
	height: 140px;
	right:25%;
	margin:0;
	text-align:left;
	background-image: url(immagini/turismo.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	}	
	
.box_3_grande {
	background-color:#ffffff;
	position:absolute;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
	top:0;
	width:55%;
	min-height: 140px;
	height: auto !important;
	height: 140px;
	right:25%;
	margin:0;
	text-align:left;
	background-image: url(immagini/turismo.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	}			

	
		
/* CENTRALE ____________________________________________*/


.centro {
	margin: 0 25% 0 0;
	padding:5px 0 0 0;
	background-color:#FFFFFF;
	border-top:10px solid #EFEFEF;
	border-right:1px solid #ffffff;
	color:#000000;
	}
	
	
.centro_valdinievole {
	position:relative;
	margin:0;
	padding:0 ;
	width:75%;
	background-color:#DAD6BD;
	border-top:1em solid #EFEFEF;
	color:#000000;
	}	
	
.centro_scuro {
	position:relative;
	margin:0;
	padding:0 ;
	width:75%;
	background-color: #E5E1C7;
	border-top:10px solid #EFEFEF;
	color:#000000;
	}		
	
.box_sinistra {
	float:left;
	top:0;
	width:30%;
	left:0;
	padding:0;
	margin:1em 0 0 0;
	}	
	
.box_destra {
	float:right;
	top:0;
	width:70%;
	background-color:#FFFFFF;
	padding:.5em 0 .5em 0;
	margin:0;
	}		
	
	
.pulisci_tutto {
	clear:both;
	}	
	
.sfondo_testo {
	background-color:#C5C3AC;
	text-align:right;
	margin-top:0;
	border-top:1px solid #F4F0D3;
	border-bottom:1px solid #F4F0D3;
	padding:.2em .5em 0 0;
	}
	
.sfondo_testo_chiaro {
	background-color:#F4F0D3;
	text-align:left;
	margin:0 0 .5em;
	padding:.2em .5em 0 0;
	}	
	
	
/* NEWS ____________________________________________*/		

.elenco_news {
	font-size:75%;
	margin:0 20px;
	text-indent: -5em;
	padding-left:5em;
	list-style-type: none;
	}	
	
.immagine {
	margin: 0 1px;
	border:0;
	padding:0;
	text-align: left;
	vertical-align: center;
	}	
	
.immagine_sinistra {
	float:left;
	margin: 0 10px;
	border:1px solid #C5C3AC;
	padding:2px;
	}		
	
.sinistra {
	float:left;
	margin: 0;
	padding:0px;
	}			

.immagine_destra {
	float:right;
	margin: 0 10px;
	border:1px solid #C5C3AC;
	padding:2px;
	}			
	
/* COLONNA DESTRA ____________________________________________*/	
.colonna_destra {
	position:absolute;
	top:0;
	width:25%;
	right:0;
	text-align:center;
	background-color:#F4F0D3;
	padding:0;
	margin:0;
	
	}	
	
.box_urp {
	padding:10px 1px 10px 85px;
	color:#000000;
	margin:0px;
	background-image: url(immagini/urp_sfondo.gif);
	background-repeat: repeat-y;
	background-position: left center;
	}