/*--------------------------------------
   BASIC
-------------------------------------- */
*                 { margin: 0; padding: 0; list-style: none; }
a img             { border: 0; }
h1, h2, h3        { font-weight: normal; }

body              {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
	text-align: center;
	color: #3e2d35;
	}
/*--------------------------------------
   LAYOUT
-------------------------------------- */
#wrapper                 {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	}

#header,
#menu,
#containerWrapper,
#footer                  { padding: 0 15px; }

#print-logo { display: none; }
/*--------------------------------------
   LAYOUT -> Header
-------------------------------------- */
#header                  {
	background: #fff url(../images/header.jpg) no-repeat left top;
	padding: 30px 15px 0 15px;
        }
	

#logo                    {
	display: inline; 
	float: left;
	margin-left: 5px;
	margin-top: -4px;
        }


#header #flashWrapper    {
	clear: both;
	width: 930px;
	height: 200px;
	border: 1px solid #b2b9ce;
        }

#language, 
#basicNav                {
	display: inline;
	float: right;
        }
/*--------------------------------------
   LAYOUT -> Header - BasicNav
-------------------------------------- */
#basicNav                { margin: 8px 8px 0 0; }

#basicNav li             {
	display: block;
	float: left;
	padding: 0 5px;
	border-left: 1px solid #adaba1;
	border-right: 1px solid #adaba1;
        }
#basicNav li#pocetna     { border-right: none; }

#basicNav a:link,
#basicNav a:visited      { color: #3e2d35; text-decoration: none; }
#basicNav a:hover,
#basicNav a:active       { color: #3e2d35; text-decoration: underline; }

#basicNav a#topLinkOn    { color: #da251d; text-decoration: none; }

#basicNav a, 
#language a              {
	color: #adaba1;
	text-decoration: none;
        }
/*--------------------------------------
   LAYOUT -> Header - Language
-------------------------------------- */
#language                {
	width: 94px;
	height: 27px;
	margin-right: 5px;
	background: transparent url(../images/language.gif) no-repeat;
        }

#language li             {
	display: block;
	float: left;
	margin-top: 8px;
	padding: 0 5px 0 5px;
	border-left: 1px solid #adaba1;
	border-right: 1px solid #adaba1;
        }
#language li#hrv         {
	border-right: none;
	margin-left: 16px !important;
	margin-left: 8px;
        }


#language a:link,
#language a:visited      { color: #3e2d35; text-decoration: none; }
#language a:hover,
#language a:active       { color: #3e2d35; text-decoration: underline; }

#language a#topLinkOn    { color: #da251d; text-decoration: none; }
/*--------------------------------------
   MENU
-------------------------------------- */
#menu                    {
	clear: both;
	margin-left: -15px;
        }
#menu li                 {
	display: block;
	float: left;
	border-bottom: 18px solid #fff;
	margin-bottom: 14px;
	margin-right: 4px;
	padding-bottom: 2px;
        }
#menu a                 {
	display: block;
	float: left;
	width: auto;
	height: 11px;
	margin: 16px 0 0 0;
	color: #757575;
	font-size: 11px;
	line-height: 11px;
	text-decoration: none; 
	background: transparent url(../images/menu-a-bg.gif) repeat-x left top;
	padding: 8px 11px 7px 11px;
	border-bottom: 1px solid #fff;
        }

#menu a:hover { border-bottom: 1px solid #da251d; }

a#menuOn            { border-bottom: 1px solid #474747; } /* Aktivni link glavnog izbornika */
a#menuOn:hover      { border-bottom: 1px solid #474747; } /* Aktivni link glavnog izbornika */
/*--------------------------------------
   MENU -> Specificni aktivni linkovi
-------------------------------------- */
a#kozmetikeLinkOn         { border-bottom: 1px solid #474747; } /* Aktivni link */
a#kozmetikeLinkOn:hover    { border-bottom: 1px solid #474747; }
a#kozmetikeLink:hover      { border-bottom: 1px solid #da251d; }

a#prehranaLinkOn           { border-bottom: 1px solid #474747; } /* Aktivni link */
a#prehranaLinkOn:hover     { border-bottom: 1px solid #474747; }
a#prehranaLink:hover       { border-bottom: 1px solid #da251d; }

