html, body {
	margin:					0;
	padding:				0;

	/*background:				#b0b0b0;*/
	background:				#ffffff;
	color:					#000;

	font-family:			Verdana;
	font-size:				8pt;

	text-align:				center;
}


/**
 * Standard classes.
 */
.str { display:none; }
.clr {
	display:				block;
	clear:					both;
	font-size:				1px;
	height:					0;
	overflow:				hidden;
}



/**
 * Colonna centrale.
 * Contiene la pagina e definisce le dimensioni fisse in larghezza del documento.
 */
#main {
	display:				block;
	width:					100%;
	margin:					auto;
	background:				#fff;
}


/**
 * Contenitore della colonna centrale di 1000px.
 */
#container {
	display:block;
	margin:auto;
	position:relative;
	width:1000px;
	z-index:				1;
}

#content {
	z-index:				1;
}


/**
 * Intestazioni di pagina.
 * In base alla classe del body viene utilizzato uno sfondo diverso per permettere
 * la realizzazione del submenu oppure includere il filmato flash.
 */
#heading {
	position:				relative;
	display:				block;
	text-align:				left;
		z-index:				2;
}
body #heading {
	height:					214px;
	background:				#fff url(sf_page1_b.jpg) repeat-x;
}
body #heading #container {
	height:180px;
}
body.home #heading {
	height:					355px;
	background:				#fff url(sf_home_b.jpg) repeat-x;
}
body.home #heading #container {
	height:					355px;
}

#heading h1, #heading h1 span {
	display:				block;
	height:					120px;
	margin:					0;
}
#heading h1 {
	position:				relative;
	font-size:				8pt;
}
#heading h1 span {
	position:				absolute;
	top:					0;
	left:					0;
	width:					400px;
	background:				url(logo.jpg) no-repeat;
}



/**
 * Menu principale applicazione.
 */
#mm1 {
	position:				absolute;
	top:					111px;
	right:					70px;

	display:				block;
	height:30px;
	margin:					0;
	padding:				0;

	background: url(sf_mm1.jpg);
	list-style:				none;
	border-left: 1px solid #fff;
}
#mm1 li {
	/*position:relative;*/  /* Modifica Thomas*/
	margin:					0;
	padding:				0;
	display: inline;
	/*float:left;*/  /*Modifica Thomas*/
}
#mm1 li a {
	display:				block;
	height:					30px;
	float:					left;

	color:					#000;
	text-decoration:		none;
	text-transform:			uppercase;

	background:				url(sf_mm1_divide.jpg) right no-repeat;
}
#mm1 li.last a {
	background:				url(sf_mm1_divide_last.jpg) right no-repeat;
}
#mm1 li a:hover, #mm1 li a.active {
	background:				#fff url(sf_mm1_divide_on.jpg) right no-repeat;
}
#mm1 li.last a:hover, #mm1 li.last a.active {
	background:				#fff url(sf_mm1_divide_last_on.jpg) right no-repeat;
}
#mm1 li a span {
	display:				block;
	margin:					8px;
}


/**
 * Submenu di applicazione
 */

#mm1 li ul {
	position:				absolute;
	width:					780px; /* Larghezza fissa per il submenu. */
	top:					30px;
	left:					0;

	display:				block;
	float:					left;

	margin:					0;
	padding:				0;

	display:				block;
	height:					39px;
}
#mm1 li ul li {
	position:				relative;

	display:				block;
	height:					39px;

	float:					left;
} #mm1 li ul>li { width:auto; }
#mm1 li ul li a {
	display:				block;
	height:					39px;
	background:				url(sf_mm2.jpg);
}

#mm1 li ul li a:hover, #mm1 li ul li a.active {
	text-decoration: 		underline;
	background:				url(sf_mm2_1.jpg);
}
#mm1 li ul li a span {
	display:				block;
	margin:					13px 10px 0 20px;
}


/**
 * Menu di lingua
 */
#langs {
	position:				absolute;
	top:					20px;
	right:					67px;
	display:block;

	margin:					0;
	padding:				0;
	list-style:				0;
}
#langs li {
	display:				inline;
}
#langs li a img {
	border:					0;
}



/**
 * Placeholder per flash.
 */
