body {
background: #dddcdc url(images/bg_bott.jpg) repeat-x bottom;
margin: 0;
padding: 0;
font-family: Verdana, Arial, Sans-serif;
font-size: 0.7em;
line-height: 17px;
}

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

.error {
background: #ffe19f url(admin/images/error.gif) no-repeat 7px 5px;
border: 1px solid #f0a268;
padding: 15px 10px 10px 50px;
margin-bottom: 10px;
min-height: 20px;
color: #d50000;
font-weight: bold;
}

#container {
width: 920px;
margin: 0 auto;
background: url(images/content.jpg) repeat-y
}

#header_top {
background: #7a7a7a url(images/header_top.jpg) no-repeat;
height: 19px;
color: #FFFFFF;
padding: 2px 0 0 30px;
}

#header {
background: #b1d34d url(images/header_logo.jpg) no-repeat;
height: 108px;
}

#nav {
background: #9a9a9a url(images/nav.jpg) no-repeat;
height: 25px;
text-align: right;
padding-right: 10px;
position:relative; 
z-index:5;
}

#content {
background: url(images/content_top.jpg) no-repeat top;
float: left;
width: 880px;
padding: 10px 20px;
min-height: 650px;
color: #5b5b5b
}

* html #content {
height: 650px;
}

#content img {
border: 0;
}

#footer {
clear: both;
background: url(images/footer.jpg) no-repeat;
height: 43px;
color: #334502;
padding: 12px 30px 0;
}

#footer_left {
float: left;
}

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


/* TOP NAV */

#nav ul {
list-style: none;
margin: 0;
float: right;
}

#nav li {
float: left;
display: block;
height: 25px;
position:relative;
}

#nav li a {
display: block;
height: 21px;
float: left;
text-decoration: none;
background: url(images/nav_hover.jpg) no-repeat 4px 34px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.1em;
font-weight: bold;
padding: 4px 15px 0;
}

#nav a:link, #nav a:visited {
color: #FFFFFF;
}

#nav a:hover, #nav a:active {
color: #6e6e6e;
background: url(images/nav_hover.jpg) repeat-x;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#nav ul ul {visibility:hidden;position:absolute;height:0;top:25px;left:0; width:130px;margin:0;padding:0}
/* another hack for IE5.5 */
* html #nav ul ul {top:30px;t\op:31px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#nav table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
#nav ul ul a, #nav ul ul a:visited {background: url(images/nav.jpg) center top; font-size: 0.9em; height:auto; line-height:14px; padding:4px 10px; width:124px; text-align: left;border-top:1px solid #dcdcdc; font-weight: normal}
#nav ul ul a:hover, #nav ul ul a:active {background:#dcdcdc;}
/* yet another hack for IE5.5 */
* html #nav ul ul a, * html #nav ul ul a:visited {width:150px;w\idth:128px;}

/* make the second level visible when hover on first level list OR link */
#nav ul li:hover ul,
#nav ul a:hover ul{visibility:visible; }



/* LINKS */

#header_top a {
text-decoration: none;
}

#content a {
text-decoration: underline;
}

#header_top a:link, #header_top a:visited,
#content a:link, #content a:visited {
color: #ff880e
}

#content h5 a:link, #content h5 a:visited {
color: #709902;
text-decoration: none;
}

#content h5 a:hover, #content h5 a:active {
color: #709902;
text-decoration: underline;
}

#header_top a:hover, #header_top a:active {
color: #ffcb17;
}

#content a:hover, #content a:active {
color: #eb370d;
}

#content .home_box_left a {
color: #709902;
text-decoration: none;
}

#content .home_box_left a:hover {
color: #ff880e;
text-decoration: underline;
}

.kat_text a, .ostali_stanovi a {
font-weight: bold;
}

.tipovi_stanova a, .tipovi_lokala a {
font-weight: bold;
}

.tip_stanovi a, .table_row_shade a {
margin: 0 3px;
}


#footer a {
font-weight: bold;
text-decoration: none
}

#footer a:link, #footer a:visited {
color: #ffffff
}

#footer a:hover, #footer a:active {
color: #ffffff;
text-decoration: underline
}


/* HEADINGS */

#header h1 {
display: none;
}

h1 {
font-family: Verdana, Sans-serif;
color: #a7a7a7;
font-size: 1.6em;
margin: 5px 0;
border-bottom: 2px solid orange;
padding-bottom: 10px;
}

