/* ---- Hlavní menu ---- */

nav.menu {
 /* margin: auto; */ 
 display: block;
 width: 100%;
 font-size: 0;
 /* transition: height 2s; */ 
  background: #1e6574;  
 } 

@media (min-width: 980px) {   
  nav.menu {
  box-shadow: -7px 6px 4px -4px black;   
  /*
   box-shadow: 0 6px 4px -4px black; 
  -webkit-box-shadow: inset 0px 0px 19px 0px rgba(0,0,0,0.58);
  -moz-box-shadow: inset 0px 0px 19px 0px rgba(0,0,0,0.58);
  box-shadow: inset 0px 0px 19px 0px rgba(0,0,0,0.58); 
  */
  }
}

nav.menu button {
  background: #0D6AB7; 
  color: #fff;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 30px;
  cursor: pointer;
  font-family: sans-serif;
  /* display: none; */
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; 
  display: inline-block;
  }
 
nav.menu span {
  padding-left: 10px; 
  padding-top: 8px; 
  display: inline-block; 
  vertical-align: top; 
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;;   
  }
 
nav.menu ul {
  list-style-type: none;
  display: none; 
  transition: left .2s;
  position: relative; 
  z-index: 5;
  text-shadow: 1.5px 1.5px 1px black;
  }

nav.menu.zobrazit ul {
  display: block;
  }   

nav.menu ul li {
  width: 100%;
  }

nav.menu ul li.aktivni {
  /* background: rgba(0, 0, 0, 0.1); */
  background: #399cbd;
  }

nav.menu ul li.logo_id {
  width: 100%;
  text-align: left;
  }

nav.menu ul li.logo_id img{
  padding: 0;
  }

nav.menu a {
  display: block;
  color: white;
  text-decoration: none;
  font-family: sans-serif;
  /* font-size: 100%; */
  font-size: 16px; 
  }

nav.menu a {
  line-height: 2em;
  padding: 0 12px; /* abcd a = horní, b = pravý, c = spodní a d = levý vnitřní okraj */
  }

nav.menu a:hover {
  /* background: rgba(0, 0, 0, 0.1); */
  background: #3b91ad; 
  }
    
@media (min-width: 980px) {   
  
  nav.menu button {
  display: none;
  }

  nav.menu span {
  display: none; 
  }

  nav.menu ul {
  margin: auto;
  max-width: 1200px;
  min-width: 980px;   
  display: block; 
  width: 100%;
  height: 52px;
  /* text-align: center; */ 
  overflow:hidden; 
  }
  
  nav.menu ul li {
  width: auto;
  /* background: red; */
  display: inline-block;  
  overflow:hidden; 
  
  }

  nav.menu ul li.logo_id {  
  width: auto;
  display: inline-block;
  float: right;
  vertical-align: middle;	
  overflow:hidden;   
  }
  
  nav.menu ul li.logo_id img{
  vertical-align: middle;	
  /*
  width: 86px;
  height: auto;   
  */
  }

  nav.menu a {
  line-height: 52px;
  font-size: 12px; 
  font-weight: bold;
 
  }
   
  /*
  nav.menu a:hover::after {
  position: absolute;
  content:  "";
  display: block;
  width: 100%;
  height: 3px; 
  background: rgba(0, 0, 0, 0.15);   
  left: 0;
  bottom: 0;  
  transition: opacity 3s 6s;  
  }
  */
}