/*----------------------------------------------------- HEADER ----------------------------------------------------- */ #onama #headerImage { background: transparent url(../images/layout/header-onama.jpg) no-repeat 0 0; } #reference #headerImage { background: transparent url(../images/layout/header-reference.jpg) no-repeat 0 0; } #naseljeiver #headerImage { background: transparent url(../images/layout/header-naseljeiver.jpg) no-repeat 0 0; } #prodaja #headerImage { background: transparent url(../images/layout/header-prodaja.jpg) no-repeat 0 0; } #najam #headerImage { background: transparent url(../images/layout/header-najam.jpg) no-repeat 0 0; } #prigorskidani #headerImage { background: transparent url(../images/layout/header-najam.jpg) no-repeat 0 0; } #financiranje #headerImage { background: transparent url(../images/layout/header-financiranje.jpg) no-repeat 0 0; } #pitanjaiodgovori #headerImage { background: transparent url(../images/layout/header-pitanjaiodgovori.jpg) no-repeat 0 0; } #kontakt #headerImage { background: transparent url(../images/layout/header-kontakt.jpg) no-repeat 0 0; } #mapaweba #headerImage { background: transparent url(../images/layout/header-mapaweba.jpg) no-repeat 0 0; } /*----------------------------------------------------- CONTAINER-BG ----------------------------------------------------- */ #onama #mainContainer { background: transparent url(../images/layout/onama-bg.jpg) no-repeat 0 0; } #reference #mainContainer { background: transparent url(../images/layout/reference-bg.jpg) no-repeat 0 0; } #naseljeiver #mainContainer { background: transparent url(../images/layout/naselje-iver-bg.jpg) no-repeat 0 0; } #prodaja #mainContainer { background: transparent url(../images/layout/prodaja-bg.jpg) no-repeat 0 0; } #najam #mainContainer { background: transparent url(../images/layout/najam-bg.jpg) no-repeat 0 0; } #prigorskidani #mainContainer { background: transparent url(../images/layout/najam-bg.jpg) no-repeat 0 0; } #financiranje #mainContainer { background: transparent url(../images/layout/financiranje-bg.jpg) no-repeat 0 0; } #pitanjaiodgovori #mainContainer { background: transparent url(../images/layout/pitanjaiodgovori-bg.jpg) no-repeat 0 0; } #kontakt #mainContainer { background: transparent url(../images/layout/kontakt-bg.jpg) no-repeat 0 0; } #mapaweba #mainContainer { background: transparent url(../images/layout/mapaweba-bg.jpg) no-repeat 0 0; } /*----------------------------------------------------- BOJE ----------------------------------------------------- */ /* O NAMA ----------------------------------------------------- */ #onama #subMenu { background: #f0ad07 url(../images/layout/submenu-onama.jpg) no-repeat left bottom; } #onama #mainContainer h1, #onama #mainContainer h2, #onama #mainContainer h3, #onama #mainContainer h4, #onama #mainContainer h5, #onama #mainContainer h6, #onama #mainContainer a, #onama #nav div a, #onama #development a { color: #408d35; } /* REFERNCE ----------------------------------------------------- */ #reference #subMenu { background: #f0ad07 url(../images/layout/submenu-reference.jpg) no-repeat left bottom; } #reference #mainContainer h1, #reference #mainContainer h2, #reference #mainContainer h3, #reference #mainContainer h4, #reference #mainContainer h5, #reference #mainContainer h6, #reference #mainContainer a, #reference #nav div a, #reference #development a { color: #a5cc00; } /* NASELJE IVER ----------------------------------------------------- */ #naseljeiver #subMenu { background: #f0ad07 url(../images/layout/submenu-naseljeiver.jpg) no-repeat left bottom; } #naseljeiver #mainContainer h1, #naseljeiver #mainContainer h2, #naseljeiver #mainContainer h3, #naseljeiver #mainContainer h4, #naseljeiver #mainContainer h5, #naseljeiver #mainContainer h6, #naseljeiver #mainContainer a, #naseljeiver #nav div a, #naseljeiver #development a { color: #e3a100; } /* PRODAJA ----------------------------------------------------- */ #prodaja #subMenu { background: #f0ad07 url(../images/layout/submenu-prodaja.jpg) no-repeat left bottom; } #prodaja #mainContainer h1, #prodaja #mainContainer h2, #prodaja #mainContainer h3, #prodaja #mainContainer h4, #prodaja #mainContainer h5, #prodaja #mainContainer h6, #prodaja #mainContainer a, #prodaja #nav div a, #prodaja #development a { color: #ff7300; } /* NAJAM ----------------------------------------------------- */ #najam #mainContainer h1, #najam #mainContainer h2, #najam #mainContainer h3, #najam #mainContainer h4, #najam #mainContainer h5, #najam #mainContainer h6, #najam #mainContainer a, #najam #nav div a, #najam #development a { color: #e50313; } #prigorskidani #mainContainer h1, #prigorskidani #mainContainer h2, #prigorskidani #mainContainer h3, #prigorskidani #mainContainer h4, #prigorskidani #mainContainer h5, #prigorskidani #mainContainer h6, #prigorskidani #mainContainer a, #prigorskidani #nav div a, #prigorskidani #development a { color: #e50313; } /* FINANCIRANJE ----------------------------------------------------- */ #financiranje #subMenu { background: #f0ad07 url(../images/layout/submenu-financiranje.jpg) no-repeat left bottom; } #financiranje #mainContainer h1, #financiranje #mainContainer h2, #financiranje #mainContainer h3, #financiranje #mainContainer h4, #financiranje #mainContainer h5, #financiranje #mainContainer h6, #financiranje #mainContainer a, #financiranje #nav div a, #financiranje #development a { color: #b57d4f; } .calculator { display: block; float: right; width: auto; margin: -20px 0 0 10px; padding: 0 0 0 20px; background: transparent url(../images/layout/calculator.gif) no-repeat left center; } /* PITANJA I ODGOVORI ----------------------------------------------------- */ #pitanjaiodgovori #subMenu { background: #f0ad07 url(../images/layout/submenu-pitanjaiodgovori.jpg) no-repeat left bottom; } #pitanjaiodgovori #mainContainer h1, #pitanjaiodgovori #mainContainer h2, #pitanjaiodgovori #mainContainer h3, #pitanjaiodgovori #mainContainer h4, #pitanjaiodgovori #mainContainer h5, #pitanjaiodgovori #mainContainer h6, #pitanjaiodgovori #mainContainer a, #pitanjaiodgovori #nav div a, #pitanjaiodgovori #development a { color: #a34e12; } /* KONTAKT ----------------------------------------------------- */ #kontakt #subMenu { background: #f0ad07 url(../images/layout/submenu-kontakt.jpg) no-repeat left bottom; } #kontakt #mainContainer h1, #kontakt #mainContainer h2, #kontakt #mainContainer h3, #kontakt #mainContainer h4, #kontakt #mainContainer h5, #kontakt #mainContainer h6, #kontakt #mainContainer a, #kontakt #nav div a, #kontakt #development a { color: #467100; } /*----------------------------------------------------- Typ. ----------------------------------------------------- */ #mainContainer { line-height: 20px; } #mainContainer h1 { font-size: 30px; font-weight: normal; margin: 0 0 20px 0; } #mainContainer h2 { font-size: 17px; font-weight: normal; margin: 20px 0 10px 0; } #mainContainer h3, #mainContainer h4, #mainContainer h5, #mainContainer h6 { font-size: 12px; font-weight: bold; margin: 15px 0 10px 0; } #mainContainer p, #mainContainer ul, #mainContainer ol { margin: 10px 0; } #mainContainer a { text-decoration: underline; color: #808080; } #mainContainer a:hover { text-decoration: none; } #mainContainer h1 a, #mainContainer h2 a, #mainContainer h3 a, #mainContainer h4 a, #mainContainer h5 a, #mainContainer h6 a { text-decoration: none; } table.blank { width: 100%; margin-bottom: 15px; } .blank th { padding: 5px 10px; border-bottom: 1px solid #808080; } .blank td { padding: 2px 5px; text-align: center; border-bottom: 1px solid #dadada; } #rezultati p { padding: 10px 30px; } th.left, td.left { text-align: left; } th.right, td.right { text-align: right; } #mainContent .bullets li { padding-left: 15px; background: transparent url(../images/layout/sitemap-bullet.gif) no-repeat 0 8px; height: 1%; } /*----------------------------------------------------- Typ. // Reference ----------------------------------------------------- */ #reference #mainContainer img { padding: 2px; border: 1px solid #a5cc00; margin-right: 5px; } #reference #mainContainer img:hover { border: 1px solid #808080; } /*----------------------------------------------------- Typ. // Javni objekti ----------------------------------------------------- */ #mainContainer .uvecanje img { padding: 2px; border: 1px solid #e3a100; margin-right: 5px; } #mainContainer .uvecanje img:hover { border: 1px solid #808080; } /*----------------------------------------------------- KATALOG (ZGRADA) ----------------------------------------------------- */ #zgrada #mainContainer { display: inline; float: right; width: 760px; background: #fff; } #zgrada #mainContent { margin: 20px 110px 0 115px; } #zgrada-tablica { text-align: right; } #zgrada-tablica table { width: 280px; margin-left: 250px; } #zgrada-tablica h3 { padding-right: 85px; } #zgrada-tablica table { font-size: 11px; line-height: 15px; } #zgrada-tablica table td { text-align: right; background: #fcf5e3; color: #e9b818; padding: 1px 3px; border-bottom: 3px solid #fff; } #zgrada-tablica table td.left { text-align: left; color: #70706f; } /*----------------------------------------------------- KATALOG (ETAZA / STAN) ----------------------------------------------------- */ #etaza-stan #mainContainer { display: inline; float: right; width: 760px; background: #fff; } #etaza-stan #mainContent { margin: 0 0 0 20px; } #etaza-stan #mainContainer h1 { font-size: 17px; margin-bottom: 0; } /*----------------------------------------------------- KATALOG (ETAZA, STAN) // OZNAKE STATUSA ----------------------------------------------------- */ .zaprod { } .prod { } .rez { } /*----------------------------------------------------- KATALOG (ETAZA) ----------------------------------------------------- */ #tlocrtEtaze { width: 760px; margin: 0; padding: 0; } /*----------------------------------------------------- KATALOG (ETAZA) // Tablica ----------------------------------------------------- */ #tablica-etaze { position: relative; top: 15px; } #tablica-etaze table { margin: 0 0 20px 20px; } #tablica-etaze table th { font-weight: bold; text-align: center; padding: 5px 0; border-bottom: 1px solid #e3a100; } #tablica-etaze table td { padding: 5px 5px 10px 5px; border-bottom: 1px solid #808080; } #tablica-etaze table td.bg-1 { background: #fff; } #tablica-etaze table td.bg-1:hover { background: #fdf3da; } #tablica-etaze table td.bg-2 { background: #fbfbfb; } #tablica-etaze table td.bg-2:hover { background: #fdf3da; } #mainContent #tablica-etaze a { text-decoration: underline; } #mainContent #tablica-etaze a:hover { text-decoration: none; } /* ---- ZGRADA SA 4 ULAZA ----- */ #tablica-etaze table#zgrada4ul { width: 690px; } #tablica-etaze table#zgrada4ul th { width: 25%; } /* ---- ZGRADA SA 5 ULAZA ----- */ #tablica-etaze table#zgrada5ul { width: 680px; } #tablica-etaze table#zgrada5ul th { width: 20%; } #etaza-stan #mainContainer #rl-uvecanjeslova { margin-top: -30px; } /*----------------------------------------------------- KATALOG (STAN) ----------------------------------------------------- */ #stanWrapper { padding: 30px 0; } #tlocrt-stana { display: inline; float: left; width: 520px; text-align: center; } #tlocrt-stana img { margin-bottom: 15px; } #stan-podaci { display: inline; float: right; width: 235px; } #stan-podaci table { width: 100%; margin-bottom: 20px; } #stan-podaci table td { padding: 3px 1px 3px 0; text-align: right; } #stan-podaci table td.left { padding: 3px 0 3px 5px; text-align: left; } #stan-podaci table .ukupno td { border-top: 1px solid #808080; font-weight: bold; } #polozaj { text-align: center; clear: both; margin-top: 0; } #polozaj h2 { text-align: left; margin-bottom: 20px; margin-top: 0; } #kompas-stan { margin: 20px 0 0 0; text-align: left; } #izdvojeni-linkovi { display: inline; float: right; width: 230px; margin: 0; } #cijene { padding: 0 0 30px 0; font-size: 13px; color: #202020; } #procelje, div#etaza { width: 760px; margin-bottom: 15px; } #etaza-stan #mainContainer #stanWrapper #rl-uvecanjeslova { margin-top: 0; } /*----------------------------------------------------- PRETRAGA STANOVA (Prodaja) ----------------------------------------------------- */ #pretragaStanova { position: relative; width: 715px; height: 130px; } #pretragaStanova fieldset { padding: 0 15px 0 15px; border: 1px solid #808080; } #pretragaStanova legend { color: #808080; background: #fff; padding: 0 5px; font-size: 14px; } #pretragaStanova p { display: inline; float: left; width: auto; font-size: 11px; padding: 0 12px; } #pretragaStanova select { margin: 5px 0 20px 0; font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #808080; border: 1px solid #808080; } #pretragaSubmit { font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #808080; background: #fff; border: 1px solid #808080; padding: 0 2px; width: 45px; height: 20px; position: absolute; right: 60px; bottom: 55px; } #pretragaStanova option { padding: 1px 5px; } /*----------------------------------------------------- PRETRAGA STANOVA (Pregled stanova) ----------------------------------------------------- */ #naseljeiver #pretragaStanova { width: 650px; } #naseljeiver #filteri { margin-left: -115px; } #naseljeiver p { padding: 0 7px; } /*----------------------------------------------------- Rezultati ----------------------------------------------------- */ #rezultati table { width: 100%; } #rezultati th { padding: 5px 10px; border-bottom: 1px solid #808080; } #rezultati td { padding: 2px 5px; text-align: center; border-bottom: 1px solid #dadada; } #rezultati p { padding: 10px 30px; } #rezultati .left { text-align: left; } #rezultati .right { text-align: right; } .bg-1 td { background: #fff; } .bg-1:hover td { background: #fdf3da; } .bg-2 td { background: #fbfbfb; } .bg-2:hover td { background: #fdf3da; } /*----------------------------------------------------- PAGINATOR ----------------------------------------------------- */ #mainContent #paginator { display: table; float: right; margin: 20px 0 0 0; padding: 0; clear: both; } #mainContent #paginator a { display: block; float: left; padding: 2px; border: 1px solid #808080; width: 15px; text-align: center; margin-right: 5px; text-decoration: none; } #mainContent #paginator a:hover { border: 1px solid #ee7203; text-decoration: underline; } #mainContent #paginator a.on, #mainContent #paginator a.on:hover { font-weight: bold; text-decoration: underline; color: #000; background: #fff; border: 1px solid #000; } #mainContent #paginator a.disabled, #mainContent #paginator a.disabled:hover { color: #c2c2c2; text-decoration: none; border: 1px solid #e3e3e3; } #mainContent #paginator li { background: none; padding: 0; margin: 0; line-height: normal; display: inline; } #mainContent ul#paginator li a.on:link, #mainContent ul#paginator li a.on:visited { color: #000; } /*----------------------------------------------------- FOTOGALERIJA (naslovna) ----------------------------------------------------- */ #popis-galerija li { display: block; float: left; width: 140px; padding: 10px; border: 1px solid #808080; margin: 0 10px 10px 0; border: 1px solid #ccc; } #popis-galerija li:hover { border: 1px solid #808080; } #popis-galerija li img { width: 140px; height: 140px; margin-bottom: 5px; } /*----------------------------------------------------- FOTOGALERIJA (popis slika) ----------------------------------------------------- */ #popis-slika li { display: block; float: left; width: 100px; padding: 10px; border: 1px solid #808080; margin: 0 10px 10px 0; border: 1px solid #ccc; text-align: center; } #popis-slika li:hover { border: 1px solid #808080; } #popis-slika li img { width: 100px; height: 100px; margin-bottom: 0; } /*----------------------------------------------------- MAPA WEBA ----------------------------------------------------- */ #sitemap { padding: 0 0 0 100px; } #sitemap ul { padding: 5px 30px; } #sitemap ul ul { padding: 5px 30px; } #sitemap ul li { padding-left: 15px; background: transparent url(../images/layout/sitemap-bullet.gif) no-repeat 0 7px; height: 1%; } #sitemap a { text-decoration: none; } #sitemap a:link, #sitemap a:visited { text-decoration: underline; } #sitemap a:hover, #sitemap a:active { text-decoration: none; } #mapaweba #development a { color: #808080; }