#menu .nav{display: block;}    

#menu b{display: none; cursor: pointer;}

#menu li{}

#menu li a{display: block; color: #fff; font-size: 16px; text-decoration: none;}
				
/* first level */

#menu ul{list-style:none;}				
#menu ul li{float: left;margin-left: 1px;position: relative;}
#menu ul li a{color: white;padding: 0 26px; line-height: 120px; height: 120px; font-weight: 900; text-transform: uppercase; font-family: "Open Sans",sans-serif; font-size: 13px; transition: all 0.5s ease 0s;}     
#menu ul li.mark a:hover{color: white;background-color: #978440;}
#menu ul li.unmark a:hover{color: white;background-color: #978440;}
#menu ul li.mark a{color: white;background-color: #978440;}
#menu ul li.unmark a{color: white;}


/* second level */

#menu li ul{min-width: 100px; list-style:none; position: absolute;background-color: #9cc451;display:none; top:50px;}

#menu li ul li{float: none; margin: 0;}
					
#menu li:hover ul{display: block;}						
						
#menu li ul li a{color: white; display:block;padding: 10px;/* 15 (20) */}
							
#menu li ul li.mark a:hover{background-color: rgba(110,160,39,0.5); border: none;}
#menu li ul li.unmark a:hover{background-color: rgba(110,160,39,0.5); border: none;}


@media only screen and ( max-width: 1100px ){
    
    #panelMain .rozcestnik{float: none; margin: 0 auto; margin-bottom: 20px;}
    
    #menu{position: relative; z-index: 999; top: 40px;}

    #menu b{width: 3.125em;height: 3.125em;text-align: left;text-indent: -9999px;background-color: #978440;position: relative;}
					
    #menu b:before,#menu > b:after{position: absolute;border: 2px solid white;top: 35%;left: 25%;right: 25%;content: '';}
					
    #menu b:after{top: 60%;}

    #menu:not( :target ) b:first-of-type,#menu:target b:last-of-type{display: block;}


    /* first level */
    
    #menu .nav{display: none;}       

    #menu ul{position: absolute;width: 200px;right: 0; padding: 2px; background-color: black;}       
				
    #menu:target ul{display: block;}
				
    #menu ul li{margin: 0;float: none;}
    #menu ul li a{line-height: 30px;}
       	
    #menu ul li.mark a{height: auto;background-color: #978440;border: none; display: block;text-align: left;color: white;padding: 10px;}
    #menu ul li.unmark a{height: auto;background-color: black;display: block;text-align: left;color: white;padding: 10px;}
    #menu ul li.mark a:hover{background-color: #978440; border: none;}
    #menu ul li.unmark a:hover{background-color: #978440; border: none;}    
    #menu ul li:hover a{background-color: #978440;border: none;}
    #menu ul li a:active{background-color: #978440;}

    /* second level */
				
    #menu li ul{display: none; position: relative; top: 0; background-color: #8a8a8a;width: 100%;}
    
    #menu li ul li a{padding: 10px 10px 10px 30px;/* 15 (20) */}
}