HTML {
  background-color: #5C6B78;
}

BODY {
   padding-top: 20px;
   margin: 0px;
   background-color: #5C6B78;
   font-family: Verdana, Arial, Helvetica, Geneva, Swiss, Sans-Serif;
   font-size: 10px;
   font-weight: normal;
   color: #5C6B78;
}
TD {
    font-family: Verdana, Arial, Helvetica, Geneva, Swiss, Sans-Serif;
    font-size: 10px;
    font-weight: normal;
    color: #5C6B78;
}
P {
   margin: 0px;
   padding: 0px;
}
UL {
   background-image: url(image/description_ul_bg.png);
}
html>body UL {
   margin-left: 30px;
}
.description {
   text-align: left;
   padding: 15px 15px 15px 15px;
}

.description UL {
   padding: 4px;
   border-bottom: 1px solid #CAD8E5;
}
.description LI {
   list-style-image: url(image/li_img.gif);
   font-weight: normal;
   color: #507EAA;
   margin: 4px;
}
.description H1 {
    font-size: 15px;
    font-weight: bold;
    color: #507EAA;
    margin: 20px 0px 6px 0px;
}
.description H2 {
    font-size: 15px;
    font-weight: bold;
    color: #507EAA;
    margin: 20px 0px 6px 0px;
}
.description H3 {
    font-size: 12px;
    font-weight: bold;
    color: #FF6400;
    margin: 10px 0px 8px 0px;
    padding: 0px;
}
.description H4 {
    font-weight: bold;
    color: #507EAA;
    margin: 6px 0px 3px 0px;
}
.description P, .description DIV{
    margin: 0px 0px 12px 0px;
    padding: 0px;
}

.description HR {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    color: #B4B7BA;
    height: 1px;
}

A:link, A:visited {
    color: #507EAA;
    text-decoration: underline;
    font-weight: bold;
}
A:hover {
    color: #FF6600;
}

#global {
    /* explorer */
        text-align: center;
        /*voice-family: "\"}\"";
        voice-family: inherit;
        text-align: -moz-center;*/
}
html>body #global {
   /*firefox*/
        margin-left: auto;
        margin-right: auto;
        text-align: -moz-center;
        width: 772px;
}
#head {
        background-image: url(image/menu_bg.gif);
        margin:0px;
        padding:0px;
        width: 772px;
        height:33px;
}
#logo {
    float: left;
    margin:0px;
    padding:0px;
    width: 125px;
    height:33px;
    background-image: url(image/logo.gif);
}
#logo H1{
    display:none;
}
#topmenu {
    margin:0px;
    padding:0px;
    width: 598px;
    height:33px;
    float: right;
}
#topmenu ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: inline;
}
#topmenu ul li {
   display:inline;
   padding: 0px;
   margin: 0px;
}

#topmenu SPAN{
    display:none;
}

/****************************************** INIZIO CSS MENU TOP ******************************************/

#menu_home A:link, #menu_home A:visited {
    float: left;
    background-image: url(image/m_home.gif);
    height:33px;
    width:70px;
    padding: 0px;
    background-position:0px 0px;
}
html>body #menu_home A:link, #menu_home A:visited {
    background-position:1px 0px;
}
#menu_home A:hover {
    background-position:0px 33px;
}
html>body #menu_home A:hover {
    background-position:1px 33px;
}

#menu_azienda A:link, #menu_azienda A:visited {
    float: left;
    background-image: url(image/m_azienda.gif);
    height:33px;
    width:70px;
    padding: 0px;
}
html>body #menu_azienda A:link, #menu_azienda A:visited {
    background-position:1px 0px;
}
#menu_azienda A:hover {
    background-position:0px 33px;
}
html>body #menu_azienda A:hover {
    background-position:1px 33px;
}

#menu_prodotti A:link, #menu_prodotti A:visited {
    float: left;
    background-image: url(image/m_prodotti.gif);
    height:33px;
    width:70px;
    padding: 0px;
}
html>body #menu_prodotti A:link, #menu_prodotti A:visited {
    background-position:1px 0px;
}
#menu_prodotti A:hover {
    background-position:0px 33px;
}
html>body #menu_prodotti A:hover {
    background-position:1px 33px;
}

