/* CSS Document */
/**************** menu coding *****************/
#menu {
width: 200px;
background: #ffeeee;
z-index: 9999;
font-family:Arial, Helvetica, sans-serif;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
}
#menu a, #menu h2 {
display: block;
border:1px solid #888888;
border-width:0px 1px 1px 0px;
margin: 0;
padding: 5px 5px;
width:189px;
}
#menu h2 {
display: none;
}
#menu a {
color: #FFFFFF;
background: #B2B2B2;
/* padding-left:5px;*/
text-decoration: none;
	/* ZMENA POSLEDNA */
	font-size:0.7em;
	/*font-family:Arial, Helvetica, sans-serif;*/
	/*font-family:Arial Black;*/
	font-family:Arial, Helvetica, sans-serif;font-family:Arial;
	font-weight:bold;
	
	/* font-weight:light; */
	 text-transform:uppercase;  
	/* KONEC ZMENY */
}
#menu a:hover {
color: #FFFFFF;
background: #99cc00;
}
#menu li {
position: relative;
}
#menu ul ul{
position: absolute;
top: 0;
left: 100%;
width: 100%;
}
div#menu ul ul ,
div#menu ul li:hover ul ul
{display: none;}
div#menu ul li:hover ul,
div#menu ul ul li:hover ul
{display: block;
border:1px solid #777777;
border-width:1px 0px 0px 1px;
margin-left:-1px;
}
#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}
div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}
/* Styling for Expand */
div#menu a.x, #menu a.x:visited{
color: #FFFFFF;
background:#B2B2B2 url(navigation-images/$file/sipka_leva.gif) no-repeat bottom right;
}
div#menu a.x:hover{
color: #FFFFFF;
background: #d8d8d8 url(navigation-images/$file/sipka_leva.gif) no-repeat bottom right;
}
div#menu a.x:active{
color: #FFFFFF;
background:#d8d8d8 url(navigation-images/$file/sipka_leva.gif) no-repeat bottom right;
}
div#menu li.x, #menu li.x:visited{
color: #FFFFFF;
background:#d8d8d8 url(navigation-images/$file/sipka_leva.gif) no-repeat bottom right;
}
div#menu li.x:hover{
color: #FFFFFF;
background:#d8d8d8 url(navigation-images/$file/sipka_leva.gif) no-repeat bottom right;
}
div#menu li.x:active{
color: #FFFFFF;
background:#d8d8d8 url(navigation-images/$file/sipka_leva.gif) no-repeat bottom right;
}
div#menu a.mainx, #menu a.mainx:visited{
color: #FFFFFF;
background:#B2B2B2 url(navigation-images/$file/leve_menu.gif);
}
#menu a.mainx:hover{
color: #FFFFFF;
background:#B2B2B2 url(navigation-images/$file/leve_menu.gif);
}
div#menu a.x:active{
color: #FFFFFF;
background:#B2B2B2 url(navigation-images/$file/leve_menu.gif);
}
div#menu ul a.mainx span {
	
	background: url("navigation-images/$file/sipka_leva.gif") no-repeat right;
	margin-right: 0.5em;
}
.vnav ul.rightcolumnHP li a {
 color: #989898;
	font-size:0.6em;
	font-family:Arial Black;
	font-weight:lighter;
	text-transform: uppercase;
	padding-left: 1em;
	padding-top:0.7em;
	background: url("navigation-images/$file/sipka_zelena.gif") no-repeat left;
	margin-left:0.5em;
}
.vnav ul.rightcolumnHP li a:hover {
color: #FFFFFF;
/* background: url("navigation-images/$file/sipka_nav_bila.gif") no-repeat left;  */
background : none;
background-color:#99cc00;
 padding-left:1.5em;
margin:0em;
}
.vnav  ul.rightcolumnHP li{
		
background-color:#666666;
background-image : url(navigation-images/$file/menu_leve.gif)
}