@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 */
    float:left;
    width:100%;
  }  
  #main-menu a.level-1.link{ /* tlacitko 1. urovne */
    color:#000; 
  }
  #main-menu a.level-1.link:hover, /* tlacitko 1.urovne po najeti mysi*/
  #main-menu ul li:hover a.level-1{    
    color:#000;  
  }
  #main-menu a.level-1.link span{  /* obsah tlacitka 1.urovne */
    margin:0.1em 0;
    font-size:0.750em;
    display:block;
    font-weight:bold;
    text-transform:uppercase;    
  } 
  /* 1.level configuration end*/
  
  /* 2-5.level configuration */
  
  #main-menu a.link.level-2 {background:none; color:#000;} /* 2.level: barva pozadi, barva pisma */
  #main-menu a.link.level-3 {background:none; color:#000;} /* 3.level: barva pozadi, barva pisma */
  #main-menu a.link.level-4 {background:#031922; color:#fff;} /* 4.level: barva pozadi, barva pisma */
  #main-menu a.link.level-5 {background:#021319; color:#fff;} /* 5.level: barva pozadi, barva pisma */
  
  #main-menu a.link.level-2:hover {background:none; color:#000;} /* 2.level hover: barva pozadi, barva pisma */
  #main-menu a.link.level-3:hover {background:none; color:#000;} /* 3.level hover: barva pozadi, barva pisma */
  #main-menu a.link.level-4:hover {background:#0f3548; color:#fff;} /* 4.level hover: barva pozadi, barva pisma */
  #main-menu a.link.level-5:hover {background:#0f3041; color:#fff;} /* 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;
  font-size:1em;
  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{
  padding-bottom:1.2em; 
}
#main-menu li.li-level-1 {
  position: relative;	
}
#main-menu a.level-1.opener{ /* rozbalovaci tlacitko v zavrenem stavu */
  display:none !important;
}
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{ 
  z-index:100;
  display:none;
  font-size:1em;	
  width:100%;
}
#main-menu li.activated ul.ul-level-2{ 
  display:block;
}
#main-menu li.li-level-1:hover ul.ul-level-2{ /* hover nad nadrazenym prvkem - zobrazuje vnoreny seznam po najeti*/
  /*display:block;*/
}
#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:0.1em 0em 0.1em 0.7em;
  display:block;
  font-weight:bold;
  font-size:0.625em;
  text-transform:uppercase;
}
#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 */