/*-----------------------------------------------------
   mainMenu
----------------------------------------------------- */
#mainMenu                                             { padding: 30px 0 0 25px; font-size: 12px; font-weight: bold; }
	
#mainMenu li                                          {
	border-left-width: 7px;
	border-left-style: solid;
	padding: 7px 0 3px 15px;
	margin-bottom: 20px;
	}	
	
#mainMenu a                                           {
	display: block;
	color: #ffffff;
	text-decoration: none;
	width: auto;
	clear: both;
	text-indent: -9999px;
	padding: 0;
	}	
	
#mainMenu li#mm-oprojektu                             { border-color: #d9772d; }
#mainMenu li#mm-lokacija                              { border-color: #8b85bd; }
#mainMenu li#mm-stanovi                               { border-color: #c8bd3f; }
#mainMenu li#mm-poslovniprostori                      { border-color: #dd413a; }
#mainMenu li#mm-galerija                              { border-color: #68b153; }
#mainMenu li#mm-uvjetiprodaje                         { border-color: #c4c4c3; }
#mainMenu li#mm-novosti                               { border-color: #f69c00; }
#mainMenu li#mm-kontakt                               { border-color: #afc8e3; }
	
#mainMenu li#mm-oprojektu a                           { width: 70px; background: transparent url(../images/layout/oprojektu.gif) no-repeat 0 0; }
#mainMenu li#mm-oprojektu a:hover,
#mainMenu li#mm-oprojektu a.on                        { color: #d9772d; background: transparent url(../images/layout/oprojektu.gif) no-repeat -70px 0; }

#mainMenu li#mm-lokacija a                            { width: 54px; background: transparent url(../images/layout/lokacija.gif) no-repeat 0 0; }
#mainMenu li#mm-lokacija a:hover,
#mainMenu li#mm-lokacija a.on                         { color: #8b85bd; background: transparent url(../images/layout/lokacija.gif) no-repeat -54px 0; }

#mainMenu li#mm-stanovi a                             { width: 47px; background: transparent url(../images/layout/stanovi.gif) no-repeat 0 0;  }
#mainMenu li#mm-stanovi a:hover,
#mainMenu li#mm-stanovi a.on                          { color: #c8bd3f; background: transparent url(../images/layout/stanovi.gif) no-repeat -47px 0; }

#mainMenu li#mm-poslovniprostori a                    { width: 199px; background: transparent url(../images/layout/poslovniprostori.gif) no-repeat 0 0; }
#mainMenu li#mm-poslovniprostori a:hover,
#mainMenu li#mm-poslovniprostori a.on                 { color: #c8bd3f; background: transparent url(../images/layout/poslovniprostori.gif) no-repeat -199px 0; }

#mainMenu li#mm-galerija a                            { width: 55px; background: transparent url(../images/layout/galerija.gif) no-repeat 0 0;  }
#mainMenu li#mm-galerija a:hover,
#mainMenu li#mm-galerija a.on                         { color: #68b153; background: transparent url(../images/layout/galerija.gif) no-repeat -55px 0; }

#mainMenu li#mm-uvjetiprodaje a                       { width: 95px; background: transparent url(../images/layout/uvjetiprodaje.gif) no-repeat 0 0; }
#mainMenu li#mm-uvjetiprodaje a:hover,
#mainMenu li#mm-uvjetiprodaje a.on                    { color: #c4c4c3; background: transparent url(../images/layout/uvjetiprodaje.gif) no-repeat -95px 0; }

#mainMenu li#mm-novosti a                             { width: 46px; background: transparent url(../images/layout/novosti.gif) no-repeat 0 0; }
#mainMenu li#mm-novosti a:hover,
#mainMenu li#mm-novosti a.on                          { color: #c4c4c3; background: transparent url(../images/layout/novosti.gif) no-repeat -46px 0; }

#mainMenu li#mm-kontakt a                             { width: 51px; background: transparent url(../images/layout/kontakt.gif) no-repeat 0 0; }
#mainMenu li#mm-kontakt a:hover,
#mainMenu li#mm-kontakt a.on                          { color: #afc8e3; background: transparent url(../images/layout/kontakt.gif) no-repeat -51px 0; }

