body {
background: #FFFFFF url(../../images/bg_top.gif) repeat-x top;
margin: 0;
padding: 0;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 0.7em;
}

html, body {
height: 100%;
}

#bg_bottom {
background: url(../../images/bg_bottom.gif) repeat-x bottom;
display: block;
min-height: 100%;
width: 100%;
position: absolute;
top: 0px;
left: 0px;
z-index: 0
}

* html #bg_bottom {
height: 100%;
position: relative;
}

*:first-child+html #bg_bottom {
position: relative;
}

#center {
width: 960px;
margin: 0 auto;
}


/* header top */

#header_top {
height: 35px;
padding-left: 5px;
}

#header_lang {
float: left;
width: 80px;
height: 28px;
background: url(../../images/header_lang.gif) repeat-x;
padding: 7px 0 0 20px;
}

.lang_hrv, .lang_eng {
width: 20px;
height: 20px;
float: left;
display: block;
}

.lang_hrv {
background: url(../../images/hrv.gif) no-repeat;
margin-right: 20px;
}

.lang_hrv:hover {
background: url(../../images/hrv.gif) no-repeat bottom;
}

.lang_eng {
background: url(../../images/eng.gif) no-repeat;
}

.lang_eng:hover {
background: url(../../images/eng.gif) no-repeat bottom;
}


#header_top_nav {
float: right;
width: 600px;
height: 24px;
padding-top: 9px;
}

#header_top_nav ul {
list-style: none;
margin: 0;
padding: 0;
}

#header_top_nav li {
float: right;
background: url(../../images/header_top_sep.gif) no-repeat right;
padding: 0 21px 0 20px;
}

#header_top_nav li.header_top_nav_last {
background: none;
}

#header_top_nav a {
color: #e4e8ed;
text-decoration: none;
}

#header_top_nav a:hover {
color: #ffb748;
text-decoration: underline;
}


/* header */

#header {
background: url(../../images/header.gif) no-repeat;
width: 948px;
height: 193px;
margin: 20px 0 8px 5px;
padding: 2px 0 0 2px;
}

#flash {
float: left;
background: url(../../images/flash.jpg) no-repeat;
width: 575px;
height: 191px;
}

#logo {
width: 327px;
height: 148px;
float: right;
padding: 22px 24px 0 0;
}

#logo a {
display: block;
width: 327px;
height: 148px;
float: left;
}


/* topnav */

#topnav {
background: url(../../images/topnav.gif) no-repeat;
width: 960px;
height: 42px;
padding: 3px 0 0 0;
}

#topnav ul {
list-style: none;
margin: 0;
padding: 0;
}

#topnav li {
float: left;
}

#topnav a {
font-size: 1.1em;
font-weight: bold;
}

#topnav_left {
float: left;
width: 187px;
padding: 3px 0 0 8px;
}

#topnav_left li {
width: 89px;
height: 32px;
}

#topnav_left li.topnav_left_first {
padding-right: 4px;
}

#topnav_left a {
background: url(../../images/topnav_left.gif) no-repeat;
width: 89px;
height: 25px;
float: left;
display: block;
color: #ffedbe;
text-decoration: none;
text-align: center;
padding-top: 7px;
}

#topnav_left a:hover {
color: #FFFFFF;
background: url(../../images/topnav_left.gif) no-repeat bottom;
}

#topnav_left a.tl_link2 {
background: url(../../images/topnav_left_active.gif) no-repeat;
color: #7b1000;
}

#topnav_left a.tl_link2:hover {
background: url(../../images/topnav_left_active.gif) no-repeat bottom;
color: #b53400;
}

.topnav_right {
float: right;
width: 759px;
padding-right: 6px;
position: relative;
z-index: 100;
}

.topnav_right ul {
float: right;
}

.topnav_right li {
border-right: 1px solid #c64511;
border-left: 1px solid #fba760;
height: 38px;
float: left;
}

.topnav_right li.topnav_right_first {
border-left: 0;
}

.topnav_right li.topnav_right_last {
border-right: 0;
}

.topnav_right a {
display: block;
height: 28px;
float: left;
color: #FFFFFF;
text-decoration: none;
background: url(../../images/topnav_right_h.gif) no-repeat 0 100px;
padding: 10px 25px 0;
}

.topnav_right a:hover {
background: #d53908 url(../../images/topnav_right_h.gif) repeat-x bottom;
}

.topnav_right li.topnav_right_last a {
background: url(../../images/topnav_right_last_h.gif) no-repeat 0 100px;
}

.topnav_right li.topnav_right_last a:hover {
background: #d53908 url(../../images/topnav_right_last_h.gif) repeat-x bottom right;
}


/* topnav dropdown */

.topnav_right ul ul {
visibility: hidden;
position: absolute;
height: 0;
top: 38px;
left: 457px;
width: 196px;
}

.topnav_right table {
position: absolute;
top: 0;
left: 0;
border-collapse: collapse;
}

.topnav_right ul ul li {
background: #5A626B;
padding: 3px;
width: 176px;
border-bottom: 1px solid #868A8F;
border-right: 0;
border-left: 0;
height: auto;
}

