/* CSS Document */

#meniu {
	display: block;
}

#meniu ul, #meniu-right ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
}

#meniu li, #meniu-right li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;
	position: relative;
}
#meniu li.submenu {
	background-image:url(../../menu_arrowd.gif) !important;
	background-position:right;
	background-repeat:no-repeat;
	padding-right:5px !important;
}

#meniu a {
	display: block;
}

#meniu li li {
	width: 100%;
}

#meniu li li ul {
	top: 0;
	left: 0;
}

#meniu li li:hover ul {
	left: 100%;
}

/* initialy hide all sub sidemenus */
#meniu li ul.menu, #meniu li ul#searchmenu {
	display: none;
	position: absolute;
	z-index: 10;
}

/* display them on hover */
#meniu li:hover>ul.menu {
	display: block;
}

/* this is needed if you want to style #sidemenu div - force containment of floated LIs inside of main UL */
#meniuList:after, #meniuList-right:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}

/*		------   Make-up	--------			*/
#meniu {
	color: #FFFFFF;
}

#meniu a {
	text-decoration:none;
	text-align: left;
	color: #FFFFFF;
	padding: 5px 10px 5px;
}
#meniu ul.menu li a {
	padding: 5px 16px 5px !important;
}

li.item {
	text-align:right !important;
	padding: 5px 10px 5px !important;
	width:auto !important;
}

#meniu h2 {
	color: #FFFFFF;
	font-size: 1.2em;
	font-weight:bold;
}

#meniu li ul {
	width:160px;
}

#meniu li ul a {
	text-align: left;
}

/* define the consecutive colors */
#meniu ul li a{
	/*background: #000000;*/
}

#meniu ul li a:hover {
	/*background: #333333;*/
	text-decoration:underline;
}

#meniu ul li ul li a{
	background: #001d3f;
}

#meniu ul li ul li a:hover {
	background: #0f2d58;
}