HTML {background-color:#8c8c8c}
BODY {font-family:"trebuchet ms", Verdana, Arial, Helvetica, sans-serif; font-size:80%; color: #fff;margin: 0; text-align:center;background:url(images/bg.jpg) repeat top left #8c8c8c}
a:link, a:visited {color:#fc0; text-decoration:none;}
a:hover {color:#ccc;text-decoration:none;}

/* struttura */
div#bgtop {width:100%;background:url(images/bgtop.jpg) repeat-x top left;text-align:center}
div#containertopc {position:relative;margin:0 auto;width:990px;text-align:center}
div#containertop {position:absolute;top:0;left:0;width: 990px;height:420px; text-align:center;background: url(images/topbg.png) no-repeat top left}
div#container {margin:0 auto;position:relative;width: 930px; text-align:center;background: url(images/bgcontainer.gif) repeat-y top left #000;}
div#top {position:relative;background: url(images/top.jpg) no-repeat top left;width: 930px;height:165px}

ul#topmenu {position:absolute;bottom:0;right:15px;text-align:right;margin:0;height: 35px; padding:0; font-size: 13px; color:#fff; list-style:none;font-weight:bold}
ul#topmenu li a {text-decoration:none;display:block;line-height:35px;padding:0 30px;}
ul#topmenu li {display:inline; text-align:center;float:left;}
ul#topmenu li a:link, ul#topmenu li a:visited {color:#fff; text-decoration:none;}
ul#topmenu li a:hover {text-decoration:none;color:#fc0;background: url(images/tophover.jpg) no-repeat bottom center;}

div#sx {position:absolute;top:165px;left:0;width:234px !important; width /**/: 242px;padding-left:8px;background: url(images/sxtop.png) no-repeat top left;padding-top:15px;}
div#sx div#catalogo {font-size:18px;text-align:left;text-indent:15px}
div#content {position:relative;background: url(images/topcontent.png) no-repeat top left;margin:0 0 0 242px;padding:15px 15px 0 13px;text-align:justify; min-height: 350px;height: auto !important;height: 350px}

div#botc {clear:left;height: 169px; width:100%; background: url(images/botc.png) repeat-x top left; text-align:center}
html>body div#botc {clear:left;height: 169px; width:100%; background: url(images/botc.png) repeat-x top left; text-align:center;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/botc.png',sizingMethod='scale');}
div#bot {margin:0 auto;position:relative;height:107px !important; height /**/: 137px; width:930px; padding:30px 0 0 0;background: url(images/bot.jpg) no-repeat top left #000;color:#ffffff;text-align:center;font-size:11px;}
div#bot a:link, div#bot a:visited {color:#fff;text-decoration:none}
div#bot a:hover {text-decoration:underline}
div#wd {position:absolute;top:55px;right:8px;font-size:11px;color:#fff;text-align:right;}
div#wd a:link, div#wd a:visited {color:#fc0;text-decoration:none}
div#wd a:hover {text-decoration:underline}

/* mappatura top */
ul#mlogo {	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	background: url(images/topsx.jpg) no-repeat top right;
	width:323px;height:97px;
	left: 12px;
	top: 26px;}
ul#mlogo li {
display:block;
position:absolute;
margin:0;padding:0
}
li#logo {
left:0;top:0;
width:323px;height:97px;
}
#mlogo a {
display:block;
width:100%;
height:100%;
}

/* mappatura logo */
ul#lang {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	width:80px;height:90px;
	right: 20px;
	top: 15px;}
ul#lang li {
display:block;
position:absolute;
margin:0;padding:0;
font-weight:bold;font-size:10px;font-family:tahoma, Verdana, Arial, Helvetica, sans-serif
}
li#eng {
left:0;top:0;
width:86px;height:90px;
background: url(images/eng.jpg) no-repeat top center
}

li#ita {
left:0;top:0;
width:86px;height:85px;
background: url(images/ita.jpg) no-repeat top center
}
#lang a {
display:block;
width:100%;
height:100%;
color:#fff
}
#lang a:hover{
text-decoration:none;color:#fc0
}

.alt { display:none }

/*sx */

/* content */
.nota {color:#ff0000;font-size:85%;font-weight:bold;}
.center {text-align:center}
.right {text-align:right}

div#homeprod {margin:25px auto 0 auto;width:660px;text-align:center;background: url(images/homeprodt.jpg) no-repeat top left;}
div#homeprod span {margin:0 4px}
div#homeprod div {padding:2px 0 0 10px;text-align:left;background: url(images/homeprodt.jpg) no-repeat top left;margin-bottom:20px;}

div#title {margin:0 0 20px 0;}
div#title h1 {font-size:17px;}

div.wide {margin:0 auto;clear:left;}
div.wide2 {margin: 0 auto;clear:left;border-top: 1px solid #009900; width:96%;margin-top:6px;}

div#categoria {width:660px}
div#categoria div {float:left;text-align:left;width:320px;font-size:14px;font-weight:bold}
div#categoria div div.fotocat {text-align:center;width:130px;height:130px}
div#categoria div div.fotocat img {border:2px solid #ccc}
div#categoria div div.fotocat a:hover img  {border:2px solid #fc0}

div#contatti {margin:15px auto;font-weight:bold;width:440px !important; width /**/: 660px;padding:0 110px;text-align:right;background: url(images/contatti.jpg) no-repeat bottom left #000;height:600px}

/* form e img */
ul {margin:10px;padding:10px;}
.imgdx {float:right;margin-left:10px;}
.imgsx {float:left;margin-right:20px;border:2px solid #ccc}
.imgprod {float:left;margin: 0 30px 20px 0;border:2px solid #ccc}
h1 {color:#fc0;font-size:21px;font-weight:normal}
h2 {color:#fc0;font-size:17px;font-weight:normal}
h1, h2, h3 {display:inline}
img {border:0}
form {margin:0}
legend {color:#fc0}
.bottone {font-size: 13px; font-weight:bold; color:#ffffff; border: 1px solid #0066cc;  background-color: #ff0000; width: auto; height:22px;padding: 0 5px}
input.text, textarea {font-family:"trebuchetms", Verdana, Arial, Helvetica, sans-serif;font-size:13px;font-weight:normal;color: #333; border: 1px inset #666666; background-color: #eee;font-weight:bold}
textarea {width: 250px; height:150px;}
textarea.privacy {font-size:11px;font-weight:normal;text-align:justify;height:92px;}
input.text {width: 250px; height:20px;margin:0 0 0px 10px}
.pulsante {margin:15px 10px 0 10px;width:100px; height:30px;border: 2px outset #999;  background-color: #333;font-weight:bold;color:#fff}