/* --------------------------------------
   BASIC
-------------------------------------- */
*     { margin: 0; padding: 0; list-style: none; }

body  {
	font: normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #6b6a6a;
	text-align:center; /* IE 5 fix */
        }
a img { border: none; }
/* -------------------------------------- 
   HEADER (FLASH WRAPPER)
-------------------------------------- */
#header { height: 125px; background: #000; }
/* --------------------------------------
   LAYOUT
-------------------------------------- */
#headerWrapper                  {
	width: 960px;
	margin: 0 auto;
	padding-top: 3px;
    font-size:10px;  }
	
#top                            {
	padding: 1px 0 29px 0;
	text-align: left;
	background: #000 url(../images/top-content-bg.gif) repeat-x left top;
        }

#layout                         {
	width: 984px;
	margin: 0 auto;
	text-align: left;
	background: transparent url(../images/wrapper-bg.gif) no-repeat 1px 0;
	}
	
#wrapper                        { margin: 0 12px 0 12px; }
#containerWrapper               { background: #fff; }
#clear                          { clear: both; height:23px;}

#print-logo { display: none; }
/* --------------------------------------
   LAYOUT -> Footer
-------------------------------------- */
#footer                         { clear: both; padding: 10px 0 24px 15px; }
#footer #copyright,
#footer #topLink                { display: inline; }
#footer #copyright              { float: left; margin-top: -1px; }
#footer #copyright span         { font-family: Georgia, "Times New Roman", Times, serif; }

#copyright a:link,
#copyright a:visited            { color: #6b6a6a; text-decoration: none; }
#copyright a:hover,
#copyright a:active             { color: #e3e3e3; text-decoration: underline; }


#topLink                        {
	float: right; 
	background: transparent url(../images/top-content-border.gif) no-repeat left center;
	padding: 2px 8px 0 8px;
	margin-top: -4px;
        }
#topLink a                      {
	display: block;
	width: 16px;
	height: 23px;
	text-indent: -9999px;
	background: transparent url(../images/top-link.gif) no-repeat;
        }

#development                    {
	font-size: 10px;
	text-align: center;
	padding: 20px 0 20px 0;
	color: #3b3b3b;
        }
#development a:link,
#development a:visited          { color: #3b3b3b; text-decoration: underline; }
#development a:hover,
#development a:active           { color: #6b6a6a; text-decoration: none; }
/* --------------------------------------
   TOP
-------------------------------------- */
#path,
#searchWrapper,
#icons,
#user                         { display: inline; }
/* --------------------------------------
   TOP -> Path
-------------------------------------- */
#path                         {
        font: normal 9px Arial, Helvetica, sans-serif;
        float: left; 
        background: transparent url(../images/top-content-border.gif) no-repeat left center;
        padding: 6px 0 7px 4px;
        }

#path li                      { display: inline; }
#path a                       {
	padding-right: 11px;
	margin-left: 5px;
	background: transparent url(../images/parh-arrow.gif) no-repeat right 3px;
        }
	
#path a:link,
#path a:visited               { color: #fff; text-decoration: none; }
#path a:hover,
#path a:active                { color: #fff; text-decoration: underline; }
a#pathlinkOn                  { background: none; }
/* --------------------------------------
   TOP -> Search
-------------------------------------- */
#searchWrapper                { float: right; margin: 5px 21px 0 3px; }
#searchWrapper form .input    {
	width: 111px;
	height: 14px;
        font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	border: none;
	padding: 2px 5px 2px 5px;
	overflow: visible;
	background: none;
	overflow: hidden;
        }
#searchWrapper form .gumb     {
	float: left;
	display: inline;
	background: transparent url(../images/input-bg.gif) no-repeat left top;
	position: relative;
	top: 1px;
	left: 1px;
	}
	
#searchWrapper .searchInputBg { 
	display: inline;
	float: left;
	width: auto;
	height: auto;
	background: transparent url(../images/input-bg.gif) no-repeat left top;
	position: relative;
	top: 0;
	left: -3px;
	width: 121px;
	}
