html {
	height: 100%;
}
body {
	background: #F0F0F0 url(../images/intro/bg_logooptima.gif) no-repeat bottom left;
	margin: 0px;
	height: 100%;
}

#bg_bianco {
	background: #FFFFFF url(../images/intro/bg_sfumatura.gif) repeat-x top left;
	text-align: center;
	border-bottom: 1px solid #CCCCCC;
	height: 250px;
}
#bg_fameccanica {
	background: transparent url(../images/intro/bg_logofameccanica.gif) no-repeat top right;
	height: 100%;
}
h2 {
	background: transparent url(../images/intro/logo.gif) no-repeat center;
	text-indent: -9000px;
	overflow: hidden;
	height: 122px;
	padding: 0px;
	margin: 0px;
	position:relative;
	top: 108px;
}
#separatore {
	background: transparent url(../images/intro/separatore.gif) repeat-x top left;
	height: 40px;
}
#selezionalingua {
	width: 314px;
	margin: 0 auto;
	height: 68px;
}
h3 {
	background: transparent url(../images/intro/sceglilalingua.gif) no-repeat center;
	text-indent: -9000px;
	overflow: hidden;
	width: 223px;
	float: left;
}

ul {
	padding: 0px;
	list-style-type: none;
	border-left: 1px solid #CCCCCC;
	margin: 0px 0px 0px 233px;
	width: 77px;
}
ul li {
	overflow: hidden;
	text-indent: -9000px;
}
ul li.ita, ul li.ita a,
ul li.eng, ul li.eng a {
	background: transparent url(../images/intro/lingue.gif);
	display: block;
	height: 34px;
}
ul li.ita, ul li.ita a { width: 77px; }
ul li.eng, ul li.eng a { width: 77px; background-position: 0px -34px; }
ul li.ita, ul li.ita a:hover { background-position: -77px 0px; }
ul li.eng, ul li.eng a:hover { background-position: -77px 34px; }