/*----------------------------------------------------- Typ. ----------------------------------------------------- */ #heading { background: #fff; } #heading.blank { padding-bottom: 31px; } #mainContentWrapper h1 { display: block; font-size: 16px; font-weight: normal; color: #fff; height: 26px; padding: 4px 0 0 15px; background: #fff url(../images/layout/heading.gif) no-repeat 0 0; } #mainContentWrapper #heading h2 { font-size: 12px; font-weight: normal; padding: 8px 15px 5px 15px; margin: 0; } #mainContentWrapper h2 { font-size: 14px; font-weight: bold; margin: 10px 0; } #mainContentWrapper h3, #mainContentWrapper h4, #mainContentWrapper h5, #mainContentWrapper h6 { font-size: 12px; font-weight: bold; margin: 10px 0; } #mainContentWrapper p, #mainContentWrapper ul, #mainContentWrapper ol, #mainContentWrapper table { margin: 0 0 10px 0; } #mainContentWrapper a { color: #5b656c; text-decoration: underline; } #mainContentWrapper a:hover { color: #00a1de; text-decoration: underline; } #mainContentWrapper table { border: 1px solid #f3f6f7; } #mainContentWrapper td { background: #f3f6f7; padding: 3px 5px; } #mainContentWrapper th { font-size: 14px; font-weight: bold; padding: 5px; } #mainContentWrapper table.blank, #mainContentWrapper table.blank td, #mainContentWrapper table.blank th { background: none; border: none; font-weight: normal; padding: 0; } #mainContentWrapper img.left { display: inline; float: left; margin: 1px 10px 5px 0; border: 1px solid #00a1de; padding: 1px; } #mainContentWrapper img.right { display: inline; float: right; margin: 1px 0 5px 10px; border: 1px solid #00a1de; padding: 1px; } #mainContentWrapper img.noborder { border: none; } /*----------------------------------------------------- blank ----------------------------------------------------- */ .blank #mainContentWrapper h1 { display: block; font-size: 16px; font-weight: normal; color: #fff; height: 26px; padding: 4px 0 0 15px; background: #fff url(../images/layout/heading-wide.gif) no-repeat 0 0; } .blank #container { background: transparent url(../images/layout/maincontent-bottom.gif) no-repeat left bottom; width: 960px; } .blank #mainContentWrapper, .wide #mainContentWrapper { width: 960px; } #container.wide { background: transparent url(../images/layout/maincontent-bottom-wide.gif) no-repeat left bottom; } .wide #mainContent { background: transparent url(../images/layout/maincontent-top-wide.gif) no-repeat 0 0; padding: 25px 20px; } .wide #mainContentWrapper h1 { background: #fff url(../images/layout/heading-wide.gif) no-repeat 0 0; } #kalkulator { display: block; float: right; margin: 0 0 10px 10px; padding: 5px 15px 5px 27px; border: 1px solid #00a1de; background: transparent url(../images/layout/calculator.gif) no-repeat 5px 4px; } /*----------------------------------------------------- O NAMA ----------------------------------------------------- */ .wrapper { overflow: hidden; height: 100%; } #onama .leftCol { display: inline; float: left; width: 450px; } #onama .rightCol { display: inline; float: right; width: 430px; } /*----------------------------------------------------- LOKACIJA ----------------------------------------------------- */ #lokacijaMap { width: 650px; margin: 0 auto; } #lokacijaMap h3 { text-align: center; } /*----------------------------------------------------- FOTOGALERIJA ----------------------------------------------------- */ #fotogalerija img { padding: 1px; border: 1px solid #00a1de; margin: 0 5px 5px 5px; } /*----------------------------------------------------- STAN ----------------------------------------------------- */ #tlocrt-stana { display: inline; float: left; width: 430px; text-align: center; margin: 0 0 20px 0; } #tlocrt-stana h2, #podaci h2 { text-align: left; margin-bottom: 20px; } #podaci { display: inline; float: left; width: 200px; margin: 0 0 20px 10px; } #podaci li.pdf { margin-top: 10px; } #stan-bottom { padding: 20px 0 0 0; border-top: 1px solid #e9f6fb; overflow: hidden !important; overflow: visible; height: 100%; clear: both; } #tablica-stana { display: inline; float: left; width: 400px; background: #e9f6fb url(../images/layout/opis-stana-bottom.gif) no-repeat left bottom; padding-bottom: 30px; } #mainContentWrapper #tablica-stana h2 { margin: 0 0 20px 0; padding: 20px 20px 0 20px; background: transparent url(../images/layout/opis-stana-top.gif) no-repeat 0 0; } #pozicija-stana { display: inline; float: right; width: 210px; } #tablica-stana table { width: 340px; margin: 0 20px; border: none; } #tablica-stana table td, #tablica-stana table th { text-align: center; background: #f5fcfe; padding: 2px 4px; } #tablica-stana table td.left, #tablica-stana table th.left { text-align: left; } #tablica-stana table td.right, #tablica-stana table th.right { text-align: right; } #tablica-stana table th { padding: 2px 4px; background: #d7e8ef; } /*----------------------------------------------------- KAT ----------------------------------------------------- */ #tlocrt-kata { width: 310px; margin: 0 0 20px 0; float: left; } #tlocrt-kata h2, .podaci-kat h2 { text-align: left; margin-bottom: 20px; } .podaci-kat { display: inline; float: right; width: 330px; margin: 0 0 20px 10px; } .podaci-kat table { width: 100%; border: none; } .podaci-kat table td, .podaci-kat table th { text-align: center; background: #f5fcff; padding: 4px 0; } .podaci-kat table td.left, .podaci-kat table th.left { text-align: left; } .podaci-kat table td.right,.podaci-kat table th.right { text-align: right; } .podaci-kat table th { padding: 2px 4px; background: #d7e8ef; font-size: 1em; } #mainContent .podaci-kat .blank table { width: 100%; border: none; } #mainContent .podaci-kat .blank table td, #mainContent .podaci-kat .blank table th { text-align: center; background: #f5fcff; padding: 4px 0; } #mainContent .podaci-kat .blank table td.left, #mainContent .podaci-kat .blank table th.left { text-align: left; } #mainContent .podaci-kat .blank table td.right, #mainContent .podaci-kat .blank table th.right { text-align: right; } #mainContent .podaci-kat .blank table th { padding: 2px 4px; background: #d7e8ef; font-size: 1em; } span.zaprod, span.rez, span.prod { border: 1px solid #5b656c; padding: 0 4px; } span.zaprod { background: #f2f9fb; } span.rez { background: #666666; color: #fff; } span.prod { background: #00a1de; color: #fff; } table span.zaprod, table span.rez, table span.prod { display: inline-block; } #mainContent span.zaprod a { background: #f2f9fb; color: #5b656c; text-decoration: underline; } #mainContent span.zaprod a:hover { background: #f2f9fb; color: #5b656c; text-decoration: none; } #mainContent span.prod a { background: #00a1de; color: #fff; text-decoration: underline; } #mainContent span.prod a:hover { background: #00a1de; color: #fff; text-decoration: none; } #mainContent span.rez a { background: #666666; color: #fff; text-decoration: underline; } #mainContent span.rez a:hover { background: #666666; color: #fff; text-decoration: none; } #status li { padding: 0 0 0 15px; margin-bottom: 10px; display: inline; font-size: 12px; } #status li img { padding: 1px; border: 1px solid #5b656c; vertical-align: middle; line-height: 15px; } /*----------------------------------------------------- KAT - Objekt C ----------------------------------------------------- */ .ObjektC #tlocrt-kata { width: 660px; float: none; text-align: center; } .ObjektC .podaci-kat { width: 650px; float: none; clear: both; padding-top: 15px; display: block; } .ObjektC div.left { display: inline; float: left; width: 330px; } .ObjektC div.right { display: inline; float: right; width: 300px; padding: 10px 0 0 10px; } .ObjektC #status { margin-bottom: 20px; } .ObjektC #status li { padding: 0 15px 0 0; } /*----------------------------------------------------- PRODAJA ----------------------------------------------------- */ #prodaja { display: inline; float: left; width: 430px; } #prodaja h2 { margin-top: 0; } #prodaja table { width: 100%; border: none; } #prodaja table td, #prodaja table th { text-align: center; background: #f5fcff; padding: 2px 4px; } #pprodaja table td.left, #prodaja table th.left { text-align: left; } #prodaja table td.right, #prodaja table th.right { text-align: right; } #prodaja table th { padding: 2px 4px; background: #d7e8ef; font-size: 1em; } /*----------------------------------------------------- PRODAJA - upit -> forma ----------------------------------------------------- */ #upit { display: inline; float: right; width: 450px; } #upit li { padding-left: 15px; } #upit #forma { margin-bottom: 30px; } #upit legend { display: none; } #upit fieldset { border: none; } #upit label { display: block; } #upit input.normal, #upit input.error, #upit textarea.normal, #upit textarea.error { display: block; font: normal 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #5b656c; border: 1px solid #00a1de; background: #fff; padding: 2px; width: 200px; margin-bottom: 15px; } #upit textarea.normal, #upit textarea.error { height: 120px; overflow: hidden; } #upit .gumb { font: normal 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; background: #00a1de; border: none; color: #fff; width: 70px; text-align: center; margin: 0 10px 0 0; } .error_message_field { position: absolute; margin: -37px 0 0 220px; font-size: 11px; color: #cc0000; } .error_message_field#err_captcha { margin-top: -37px; } #submitupit input.normal, #submitupit input.error { border: none; } /*----------------------------------------------------- ZAVRŠENI PROJEKTI ----------------------------------------------------- */ .zavrseniWrapper h2 { clear: both; } .zavrseniWrapper .image { display: inline; float: left; width: 340px; margin-bottom: 20px; } .zavrseni { display: inline; float: left; width: 450px; margin-bottom: 20px; } .zavrseni li { list-style: outside square; margin-left: 15px; } /*----------------------------------------------------- MAPA WEBA / 404.html ----------------------------------------------------- */ #mainContent .sitemap { clear: both; margin-bottom: 10px; padding: 0 0 0 40px; } #mainContent .sitemap .sub { padding: 2px 0 2px 15px; } #mainContent .sitemap .sub ul { padding: 2px 0 2px 15px; margin: 0 0 0 0; } #mainContent .kat { display: inline; float: left; width: 150px; padding: 0 0 0 70px; } #mainContent .kat .title { margin-bottom: 5px; } /*----------------------------------------------------- ZOOM - rezultati pretrage ----------------------------------------------------- */ .highlight { background: #cde0e8;} .searchheading { font-size: 130%; font-weight: bold; padding-top:10px; } .summary { font-size: 95%; padding-left:20px; } .suggestion { font-size: 100%; } .results { font-size: 100%; padding: 0 20px; } .category { color: #999999; } .sorting { text-align: right; } .result_title { font-size: 120%; font-weight:bold; } .description { font-size: 110%; padding-left:20px; font-weight:bold;} .context { font-size: 100%; padding-left:20px;} .infoline { font-size: 90%; font-style: normal; color: #808080;} .zoom_searchform { font-size: 100%; width: 510px; margin-left: 180px; text-align: center; } .zoom_results_per_page { margin-left: 10px; position: relative; top: 1px; } .zoom_match { font-size: 90%; margin-left: 10px;} .zoom_categories { font-size: 90%; } .zoom_categories ul { display: inline; margin: 0px; padding: 0px;} .zoom_categories li { display: inline; margin-left: 15px; list-style-type: none; } .zoom_button { font: normal 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #fff; border: 1px solid #00a1de; background: #00a1de; padding: 2px 0; height: 22px; position: relative; top: 1px; } .zoom_searchbox { font: normal 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #5b656c; border: 1px solid #00a1de; background: #fff; padding: 1px 3px; width: 170px; } select { font: normal 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #5b656c; border: 1px solid #00a1de; background: #fff; padding: 2px; width: 40px; } #sredina { width:95%; margin-left:20px; } .result_image { float: left; display: block; } .result_image img { margin: 10px; width: 80px; border: 0px; } .result_block { margin-top: 15px; margin-bottom: 15px; clear: left; } .result_altblock { margin-top: 15px; margin-bottom: 15px; clear: left; } .result_pages { font-size: 100%; } .result_pagescount { font-size: 100%; } .searchtime { font-size: 80%; } .recommended { background: #DFFFBF; border-top: 1px dotted #808080; border-bottom: 1px dotted #808080; margin-top: 15px; margin-bottom: 15px; } .recommended_heading { float: right; font-weight: bold; } .recommend_block { margin-top: 15px; margin-bottom: 15px; clear: left; } .recommend_title { font-size: 100%; } .recommend_description { font-size: 100%; color: #008000; } .recommend_infoline { font-size: 80%; font-style: normal; color: #808080;} .zoom_searchform input { margin-right: 3px; }