body {
background: #2f2108 url(../../images/bg.jpg) no-repeat top center fixed;
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.7em;
}

#bg_bottom {
background: url(../../images/bg_bottom.gif) repeat-x bottom;
}

#bg_top {
background: url(../../images/bg_top.gif) repeat-x top;
}

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


/* header_top */

#header_top {
height: 40px;
}

#header_top_left {
float: left;
width: auto;
}

#header_top #header_top_left a {
color: #ddb77a;
}

#header_top_right {
float: right;
width: auto;
}

#header_top ul {
list-style: none;
margin: 0;
padding: 0;
}

#header_top li {
float: left;
background: url(../../images/header_top_sep.gif) no-repeat right;
padding-right: 2px;
height: 39px;
}

#header_top li#home_link {
padding: 12px 17px 0 15px;
height: 27px;
}

#header_top li#font_bg {
padding: 14px 10px 0 8px;
height: 25px;
}

#header_top li#font_sm {
padding: 16px 0 0 8px;
height: 23px;
background: none;
}

#header_top li#header_top_right_last {
background: none;
padding: 0;
}

#header_top li a {
display: block;
float: left;
width: auto;
height: 27px;
color: #ddb77a;
font-size: 1.1em;
font-weight: bold;
text-decoration: none;
padding: 12px 15px 0;
}

#header_top li a:hover, #header_top #header_top_left li a:hover {
background: #354707;
color: #ffeac8;
}

#header_top li#home_link a {
background: url(../../images/home_icon.gif) no-repeat;
height: 16px;
padding: 0;
width: 19px;
}

#header_top li#home_link a:hover {
background: url(../../images/home_icon.gif) no-repeat bottom;
}

#header_top li#font_sm a {
background: url(../../images/font_sm.gif) no-repeat;
height: 12px;
padding: 0;
width: 15px;
}

#header_top li#font_sm a:hover {
background: url(../../images/font_sm.gif) no-repeat bottom;
}

#header_top li#font_bg a {
background: url(../../images/font_bg.gif) no-repeat;
height: 15px;
padding: 0;
width: 24px;
}

#header_top li#font_bg a:hover {
background: url(../../images/font_bg.gif) no-repeat bottom;
}



/* logos */

#logos {
background: url(../../images/logo.gif) no-repeat;
height: 95px;
}

#logos_eng {
background: url(../../images/logo_eng.gif) no-repeat;
height: 95px;
}

#logo {
float: left;
width: 770px;
height: 68px;
padding: 14px 0 0 10px;
}

#logo a {
display: block;
width: 770px;
height: 68px;
float: left;
}

#logos_right {
float: right;
width: 160px;
padding: 8px 8px 0 0;
}

#logos_right a {
display: block;
float: left;
width: 79px;
height: 79px;
}

#logo_dzzp {
background: url(../../images/dzzp_logo.gif) no-repeat;
width: 79px;
height: 79px;
float: right;
}

#logo_life {
background: url(../../images/life_logo.gif) no-repeat;
width: 79px;
height: 79px;
float: right;
}


/* header */

#header {
background: url(../../images/header_bg.png);
height: 258px;
padding: 12px 12px 0 12px;
}

* html #header {
background: #0f1702;
}

#header_img {
/*border: 1px solid #3f4f2d;*/
float: left;
width: 400px;
height: 245px;
}


#header_novosti {
background: url(../../images/novosti_bg.gif) repeat-y;
width: 494px;
height: 231px;
float: right;
padding: 0 15px;
color: #859c37;
}

#header_novosti_top {
background: url(../../images/novosti_top.gif) no-repeat top;
height: 7px;
float: right;
width: 524px;
font-size: 1px;
}

#header_novosti_bott {
background: url(../../images/novosti_bott.gif) no-repeat bottom;
height: 7px;
float: right;
width: 524px;
font-size: 1px;
}

.novost_row {
border-bottom: 1px solid #343d13;
width: 494px;
float: left;
height: 23px;
padding: 9px 0 0 0;
}

.novost_title {
float: left;
width: 424px;
}

.novost_date {
float: right;
width: 70px;
text-align: right;
}

#header_novosti a {
color: #d9ea93;
text-decoration: none;
font-weight: bold;
}

#header_novosti a:hover {
color: #d3b05c;
text-decoration: underline;
}

.novost_kraj {
float: left;
text-align: right;
width: 494px;
padding: 9px 0 0 0;
}

#header_novosti .novost_kraj a {
color: #d3b05c;
}

#header_novosti .novost_kraj a:hover {
color: #FFFFFF;
}


/* content */

