HTML {background: url(images/bg.jpg) repeat top left #3996C6;}
BODY {font-family:"trebuchet ms", Arial, Helvetica, sans-serif; font-size:12px; color: #000000;background: url(images/bgtop.jpg) repeat-x top left; margin: 0 0 10px 0; text-align:center;}
a:link, a:visited {color:#3366cc; text-decoration:underline; font-weight:bold;}
a:hover {text-decoration:underline; color:#ff6600; font-weight:bold;}

/* struttura */
div#container{margin: 0 auto;position:relative;width: 990px; text-align:center;background:  url(images/bgcontent.gif) repeat-y top left;}
div#top {margin: 0 auto;position:relative;width: 990px;height:158px;background:  url(images/top.jpg) repeat-x top left;}
div#topcontent {margin: 0 auto;position:absolute;width: 990px;bottom:0;left:0;height:37px;background:  url(images/topcontent.jpg) no-repeat top left;}

ul#topmenu {position:absolute; top:15px;left:286px;margin:0;padding:0; font-weight:bold;font-size: 15px; color:#000000; list-style:none}
ul#topmenu li a {text-decoration:none;float:left;margin: 0 10px 0 10px;height:18px !important; height /**/: 92px;padding-top:74px;width:97px;text-align:center}
ul#topmenu li {display:inline; text-align:center;}
ul#topmenu li a:link, ul#topmenu li a:visited {color:#000000; text-decoration:underline;} 
ul#topmenu li a:hover {color:#ffffff; text-decoration:underline;} 
ul#topmenu li#topazienda a {background: url(images/web_agency.jpg) no-repeat top center}
ul#topmenu li#topservizi a {background: url(images/servizi.jpg) no-repeat top center}
ul#topmenu li#topprivacy a {background: url(images/privacy.jpg) no-repeat top center}
ul#topmenu li#topclienti a {background: url(images/clienti.jpg) no-repeat top center}
ul#topmenu li#topdir a {background: url(images/directory.jpg) no-repeat top center}
ul#topmenu li#topcontatti a {background: url(images/contatti.jpg) no-repeat top center}

div#sx {position:absolute;top:158px;left:20px;width:234px;text-align:left}
div#content {margin:0 35px 0 279px;text-align:justify;min-height: 600px;height: auto !important;height: 600px}

div#bot {clear: left; font-size:10px; width:990px; height:45px !important; height /**/: 78px; padding-top:13px;background: url(images/bot.jpg) no-repeat top left;color:#000000}
div#bot a:link, a:visited {color:#000000; text-decoration:underline;} 
div#bot a:hover {color:#ffffff; text-decoration:underline;} 

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

/* menu */
div.title {margin: 0 auto;width:655px !important; width /**/: 675px;height:32px !important; height /**/: 35px;padding:3px 10px 0 10px;height:35px;background:  url(images/title.jpg) no-repeat top left;text-align:center}
div.title h1 {display:inline;color:#ffffff;font-size:20px;font-style:italic;font-weight:normal}


ul#menu {margin: 0; padding:10px 0 0 0; list-style:none;background-color: #ff6600;text-align:right;line-height:40px; width:234px;font-weight:bold; font-size:16px;font-style:italic}
ul#menu li a {display:block;height:40px;width:204px !important; width /**/: 234px;padding:0 20px 0 10px}
ul#menu li {display:inline;}
ul#menu li a:link, ul#menu li a:visited {text-decoration:underline; color:#ff6600;}
ul#menu li#promozione a:link, ul#menu li#promozione a:visited {background: url(images/promozione.jpg) no-repeat center center}
ul#menu li#realizzazione a:link, ul#menu li#realizzazione a:visited {background: url(images/realizzazione.jpg) no-repeat center center}
ul#menu li#corsi a:link, ul#menu li#corsi a:visited {background: url(images/corsi.jpg) no-repeat center center}
ul#menu li#sviluppo a:link, ul#menu li#sviluppo a:visited {background: url(images/sviluppo.jpg) no-repeat center center}
ul#menu li#hosting a:link, ul#menu li#hosting a:visited {background: url(images/hosting.gif) no-repeat center center}
ul#menu li#grafica a:link, ul#menu li#grafica a:visited {background: url(images/grafica.gif) no-repeat center center}
ul#menu li#videogiochi a:link, ul#menu li#videogiochi a:visited {background: url(images/videogiochi.gif) no-repeat center center}
ul#menu li#multimedia a:link, ul#menu li#multimedia a:visited {background: url(images/multimedia.gif) no-repeat center center}
ul#menu li a:hover {color:#3996C6;text-decoration:underline} 

ul#pdf {margin: 0; padding:10px 0 0 0; list-style:none;text-align:center;line-height:30px; width:234px;font-weight:bold; font-size:14px}
ul#pdf li a {display:block;height:30px;width:204px !important; width /**/: 234px;padding:0 20px 0 10px}
ul#pdf li {display:inline;}
ul#pdf li a:link, ul#pdf li a:visited {text-decoration:underline; color:#ffffff;background: url(images/pdf.jpg) no-repeat bottom center}
ul#pdf li a:hover {color:#ffcc00;text-decoration:underline} 

div#sxservizi {background: url(images/sxservizi.jpg) no-repeat top left #3996C6;font-size:20px;font-style:italic;color:#ffffff;width:214px !important; width /**/: 234px; padding:15px 20px 0 0;text-align:right;height:31px !important; height /**/: 46px}
div#sxservizibot {background: url(images/sxservizibot.jpg) no-repeat top left;width:234px;height:12px}

div#sxpdf {margin-top:10px;background: url(images/sxpdf.jpg) no-repeat top left #3996C6;font-size:18px;font-style:italic;color:#ffffff;width:214px !important; width /**/: 234px; padding:15px 20px 0 0;text-align:right;height:31px !important; height /**/: 46px}
div#sxbgpdf {background: url(images/sxbgpdf.jpg) no-repeat top left #3996C6;text-align:center;color:#ffffff;font-size:13px;font-weight:bold;padding-top:8px}
div#sxpdfbot {background: width:234px;height:12px;text-align:center}

div#sxhost {margin-top:10px;background: url(images/sxhost.jpg) no-repeat top left #3996C6;font-size:20px;font-style:italic;color:#ffffff;width:214px !important; width /**/: 234px; padding:15px 20px 0 0;text-align:right;height:31px !important; height /**/: 46px}
div#sxbghost {background: url(images/sxbghost.jpg) no-repeat top left #3996C6;text-align:center;color:#ffffff;font-size:13px;font-weight:bold;padding-top:8px}
div#sxhostbot {background: url(images/sxhostbot.jpg) no-repeat top left;width:234px;height:12px;text-align:center}

/* content */
div.wide {clear: left}


/* form e img */
ul {margin:10px;padding:10px;}
.imgdx {float:right;margin-left:10px;}
.imgsx {float:left;margin-right:10px;}
img {border:0px;}
form {margin:0;}
.bottone {font-size: 10px; font-weight:bold; color:#ffffff; border: 1px solid #339900;  background-color: #3366cc; width: auto; height:18px;padding-left:5px;padding-right:5px;}
input.text, input.newsletter, input.ricerca, select, textarea {font-family:Verdana, tahoma, Helvetica, sans-serif;font-size:10px;color: #339900; border: 1px inset #666666; background-color: #f5f5f5;}
textarea {width: 500px; height:80px;}
input.text {width: 200px; height:16px;}
select {width: auto;margin:5px 0 5px 0;}

.W500 {width:690px;}
.COLONNA {width:229px;float:left;}
.COLONNA ul {margin:0;padding:0;list-style:none}
.COLONNA ul li {margin:0;padding:0;}
.CLR {clear:both}