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

/*	color: #FE6A06; orange */
/*	color: #000066; blue */

/*	unused color: #F2EDAD; cream */
/*	unused color: #309D74; mud */
/*	unused color: #FE9B09; orange fluo */
/*	unused color: #FF6600; orange logo */
/*	unused color: #000033; blue night */
/*	unused color: #003277; blue logo */



/* 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;
	border: none;

	/* formatting
	------------------ */
	/*  see references (2) */
	/*	font-family: Verdana, sans-serif;*/
	/*	font-family: Helvetica, Arial, sans-serif;*/
	/*	font-family: 'Trebuchet MS', serif;*/
	/*	font-family: Georgia, Times, serif;*/
	/*	font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;*/
	/*	font-family: Palatino, 'Palatino Linotype', sans-serif;*/
	/*	font-family: Optima, 'Trebuchet MS', sans-serif;*/
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Optima, sans-serif;
	font-size: 62.5%;  /* 16px x 62.5% = 10px */
	text-align: center;
	color: #333333;
	background: #FFFFFF;
	}

h1 {
	/* layout
	------------------ */
	height: 1em;
	margin: 0px;
	padding: 0px;
	/* formatting
	------------------ */
	font-size: 2.4em;
	line-height: 1em;
	letter-spacing: -2px;
	text-align: left;
	}

h2 { 
	/* layout
	------------------ */
	margin: 0px;
	padding: 6px 0px;
	/* formatting
	------------------ */
	font-size: 2.4em;
	font-weight: normal;
	line-height: 1em;
	letter-spacing: -1px;
	text-align: left;
	/*border: 1px solid blue;*/
	}

h3 { 
	/* layout
	------------------ */
	margin: 1.5em 0px 0.3em 0px;
	padding: 0px;
	/* formatting
	------------------ */
	font-size: 1.4em;
	font-weight: normal;
	line-height: 1.8em;
	text-align: left;
	/*border: 1px solid pink;*/	
	}


h4 {
	/* layout
	------------------ */
	margin: 1.5em 0px 0.3em 0px;
	padding: 0px;
	/* formatting
	------------------ */
	font-size: 1.4em;
	line-height: 1em;
	font-weight: bold;
	text-align: left;
	}
	
h5 {
	/* layout
	------------------ */
	margin: 1.5em 0px 0.3em 0px;
	padding: 0px;
	/* formatting
	------------------ */
	font-size: 1.4em;
	line-height: 1em;
	font-weight: bold;
	text-align: left;
	}

p {
	/* layout
	------------------ */
	margin: 1.5em 0px;		/* set margin equal to line height to get verthical rhythm (3)  */
	padding: 0px;
	/* formatting
	------------------ */
	font-size: 1.2em;
	line-height: 1.5em;
	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
		------------------ */
		font-size: 1.2em;
		line-height: 1.6em;
		letter-spacing: 0px;
		/* <- locally declared -> */
	}

pre { 
	/* layout
	------------------ */
	margin: 8px 0px 0px 0px;
	padding: 0px;
	/* formatting
	------------------ */
	/* <- locally declared -> */	
	}

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

abbr {
	cursor: help;
	border-bottom: 1px dashed #333333;
}

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


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

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

hr.divider { 
	/* layout
	------------------ */
	height: 0px;
	margin: 20px 0px;
	padding: 0px;
	overflow: hidden;
	clear: both;
	display: block;
	visibility: hidden;
	/* formatting
	------------------ */
	border: none;
	}

	hr.divider.visible { 
		/* layout
		------------------ */
		height: 1px;
		visibility: visible;
		/* formatting
		------------------ */
		border-bottom: 1px solid #E4E4E4;
		}

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

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


/*............................... IMAGES  ........*/

img.rfphoto {
	/* layout
	------------------ */
	margin: 0px 0px 40px 40px;
	padding: 0px;
	float: right;
	}

img.lfphoto {
	/* layout
	------------------ */
	margin: 0px 40px 40px 0px;
	padding: 0px;
	float: left;
	}

	

/*............................... TABLES  ........*/


table.preformatted {
	/* layout
	------------------ */
	margin: 0px;
	padding: 0px;
	/* formatting
	------------------ */
	border-collapse: collapse;
	/*border-spacing: 0px;*/
	/*border: none;*/
	}

	table.preformatted tr {
		/* layout
		------------------ */
		margin: 0px;
		padding: 0px;
	}

	table.preformatted th {
		/* layout
		------------------ */
		margin: 0px;
		padding: 0px;
		/* formatting
		------------------ */
		font-weight: bold;
	}

	table.preformatted td {
		/* layout
		------------------ */
		margin: 0px;
		padding: 0px;
	}
		


/*............................... LISTS  ........*/

