/*|||||||||||||||||||| ELEMENTI BASE ||||||||||||||||||||*/
html {font-size: 100%; margin: 0px; padding: 0px; }
body {
	margin: 0px; padding: 0px 0px 2em 0px;
	text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%; color: #333333;
	background: url(/web/images/sf_body.jpg) repeat-x;
	background-color: #b9bcbf;
	}
	
div, table, th, tr, td, caption, thead, tfoot, tbody, form, label, input, textarea, img,
span, pre, p, h1, h2, h3, h4, h5, h6, a:link, a:visited, a:hover,
dl, dt, dd, ol, ul, li, strong
	{ text-align: left; margin: 0px; padding: 0px; border: 0px; }
	
 a:link,  a:visited { color: #333333; text-decoration: underline; }
	 a:hover { text-decoration: none; }
	

	
/*|||||||||||||||||||| FINE - ELEMENTI BASE ||||||||||||||||||||*/


/*|||||||||||||||||||| INIZIO GABBIA STRUTTURALE ||||||||||||||||||||*/
#contenitore {
	margin: 0px auto 0px auto;/*per netscape*/
	width: 775px;
	position: relative;
	}
	
table {
	font-size: 100%;/*per IE5*/
	border-collapse: collapse;
	}
	caption { padding: 0em 0em 0.3em 0em; font-weight: bold; color: #3974AE; }
		html>body caption { padding: 0em 0em 0.3em 10px; }/*X netscape, firefox*/
		
	thead th	{ background-color: #F2F2F2; border: 1px solid #999999; }
	
	tfoot td	{ background-color: #F2F2F2; border: 1px solid #999999; font-weight: bold; }
	
	tbody td	{ border: 1px solid #D3D3D3; }
	
	tr	{ vertical-align: top; }
	
	th, td { padding: 2px; }
		
	acronym { border-bottom: 1px dotted #D3D3D3;	}
		

/*|| INIZIO FASCIA ALTA ||*/
#testata { width: 775px; float: left; }
		#banner {
			font-size: 0px;
			width: 775px;
			height: auto !important; height: 17px; min-height: 17px;
			background: url(/web/images/banner.jpg) no-repeat;
			margin: 0px;
			padding: 105px 0px 0px 0px;
			}
			#banner h1 { display: none; }
		#menu1 {
			margin: 0px 0px 0px 190px !important;
			}
		#menu2 {
			height: auto !important; height: 30px; min-height: 30px;
			}
/*|| FINE - FASCIA ALTA ||*/

/*|| INIZIO FASCIA CORPO ||*/
#corpo100 {/*contiene colonna1, colonna2 e colcenter*/
	float: left; width: 775px;
	background: url(/web/images/sf_corpo.jpg) repeat-y;
	background-color: #638DBC;
	}
	
#colcenter100 {
	height:auto!important; height:500px; min-height:500px;
	width: 775px;
	float: left;
	}

.iframe100 {
	width: 775px;
	height:auto!important; height:500px; min-height:500px;
	position: absolute;
	top: 154px;
	left: 0px;
	z-index: 1;
	/*background: url(/web/images/mole.jpg) no-repeat 100% 100%;*/
	}

/*|| INIZIO FASCIA CORPO ||*/
#corpo {/*contiene colonna1, colonna2 e colcenter*/
	float: left; width: 775px;
	background: url(/web/images/sf_corpo.jpg) repeat-y;
	background-color: #638DBC;
	}
	
#colcenter {
	height:auto!important; height:500px; min-height:500px;
	width: 617px;
	float: left;
	}

#colonna1 {
	width: 157px;
	float: left;
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	background: url(/web/images/sf_corpo.jpg) repeat-y;
	}
#colonna2 {
	width: 157px;
	height: 500px;
	float: left;
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	background: url(/web/images/sf_corpoR.jpg) repeat-y;
	}

#colonna3 {
	width: 157px;
	height: 500px;
	float: left;
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	background: url(/web/images/sf_corpoY.jpg) repeat-y;
	}

