/* Author: Origami.hr */ /* Cleanup & reset *******************************/ * { margin: 0; padding: 0; } body { background-color: #ECECEC; color: #777; font: 62.5% Arial, Verdana, sans-serif; text-align: center; line-height: 1.5; } /* Float clearing *******************************/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ /* General element styles *******************************/ a { color: #ae0000; text-decoration: none; outline: 0; } a:hover { text-decoration: underline; } a img { border: 1px solid #CCCCCC; } a:hover img { border-color: #AE0000; } p { margin: 0.7727em 0; } hr { border:1px solid #ddd; } #container ul { margin-left: 10px; list-style-position: inside; list-style-type: disc; } #print_button { float: right; width: 25px; display: block; } #print_button img { border: none;} /* White & Grey button box (text container) **********************************************/ #page_view ul { margin-left: 0; padding-left: 1em; text-indent: -1em;} #page_view ul li{ margin-bottom: 5px; } .box_link, #user_menu a, #top_navigation li, .wbutton { background: transparent url("images/button_box.gif") no-repeat scroll 0 -24px; display: inline-block; height: 24px; line-height: 23px; margin-top: 1px; padding-left: 10px; } .box_link span, #user_menu a span, #top_navigation li span, .wbutton span { background: transparent url("images/button_box.gif") no-repeat scroll 100% -24px; display: inline-block; height: 24px; padding-right: 15px; padding-left: 5px; } #user_menu a.active, #top_navigation li.active, #top_info li, .gbutton { background: transparent url("images/button_box.gif") no-repeat scroll 0 0; display: inline-block; height: 24px; line-height: 23px; margin-top: 1px; padding-left: 10px; color: #777; cursor: default; text-decoration: none; } #user_menu a.active span, #top_navigation li.active span, #top_info li span, .gbutton span { background: transparent url("images/button_box.gif") no-repeat scroll 100% 0; display: inline-block; height: 24px; padding-right: 15px; padding-left: 5px; } /* Boxes *******************************/ .box { margin-bottom: 12px; } .box b.t, .box b.t b, .box b.b, .box b.b b { display: block; background: transparent url("images/box.gif") no-repeat scroll 0 0; height: 4px; } .box b.t, .box b.b { padding-left: 10px; } .box b.t b, .box b.b b { padding-right: 15px; padding-left: 5px; background-position: 100% 0; } .box b.b, .box b.b b { background-position: 0 -4px; } .box b.b b { background-position: 100% -4px; } .box div.c { background-color: #fff; border-left: 1px solid #DDD; border-right: 1px solid #CCC; padding: 5px 10px; } #content .box div.c { padding: 10px 20px; } #left_col b.b { margin-bottom: 10px; } /* Layout *******************************/ #top_container, #aligner { width: 940px; text-align: left; margin: 0 auto; } #top { background-color: #fff; border-bottom: 1px solid #e7e7e7; margin-bottom: 12px; } #top ul li { float: left; } #top_container { padding: 7px 0; font-size: 1.1em; font-weight: bold; } #top_info { float: left; } #top_info li { margin-right: 20px; } #top_info .phone span { background: transparent url("images/phone_icon.gif") no-repeat scroll 100% 0; display: inline-block; height: 24px; margin-top: -4px; padding: 4px 40px 3px 5px; } #top_info .email span { background: transparent url("images/mail_icon.gif") no-repeat scroll 100% 0; display: inline-block; height: 24px; margin-top: -5px; padding: 5px 40px 5px 5px; } #top_navigation { float: right; } #top_navigation li { margin-left: 10px; text-transform: uppercase; } #top_navigation li.active a { color: #777; cursor: default; } #top_navigation li a:hover span { text-decoration: underline !important; } #top_user_navigation { font-size: 1.1em; } #top_user_navigation #user_menu_notice { float: left; margin-top: 5px; font-style: italic; font-weight:bold; } #user_menu { float: right; overflow: hidden; text-align: right; width: 300px; font-size: 1.1em; font-weight: bold; text-transform: uppercase;} .wide_user_menu { width: 600px !important; } #user_menu a { text-transform: uppercase; } #user_menu a:hover { text-decoration: underline; } #header { position: relative; } #flash_head { position: relative; z-index: 1; margin-bottom: 2px; line-height: 1px; } #logo { position: relative; z-index: 10; margin: 3px 0 0; } #logo a { display: block; width: 207px; height: 100px; padding: 0; position: absolute; left: 0px; top: 27px; z-index: 10; overflow: hidden; text-indent: -5000px; } #logo a#logo_hr { background: transparent url("images/logo_hr.jpg") no-repeat left top; } #logo a#logo_en { background: transparent url("images/logo_en.jpg") no-repeat left top; } #left_col { float: left; width: 220px; margin-right: 10px; } #middle_col { float: left; width: 420px; } #right_col { float: left; width: 280px; margin-left: 10px; } #right_wide_col { float: left; width: 710px; } .article { text-align: justify; } #content .box { font-size: 1.15em; color: #474747; } #content form { font-size: 1.1em; } h1 { font-size: 1.2em; margin-bottom: 7px; } h2 { font-size: 1.15em; } h3 { font-size: 1.1em; } h4, h5 { font-size: 1em; } .box_head { display: block; margin-bottom: 10px; border-bottom: 2px solid #ECECEC; color: #474747; font-size: 16px; font-weight: bold; } /* , .pages_tree span.selected_index */ #catalog_banner a img { border: 0; } .catalog_image { border: 0;} #footer { font-size: 1.1em; } #footer #copyright { float: left; } #footer #origami { float: right; } #footer_menu { float: left; margin: 0 20px; list-style: none; } #footer_menu li { float: left; margin-left: 10px; } #profile_view li { margin: 3px 0; } #profile_status_show_other { margin-left: 120px; } .required_field { color: red; font-weight: bold; } .floated_links a { float: left; margin-right: 15px; } .hideemail { display: none !important; visibility: hidden !important; height: 0 !important; margin: 0 !important; padding: 0 !important; } /* Flash *******************************/ .ok, .error { text-align: center; } .ok { background-color:#D6F5D6; } .error { background-color:#fcd2d3; } .ok span, .error span { color: #444; font-size: 1.4em; font-weight: bold; } .error_message { background-color:#fcd2d3; } /* Navigation *******************************/ /* Root = Horizontal, Secondary = Vertical */ #navigation { clear: both; position: relative; height: 26px; padding: 3px 0 5px 4px; background-color: #ae0000; text-transform: uppercase; font-size: 1.1em; margin-bottom: 4px; font-weight: bold;} #navigation li { float: left; /*For IE 7 lack of compliance*/ display: block !important; display: inline; /*For IE*/ margin: 0 1px; } #navigation div.hoverArea { display: none; position: absolute; left: 0; top: 34px; width: 918px; font-size: 0.9em; background-color: #fff; } #navigation ul { height: 25px; margin: 0; padding: 2px 0 0; } #navigation div.hoverArea:after /*From IE 7 lack of compliance*/{ clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden; } #navigation ul li { float: left; /*For IE 7 lack of compliance*/ display: block !important; display: inline; /*For IE*/ border: 0; margin-right: 15px; } #navigation a { float: none !important; /*For Opera*/ float: left; /*For IE*/ display: block; height: auto !important; height: 1%; /*For IE*/ line-height: 27px; color: #fff; text-decoration: none; position: relative; z-index: 42; } #navigation ul a { display: block; float: left !important; height: 24px !important; line-height: 24px; border: 0; } #navigation a span { padding: 4px 6px 3px; } /* Root Menu Hover Persistence */ #navigation li.active a, #navigation li.iehover a, #navigation li a:hover, #navigation li:hover a { background: #fff; color: #ae0000; } #navigation li.parent a { padding-bottom: 7px; } #navigation li.parent.active a, #navigation li.parent a:hover { } #navigation li.active a span, #navigation li.iehover a span, #navigation li:hover a span { border-color: transparent; } /* 2nd Menu */ #navigation li li a, #navigation li.active li a, #navigation li:hover li a, #navigation li.iehover li a { padding-bottom: 0 !important; } /* 2nd Menu Hover Persistence */ #navigation li:hover li a:hover span, #navigation li:hover li:hover a span, #navigation li.iehover li a:hover span, #navigation li.active li.active a span, #navigation li.iehover li.iehover a span { text-decoration: underline; } /* we need to make sure li.active is above it's child ul for design purposes */ #navigation div.hoverArea { z-index: 40; } #navigation li.active div.hoverArea { z-index: 39; } #navigation li.active a { z-index: 43; } #navigation li:hover a, #navigation li.iehover a { z-index: 44; } #navigation li:hover div.hoverArea, #navigation li.iehover div.hoverArea { z-index: 41; } /* hover on/off */ #navigation li:hover div.hoverArea, #navigation li.iehover div.hoverArea, #navigation li.active div.hoverArea { display: block; } /* Make room for the submenu */ #navigation li.parent.active { margin-bottom: 17px; } /* Offset the submenus */ #navigation .submenu_2 { padding-left: 87px; } #navigation .submenu_3 { padding-left: 100px; } #navigation .submenu_4 { padding-left: 127px; } #navigation .submenu_5 { padding-left: 127px; } #navigation .submenu_6 { padding-left: 127px; } #navigation .submenu_7 { padding-left: 427px; } #navigation .submenu_8 { padding-left: 507px; } #navigation .submenu_9 { padding-left: 560px; } #navigation .submenu_10 { padding-left: 477px; } .item_17 span, .item_15 span {border-left: 0 !important;} #navigation li.active, #navigation li:hover { border: 0; } #navigation li.active a, #navigation li a:hover { background: #fff url("images/navigation_active_top.gif") no-repeat 0 0; display: inline-block; padding: 0 0 0 5px; line-height: 27px; } #navigation li.active a span, #navigation li a:hover span { background: #fff url("images/navigation_active_top.gif") no-repeat 100% 0; display: inline-block; padding: 0 6px 4px 1px; line-height: 27px; } #navigation li li a:hover, #navigation li:hover li a:hover { background: transparent none; padding: 0; display: block; line-height: 1.2; } #navigation li.active li.active { margin: 0; } #navigation li.active li a, #navigation li.active li a span { background: transparent none; } #navigation li li a:hover span { background: transparent none; padding: 0 10px 2px !important; display: block; } #navigation li li.active a span { text-decoration: underline; } /* Forms *******************************/ textarea, .input { padding: 5px; border: 2px solid #CCC; background-color: #ECECEC; color: #474747; font-family: arial,verdana,helvetica,sans-serif; font-size: 1.1em; } textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus, input[type='text']:focus, .input:focus { border-color: #BFBFBF; background-color: #fff; color: #333024; } form label input { float: left; margin: -2px 5px 0 0; } button { padding: 1px 4px; border: 2px solid #4F0705; background-color: #ae0000; color: #f2f1e9; font-size: 1.1em; font-weight: bold; } button:hover, button:focus { border: 2px solid #ae0000; background-color: #4F0705; color: white; } form { } form fieldset { border: 0; } form fieldset fieldset { text-align: left; } form fieldset fieldset label { clear: both; display: block; float: none; width: auto !important; margin: 0 0 4px !important; color: inherit !important; } .commentForm { margin: 20px; } .button:focus { border-color: #AFAF83; } .inlineLabels, .radioLabels, .blockLabels { margin-bottom: 10px; padding-left: 200px; padding-bottom: 10px; border-bottom: 1px solid #E7E7E7; } .radioLabels label, .inlineLabels label { display: block; float: left; width: 200px; margin-left: -210px; padding-top: 5px; text-align: right; } .radioInline { display: block; float: left; margin-right: 40px; } .blockLabelsNoPadding { padding-left: 0; } div.button { margin: 0 0 20px 200px; } #section_1_left div.button { padding-left: 147px; } #section_1_left div.button button { } .inlineLabels .error_message { } /* Tables *******************************/ .styled_table { border-bottom: 1px solid #C7C7C7; border-right: 1px solid #C7C7C7; background-color: white; } .styled_table td, .styled_table th { padding: 5px; border-left: 1px solid #C7C7C7; border-top: 1px solid #C7C7C7; } .styled_table th { border-color: #CCC; border-bottom: 1px solid #CCC; } .styled_table tr { border-bottom: 1px solid #C7C7C7; } .styled_table .zebra { background-color: #E7E7E7; } .whyregister { float: right; width: 320px; margin-left: 20px; } #register_form { float: left; width: 550px; } .form_extra_links { margin-left: 140px; } #container .pages_tree { margin: -4px 0 0; list-style: none; text-transform: uppercase; } #container .pages_tree li { text-indent: 0 !important; } #container .second_pages_tree { margin-top: 14px; } #container .pages_tree ul ul { margin-left: 20px; } #container .pages_tree a { display: block; padding: 5px 10px 5px 0; border-bottom: 1px solid #EEE; } #container .pages_tree a:hover, #container .pages_tree a:active { background: white url("images/strelica_subpages_tree.gif") no-repeat right center; } #upload_Real_estate .floated_links a { padding: 1px 10px; border: 2px solid #4F0705; background: #ae0000 none ; color: #f2f1e9; font-size: 1.1em; font-weight: bold; } #upload_Real_estate .floated_links a:hover { border: 2px solid #ae0000; background-color: #4F0705; color: white; text-decoration: none; } #upload_Real_estate .floated_links a span, #upload_Real_estate .floated_links a:hover span { padding: 0; border: 0 none; background: transparent none; color: inherit; } #upload_Real_estate .floated_links a:hover span { text-decoration: underline; } /* Banner najave aukcije */ .cat_b_t { margin-top: 10px; } .box b.b_red, .box b.b_red b { background-image: url("images/box-red.gif"); } .c_red { border-color: #AE0000 !important; } #catalog_banner #okvir { padding: 5px 10px 0; color: #AE0000; font-size: 1.2em; font-weight: bold; } #catalog_banner p { float: left; line-height: 16px; } #countdownClock { text-align: center; } #counterBanner { float: left; margin-right: 10px; } #okvir_en #countdownClock { margin-left: 0px; } /* Tiny styles */ .lijeva_kucica { float: left; width: 170px; margin: 0 5px 0 0; padding: 10px; border: 1px solid #AFA44C; background-color: #EFE7D2; color: #7F772F; } .desna_kucica { float: right; width: 170px; margin: 0 0 0 5px; padding: 10px; border: 1px solid #AFA44C; background-color: #EFE7D2; color: #7F772F; } .siroka_kucica { display:block; width:330px; margin: 10px 0 10px 0; padding: 10px; border: 1px solid black; background-color: #AE0000; color: white; } .lijeva_kucica strong, .desna_kucica strong { display: block; margin: -10px -10px 5px; padding: 5px 10px; background-color: #AFA44C; color: white; } .mali_citat_lijevo, .mali_citat_desno, .siroki_citat { margin: 0.27em 0; padding: 0.8em 5px; border: 1px solid #E7E7E7; border-width: 1px 0; color: #7F7B6F; font-size: 1.1em; line-height: 1.35; font-family: Georgia, "Times new roman", serif; font-style: italic; text-align: center; } .mali_citat_lijevo { float: left; width: 177px; margin-right: 17px; } .mali_citat_desno { float: right; width: 177px; margin-left: 17px; } .siroki_citat { clear: both; } .siroki_citat strong, .siroki_citat em, .mali_citat_lijevo strong, .mali_citat_lijevo em, .mali_citat_desno em, .mali_citat_desno strong { display: block; } .inline_image_with_description, .inline_image_with_description_right { background-color: white; display: block; padding: 7px; color: #7F7B6F; font-size: 0.9em; line-height: 1.35; font-family: Georgia, "Times new roman", serif; font-style: italic; } .inline_image_with_description { float: left; margin: 0 17px 0.72em 0; } .inline_image_with_description_right { float: right; margin: 0 0 0.72em 17px; } .inline_image_with_description img, .inline_image_with_description_right img { margin-bottom: 0.6em; } .inline_image_with_description i, .inline_image_with_description em, .inline_image_with_description_right i, .inline_image_with_description_right em { display: block; width: 100px; } /* Fancybox css *******************************/ html, body { height: 100%; } div#fancy_overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #666; display: none; z-index: 50; } * html div#fancy_overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } div#fancy_loading { position: absolute; height: 40px; width: 40px; cursor: pointer; display: none; overflow: hidden; background: transparent; z-index: 100; } div#fancy_loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background: transparent url("images/fancy_progress.png") no-repeat; } div#fancy_loading_overlay { position: absolute; background-color: #FFF; z-index: 50; } div#fancy_loading_icon { position: absolute; z-index: 55; width: 16px; height: 16px; } div#fancy_outer { position: absolute; top: 0; left: 0; z-index: 90; padding: 18px 18px 32px 18px; margin: 0; overflow: hidden; background: transparent; display: none; } div#fancy_inner { position: relative; width:100%; height:100%; border: 1px solid #444; background: #FFF; } div#fancy_content { position: relative; margin: 0; z-index: 100; width: 100%; height: 100%; } div#fancy_div { background: #000; color: #FFF; height: 100%; width: 100%; z-index: 100; } img#fancy_img { position: absolute; top: 0; left: 0; border:0; padding: 0; margin: 0; z-index: 100; width: 100%; height: 100%; } div#fancy_close { position: absolute; top: -12px; right: -15px; height: 30px; width: 30px; background: url('images/fancy_closebox.png') top left no-repeat; cursor: pointer; z-index: 181; display: none; } #fancy_frame { position: relative; width: 100%; height: 100%; display: none; } #fancy_ajax { position: absolute; overflow: auto; top: 15px; left: 15px; bottom: 15px; right: 15px; } * html div#fancy_ajax { height: expression((this.parentNode.clientHeight - 30) + "px"); } a#fancy_left, a#fancy_right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; z-index: 111; background-image: url(data:image/gif;base64,AAAA); outline: none; } a#fancy_left { left: 0px; } a#fancy_right { right: 0px; } span.fancy_ico { position: absolute; top: 50%; margin-top: -15px; width: 30px; height: 30px; z-index: 112; cursor: pointer; display: block; } span#fancy_left_ico { left: -9999px; background: transparent url('images/fancy_left.png') no-repeat; } span#fancy_right_ico { right: -9999px; background: transparent url('images/fancy_right.png') no-repeat; } a#fancy_left:hover { visibility: visible; background-color: transparent; } a#fancy_right:hover { visibility: visible; background-color: transparent; } a#fancy_left:hover span { left: 20px; } a#fancy_right:hover span { right: 20px; } .fancy_bigIframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; } div#fancy_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 70; border: 0; padding: 0; margin: 0; } div.fancy_bg { position: absolute; display: block; z-index: 70; border: 0; padding: 0; margin: 0; } div.fancy_bg_n { top: -18px; width: 100%; height: 18px; background: transparent url('images/fancy_shadow_n.png') repeat-x; } div.fancy_bg_ne { top: -18px; right: -13px; width: 13px; height: 18px; background: transparent url('images/fancy_shadow_ne.png') no-repeat; } div.fancy_bg_e { right: -13px; height: 100%; width: 13px; background: transparent url('images/fancy_shadow_e.png') repeat-y; } div.fancy_bg_se { bottom: -18px; right: -13px; width: 13px; height: 18px; background: transparent url('images/fancy_shadow_se.png') no-repeat; } div.fancy_bg_s { bottom: -18px; width: 100%; height: 18px; background: transparent url('images/fancy_shadow_s.png') repeat-x; } div.fancy_bg_sw { bottom: -18px; left: -13px; width: 13px; height: 18px; background: transparent url('images/fancy_shadow_sw.png') no-repeat; } div.fancy_bg_w { left: -13px; height: 100%; width: 13px; background: transparent url('images/fancy_shadow_w.png') repeat-y; } div.fancy_bg_nw { top: -18px; left: -13px; width: 13px; height: 18px; background: transparent url('images/fancy_shadow_nw.png') no-repeat; } div#fancy_title { position: absolute; bottom: -32px; left: 0; width: 100%; z-index: 100; display: none; } div#fancy_title div { color: #FFF; font: bold 12px Arial; padding-bottom: 3px; } div#fancy_title table { margin: 0 auto; } div#fancy_title table td { padding: 0; vertical-align: middle; } td#fancy_title_left { height: 32px; width: 15px; background: transparent url("images/fancy_title_left.png") repeat-x; } td#fancy_title_main { height: 32px; background: transparent url("images/fancy_title_main.png") repeat-x; } td#fancy_title_right { height: 32px; width: 15px; background: transparent url("images/fancy_title_right.png") repeat-x; } /* Online katalog aukcija */ #property_hr { float: left; margin-right: 18px;} #property_en { float: right; } .property_column { width: 305px; border-top: 1px solid #CCCCCC; padding-top: 0px; } #property_lot { margin: 10px 0 35px 0; } #property_lot span.lot_no_label { display: block; text-align:center; font-size: 1.1em; text-transform: uppercase; font-weight: bold;} #property_lot span.lot_no { display: block; text-align:center; font-family:serif; font-size: 6em; font-weight: bold; color: #AE0000; line-height: 0.9em;} .property_price p { text-transform: uppercase; font-weight: bold;} .property_price span.price { font-weight: normal; } .property_data { margin: 20px 0 20px 0; } .property_data p { line-height: 1em; } .property_data span { font-weight: bold;} .property_descriptions p { padding-bottom: 20px; text-align: justify;} #property_images { text-align:center;clear: both; ; } .property_attachment { margin: 15px;} span#flag_hr { width: 20px; background: transparent url("images/hr.gif") no-repeat scroll 100% 0; display: inline-block; height: 14px; margin-right: 3px;} span#flag_en { width: 20px; background: transparent url("images/en.gif") no-repeat scroll 100% 0; display: inline-block; height: 14px; margin-right: 3px;} #next_previous_property { text-align: center; font-weight:bold; padding: 35px; } #next_previous_property span { padding-right: 25px; } .catalog_box p {margin: 0; padding: 1px 1px 4px 1px; font-weight: bold;} .featured_properties_item { margin-bottom : 4px; padding: 7px 0 5px 0; text-align: center; background-color: #AE0000;} .featured_properties_title { display: block; padding: 3px;} .featured_properties_title a { color: white; font-weight: bold;} .featured_properties_location, .featured_properties_price { display: block; color: white;} #table-minimal-styled { background: #fff; margin: 5px; border-collapse: collapse; text-align: left; } #table-minimal-styled th { font-size: 1.1em; font-weight: bold; color: #039; padding: 10px 8px;border-bottom: 2px solid #AE0000;text-align: left; } #table-minimal-styled td { color: #000000; padding: 9px 8px 10px 8px; } #table-minimal-styled td.lot_no_row {font-size: 1.2em; } #table-minimal-styled td.property_title {font-weight: bold; } /* Pagination *******************************/ .pagination { margin: 40px 0 30px; text-align: center; cursor: default; padding: 0 7px; color: #777; font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; } .pagination a, .pagination strong, .pagination span { margin: 0 2px 0 0; padding: 3px 5px; border: 1px solid #DDD; z-index: 40; } .pagination a { color: #CF000D; font-weight: bold;} .pagination strong { margin: 0 7px; border: 0 none; color: #242427; font-size: 1.5em; } .pagination span { color: #A7A7A7; } .pagination a:hover { border-color: #7F0007; color: #CF000D; text-decoration: none; } .pagination .count { display: block; margin-top: 10px; font-style: normal; } .pagination_sort { position: relative; margin-bottom: 15px; padding: 4px 0 0 0; color: #777; } .pagination_sort span { display: block; float: left; width: 54px; text-align: right; } .pagination_sort div { position: absolute; right: 5px; top: -10px; width: 134px; margin-left: 10px; } .pagination_sort a { display: block; margin-bottom: -1px; padding: 3px 4px 2px; border: 1px solid #F7F7F7; background-color: white; color: #777; } .pagination_sort a.active { background-color: white; } #social_bookmarks a img { border: none; margin-right:15px;}