@charset "utf-8";
/* CSS Document WEB*/

/* hover-horizontal-menu */

div.hover-horizontal-menu .top{ /* definuje vlastnosti pro .top 2. urovne */
	width:143px;
	height:5px;
	background:url(../images/style/hover-menu-top.png) no-repeat;
	font-size:1px;
	display:none;
}
div.hover-horizontal-menu .bottom{ /* definuje vlastnosti pro .bottom 2. urovne */
	width:143px;
	height:5px;
	background:url(../images/style/hover-menu-bottom.png) no-repeat;
	font-size:1px;
	display:none;	
}
div.hover-horizontal-menu ul{ /* definuje vlastnosti pro ul vsech urovní */
	list-style-type:none;
	margin:0px;
}
div.hover-horizontal-menu ul.level-1{ /* definuje vodorovnou listu menu 1.urovne */
	width:970px;
	height:35px;
	display:block;
	padding:0px 15px 0px 15px;
	float:left;
	margin-top:80px;
}
div.hover-horizontal-menu ul.level-2 { /* definuje pozici seznamu polozek 2. urovne */
	top:35px;
	left:0px;
}
div.hover-horizontal-menu ul.level-3 { /* definuje pozici seznamu polozek 3. urovne */
	top:0px;
	left:142px;
}
div.hover-horizontal-menu a.link-level-1 { /* # položka 1.úrovně */
	color:#fff;
	width:127px; /* pri odstraneni width ziskate automatickou sirku tlacitko podle vepsaneho obsahu */
	padding:0px 5px 0px 10px;
	float:left;
	height:35px;
	line-height:35px;
	text-decoration:none;
	overflow:hidden;
	font-family:"Trebuchet MS", Arial;
	font-size:13px;
}
div.hover-horizontal-menu a.link-level-2 , /* ## položka 2. a 3.úrovně */
div.hover-horizontal-menu a.link-level-3 {
	color:#FFF;
	width:127px;
	line-height:18px;
	padding:3px 5px 3px 10px;
	text-align:left;
	display:block;
	text-decoration:none;
	background:#064F27;
	border-top:1px dashed #CCECCB;
}
div.hover-horizontal-menu a.link-level-3 { /* ### položka 3.úrovně - definovat pouze pokud má být odlišné od položky 2.úrovně */
}
div.hover-horizontal-menu a.link-level-1:hover , /* # položka 1.úrovně po najetí myši */
div.hover-horizontal-menu ul.level-1 li:hover a.link-level-1 , 
div.hover-horizontal-menu ul.level-1 li.hover a.link-level-1 { /* umožňuje zachovat zabarvení odkazu 1. úrovně i po najetí na odkaz úrovně 2 */
	background:url(../images/style/menu-border.gif) repeat-x;	 
	color:#CCECCB;
}
div.hover-horizontal-menu a.link-level-2:hover , /* ## položka 2. a 3.úrovně po najetí myši */
div.hover-horizontal-menu a.link-level-3:hover , 
div.hover-horizontal-menu ul.level-2 li:hover a.link-level-2 , 
div.hover-horizontal-menu ul.level-2 li.hover a.link-level-2 { /* umožňuje zachovat zabarvení odkazu 2. úrovně i po najetí na odkaz úrovně 3 */
	background:#25853c;
}
div.hover-horizontal-menu a.link-level-3:hover { /* ### položka 3. úrovně po najetí myši - definovat pouze pokud má být odlišné od položky 2.úrovně */
}
div.hover-horizontal-menu ul.level-1 li:hover ul , /* zpusobuje zviditelneni seznamu pri najeti mysi na nadrazenou polozku */
div.hover-horizontal-menu ul.level-1 li.hover ul {
	visibility:visible;
}
div.hover-horizontal-menu ul.level-2 li:hover ul , /* zpusobuje zviditelneni seznamu pri najeti mysi na nadrazenou polozku */
div.hover-horizontal-menu ul.level-2 li.hover ul {
	visibility:visible !important;
}
div.hover-horizontal-menu ul.level-2 , /* zpusobuje defaultni zneviditelni vnorenych polozek 2. a 3. urovne */
div.hover-horizontal-menu ul.level-1 ul.level-2 ul.level-3 {
	position:absolute;
	visibility:hidden;
	padding:0px;
}
div.hover-horizontal-menu ul.level-1 li { /* razeni polozek vodorovne */
	float:left;
	position:relative;
	padding:0px;
}
div.hover-horizontal-menu ul.level-2 li {
	clear:left;
}