#colonna4 {
	width: 157px;
	height: 500px;
	float: left;
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	background: url(/web/images/sf_corpoG.jpg) repeat-y;
	}

#colonnaHP {
	width: 157px;
	height: 500px;
	float: left;
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	background: url(/web/images/sf_corpoLG.jpg) repeat-y;
	}

iframe {
	width: 617px;
	height:auto!important; height:500px; min-height:500px;
	position: absolute;
	top: 154px;
	left: 157px;
	z-index: 1;
	/*background: url(/web/images/mole.jpg) no-repeat 100% 100%;*/
	}
	
homepage {
	width: 617px;
	height:auto!important; height:500px; min-height:500px;
	position: absolute;
	top: 154px;
	left: 157px;
	z-index: 1;
	background: url(/web/images/mole.jpg) no-repeat 100% 100%;
	}

/*|| INIZIO FASCIA BASSA ||*/
#piede {
	float: left; width: 775px;
	height:auto!important; height:38px; min-height:38px;	
	color: #ffffff;
	background: url(/web/images/pietichet.gif) 0px 100% no-repeat;
	font-size: 8pt;
	}
	#piede p {
		height:auto!important; height:24px; min-height:24px;	
		background: url(/web/images/sf_piede.jpg) no-repeat;
		text-align: right;
		padding: 4px 10px 0px 10px;
		}
	#piede a:link, #piede a:visited {
		color: #ffffff; text-decoration: none;
		 }
		#piede  a:hover { color: #FFFFCC; }
		
/*|| FINE - FASCIA BASSA ||*/
/*|||||||||||||||||||| FINE - GABBIA STRUTTURALE ||||||||||||||||||||*/

/*|||||||||||||||||||| INIZIO ELEMENTI INTERNI FASCIA ALTA ||||||||||||||||||||*/
#testata ul, #testata li { display: inline; margin: 0px; }
#testata a:link, #testata a:visited {
	text-decoration: none;
	}
	#menu1 {
		color: #ffffff;
		text-transform: uppercase;
		float: left;
		margin-left: 60px;
		font-size: 7pt;
		width: 58em;
		}
		#menu1 li {
			margin: 0px; padding: 0px; float: left;
			line-height: 1.8em;
			background: url(/web/images/pic.gif) no-repeat 100% 0.6em;
			height: auto !important; height: 17px; min-height: 17px;
			}
		#menu1 li a:link, #menu1 li a:visited {
			color: #ffffff;
			padding: 3px 6px 3px 6px;
			}
		#menu1 a:hover {
			color: #FFE8B9;
			background-color: #C73838;
			}
			
	#menu2 {
		background: url(/web/images/sf_menu2.jpg) no-repeat;
		font-family: Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		color: #ffffff;
		font-size: 7.3pt;
		padding: 2px 0px 0px 10px;
		}
		#menu2 li {
			float: left;
			text-align: left;
			height: auto !important; height: 30px; min-height: 30px;
			line-height: 3em;
			}
	#menu2 li a:link, #menu2 li a:visited {
			color: #ffffff;
			padding: 8px 6px 8px 6px;
			}
			#menu2 li a:hover {
				background: url(/web/images/ov_menu2.jpg) 50% 0px no-repeat;
				}
		#menu2 li ul {
			display: none;
			width: 18em;
			float: left;
			position: absolute;
			top: 30px;
			left: 0px;
			text-transform: none;
			font-size: 8pt;
			padding: 0px !important;
			margin: 0px !important;
			border: 1px solid #6CABEA;
			border-top: 0px;
			background-color: #F2F7FC;
			}
		#menu2 li li {
			display: block !important;
			float: left;
			width: 100%;
			list-style: none;
			padding: 0px !important;
			line-height: 1.1em;
			height: auto !important; height: 12px; min-height: 12px;
			border-top: 1px solid #ffffff;
			}
			#menu2 li li a:link, #menu2 li li a:visited {
				display: block !important;
				color: #07457E;
				padding: 4px 4px 4px 6px;
				}
			#menu2 li li a:hover {
				background: url(/web/images/fr_blu.gif) 0px 0.7em no-repeat;
				background-color: #FFE09F; 
				}

	/* STEO */
	#menu3 {
		background: url(/web/images/sf_menu2.jpg) no-repeat;
		font-family: Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		color: #ffffff;
		font-size: 7.3pt;
		padding: 2px 0px 0px 10px;
		}
		#menu3 li {
			float: left;
			text-align: left;
			height: auto !important; height: 30px; min-height: 30px;
			line-height: 3em;
			}
		#menu3 li a:link, #menu3 li a:visited {
			color: #ffffff;
			padding: 8px 6px 8px 6px;
			}
		#menu3 li a:hover {
			background: url(/web/images/ov_menu2.jpg) 50% 0px no-repeat;
			}
		#menu3 li ul {
			display: none;
			width: 18em;
			float: left;
			position: absolute;
			top: 30px;
			left: 50px;
			text-transform: none;
			font-size: 8pt;
			padding: 0px !important;
			margin: 0px !important;
			border: 1px solid #6CABEA;
			border-top: 0px;
			background-color: #F2F7FC;
			}
		#menu3 li li {
			display: block !important;
			float: left;
			width: 100%;
			list-style: none;
			padding: 0px !important;
			line-height: 1.1em;
			height: auto !important; height: 12px; min-height: 12px;
			border-top: 1px solid #ffffff;
			}
			#menu3 li li a:link, #menu3 li li a:visited {
				display: block !important;
				color: #07457E;
				padding: 4px 4px 4px 6px;
				}
			#menu3 li li a:hover {
				background: url(/web/images/fr_blu.gif) 0px 0.7em no-repeat;
				background-color: #FFE09F; 
				}
		/* FINE STEO */

