@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:918px;
	height:40px;
	display:block;
	padding:0px 0px 0px 22px;
	float:left;
}
div.hover-horizontal-menu ul.level-2 { /* definuje pozici seznamu polozek 2. urovne */
	top:40px;
	left:0px;
}
div.hover-horizontal-menu ul.level-3 { /* definuje pozici seznamu polozek 3. urovne */
	top:0px;
	left:143px;
}
div.hover-horizontal-menu a.link-level-1 { /* # položka 1.úrovně */
	color:#f49000;
	padding:1px 15px 0px 15px; 
	text-align:center;
	float:left;
	height:39px;
	line-height:39px;
	text-decoration:none;
	overflow:hidden;
	text-transform:uppercase;
	font-size:11px;
}
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:130px;
	line-height:18px;
	padding:3px 15px 3px 15px;
	text-align:left;
	display:block;
	text-decoration:none;
	background:#000;
	border-top:1px solid #333333;
}
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 */
	color:#fff;
}
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:#f36f21;
  color:#000; 
}
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;
	z-index:5;
}
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;
}
div.hover-horizontal-menu ul.level-1 li , /* vola hover.htc zajistujici funkcnost v ie6 */
div.hover-horizontal-menu ul.level-2 li {
	behavior: url(../data/hover.htc);
}

/* 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:190px;} /* nastavení šířky menu */
ul#onclick-vertical-menu-ul td 										{padding:7px 0px 7px 0px;} /* nastavení výšky položky 1.úrovně (tento padding+15px) */
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:url(../images/style/content-left.gif) repeat-y;} /* nastavení pozadí menu */
ul#onclick-vertical-menu-ul li.no-child , ul#onclick-vertical-menu-ul li.level1 {background:url(../images/style/background-menushop.gif) center top no-repeat;} /* nastavení pozadí položky 1.úrovně */
ul#onclick-vertical-menu-ul li.level1 ul li							{width:170px; background:#323232;} /* nastavení pozadí položky 2.úrovně */
ul#onclick-vertical-menu-ul li.level1 a 							{color:#b6b5b5; text-decoration:none;} /* nastavení barvy písma položky 1.úrovně */
ul#onclick-vertical-menu-ul li.level1 a:hover 							{color:#fff;}
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 li.level2 a:hover 		{color:#F49000;}
ul#onclick-vertical-menu-ul li.level1 								{margin-bottom:8px;} /* nastavení ohraničení položky 1.úrovně */

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

div#onclick-vertical-menu {
	text-transform:uppercase;
}
div#onclick-vertical-menu h2.top{
	background:url(../images/style/top-menushop.gif);
	height:35px;
  line-height:35px;
}
div#onclick-vertical-menu h2.top a {
	color:#F49000;
	font-weight:normal;
}
div#onclick-vertical-menu div.content{
	padding:0px;
	line-height:16px;
	border:none;
}
div#onclick-vertical-menu div.content img{
  margin-top:0px;
  margin-bottom:0px;
}
div#onclick-vertical-menu table td{
	border:none;
}
div#onclick-vertical-menu div.bottom{
	background:url(../images/style/bottom-left.gif) left bottom;
}
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:17px;
	padding-left:17px !important;
	padding-top:6px;
}
ul#onclick-vertical-menu-ul a {
	font-weight:normal;
}
ul#onclick-vertical-menu-ul a.icon {
	height:9px;
}
ul#onclick-vertical-menu-ul a:hover {
}
ul#onclick-vertical-menu-ul li.level1 {
	font-weight:bold;
	padding:0px;
	font-size:11px;
}
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:-2px 0px 0px 10px;
}
ul#onclick-vertical-menu-ul li.level1 li.level2 a {
	display:block;
	padding:0px 5px 0px 25px;
	font-weight:normal;
	background:url(../images/style/submenu/menu-arrow.gif) 7px 3px no-repeat;
}

/* onclick vertical menu konec*/