/*
 * Navigation Bar
 */
div#helios_menu ul {
   height: 46px;
   list-style: none;
}
   div#helios_menu ul li {
      display: block;
      float: left;
   }
      div#helios_menu .tabs_start,
      div#helios_menu .tabs_start_active {
         float: left;
         width: 17px;
         height: 36px;
      }
      div#helios_menu .tabs_start        { background: url(../images/tabs_start.png) no-repeat left top; }
      div#helios_menu .tabs_start_active { background: url(../images/tabs_start_active.png) no-repeat left top; }

      div#helios_menu .tabs_end,
      div#helios_menu .tabs_end_active {
         float: left;
         width: 17px;
         height: 36px;
      }
      div#helios_menu .tabs_end        { background: url(../images/tabs_end.png) no-repeat left top; }
      div#helios_menu .tabs_end_active { background: url(../images/tabs_end_active.png) no-repeat left top; }

      div#helios_menu a {
         float: left;
         height: 36px;
         color: #fff;
         cursor: pointer;
         padding: 4px 5px 0px 5px;
         text-decoration: none;
         background: transparent url(../images/tabs_content.png) repeat-x right top;
      }
      div#helios_menu a.active {
         padding-top: 2px;
         color: #000;
         background: transparent url(../images/tabs_content_active.png) repeat-x right top;
      }


/*
 * Submenu entries
 */
div#helios_menu #sub_prodotti         { width: 500px; height: 480px; }
div#helios_menu #sub_azienda          { width: 500px; height: 320px; margin-left: 50px; }
div#helios_menu #sub_rete             { width: 370px; height: 240px; margin-left: 150px; }
div#helios_menu #sub_realizzazioni    { width: 500px; height: 180px; margin-left: 260px; }

div#helios_menu #sub_prodotti ul      { margin-top: 20px; }
div#helios_menu #sub_azienda ul       { margin-top: 20px; margin-left: 10px; }
div#helios_menu #sub_rete ul          { margin-top: 30px; margin-left: 20px; }
div#helios_menu #sub_realizzazioni ul { margin-top: 20px;}


div#helios_menu .entry_hovered {
   color: #ff7502 !important;
   font-weight: bold;
}

div#helios_menu .sub_menu {
   display: none;
   position: absolute;
   color: #000;
   background-color: #fff;
   height: 100%;
   z-index: 1000;
   border: 1px solid #000;
   -moz-border-radius: 10px;
   -moz-box-shadow: 0px 0px 15px #000;
   -webkit-border-radius: 10px;
   -webkit-box-shadow: 0px 0px 15px #000;
}


   div#helios_menu .sub_menu ul {
      height: auto;
      line-height: normal;
      list-style: none;
   }
   div#helios_menu .sub_menu ul li {
      float: none;
   }
   div#helios_menu .sub_menu li a {
      display: block;
      float: none;
      height: auto;
      padding: 0px;
      background: none;
      color: #000;
   }
   div#helios_menu .sub_menu li div {
      float: none;
      height: auto;
      padding: 0px;
      background: none;
      line-height: normal;
   }

   div#helios_menu .sub_menu li.sub_separator {
      clear: both;
      height: 12px;
      width: 440px;
      background: url(../images/line_sep_orange.png) no-repeat 50% top;
      margin: 15px auto 8px auto;
   }
   
   div#helios_menu .sub_menu li.sub_separator2 {
      clear: both;
      height: 12px;
      width: 440px;
      background: url(../images/line_sep_orange_d.png) no-repeat 50% top;
      margin: 15px auto 8px auto;
   }
   
  

   /*
    * SubEntry
    */
   div#helios_menu .sub_entry {
      padding: 0px 10px 10px 10px;
      height: 20px;
   }
   div#helios_menu .sub_entry_last {
      padding: 0px 10px;
   }
   
   /* #sub_rete customizations */
   div#helios_menu #sub_rete .sub_entry {
      padding: 0px 10px 10px 30px;
      height: 20px;
   }
   div#helios_menu #sub_rete .sub_entry_last {
      padding: 0px 10px 0px 30px;
   }
   
      div#helios_menu .sub_entry a {
         text-align: left;
      }
      div#helios_menu .sub_entry .sub_entry_title {
         display: block;
         float: left;
         width: 30%;
         margin-right: 30px;
         text-align: right;
         font-weight: bold;
         white-space: nowrap;
      }
      div#helios_menu .sub_entry .sub_entry_descr {
         display: block;
         float: left;
         width: 60%;
         text-align: left;
      }

   
   
   /*
    * SubEntryCentered
    */
   div#helios_menu .sub_entry_centered {
      padding: 0px 10px;
   }
      div#helios_menu .sub_entry_centered a {
         text-align: center;
      }
      div#helios_menu .sub_entry_centered .sub_entry_title {
         display: block;
         margin-bottom: 5px;
         font-weight: bold;
         white-space: nowrap;
      }
      div#helios_menu .sub_entry_centered .sub_entry_descr {
         display: block;
      }





