body { margin: 0; font-family: verdana; font-size: 12px; color: #555; background: #333; }

img { border: 0 }
form { margin: 0 }
p { margin-top: 0 }
a { color: #00a; text-decoration: none; font-weight: bold; }
	a:hover { text-decoration: underline }
.small { font-size: 10px; line-height: 1.2em; }

h1 { margin: 0 0 5px 0; line-height: 1.4em; color: #4b4740; font-size: 24px; font-family: georgia; font-weight: normal }
h2 { margin: 0 0 3px 0; line-height: 1.3em; color: #777; font-size: 17px; font-family: georgia; font-weight: normal }
h3 { margin: 0 0 3px 0; line-height: 1.4em; font-size: 14px; font-family: georgia; font-weight: bold }
h4 { margin: 0 0 10px 0; line-height: 1.4em; color: #4B4740; font-size: 15px; font-family: georgia; font-weight: bold }

ul { margin: 0 0 0 10px } /* tutti */
html > body ul { margin: 0 0 0 -27px; } /* FF e IE7 */
	li { margin: 0 0 0 10px } /* tutti */
		li.level2 { margin: 8px 0 2px 10px; }
		li.level3 { margin-left: 25px }
		li.level4 { margin-left: 35px }
	ul > li { margin: 0 } /* FF */
		ul > li.level2 { margin: 8px 0 2px 0; }
		ul > li.level3 { margin-left: 15px }
		ul > li.level4 { margin-left: 25px }
	ul > li { #margin: 0 0 0 35px } /* IE7 */
		ul > li.level2 { #margin: 8px 0 2px 45px; }
		ul > li.level3 { #margin-left: 60px }
		ul > li.level4 { #margin-left: 70px }

.errore { color: #d00; font-weight: bold; text-transform: uppercase; }

		
#container { width: 900px; margin: 0 auto; }

/* ANGOLI SMUSSATI */
#contentWrapper, #clientiHome, .menu { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
#footerWrapper, #siteMapWrapper, .menu .ttl { -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; }


/* HEADER */
#header { margin: 20px 0 15px 0; height: 40px; }
	img#logo { float: left; margin-right: 30px }
	a#en { float: right; margin: 30px 60px 0 0; color: #bbb; font-weight: normal; font-size: 10px }

/* BRANDING */
#branding { position: relative; height: 120px; background: url(/images/branding.jpg) no-repeat; }
	#branding #coccarda { position: absolute; top: -20px; right: -25px}
	#branding p { padding: 15px 0 0 240px; font-size: 17px; font-family: georgia; color: #fcede8;  }
		#branding p span { font-size: 160%; line-height: 1.5em; } /* titolo */
	
/* BARRA NAV */
#barraNav { overflow: hidden; position: relative; height: 45px; margin: 10px 0; padding: 0 20px; background: url(/images/barranav-bg.png) repeat-x; }
	a.lev1 { float: left; padding: 15px 28px 0 28px; height: 30px; text-align: center; font-family: tahoma; font-size: 11px; font-weight: bold; color: #fff; text-transform: uppercase; text-decoration: none; cursor: pointer }
		a.lev1:hover { background: url(/images/barranav-bg-selected.png) repeat-x }
		a.lev1.selected { background: url(/images/barranav-bg-selected.png) repeat-x }
	.overlay { display: none; background: #444; border: 1px solid #666; border-top: 0; }
		a.lev2 { display: block; padding: 8px 15px; color: #eee }
		a.lev2:hover { text-decoration: none; color: #444; background: url(/images/bg-menu-overlay.gif) repeat-x }
	#english { display: block; float: left; margin: 15px 0 0 25px}

/* CONTENT (spazio bianco) */
#contentWrapper { margin-bottom: 10px; padding: 35px; line-height: 1.4em; background: #fff; }

	/* BRICIOLE */
	#path { margin: 0 0 5px 0; font-size: 10px; color: #777 }
		#path a { font-weight: normal; color: #777; text-decoration: underline }
	
	/* HOME */
		
		/* HIGHLIGHT */
		#highlight { float: left; width: 550px; }
		
		/* CLIENTI (scrollable plugin) */
		#clientiHomeWrapper { width: 252px; float: right; margin-right: 0 }
			#clientiHome { overflow: hidden; position: relative; width: 252px; height: 218px; border: 1px solid #dcdcdc; }
				#clientiHome .blocchi { position: absolute; width: 20000em; margin-top: 25px }
					#clientiHome .blocchi  div { width: 252px; height: 90px; overflow: hidden; float: left; text-align: center; }
						#clientiHome .blocchi  div img { margin: 0 auto }
				a.next { position: relative; top: -12px; left: 115px; display: block; width: 23px; height: 23px; margin: 0 5px; cursor: pointer; background: url(/images/next.gif) no-repeat }
		
		/* CMS */
		#cmsHome { }
			#cmsHome div { float: left; width: 32%; margin-right: 2%; font-size: 11px; line-height: 1.2em; }
		
		/* ACCORDION */
		.accordion { width: 100%; background-color: #fff; overflow: hidden; }
			.accordion div { margin: auto; }
				.accordion div.title { cursor: pointer; }
				.accordion div.content { display: none; }
					.accordion div.content p { padding: 10px; margin: 0 }
		
		
	/* CONTENT */
	#content { float: left; width: 835px; line-height: 1.4em; }
		#content p { color: #807970; font-size: 13px; font-family: georgia; line-height:1.5; }
		#content ul { color: #807970; font-size: 13px; font-family: georgia; line-height:1.5;}
		.riga { height: 1px; color: #fff; border: 0; border-top: 1px solid #ddd}
		.immagineSx { float: left; margin: 0 10px 0 0}
	
		table.indice { margin-top: 25px }
			.indice td { vertical-align: top;  }
				.indice td.immagine { padding-right: 20px }
				.indice td.sx { width: 50%; padding-right: 10px }
				.indice td.dx { width: 50%; padding-left: 10px }
					.indice a { display: block; margin-bottom: 5px; color: #0489B7; font-size: 14px; font-family: georgia; font-weight: bold; line-height: 1.2em; }
		
		table.dettaglio { margin: 30px 0; }
			.dettaglio td { vertical-align: top; }
				.dettaglio td.sx { width: 50%; padding: 0 10px 10px 0 }
				.dettaglio td.dx { width: 50%; padding: 0 0 10px 10px }

		.paragrafo { margin-top: 5px; width: 280px; }		
			#parSx { float: left; }
				#parSx img { float: left; padding-right: 10px}
			#parDx { float: right}
				#parDx img { float: right; padding-left: 10px}
		
		#schema { position: relative; width: 600px; height: 205px; text-align: center; background: url(/images/bgschema.gif) no-repeat; }
			#schema h2 { position: absolute; top: 30px; left: 50px }
			#schema #blocco1 { position: absolute; top: 90px; left: 27px; color: #fff; font-size: 11px; font-weight: bold; text-transform: uppercase; }
			#schema #blocco2 { position: absolute; top: 97px; left: 200px; color: #fff; font-size: 11px; font-weight: bold; text-transform: uppercase; }
			#schema #blocco3 { position: absolute; top: 97px; right: 173px; color: #fff; font-size: 11px; font-weight: bold; text-transform: uppercase; }
			#schema #blocco4 { position: absolute; top: 97px; right: 40px; color: #fff; font-size: 11px; font-weight: bold; text-transform: uppercase; }
		
		/* BUTTON */
		.button {}
			.button a { display: block; padding: 20px 0 3px 30px; width: 260px; height: 57px; font-family: georgia; font-size: 16px; line-height: 1.2em; color: #0489B7; background: url(/images/bg-button.gif) no-repeat; }
				.button a:hover { color: #666; text-decoration: none; background: url(/images/bg-button-hover.gif) no-repeat; }
			.buttonScuro a { display: block; padding: 20px 0 3px 30px; width: 260px; height: 57px; font-family: georgia; font-size: 16px; line-height: 1.2em; color: #666; background: url(/images/bg-button-scuro.gif) no-repeat; }
				.buttonScuro a:hover { color: #aaa; text-decoration: none; background: url(/images/bg-button-scuro-hover.gif) no-repeat; }
			.buttonCenter { margin: 0 auto; width: 290px; padding-left: 10px;}
			.buttonSx { float: left; width: 290px; padding-right: 10px;}
			.buttonDx { float: left; width: 290px;  padding-left: 10px;}

				
		/* TABELLE SECONDE PP */
			/* A 2 COLONNE */
			.iX2 { width: 100%; border-collapse: collapse }
				.iX2 td { width: 50%; padding: 20px; vertical-align: top; background: #eee; border: 20px solid white }
					.iX2 h2 { margin-bottom: 10px; font-size: 12px; font-weight: bold; line-height: 1.2em; font-family: verdana }
			/* A 3 COLONNE */
			.iX3 { width: 100%; border-collapse: collapse }
				.iX3 td { width: 33%; padding: 20px; vertical-align: top; background: #eee; border: 20px solid white }
					.iX3 h2 { margin-bottom: 10px; font-size: 12px; font-weight: bold; line-height: 1.2em; font-family: verdana }
			/* CARATTERISTICHE TECNICHE */
			.set .title { margin-top: 3px; padding: 5px 10px; font-size: 13px; background: #eee; }
			.features { width: 100%; margin-bottom: 10px; border-collapse: collapse; background: #eee }
				.features thead th.col1, th.col2, th.col3 { width: 100px; font-size: 10px; font-weight: normal; line-height: 1.2em; border: 2px solid #eee; background: #fff }
				.features thead th { border: 2px solid #eee }
				.features tbody th { padding: 5px 10px; text-align: left; font-weight: normal; background: #fff; border: 2px solid #eee }
				.features tbody td { padding: 5px 10px; font-size: 10px; text-align: center; background: #fff; border: 2px solid #eee }
			/* CARATTERISTICHE TECNICHE (da cancellare) */
			.caratteristiche { width: 100%; border-collapse: collapse }
				.caratteristiche th { padding: 10px; color: #333; text-transform: uppercase; font-size: 80%; line-height: 1.2em; background: #ddd; border: 5px solid white; }
				.caratteristiche td { width: auto; padding: 10px; background: #eee; border: 5px solid white }
					.caratteristiche h2 { margin-bottom: 10px; font-size: 12px; font-weight: bold; line-height: 1.2em; font-family: verdana }
		
		/* CLIENTI */
		.cliente { margin-bottom: 40px; }
			.cliente img { float: left; margin: 0 10px 5px 0; border: 2px solid #ddd }
			.cliente div { 	float: right; width: 630px; }
			/* PAGINAZIONE */
			.paginazione { text-align: right; margin-top: 10px; font-size: 10px }
				.paging_current { margin: 0 5px; padding: 3px 8px; color: #444; background: none; border: 1px solid #444 }
				.paging_links { margin: 0 5px; padding: 3px 8px; color: #aaa; background: none; border: 1px solid #aaa }
					.paging_links:hover { text-decoration: none; background: none; color: #444; border: 1px solid #444 }
		
		/* FORM CONTATTO */
		#contactForm { width: 100%; }
			#contactForm td { width: 50%; padding: 5px 30px 5px 0; vertical-align: bottom; }
				#contactForm input.text, #contactForm textarea { color: #333; width: 100%; padding: 2px; overflow: auto; border: 1px solid #ddd; background: #eee }
				#contactForm .submit { padding: 5px 20px; font-size: 150%; }
		
		/* COL DX */
		#colDx { float: right; width: 200px; margin-left: 25px; padding-top: 62px }
		
			/* MENU vari */
			.menuDx { margin-bottom: 30px; }
				.menuDx a { display: block; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 4px 10px }
					.menuDx a.ttl { color: #fff; font-weight: bold; text-transform: uppercase; background: #606060; }
						.menuDx a.ttl:hover { text-decoration: none }
					.menuDx .links a { color: #000; font-weight: normal; background: #e9e9e9; }
						.menuDx .links a:hover, .menuDx .links a.selected { text-decoration: none; color: #fff; background: #000; }
						.menuDx .links a:hover, .menuDx .links a.selected { text-decoration: none; color: #fff; background: #000; }
			

			
			/* FORM COL DX */
			/* selettori (generici) */
			div.TtlLaterale { color: #fff; font-weight: bold; text-transform: uppercase; background: #606060; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 4px 10px }
			#contattoDx { padding: 10px 15px; background: #e9e9e9; }
				#contattoDx label { padding-left: 2px; font-weight: bold; line-height: 1.2em; }
				#contattoDx input[type=text], input[type=password], select, textarea { width: 98%; clear: both; margin-bottom: 7px; font-family: verdana; font-size: 15px; padding: 5px; color: #555; border: 1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
					#contattoDx input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus { color: #fff; background: #444 }
				/* correggo larghezza select */
				#contattoDx select { width: 100%; }
				
		/* FORM CONTATTO */
		#contactForm { width: 100%; }
			#contactForm td { width: 50%; padding: 5px 30px 5px 0; vertical-align: bottom; }
				#contactForm input.text, #contactForm textarea { color: #333; width: 100%; padding: 2px; overflow: auto; border: 1px solid #ddd; background: #eee }
				#contactForm .submit { padding: 5px 20px; font-size: 150%; }
				
				
			
	/* TECNOLOGIE (loghi) */
		#tecnologie { }
			#tecnologie .ttl { margin-bottom: 5px; color: #999 }
			#tecnologie table { width: 100%; border-top: 1px solid #ddd }
				#tecnologie table td { padding: 15px 0; vertical-align: bottom; text-align: center }
					#tecnologie table td img { display: block; margin: 0 auto }
					#tecnologie table td img { display: block; margin: 0 auto }
						#tecnologie table td a { font-size: 10px; color: #666; font-weight: normal }
	
	
/* FIRMA PRE-FOOTER */
#preFooter { text-align: center; font-size: 10px; color: #777 }
	#preFooter a { color: #777; }
	

/* BLOCCO FOOTER */
#footerWrapper { margin-top: 10px; padding: 10px 35px 5px 35px; line-height: 1.1em; color: #777; font-size: 11px; border: 1px solid #444; }
	
	#forma { float: left; width: 380px; min-height: 130px; margin: 0; padding: 5px 20px 0 0; border-right: 1px solid #444 }
		#forma a { text-decoration: underline; color: #777 }
		#forma img { margin-top: 10px }
	
	#firma { float: left; width: 250px; min-height: 130px; padding: 27px 20px 0 130px; line-height: 1.4em; text-align: left; background: url(/images/X_reflected.gif) no-repeat left 15px; border-right: 1px solid #444 }
		#firma a { color: #777; text-decoration: underline }
	
	#webMail { float: right; width: 400px; min-height: 160px; padding: 13px 0 0 0; }
		#webMail div { margin-top: 20px; height: 20px;  }
			#webMail a { margin: 0 auto}