/*-----------------------------------------------------
   mainMenu
----------------------------------------------------- */	
#mainMenu                                             {
	float: right;
	width: 685px;
	margin: 0 8px 0 0;
	display: inline;
	}
	
#mainMenu li                                          {
	height: 46px;
	display: inline;
	background: transparent url(../images/layout/top-menu-a.jpg) repeat-x 0 0;
	float: left;
	margin: 0 0 0 1px;
	text-align: center;
	position: relative;
	z-index: 5;
	}	
	
#mainMenu li:hover                                    { background: transparent url(../images/layout/top-menu-a.jpg) repeat-x 0 -46px; }
#mainMenu li:hover a                                  { color: #fff; }
	
#mainMenu a                                           {
	color: #3b3b3b;
	font-weight: bold;
	text-decoration: none;
	line-height: 15px;
	font-size: 10px;
	width: 100%;
	height: 30px;
	padding: 16px 0 0 0;
	display: block;
	}	
	
#mainMenu a.on                                        { background: url(../images/layout/top-menu-a.jpg) repeat-x 0 -46px; color: #fff; }
#mainMenu a:hover                                     { color: #fff; }
	
#mm-osobnavozila                                      { width: 72px; }
#mm-osobnavozila a                                    { padding-top: 7px; height: 39px; }

#mm-terenskavozila                                    { width: 83px; }
#mm-terenskavozila a                                  { padding-top: 7px; height: 39px; }

#mm-gospodarskavozila                                 { width: 108px; }
#mm-gospodarskavozila a                               { padding-top: 7px; height: 39px; }

#mm-prodajnamjesta                                    { width: 84px; }
#mm-prodajnamjesta a                                  { padding-top: 7px; height: 39px; }

#mm-financiranje                                      { width: 106px; }

#mm-akcije                                            { width: 72px; }
#mm-servisi                                           { width: 84px; }
#mm-novosti                                           { width: 68px; }

#mainMenu ul                                          {
	position: absolute;
	visibility: hidden;
	width: 100%;
	min-height: 212px;
	height: auto !important;
	height: 212px;
	top: 46px;
	left: 0;
	margin: 0;
	background: transparent url(../images/layout/mainmenu-sub-bg.jpg) no-repeat 0 0;
	padding: 6px 0 0 0;
	z-index: 10;
	}

#mainMenu ul li                                       {
	display: block;
	float: left;
	clear: both;
	background: transparent;
	}		

#mainMenu ul li                                       {
	text-align: left;
	display: block;
	margin: 3px 0;
	padding: 0;
	width: 100%;
	height: auto;
	z-index: 1;
	}	
	
#mainMenu ul li a                                     {
	display: block;
	background: #transparent;
	padding: 5px 0 5px 5px;
	float: none;
	clear: both;
	margin: 0 0 0 5px;
	font-size: 9px;
	padding: 2px;
	width: auto;
	height: auto;
	color: #ffffff;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	position: relative;
	z-index: 1000;
	}

	
#mainMenu ul li:hover                                 { background: transparent; }
#mainMenu ul li:hover a                               { background: #fff; }
	
#mainMenu li:hover ul                                 { visibility: visible; }

#mainMenu ul li a:hover                               {
	background: #fff;
	background-image: none;
	color: #0a2366;
	}
#mainMenu ul li:hover a:hover                         { background: #fff; }

#mainMenu li.open                                     { background: transparent url(../images/layout/top-menu-a.jpg) repeat-x 0 -46px; }
#mainMenu li.open a                                   { color: #fff; }
#mainMenu li.open a.open                              { background: #fff; color: #0a2366; }
#mainMenu li.open ul                                  { visibility: visible; }

/*-----------------------------------------------------
   mainMenu // Level 3
----------------------------------------------------- */		
#osobnavozila,
#terenskavozila,
#gospodarskavozila                                    {
	position: absolute;
	width: 413px;
	height: 216px;
	background: transparent url(../images/layout/level-3-bg.jpg) no-repeat 0 0;
	top: 71px;
	visibility: hidden;
	z-index: 50;
	}
	
#osobnavozila.open,
#terenskavozila.open,
#gospodarskavozila.open                               { visibility: visible; z-index: 100; }
	
#osobnavozila                                         { left: 340px; z-index: 100;  }
#terenskavozila                                       { left: 424px; z-index: 100; }
#gospodarskavozila                                    { left: 533px; z-index: 100; }
	
.info                                                 {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #0a2366;
	background: transparent url(../images/layout/info.gif) no-repeat right bottom;
	float: left;
	width: auto;
	clear: both;
	margin: 15px 0 0 15px;
	padding: 10px 25px 0 0;
	}
	
.details                                              {
	clear: both;
	margin: 0;
	padding: 145px 0 0 0;
	text-align: center;
	}	
	
#osobnavozila div,
#terenskavozila div,
#gospodarskavozila div                                {
	width: 408px;
	height: 208px;
	margin: 4px 0 0 0;
	position: absolute;
	z-index: 200;
	}	
	
#osobnavozila a,
#terenskavozila a,
#gospodarskavozila a                                  { color: #0a2366; text-decoration: none; }
	
#osobnavozila .details a,
#terenskavozila .details a,
#gospodarskavozila .details a                         { text-decoration: underline; }
#osobnavozila .details a:hover,
#terenskavozila .details a:hover,
#gospodarskavozila .details a:hover                   { text-decoration: none; }

#osobnavozila .details a                              { background: transparent url(../images/layout/3-level-arrow.gif) no-repeat left center; padding: 2px 0 2px 15px; }
/*-----------------------------------------------------
   leftMenu
----------------------------------------------------- */
#leftCol.menu                                         { display: inline; float: left; width: 263px; }
#leftCol.menu #leftContent                            { background: transparent url(../images/layout/leftcol-bg.gif) repeat-y 0 0; height: 355px; padding: 0 10px 0 45px; }
	
#auto-menu                                            { padding: 15px 10px 15px 0; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; }
	
#auto-menu a                                          {
	display: block;
	width: 168px;
	height: 18px;
	background: transparent url(../images/layout/leftmenu-a-bg.gif) no-repeat 0 0;
	margin: 2px 0;
	padding: 3px 0 0 5px;
	font-size: 12px;
	color: #898a89;
	text-decoration: none;
	}	
#auto-menu a:hover                                    { background: transparent url(../images/layout/leftmenu-a-bg.gif) no-repeat 0 -42px; }
#auto-menu a.on,
#auto-menu a.on:hover                                 { background: transparent url(../images/layout/leftmenu-a-bg.gif) no-repeat 0 -21px; }

/*-----------------------------------------------------
   opremaMenu
----------------------------------------------------- */	
#mainContent #opremaMenu                              {
	margin: 0 0 0 0;
	padding: 0;
	border-bottom: 1px solid #dddddd;
	height: 18px !important;
	height: 17px;
	}
	
#mainContent #opremaMenu li                           {
	display: inline;
	float: left;
	margin: 0 1px 0 0;
	padding: 0 0 0 4px;
	background: transparent url(../images/layout/oprema-menu-left.gif) no-repeat left top;
	}	
	
#mainContent #opremaMenu li a                         {
	display: block;
	padding: 3px 8px 3px 4px;
	background: transparent url(../images/layout/oprema-menu-right.gif) no-repeat right top;
	text-decoration: none;
	}
	
#mainContent #opremaMenu li.on                        { background: transparent url(../images/layout/oprema-menu-on-left.gif) no-repeat left top; }
#mainContent #opremaMenu li.on a                      { background: transparent url(../images/layout/oprema-menu-on-right.gif) no-repeat right top; }