BODY {font-family:"trebuchet ms", Arial, Helvetica, sans-serif; font-size:91%; color: #000000;margin: 0 0 10px 0px; text-align:center;}
a:link, a:visited {color:#3366cc; text-decoration:none;}
a:hover {text-decoration:underline;}

BODY#blu {background:  url(images/bgblu.jpg) repeat-x top left}
BODY#blu1, BODY#blu2, BODY#blu3 {background:  url(images/bgazz.jpg) repeat-x top left}
BODY#verde {background:  url(images/bgverde.jpg) repeat-x top left}
BODY#giallo {background:  url(images/bggiallo.jpg) repeat-x top left}
BODY#arancio {background:  url(images/bgarancio.jpg) repeat-x top left}
BODY#viola {background:  url(images/bgviola.jpg) repeat-x top left}

/* struttura */
div#container{margin: 0 auto;position:relative;width: 990px; text-align:center;}
div#top {margin: 0 auto;position:relative;width: 990px;height:139px}

div#bgmenu {position:absolute;top:90px;left:153px;background: url(images/menubg.jpg) repeat-x bottom right #ff0000;height: 49px;}
ul#menu {margin:0;padding:0 2px 0 0; font-weight:bold;font-size: 14px; color:#ffffff; list-style:none;background: url(images/menu.jpg) no-repeat bottom right;height: 49px; width:680px !important; width /**/: 682px;}
ul#menu li a {text-decoration:none;float:left;height:30px !important; height /**/: 49px;padding-top:19px;width:170px;}
ul#menu li {display:inline; text-align:center;}
ul#menu li a:link, ul#menu li a:visited {color:#ffffff; text-decoration:none;background: url(images/menu.jpg) no-repeat bottom left} 
ul#menu li a:hover {background: url(images/hover.jpg) no-repeat bottom left #999999}
ul#menu li a:hover, body#blu a#blunav, body#giallo a#giallonav, body#verde a#verdenav, body#arancio a#arancionav, body#azz a#azznav  {height:44px !important; height /**/: 49px;padding-top:5px;text-decoration:underline}
body#giallo a#giallonav {background: url(images/mgiallo.jpg) no-repeat top left #ffcc00}
body#verde a#verdenav {background: url(images/mverde.jpg) no-repeat top left #33cc00}
body#blu a#blunav {background: url(images/mblu.jpg) no-repeat top left #0099cc;height:44px !important; height /**/: 49px;padding-top:5px;}
body#arancio a#arancionav {background: url(images/marancio.jpg) no-repeat top left #ff9900}

ul#topmenu {position:absolute;top:0;right:20px;margin:0;padding:0; font-weight:bold;font-size: 13px; color:#ffffff; list-style:none}
ul#topmenu li a {text-decoration:none;float:left;height:23px !important; height /**/: 35px;padding-top:12px;width:65px;margin:0 5px;}
ul#topmenu li {display:inline; text-align:center;}
ul#topmenu li a:link, ul#topmenu li a:visited {color:#ffffff; text-decoration:none;background: url(images/topmenu.jpg) no-repeat bottom left #ff0000}
ul#topmenu li a:hover, body#blu1 a#contnav, body#blu2 a#linknav, body#blu3 a#mapnav, body#blu a#homenav {background: url(images/tophover.jpg) no-repeat bottom left #0AD3C5}

div#sx {position:absolute;top:155px;left:15px;width:264px;text-align:left}
div#contentblu, div#contentverde, div#contentgiallo, div#contentarancio, div#contentazz {margin:16px 15px 10px 289px;padding:15px 30px;text-align:justify;min-height: 300px;height: auto !important;height: 300px}
div#contentblu {background:  url(images/contentblu.jpg) no-repeat top left}
div#contentverde {background:  url(images/contentverde.jpg) no-repeat top left}
div#contentgiallo {background:  url(images/contentgiallo.jpg) no-repeat top left}
div#contentarancio {background:  url(images/contentarancio.jpg) no-repeat top left}
div#contentazz {background:  url(images/contentazz.jpg) no-repeat top left}
div#contentviola {background:  url(images/contentviola.jpg) no-repeat top left}

h1 {font-size:25px; display:inline;font-style:italic}
div#contentblu h1 {color:0099cc}
div#contentverde h1 {color:#339900}
div#contentgiallo h1 {color:#FFCD04}
div#contentarancio h1 {color:#ff9900}
div#contentazz h1 {color:#33CCFF}

div.right {text-align:right}

div#bot {clear: both;width:990px; height:27px !important; height /**/: 35px; padding-top:8px;background: url(images/bot.jpg) no-repeat top left #ff0000;color:#ffffff;font-size:13px}
div#bot a {color:#ffffff;font-weight:bold}
div#wd {margin: 0 auto; margin-top:3px;width:930px;text-align:right;font-size:11px;color:#666666;}
div#wd a {color:#3366cc;}

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

/* content */
div#contatti {margin: 20px 0 0 0;width: 626px;}
div#contatti div {width:303px !important; width /**/: 313px;float: left;text-align:left;font-weight:bold; padding:0 0 0 10px;}

div#privacy {width:616px !important; width /**/: 626px;padding-left:10px}
div#privacy p {font-size:10px; text-align:justify;font-family:verdana;}
p.news {font-size:12px;font-weight:bold;width:234px !important; width /**/: 264px;padding:0 15px}

div.wide {margin: 0;clear:left;}
.centerem {text-align:center; font-style:italic;font-weight:bold}

div.foto {margin: 0 auto;width:624px;margin-top:10px;background: url(images/bgfoto.jpg) repeat-y center left #79C143;color:#ffffff;min-height: 300px;height: auto !important;height: 300px;}
div.foto div#navale, div.foto div#industriale, div.foto div#civile {position:relative;float: left;text-align:center;min-height: 300px;height: auto !important;height: 300px;}

div.foto div#navale {background: url(images/navale.jpg) no-repeat top left;width:160px !important; width /**/: 196px; padding:8px 3px 0 33px}
div.foto div#industriale {background: url(images/industriale.jpg) no-repeat top center;width:160px !important; width /**/: 232px; padding:8px 20px 0 52px}
div.foto div#civile {background: url(images/civile.jpg) no-repeat top right;width:160px !important; width /**/: 196px; padding:8px 3px 0 33px}

div#botfoto {clear: left;margin: 0 auto;width:624px;background: url(images/botfoto.jpg) no-repeat top left #ffffff;height:12px}

div.foto div img {border:2px solid #ffffff;}
div.foto div p {margin:0 0 10px 0;}

ul#dl {margin:25px 0 0 0;padding:0;color:#3366cc; list-style:none;text-align:left;font-weight:bold;}
ul#dl li a {display:block;text-decoration:none;min-height: 45px;height: auto !important;height: 45px;padding-left:55px;margin: 20px 0}
ul#dl li {display:inline;}
ul#dl li a:link, ul#dl li a:visited {text-decoration:none; color:#3366cc}
ul#dl li.word a:link, ul#dl li.word a:visited {background: url(images/word.jpg) no-repeat center left}
ul#dl li.pdf a:link, ul#dl li.pdf a:visited, ul#dl li.pdfref a:link, ul#dl li.pdfref a:visited {background: url(images/pdf.jpg) no-repeat center left}
ul#dl li.zip a:link, ul#dl li.zip a:visited {background: url(images/zip.jpg) no-repeat center left} 
ul#dl li.new a:link, ul#dl li.new a:visited {background: url(images/new.jpg) no-repeat center left} 
ul#dl li a:hover {color:#3366cc} 
ul#dl li.pdf a:hover, ul#dl li.new a:hover {color:#ff9900;} 
ul#dl li.pdfref a:hover {color:#FFCD04;} 

/* form e img */
ul {margin:10px;padding:0 10px;}
.imgdx {float:right;margin-left:10px;}
.imgsx {float:left;margin-right:10px;}
h1 {font-size:25px; display:inline;color:#3366cc;font-style:italic}
h2 {font-size:20px;}
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, select, textarea {font-size:12px;color: #cc0000; border: 1px inset #666666; background-color: #f5f5f5;}
textarea {width: 616px; height:100px;}
input.text {width: 299px; height:18px;margin-bottom:10px}
select {width: auto;margin:5px 0 5px 0;}