/* impostazioni di pagina */
html { height: 100%; }
body { background: url(images/gradient.png) top repeat-x; text-align: center; font-family: "Tahoma", Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; margin: 0px auto; padding: 0; height: 100%; }

/* contenitore totale  */	
#main { width: 1000px; margin: 0px auto; padding: 0; position: relative; height: 100%; clear: both; }
#container { width: 806px; float: left; position: relative; text-align:left; background: url(images/deco.png) no-repeat; padding: 17px 0 0 97px; height: 100%; clear: both; }

/* header */	
#header { width: 100%; height: 116px; float: left; position: relative; }
#puntostampa { background: url(images/punto_stampa.png); width: 152px; height: 116px; margin: 0; float: left; }
#aramacao { background:url(images/aramacao.png); width: 161px; height: 116px; float: left; margin: 0; }
#menu_principale { float: left; width:493px; position: relative; } 
	#header h2 { background: url(images/stampa.png); width: 493px; height: 84px; margin: 0; float: left; }
	#header span { display: none; }
	#header a { display: block; float: left; width: 152px; height: 116px; }

/*menu */
ul#menu { float: left; width: 493px; height:32px; position: relative; list-style-type: none; margin:0; padding:0;}
#menu li { float: left; height: 32px; }
	#menu li.btn_piccolo { background: url(images/btn_piccolo_formato.png); width:153px; }
	#menu li.btn_piccolo a:hover { background: url(images/btn_piccolo_formato_on.png); width:153px; }	
	#menu li.btn_grande { background: url(images/btn_grande_formato.png); width:161px; }
	#menu li.btn_grande a:hover { background: url(images/btn_grande_formato_on.png); width:161px; }
	#menu li.btn_ricamo { background: url(images/btn_ricamo.png); width:179px; }
	#menu li.btn_ricamo a:hover { background: url(images/btn_ricamo_on.png); width:179px; }
		#menu a { display: block; width: 100%; height: 100%; } 
		#menu li span { display: none; }
		
/*menu di servizio */
#sfondo { background: url(images/sfondo.png) repeat-y; width:806px; float:left; padding: 0 0 20px 0; }
#servizio { width:190px; float:left; height: auto; position: relative; clear: both; }
	#servizio h2 { font-size: 18px; font-weight: normal; margin:20px 20px 10px 20px; padding:0; border-bottom: 1px #CCCCCC dotted; overflow: visible;}
	#servizio a:hover { text-decoration: none; color:#999999; }
	#servizio a { text-decoration: none; color:#333333; }
	
h2.societa {color: #3399cc; }
h2.portfolio {color: #ff9933; }
h2.contatti {color: #000000; }
	
ul#menu_societa { padding: 0 0 0 36px; margin: 0; list-style-image: url(images/c_point.png); }
ul#menu_portfolio { padding: 0 0 0 36px; margin: 0; list-style-image: url(images/y_point.png); }
ul#menu_contatti { padding: 0 0 0 36px; margin: 0; list-style-image: url(images/b_point.png); }
	 
ul#menu_societa li { margin-bottom: 10px; }
ul#menu_portfolio li { margin-bottom: 10px; }
ul#menu_contatti li { margin-bottom: 10px; }
	
#pagina { width:610px; float:left; position: relative; }
	#pagina h2 { position: relative; text-align: right; font-size: 18px; font-weight: normal; margin:20px 20px 10px 20px; padding:0; border-bottom: 1px #CCCCCC dotted; color: #999999; }
	#pagina p { position: relative; margin-right: 20px; margin-left: 20px; text-align: justify; line-height: 18px; }
#gallery { position: relative; text-align: left; margin: 20px 20px 10px 20px; padding:0;}
.immagine { float: left; border: #CCCCCC solid 5px; margin: 0 20px 20px 20px; }

/* footer */
#footer { float: left; background: #000000; width: 806px; position: relative; height:100px;}
#indirizzo { color:#666666; padding: 20px 0 0 20px; width: 600px; position: relative; float: left; }
#validator { position: relative; float: right; width: 100px; padding: 20px 0 0 20px; color:#666666; }

.orange, .orange a { color: #FF9900; text-decoration:underline; }
.green, .green a { color: #66cc66; text-decoration:underline; }
.pink, .pink a { color: #FF3399; text-decoration:underline; }
.black, .black a { color: #666666; text-decoration:underline; }
.blu { color: #0099CC; }
.arancione { color: #FF9900; }

a:link.lavori  { color: #FF9900; }
a:visited.lavori , a:hover.lavori , a:active.lavori  { color: #FFCC33; }




ul.elenco li {
margin: 0 0 5px 0;}

/*macchinari*/
.macchinari_box {float:left; width:570px; margin: 0 20px 10px 20px; position:relative; height: 160px; }
	.macchinari_box a {float:left; width:140px; height:140px; }
	.macchinari_box img { border: #CCCCCC solid 5px; margin: 0 20px 0 0; }
	.macchinari_box p { float:left; width:380px; }