/* --------------------------------------
   TOP -> Icons
-------------------------------------- */
#icons                        {
	float: right;
	margin-top: 1px;
	background: transparent url(../images/top-content-border.gif) no-repeat right center;
        }
#icons li                     {
	display: block; 
	float: left;
	background: transparent url(../images/top-content-border.gif) no-repeat left center;
	padding: 4px 8px;
        }
#icons span                   { display: none; }
#icons a                      {
	display: block;
	float: left;
	width: 16px;
	height: 16px;
        }
a#ikonaPocetna                { background: transparent url(../images/home.gif) no-repeat left top; }
a#ikonaMapaweba               { background: transparent url(../images/sitemap.gif) no-repeat left top; }
a#ikonaIspis                  { background: transparent url(../images/print.gif) no-repeat left top; }
/* --------------------------------------
   TOP -> User
-------------------------------------- */
#user                         {
	float: right;
	margin: 6px 23px 0 0;
	color: #fff;
	font-size: 10px;
        }
span#userBold                 { font-weight: bold; }

#user a                       { margin-left: 18px;}

#user a:link,
#user a:visited               { color: #fff; text-decoration: underline; }
#user a:hover,
#user a:active                { color: #fff; text-decoration: none; }
/* --------------------------------------
   MENU
-------------------------------------- */
div#menuNav {
	background: #000 url(../images/menu-bg.gif) repeat-x left top;
	} 
	
div#menuNav ul                         {
	text-align: center;
	margin: 0;
	padding-bottom: 5px;
	padding-top: 5px;
	}
div#menuNav ul li                      {
	background: transparent url(../images/menu-a-border.gif) no-repeat left top;
	display: inline;
	margin-left: -3px;
	}
div#menuNav ul li#lastLi a               { 
	background: transparent url(../images/menu-a-border.gif) no-repeat right 5px;
	/background: transparent url(../images/menu-a-border.gif) no-repeat right top;
	padding-right: 23px;
	}
div#menuNav ul li#lastLi a#menuOn { background-color: #fff; background-image: none; }
div#menuNav ul li#lastLi a:hover { color: #f6af91; background-color: #fff; background-image: none; } 
/* --------------------------------------
   MENU -> Links
-------------------------------------- */
div#menuNav a                       {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	padding: 4px 18px 6px 18px;
	text-decoration: none;
	margin: 0 0 0 1px;
	}

#menuNav a:link,
#menuNav a:visited               { color: #fff; text-decoration: none; }
#menuNav a:hover,
#menuNav a:active                { background-color: #fff; background-image: none; color: #f6af91; }

div#menuNav ul li a#menuOn                { color: #f6af91; background-color: #fff; }
/* --------------------------------------
   MENU -> SPEC. -> Links
-------------------------------------- */
a#liceLinkOn,
a#liceLink:hover,
a#liceLinkOn:visited          { color: #aa8478; background-color: #fff; }


a#ociLinkOn,
a#ociLink:hover,                 
a#ociLinkOn:visited           { color: #b2b2b2; background-color: #fff; }

a#usneLinkOn,
a#usneLink:hover,
a#usneLinkOn:visited          { color: #b75c7a; background-color: #fff; }

a#noktiLinkOn,
a#noktiLink:hover,
a#noktiLinkOn:visited         { color: #ed88d0; background-color: #fff; }

div#menuNav a#skolaSminkanjaLinkOn,
div#menuNav a#savjetiVizazistaLinkOn:visited,
div#menuNav a#skolaSminkanjaLinkOn:hover              { color: #f6af91; background-color: #fff; background-image: none; }
div#menuNav a#savjetiVizazistaLinkOn,
div#menuNav a#savjetiVizazistaLinkOn:visited,
div#menuNav a#savjetiVizazistaLinkOn:hover            { color: #f6af91; background-color: #fff; background-image: none; }