ul.preformatted.bullets {	/* see also 'ul' declaration */
	margin: 1.5em 0px;
	}
	
	ul.preformatted.bullets li {
		/* layout
		------------------ */
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 18px;
		/* formatting
		------------------ */
		font-size: 1.2em;
		line-height: 1.5em;
		}
		
		ul.preformatted.bullets.orange li { background: url(/media/img/interface/bullets/single_orange_small.gif) no-repeat 0px 0px; }
		ul.preformatted.bullets.gray li { background: url(/media/img/interface/bullets/single_gray_small.gif) no-repeat 0px 0px; }
		ul.preformatted.bullets.black li { background: url(/media/img/interface/bullets/single_black_small.gif) no-repeat 0px 0px; }

		ul.preformatted.bullets ul.preformatted.bullets {	/* see also 'ul' declaration */
			margin: 0.5em 0px;
		}

		ul.preformatted.bullets ul.preformatted.bullets li {
			/* formatting
			------------------ */
			font-size: 1.0em;
			line-height: 1.2em;
			}


ul.preformatted.sidelist {	/* see also 'ul' declaration */
	/* layout
	------------------ */
	margin: 1.8em 0px 3em 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	/* formatting
	------------------ */
	/*border-bottom: 1px solid #DCDCDC;*/
	}
	
	ul.preformatted.sidelist li {
		/* layout
		------------------ */
		margin: 0px 0px 1em 0px;
		padding: 0px 0px 0px 18px;
		background: url(/media/img/interface/bullets/single_gray_small.gif) no-repeat 0px 0px;
		}

		/* iconic definitions */
		ul.preformatted.sidelist li { padding-left: 32px; background: url(/media/img/interface/bullets/sidelist_placeholder.png) no-repeat 0px 0px; }
		/*
		ul.preformatted.sidelist.documentazione li { padding-left: 25px; background: url(/media/img/interface/bullets/sidelist_documentazione.png) no-repeat 0px 0px; }
		ul.preformatted.sidelist.mercativerticali li { padding-left: 25px; background: url(/media/img/interface/bullets/sidelist_mercativerticali.png) no-repeat 0px 0px; }
		ul.preformatted.sidelist.integrazioni li { padding-left: 25px; background: url(/media/img/interface/bullets/sidelist_integrazioni.png) no-repeat 0px 0px; }
		ul.preformatted.sidelist.screenshot li { padding-left: 25px; background: url(/media/img/interface/bullets/sidelist_screenshot.png) no-repeat 0px 0px; }
		ul.preformatted.sidelist.risorse li { padding-left: 25px; background: url(/media/img/interface/bullets/sidelist_risorse.png) no-repeat 0px 0px; }
		*/

		ul.preformatted.sidelist li h4 {
			/* layout
			------------------ */
			margin: 0px;
			padding: 0px;
			/* formatting
			------------------ */
			font-size: 1.0em;
			line-height: 1.5em;
		}
	
		ul.preformatted.sidelist li p {
			/* layout
			------------------ */
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			/* formatting
			------------------ */
			font-size: 1.0em;
			line-height: 1.5em;
		}


/*............................... FORMS ..........*/

/* FORM ELEMENTS: DECORATION */

form fieldset.preformatted {
	/* layout
	------------------ */
	display: block;
	margin: 25px 0px 0px 0px;
	padding: 25px 0px 15px 25px;
	/* formatting
	------------------ */
	background: #F4F4F4;
	border-top: 1px solid #959595;
	border-right: none;
	border-bottom: 1px solid #D2D2D2;
	border-left: none;
}

form fieldset.preformatted legend {
	/* layout
	------------------ */
	display: block;
	margin: 0px 0px 20px 0px;
	padding: 5px 10px;
	/* formatting
	------------------ */
	font-size: 1.4em;
	color: #FFFFFF;
	background: #FE6A06;
	border: 5px solid white;
}

form fieldset.preformatted div.req ,
form fieldset.preformatted div.opt {
	/* layout
	------------------ */
	padding: 0px 0px 2px 0px;
	margin: 0px 40px 12px 15px;
	/* formatting
	------------------ */
	border-bottom: 1px dotted #999999;
}
	
form fieldset.preformatted br { display: none; }	

form fieldset.preformatted label {
	/* layout
	------------------ */
	margin: 0px;
	padding: 2px 0px 2px 0px;
	display: block;
	/* formatting
	------------------ */
	font-size: 1.0em;
	line-height: 1.2em;
	}

	form fieldset.preformatted div.req label {
		/* formatting
		------------------ */
		font-weight: bold;
		}



/* FORM ELEMENTS: CONTROLS */

form fieldset.preformatted input, 
form fieldset.preformatted select, 
form fieldset.preformatted textarea {
	/* layout
	------------------ */
	margin: 0px;
	padding: 0px;
	display: block;
	}

	form fieldset.preformatted input:focus, 
	form fieldset.preformatted textarea:focus {
		background-color: #FFFFCC;
		border-color: #FFCC66;
		}



/* FORM ELEMENTS: NOTES */

