body { margin: 0; font-family: verdana; font-size: 11px; color: #368; background: #e8e8e8 }

a { color: #9b0; text-decoration: none }
	a:hover { text-decoration: underline }
img { border: 0 }
form { margin: 0 }
p { margin-top: 0 }

ul { margin: 0 0 0 15px } /* tutti */
html > body ul { margin: 0 0 0 -27px; } /* FF e IE7 */
	li { margin: 0 0 0 15px } /* tutti */
	ul > li { margin: 0 } /* FF */
	ul > li { #margin: 0 0 0 45px } /* IE7 */
	
h1 { margin: 0 0 10px 0; font-family: georgia; font-size: 22px; font-weight: normal; color: #048 }
h2 { margin: 0 0 5px 0; font-family: georgia; font-size: 16px; font-weight: bold; font-weight: normal; color: #048 }
h3 { color: #c00; font-size: 13px; line-height: 1.5em; }
.ttlAreaSmall { margin: 0 0 10px 0; font-family: georgia; font-weight: bold; font-size: 15px; color: #368 }

a.button1 { display: block; width: 153px; height: 44px; margin: 0; padding-top: 10px; overflow: hidden; font-weight: bold; font-size: 13px; color: #91a700; text-align: center; text-decoration: none; background: url(../images/button_green.png) no-repeat }

.googleSearchButton { font-size: 11px; font-family: verdana; background: none; border: 1px solid #eee; color: #eee }


.wrapper { width: 880px; margin: 0 auto; }

/* HEADER */
#header { height: 118px; border-bottom: 14px solid #c1d72e; background: url(../images/header_bg.gif) repeat-x }
	#header .wrapper { position: relative }
		#logo { margin-top: 39px; float: left }
		#menuHeader { position: absolute; left: 100px; top: 99px; color: #9b0; }	
			#menuHeader a { padding: 0 10px; }
				#menuHeader a.selected { text-decoration: underline; cursor: default }

/* BRANDING */
#branding { height: 191px; background: url(../images/branding_bg.gif) repeat-x }
	#branding #bagliore { height: 191px; background: url(../images/branding-home_luce.gif) no-repeat right center; }
		#branding .wrapper { position: relative }
			#branding #immagine { display: none; position: absolute; top: 46px }
			#branding #fotoLei { display: none; position: absolute; top: -110px; right: 0; z-index: 1 }

/* BARRANAV */
#barranav { overflow: hidden; height: 26px; background: url(../images/barranav_bg.gif) repeat-x }
	#barranav a { overflow: hidden; display: block; float: right; height: 20px; padding: 6px 25px 0; font-family: georgia, serif; font-size: 11px; font-weight: bold; color: #fff; text-align: center; text-transform: uppercase; text-decoration: none; border-right: 1px solid #005092 }
		#barranav a:hover { color: #05a; background: url(../images/barranav_button-selected_bg.gif) repeat-x }
	#barranav a.selected { overflow: hidden; display: block; float: right; height: 20px; padding: 6px 25px 0; font-family: georgia, serif; font-size: 11px; font-weight: bold; color: #05a; text-align: center; text-transform: uppercase; text-decoration: none; background: url(../images/barranav_button-selected_bg.gif) repeat-x; border-right: 1px solid #005092; }
	#barranav form div input { width: 80px; font-size: 10px } /* campo di ricerca */

#content { padding: 20px 0; background: #fdffef }

/* HOME 3 AREE */
#appInformatica, #clientiSettori, #assistenza, #info { float: left; width: 263px; height: 143px; margin-bottom: 20px; position: relative; } 
	#appInformatica { background: url(../images/app-informatica.gif); cursor: pointer }
		#appInformatica .ttlAreaSmall { margin: 15px 0 0 20px }
		#appInformatica p { position: absolute; width: 155px; height: 75px; top: 50px; left: 20px; color: #479 }
	#clientiSettori { background: url(../images/clienti-settori.gif); margin-left: 45px; margin-right: 45px; cursor: pointer }
		#clientiSettori .ttlAreaSmall { margin: 15px 0 0 20px }
		#clientiSettori ul { position: absolute; width: 164px; height: 75px; top: 50px; left: 20px; color: #479; _left: 0 }
			#clientiSettori ul li a { color: #368 }
	#assistenza { background: url(../images/assistenza.gif); cursor: pointer }
		#assistenza .ttlAreaSmall { margin: 15px 0 0 20px }
		#assistenza p { position: absolute; width: 120px; height: 60px; top: 65px; left: 20px; color: #479 }

	#info { background: url(../images/info.gif); cursor: pointer }
		#info .ttlAreaSmall { margin: 15px 0 0 20px }
		#info p { position: absolute; width: 120px; height: 60px; top: 65px; left: 20px; color: #479 }

/* COL SX*/
#menuSx ul li { color: #368; margin-bottom: 5px }
	#menuSx a { color: #368; font-size: 12px; }
		#menuSx a.selected { color: #368; font-size: 12px; text-decoration: underline }

/* AREA COL SX e... */
.areaMenu { float: left; width: 262px; margin-bottom: 20px; }
	.areaMenu .top { height: 15px; background: url(../images/area-menu_top.gif); }
	.areaMenu .body { padding: 5px 25px; background: url(../images/area-menu_center.gif) repeat-y }
	.areaMenu .bottom { height: 15px; background: url(../images/area-menu_bottom.gif); }
		
/* ... AREA (contenuto seconde pp nel caso di colonna a sx) e... */
.area { float: right; width: 600px; }
	.area .top { height: 15px; background: url(../images/area_top.gif); }
	.area .body { padding: 5px 25px; background: url(../images/area_center.gif) repeat-y }
	.area .bottom { height: 15px; background: url(../images/area_bottom.gif); }
		
/* ... AREA FULL (tutta pagina) */
.areaFull { width: 880px; }
	.areaFull .top { height: 15px; background: url(../images/area-full_top.gif); }
	.areaFull .body { padding: 5px 25px; background: url(../images/area-full_center.gif) repeat-y }
	.areaFull .bottom { height: 15px; background: url(../images/area-full_bottom.gif); }
		
/* SCHEDA PRODOTTO */
img.logoProd { float: left; margin: 0 20px 5px 5px }
#accordionProd { float: left; width: 360px; margin: 0 10px 5px 0 }
	#accordionProd div { padding: 8px; background: #f2f2f2; border-top: 0; border-bottom: 0; border: 1px solid #ddd }
		#accordionProd h6 { display: block; margin: 0; color: #138; padding: 5px; font-size: 11px; font-weight: normal; text-decoration: none; background: url(../images/accordion_gradient.gif); cursor: pointer }
		#accordionProd h6.selected { display: block; color: #570; padding: 5px; font-weight: ; font-size: 11px; text-decoration: none; background: url(../images/accordion_gradient_over.gif); cursor: pointer }
a.fileDownload { display: block; padding: 3px 0 3px 23px; margin-bottom: 5px; background: url(../images/file-download.gif) no-repeat left center }

/* ASSISTENZA */
#aggiornamenti {}
	#aggiornamenti li { margin-bottom: 5px }
	/* ACCORDION FAQ */
	#accordionFaq { float: left; width: 365px; margin: 0 25px 5px 0; border-top: 1px solid #eee }
		#accordionFaq div { padding: 3px 8px 8px 8px; background: #fff; background: #fdffef; border: 1px solid #eee; border-top: 0; border-bottom: 0; }
			#accordionFaq li { margin-bottom: 5px; color: #9b0; }
			#accordionFaq h6 { display: block; margin: 0; color: #9b0; padding: 5px; font-size: 11px; text-decoration: none; background: #fff; border: 1px solid #eee; border-top: 0; cursor: pointer }
			#accordionFaq h6.selected { display: block; color: #888; padding: 5px; font-size: 11px; text-decoration: none; background: #fdffef; border: 0; cursor: pointer; }

/* NEWS */
#news { position: relative; }
	#news .ttl { margin: -10px 0 15px 0; padding-bottom: 5px; color: #bc1; font-size: 12px; text-align: center; border-bottom: 1px solid #e4eea7 }
	#news p { float: left; width: 240px; margin-right: 55px; }
	#news .bottom img { position: absolute; bottom: 4px; right: 5px; }

/* FORM */
table#form { margin-top: 15px }
	table#form td { padding: 3px 5px }
	#form .label { text-align: right }


/* FOOTER */
#footer { padding-top: 7px; color: #999 }
	#footer p { padding-top: 10px; }
		#footer a { color: #999 }