/*-----------------------------------------------------
   topMenu
----------------------------------------------------- */
#topMenu                                              { height: 25px; font-weight: bold; font-size: 12px; }
	
#topMenu li                                           {
	display: block;
	float: left;
	width: 200px;
	height: 25px;
	background: transparent url(../images/layout/top-menu-border.gif) no-repeat right top;
	position: relative;
	color: #fff;
	}	
	
#topMenu li.last                                      { background: none; }

#topMenu a                                            {
	display: block;
	width: 200px;
	height: 20px;
	text-align: center;
	padding-top: 5px;
	text-decoration: none;
	color: #fff;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: -1px 0;
	}
	
#topMenu a:hover,
#topMenu a.on                                         { background-position: -1px -25px; }
	
#topMenu ul                                           {
	width: 199px;
	position: absolute;
	top: 25px;
	left: 0;
	visibility: hidden;
	z-index: 20;
	font-size: 10px;
	font-weight: normal;
	padding: 5px 0 10px 0;
	}
	
#topMenu li:hover ul a                                {
	color: #fff; 
	padding: 0 14px; 
	width: 170px; 
	height: 11px; 
	border: none;
	line-height: 9px;
	}	
#topMenu ul a:hover,
#topMenu ul a.on                                      { background-position: -1px -11px; }
#topMenu li:hover ul                                  { visibility: visible; }

#topMenu ul li                                        { height: 11px; background-image: none; line-height: 11px; padding: 0; margin: 1px 0; width: 199px; }

#tm-stanovanjeutuskanovoj                             { background: transparent url(../images/layout/tm-stanovanjeutuskanovoj.gif);  }
#tm-otvorcimaprojekta                                 { background: transparent url(../images/layout/tm-otvorcimaprojekta.gif);  }
#tm-mapagrada                                         { background: transparent url(../images/layout/tm-mapagrada.gif);  }
#tm-opislokacije                                      { background: transparent url(../images/layout/tm-opislokacije.gif);  }
#tm-opisstanova                                       { background: transparent url(../images/layout/tm-opisstanova.gif);  }
#tm-katalogstanova                                    { background: transparent url(../images/layout/tm-katalogstanova.gif);  }
#tm-galerija                                    { background: transparent url(../images/layout/tm-galerija.gif);  }
	#tm-pretragapokatovima                        { background: transparent url(../images/layout/tm-pretragapokatovima.gif);  }
	#tm-pretragapovelicinamastanova               { background: transparent url(../images/layout/tm-pretragapovelicinamastanova.gif);  }
	#tm-pretragapobrojusoba                       { background: transparent url(../images/layout/tm-pretragapobrojusoba.gif);  }
#tm-3deksterijeri                                     { background: transparent url(../images/layout/tm-3deksterijeri.gif);  }
#tm-3dinterijeri                                      { background: transparent url(../images/layout/tm-3dinterijeri.gif);  }
	#tm-pogledi                                   { background: transparent url(../images/layout/tm-pogledi.gif);  }
	#tm-tlocrti                                   { background: transparent url(../images/layout/tm-tlocrti.gif);  }
	
/*-----------------------------------------------------
   COLOR Spec.
----------------------------------------------------- */
#oprojektu #topMenu,
#oprojektu #topMenu ul                                { background: #d9772d; }

#lokacija #topMenu,
#lokacija #topMenu ul                                 { background: #8b85bd; }

#stanovi #topMenu,
#stanovi #topMenu ul                                  { background: #c8bd3f; }

#poslovniprostori #topMenu,
#poslovniprostori #topMenu ul                         { background: #dd413a; }

#galerija #topMenu,
#galerija #topMenu ul                                 { background: #2bb34b; }

#uvjetiprodaje #topMenu,
#uvjetiprodaje #topMenu ul                            { background: #c6c5c5; }

#novosti #topMenu,
#novosti #topMenu ul                                  { background: #f69c00; }

#kontakt #topMenu,
#kontakt #topMenu ul                                  { background: #a5c9e7; }

#oprojektu #topMenu li:hover ul a,
#stanovi #topMenu li:hover ul a                       { color: #fff; }