body{
background: #638bc0 url(../../images/bg.gif) repeat-x top;
margin: 0;
padding: 30px 0 0 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.7em;
}

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


/* header */

#header {
height: 161px;
}

#logo {
float: left;
background: url(../../images/header_logo.gif) no-repeat;
width: 455px;
height: 161px;
}

#logo a {
display: block;
width: 455px;
height: 161px;
float: left;
}

#header_map {
background: url(../../images/header_map.gif) no-repeat;
height: 161px;
width: 505px;
float: right;
position: relative;
}

#header_map a {
float: left;
text-decoration: none;
display: block;
width: 25px;
height: 25px;
}

#header_map em {
visibility: hidden;
}

#hm_link_1 {
position: absolute;
top: 55px;
left: 20px;
}

#hm_link_2 {
position: absolute;
top: 42px;
left: 118px;
}

#hm_link_3 {
position: absolute;
top: 65px;
left: 187px;
}

#hm_link_4 {
position: absolute;
top: 78px;
left: 462px;
}


/* topnav */

#topnav {
background: url(../../images/topnav.gif) no-repeat;
height: 36px;
margin-bottom: 10px;
}

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

#topnav li {
float: left;
height: 36px;
border-left: 1px solid #6a48c5;
border-right: 1px solid #000000;
}

#topnav li#topnav_first {
border-left: 0;
}

#topnav li#topnav_last {
border-right: 0;
}

#topnav a {
display: block;
float: left;
height: 27px;
color: #d9d5e6;
text-decoration: none;
font-weight: bold;
font-size: 1.2em;
background: url(../../images/topnav_h.gif) no-repeat 0 100px;
text-align: center;
padding: 9px 0 0 0;
}

#topnav #topnav_2 a {
width: 145px;
background: url(../../images/topnav_h_mid.gif) no-repeat 0 100px;
}

#topnav #topnav_2 a:hover {
background: url(../../images/topnav_h_mid.gif) no-repeat center;
}

#topnav_first a, #topnav_5 a, #topnav_last a {
width: 115px;
}

#topnav #topnav_first a {
background: url(../../images/topnav_h_first.gif) no-repeat 0 100px;
}

#topnav #topnav_first a:hover {
background: url(../../images/topnav_h_first.gif) no-repeat left;
}

#topnav #topnav_last a {
background: url(../../images/topnav_h_last.gif) no-repeat 0 100px;
}

#topnav #topnav_last a:hover {
background: url(../../images/topnav_h_last.gif) no-repeat right;
}

#topnav #topnav_3 a {
width: 260px;
background: url(../../images/topnav_h_big.gif) no-repeat 0 100px;
}

#topnav #topnav_4 a {
width: 200px;
background: url(../../images/topnav_h_big.gif) no-repeat 0 100px;
}

#topnav #topnav_3 a:hover, #topnav #topnav_4 a:hover {
background: url(../../images/topnav_h_big.gif) no-repeat center;
}

#topnav a:hover {
color: #FFFFFF;
background: url(../../images/topnav_h.gif) no-repeat center;
}




/* content */

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

#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: 960px;
}


/* left */

#content_left {
float: left;
width: 190px;
padding-right: 10px;
}

#content_left em {
visibility: hidden;
}

#content_left a {
text-decoration: none;
}

#sajmovi {
height: 65px;
width: 190px;
margin-bottom: 10px;
}

#sajmovi a {
background: url(../../images/sajmovi.gif) no-repeat top;
height: 65px;
display: block;
width: 190px;
float: left;
}

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

#natjecaji {
height: 80px;
width: 190px;
margin-bottom: 10px;
}

#natjecaji a {
background: url(../../images/natjecaji.gif) no-repeat top;
height: 80px;
display: block;
width: 190px;
float: left;
}

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

#ponuda {
height: 95px;
width: 190px;
margin-bottom: 10px;
}

#ponuda a {
background: url(../../images/ponuda.gif) no-repeat top;
height: 95px;
display: block;
width: 190px;
float: left;
}

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

#novine {
height: 65px;
width: 190px;
margin-bottom: 10px;
}

#novine a {
background: url(../../images/novine.gif) no-repeat top;
height: 65px;
display: block;
width: 190px;
float: left;
}

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

#linkovi {
background: url(../../images/linkovi_bg.gif) repeat-y;
}

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