form fieldset.preformatted div.privacy ,
form fieldset.preformatted div.pariopp {
		/* layout
		------------------ */
		margin: 25px 45px 15px 15px;
		padding: 0px 0px 0px 0px;
		}
	
		form fieldset.preformatted div.privacy p ,
		form fieldset.preformatted div.pariopp p {
			/* layout
			------------------ */
			margin: 0px;
			padding: 0px;
			/* formatting
			------------------ */
			font-size: 10px;
			line-height: 12px;
			font-style: italic;
			text-align: justify;
			color: #666666;
			}

			form fieldset.preformatted div.privacy p strong ,
			form fieldset.preformatted div.pariopp p strong {
				/* layout
				------------------ */
				display: block;
				margin: 10px 0px 5px 0px;
				/* formatting
				------------------ */
				color: #333333;
			}

	form fieldset.preformatted div.privacy span.approve {
		/* layout
		------------------ */
		margin: 10px auto;
		display: block;
		text-align: center;
		}
	
		form fieldset.preformatted div.privacy span.approve input ,
		form fieldset.preformatted div.privacy span.approve label {
			/* layout
			------------------ */
			display: inline;
			float: none;
		}
		
		/* set radio buttons width - firefox stretches the radio buttons when width is set (see below) */
		form fieldset.preformatted div.privacy span.approve input { width: 1em !important; }


/* FORM ELEMENTS: SUBMIT */

form div.submit {
	/* layout
	------------------ */
	margin: 0px;
	padding: 10px 25px;
	/* formatting
	------------------ */
	text-align: center;
	border-bottom: 1px solid #959595;
	background: #E6E6E6;
	}

	form div.submit input { 
		/* layout
		------------------ */
		width: 100px;
		margin: 0px 10px;
	}



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


#boxRoot {
	/* layout
	------------------ */
	width: 825px;
	margin: 0px auto;
	padding: 0px;
	/* formatting
	------------------ */
	text-align: left;
	/*border: 1px solid red;*/
	}



/*||||||||||||||||||||||||||||||| HEADER |||||||||||
__________________________________________________________ */

#boxHeader {
	/* layout
	------------------ */
	position: relative;
	width: 825px;
	height: 300px;
	margin: 0px;
	padding: 0px;
	/* formatting
	------------------ */
	background: url(/media/img/interface/header_area.png) no-repeat top right;
	/*border: 1px solid blue;*/
	}

	#boxHeaderLogo a {
		/* layout
		------------------ */
		position: absolute;
		z-index: 1;
		top: 35px;
		left: 20px;
		width: 250px;
		height: 85px;
		margin: 0px;
		padding: 0px;
		/* formatting
		------------------ */
		text-indent: -1000em; overflow: hidden;
		background: url(/media/img/interface/header_logo.gif) no-repeat top left;
		/*border: 1px solid lime;*/
	}

	#boxHeaderPayoff { display: none; }

	#boxHeaderImg {
		/* layout
		------------------ */
		position: absolute;
		z-index: 2;
		top: 152px;
		right: 1px;
		width: 823px;
		height: 74px;
		margin: 0px;
		padding: 0px;
	}

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

	#boxMainMenu {
		/* layout
		------------------ */
		position: absolute;
		z-index: 3;
		top: 110px;
		right: 20px;
		width: 360px;
		height: 37px;
		margin: 0px;
		padding: 0px;
		/* formatting
		------------------ */
		list-style: none;
		/*border: 1px solid lime;*/
		}
	
	#boxMainMenu li {
		/* layout
		------------------ */
		height: 37px;
		margin: 0px;
		padding: 0px;
		display: block;
		float: left;
		/*border: 1px solid cyan;*/
		}

		#boxMainMenu li a { 
			/* layout
			------------------ */
			height: 37px;
			display: block;
			/* formatting
			------------------ */
			text-indent: -1000em; overflow: hidden;
			background-position: 0px 0px;
			background-repeat: no-repeat;
			/*border: 1px solid cyan*/;
			}
		
			#boxMainMenu li a.menu_item1 { width: 85px; background-image: url(/media/img/interface/menu_item1.png); }
			#boxMainMenu li a.menu_item2 { width: 95px; background-image: url(/media/img/interface/menu_item2.png); }
			#boxMainMenu li a.menu_item3 { width: 90px; background-image: url(/media/img/interface/menu_item3.png); }
			#boxMainMenu li a.menu_item4 { width: 90px; background-image: url(/media/img/interface/menu_item4.png); }
		
			#boxMainMenu li a.menu_item1:hover {  background-position: 0px -37px; }
			#boxMainMenu li a.menu_item2:hover {  background-position: 0px -37px; }
			#boxMainMenu li a.menu_item3:hover {  background-position: 0px -37px; }
			#boxMainMenu li a.menu_item4:hover {  background-position: 0px -37px; }
		
			/* #boxMainMenu li a.menu_item1:active { background-position: 0px -74px; } */
			/* #boxMainMenu li a.menu_item2:active { background-position: 0px -74px; } */
			/* #boxMainMenu li a.menu_item3:active { background-position: 0px -74px; } */
			/* #boxMainMenu li a.menu_item4:active { background-position: 0px -74px; } */

			#boxMainMenu li.current a { background-position: 0px -37px; }



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

	#boxSubMenu {
		/* layout
		------------------ */
		position: absolute;
		z-index: 3;
		top: 228px;
		left: 18px;
		/* width: DONT' DECLARE, LET IT FLOW */
		height: 37px;
		margin: 0px;
		padding: 0px;
		/* formatting
		------------------ */
		list-style: none;
		/*border: 1px solid lime;*/
		}
	
	#boxSubMenu li {
		/* layout
		------------------ */
		height: 37px;
		margin: 0px;
		padding: 0px;
		display: block;
		float: left;
		/*border: 1px solid red;*/
		}

		#boxSubMenu li a {
			/* layout
			------------------ */
			/*position: relative;*/
			height: 20px;
			min-width: 40px;
			margin: 0px 10px;
			padding: 17px 2px 0px 2px;
			display: block;
			float: left;
			/* formatting
			------------------ */
			font-weight: bold;
			text-indent: 0em;
			text-transform: uppercase;
			text-decoration: none;
			word-spacing: -1px;
			color: #333333;
			background: transparent url(/media/img/interface/menu_subG0.png) no-repeat center top;
			/*border: 1px solid magenta;*/
			}

			/* SWAP EFFECT n.1 */ 
			#boxSubMenu li a:hover {  background-position: center -37px; }
			#boxSubMenu li.intro a { color: #666666; }
			#boxSubMenu li.current a { background-position: center -37px; }


			/* SWAP EFFECT n.2 */
			/* #boxSubMenu li a:hover {  background-position: center -37px; } */
			/* #boxSubMenu li.current a { background-position: center -74px; } */
			/* #boxSubMenu li.current a:hover { background-position: center -37px; } */


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

	#boxServMenu {
		/* layout
		------------------ */
		position: absolute;
		z-index: 3;
		top: 51px;
		left: 702px;
		width: 100px;
		height: 25px;
		margin: 0px;
		padding: 0px;
		/* formatting
		------------------ */
		list-style: none;
		/*border: 1px solid lime;*/
		}
	
	#boxServMenu li {
		/* layout
		------------------ */
		height: 25px;
		margin: 0px;
		padding: 0px;
		display: block;
		float: right;
		}

		#boxServMenu li a { 
			/* layout
			------------------ */
			width: 100px;
			height: 25px;
			display: block;
			/* formatting
			------------------ */
			text-indent: -1000em; overflow: hidden;
			/*border: 1px solid cyan;*/
			}
		
			#boxServMenu li a.menu_login { background: url(/media/img/interface/menu_login.gif); }
			#boxServMenu li a.menu_login:hover { background-position: 0px -25px; } 



