/*-----------------------------------------------------
   topMenu
------------------------------------------------------ */
#topMenu                                               {
	display: inline; float: right;
	width: 480px; height: 36px;
	background: transparent url(../images/layout/bg-top-menu.gif) no-repeat left bottom;
}
#topMenu ul                                           {
	width: 420px;
	margin: 0 auto;
	padding: 9px 0 0 0;
	font: normal 1em Tahoma, Arial, Helvetica, sans-serif;
	color: #b3c1cd;
}
#topMenu ul li                                        {
	display: block;
	float: left;
	border-left: 1px solid #b3c1cd;
	padding: 0 0 2px 10px;
	margin: 0 9px 0 0;
	vertical-align: middle;
}
#topMenu a                                            { color: #b3c1cd; text-decoration: underline; }
#topMenu a:hover                                      { color: #fff; text-decoration: none; }
#topMenu ul li.first                                  { padding-left: 0; border: none; }
	
#topMenu ul li#hr,
#topMenu ul li#en                                     {
	padding: 0;
	border: none;
	width: 24px;
	height: 12px;
}
#topMenu ul li#hr                                     { margin-left: 15px; }
#topMenu ul li#hr a,
#topMenu ul li#en a                                   {
	display: block;
	width: 24px; height: 12px;
	float: left;
	text-indent: -9999px;
	border: 1px solid #c2cfdb;
}
#topMenu ul li#hr a                                   { background: transparent url(../images/layout/hr.gif) no-repeat 0 0; }
#topMenu ul li#en a                                   { background: transparent url(../images/layout/en.gif) no-repeat 0 0; }
#topMenu ul li#hr a:hover                             { border: 1px solid #fff; background: transparent url(../images/layout/hr.gif) no-repeat 0 -13px;  }
#topMenu ul li#en a:hover                             { border: 1px solid #fff; background: transparent url(../images/layout/en.gif) no-repeat 0 -13px;  }
#topMenu ul li#hr a.on                                { border: 1px solid #fff; background: transparent url(../images/layout/hr.gif) no-repeat 0 -13px;  }
#topMenu ul li#en a.on                                { border: 1px solid #fff; background: transparent url(../images/layout/en.gif) no-repeat 0 -13px;  }

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

/*-----------------------------------------------------
   mainNav & mainMenu
------------------------------------------------------ */
#mainNav                                              {
	border-bottom: 1px solid #476077;
	width: 100%; height: 44px;
	clear: both;
	padding: 15px 0 2px 0;
}
#mainMenu                                             { width: 100%; }
#mainMenu li                                          { display: block; float: left; }
#mainMenu a                                           {
	display: block; float: left;
	padding: 2px 8px 4px 9px;
	font: bold 1.1em Tahoma, Geneva, sans-serif; color: #b3c1cd;
	text-decoration: none;
	margin-right: 2px !important;
	margin-right: 1px;
	background: #335d85;
	border-bottom: 4px solid #01213f;
}
#mainMenu a:hover, #mainMenu a:active                 { color: #01203d; background: #ff8104; border-bottom: 4px solid #ff8104;  }
#mainMenu a.on,
#mainMenu a.on:hover,
#mainMenu a.on:active                                 { color: #01203d; background: #ff8104; border-bottom: 4px solid #ff8104; }

/*-----------------------------------------------------
   subMenu // Level II
------------------------------------------------------ */
#subMenu                                              { clear: both; padding: 0; }
#subMenu li                                           {
	display: block;
	float: left;
	position: relative;
	z-index: 1000;
}
#subMenu a                                            {
	display: block; float: left;
	padding: 2px 8px 4px 9px;
	font: bold 1em "Tahoma", Geneva, sans-serif;
	color: #fff;
	text-decoration: none;
	background: #ff8104 url(../images/layout/submenu-a-border.gif) no-repeat right center;
	cursor: pointer;
}
#subMenu li.last a                                    { background-image: none; }
#subMenu a:hover,
#subMenu a:active                                     { color: #0f2b26; text-decoration: none; }
#subMenu a.on,
#subMenu a.on:hover,
#subMenu a.on:active                                  { color: #0f2b26; }

#subMenu li:hover a                                   { color: #0f2b26; }
#subMenu li:hover ul a                                { color: #fff; }
#subMenu li:hover ul a:hover                          { color: #fff; }

#subMenu li ul a:hover                                { color: #fff; }

/*-----------------------------------------------------
   subMenu // Level III
------------------------------------------------------ */
#subMenu ul                                           {
	position: absolute;
	top: 15px;
	left: 0;
	width: 200px;
	padding: 5px 0 0 0;
	z-index: 5000;
	float: none;
	visibility: hidden;
}
#subMenu ul li                                        {
	display: block;
	float: left;
	clear: none;
	width: 160px;
}
#subMenu ul li a                                      {
	width: 100%;
	border-bottom: 1px solid #01203d;
	border-right: none;
	background: #ff8104;
}	
#subMenu ul li a:hover                                { background: #335d85; }
#subMenu li ul li a.on,
#subMenu li ul li a.on:hover                          { color: #fff; background: #335d85; }
#subMenu li:hover ul                                  { visibility: visible; }

/*-----------------------------------------------------
   homeNav
------------------------------------------------------ */
#homeNav                                              { overflow: hidden; padding: 0 0 30px 106px; }
#container #homeNav h2                                {
	display: inline; float: left;
	width: 225px; height: 225px;
	font-weight: normal;
	font-size: 1.5em;
	margin: 2px;
	padding: 0;
}
#homeNav a                                            {
	display: block;
	width: 225px; height: 43px;
	background-position: 0 0;
	text-align: center;
	padding: 182px 0 0 0;
	color: #9cadbd;
	text-decoration: none;
}
#homeNav a:hover                                      { background-position: 0 -225px; color: #fff; }

#teambuilding                                         { background-image: url(../images/layout/teambuilding.jpg); }
#eventi                                               { background-image: url(../images/layout/eventi.jpg); }
#edukacija                                            { background-image: url(../images/layout/edukacija.jpg); }
#carter                                               { background-image: url(../images/layout/carter.jpg); }
#uslugeunautici                                       { background-image: url(../images/layout/uslugeunautici.jpg); }
#prodajajedrilica                                     { background-image: url(../images/layout/prodajajedrilica.jpg); }