body { background: #fff url('/images/layout/body_bg.gif') repeat-x; font-family: Arial, Helvetica, sans-serif; } #container { width: 900px; margin: 0 auto; padding: 10px 14px 0 14px; background: url('/images/layout/container.png') repeat-y; } /* =Header ----------------------------------------------- */ #header { position: relative; height: 230px; margin-bottom: 10px; background-color:#e62026} #header h1 a { display: block; text-indent: -5000px; width: 120px; height: 105px; background: url('') no-repeat; position: absolute; left: 40px; top: 45px; z-index: 10; } #flash-area { position: absolute; right: 0; bottom: 33px;} #lang { position: absolute; right: 10px; top: 0; z-index: 15; } #lang h3 { display: none; } #lang ul {margin-top:20px} #lang ul li { display: inline; } #lang ul li a { display: block; float: left; text-indent: -5000px; width: 29px; height: 29px; margin-left: 6px; } #lang ul li.item-1 a { background: url('/images/icons/cro.png') no-repeat; } #lang ul li.item-2 a { background: url('/images/icons/eng.png') no-repeat; } #lang ul li.item-3 a { background: url('/images/icons/fra.png') no-repeat; } #main-nav { position: absolute; bottom: 0; left: 0; height: 36px; background: #e62026; width: 900px;} #main-nav h3 { display: none; } #main-nav ul li { float: left; background: url('/images/layout/main_nav_divider.gif') right repeat-y; padding-right: 2px; } #main-nav ul li a { display: block; float: left; padding: 11px 15px; font-size: 11px; text-transform: uppercase; color: #fff; text-decoration: none; } #main-nav ul li.last-item { float: right; background: none; padding: 0; } #main-nav ul li.last-item a { background: url('/images/icons/kontakt.gif') left no-repeat; padding-left: 36px; } #main-nav ul li.last-item a:hover { background: #c91016 url('/images/icons/kontakt.gif') left no-repeat; } #main-nav ul li a:hover, #main-nav ul li a.active { background: #c91016; } /* =Columns ----------------------------------------------- */ .column.one { float: left; width: 180px; margin-right: 10px; } .column.one h3, .column.two h2 { background: #f1f1f1; border-bottom: 1px solid #fff; font-size: 12px; text-transform: uppercase; color:#FF0000; padding: 13px 0 0 40px; height: 27px; font-weight: bold; } .column.two2 h2 { background: #f1f1f1; border-bottom: 1px solid #fff; font-size: 12px; text-transform: uppercase; color: #666; padding: 13px 0 0 40px; height: 27px; font-weight: bold; margin-bottom:10px} .column.two2 h2 a{color:#666666;font-size:11px;text-transform:none;font-weight:normal} .column.two2 h2 a:hover{text-decoration:none} .column.one h3.nekretnine { background: #ddd url('/images/icons/nekretnine.png') left no-repeat; } .column.one h3.po-gradovima { background: #ddd url('/images/icons/po_gradovima.png') left no-repeat; } .column.one h3.prijava { background: #ddd url('/images/icons/prijava.png') left no-repeat; } .column.one h3.izaberi { background: #ddd url('/images/icons/izaberi.png') left no-repeat; } .column.one ul.nav { background: #eee; padding: 1px 10px 5px 10px; margin-bottom: 10px; } .column.one ul.nav li { background: url('/images/layout/column_one_li_divider.gif') bottom left no-repeat; padding: 1px 0 2px 0; } .column.one ul.nav li.last-item { background: none; } .column.one ul.nav li a { display: block; text-decoration: none; font-size: 11px; color: #888; padding: 6px 0; } .column.one ul.nav li a:hover, .column.one ul.nav li a.active { background: url('/images/layout/column_one_a_hover.gif') top no-repeat; color: #555; } .column.one fieldset { background: #eee; padding: 15px; margin-bottom: 10px; } .column.one fieldset .input-text, .column.one fieldset select, #search li select { background: #fff; border: 1px solid #999; padding: 4px 3px; font-size: 11px; color: #bbbbbb; width: 140px; margin-bottom: 10px; } .column.one .input-text:hover, .column.one select:hover, #search select:hover { border: 1px solid #5c5c5c; } .column.one fieldset .input-button { background: url('/images/form/prijavi_se.gif') no-repeat; width: 88px; height: 26px; cursor: pointer; border: none; text-indent: -5000px; font-size: 1px; color: #ea252a; float: right; } .column.one fieldset .input-button:hover { background-position: right; } .column.one fieldset label { font-size: 11px; font-weight: bold; display: block; margin-bottom: 5px; color: #888; } .column.one fieldset select { width: 148px; color: #999; } .column.one fieldset select.custom { margin: 0; } .column.two { width: 488px; float: left; margin: 0 10px 10px 0; } .column.two2 { width: 710px; float: left; margin: 0 0px 10px 0; } .column.two h2 { padding-left: 20px;} .column.two2 h2 { padding-left: 12px; font-weight:normal;font-size:11px;text-transform:none} #search { background: url('/images/layout/search.gif') repeat; width: 448px; height: 188px; padding: 16px 20px; position: relative; margin-bottom: 10px; } #search legend { display: none; } #search li { float: left; width: 136px; margin: 0 19px 8px 0; } #search li.last-row-item { margin-right: 0; } #search li label { display: block; margin-bottom: 6px; font-size: 11px; font-weight: bold; color: #888; } #search li .input-button { background: url('/images/form/pretrazi.gif') no-repeat; width: 83px; height: 26px; border: none; cursor: pointer; text-indent: -5000px; font-size: 0px; color: #e52329; position: absolute; right: 35px; bottom: 31px; } #search li .input-button:hover { background-position: right; } #search li select { color: #777; } #search .gumb{text-align:right;clear:both} #search .gumb .input-button { background: url('/images/form/pretrazi.gif') no-repeat; width: 83px; height: 26px; border: none; cursor: pointer; text-indent: -5000px; font-size: 0px; color: #e52329;margin-bottom:10px; } #search .gumb .input-button:hover { background-position: right; } #main-content { padding: 18px; background: #fff;font-size: 12px; color:#333333;} #main-content .tekst a{color:#666666} #main-content .tekst a:hover{color:#666666;text-decoration:none} #main-content .tekst ul{margin-left:30px;margin-bottom:30px} #main-content .tekst ul li{margin-top:2px;margin-bottom:2px;list-style-type:square} #main-content2 { padding: 0px; background: #fff; } #main-content p{margin-bottom:15px} #main-content2 p{margin-bottom:15px} #main-content2 .uokviri .listing{background:#faf8f8} #main-content h3{margin-bottom:15px;font-size:14px;font-weight:bold} #main-content a{color:#666666} #main-content a:hover{color:#666666;text-decoration:none} .izbor { margin-bottom: 6px; } .izbor li { width: 220px; position: relative; float: left; margin: 0 10px 15px 0; } .izbor li.last-row-item { float: right; margin-right: -18px; } .izbor li h3 a { font-size: 11px; font-weight: bold; color: #e62026; margin-bottom: 6px; display: block; text-decoration: none; } .izbor li h3 a:hover { color: #666; } .izbor li img { background: #fff; padding: 2px; border: 1px solid #cbcbcb; float: left; margin: 0 10px 10px 0; } .izbor li img:hover { border: 1px solid #909090; } .izbor li p { font-size: 11px; color: #777; line-height: 1.5; margin-top: 4px; } .izbor li p strong { font-weight: bold; } .izbor li p span { color: #e62026; } .izbor li ul { background: #ffff00; padding: 5px 0 5px 18px; width: 220px; clear: both; margin-left: -18px; } .izbor li ul li { width: auto; margin: 0; font-size: 11px; display: block; margin-right: 10px; font-size: 11px; font-weight: bold; color: #777; } .izbor li ul li span { display: none; } .izbor li ul li.item-1 { background: url('/images/icons/ponuda_icon1.gif') right no-repeat; padding-right: 25px; } .izbor li ul li.item-2 { background: url('/images/icons/ponuda_icon2.gif') right no-repeat; padding-right: 18px; } .izbor li ul li.item-3 { background: url('/images/icons/ponuda_icon3.gif') right no-repeat; padding-right: 20px; } .izbor li ul li.item-4 { background: url('/images/icons/ponuda_icon4.gif') right no-repeat; padding-right: 17px; } .izbor li ul li.item-5 { background: url('/images/icons/ponuda_icon5.gif') right no-repeat; padding-right: 20px; } #pagination { text-align: center; font-size: 11px;} #pagination a { color: #777; text-decoration: none; margin: 0 4px; } #pagination a:hover { color: #222; } #pagination a.current { font-weight: bold; color: #666; } .column.three { width: 212px; float: left; font-size: 11px; margin-bottom:20px;text-align:center} .featured { background: #fff; padding: 4px; margin-bottom: 10px; } .featured img { background: #fff; padding: 2px; border: 1px solid #dcdcdc; margin-bottom: 8px; display: block; } .featured h3 { font-weight: bold; font-size:20px;color: #e62026; margin-bottom: 0px;padding-bottom:0px } .featured h4 { font-weight: bold; font-size:12px;color: #e62026; margin-bottom: 8px; } .featured p { color: #888; } .featured .blokic { color: #888; padding: 10px; background: url('/images/layout/column_three_border.gif') top left no-repeat; } .featured p strong { font-weight: bold; } #ads li { display: block; margin-bottom: 10px; } /* =Footer ----------------------------------------------- */ #footer { height: 40px; background: #e62026; clear: both; position: relative; font-size: 11px; } #footer ul { position: absolute; top: 13px; left: 18px; } #footer ul li { display: inline; } #footer ul li a { color: #ddd; text-decoration: none; } #footer ul li a.active, #footer ul li a:hover { color: #fff; } #footer p { color: #ddd; position: absolute; right: 18px; top: 13px; } #footer p strong { color: #fff; } /* Moje */ .uokviri{padding-bottom:20px;} .uokviri a{color:#666666;text-decoration:underline} .uokviri a:hover{color:#666666;text-decoration:none} .uokviri .listing{margin-bottom:10px;background-color:#faf8f8} .uokviri .listing .zuto{font-size: 11px; font-weight: bold; color: #666; text-decoration: none;padding:0px;margin:0px;background-color:#ffff00;height:27px} .uokviri .listing .zuto .naslov{float:left;width:400px;height:17px;padding:7px 0px 3px 10px;background-color:#ffff00;} .uokviri .listing .zuto .naslov a{color: #666;text-decoration:none;} .uokviri .listing .zuto .naslov a:hover{text-decoration:underline} .uokviri .listing .zuto .naslov .vruca {color:red} .uokviri .listing .zuto .ikone{float:right;text-align:right;width:auto;margin:0px;background-color:#ffff00;padding:5px 5px 5px 10px;height:17px;} .uokviri .listing .zuto .ikone img{margin-left:4px;margin-right:4px} .uokviri .oznaka{margin-top:8px;font-size: 11px;color: #666;} .uokviri .podaci{font-size: 11px;color: #666;background-color:#fff;padding:10px 0px 0px 10px;overflow:auto;height:155px} .uokviri .podaci2{font-size: 11px;color: #666;background-color:#fff;padding:10px 0px 0px 10px;overflow:auto;height:250px;} .uokviri .podaci .slicica{float:left;width:200px;text-align:left;} .uokviri .podaci2 .slicica2{float:left;width:340px;text-align:left;} /*.uokviri .podaci img{padding:2px}*/ .uokviri .podaci img{ background: #fff; padding: 2px; border: 1px solid #cbcbcb;} .uokviri .podaci2 img{ background: #fff; padding: 2px; border: 1px solid #cbcbcb;} .uokviri .podaci img:hover { border: 1px solid #909090; } .uokviri .podaci2 img:hover { border: 1px solid #909090; } .uokviri .podaci .brojevi{float:left;line-height:18px;width:200px;} .uokviri .podaci2 .brojevi{float:left;line-height:18px;width:200px;} .uokviri .podaci .opisi{float:left;line-height:18px;width:270px;margin-left:0px 0px 0px 10px;} .uokviri .podaci2 .opisi{float:left;line-height:18px;width:300px;margin-left:0px 0px 0px 10px;} .uokviri .podaci .brojevi .debelo{font-weight:bold;} .uokviri .podaci2 .brojevi .debelo{font-weight:bold;} .uokviri .podaci .brojevi a{color: #666;} .uokviri .podaci2 .brojevi a{color: #666;} .uokviri .podaci .brojevi a:hover{color: #666;text-decoration:none} .uokviri .podaci2 .brojevi a:hover{color: #666;text-decoration:none} .uokviri .podaci .opisi .debelo{font-weight:bold;} .uokviri .podaci2 .opisi .debelo{font-weight:bold;} .uokviri .podaci .opisi a{font-size: 11px;color: #666;} .uokviri .podaci2 .opisi a{font-size: 11px;color: #666;} .uokviri .podaci .brojevi .crveno{color:#e62026} .uokviri .podaci2 .brojevi .crveno{color:#e62026} .velika_slika{text-align:center;background-color:#efefef;padding-top:20px;padding-bottom:10px} .velika_slika img{padding:2px;background-color:#fff;border:1px solid #ccc} .velika_slika .razmak_bijelo{margin-left:20px;margin-right:20px;background-color:#FFFFFF;padding:10px;} .okvir_slike{padding:2px;background-color:#fff;border:1px solid #ccc} .ostale_slike{text-align:center;background-color:#efefef;} .ostale_slike .razmak_bijelo{margin-left:20px;margin-right:20px;background-color:#FFFFFF;padding:10px;} .podaci_nekretnine{text-align:left;background-color:#efefef;padding:10px 20px 10px 20px;font-size:11px;color:#666666;line-height:18px} .podaci_nekretnine p{margin-bottom:5px;padding:0px} .podaci_nekretnine_lijevo{float:left;width:310px;background-color:#FFFFFF;padding:10px} .podaci_nekretnine_desno{float:right;width:310px;background-color:#FFFFFF;padding:10px} .kontakt_nekretnine{text-align:left;background-color:#efefef;padding:0px 20px 20px 20px;font-size:11px;color:#666666;line-height:18px} .kontakt_nekretnine p{margin-bottom:5px;padding:0px} .kontakt_nekretnine_lijevo{float:left;width:310px;background-color:#FFFFFF;padding:10px} .kontakt_nekretnine_desno{float:right;width:310px;background-color:#FFFFFF;padding:10px} .kontakt_nekretnine_desno img{margin-right:10px} #main-content .listanje_usluga{padding-top:10px;} #main-content .listanje_usluga h3 a{color:#666666} #main-content .listanje_usluga h3 a:hover{text-decoration:none} .necrta{border-top:none} .crta{border-top:1px solid #E4E4E4;} .pregled_stanova{color:red;font-size:14px;text-align:center;font-weight:bold} .pregled_stanova a{color:red;text-decoration:underline} .pregled_stanova a:hover{color:red;text-decoration:none} .tablica{margin-bottom:15px} .tablica td{padding:5px 5px 5px 0px;border-bottom:1px solid #ccc} .tablica .pedeset{width:50%} .tablica a{color:#666666} .tablica a:hover{color:#666666;text-decoration:none} .tablica2{margin-bottom:15px} .tablica2 td{padding:5px 5px 5px 0px;} .tablica2 .pedeset{width:50%} .tablica2 a{color:#666666} .tablica2 a:hover{color:#666666;text-decoration:none} .tablica3{margin-bottom:15px} .tablica3 td{padding:5px 5px 5px 0px;border-bottom:1px solid #ccc} .tablica3 .pedeset{width:50%} .tablica3 a{color:#666666;text-decoration:none} .tablica3 a:hover{color:#666666;text-decoration:underline} /* Forma upit */ #forma_upit{color:#666666} #forma_upit .okruzi_formu{margin: 20px 0px 20px 40px} #forma_upit legend{margin-left:10;margin-right:10px} #forma_upit fieldset{border:1px solid #E4E4E4} #forma_upit input#imeprezime{padding:2px;margin-bottom:5px} #forma_upit input#email{padding:2px;margin-bottom:5px} #forma_upit input#adresa{padding:2px;margin-bottom:5px} #forma_upit input#telefon{padding:2px;margin-bottom:5px} #forma_upit input#go{color:#FFFFFF;font-weight:bold;font-size:11px;text-transform:uppercase;padding: 3px 10px 3px 10px;background-color:#e62026;border:none} .debelo{font-weight:bold;} .ocisti{clear:both;} .centriraj{text-align:center} .crveno{color:#FF0000;font-weight:bold} .tablica3 .zeleni_font{color:#00CC33;} .tablica3 .crveni_font{color:#FF0000} .tablica3 .crni_font{color:#FF00FF} .tablica3 .plavi_font{color:#006699} #container .prodajte{background-color:#f1f1f1;margin-bottom:10px;text-align:center;border:none;padding:10px;font-size: 12px; text-transform: uppercase; color: #666; font-weight: bold;} #container .prodajte a{color: #FF0000;} #container .prodajte a:hover{color: #666;text-decoration:none} #container .crveno{color:#ff0000} #container .crno{color:#000}