@charset "utf-8";
/* CSS Document */

*{
margin:0 auto;
padding:0;

}


body{
	margin:0;
	background: #EAEAEA; 
	font:  normal 12px/1.4 Arial, Helvetica, sans-serif;
	color: #666666;
	text-align:left;
	line-height:16px;
	padding-bottom:35px;
}


#container{
	width:999px;
	background:url(../img/ombre.jpg) repeat-y top left;
	}
	
.left{
	float:left;
	}

.right{
	float:right;
}

#container #box-sfondo{
	width:960px;
	float:left;
	margin-left:17px;
	background:url(../img/bkg-content.jpg) repeat-y bottom left;
}	
	
#container #content{
	width:960px;
	float:left;
	background:url(../img/sf-top.jpg) repeat-x top left;
}	
	
#container #content #sx{
	float:left;
	width:237px;
	background: url(../img/sf-top.jpg) repeat-x top left;
}	
	
#container #content #sx #accesso{
	width:205px;
	height:130px;
	font-size:11px;
	padding-top:21px;
	padding-left:16px;
	padding-right:16px;
	border-right: 1px solid #E4E4E4;
	background:url(../img/punta.png) no-repeat bottom left;
}	

#container #content #sx #newsletter{
	width:177px;
	height:105px;
	color:#FFF;
	font-size:11px;
	padding-left:30px;
	padding-right:30px;
	padding-top:25px;
	border-right: 1px solid #E4E4E4;
	background:url(../img/onda-grigia.jpg) no-repeat top left;
}

#container #content #sx #menu{
	width:207px;
	color:#FFF;
	padding-left:15px;
	padding-right:15px;
	padding-top:15px;
	padding-bottom:5px;
	background-color: #666;
	
}
	
#container #content #sx #menu ul li{
	list-style-type:none;
	width:207px;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	margin-bottom:1px;
	height:26px;
	line-height:26px;

}	

#container #content #sx #menu ul li a{
	padding:0 10PX;
	color:#FFF;
	text-decoration:none;
	background:#828282;
	display:block;
	height:26px;
}	
	
#container #content #sx #menu ul li a:hover{
	color:#FFF;
	text-decoration:none;
	background:#FFA433;
	display:block;
}	

#container #content #sx #menu ul li a.active{
	display:block;
	color:#FFF;
	text-decoration:none;
	background:#FFA433;
}	
	
#container #content #sx  #menu .gruppi{
	width:207px;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	margin-top:8px;
	margin-bottom:8px;
	height:26px;
	line-height:26px;
}

#container #content #sx  #menu .gruppi a{
	padding-left:10px;
    color:#FFF;
	text-decoration:none;
	background-color:#383838;
	display:block;
}	

#container #content #sx  #menu .gruppi a:hover{
	color:#FFF;
	text-decoration:none;
	background-color:#FFA433;
	display:block;
}	

#container #content #sx  #menu .societa{
	width:207px;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	margin-top:8px;
	margin-bottom:8px;
    background-color:#A1D20A;
	height:26px;
	line-height:26px;
}

#container #content #sx  #menu .societa a{
	padding-left:10px;
    color:#FFF;
	text-decoration:none;
}

#container #content #sx  #menu .societa a:hover{
	color:#FFF;
	text-decoration:none;
	background-color:#828282;
	display:block;
}	


#container #content #sx #box-banner{
	color:#FFF;
	padding-top:15px;
	padding-bottom:15px;
	background-color: #333333;
	text-align:center;
}

.bordo-verde{
	border:1px solid #A1D20A;

}

.verde{
	color:#A1D20A;
}

.evento{
	background-color:#A1D20A;
	color:#FFF;
}


.font16{
	font-size:16px;
	font-weight:bold;
}
	
#container #content  #dx{
	float:left;
	width:723px;
}	


#container #content  #dx a{
color: #666666;
text-decoration:underline;
}	

#container #content  #dx a:hover{
color: #666666;
text-decoration:none;
}	


#container #content  #dx #box-destra{
	float:left;
	width:723px;
	padding-top:24px;

}	