.topnav_right ul ul li.topsub_last {
border: 0;
}


* html .topnav_right ul ul li {
width: 176px;
padding-bottom: 0;
}

#topnav .topnav_right ul ul a {
color: #CFCFCF;
height: auto;
padding: 7px 7px 5px 14px;
width: 155px;
font-size: 1em;
text-transform: none;
}

* html .topnav_right ul ul a {
width: 155px;
w\idth: 155px;
}

#topnav .topnav_right ul ul a:hover {
background: #C62605;
color: #FFFFFF;
}

.topnav_right ul li:hover ul, .topnav_right ul a:hover ul {
visibility: visible;
}




/* content */

#content {
clear: both;
padding: 37px 0 138px;
float: left;
width: 960px;
}


/* left */

#content_left {
float: left;
width: 195px;
}

.trazilica {
background: #f47028 url(../../images/trazilica_bg.gif) repeat-x bottom;
color: #41150a;
width: 195px;
float: left;
margin-bottom: 15px;
}

.trazilica_top {
background: url(../../images/trazilica_top.gif) no-repeat top;
width: 195px;
float: left;
}

.trazilica_bottom {
background: url(../../images/trazilica_bott.gif) no-repeat bottom;
padding: 15px;
width: 165px;
float: left;
}

#banner_left {
background: url(../../images/banner_left.gif) no-repeat;
height: 165px;
clear: both;
}

#banner_left a {
display: block;
height: 165px;
width: 195px;
float: left;
}


/* lista stranica */


.lista_stranica {
float: left;
clear: both;
width: 510px;
}

.stranice {
float: left;
width: 350px;
}

.stranice a {
float: left;
background: #f7e19f;
padding: 2px 6px;
margin-right: 4px;
}

#content_mid .stranice a:hover {
background: #f67c05;
color: #FFFFFF;
}

#content_mid .stranice a.stranica_current {
font-weight: bold;
background: #FFFFFF;
color: #DF4E00;
}

.stranice span {
float: left;
margin-right: 4px;
}

.stranice_prikazano {
float: right;
width: 155px;
background: #FFFFFF;
padding: 2px 0;
text-align: center;
}



/* right */

#content_right {
float: right;
width: 195px;
}

.banner1 {
width: 195px;
height: 130px;
margin-bottom: 10px;
}

.banner1 a {
display: block;
float: left;
width: 165px;
height: 100px;
background: url(../../images/banner1.gif) no-repeat;
text-decoration: none;
padding: 15px;
}

.banner1 a:hover {
background: url(../../images/banner1.gif) no-repeat bottom;
}

.banner2 {
width: 195px;
height: 133px;
}

.banner2 a {
display: block;
float: left;
width: 165px;
height: 103px;
background: url(../../images/banner2.gif) no-repeat;
text-decoration: none;
padding: 15px;
}

.banner2 a:hover {
background: url(../../images/banner2.gif) no-repeat bottom;
}

.banner_title {
color: #cb4106;
font-size: 1.25em;
font-weight: bold;
border-bottom: 2px solid #eecf9d;
display: block;
padding-bottom: 8px;
margin-bottom: 8px;
}

.banner_txt {
color: #656565;
line-height: 18px;
}

.korisni_linkovi_top {
background: url(../../images/kor_linkovi_top.gif) no-repeat top;
padding-top: 4px;
}

.korisni_linkovi {
background: #f8e29f url(../../images/kor_linkovi_bott.gif) no-repeat bottom;
padding: 11px 15px 15px;
}

.korisni_linkovi ul {
list-style: none;
margin: 0;
padding: 5px 0 0 10px;
}

.korisni_linkovi li {
background: url(../../images/bullet.gif) no-repeat 0 13px;
padding: 5px 0 0 8px;
}

.korisni_linkovi a {
color: #be2d01;
text-decoration: none;
}

.korisni_linkovi a:hover {
color: #C57D00;
text-decoration: underline;
}



/* middle */

#content_mid {
width: 540px;
float: left;
padding: 0 15px;
color: #595959;
}

.content_top {
background: url(../../images/content_top.gif) no-repeat top;
padding-top: 4px;
width: 540px;
float: left;
}

.content {
background: #fff1c6 url(../../images/content_bott.gif) no-repeat bottom;
width: 510px;
float: left;
padding: 11px 15px 15px;
}


#breadcrumbs {
border-bottom: 1px solid #D8D8D8;
padding: 0 0 7px;
margin-bottom: 10px;
}

#breadcrumbs strong {
color: #636B76;
}


/* oglasi */

.oglas {
border-bottom: 1px solid #f7c67f;
float: left;
width: 510px;
padding-bottom: 15px;
margin-bottom: 15px;
}

.oglas_last {
border: 0;
margin: 0;
padding: 0;
}

.oglas_img {
float: left;
width: 192px;
}

.oglas_img img {
border: 1px solid #b7b7b7;
max-width:175px;
}

.oglas_txt {
float: right;
width: 318px;
}

