/*/////////////////////////////////////////////////////// OVERALL DEFINITIONS ///////////////////
_______________________________________________________________________________________________________ */

/* reset all block-level elements margins & paggings (1)
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td { margin: 0; padding: 0; } 
*/

body {
	/* layout
	------------------ */
	margin: 0px;
	padding: 0px;
	/* formatting
	------------------ */
	/*  see references (2) */
	font-family: Tahoma, Arial, Helvetica, Optima, sans-serif;
	font-size: 62.5%;  /* 16px x 62.5% = 10px */
	text-align: left;
	color: #333333;
	background: #FFFFFF url(../img/interface/stripe_back_top.png) repeat-x top left;
	border: none;
	}

h1 {
	/* layout
	------------------ */
	margin: 0px;
	padding: 0px;
	/* formatting
	------------------ */
	font-size: 4.2em;
	line-height: 48px;
	letter-spacing: -1px;
	text-align: left;
	color: #000000;
	}

h2 { 
	/* layout
	------------------ */
	margin: 0px;
	padding: 0px;
	/* formatting
	------------------ */
	font-size: 1.5em;
	/*font-weight: normal;*/
	line-height: 1em;
	letter-spacing: -1px;
	text-align: left;
	color: #000000;
	}

p {
	/* layout
	------------------ */
	margin: 0px 0px 1.0em 0px;
	padding: 0px;
	/* formatting
	------------------ */
	font-size: 1.4em;
	line-height: 1.4em;
	letter-spacing: 0px;
	/* <- locally declared -> */
	}

ul, ol {
	/* layout
	------------------ */
	margin: 0px;
	padding: 0px;
	/* formatting
	------------------ */
	list-style-type: none;
	}

	ul li, ol li {
		/* layout
		------------------ */
		margin: 0px;
		padding: 0px;
		/* formatting
		------------------ */
		/* <- locally declared -> */
	}

form, form fieldset { 
	/* layout
	------------------ */
	margin: 0px;
	padding: 0px;
	/* formatting
	------------------ */
	border: none;	
	}


/*/////////////////////////////////////////////////////// COMMON DEFINITIONS ////////////////////
_______________________________________________________________________________________________________ */


/*............................... CLEARERS ........*/

form br, div.clearer { 
	/* layout
	------------------ */
	height: 0px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	clear: both;
	display: block;
	border: none;
	visibility: hidden;
	}

div.spacer { 
	/* layout
	------------------ */
	height: 24px;
	margin: 0px;
	padding: 0px;
	clear: both;
	display: block;
	/*visibility: hidden;*/
	}


/*............................... LINKS ..........*/

a, a:hover, a:active, a:visited {
	/* formatting
	------------------ */
	color: #FF3334;
	}

	/* avoid borders on images contained in links */
	a img, :link img, :visited img { border: none; }


/*............................... SLIMBOX ..........*/

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(../img/interface/slimbox/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../img/interface/slimbox/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../img/interface/slimbox/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../img/interface/slimbox/closelabel.gif) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}


/*/////////////////////////////////////////////////////// COMMON BOXES DEFINITIONS //////////////
_______________________________________________________________________________________________________ */