h1.sub {
border: 0;
margin-bottom: 5px;
margin-top: 0;
clear: both;
border-top: 2px solid #d3d3d3;
padding-top: 15px;
}

h1.sub2 {
border: 0;
margin-bottom: 5px;
clear: both;
padding-top: 15px;
}

.tip_h1 {
margin-right:230px;
}

.tip_h1_info {
color: #bcbcbc;
}

.tip_h1_info em {
color: #a9ce41;
font-style: normal;
height: 30px
}

.tip_h1_info sup {
font-size: 0.6em;
}

* html .tip_h1_info sup, .tipovi_stanova sup {
vertical-align: top
}

h2 {
font-family: Verdana, Sans-serif;
color: #789c2d;
font-size: 1.3em;
font-weight: bold;
margin: 0;
padding: 10px 0;
}

.home_box_left h3, .home_box_right h3,
.home_box_left_last h3 {
font-family: Verdana, Sans-serif;
background: url(images/h3.jpg) repeat-x bottom;
height: 22px;
color: #ffffff;
font-size: 1.3em;
margin: 0;
font-weight: bold;
/*letter-spacing: 1px;
word-spacing: 2px;*/
padding: 5px 0 0 10px;
}

.home_box_left_last img {
float: left;
}

.home_box_left h3, .home_box_left_last h3 {
font-size: 1.2em;
/*height: 20px;
padding-top: 5px*/
}

h4 {
font-size: 1.1em;
margin: 0;
color: #6b6b6b
}

h5 {
font-size: 1em;
margin: 0;
color: #909090;
padding: 5px 10px 0
}

.eks_oglas h5 {
color: #709902;
padding: 7px 15px 7px 15px
}

/* */


.current {
color: #afd14b
}

hr {
margin: 0;
clear: both;
}

hr.orange {
border: 1px solid #f8a44b;
}

hr.grey {
border: 1px solid #d3d3d3;
}

.center_img {
border: 0;
}


/* HOME BOXES */

#content_left {
float: left;
width: 226px;
}

#content_right {
float: right;
width: 644px;
}

.home_box_left, .home_box_right,
.home_box_left_last {
background: #ffffff;
border: 1px solid #dddcdc;
margin-bottom: 10px;
}

.home_box_left {
float: left;
width: 224px;
/* padding-bottom: 5px; */
}

.home_box_left img {
border: 0;
float: left;
margin-left: 40px;
}

.home_box_left ul {
list-style: none;
margin: 0 10px;
padding: 0 0 5px 20px;
border-bottom: 1px solid #dddcdc;
}

.home_box_left#najam_box ul, #projekti_box.home_box_left ul,
.home_box_left ul#home_box_ul_last {
border: 0;
}

#najam_box.home_box_left ul, #projekti_box.home_box_left ul {
padding-top: 5px;
}

.home_box_left li {
background: url(images/button.gif) no-repeat 0 7px;
padding-left: 10px;
}

img.float {
margin-right: 13px;
margin-left: 0;
border: 1px solid #DDDCDC
}

img.unfloat {
border: 1px solid #DDDCDC;
float: none;
margin-left: 50px;
}

.home_box_right {
float: right;
width: 644px;
background: #ffffff url(images/home_boxes.jpg) repeat-x bottom;
margin-bottom: 10px;
}

.home_box_left_last {
float: left;
margin-bottom: 0;
background: #ffffff url(images/home_boxes.jpg) repeat-x bottom;
margin-bottom: 10px;
width: 224px;
}

.home_box_left strong {
color: #909090;
font-size: 1.1em;
}

.home_box_search {
padding:8px 15px 10px;
}

.home_box_search strong {
color: #909090;
}

.home_box_img {
text-align: center;
}

.home_box_text {
background: url(images/home_about_text.jpg) repeat-x bottom;
border-top: 1px solid #dddcdc;
padding: 10px 15px 10px;
font-size: 1em;
line-height: 17px;
float: left;
color: #5b5b5b;
width: 614px;
text-align: justify
}

.eks_oglas {
float: left;
width: 180px;
border: 1px solid #dddcdc;
margin-right: 10px;
text-align: center;
padding: 0 10px 10px;
display: inline;
}

.eks_oglas_txt {
text-align: left;
padding: 5px 0 0 10px;
}

.eks_oglas img {
max-width: 180px;
max-height: 120px;
width: expression(this.width > 180 ? 180: true);
height: expression(this.height > 120 ? 120: true);
}