.partner_img {
float: left;
width: 142px;
}

.partner_img img {
border: 1px solid #b7b7b7;
}

.partner_txt {
float: right;
width: 368px;
}

.oglas_kraj {
clear: both;
}

#content_mid .oglas_kraj a {
background: url(../../images/oglas_btn.gif) no-repeat;
width: 102px;
height: 21px;
display: block;
float: left;
color: #FFFFFF;
font-weight: bold;
padding: 5px 0 0 10px;
}

#content_mid .oglas_kraj a:hover {
background: url(../../images/oglas_btn.gif) no-repeat bottom;
color: #7b1000;
text-decoration: none;
}

.oglas strong {
font-weight: normal;
color: #353535;
}


/* detalji oglasa */

#content_mid .oglas_detalji p {
padding: 0 0 10px 0;
}

.oglas_detalji dl {
margin: 0;
padding: 0 0 10px;
float: left;
width: 510px;
}

.oglas_detalji dt {
font-weight: bold;
display: block;
float: left;
width: 125px;
clear: left;
height: 21px;
padding: 4px 0 0 8px;
}

.oglas_detalji dd {
margin: 0;
padding: 0;
display: block;
float: left;
height: 21px;
width: 377px;
padding: 4px 0 0 0;
}

.oglas_red2 {
background: #f8e8b7;
}

#galerija {
clear: both;
padding-top: 5px;
}

.galerija_th, .galerija_th_last {
float: left;
width: 158px;
height: 115px;
margin: 0 15px 15px 0;
border: 1px solid #F7C67F;
}

.galerija_th_last {
margin: 0 0 15px;
}

.galerija_th a, .galerija_th_last a {
display: block;
float: left;
width: 158px;
height: 115px;
background-position: center;
background-repeat: no-repeat;
background-color: #F8C570;
}

.galerija_th a:hover, .galerija_th_last a:hover {
background-color: #F47028;
}


#oglas_opcije {
clear: both;
border-top: 1px solid #F7C67F;
padding-top: 10px;
height: 26px;
}

#content_mid #oglas_opcije a {
font-weight: bold;
font-size: 1.1em;
background: url(../../images/oglas_btn.gif) repeat-x;
float: left;
padding: 4px 0 0;
margin-right: 15px;
display: block;
height: 22px;
width: 112px;
text-align: center;
color: #FFFFFF;
}

#content_mid #oglas_opcije a:hover {
background: #E73841 url(../../images/oglas_btn.gif) repeat-x bottom;
color: #7B1000;
text-decoration: none;
}

.oglas_detalji img {
vertical-align: middle;
}




/* footer */


#footer {
position: absolute;
left: 0px;
bottom: 0px;
display: block;
z-index: 3;
width: 100%;
height: 118px;
text-align: center;
color: #1b1b1c;
}

#footer_txt {
width: 960px;
margin: 0 auto;
height: 98px;
line-height: 18px;
padding-top: 20px;
}

#footer_left {
float: left;
width: auto;
text-align: left;
}

#footer_right {
float: right;
width: auto;
text-align: right;
color: #FFCC41;
}



/* headings */

h1 {
font-size: 1.4em;
color: #666666;
margin: 0 0 13px;
}

h1 strong {
color: #df4c0b;
}

h2 {
font-size: 1.1em;
margin: 0;
}

.oglas_detalji h2 {
color: #df4c0b;
border-top: 1px solid #f7c67f;
padding: 13px 0 8px 0;
clear: both;
}

#content_left h3, .korisni_linkovi h3 {
margin: 0;
font-size: 1.25em;
}

.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;
}

.text h3 {
padding: 20px 0 5px;
font-size: 1.2em;
color: #666666;
margin: 0;
}

.icon_pdf {
vertical-align: middle;
}



/* links */

a {
outline: none;
}

#content_mid a {
color: #ca3b00;
text-decoration: none;
}

#content_mid a:hover {
color: #c57d00;
text-decoration: underline;
}

#footer a {
color: #ffcc41;
text-decoration: none;
}

#footer a:hover {
color: #FFFFFF;
text-decoration: underline;
}


/* other */

#content_mid p {
margin: 0;
padding: 8px 0 10px;
line-height: 18px;
}

#content_mid .text p {
padding: 5px 0 5px;
}

.emph {
font-weight: bold;
}



/* forms */

form {
margin: 0;
padding: 0;
}

input, select, textarea {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1em;
}

.trazilica label {
width: 65px;
display: block;
float: left;
margin-top: 12px;
}

.trazilica select {
background: #fbf4e1;
border: 1px solid #95885f;
padding: 1px;
color: #3e4753;
width: 165px;
float: left;
margin-top: 10px;
}

.trazilica select.trazilica_sel_s {
width: 100px;
}

.trazi_btn {
background: url(../../images/trazilica_btn.gif) no-repeat;
width: 83px;
height: 26px;
border: 0;
cursor: pointer;
color: #FFFFFF;
font-weight: bold;
margin-top: 10px;
float: right;
}

.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;
}

.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;
}