#boxRoot {
	/* layout
	------------------ */
	width: 100%;
	margin: 0px;
	padding: 0px;
	/* formatting
	------------------ */
	background: url(../img/interface/stripe_back_bot.png) repeat-x bottom left;
	}

	#wrpMain {
		/* layout
		------------------ */
		width: 920px;
		margin: 0px auto;
		padding: 0px;
		}
		
		/*||||||||||||||||||||||||||||||| HEADER |||||||||||
		__________________________________________________________ */

		#boxHead {
			/* layout
			------------------ */
			position: relative;
			width: 900px;
			height: 253px;
			margin: 0px;
			padding: 0px 10px;
			/* formatting
			------------------ */
			background: url(../img/interface/head_background.png) no-repeat top left;
			}

			#boxRoot.ita #boxHead { background: url(../img/interface/head_background_ita.png) no-repeat top left; }
			#boxRoot.eng #boxHead { background: url(../img/interface/head_background_eng.png) no-repeat top left; }

			#boxHead h4 { margin: 0px; padding: 0px; text-indent: -999px; overflow: hidden; }
			/*#boxHead h4 { display: none; }*/
				#boxHead h4 a {
					/* layout
					------------------ */
					position: absolute;
					top: 25px;
					left: 45px;
					width: 135px;
					height: 135px;
					margin: 0px;
					padding: 0px;
				}


			/*||||||||||||||||||||||||||||||| HEADER > MENU ||||
			__________________________________________________________ */

			#boxHead #boxHeadMenu {
				/* layout
				------------------ */
				position: absolute;
				top: 193px;
				left: 10px;
				width: 900px;
				height: 60px;
				margin: 0px;
				padding: 0px;
				}

				#boxHead #boxHeadMenu li {
					/* layout
					------------------ */
					position: absolute;
					height: 60px;
					margin: 0px;
					padding: 0px;
					/* formatting
					------------------ */
					background-image: url(../img/interface/menu.png);
					background-repeat: no-repeat;
					}

					#boxRoot.ita #boxHead #boxHeadMenu li#bhmItem1 { left:   0px; width: 215px; background-position:    0px 0px; }
					#boxRoot.ita #boxHead #boxHeadMenu li#bhmItem2 { left: 216px; width: 218px; background-position: -216px 0px; }
					#boxRoot.ita #boxHead #boxHeadMenu li#bhmItem3 { left: 435px; width: 247px; background-position: -435px 0px; }
					#boxRoot.ita #boxHead #boxHeadMenu li#bhmItem4 { left: 683px; width: 217px; background-position: -683px 0px; }
						#boxRoot.ita #boxHead #boxHeadMenu.isActive1 li#bhmItem1 { background-position:    0px -60px; }
						#boxRoot.ita #boxHead #boxHeadMenu.isActive2 li#bhmItem2 { background-position: -216px -60px; }
						#boxRoot.ita #boxHead #boxHeadMenu.isActive3 li#bhmItem3 { background-position: -435px -60px; }
						#boxRoot.ita #boxHead #boxHeadMenu.isActive4 li#bhmItem4 { background-position: -683px -60px; }
					#boxRoot.eng #boxHead #boxHeadMenu li#bhmItem1 { left:   0px; width: 218px; background-position:    0px -120px; }
					#boxRoot.eng #boxHead #boxHeadMenu li#bhmItem2 { left: 219px; width: 247px; background-position: -219px -120px; }
					#boxRoot.eng #boxHead #boxHeadMenu li#bhmItem3 { left: 467px; width: 242px; background-position: -467px -120px; }
					#boxRoot.eng #boxHead #boxHeadMenu li#bhmItem4 { left: 710px; width: 190px; background-position: -710px -120px; }
						#boxRoot.eng #boxHead #boxHeadMenu.isActive1 li#bhmItem1 { background-position:    0px -180px; }
						#boxRoot.eng #boxHead #boxHeadMenu.isActive2 li#bhmItem2 { background-position: -219px -180px; }
						#boxRoot.eng #boxHead #boxHeadMenu.isActive3 li#bhmItem3 { background-position: -467px -180px; }
						#boxRoot.eng #boxHead #boxHeadMenu.isActive4 li#bhmItem4 { background-position: -710px -180px; }


				#boxHead #boxHeadMenu li a {
					/* layout
					------------------ */
					width: 100%;
					height: 43px;
					margin: 0px;
					padding: 0px;
					display: block;
					/* formatting
					------------------ */
					text-indent: -999px; overflow: hidden;
				}


		/*||||||||||||||||||||||||||||||| MAIN |||||||||||||
		__________________________________________________________ */
		
		#boxMain {
			/* layout
			------------------ */
			position: relative;
			width: 900px;
			margin: 0px;
			padding: 20px 10px;
			/* formatting
			------------------ */
			background: url(../img/interface/main_background.png) repeat-y top left;
			}

			#boxMain h1 {
				/* layout
				------------------ */
				margin: 0px 45px 30px;
				padding-bottom: 2px;
				/* formatting
				------------------ */
				border-bottom: 2px solid #CCCCCC; 
				
				}

			#boxMain #boxContentLeft {
				/* layout
				------------------ */
				position: relative;
				width: 500px;
				margin: 0px 0px 40px 45px;
				padding: 0px;
				float: left;
				display: inline; /* correct IE doubled float-margin bug (3) */
				/* formatting
				------------------ */
				/*border: 1px solid lime;*/
			}


			/*|||||||||||||||||||||||| MAIN > RIGHT BOX |||||||||||||
			__________________________________________________________ */
			
			#boxMain #boxContentRight {
				/* layout
				------------------ */
				position: relative;
				width: 300px;
				margin: 0px 45px 40px 0px;
				padding: 0px;
				float: right;
				display: inline; /* correct IE doubled float-margin bug (3) */
				/* formatting
				------------------ */
				/*border: 1px solid red;*/
				}


				/*|||||||||||||| MAIN >> RIGHT BOX > SIDEBOX |||||||||||||
				__________________________________________________________ */
				
				#boxMain #boxContentRight div.sidebox {
					/* layout
					------------------ */
					width: 278px;
					margin: 0px auto;
					padding: 0px;
					/* formatting
					------------------ */
					text-align: center; 
					background-color: #FFFFFF;
					background-image: url(../img/interface/sidebox_title_green.gif);
					background-repeat: no-repeat;
					background-position: top left;
					border: 1px solid #BFBFBF;
					}
				
					#boxMain #boxContentRight div.sidebox h6 {
						/* layout
						------------------ */
						height: 40px;
						margin: 7px 0px 10px;
						padding: 0px;
						/* formatting
						------------------ */
						font-size: 14px;
						line-height: 20px;
						font-weight: bold;
						color: #000000;
					}

				#boxMain #boxContentRight div.photogallery { text-align: center; padding-bottom: 10px; }
				#boxMain #boxContentRight div.photogallery p.caption { margin: 5px 15px 10px; padding: 0px; font-size: 12px; font-style: italic; text-align: left; }
				#boxMain #boxContentRight div.photogallery a img.thumb { width: 64px; height: 64px; margin: 9px; padding: 2px; background: #FFFFFF; border: 1px solid #999999; }
				#boxMain #boxContentRight div.photogallery a:hover img.thumb { padding: 1px; border: 2px solid #FF3334; }



			/*||||||||||||||||||| MAIN > EXTRA |||||||||||
			___________________________________________________________ */	

			#boxMain #boxContentExtra {
				/* layout
				------------------ */
				position: relative;
				height: 1%;	/* trigger "hasLayout" property on IE */
				margin: 0px 45px 20px;
				padding: 0px;
				display: block;
				clear: both;
				/* formatting
				------------------ */
				border-top: 2px solid #CCCCCC;
				}

				#boxMain #boxContentExtra #boxHomeLink {
					/* layout
					------------------ */
					position: absolute;
					top: 10px;
					left: 0px;
					height: 16px;
					margin: 0px;
					padding: 0px 0px 0px 22px;
					/* formatting
					------------------ */
					font-size: 10px;
					font-weight: bold;
					line-height: 15px;
					text-decoration: none;
					color: #FF3334;
					background: url(../img/interface/home_16px.gif) no-repeat top left;
					}
					#boxMain #boxContentExtra #boxHomeLink:hover { text-decoration: underline; }

				#boxMain #boxContentExtra #boxLangMenu {
					position: absolute;
					top: 10px;
					right: 0px;
					}

					#boxMain #boxContentExtra #boxLangMenu li {
						/* layout
						------------------ */
						display: inline;
						}
	
						#boxMain #boxContentExtra #boxLangMenu li a {
							/* layout
							------------------ */
							height: 16px;
							margin: 0px 0px 0px 25px;
							padding: 0px 0px 0px 25px;
							display: block;
							float: left;
							/* formatting
							------------------ */
							font-size: 10px;
							font-weight: bold;
							line-height: 15px;
							text-decoration: none;
							color: #FF3334;
							background-image: url(../img/interface/flags_16px.gif);
							background-repeat: no-repeat;
							}
							#boxMain #boxContentExtra #boxLangMenu li a:hover { text-decoration: underline; }
	
							#boxMain #boxContentExtra #boxLangMenu li#getLangIta a { background-position: 0px 0px; }
							#boxMain #boxContentExtra #boxLangMenu li#getLangEng a { background-position: 0px -50px; }

				/* language selector on homepage is at top */
				#boxRoot.home #boxMain #boxContentExtra { position: static; margin-bottom: 0px; border: none; }
				#boxRoot.home #boxMain #boxContentExtra #boxLangMenu { top: 40px; right: 65px; left: auto; }
				#boxRoot.home #boxMain #boxContentExtra #boxLangMenu a { height: 22px; margin-left: 35px; padding-left: 35px; font-size: 15px; line-height: 21px; background-image: url(../img/interface/flags_22px.gif); }
				#boxRoot.home #boxMain #boxContentExtra #boxHomeLink { display: none; }



		/*||||||||||||||||||||||||||||||| FOOTER |||||||||||
		__________________________________________________________ */	

		#boxFoot {
			/* layout
			------------------ */
			position: relative;
			width: 900px;
			height: 75px;
			margin: 0px;
			padding: 0px 10px;
			/* formatting
			------------------ */
			background: url(../img/interface/foot_background.png) no-repeat top left;
			}


			#boxFoot p {
				/* layout
				------------------ */
				position: absolute;
				top: 10px;
				margin: 0px;
				padding: 0px;
				/* formatting
				------------------ */
				font-size: 1.2em;
				line-height: 48px;
				}
				
				#boxFoot p#boxFootAbout { left: 45px; color: #6C0B0B; }
				#boxFoot p#boxFootVat { right: 45px; color: #480707; }

				#boxFoot p strong { font-weight: bold; color: #FFFFFF; }
				




