/*-----------------------------------------------------
   topMenu
----------------------------------------------------- */
#topMenu {
	display: inline;
	float: right;
	margin: 35px 0 0 0;
	}
	
#topMenu li { display: inline; }
#topMenu a {
	font-size: 14px;
	font-weight: bold;
	color: #121212;
	text-decoration: none;
	display: inline-block;
	padding: 4px;
	margin-left: 12px;
	}	
	
#topMenu a:hover { color: #fff; }	
	
#tm-pocetna { background: #bed62f; }	
#tm-forum { background: #65e7ec; }	
#tm-kontakti { background: #af65ec; }	

/*-----------------------------------------------------
   mainMenu
----------------------------------------------------- */
#mainMenu {
	float: left;
	width: 204px;
	}
	
#mainMenu a {
	display: block;
	padding: 8px 10px 9px 25px;
	background: transparent url(../images/layout/menu-a.gif) no-repeat 0 -30px;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	height: 1%;
	}	
	
#mainMenu a:hover { background: transparent url(../images/layout/menu-a.gif) no-repeat 0 0; }
#mainMenu a.on,
#mainMenu a.on:hover { background: transparent url(../images/layout/menu-a.gif) no-repeat 0 -60px; }


#mainMenu ul { padding: 5px 10px 5px 5px; }
#mainMenu ul ul { padding: 5px 10px 5px 15px; }
#mainMenu ul li { margin: 5px 0; }
#mainMenu ul a {
	background: none;
	padding: 0;
	font-weight: normal;
	padding-left: 7px;
	border-left: 2px solid #d9d9d9;
	}

#mainMenu ul a:hover { background: none; border-left: 2px solid #96b023; text-decoration: underline; }
	
#mainMenu ul a.on,
#mainMenu ul a.on:hover { background: none; font-weight: bold; border-left: 2px solid #96b023; color: #96b023; text-decoration: none; }