/*---------- inizio IMPOSTAZIONI TAG ---------- */
body{
	margin:10px auto; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px; 
	color:#333333; 
	background-color:#FFFFFF;
	background-image:url(../img/bg-body.jpg);
	background-repeat:repeat-x;
}

form{
	margin:auto;
}

div{
	width:auto; 
	height:auto; 
	margin:auto; 
	overflow:auto;
}

img{
	border:none;
}

table{
	margin:auto; 
	border:none; 
	border-spacing:0px; 
	border-collapse:collapse;
}

td{
	padding:4px;
}

input, select, button{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px;
}

hr{
	height:1px; color:#333333;
}

h1{
	font-size:14px;
}

ul{
	list-style:square;
}

legend{
	color:#333333; 
	font-weight:bold;
}

fieldset{
	width:auto; 
	height:auto; 
	margin:auto; 
	padding:4px; 
	border:1px solid #3366CC;
}

a:link, a:visited{
	text-decoration:none; 
/* 	color:#66CC00;  */
	color:#f90;
}

a:hover{
	text-decoration:underline; 
	color:#f90;
}
/* ---------- fine IMPOSTAZIONI TAG ---------- */



/*---------- inizio IMPOSTAZIONI GENERALI ----------*/
#main{
	width:800px;
}

#divGenerico{
	margin:10px auto;
}

#divGenerico .titolo{
	text-align:center;
	font-weight:bold;
	margin-bottom:10px;
}

#divGenerico ul{
	text-align:left;
}

.msgOk{
	margin:10px auto;
	color:#009900; 
	text-align:center;
}

.msgNo{
	margin:10px auto;
	color:#FF0000; 
	text-align:center;
}

.pulsanti{
	width:60px; 
	height:25px; 
	color:#003366;
}

.pulsanteCarrello{
	width:135px; 
	height:25px;
	font-size:10px;
	color:#003366;
	background-color:#FFFFFF;
}

#campiRichiesti{
	background-color:#FFFF00;
}

#stampaMappa{
	font-size:12px;
	color:#333333;
	text-align:center;
}

#stampaMappa .mappa{
	border:1px solid #333333;
	margin-bottom:10px;
}

#stampaMappa a:link, #stampaMappa a:visited{
	color:#990000;
}

/*---------- fine IMPOSTAZIONI GENERALI ----------*/


/* ---------- inizio HEADER ---------- */
#header{
	height:140px;
	background-image:url(../img/header/header.gif); 
	background-repeat:no-repeat;
	background-position:top center;
	/*margin-bottom:20px;*/
}

#header .dati{
	width:798px;
	height:125px;
	margin-top:15px;
	border-right:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	background-color:#FFFFFF;
}

#header .dati .sx{
	width:300px;
	height:120px;
	margin-left:10px;
	float:left;
	text-align:center;
	overflow:hidden;
}

#header .dati .sx img{
	margin-top:9px;
}

#header .dati .dx{
	width:460px;
	height:120px;
	margin-left:10px;
	float:left;
}

#header .dati .dx .menu{
	width:450px;
	height:85px;
	background-image:url(../img/menu/bordo-menu.jpg);
	background-position:center;
	background-repeat:no-repeat;
}

#header .dati .dx .cerca{
	width:450px;
	height:25px;
	margin-top:10px;
	text-align:right;
}

#header .dati .dx .cerca button{
	width:30px;
	height:20px;
	background-color:#FFFFFF;
	background-image:url(../img/header/lente.gif);
	background-repeat:no-repeat;
	background-position:center;
	border:none;
	cursor:pointer;
}
/* ---------- fine HEADER ---------- */



/* ---------- inizio MENU ---------- */
#menu{
	width:440px;
	margin-top:7px;
}

#menu img{
	margin-bottom:5px;
}

#menu table{
	width:100%;
}

#menu table td{
	width:20%;
	height:70px;
	text-align:center;
	padding:0px;
}

#menu #td-m1, #td-m2, #menu #td-m3, #menu #td-m4{
	border-right:1px solid #999999;
}

#menu #td-m5{
	
}

#menu a:link, #menu a:visited{
	color:#036;
}

#menu a:hover{
	color:#f90;
}
/* ---------- fine MENU ---------- */



/* ---------- inizio HEART ---------- */
#heart{
	width:798px;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
	background-color:#fff;
}

#dinamico{
	width:570px;
	margin:10px auto auto 10px;
	float:left;
