body {
background: #ffffff url(images/bg_top.jpg) repeat-x top;
margin: 0;
padding: 39px 0 0 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.7em;
color: #6e6e73;
line-height: 19px;
}

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

#header {
height: 270px;
}

#header_top {
background: url(images/header_top.jpg) no-repeat;
height: 58px;
}

#header_top_right {
float: right;
height: 23px;
padding: 19px 10px 0 0;
}

#header_top_right ul, #topnav ul, #subnav {
margin: 0;
padding: 0;
list-style: none;
}

#header_top_right li {
float: left;
height: 23px;
}

#header_top_right li em {
display: none;
}

#header_top_right li a {
float: left;
display: block;
height: 23px;
}

#header_top_right .t_sep {
background: url(images/header_top_sep.jpg) no-repeat center;
width: 16px;
}

.t_home {
background: url(images/home.jpg) no-repeat;
width: 26px;
}

.t_home a {
background: url(images/home_h.jpg) no-repeat 0 23px;
width: 26px;
}

.t_home a:hover {
background: url(images/home_h.jpg) no-repeat;
}

.t_hr {
background: url(images/hr.jpg) no-repeat;
width: 35px;
}

.t_hr a {
background: url(images/hr_h.jpg) no-repeat 0 23px;
width: 35px;
}

.t_hr a:hover {
background: url(images/hr_h.jpg) no-repeat;
}

.t_en {
background: url(images/eng.jpg) no-repeat;
width: 36px;
}

.t_en a {
background: url(images/eng_h.jpg) no-repeat 0 23px;
width: 36px;
}

.t_en a:hover {
background: url(images/eng_h.jpg) no-repeat;
}

.t_log {
background: url(images/login.jpg) no-repeat;
width: 32px;
}

.t_log a {
background: url(images/login_h.jpg) no-repeat 0 23px;
width: 36px;
}

.t_log a:hover {
background: url(images/login_h.jpg) no-repeat;
}

.t_rss {
background: url(images/rss.jpg) no-repeat;
width: 28px;
}

.t_rss a {
background: url(images/rss_h.jpg) no-repeat 0 23px;
width: 36px;
}

.t_rss a:hover {
background: url(images/rss_h.jpg) no-repeat;
}

#topnav {
background:url(images/topnav_bg.jpg) repeat-x;
height: 50px;
color: #ffffff;
font-size: 1.2em;
font-weight: bold;
}

#topnav_left {
float: left;
width: 743px;
height: 38px;
padding: 12px 0 0 15px
}

#topnav_right {
float: right;
background: url(images/topnav_right.jpg) no-repeat;
width: 192px;
height: 36px;
padding: 14px 0 0 10px
}

#topnav li, #topnav li a {
float: left;
height: 29px;
text-align: center;
}

#topnav li a {
display: block;
padding-top: 5px;
height: 24px;
font-size: 1.1em;
}

.tn_sep {
background: url(images/topnav_sep.jpg) no-repeat center center;
width: 30px;
}

.tn_link1 a#current {
background: url(images/nav_1_current.jpg) no-repeat;
}

.tn_link2 a#current {
background: url(images/nav_2_current.jpg) no-repeat;
}

.tn_link2 a {
background: url(images/nav_2_h.jpg) no-repeat 0 29px;
width: 132px;
}

.tn_link2 a:hover, .tn_link2 a#current:hover {
background: url(images/nav_2_h.jpg) no-repeat;
}

.tn_link3 a#current {
background: url(images/nav_3_current.jpg) no-repeat;
}

.tn_link3 a {
background: url(images/nav_3_h.jpg) no-repeat 0 29px;
width: 90px;
}

.tn_link3 a:hover, .tn_link3 a#current:hover {
background: url(images/nav_3_h.jpg) no-repeat;
}

.tn_link1 a {
background: url(images/nav_1_h.jpg) no-repeat 0 29px;
width: 73px;
}

.tn_link1 a:hover, .tn_link1 a#current:hover {
background: url(images/nav_1_h.jpg) no-repeat;
}

#header_bottom {
height: 162px;
}

#header_b_left {
background: url(images/header_img.jpg) no-repeat;
width: 199px;
height: 162px;
float: left;
}

#header_b_right {
background: url(images/header_b_right.jpg) no-repeat;
width: 761px;
height: 162px;
float: right;
}