div#flash_content {
	position:				absolute;
	bottom:					0;
	left:					20px;

	display:				block;
	width:					1000px;
	height:					214px;
	overflow:				hidden;

	margin:					0;
	padding:				0;
	text-align:				left;
	z-index:				1;
}



/**
 * Struttura del contenuto principale delle pagine.
 * Layouting a 2 e 3 colonne.
 */
#content div.column {
	display:block;

	min-height: 200px;
	height: auto !important;
	height: 200px;

	margin: 20px 0 20px 0;
}

/* Dimensioni delle colonne */
#sx {
	width:285px;
	float:left;
	text-align:left;
}
#dx {
	width:272px;
	float:right;
	text-align:left;
}

#cnt {
	/*width:467px; con 1024*/
	width:443px; /*con 1000*/
	float:left;
	text-align: left;
}
/* Colonna centrale doppia. */
#cnt.double {
	/*width:720px; con 1024*/
	width:697px; /* con 1000 */
}
#cnt2 {
	/*width:720px; con 1024*/
	width:443px;
	float:left;
	text-align: left;	
}


/* Titolazione con sfondo nero bisfumatura. */
#sx h2, #dx h2 {
	position: relative;

	display: block;
	width:231px;
	height:31px;

	margin:0 0 0 20px;
	padding:0;

	background: #000 url(sf_menu_title.gif) no-repeat;
	color:#fff;

	border:1px solid #000;
}
#sx h2 span, #dx h2 span {
	position: absolute;
	top:7px;
	left:10px;

	font-size:10pt;
	font-weight: normal;
	text-transform: uppercase;
}


/* Navigazione menu di sinistra */
#sx ul.nav {
	display:block;
	margin: 10px 0 0 20px;
	padding:0;
	list-style: none;
}
#sx ul.nav li, #sx ul.nav li a {
	position:relative;
	display:block;
	width:231px;
	height:28px;
}
#sx ul.nav li {
	margin: 0 0 2px 0;
	border: 1px solid #e4e4df;
}
#sx ul.nav a {
	background: url(sf_nav_sx.jpg) repeat-x;
	text-decoration: none;
}
#sx ul.nav a:hover {
	background: url(sf_nav_sx1.jpg) repeat-x;
}
#sx ul.nav li.active a {
	background: url(sf_nav_sx2.jpg) repeat-x;
}
#sx ul.nav a span {
	position: absolute;
	top: 5px;
	left: 5px;
	font-size: 9pt;
	color:black;
}


/**
 * Box News
 */
div.box {
	display: block;
	width:231px;

	margin:10px 0 0 20px;
	padding:0;

	background: url(sf_box.jpg) repeat-x;
	border:1px solid #4d4d4c;
}
div.box h3, #cnt div.news_index h3 {
	margin: 7px;
	font-size: 8pt;
	text-transform: uppercase;
}
div.box h3 span, #cnt div.news_index h3 span {
	display:block;
	color:#ff6a07;
}
div.box p.txt, #cnt div.news_index p.txt {
	margin: 0 7px 7px 7px;
	color: #666;
}

/**
 * Box Banner
 */
div.box2 {
	display: block;
	width:231px;
	height: 140px;

	margin:10px 0 0 20px;
	padding:0;

	background: url(sf_box.jpg) repeat-x;
	border:1px solid #4d4d4c;
}
div.box2 h3 {
	margin: 7px;
	font-size: 8pt;
	text-transform: uppercase;
}
div.box2 h3 span {
	display:block;
	color:#ff6a07;
}
div.box2 p.txt {
	margin: 0 7px 7px 7px;
	color: #666;
}
/**
 * Box3
 */
div.box3 {
	float:left;
	clear: none;
	width:215px;

	margin:5px 0 0 20px;
	padding:0;

	background: url(sf_box.jpg) repeat-x;
	border:1px solid #4d4d4c;
	/* background-color: #D9E1E4; */
	text-align: left;
}
div.box3 h3, #cnt div.news_index h3 {
	margin: 7px;
	font-size: 8pt;
	text-transform: uppercase;
}
div.box3 h3 span, #cnt div.news_index h3 span {
	display:block;
	color:#ff6a07;
}
div.box3 p.txt, #cnt div.news_index p.txt {
	margin: 0 7px 7px 7px;
	color: #666;
}



