@charset "utf-8";
/* CSS Document */

html {
	margin: 0; 
	padding: 0;
}


body {
	margin : 0px; 
	padding : 0px; 
	font-family: Verdana, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;	
	font-size: 12px;	
	color: #666;	
	text-align : justify;	
	background-color : #edf1f3;
	margin-bottom: 20px;
}

.parole {
	margin : 0px auto;	
	width : 100%; 
	line-height: 25px; 
	height: 25px; 
	text-align : center;	
	background-color:#ebebeb;	
	color:#fff;
	font-size: 10px;
	border-bottom: 1px solid #dfdfdf;	
	margin-bottom:20px;
}

.pagina {
	margin : 0 auto;	
	width : 960px; 
	height: 100%;	
	background-color:#fff;	
	color:#666;
}


/* separazione */
.separazione {
	clear: both;
}
/* / separazione */

/* sezione header */

.header {
	margin:0 auto;
	width: 960px;
	background: url(../img/sf-header.png) repeat-x left center;
	height:70px;
}

.headersx{
	margin: 0 auto; 
	width: 260px; 
	float: left;
	text-align:left;
	background-color: transparent;
}
.headerdx{
	margin: 0 auto;
	width: 680px; 
	float: right;
	background-color: transparent;
	padding-left: 10px;
	padding-right: 10px;
}

.logo{
	margin: 0 auto; 
	width: 250px;
	background-color: transparent;
}

.logo a img{
	border: 0px;
}

/* / sezione header */


/* ---------- Menu orizzontale ------------ */
ul#nav{height: 20px;}
ul#nav li{float: left;position: relative}
ul#nav li li{float: none} /*annulla i float su eventuali li annidati*/
ul#nav div.mega{position: absolute;top: -9999px;left: -1px;width: 20em; overflow:hidden; /*per contenere i float*/}
ul#nav div.mega.alt{left:auto;right:-1px} /*per i sottomenu allineati sul lato destro*/
ul#nav li:hover div.mega{top: 29px}
ul#nav div.mega div{float: left;width: 49%} 

/* tipografia, colori e regole per voci di primo livello, titoli e link */
.sfondo-menu{margin:0 auto; width:680px; height: 70px; background: transparent; /*border-bottom: 1px solid #dfdcda;*/}
div#menu{width:100%; background: transparent;}
ul#nav,ul#nav li,ul#nav ul{margin:0;padding:0;list-style:none; }
ul#nav{width:640px;margin: 0 auto; height:70px; background: transparent /*url(../img/sfondo-menu.png) repeat-x*/; font: 80%/1.7 Verdana,Tahoma,sans-serif; margin:0 auto; margin-left:130px;}
ul#nav a{display:block;text-decoration:none}
ul#nav h2{font-size:110%;margin:0; height: 70px; line-height: 70px;}
ul#nav h2 a{line-height:70px;padding: 0 12px; color:#fff;}
ul#nav h2 a:hover{background: #f7a800; color:#fff; height:70px;}
ul#nav li:hover{background: #f7a800; color:#fff;}
ul#nav h3{font-size:110%;margin:0; background-color: #fff; color: #f7a800;}
ul#nav h3 a{color: #f7a800;}
ul#nav h3 a:hover{text-decoration:underline}
ul#nav li{float: left;position: relative; text-align:left;}
ul#nav li li{float: none;display: block !important;display: inline; text-align:left;/*IE6*/}


/*dichiarazioni chiave per i sottomenu e l'effetto a comparsa
NB: classe open è necessaria per JQuery*/

ul#nav div.mega{position: absolute;top: -9999px;left: -1px; width: 20em;padding: 0.7em;border: 1px solid #4b7990; background: #fcfcfc; overflow:hidden; line-height:1.5}
ul#nav li:hover div.mega,ul#nav li div.mega.open{top: 69px;z-index: 100}

/*tipologie di sottomenu:
small: colonna singola
mega: 2 colonne - default
wide: 3 colonne
ultra: 4 colonne alt: allineato sul lato destro */

ul#nav div.mega div{float:left;width:49%}
ul#nav div.mega.small{width:15em}
ul#nav div.mega.small div{float:left;width:99.9%}
ul#nav div.mega.wide{width:28em}
ul#nav div.mega.wide div{float:left;width:33%}
ul#nav div.mega.ultra{width:36em}
ul#nav div.mega.ultra div{float:left;width:24.9%}
ul#nav div.mega.alt{left:auto;right:-1px}

