html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	/*font-weight:inherit;
	font-style:inherit;*/
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline}
	/* remember to define focus styles! */
	:focus {outline:0}
		body {
			line-height:1;
			color:black;
			background:white}
			ol, ul {list-style:none}
			/* tables still need 'cellspacing="0"' in the markup */
			table {
				border-collapse:separate;
				border-spacing:0}
				caption, th, td {
					text-align:left;
					font-weight:normal}
					blockquote:before, blockquote:after,
					q:before, q:after {content: ""}
					blockquote, q {quotes: "" ""}
					
/*    --- INIZIO CSS ---   */

html{
	width:100%;
	height:100%}
body{
	width:100%;
	height:100%;
	margin:0 auto;
	margin-top:25px;
	text-align:center;
	background: url(../images/sf_pg.gif) repeat-x;
	background-color:#f3f8fc;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#623f20;}
	#container{
		width:980px;
		min-height:450px;
		height:auto !important;
		clear:both;
		text-align:center;
		margin:0 auto;
		position:relative;}
		#pager{
			width:980px;
			min-height:450px;
			height:auto !important;
			clear:both;
			text-align:center;
			margin:0 auto;
			background-color:#fff;
			float:left;
			clear:both;}
			#top{
				height:155px;
				width:960px;
				padding:10px 10px 0 10px;
				float:left;
				clear:both;
				text-align:left;}
				#logo{
					height:155px;
					width:240px;
					float:left;
					background:url(../images/sf_top.gif) repeat-x;}
					#logo a{
						display:block;
						width:202px;
						height:101px;
						float:left;
						padding:20px 0 0 20px;
						text-decoration:none;
						background:url(../images/logo.gif) no-repeat;
						background-position:20px 20px;}
						#logo a span{ visibility:hidden;}
				#claim{
					height:155px;
					width:720px;
					float:left;
					background:url(../images/sf_top.gif) repeat-x;}
			#corpo{
				height:auto !important;
				height:300px;
				min-height:300px;
				width:960px;
				padding:0 10px 0 10px;
				float:left;
				clear:both;}
				#corpo_sn{
					width:240px;
					height:auto !important;
					height:300px;
					min-height:300px;
					float:left;}
					#menu{
						width:240px;
						height:auto !important;
						height:200px;
						min-height:200px;
						float:left;
						clear:both;
						padding-bottom:8px;
						background:url(../images/bott_menu.gif) no-repeat bottom;
						background-color:#fafafa;}
						#menu ul{
							display:block;
							float:left;
							clear:both;
							width:220px;
							height:330px;
							padding:10px;}
							#menu ul li{
								display:block;
								float:left;
								clear:both;
								width:220px;
								height:16px;
								padding:9px 0 7px 0;
								text-align: left;
								background:url(../images/barra_menu.gif) no-repeat bottom;}
								#menu ul li a{
									padding-left:5px;
									display:block;
									width:215px;
									height:16px;
									text-decoration:none;}
									#menu ul li a:hover{
										padding-left:10px;
										display:block;
										width:210px;
										height:16px;
										text-decoration:none;}
										#menu ul li a span{
											visibility:hidden;}
											#menu ul li a img{
												vertical-align: top;
												margin-top:3px;}
										#m_01{
											background:url(../images/m_01.gif) no-repeat 18px top;}
										#m_02{
											background:url(../images/m_02.gif) no-repeat 18px top;}
										#m_03{
											background:url(../images/m_03.gif) no-repeat 18px top;}
										#m_04{
											background:url(../images/m_04.gif) no-repeat 18px top;}
										#m_05{
											background:url(../images/m_05.gif) no-repeat 18px top;}
										#m_06{
											background:url(../images/m_06.gif) no-repeat 18px top;}
										#m_07{
											background:url(../images/m_07.gif) no-repeat 18px top;}
										#m_08{
											background:url(../images/m_08.gif) no-repeat 18px top;}
										#m_09{
											background:url(../images/m_09.gif) no-repeat 18px top;}
										#m_10{
											background:url(../images/m_10.gif) no-repeat 18px top;}
										#m_01_a{
											background:url(../images/m_01.gif) no-repeat 18px bottom;}
										#m_02_a{
											background:url(../images/m_02.gif) no-repeat 18px bottom;}
										#m_03_a{
											background:url(../images/m_03.gif) no-repeat 18px bottom;}
										#m_04_a{
											background:url(../images/m_04.gif) no-repeat 18px bottom;}
										#m_05_a{
											background:url(../images/m_05.gif) no-repeat 18px bottom;}
										#m_06_a{
											background:url(../images/m_06.gif) no-repeat 18px bottom;}
										#m_07_a{
											background:url(../images/m_07.gif) no-repeat 18px bottom;}
										#m_08_a{
											background:url(../images/m_08.gif) no-repeat 18px bottom;}
										#m_09_a{
											background:url(../images/m_09.gif) no-repeat 18px bottom;}
										#m_10_a{
											background:url(../images/m_10.gif) no-repeat 18px bottom;}
										
					#primarete, #primenews{
						width:240px;
						height:147px;
						float:left;
						clear:both;
						margin:20px 0 10px 0;}
						#primarete div, #primenews div{
							width:232px;
							height:141px;
							overflow:hidden;
							margin:0 auto;
							border:1px solid #b2b2b2;}

					
				#corpo_dx{
					width:720px;
					height:auto !important;
					height:300px;
					min-height:300px;
					float:left;
					background:url(../images/sf_menu.gif) no-repeat left 291px;}
					#orologio{
						width:720px;
						height:278px;
						float:left;
						clear:both;}
					#corpo_cont{
						width:620px;
						height:auto !important;
						height:330px;
						min-height:330px;
						float:left;
						clear:both;
						padding:35px 50px 0 50px;
						text-align:left;
						margin:0;}
						#corpo_cont li{
							margin-bottom:10px;
							list-style:decimal outside;
							margin-left:20px;}
							#ul_nospace li{
								margin-bottom:5px;
								list-style: circle outside;
								margin-left:20px;}
						.foto_sn{
							float:left;
							border:1px solid #ec6e00;
							padding:3px;
							margin:0 20px 20px 0;}
						.foto_dx{
							float:right;
							border:1px solid #ec6e00;
							padding:3px;
							margin:0 0 20px 20px;}
						#foto_bottom_txt{
							width:620px;
							height:auto !important;
							height:100px;
							min-height:100px;
							float:left;
							clear:both;
							overflow-x:hidden;
							padding:0;
							margin:0;}
			#divisione{
				width:980px;
				height:80px;
				float:left;
				clear:both;
				background:url(../images/sf_div.gif) repeat-x;}
				#div_sn{
					width:9px;
					height:80px;
					float:left;
					background:url(../images/sf_sn.gif) no-repeat top left;}
				#div_cn{
					width:965px;
					height:80px;
					float:left;
					background: url(../images/anello.gif) repeat-x;}
				#div_dx{
					width:6px;
					height:80px;
					float:left;
					background:url(../images/sf_dx.gif) no-repeat top right;}
			#modulo{
				width:980px;
				height:auto !important;
				height:200px;
				min-height:200px;
				float:left;
				clear:both;
				background:url(../images/linea_big.gif) no-repeat;
				background-position:40px bottom;
				background-color:#fdbb68;}
				#modulo_gen{
					width:780px;
					height:auto !important;
					height:200px;
					min-height:200px;
					float:left;
					clear:both;
					padding:30px 100px 0 100px;
					background:url(../images/modulo.gif) 10px no-repeat;
					text-align:left;
					margin:0;}
				#modulo_footer{
					width:780px;
					height:auto !important;
					height:60px;
					min-height:60px;
					float:left;
					clear:both;
					padding:0 100px 10px 100px;
					text-align:left;}
				#modulo_sn{
					width:220px;
					height:auto !important;
					height:200px;
					min-height:200px;
					text-align:left;
					float:left;
					padding:0 0 0 10px;}
				#modulo_cn{
					width:220px;
					height:auto !important;
					height:200px;
					min-height:200px;
					text-align:left;
					float:left;
					padding:0 50px 0 50px;}
				#modulo_dx{
					width:220px;
					height:auto !important;
					height:200px;
					min-height:200px;
					text-align:left;
					float:left;
					padding:0 10px 0 0;}
			#footer_modulo{
				width:980px;
				height:100px;
				float:left;
				clear:both;
				background:url(../images/sf_mod_cn.gif) repeat-x bottom;
				background-color:#fdbb68;}
				#mod_sn{
					width:400px;
					height:90px;
					float:left;
					padding:10px 0 0 40px;
					text-align:left;
					background:url(../images/sf_mod_sn.gif) no-repeat left bottom;}
				#mod_dx{
					width:400px;
					height:90px;
					float:right;
					padding:10px 40px 0 0;
					text-align:right;
					background:url(../images/sf_mod_dx.gif) no-repeat right bottom;}
			#footer{}