#content {
padding: 13px 0;
letter-spacing: 0.5px;
word-spacing: 0.5px;
float: left;
width: 960px;
}

#left {
float: left;
width: 200px;
}

.nav {
float: left;
width: 200px;
background: url(images/nav_bg.jpg) repeat-y;
margin-bottom: 13px;
}

.nav_t {
background: url(images/nav_top.jpg) no-repeat top;
padding-top: 10px;
float: left;
width: 200px;
}

.nav_b {
background: url(images/nav_bottom.jpg) no-repeat bottom;
padding: 0 10px;
float: left;
width: 180px;
}

#subnav {
padding: 5px 0 10px;
}

#subnav li {
padding-left: 10px;
}

.nav_sep {
background: url(images/nav_sep.jpg) repeat-x center center;
height: 14px;
}

.nav a img {
border: 0;
}

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

#main {
float: left;
width: 530px;
padding: 0 15px;
}

.novost {
border-bottom: 1px solid #e3e3e4;
padding: 0 0 8px;
float: left;
width: 530px;
}

.novost img {
float: left;
margin: 0 15px 5px 0;
border: 1px solid #aeaeb1;
}

.novost img.pdf_icon_s {
	float: none;
	margin: 0 5px 0 0;
	border: 0;
	vertical-align: middle;
}

.img_left {
float: left;
margin: 0 15px 5px 0;
border: 1px solid #aeaeb1;
}

.reg_txt_bd {
border-bottom: 1px solid #e3e3e4;
padding-bottom: 8px;
float: left;
width: 530px;
}

#right {
float: right;
width: 200px;
}

#tagovi {
padding: 10px 0;
line-height: 25px;
text-align: center;
}

#tagovi span {
padding: 0 3px;
}

#tag_svi, #dok_svi {
background: url(images/nav_sep.jpg) repeat-x top;
text-align: right;
margin-top: 10px;
font-size: 1.1em;
}

#dok_svi {
padding: 5px 0 10px;
}

.dok_list {
margin: 0;
padding: 0;
list-style: none;
padding: 0 0 0 10px;
}

.dok_list li {

background: url(images/icon_pdf.gif) no-repeat;
margin:10px 0;
padding:0 0 0 23px;
}

.dok_list li.dok_list_none {
background: none;
padding: 0;
}

#main .dok_list {
padding-left: 0;
}

#main .dok_list li {
border-bottom: 1px solid #E3E3E4;
padding-bottom: 7px;
}

.korisnici {
background: url(images/korisnici.jpg) no-repeat;
width: 200px;
height: 40px;
font-size: 1.4em;
font-weight: bold;
text-align: center;
float: left;
}

.korisnici a {
display: block;
width: 200px;
height: 29px;
float: left;
padding-top: 11px;
background: url(images/korisnici_h.jpg) no-repeat 0 40px;
color: #474644;
text-decoration: none;
}

.korisnici a:hover {
background: url(images/korisnici_h.jpg) no-repeat;
color: #8F6408;
}

.forum_bann img {
border: 0;
margin-bottom: 10px;
}

#footer {
clear: both;
background: url(images/footer.jpg) no-repeat;
height: 96px;
padding: 10px 0 0 10px;
}

#footer em {
display: none;
}

#footer div {
float: left;
width: 180px;
height: 85px;
margin-right: 10px;
}

#footer a {
display: block;
width: 180px;
height: 85px;
float: left;
}

#foot_1 {
background: url(images/adresar.jpg) no-repeat;
}

#foot_1 a {
background: url(images/adresar_h.jpg) no-repeat 0 85px;
}

#foot_1 a:hover {
background: url(images/adresar_h.jpg) no-repeat;
}

#foot_2 {
background: url(images/infoloc.jpg) no-repeat;
}

#foot_2 a {
background: url(images/infoloc_h.jpg) no-repeat 0 85px;
}

#foot_2 a:hover {
background: url(images/infoloc_h.jpg) no-repeat;
}

#foot_3 {
background: url(images/newsletter.jpg) no-repeat;
}

#foot_3 a {
background: url(images/newsletter_h.jpg) no-repeat 0 85px;
}

#foot_3 a:hover {
background: url(images/newsletter_h.jpg) no-repeat;
}

#foot_4 {
background: url(images/postati-clanicom.jpg) no-repeat;
}

#foot_4 a {
background: url(images/postati-clanicom_h.jpg) no-repeat 0 85px;
}