#linkovi_bottom {
background: url(../../images/linkovi_bott.gif) no-repeat bottom;
padding: 0 10px 10px;
}

#linkovi ul {
list-style: none;
margin: 0;
padding: 5px 0 5px 7px;
}

#linkovi li {
background: url(../../images/linkovi_bull.gif) no-repeat 0 6px;
padding: 0 0 5px 10px;
}

.linkovi_bottom {
border-top: 1px solid #9FBBDD;
text-align: right;
font-weight: bold;
margin: 0;
padding-top: 8px;
}




/* content middle */

#content_middle {
float: left;
width: 520px;
padding: 0;
color: #2c3541;
padding: 20px;
}

.content {
float: left;
width: 490px;
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: 490px;
height: 133px;
background: url(../../images/publikacije.gif) no-repeat 7px 0;
padding: 12px 0 0 30px;
clear: both;
}

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


/* breadcrumbs */

#breadcrumbs {
background: #EEF4FA;
padding: 5px 10px 6px;
margin-bottom: 10px;
color: #A8BBCF;
line-height: 17px;
float: left;
width: 470px;
}

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



/* clanci */

.novost {
float: left;
width: 520px;
clear: both;
padding: 0 0 15px;
border-bottom: 1px solid #79a4d5;
margin-bottom: 15px;
}

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

.novost_img a {
/*float: right;
width: auto;*/
}

.novost_img span {
/*border: 5px solid #c0dcf6;
float: right;*/
}

.novost_img a:hover {
/*border: 5px solid #FFFFFF;*/
}

.novost_img img {
border: 5px solid #c0dcf6;
/*float: right;*/
}

.novost_txt {
float: left;
width: 340px;
}

#content_middle p.novost_kraj {
text-align: right;
color: #6494c0;
padding-bottom: 0;
clear: both;
}

#content_middle .novost_kraj a {
font-weight: bold;
margin-right: 7px;
}

.novost_kraj span {
margin-left: 7px;
color: #4e5e73;
}


/* lista stranica */


.lista_stranica {
clear: both;
float: left;
width: 520px;
}

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

.prev_link, .next_link {
float: left;
}

#content_middle .lista_stranica .prev_link a, #content_middle .lista_stranica .next_link a {
background: #6b94c7;
color: #FFFFFF;
}

#content_middle .lista_stranica a {
background: #d2e5f6;
padding: 3px 6px;
float: left;
margin-right: 3px;
color: #466da9;
}

#content_middle .lista_stranica a.lista_stranica_current {
background: #ffffff;
color: #40298a;
font-weight: bold;
}

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

#content_middle .lista_stranica a:hover {
background: #37237c;
color: #FFFFFF;
}

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



/* galerija fotografija */

#gallery {
clear: both;
}

.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 #79A4D5;
margin-bottom: 5px;
}

.galerije_list a {
font-weight: bold;
}

.linkovi_list a {
font-weight: normal;
}

.gallery_th, .gallery_th_last {
width: 163px;
height: 110px;
float: left;
margin: 15px 15px 0 0;
}

.gallery_th_last {
margin: 15px 0 0 0;
}

.gallery_th a, .gallery_th_last a {
display: block;
float: left;
width: 153px;
height: 100px;
border: 5px solid #C0DCF6;
background-color: #C0DCF6;
background-position: center;
background-repeat: no-repeat;
}

.gallery_th a:hover, .gallery_th_last a:hover {
background-color: #FFFFFF;
border: 5px solid #FFFFFF;
}


/* content subnav */

#content_subnav {
padding: 10px 0;
float: left;
width: 520px;
}

#content_subnav div {
float: left;
margin-right: 5px;
}

#content_subnav a {
background: #badaf9;
float: left;
font-weight: bold;
padding: 3px 7px;
font-size: 1em;
}

#content_subnav a:hover {
background: #e7f3ff;
}


.content_box {
background: #c2e1fd;
padding: 0 15px;
}



/* zvanja */

.zvanja_table {
width: 100%;
border-top: 1px solid #79A4D5;
border-right: 1px solid #79A4D5;
}

.zvanja_table td {
border-bottom: 1px solid #79A4D5;
border-left: 1px solid #79A4D5;
padding: 5px 10px;
}



/* zakoni */

.zakoni_list, .zakoni_list ul {
list-style: none;
margin: 0;
padding: 10px 0 0;
line-height: 16px;
}

