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

body                                                  {
	font: normal 13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	background: #005bab url(../images/layout/body-bg.gif) repeat-x 0 0;
	}

a img                                                 { border: none; }
a, a img, a:link, a:visited, a:hover, a:active        { outline: none; }
br.clear                                              { line-height: 0; height: 0; font-size: 0; clear: both; }
#print-logo                                           { display: none; }
/*-----------------------------------------------------
   LAYOUT
----------------------------------------------------- */
#wrapper                                              {
	padding: 1px 0 0 0; 
	width: 100%;
	min-width: 995px;
	height: auto;
	position: relative;
	}

/*-----------------------------------------------------
   LOGO
----------------------------------------------------- */
#logo                                                 {
	display: inline;
	float: left;
	width: 40%;
	min-width: 380px;
	height: 145px;
	background: transparent url(../images/layout/logo-bg.gif) repeat-x;
	position: relative;
	z-index: 0;
	}
#logo a                                               {
	display: block;
	float: right;
	width: 300px;
	height: 145px;
	text-indent: -9999px;
	background: transparent url(../images/layout/logo.gif) no-repeat 0 0;
	}	
#logo .corner                                         {
	width: 63px;
	height: 145px;
	position: absolute;
	top: 0;
	left: 0;
	background: transparent url(../images/layout/logo-left-corner.gif) no-repeat 0 0;
	}	

/*-----------------------------------------------------
   NAV
----------------------------------------------------- */	
#nav                                                  {
	display: inline;
	float: right;
	width: 55%;
	min-width: 580px;
	height: 120px;
	}	

/*-----------------------------------------------------
   NAV // Search
----------------------------------------------------- */
#search                                               { width: 340px; padding: 13px 0 0 0; margin-left: 200px; }
#search fieldset                                      {
	width: 340px;
	height: 73px;
	background: transparent url(../images/layout/search-bg.gif) no-repeat 0 0;
	border: none;
	position: relative;
	}
#search legend                                        { display: none; }
#search label                                         {
	display: block;
	position: absolute;
	top: 25px;
	left: 70px;
	font-size: 11px;
	}
#zoom_query                                           {
	width: 140px;
	font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #666666;
	color: #666666;
	position: absolute;
	top: 25px;
	right: 60px;
	padding: 0 4px;
	}
#search .gumb                                          {
	display: block;
	width: 8px;
	height: 7px;
	text-indent: -9999px;
	background: transparent url(../images/layout/search-button.gif) no-repeat 0 0;
	position: absolute;
	top: 30px;
	right: 45px;
	border: none;
	}	
	
/*-----------------------------------------------------
   NAV // Search / Language
----------------------------------------------------- */
#language                                             {
	font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #010101;
	position: absolute;
	top: 25px;
	left: 35px;
	}
#language li                                           { display: inline; }
#language a                                            { color: #010101; text-decoration: none; }
#language a:hover,
#language a.on                                         { text-decoration: underline; }

/*-----------------------------------------------------
   NAV // topMenu
----------------------------------------------------- */
#topMenu                                              {
	height: 37px;
	background: transparent url(../images/layout/top-menu-bg.gif) repeat-x 0 0;
	position: relative;
	}
#topMenu .corner                                      {
	width: 26px;
	height: 37px;
	position: absolute;
	right: 0;
	top: 0;
	background: transparent url(../images/layout/top-menu-right-corner.gif) no-repeat 0 0;
	}	

/*-----------------------------------------------------
   mainMenu (wrapper)
----------------------------------------------------- */
#mainMenu                                             {
	display: inline;
	float: right;
	width: 85%;
	min-width: 1000px;
	height: 36px;
	background: transparent url(../images/layout/main-menu-bg.gif) repeat-x;
	margin: -20px 0 0 0;
	position: relative;
	z-index: 1;
	height: 1%;
	}
#mainMenu .corner                                      {
	width: 30px;
	height: 36px;
	position: absolute;
	top: 0;
	right: 0;
	background: transparent url(../images/layout/main-menu-right-corner.gif) no-repeat 0 0;
	}	

/*-----------------------------------------------------
   CONTAINER
----------------------------------------------------- */
#containerWrapper                                     {
	float: right;
	width: 80%;
	min-width: 1000px;
	margin: 5px 0 5px 0;
	clear: both;
	background: transparent url(../images/layout/container-top.gif) repeat-x 0 0; /* top */
	position: relative;
	}
#containerWrapperTopLeft                               {
	position: absolute;
	width: 144px;
	height: 114px;
	background: transparent url(../images/layout/container-top-left.gif) no-repeat 0 0; /* top - left */
	z-index: 1;
	}
#container                                             {
	margin: 65px 0 0 0;
	padding: 20px 0 0 0;
	background: transparent url(../images/layout/container-left.gif) repeat-y 0 0; /* left */
	position: relative;
	height: 1%;
	}
#containerBottom                                       {
	height: 72px;
	background: transparent url(../images/layout/container-bottom.gif) no-repeat 0 0; /* bottom */
	position: relative;
	bottom: 0;
	left: 0;
	z-index: 2;
	}
#containerInner                                        { background: #c3dbe8; margin-top: -20px; }
	
/*-----------------------------------------------------
   mainContent
----------------------------------------------------- */
#mainContent                                          {
	display: inline;
	float: left;
	width: 600px;
	background: #fff;
	margin: 0 0 0 50px;
	padding: 0 15px;
	position: relative;
	z-index: 100;
	}
#mainContentTop                                       {
	height: 15px;
	background: transparent url(../images/layout/maincontent-top.gif) no-repeat 0 0;
	margin: 0 -15px 15px -15px;
	}