#container #content  #dx #box-home{
	float:left;
	width:723px;
	background:url(../img/bkg-home-colonnona.png) right top no-repeat;
}	

#container #content  #dx #box-home .colonnona1{ width:310px; float:left; padding:25px;}	
#container #content  #dx #box-home .colonnona2{ width:313px; float:left; padding:25px;}	
#container #content  #dx #box-home .colonnona2 a{ color:#333; text-decoration:none;}	
#container #content  #dx #box-home .colonnona2 a:hover{ color:#FFA433; text-decoration:none;}	
	
	
#container #content  #dx #box-destra #col-fondazione{
	float:left;
	width:241px;
	background:url(../img/riga-sf.jpg) no-repeat top right;

}		
	
#container #content  #dx #box-destra #col-fondazione #testi{
	float:left;
	padding:25px;
	width:191px;
	font-size:11px;


}

#container #content  #dx #box-destra #col-fondazione #testi a{
	color:#666666;
	text-decoration:none;

}



#container #content  #dx #box-destra #col-fondazione #testi a:hover{
	color:#666666;
	text-decoration:underline;

}
.link-sotto{
	width:191px;
	float:left;
	font-size:11px;
	border-bottom:1px solid #CCCCCC;
	color:#333333;
	padding-bottom:5px;
	padding-top:5px;


}

.link-sotto a{
	color:#333333;
	text-decoration:none;

}

.link-sotto a:hover{
	color:#333333;
	text-decoration:underline;

}


#container #content  #dx #box-destra #col-fondazione #calendario{
	width:196px;
	color:#666666;

}


.padding{
	padding-bottom:10px;
}

.font10{
	font-size:10px;
	font-weight:bolder;
}

.font12{
	font-size:12px;
	font-weight:bold;
}

#container #content  #dx #box-destra #box-sotto{
	float:left;
	width:435px;
	margin-left:20px;
	margin-top:30px;

}	

#container #content  #dx #box-destra #box-sotto a{
color:#666;
text-decoration:none;

}

#container #content  #dx #box-destra #box-sotto a:hover{
color:#666;
text-decoration:underline;

}	



#container #content  #dx #box-destra #box-interne{
	float:left;
	padding:25px;
	width:673px;
	font-size:12px;
	line-height:20px;
}














.sf-arancio{
	background:url(../img/sf-arancio.jpg) repeat-x top left;
}


.font16{
	font-size:16px;
	font-weight:bold;

}

.bianco{
	color:#FFF;
}

.arancio{ color:#F90}

.grigio{
		color:#333333;
}

.riga{
	border-bottom:1px solid #CCCCCC;
	padding-bottom:20px;
}


.font14{
	font-size:14px;
	font-weight:bold;
	}
	
.verde{
	color:#90BB0C;
}
	
	
.font11{
	font-size:11px;
}
	
	
#footer{
	width:999px;
	margin:auto;
}
	
	
#indirizzo{
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	font-size:11px;
}
	
#indirizzo a{
color:#666;
text-decoration:none;
}
	
#indirizzo a:hover{
color:#90BB0C;
text-decoration:none;
}
	
.info{
	color:#333333;
}

.info a{
	color:#333333;
	text-decoration:none;
}
.info a:hover{
	color:#333333;
	text-decoration:underline;
}

a.css_tooltip{
position:relative; /*richiesto per posizionare in modo assoluto elementi span*/
text-decoration:none; /*rimuove la sottolineatura del testo*/
}
a.css_tooltip:hover{
background-color:#FFFFFF; /*un colore di sfondo  richiesto per Internet Explorer 6*/
}
a.css_tooltip span{
display:none; /*nasconde elementi span in apertura*/
}
a.css_tooltip:hover span{
display:block; /*elementi span vengono visualizzati come elementi di blocco*/
position:absolute; /*posizionamento in modo assoluto*/
z-index:20; /*richiesto per posizionare elementi span al di sopra dei altri link*/
top:1.4em;
left:2em;
/*stile del css tooltip*/
width:150px;
border:1px solid #666;
background-color:#ddd;
color:#000;
padding:5px;
} 
