/*stili per il layout fisso con posizionamenti assoluti*/
html,body{margin: 0;padding:0}
body{font-family: arial,sans-serif; font-size: 76%; text-align: center;
    border-top: 10px solid #FF9729;
    background: #ffffff url(../immagini/bg.jpg) repeat-x;
    background-position: 8px 0px;}
div#container{position:relative; width: 950px;margin: 0 auto; text-align: left;
    background: #ffffff url(../immagini/header.jpg) repeat-x;}
/*qui va inserita l'mmagine di sfondo all'header*/

/*stili generici, su header e footer*/
div#header{height: 306px; }
h1,h2{margin: 0; padding:0}
h1{padding-left:0.5em;font: bold 2.3em/80px arial,serif}
h2{color: #999;font-size: 1.5em}
h4{font-size: 12px;}
div#footer a{color: #414141; font-weight: bold; text-decoration: none}
div#footer  a:hover
{
color: #009de8;
}
/*stili specifici per il layout*/
div#navigation{position:absolute; top: 330px; right: 0; width: 340px; padding: 18px;}
div#content{margin-right: 337px;padding: 90px 0px 10px 0px; width: 580px; min-height: 210px;}
div#content2{margin-right: 337px;padding: 90px 0px 10px 10px; width: 570px; min-height: 460px;}
div#footer{text-align:center; padding: 0;
    background-color: #ffffff; color: #000}
div.bordoGrigio{ border: 1px solid #858585;}
/*stili per la navigazione*/
div#navigation ul{margin: 1em 0 1em 1em;padding: 0; list-style-type: none;}
div#navigation li{margin: 0;padding: 0}
div#navigation a{font: normal bold 11px arial,sans-serif;
text-decoration: none;}
div#navigation a:hover{color: #033;text-decoration: underline;}
div#navigation a#activelink{color: #033;text-decoration: none;}
.titoloProdotto{font-size: 24px; margin-top: 0px; margin-bottom:30px;}


/*stili per menu-top*/
/* definisce lo stile del box */
div#menu-top{color: #FF9729; width: 388px; height: 120px; 
	 margin-left: 562px; 
}

/* definisce lo stile dell'elemento ul*/
div#menu-top ul{margin: 0; padding:0; }
div#menu-top ul li{display: inline; list-style: none; }
div#menu-top ul li a{color: #FF9729; line-height: 66px; 
margin-right: 15px; margin-left:15px; 
text-decoration: none;
}