/*||||||||||||||||||||||||||||||| MAIN |||||||||||||
__________________________________________________________ */

#boxWrap {
	/* layout
	------------------ */
	position: relative;
	margin: 12px 0px 0px 0px; 	/* tweak margin-top to init verthical rhythm */
	padding: 0px 30px 0px 30px;
	/* formatting
	------------------ */
	/*border: 1px solid magenta;*/
	}


	/*||||||||||||||||||||||||||||||| MAIN BOX |||||||||
	__________________________________________________________ */

	#boxMain {
		/* layout
		------------------ */
		position: relative;
		z-index: 10;
		width: 765px;
		margin: 0px;
		padding: 18px 0px;
		clear: both;
		display: block;
		/* formatting
		------------------ */
		/*background: url(/media/img/debug/layout_grid_18px.gif) repeat 0px 0px;*/
		}

		#boxMain h1	{
			/* layout
			------------------ */
			height: 35px;
			padding-left: 18px;
			/* formatting
			------------------ */
			line-height: 35px;
			background: transparent url(/media/img/interface/header_h1/backdots.gif) no-repeat 0px 0px;
		}

		/* used to hide h1 headings when background image exists (webit) */
		#boxMain h1.titleh1	{
			/* layout
			------------------ */
			height: 60px;
			margin: 6px 0px 24px 0px;
			padding: 0px;
			display: block;
			/* formatting
			------------------ */
			text-indent: -1000em; overflow: hidden;
			background-position: 0px 0px;
			background-repeat: no-repeat;
			/*border: 1px solid cyan;*/
			}

		#boxMain h2 {
			/* layout
			------------------ */
			padding-left: 18px;
			/* formatting
			------------------ */
			background: transparent url(/media/img/interface/header_h2/backdots.gif) no-repeat 0px 0px;
		}

		#boxMain h3 { font-weight: bold; }




		/*||||||||||||||||||||||||||||||| MAIN BOX > LEFT AREA |||
		______________________________________________________________ */

		#boxMainSubLeft {
			/* layout
			------------------ */
			position: relative;
			width: 465px;
			margin: 0px;
			padding: 0px;
			float: left;
			display: block;
			/* formatting
			------------------ */
			/*border: 1px solid cyan;*/
			}


		/*||||||||||||||||||||||||||||||| MAIN BOX > PRODUCT LIST AREA |||
		______________________________________________________________ */

		#boxMainProdList {
			/* layout
			------------------ */
			position: relative;
			width: 375px;
			margin: 0px;
			padding: 0px;
			float: left;
			display: block;
			/* formatting
			------------------ */
			/*border: 1px solid pink;*/
			}


		/*||||||||||||||||||||||||||||||| MAIN BOX > RIGHT AREA |||
		______________________________________________________________ */

		#boxMainSubRight {
			/* layout
			------------------ */
			position: relative;
			width: 260px;
			margin: 0px;
			padding: 0px;
			float: right;
			display: block;
			/* formatting
			------------------ */
			/*border: 1px solid magenta;*/
			}


			/*||||||||||||||||||||||||||||||| MAIN BOX > RIGHT AREA > PRODUCTS SPECIFICATIONS |||
			______________________________________________________________ */
	
	
			#boxMainSubRight img.listProdSpecTitle { margin: 18px 0px 0px 0px; }

			#boxMainSubRight ul.listProdSpecBlock {
				/* layout
				------------------ */
				margin: 0px;
				padding: 0px;
				}

				#boxMainSubRight ul.listProdSpecBlock li {
					/* layout
					------------------ */
					margin: 0px;
					padding: 0px 0px 20px 0px;
					/* formatting
					------------------ */
					border-bottom: 1px solid #DCDCDC;
					}
				
					#boxMainSubRight ul.listProdSpecBlock li h4 {
						/* layout
						------------------ */
						margin: 20px 0px 10px 0px;
						padding: 0px;
					}
				
					#boxMainSubRight ul.listProdSpecBlock li h4 a img {
						/* layout
						------------------ */
						margin: 0px;
						padding: 0px;
						/* formatting
						------------------ */
						border: none;
					}

					#boxMainSubRight ul.listProdSpecBlock li p {
						/* layout
						------------------ */
						margin: 5px 0px 0px 0px;
						padding: 0px;
						/* formatting
						------------------ */
						font-size: 0.84em;
						line-height: 1.4em;
						color: #666666;
					}
				
				
	
				#boxMainSubRight p.listProdSpecExtra {
					/* layout
					------------------ */
					margin: 10px 0px;
					padding: 0px;
					/* formatting
					------------------ */
					text-align: right;
					}
					
					#boxMainSubRight p.listProdSpecExtra a { color: #666666; }




		/*||||||||||||||||||||||||||||||| MAIN BOX > EXTRA AREA (show/hide) |||
		____________________________________________________________________________ */

		#boxMainExtra {
			/* layout
			------------------ */
			position: relative;
			margin: 0px;
			padding: 0px;
			display: block;
			/* formatting
			------------------ */
			/*border: 1px solid magenta;*/
		}

		#boxMainExtraTrigger {
			padding-left: 21px;
			background: transparent url(/media/img/interface/bullets/extra.png) no-repeat 0px 0px;
		}
		
		/* used to show/hide the extra content */
		#boxMainExtraContainer { display: none; }

		#boxMainExtraContainer h2 { /* NON USARE: si confonde con gli elenchi dei prodotti superiori */
			/* layout
			------------------ */
			/*margin-top: 1.2em;*/
			/*padding-left: 0px;*/
			/* formatting
			------------------ */
			/*background: none;*/
			/*border-bottom: 1px solid #E4E4E4;*/
			}


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

