/* DOCUMENTO */
html, body { height: 100%; margin: 0px; padding: 0px; font-family: Tahoma, Arial, sans-serif; font-size: 100%; background-image: url(img/bg.jpg); background-repeat: repeat-x; color: #666; }

h1 { float: left; width: 900px; height: 17px; padding: 13px 50px 0px 50px; margin: 0px; font-size: 55%; font-weight: normal; color: #bbb; text-align: right; }
h2 { float: left; width: 630px; height: 40px; padding: 0px 0px 0px 0px; font-size: 200%; font-family: Trebuchet, Trebuchet MS, sans-serif; margin: 0px; font-weight: normal; text-transform: uppercase; color: #FF9900; }

hr { border: 1px dotted #ccc; padding: 0px; }
p { margin: 0px; }
a { color: #FF6600; text-decoration: none; }
a:hover { color: #FF9900; text-decoration: none; }
img { border: 0px; }
form { float: left; }
input { background-image: url(img/bg_input.jpg); background-repeat: repeat-x; border: 1px solid #ccc; }
select { background-image: url(img/bg_input.jpg); background-repeat: repeat-x; border: 1px solid #ccc; }
textarea { background-image: url(img/bg_textarea.jpg); background-repeat: repeat-x; border: 1px solid #ccc; }



/* CONTENITORI */
#box-pagina { margin: auto; width: 100%; position: relative; min-height: 100%; height: auto !important; height: 100%; background-image: url(img/bg_pagina.gif); background-repeat: repeat-y; background-position: center; }
#box-paginaHome { margin: auto; width: 100%; position: relative; min-height: 100%; height: auto !important; height: 100%; }
#box-header { width: 100%; }
#box-middle { width: 1000px; margin: auto; }
#box-middle:after { clear: both; display: block; content: "."; height: 20px; visibility: hidden; }
#box-sx { float: left; width: 210px; padding: 0px 60px 160px 50px; }
#box-main { float: left; width: 610px; padding: 0px 0px 160px 0px; }
#box-footer { width: 100%; height: 180px; position: absolute; bottom: 0px; background-image: url(img/bg_footer.jpg); background-repeat: repeat-x; }



/* CONTENUTI */
#header { margin: auto; width: 1000px; height: 345px; background-image: url(img/bg_header.jpg); background-repeat: no-repeat; }

	#logo { float: left; width: 350px; height: 90px; padding: 0px 0px 0px 50px; }
		#logo img { float: left; border: 0px; }
		
	#fissi { float: left; width: 550px; height: 51px; padding: 39px 50px 0px 0px; text-transform: capitalize; text-align: right; font-size: 60%; }
		#fissi a { color: #999; margin-left: 42px; }
		#fissi a:hover { color: #666; }
	
	#menu { float: left; width: 900px; height: 35px; padding: 0px 50px; font-weight: bold; font-size: 70%; }
		#menu a { float: left; color: #666; padding: 8px 0px 9px 0px; text-align: center; background-image: url(img/bg_menu.jpg); background-repeat: repeat-x; }
		#menu a:hover { color: #333; background-image: url(img/bg_menu_over.jpg); background-repeat: repeat-x; }
		#menu .selezionato { color: #333; background-image: url(img/bg_menu_over.jpg); background-repeat: repeat-x; }
			#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: 10.9%; }
			#menu .tasto10 { width: 9.8%; }
			#menu .tasto11 { width: 8.8%; }
			
			
		.sottomenu { float: left; width: 200px; padding: 0px 0px 4px 0px; font-size: 100%; }
			.sottomenu a { float: left; width: 175px; height: 18px; padding: 7px 0px 0px 25px; background-image: url(img/bg_sottomenu.jpg); background-repeat: no-repeat; color: #333; margin-bottom: 1px; text-transform: uppercase; }
			.sottomenu a:hover { background-image: url(img/bg_sottomenu_over.jpg); background-repeat: no-repeat; color: #fff; }


	#template { float: left; width: 900px; height: 170px; padding: 0px 50px; }
		#template img { float: left; border: 0px; }
		
	
#middle { width: 1000px; margin: auto; }
	
	.mainHome { float: left; width: 900px; padding: 0px 50px 170px 50px; line-height: 18px; text-align: justify; }
	.main { float: left; width: 630px; padding: 0px; line-height: 17px; text-align: justify; font-size: 70%; }
	
	
	.blocchiHome { text-align: left; color: #999; line-height: 16px; margin: 10px 0px 15px 0px; font-size: 70%; }
		.blocchiHome strong { color: #333; }
		.blocchiHome a { text-decoration: underline; }
		.blocchiHomeTit { font-size: 170%; font-family: Trebuchet, Trebuchet MS, sans-serif; margin: 0px; font-weight: normal; text-transform: uppercase; color: #FF9900; }
		.blocchiHomeTit strong { color: #FF9900; font-size: 120%; font-weight: normal; padding-right: 1px; }
		.divisoria { background-image: url(img/bg_divisoria.jpg); background-repeat: repeat-y; background-position: center; }
	
	
	#box-sx h1 { display: none; }
	
		.sottomenu { float: left; width: 210px; padding: 0px 0px 0px 0px; margin-bottom: 20px; }
			.sottomenu a { float: left; width: 198px; height: 17px; padding: 3px 0px 0px 10px; background-color: #aaa; border: 1px solid #666; color: #fff; margin-bottom: 5px; text-transform: uppercase; font-size: 70%; }
			.sottomenu a:hover { background-color: #666; color: #fff; }



.webmailHome { float: right; width: 300px; height: 65px; padding: 55px 0px 0px 0px; background-image: url(img/bg_webmail_home.jpg); background-repeat: no-repeat; font-size: 60%; color: #666; }
	.webmailSx { float: left; width: 200px; }
	.webmailHome ul { float: left; width: 80px; padding: 0px; margin: 0px; }
	
	.webmailHome p { float: left; width: 55px; margin: 0px 0px 8px 0px; padding: 0px 0px 0px 17px; }
	.campoWebHome { float: left; width: 98px; height: 16px; background-color: #fff; border: 1px solid #ccc; margin-bottom: 8px; }
	.webmailHome a { float: left; color: #666; text-decoration: underline; padding-top: 5px; }
	.webmailHome a:hover { color: #333; text-decoration: underline; }
	
	
.webmail { float: left; width: 210px; height: 100px; padding: 50px 0px 0px 0px; background-image: url(img/bg_webmail.jpg); background-repeat: no-repeat; margin-bottom: 25px; }
	.webmail ul { float: left; width: 190px; padding: 10px 0px 0px 15px; margin: 0px; }
	.webmail input { float: left; }
	.webmail p { float: left; width: 55px; margin: 0px 0px 8px 0px; padding: 0px 0px 0px 17px; font-size: 70%; }
	.campoWeb { float: left; width: 98px; height: 16px; background-color: #fff; border: 1px solid #ccc; margin-bottom: 8px; font-size: 11px; }
	.webmail a { float: left; color: #666; text-decoration: underline; padding: 5px 0px 0px 10px; font-size: 60%; }
	.webmail a:hover { color: #333; text-decoration: underline; }	
		

/* NEWS HOME */
#newsHome { float: left; width: 565px; height: 90px; padding: 47px 0px 0px 15px; background-image: url(img/bg_news_home.jpg); background-repeat: no-repeat; overflow: hidden; text-align: left; }

.blocconews { float: left; width: 160px; height: 60px; padding: 0px 25px 0px 0px; }

.newsHome-data { float: left; height: 18px; width: 160px; font-size: 60%; color: #999; }
.newsHome-titolo { float: left; height: 18px; width: 160px;  font-size: 70%; overflow: hidden; }
	.newsHome-titolo a { color: #FF6600; text-decoration: underline; }
	.newsHome-titolo a:hover { color: #333; text-decoration: underline; }
.newsHome-descrizione { float: left; width: 160px; font-size: 60%; color: #666; line-height: 11px; padding: 3px 0px 0px 0px; }

		
/* NEWS */
#news { float: left; width: 178px; border: 1px solid #ccc; padding: 60px 15px 20px 15px; margin-bottom: 25px; background-image: url(img/bg_news.jpg); background-repeat: no-repeat; }

.news-data { padding: 2px 0px 5px 20px; color: #333; font-size: 70%; background-image: url(img/bg_data.jpg); background-repeat: no-repeat; }
.news-titolo { padding: 5px 0px 3px 0px; font-size: 70%; }
	.news-titolo strong { font-weight: normal; }
	.news-titolo a { color: #FF0000; text-decoration: underline; }
	.news-titolo a:hover { color: #FF6600; text-decoration: underline; }
.news-descrizione { padding: 5px 0px 20px 0px; color: #999; text-align: justify; font-size: 60%; line-height: 13px; text-align: left; }

.news-leggi { float: right; padding: 5px; color: #fff; font-size: 60%; text-align: center; background-color: #FF9900; }
	.news-leggi a { color: #fff; text-decoration: none; }
	.news-leggi a:hover { color: #fff; text-decoration: underline; }

.paginaNews-titCompleta { font-weight: bold; text-transform: uppercase; }
.paginaNews-descCompleta { text-align: justify; padding: 20px 0px; }
.paginaNews-torna { text-align: right;  }
.paginaNews-data { font-weight: bold; color: #ccc; padding-top: 10px; }
.paginaNews-titolo a { font-weight: bold; color: #D45693; text-transform: capitalize; text-decoration: underline; font-family: Verdana; }
.paginaNews-titolo a:hover { color: #333; text-decoration: none; }
.paginaNews-descBreve { padding-bottom: 10px; line-height: 18px; }




#footer { margin: auto; width: 900px; height: 180px; }

	.banner { float: left; width: 900px; text-align: center; padding: 20px 0px 0px 0px; border-top: 1px solid #ccc; margin-top: 20px; }
		.banner img { border: 1px solid #999; margin: 0px 4px; }

	.footer-indirizzo { float: left; width: 570px; padding: 55px 0px 0px 0px; color: #666; line-height: 19px; font-size: 70%; }
		.footer-indirizzo a { color: #666; text-decoration: none; font-weight: bold; }
		.footer-indirizzo a:hover { color: #333; text-decoration: underline; }

	.footer-crediti { float: left; width: 330px; padding: 57px 0px 0px 0px; color: #999; text-align: right; font-size: 60%; text-decoration: underline; }
		.footer-crediti a { color: #999; text-decoration: underline; }
		.footer-crediti a:hover { color: #444; text-decoration: underline; }
	
	#menuSotto { float: left; width: 330px; padding: 10px 0px 0px 0px; color: #FF0000; text-align: right; font-size: 60%; }
		#menuSotto a { color: #FF0000; border-right: 1px solid #FF0000; padding: 0px 5px; }
		#menuSotto a:hover { color: #990000; text-decoration: underline; }




#sitemap { float: left; width: 400px; padding-left: 20px; line-height: 20px; text-transform: capitalize; }



/* CONTATTI */
.campo { width: 210px; float: left; height: 40px; }
.campo p { width: 60px; float: left; }
.campo input { width: 120px; float: left; font-size: 100%; font-family: Arial; color: #000; }

.campo2 { width: 630px; float: left; margin-bottom: 15px; }
.campo2 p { width: 630px; float: left; }
.campo2 input { float: left; width: 120px; margin-right: 10px; font-size: 100%; font-family: Arial; color: #000; }
.campo2 textarea { width: 610px; float: left; height: 55px; font-size: 100%; font-family: Arial; color: #000; }

.campo3 { width: 630px; float: left; margin-bottom: 15px; }
.campo3 p { width: 60px; float: left; }
.campo3 input { float: left; width: 120px; margin-right: 10px; font-size: 100%; font-family: Arial; color: #000; }


.trattamento { font-size: 80%; line-height: 13px; margin-bottom: 10px; width: 610px; color: #999; float: left; }
.invia { float: left; width: 610px; text-align: center; }
	.invia input { border: 0px; }
.obb { border: 2px solid #FF0000; }

h3 { float: left; width: 625px; font-size: 110%; border-bottom: 1px solid #ccc; padding: 20px 0px 5px 0px; margin: 0px 0px 25px 0px;text-transform: capitalize; color: #666; }

.info { width: 210px; float: left; padding-bottom: 25px; }
.info p { width: 210px; float: left; }
.info select { width: 180px; }
.info input { width: 180px; float: left; font-size: 100%; font-family: Arial; color: #000; }

.radio { width: 630px; float: left; padding-bottom: 25px; }
