/* ---[ Struttura di base ]---------------------------------------- */

html, body {margin:0px; padding:0px; background:#c1c8ce; font-family:verdana;
scrollbar-3dlight-color:;
           scrollbar-arrow-color:#ffffff;
           scrollbar-base-color:#c1c8ce;
           scrollbar-track-color:;
           scrollbar-darkshadow-color:;
           scrollbar-face-color:;
           scrollbar-highlight-color:;
           scrollbar-shadow-color:;
}
html>body { /* be nice to Opera */ font-size: small;}

#frame {width:683px; margin-right:auto; margin-left:auto; padding:0px; font-size: 95%; align:center; background-image:url(../img/bg.gif);background-repeat: repeat-y;}
.head {display:block; color:#fff; font-size: small;}
.foot {display:block; height:50px; color:#fff; text-align:center; font-size:30px; background-image:url(../img/footer.gif);background-repeat: no-repeat; background-position:bottom;}

/* This bit does all the work */
#container { position:relative; display:block; overflow:visible; text-align:left; background-image:url(../img/bg.gif);background-repeat: repeat-y;}
* html #container {display:inline-block;}

#box {margin-top:0px;}

#left {float:left; position:relative; width:198px; margin-left:-197px; display:inline;}

* html #left {width:197px;}

#right {float:right; position:relative; width:198px; margin-right:-197px; display:inline;}

.clear {clear:both;height:1px;overflow:hidden;}

#content { position:relative; display:block; overflow:visible; text-align:left; margin-left:22px; margin-right:28px;}

h3 {margin: 10px 0 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 105%; font-weight:bold; color:#FFFFFF; display:block; background-color:#c1c8ce; padding:5px 5px 5px 5px;}
h2 {margin: 3px 0 0 4px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; color:#CCCCCC;}
h2 a:hover {color:#666666; text-decoration:underline}
h2 a {color:#CCCCCC; text-decoration:none}

.testata {margin-left:22px; margin-right:18px; display:block;}
.paginator{
margin-left:18px; margin-right:18px; display:block; float:right;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight:bold; color:#777777; 
}

/* ---[ Content Table]---------------------------------------- */

#tablecontent {
	width:100%;
	height:100%;
	padding:0px;
	margin:0px;
}
#tablecontent TD{
 text-align:left;
 vertical-align:top;
 }

/* ---[ NEWS ]---------------------------------------- */
 
dl.news{
		margin: 4px 5px 0px 0px;
		padding: 0 0 0 0;
		font-size:11px;
		text-align:left;
		}
dl.news dt a img {
	float: left;
	}
dd {
	margin: 0 0 5px 0px !important;
	padding: 0;
	line-height: 1.5em;
	font-family:Tahoma, Verdana, Arial;
	color:#999999;
	}
dd a {
	margin: 0 0 5px 0px !important;
	padding: 0;
	line-height: 1.0em;
	text-decoration:underline;
	color:#336699;
	}
dd.date a {
	margin: 0 0 5px 0px !important;
	padding: 0;
	line-height: 1.5em;
	color:#999999;
	text-decoration:none;
	font-weight:bold;
	}	
	
dl.news:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: left; 
    visibility: hidden;
    }

dl.news dt a {
	float: left;
	display: block;
	margin: 0px 1px 0 0px;
	padding: 2px;
	border: 1px solid #ddd;
	background: #fff;
	}
dl.news dd em {
	font-style: normal;
	color: #7B9905;
	}

/* ---[ products ]---------------------------------------- */
 
dl.products{
		margin: 8px 5px 0px 4px;
		padding: 0 0 0 0;
		font-size:11px;
		}
dl.products dt a img {
	float: left;
	}
dd {
	margin: 0 0 5px 0px !important;
	padding: 0;
	line-height: 1.5em;
	font-family:Tahoma, Verdana, Arial;
	}
dd.products a {
	margin: 0 0 5px 0px !important;
	padding: 0;
	line-height: 1.5em;
	text-decoration:underline;
	color:#336699;
	}

dl.products:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: left; 
    visibility: hidden;
    }

dl.products dt a {
	float: left;
	display: block;
	margin: 0px 5px 0 0;
	padding: 2px;
	border: 1px solid #ddd;
	background: #fff;
	}
dl.products dd em {
	font-style: normal;
	color: #7B9905;
	}

dl.news{ display: inline-table; } /* for IE/Mac */
/* Hides from IE/Mac \*/
* html dl.news { height: 1%; }
dl.news { display: block; }
/* End hide from IE/Mac */


dl.products{ display: inline-table; } /* for IE/Mac */
/* Hides from IE/Mac \*/
* html dl.products { height: 1%; }
dl.products { display: block; }
/* End hide from IE/Mac */


/* ---[ Spot ]------------------------ */
.main {
	text-align: left;
	display: block;
	width: 638px;
}
.containerfirstSpotInternal{
float:left; 
width:180px; 
height:193px; 

}
.imageSpot{
float:right; 
width:443px;
margin-top:7px;
}




/* ---[]---------------------------------------- */
/* ---[ Navigation VERTICAL]---------------------------------------- */

#Vnav {

	MARGIN: 0px 0px 0px; 
	FLOAT: left; 
	BACKGROUND: white;
	PADDING-RIGHT: 0px; 
	BORDER-RIGHT: #eda 0px solid; 
	
	PADDING-LEFT: 0px; 
	BORDER-LEFT: #eda 0px solid; 
	PADDING-BOTTOM: 0px; 

	height:100%;
	PADDING-TOP: 0px; 
	
	LINE-HEIGHT: 1;
	LIST-STYLE-TYPE: none;
	font-size:115%;
	FONT-WEIGHT: bold; 
	border-top:0px solid #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	
}
#Vnav UL {

	MARGIN: 0px 0px 0px; 
	BORDER-RIGHT: #eda 0px solid; 
	BORDER-TOP: #eda 0px solid; 
	BORDER-LEFT: #eda 0px solid;
	BORDER-BOTTOM: #eda 0px solid; 
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 0px; 
	FONT-WEIGHT: bold; 
	FLOAT: right; 
	LIST-STYLE-TYPE: none ;
	LINE-HEIGHT: 1; 
}