#content_box3 {
	display:block;
	margin:auto;
	position:relative;
	width:1000px;
	z-index:				1;
	height: 300px;
}

.centercol {
	margin:0 0 0 18px;
	min-height: 260px;
	padding: 0;
	width: 690px;
}

.lineright {
	  border-left: 1px solid #F0F0F0;
}



/* Link con sfondo personalizzato. */
p.lnk {
	margin: 0 7px 30px 7px;
}
p.lnk a {
	color:black;
	padding: 3px 23px 20px 0;
	font-weight: bold;
	text-transform: capitalize;
	background: url(sf_box_lnk.jpg) top right no-repeat;
}


/* Link generico contenuto. */
#cnt p.lnk {
	float:left;
	margin:0;
	padding: 0 0 10px 10px;
	background: url(sf_box_lnk1.jpg) left -2px no-repeat;
}
#cnt p.lnk a {
	text-decoration: none;
}
/* Link nella pagina elenco news */
#cnt div.news_index p.lnk {
	float:none;
	background:none;
	text-align: right;
}

/* Banners */
div.box, div.wbox {
	display: block;
	width:231px;

	margin:10px 0 0 20px;
	padding:0;
}

div.box a.ban, div.wbox a.ban {
	display: block;
	width: 100%;
	text-align: center;
}
div.box a.ban img, div.wbox a.ban img {
	border: 1px solid #fff;
	margin: 10px auto 10px auto;
}


div.box2, div.wbox2 {
	display: block;
	width:231px;
	height: 140px;

	margin:10px 0 0 20px;
	padding:0;
}

div.box2 a.ban, div.wbox2 a.ban {
	display: block;
	width: 100%;
	text-align: center;
}
div.box2 a.ban img, div.wbox2 a.ban img {
	border: 1px solid #fff;
	margin: 10px auto 10px auto;
	text-align: center;
}



#cnt p.ban {
	margin:0;
	float:right;
}
#cnt p.ban a img {
	border:0;
}



#eventi {
	margin:0;
	padding:0;
	list-style: none;
}
#banner2 {
	margin:10px 0 0 10px;
	padding:0;
	list-style: none;
}
#banner3 {
	margin:10px 0 0 10px;
	padding:0;
	list-style: none;
}
#homeflash {
	margin:0 0 0 0;
	padding:0;
	list-style: none;
	border: 0 none;
}

div.flashcontent a.banflash img {
	display: block;
	border: 0 none;
	text-decoration: none;
	text-align: center;
}

a.banflash img{
	text-decoration: none;
	border: 0 none;

}

/**
 * Contenuto principale della pagina.
 */
#cnt h2 {
	margin: 0 0 10px 0;
	font-size: 10pt;
	color:#000;
}

#cnt h1 {
	margin: 0 0 10px 0;
	font-size: 11pt;
	color:#000;
}

#cnt li a {
	font-size: 8pt;
	color:#000;
}

#cnt.double h2 {
	margin: 0 0 30px 0;
	font-size: 10pt;
	color:#000;
}


/* Bussola di navigazione */
#cnt ul.nav {
	display:block;
	margin:0;
	padding:0;
	float:right;
}
#cnt ul.nav li {
	display: inline;
	background: url(sf_nav.jpg) left no-repeat;
	padding-left: 16px;
}
#cnt ul.nav li.first {
	background: none;
}
#cnt ul.nav li a {
	color:#000;
	text-decoration: none;
}


/* Pagina elenco news */
#cnt div.news_index h3 {
	margin-left:0;
}
#cnt div.news_index p, #cnt div.news_index p.txt {
	margin-left:0;
	color: #000;
}
#cnt div.news_index div.nav {
	position:relative;
}
#cnt div.news_index div.nav a img {
	border:0;
}
#cnt div.news_index div.nav span {
	display:block;
	font-weight: bold;
	color:#fa9536;
	margin: -31px 0 0 50px;
}
#cnt div.news_index p.image {
	text-align: right;
}
#cnt div.news_index p.image a img {
	border:0;
}