/* definisce le due parti della colonna a sinistra chiamata content*/
/*prima colonna del content: news*/
div#news {width: 270px; float: left; height: 270px; color: #000000; }
/* mi scrive in nero il titolo h4*/
div#news h3 {color: #FF9729; }
.newsinserita {
	color: #000000;
	padding-right: 10px;
	margin: 0 0 10px;
}/*attualmente inutile xkè colore ereditato dal padre*/
/* mi aggiunge un bordo arancio alla fine dellla news*/
.bordoArancio{ border: 1px solid #ffffff; border-right: 2px solid #FF9729; margin-top: -1px;}
div.bordoArancio h4{
	margin: 0;
}
/*seconda colonna del content: profilo*/
div#content2 div#profilo {width: 340px; float: left; min-height: 300px; color: #000000; margin: 0px 0px 0px 10px; /*border: 1px solid #000000*/}
div#content div#profilo {width: 270px; float: left; min-height: 300px; color: #000000; margin: 10px 0px 0px 20px;/*border: 1px solid #000000*/}
div#profilo h3{color: #FF9729; margin-top: 0px;}
div#profilo p{text-align: justify; }	
/* chiude le parti float e mantiene sotto il footer*/
.clearFloat{float: none; clear: both;}


/*definisce la parte di navigazione a destra chiamata navigation */
/* definisce il box arancio in dimensioni e caratteristiche*/
.boxArancio{border: 1px solid #FF9729; background-color: #ffffff; height: 153px; width: 335px; }
/* definisce lo stile del titolo in box arancio*/
.boxArancio h3{background-color: #FF9729; color: #ffffff; margin: 0; padding: 6px;}
.boxArancio img{float: left; margin: 10px; }
.boxArancio h3 img{float: none;}
.boxArancio p {vertical-align: middle;}
/* definisce il box azzurro in dimensioni e caratteristiche*/
.boxAzzurro{border: 1px solid #009DE8; background-color: #ffffff; height: 153px; width: 335px; }
#navigation .boxAzzurro{min-height: 153px;}
/* definisce lo stile del titolo in box azzurro*/
.boxAzzurro h3{background-color: #009DE8; color: #ffffff; margin: 0; padding: 16px;}
.boxinvia{background-color: #009DE8; color: #ffffff; 
          margin: 10px 30px 25px 80px; padding: 6px; font-weight: bold; border: none; }
/*serve per box news in profilo*/
.boxGrigio{border: 1px solid #858585; background-color: #ffffff; height: 153px; width: 335px; }
/*definisce stile del titolo box news in pag profilo*/
.boxGrigio h3{background-color: #858585; color: #FF9729;  margin: 0; padding: 16px; }
/*testo arancio*/
.txtAran{color: #FF9729; font-weight: bold; }
.posNews{margin: 0;}	
.padNews{margin:0; padding: 5px}

img{border: none; padding: 0; margin: 0;}
/*testo link arancio*/
div#footer1 a.txtAran, div#navigation a.txtAran, div#content2 a.txtAran, div.list_news a.txtAran{
	color: #FF9729;
	font-weight: bold;
	padding-right: 10px;
	text-decoration: none;
}
div.list_news a.txtAran:hover{
	color:#009DE8;
}
/*testo azzurro */
.txtAzz{
font-size: 12px;
	color: #009DE8;
	font-weight: bold;
}
/*testo link azzurro */
a.txtAzz{
	color: #009DE8;
	font-weight: bold;
	padding-right: 10px;
	text-decoration: none;
}
/*l'effetto del lik cambia colore al passaggio*/
a:hover.txtAzz{
	color: #FF9729;
	font-weight: bold;
	padding-right: 10px;
	text-decoration: none;
}
/*allinea a destra un testo*/
.txtdx{text-align: right;}
/*allinea a sinistra un testo*/
.txtsx{text-align:left;}

/*float left per immagine profilo*/
.fl{float: left; }

/* definisce lo stile del footer*/
/*mette accanto a destra l'immagine del bordo*/
div.accanto{
	float: left;
	background: transparent url(../immagini/bd_catalog.jpg) no-repeat top right;
}
.titAzzurro {color: #009DE8; text-align: left; padding: 10px 0px 0px 10px;}
.testoCatalog{color: #414141; font-size: 11px; line-height: 1.2; }


div#nomeAzzurro {color: #009DE8; background-color: #ffffff; text-align: center; padding-top: 8px;}
div#nomeGrigio {color: #414141; background-color: #ffffff; text-align: center; padding-bottom: 20px;padding-top: 12px; font-size: 10px;}
.accanto img{margin: 0 22px 0 22px; padding: 3px;}
div.ultima{background-image: none; }
.nomeAzzurro{color: #009DE8; }
.nomeGrigio{color: #414141;}


/*definisco il layout della pagina prodotti*/
/*parte navigazione a sinistra*/
#navigation1{
position:absolute;
top:380px;
left:20px;
width:199px;
/*height:400px;*/
padding:10px;
}
/*parte contenitore a destra*/
#content1{margin-top:75px;
/*margin-right:10px;*/
margin-left:270px;
padding:10px;
 height:auto !important; 
 height:555px;
 min-height:555px;
 } 
img.catalog{/*border: 2px  solid #009DE8;*/ float: left; margin-right: 4px;}
/*parte footer di sotto*/
#footer1{background-color: #ffffff; }
#footer1 .boxGrigio{
	float: left;
	width: 32%;
	margin-right: 3px;
	margin-left: 3px;
}
#footer1 .boxArancio{
	float: left;
	width: 290px;
	margin-right: 3px;
	margin-left: 3px;
}
#footer1 .boxAzzurro{
	float: left;
	width: 330px;
	margin-right: 3px;
	margin-left: 3px;
}
/* definisce lo stile dell'elemento li nel navigation1*/
div#elenco ul{margin: 0; padding:0; }
div#elenco ul li{border-bottom: 2px solid #009DE8; background-color: #ffffff; 
				list-style: none; vertical-align: middle;margin: 0; padding:0;  height: 68px;}
div#elenco ul li a{

	color: #414141;
	line-height: 62px;  
/*margin-right: 15px; margin-left:15px;*/
	text-decoration: none;
	font-weight: bold;
	margin: 0; padding:0;
}
div#elenco ul li a:hover{
color: #009DE8;
}
a{color: #414141; text-decoration: none; font-weight: bold;}
a:hover{color: #009DE8;}
div#elenco ul li.prima{border-top: 2px solid #009DE8; height: 70px;}
div#elenco ul li img{margin-top: 3px; margin-bottom: 0px;}
#form_NewsletterIscrizione{margin: 10px;}
#form_NewsletterIscrizione input{font-size: 11px;}
#form_NewsletterIscrizione img{}
/*definizione stile contatti*/
div#content2 div#contatti{width: 340px; float: left; 
min-height: 300px; color: #000000; 
margin: 0px 0px 0px 10px; 
/*border: 1px solid #000000*/}
div#content2 div#contatti p{line-height: 23px;}
/*testo link azzurro */
a.txtAzzUnd{
	color: #009DE8;
	font-weight: bold;
	padding-right: 10px;}
a:hover.txtAzzUnd{
	color: #FF9729;
	font-weight: bold;
	padding-right: 10px;}
.noGrass{font-weight: normal;}
.borderArancio{border: 1px solid #FF9729;}
.borderAzzurro{border: 1px solid #009DE8;}
div#catalogo_generale
	{
	border: 1px solid #FF9729;
	float: left;
	margin:0px;
	padding:10px;;
	height:123px;
	width: 123px;
	text-align: center;

	}
div.catalogo_categoria
	{
	border: 1px solid #FF9729;
	float: left;
	padding:0;
	width: 283px;
	overflow:hidden;
	margin: 0;
	text-align: center;
	height: 220px;
		padding-top: 20px;
	}
div.catalogo_categoria:hover, div#catalogo_generale:hover
	{
	border: 1px solid #009DE8;
	}
.list_news{float: left; height: 130px; margin-left: 10px; width: 300px;}
.list_news p {margin-top: 0px;}
.list_news h4{margin-bottom: 0px; margin-top: 10px;}

.rigaazzurra{background-color: #D7EFFB; border-bottom: 1px solid #ffffff;}
.rigagrigia{background-color: #ececec; border-bottom: 1px solid #ffffff;}
.grassettoazzurro{color: #009DE8; font-weight: bold;}
.guarda_anche{float: left; width:30%; background-color: #009DE8; border:1px solid #D7EFFB; vertical-align: middle; margin-right: 5px; padding: 5px; height: 50px;}
.guarda_anche a{color: #ffffff; text-decoration: none; }
.consenso{margin: 0px 0 8px 0;  font-size: 11px;}
.errorNewsletter{ font-size: 10px; margin-top: 0px; color: #009DE8; margin-bottom: -15px; font-weight: bold; margin-left: 3px;}

#scroller {
margin: 0;
margin-left: -15px;
}
#scroller h4 {margin: 10px 0px 5px 10px;}
.catalog{border: 1px solid #009DE8;}