#Vnav A {
	DISPLAY: block; 
	PADDING-RIGHT: 2px; 
	PADDING-LEFT: 19px; 
	PADDING-BOTTOM: 7px; 
	PADDING-TOP: 9px; 
	COLOR: #c1c8ce; 
	TEXT-DECORATION: none;
	text-align:left;
	BACKGROUND: url(../img/nextOFF.gif) no-repeat left center;
	
}

#Vnav A:hover {
	DISPLAY: block; 
	PADDING-RIGHT: 2px; 
	PADDING-LEFT: 19px; 
	PADDING-BOTTOM: 7px; 
	PADDING-TOP: 9px;
	COLOR: #00549e;
	TEXT-DECORATION: none;
	text-align:left;
	BACKGROUND: url(../img/nextON.gif) no-repeat left center;
	
}


#Vnav A.daddy {
	BACKGROUND: url(rightarrow2.gif) no-repeat right center
}

#Vnav A.under {
	color:#80b54d;
	cursor:default;
}


#Vnav LI {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 0px;
	WIDTH: 184px; 
	FLOAT: left; 
	border-bottom: 1px dotted #999999;
	
}

#Vnav LI.selected a{
	DISPLAY: block; 
	PADDING-RIGHT: 2px; 
	PADDING-LEFT: 19px; 
	PADDING-BOTTOM: 7px; 
	PADDING-TOP: 9px; 
	COLOR: #00549e; 
	TEXT-DECORATION: none;
	text-align:left;
	BACKGROUND: url(../img/nextON.gif) no-repeat left center;
	
}

#Vnav LI UL {
	BORDER-TOP-WIDTH: 0px; 
	FONT-WEIGHT: normal; 
	BORDER-LEFT-WIDTH: 0px; 
	LEFT: -999em; 
	BORDER-BOTTOM-WIDTH: 0px; 
	MARGIN: 0px; 
	WIDTH: 90px; 
	POSITION: absolute; 
	HEIGHT: auto; 
	BORDER-RIGHT-WIDTH: 0px;
	background: #649731;

	/* secondo livello a destra */
	MARGIN-LEFT: 184px;
	MARGIN-TOP: -21px;
	
}
#Vnav LI LI {
	PADDING-RIGHT: 0px; <br>
	WIDTH: 90px;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	background: #ffaf45;
	
}
#Vnav LI UL A {
	WIDTH: 100px;
	text-align:Left;
	border-left: 1px solid #FFFFFF;
	
}
#Vnav LI UL UL {
	MARGIN: 0px 0px 0px 0px
}
#Vnav LI:hover UL UL {
	LEFT: -999em
}
#Vnav LI:hover UL UL UL {
	LEFT: -999em
}
#Vnav LI.sfhovers UL UL {
	LEFT: -999em
}
#Vnav LI.sfhovers UL UL UL {
	LEFT: -999em
}
#Vnav LI:hover UL {
	LEFT: auto
}
#Vnav LI LI:hover UL {
	LEFT: auto
}
#Vnav LI LI LI:hover UL {
	LEFT: auto
}
#Vnav LI.sfhovers UL {
	LEFT: auto
}
#Vnav LI LI.sfhovers UL {
	LEFT: auto
}
#Vnav LI LI LI.sfhovers UL {
	LEFT: auto
}
#Vnav LI:hover {
	background: #FFFFFF; 

	
}
#Vnav LI.sfhovers {
	background: #FFFFFF;


}

