/* CSS Document */

#divmenu {color: white;  background: #009688; width: 100%;  height: 48px;   padding: 0; }

#divmenu li a {
              display: inline-block;
             color:white; 
             padding: 0;
             margin: 0;
             font-size:12px; 
             font-weight:bold; 
             text-decoration:none; 
             font-family:Arial, Verdana;
         /* padding: 10px 20px 10px 20px;*/
}
/*#divmenu a li {
              display: inline-block;
             color:white; 
             padding: 0;
             margin: 0;
             font-size:12px; 
             font-weight:bold; 
             text-decoration:none; 
             font-family:Arial, Verdana;
          padding: 10px 20px 10px 20px;
}*/

#divmenu ul { cursor: pointer; /*padding: 3px 4px;*/ height: 25px;  }



#divmenu li {float: left; list-style-type:none; font-weight: bold; font-size: 20px; margin: 0 10px;   padding: 10px 20px 10px 20px;}

/*#divmenu a li {float: left; list-style-type:none; font-weight: bold; font-size: 20px; margin: 0 10px;   padding: 10px 20px 10px 20px;}*/

#divmenu li:hover {background: gray; float: left; list-style-type:none; font-weight: bold; font-size: 20px; margin: 0px 10px;   padding: 10px 20px 10px 20px;}

/*#divmenu a li:hover {background: gray; float: left; list-style-type:none; font-weight: bold; font-size: 20px; margin: 0px 10px;   padding: 10px 20px 10px 20px;}*/

#divmenu li ul {display: none;}

#divmenu li:hover ul {display: block; position: absolute; z-index: 10; padding: 10px; margin: 0 -15px;}
/*#divmenu a li:hover ul {display: block; position: absolute; z-index: 10; padding: 10px; margin: 0 -15px;}*/

#divmenu li:hover ul li {background: gray; float: none; text-align: left; padding: 8px 20px;}
/*#divmenu a li:hover ul li {background: gray; float: none; text-align: left; padding: 8px 20px;}*/
#divmenu li:hover ul li:hover {background: #009688; float: none; text-align: left; padding: 8px 20px;}
     /*submenu */

#divmenu li:hover ul li ul {display: none;}

#divmenu li:hover ul li:hover ul {display: block; position: absolute; margin: -35px 84px; }

#divmenu li:hover ul li:hover ul li {background: lightgray; text-align: left;  padding: 8px 20px; width: 100px;}
/*#divmenu a li:hover ul li:hover ul li {background: lightgray; text-align: left;  padding: 8px 20px; width: 100px;}*/


#divmenu li:hover ul li:hover ul li:hover {background: whitesmoke; text-align: left;  padding: 8px 20px; width: 100px;}
     /*nejnizsi uroven menu*/