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

hr { border-top: 1px solid #aaa; border-bottom: 0px; padding: 0px; margin: 0px; line-height: 10px; }
p { margin: 0px; }
a { color: #BD0553; text-decoration: none; }
a:hover { color: #BD0553; text-decoration: underline; }
img { border: 0px; }

form { float: left; }
input { background-image: url(img/bg_input.jpg); background-repeat: repeat-x; border: 1px solid #bbb; }
textarea { background-image: url(img/bg_textarea.jpg); background-repeat: repeat-x; border: 1px solid #bbb; }
iframe { border: 2px solid #fff; }


/* CONTENITORI */
#box-pagina { margin: auto; width: 100%; position: relative; min-height: 100%; height: auto !important; height: 100%; }
#box-header { width: 100%; }
#box-middle { width: 900px; margin: auto; }
#box-middle:after { clear: both; display: block; content: "."; height: 20px; visibility: hidden; }
#box-main { float: left; width: 700px; padding: 0px 0px 530px 0px; }
#box-dx { float: left; width: 200px; padding: 0px 0px 530px 0px; }
#box-footer { width: 100%; position: absolute; bottom: 0px; background-image: url(img/bg_footer.jpg); background-repeat: repeat-x; }
#box-footerSep { width: 100%; position: absolute; bottom: 0px; background-image: url(img/bg_footerSep.jpg); background-repeat: repeat-x; }



/* CONTENUTI */
#header { margin: auto; width: 900px; }
	
	#logo { float: left; width: 191px; height: 196px; padding: 30px 0px 0px 0px; }
		#logo img { float: left; border: 0px; }
	
	#template { float: left; width: 709px; height: 226px; }
		#template img { float: left; border: 0px; }
	
	h2 { float: left; width: 650px; font-size: 400%; margin: 0px 0px 30px 0px; color: #BD0553; border-bottom: 1px solid #aaa; line-height: 45px; }
	
	#lingua { float: left; width: 340px; height: 64px; padding: 0px 0px 0px 10px; background-image: url(img/bg_lingua.jpg); background-repeat: no-repeat; color: #666; font-size: 90%; }
		#lingua span { float: left; padding: 8px 10px 0px 0px; }
			#lingua a { float: left; color: #333; padding: 7px 10px 0px 0px; }
			#lingua a:hover { color: #666; }
	
	.menu { float: left; width: 550px; height: 55px; padding: 9px 0px 0px 0px; font-size: 90%; background-image: url(img/bg_menu.jpg); background-repeat: no-repeat; text-align: right; }
	 	.menu h1 { display: none; }
		.menu a { color: #000; padding: 0px 15px; }
		.menu a:hover { color: #000; background-image: url(img/bg_menu_over.jpg); background-repeat: repeat-x; padding: 0px 15px 20px 15px; text-decoration: none; }
		.menu .selezionato { color: #000; background-image: url(img/bg_menu_over.jpg); background-repeat: repeat-x; padding: 0px 15px 20px 15px; text-decoration: none; }

	.sottomenu { float: left; width: 380px; padding: 15px 0px 0px 135px; text-transform: capitalize; font-size: 90%; color: #666; text-align: left; font-weight: bold; }
		.sottomenu   { display: none; }
		.sottomenu a { color: #666; border-left: 1px solid #666; padding: 0px 9px 0px 0px; }
		.sottomenu a:hover { color: #BD0553; background-image: none; padding: 0px 9px 0px 0px; }


#middle { float: left; width: 900px; }
	.main { float: left; width: 650px; text-align: justify; font-size: 75%; padding: 0px 0px 0px 0px; color: #555; line-height: 150%; }
		.main strong { color: #333; font-size: 130%; line-height: 30px; }
		.main em { color: #666; font-style: normal; font-weight: bold; }
		.main u { color: #BD0553; text-decoration: none; }
		.main img { border: 2px solid #fff; }


	#newProdDx { float: left; width: 200px; padding: 10px 0px 0px 0px; }	
		.newProdDx { float: left; width: 100px; font-size: 85%; }	
			.newProdDx img { border: 0px; }			
			.newProdDx p { float: left; width: 100%; padding: 0px 0px 5px 0px; }
			.newProdDx span { float: left; width: 100%; height: 95px; }


/* NEWS */
#news { float: left; width: 200px; }
		#news h1 { float: left; width: 200px; height: 30px; font-size: 140%; margin: 45px 0px 0px 0px; color: #333; border-bottom: 0px; line-height: 14px; text-transform: capitalize; border-top: 1px solid #aaa; padding: 5px 0px 0px 0px; font-weight: bold; }
	.news-data { padding: 0px; color: #999; font-size: 80%; }
	.news-titolo { padding: 0px; font-size: 90%; }
		.news-titolo strong { font-weight: normal; text-decoration: underline; }
		.news-titolo a { color: #006699; text-decoration: underline; }
		.news-titolo a:hover { color: #333; text-decoration: underline; }
	.news-descrizione { color: #777; font-size: 80%; line-height: 12px; }
	.news-leggi { float: left; width: 150px; color: #333; font-size: 80%; font-weight: bold; padding-top: 15px; }
		.news-leggi a { color: #333; }
		.news-leggi a:hover { color: #333; text-decoration: underline; }
	
	.paginaNews-titCompleta { font-weight: bold; text-transform: uppercase; }
	.paginaNews-descCompleta { text-align: justify; padding: 20px 0px; line-height: 16px;  }
	.paginaNews-torna { text-align: right; padding-top: 5px; }
	.paginaNews-data { font-weight: bold; color: #666; padding-top: 10px; }
	.paginaNews-titolo { padding: 3px 0px; }
		.paginaNews-titolo a { font-weight: bold; text-transform: capitalize; text-decoration: underline; }
		.paginaNews-titolo a:hover { color: #000; text-decoration: underline; }
	.paginaNews-descBreve { padding-bottom: 10px; line-height: 16px; }	
		

	#box-dx { float: left; width: 200px; font-size: 80%; line-height: 20px; }
		#box-dx h2 { float: left; width: 200px; font-size: 140%; margin: 45px 0px 0px 0px; color: #333; border-bottom: 0px; line-height: 14px; text-transform: capitalize; border-top: 1px solid #aaa; padding: 5px 0px 0px 0px; }
		#box-dx h6 { float: left; width: 200px; font-size: 140%; margin: 45px 0px 0px 0px; color: #333; border-bottom: 0px; line-height: 130%; text-transform: capitalize; border-top: 1px solid #aaa; padding: 5px 0px 20px 0px; }
		#box-dx a { color: #333; text-decoration: none; }
		#box-dx a:hover { color: #333; text-decoration: underline; }
		
		#email h2 { color: #BD0553; padding-bottom: 20px; }
				
	
	
	#newProd { float: left; width: 650px; padding: 20px 0px 40px 0px; }	
		.newProd { float: left; width: 162px; text-align: center; }	
			.newProd img { border: 0px; }
			.newProd span { float: left; width: 100%; height: 150px; }
			.newProd p { float: left; width: 100%; border-top: 1px solid #aaa; padding: 5px 0px 0px 0px; }
			
	
	#elencoProd { float: left; width: 200px; font-size: 100%; line-height: 20px; text-transform: capitalize; padding-top: 25px; }
		#elencoProd h2 { float: left; width: 200px; font-size: 140%; margin: 20px 0px 0px 0px; color: #BD0553; border-bottom: 0px; line-height: 14px; border-top: 1px solid #aaa; padding: 5px 0px 15px 0px; }
		#elencoProd a { color: #333; text-decoration: none; }
		#elencoProd a:hover { color: #333; text-decoration: underline; }
	
	
#footer { margin: auto; width: 900px; height: 500px; background-image: url(img/footer.jpg); background-repeat: repeat-x; }
#footerSep { margin: auto; width: 900px; height: 102px; padding: 30px 0px 0px 0px; background-image: url(img/footerSep.jpg); background-repeat: repeat-x; }
	.boxChiusura { float: left; width: 697px; height: 220px; padding: 87px 0px 0px 0px; font-size: 80%; color: #333; }
		.boxChiusura td { padding: 0px 15px 0px 20px; }
		.boxChiusura strong { font-size: 120%; }
		.boxChiusura a { color: #BD0553; }
		.boxChiusura a:hover { color: #BD0553; text-decoration: underline; }
	
	.boxSlogan { float: left; width: 190px; padding: 87px 0px 0px 0px; font-size: 80%; }
		.boxSlogan strong { float: left; width: 190px; font-size: 120%; height: 35px; }	
		h1 { float: left; width: 190px; height: 150px; margin: 0px; font-weight: normal; font-size: 80%; }
	
	.footer-crediti { float: left; width: 900px; color: #666; font-size: 80%; text-align: right; padding: 0px 0px 10px 0px; }
		.footer-crediti a { color: #fff; text-decoration: none; }
		.footer-crediti a:hover { color: #fff; text-decoration: underline; }
	#host { float: left; width: 900px; color: #666; font-size: 70%; text-align: right; padding: 0px 0px 35px 0px; }
		#host a { color: #666; text-decoration: none; }
		#host a:hover { color: #333; text-decoration: underline; }
	
	.footer-indirizzo { float: left; width: 900px; color: #fff; font-size: 80%; }
		.footer-indirizzo a { color: #fff; text-decoration: none; font-weight: bold; }
		.footer-indirizzo a:hover { color: #ccc; text-decoration: underline; }
	
	.copyright { float: left; width: 900px; color: #333; font-size: 60%; text-align: right; padding: 34px 0px 0px 0px; line-height: 11px; }


/* CONTATTI */
.campo { width: 216px; float: left; height: 30px; }
.campo p { width: 75px; float: left; }
.campo input { width: 120px; float: left; font-size: 100%; font-family: Arial; color: #000; }

.campo2 { width: 650px; float: left; margin-bottom: 15px; }
.campo2 p { width: 75px; float: left; }
.campo2 input { float: left; width: 120px; margin-right: 10px; font-size: 100%; font-family: Arial; color: #000; }
.campo2 textarea { width: 565px; float: left; height: 55px; font-size: 100%; font-family: Arial; color: #000; }

.trattamento { font-size: 80%; line-height: 13px; margin-bottom: 10px; width: 650px; color: #888; float: left; }
.invia { float: left; width: 650px; text-align: center; margin-bottom: 30px; }
	.invia input { border: 0px; }
.obb { border: 2px solid #BD0553; }



/* PRODOTTI */
h3 { float: left; width: 650px; margin: 0px; padding: 40px 0px 10px 0px; font-size: 150%; color: #333; text-transform: capitalize; }

.elencoProd { float: left; width: 162px; height: 180px; text-align: center; text-transform: capitalize; }
	.elencoProd img { border: 0px; }
	.elencoProd span { float: left; width: 100%; height: 150px; }
	.elencoProd p { float: left; width: 100%; border-top: 1px solid #aaa; padding: 5px 0px 0px 0px; }
	.elencoProd a { color: #333; }
	.elencoProd a:hover { color: #333; }

.elencoProdUsato { float: left; width: 162px; height: 230px; }
	.elencoProdUsato img { border: 0px; margin: 5px 0px; }
	.elencoProdUsato span { float: left; width: 150px; height: 160px; }
	.elencoProdUsato p { float: left; width: 150px; height: 20px; text-align: center; text-transform: capitalize; }
	.elencoProdUsato em { float: left; width: 150px; height: 30px; overflow: hidden; font-style: normal; font-weight: normal; font-size: 90%; text-align: center; }
	.elencoProdUsato a { color: #333; font-weight: bold; }
	.elencoProdUsato a:hover { color: #333; }

	#schedaProd h2 { float: left; width: 650px; font-size: 400%; margin: 0px 0px 10px 0px; color: #BD0553; border-bottom: 1px solid #aaa; line-height: 45px; }
	#fotoGrande { float: right; width: 400px; text-align: right; }
		#fotoGrande img { border: 0px; }
	#fotoGrandeUsato { float: right; width: 350px; text-align: right; padding: 20px 0px; }
		#fotoGrandeUsato img { border: 0px; }
	#schedaProd span { float: left; width: 250px; text-transform: capitalize; font-size: 150%; color: #333; padding-bottom: 40px; }
	#schedaProd label { float: left; width: 290px; text-transform: capitalize; font-size: 150%; color: #333; padding-bottom: 20px; }
	#schedaProd strong { color: #555; font-size: 120%; line-height: 25px; }
	#descrizione { float: left; width: 650px; }
	#scheda { float: left; width: 650px; }	
		#scheda table { float: left; width: 450px; font-size: 90%; }
		#scheda table td { float: left; width: 200px; border-bottom: 1px solid #aaa; margin: 0px; line-height: 25px; }
		#scheda table strong { font-size: 100%; }
	h4 { float: left; width: 650px; padding: 5px 0px 15px 0px; margin: 0px; font-size: 130%; }
	#zoom { float: left; width: 650px; padding: 10px 0px; background-color: #B4B1B0; text-align: center; margin-bottom: 20px; }
	#immagini { float: left; width: 650px; padding: 13px 0px 10px 0px; background-color: #B9B6B5; text-align: center; }
		#immagini img { margin: 5px; }
	#immaginiUsato { float: left; width: 650px; padding: 10px 0px; background-color: #B9B6B5; text-align: center; margin-top: 30px; }
	#video { float: left; width: 650px; padding: 10px 0px; background-color: #B9B6B5; text-align: center; }
	#indietro { float: left; width: 645px; border-top: 1px solid #aaa; padding: 5px 0px 0px 0px; margin: 40px 0px 0px 0px; }
	
	
	
/* ROTAZIONE */
#wrapper { float: left; width: 650px; }
#rotator { position: relative; margin: 0; }
	.ui-tabs-nav { float: left; width: 250px; list-style: none; margin: 0px; padding: 0px; }
	.ui-tabs-nav-item { float: left; width: 250px; line-height: 20px; }
	.ui-tabs-selected a { color: #333; font-weight: bold; }
#rotator .ui-tabs-panel { float: left; width: 650px; margin: 20px 0px 0px 0px; border-top: 1px solid #aaa; }
#rotator .ui-tabs-hide { display: none; }