#content {
background:  url(../../images/content_bg.gif) repeat-y;
float: left;
clear: both;
width: 960px;
}

#content_top {
background: url(../../images/content_top.gif) repeat-x top;
float: left;
width: 960px;
}

#content_bottom {
background: url(../../images/content_bott.gif) repeat-x bottom;
float: left;
width: 936px;
padding: 12px;
}


/* left */

#content_left {
float: left;
width: 220px;
color: #3b3b3b;
line-height: 18px;
}

#leftnav {
background: url(../../images/leftnav.gif) repeat-y;
float: left;
width: 220px;
margin-bottom: 10px;
}

#leftnav_top {
background: url(../../images/leftnav_top.gif) no-repeat top;
float: left;
width: 220px;
}

#leftnav_bott {
background: url(../../images/leftnav_bott.gif) no-repeat bottom;
float: left;
width: 218px;
padding: 1px;
}

#leftnav ul {
list-style: none;
margin: 0;
padding: 0;
}

#leftnav li {
float: left;
width: 218px;
}

#leftnav a {
color: #732300;
text-decoration: none;
font-size: 12px;
font-weight: bold;
display: block;
border-bottom: 1px solid #957638;
border-top: 1px solid #e8cc87;
padding: 7px 5px 7px 10px;
float: left;
width: 203px;
background: url(../../images/leftnav_link.gif) repeat-x bottom;
}

#leftnav .leftnav_first a, #leftnav .leftnav_first a:hover {
border-top: 0;
background: #c4a352 url(../../images/leftnav_link_first.gif) repeat-x 0 -164px;
}

#leftnav .leftnav_first a:hover {
background: #627405 url(../../images/leftnav_link_first.gif) repeat-x top;
}

#leftnav .leftnav_last a, #leftnav .leftnav_last a:hover {
border-bottom: 0;
background: url(../../images/leftnav_link_last.gif) no-repeat 0 100px;
}

#leftnav .leftnav_last a:hover {
background: #485f03 url(../../images/leftnav_link_last.gif) no-repeat bottom;
}

#leftnav a.leftnav_current {

}

#leftnav a:hover {
color: #FFFFFF;
background: #688006 url(../../images/leftnav_link.gif) repeat-x top;
border-bottom: 1px solid #688006;
border-top: 1px solid #485f03;
}


/* lijeva podnavigacija */

#leftnav ul ul.left_subnav {
background: #efe3ba url(../../images/left_subnav.gif) repeat-x bottom;
float: left;
padding: 5px 10px 5px 20px;
width: 188px;
line-height: 16px;
}

#leftnav .left_subnav li {
background: url(../../images/subnav_bull.gif) no-repeat 0 9px;
padding: 3px 0 3px 10px;
width: 178px;
}

#leftnav .left_subnav a {
background: none;
border: 0;
font-size: 1em;
color: #4e4740;
padding: 0;
width: 178px;
}

#leftnav .left_subnav a:hover {
color: #678007;
border: 0;
background: none;
}


/* aktualnosti */

#aktualnosti {
background: url(../../images/aktualnosti_top.gif) no-repeat top;
clear: both;
float: left;
width: 180px;
padding: 10px 10px 0;
margin-bottom: 10px;
}

.aktualnost {
border-top: 1px solid #63491f;
padding: 10px 0;
float: left;
width: 180px;
line-height: 15px;
}

.aktualnost img {
max-width: 65px;
max-height: 65px;
width: expression(this.width > 65 ? "65px" : true);
height: expression(this.height > 65 ? "65px" : true);
border: 2px solid #63491f;
float: left;
margin: 3px 10px 0 0;
}

.aktualnost p {
margin: 0;
}

.aktualnost p.aktualnost_kraj {
padding-top: 5px;
}

.aktualnost_txt {
float: right;
width: 100px;
}


/* katalog informacija */

#katalog_informacija {
background: #aeddf2;
clear: both;
float: left;
width: 200px;
padding: 10px 10px 0;
line-height: 15px;
font-size: 1.05em;
}

#katalog_informacija ul {
list-style: none;
margin: 0;
padding: 0;
}

#katalog_informacija li {
border-top: 1px solid #76b9d5;
padding: 10px 0;
}


/* content middle */

#content_middle {
float: left;
width: 516px;
padding: 0;
color: #f6e1bf;
}

.content {
float: left;
width: 486px;
padding: 0 15px;
}

#content_middle p.intro {
font-size: 1.1em;
line-height: 19px;
}

#novosti_home {
float: left;
width: 490px;
line-height: 16px;
}

.novosti_home_row {
float: left;
width: 490px;
padding-bottom: 5px;
}