/*
 * Navigation Bar
 */
#header_menu div#header {
   width: 156px;
   height: 23px;
   background: url(../images/menu/menu_header.png) no-repeat top left;
}
#header_menu div#footer {
   width: 156px;
   height: 33px;
   background: url(../images/menu/menu_footer.png) no-repeat top left;
}
#header_menu .entry {
   display: block;
   width: 156px;
   line-height: 22px;
   padding-left: 25px;
   background: url(../images/menu/menu_content.png) repeat-y top left;
   color: #fff;
   cursor: pointer;
}
#header_menu .entry_hovered {
   color: #ff7502;
   font-weight: bold;
}
#header_menu .entry a {
   color: inherit;
   margin-right: 50px;
}
#header_menu .separator {
   display: none;
   width: 156px;
   height: 1px;
   background: url(../images/menu/menu_sep.png) no-repeat top left;
}
#header_menu a {
   color: inherit;
   font-size: 14px;
   text-decoration: none;
}

/*
 * Submenu entries
 */
div#header_menu #sub_prodotti { width: 550px; }
div#header_menu #sub_prodotti ul { margin-top: 10px; }
div#header_menu #sub_azienda { width: 550px; }
div#header_menu #sub_azienda ul { margin-top: 10px; }
div#header_menu #sub_rete { width: 510px; }
div#header_menu #sub_rete ul { margin-top: 10px; margin-left: 10px; }
div#header_menu #sub_realizzazioni { width: 390px; }
div#header_menu #sub_realizzazioni ul { margin-top: 10px; }

/* Undone */      
div#header_menu .sub_menu {
   display: none;
   height: 100%;
   color: #fff;
   z-index: 1000;
}
   div#header_menu .sub_menu ul {
      line-height: normal;
      list-style: none;
   }
   div#header_menu .sub_menu li a {
      display: block;
      float: none;
      height: auto;
      padding: 0px;
      background: none;
   }
   div#header_menu .sub_menu li div {
      float: none;
      height: auto;
      padding: 0px;
      background: none;
      line-height: normal;
   }



   /* Done */
   div#sub_product_icon_bar {
      width: 420px;
      margin: 0px auto;
   }
   div#sub_realizzazioni_icon_bar {
      width: 280px;
      margin: 0px auto;
   }
   div#sub_product_icon_bar div,
   div#sub_realizzazioni_icon_bar div {
      float: left !important;
      text-align: center;
   }
      div#sub_product_icon_bar div a,
      div#sub_realizzazioni_icon_bar div a {
         width: 140px;
      }
         div#sub_product_icon_bar div a span,
         div#sub_realizzazioni_icon_bar div a span {
            display: block;
            text-align: center;
            font-weight: bold;
            padding: 10px 0px 15px 0px;
         }

   #sub_rete_sedi_list {
      padding-left: 30px;
   }
      #sub_rete_sedi_title {
         padding: 5px 0px 10px 0px !important;
      }
      #sub_rete_sedi_list .row {
         clear: both;
         height: 25px !important;
         text-align: center;
      }
      #sub_rete_sedi_list .cell {
         display: block;
         float: left;
         width: 30%;
      }
         #sub_rete_sedi_list .cell a {
            color: inherit !important;
         }
      
   /* Done */
   div#header_menu .sub_menu li.sub_separator {
      clear: both;
      height: 12px;
      width: 440px;
      background: url(../images/line_sep_orange.png) no-repeat 50% top;
      margin: 15px auto 8px auto;
   }
   
   
   

   /*
    * SubEntry
    */
   div#header_menu .sub_entry {
      padding: 0px 10px 10px 10px;
      height: 20px;
   }
   div#header_menu .sub_entry_last {
      padding: 0px 10px;
   }
   
   /* #sub_rete customizations */
   div#header_menu #sub_rete .sub_entry {
      padding: 0px 10px 10px 30px;
      height: 20px;
   }
   div#header_menu #sub_rete .sub_entry_last {
      padding: 0px 10px 0px 30px;
   }
   
      div#header_menu .sub_entry a {
         text-align: left;
      }
      div#header_menu .sub_entry .sub_entry_title {
         display: block;
         float: left;
         width: 30%;
         margin-right: 30px;
         text-align: right;
         font-weight: bold;
         white-space: nowrap;
      }
      div#header_menu .sub_entry .sub_entry_descr {
         display: block;
         float: left;
         width: 60%;
         text-align: left;
      }

   
   
   /*
    * SubEntryCentered
    */
   div#header_menu .sub_entry_centered {
      padding: 0px 10px;
   }
      div#header_menu .sub_entry_centered a {
         text-align: center;
      }
      div#header_menu .sub_entry_centered .sub_entry_title {
         display: block;
         margin-bottom: 5px;
         font-weight: bold;
         white-space: nowrap;
      }
      div#header_menu .sub_entry_centered .sub_entry_descr {
         display: block;
      }