#foot_4 a:hover {
background: url(images/postati-clanicom_h.jpg) no-repeat;
}

#foot_5 {
background: url(images/galerija.jpg) no-repeat;
}

#foot_5 a {
background: url(images/galerija_h.jpg) no-repeat 0 85px;
}

#foot_5 a:hover {
background: url(images/galerija_h.jpg) no-repeat;
}

#copyright {
padding: 10px 10px 30px;
color: #9b9b9b;
}

#copyright_left {
float: left;
}

#copyright_right {
float: right;
text-align: right;
}

#clanice_top {
float: left;
width: 500px;
padding-bottom: 15px;
}

.clanice_info {
background: url(images/clanice-postati_clanicom.jpg) no-repeat;
width: 198px;
height: 49px;
float: left;
margin: 10px 10px 0 0
}

.clanice_pdf {
background: url(images/clanice-sve.jpg) no-repeat;
width: 198px;
height: 49px;
float: left;
margin: 10px 0 0
}

.clanice_info a, .clanice_pdf a {
display: block;
width: 198px;
height: 49px;
float: left;
}

.clanice_info a {
background: url(images/clanice-postati_clanicom_h.jpg) no-repeat 0 49px;
}

.clanice_info a:hover {
background: url(images/clanice-postati_clanicom_h.jpg) no-repeat;
}

.clanice_pdf a {
background: url(images/clanice-sve_h.jpg) no-repeat 0 49px;
}

.clanice_pdf a:hover {
background: url(images/clanice-sve_h.jpg) no-repeat;
}


/* LINKS */

a {
outline: none;
}

#topnav a {
color: #FFFFFF;
text-decoration: none;
}

#topnav a:hover {
color: #444341;
}

#subnav a, #tagovi a, #dok_svi a, .dok_list a {
font-weight: bold;
color: #70706e;
text-decoration: none;
}

#tagovi a {
font-weight: normal;
}

#tagovi #tag_svi a {
font-weight: bold;
}

#subnav a:hover, #tagovi a:hover, #dok_svi a:hover, .dok_list a:hover {
color: #ec008c;
}

#main a {
color: #d49203;
text-decoration: none;
}

#main a:hover {
color: #ec008c;
}

/*#main .novost a, #main .down_btn a {
color: #ec008c;
}

#main .novost a:hover, #main .down_btn a:hover {
color: #d49203;
}*/

#main .pages a {
font-weight: bold;
}

#main .kal_item h2 a {
color: #7D8E53;
}

#main .kal_item h2 a:hover {
color: #4c5c25
}

#copyright a {
color: #757575;
text-decoration: none;
}

#copyright a:hover {
color: #4d4d4d;
}


/* FORMS */

#topnav_right input {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
color: #727276;
width: 130px;
height: 16px;
border: 1px solid #8d8d91;
background: #f1f1f1 url(images/tn_right_input.jpg) repeat-x bottom;
padding: 2px;
float: left;
}

#topnav_right input.button {
width: 43px;
height: 22px;
padding: 2px 0;
background: #fec039 url(images/tn_right_button.jpg) repeat-x bottom;
color: #563e09;
border: 1px solid #9f7926;
margin-left: 5px
}


/* OTHER */

h1 {
border-bottom: 1px solid #e3e3e4;
text-align: right;
color: #7f7e7b;
margin: 0;
font-size: 2em;
padding: 15px 10px 10px 0;
}


h2 {
font-size: 1.3em;
margin: 0;
color: #989795;
padding: 15px 0 10px;
}

.kal_item h2 {
font-size: 1.2em;
padding: 0 0 5px;
clear: both;
float: left;
width: 514px;
}

.h2_left {
float: left;
}

.h2_right {
float: right;
text-align: right;
}

h3 {
color: #7d8e53;
background: url(images/nav_sep.jpg) repeat-x bottom;
margin: 0;
font-size: 1.3em;
padding: 2px 0 7px 7px;
clear: both;
}

#main h3 {
color: #989795;
font-size: 1.3em;
padding: 20px 0 0;
background: none;
}

h4, h5 {
text-align: right;
font-weight: normal;
clear: both;
margin: 0;
color: #97979d;
font-size: 1em;
padding-top: 15px;
}

h4 {
float: left;
width: 530px;
}

h4.h4_clan {
padding: 5px 0 10px
}

span.h4_left, span.h5_left {
float: left;
margin: 0
}