.novosti_home_left {
color: #757678;
float: left;
width: 80px;
height: 20px;
}

.novosti_home_right {
float: right;
width: 410px;
}

.novosti_home_kraj {
clear: both;
background: #FFFFFF;
text-align: right;
font-weight: bold;
padding: 3px 10px 3px 0;
margin-bottom: 10px;
float: left;
width: 480px;
}

#teme_home {
margin: 0;
padding: 0 0 3px 25px;
float: left;
clear: both;
line-height: 16px;
}

#teme_home li {
padding-bottom: 7px;
}


/* publikacije */

.publikacije {
width: 486px;
height: 133px;
background: url(../../images/publikacije.gif) no-repeat 7px 0;
padding: 12px 0 0 30px;
clear: both;
}

.publikacije img {
border: 5px solid #334304;
vertical-align: middle;
margin-right: 10px;
}

/* galerija pocetna */

.home_galerija_tabs {
padding: 0 0 0 15px;
height: 23px;
clear: both;
}

.home_galerija_tabs a {
background: #222F04;
font-weight: bold;
padding: 2px 5px;
float: left;
margin: 0 5px 0 0;
}

#content_middle .home_galerija_tabs a:hover {
background: #6A8206;
color: #FFFFFF;
}

.home_galerija {
width: 478px;
/*height: 133px;*/
background: #222F04;
padding: 12px 0 12px 12px;
margin-left: 15px;
clear: both;
}

.home_galerija img {
border: 5px solid #334304;
vertical-align: middle;
margin-right: 10px;
max-width: 97px;
width: expression((document.body.clientWidth > 99)? "97px" : "auto");
}


/* breadcrumbs */

#breadcrumbs {
background: #9e7d3c;
padding: 5px 10px 6px;
margin-bottom: 10px;
color: #6b5024;
line-height: 17px;
}

#breadcrumbs strong {
color: #523308;
font-weight: normal;
}


/* clanci */

.clanak {
float: left;
width: 486px;
clear: both;
padding: 15px 0;
border-bottom: 1px solid #4d3816;
}

.clanak_img {
float: left;
width: 152px;
padding-right: 15px;
text-align: center;
}

.clanak_img img {
border: 1px solid #85662e;
}

.clanak_txt {
float: right;
width: 319px;
}

#content_middle p.clanak_kraj {
text-align: right;
color: #85662e;
padding-bottom: 0;
}

#content_middle .clanak_kraj a {
background: #85662e;
font-weight: bold;
padding: 4px 10px;
margin-right: 7px;
color: #bed464;
}

#content_middle .clanak_kraj a:hover {
background: #6a8206;
color: #FFFFFF;
text-decoration: none;
}

.clanak_kraj span {
margin-left: 7px;
color: #bf9954;
}


/* lista stranica */


.lista_stranica {
clear: both;
padding-top: 10px;
}

.stranice_lijevo {
float: left;
width: auto;
height: 22px;
}

.lista_stranica a {
background: #493314;
padding: 3px 6px;
float: left;
margin-right: 3px;
}

#content_middle .lista_stranica a.lista_stranica_current {
background: #6a8206;
color: #FFFFFF;
font-weight: bold;
}

.lista_stranica span {
float: left;
padding: 4px;
margin-right: 3px;
}

.lista_stranica a:hover {
background: #222f04;
}

.stranice_prikazano {
float: right;
width: auto;
background: #493314;
padding: 3px 6px 0;
height: 18px;
}



/* detalji clanka */

.clanak_links {
float: left;
width: 486px;
border-top: 1px solid #4D3816;
padding-top: 10px;
height: 34px;
}

#content_middle .clanak_links a {
background: #85662E;
font-size: 1.1em;
font-weight: bold;
padding: 5px 12px;
margin-right: 7px;
float: left;
color: #bed464;
}

#content_middle .clanak_links a.clanak_links_last {
margin: 0;
}

#content_middle .clanak_links a:hover {
background: #6a8206;
color: #FFFFFF;
text-decoration: none;
}

/* galerije slika */

.gallery_th, .gallery_th_last {
width: 156px;
height: 116px;
float: left;
margin: 0 9px 9px 0;
}

.gallery_th_last {
margin-right: 0;
}

.gallery_th a, .gallery_th_last a {
display: block;
width: 150px;
height: 110px;
float: left;
background-position: center;
background-repeat: no-repeat;
border: 3px solid #85662E;
background-color: #85662E;
text-align: center;
}

.gallery_th a:hover, .gallery_th_last a:hover {
border: 3px solid #6a8206;
background-color: #6a8206;
}