/* hover-horizontal-menu konec */

/* onclick vertical menu */

/* ---=== onclick vertical menu ===--- */

/* pro dodržení funkčnosti configu je potřeba dodržet velikost ikonek submenu 9x9px , jejich názvy a umístění */

div#onclick-vertical-menu div.content								{width:180px;} /* nastavení šířky menu */
ul#onclick-vertical-menu-ul td 										{padding:7px 0px 8px 0px;} /* nastavení výšky položky 1.úrovně (tento padding+15px) */ /* ie6 ie7 */
ul#onclick-vertical-menu-ul li.level1 ul li							{padding:5px 0px 5px 0px;} /* nastavení výšky položky 2.úrovně (tento padding+15px) */

div#onclick-vertical-menu div.content								{background:none;} /* nastavení pozadí menu */
ul#onclick-vertical-menu-ul li.no-child , ul#onclick-vertical-menu-ul li.level1 {background:url(../images/style/background-menu.gif) no-repeat} /* nastavení pozadí položky 1.úrovně */
ul#onclick-vertical-menu-ul li.level1 ul li							{background:#3B9337; border-left:1px solid #0D5437; border-right:1px solid #0D5437;} /* nastavení pozadí položky 2.úrovně */
ul#onclick-vertical-menu-ul li.level1 ul li:hover							{background:#064f27;} /* nastavení pozadí položky 2.úrovně */
ul#onclick-vertical-menu-ul li.level1 a 							{color:#fff;} /* nastavení barvy písma položky 1.úrovně */
ul#onclick-vertical-menu-ul li.level1 li.level2 a 					{color:#fff;} /* nastavení barvy písma položky 2.úrovně */
ul#onclick-vertical-menu-ul li.level1 								{border-bottom:none;} /* nastavení ohraničení položky 1.úrovně */

/* ---=== onclick vertical menu konec ===--- */

div#onclick-vertical-menu div.content{
	padding:0px;
	line-height:15px;
	border:none;
}
div#onclick-vertical-menu table td{
	border:none;
}
div#onclick-vertical-menu div.bottom{
	background:url(../images/style/bottom-menushop.gif);
	height:50px;
}
div#onclick-vertical-menu ul{
	list-style-type:none;
	margin:0px;
}
ul#onclick-vertical-menu-ul{
	width:100%;
	padding:0px;
}
ul#onclick-vertical-menu-ul li.no-child{
	display:block;
	font-weight:normal;
}
ul#onclick-vertical-menu-ul li.no-child a{
	width:95%;
	display:block;
}
ul#onclick-vertical-menu-ul table{
	width:95%;
	margin:0px;
}
ul#onclick-vertical-menu-ul td.icon{
	width:15px;
	padding-left:15px !important;
}
ul#onclick-vertical-menu-ul a {
	font-weight:bold;
	text-decoration:none;
}
ul#onclick-vertical-menu-ul a.icon {
	height:9px;
}
ul#onclick-vertical-menu-ul li.level1 a:hover , ul#onclick-vertical-menu-ul li.level1 li.level2 a:hover {
  color:#CCECCB;
}
ul#onclick-vertical-menu-ul li.level1 {
	font-weight:bold;
	padding:0px;
}
ul#onclick-vertical-menu-ul li.level1 ul {
	margin:0px 0px 0px 0px;
	padding:0px;
}
ul#onclick-vertical-menu-ul li.level1 ul li{
	margin:0px;
}
ul#onclick-vertical-menu-ul li.level1 li.level2 a {
	display:block;
	padding:0px 5px 0px 30px;
	width:143px;
	background:url(../images/style/submenu/menu-arrow.gif) 10px center no-repeat;
}

/* onclick vertical menu konec*/
