/* CSS Document FOR LUCCHINI */

#page .topMain .main p{
	font-size: 12px;
	line-height: 36px;
	margin: 6px 0;
}
* {margin: 0; padding: 0;}
body{
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 11px;
	line-height: 14px;	
	margin: 0 auto;
	color: #333333;
}
/* link */
a img, img {border: 0;}
a{ text-decoration: none; color: #333333;}
a:hover{ text-decoration: underline;}

/* hr */
hr{
	clear: left; 
	height: 0; 
	visibility: hidden;
	margin-bottom: 5px;
}
.dr {
	border-top: solid 1px #eeeeec;
	height: 1px;
	margin: 4px 0;
}

#switchlanguage{
	width: 900px;/*mod*/
	height: 18px;
	margin: 0px auto;
	text-align: right;
	line-height: 18px;
}
#switchlanguage p{
	line-height: 18px;
}
#switchlanguage img{
	margin:2px 0 2px 6px;
}
#switchlanguage a {
	text-decoration: none;
}
#containerhp{
	background: url(img/bg-container.gif) no-repeat right top;
	width: 900px;/*mod*/
	margin: 0px auto 200px auto;

}

#headerhp{
	background:  url(img/serverstal-big.gif) no-repeat right 8px;
	width: 900px;/*mod*/
	height: 55px;
}

#container{
	background: url(img/bg-container.gif) no-repeat right top;
	width: 870px;/*mod*/
	margin: 20px auto;

}
#header{
	background: url(img/serverstal-big.gif) no-repeat right 8px;
	width: 870px;/*mod*/
	height: 55px;
}
	img.logo{
	float:left;
	}
	ul#primarylinks{
		height: 22px;
	}
		ul#primarylinks li{
			background: url(img/bg-primary-li.gif) no-repeat left top;
			margin: 10px 0px;
			list-style: none;
			float: left;
		}
		ul#primarylinks li.home{
			margin: 10px 0px 12px 0px;
			background: none;
			list-style: none;
			float: left;
		}
			ul#primarylinks li a{
				color: #595959;
				padding: 6px 10px;
				text-decoration: none;
				display: block;
			}
			ul#primarylinks li a:hover{
				color: #cccccc;
				text-decoration: none;
			}
			ul#primarylinks li a.sel{
				background: url(img/primary-sel.gif) no-repeat center top;
				color: #d30300;
				text-decoration: none;
			}
			ul#primarylinks li a.sel:hover{
				color: #d30300;
				text-decoration: none;
			}
	#search{}
/*HOMEPAGE*/
#claim{
	width: 900px;
	height: 260px;
}
.coll{
		width: 300px;
		/*margin-right: 5px;*/
		float: left;
}
#contentHp{
}
	#mainHP{
		width: 600px;
		margin-right: 300px;
	}
		#mainHP .about{
			padding: 20px 30px 20px 0px;
		}
		
			#mainHP .about p{
				font: 160%/180% Lucida, sans-serif;
				color: #666666;
				font-weight: normal;
			}
		#mainHP .focus hr{
			clear: left;
			display: none;
		}
				#mainHP .focus p{
			margin-bottom: 6px;
		}
			#mainHP .focus .col1{
				border-top: 1px solid #ebebeb;
				width: 290px;
				margin-right: 5px;
				float: left;
			}
					#mainHP .focus .col1 h1{
						background: url(img/h1-col1.gif) no-repeat left top;
						width: 100%;
						height: 22px;
					}
					#mainHP .focus .col1 h1.eng{
						background: url(img/h1-col1-eng.gif) no-repeat left top;
						width: 100%;
						height: 22px;
					}
					#mainHP .focus .col1 h1.fra{
						background: url(img/h1-col1-fra.gif) no-repeat left top;
						width: 100%;
						height: 22px;
					}
						#mainHP .focus .col1 h1 span{
							visibility: hidden;
						}
			#mainHP .focus .col2{
				border-top: 1px solid #ebebeb;
				width: 290px;
				margin-left: 5px;
				float: left;
			}
					#mainHP .focus .col2 h1{
						background: url(img/h1-col2.gif) no-repeat left top;
						width: 100%;
						height: 22px;
					}
						#mainHP .focus .col2 h1 span{
							visibility: hidden;
						}
	.sidebar{
		width: 300px;
		min-height: 220px;
		float: right;
		padding-top: 20px;
	}
	
			.sidebar .address h2{
			font-size: 90%;
			font-weight: normal;
			text-transform: uppercase;
			margin-bottom: 5px;
			}
			.sidebar .address h3{
			font-size: 95%;
			font-weight: bold;
			text-transform: uppercase;
			margin-bottom: 2px;
			}
			.sidebar .address p{
			font-size: 100%;
			line-height: 140%;
			font-weight: normal;
			margin-bottom: 0px;
			}
/*INTERNAL PAGES*/

#content{
	background: url(img/bg-content.gif) repeat-y left top;
}

