/* DOCUMENTO */
html, body { height: 100%; margin: 0px; padding: 0px; font-family: Arial, sans-serif; font-size: 11px; background-color: #fff; background-image: url(img/bg.jpg); background-repeat: repeat-x; color: #666; }

h1 { float: left; width: 523px; height: 30px; padding: 0px 0px 0px 25px; color: #ccc; text-transform: uppercase; font-size: 10px; margin: 0px; font-weight: bold; }
h2 { float: left; width: 483px; height: 60px; font-size: 20px; font-family: Trebuchet, Trebuchet MS, sans-serif; color: #003366; margin: 0px; text-transform: uppercase; font-weight: normal; padding: 0px 0px 0px 25px; }
hr { border: 1px dashed #ccc; padding: 0px; }
p { margin: 0px; }
a { color: #006699; text-decoration: none; }
a:hover { color: #0099CC; }
img { border: 0px; }

/* CONTENITORI */
#box-pagina { margin: 0 auto; width:100%; position: relative; min-height: 100%; height: auto !important; height: 100%;  }
#box-header { width: 100%; }
#box-middle { width: 100%; }
#box-middle:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
#middle { width: 878px; margin: auto; }
#box-sx { width: 300px; float: left; padding-bottom: 120px; }
#box-main { width: 578px; float: right; padding-bottom: 120px; }
#box-footer { width: 100%; position: absolute; bottom: 0px; }


/* CONTENUTI */
#header { width: 900px; height: 160px; margin: auto; }

#lingue { float: left; width: 70px; height: 60px; }
	
.template { float: left; width: 300px; }	
	
.menu { float: left; width: 270px; height: 280px; padding: 20px 0px 20px 30px; font-size: 11px; text-transform: capitalize; line-height: 25px; background-image: url(img/bg-menu.jpg); background-repeat: no-repeat; font-weight: bold; margin: 15px 0px 40px 0px; }
		.menu a { float: left; width: 203px; color: #006699; }
		.menu a:hover { color: #999; }

	.sottomenu { padding-bottom: 5px; float: left; font-weight: normal; text-transform: uppercase; line-height: 20px; }
		.sottomenu a { color: #333; width: 250px; float: left; padding-left: 20px; }
		.sottomenu a:hover { color: #666; }


#main { float: left; width: 550px; text-align: justify; font-size: 12px; line-height: 20px; padding: 0px 0px 70px 25px; }
	#main img { border: 1px solid #ccc; margin: 15px 10px; padding: 4px; }

	
	
#footer { width: 100%; margin: auto; height: 155px; text-align: center; }
	
	.partners { float: left; width: 100%; height: 80px; }
		.partners img { margin: 0px 4px; }
	.footer-indirizzo { float: left; width: 100%; color: #777; border-top: 3px solid #003366; padding: 20px 0px 8px 0px; }
		.footer-indirizzo a { color: #999; }
		.footer-indirizzo a:hover { color: #666; }
	.footer-crediti { float: left; width: 100%; color: #ccc; font-weight: bold; }
		.footer-crediti a { color: #ccc; }
		.footer-crediti a:hover { color: #666; }

#sitemap { float: left; width: 200px; padding-left: 20px; line-height: 32px; text-transform: capitalize; }



/* CONTATTI */
.campo { width: 183px; float: left; height: 40px; }
.campo p { width: 75px; float: left; }
.campo input { width: 80px; float: left; font-size: 11px; font-family: Arial; color: #000; }

.campo2 { width: 540px; float: left; margin-bottom: 15px; }
.campo2 p { width: 75px; float: left; }
.campo2 input { float: left; width: 80px; margin-right: 10px; font-size: 11px; font-family: Arial; color: #000; }
.campo2 textarea { width: 445px; float: left; height: 50px; font-size: 11px; font-family: Arial; color: #000; }

.trattamento { font-size: 10px; font-family: Arial; line-height: 13px; margin-bottom: 10px; width: 525px; height: 66px; color: #999; float: left; }
.invia { float: left; width: 525px; text-align: center; }
.obb { border: 2px solid #CC0000; }