/*
 * Side Column Menu 
 */
 
/* Navigation Icon Bar */
div#icon_bar {
   margin: 0px auto 30px auto;
   width: 292px;
   height: 100px;
}
div#icon_bar_realizzazioni {
   margin: 30px auto;
   width: 197px;
   height: 100px;
}
div#icon_bar div.icon,
div#icon_bar_realizzazioni div.icon {
   float: left;
   width: 95px;
   text-align: center;
   padding: 8px 0px;
   border: 1px solid transparent;
}
   div#icon_bar div.icon img,
   div#icon_bar_realizzazioni div.icon img {
      display: block;
      margin: 0px auto 8px auto;
   }
   div#icon_bar div.icon a,
   div#icon_bar_realizzazioni div.icon a {
      color: #000;
      text-decoration: none;
   }
div#icon_bar div.last,
div#icon_bar_realizzazioni div.last {
   margin-right: 0px;
}
div#icon_bar div.selected,
div#icon_bar_realizzazioni div.selected {
   outline: 1px solid #a1a1a1;
   border: 1px solid #fff;
   background-color: #cfcfcf;
   /* Mozilla extension */
   -moz-border-radius: 7px;
   -moz-outline-radius: 7px;
}
   div#icon_bar div.selected a,
   div#icon_bar_realizzazioni div.selected a {
      color: #000;
      font-weight: bold;
   }

/* Side Content
 * It must be equal for coherence to div#secondary_contents div.contents defined in default.css */
div#side_contents {
   width: 250px;
   margin: 0px auto;
}
   div#side_contents .sc_hidden  { display: none; }
   div#side_contents a {
      color: #000;
      text-decoration: none;
   }
   div#side_contents ul {
      list-style: none;
      line-height: 25px;
   }
      div#side_contents ul li a,
      div#side_contents ul li.selected ul li a {
         padding-left: 18px;
         text-decoration: none;
         background: url(../images/menu/bullet.png) no-repeat left 50%;
      }
      div#side_contents ul li a:hover { background: url(../images/menu/bullet_orange.png) no-repeat left 50%; }
      div#side_contents ul li.preventivo a,
      div#side_contents ul li.selected a {
         color: #000;
         background: url(../images/menu/bullet_orange.png) no-repeat left 50%;
      }
      div#side_contents ul li.selected a { text-decoration: underline; }
      div#side_contents ul li.separator {
         margin-bottom: 15px;
      }
      div#side_contents ul ul { margin-left: 20px; }