/* ************************** MENU ESSENTIAL STYLES ************************** */

.menu, .menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.menu {
	line-height:	1.0;
}
.menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.menu ul li {
	width:			100%;
}
.menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.menu li {
	float:			left;
	position:		relative;
width:auto;
}
.menu a {
	display:		block;
	position:		relative;
}
.menu li:hover ul,
.menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.menu li:hover li ul,
ul.menu li.sfHover li ul {
	top:			-999em;
}
ul.menu li li:hover ul,
ul.menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.menu li li:hover li ul,
ul.menu li li.sfHover li ul {
	top:			-999em;
}
ul.menu li li li:hover ul,
ul.menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/* ************************** MENU TEMPLATE ************************** */

.menu li:hover {
z-index:100;
}

#menu {
position:relative;
font-family:'Trebuchet MS','Arial';
font-size:12px;
background-color: transparent;
background-image:url(../img/menu/back.gif);
background-repeat:repeat-x;
padding: 0px;
margin: 0px;
float:left;
/*line-height:32px;*/
height:32px;
width:100%;
z-index:2;
}

#menu ul li img{
padding:10px 3px 0px 0px;;
}


#menu ul {
list-style: none;
padding: 0px 3px 0px 3px;
margin: 0px;
}

#menu li {
float:left;
width:auto;
margin-right:0px;
padding: 0px 0px 0px 3px;
}

#menu ul li {
background-color: transparent;
/*line-height: 22px;*/
}

#menu ul li:hover {
background-color: transparent;
background-image: url('../img/menu/left.png');
background-position: left 5px;
background-repeat:  no-repeat;
}

#menu ul li.current {
background-color: transparent;
background-image: url('../img/menu/left.png');
background-position: left 5px;
background-repeat:  no-repeat;
}

#menu li a {
float:left;
width:auto;
font-size: 14px;
padding: 0px 15px 0px 5px;
background-color: transparent;
line-height: 32px;
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}

#menu li:hover a {
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
background-image:url('../img/menu/right.png');
background-position:right 5px;
background-repeat:no-repeat;
}

#menu li.current a {
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
background-image:url('../img/menu/right.png');
background-position:right 5px;
background-repeat:no-repeat;
}

/* ************************** SUB-MENU TEMPLATE ************************** */

#menu li ul {
top: 30px; /* odsadenie submenu */
position: absolute;
left: -999em;
height: auto;
font-weight: normal;
margin: 0px;
padding: 0px;
}

#menu li:hover ul {
width: 182px;
background: transparent;  /* farba pozadia submenu */
background-image: none;
z-index: 100;
left: 0;
height: auto;
}

#menu li ul li  {
width: 180px;
background: #FFFFFF;  /* farba pozadia submenu */
border-right: 1px solid #A4A4A4;
border-left: 1px solid #D4D4D4;
padding: 0px;
margin:0px;
text-indent: 5px;
}

#menu li ul li:hover {
background: #FFFFFF; /* farba pozadia submenu po prechode kurzorom */ 
}

#menu li:hover ul li a {
display:block;
width:160px;
background-image: none;
font-size: 11px;
color: #2B424A; /* farba textu submenu */ 
font-weight: bold;
height:22px;
line-height:22px;
}

#menu li ul li a:hover {
color: #5ECB4E;
font-weight: bold;
}

/* menu HIGHT text */

#menu li ul li.hight_text a,
#menu li ul li.hight_text a:hover {
color: #3A992D;
font-size: 11px;
text-transform: uppercase;
height:22px;
line-height:22px;
}

#menu li ul li.hight_text,
#menu li ul li:hover.hight_text {
width: 180px;
background: #F7F8F8 url('../img/sidebar_shadow.png') left bottom repeat-x;
}

#menu li.right {
float:right;
/*padding:0px 10px 0px 0px;*/
width:auto;
}

/* menu BEGIN */

#menu li ul li.begining,
#menu li ul li:hover.begining {
background: transparent url('../img/begining.png');
background-position:left bottom;
background-repeat:no-repeat;
height:5px;
width:182px;
border: none;
}

/* menu ENDING */

#menu li ul li.ending,
#menu li ul li:hover.ending {
background: transparent url('../img/ending.png');
background-position:left top;
background-repeat:no-repeat;
height:10px;
width:182px;
border: none;
}

#menu li ul li img {
border: 0px;
vertical-align: middle;
}