span.h4_right, span.h5_right {
float: right;
width: 350px;
margin: 0;
text-align: right;
}

h4 a, h4 span, h5 a, h5 span {
margin: 0 4px;
}

h5 {
padding-top: 5px;
text-align: left;
}

#pretraga h5 {
font-weight: bold;
font-size: 1.1em;
}

h6 {
font-size: 1.1em;
margin: 0;
color: #989795;
padding: 5px 0 5px 11px;
background: url(images/bullet.gif) no-repeat 0 12px;
clear: both;
}

.pages {
list-style: none;
margin:0;
padding: 15px 0 0 0;
text-align:center;
clear: both;
}

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

.def_list {
padding: 10px 0 0 30px;
margin: 0;
list-style: none;
}

.def_list img {
width: 50px;
float: left;
margin-right: 10px;
}

.def_list li {
clear: both;
border-bottom: 1px solid #e3e3e4;
padding: 8px 0;
float: left;
width: 450px;
}

.korisnilinkovi {
padding-left: 50px;
}

.korisnilinkovi li {
padding: 3px 0;
}

.sluzba {
border-bottom: 1px solid #e3e3e4;
clear: both;
margin: 15px 0;
padding-bottom:15px;
float: left;
width: 530px;
}

.floatimg {
float: left;
margin: 5px 15px 5px 0;
width: 100px;
text-align: center;
}

.floatimg img {
border: 1px solid #C0C0C0;
}

.down_btn {
float:right;
margin-top: 20px;
background: #EFF1EF;
border:1px solid #CCD1CC;
padding:2px 3px 2px 7px;
width: 70px;
}

.down_btn a {
padding-right: 3px;
float: left;
}

.pdf_icon, .doc_icon {
display: block;
float: right;
width: 18px;
height: 18px;
margin: 0;
}

.pdf_icon {
background: url(images/icon_pdf.gif) no-repeat;
}

.doc_icon {
background: url(images/word_icon.gif) no-repeat;
}

.def_table {
border-color:#CCD1CC;
border-style:solid;
border-width:1px 1px 0;
text-align:center;
width:500px;
margin: 0 0 15px 10px;
clear: both;
}

.arh_table {
border-color:#CCD1CC;
border-style:solid;
border-width:1px 1px 0;
width: 530px;
margin-top: 15px;
}

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

.arh_table .td1 {
width: 380px;
}

.def_table td {
border-bottom:1px solid #CCD1CC;
padding:4px;
}

#td_title td {
background: #ededed;
color: #777D77;
}

.td_nl_date {
	width: 70px;
}

#td_title a {
color:#70706e;
text-decoration:underline;
}

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

hr {
background: #e3e3e4;
color: #e3e3e4;
border: 0;
height: 1px;
clear: both;
}

.kal_menu {
padding: 5px 0 15px;
float: left;
width: 530px;
height: 20px;
}

.kal_item {
background: #eeeeee url(images/kal_item.jpg) repeat-x top;
border: 1px solid #dbdbdb;
clear: both;
margin-bottom: 10px;
padding: 8px 8px 3px;
float: left;
width: 514px;
}

.kal_item div {
padding: 5px 0;
clear: both;
border-top: 1px solid #e3e3e4
}

.clear {
clear: both;
}


/* karta */

#karta_banner {
clear: both;
padding-bottom: 15px;
}

#karta_banner img {
border: 0;
}

#karta_top {
height: 170px;
width: 955px;
overflow: auto;
padding-right: 5px;
}

#karta_top #main {
width: 520px;
}

#karta_top h1 {
font-size: 1.3em;
padding: 10px 0;
text-align: left;
}

#g_karta {
	padding-top: 15px;
}


/* FORMA */

#forma {
padding-top: 10px;
}

#main input, #main select, #main textarea {
background: #ededed;
border: 1px solid #C0C0C0;
color: #6e6e73;
font-family: Arial, Helvetica, Sans-serif;
font-size: 1em;
margin-bottom: 10px;
margin-top: 3px;
padding: 3px;
width: 300px;
}

#main select#kal_mj, #main select#kal_god {
float: right;
width: 100px;
padding: 0;
margin: 0 0 0 5px
}

#main .kal_menu .button {
float: right;
margin: 0 0 0 5px;
padding: 0 3px;
}

legend {
display: none;
}

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

#main .button {
background: #ededed;
padding: 2px 0;
width: 65px;
}