/* ---[ CATALOGO ITEMS ]---------------------------------------- */
dl.productsItem{
		margin: 5px 4px 5px 5px;
		padding: 0 0 0 0;
		font-size:10px;
		width:174px;
		float:left;
		border-bottom: 2px inset #CCCCCC;
		border-right: 2px inset #CCCCCC;
		border-top: 1px solid #CCCCCC;
		border-left: 1px solid #CCCCCC;
		}
		
dl.productsItem dt a img {
	float: left;
	margin: 5px 5px 5px 5px;
	border:0px;

	}
dd {
	margin: 5px 5px 5px 0px !important;
	padding: 0;
	line-height: 1.0em;
	color:#999999;
	text-align:justify;
	}
dd a {
	margin: 5px 5px 5px 0px !important;
	padding: 0;
	line-height: 1.0em;
	text-decoration:none;
	color:#999999;
	
	}
dd a:hover {	
text-decoration:underline;
color:#FF6600;
	}
dl.productsItem:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: left; 
    visibility: hidden;
    }

dl.productsItem dt a {
	float: left;
	display: block;
	border:0px;
	}
dt.utility {
	float: left;
	display: block;
	border:0px;
	}
/* ---[ CATALOGO SCHEDA PRODOTTO ]---------------------------------------- */
#immagineProdotto {
	BACKGROUND: url(../img/sfondoProdotto.gif); 
	background-repeat:no-repeat; 
	padding:8px 8px 15px 8px;
	margin-top:5px;
	}
#pittogramma {
	border:1px solid #CCCCCC; 
	padding:2px;

	}
#toolsbar {
width:176px; text-align:left; padding:0px 0px 0px 7px;
BACKGROUND: url(../img/nav-li-bg.gif) no-repeat right center;
float:left;
}

#toolsbar input{
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
}

#percorsoprodotto
{margin:10px 4px 4px 4px; font-family: Arial, Helvetica, sans-serif; font-size: 95%; font-weight:bold; color:#777777; display:block;}
#percorsoprodotto a
{color:#FF6600; text-decoration:none;}

#caratteristichelabel
{text-decoration:none; font-size:10px; text-align:right; vertical-align:top; color:#FFFFFF; padding-bottom:5px; width:105px;}

#caratteristichelabel span
{text-decoration:none; font-size:10px; text-align:right; vertical-align:top; color:#778; font-weight:bold; display:block; padding:3px 2px 3px 2px; border:0px;}


#caratteristichedesc
{color:#778; text-decoration:none; text-align:justify; font-size:10px; vertical-align:top; padding-top:4px;}



/* ---[ Contenuto esploso ]---------------------------------------- */
 
dl.contenutoesploso{
		margin: 8px 5px 0px 10px;
		padding: 0 0 0 0;
		font-size:11px;
		}
dl.contenutoesploso dt a img {
	float: left;

	}
dd {
	margin: 5px 0 5px 0px !important;
	padding: 0;
	line-height: 1.0em;
	font-family:Tahoma, Verdana, Arial;
		color:#333333;
	}
dd.contenutoesploso a {
	margin: 0 0 5px 0px !important;
	padding: 0;
	line-height: 1.0em;
	text-decoration:underline;
	color:#336699;
	}

dl.contenutoesploso:after {
    content: "."; 
    display: inline; 
    height: 0; 
    clear: left; 
    visibility: hidden;
    }

dl.contenutoesploso dt a {
	float: left;
	display: block;
	margin: 0px 2px 3px 0;
	background: #fff;
	}
	
dl.contenutoesploso dt img {	
	padding: 2px;
	border: 1px solid #ddd;
	margin-right:3px;
	
	}
dl.contenutoesploso dd em {
	font-style: normal;
	}
dl.contenutoesploso h3{
margin: 0px 0px 8px 0px; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 16px; 
font-weight:bold; 
color:#777777; 
display:block;}

}
dl.contenutoesploso dt.immagini {
	float: left;
	margin: 5px 0px 2px 0px;
	}
dl.contenutoesploso dd.gallerydesc{
line-height:18px;
}

/* ---[ Contenuto esploso TABELLA]---------------------------------------- */
 
table.contenutoesploso{
		margin: 5px 5px 0px 5px;
		padding: 0 0 0 0;
		font-size:10px;
		}
td.immagini img {	
	padding: 2px;
	border: 1px solid #ddd;
	margin:2px;
	}
	
table.contenutoesploso h3{
margin: 0px 0px 8px 0px; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 16px; 
font-weight:bold; 
color:#777777; 
display:block;
}

td.gallerydesc{
line-height:18px;
}