/* 	background-color:#ccc; */
}
/* ---------- fine HEART ---------- */



/* ---------- inizio STRUMENTI ---------- */
#strumenti{
	width:100%;
	height:18px;
	margin:3px auto;
	padding-top:5px;
	background-color:#fff;
}

#strumenti img{
	margin-right:8px;
	vertical-align:text-top;
}

#strumenti .sx{
	width:270px;
	float:left;
	padding-left:10px;
}

#strumenti .dx{
	width:510px;
	float:left;
	margin-left:5px;
}

#strumenti a:link, #strumenti a:visited{
	text-decoration:none;
	color:#003366;
}

#strumenti a:hover{
	text-decoration:underline;
	color:#f90;
}
/* ---------- fine STRUMENTI ---------- */



/* ---------- inizio MENU SX ---------- */
#menuSx{
	width:210px;
	margin-top:10px;
	float:left;
	background-image:url(../img/menusx/menusx-1.jpg);
	background-repeat:no-repeat;
	background-position:top;
/* 	background-color:#ccc; */
}

#menuSx a:link, #menuSx a:visited{
	text-decoration:none; 
	color:#036; 
}

#menuSx a:hover{
	text-decoration:none; 
	color:#f90;
}

#menuSx .settori{
	margin-top:15px;
	margin-left:5px;
	background-color:#fff;
}

#menuSx .settori .titolo{
	padding:0px 10px 4px 10px;
	font-weight:bold;
	background-image:url(../img/menusx/menusx-2.jpg);
	background-repeat:repeat-y;
}

#menuSx .settori .elenco{
	padding:0px 4px 8px 4px;
	overflow:hidden;
	background-image:url(../img/menusx/menusx-2.jpg);
	background-repeat:repeat-y;
}

#menuSx .settori .elenco .settore{
	margin:6px auto 2px 4px;
}

#menuSx .settori .elenco .categoria{
	padding-left:15px;
}

#menuSx .footer{
	height:15px;
	margin-bottom:10px;
	background-image:url(../img/menusx/menusx-3.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}

#menuSx .carrello, #menuSx .promo{
	margin:20px auto;
	border:1px dotted #f90;
}

#menuSx .carrello .titolo, #menuSx .promo .titolo{
	padding:4px;
	font-weight:bold;
	border-bottom:1px dotted #333;
}

#menuSx .carrello .dati, #menuSx .promo .dati{
	padding:4px;
	text-align:center;
}

#menuSx .promo .dati a:hover{
	text-decoration:none;
}

#menuSx .carrello .dati img{
	margin-right:8px;
	vertical-align:middle;
}
/* ---------- fine MENU SX ---------- */



/* ---------- inizio FOOTER ---------- */
#spazio{
	height:20px;
	background-color:#FFFFFF;
}

#footer{
	height:29px;
	color:#666666;
}

#footer .sx{
	width:675px;
	float:left;
	margin:5px auto;
	text-align:right;
}

#footer .dx{
	width:60px;
	float:left;
	margin:5px auto 5px 55px;
}

#footer a:link, #footer a:visited{
	text-decoration:none;
	color:#666666;
}

#footer a:hover{
	text-decoration:underline;
	color:#003366;
}
/* ---------- fine FOOTER ---------- */



/* ---------- inizio INDEX ---------- */

/* ---------- fine INDEX ---------- */




/* ---------- inizio MyHWT ---------- */
#utenteLogin, #utenteRegistrazione, #utenteGestione{
	width:400px;
	margin:20px auto;
	border:1px solid #CCCCCC;
	padding:4px;
}

#utenteRegistrazione{
	height:90px;
}

#utenteLogin img, #utenteRegistrazione img, #utenteGestione img{
	margin-right:8px;
	vertical-align:text-top;
}

#utenteLogin .titolo, #utenteRegistrazione .titolo, #utenteGestione .titolo{
	margin-bottom:10px; 
	font-weight:bold; 
	padding-bottom:4px;
}

#utenteLogin .dati{
	margin:10px auto;
	text-align:center;
}

#utenteRegistrazione .dati{
	margin:10px auto;
	text-align:left;
}

#utenteModifica, #utentePassword, #utenteRegistra{
	margin:5px auto;
	padding:4px;
	text-align:center;
}

#utenteModifica .campoTesto, #utenteRegistra .campoTesto{
	width:90%;
}

/*#utenteRegistra table{
	width:80%;
	background-color:#ccc;
}*/