/*/////////////////////////////////////////////////////// SPECIFIC PAGES DEFINITIONS ////////////
_______________________________________________________________________________________________________ */



/*||||||||||||||||||| HOMEPAGE ||||||||||
__________________________________________________________ */


#boxHomePhoto { margin: 0px auto; text-align: center; }
#boxHomePhoto img { margin: 0px auto; }
#boxHomePhoto p.caption { margin: 5px 15px 10px; padding: 0px 25px; font-size: 12px; font-style: italic; text-align: left; }

#boxHomeMetalprices { width: 450px; margin: 30px 0px 0px; }

	#boxHomeMetalprices h5 {
		/* layout
		------------------ */
		margin: 0px 0px 20px 0px;
		padding: 0px;
		/* formatting
		------------------ */
		font-size: 18px;
		line-height: 26px;
		color: #000000;
		border-bottom: 1px solid #CCCCCC;
	}
	
	#boxHomeMetalprices li {
		/* layout
		------------------ */
		margin: 10px 0px 0px;
		padding: 0px;
		/* formatting
		------------------ */
		font-size: 12px;
		line-height: 16px;
		font-weight: bold;
		}

		#boxHomeMetalprices li span {
			/* layout
			------------------ */
			margin: 0px;
			padding: 0px 0px 0px 5px;
			/* formatting
			------------------ */
			/*font-size: 10px;*/
			font-weight: normal;
			color: #999999;
		}


