@import url(_squeezebox.css);
html,body{ height: 100%;     }

body{ background: #d3d3d3 url(../img/bkg_body_ext.png); margin: 0; font-family: "Lucida Sans Unicode", Tahoma, Verdana, Arial,Helvetica, sans-serif; font-size: 75%; }

a{ color: #780000}
a:link{ color: #780000}
a:visited{ color: #780000}
a:hover{ color: #666666;
}
a:active{ color: #780000}

h1 {font-size:1.8em;line-height:1.2;margin-bottom:0.3em; color: #b30000}
h2 {font-size:1.4em;margin-bottom:0.4em;}
h3 {font-size:1.2em;line-height:1;margin-bottom:0.4em;  font-weight: bold; }

img.frame{border: 3px double #780000; background: white;
}
.fleft{ float: left; }
.fright{ float: right; }
img.fleft{ margin-right: 10px}
img.fright{ margin-left: 10px;}

#Bkg{ background: url(../img/bkg_body.jpg) repeat-x; width: 100%; height: 100%; }
#Container{ position: relative; background: url(../img/bkg_container.jpg) no-repeat -10px 0px; overflow: hidden; height: 700px; z-index: 0; }
#Main { height: 614px; }
#Footer{ width: 100%; height: 60px; font-size: 75%; overflow: hidden; text-align: center; z-index: 100; background: url(../img/bkg_footer.gif) no-repeat center top; }
/***********************************************************/
#Logo{ position: absolute; left: 38px; top: 16px; width: 179px; height: 75px; overflow: hidden; margin: 0; }
#Logo a{width: 100%; height:100%; display: block; }
#MainSx{ overflow: hidden; }
#MainSx #BoxBot{ background: url(../img/bkg_boxtop.jpg) no-repeat center top; }

#MainDx{ position: relative;height: 600px; }
#MainDx .menu{ position: absolute; left: 30px; top: 112px;  width: 100%;  }
#MainDx .menu li{width: 100%; height: 33px;  background-repeat: no-repeat;   }
#MainDx .menu li a,#MainDx .menu li span{display:block;width: 100%; height: 17px; text-indent: -9999px; overflow:hidden; }
#MainDx .menu li a{ background-repeat: no-repeat;  }
#MainDx .menu li a:hover{ background-position: 0px -19px;}
#MainDx .menu li span{ background-repeat: no-repeat; }

#AreaDxBottom{ position:absolute; top:320px; left:0; width:190px; text-align:center}
#AreaDxBottom p{ margin: 0}
#AreaDxBottom a{ position: relative; float: left;}
#AreaDxBottom a img{ margin: 0 0 0 44px;}

#AreaDxBottom a .zoom{ display: none; width: 20px; height: 20px; position: absolute; bottom: 6px; right: 6px; background: white url(../img/zoom.gif) center; text-indent: -9999px; }
#AreaDxBottom a:hover .zoom{ display: block;  cursor: pointer; }

#MainDx .menu li#Menu2Li5 a,#MainDx .menu li#Menu2Li5 span{  width: 53px;margin: 10px 0 0 14px}
#MainDx .menu li#Menu2Li5 a,#MainDx .menu li#Menu2Li5 span{ background-image: url(../img/menuli_azienda.png); }
#MainDx .menu li#Menu2Li5 span{ background-position: 0px -19px;}

#MainDx .menu li#Menu2Li4 a,#MainDx .menu li#Menu2Li4 span{  width: 80px;margin: 10px 0 0 14px}
#MainDx .menu li#Menu2Li4 a,#MainDx .menu li#Menu2Li4 span{ background-image: url(../img/menuli_produzione.png); }
#MainDx .menu li#Menu2Li4 span{ background-position: 0px -19px;}

#MainDx .menu li#Menu2Li6 a,#MainDx .menu li#Menu2Li6 span{  width: 65px;margin: 10px 0 0 14px}
#MainDx .menu li#Menu2Li6 a,#MainDx .menu li#Menu2Li6 span{ background-image: url(../img/menuli_materiali.png); }
#MainDx .menu li#Menu2Li6 span{ background-position: 0px -19px;}

#MainDx .menu li#Menu2Li7 a,#MainDx .menu li#Menu2Li7 span{  width: 58px;margin: 10px 0 0 14px}
#MainDx .menu li#Menu2Li7 a,#MainDx .menu li#Menu2Li7 span{ background-image: url(../img/menuli_contatti.png); }
#MainDx .menu li#Menu2Li7 span{ background-position: 0px -19px;}

#MainDx .menu li#Menu2Li8 a,#MainDx .menu li#Menu2Li8 span{  width: 77px;margin: 10px 0 0 14px}
#MainDx .menu li#Menu2Li8 a,#MainDx .menu li#Menu2Li8 span{ background-image: url(../img/menuli_dovesiamo.png); }
#MainDx .menu li#Menu2Li8 span{ background-position: 0px -19px;}

#MainDx .menu li#Menu2Li9 a,#MainDx .menu li#Menu2Li9 span{  width: 100px;margin: 10px 0 0 14px}
#MainDx .menu li#Menu2Li9 a,#MainDx .menu li#Menu2Li9 span{ background-image: url(../img/menuli_prodotti.png); }
#MainDx .menu li#Menu2Li9 span{ background-position: 0px -19px;}


#MainDx .menu li.active{  background: url(../img/bkg_menuli.gif) no-repeat;}

.box{ background: transparent; margin: 0 }
#BoxTop{ padding: 12px 0; }
#BoxBot{ padding: 16px 0 12px 0; }

/***********************************************************/
body#pag-1 #BoxTop{
padding: 12px;
	height: 280px;
	height/**/:/**/ 256px;
}
body#pag-1 #BoxTop #sliderGallery{
width: 520px;
height: 238px;
border: 1px solid #780000;
padding: 1px;
height/**/:/**/ 236px;
width/**/:/**/ 518px;
	
}
body#pag-1 #BoxBot{padding: 12px;
	height: 264px;
	height/**/:/**/ 241px;
	}
	
body#pag-8 #BoxTop{
padding: 12px;
	height: 260px;
	height/**/:/**/ 236px;
}
body#pag-8 #BoxBot{
	padding: 24px 12px 0 12px;
	height: 436px;
	height/**/:/**/ 412px;
	}

body#pag-8 #map{
	width: 100%;
	height: 412px;
	border: 1px solid #780000;
	height/**/:/**/ 410px;
}