#utenteRegistra fieldset{
	text-align:center;
}

#utenteRegistra .privacy{
	height:35px;
	padding:4px;
	text-align:left;
}

#utentePassword .codice img, #utenteRegistra .codice img, #utentePassword .codice img{
	margin-right:6px;
	vertical-align:bottom;
}

#utenteRma, #utenteAcquisti{
	margin:5px auto;
	padding:4px;
}

#utenteRma div{
	margin-bottom:10px;
}

#utenteAcquisti table{
	width:610px;
	border:1px dotted #003366;
}

#utenteAcquisti table th, #utenteAcquisti table td{
	padding:4px;
	border:1px dotted #003366;
}

#utenteAcquisti table th{
	background-color:#CCCCCC;
}
/* ---------- fine MyHWT ---------- */





/* ---------- inizio SUPPORTO ---------- */
#supporto .menu{
	width:300px;
	margin-top:5px;
	margin-bottom:20px;
	text-align:center;
}

#supporto .menu a:link, #supporto .menu a:visited{
	text-decoration:none;
	color:#f90;
}

#supporto .menu a:hover{
	text-decoration:underline;
	color:#f90;
}

#supporto .menu .current{
	/*color:#66CC00;*/
	font-weight:bold;
}

#supporto .testo{
	margin:5px auto;
}

#supporto .testo .titolo{
	margin:5px auto;
	font-weight:bold;
}
/* ---------- fine SUPPORTO ---------- */




/* ---------- inizio CONTATTI ---------- */
#contatti{
	background-color:#FFFF66;
}

#contatti .radio{
	text-align:center;
}

#contatti .comandi{
	text-align:center;
}

#contatti .comandi .pulsanti{
	width:60px;
	height:25px;
	background-color:#3366CC;
	color:#FFFFFF;
}
/* ---------- fine CONTATTI ---------- */



/* ---------- inizio CARRELLO-TRANS-OK ---------- */
#carrello .comandi{
	width:100px;
	border:none;
	background-color:#FFFFFF;
	cursor:pointer;
	text-align:left;
	/*font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;*/
}

#carrelloTransOk{
	margin:20px auto;
	font-size:12px;
	font-weight:bold;
	line-height:1.2;
}
/* ---------- fine CARRELLO-TRANS-OK ---------- */



/* ---------- inizio MAPPA SITO ---------- */
#mappaSito{
	margin:10px auto;
}

#mappaSito li{
	margin-top:4px;
}

#mappaSito table{
	margin-left:0px;
}
/* ---------- fine MAPPA SITO ---------- */







/* ---------- inizio ARTICOLI ---------- */
/*#Articoli{
	
}

#Articoli .Lista{
	margin:10px auto 20px 10px; text-align:left;
}

#Articoli table{
	width:95%; margin:5px auto;
}

#Articoli table td{
	padding:8px; text-align:center; vertical-align:top; border-bottom:1px solid #999999;
}

#Articoli .Lista .Nome, #Articoli .Dati .tdDati .Nome{
	margin:10px auto; font-size:14px; font-weight:bold; color:#000000;
}

#Articoli .Dati .ImgArt{
	margin:10px;
}

#Articoli .Dati .tdFoto{
	width:170px; text-align:center; border-right:1px solid #CCCCCC; border-bottom:none;
}

#Articoli .Dati .tdDati{
	text-align:left; border-bottom:none;
}

#Articoli .Dati .tdDati .Codice{
	color:#3366CC; font-size:10px;
}

#Articoli .Dati .tdDati .Marca, #Articoli .Dati .tdDati .MisureColori{
	margin:10px auto;
}

#Articoli .Dati .tdDati .Varianti{
	margin-top:15px; font-weight:bold; border-bottom:1px solid #CCCCCC;
}

#Articoli .Dati .tdDati .Comandi{
	margin:30px auto 10px auto;
}

#Articoli .Dati .tdDati img{
	margin-right:10px; vertical-align:middle;
}*/
/* ---------- fine ARTICOLI ---------- */




/* ---------- inizio SEGNALA ARTICOLO ---------- */
/*#Segnala{
	width:580px;
}

#Segnala .Info{
	margin:5px auto; padding:4px;
}

#Segnala .Modulo{
	margin:5px auto; padding:4px; text-align:center;
}

#Segnala .Modulo img{
	margin-right:10px; vertical-align:top;
}*/
/* ---------- fine SEGNALA ARTICOLO ---------- */