/*regole aggiuntive per i link dei sottomenu*/

ul#nav div.mega li a{padding:0 7px; color: #4b7990; background: #fcfcfc url(../img/bullet.png) no-repeat left center;}
ul#nav div.mega li a:hover{color: #4b7990;text-decoration:underline;} 
 

/* ---------------- end menu orizzontale ---------------------- */

/* subheader n*/

.subheader {
	margin : 0 auto;	
	width : 960px; 
	height: 158px;
	background: #3d6f86 url(../img/subheader.jpg) no-repeat top center;
	color:#fff;
}

/* /subheader */

/* corpotesto */

.corpotesto {
	margin:0 auto;
	width: 930px;
	padding: 15px 15px;
	margin-bottom:100px;
}

.corpotesto h2 {
	padding: 0px;
	text-align:left;
	padding: 8px 0px;
	margin: 0px;
	font-size: 18px;
	color: #f7a800;
	background-color: transparent;
}

.corpotesto p {
	padding: 0px;
	margin: 0px;
	color: #666;
	font-size: 12px;
	text-align: justify;
	padding-bottom:8px;
	margin-bottom:10px;
}

.corpotesto p span{
	color: #666;
	font-size: 14px;
}

.corpotesto h3 {
	font-size: 14px;
	color: #f7a800;
}

.corpotesto h3 a{
	color: #f7a800;
	text-decoration:none;
}


.corpotesto h3 a:hover{
	color: #f7a800;
	text-decoration:underline;
}

.corpotesto p a{
	color: #f7a800;
	text-decoration:none;
}

.corpotesto p a:hover{
	color: #f7a800;
	text-decoration:underline;
}

.corpotesto img{
	margin: 0 auto;
	padding:2px;
	/*border: 1px solid #8bc93a;*/
	margin: 3px;
}

.corpotesto a img{
	border: 0px;
}

/* elenco */
.corpotesto h5 {
	padding: 10px;
	text-align:left;
	margin: 0px;
	font-size: 13px;
	color: #3d6f86;
	font-weight: bold;
}

.corpotesto ul {
	width:930px; 
	display:block;
	list-style-type:none; 
	margin: 0; 
	padding: 0px;
}

.corpotesto ul li {
	font-size:12px; 
	color: #666; 
	font-weight:normal; 
	background:url(../img/check.png) 0px 4px no-repeat; 
	padding:0 0 0 20px;
}

.corpotesto ul span {
	/*background:#fff url(../img/check.png) no-repeat 0 100%;*/
	height:32px; 
	line-height: 20px; 
	display:block; 
	padding-right:5px;
}

.corpotesto ul span a{
	color: #666;
	text-decoration:none;
}

.corpotesto ul span a:hover{
	color: #f7a800;
	text-decoration:none;
}

.corpotesto p.privacy{
	font-size: 10px;
	padding-bottom:8px;
	margin-bottom:10px;
}

/* / elenco */

/* / corpotesto */


/* box */

.box {
	margin:0 auto;
	width: 950px;
	height: 320px;
	padding: 0px 5px;
	background: #89adbd url(../img/sf-box.jpg) no-repeat top center;
}

.boxsx{
	margin: 0 auto; 
	width: 310px;
	height: 300px; 
	float: left;
	text-align:left;
	background-color: transparent;
	padding-right: 6px;
}

.boxmid{
	margin: 0 auto; 
	width: 310px;
	height: 300px; 
	float: left;
	padding-left: 3px;
	padding-right: 3px;
	text-align:left;
	background-color: transparent;
}

.boxdx{
	margin: 0 auto;	
	width: 310px;
	height: 300px; 
	float: right;
	background-color: transparent;
	padding-left: 6px;
}

.box h4 {
	padding: 0px;
	text-align:right;
	height:55px;
	padding-top: 24px;
	padding-right: 20px;
	margin: 0px;
	font-size: 14px;
	color: #fff;
	background-color: transparent;
	background: url(../img/sf-titolo-box.png) no-repeat top center;
}

