@charset "utf-8";
/* CSS Document */

body {
background: #daddd9 url(images/bg.jpg);
font-family: Tahoma, Verdana, Arial, Sans-serif;
font-size: 0.7em;
margin: 30px 0;
padding: 0;
color: #736c62;
}

#center {
width: 972px;
margin: 0 auto;
}

#container_bg {
background: url(images/content_bg.jpg) repeat-y;
width: 972px;
}

#header_top {
background: url(images/header_top.jpg) no-repeat;
height: 42px;
padding: 6px 6px 0;
}

#header, #header_eng {
background: url(images/header.jpg) no-repeat;
height: 178px;
}

#header_eng {
background: url(eng/images/header.jpg) no-repeat;
}

#header h1, #header_eng h1 {
display: none;
}

#home_link {
display: block;
height: 95px;
width: 170px;
position: relative;
top: 43px;
left: 28px;
}

#home_link em {
display: none;
}

#top_nav, #top_nav_eng {
background: url(images/top_nav.jpg) no-repeat;
height: 47px;
padding: 0 6px;
}

#left_nav {
float: left;
width: 175px;
padding: 7px 15px 10px 16px;
overflow: hidden;
}

#right_nav {
float: right;
width: 200px;
padding: 8px 6px 30px 0
}

#content {
float: left;
width: 520px;
padding: 10px 20px 15px;
line-height: 19px;
text-align: justify;
overflow: hidden;
}

#footer {
clear: both;
background: url(images/footer.jpg) no-repeat;
height: 47px;
color: #FFFFFF;
padding: 0 6px;
width: 960px;
}

#footer_left {
float: left;
padding: 14px 0 0 15px;
}

#footer_right {
float: right;
}

#footer_right img {
padding: 5px 5px 0 0;
}


/* TOP NAVIGATION */

#top_nav div, #top_nav_eng div {
float: left;
font-size: 1.1em;
}

#top_nav a, #top_nav a:visited,
#top_nav_eng a, #top_nav_eng a:visited {
float: left;
display:block;           /* for all browsers except IE */
color: #656a6c;
text-decoration: none;
font-weight: bold;
background: url(images/top_nav_hover.jpg) no-repeat 0 52px;
height: 31px;
padding: 16px 43px 0;
}

#top_nav_eng a, #top_nav_eng a:visited {
padding: 16px 44px 0;
}

#top_nav a:hover, #top_nav_eng a:hover {
color: #FFFFFF;
background: url(images/top_nav_hover.jpg)
}

#top_nav a#toplink_last, #top_nav_eng a#toplink_last {
padding-left: 45px;
padding-right: 46px;
}


/* HEADER LINKS */

#header_top ul {
margin: 0;
padding: 0;
list-style: none;
display:table;
white-space:nowrap;
}

#header_top ul li {
display:table-cell;
}

.top_first {
background: url(images/top_sep_right.gif) no-repeat right;
}

.top_last {
background: url(images/top_sep_left.gif) no-repeat left;
}

#footer_right div {
float: left;
}

#header_top a, #footer a {
text-decoration: none;
font-weight: bold;
color: #FFFFFF;
display: block;
height: 27px;
background:url(images/header_top_hover.jpg) no-repeat 0 42px;
padding: 15px 13px 0
}

#header_top .top_first a, #header_top .top_last a {
width: 23px;
}

#footer a {
float: left;
background: url(images/footer_hover.jpg) no-repeat 0 42px
}

#header_top a:hover, #footer a:hover {
color: #d7dcd7;
background:url(images/header_top_hover.jpg)
}

#footer a:hover {
background: url(images/footer_hover.jpg)
}

#lang {
float: left;
}

#lang div {
float: left;
}

#header_top_right {
float: right;
width: 35%;
}

#quicknav {
float: left;
}

#quicknav div {
float: left;
}

#quicknav em {
display: none;
}

#quicknav .home {
background: url(images/top_home.jpg) no-repeat;
width: 54px;
}

#quicknav .map {
background: url(images/top_map.jpg) no-repeat;
width: 52px;
}

#quicknav .rss {
background: url(images/top_rss.jpg) no-repeat;
width: 53px;
}

#quicknav a {
padding: 0;
height: 42px;
}

#quicknav .home a {
background: url(images/top_home_hover.jpg) no-repeat 0 42px;
width: 54px;
}