/*|||||||||||||||||||| FINE ELEMENTI INTERNI FASCIA ALTA ||||||||||||||||||||*/


/*|||||||||||||||||||| INIZIO FASCIA CORPO E SUOI ELEMENTI INTERNI ||||||||||||||||||||*/
/*|| COLONNA1 ||*/
#colonna1 { padding: 0em 0em 2em 0em; }
/*per netscape: inibisce i punti lista fuori campo*/
#colonna1 li { list-style: none;	}
/*|| FINE - COLONNA1 ||*/

/*|||||||||||||||||||| FINE - FASCIA CORPO E SUOI ELEMENTI INTERNI ||||||||||||||||||||*/


.titleHP {
	background: url(/web/images/titleHP.jpg) no-repeat;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: normal;
	height: 30px;
	line-height: 2.8em;
	padding: 0px 4px 0px 10px;
	margin: 0px 0px 0px 2px;
	letter-spacing: 1px;
	}

.titleregister {
	background: url(/web/images/titleregister.jpg) no-repeat;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: normal;
	height: 30px;
	line-height: 2.8em;
	padding: 0px 4px 0px 10px;
	margin: 0px 0px 0px 2px;
	letter-spacing: 1px;
	}

.titleorange {
	background: url(/web/images/titleorange.jpg) no-repeat;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: normal;
	height: 30px;
	line-height: 2.8em;
	padding: 0px 4px 0px 10px;
	margin: 0px 0px 0px 2px;
	letter-spacing: 1px;
	}

.titlegray {
	background: url(/web/images/titlegray.jpg) no-repeat;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: normal;
	height: 30px;
	line-height: 2.8em;
	padding: 0px 4px 0px 10px;
	margin: 0px 0px 0px 2px;
	letter-spacing: 1px;
	}
.titleblu {
	background: url(/web/images/titleblu.jpg) no-repeat;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: normal;
	height: 30px;
	line-height: 2.8em;
	padding: 0px 4px 0px 10px;
	margin: 0px 0px 0px 2px;
	letter-spacing: 1px;
	}
	

.menublu {
	margin: 0px 0px 0px 2px;
	color: #ffffff;
	}
	.menublu li {
		line-height: 1.1em;
		border-bottom: 1px solid #7BB1E2;
		text-align: left !important;
		}
	.menublu li a:link, .menublu li a:visited {
		padding: 8px 4px 8px 6px;
		display: block;
		color: #ffffff;
		text-decoration: none;
		}
	.menublu li a:hover {
		background: url(/web/images/fr_yellow.gif) no-repeat 0px 1em;
		background-color: #3C75B2;
		color: #ffffff;
		}