/* ---    FONT    ---  */

h1 {
	font-size:18px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-bottom:18px;
	font-weight:normal;}
h2 {
	font-size:14px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-bottom:18px;
	font-weight: bold;}
p{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	margin-bottom:14px;
	text-align:justify}
p.right{text-align:right;}
p.center{text-align:center;}
a{
	color:#623f20;
	text-decoration:none;
	font-weight:bold;}
	a:hover{
		color:#623f20;
		text-decoration: underline;
		font-weight:bold;}
.sep{
	width:600px;
	height:20px;
	padding:0 10px 0 10px;
	background: url(../images/barra_big.gif) no-repeat;
	float:left;
	clear:both;
	margin:0;
}
#mod_dx a{
	font-weight:normal;
}

/*    ----- FORM -----   */
#form{
	width:780px;
	float:left;
	clear:both;
	overflow:hidden;
}
.form_comp{
	width:210px;
	height:auto !important;
	height:350px;
	min-height:350px;
	float:left;
	clear:both;
	margin:0;}
	.form_comp li{
		display:block;
		width:210px;
		padding-bottom:10px;
		float:left;
		clear:both;
		height:36px;}
		.form_comp li label, .form_comp li input, .form_comp li textarea, .form_comp li select{
			display:block;
			float:left;
			clear:both;
			width:210px;
			padding-bottom:2px;}
			.form_comp li label, .form_comp li input{
				height:15px;}
			.form_comp li select{
				height:21px;}
			.spunta{
				width:20px;
				background-color:#fdbb68;
				border:0;
				margin-left:5px;}
				.img_test{
					top:4px;
					position:relative;
					margin:0 5px 0 5px;}
	
input, textarea, select{
	width:210px;
	border:#fff 1px solid;
	border-bottom:#000 1px dotted;
	background-color:#f1eeeb;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
}
.button{
	border:0;
	background:#ff8324;
	color:#fff;
	font-weight:bold;
	width:80px;
	margin: 10px 10px 0 10px;
}

/*   --- FINE FORM ---   */
.banner{
	width:620px;
	float:left;
	margin:50px 0 0 0 }
	.banner img{
		float:left;
		width:135px;
		height:202px;
		margin:0 25px 0 0}
		
a.linkness{
	background:url(../images/linkness_a.gif) no-repeat;
	padding-left:25px;
	font:10px Tahoma,Verdana,arial,sans-serif,helvetica;
	color:#858585;
	text-decoration:none}
a:hover.linkness{
	background:url(../images/linkness_a.gif) no-repeat;
	padding-left:25px;
	font:10px Tahoma,Verdana,arial,sans-serif,helvetica;
	color: #52A145}