#mainContentBottom                                    {
	height: 15px;
	background: transparent url(../images/layout/maincontent-bottom.gif) no-repeat 0 0;
	margin: 15px -15px 0 -15px;
	}
#topLink                                              {
	padding: 0 10px 0 0;
	clear: both;
	width: 605px;
	margin: 0 0 0 50px;
	padding: 5px 15px 0 0;
	text-align: right;
	font-size: 10px;
	}
#topLink a                                            { color: #666; text-decoration: underline; }
#topLink a:hover                                      { color: #000; text-decoration: underline; }

/*-----------------------------------------------------
   mainContent.wide
----------------------------------------------------- */
#mainContent.wide                                     { width: 900px; }
#mainContent.wide #mainContentTop                     {
	height: 15px;
	background: transparent url(../images/layout/maincontent-top-wide.gif) no-repeat 0 0;
	margin: 0 -15px 15px -15px;
	}
#mainContent.wide #mainContentBottom                  {
	height: 15px;
	background: transparent url(../images/layout/maincontent-bottom-wide.gif) no-repeat 0 0;
	margin: 15px -15px 0 -15px;
	}
#topLink.wide                                         {
	padding: 0 10px 0 0;
	clear: both;
	width: 905px;
	margin: 0 0 0 50px;
	padding: 5px 15px 0 0;
	text-align: right;
	font-size: 10px;
	}

/*-----------------------------------------------------
   PATH
----------------------------------------------------- */
#path                                                 {
	margin: -10px 0 15px 60px;
	font-size: 11px;
	position: relative;
	z-index: 50;
	color: #666;
	}
#path li                                              { display: inline; }
#path a                                               { color: #666; text-decoration: none; }
#path a.on                                            { color: #666; text-decoration: underline; }

/*-----------------------------------------------------
   OPTIONS
----------------------------------------------------- */
#options                                              {
	width: 30%;
	height: 78px;
	background: transparent url(../images/layout/options-bg.gif) repeat-x 0 0;
	position: absolute;
	top: 13px;
	right: 0;
	z-index: 50;
	}
#options ul                                           {
	height: 78px;
	background: transparent url(../images/layout/options-corner.gif) no-repeat 0 0;
	padding-left: 25px;
	}
#options .corner                                      {
	width: 57px;
	height: 78px;
	position: absolute;
	right: 0;
	top: -1px;
	background: transparent url(../images/layout/options-right-corner.gif) no-repeat 0 0;
	}
#options li                                           { float: left; margin: 7px 10px 0 0; }
#options a                                            { color: #fff; text-decoration: none; }
#options a:hover                                      { color: #666; text-decoration: none; }
#options li#sitemap-link,
#options li#print-link                                { margin-top: 11px; }
#sitemap-link a,
#print-link a                                         {
	display: block;
	width: 11px;
	height: 11px;
	text-indent: -9999px;
	line-height: 11px;
	height: 1%;
	}
#hr a,
#en a                                                 {
	display: block;
	width: 15px;
	height: 15px;
	text-indent: -9999px;
	line-height: 15px;
	height: 1%;
	margin-top: 1px;
	}
#options #hr                                          { margin-left: 20px; }
#sitemap-link a                                       { background: transparent url(../images/layout/sitemap.gif) no-repeat 0 0; }
#sitemap-link a:hover                                 { background: transparent url(../images/layout/sitemap.gif) no-repeat 0 -11px; }
#print-link a                                         { background: transparent url(../images/layout/print.gif) no-repeat 0 0; }
#print-link a:hover                                   { background: transparent url(../images/layout/print.gif) no-repeat 0 -11px; }

#hr a                                                 { background: transparent url(../images/layout/hrvatski.gif) no-repeat 0 0; }
#en a                                                 { background: transparent url(../images/layout/english.gif) no-repeat 0 0; }

/*-----------------------------------------------------
   FOOTER
----------------------------------------------------- */	
#footer                                               {
	width: 50%;
	height: 75px;
	clear: both;
	color: #bde4ca;
	font-size: 11px;
	}
#footer a                                             { color: #bde4ca; text-decoration: none; }
#footer a:hover                                       { color: #bde4ca; text-decoration: underline; }
#footer div                                           {
	width: 690px;
	height: 79px;
	float: right;
	background: transparent url(../images/layout/footer-bg.gif) no-repeat 0 0;
	}
#footer p                                             {
	text-align: right;
	margin: 22px 45px 0 0;
	}
#development                                          {
	position: absolute;
	bottom: 10px;
	right: 30px;
	font-size: 11px;
	}
#development a:link,
#development a:visited                                { color: #8395ba; text-decoration: underline; }
#development a:hover,
#development a:active                                 { color: #8395ba; text-decoration: none; }

/*-----------------------------------------------------
   SEARCH // Rezultati pretrage
----------------------------------------------------- */
.zoom_searchform                                      { padding-left: 180px; margin-bottom: 20px; }
.zoom_searchbox                                       {
	width: 140px;
	font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #666666;
	color: #666666;
	padding: 1px 4px;
	vertical-align: middle;
	}
.zoom_button                                          {
	font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
	background: #fff;
	border: 1px solid #666666;
	color: #666666;
	}
.zoom_results_per_page                                { padding: 0 0 0 40px; }
.zoom_per_page                                        {
	font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
	background: #fff;
	border: 1px solid #666666;
	color: #666666;
	}
.zoom_match input                                     { margin: 0 5px 0 15px; }
.searchheading                                        { font-size: 150%; padding-left: 40px;  }
.summary                                              { padding-left: 40px; }
.result_pagescount                                    { padding-left: 40px; margin-bottom: 15px; }
.results                                              { padding: 0 20px 0 20px; }
.result_title                                         { font-weight: bold; }
.infoline                                             { font-size: 90%; margin-bottom: 20px; }