body#pag-8 #BoxTop{
	padding: 12px 0 6px 0;
	height: 86px;
	height/**/:/**/ 68px;
}
body#pag-7 #BoxTop{
	padding: 12px 0 0 0;
	height: 92px;
	height/**/:/**/ 80px;
}
body#pag-7 #BoxBot{font-size: 88%;}
body#pag-7 #BoxBot p {margin:0 0 1em 0; font-size: 0.9em}

body#pag-3 #BoxTop{
	font-size: 88%;
	overflow: auto;
	margin: 15px 0;
	padding: 12px 0 0 0;
	height: 550px;
	height/**/:/**/ 536px;
}

/********************************************************/
.menu{ margin: 0; padding: 0; }
.menu li{ float: left; display: inline; margin: 0; padding: 0; }
.menu li a{ text-decoration: none;}
/*************************************************************/
#Footer .box{ padding: 12px 0 0 0; margin: 0 }
#Footer p{ padding: 0; margin: 0px }
#Footer ul{margin: 4px auto; width: 50%; text-align: center }
#Footer ul li{ float: none; padding: 0 5px }
/************************************************************************/
.tableForm{ margin: 0}
.tableForm th{ background: transparent; }
.tableForm th,.tableForm td {padding:2px 4px;}
.tableForm textarea{  }
.buttons{ text-align: center; padding: 10px 0}
/*************************************************************************/
#gallery{ width: 100%; height: 100%; overflow: hidden; position: relative;}
#StripGallery{
position: relative;
overflow: hidden;
	height: 256px;
	width: 564px;
	border: 1px solid #780000;
	width/**/:/**/ 562px;
	height/**/:/**/ 254px;
}
#StripGallery img{ width: 560px; height: 252px; position: absolute; left: 1px; top: 1px; }
#gallery #progress_bar{ position: absolute; top: 120px; left: 30px; border: 1px solid #003300; width: 400px; height: 30px; }
#gallery #progress{ width: 10%; height: 100%; background-color: #780000; -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; filter: alpha(opacity=60); }
/**********************************************************/
form{ width: 568px; }
select{ width: 170px; }
textarea{ height: 90px; width: 445px; }
textarea#privacy{ height: 50px; }
/*************************************************************/
.error, .notice, .success {padding:0;margin-bottom:0;border:1px solid #ddd;}
label.error{ border: 0px; }

.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.error {background: transparent;color:#8a1f11;}
input.error { border: 1px solid #8a1f11; background: transparent; }
/*********************************************************/
#BoxBot h1{ font-size:1.5em}