@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0; border:0;}
/* html, body{ height:100%; background:url(../img/sfondo.jpg) top center no-repeat #8C9186;} */
html, body{ height:100%; background-color:#BDBFB9;}

#container{ margin:0 auto -60px auto; width:955px; min-height:100%; height:auto !important; height:100%;}

#header{ width:935px; height:120px; border-left:10px solid #023F88; border-right:10px solid #023F88; background:#FFF;}
#header img{ padding-left:20px; padding-top:20px; float:left;}
	#header #logo{ width:500px; height:120px; float:left;}
#cerca{ width:312px; height:100%; background:url(../img/azzurro.png) repeat; float:right;}
#cerca form{ margin-top:30px; margin-left:40px;}
#cerca form label{ font:14px Arial, Helvetica, sans-serif; color:#023F88;}
#cerca form input{ float:left; height:18px;}
#cerca form input[type=text]{ width:182px; height:18px; margin-top:20px;}
#cerca form input[type=submit]{ background:url(../img/pulsantecerca.png) no-repeat; width:30px; height:18px; margin-left:5px; cursor:pointer; margin-top:20px;}
ul#menu{ width:935px; height:30px; margin-top:1px; background:url(../img/bianco.png) repeat; border-left:10px solid #023F88; border-right:10px solid #023F88;}
ul#menu li{ display:block; width:132px; height:30px; float:left; list-style-type:none; border-right:1px solid #023F88; text-align:center;}
ul#menu li p{ margin-top:8px;}
ul#menu li a{ text-decoration:none; font:11px Arial, Helvetica, sans-serif; color:#000;}
ul#menu li.last{ border:0; width:137px; }
ul#menu li.hover{background:url(../img/blu.png) repeat;}
ul#menu li.hover a{ color:#FFF;}
ul#menu li:hover { background-color:#D6E0EB; }

#sinistra{ width:300px; height:100%; float:left;}
#news{ width:300px; height:auto; float:left; margin-top:1px;}
#titolonews h1{ font:15px Arial, Helvetica, sans-serif; color:#FFF; font-weight:bold; display:block; width:290px; height:25px; background:url(../img/blu.png) repeat; padding-top:5px; padding-left:10px; margin-top:30px;}
#novità{ float:left; width:100%;}
#novità li{ float:left; width:100%; height:auto; list-style-type:none; margin-bottom:1px; background:url(../img/bianco.png) repeat; padding-bottom:5px;}
#novità li a{ text-decoration:none; font:11px Arial, Helvetica, sans-serif; color:#3E3F3F; margin:0; padding:10px; float:left;}
#novità li:hover{opacity:.50; filter:alpha(opacity=50); filter:”alpha(opacity=50)”;}
#novità li h2{ font:13px Arial, Helvetica, sans-serif; color:#00316E; font-weight:bold;  margin:0; padding:0;}
#novità li img{ float:left; width:50px; padding-right:10px; margin:5px; border-right:1px dotted #4C6772;}
#novità li img.ridimens{ height:40px;}
#novità li.off{ filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80;}

#prodotti{ width:300px; height:auto; float:left; margin-top:1px;}
#titoliprodotti h1{ font:15px Arial, Helvetica, sans-serif; color:#FFF; font-weight:bold; display:block; width:290px; height:25px; background:url(../img/blu.png) repeat; padding-top:5px; padding-left:10px; margin-top:30px;}

/* menù sinistro */
ul#prod{ float:left; width:100%;}
	ul#prod li{ float:left; width:100%; padding:8px 0; list-style-type:none; margin-bottom:1px; background:url(../img/bianco.png) repeat; cursor:pointer;}
		ul#prod li a,
		ul#prod li a:link,
		ul#prod li a:active,
		ul#prod li a:visited{ text-decoration:none; font:12px Arial, Helvetica, sans-serif; color:#023F88; padding-left:25px; cursor:pointer;}
		ul#prod li:hover{ background:url(../img/gialloscuro.png) repeat;}

	ul#prod li.selezione{ background:url(../img/gialloscuro.png) repeat;}
		ul#prod li.selezione a.arrow{color:#000; background:url(../img/prodottigiu.png) 10px center no-repeat;}
		ul#prod li.selezione a.noarrow{color:#000; background-image:none;}

		ul#prod li ul{ float:left; width:100%; margin-top:8px;}
			ul#prod li ul li{ float:left; width:100%;  background:url(../img/giallochiaro.png) repeat; padding:6px 0;}
				ul#prod li ul li a{ font:11px Arial, Helvetica, sans-serif; color:#000; padding-left:40px; background:none}
				ul#prod li ul li:hover{ background:url(../img/verdechiaro.png) repeat;}
					ul#prod li ul li.select1{ background:url(../img/verdechiaro.png) repeat;}
					ul#prod li ul li.select1 a.arrow{ background:url(../img/prodottigiu.png) 20px center no-repeat;}
					ul#prod li ul li.select1 a.noarrow{ background-image:none;}

		/*
		ul#prod li.selezione ul{ float:left; width:100%; margin-top:8px;}
			ul#prod li.selezione ul li{ float:left; width:100%;  background:url(../img/giallochiaro.png) repeat; padding:6px 0;}
				ul#prod li.selezione ul li a{ font:11px Arial, Helvetica, sans-serif; color:#000; padding-left:40px; background:none}
				ul#prod li.selezione ul li:hover{ background:url(../img/verdechiaro.png) repeat;}
					ul#prod li.selezione ul li.select1{ background:url(../img/verdechiaro.png) repeat;}
					ul#prod li.selezione ul li.select1 a.arrow{ background:url(../img/prodottigiu.png) 20px center no-repeat;}
					ul#prod li.selezione ul li.select1 a.noarrow{ background-image:none;}
		*/
			
		ul#prod li.selezione ul li.select1 ul{ float:left; width:100%; margin-top:8px;}
			ul#prod li.selezione ul li.select1 ul li{ float:left; width:100%;  background:url(../img/verdechiaro.png) repeat; padding:4px 0;}
				ul#prod li.selezione ul li.select1 ul li a{ font:11px Arial, Helvetica, sans-serif; color:#000; padding-left:60px; background:none}
				ul#prod li.selezione ul li.select1 ul li:hover{background:url(../img/verdescuro.png) repeat;}
					ul#prod li.selezione ul li.select1 ul li.select2{ background:url(../img/verdescuro.png) repeat;}
						ul#prod li.selezione ul li.select1 ul li.select2 a{ color:#FFF;}
		
		
#prod li{}
#prod1 li a{ font:11px Arial, Helvetica, sans-serif; color:#000; padding-left:45px;}
#prod1 li.selezione1{ background:url(../img/verdechiaro.png);}

#prod2 li{ background:url(../img/verdechiaro.png) repeat;}
#prod2 li a{ font:11px Arial, Helvetica, sans-serif; color:#000; padding-left:60px;}
#prod2 li.selezione2{ background:url(../img/verdescuro.png) repeat;}
#prod2 li.selezione2 a{ color:#FFF;}
/* FINE menù sinistro */

ul#torna{ width:100%; float:left;}
ul#torna li{ list-style-type:none; background:url(../img/bianco.png) repeat; margin-bottom:1px; padding:8px 10px;}
ul#torna li a{ color:#013F87; font:12px Arial, Helvetica, sans-serif; background:url(../img/nerasx.png) 5px center no-repeat; text-decoration:none; padding-left:20px;}
ul#torna li a:hover{ color:#000;}
ul#torna li p{ color:#000; font:13px Arial, Helvetica, sans-serif; padding:2px 0;}
ul#torna li.percorso{ background:url(../img/verdescuro.png) repeat;}

#app h1{ font:15px Arial, Helvetica, sans-serif; color:#FFF; font-weight:bold; display:block; width:290px; height:25px; background:url(../img/grigioscuro.png) repeat; padding-top:5px; padding-left:10px; margin-top:30px; float:left; margin-bottom:1px;}
#app p{ font:11px Arial, Helvetica, sans-serif; color:#000; display:block; width:280px; padding:10px; float:left; background:url(../img/bianco.png) repeat;}
ul#applicazioni li{ width:100%; float:left; background:url(../img/azzurro.png) repeat; list-style-type:none; margin-bottom:1px;}
ul#applicazioni li a{ text-decoration:none; font:12px Arial, Helvetica, sans-serif; color:#013F87; padding:10px; width:260px; float:left; background:url(../img/neradx.png) right center no-repeat;}
ul#applicazioni li a:hover{ color:#000;}

ul#come{ width:100%; float:left;}
ul#come li{ width:100%; float:left; list-style-type:none; background:url(../img/grigiochiaro.png) repeat; margin-top:1px;}
ul#come li a{ text-decoration:none; font:12px Arial, Helvetica, sans-serif; color:#333; width:260px; padding:10px; float:left;}
ul#come li a:hover{ color:#013F87;}
ul#come li.vselez{ background:url(../img/azzurro.png) repeat;}
ul#come li.vselez a{ color:#013F87; background:url(../img/neradx.png) right center no-repeat; float:left;}

ul#correlati{ width:100%; float:left;}
ul#correlati li{ width:99px; height:67px; list-style-type:none; margin-right:1px; margin-bottom:1px; background:#FFF; float:left;}

#sottolista{ background:url(../img/blu.png) repeat; height:100%; min-height:10px; width:300px; float:left;}
#contpag{width:116px; height:20px; text-align:center; color:#FFF; font:11px Arial, Helvetica, sans-serif; margin:10px auto;}
#contpag .pag1{ background:url(../img/frecciasx.png); width:20px; height:20px; cursor:pointer; margin-right:5px;}
#contpag .pag2{ background:url(../img/frecciadx.png); width:20px; height:20px; cursor:pointer; margin-left:5px;}
#prodotto{ width:300px; height:auto; float:left; background:url(../img/blu.png) repeat; margin-top:1px;}
#titoloprodotto h1{ font:15px Arial, Helvetica, sans-serif; color:#013F87; float:left; font-weight:bold; display:block; width:290px; height:25px; background:url(../img/bianco.png) repeat; padding-top:5px; padding-left:10px; margin-top:40px;}
#prodotto img{ width:260px; background:#FFF; margin:10px 20px;}
#prodotto p{ font:11px Arial, Helvetica, sans-serif; color:#FFF; text-align:center; padding-bottom:5px;}

#dati{ width:300px; float:left; background:url(../img/azzurro.png); margin-top:30px;}
#dati h2{ font:18px Arial, Helvetica, sans-serif; color:#013F87; text-align:center; padding-top:20px;}
#dati p{ font:12px Arial, Helvetica, sans-serif; color:#013F87; text-align:center; padding-bottom:20px;}
#dati a{ font:12px Arial, Helvetica, sans-serif; color:#013F87; text-decoration:none;}
#dati a:hover{ color:#FFF;}

#destra{ width:626px; height:100%; float:right; margin-top:30px;}
#imgcont{ margin:0; padding:10.8px; background:url(../img/blu.png) repeat;}
#cont{ width:626px; height:auto; float:left; background:url(../img/bianco.png) repeat; margin-top:1px;}
#cont p{ font:12px Arial, Helvetica, sans-serif; color:#000; padding:10px; line-height:20px;}
#evidenziato{ width:616px; height:auto; background:#FFFF00; margin-top:1px; float:left; font:12px Arial, Helvetica, sans-serif; color:#000; padding:10px; padding-right:0;}
#listamarche{ width:100%; height:auto; background:url(../img/bianco.png) repeat; margin-top:1px; float:left;}
#marche{ width:599px; float:left; margin-top:20px; margin-left:25px; margin-bottom:20px;}
#marche li{ height:auto; list-style-type:none; margin-right:40px; display:inline; vertical-align:middle;}
	#marche li img{ vertical-align:middle;}
#ingrandimentoimg{ margin:0; padding:10px; background:url(../img/blu.png) repeat;}
#newsdx{width:624px; height:auto; float:left; background:url(../img/bianco.png) repeat; margin-top:1px;}
#newsdx h2{ font:18px Arial, Helvetica, sans-serif; color:#00316E; margin:10px;}
#newsdx p{font:12px Arial, Helvetica, sans-serif; color:#000; margin:10px; line-height:20px;}
#listaprodotti{ width:626px; height:auto; float:right;}
#listaprodotti p{ font:12px Arial, Helvetica, sans-serif; color:#000; padding:10px;  background:url(../img/bianco.png) repeat; margin-bottom:1px;}
	ul#listafoto li{width:208px; float:left; margin-right:1px; margin-bottom:1px; list-style-type:none; cursor:pointer;}
		ul#listafoto li a{ text-decoration:none;}
		ul#listafoto li.ultimo{ margin:0;}
		ul#listafoto li:hover{ opacity:.50; filter:alpha(opacity=50); filter:”alpha(opacity=50)”;}
		
		ul#listafoto h2{ font:12px Arial, Helvetica, sans-serif; color:#FFF; text-align:center; background:url(../img/blu.png) repeat; margin-top:1px; padding:10px 0; float:left; width:100%;}
	ul#listafoto li .sfondoimg{ background:#FFF; width:208px; height:142px; vertical-align:middle; display:table-cell; text-align:center; *float:left;}
	ul#listafoto img{ vertical-align:middle;}
	
.key{ font:12px Arial, Helvetica, sans-serif; color:#000; text-transform:uppercase;}

#pagine{ float:right; margin-right:2px; margin-top:1px;}
#pagine h2{ font:20px Arial, Helvetica, sans-serif; color:#013F87; background:url(../img/gialloscuro.png) repeat; width:80px; height:31px; text-align:center; padding-top:10px; margin-left:1px; margin-right:1px; float:left;  vertical-align:middle; display:table-cell; text-align:center;}
#pagine .sx{ width:41px; height:41px; background:url(../img/prodottisx.png) no-repeat; float:left; cursor:pointer;}
#pagine .dx{ width:41px; height:41px; background:url(../img/prodottidx.png) no-repeat; float:left; cursor:pointer;}

#immagine{ width:304px; float:left;}
	#immagine #zoom{ width:264px; float:left; background:#FFF; padding:20px;}
	ul#productList{ width:100%; margin-top:10px; float:left;}
		ul#productList li{ border:1px solid #fff; float:left; margin-right:10px; margin-bottom:10px; display:inline; padding:0}
			ul#productList li img{ padding:0; float:left;}
			ul#productList li a:hover img{ opacity:.50; filter:alpha(opacity=50); filter:”alpha(opacity=50)”;}
			
#scheda{ float:right; width:319px; margin-left:1px;}
#tit h1{ font:18px Arial, Helvetica, sans-serif; color:#FFF; font-weight:bold; display:block; width:299px; background:url(../img/blu.png) repeat; float:left; margin-bottom:1px; padding:10px;}
#testo{ width:100%; margin-bottom:1px; background:url(../img/bianco.png) repeat; float:left;}
#testo p{ font:12px Arial, Helvetica, sans-serif; color:#000; padding:10px; line-height:20px;}
#download{ margin-bottom:1px; float:left; background:url(../img/azzurrochiaro.png) repeat; width:100%;}
#download form{ font:12px Arial, Helvetica, sans-serif; color:#013F87; padding:10px;}
#download form label{ padding-right:90px;}
#download form select{ font:12px Arial, Helvetica, sans-serif; color:#013F87; float:right; width:150px; border:1px solid #013F87;}
#richiedi{ float:left; width:100%; background:url(../img/gialloscuro.png) repeat;}
#richiedi a{ font:12px Arial, Helvetica, sans-serif; color:#000; text-decoration:none;}
#richiedi p{ padding:10px; text-align:right;}
#richiedi a:hover{ color:#0033CC;}
#colonnadx{ width:624px; float:left;}
#comeutilizzare h1{ font:18px Arial, Helvetica, sans-serif; color:#FFF; font-weight:bold; display:block; width:604px; background:url(../img/blu.png) repeat; float:left; margin-bottom:1px; padding:10px;}
#video{ width:100%; margin-bottom:1px;}
#testov{ margin-bottom:1px; background:url(../img/bianco.png) repeat; float:left;}
#testov p{ font:12px Arial, Helvetica, sans-serif; color:#000; padding:10px; line-height:20px;}

#mappa{ border:2px solid #013F87}
#modulo{ width:626px; float:left; background:url(../img/bianco.png) repeat;}
#modulo p{ font:12px Arial, Helvetica, sans-serif; color:#000; text-align:center; padding-top:20px; width:100%; float:left;}
.raw{ font:12px Arial, Helvetica, sans-serif; color:#000; padding-top:20px; width:100%; float:left;}
form#mod{ float:left; width:100%;}
form#mod label{ float:left; width:180px; font:12px Arial, Helvetica, sans-serif; color:#000; text-align:right; padding-right:50px;}
form#mod input[type=text]{width:300px; height:20px; border:1px solid #013F87;}
form#mod input[type=checkbox]{width:auto;margin:0 20px 0 0; border:1px solid #013F87;}
form#mod textarea{width:300px;height:80px; border:1px solid #013F87;}
form#mod a{text-decoration:none;color:#000;}
form#mod a:hover{color:#013F87;}
form#mod input[type=reset]{background:transparent;font:12px Arial, Helvetica, sans-serif;color:#000;margin-top:10px;border:0; padding-bottom:20px; cursor:pointer;}	
form#mod input[type=submit]{background:transparent;font:12px Arial, Helvetica, sans-serif;color:#013F87;margin-top:10px;margin-left:20px;padding-right:10px;border:0; padding-bottom:20px; cursor:pointer;}

form#mod input[type=text].error{width:300px; height:20px; border:1px solid #F00;}
form#mod textarea.error{width:300px;height:80px; border:1px solid #F00;}

form#mod label.error{ color:#F00}

#centro{ width: 955px; float:left; margin-top:30px;}
#centro h1{ font:18px Arial, Helvetica, sans-serif; color:#FFF; font-weight:bold; display:block; width:935px; background:url(../img/blu.png) repeat; float:left; margin-bottom:1px; padding:10px;}
#centro p{ font:12px Arial, Helvetica, sans-serif; color:#000; display:block; width:935px; background:url(../img/bianco.png) repeat; float:left; padding:10px;}

.push{ width:100%; height:60px; clear:both;}

table.privacy h1{ font:15px Arial, Helvetica, sans-serif; color:#000; font-weight:bold; padding-top:5px; padding-left:10px; float:left;}
table.privacy p{ font:11px Arial, Helvetica, sans-serif; color:#000; padding:10px; float:left;}

#footer{width:100%; height:50px; font:11px Arial, Helvetica, sans-serif; color:#000; text-align:left; float:left;}
	#footer #contF{ width:950px; height:50px; margin:10px auto 0 auto; background:url(../img/bianco.png) repeat;}
	#footer a{ text-decoration:none; font:11px Arial, Helvetica, sans-serif; color:#000;}
	#footer p{ padding:10px 10px 0 10px;}
	#footer p.address{ float:left; width:800px;}
	#footer p.credits{ float:right;}
	#footer a:hover{ color:#0033CC;}