#menu {
           border: 1px solid #989898;
           background-color: #D1D1D1;
           position: absolute;
           width: 900px;
           top: 181px;
           padding: 3px;
     }
     #menu ul {
           width: auto;
           overflow: hidden;
           height: 43px;
           margin: 0px;
           padding: 0px;
           background: url('../../images/teplice/menu-bg.gif');
           background-repeat: repeat-x;
           background-color: #EFEFEF;
           list-style: none;
           position: relative;
     }
     #menu ul ul, #menu ul ul ul {
           display: none;
     }
     #menu ul li {
           margin: 0px;
           padding: 0px;
           float: left;
     }
     #menu ul li a {
           display: block;
           background-color: white;
           margin-right: 6px;
           padding-top: 3px;
           padding-bottom: 3px;
           padding-left: 7px;
           padding-right: 7px;
           font-size: 110%;
           color: black;
           text-decoration: none;
           border-left: 5px solid #919191;
           font-weight: normal;
           height: 14px;
           overflow: hidden;
           font-weight: bold;
     }
     #menu ul li a:hover {
           background-color: #EFEFEF;
     }
     
/* zobrazime 2. uroven ------------------------------------------------------ */
     #menu ul .active ul {
           position: absolute;
           top: 20px;
           left: 0px;
           background: none;
           display: block;
           border-left: 5px solid #919191;
           /* padding-left: -1px; */
           width: 895px;
     }
     #menu ul ul li {
           background: url('../../images/teplice/menu-sub-right.gif');
           background-repeat: no-repeat;
           background-position: right center;
           margin-top: 2px;
           padding: 3px;
     }

     #menu ul ul .no-border {
           background: none;
     }
     #menu ul ul .active {
           background-color: #999999;
     }
     #menu ul ul .active a {
           font-weight: bold !important;
           text-decoration: none !important;
     }
     #menu ul ul li a {
           display: inline;
           margin: 0px;
           padding: 0px;
           border-left: 0px !important;
           background-color: transparent !important;
           text-decoration: underline;
           margin-left: 6px;
           margin-right: 6px;
           font-size: 95%;
           font-weight: normal;
           white-space: nowrap;
     }
     #menu ul ul li a:hover {
           background-color: transparent !important;
           text-decoration: underline;
     }
     
/* color setings ------------------------------------------------------------ */
             #menu .mi1 a {
                   border-left: 5px solid #919191;
                   width: 50px;
             }
             #menu ul .mi1 .subactive {
                   background-color: #EFEFEF !important;
             }
     
     
             #menu .mi2 a {
                   border-left: 5px solid #5c8728;
                   width: 65px;
             }
             #menu .mi2 a:hover {
                   background-color: #b7d099 !important;
             }
             #menu .mi2 ul  {
                   background-color: #b7d099 !important;
                   border-left: 5px solid #3AB44F !important;
             }
             #menu .mi2 .active, #menu .mi2 .active a:hover {
                   background-color: #b7d099 !important;
             }
             #menu ul .mi2 .subactive {
                   background-color: #b7d099 !important;
             }
     
     
     
             #menu .mi3 a {
                   border-left: 5px solid #00aeef;
                   width: 70px;
             }
             #menu .mi3 a:hover {
                   background-color: #E5ECF6 !important;
             }
             #menu .mi3 ul  {
                   background-color: #E5ECF6 !important;
                   border-left: 5px solid #00aeef !important;
             }
             #menu .mi3 .active, #menu .mi3 .active a:hover {
                   background-color: #E5ECF6 !important;
             }
             #menu ul .mi3 .subactive {
                   background-color: #E5ECF6 !important;
             }
     
     
     

     

             #menu .mi4 a {
                   border-left: 5px solid #39b54a;
                   width: 105px;
             }
             #menu .mi4 a:hover {
                   background-color: #bfe1c3 !important;
             }
             #menu .mi4 ul  {
                   background-color: #bfe1c3 !important;
                   border-left: 5px solid #39b54a !important;
             }
             #menu .mi4 .active, #menu .mi4 .active a:hover {
                    background-color: #bfe1c3 !important; 
             }
             #menu ul .mi4 .subactive {
                   background-color: #bfe1c3 !important;
             }
                     

  
             #menu .mi5 a {
                   border-left: 5px solid #662d91;
                   width: 95px;
             }
             #menu .mi5 a:hover {
                   background-color: #F5EAFB !important;
             }
             #menu .mi5 ul  {
                   background-color: #F5EAFB !important;
                   border-left: 5px solid #662d91 !important;
             }
             #menu .mi5 .active, #menu .mi5 .active a:hover {
                   background-color: #F5EAFB !important;
             }
             #menu ul .mi5 .subactive {
                   background-color: #F5EAFB !important;
             }
             
  
  
     
             #menu .mi6 a {
                   border-left: 5px solid #ed1c24;
                   width: 75px;
             }
             #menu .mi6 a:hover {
                   background-color: #FAE5E4 !important;
             }
             #menu .mi6 ul  {
                   background-color: #FAE5E4 !important;
                   border-left: 5px solid #ed1c24 !important;
             }
             #menu .mi6 .active, #menu .mi6 .active a:hover {
                   background-color: #FAE5E4 !important;
             }
             #menu ul .mi6 .subactive {
                   background-color: #FAE5E4 !important;
             }



             #menu .mi7 a {
                   border-left: 5px solid #f7941d;
                   width: 121px;
                   margin-right: 0px;
             }
             #menu .mi7 a:hover {
                   background-color: #FFFEE5 !important;
             }
             #menu .mi7 ul  {
                   background-color: #FFFEE5 !important;
                   border-left: 5px solid #FEF200 !important;
             }
             #menu .mi7 .active, #menu .mi7 .active a:hover {
                    background-color: #E7E5BC !important; 
             }
             #menu ul .mi7 .subactive {
                   background-color: #FFFEE5 !important;
             }