a#tekstilIOstaloLinkOn           { border-bottom: 1px solid #474747; } /* Aktivni link */
a#tekstilIOstaloLinkOn:hover     { border-bottom: 1px solid #474747; }
a#tekstilIOstaloLink:hover       { border-bottom: 1px solid #da251d; }
/*--------------------------------------
   CONTAINER
-------------------------------------- */
#containerWrapper                  { margin-top: 15px; position: relative; width: 930px; }

#contentWrapper,
#secContentWrapper                 { display: inline; }

#contentWrapper                    {
	float: left;
	width: 687px;
	line-height: 18px;
        }
		
#containerWrapper a#print { 
	display: block;
	position: absolute;
	top: 0;
	right: 20px;
	width: 14px;
	height: 13px;
	background: transparent url(../images/print.gif) no-repeat left top;
	z-index: 999;
	}
#containerWrapper a#print span { display: none; }
	
#secContentWrapper {
	float: right;
	width: 237px;
        }
/*--------------------------------------
   CONTAINER -> Path
-------------------------------------- */
#path                              {
	clear: both;
	background: transparent url(../images/path-arrow.gif) no-repeat 8px center;
	padding: 0 0 0 26px;
	margin-bottom: 8px;
	font-weight: bold;
	font-size: 10px;
	color: #3d9dd2;
        }
	
#path li                           {
	display: inline;
	margin-right: 4px;
        }
	
#path a                            {
	background: transparent url(../images/path-line.gif) no-repeat left center;
	padding-left: 9px;
	color: #3d9dd2;
	font-weight: normal;
        }
	
#path a:link,
#path a:visited                    {
	color: #3d9dd2;
	font-weight: normal;
	text-decoration: none;
        }
#path a:hover,
#path a:active                     {
	color: #3d9dd2;
	font-weight: normal;
	text-decoration: underline;
        }
/*--------------------------------------
   CONTENT -> Sec.Container
-------------------------------------- */
#secContentWrapper div             {
	background: transparent url(../images/dotted.gif) repeat-x bottom;
	padding-bottom: 11px;
        }

#secContentWrapper h2              {
	font-size: 11px;
	font-weight: bold;
	color: #da251d;
	background: transparent url(../images/dotted.gif) repeat-x bottom; 
	padding: 6px 0;
	margin-bottom: 6px !important;
	margin-bottom: 7px;
        }
/*--------------------------------------
   CONTENT -> Sec.Container - search
-------------------------------------- */
#secContentWrapper div#search             {
	background: transparent url(../images/dotted.gif) repeat-x bottom;
	padding-bottom: 22px;
        }
#search .searchInputBg {
	background: transparent url(../images/search-input.gif) no-repeat left;
	height: auto;
	padding-top: 4px;
	display: inline;
	float: left;
	}

#search input                      {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	line-height: 10px;
	background: none;
	padding: 5px 5px;
	width: 175px;
	border: none;
        }
#search input.gumb                 {
	background: none;
	width: 15px;
	height: 13px;
	padding: 0;
	position: relative;
	top: 6px;
	left: 5px;
        }
/*--------------------------------------
   CONTENT -> Vrh link
-------------------------------------- */
#vrhLink                           {
	clear: both;
	padding-top: 8px !important;
	padding-top: 0;
        }
	
#vrhLink a:link,
#vrhLink a:visited                 { color: #3e2d35; text-decoration: underline; }
#vrhLink a:hover,
#vrhLink a:active                  { color: #3e2d35; text-decoration: none; }
/*--------------------------------------
   FOOTER
-------------------------------------- */
#footer                            {
	clear: both;
	margin: 15px 0 20px 0;
	padding-bottom: 20px;
	}
	
#copyright                         {
	color: #6c6c6c;
        }

#fontOrvas                         { color: #da251d; font-weight: bold;}
#fontPlus                          { color: #5e5a54; font-weight: bold; }

#development                       {
	color: #bbbaba;
	text-align: center;
	padding-top: 20px;
        }
	
#development a:link,
#development a:visited             { color: #bbbaba; text-decoration: underline;  }
#development a:hover,
#development a:active              { color: #bbbaba; text-decoration: none;  }