﻿/** MENU TOP **/
#menutop {
	 margin-bottom: 10px; background: #ccc; width: 100%; float: left;
}
#menutop ul li {
	 position: relative; z-index: 10;
}
#menutop ul {
	margin:0; padding:0; list-style:none;
}
#menutop li {
	float: left;
}
#menutop li ul li{
	float: none;
}
#menutop a {
	display:block; padding:5px 10px 5px 10px; font-size: 1.2em; font-weight: bold; color: black; border-right: 1px solid white; text-decoration: none;
}
#menutop a:hover, ul.makeMenu-top li.CSStoHighlight {
	display:block; font-weight: bold; color: white; background: #fc3;
}
#menutop ul.makeMenu-top {
	height: 25px; margin: 0; cursor: default; font-size: 1em;
}
#menutop ul.makeMenu-top ul {
  width: 200px; 
  padding: 0; margin: 0;
  background: white;
  cursor: default;             
  font-size: 1em;
}
#menutop ul.makeMenu-top ul li a {
  _height: 0;  width: 200px; display: block; padding: 5px; margin: 0 0 1px 0;
}
#menutop ul.makeMenu-top li {
	list-style-type: none; margin: 0; position: relative; margin-right: 1px;
}
#menutop ul.makeMenu-top li ul li{
	list-style-type: none; margin: 0; position: relative; border: none;
}
#menutop ul.makeMenu-top li > ul {          
  	display: none; margin: 0; position: absolute; top: 28px; z-index: 11; font-size: 1em; left: 0; /* odsazeni subpolozek od rodice */
}

ul.makeMenu-top li a:hover {
	color: black;
}
#menutop li.active {
	color: black;
}
#menutop li.active a {
	color: black;
}
#menutop ul.makeMenu-top li:hover > ul {     
	display: block; width: 200px;         
}
#menutop ul.makeMenu-top ul.CSStoShow {     
	display: block; width: 200px;   background: #fc3;       
}

/** MENU LEFT **/
#menuleft {
	 padding: 0; margin: 0; float: left; width: 270px; min-height: 100px;
}
#menuleft ul li {
	 position: relative; z-index: 8; background: white;
}
#menuleft ul {
	margin:0; padding:0; list-style:none;
}
#menuleft li {
	float: left; width: 100%;
}
#menuleft li ul li{
	float: none;
}
#menuleft a {
	display:block; padding:5px 10px 5px 10px; text-decoration: none; font-size: 1.2em; font-weight: bold; color: white; background: #c00; width: 260px; margin-bottom: 1px;
}
#menuleft a:hover, ul.makeMenu-left li.CSStoHighlight {
	display:block; font-weight: bold; color: white; background: #fc3;
}
#menuleft ul.makeMenu-left {
	height: 25px; margin: 0; cursor: default; font-size: 1em; background: white;
}
#menuleft ul.makeMenu-left ul {
  width: 200px; 
  padding: 0; margin: 0;
  background: white;
  cursor: default;             
  font-size: 1em;
}
#menuleft ul.makeMenu-left ul li a {
  _height: 0;  width: 200px; display: block; padding: 5px; margin: 0 0 1px 0;
}
#menuleft ul.makeMenu-left li {
	list-style-type: none; margin: 0; position: relative; margin-right: 1px;
}
#menuleft ul.makeMenu-left li ul li{
	list-style-type: none; margin: 0; position: relative; border: none;
}
#menuleft ul.makeMenu-left li > ul {          
  	display: none; margin: 0; position: absolute; top: 0; z-index: 9; font-size: 1em; left: 280px; /* odsazeni subpolozek od rodice */
}

ul.makeMenu-left li a:hover {
	color: black;
}
#menuleft li.active {
	color: black;
}
#menuleft li.active a {
	color: black;
}
#menuleft ul.makeMenu-left li:hover > ul {     
	display: block; width: 200px;         
}
#menuleft ul.makeMenu-left ul.CSStoShow {     
	display: block; width: 200px;   background: #fc3;       
}