#boxFooter {
	/* layout
	------------------ */
	position: relative;
	width: 825px;
	height: 100px;
	margin: 20px 0px 20px 0px;
	padding: 0px;
	clear: both;
	display: block;
	/* formatting
	------------------ */
	background: transparent url(/media/img/interface/footer_area.png) no-repeat top left;
	/*border: 1px solid red;*/
	}

	#boxFooter p {
		position: absolute;
		top: 42px;
		left: 30px;
		height: 16px;
		margin: 0px;
		padding: 0px;
		display: block;
		/* formatting
		------------------ */
		font-size: 1.0em;
		line-height: 16px;
		background: transparent url(/media/img/interface/footer_area.png) no-repeat top left;
		/*border: 1px solid red;*/
		}
	
		#boxFooter p span {
			width: 60px;
			height: 16px;
			margin: 0px;
			padding: 0px 4px 0px 0px;
			display: block;
			float: left;
			/* formatting
			------------------ */
			text-indent: -1000em; overflow: hidden;
			background: url(/media/img/interface/footer_logo.png) no-repeat top left;
			/*border: 1px solid cyan;*/
		}


	/*||||||||||||||||||||||||||||||| FOOTER > MENU ||||
	__________________________________________________________ */

	#boxFootMenu {
		/* layout
		------------------ */
		position: absolute;
		z-index: 3;
		top: 40px;
		right: 20px;
		width: 305px;
		height: 37px;
		margin: 0px;
		padding: 0px;
		/* formatting
		------------------ */
		list-style: none;
		/*border: 1px solid lime;*/
		}
	
	#boxFootMenu li {
		/* layout
		------------------ */
		height: 37px;
		margin: 0px;
		padding: 0px;
		display: block;
		float: left;
		/*border: 1px solid cyan;*/
		}

		#boxFootMenu li a { 
			/* layout
			------------------ */
			height: 37px;
			display: block;
			/* formatting
			------------------ */
			text-indent: -1000em; overflow: hidden;
			background-position: 0px 0px;
			background-repeat: no-repeat;
			/*border: 1px solid cyan*/;
			}
		
			#boxFootMenu li a.menu_foot1 { width: 75px; background-image: url(/media/img/interface/menu_foot1.png); }
			#boxFootMenu li a.menu_foot2 { width: 87px; background-image: url(/media/img/interface/menu_foot2.png); }
			#boxFootMenu li a.menu_foot3 { width: 72px; background-image: url(/media/img/interface/menu_foot3.png); }
			#boxFootMenu li a.menu_foot4 { width: 71px; background-image: url(/media/img/interface/menu_foot4.png); }
		
			#boxFootMenu li a.menu_foot1:hover {  background-position: 0px -37px; }
			#boxFootMenu li a.menu_foot2:hover {  background-position: 0px -37px; }
			#boxFootMenu li a.menu_foot3:hover {  background-position: 0px -37px; }
			#boxFootMenu li a.menu_foot4:hover {  background-position: 0px -37px; }
		




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



