#nav-menu {font-family: 'Inknut Antiqua', Times, serif; position:relative; z-index:1000 !important;}
#fake-menu {font-family: 'Inknut Antiqua', Times, serif;}

#nav-menu ul {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
        background-color: #dddddd;
        width: 100%;
        position: fixed;
}

#fake-menu ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  width: 100%;
  visibility: hidden;
}

#nav-menu li {
  	float: left;
        font-size: 20px;
        padding: 0em 2em;
        margin: 0px;
}

#nav-menu a {	
          color: black;
          font-weight: 600;
	  text-decoration: none;
	  text-align: center;
	  display: inline-block;
	  position: relative;
}

#fake-menu li {
          float: left;
          font-size: 20px;
          font-weight: bold;
          text-align: center;
          margin: 0px;
          padding: 0em 2em;
          display: block;
          position: relative;
}

.rozne {
         color: black;
         font-weight: 600;
         display: inline-block;
         position: relative;
         cursor: default;
}

#nav-menu a:hover, .rozne:hover {
  	  color: #7e2811;
}

.rozne-wew {
         display: none;
         background-color: #eeeeee;
         box-shadow: 0px 0px 10px 8px #dddddd;
         font-size: 16px;
         text-align: left;
         width: auto;
         position: absolute;
         z-index: 1001 !important;
        }
.rozne-wew a {
         display: block;
         padding: 0em 0.5em;
         text-decoration: none;
        }
.rozne-wew a:hover {
         text-decoration: underline;
        }
.rozne:hover .rozne-wew {
         display: block;
         z-index: 1002 !important;
        }

@media only screen and (max-width: 982px) {
#nav-menu li {font-size: 14px; padding: 0em 1em;}
.rozne-wew { font-size : 12px;}
#fake-menu li {font-size: 14px; padding: 0em 1em;}
}