@charset "utf-8";
/* MENU.CSS : Obsahuje css ke vsem menu na webu */

/* main menu */ 

/* ===== main menu configuration ===== */

  /* 1.level configuration */



  #main-menu { /* obal s pozadim 1.urovne */
    padding:0 1em 0 1em;
    width:100%;
    font-size: 1.2em;
    box-sizing: border-box;
    margin-top: 0.75em;
  }  
  #main-menu a.level-1.link{ /* tlacitko 1. urovne */
    border: solid 1px transparent;
    color:#002938;
  }
  #main-menu a.level-1.link:hover, /* tlacitko 1.urovne po najeti mysi*/
  #main-menu ul li:hover a.level-1{

  }
  #main-menu a.level-1.link span{  /* obsah tlacitka 1.urovne */
    margin:0.7em;
    min-height:1.2em;
    line-height:1.2em;
    display:block;
  } 
  /* 1.level configuration end*/
  
  /* 2-5.level configuration */
  
  #main-menu a.link.level-2 {background:#f2de03;color: #FFFFFF; } /* 2.level: barva pozadi, barva pisma */
  #main-menu a.link.level-3 {background:#f2de03; color: #FFFFFF; } /* 3.level: barva pozadi, barva pisma */
  #main-menu a.link.level-4 {background:#f2de03; color: #FFFFFF;} /* 4.level: barva pozadi, barva pisma */
  #main-menu a.link.level-5 {background:#f2de03; color: #FFFFFF;} /* 5.level: barva pozadi, barva pisma */
  
  #main-menu a.link.level-2:hover {background:#f2e87b; color:black;} /* 2.level hover: barva pozadi, barva pisma */
  #main-menu a.link.level-3:hover {background:#f2e87b; color:black;} /* 3.level hover: barva pozadi, barva pisma */
  #main-menu a.link.level-4:hover {background:#f2e87b; color:black;} /* 4.level hover: barva pozadi, barva pisma */
  #main-menu a.link.level-5:hover {background:#f2e87b; color:black;} /* 5.level hover: barva pozadi, barva pisma */
  
  /* 2-5.level configuration end*/
  
  /* dale je treba pripravit obrazky main-menu-opener-closed.png a main-menu-opener-opened.png */    

/* ===== main menu configuration end ===== */  

/* generally */ 


#main-menu ul{ 
  width:100%;
  padding:0;
  margin:0;
  list-style-type: none;
}
#main-menu ul li{ 
  padding:0;
  margin:0;
}
#main-menu ul li a{
  text-decoration:none;
  display:inline-block; 
}
#main-menu ul li a.link{
}

/* opener */

#main-menu ul li a.opener{ /* zavreny stav  */
  background-color: rgba(0, 0, 0, 0.15);
  display:inline-block;
  width:3.5em;
  height:3.5em;
  background:url(../images/style/main-menu-opener-closed.png) center center no-repeat;
}
#main-menu ul li a.opener:hover{ /* zavreny stav - najeti mysi */
  background-color: rgba(255, 255, 255, 0.15); 
}
#main-menu ul li.content-opened.li-level-1 a.opener.level-1, /* otevrene tlacitko */
#main-menu ul li.content-opened.li-level-2 a.opener.level-2,
#main-menu ul li.content-opened.li-level-3 a.opener.level-3,
#main-menu ul li.content-opened.li-level-4 a.opener.level-4{ 
  background-color: rgba(0, 0, 0, 0.15);
  background:url(../images/style/main-menu-opener-opened.png) center center no-repeat;
}
#main-menu ul li.content-opened.li-level-1 a.opener.level-1:hover, /* otevrene tlacitko - najeti mysi */
#main-menu ul li.content-opened.li-level-2 a.opener.level-2:hover,
#main-menu ul li.content-opened.li-level-3 a.opener.level-3:hover,
#main-menu ul li.content-opened.li-level-4 a.opener.level-4:hover{ 
  background-color: rgba(255, 255, 255, 0.15);
}
#main-menu ul li a.opener span{
  display:none;
}

/* opener end*/

/* 1.level */ /* specificke vlastnosti 1 urovne */

#main-menu ul.ul-level-1{ 
}
#main-menu li.li-level-1 {
	display:inline-block;
  position: relative;	
}
#main-menu a.level-1.opener{ /* rozbalovaci tlacitko v zavrenem stavu */
  display:none;
}
a#main-menu-responsive-switch { /* ukryvani tlacitka pro zobrazeni menu v responsivnim designu */
  display:none;
}

/* 1.level end*/

/* 2.level */ /* specificke vlastnosti 2 urovne */

#main-menu ul.ul-level-2{ 
  position:absolute;
  z-index:100;
  display:none;
  font-size:0.875em;	
  width:250px;
}
#main-menu li.li-level-1:hover ul.ul-level-2{ /* hover nad nadrazenym prvkem - zobrazuje vnoreny seznam po najeti*/
  display:block;
  overflow:hidden;
}
#main-menu li.li-level-1:last-child ul.ul-level-2,   /* zajistuje, aby se seznamy druhe urovne nezobrazovaly na malych monitorech mimo viditelnou zonu */
#main-menu li.li-level-1:nth-last-child(2) ul.ul-level-2{ 
  right:0;
}

/* 2.level end*/

/* 2-5. level */ /* 3-5 level maji spolecne styly + pripojene vybrane styly 2. urovne*/
                     
#main-menu ul.ul-level-3,
#main-menu ul.ul-level-4,
#main-menu ul.ul-level-5{ 
  font-size:1em;
  height: 0;
  overflow: hidden; 
  position: relative;  
}
#main-menu a.level-2.link, 
#main-menu a.level-3.link,
#main-menu a.level-4.link,
#main-menu a.level-5.link{ 
  width:100%;
} 
#main-menu a.level-2.link span,
#main-menu a.level-3.link span,
#main-menu a.level-4.link span,
#main-menu a.level-5.link span{
  margin:1em 4.5em 1em 1em;
  min-height:1.5em;
  line-height:1.5em;
  display:block;
}
#main-menu a.level-2.opener,
#main-menu a.level-3.opener,
#main-menu a.level-4.opener,
#main-menu a.level-5.opener{ /* rozbalovaci tlacitko v zavrenem stavu */
  position:absolute;
  right:0;
}

/* 3-5. level end*/

/* main menu end */









/* completive menu */
    
#completive-menu  { /* obal s pozadim 1.urovne */
  padding:0;
  width:100%;
  font-size:1em;
}  
#completive-menu ul.ul-level-1{ 
  width:100%;
  padding:0;
  margin:0 0 0 -1em;
  list-style-type: none;	
}
#completive-menu li.li-level-1 {
	display:inline-block;
  padding:0;
  margin:0;
  width:48%;
}
#completive-menu  a.level-1.link{ /* tlacitko 1. urovne */
  text-decoration:none;
  display:inline-block;  
  color:#235877;
  border-radius:5px;     
}
#completive-menu a.level-1.link:hover{ /* tlacitko 1.urovne po najeti mysi*/  
  background:url(../images/style/completive-menu-button.png) top left repeat-x #012a39;
  color:#fff;  
}
#completive-menu a.level-1.link span{  /* obsah tlacitka 1.urovne */
  margin:1em;
  min-height:1.2em;
  line-height:1.2em;
  display:block;    
} 

/* completive menu end */