/*||||||||||||||||||| HOME PAGE ||||||||||||||||
__________________________________________________________ */

body#pageHome #boxMain { padding: 0px 0px 18px 0px; }
body#pageHome #boxMainSubLeft { width: 300px; }
body#pageHome #boxMainSubRight { width: 400px; }
body#pageHome #boxMainExtra { margin-bottom: 40px; }

body#pageHome #boxMainSubLeft h2,
body#pageHome #boxMainSubRight h2,
body#pageHome #boxMainExtra h2 {
	/* layout
	------------------ */
	height: 60px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	display: block;
	/* formatting
	------------------ */
	text-indent: -1000em; overflow: hidden;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	/*border: 1px solid cyan;*/
	}

	body#pageHome #boxMainSubLeft h2#title1 { background-image: url(/media/img/interface/header_h1/trilance.png); }
	body#pageHome #boxMainSubLeft h2#title2 { background-image: url(/media/img/interface/header_h1/soluzioni.png); }
	body#pageHome #boxMainSubRight h2 { background-image: url(/media/img/interface/header_h1/4utility_home.png); }
	body#pageHome #boxMainExtra h2 { background-image: url(/media/img/interface/header_h1/prodottispecifici.png); }

	body#pageHome #boxMainSubLeft h2#title2,
	body#pageHome #boxMainExtra h2 {
		/* formatting
		------------------ */
		margin-top: 50px;
	}

body#pageHome #boxMainSubLeft p,
body#pageHome #boxMainSubRight p { margin: 0px 0px 1.5em 0px; }

body#pageHome #boxMainSubRight a img { border: none; }

body#pageHome #boxMainExtra p { 
	/* layout
	------------------ */
	width: 290px;
	margin: 20px 20px 0px 0px;
	padding: 0px 0px 0px 70px;
	display: block;
	float: left;
	/* formatting
	------------------ */
	background: transparent url(/media/img/interface/bullets/multiproduct_placeholder.png) no-repeat 0px 0px;
	}

	body#pageHome #boxMainExtra p strong { display: block; }



/*||||||||||||||||||| PAGINA AZIENDA ||||||||||
__________________________________________________________ */



/*||||||||||||||||||| PAGINA TECNOLOGIE ||||||||||
__________________________________________________________ */

body#pageTecnologie #boxMain h2 {
	/* layout
	------------------ */
	margin-top: 1.2em;
	padding-left: 0px;
	/* formatting
	------------------ */
	background: none;
	border-bottom: 1px solid #E4E4E4;
	}


/*||||||||||||||||||| PAGINA KNOW-HOW ||||||||||
__________________________________________________________ */

body#pageKnowhow #boxMain h2 {
	/* layout
	------------------ */
	margin-top: 1.2em;
	padding-left: 0px;
	/* formatting
	------------------ */
	background: none;
	border-bottom: 1px solid #E4E4E4;
	}




/*||||||||||||||||||| PAGINA LAVORA CON NOI ||||||||||
__________________________________________________________ */

body#pageLavoraconnoi div#boxMainProdList {
	margin: 0px;
	padding: 0px;
	width: 100%;
	float: none;
	background: none;
}
		
body#pageLavoraconnoi div#boxMainProdList div.boxMainProdListItem {
	/* layout
	------------------ */
	width: 325px;
	height: 170px;
	margin: 25px;
	padding: 0px;
	display: inline;
	float: left;
	background: url(/media/img/interface/lavoraconnoi_annuncio.jpg) no-repeat top left;
	border: none;
}

body#pageLavoraconnoi div#boxMainProdList div.boxMainProdListItem span.listItemLeft {
	/* layout
	------------------ */
	margin: 40px 40px 0px 40px;
	/*padding: 20px;*/
	display: inline;
	float: left;
}

body#pageLavoraconnoi div#boxMainProdList div.boxMainProdListItem span.listItemLeft h4 { 
	/* layout
	------------------ */
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 24px;
	/* formatting
	------------------ */
	font-size: 1.4em;
	line-height: 1em;
	font-weight: bold;
	background: url(/media/img/interface/bullets/check.gif) no-repeat 0px 0px;
}

body#pageLavoraconnoi div#boxMainProdList div.boxMainProdListItem span.listItemLeft p { 
	/* layout
	------------------ */
	margin: 0px;
	padding: 0px;
}


/*||||||||||||||||||| PAGINA CURGEN (Curriculum) |||||||
__________________________________________________________ */


