/*** <menu> ***/
#mainmenu {
	font-family:            "Tahoma";
	font-size:              12px;
	margin:                 0px;
	padding:                0px;
/*	background:             url("../img/mainmenu_bg.jpg") top left no-repeat;*/
	height:                 21px;
}

#mainmenu ul {
  list-style:             none;
  display:                inline;
  margin:                 0px;
  padding:                0px;
	float:                  left;
	width:                  848px;
	
}
#mainmenu ul li {
	border-right:           1px solid #333;
	position:               relative;
	float:                  left;
}
#mainmenu ul li a {
	display:                block;
	padding:                4px 12px 3px;
	text-decoration:        none;
	font-size:              1em;
	font-weight:            bold;
	color:                  #333;
}
#mainmenu ul li a:hover {
	color:                  #fff;
	background-color:       #039;
}

/* 2. uroven */
#mainmenu ul li ul {
	display:                block;
	width:                  9em;
	visibility:             hidden;
	position:               absolute;
	z-index:                10000;
	top:                    21px;
	left:                   0px;
}
#mainmenu ul li ul li {
	border:                 none;
	margin:                 0px;
	width:                  100%;
	display:                block;
	height:                 auto;
	position:               relative;
	line-height:            1em;
}
#mainmenu ul li ul li a {
	display:                block;
	width:                  100%;
	padding:                4px 10px;
	font-size:              1em;
	font-weight:            normal;
	color:                  #333;
	background:             #e0e3ef;
}
/*sipka pre 3 uroven */
#mainmenu ul li ul li.nextSub a{
  background:             #e0e3ef url("../img/menu_sipka_black.gif") right top no-repeat;
  background-position:    95% 50%;
}
#mainmenu ul li ul li.nextSub a:hover{
  background:             #039 url("../img/menu_sipka_white.gif") right top no-repeat;
  background-position:    95% 50%;
}
/*3. uroven */
/* TO DO */
#mainmenu ul li ul li ul {
	padding-top:            0px;
	position:               absolute;
	left:                   10.5em;
	top:                    0px;
	display:                block;
}

#mainmenu ul li:hover ul ul{
  visibility:             hidden;
}
#mainmenu ul li ul li.nextSub ul li {
	border:                 none;
	margin:                 0px;
	width:                  100%;
	display:                block;
	height:                 auto;
	position:               relative;
	line-height:            1em;
}
#mainmenu ul li ul li.nextSub ul li a {
  background:             #e0e3ef;
	padding:                4px 10px;
	font-size:              1em;
	font-weight:            normal;
}
/* hover */
#mainmenu ul ul li.nextSub ul li a:hover {
	background:             #039;
	color:                  white;
}
#mainmenu ul li:hover ul, #mainmenu ul li:hover ul li:hover ul {
	visibility:             visible;
	height:                 auto;
}

/* languages */
#lang{
  margin:                 0px;
  padding:                0px;
  display:                inline;
}

#lang ul{
  display:                inline;
  border:                 no-border;
  margin:                 0px;
  padding:                0px;
	float:                  right;
	width:                  56px;
	background:             url("../img/mainmenu_bg.jpg") bottom right no-repeat;*/
}
#lang ul li{
  display:                inline;
  float:                  right;
}
#lang ul li a{
  color:                  white;
  padding:                4px 5px 3px;
  background-color:       #86a6be;
  display:                block;
}
#lang ul li a:hover{
  background-color:       #039;
  text-decoration:        none;
}
#lang ul li#langSelected{
  display:                block;
  padding:                4px 5px 3px;
  color:                  white;
  font-weight:            bold;
  background-color:       #039;
}











/*** <sidemenu> ***/
#sidemenu {
	font-family:            "Tahoma";
	font-size:              12px;
	margin:                 0px;
	padding:                0px;
}

#sidemenu ul {
  list-style:             none;
  display:                inline;
  margin:                 0px;
}
#sidemenu ul li {
	position:               relative;
	display:                block;
	height:                 auto;
}
#sidemenu ul li a {
	display:                block;
	padding:                4px 12px 4px !important;
  padding:                4px 12px 4px 0px;
	text-decoration:        none;
	font-size:              1em;
	font-weight:            bold;
	color:                  #333;

}
#sidemenu ul li a:hover {
	color:                  #fff;
	background-color:       #039;
	display:                block;
}

/* 2. uroven */
#sidemenu ul li ul {
	display:                block;
	width:                  9em;
	visibility:             hidden;
	position:               absolute;
	z-index:                10000;
	top:                    0px;
	left:                   158px !important;
	left:                   182px;

}
#sidemenu ul li ul li {
	border:                 none;
	margin:                 0px;
	width:                  100%;
	display:                block;
	height:                 auto;
	position:               relative;
	line-height:            1.05em;
}
#sidemenu ul li ul li a {
	display:                block;
	width:                  100%;
	padding:                4px 10px;
	font-size:              1em;
	font-weight:            normal;
	color:                  #333;
	background:             #e0e3ef;
}
/*sipka pre 3 uroven */
#sidemenu ul li ul li.nextSub a{
  background:             #e0e3ef url("../img/menu_sipka_black.gif") right top no-repeat;
  background-position:    95% 50%;
}
#sidemenu ul li ul li.nextSub a:hover{
  background:             #039 url("../img/menu_sipka_white.gif") right top no-repeat;
  background-position:    95% 50%;
}
/*3. uroven */
/* TO DO */
#sidemenu ul li ul li ul {
	padding-top:            0px;
	position:               absolute;
	left:                   10.5em;
	top:                    0px;
	display:                block;
}

#sidemenu ul li:hover ul ul{
  visibility:             hidden;
}
#sidemenu ul li ul li.nextSub ul li {
	border:                 none;
	margin:                 0px;
	width:                  100%;
	display:                block;
	height:                 auto;
	position:               relative;
	line-height:            1em;
}
#sidemenu ul li ul li.nextSub ul li a {
  background:             #e0e3ef;
	padding:                4px 10px;
	font-size:              1em;
	font-weight:            normal;
}
/* hover */
#sidemenu ul ul li.nextSub ul li a:hover {
	background:             #039;
	color:                  white;
}
#sidemenu ul li:hover ul, #mainmenu ul li:hover ul li:hover ul {
	visibility:             visible;
	height:                 auto;
}
/*** </menu> ***/