.menuregister {
	margin: 0px 0px 0px 2px;
	color: #ffffff;
	}
	.menuregister li {
		line-height: 1.1em;
		border-bottom: 1px solid #858282;
		text-align: left !important;
		color: #f5bbb1;
		}
	.menuregister li a:link, .menuregister li a:visited {
		padding: 8px 4px 8px 6px;
		display: block;
		color: #858282;
		text-decoration: none;
		}
	.menuregister li a:hover {
		background: url(/web/images/fr_yellow.gif) no-repeat 0px 1em;
		background-color: #d7988e;
		color: #ffffff;
		}
		
		
.menuHP {
	margin: 0px 0px 0px 2px;
	color: #ffffff;
	}
	.menuHP li {
		line-height: 1.1em;
		border-bottom: 1px solid #858282;
		text-align: left !important;
		list-style: none;
		}
	.menuHP li a:link, .menuHP li a:visited {
		padding: 8px 4px 8px 6px;
		display: block;
		color: #858282;
		text-decoration: none;
		}
	.menuHP li a:hover {
		background: url(/web/images/fr_yellow.gif) no-repeat 0px 1em;
		background-color: #3C75B2;
		color: #ffffff;
		}
		
.menugreen {
	margin: 0px 0px 0px 2px;
	color: #ffffff;
	}
	.menugreen li {
		line-height: 1.1em;
		border-bottom: 1px solid #b8d1b3;
		text-align: left !important;
		list-style: none;
		}
	.menugreen li a:link, .menugreen li a:visited {
		padding: 8px 4px 8px 6px;
		display: block;
		color: #ffffff;
		text-decoration: none;
		}
	.menugreen li a:hover {
		background: url(/web/images/fr_yellow.gif) no-repeat 0px 1em;
		background-color: #899b85;
		color: #ffffff;
		}

.menugray {
	margin: 0px 0px 0px 2px;
	color: #ffffff;
	}
	.menugray li {
		line-height: 1.1em;
		border-bottom: 1px solid #a4a480;
		text-align: left !important;
		list-style: none;
		}
	.menugray li a:link, .menugray li a:visited {
		padding: 8px 4px 8px 6px;
		display: block;
		color: #ffffff;
		text-decoration: none;
		}
	.menugray li a:hover {
		background: url(/web/images/fr_yellow.gif) no-repeat 0px 1em;
		background-color: #a9a985;
		color: #ffffff;
		}

.menurosso {
	margin: 0px 0px 0px 2px;
	color: #ffffff;
	}
	.menurosso li {
		line-height: 1.1em;
		border-bottom: 1px solid #e0c8cb;
		text-align: left !important;
		list-style: none;
		}
	.menurosso li a:link, .menurosso li a:visited {
		padding: 8px 4px 8px 6px;
		display: block;
		color: #ffffff;
		text-decoration: none;
		}
	.menurosso li a:hover {
		background: url(/web/images/fr_yellow.gif) no-repeat 0px 1em;
		background-color: #a18184;
		color: #ffffff;
		}

div#menu2 ul {
	z-index: 2 !important;
	}
div#menu2 li.primo {
	position: relative;
	z-index: 3 !important;
	}

div#menu2 li ul { display: none; }

/*contestualizzazione area Intranet*/
/*#menu2 li#intranet ul {
	background: url(/web/images/cle.jpg) 90% 1px no-repeat;
	padding-top: 22px !important;
	background-color: #F2F7FC;
	}*/
	#menu2 li#intranet ul li a:link, #menu2 li#intranet ul li a:visited {
		background: url(/web/images/cle_p.jpg) no-repeat 1px 2px;
		padding-left: 12px !important;
		}
		#menu2 li#intranet ul li a:hover {
			background: url(/web/images/fr_blu.gif) 0px 0.7em no-repeat;
				background-color: #FFE09F; 
		}