body#pageCurgen #boxMainSubRight { padding-top: 45px; text-align: center; }

body#pageCurgen #pageCurgenPosizioni {
	/* layout
	------------------ */
	position: relative;
	width: 205px;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	float: right;
	display: block;
	}

	body#pageCurgen #pageCurgenPosizioni h4 {
		/* layout
		------------------ */
		padding-left: 18px;
		/* formatting
		------------------ */
		font-size: 1.2em;
		line-height: 1em;
		font-weight: bold;
		background: transparent url(/media/img/interface/bullets/single_orange_small.gif) no-repeat 0px 0px;
	}
	
	body#pageCurgen #pageCurgenPosizioni p {
		/* layout
		------------------ */
		margin-top: 0.8em;
		padding-left: 18px;
		/* formatting
		------------------ */
		font-size: 1.0em;
		line-height: 1.4em;
		color: #777777;
	}

body#pageCurgen #pageCurgenModulo {
	/* layout
	------------------ */
	position: relative;
	width: 425px;
	margin: 30px 0px 0px 0px;
	padding: 0px;
	}

	body#pageCurgen #pageCurgenModulo fieldset input { width: 200px; } 
	body#pageCurgen #pageCurgenModulo fieldset select { width: 200px; }
	body#pageCurgen #pageCurgenModulo fieldset textarea { width: 350px; }



/*||||||||||||||||||| PAGINA SOLUZIONI |||
__________________________________________________________ */



/*||||||||||||||||||| PAGINA PRODOTTI |||||||
__________________________________________________________ */


body#pageProdotti div#boxMainSubLeft { }

body#pageProdotti div#boxMainSubLeft div.hpProdList {
	width: 305px;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 70px;
	border-bottom: 1px solid #DCDCDC;
	background: transparent url(/media/img/interface/bullets/multiproduct_placeholder.png) no-repeat 0px 0px;
}

body#pageProdotti div#boxMainSubLeft h2 {
		margin: 0px 0px 0.3em 0px;
		padding: 0px;
		font-size: 1.8em;
		background: none;
}

body#pageProdotti div#boxMainSubLeft p {
		margin-top: 0em;
}


#boxMainProdList {
	margin: 20px 0px 0px 0px;
	padding: 60px 0px 0px 0px;
	background: url(/media/img/interface/product_titles/elencoprodotti.gif) no-repeat 0px 0px;
	}

	body#page4utility #boxMainProdList { background: url(/media/img/interface/product_titles/prodottidellasuite.gif) no-repeat 0px 0px; }


#boxMainProdList  div.boxMainProdListItem {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 40px;
	border-bottom: 1px solid #DCDCDC;
	background: transparent url(/media/img/interface/bullets/product_placeholder.png) no-repeat 0px 0px;
}

	#boxMainProdList  div.boxMainProdListItem span.listItemLeft {}
	
	#boxMainProdList  div.boxMainProdListItem span.listItemLeft h4 {
		margin: 0px 0px 0.3em 0px;
		padding: 0px;
		font-size: 1.8em;
	}

	#boxMainProdList  div.boxMainProdListItem span.listItemLeft p {
		 margin-top: 0em;
	}


#boxMainSubRight div.inevidenza { 
	/* layout
	------------------ */
	margin: 0px;
	padding: 110px 0px 0px 0px;
	/* formatting
	------------------ */
	background: transparent url(/media/img/interface/header_h3_inevidenza.png) no-repeat 0px 0px;
	}

	#boxMainSubRight div.inevidenza a img { margin-bottom: 5px; border: none; }
	#boxMainSubRight div.inevidenza p { padding: 0px 20px; text-align: justify; }



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


body#pageContatti #boxMainSubRight { padding-top: 45px; text-align: center; }

body#pageContatti #pageContattiRiferimenti {
	/* layout
	------------------ */
	position: relative;
	width: 205px;
	height: 130px;
	margin: 15px 0px 0px 0px;
	padding: 65px 20px 20px 35px;
	float: right;
	display: block;
	/* formatting
	------------------ */
	background: url(/media/img/interface/contatti_biglietto_visita.jpg) no-repeat top left;
	}

	body#pageContatti #pageContattiRiferimenti ul li {
		/* formatting
		------------------ */
		font-size: 1em;
		line-height: 1.6em;
	}

body#pageContatti #pageContattiModulo {
	/* layout
	------------------ */
	position: relative;
	width: 425px;
	margin: 30px 0px 0px 0px;
	padding: 0px;
	}

	body#pageContatti #pageContattiModulo fieldset input { width: 200px; } 
	body#pageContatti #pageContattiModulo fieldset select { width: 200px; }
	body#pageContatti #pageContattiModulo fieldset textarea { width: 350px; }



/*||||||||||||||||||| PAGINA DOVE SIAMO |||||||
__________________________________________________________ */


body#pageDovesiamo #boxMainSubRight { 
	/* layout
	------------------ */
	padding-top: 45px;
	/* formatting
	------------------ */
	text-align: center;
}



/*||||||||||||||||||| PAGINA LOGIN |||||||
__________________________________________________________ */