#quicknav .map a {
background: url(images/top_map_hover.jpg) no-repeat 0 42px;
width: 52px;
}

#quicknav .rss a {
background: url(images/top_rss_hover.jpg) no-repeat 0 42px;
width: 53px;
}

#quicknav .home a:hover {
background: url(images/top_home_hover.jpg) no-repeat;
}

#quicknav .map a:hover {
background: url(images/top_map_hover.jpg) no-repeat;
}

#quicknav .rss a:hover {
background: url(images/top_rss_hover.jpg) no-repeat;
}

.trazilica {
float: right;
padding-right: 10px;
}

.trazilica input, .trazilica img, .trazi_link {
float: left;
}

#header_top .trazilica input.trazi_link {
margin: 0;
width: 20px;
border: 0;
padding: 0
}

#header_top a.trazi_link {
width: 20px;
height: 42px;
padding: 0;
}

.trazilica img {
border: 0;
}

#header_top input, #content input, input.txt {
background: #e0dedc url(images/search_bg.jpg) repeat-x top;
border: 1px solid #ecefec;
font-family: Tahoma, Verdana, Arial, Sans-serif;
color: #6a6868;
font-size: 1em;
width: 168px;
padding: 3px 0 3px 4px;
margin-top: 5px;
}

#header_top .trazilica input {
margin: 12px 7px 0 0;
}

.button {
background: #69635b url(images/button.gif) repeat-x top;
width: 58px;
border: 1px solid #bab5ac;
color: #bfced9;
margin: 10px 3px 0 0;
padding: 2px 0;
font-family: Tahoma, Verdana, Arial, Sans-serif;
font-size: 1em;
}

.radiobutton {
width: 13px;
margin: 4px 3px 0 0
}


/* LEFT NAVIGATION */

ul#left_links {
margin: 0 0 30px 5px;
padding: 0;
list-style: none;
border-bottom: 1px solid #FFFFFF
}

ul#left_links li {
border-bottom: 1px solid #d4dad4;
border-top: 1px solid #FFFFFF;
padding: 10px 0 8px 5px;
}

#left_links li.first {
border-top: 0;
}

ul#left_links a {
font-size: 1em;
color: #7e99ab;
font-weight: bold;
text-decoration: none;
}

ul#left_links a:hover {
color: #31637d;
}

/*#left_links li.more {
background: url(images/nav_more.gif) no-repeat 133px 15px;
}*/

#left_links img {
border: 0;
margin-left: 7px;
}

ul#left_links ul {
border-bottom: 0;
margin: 0;
padding: 0 0 0 20px;
list-style: disc;
color: #c7c4be;
line-height: 14px;
font-weight: normal;
}

ul#left_links ul li {
border: 0;
padding: 0;
margin-top: 8px;
}

ul#left_links ul a {
color: #9f978b;
font-weight: normal;
}

ul#left_links ul a:hover {
color: #5e5a53;
}

.banner {
background: #FFFFFF;
width: 180px;
text-align: center;
margin-bottom: 6px;
padding: 15px 0
}

.banner img {
border: 0;
}


/* RIGHT NAVIGATION */

#right_nav .blue {
background: #73b2cf url(images/rightnav_blue.gif) repeat-x bottom;
padding: 12px;
}

.adresar {
height: 40px;
cursor: pointer
}

.infoloc {
height: 30px;
cursor: pointer;
}

#right_nav .blue a {
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
font-size: 1.1em;
display: block;
}

#right_nav .blue a:hover {
color: #3a516d;
}

#right_nav .blue em {
font-style: normal;
float: left;
width: 100px;
}
#right_nav .blue em.adbook_eng {
width: 140px;
}

#right_nav .infoloc em {
padding-top: 5px;
}

.adresar em {
margin-top: 4px;
}

#right_nav .blue img {
border: 0;
float: right;
}

.sep {
background: url(images/rightnav_shade.gif) repeat-x;
height: 7px;
margin-bottom: 5px;
}

#right_nav .grey {
background: #999590 url(images/rightnav_grey.gif) repeat-x;
color: #FFFFFF;
padding: 12px;
}

#right_nav .grey a {
color: #d7dcd7;
text-decoration: none;
font-weight: bold;
}

#right_nav .grey a:hover {
color: #FFFFFF;
}

#content a {
color: #61a0c1;
font-weight: bold;
text-decoration: none;
}

#content #td_title a {
font-weight: normal;
text-decoration: underline;
color: #777D77;
}