.box h5 {
	padding: 0px;
	text-align:left;
	padding-bottom: 8px;
	padding-left: 5px;
	margin: 0px;
	font-size: 12px;
	color: #f7a800;
	background-color: transparent;
}

.box h5 a{
	color: #f7a800;
	text-decoration:none;
}

.box h5 a:hover{
	color: #f7a800;
	text-decoration:underline;
}

.box p {
	padding: 0px;
	margin: 0px;
	color: #fff;
	font-size: 11px;
	text-align: justify;
	padding: 0px 10px 8px 5px;
}

.box p a{
	color: #fff;
	text-decoration:underline;
}

.box p a:hover{
	color: #f7a800;
	text-decoration:underline;
}

.continua{
	text-align:right;
	margin-left:185px;
	width: 100px;
	height:22px;
	color: #fff;
	text-transform:uppercase;
	line-height:22px;
	padding-right: 15px;
	background: url(../img/sf-continua.png) no-repeat right center;
}

.continua a{
	color: #fff;
	text-decoration:none;
}

.continua a:hover{
	color: #fff;
	text-decoration:underline;
}

.box img{
	margin: 0 auto;
}

.box a img{
	border: 0px;
}


/* box */

/* footer */
.footer {
	margin:0 auto;
	width: 960px;
	background-color: #326077;
	height: 60px;
}

.footersx{
	margin: 0 auto; 
	width: 680px; 
	float: left;
	text-align:left;
	background-color: transparent;
	padding-left: 10px;
	margin-top:10px;
}

.footerdx{
	margin: 0 auto;	
	width: 250px; 
	float: right;
	background-color: transparent;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 20px;
}

.footer p {
	padding: 0px;
	padding-right: 4px;
	padding-left: 4px;
	margin: 0px;
	color: #c7c7c7;
	font-size: 10px;
	text-align: justify;
}

.footer p a{
	color: #c7c7c7;
	text-decoration:underline;
}

.footer p a:hover{
	color: #f7a800;
	text-decoration:none;
}


/* /footer */

/* contatti */
.contatti a{
	color: #3d6f86;
	text-decoration:none;
}

.contatti a:hover{
	color: #3d6f86;
	text-decoration:underline;
}

/* /contatti */

/* sezione eventi e progetti */


.eventi {
	margin:0 auto;
	width: 930px;
}

.eventisx{
	margin: 0 auto; 
	width: 230px; 
	float: left;
	text-align:left;
	background-color: transparent;
}
.eventidx{
	margin: 0 auto;
	width: 680px; 
	float: right;
	background-color: transparent;
	padding-left: 20px;
}

.eventi img{
	margin: 0 auto;
	border: 0px;
}

.eventi a img{
	border: 0px;
}


/* fine sezione eventi e progetti */

/* sezione partner */


.partner {
	margin:0 auto;
	width: 930px;
	margin-bottom:8px;
	border-bottom:1px solid #ebebeb;
}

.partnersx{
	margin: 0 auto; 
	width: 210px; 
	float: left;
	text-align:center;
	background-color: transparent;
}
.partnerdx{
	margin: 0 auto;
	width: 700px; 
	float: right;
	background-color: transparent;
	padding-left: 20px;
}

.partner img{
	margin: 0 auto;
	border: 0px;
}

.partner a img{
	border: 0px;
}

.partner h5 {
	padding: 5px 0px;
	text-align:left;
	margin: 0px;
	font-size: 13px;
	color: #3d6f86;
	font-weight: bold;
}

.partner p a{
	color: #666;
	text-decoration:none;
}

.partner p a:hover{
	color: #f7a800;
	text-decoration:none;
}

/* fine sezione partner */


/* form */

.button{
	background:url(../img/sf-continua.png);
	width:100px;
	padding:0px 6px;
	height:22px; 
	line-height:22px;
	color:#000;
	font-size:12px;
	margin-right:20px;
	display:inline-block;
	border:0px;
	padding-bottom:2px;
	margin-left:80px;
}
/*
.button a{
	color:#000;
	text-decoration: none;
}

.button a:hover{
	color: #000;
	text-decoration: underline;
}
*/
/* /form */

/* add this*/
.addthis{
	margin: 0 auto;
	width: 150px;
	height: 20px;
	float: right;
	background-color: transparent;
	margin-right: 10px;
}

/* /addthis*/