HTML {background:url(images/bg.jpg) repeat top left #666}
BODY {font-family:"trebuchet ms", Verdana, Arial, Helvetica, sans-serif; font-size:80%; color: #000000;margin: 0 0 10px 0; text-align:center;background:url(images/bgtop.jpg) repeat-x top left}
a:link, a:visited {color:#c00; text-decoration:none;}
a:hover {text-decoration:underline;}

/* struttura */
div#container {margin:0 auto;position:relative;width:940px !important; width /**/: 960px;padding:0 10px; text-align:center;background: url(images/bgcontainer.png) repeat-y top left;}
div#top {position:relative;width: 940px;height:118px}

div#sx{position:absolute;left:10px;top:118px;width: 253px;background: url(images/bgsx.gif) repeat-y top left #ffffff;}
div#content {background: url(images/topfoto.jpg) no-repeat top left #ffffff;position:relative;margin:0 0 0 253px;text-align:justify; min-height: 610px;height: auto !important;height: 610px;padding:128px 16px 0 0}

div#bot {margin:0 auto;clear:left;height:38px !important; height /**/: 48px; width:960px; padding:10px 0 0 0;background: url(images/bot.png) no-repeat top left;color:#000;text-align:center;font-size:12px;}

/* mappatura top */
ul#mlogo {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	background: url(images/toplogo.jpg) no-repeat top left;
	width:940px;height:118px;
	left: 0;
	top: 0;}
ul#mlogo li {
display:block;
position:absolute;
margin:0;padding:0
}
li#logo {
left:16px;top:16px;
width:418px;height:65px;
}
#mlogo a {
display:block;
width:100%;
height:100%;
}

.alt { display:none }

/*sx dx */

ul#topmenu {margin:0;padding:10px 18px 0 50px;font-size: 14px; list-style:none;text-align:left;width:185px !important; width /**/: 253px;height:188px !important; height /**/:198px;background: url(images/topmenusx.jpg) no-repeat top left #fff;font-weight:bold}
ul#topmenu li a {text-indent:40px;display:block; text-decoration:none;line-height:32px;height:32px;margin:2px 0}
ul#topmenu li {display:inline}
ul#topmenu li a:link, ul#topmenu li a:visited {color:#000; text-decoration:none} 
ul#topmenu li a:hover {color:#c00;text-decoration:none} 
ul#topmenu li#sxhome a {background: url(images/sxhome.gif) no-repeat bottom left}
ul#topmenu li#sxchi a {background: url(images/sxchi.gif) no-repeat bottom left}
ul#topmenu li#sxservizi a {background: url(images/sxservizi.gif) no-repeat bottom left}
ul#topmenu li#sxdove a {background: url(images/sxdove.gif) no-repeat bottom left}
ul#topmenu li#sxcontatti a {background: url(images/sxcontatti.gif) no-repeat bottom left}

ul.menu {margin:5px 0;padding:0;font-size: 12px; list-style:none;text-align:left;width:197px;font-weight:bold}
ul.menu li a {display:block; text-decoration:none;line-height:21px;height:21px;width:177px !important; width /**/: 197px;padding-left:20px;}
ul.menu li {display:inline}
ul.menu li a:link, ul.menu li a:visited {color:#000;background:  url(images/menu.gif) no-repeat bottom left; text-decoration:none} 
ul.menu li a:hover {color:#c00;background:  url(images/hover.gif) no-repeat bottom left;text-decoration:none} 

div#sxbox {width:197px !important; width /**/: 253px;padding:0 20px 0 36px}
div#sxnoleggio, div#sxrealizzazioni, div#sxprodotti {width:150px !important; width /**/: 197px;margin-bottom:10px}
div#sxrealizzazioni, div#sxprodotti {text-align:left;height:38px !important; height /**/:50px;padding:12px 0 0 47px;text-indent:5px}
div#sxnoleggio {background: url(images/sxnoleggiocarotatrice.gif) no-repeat top right #fff;height:42px !important; height /**/:50px;padding:8px 47px 0 0}
div#sxprodotti {background: url(images/sxprodotti.gif) no-repeat top right #fff}
div#sxrealizzazioni {background: url(images/sxrealizzazioni.gif) no-repeat top right #fff}
div#sxnoleggio h1 {font-size:14px;font-weight:bold}
div#sxprodotti h1, div#sxrealizzazioni h1 {font-size:17px;color:#c00;font-weight:normal}
div#sxnoleggio h1 a:link, div#sxnoleggio h1 a:visited {color:#c00;text-decoration:none}
div#sxnoleggio h1 a:hover {color:#333;text-decoration:none}

/* content */
div#vetrina, div#realizzazioni {margin:5px auto;font-weight:bold;font-size:14px;width:671px;}
div#vetrina {margin:5px auto}
div#realizzazioni {margin:15px auto}
div#vetrina div, div#realizzazioni div {float:left;text-align:center;width:20%;position:relative}
div#realizzazioni div {height:86px;margin:3px 0}
div#vetrina div {background: url(images/bgvetrina.png) no-repeat bottom left #fff;height:146px}
div#vetrina div span {position:absolute;width:100%;bottom:0;left:0;text-align:center;height:20px;}
div#realizzazioni div img, div#vetrina div img {border:1px solid #c00}
div#vetrina div a:link, div#vetrina div a:visited, div#realizzazioni div a:link, div#realizzazioni div a:visited {color:#090;text-decoration:none}
div#vetrina div a:hover, div#realizzazioni div a:hover {color:#c00;text-decoration:none}
div#vetrina div a:link img, div#vetrina div a:visited img {border:2px solid #c00}
div#vetrina div a:hover img {border:2px solid #090}
div#realizzazioni div a:link img, div#realizzazioni div a:visited img {border:1px solid #c00}
div#realizzazioni div a:hover img {border:2px solid #090}

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

div#prodesc {position:relative;margin:15px auto;background: url(images/bgdesc.png) repeat-x bottom left #fff;width:651px !important; width /**/: 671px;text-align:justify;padding:0 10px 35px 10px}
div#prodesc img {border:5px solid #ebebeb;float:left;margin:0 10px 0 0;}
div#prodesc div#prezzo {position:absolute;bottom:0;right:10px;color:#fff;font-size:24px;width:120px;height:32px;text-align:center;background: url(images/prezzo.png) no-repeat bottom left #c00;}

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

div.wide2 {margin: 8px auto;clear:both; background-color:#ebebeb; height:8px;font-size:4px;width:671px}
div.wide {margin: 0 auto;clear:left;height:10px;}

div#cat {margin:20px 0}
div#cat img {float:left;margin:0 10px 0 0;border:1px solid #090}

div#map {margin:10px auto;width:650px;height:320px;border:10px solid #ddd;}

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