#navigation{
	width: 150px;/*mod*/
	padding-bottom: 10px;
	float: left;
}
	#navigation h1{
		font-size: 12px;
		font-weight: normal;
		padding: 5px;
	}
		#navigation h1 a{
		}
		#navigation h1.in a{
		color: #990000;
		}
	#navigation h1.sel{
		background: url(img/bg-h1-sel.gif) no-repeat left top;
		font-size: 12px;
		font-weight: normal;
		padding: 5px;
	}
		#navigation h1.sel a{
		color: #FFFFFF;
		}
		#navigation h1.sel a.in{
		}

	#navigation ul{
		margin-left: 10px;
	}
		#navigation ul li{
			font-size: 11px;
			list-style: none;
			margin: 4px 0;
			padding: 4px 0;
		}
		#navigation ul li.sel{
			background: url(img/bg-li-sel.gif) no-repeat left top;
			padding: 4px 0 4px 2px;
		}
			#navigation ul li.sel a{
			color: #FFFFFF;
			}
		#navigation ul li.sel-long{
			background: url(img/bg-li-sel-long.gif) no-repeat left top;
			padding: 4px 0 4px 2px;
		}
		#navigation ul li ul li.sel-long{
			background: url(img/bg-li-sel-long.gif) no-repeat left top;
			padding: 4px 0 4px 2px;
		}
			#navigation ul li.sel-long a{
			color: #FFFFFF;
			}
			#navigation ul li a.in{
			}

			#navigation ul li.sel ul li a{
			color: #333;
			}
			#navigation ul li.sel-long ul li a{
			color: #333;
			}


		#navigation ul li ul li.sel{
			background: url(img/bg-li-sel2.gif) no-repeat left top;
			padding: 4px 0 4px 2px;
		}


#page{
	margin-left: 160px;/*mod*/
}
#page ul.lista li{
	margin: 0 15px;
	font-size: 12px;
	line-height: 18px;
}

/* utility */
	#utility { 
	height:20px; 
	margin: 10px 0px; 
	padding-bottom: 1px;
	font-size: .85em; 
	line-height: 1.8em;
	color:#999999; 
	}
		#utility .breadcrumbs { 
		float:left;
		}
			#utility .breadcrumbs a { 
			color:#999999; 
			margin-right: 0.5em; 
			}
			#utility .breadcrumbs a:hover { 
			color:#666;
			}
	
		#tools { 
		font-size: 10px;
		width: 240px; 
		float: right; 
		margin: 0;
		text-align: right;
		}
			#tools a.stampa { 
				background: url(img/print.gif) no-repeat left top;
				padding: 4px 0 4px 18px;
			}
			#tools a:hover.stampa { color:#666666;}
			#tools a.large{ 
				background: url(img/big-a.gif) no-repeat left top;
				padding: 4px 0 4px 18px;
}
			#tools a.small{ 
				background: url(img/small-a.gif) no-repeat left top;
				padding: 4px 0 4px 18px;
}				
				#tools a span{
				display: none;
				}
#page .topMain {
	float: left;
	min-height: 200px;
	height: auto !important;
	height: 200px;
	
}
#page .topMain .main{
	width: 480px;
	float: left;	
}
#page .topMain .sidebar{
	background-color: #f0f0f0;
	width: 200px;
	float: right;
	padding: 10px;
}
#page .topMain .main img.corredo{
	float: right;
	margin: 0px 0px 5px 10px;
}


/* page typography */
#page h1{
	font: normal 22px/22px Helvetica, Arial, Verdana, sans-serif;
	color:#666666;
	letter-spacing: 0px;
	margin-bottom: 12px;
}

#page .topMain .main p{
	font-size: 12px;
	line-height: 18px;
	margin: 4px 0;
}
#page .main ul li{
	font-size: 12px;
	line-height: 18px;
	margin-left: 1em;
}
#page h2{
	font: bold 13px/16px Helvetica, Arial, Verdana, sans-serif;
	color:#666666;
	text-transform: uppercase;
	margin: 14px 0 0 0;
}

#page h3{
	font: bold 13px/16px Helvetica, Arial, Verdana, sans-serif;
	color:#666666;
	margin: 18px 0 0 0;
}



#page .sidebar h1{
	font: normal 16px/24px Helvetica, Verdana, Arial, sans-serif;
	letter-spacing: 1px;
	margin-bottom: 10px;
	color:#666;
}

#page .sidebar h1.valori{
	font: bold 13px/20px Helvetica, Arial, Verdana, sans-serif;
	color:#666666;
	letter-spacing: 0px;
	margin-bottom: 4px;
}



#page .sidebar h2{
	font: normal 11px/16px Helvetica, Verdana, Arial, sans-serif;
	text-transform: uppercase;
	margin: 8px 0 0 0;
}
#page .sidebar p{
	margin: 0px 0 5px 0;
}

#page .sidebar h2 a.externalink{
	background: url(img/0102_extlink.png) no-repeat 0px 0px;
	padding-left: 16px;
	display: block;
}

#page .sidebar .dr {
	border-top: solid 1px #fff;
	height: 1px;
	margin: 4px 0;
}
#page .sidebar img {
	border: solid 1px #eeeeec;
}


#page .sidebar ul{
	margin: 0px 0 10px 0;
}

#page .sidebar ul li{
	list-style-type: none;
	margin: 0 0 2px 0;
}

#page .sidebar ul li.listavalori{
	font-style: none;
}

.grassetto {
	color: #d30300;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}



#footer{
	border-top: 1px #ccc solid;
/*	background: url(img/severstal.gif) no-repeat right 5px;
*/	margin: 5px 0;
	padding: 10px 0 25px 0;
	font-size: 85%;
	position: relative;
}
#footer .logo{
	position:absolute;
	top:12px;
	right: 0px;
	}