.gallery_th img, .gallery_th_last img {
border: 0;

max-height: 110px;
max-width: 150px;
width: expression(this.width > 152 ? "150px" : true);
height: expression(this.height > 112 ? "110px" : true);
}



.clanak_dokumenti {
margin: 0;
padding: 0;
list-style: none;
line-height: 17px;
}

.clanak_dokumenti li {
padding: 0 0 9px;
border-bottom: 1px solid #4D3816;
margin-bottom: 7px;
}

.clanak_dokumenti img {
border: 0;
vertical-align: middle;
margin-left: 5px;
}





/* right */

#content_right {
float: right;
width: 200px;
color: #be9c5f;
}


/* trazilica */

#trazilica {
background: #b6cce7 url(../../images/trazilica.gif) repeat-x top;
float: left;
width: 180px;
padding: 10px 10px 4px;
}

#trazilica_bott {
background: url(../../images/trazilica_bott.gif) no-repeat;
float: left;
width: 200px;
height: 6px;
font-size: 1px;
margin-bottom: 10px;
}

#trazilica .trazilica_det_link {
margin: 0 0 0 10px;
}


/* projekti */

#projekti {
background: #c0d4ec;
float: left;
width: 180px;
padding: 10px 10px 0;
margin-bottom: 10px;
}

.projekt {
border-top: 1px solid #8fb0d5;
float: left;
width: 180px;
height: 111px;
padding: 10px 0;
}

.projekt a {
background-color: #acc4e4;
background-repeat: no-repeat;
background-position: center;
display: block;
float: left;
width: 170px;
height: 100px;
border: 5px solid #acc4e4;
}

.projekt a:hover {
background-color: #a9d492;
border: 5px solid #a9d492;
}


/* bookmark */

#bookmark {
background: #b9cfea;
text-align: center;
float: left;
clear: both;
width: 200px;
padding: 20px 0;
}


/* galerija fotografija */

.galerije_list {
margin: 0;
padding: 10px 0 0 0;
list-style: none;
line-height: 17px;
}

.galerije_list li {
padding: 0 0 7px;
border-bottom: 1px solid #4D3816;
margin-bottom: 5px;
}

.gallery_big_th {
background: #80622b;
float: left;
width: 456px;
margin-bottom: 15px;
padding: 15px;
}

.gallery_big_th_img {
float: left;
width: 152px;
padding-right: 15px;
text-align: center;
}

.gallery_big_th_img img {
border: 1px solid #9f7c3b;
}

.gallery_big_th_txt {
float: right;
width: 289px;
}

#content_middle .gallery_big_th_kraj a {
background: #9f7c3b;
font-weight: bold;
padding: 4px 10px;
margin-right: 7px;
color: #d0e47e;
}

#content_middle .gallery_big_th_kraj a:hover {
background: #6a8206;
color: #FFFFFF;
text-decoration: none;
}


/* detaljna trazilica */

#detaljna_trazilica {
background: #8d6e34;
margin-top: 10px;
float: left;
width: 466px;
padding: 10px 10px 5px;
}

#detaljna_trazilica_left {
float: left;
width: 235px;
}

#detaljna_trazilica_right {
float: right;
width: 206px;
padding: 3px 0 0 25px;
}


/* pojmovnik */

.pojmovnik_table {
border-right: 1px solid #4F3814;
border-bottom: 1px solid #4F3814;
width: 490px;
margin-top: 10px;
}

.pojmovnik_table td {
border-left: 1px solid #4F3814;
border-top: 1px solid #4F3814;
padding: 7px;
vertical-align: top;
}

.pojmovnik_title td {
background: #4F3814;
font-weight: bold;
}

.pojmovnik_pojam {
width: 100px;
font-weight: bold;
color: #FFFFFF;
}

.pojmovnik_table img {
border: 0;
vertical-align: middle;
margin-left: 3px;
}




/* footer */


#footer {
clear: both;
height: 40px;
color: #8e6e3b;
padding: 15px 15px 0;
}


#footer_left {
float: left;
width: auto;
text-align: left;
}

#footer_right {
float: right;
width: auto;
text-align: right;
}



/* headings */

h1 {
font-size: 1.25em;
color: #251701;
margin: 0;
border-bottom: 1px solid #59421c;
padding: 4px 0 9px;
}

.h1_cols {
float: left;
width: 486px;
border-bottom: 1px solid #59421c;
padding: 4px 0 9px;
}

.h1_left {
float: left;
width: 310px;
border: 0;
padding: 0;
line-height: 19px;
}

.h1_right {
float: right;
text-align: right;
font-size: 0.85em;
}


h1 strong {
color: #df4c0b;
}

h2 {
font-size: 1.2em;
margin: 0;
color: #fefc74;
padding: 15px 0 15px;
}

