* { margin: 0; padding: 0; }

body {
	text-align:center;
	padding: 0;
	font-family:Verdana,Tahoma,Arial,sans-serif;	
	background-color: #c0c0c0;
	color:#FFFFFF;
}

/* colore aziendale */
.gold{
	color:#fff15f;
}

.pdf{
	background:url("../images/pdf.png") no-repeat left;
	padding:0px 0px 0px 50px;
	height:52px;
	line-height:52px;
	width:300px;
}

#container{
	background-color: #FFFFFF;
	width: 928px;
	margin: 20px auto;
	padding:0px 34px;
	border:1px solid #cccccc;
}
		
	/* header con menu generale */
	#header{		
		height:43px;				
		position:relative;		
	}
	
		#header #menu{			
			clear:both;
		}
			
			/* navigazione alta */
			#nav {
				list-style: none;
				height:43px;
				border-bottom:1px solid #837f80;
			}
			
				#nav li {				
					float: left;
				}

					#nav li a.active {
						outline: none;
					}

					#nav li a {
						display: block;
						text-decoration: none;
						font-size: 11px;
						font-weight: normal;
						color: #535454;
						width:102px;
						height:43px;
						line-height:43px;
						background: url('../images/bgMenu.jpg') repeat-x;
						border-right:1px solid #ffffff;
					}
					
					#nav li a.selected{
						color:#9e9fc0;				
					}
					
					#nav li a#last {
						border:0;
						width:104px;
					}
					
					#nav li a#p {
						background: url('../images/bgMenuP.jpg') repeat-x;
					}

					#nav li a#p.selected {
						color:#003079;
						font-weight: bold;
					}

					#nav li a:hover {
						background:none;
					}

	
