@charset "utf-8";
.sottomenu {list-style:none;}
.last {background:#D3E7BE;
border:1px solid #009900;
padding:0 5px;
min-height:340px;}
.last img {float:left;
padding-right:2px;}
body  {
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size:smaller;
	background-image:url(IMAGES/sfondo.jpg);
	background-repeat:repeat-x;
	background-color:transparent;
	margin: 0; /* è buona norma impostare a zero i valori margin e padding dell'elemento body per tenere conto delle diverse impostazioni predefinite dei browser*/
	padding: 0;
	text-align: center; /* centra il contenitore nei browser IE 5*. Il testo viene quindi impostato con l'allineamento predefinito a sinistra nel selettore #container */
	color: #000000;
}
		li {margin-left:-10px;
		list-style-image: url(images/elenco.png);}

.thrColAbsHdr #container b {color:#558800;}
h3 {color:#558800;
font-size:28px;
margin:12px 5px;}

div.contacttable{
	margin-left:30px;}
table.contacttable b {color:#558800;}

a {color:#558800;}

a img{
border-width:0px;
border-bottom-width:1px;
margin-bottom:10px;}

a.w3c img{
border-width:0px;
border-bottom-width:0px;
margin-bottom:0px;}


iframe {margin:auto;}

h1 {
	color:#558800;
}

#barralink {
	position:relative;
	height:auto;
	width:auto;
	top:207px;
	margin-left:10px;
	}

#barralink a.open {
	position:relative;
	top:0px;
	left:0px;
	color:#558800;
	font-weight:bold;
	padding-bottom:4px;
	background-color:#FFFFFF;
	filter:alpha(opacity=100); 
	-moz-opacity: 1.0; 
	opacity: 1.0;}

#barralink a {
position:relative;
	color:#558800;
	height:26px;
	background-color:#FFFFFF;
	text-decoration:none;
	filter:alpha(opacity=85); 
	-moz-opacity: 0.85; 
	opacity: 0.85;
	}

#barralink a:hover {
	color:#558800;
	}


#barralink a.open em{
	display: block;
	float: left;
	background: url(IMAGES/open_01.gif) no-repeat;
	width: 25px;
	height: 26px;
	}

#barralink a.open span{
	display: block;
	float: left;
	background: url(IMAGES/open_02.gif) repeat-x;
	height: 26px;
	}

#barralink a.open b{
	display: block;
	float: left;
	background: url(IMAGES/open_03.gif) no-repeat;
	width: 25px;
	height: 26px;
	} 

#barralink a.open:hover em{
	display: block;
	float: left;
	background: url(IMAGES/em_bg_ho.GIF) no-repeat;
	width: 25px;
	height: 26px;
	}

#barralink a.open:hover span{
	display: block;
	float: left;
	background: url(IMAGES/span_bg_ho.GIF) repeat-x;
	height: 26px;
	}

#barralink a.open:hover b{
	display: block;
	float: left;
	background: url(IMAGES/b_bg_ho.GIF) no-repeat;
	width: 25px;
	height: 26px;
	}

#barralink a em{
	display: block;
	float: left;
	background: url(IMAGES/em_bg.GIF) no-repeat;
	width: 25px;
	height: 26px;
	}

#barralink a span{
	display: block;
	float: left;
	background: url(IMAGES/span_bg.GIF) repeat-x;
	height: 26px;
	}

#barralink a b{
	display: block;
	float: left;
	background: url(IMAGES/b_bg.GIF) no-repeat;
	width: 25px;
	height: 26px;
	} 

#barralink a:hover em{
	display: block;
	float: left;
	background: url(IMAGES/em_bg_ho.GIF) no-repeat;
	width: 25px;
	height: 26px;
	}

#barralink a:hover span{
	display: block;
	float: left;
	background: url(IMAGES/span_bg_ho.GIF) repeat-x;
	height: 26px;
	}

#barralink a:hover b{
	display: block;
	float: left;
	background: url(IMAGES/b_bg_ho.GIF) no-repeat;
	width: 25px;
	height: 26px;
	}

.barretta {position:relative;
		top:204px;}
	
.thrColAbsHdr #container { 
	position: relative; /* l'aggiunta di position: relative consente di posizionare due barre laterali relative al contenitore */
	width: 800px;  /* utilizzando 20 px in meno rispetto alla dimensione piena di 800 px, si lascia spazio per gli elementi grafici e strutturali del browser e si evita che venga visualizzata una barra di scorrimento orizzontale */
	background: #FFFFFF;
	background-image:url(IMAGES/sfondomainheader.jpg);
	margin: 0 auto; /* i margini auto (insieme a una larghezza) centrano la pagina */
	text-align: left; /* sostituisce l'impostazione text-align: center nell'elemento body. */
	border-bottom-color:#000000;
	border-bottom-width:2px;
	min-height:550px;
	height:100%;
} 


.thrColAbsHdr #header { 
	background-image:url(IMAGES/header2.png);
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:0px 0px;
	height: 231px; 
	padding: 0px; 
} 

.thrColAbsHdr #header h1 {
	margin: 0; 
	padding:0;
	color:#558800;
}

.thrColAbsHdr #sidebar1 {
	position: absolute;
	top: 60px;
	left: 0;
	width: 150px; 
	background: #EBEBEB; 
	padding: 15px 10px 15px 20px; 
}

.thrColAbsHdr #sidebar2 {
	position: absolute;
	top: 60px;
	right: 0;
	width: 160px; 
	background: #EBEBEB; 
	padding: 15px 10px 15px 20px; 
}

.thrColAbsHdr #mainContent { 
	margin: 0px; 
	padding: 0 70px; 
	border-top:2px #558800 solid;
	z-index:1;
}
.titolo {
	background-color:#FFFFCC;}

.thrColAbsHdr #footer { 
	padding: 0 10px 0 20px; 
	background:#ffffff;
	background-image:url(IMAGES/sfondomainheader.jpg);
	border-bottom:thick #558800 solid;
	border-top:1px #558800 solid;
	position:absolute;
	margin:auto;
	bottom:0px;
	width:770px;
	} 

.thrColAbsHdr #footer p {
	font-size:x-small;
	margin: 0; 
	padding: 10px 0; 
}

.fltrt { 
	float: right;
	margin-left: 8px;
}

.fltlft { 
	float: left;
	margin-right: 8px;
}