/*--------------------------------------
   mainMenu // Glavni izbornik
-------------------------------------- */
#mainMenu {
	display: inline;
	float: left;
	width: 200px;
	margin: 0 0 0 16px;
	padding: 5px 0;
	}
	
#mainMenu li {
	margin: 0;
	padding: 0;
	}
#mainMenu a {
	display: block;
	width: 180px;
	margin: 0 0 3px 0;
	padding: 6px 10px 5px 10px;
	background: transparent url(../images/layout/mainmenu-a.gif) no-repeat 0 0;
	color: #014489;
	font: bold 1.1em Arial, Helvetica, sans-serif;
	text-decoration: none;
	height: 1%;
	}
	
#mainMenu a:hover { color: #b7292b; text-decoration: none; }
#mainMenu a.on { color: #b7292b; text-decoration: none; } 

#mainMenu .subNav { border-top: 1px solid #c5c5c5; margin: 10px 0; width: 200px; }
#mainMenu .subNav .subNav { 
	border-left: 1px solid #ededed;
	border-top: 0;
	margin: 10px 0;
	padding-left: 10px;
	width: 150px;
	font-size: 1em;
	}
	
#mainMenu .subNav li {
	margin: 0;
	padding: 0;
	}
	
#mainMenu .subNav a {
	background: transparent url(../images/layout/main-menu-sub-a.gif) no-repeat left 0;
	margin: 0 0 0 0;
	padding: 4px 0 4px 15px;
	color: #2c4c7c;
	font-weight: normal;
	border-bottom: 1px solid #c5c5c5;
	margin: 3px 0;
	}
	
#mainMenu .subNav .subNav a { margin: 6px 0; }	
	
#mainMenu .subNav a:hover { background: transparent url(../images/layout/main-menu-sub-a.gif) no-repeat -221px 0; color: #61799d; text-decoration: underline;  }	
#mainMenu .subNav a.on,
#mainMenu .subNav a.on:hover { background: transparent url(../images/layout/main-menu-sub-a.gif) no-repeat -221px 0; color: #2c4c7c; text-decoration: none; font-weight: bold;  }

#mainMenu .subNav .subNav a { background: none; width: auto; border: none; padding: 0; font-size: 1em; }
#mainMenu .subNav .subNav a:hover { background: none; }		

/*--------------------------------------
   topMenu // Gornji izbornik
-------------------------------------- */
#topMenu                              { 
	width: 984px;
	height: 25px;
	margin: 0 1px 4px 1px;
	background: transparent url(../images/layout/topmenubg.gif) repeat-x 0 0;
	}
#topMenu li                           {
	display: block;
	position: relative;
	float: left;
	width: 120px;
	}
#topMenu a                            {
	display: block;
	float: left;
	padding: 6px 0 4px 0;
	margin: 0;
	color: #014489;
	text-decoration: none;
	width: 120px;
	text-align: center;
	font-weight: bold;
	border-right: 1px solid #b7bfc4;
	}
#topMenu a:hover                      {
	color: #363636; text-decoration: underline; 
	}

#topMenu a.on                         { color: #cc0000; text-decoration: none;   }

#topMenu table,
#topMenu table tr,
#topMenu table td { border: none; border-collapse: collapse; }	
/*--------------------------------------
   topMenu // Drop-down
-------------------------------------- */	
#topMenu .subNav                      {
	position: absolute;
	top: 24px;
	left: 0;
	z-index: 9999;
	visibility: hidden;
	background: #627fa9;
	width: 170px;
	padding: 0 0 10px 0;
	}
	
#topMenu .subNav li.sub .subNav {
	left: 170px;
	top: 0;
	}	

#topMenu .subNav li                   {
	margin: 0;
	padding: 0;
	display: block;
	clear: both;
	width: 170px;
	}
	
#topMenu .subNav a                    {
	display: block;
	background: none;
	padding: 5px 15px 5px 5px;
	margin: 0 4px;
	border: none;
	text-align: left;
	border-bottom: 1px solid #fff;
	color: #fff;
	width: 135px;
	font-weight: normal;
	}
	
#topMenu .subNav a:hover { color: #d0e1fb; }	

/*--------------------------------------
   topMenu // Drop-down / Level II
-------------------------------------- */
#topMenu li.sub:hover .subNav                                 { visibility: visible; }
#topMenu li.sub:hover .subNav .subNav                         { visibility: hidden; }

/*--------------------------------------
   topMenu // Drop-down / Level III
-------------------------------------- */
#topMenu .subNav li.sub:hover .subNav                         { visibility: visible; }
#topMenu .subNav li.sub:hover .subNav .subNav                 { visibility: hidden; }

/*--------------------------------------
   topMenu // Drop-down / Level IV
-------------------------------------- */
#topMenu .subNav .subNav li.sub:hover .subNav                 { visibility: visible; }
#topMenu .subNav .subNav li.sub:hover .subNav .subNav         { visibility: hidden; }

/*--------------------------------------
   topMenu // Drop-down / Level V
-------------------------------------- */
#topMenu .subNav .subNav .subNav li.sub:hover .subNav         { visibility: visible; }
#topMenu .subNav .subNav .subNav li.sub:hover .subNav .subNav { visibility: hidden; }

/*--------------------------------------
   topMenu // :hovers
-------------------------------------- */
#topMenu li.sub:hover a { text-decoration: underline; color: #363636; }
#topMenu li.sub:hover .subNav a { text-decoration: none; color: #fff; }

#topMenu .subNav li.sub:hover a { text-decoration: none; color: #d0e1fb; }
#topMenu .subNav li.sub:hover .subNav a { text-decoration: none; color: #fff; }

#topMenu .subNav .subNav li.sub:hover a { text-decoration: none; color: #d0e1fb; }
#topMenu .subNav .subNav li.sub:hover .subNav a { text-decoration: none; color: #fff; }

#topMenu li.sub .subNav a:hover,
#topMenu .subNav li.sub .subNav a:hover,
#topMenu .subNav .subNav li.sub .subNav a:hover,
#topMenu .subNav .subNav .subNav li.sub .subNav a:hover { color: #d0e1fb; }

#topMenu li.sub .subNav a.on,
#topMenu .subNav li.sub .subNav a.on,
#topMenu .subNav .subNav li.sub .subNav a.on,
#topMenu .subNav .subNav .subNav li.sub .subNav a.on { color: #d0e1fb; font-weight: bold; }

#topMenu .subNav li.sub a { background: transparent url(../images/layout/menu-arrow.gif) no-repeat right center; }
#topMenu .subNav li.sub li a { background: none; }
#topMenu .subNav li.sub li.sub a { background: transparent url(../images/layout/menu-arrow.gif) no-repeat right center; }
#topMenu .subNav li.sub li.sub li a { background: none; }
#topMenu .subNav li.sub li.sub li.sub a { background: transparent url(../images/layout/menu-arrow.gif) no-repeat right center; }
#topMenu .subNav li.sub li.sub li.sub li a { background: none; }