.more_link {
font-weight: bold;
display: block;
text-align: right;
font-size: 1.1em;
padding-top: 5px;
}

.eks_oglas .more_link {
font-size: 1em;
}

.clear {
height: 1px;
margin: 0;
clear: both;
}

.oglas_det_back {
clear: both;
padding-top: 15px;
font-weight: bold;
}

.detalji_img_big {
background: #F4F4F4;
border: 1px solid #B5B5B5;
float: right;
width: 250px;
padding: 10px;
margin-top: 5px;
}

.detalji_img_big img {
max-width: 250px;
max-height: 188px;
width: expression(this.width > 250 ? 250: true);
height: expression(this.height > 188 ? 188: true);
}

input, select, textarea {
background: url(images/input.jpg) repeat-x bottom;
border: 1px solid #b9b9b9;
font-family: Verdana, Arial, Sans-serif;
color: #303030;
margin-top: 5px;
font-size: 1em;
}

select {
width: 165px;
background: #ffffff
}

option {
background: #ffffff
}

.home_box_search select {
margin: 2px 0 7px;
}

.button, #contact_form .button {
background: #f3f3f3 url(images/button.jpg) repeat-x bottom;
width: 65px;
margin-top: 10px;
padding: 2px 0
}

#contact_form .button {
margin-top: 0;
}

legend {
display: none;
}

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

#contact_form input, #contact_form textarea {
width: 300px;
margin-top: 3px;
margin-bottom: 10px;
padding: 2px
}

.alert {
color: #FF0000
}


/* TIP DIVOVI */

.tlocrt_kat_img {
text-align: center;
float: right;
width: 400px;
}

.tlocrt_kat img {
margin: 10px 0 15px 0;
max-height: 250px;
height: expression(this.height > 250 ? 250: true);
max-width: 380px;
width: expression(this.width > 380 ? 380: true);
}

.kat_text {
float: left;
/*width: 330px;*/
}

.kat_text dl {
margin: 0;
padding-bottom: 15px;
}

.kat_text dt {
font-weight: bold;
color: #919191;
letter-spacing: 1px;
word-spacing: 1px;
}


.tlocrt_stan img {
margin-bottom: 20px;
float: left;
max-width: 320px;
width: expression(this.width > 320 ? 320: true);
}

.stan_text {
float: right;
background: #f4f4f4;
width: 260px;
min-height: 337px;
padding: 15px 20px 0 20px;
margin-bottom: 20px;
color: #919191
}

* html .stan_text {
height: 337px;
}

.stan_text table {
width: 200px;
margin-bottom: 15px;
}

.ukupno_kv {
font-weight: bold;
}

.ukupno_kv td {
border-top: 1px solid #c8c8c8;
padding-top: 3px;
letter-spacing: 1px;
word-spacing: 1px;
}

.sobe_kv {
text-align: right;
color: #5b5b5b;
font-weight: bold
}

.ukupno_kv .sobe_kv {
color: #87ab20;
}

.kv_title {
color: #5b5b5b;
font-weight: bold;
font-size: 1.2em;
letter-spacing: 1px;
word-spacing: 1px;
padding-bottom: 5px
}

.sobe_kv_zadnja td {
padding-bottom: 5px;
}

.stan_text p {
color: #5b5b5b;
font-size: 0.9em;
}

.ostali_stanovi {
/*float: left;*/
border-color: #c5c4c4;
border-width: 0 0 1px 1px;
border-style: solid;
}

.ostali_stanovi td {
width: 150px;
height: 25px;
padding-left: 20px;
border-color: #c5c4c4;
border-width: 1px 1px 0 0;
border-style: solid;
}

.green_text, .yellow_text, .red_text {
font-weight: bold;
letter-spacing: 1px;
word-spacing: 1px;
}

.green_text {
color: #3cac05;
}

.yellow_text {
color: #bfa80d;
}

.red_text {
color: #ef1717;
}

.tip_cijena {
/*float: right;*/
width: 350px;
padding-top: 15px;
}

.tip_cijena p {
font-size: 0.85em;
line-height: 15px;
margin-top: 7px
}

.tip_cijena table {
border-color: #c5c4c4;
border-width: 0 1px 1px 1px;
border-style: solid;
width: 343px;
background: url(images/cijena.jpg) repeat-x bottom
}

.tip_cijena td {
border-color: #c5c4c4;
border-width: 1px 0 0 0;
border-style: solid;
padding: 3px 20px 1px 20px
}

