/* @group Generali */
BODY { color: #000; background-color: #dcddde; margin: 0; padding:0; text-align: center;
	font-smooth:always;
	font: 76% Arial, Helvetica, Geneva, sans-serif;
}

IMG{
	border:none;
}

DIV.container{
	margin: 15px auto; padding:0; border: 1px solid #383838;
	width:850px; background-color: #FFF; 
}

DIV.empty{
	clear:both;
}

/* @group header */
DIV.container DIV.header{
	width: 850px; height: 105px; 
	background: url(../img/logo.gif) no-repeat 20px center;
}


DIV.container DIV.header DIV.immagini{
	width: 650px; height: 105px; float: right; margin: 0; padding: 0;
	background: #FFF;
}
DIV.container DIV.header DIV.immagini DIV.img1{
	width: 130px; height: 105px; margin: 0; padding: 0; float: left;
	background: url(../img/titolo_img1.jpg) no-repeat center center;
}
DIV.container DIV.header DIV.immagini DIV.img2{
	width: 130px; height: 105px; margin: 0; padding: 0; float: left;
	background: url(../img/titolo_img2.jpg) no-repeat center center;
}
DIV.container DIV.header DIV.immagini DIV.img3{
	width: 130px; height: 105px; margin: 0; padding: 0; float: left;
	background: url(../img/titolo_img3.jpg) no-repeat center center;
}
DIV.container DIV.header DIV.immagini DIV.img4{
	width: 130px; height: 105px; margin: 0; padding: 0; float: left;
	background: url(../img/titolo_img4.jpg) no-repeat center center;
}
DIV.container DIV.header DIV.immagini DIV.img5{
	width: 130px; height: 105px; margin: 0; padding: 0; float: left;
	background: url(../img/titolo_img5.jpg) repeat-y center top;
}
/* @end */

/* @group sfumatura */
DIV.container DIV.sfumatura{
	width: 830px; height: 26px;  margin: 10px 0 0 0; padding: 3px 20px 0 0; font-size: 16px;
	background: url(../img/sfumatura.gif) repeat-y left top; color: #feebf1; text-align: right;
	font-weight:bold;
}
HTML>BODY DIV.container DIV.sfumatura{width: 830px; height: 23px;}
DIV.container DIV.sfumatura p {margin: 0; padding: 0;}
/* @end */


