/* DOCUMENTO */
html, body { height: 100%; margin: 0px; padding: 0px; font-family: Tahoma; font-size: 11px; background-color: #3C3A45; background-image: url(immagini/bg.jpg); background-repeat: repeat-x; color: #666; }

h1 { float: left; width: 800px; height: 18px; padding-top: 5px; background-image: url(immagini/bg-h1.jpg); background-repeat: no-repeat; color: #8C887F; text-transform: lowercase; font-size: 10px; margin: 0px; font-weight: normal; text-align: center; }
h2 { float: left; width: 490px; height: 55px; padding: 14px 20px 0px 20px; font-size: 13px; color: #fff; margin: 0px; text-transform: uppercase; background-image: url(immagini/bg-h2.jpg); background-repeat: no-repeat; }

hr { border: 1px dashed #666; padding: 0px; }
p { margin: 0px; }
a { color: #99FF66; text-decoration: none; }
a:hover { color: #FFCC00; text-decoration: none; }


/* CONTENITORI */
#box-pagina { margin: auto; width: 800px; position: relative; min-height: 100%; height: auto !important; height: 100%; background-image: url(immagini/bg-pagina.jpg); background-repeat: repeat-y; }
#box-header { width: 100%; }
#box-middle { width: 100%; }
#box-middle:after { clear: both; display: block; content: "."; height: 20px; visibility: hidden; }
#box-sx { width: 270px; float: left; padding-bottom: 120px; }
#box-main { width: 530px; float: left; padding-bottom: 120px; }
#box-footer { width: 100%; position: absolute; bottom: 0px; }


/* CONTENUTI */
#menu { float: left; width: 773px; padding: 0px 10px 0px 17px; height: 82px; background-image: url(immagini/bg-menu.jpg); background-repeat: no-repeat; font-size: 13px; font-weight: bold; text-transform: uppercase; }
	#menu a { color: #fff; text-decoration: none; display: block; float: left; text-align: center; padding-top: 32px; height: 50px; }
	#menu a:hover { color: #FFFF66; text-decoration: none; border-top: 6px solid #fff; height: 44px; }
		#menu .tasto1 { width: 99%; }
		#menu .tasto2 { width: 49.5%; }
		#menu .tasto3 { width: 33%; }
		#menu .tasto4 { width: 24.2%; }
		#menu .tasto5 { width: 19.8%; }
		#menu .tasto6 { width: 16.5%; }
		#menu .tasto7 { width: 14%; }
		#menu .tasto8 { width: 12.3%; }
		#menu .tasto9 { width: 11.1%; }
	.sottomenu { background-color: #ccc; border-top: 1px solid #fff; text-transform: capitalize; padding: 15px 0px 15px 20px; line-height: 20px; }
		.sottomenu a { color: #666; text-decoration: none; display: block; width: 200px; background-image: url(immagini/sottomenu.gif); background-repeat: no-repeat; padding-left: 15px; }
		.sottomenu a:hover { color: #333; text-decoration: none; background-image: url(immagini/sottomenu-over.gif); background-repeat: no-repeat; }


#header { width: 800px; height: 220px; float: left; }
	#header img { float: left; }


#sitemap { float: left; padding-left: 20px; line-height: 20px; text-transform: capitalize; }
	
#middle { width: 800px; margin: auto; }

	#main { float: left; width: 470px; padding: 5px 40px 0px 19px; border-left: 1px solid #57565C; color: #ccc; line-height: 17px; font-size: 13px; }
		#main img { border: 5px solid #000; padding: 1px; margin: 15px; background-color: #fff; }

#footer { width: 800px; height: 90px; float: left; background-image: url(immagini/bg-footer.jpg); background-repeat: no-repeat; }
	.footer-indirizzo { float: left; width: 720px; height: 38px; padding: 25px 40px 0px 40px; color: #fff; }
		.footer-indirizzo a { color: #fff; }
		.footer-indirizzo a:hover { color: #999; }	
	.footer-crediti { float: left; width: 720px; height: 10px; padding: 7px 40px 0px 40px; text-align: right; color: #666; }
		.footer-crediti a { color: #666; }
		.footer-crediti a:hover { color: #fff; }



#box-sx h1 { float: left; width: 229px; height: 55px; padding: 14px 0px 0px 41px; margin: 0px; background-image: url(immagini/bg-sx.jpg); background-repeat: no-repeat; text-align: left; text-transform: uppercase; font-size: 13px; font-weight: bold; color: #76737C; }

#box-sx img { float: left; padding-left: 40px; }




/* CONTATTI */
.campo { width: 235px; float: left; height: 40px; }
.campo p { width: 80px; float: left; }
.campo input { width: 120px; float: left; font-size: 10px; font-family: Verdana; }
.campo2 { width: 470px; float: left; margin-bottom: 15px; }
.campo2 p { width: 80px; float: left; }
.campo2 input { float: left; width: 120px; margin-right: 10px; font-size: 10px; font-family: Verdana; }
.campo2 textarea { width: 355px; float: left; height: 50px; font-family: Verdana; font-size: 10px; }
.trattamento { font-size: 10px; line-height: 14px; margin: 15px 0px; width: 450px; color: #666; }
.obb { border: 2px solid #99FF66; }
.invia { float: left; width: 430px; text-align: center; }