/*||||||||||||||||||| PAGINA LAVORAZIONI ||||||||||
__________________________________________________________ */

#listSectors {
	/* layout
	------------------ */
	margin: 0px 0px 15px 40px;
	/* formatting
	------------------ */
	border-collapse: collapse;
	border-spacing: 0px;
	border: none;
	}

	#listSectors img { margin: 3px 15px 6px 0px; }
	#listSectors p {
		/* layout
		------------------ */
		margin: 0px 50px 0px 0px;
		padding: 0px;
		/* formatting
		------------------ */
		font-size: 14px;
		font-weight: bold;
		line-height: 32px;
	}


.listMaterials { margin: 15px 0px 15px 40px; }	

	.listMaterials li {
		/* layout
		------------------ */
		margin: 0px;
		padding: 0px 0px 0px 20px;
		/* formatting
		------------------ */
		font-size: 14px;
		line-height: 20px;
		font-weight: bold;
		color: #000000;
		background: url(../img/interface/bullet_gray.gif) no-repeat 0px 6px;
	}		


/*||||||||||||||||||| PAGINA CERTIFICAZIONI ||||||||||
__________________________________________________________ */

#boxCertificationsGallery { text-align: center; }
	#boxCertificationsGallery img { margin: 5px 10px; }



/*||||||||||||||||||| PAGINA CONTATTI ||||||||||
__________________________________________________________ */

#boxContactAddress {
	/* layout
	------------------ */
	margin: 0px 0px 0px 0px;
	padding: 40px 50px;
	/* formatting
	------------------ */
	}

	#boxContactAddress p { margin: 0px; padding: 0px; color: #000000; }
	#boxContactAddress p span { display: block; font-weight: normal; font-style: italic; color: #666666; }
		#boxContactAddress p.contact_A { height: 49px; margin-bottom: 25px; padding-left: 65px; font-size: 20px; line-height: 24px; color: #000000; background: url(../img/interface/logo_50px.png) no-repeat top left; }
		#boxContactAddress p.contact_B { margin-top: 15px; font-size: 16px; line-height: 18px; font-weight: bold; color: #000000; }
			#boxContactAddress p.contact_A strong { display: block; }
			#boxContactAddress p.contact_B span { font-size: 14px; }
		#boxContactAddress ul.contact_C li { position: relative; margin: 0px; padding: 0px; font-size: 16px; line-height: 24px; font-weight: bold; color: #000000; clear: both; }
		#boxContactAddress ul.contact_C li span { width: 80px; display: block; float: left; font-weight: normal; }

#boxMain #boxContentRight #boxContactMap { width: 278px; background-image: url(../img/interface/sidebox_title_gray.gif); border: 1px solid #999999; }
	#boxContactMap p { margin: 20px 15px; font-size: 12px; font-style: italic; text-align: left; }
	#boxContactMap img { margin: 10px auto 0px; }



/*####################################################### FOOTNOTES ###################
_______________________________________________________________________________________________________

(1)	http://developer.yahoo.com/yui/reset/
(2) http://www.robertnyman.com/2007/04/12/how-to-clear-css-floats-without-extra-markup-different-techniques-explained/
(3) http://www.positioniseverything.net/explorer/doubled-margin.html

*/