/* -- First Level -- */
#categories {
	margin: 0px 0 0px 0; 
	padding: 1px 0 0px 0; 
	list-style: none; 
	width: 157px; 
	bbackground: url(img/bg_categories_div.gif) repeat-x left top;}
#categories li {
	position: relative; 
	font-weight: bold; 
	padding-bottom: 1px; 
	bbackground: url(img/bg_categories_div.gif) repeat-x left bottom;}
#categories li a {
	display: block; 
	text-decoration: none; /* IE6 Bug */ 
	padding: 4px 0 4px 20px; 
	background: url(img/bullet_categories_right.gif) no-repeat 12px 7px; 
	background-color: #E68519;}
#categories li a:hover, #categories li a.aktivna:hover {
	background: url(img/bullet_categories_right_on.gif) no-repeat 12px 7px; 
	background-color: #FF7E00; 
	color: #668866;}

/* -- Second Level -- */
#categories li ul {
	margin: 0px 0 0px 0; 
	padding: 1px 0 0px 0; 
	list-style: none; 
	width: 157px;
	bbackground: url(img/bg_categories_div.gif) repeat-x left top;}
#categories li ul li  {
	position: relative; 
	font-weight:normal; 
	padding-bottom: 1px; 
	bbackground: url(img/bg_categories_div.gif) repeat-x left bottom;}
#categories li ul li.last  {
	position: relative; 
	font-weight:normal; 
	padding-bottom: 1px; 
	margin-bottom: -1px;}
#categories li ul li a {
	display: block; 
	text-decoration: none; /* IE6 Bug */ 
	padding: 4px 0 4px 30px; 
	background: url(img/bullet_categories_right.gif) no-repeat 22px 7px; 
	background-color: #A6E087;}
#categories li ul li a:hover, #categories li ul li a.aktivna:hover {
	background: url(img/bullet_categories_right_on.gif) no-repeat 22px 7px; 
	background-color: #FF7E00; 
	color: #668866;}

#categories a.aktivna {
	background-image: url(bullet_categories_green.gif); 
	background-color: #FFF1D6; 
	color: #37691C;
}

/* Fix IE. Hide from IE Mac \*/
* html #categories li { float: left; height: 1%; }
* html #categories li a { height: 1%; }
* html #categories li ul li { float: left; height: 1%; }
* html #categories li ul li a { height: 1%; }
* html #categories li ul li ul li { float: left; height: 1%; }
* html #categories li ul li ul li a { height: 1%; }
* html #categories li ul li ul li ul li { float: left; height: 1%; }
* html #categories li ul li ul li ul li a { height: 1%; }
/* End */

li:hover #categories, li.over #categories { 
	display: block; } /* The magic */

/* -- Font Colors -- */
#categories li a,
#categories li ul li a,
#categories li a:hover,
#categories li a:hover  {
	color: #FFF;}