#content a:hover {
color: #236d93;
}

#content p {
margin: 0;
padding: 5px 0 8px;
}

/* HEADINGS */

h1 {
color: #a69e94;
font-size: 1.6em;
margin: 0;
padding: 10px 0 4px;
}

h2 {
color: #a69e94;
font-size: 1.1em;
margin: 0;
}

h3 {
font-size: 1.2em;
margin: 0 0 4px
}

h4 {
font-size: 1em;
margin: 0;
color: #999999;
border-top: 1px solid #DFDFDF;
clear: both;
font-weight: normal;
}

/* CONTENT */

.floatimg {
float: left;
border: 1px solid #c0c0c0;
margin: 7px 15px 5px 0;
}

.floatright {
float: right;
border: 1px solid #c0c0c0;
margin: 7px 0 5px 15px;
}

.down_btn {
background: #eff1ef url(images/down_ziv.gif) repeat-x bottom;
float: right;
border: 1px solid #ccd1cc;
padding: 2px 7px;
margin-bottom: 10px;
}

.down_btn a {
display: block;
}

.sluzba {
clear: both;
margin: 15px 0;
border-bottom: 1px solid #dfdfdf;
padding-bottom: 15px;
}

.sluzba dt {
font-weight: bold;
}

.sluzba dd {
float: left;
}

.clear {
clear: both;
}

#text_smaller {
/*font-size: 0.9em;*/
}

.vise_link {
float: right;
}

hr {
border: 1px solid #dfdfdf;
}

#zaposljavanje {
border-width: 1px 1px 0 1px;
border-color: #ccd1cc;
border-style: solid;
text-align: center;
}

#zaposljavanje td {
padding: 4px;
border-bottom: 1px solid #ccd1cc
}

#td_title td {
background: #eff1ef;
color: #777d77;
}

.td1 {
width: 240px;
}

.td2 {
width: 150px;
}

.td3 {
width: 100px;
}
.td4 {
width: 500px;
text-align: left;
}

#zaposljavanje td.radno_mjesto {
text-align: left;
padding-left: 10px;
}

.nema_zapisa {
text-align: center;
font-weight: bold;
}

.pages {
list-style: none;
margin: 0;
padding: 0;
font-weight: bold;
text-align: center;
}

.pages li {
display: inline;
margin: 0 5px;
}

.arhiva_proj {
border-width: 1px 1px 0 1px;
border-color: #ccd1cc;
border-style: solid;
}

.arhiva_proj td {
padding: 4px 4px 4px 10px;
border-bottom: 1px solid #ccd1cc
}

.arhiva_proj .td1 {
width: 450px;
}

.arhiva_proj .td2 {
width: 100px;
}

#jedinica_slike {
border-top: 1px solid #ccd1cc;
padding-top: 15px;
margin-top: 10px;
text-align: center;
clear: both;
}

#jedinica_slike img {
border: 1px solid #C0C0C0;
margin: 0 1px;
}

.korisnilinkovi li {
margin: 4px 0;
}

#trazilica h1 {
padding-bottom: 15px;
}

#trazilica hr {
margin: 10px 0;
}

#trazilica a {
font-weight: normal;
}

#content p.img_center {
text-align: center;
}


/* KONTAKT FORMA */

#forma {
margin-top: 20px;
}

#forma input, #forma select, #forma textarea {
background: #f4f4f4;
border: 1px solid #C0C0C0;
font-family: Tahoma, Verdana, Arial, Sans-serif;
color: #5d6479;
font-size: 1em;
width: 300px;
margin-top: 3px;
margin-bottom: 10px;
padding: 4px
}

#forma .button {
background: #f4f4f4;
width: 65px;
padding: 2px 0
}

legend {
display: none;
}

fieldset {
border: 0;
margin: 0;
padding: 0
}

.alert {
color: #FF0000
}

.anketa_rez td {
padding: 3px 10px 3px 0;
}

.newsl_prij {
clear: both;
margin-top: 12px;
}

.anketa_rez td.anketa_bar {
width: 320px;
}

.anketa_bar div div {
background: url(images/anketa.jpg) repeat-x;
height: 16px;
border: 0;
}

.anketa_bar div {
border: none;
border: 1px solid #cccccc;
height: 16px;
width: 320px;
}

.clanak_str {
float: right;
}

.clanak_dat {
float: left;
}