#menu_soluzioni A:link, #menu_soluzioni A:visited {
    float: left;
    background-image: url(image/m_soluzioni.gif);
    height:33px;
    width:70px;
    padding: 0px;
}
html>body #menu_soluzioni A:link, #menu_soluzioni A:visited {
    background-position:1px 0px;
}
#menu_soluzioni A:hover {
    background-position:0px 33px;
}
html>body #menu_soluzioni A:hover {
    background-position:1px 33px;
}

#menu_tecnologie A:link, #menu_tecnologie A:visited {
    float: left;
    background-image: url(image/m_tecnologie.gif);
    height:33px;
    width:70px;
    padding: 0px;
}
html>body #menu_tecnologie A:link, #menu_tecnologie A:visited {
    background-position:1px 0px;
}
#menu_tecnologie A:hover {
    background-position:0px 33px;
}
html>body #menu_tecnologie A:hover {
    background-position:1px 33px;
}

#menu_portfolio A:link, #menu_portfolio A:visited {
    float: left;
    background-image: url(image/m_portfolio.gif);
    height:33px;
    width:70px;
    padding: 0px;
}
html>body #menu_portfolio A:link, #menu_portfolio A:visited {
    background-position:1px 0px;
}
#menu_portfolio A:hover {
    background-position:0px 33px;
}
html>body #menu_portfolio A:hover {
    background-position:1px 33px;
}

#menu_contatti A:link, #menu_contatti A:visited {
    float: left;
    background-image: url(image/m_contatti.gif);
    height:33px;
    width:70px;
    padding: 0px;
}
html>body #menu_contatti A:link, #menu_contatti A:visited {
    background-position:1px 0px;
}
#menu_contatti A:hover {
    background-position:0px 33px;
}
html>body #menu_contatti A:hover {
    background-position:1px 33px;
}

#menu_areaclienti A:link, #menu_areaclienti A:visited {
    float: left;
    background-image: url(image/m_areaclienti.gif);
    height:33px;
    width:108px;
    padding: 0px;
}
html>body #menu_areaclienti A:link, #menu_areaclienti A:visited {
    float: left;
    background-image: url(image/m_areaclienti_fire.gif);
    height:33px;
    width:108px;
    padding: 0px;
}
html>body #menu_areaclienti A:link, #menu_areaclienti A:visited {
    background-position:1px 0px;
}
#menu_areaclienti A:hover {
    background-position:0px 33px;
}
html>body #menu_areaclienti A:hover {
    background-position:1px 33px;
}
/***************************************** FINE CSS MENU TOP *****************************************/

#page {
    background-color: #C3C8CD;
    width: 772px;
    padding-top: 1px;
    clear: both;
}
#pageleft {
    float:left;
}
#pageright {
    float: right;
}

#sub_menu {
    background-color: #E1E3E6;
    background-image: url(image/sub_menu_bg.gif);
    background-repeat: no-repeat;
    text-align: left;
    padding: 10px;
    width: 168px;
    height: 189px;
    overflow-y: visible;
}
html>body #sub_menu {
   width: 148px;
   height: auto;
   min-height: 169px;
}

#sub_menu ul {
   list-style: none;
   background-image: none;
   padding: 0px;
   margin: 0px;

}
#sub_menu ul li.level1 {
   padding: 4px 0px 4px 8px;
   margin:0px;
   background-image: url(image/sub_menu_link_bg.gif);
   background-repeat: no-repeat;
   text-align: left;
   font-weight: bold;
   text-decoration: none;
   font-size: 10px;
   color: #304C66;
}
#sub_menu li.level2 {
   background-image: none;
   padding: 0px 0px 4px 20px;
   margin:0px;
   text-align: left;
}

#sub_menu DIV {
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    display: block;
    color: #FFFFFF;
    padding: 0px 0px 4px 0px;
}
#sub_menu li.level1 A:link, #sub_menu li.level1 A:visited {
   margin: 0px;
   font-weight: bold;
   text-decoration: none;
   font-size: 10px;
   color: #304C66;
}
#sub_menu li.level1 A:hover {
   text-decoration: none;
   color: #507EAA;
}

#sub_menu li.level2 A:link, #sub_menu li.level2 A:visited {
   margin: 0px;
   font-weight: normal;
   text-decoration: none;
   font-size: 9px;
   color: #304C66;
}
#sub_menu li.level2 A:hover {
   text-decoration: underline;
}