body#pageLogin #pageLoginModulo {
	/* layout
	------------------ */
	width: 300px;
	margin: 30px auto;
	}

	body#pageLogin #pageLoginModulo fieldset {
		padding: 20px 25px;
	}

	body#pageLogin #pageLoginModulo fieldset div.req { width: 200px; margin: 0px auto; border: none; }
	body#pageLogin #pageLoginModulo fieldset  input { width: 200px; }

	body#pageLogin #pageLoginModulo div.recovery {
		/* layout
		------------------ */
		margin: 10px 0px 0px 0px;
		padding: 10px 25px;
		/* formatting
		------------------ */
		text-align: left;
		border-top: 2px solid #FE6A06;
		border-bottom: 2px solid #FE6A06;
		background: #FFFCCC;
		}

		body#pageLogin #pageLoginModulo div.recovery p {
			margin: 5px 0px;
			padding: 0px;
			/* formatting
			------------------ */
		/*	color: #FFFFFF;*/
			}

			body#pageLogin #pageLoginModulo div.recovery p a {
				font-weight: bold;
			}



/*||||||||||||||||||| PAGINA SITEMAP |||||||
__________________________________________________________ */

div#boxSitemapTree {
	/* layout
	------------------ */
	width: 400px;
	margin: 40px auto;
	font-size: 1.4em;
	/*border: 1px solid lime;*/
}

div#boxSitemapTree h4 { font-size: 1.0em; }

/* see also 'ul' declaration */
div#boxSitemapTree ul#boxSitemapTreeList { margin: 0px; padding: 1.0em 0px 1.5em 0px; }
div#boxSitemapTree ul#boxSitemapTreeList ul { margin: 0px; padding: 0.5em 0px 1.0em 0px; }


div#boxSitemapTree ul li {
	/* layout
	------------------ */
	margin: 0px;
	padding: 0px 0px 0px 20px;
	/* formatting
	------------------ */
	line-height: 20px;
}

div#boxSitemapTree ul#boxSitemapTreeList li { font-size: 1.0em; border-left: 2px solid #FE9B09; }
div#boxSitemapTree ul#boxSitemapTreeList li ul li { font-size: 1.0em; border-left: 2px solid #666666; }
div#boxSitemapTree ul#boxSitemapTreeList li ul li ul li { font-size: 1.0em; border-left: 2px solid #999999; }

div#boxSitemapTree ul li a { color: #333333; text-decoration: none; }
div#boxSitemapTree ul li a:hover { color: #FE6A06; text-decoration: underline; }

div#boxSitemapTree ul#boxSitemapTreeList li:hover { background: url(/media/img/interface/bullets/sitemap_tabs_orange.gif) no-repeat 0px 0px; }
div#boxSitemapTree ul#boxSitemapTreeList li ul li:hover { background: url(/media/img/interface/bullets/sitemap_tabs_gray2.gif) no-repeat 0px 0px; }
div#boxSitemapTree ul#boxSitemapTreeList li ul li ul li:hover { background: url(/media/img/interface/bullets/sitemap_tabs_gray.gif) no-repeat 0px 0px; }


/* GOOGLE SEARCH BOX */

div#boxGoogle {
	/* layout
	------------------ */
	width: 225px;
	margin: 20px auto;
	padding: 10px 5px;
	/* formatting
	------------------ */
	text-align: center;
	border: 1px solid #E4E4E4;
	}

	div#boxGoogle input {
		/* layout
		------------------ */
		margin: 5px 0px 10px 5px;
		padding: 0px;
	}

	#boxGoogle span {
		/* formatting
		------------------ */
		font-size: 1.0em;
		line-height: 15px;
		vertical-align: top;
	}

	div#boxGoogle span img {
		/* layout
		------------------ */
		vertical-align: middle;
	}


/*||||||||||||||||||| PAGINA PRIVACY |||||||
__________________________________________________________ */

body#pagePrivacy #boxMain ul.preformatted li { margin-bottom: 1em; }


/*||||||||||||||||||| PAGINA CREDITS |||||||
__________________________________________________________ */

#boxCredits { text-align: center; }

	#boxCredits ul {
		/* layout
		------------------ */
		width: 450px; 
		margin: 0px auto;
	}
	
	#boxCredits ul li { 
		/* layout
		------------------ */
		width: 450px;
		margin: 20px 0px;
		/* formatting
		------------------ */
		text-align: left;
		
	}

	#boxCredits ul li p {
		/* layout
		------------------ */
		width: 245px;
		height: 50px;
		margin: 0px;
		padding: 0px;
		float: left;
		}
		
		#boxCredits ul li p span {
			/* layout
			------------------ */
			margin: 12px 0px 0px 0px;
			padding: 0px 0px 0px 18px;
			display: block;
			/* formatting
			------------------ */
			background: url(/media/img/interface/bullets/single_orange_big.gif) no-repeat 0px 2px;
		}

	#boxCredits ul li span img { border: none; }



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

(1)	http://developer.yahoo.com/yui/reset/
(2)	http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html
	http://www.webspaceworks.com/resources/cat/devtools/48/
(3) http://24ways.org/2006/compose-to-a-vertical-rhythm

*/