/* @group parte centrale */
DIV.container DIV.centrale{
	width: 850px;  margin: 4px 0 0 0; height: 385px; background-color: #FFF;
}

	/* @group parte centrale - a sinistra */
	DIV.container DIV.centrale DIV.sx{
		width: 187px;  margin: 0; padding:0;height: 385px; 
		border-right: 10px solid #FFF;
		float: left; text-align: left;color: #000;  
	}
	
	DIV.container DIV.centrale DIV.sx DIV.sfondo {
		width: 187px; height: 380px; margin: 0; padding: 0;
		background: transparent url(../img/lato_sx.jpg) no-repeat left top ;
		filter:alpha(opacity=20); -moz-opacity: 0.20; opacity: 0.20;
		z-index:5;   
	}
	
	DIV.container DIV.centrale  DIV.sx DIV.testo {
		width: 187px;  margin: 0 8px -385px 5px; padding:10px 0 0 0;height: 385px;
		text-align: justify; font-size:x-small;
		z-index:10; color: #2c2c2c;   position: relative; top: 0; left: 0;
	}
	HTML>BODY DIV.container DIV.centrale  DIV.sx DIV.testo {height: 375px;}
	DIV.container DIV.centrale  DIV.sx DIV.testo P{
		margin: 5px 0 15px 0; padding: 0;
		letter-spacing:0;
	}
	/* @end */
	
	/* @group parte centrale - centro */
	DIV.container DIV.centrale DIV.cx{
		width: 500px;  margin: 0 0 0 -9px; padding:0;height: 385px; 
		border-right: 3px solid #FFF; float: left; 
		background: url(../img/foto_centrale.jpg) no-repeat left bottom ;		
	}
	HTML>BODY DIV.container DIV.centrale DIV.cx{margin: 0;}
	
	DIV.container DIV.centrale DIV.cx1{
		width: 500px;  margin: 0 0 0 -9px; padding:0;height: 385px; 
		border-right: 3px solid #FFF; float: left; 
		background-color: #FFF;	
	}
	HTML>BODY DIV.container DIV.centrale DIV.cx1{margin: 0;}
	
	DIV.container DIV.centrale DIV DIV.sfuma{
		width: 500px;  height: 385px; position: relative;top:0;left: 0;
		background: url(../img/sfumatura_centrale.gif) repeat-x left top;		filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;
		z-index:5; 
	}
	
	DIV.container DIV.centrale  DIV DIV.testo {
		width: 500px;  height: 385px; margin: 0 0 -385px 0;  padding:0;
		position: relative; top: 0; left: 0;  z-index:10; 
		color: #000; 
	}
	
	DIV.container DIV.centrale  DIV DIV.testo P{
		margin: 0; clear: both; 
		letter-spacing: -1px;
	}
	DIV.container DIV.centrale  DIV DIV.testo DIV{
		width: 500px;
	}
		/* @group Galleria */
		
		
			DIV.container DIV.centrale  DIV Div.galleria{
				
				width: 460px;  height: 385px; margin: 0 0 -385px 0;  padding:0 10px 0 30px;
				position: relative; top: 0; left: 0;  z-index:10; 
				color: #000; 			}
				
			DIV.container DIV.centrale  DIV Div.galleria h1{
				text-align: center; font-size: 12px; color: #4b4b4b;
				margin: 0; padding: 0;
			}	
				
			DIV.container DIV.centrale  DIV Div.galleria p.paginazione{ 
				color: #000; margin: 0; padding: 0;
				text-align: right;
			}
			DIV.container DIV.centrale  DIV Div.galleria p.paginazione a{
				color: #000; text-decoration: none;
				margin: 0 2px 0 2px;
			}
			DIV.container DIV.centrale  DIV Div.galleria div.paginazione a:hover{
				text-decoration: underline;
			}
			DIV.container DIV.centrale  DIV Div.galleria div.paginazione a.link{
				width:15px; height:15px; background-color:#f7efd7 ; color: #000; 
				text-decoration: none;
			}
			DIV.container DIV.centrale  DIV Div.galleria UL{
				list-style: none; clear: both; margin: 0; padding: 0;
			}
			DIV.container DIV.centrale  DIV Div.galleria UL LI.galOrr{
				float: left; width:120px; height:100px; margin: 10px 15px 5px 10px;
			}
			
			DIV.container DIV.centrale  DIV Div.galleria UL LI.galVer{
				float: left; width:90px; height:130px; margin: 10px 15px 15px 10px;
			}
			
			DIV.container DIV.centrale  DIV Div.galleria UL LI.galOrr img{
				float: left; width:120px; height:90px; margin: 0; padding: 1px;
			}
			
			DIV.container DIV.centrale  DIV Div.galleria UL LI.galVer img{
				float: left; width:90px; height:120px; margin: 0; padding: 1px;
			}
			
			DIV.container DIV.centrale  DIV Div.galleria UL LI DIV.title{
				text-align: right; color: #000; text-align:center; font-size: 11px; margin: 0; padding: 0;
			}
		/* @end */
		
			/* @group Form*/
			
			DIV.container DIV.centrale DIV.form {
	width: 460px;  height: 385px; margin: 0 0 -385px 0;  padding:0 10px 0 30px;
				position: relative; top: 0; left: 0;  z-index:10; 
				color: #000; 	text-align: left;	
	
}
					
			DIV.container DIV.centrale  DIV.colDX{
				width: 48%; float: left;text-align: left;
				margin: 0; 
			}
			
			DIV.container DIV.centrale  DIV.colSX{
				width: 48%; float: left;text-align: left;
			}
			
			form {	border:none;	
			position: relative; top: 0; left: 0;  z-index:10; 
				color: #000; 		padding:5px;		margin:0 auto;	}
	
			label {	display:block;	text-align: left;		color: #3f3f3f;		padding: 10px 10px 0 10px;
				margin:0;	}
			
			
			IMG.codSpam{ padding:0; margin:0 0 5px 10px; border:1px solid #314839; display:block;}
			
			strong.asterisco{margin:2px; font-weight:bold; color: #68050a;}
			
			input.text{margin:0 0 0 10px; width:200px; padding:2px; border:1px solid #fff;  background: #ddd;}
			HTML>BODY input.text{width:196px;}
			input.text:focus {	    background: #fff4f6;	}
			select {
	margin:0 0 0 10px; width:200px; padding:2px; border:1px solid #fff;  background: #ddd;
			}
			input.check{padding:0; margin:0 0 0 10px; border:1px solid #314839;  background: #ddd;}
			
			textarea {margin:0 0 0 10px; width:330px; height:40px; padding:2px; border:1px solid #fff;  background: #ddd;}
			HTML>BODY textarea{width:326px;}
			textarea:focus {	    background: #fff4f6;	}
			
			input#indirizzo{width:460px;}
			HTML>BODY input#indirizzo{width:440px;}
			
			input#codice{width:120px;}
			HTML>BODY input#codice{width:110px;}
			
			input.button {	 margin:20px 10px 20px 10px;   font: 11px Arial, Helvetica, sans-serif;	    color: #000;	    background: #CCC;	    text-align: center;	    padding: 2px;	    width: 50px;	    border-left: 1px solid #FFF; border-top: 1px solid #FFF;	 border-right: 1px solid #CCC; border-bottom: 1px solid #CCC;  	 }
			input.button:hover {	    background: #fff4f6;	}	input.button:active {	    background: #fff4f6;	}
		/* @end */
	
	/* @end*/
	
	/* @group parte centrale - destra */
	DIV.container DIV.centrale DIV.dx{
		width: 150px;  margin: 0; padding:0;height: 385px; 
		border:none; float: left; background-color: #79797b;	
	}
	HTML>BODY DIV.container DIV.centrale DIV.dx{margin: 0;}
	DIV.container DIV.centrale DIV.dx h1{
		width: 150px;  background-color: #777; font-size: 18px;
		text-transform: uppercase; text-align: center; color: #FFF;
		margin: 0; padding: 5px 0 5px 0; font-weight: normal;
		border-bottom: 3px solid #FFF;
	}
	
			/* @group parte centrale - destra - menu prodotti */
			
			
				DIV.container DIV.centrale DIV.dx DIV.menuProdotti {
					width:150px; background-color: #CCDDB8;	 border-bottom: 3px solid #FFF;
					margin: 0; padding: 0 0 0 0; height: 223px;
				}
				DIV.container DIV.centrale DIV.dx DIV.menuProdotti UL{
					margin: 0; padding:0; list-style-type: none;					color: #000900; background-color: #CCDDB8;
					text-align:left; width:150px;
				}
				DIV.container DIV.centrale DIV.dx DIV.menuProdotti UL #active:hover li { display: block; }				DIV.container DIV.centrale DIV.dx DIV.menuProdotti UL #active li { display: none; }
				DIV.container DIV.centrale DIV.dx DIV.menuProdotti UL LI{
				      padding:0; height: 20px;
					border-bottom: 3px solid #FFF;
				     margin: 0;  display: block;
				}
				DIV.container DIV.centrale DIV.dx DIV.menuProdotti UL LI span{ text-align:left; 
					padding: 5px 0 0 28px; margin: 0; display:block; width: 122px;
				}
				DIV.container DIV.centrale DIV.dx DIV.menuProdotti UL LI A:visited, DIV.container DIV.centrale DIV.dx DIV.menuProdotti UL LI A:link{
					height:17px; 
					display:block;
					color: #000900; text-decoration: none;
					padding: 3px 0 0 25px; margin:0;
					background: #CCDDB8 url(../img/liProdotti.gif) no-repeat 8px center;
				}
				/*HTML>BODY DIV.container DIV.centrale DIV.dx DIV.menuProdotti UL LI A:visited, HTML>BODY DIV.container DIV.centrale DIV.dx DIV.menuProdotti UL LI A:link{ height:17px; width: 125px; }*/
				DIV.container DIV.centrale DIV.dx DIV.menuProdotti UL LI A:hover{
					color: #78797a; text-decoration: underline;
				} 
				DIV.container DIV.centrale DIV.dx DIV.menuProdotti UL LI:hover A{
					color:#78797a; text-decoration: underline;
				}
				
				/* @group Sottomenu*/
					 
					 DIV.container DIV.centrale DIV.dx DIV.menuProdotti UL LI ul {						display: none;text-decoration: none; position: relative;						left:-150px;top: -20px; border-top: 1px solid #CCDDB8; z-index: 100;
						border-left:1px solid #CCDDB8; cursor: pointer;
						border-right: 1px solid #CCDDB8; background-color: #FFF; width: auto;					}
					DIV.container DIV.centrale DIV.dx DIV.menuProdotti UL LI.visited ul {						display: block; margin: 0; padding:0; text-decoration: none;					} 
					DIV.container DIV.centrale DIV.dx DIV.menuProdotti UL LI:hover ul { 
						display: block; color:#994b4a; text-decoration: none;
					}
					DIV.container DIV.centrale DIV.dx DIV.menuProdotti UL li:hover ul,  DIV.container DIV.centrale DIV.dx DIV.menuProdotti UL li.over ul { 						display: block; margin: 0; padding:0; text-decoration: none;
					}
					DIV.container DIV.centrale DIV.dx DIV.menuProdotti UL li:hover ul li,DIV.container DIV.centrale DIV.dx DIV.menuProdotti UL li.visited ul li {
						border-bottom: 1px solid #CCDDB8; margin: 0; padding: 0; 
						height:18px; cursor: pointer;
						background: url(../img/liSottoProdotti.gif) no-repeat left center;
					}
					DIV.container DIV.centrale DIV.dx DIV.menuProdotti UL LI ul li a:visited,  DIV.container DIV.centrale DIV.dx DIV.menuProdotti UL LI ul li a:link {						display: block;  cursor: pointer;						text-decoration: none; border: none; 						color: #000; font-size: 11px; background-color: #FFF;						padding: 0; margin: 0; background-image: url(../img/liSottoProdotti.gif);
					}
					DIV.container DIV.centrale DIV.dx DIV.menuProdotti UL LI ul LI A:hover,  DIV.container DIV.centrale DIV.dx DIV.menuProdotti UL LI ul LI A.visited{ text-decoration: underline;
	background-image: url(../img/liSottoProdotti.gif);
} 
					DIV.container DIV.centrale DIV.dx DIV.menuProdotti UL LI ul LI span{ text-align:left; padding:2px 0 2px 20px; margin: 0; display:block; text-decoration: none;}		
					
				/* @end*/
				
			/* @end*/
			
			/* @group parte centrale - destra - menu  */
				DIV.container DIV.centrale DIV.dx DIV.menu {
					width:150px; background-color: #79797b; cursor: pointer;
					margin: 0; padding: 0 0 0 0; height: 120px;
				}
				DIV.container DIV.centrale DIV.dx DIV.menu UL{
					margin: 0; padding:0; list-style-type: none;					color: #000900; background-color: #CCDDB8;
					text-align:left;  width:150px; cursor: pointer;
				}
				DIV.container DIV.centrale DIV.dx DIV.menu UL UL #active:hover li { display: block; }				DIV.container DIV.centrale DIV.dx DIV.menu UL UL #active li { display: none; }
				DIV.container DIV.centrale DIV.dx DIV.menu UL UL LI{
				      padding: 0; cursor: pointer;
				     margin: 5px 0 5px 0;  display: block;
				}
				DIV.container DIV.centrale DIV.dx DIV.menu UL LI span{ text-align:left; 
					padding: 5px 0 0 28px; margin: 0; display:block; 
				}
				DIV.container DIV.centrale DIV.dx DIV.menu UL LI A:visited, DIV.container DIV.centrale DIV.dx DIV.menu LI A:link{
					height:21px; width: 125px;
					display:block;
					color: #FFF; text-decoration: none;
					padding: 7px 0 0 25px; margin:0;
					background: #79797b url(../img/liMenu.gif) no-repeat 8px center;
					border-bottom: 3px solid #FFF;
				}
				/*HTML>BODY DIV.container DIV.centrale DIV.dx DIV.menu UL LI A:visited, HTML>BODY DIV.container DIV.centrale DIV.dx DIV.menu UL LI A:link{ height:21px; width: 125px; }*/
				DIV.container DIV.centrale DIV.dx DIV.menu UL LI A:hover{
					color: #ccddb8; text-decoration: underline;
				} 
				DIV.container DIV.centrale DIV.dx DIV.menu UL LI:hover A{
					color:#ccddb8; text-decoration: underline;
				}
			/* @end*/
	
	/* @end*/
		
/* @end */

/* @group footer */
DIV.container DIV.footer{
	background-color: #5F5F5F; width: 830px; font-size: 13px;
	height:30px; border-top:2px solid #FFF;	color: #FFF;
	text-align: right; padding: 8px 20px 0 0; margin: -10px 0 0 0;
}
HTML>BODY DIV.container DIV.footer{height:22px; width: 830px; margin: 0;}
/* @end */