.zakoni_list ul {
padding: 0 0 0 20px;
}

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

.zakoni_list a {
font-weight: bold;
}

.zakoni_list ul a {
font-weight: normal;
}

.zakoni_list li {
padding: 6px 0;
}

.zakoni_list li li {
padding: 6px 0 2px;
}



/* right */

#content_right {
float: right;
width: 190px;
padding-left: 10px;
color: #363636;
}

#zakoni {
background: url(../../images/right_bg.gif) repeat-y;
float: left;
width: 190px;
}

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

#zakoni_bott {
background: url(../../images/right_bott.gif) no-repeat top;
height: 30px;
clear: both;
float: left;
width: 190px;
}

#zakoni_bott a {
float: left;
display: block;
height: 24px;
width: 175px;
color: #d9d5e6;
text-decoration: none;
font-weight: bold;
font-size: 1.1em;
text-align: right;
padding: 6px 15px 0 0;
}

#zakoni_bott a:hover {
background: url(../../images/right_bott.gif) no-repeat bottom left;
color: #FFFFFF;
}

#zakoni ul {
list-style: none;
margin: 0;
padding: 0;
float: left;
width: 190px;
}

#zakoni ul li {
border-bottom: 1px solid #a7a8ac;
float: left;
}

#zakoni ul a {
font-weight: bold;
float: left;
display: block;
padding: 7px 10px;
width: 170px;
}

#zakoni ul ul {
background: #e7e8e9;
padding: 0 10px;
clear: both;
float: left;
width: 170px;
}

#zakoni ul ul li {
border-bottom: 1px solid #c9cbcd;
padding: 7px 0;
}

#zakoni ul ul li.zakoni_sub_last {
border: 0;
}

#zakoni ul ul a {
font-weight: normal;
margin: 0;
padding: 0;
}






/* footer */


#footer {
clear: both;
height: 50px;
color: #c7dff5;
padding: 11px 15px 0;
background: url(../../images/footer.gif) repeat-x;
}


#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: #432B8F;
margin: 0;
border-bottom: 1px solid #79a4d5;
padding: 0 0 9px;
}

.h1_cols {
float: left;
width: 520px;
border-bottom: 1px solid #79A4D5;
padding: 0 0 9px;
}

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

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

h1 strong {
color: #2460b0;
}

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

.novost h2 {
padding: 0 0 0;
}

#linkovi h2, #zakoni h2 {
visibility: hidden;
}

h3 {
font-size: 1.2em;
margin: 0;
color: #36237A;
padding: 15px 0 0;
}

h4 {
margin: 0;
padding: 15px 0 0;
font-size: 1.1em;
}



/* links */

a {
outline: none;
}

#linkovi a {
color: #311f71;
text-decoration: none;
}

#linkovi a:hover {
color: #365c9d;
text-decoration: underline;
}

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

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

#content_middle a.link_btn {
background: #473190;
color: #FFFFFF;
font-weight: bold;
padding: 4px 10px;
}

#content_middle a.link_btn:hover {
background: #4076BD;
text-decoration: none;
}

#zakoni ul a {
color: #2b589a;
text-decoration: none;
}

#zakoni ul a:hover {
color: #422b8e;
text-decoration: underline;
}

#footer a {
color: #FFFFFF;
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 #cad9e9;
height: 1px;
line-height: 1px;
font-size: 1px;
clear: both;
}

.clear {
clear: both;
}

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

.img_right {
float: right;
border: 5px solid #C0DCF6;
margin: 5px 0 5px 15px;
}

.reg_list {
margin: 0;
padding: 0 0 0 15px;
list-style: none;
line-height: 16px;
}

.reg_list li {
background: url(../../images/bullet.gif) no-repeat 0 6px;
padding: 0 0 7px 10px;
}

.align_right {
text-align: right;
}

.pdf_icon {
vertical-align: middle;
}



/* forms */

form {
margin: 0;
padding: 0;
}

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

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

.kontakt_forma select {
width: 256px;
}

.h1_cols select {
width: 170px;
padding: 1px;
background: #e6f4ff;
border: 1px solid #79A4D5;
color: #2C3541;
text-align: left;
font-size: 1em;
}

.kontakt_forma {
width: 430px;
float: left;
padding: 15px 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: #473190;
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: 6px 0 0 4px;
border: 0;
}