#header_novosti h2 {
color: #d2b960;
font-size: 1.25em;
border-bottom: 1px solid #63491f;
padding: 7px 0 10px;
}

.clanak h2, .gallery_big_th h2 {
padding: 0;
}

#content_left h3, #content_right h3 {
margin: 0;
font-size: 1.1em;
color: #fdf5cd;
padding: 0 0 10px;
}

#katalog_informacija h3 {
font-size: 1em;
}

.trazilica h3 {
color: #FFFFFF;
border-bottom: 2px solid #cf3a0b;
padding-bottom: 8px;
}

.korisni_linkovi h3 {
color: #484c50;
border-bottom: 2px solid #fbbd5c;
padding-bottom: 8px;
}


/* links */

a {
outline: none;
}

#aktualnosti a, #katalog_informacija a, #trazilica a {
color: #a9bf4f;
text-decoration: none;
}

#aktualnosti a:hover, #katalog_informacija a:hover, #trazilica a:hover {
color: #FFFFFF;
text-decoration: underline;
}

#content_middle a {
color: #a9bf4f;
text-decoration: none;
}

#content_middle a:hover {
color: #FFFFFF;
text-decoration: underline;
}

#content_middle #breadcrumbs a {
color: #344503;
}

#content_middle #breadcrumbs a:hover {
color: #0c1301;
}

#footer a {
color: #b59d74;
text-decoration: none;
}

#footer a:hover {
color: #FFFFFF;
text-decoration: underline;
}


/* other */

#content_middle p {
margin: 0;
padding: 8px 0 10px;
line-height: 17px;
}

.emph {
font-weight: bold;
}

.sep {
border-bottom: 1px solid #4d3816;
height: 1px;
line-height: 1px;
font-size: 1px;
clear: both;
}

.clear {
clear: both;
}

#content_right p.error {
color: #FF3300;
margin: 0;
padding: 0 0 10px;
}



/* forms */

form {
margin: 0;
padding: 0;
}

input, select, textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
}

#trazilica .trazilica_input {
background: #e7dba0;
border: 1px solid #3e2a0d;
padding: 3px;
color: #3e2a0d;
width: 171px;
}

#trazilica .trazilica_btn {
background: url(../../images/trazilica_btn.gif) no-repeat;
width: 70px;
padding: 4px 0;
border: 0;
cursor: pointer;
color: #FFFFFF;
font-weight: bold;
margin-top: 10px;
}

#detaljna_trazilica input.trazilica_btn {
background: #6A8206;
width: 70px;
padding: 3px 0;
border: 0;
cursor: pointer;
color: #FFFFFF;
font-weight: bold;
margin: 3px 0 0 0;
}

.kontakt_forma input, .kontakt_forma textarea, .kontakt_forma select {
width: 250px;
margin-top: 3px;
margin-bottom: 10px;
padding: 2px;
background: #FFFFFF;
border: 1px solid #AFAFAF;
float: left;
color: #505253;
}

.kontakt_forma select {
width: 256px;
}

.h1_cols select {
width: 170px;
padding: 1px;
background: #FFF6CF;
border: 1px solid #59421C;
color: #59421C;
text-align: left;
font-size: 1em;
}

#detaljna_trazilica input, #detaljna_trazilica select {
width: 215px;
margin-top: 3px;
margin-bottom: 10px;
padding: 2px;
background: #FFF6CF;
border: 1px solid #59421C;
color: #59421C;
}

#detaljna_trazilica select {
padding: 1px;
width: 221px;
}

#detaljna_trazilica input.checkbox {
background: none;
border: 0;
padding: 0;
width: 15px;
height: 15px;
vertical-align: top;
margin: 0 3px 14px;
}


.kontakt_forma {
width: 430px;
float: left;
padding: 5px 0 0 0
}

.kontakt_forma label {
width: 110px;
float: left;
margin-top: 5px;
font-weight: bold;
}

.kontakt_forma input.button {
width: 112px;
margin-left: 110px;
height: 26px;
background: url(../../images/oglas_btn.gif) repeat-x;
border: 0;
color: #FFFFFF;
font-weight: bold;
cursor: pointer;
margin-bottom: 0;
}

.kontakt_forma input.txt_error, .kontakt_forma textarea.txt_error, .kontakt_forma select.txt_error {
border: 1px solid #FF3F3F;
background: #FFE7DF;
color: #CF1A0C;
}

.txt_error_img {
float: left;
margin: 4px 0 0 4px;
border: 0;
}

.txt_error_img {
margin-top: 8px;
}

#ajax_loading {
display:none;
}