#ombraA172 {
    border-right:1px solid #AFB4B8;
    border-bottom:1px solid #AFB4B8;
    margin: 0px 1px 1px 0px;
    width:172px;
}
html>body #ombraA172 {
    width: 171px;
}
#ombraA599 {
    border-right: 1px solid #AFB4B8;
    border-bottom: 1px solid #AFB4B8;
    margin: 0px 0px 1px 0px;
    width: 599px;
}
html>body #ombraA599 {
   width: 598px;
}
#ombraB {
   position:relative;
   border-right:1px solid #9CA0A4;
   border-bottom:1px solid #9CA0A4;
}
#ombraC {
   position:relative;
   border:1px solid #888C8F;
   background-color :#FFFFFF;
}
#main{
   background-color: #FFFFFF;
   width: 595px;
   padding: 1px 1px 1px 1px;
}
html>body #main{
   width: 593px;
}

#box{
   background-color: #FFFFFF;
   width: 168px;
   padding: 1px 1px 1px 1px;
}
html>body #box{
   width: 166px;
}
#boxAbody {
   height:25px;
   background-color: #5C6B78;
   border-top: 1px solid #374048;
   border-left: 1px solid #374048;
   text-align: left;
   padding: 5px 0px 0px 10px;
}
html>body #boxAbody{
   height: 19px;
}
#boxAbody A:link, #boxAbody A:visited {
   margin: 0px;
   font-weight: bold;
   text-decoration: none;
   font-size: 10px;
   color: #FFFFFF;
}
#boxAbody A:hover {
   text-decoration: none;
   color: #FF9900;
}
.boxAbodyDescription {
   text-align: left;
   padding: 6px;
   background-color: #E1E3E6;
}
.boxAbodyDescription SPAN {
   font-weight: bold;
}
.boxAbodyDescription A:link, .boxAbodyDescription A:visited {
   font-size: 10px;
   text-decoration: none;
   color: #5C6B78;
}
.boxAbodyDescription A:hover {
   text-decoration: underline;
}
.boxAbodyDescription IMG {
   border: 1px solid #C3C8CD;
   margin: 6px 0px 6px 0px;
}
#boxBbody {
   height:25px;
   background-color: #507EAA;
   border-top: 1px solid #3A5B7A;
   border-left: 1px solid #3A5B7A;
   text-align: left;
   padding: 5px 0px 0px 10px;
   font-weight: bold;
   text-decoration: none;
   font-size: 10px;
   color: #FFFFFF;
}
html>body #boxBbody{
   height: 19px;
}
#boxBbody A:link, #boxBbody A:visited {
   margin: 0px;
   font-weight: bold;
   text-decoration: none;
   font-size: 10px;
   color: #FFFFFF;
}
#boxBbody A:hover {
   text-decoration: none;
   color: #FF9900;
}

.boxBbodyDescription {
   text-align: left;
   padding: 0px;
   background-color: #FFFFFF;
}
#boxCbody {
   height:25px;
   background-color: #E1E3E6;
   border-top: 1px solid #B4B7BA;
   border-left: 1px solid #B4B7BA;
   text-align: left;
   padding: 5px 0px 0px 10px;
}
html>body #boxCbody{
   height: 19px;
}
#boxCbody A:link, #boxCbody A:visited {
   margin: 0px;
   font-weight: bold;
   text-decoration: none;
   font-size: 10px;
   color: #5C6B78;
}
#boxCbody A:hover {
   text-decoration: none;
   color: #FF9900;
}
.boxCbodyDescription {
   text-align: left;
   padding: 6px;
   background-color: #FFFFFF;
}
.boxCbodyDescription SPAN {
   font-weight: bold;
}
.boxCbodyDescription A:link, .boxCbodyDescription A:visited {
   font-size: 10px;
   text-decoration: none;
   color: #5C6B78;
}
.boxCbodyDescription A:hover {
   text-decoration: underline;
}
.boxCbodyDescription IMG {
   border: 1px solid #C3C8CD;
   margin: 6px 0px 6px 0px;
}
#boxDbody {
   height:25px;
   background-color: #507EAA;
   border-top: 1px solid #3A5B7A;
   border-left: 1px solid #3A5B7A;
   text-align: left;
   padding: 5px 0px 0px 10px;
   font-weight: bold;
   text-decoration: none;
   font-size: 10px;
   color: #FFFFFF;
}
html>body #boxDbody {
   height: 19px;
}
#boxDbody A:link, #boxDbody A:visited {
   margin: 0px;
   font-weight: bold;
   text-decoration: none;
   font-size: 10px;
   color: #FFFFFF;
}
#boxDbody A:hover {
   text-decoration: none;
   color: #FF9900;
}

