HTML {background: url(images/bg.gif) repeat top left #39c;}
BODY {font-family: "trebuchet ms", Verdana, Arial, Helvetica, sans-serif; font-size:80%; color: #000000;margin: 0 0 0 0; text-align:left;background: url(images/ombra.png) repeat-y 990px 0;}
a:link, a:visited {color:#09f; text-decoration:none;}
a:hover {text-decoration:underline;}

/* struttura */
div#container {position:relative;width: 990px; text-align:center;background-color:#fff}
div#top {position:relative;background: url() no-repeat top left #ddd;width: 990px;height:260px}

ul#topmenu {position:absolute;width:990px;bottom:0;left:0;margin:0;background: url(images/topmenu.gif) repeat top left #ccc;height: 30px; padding:0;font-size: 17px; color:#000; list-style:none;text-align:center}
ul#topmenu li a {text-decoration:none;line-height:30px;height:23px !important; height /**/:30px; margin:0 10px;padding:3px 20px 4px 20px;}
ul#topmenu li {display:inline; text-align:center;}
ul#topmenu li a:link, ul#topmenu li a:visited {color:#000; text-decoration:none;}
ul#topmenu li a:hover {background-color:#09f;color:#fff;text-decoration:underline}

div#topnews {position:absolute;width:252px !important; width /**/:272px;height:220px !important; height /**/:230px;text-align:justify;top:0;right:0;font-size: 11px; color:#fff; list-style:none;background-color:#333;padding:10px 10px 0 10px;}
div#topnews h1 {font-size: 15px; color:#fff;}

div#topmsg {position:absolute;bottom:30px;left:270px;background: url(images/topmsg.png) repeat top left;color:#666;font-size:10px;width:390px !important; width /**/: 400px;padding:5px}

div#dx {float:left;width:220px !important; width /**/:230px;padding-right:10px;margin:10px 0 0 0;text-align:justify;}
div#dx a:link, div#dx a:visited {text-decoration:none;font-weight:bold}
div#dx a:hover {text-decoration:none;color:#000}
div#content {position:relative;float:left; margin:10px 0;padding:0 15px 0 15px;width:730px !important; width /**/:760px;text-align:justify; background: url(images/bgdx.jpg) no-repeat top right}

div#bot {clear:left;height:30px !important; height /**/: 40px; width:990px; padding:10px 0 0 0;background: url(images/topmenu.gif) repeat top left #ccc;color:#000;text-align:center;font-size:12px;}
div#bot a:link, div#bot a:visited {text-decoration:underline}
div#bot a:hover {text-decoration:underline overline}

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

.alt { display:none }

/*dx */
span.dxcat {font-variant: small-caps;}
span.dxcat a:link, span.dxcat a:visited {color:#666;}

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

div#catalogo {margin:30px 0 0 0;width:724px}
div#catalogo div {float:left;text-align:center;margin:20px;width:282px;font-size:17px;}
div#catalogo div a {font-size:20px;font-style:italic}
div#categoria div a {font-size:16px;font-weight:bold}
div#catalogo div a:link, div#catalogo div a:visited, div#categoria div a:link, div#categoria div a:visited {text-decoration:none;color:#09f}
div#catalogo div a:hover, div#categoria div a:hover {text-decoration:none;color:#000}

/*div#categoria, div#contatti {margin:30px auto;width:724px}
div#categoria div, div#contatti div {float:left;margin:10px}
div#categoria div {text-align:center;width:221px}
div#contatti div {text-align:left;width:161px}
div#categoria div div#fotocat {text-align:center;width:221px;height:150px}*/

div#categoria, div#contatti {width:724px}
div#categoria div, div#contatti div {float:left;margin:8px}
div#categoria div {margin:4px auto;text-align:left;width:342px;}
div#contatti div {margin:30px auto;text-align:left;width:161px}
div#categoria div div.fotocat {text-align:center;width:114px;height:150px}

table.prodottocat {margin-top:25px;width:200px;border-collapse:separate;font-size:11px}
table.prodottocat th {width:60px;background-color:#ddd;padding:5px 0 5px 5px}
table.prodottocat td {width:140px;padding:5px 0 5px 5px}

table.prodotto {width:725px;border-collapse:separate;font-size:13px}
table.prodotto th {width:125px;background-color:#ddd;padding:5px 0 5px 5px}
table.prodotto td {width:600px;padding:5px 0 5px 5px}

div#reg, div#login {margin:20px auto;font-weight:bold;width:404px !important; width /**/: 624px;padding:0 100px;text-align:right}
div#reg fieldset, div#login fieldset {padding:5px}
div#reg {background: url(images/reg.jpg) no-repeat 105px 310px #fff}
div#login {background: url(images/login.jpg) no-repeat 105px 0 #fff}


div.divnews, div#dxultimi {margin: 0 auto;width:100%;}
div#dxultimi {color:#000; background: url(images/topmenu.gif) repeat top left;height:25px !important; height /**/: 30px;padding:5px 0 0 0;font-size:15px;font-weight:bold;text-align:center}
div.divnews {clear:left;  background: url(images/topmenu.gif) repeat-x center left;height:15px}

div#map {margin:10px auto;width:705px;height:550px;border:10px solid #ddd;}
div#randomcat {margin:0 auto 10px auto;width:704px !important; width /**/: 724px;padding:10px;background-color:#ddd}

div.wide {clear:left}

/* form e img */
ul {margin:10px;padding:10px;}
.imgdx {float:right;margin-left:10px;}
.imgsx {float:left;margin-right:10px;}
h1, h2, h3 {display:inline}
h1 {font-size:15px;color:#333}
img {border:0}
form {margin:0}
input.text, textarea {font-family:"trebuchet ms", Verdana, Arial, Helvetica, sans-serif;font-size:14px;font-weight:normal;color: #666; border: 1px solid #666666; background-color: #f5f5f5;font-size:12px}
input.text {width: 250px; height:18px;}
.pulsante {margin:10px 0;width:auto; padding:2px 5px;font-size: 13px; font-weight:bold; color:#ffffff; border: 1px solid #000;  background-color: #09f;}
textarea {width: 250px; height:130px;}