/* wrapper contenuto */
#wrapper{
	width: 928px;
	background-color: #FFFFFF;
	padding:0px 0px 0px 0px;
	margin:0;	
}

	#wrapper .justify{
		text-align:justify;
	}
	/* home page */
	#wrapper #contentHome{		
		width:928px;
		text-align:left;
		background:url("../images/bgHome.jpg") no-repeat top center;
		height:598px;
	}
	
		#wrapper #contentHome #logo{
			width:310px;
			height:500px;
			padding:20px 0px;
			text-align:center;
		}
		
		#wrapper #contentHome #marche{
			text-align:center;
		}
		
			#wrapper #contentHome #marche img{
				margin:0px 45px 0px 0px;
			}
	
	/* pagine con solo testo */
	#wrapper #contentText{
		width:928px;
		min-height:700px;  
		height:auto !important;  
		height:700px;  
		text-align:left;
	}
	
		#wrapper .assistenza{
			background:url("../images/section/assistenza.jpg") no-repeat;
			height:361px;
		}
		#wrapper .formazione{
			background:url("../images/section/formazione.jpg") no-repeat;
			height:361px;
		}

		#wrapper .vendita{
			background:url("../images/section/vendita.jpg") no-repeat;
			height:361px;
		}

		#wrapper .azienda{
			background:url("../images/section/azienda.jpg") no-repeat;
			height:361px;
		}
		#wrapper .contatti,#wrapper .informazioni{
			background:url("../images/section/contatti.gif") no-repeat;
			height:361px;
		}
		
			
		#wrapper #contentText #text{
			padding:301px 0px 0px 0px;
			text-align:left;
			color:#58585a;
			width:498px;
			margin:0 auto;
			font-size:12px;
			line-height:20px;
		}

		#wrapper #contentText #text h2{
			font-size:12px;
			padding:10px 0px 0px 0px;
		}
		
			#wrapper #contentText #text h2 a{
				color:#58585a;
			}
			
			#wrapper #contentText #text #map{
				margin:20px 0px 0px 0px;
			}
	
	
	/* immagini di testata */
	#contentImage{
		height:370px;
		width:928px;
		text-align:left;
	}

	
	/* pagine prodotti */
	#wrapper #extras{
		width:285px;
		text-align:left;
		float:left;
	}
	
		#extras #leftbar{
			
		}
		
			#extras #leftbar .menutitle{
				background:url("../images/bgMenuLeft.jpg") no-repeat;
				width:283px;
				height:56px;
				line-height:56px;				
			}
				#extras #leftbar .menutitle a{
					color:#58585a;
					font-weight:bold;
					font-size:18px;	
					text-decoration:none;
					padding:0px 0px 0px 20px;
				}			
			
			#extras #leftbar .submenu a{
				background:url("../images/quadratoblu.gif") no-repeat left;
				font-size:15px;	
				padding:0px 0px 0px 20px;
				margin:0px 0px 0px 20px;
			}
			
			#extras #leftbar ul.menusubtitle{
				list-style:none;				
				margin:5px 0px 5px 40px;
			}
				
				#extras #leftbar ul.menusubtitle h3 a{
					font-size:14px;
					color:#58585a;
					font-weight:normal;
					text-decoration:none;
					background:url("../images/quadratogrigiochiaro.gif") no-repeat left;
					padding:0px 0px 0px 20px;
				}
				
				#extras #leftbar ul.menusubtitle h3 a.selected{
					text-decoration:underline;
					font-weight:bold;
					background:url("../images/quadratogrigioscuro.gif") no-repeat left;
					padding:0px 0px 0px 20px;
				}
				
				#extras #leftbar ul.menusubtitle li{
					margin:0px 0px 0px 7px;
					padding:0;
					height:15px;
				}
				
				#extras #leftbar ul.menusubtitle li a{
					display:block;
					font-size:12px;
					color:#58585a;
					text-decoration:none;
				}
				
				#extras #leftbar ul.menusubtitle li a.selected{
					text-decoration:underline;
					font-weight:bold;
				}
				
				#extras #leftbar ul.submenusubtitle li{
					margin:0px 0px 0px 21px;
					list-style:none;
				}
				
				/* colori linee */
				#extras #leftbar ul.menusubtitle li a.dheabeauty{
					background:url("../images/quadratoverdeacqua.gif") no-repeat left;
					padding:0px 0px 0px 13px;
				}
				#extras #leftbar ul.menusubtitle li a.benesserecorpo{
					background:url("../images/quadratoazzurro.gif") no-repeat left;
					padding:0px 0px 0px 13px;
				}
				#extras #leftbar ul.menusubtitle li a.protectio{
					background:url("../images/quadratoviola.gif") no-repeat left;
					padding:0px 0px 0px 13px;
				}
				#extras #leftbar ul.menusubtitle li a.purify{
					background:url("../images/quadratoverde.gif") no-repeat left;
					padding:0px 0px 0px 13px;
				}
				#extras #leftbar ul.menusubtitle li a.jalur{
					background:url("../images/quadratobordeaux.gif") no-repeat left;
					padding:0px 0px 0px 13px;
				}
				#extras #leftbar ul.menusubtitle li a.performance{
					background:url("../images/quadratorosso.gif") no-repeat left;
					padding:0px 0px 0px 13px;
				}
				#extras #leftbar ul.menusubtitle li a.zoneage{
					background:url("../images/quadratoarossochiaro.gif") no-repeat left;
					padding:0px 0px 0px 13px;
				}
				
			
	#wrapper #content{
		width:643px;
		min-height:700px;  
		height:auto !important;  
		height:700px;  
		text-align:justify;
		float:left;
	}
		
		#content #tabs .tab li a{
			
		}
		
		#content #tabs #prodotto{
			clear:both;
			margin:20px 0px;
			padding:10px 0px;
			border-bottom:1px dashed #58585a;
		}
		
		#content #tabs .productImg{
			float:left;
			width:216px;
		}
		
		#content #tabs .productText{
			float:left;
			width:370px;
		}
		
			#content #tabs .productText p{
			
			}
			
			#content #tabs .productText h2{
				color:#58585a;
				text-transform:uppercase;
				font-size:14px;
			}
			
			#content #tabs .productText h3{
				font-size:11px;
				padding:10px 0px 0px 0px;
			}
			
			#content #tabs-1 h3{
				font-size:11px;
				padding:10px 0px 0px 0px;
			}
			#content #tabs-1 h3.hr{
				margin:10px 0px 0px 0px;
				padding:10px 0px 0px 0px;
				border-top:1px dashed #58585a;
			}
			
			#content #tabs-1 ul{
				list-style:square;
				padding:10px 0px 0px 20px;	
			}
			
			#content #tabs .productText ul{
				list-style:square;
				padding:10px 0px 0px 20px;
			}
			
			.internalimage{
				margin:20px 0px 0px 0px;
			}
		
		/* colori linee */
		.stimoc{
			color:#e2001a;
		}
		
		
		#wrapper h1{
			font-size:20px;			
			color: #58585a;
			font-weight:bold;
			text-align:left;
			padding:0px 0px 5px 0px;
		}		
	
		#wrapper img{
			padding:0;
			margin:0;
			border:0;
		}

		
	
/* footer */
#footer{
	width: 928px;
	color:#9394be;
	padding:0px;
	margin:60px 0px 0px 0px;
	height:36px;
	line-height:36px;
	color:#58585a;
	font-size:9px;
	border-top:1px solid #646264;
}
	
	
	#footer a{
		text-decoration:underline;
		color:#1b2760;
	}
	
	#footer a:hover{
		text-decoration:none;
	}

/* privacy */

#privacy{
	font-size:12px;
}
	
	#privacy h1{
		font-size:12px;
		padding:10px 0px;
	}
	
/* crediti */

#credits{
	position:absolute;
	bottom:2px;
	left:40px;
	font-size:10px;
	font-weight:bold;
	color:#1b2760;
}

div#crediti{
	width:380px;
	text-align:left;
	padding:10px;
	color:#4F4F4F;
	font-size:12px;
	font-family:Futura,Verdana,Helvetica,sans-serif;
}

#crediti .creditiLogo{
	text-align:right;
}

div#crediti a{
	text-decoration:underline;
	color:#C60000;
}

div#crediti a:hover{
	text-decoration:none;
	color:#C60000;
}

	div#crediti div.creditiTitle{
		color:#C60000;
		font-size:14px;
		font-weight:bold;
	}
	
	div#crediti div.creditiDescription{
			
	}