.cijena_text {
text-align: right;
font-weight: bold;
color: #87ab20;
}


/* TIPOVI STANOVA */

.tipovi_stanova, .tipovi_lokala, .oglasi {
border-color: #c5c4c4;
border-width: 0 0 1px 1px;
border-style: solid;
width: 100%;
text-align: center;
font-size: 1em;
color: #919191;
}

.tipovi_stanova, .oglasi {
margin-top: 10px;
}

.tipovi_lokala {
width: 650px;
}

.tipovi_stanova td, .tipovi_lokala td, .oglasi td {
border-color: #c5c4c4;
border-width: 1px 1px 0 0;
border-style: solid;
padding: 1px 0
}

.tipovi_stanova_naslov td, .oglasi_naslov td {
background: #efefef;
border-bottom: 2px solid #99bf32;
font-weight: bold;
font-size: 1em;
color: #919191;
padding: 5px 0 5px
}

.tipovi_sep td, .oglasi_sep td {
border-bottom: 2px solid #99bf32;
}

td.tipovi_subtable {
padding: 0; 
border-right: 0
}

.tipovi_subtable table {
width: 100%;
height: 48px;
}

.tipovi_subtable td {
border-bottom: 0;
}

.tipovi_subtable_row1 td {
border-top: 0
}

.tipovi_subtable_col1 {
width: 128px;
}

.tip_stana {
width: 155px;
}

.tip_stanovi {
width: 180px;
}

.tipovi_lokala .tip_stana {
line-height: 14px;
}

.tip_stana_small {
font-size: 0.8em;
font-weight: normal;
color: #757575
}

.tip_kat {
width: 129px;
}

td.tip_stana_pojed, td.oznaka_lokala_pojed {
border-bottom: 2px solid #99bf32;
font-size: 1.1em;
letter-spacing: 1px;
word-spacing: 1px;
vertical-align: middle;
line-height: 22px;
}

td.oznaka_lokala_pojed {
line-height: 20px;
}

.tip_povrsina {
font-size: 0.9em;
letter-spacing: 0;
word-spacing: 0;
font-weight: bold;
}

.tip_povrsina strong {
color: #789c2d;
}

td.oznaka_lokala_pojed {
border-top: 1px solid #c5c4c4;
border-bottom: 0;
}

td.tip_stana_pojed_last {
font-size: 1.1em;
letter-spacing: 1px;
word-spacing: 1px;
vertical-align: top
}

.table_row_shade td, .table_row_shade {
background: #efefef;
}

p {
margin: 8px 0 10px;
}

.status_div {
float: left;
/*border: 1px solid #c5c4c4;*/
width: 46%;
text-align: center;
margin: 13px -1px 0 0;
padding: 15px 0;
height: 192px;
background: url(images/home_about_text.jpg) repeat-x bottom;
border: 1px solid #dddcdc;
}

.status_img {
max-height: 192px;
max-width: 270px;
width: expression(this.width > 270 ? 270: true);
height: expression(this.height > 192 ? 192: true);
}

#noviprojekt {
background: url(images/projekti.jpg) no-repeat;
float: left;
width: 224px;
height: 362px;
}

#noviprojekt ul {
padding-left: 30px;
margin: 15px 0 0 0;
}

#content .oglasi img {
width: 80px;
margin: 4px 0;
border: 1px solid #ABD044;
}

#content .oglasi .oglas_cijena img {
width: 17px;
vertical-align: middle;
margin: 0;
border: 0;
}

.oglas_cijena {
font-weight: bold;
}

.oglasi_td1 {
width: 95px;
}

.oglasi_td2 {
width: 150px;
}

.oglasi_td3 {
width: 110px;
}

.oglasi_td4 {
width: 80px;
}

.oglasi_td5 {
width: 80px;
}

.oglasi_td6 {
width: 120px;
}

#images img {
border: 1px solid #b5b5b5;
}

.detalji_img {
background: #F4F4F4;
width: 170px;
height: 120px;
text-align: center;
float: left;
margin: 8px 12px 8px 0;
border: 1px solid #b5b5b5;
padding-top: 8px;
display: inline;
}

.detalji_img img {
max-width: 150px;
max-height: 110px;
width: expression(this.width > 140 ? 140: true);
height: expression(this.height > 110 ? 110: true);
}

.detalji_txt {
line-height: 22px;
padding-bottom: 20px;
}