﻿/* Horizontalni menu */

div.menuWrap
{
  
}

div.menuH
{
  width: 100%; 
  height: 30px;
}

div.menuPrihlasit
{
  top:1em;
}

div.menuH ul
{
  
  padding: 0;
  margin: 0;
  list-style-type: none;
  z-index: 1000;
  /* background-color: Blue !important; /* debug */
}

div.menuH ul a
{
  
  color: white;
  text-decoration: none;
  font-weight: bold;
  font-size: 8pt;
  font-weight: normal;
  border: 0px;
  text-align: left;
  height: 30px;
  line-height: 30px;
  display: inline-block;
  padding: 0px 8px; 
}



div.menuH ul a.selected
{
  
  height: 28px;
  line-height: 25px; /* in order selected menu item to be in the middle vertically */
  color: White;
}

div.menuH ul a:hover
{
  
}

div.menuH ul li
{
  
  float: left;
  padding: 0px 0px 0px 0px;
  width: auto;
}

div.menuH ul ul a
{
  border-bottom: none;
  font-size: 10pt;
  /*background-color: #EB7725;*/
 
}

div.menuH ul ul a:hover
{
  /*background-color: #EB7725;
  border-top: 2px solid #1A2AF0;*/
 /* color: white;*/
  /*border-left: 1px solid white;
  border-top: 1px solid white;*/
  background-color: #EFF3FB;
}

div.menuH ul ul
{
  position: absolute;
  visibility: hidden;
  width: 310px;
  z-index: 1000;
  margin-left: 6px;
  /*border-bottom: 1px solid #DBDBDB;*/
  background-color: white;
  border: 1px solid #E5E5E5;
}

div.menuH ul ul li a
{
  
  display: block;
  color: #EB7725 !important;
  text-decoration: none;
  margin: 0;
  white-space: nowrap;
  height: 30px;
  line-height: 30px;
  font-weight:bold;
}

div.menuH ul li:hover ul, div.menuH ul li.hover ul
{
  visibility: visible;
   
}

div.menuH ul li li
{
  float: none;
  border: none;
  padding: 0;
 
}

div.menuH ul li ul li 
{
  
  background-color:White;
  padding:3px;
  width: 300px;
}

.li_dropdown
{
  
}
.li_dropdown > span
{
  cursor: pointer;
}
.li_dropdown > div
{
  display: none;
  position: absolute;
  z-index: 1000;
  padding: 0px 10px;
  border: 1px solid black;
  background-color: #1061A3;
}
.li_dropdown > div.clicked
{
  display: block;
}

.li_dropdown > div > span /* ve spanech jsou checkboxy */
{
  display: block;
  padding: 0;
  text-align: left;
}