.boxDbodyDescription {
   text-align: left;
   padding: 0px;
   background-color: #FFFFFF;
   color: #507EAA;
}
.boxDbodyDescription {
    text-align: left;
    padding: 6px;
    background-color: #FFFFFF;
}
.boxDbodyDescription SPAN {
    font-weight: normal;
}
.boxDbodyDescription A:link, .boxDbodyDescription A:visited {
    font-size: 9px;
    font-weight: normal;
    text-decoration: none;
    color: #507EAA;
}
.boxDbodyDescription A:hover {
    text-decoration: underline;
}
#locator {
   height:25px;
   background-color: #E1E3E6;
   border-top: 1px solid #888C8F;
   border-left: 1px solid #888C8F;
   text-align: left;
   padding: 5px 0px 0px 10px;
}
html>body #locator{
   height: 19px;
}
#locator H1 {
   font-size: 10px;
   font-weight: normal;
   margin: 0px 0px 0px 0px;
   display: inline;
}
#locator A:link, #locator A:visited {
   margin: 0px;
   font-weight: bold;
   text-decoration: none;
   font-size: 10px;
   color: #304C66;
}
#locator A:hover {
   text-decoration: none;
   color: #FF6600;
}
#clear , .clear {
  clear: both;
}
#footer {
   background-image: url(image/footer_bg.gif);
   background-color:#c3c8cd;
   width: 772px;
   height:100px;
   font-weight: normal;
   color: #5C6B78;
   clear: both;
   padding-top: 30px;
   background-repeat: no-repeat;
   background-position: bottom left;
}
html>body #footer {
   /*firefox*/
   height:90px;
}

#footer A:link, #footer A:visited {
   font-weight: normal;
   color: #5C6B78;
   text-decoration: none;
   padding: 0px 3px 0px 3px;
}
#footer A:hover {
   font-weight: normal;
   color: #507EAA;
   text-decoration: none;
}

#contextBorderA {
    padding: 0px;
    overflow-y: visible;
    position: relative;
    float: right;
    border: 1px solid #B4B7BA;
    width: 141px;
    height: 120px;
    overflow-y: visible;
    position: relative;
    float: right;
    margin:15px 10px 5px 5px;
}
html>body #contextBorderA {
    width: 143px;
    height: auto;
    min-heght:122px;
    margin:14px 21px 5px 5px;
}
#contextBorderB {
    position: relative;
    border: 1px solid #FFFFFF;
}
html>body #contextBorderB {
   height: auto;
   min-height: 120px;
}
#context {
   background-color: #E1E3E6;
   background-image: url(image/context_bg.gif);
   background-repeat: no-repeat;
   text-align: left;
   padding: 0px;
   height: 120px;
}
html>body #context {
   height: auto;
   min-height: 120px;
}

#context H3 {
   background-color: #E1E3E6;
   background-image: url(image/context_tit_bg.gif);
   background-repeat: no-repeat;
   text-align: left;
   width: 141px;
   height: 26px;
   margin: 0px;
   font-weight: bold;
   font-size: 10px;
   padding: 3px;
}
html>body #context H3 {
   width: 135px;
   height: 20px;
}
#context A:link, #context A:visited {
   color: #5C6B78;
   font-weight: bold;
   text-decoration: none;
}
#context A:hover {
   text-decoration: underline;
}
#context ul {
   list-style: none;
   background-image: none;
   padding: 0px;
   margin: 0px;
}
#context ul li {
   padding: 4px 0px 4px 14px;
   margin:0px;
   background-image: url(image/context_freccia_bg.gif);
   background-repeat: no-repeat;
   text-align: left;
}
#context SPAN{
   display:none;
}
#context ul li A:link, #context ul li A:visited {
   color: #507EAA;
   margin: 0px;
   font-weight: normal;
   text-decoration: none;
   font-size: 9px;
}
#context ul li A:hover {
   text-decoration: underline;
}