@charset "iso-8859-1";
/* author: il michele */
/* Creation date: 20/01/2006 */

body {margin: 0 0 0 0; font-size: 12px; font-family: Verdana; color: #555; background: url(../img/sfo.gif)}

/*   -----------------   OnyxMarine   ----------------   */
div#contenitore {position:absolute; left: 69px; top: 0px; width: 800px; height: 100%; margin:0; padding:0; background-color: #507AAC; z-index: 1}
div#alto {position:absolute; left: 0px; top: 0px; width: 800px; height: 50; margin:0; padding:0; background-color: #F6FAFB; z-index: 2}
div#fascia {position:absolute; margin-top: 18px; width: 100%; height: 215px; background-color: #5D93D1; z-index: 2;}
div#fasciabianca {position:absolute; margin-top: 27px; width: 100%; height: 161px; background-color: #fff; z-index: 3;}
div#fasciainterna {position:absolute; margin-top: 1px; width: 100%; height: 159px; background-color: #9CB9D9; z-index: 4;}
div#fasciablualto {position:absolute; margin-top: 0px; left: 69px; width: 800; height: 27px; background-color: #527AAE; z-index: 5;}
div#fasciablubasso {position:absolute; margin-top: 188px; left: 69px; width: 800; height: 27px; background-color: #527AAE; z-index: 5;}
span#separatoredata {position:absolute; margin-top: 0px; margin-left: 247px; width: 1px; height: 215px; background-color: #fff; z-index:6;}
div#logo {position:absolute; margin-top: 0px; left: 69px; width: 178; height: 159px; z-index: 6;}
div#menualto {position:absolute; top: 7px; left: 566px; height: 14px; z-index: 500;}
div#imgbanner {position:absolute; margin-top: 46px; left: 248px; width: 650px; height: 159px; z-index: 700;}
div#lingue {position:absolute; top: 7px; left: 8px; height: 14px; z-index: 500;}
span#data {position:absolute; top: 7px; left: 189px; z-index: 500;}
div#imghp {position:absolute; top: 394px; left: 213px; width: 526px; height: 162px; z-index: 800;}
div#areacentrale {position: absolute; left: 0px; top: 231px; margin: 0; padding: 0; background-color: #507AAC; z-index: 10}

div#immaginiprodotti {position: relative; left: 0px; width: 100%; height: 215px; z-index: 13}
div#immaginiprodotti2 {position: relative; left: 0px; width: 100%; height: 450px; z-index: 13}
div#imgprodotto1 {position: absolute; top: 0px; left: 0px; width: 215px; height: 215px; border: 1px solid #D8E3E7; background-color: #fff; z-index: 15}
div#imgprodotto2 {position: absolute; top: 0px; left: 225px; width: 215px; height: 215px; border: 1px solid #D8E3E7; background-color: #fff; z-index: 15}
div#imgprodotto3 {position: absolute; top: 0px; left: 450px; width: 135px; height: 215px; border: 1px solid #D8E3E7; background-color: #fff; z-index: 15}
div#imgprodotto4 {position: absolute; top: 225px; left: 0px; width: 215px; height: 215px; border: 1px solid #D8E3E7; background-color: #fff; z-index: 15}
div#imgprodotto5 {position: absolute; top: 225px; left: 225px; width: 215px; height: 215px; border: 1px solid #D8E3E7; background-color: #fff; z-index: 15}
div#imgprodotto3int {position: absolute; top: 5px; left: 5px; width: 243px; height: 126px; z-index: 16}
/*   --------------------   Menu   -------------------   */

div#menu1{position:absolute; margin-top: 206px; left: 248px; width: 600px; height: 27px; z-index: 10;}
div#menu2{position:absolute; margin-top: 206px; left: 342px; width: 94px; height: 27px; z-index: 10;}
div#menu3{position:absolute; margin-top: 206px; left: 436px; width: 94px; height: 27px; z-index: 10;}
div#menu4{position:absolute; margin-top: 206px; left: 530px; width: 94px; height: 27px; z-index: 10;}
div#menu5{position:absolute; margin-top: 206px; left: 624px; width: 94px; height: 27px; z-index: 10;}

#dropmenudiv{ position:absolute; border:1px solid #507AAC; font:normal 12px Verdana; z-index:100;}

#dropmenudiv a{color: #507AAC; width: 100%; display: block; text-indent: 3px; padding: 2px; text-decoration: none; font-weight: bold;}

#dropmenudiv a:hover{font: bold 12px Verdana; text-decoration: underline; color: #507AAC}

h1 {font: bold 13px Verdana;}
h2 {font: bold 18px Verdana;}


A.menupuls:link {color: #ffffff; text-decoration: none; background-color: #507AAC; display: block; width: 94px; height: 27px; font-weight: bold;  line-height: 15px;}
A.menupuls:visited {color: #ffffff; text-decoration: none; background-color: #507AAC; display: block; width: 94px; height: 27px; font-weight: bold; line-height: 15px;}
A.menupuls:hover {color: #ffffff;text-decoration:none; background-color: #598BC6; display: block; width:94px; height:27px; font-weight:bold; line-height: 15px;}
A.menupuls:active {color: #ffffff;text-decoration:none; background-color: #507AAC; display: block; width:94px; height:27px; font-weight:bold; line-height: 15px;}

A.menupuls2:link {font: normal 12px Verdana; color: #ffffff; text-decoration: none; background-color: #507AAC; display: block; height: 26px;}
A.menupuls2:visited {font: normal 12px Verdana; color: #ffffff; text-decoration: none; background-color: #507AAC; display: block; height: 26px;}
A.menupuls2:hover {font: normal 12px Verdana; color: #ffffff;text-decoration:none; background-color: #598BC6; display: block; height:26px;}
A.menupuls2:active {font: normal 12px Verdana; color: #ffffff;text-decoration:none; background-color: #507AAC; display: block; height:26px;}

/*   --------------------   Menu laterale  -------------------   */

A.lat:link {color: #37577D; text-decoration: none; background: #D8E3E7 url(../img/arrow.gif) right no-repeat; display: block; width: 100%; font-weight: normal; padding: 3 8;}
A.lat:visited {color: #37577D; text-decoration: none; background: #D8E3E7 url(../img/arrow.gif) right no-repeat; display: block; width: 100%; font-weight: normal; padding: 3 8;}
A.lat:hover {color: #37577D; text-decoration:none; background: #E8F0F3 url(../img/arrow2.gif) right no-repeat; display: block; width: 100%; font-weight: normal; padding: 3 8;}
A.lat:active {color: #37577D; text-decoration:none; background: #E8F0F3 url(../img/arrow2.gif) right no-repeat; display: block; width: 100%; font-weight: normal; padding: 3 8;}

A.back:link {color: #37577D; text-decoration: none; background: #D8E3E7; display: block; width: 100%; font-weight: normal; padding: 3 8;}
A.back:visited {color: #37577D; text-decoration: none; background: #D8E3E7; display: block; width: 100%; font-weight: normal; padding: 3 8;}
A.back:hover {color: #37577D; text-decoration:none; background: #E8F0F3; display: block; width: 100%; font-weight: normal; padding: 3 8;}
A.back:active {color: #37577D; text-decoration:none; background: #E8F0F3; display: block; width: 100%; font-weight: normal; padding: 3 8;}

A.actlat:link {color: #37577D; text-decoration: none; background-color: #F6FAFB; display: block; width: 100%; font-weight: normal; padding: 3 8;}
A.actlat:visited {color: #37577D; text-decoration: none; background-color: #F6FAFB; display: block; width: 100%; font-weight: normal; padding: 3 8;}
A.actlat:hover {color: #37577D; text-decoration:none; background-color: #F6FAFB; display: block; width: 100%; font-weight: normal; padding: 3 8;}
A.actlat:active {color: #37577D; text-decoration:none; background-color: #F6FAFB; display: block; width: 100%; font-weight: normal; padding: 3 8;}


/*   ---------------------------------------------------------   */


span#separatore1 {width: 1px; height: 27px; background-color: #fff; z-index: 775;}
span#separatore2 {position:absolute; margin-top: 206px; margin-left: 436px; width: 1px; height: 27px; background-color: #fff; z-index: 775;}
span#separatore3 {position:absolute; margin-top: 206px; margin-left: 530px; width: 1px; height: 27px; background-color: #fff; z-index: 775;}
span#separatore4 {position:absolute; margin-top: 206px; margin-left: 624px; width: 1px; height: 27px; background-color: #fff; z-index: 775;}
span#separatore5 {position:absolute; margin-top: 206px; margin-left: 718px; width: 1px; height: 27px; background-color: #fff; z-index: 775;}


span#active1 {position:absolute; top: 0px; left: 0px; color: #ffffff; text-decoration: none; background-color: #D58000; display: block; width: 99px; height: 26px; font-weight: bold; text-align: center; line-height:11px; z-index: 10;}
span#active2 {position:absolute; top:68px; left:342px; color: #ffffff; text-decoration: none; background-color: #D58000; display: block; width: 99px; height: 26px; font-weight: bold; text-align: center; line-height:11px; z-index: 10;}
span#active3 {position:absolute; top:68px; left:441px; color: #ffffff; text-decoration: none; background-color: #D58000; display: block; width: 99px; height: 26px; font-weight: bold; text-align: center; line-height:11px; z-index: 10;}
span#active4 {position:absolute; top:68px; left:540px; color: #ffffff; text-decoration: none; background-color: #D58000; display: block; width: 99px; height: 26px; font-weight: bold; text-align: center; line-height:11px; z-index: 10;}
span#active5 {position:absolute; top:68px; left:639px; color: #ffffff; text-decoration: none; background-color: #D58000; display: block; width: 99px; height: 26px; font-weight: bold; text-align: center; line-height:11px; z-index: 10;}

div#footer {bottom: 10px; width: 773px; height: 100%; background: #527AAE; z-index: 20;}

hr {height: 1px; color: #37597E}

/*   -----------------   Stile font   ----------------   */
span.testobianco {color: #D6E4E7; font-weight: normal; font-size: 10}
span.testoblu {color: #37597E; font-weight: normal; font-size: 12}
span.testosmall {color: #37597E; font-weight: normal; font-size: 11}
span.testorosso {color: #D40000; font-weight: normal; font-size: 12}
span.titologrande {font-size: 13}
span.newshp {color: #37597E; font-weight: normal; font-size: 11; display: block; font-weight: normal; padding: 6 8; width:178px; \width:178px; /* Dimensioni per Explorer 5.x */ w\idth:162px; /* Dimensioni per browser standard compliant */}
div.center {width: 578px; text-align: center;}
div.justify {width: 578px; text-align: justify;}
div.justify2 {text-align: justify; padding-right: 10px;}

A.mail:link {color: #757575; font-size: 10px; font-weight: normal; text-decoration: none;}
A.mail:visited {color: #757575; font-size: 10px; font-weight: normal; text-decoration: none;}
A.mail:hover {color: #757575; font-size: 10px; font-weight: normal; text-decoration: underline;}
A.mail:active {color: #757575; font-size: 10px; font-weight: normal; text-decoration: underline;}

A.linkbianco:link {color: #D6E4E7; font-weight: normal; text-decoration: none;}
A.linkbianco:visited {color: #D6E4E7; font-weight: normal; text-decoration: none;}
A.linkbianco:hover {color: #D6E4E7; font-weight: normal; text-decoration: underline;}
A.linkbianco:active {color: #D6E4E7; font-weight: normal; text-decoration: underline;}

A.linkmenualto:link {color: #fff; font-weight: normal; font-size: 11px; text-decoration: none;}
A.linkmenualto:visited {color: #fff; font-weight: normal; font-size: 11px; text-decoration: none;}
A.linkmenualto:hover {color: #fff; font-weight: normal; font-size: 11px; text-decoration: underline;}
A.linkmenualto:active {color: #153B7C; font-weight: normal; font-size: 11px; text-decoration: underline;}


A.linknormale:link {color: #37597E; text-decoration:none; font-weight: normal;}
A.linknormale:visited {color: #37597E; text-decoration:none; font-weight: normal;}
A.linknormale:hover {color: #37597E; text-decoration:underline; font-weight: normal;}
A.linknormale:active {color: #37597E; text-decoration:underline; font-weight: normal;}

A.linkrosso:link {color: #D40000; text-decoration:none; font-weight: normal;}
A.linkrosso:visited {color: #D40000; text-decoration:none; font-weight: normal;}
A.linkrosso:hover {color: #D40000; text-decoration:underline; font-weight: normal;}
A.linkrosso:active {color: #D40000; text-decoration:underline; font-weight: normal;}

a.imgconbordo:link {border: 0;}
a.imgconbordo:visited {border: 1px solid #000;}
a.imgconbordo:hover {border: 1px solid #000;}
a.imgconbordo:active {border: 1px solid #000;}

A.newshp:link {color: #37597E; font-size: 10px; font-weight: normal; text-decoration: none; display: block; width:178px; \width:178px; w\idth:162px; font-weight: normal;}
A.newshp:visited {color: #37597E; font-size: 10px; font-weight: normal; text-decoration: none; display: block; width:178px; \width:178px; w\idth:162px; font-weight: normal;}
A.newshp:hover {color: #37597E; font-size: 10px; font-weight: normal; text-decoration: underline; display: block; width:178px; \width:178px; w\idth:162px; font-weight: normal;}
A.newshp:active {color: #37597E; font-size: 10px; font-weight: normal; text-decoration: underline; display: block; width:178px; \width:178px; w\idth:162px; font-weight: normal;}

span#slant1{line-height: 0; width: 0; height: 0; border-style: solid; border-width: 0px 6px 6px 6px; border-color: #37597E #F6FAFB; z-index: 50; margin-top: 5px;}