/* Link approdonfimenti. */
p.lnk2 {
	margin: 0 7px 30px 7px;
}
p.lnk2 a {
	color:black;
	padding: 0;
	margin: 0;
	font-weight: bold;
	text-transform: capitalize;	
}



/**
 * Footing
 */
#footer {
	position:				relative;
	display:				block;
	/*height:					172px;*/
	height:					100px;
	background:				url(sf_footer.jpg) repeat-x;
}

#footer #container {
	position: absolute;
	left:50%;
	margin-left: -500px;
	display:block;
	width:1000px;
	height: 100px;
}

#footer a {
	color:					#000;
	text-decoration: 		none;
}
#footer a:hover {
	text-decoration: 		underline;
}


#footer ul {
	float:					left;
	margin:					0 0 0 6px;
	padding:				0;
	list-style:				none;
} #footer>ul { margin: 0 0 0 16px; }
#footer ul li {
	display: 				inline;
}
#footer ul li a {
	display:				block;
	margin:					5px 0 0 5px;
	padding-right:			15px;
	float:					left;
	background:				url(sf_ft_ul.jpg) right no-repeat;
	text-transform:			uppercase;
}
#footer ul li a.last {
	background: none;
}


#footer div {
	display:				block;
	width:					600px;
	float:					right;
}
#footer div p {
	display:				block;
	float:					right;
	margin:					5px 0 0 0;
	padding: 				0 20px 0 10px;
	background: 			url(sf_ft_ul.jpg) right no-repeat;
}
#footer div p.last {
	background:				none;
}













#thickcredits {
	position:				absolute;
	left: 					-10000px;
	top: 					-10000px;
	visibility:				hidden;
}



/**
 * Form Contatti
 */
form.contatti {
	font-family: 			verdana;
	font-size:				7.5pt;
}
form.contatti p, form.contatti textarea {
	margin: 5px 10px 5px 5px;
	padding:0;
}
form.contatti fieldset {
	border: 				1px solid #fceed2;
	margin-bottom:			15px;
}
form.contatti fieldset legend {
	color: 					#fb8d2b;
	font-weight:			bold;
}
form.contatti label {
	color: #5b5d58;
	padding-right: 25px;
}
form.contatti fieldset input, form.contatti fieldset select, form.contatti fieldset textarea {
	border: 1px solid #666;
	color: #333;
	font-size:8.5pt;
	padding:1px;
}
form.contatti span.obb {
	color:red;
}

/* Nome/Cognome, Email/Telefono */
form.contatti fieldset.pair label {
	display:block;
	width:40px;
	float:left;
}
form.contatti fieldset.pair input {
	width: 170px;
}
form.contatti fieldset.pair p {
	display:block;
	width:300px;
	float:left;
}

/* Indirizzo */
form.contatti fieldset#fs3 label {
	display: block;
	width:40px;
	float:left;
}
form.contatti fieldset#fs3 p#fs3p1 input {
	width: 485px;
}
form.contatti fieldset#fs3 p#fs3p2, form.contatti fieldset#fs3 p#fs3p3 {
	display:block;
	width:300px;
	float:left;
}
form.contatti fieldset#fs3 p#fs3p2 input, form.contatti fieldset#fs3 p#fs3p3 select {
	width: 200px;
}
form.contatti fieldset#fs3 p#fs3p4, form.contatti fieldset#fs3 p#fs3p5 {
	display:block;
	width:300px;
	float:left;
}
form.contatti fieldset#fs3 p#fs3p4 input, form.contatti fieldset#fs3 p#fs3p5 select {
	width: 200px;
}
form.contatti fieldset#fs3 p#fs3p4 {
	width: 140px;
}

form.contatti fieldset#fs3 p#fs3p5 {
	padding-left: 160px;
}

form.contatti fieldset#fs3 p#fs3p4 input {
	width: 40px;
}

form.contatti fieldset#fs3 p#fs3p3 input, form.contatti fieldset#fs3 p#fs3p5 input {
	width: 170px;
}

/* Note */
form.contatti textarea#ff12 {
	font-family: verdana;
	width: 400px;
	height: 50px;
}

/* Submit area */
form.contatti #submit p {
	float:right;
}