/* info -------------------------------------------------------- Start: 14.02.2009. Author: BozooArt, www.bozooart.com Name: HPB - www.hpb.hr */ /* Colors ----------------------------------------------- #cc0000 = red #d8d9da = black 17 #6d6e71 = black 55 #646464 = black 70 #58595b = black 80 ----------------------------------------------- */ /* Normalize ----------------------------------------------- */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { font-size: 100%; margin: 0; font-weight: normal; } ol, ul { list-style: none; } address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; } table { border-collapse: collapse; border-spacing: 0; } fieldset, img { border: 0; } caption, th { text-align: left; } q:before, q:after { content:''; } hr { display: none; } legend { display: none; } input, textarea, select { font-family: Arial,Helvetica,sans-serif; } img { margin: 0; padding: 0; } cite { font-style: italic } iframe { padding: 0; margin: 0;} /* General ----------------------------------------------- */ body { font: 62.5%/1.4 Arial,Helvetica,sans-serif; background: #d3d3d5 url(body_bg.jpg) repeat-y center 0; } a { text-decoration: none; color: #cc0000; } a:hover { text-decoration: none; color: #58595b; } a:focus { outline: none; } * :focus { outline: 0; } blockquote { margin: 0 0 30px 50px; } .clr { clear: both; } .hide { display: none; } .left { float: left; } #content.grayBg { background: #f8f8f8; } .darkGrayBg { background: #616161; margin-top: 5px; } .lightGrayBg { background: #f4f4f4; } .spacing20 { margin-top: 20px; } .crvena, .red { color: #cc0000; } .centar, .center { text-align: center; } .lijevo { text-align: left; } .desno { text-align: right } .font11 { font-size: 11px; } img.border { border: 1px solid #ccc; padding: 1px } body#tinymce #innerRightCol {margin: 0; padding-left: 10px;} body#tinymce p { text-align: left; } body#tinymce {font-size: 72%;} input { font-family: arial, helvetica, sans-serif; color: #58595b; } select { font-family: arial, helvetica, sans-serif; color: #58595b; padding: 1px; } /* sIFR ----------------------------------------------- */ .sIFR-flash{visibility:visible !important; margin:0} .sIFR-replaced{visibility:visible !important} span.sIFR-alternate{position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } .sIFR-flash+div[adblocktab=true] { display:none !important } /* naslovnica */ h3.tabTitle { font-size: 18px; height: 33px; color: #fff } h3.tabTitle a { font-weight: normal !important; } h2.latest_news_title { font-size: 18px !important; } #footer h2.linkovi, #footer h2.kontakt, #footer h2.tagovi { font-size: 16px; height: 26px; font-weight: normal !Important; } h2.buster { font-size: 2.5em; line-height: 1.5em; margin-bottom: 5px; color: #cc0000; // margin-bottom: 15px; // } #admin_tool { position: absolute !important; margin-left: -40px; } .s, .h { height: 100%; } .s { display: block; } .h { display: none; speak: none; } /* Header ----------------------------------------------- */ #container { width: 940px; margin: 0 auto; text-align: left; color: #58595b; } #header { height: 90px; } h1#logo { padding-top: 15px; float: left; margin-left: 12px; } h1#logo a { display: block; background: url(logo.gif) no-repeat; width: 303px; height: 56px; text-indent: -9999em; margin-right: 25px; } ul#hpbGrupa { width: 333px; padding: 65px 0 10px 0; float: left; margin-left: -47px; } ul#hpbGrupa li { display: inline-block; margin-right: 16px; float: left; } ul#hpbGrupa li a { height: 15px; text-indent: -9999em; display: block; } ul#hpbGrupa li#invest a { background: url(hpbinvest.gif) no-repeat; width: 79px; } ul#hpbGrupa li#stedionica a { background: url(hpbstedionica.gif) no-repeat; width: 161px; } ul#hpbGrupa li#hpb a { background: url(hpbinvest.gif) no-repeat; width: 43px; } ul#hpbGrupa li#invest a:hover { background-position: right; } ul#hpbGrupa li#stedionica a:hover { background-position: right; } ul#hpbGrupa li#hpb a:hover { background-position: -79px 0; } #side { width: 300px; float: right; padding: 5px 14px 10px 0; } #topNav { padding-left: 0; text-align:right; margin-bottom: 30px; } #topNav a { color: #58595b; padding: 0 5px; font-size: 110%; } #topNav a:hover { color: #cc0000; } form#searchBox legend { display: none; } form#searchBox { border: 1px solid #d8d9da; width: 285px; background: red; margin-left: 10px } form#searchBox fieldset { background: #fff; padding: 3px; } form#searchBox fieldset input.inputSearch { font-size: 110%; color: #58595b; border: none; background: url(search_icon.gif) no-repeat 1px 0; padding: 0 0 0 20px; width: 189px; float: left; margin-top: 5px } form#searchBox fieldset input.searchButton { cursor: pointer; width: 60px; font-size: 110%; color: #58595b; border: none; background: url(button.gif) no-repeat; width: 68px; height: 22px; float: right; } form#searchBox fieldset input.searchButton:hover { background-position: -68px 0; color: #fff; } /* Navigation ----------------------------------------------- */ ul#mainNav { clear: both; background: url(mainNav_bg.gif) no-repeat; height: 32px; font-size: 120%; margin-bottom: 5px; padding-left: 2px; width: 940px; } ul#mainNav li { display: inline; margin-top: 2px; float: left; } ul#mainNav li a { color: #fff; padding: 6px 55px 5px; display: block; font-weight: normal !important; } ul#mainNav li a:hover {text-decoration: none; color: #fff; background: #919191 } #mainNav li#kontakt a { padding: 6px 55px 5px; } #mainNav li#onama a:hover { background: #919191 url(first_lnk_hover.gif) no-repeat; } #mainNav li#kontakt a:hover { background: #919191 url(last_lnk_hover.gif) no-repeat 100% 0; } #mainNav li ul { position: absolute; background: #919191; width: 170px; padding: 0; display: none } #mainNav li ul li { display: block !important; margin:0; } #mainNav li ul li a { display: block !important; clear: both; float: none !important; padding: 5px 15px; margin: 0; width: 140px;background: #666; border-top: 1px solid #919191 } #mainNav li.konzulancije ul { width: 170px; } #mainNav li.konzulancije ul li a { padding: 5px 15px; width: 140px; } #mainNav li.posredovanje ul { width: 234px; } #mainNav li.posredovanje ul li a { padding: 5px 15px; width: 204px; } #mainNav li:hover ul { display: block; } /* Banner $ G Side ----------------------------------------------- */ #homeTour { clear: both; margin: 5px 0; background: url(funpart.gif) no-repeat; height: 293px; } #main-banner { float: left; width: 610px; margin: 11px 0 0 11px; background: #fff; padding: 1px; border: 1px solid #ccc; height: 267px; } #scrolling-box { float: left; width: 250px; margin: 13px 0 0 13px; font-size: 1.1em; background: url(house1.gif) no-repeat; padding: 20px; height: 227px !important; } #scrolling-box ul { margin: 0!important; overflow: hidden; height: 140px; margin-top: 20px; position: relative; } #scrolling-box h3 { color: #cc0000; font-size: 1.9em; margin-bottom: 20px; } #scrolling-box li { margin-bottom: 5px; background: url(black_square.gif) no-repeat 0 50%; padding-left: 20px; } #scrolling-box li a { color: #58595b; } #scrolling-box li a:hover { color: #cc0000; } /* content */ #content { clear: both; padding: 10px 11px 0 11px; background: url(content-bg.png) no-repeat; height: 367px; color: #58595b; margin-bottom: 5px; } #search-results { font-size: .9em; } #search-results .add { margin-bottom: 20px; border-top: 1px solid #d3d3d3; padding-top: 20px; } #search-results h3 { margin-bottom: 10px; } #order { font-size: 1.0em; } #order select { font-size: 1.1em; } #order select optgroup { font-style: normal; margin-bottom: 5px; font-size: .9em;} #order select optgroup option { font-size: 1.1em; } #order #results-info { margin-right: 144px; } .add { background: #fff; padding: 0 10px; width: 560px; height: 139px; float: none; clear: both !important; margin: 0 0 10px 0 !important; } .add .thumb a img { width: 198px; height: 103px; float: left; margin: 3px 30px 0 0; border: 1px solid #ccc; padding: 1px; } .add .thumb a:hover img { background: #d72525; border: 1px solid #d72525; } #parent.add { border-bottom: 1px solid #d3d3d3; padding-bottom: 18px; } .add h3 { height: 28px; } .add h3 a { font-weight: bold; font-size: 1.5em; padding: 1px 2px; color: #d72525; } .add h3 a:hover { color: #58595B; } .add ul.info-list { list-style-type: none; font-size: 1.1em; color: #666666; } .add ul.info-list li { margin-bottom: 9px; } .add ul.info-list li span.at { display: block; width: 200px; float: left; } .add ul.info-list li span.more { float: right; width: 160px; text-align: right; } .add ul.info-list li span.separator { margin: 0 5px; color: #cccccc; } .add ul.info-list li a { color: #d72525; text-decoration: none; padding: 1px 2px; } .add ul.info-list li a:hover { background-color: #fbe5e5 } .add ul.info-list li sup { position: absolute; } .add .special { padding-right: 5px;} .add .special span { margin-left: 10px;} .add .special .newobject { display: block; width: 20px; height: 20px; float: right; } .add .special .offer { display: block; width: 20px; height: 20px; float: right; } .add .special .category a { margin-left: 10px; display: block; width: 20px; height: 20px; float: right; background: url(category.gif) no-repeat 0 0; } .add .special .category a:hover { background-position: right; } .add .special .category a em { display: none; } .add .special .delete a { margin-left: 10px; display: block; width: 20px; height: 20px; float: right; background: url(delete.gif) no-repeat 0 0; } .add .special .delete a:hover { background-position: right; } .add .special .delete a em { display: none; } /* homepage, buying - selling */ .tabContainer { height: 299px !important; overflow:hidden; } .yui-content { padding-top: 29px;} .tabContainer label { display: inline-block; width: 120px; } .tabContainer label.last { margin-bottom: 0; } .tabContainer fieldset { border: none !important; } .tabContainer fieldset p { margin-bottom: 4px; } .tabContainer .pusher { margin: 20px 0 !important } .tabContaine form { padding-top: 20px; } .tabContaine input#buying_email, .tabContaine input#selling_email { margin-bottom: 20px; } .tabContainer .input_text { border: 1px solid #ccc; padding: 2px; font-size: 1.1em; width: 250px; } .tabContainer select { font-size: 1em; width: 256px; padding: 2px; border: 1px solid #ccc } .tabContainer select option { } .tabContainer .input_text.smll { width: 108px; } .tabContainer .input_text:focus, .tabContainer select:focus { border: 1px solid #cc0000; } .tabContainer span.separator { margin: 0 12px; } .tabContainer span.sign { margin-left: 10px; font-size: 1.0em; font-weight: bold; } .tabContainer span.sign em { position: absolute; font-size: .8em; margin-top: 5px; } .tabContainer .selling-info { position: absolute; margin: 0px 0 0 400px; width: 190px; // margin-top: 12px; } .tabContainer input.button { cursor: pointer; display: block; float: right; width: 60px; margin: 10px 0 0 10px; font-size: .9em; color: #58595b; border: none; background: url(button.gif) no-repeat; width: 68px; height: 22px; } .tabContainer input.button:hover { background-position: right; color: #fff; } .tabContainer #buttons { margin: -5px 20px 0 0; } #contentWrapper { clear: both; padding: 11px; background: #fff url(innerContent.gif) no-repeat; float: left; width: 918px; } #tabsWrapper { float: left; width: 614px; } #tabsWrapper ul#tabs { margin-left: 15px !important; height: 30px; font-size: 1.1em; position: absolute; margin: -1px 0 0 0; } #tabsWrapper ul#tabs li { display: inline; margin: 0; } #tabsWrapper ul#tabs li a { background: url(tab_bg_hover.gif) no-repeat; top: 1px; margin-right: 2px; z-index: 2; display: block; width: 100px; height: 22px; padding-top: 8px; text-transform: uppercase; float: left; font-weight: bold; color: #58595b; text-align: center; } #tabsWrapper ul#tabs li.active a { color: #cc0000; } #tabsWrapper ul#tabs li a:hover { color: #cc0000; text-decoration: none; background: url(tab_bg_hover.gif) no-repeat; } #tabsWrapper ul#tabs li.selected a { color: #cc0000; background: url(tab_bg.gif) no-repeat; } #content-bottom { background: url(content-bottom.gif) no-repeat; width: 940px; height: 5px; clear:both; margin-bottom: 5px; // margin-top: -5px; // } .tabContainer { clear: both; border: 1px solid #cccccc; padding: 5px 0 20px 15px; background: #fff; font-size: 110%; } .tabContainer .tabContainerBox { width: 268px; color: #58595b; line-height: 1.2em; float: left; padding: 10px 0 20px 15px; margin-right: 15px; height: 120px; } .tabContainer .tabContainerBox h3 { width: 247px; } .tabContainer .tabContainerBox h3 a { color: #cc0000; font-weight: bold; } .tabContainer .tabContainerBox h3 a:hover { color: #58595b; } .tabContainer .tabContainerBox .lead { margin-top: 0;} .tabContainer .tabContainerBox img { float: left; width: 120px; height: 90px; padding: 2px; margin: 3px 10px 0 0; border: 1px solid #fff; } .tabContainer .tabContainerBox img.border { border: 1px solid #d3d3d3; } .tabContainerBox.border { border-bottom: 1px solid #e9e9e9; margin-bottom: 5px; } .tabContainer .tabContainerBox strong.title { margin-top: -10px; display: block; height: 28px; } /* side set */ #side-bar { float: right; width: 290px; } #currency { margin: 1px 0 0 0; padding: 0; // margin: 2px 0 0 0 !important // } #currency table { width: 291px; text-align: center; border: 0; background: #fff;} #currency table th.valuta { width: 55px; text-indent: -9999em; border: none; } #currency table th { text-align: center; padding: 10px 0; border: none; font-size: 1.1em; } #currency table tr { border-bottom: 1px solid #d7d5d5; } #currency table td { padding: 5px 0; color: #58595b; border-right: 1px solid #d7d5d5; border-top: 1px solid #d7d5d5 !important; } #currency table td.last { border-right: none; } #currency td.au { text-indent: -9999em; background: url(flags_icons.gif) no-repeat 22px 7px; } #currency td.ca { text-indent: -9999em; background: url(flags_icons.gif) no-repeat 22px -15px; } #currency td.cz { text-indent: -9999em; background: url(flags_icons.gif) no-repeat 22px -36px; } #currency td.dk { text-indent: -9999em; background: url(flags_icons.gif) no-repeat 22px -58px; } #currency td.hu { text-indent: -9999em; background: url(flags_icons.gif) no-repeat 22px -80px; } #currency td.jp { text-indent: -9999em; background: url(flags_icons.gif) no-repeat 22px -102px; } #currency td.no { text-indent: -9999em; background: url(flags_icons.gif) no-repeat 22px -123px; } #currency td.sk { text-indent: -9999em; background: url(flags_icons.gif) no-repeat 22px -145px; } #currency td.se { text-indent: -9999em; background: url(flags_icons.gif) no-repeat 22px -167px; } #currency td.ch { text-indent: -9999em; background: url(flags_icons.gif) no-repeat 22px -189px; } #currency td.gb { text-indent: -9999em; background: url(flags_icons.gif) no-repeat 22px -210px; } #currency td.us { text-indent: -9999em; background: url(flags_icons.gif) no-repeat 22px -232px; } #currency td.eu { text-indent: -9999em; background: url(flags_icons.gif) no-repeat 22px -254px; } #currency td.pl { text-indent: -9999em; background: url(flags_icons.gif) no-repeat 22px -276px; } #tlLinks { padding: 6px 0 6px 24px; border-top: none; background: #fff; margin-top: 11px; border: 1px solid #ccc; width: 266px } #tlLinks a { color: #666666; padding-left: 23px; } #tlLinks a:hover { color: #cc0000; text-decoration: none; } #tlLinks span.choose { margin-right: 32px; background: url(choose.gif) no-repeat 0 50%; } #tlLinks span.link { background: url(all.gif) no-repeat 0 50%; } /* currency box */ #chooseCurrency { position: absolute; height: 184px !important; margin: -180px 0 0 -150px; background: white; padding: 2px; width: 190px; color: #58595b; border: 1px solid #cccccc; border-right: 2px solid #cccccc; border-bottom: 2px solid #cccccc; z-index: 2; } #chooseCurrency strong { display: block; background: #646464; color: white; padding: 5px; } #chooseCurrency span.close a { position: absolute; display: block; background: url(small_close.gif) no-repeat;; width: 10px; height: 10px; text-indent: -9999em; margin: -17px 0 0 174px; } #chooseCurrency span { font-size: 0.8em; font-weight: normal; } #currencyBox { margin-top: 1px; height: 128px; overflow: scroll; overflow-x: hidden; background: url(mini_gradient.gif) repeat-x; } #currencyBox ul li { padding: 6px 5px 2px 5px; background: url(flags_icons.gif) no-repeat; border-bottom: 1px solid #f1f1f1; } #currencyBox ul li:hover { background: #f8f8f8 url(flags_icons.gif) no-repeat; } #currencyBox ul li.au { background-position: 32px 7px; } #currencyBox ul li.ca { background-position: 32px -15px; } #currencyBox ul li.cz { background-position: 32px -36px; } #currencyBox ul li.dk { background-position: 32px -58px; } #currencyBox ul li.hu { background-position: 32px -80px; } #currencyBox ul li.jp { background-position: 32px -102px; } #currencyBox ul li.no { background-position: 32px -123px; } #currencyBox ul li.sk { background-position: 32px -145px; } #currencyBox ul li.se { background-position: 32px -167px; } #currencyBox ul li.ch { background-position: 32px -189px; } #currencyBox ul li.gb { background-position: 32px -210px; } #currencyBox ul li.us { background-position: 32px -232px; } #currencyBox ul li.eu { background-position: 32px -254px; } #currencyBox ul li.pl { background-position: 32px -276px; } #currencyBox ul li label.input_check input.input_check { margin: 0 40px 0 0; } #currencyButtons { padding: 5px 0 2px 35px; background: url(mini_gradient.gif) repeat-x; } #currencyButtons input { font-size: 10px;} #currencyButtons input.button { background: url(button.gif) no-repeat; height: 22px; width: 68px; border: none; } #currencyButtons input.button:hover { background-position: right; cursor: pointer; color: white; } ul#useful-tabs { text-align: center; margin: 0 0 0 8px; padding: 0; height: 30px; position: absolute; z-index: 2; font-size: 1.1em; } ul#useful-tabs li { text-transform: uppercase; float: left; display: block; margin: 0 2px 0 0 !important; } ul#useful-tabs li a { color: #58595b; margin-right: 1px; padding: 7px 0 7px 0; float: left; width: 121px; background: url(lista-tab-hover.gif) no-repeat; font-weight: bold; } ul#useful-tabs li.selected a { color: #cc0000; background: url(lista-tab.gif) no-repeat; } ul#useful-tabs li span { margin: 0 20px; } ul#useful-tabs .yui-content { margin: 0; } #useful-wrapper { padding-top: 28px; } #fast-search-box { background: #fff; border: 1px solid #e2e2e2; padding: 1px; margin-bottom: 10px; } #fast-search { background: url(fast-search-bg.gif) repeat-x; padding: 5px 0 10px 15px } #fast-search h3 { font-weight: bold; text-transform: uppercase; font-size: 1.1em; color: #cc0000; margin-bottom: 15px; } #fast-search .input_number { border: 1px solid #ccc; padding: 2px; font-size: 1.1em; width: 200px; } #fast-search .input_number:focus { border: 1px solid #cc0000; } #fast-search .input_number.smll { width: 50px; } #fast-search span { margin: 0 2px; } #fast-search span.middle { margin: 0 6px 0 8px } #fast-search span.first { margin-right: 2px; } #fast-search input.button { cursor: pointer; display: block; width: 60px; font-size: 1.1em; color: #58595b; border: none; background: url(button.gif) no-repeat; width: 68px; height: 22px; margin: 15px 0 0 179px; } #fast-search input.button:hover { background-position: right; color: #fff; } #fast-search select { width: 163px; font-size: 1.1em; border: 1px solid #ccc; } #fast-search label { display: block; float: left; width: 85px; font-size: 1.1em; padding-top: 2px } #fast-search div.input_value { display: block; float: left; width: 170px; } #fast-search div.line-holder { clear: both; margin-bottom: 8px !important; height: 20px; } #fast-search p { margin-bottom: 8px; } #toolbox { background: #fff; padding: 15px 10px 10px 10px; font-size: 1.1em; height: 99px; border: 1px solid #ccc; // padding-bottom: 6px; // } #toolbox ul { margin-left: 15px; } #toolbox li { padding-left: 20px; margin-bottom: 5px; background: url(black_square.gif) no-repeat 0 50%; } #toolbox a { color: #58595b; } #toolbox a:hover { color: #cc0000; } /* right column */ dl.simple-list { border: 1px solid #e2e2e2; background: #fff; padding: 10px; margin-bottom: 10px; font-size: 1.1em; width: 281px; } dl.simple-list dt { margin-bottom: 10px; color: #58595b; font-size: 1.1em; } dl.simple-list dd { background: url(black_square.gif) no-repeat 0 6px; padding-left: 16px; margin-bottom: 5px } dl.simple-list dd a { color: #58595b; } dl.simple-list dd a:hover { color: #cc0000; text-decoration: none; } dl.simple-list.info dd { background: none; margin-bottom: 3px; } dl.simple-list.info dd a { color: #cc0000; } dl.simple-list.info dd a:hover { color: #58595b; } dl.info-list { width: 50%; float: left; } dl.info-list dt { border-bottom: 1px solid #e2e2e2; margin-bottom: 20px; padding-bottom: 7px; } dl.info-list dd { margin-bottom: 12px; } dl#related-documents.info-list dd { background: url(pdf-icon.gif) no-repeat 0 50%; padding-left: 25px; } h4.title { font-weight: bold; font-size: 1.1em; clear: both; margin-top: 30px; padding-bottom: 7px; } h4.title.border { font-weight: bold; font-size: 1.1em; clear: both; border-bottom: 1px solid #e2e2e2; padding-bottom: 7px; margin-bottom: 10px; } h4.title.pg { margin-top: 40px; display: block; } #photogallery { background: #e2e2e2; padding: 6px 0 2px 5px; margin: 10px 0 40px; } #photogallery .img { border: 1px solid #fff; width: 105px; height: 79px; margin-right: 3px; } #photogallery .img:hover { border: 1px solid #cc0000; } #googlemap { padding: 1px; border: 1px solid #e2e2e2; height: 254px; } #googlemap img { width: 566px; height: 254px; } #googleMapsContainer small { font-size: 1.1em; } #googleMapsContainer a { color: #58595B; } #googleMapsContainer a:hover { color: #cc0000; } dl.object-info { border-top: 1px solid #e2e2e2; padding: 20px 0; } dl.object-info dt { display: inline-block; width: 107px; padding: 0 10px; } dl.object-info dd { display: inline-block; margin-right: 20px; background: url(pdf-icon.gif) no-repeat 0 50%; padding-left: 20px; } dl.object-info dd.more { display: block; margin: 10px 10px 0 130px; background: none; } #send-form { background: #e2e0e1; padding: 5px 15px; margin-bottom: 10px; font-size: 1.1em; } #send-form h4 { font-weight: bold; border-bottom: 1px solid #fff; margin: 10px 0 12px; padding-bottom: 7px; font-size: 1.1em; } #send-form label { display: inline-block; width: 90px; } #send-form .input_text { border: 1px solid #ccc; padding: 2px; font-size: 1.1em; width: 173px; margin-bottom: 7px; } #send-form .input_text:focus { border: 1px solid #cc0000; } #send-form input.button { cursor: pointer; display: block; float: right; width: 60px; margin: 10px 0 0; font-size: .9em; color: #58595b; border: none; background: url(button.gif) no-repeat; width: 68px; height: 22px; } #send-form input.button:hover { background-position: right; color: #fff; } /* ticker */ #burza { padding: 0 0 0 8px; } #burza input.ticker { padding: 3px 0; width: 298px; font-size: 100%; color: #8f8f8f } #burza h2 { margin: 5px 0 3px 2px; color: #454545; } #burza #ticker_cnt { height: 21px !important; border: 1px solid #cccccc; background: #fff; width: 290px !important; } #burza #ticker_cnt a { background: none; } #burza #mq { margin-top: 2px; font-size: 110%; } /* footer */ #footer { clear: both; margin: 0 auto 0; padding: 10px 0 30px 20px; background: url(footer-bg.gif) no-repeat 0 0; color: #e8e8e8; width: 918px; font-size: 110%; } #footer span { color: #e8e8e8; } #footer span#copyright { margin-left: 250px; } #footer a { color: #e8e8e8; padding: 5px 12px 4px; } #footer a:hover { background: #919191; } #linkovi { float: left; background: url(footer_separator.gif) no-repeat 100% 1px; padding-top: 11px; width: 300px; } #linkovi h2 { color: #fff; font-weight: bold; } #linkovi ul { margin-right: 10px; height: 127px; font-size: 11px; } #linkovi ul li { border-bottom: 1px solid #949497; padding: 5px 0 5px 13px; width: 270px; } #linkovi ul li a { color: #e8e8e8; padding: 1px 2px; } #linkovi ul li a:hover { background: #919191; text-decoration: none; } #linkovi ul li.none { border-bottom: none; } #popularno { float: left; width: 280px; padding: 11px 10px; background: url(footer_separator.gif) no-repeat 0 1px; } #popularno h2 { color: #fff; font-weight: bold; } #popularno ul { width: 260px; overflow: hidden; font-size: 90%; } #popularno li { margin-right: 4px; display: inline; } #popularno li a { color: #e8e8e8; padding: 1px; } #popularno li a:hover { background: #919191; text-decoration: none; } #popularno a.fine { font-size: 90%; } #popularno a.diminutive { font-size: 90%; } #popularno a.tiny { font-size: 100%; } #popularno a.small { font-size: 110%; } #popularno a.medium { font-size: 120%; } #popularno a.large { font-size: 130%; font-weight: bold;} #popularno a.huge { font-size: 140%; font-weight: bold; } #popularno a.gargantuan { font-size: 150%; font-weight: bold;} #popularno a.colossal { font-size: 160%; font-weight: bold; } #popularno.inner { background: #fff; border: 1px solid #e2e2e2 !Important; padding: 10px 10px !important; margin-bottom: 10px; } #popularno.inner h2 { color: #777777; } #popularno.inner li { display: inline; } #popularno.inner a { color: #777777; } #popularno.inner a:hover { color: #cc0000; text-decoration: none; background: #fff; } /* novosti */ #mainNews { padding: 10px 25px 0 10px; width: 256px; color: #7e7e7e; float: left; font-size: 11px; } #mainNews a { color: #cc0000; } #mainNews h3 { font-size: 180%; } #mainNews h3 a:hover { color: #58585a; } #mainNews p.date { padding: 5px 0; } #mainNews .img { padding: 2px; border: 1px solid #d7d5d5; float: left; margin: 5px 10px 0 0; width: 120px; height: 90px; } #mainNews #newsLead { height: 190px; overflow: hidden; } #mainNews .more { text-align: center; margin: 10px 0 0 163px; font-size: 90%; } #mainNews .more a { color: #cc0000; width: 78px; height: 17px; padding: 2px 2px 0 12px; display: block; font-size: 11px; } #mainNews .more a:hover { background: url(more-hover.gif) no-repeat; color: #58595b; } #newsList { padding: 10px 10px 10px 10px; float: left; width: 250px; margin-left: 15px; margin-top: -4px } #newsList .img { width: 48px; height: 35px; border: 1px solid #d7d5d5; padding: 1px; float: left; margin: 3px 5px 0 0; } #newsList ul li { border-bottom: 1px solid #e2e2e2; clear: both; padding: 6px 4px 8px 4px; height: 42px; } #newsList ul li a { color: #cc0000; } #newsList ul li a:hover { color: #58585a; } #newsList ul li p { line-height: 1.2em; } #newsList ul li .date { font-size: 90%;} #newsList p.all { text-align: right; padding-top: 7px; } #newsList p.all a { text-align: right; color: #58585a; font-weight: bold; } #alati ul li.none { border-bottom: none; } #alati ul { font-size: 100%; margin-top: 20px; } #alati ul li { padding: 10px 5px 10px 5px; border-bottom: 1px solid #f1f1f1; } #alati ul li a { color: #cc0000; background: url(red_square.gif) no-repeat 0 5px; padding-left: 15px; } #alati ul li a:hover { color: #58595b; } /* step2 */ #innerLeftCol { width: 602px; padding: 0 11px 5px 0; float: left; margin-right: 2px; } #innerRightCol { width: 302px; float: left; margin-top: -46px } #innerRightCol.step2 { width: 302px; float: left; margin-top: 0px; } #funScreen .img { border: 1px solid #e2e2e2; height: 269px; width: 602px; } #innerContent { font-size: 1.2em; padding: 10px 15px 20px; background: #fff; border: 1px solid #e5e5e5; color: #58595b; } #contentWrapper.step2 #innerContent { font-size: 1.1em; padding: 20px 14px; } #contentWrapper.step3 #innerContent { font-size: 1.1em; padding: 20px 14px; } #contentWrapper.step4 #innerContent { font-size: 12px; padding: 20px 14px; } #innerLeftCol .intro { line-height: 1.4em; font-size: 110%; } #innerLeftCol .ic_intro { line-height: 1.4em; font-size: 11px; } #innerLeftCol #secPart { color: #cc0000; } #innerLeftCol #secPart h2 { color: #cc0000; font-size: 130%; font-weight: bold; color: #606060; margin-bottom: 28px; } #innerLeftCol #secPart li { padding: 7px 0 7px 15px; border-bottom: 1px solid #ededed; background: url(red_square.gif) no-repeat 0 12px; } #innerLeftCol #secPart a { color: #58595B; } #innerLeftCol #secPart a strong { color: #cc0000; } ul.bulleting { margin: 0 0 40px 20px; width: 235px; } ul.bulleting li { background: url(red_square.gif) no-repeat 0 50%; } #innerLeftCol ul#tools { font-size: 0; float: right; display: block; margin-bottom: 20px; } #innerLeftCol ul#tools li { float: left; display: block; } #innerLeftCol ul#tools li a { color: #838383; float: left; display: block; text-indent: -9999em !Important; width: 17px; height: 17px; margin-right: 2px; } #innerLeftCol ul#tools li.send a { margin:0; } #innerLeftCol ul#printSend { padding: 20px 0; margin-left: 467px; } #innerLeftCol ul#printSend li { float: left; display: block; } #innerLeftCol ul#printSend li a { color: #838383; float: left; display: block;text-indent: -9999em !Important; width: 34px; height: 17px; margin-right: 2px; } #innerLeftCol ul#tools li#smaller a { background: url(text_small.gif) no-repeat; } #innerLeftCol ul#tools li#normal a { background: url(text_normal.gif) no-repeat; } #innerLeftCol ul#tools li#bigger a { background: url(text_big.gif) no-repeat; } #innerLeftCol ul li.print a { background: url(print.gif) no-repeat; width: 48px !important; } #innerLeftCol ul li.send a { background: url(send.gif) no-repeat; width: 53px !important; } #innerLeftCol ul#tools li#smaller a:hover, #innerLeftCol ul#tools li#normal a:hover, #innerLeftCol ul#tools li#bigger a:hover, #innerLeftCol ul li.print a:hover, #innerLeftCol ul li.send a:hover { background-position: right; } #innerLeftCol ul#tools li#smaller.active a, #innerLeftCol ul#tools li#normal.active a, #innerLeftCol ul#tools li#bigger.active a, #innerLeftCol ul li.print.active a, #innerLeftCol ul li.send.active a { background-position: right; } #innerLeftCol .column.first { margin: 0 50px 35px 15px; } #innerLeftCol .column { float: left; width: 240px; font-size: 11px; } #innerLeftCol .column h3 { color: #cc0000; margin-bottom: 10px; font-size: 160%; font-weight: bold; } #innerLeftCol .column h4 { color: #cc0000; margin: 30px 0 10px 0; font-size: 130%; font-weight: bold; } #innerLeftCol .column a { color: #58595B; } #innerLeftCol .column a:hover, #innerLeftCol #secPart .column a:hover { color: #cc0000; } /* step 3 */ #breadcrumbs { background: white; border: 1px solid #e5e5e5; padding: 12px; color: #58595b; margin: 5px 0 5px; width: 576px; font-size: 1.1em; height: 15px; overflow: hidden; line-height: 1em; } #breadcrumbs a { color: #58595b; } #breadcrumbs a:hover { color: #cc0000; } #breadcrumbs span.active { color: #cc0000; } #breadcrumbs strong { margin-right: 5px; } #breadcrumbs.full { width: 893px; } #innerContent #lead { font-size: 1.2em; margin: 0 0 30px 0; } #innerContent hr { border: none; border-bottom: 1px solid #ededed; display: block; margin: 15px 0; } ul.red_bulleting { margin: 20px 0; } ul.red_bulleting li { background: url(red_square.gif) no-repeat 0 6px; padding-left: 15px; margin-bottom: 3px; } .proizvodTable, .table_class { border: 1px solid #E5E5E5; background: #fff; } .proizvodTable th, .table_class th { padding: 10px 4px 10px 10px; background: #cc0000; color: #fff; } .proizvodTable td, .table_class td { padding: 15px 4px 15px 10px; border-bottom: 1px solid #d3d3d3; border-right: 1px solid #E5E5E5; } .proizvodTable th.width, .table_class th.width { width: 25%; } .proizvodTable th.main, .table_class th.main { width: 25%; } .proizvodTable tr.gray, .table_class tr.gray { background: #f1f1f1; } .proizvodTable tr.red, .table_class tr.red { background: #cc0000; color: #fff !important } .proizvodTable td.gray, .table_class td.gray { background: #f1f1f1; } .proizvodTable td.#fff, .table_class td.#fff { background: #fff; } .proizvodTable.small td, .table_class.small td { padding: 5px 4px 5px 10px; line-height: 1.4em; } .proizvodTable.small tr th, .table_class.small tr th { padding: 10px 4px 10px 10px; background: #cc0000; color: #fff !important } .proizvodTable.small, .table_class.small { margin-bottom: 20px; } .proizvodTable.small tr.summary { border-top: 3px solid #d3d3d3; } ul#korisnici { margin: 40px 0 0 0; font-size: 100%; color: #2a2a2a; height: 40px; } ul#korisnici li a { color: #2a2a2a; display: block; background: url(korisniciButton.gif) no-repeat; text-align: center; padding: 15px 0 15px 0; width: 278px; margin-right: 5px; float: left; } ul#korisnici li a:hover { background-position: right; } ul#korisnici li a strong { color: #cc0000; } ul#korisnici li a:hover { color: #2a2a2a; text-decoration: none; } ul.lista { color: #cc0000; font-size: 100%; } ul.lista { } ul.lista li { padding: 7px 0 7px 15px; border-bottom: 1px solid #ededed; background: url(red_square.gif) no-repeat 0 13px; } ul.lista a { color: #58595B; } ul.lista a strong { color: #cc0000; } #noCol { font-size: 12px; background: #fff; width: 893px ; margin: 0 10px 10px 0; padding: 20px 12px 12px 12px; border: 1px solid #e5e5e5; clear: both; float: left; } ul#calculators{ float: left; width: 200px; margin-right: 38px; height: 275px; background: url(calc.gif) no-repeat 50% 100%; } #graph { float: left; width: 350px; margin-top: 20px; } #graph img { width: 350px; height: 280px; float: left; } /* orbitum fix */ h2.orbx_news_category_title { display: none; } /* kalkulator*/ #alati #tecajniCalc { padding: 10px; background: url(calc_bg.gif) repeat-x; font-size: 100%; width: 334px; float: left; color: #58595b; margin-right: -10px; } #alati #tecajniCalc h4 { font-size: 130%; font-weight: bold; margin-bottom: 20px; color: #58595b; border-bottom: 1px solid #fff; padding-bottom: 5px; } #alati #tecajniCalc form { padding-left: 30px; } #tecajniCalc select { border: 1px solid #cccccc; color: #58595b; font-size: 110%; padding: 2px; } #tecajniCalc select#exch_type { width: 158px; padding: 2px; } #tecajniCalc p { margin-bottom: 20px; } #tecajniCalc .input_text { padding: 2px 2px 2px 6px; width: 146px; border: 1px solid #cccccc;} #tecajniCalc input#valin { padding: 2px 2px 2px 6px; width: 148px; border: 1px solid #cccccc; color: #58595b; font-weight: bold; } #tecajniCalc .input_text.doubleBorder { border: 2px solid #cccccc; color: #58595b; font-weight: bold; } #tecajniCalc label { margin-left: 15px; } #tecajniCalc select#CurFrom { margin-right: 43px; } #tecajniCalc input#valin:focus, #tecajniCalc .input_text:focus, #tecajniCalc select:focus { border: 1px solid #cc0000; } #tecajniCalc .input_text.doubleBorder:focus { border: 2px solid #cc0000; background: transparent; font-size: 120%; } #tecajniCalc .grayArrow { background: url(small_arrow_on.gif) no-repeat; width: 9px; height: 9px; position: absolute; text-indent: -9999em; margin: 5px 0 0 -26px} #tecajniCalcEntry input.button { width: 60px; font-weight: bold; font-size: 100%; color: #58595b; border: none; background: url(button.gif) no-repeat; width: 68px; height: 22px; color: #58595b; } #tecajniCalcEntry input.button:hover { cursor: pointer; background-position: -68px 0; color: #fff; } #tecajniCalc .info { margin: 20px 0 0 30px; font-size: 80%; color: #58595b; } #exch_calculator label { width: 130px; display: block; float: left; } #exch_calculator .button { margin-left: 146px; font-size: 11px !important; } #exch_calculator p.info { margin: 5px 0 0 15px; } #exch_calculator h4 { font-weight: bold; } #noCol #archive { height: 270px } /* inner tecajni */ #dialog1_c { width: 310px !Important; } #dialog1_c .bd { background: url(calculator_bg.gif) repeat-x; padding-top: 10px !important; } #dialog1_c #tecajniCalc { margin: 1px; font-size: 100%; width: 300px; float: none; color: #58595b; } #dialog1_c #tecajniCalc form { padding-left: 0 !Important; } #dialog1_c #tecajniCalc h4 { display: none; } #dialog1_c #tecajniCalc .info { margin-left: 0; } #dialog1_c #dialog1_h.hd { font-size: 12px; line-height: 1.3em !important; } #dialog1_c .yui-module.yui-overlay.yui-panel .bd form p label { display: inline !Important; padding: 0 !important; margin: 0; } #dialog1_c #rezultat { margin-left: 70px; } #dialog1_c #valin { margin-left: 20px; } #dialog1_c #CurFrom { margin-left: 5px; } #dialog1_c #exch_type { margin-left: 48px; } #dialog1_c .button { margin-left: 201px; } #dialog1 #error { margin: 8px 0 0 !important; } /* obrasci */ #noCol ul#steps { font-size: 12px; padding: 10px 0 10px 9px; border: 1px solid #e2e2e2; margin: 20px 0 20px 20px; width: 638px } #noCol ul#steps li { display: inline; padding: 2px 2px 2px 22px; margin-right: 15px; color: #58595b; } #noCol ul#steps li.active { color: #cc0000; } #noCol ul#steps #tab2_label, #noCol ul#steps #tab3_label { background: url(right-arrow.gif) no-repeat 0% 60%; } /* forma */ form#regEntry { margin: 40px 0 50px 20px; width: 650px; clear: both; color: #58595b; } form#regEntry p { margin-bottom: 25px; clear: both; } form#regEntry p label { display: block; float: left; width: 230px; padding: 0 20px 0 0; text-align: right; } form#regEntry p .fakeLabel { display: block; float: left; width: 150px; padding-top: 2px; } form#regEntry a { color: #cc0000; } form#regEntry a:hover { color: #58595b; } form#regEntry p label.none { display: inline; float: none; } form#regEntry p.checkboxes { margin: 0 0 20px 150px; width: 200px; } form#regEntry label.input_check { display: block; margin-bottom: 5px; } form#regEntry label.input_radio { display: inline; margin: 0 10px 0 0; } form#regEntry label.input_radio.inline, form#regEntry label.input_check.inline { display: inline; margin: 0 10px 0 0; } form#regEntry label.input_radio .input_text { margin:0; } form#regEntry input.input_check { margin-right: 10px; float: none; } form#regEntry input.input_radio.no_space { margin-right: 0px; float: none; } .label_inline { margin-bottom: 10px; } div.input_inline { margin-bottom: 10px; } form#regEntry label.indent_25 { padding-left: 28px; } form#regEntry label.input_radio { display: block; margin-bottom: 10px; } form#regEntry input.input_radio { margin-right: 10px; } form#regEntry label.important { font-weight: bold; } form#regEntry p.checkboxes input { margin-right: 10px; } form#regEntry p.note { color: #cc0000; padding: 10px 0; text-align: center; margin: 20px 0 0; border: 1px solid #e2e2e2; font-size: 100%; background: #f8f8f8; } form#regEntry p.note em { font-size: 110%} form#regEntry p.buttons { margin-top: 20px; } /* form#regEntry p.buttons input { margin-right: 20px; width: 80px; padding: 2px; }*/ form#regEntry input.input_text { padding: 3px 2px; width: 200px; border: 1px solid #e5e5e5; color: #58595b; margin-right: 5px; } form#regEntry input.input_text.med { width: 100px; } form#regEntry input.input_text.small { width: 50px; } form#regEntry input.input_text.large { width: 250px; } form#regEntry input.input_text.bottom_space { margin-bottom: 15px; } form#regEntry input.double { border: 2px solid #e5e5e5; } form#regEntry textarea { width: 350px; border: 1px solid #e5e5e5; font-size: 100%; color: #58595b; padding: 2px; } form#regEntry textarea:focus, form#regEntry input.input_text:focus { border-color: #cc0000; } form#regEntry .select { border: 1px solid #e5e5e5; } form#regEntry .select.double { border: 2px solid #e5e5e5; } form#regEntry .select { width: 207px; padding: 1px 2px; color: #58595b } form#regEntry .select.med { width: 110px; } form#regEntry .select.small { width: 60px; } form#regEntry .select option { padding: 1px 0 1px 5px; } form#regEntry select:hover { background: #f8f8f8; } form#regEntry select:focus { border-color: #cc0000; } .form_holder tr.gray { background: #f8f8f8; } form#regEntry p.buttons { padding: 0 0 0; } form#regEntry input.button { width: 322px; color: #f1f1f1; height: 37px; border: none; margin: 0; text-align: right; font-size: 0em; } form#regEntry input.button.edit { background: url(formbttn_edit.gif) no-repeat; margin-right: 2px; } form#regEntry input.button.cancel { background: url(formbttn_cancel.gif) no-repeat; margin-right: 2px; } form#regEntry input.button.back { background: url(formbttn_back.gif) no-repeat; margin-right: 2px; } form#regEntry input.button.preview { background: url(formbttn_preview.gif) no-repeat; margin-right: 2px; color: #d50101; } form#regEntry input.button.save { background: url(formbttn_save.gif) no-repeat; } form#regEntry input.button.next { background: url(formbttn_next.gif) no-repeat; color: #d50101; } form#regEntry input.button:hover { cursor: pointer; background-position: right; } .form_holder td { padding: 5px 0; } .form_holder td.no_space { padding: 10px 0; } .form_holder td.no_space input { margin-bottom: 0; } .form_holder td.name { width: 190px; padding: 2px 20px 0 0; text-align: right;} .form_holder td.name.top { vertical-align: top; } .form_holder .gradjanin { margin-left: 15px; } .form_holder .value.status { padding-top: 20px; } .form_holder .name.status { padding-top: 15px; } form#regEntry span.fieldInfo { display: block; position: absolute; padding: 5px; margin: -24px 0 0 220px; width: 180px; font-size: 100%; color: #58595b; float: left; background: #f8f8f8; border: 1px solid #e5e5e5; font-size: 90% } form#regEntry .chooseRadio label.poslovniSubjekt { margin-left: 28px; } /*form#regEntry .visible { display: block; } form#regEntry .visible span { display: block; width: 600px;font-weight: block; color: #cc0000; font-size: 140%; border-bottom: 1px solid #646464; width: 450px; margin-bottom: 30px; } */ .form_holder tr.space td { padding-bottom: 30px; } form#regEntry fieldset { padding: 20px 10px; border: 1px solid #e2e2e2; } form#regEntry fieldset legend { display: inline; color: #cc0000; font-weight: bold; } form#regEntry fieldset.gray { background: #f8f8f8; border: 1px solid #e2e2e2; } form#regEntry fieldset .input_textarea.big { margin: 0 0 0 70px; } form#regEntry fieldset .input_textarea.big textarea { width: 490px; height: 150px; } form#regEntry fieldset.terms { padding-bottom: 0 !important; } .smallInfo { font-size: 90%; margin: 0 0 0 2px } .wide { margin-left: 70px; } .center { text-align: center; } .margin_left_10 { margin-left: 10px; } .margin_right_10 { margin-right: 10px; } /* dialog box */ #dialog1_c.yui-panel-container.yui-dialog.shadow { width: 301px; } #dialog1_h.hd { line-height: 2em !important; font: bold 11px Arial; background: #cc0000 !important; border: none; padding-left: 10px; margin: 1px; } #dialog1.yui-module.yui-overlay.yui-panel { border: 1px solid #cccccc; } #dialog1.yui-module.yui-overlay.yui-panel form { margin: 0; } #dialog1.yui-module.yui-overlay.yui-panel input#name, #dialog1.yui-module.yui-overlay.yui-panel input#email, #dialog1.yui-module.yui-overlay.yui-panel input#email1, #dialog1.yui-module.yui-overlay.yui-panel input#email2, #dialog1.yui-module.yui-overlay.yui-panel input#email3, #dialog1.yui-module.yui-overlay.yui-panel input#email4, #dialog1.yui-module.yui-overlay.yui-panel input#email5 { padding: 3px !important; font-size: 11px; width: 200px !important; margin-bottom: 10px; height: 14px; } .yui-module.yui-overlay.yui-panel div.bd { margin: 0; padding: 0; } .yui-module.yui-overlay.yui-panel .bd form p label { display: block !important; float: none !important; margin-bottom: 2px; } .yui-module.yui-overlay.yui-panel .bd form p strong { display: block; margin: 20px 10px 10px 0; padding-bottom: 10px; border-bottom: 1px solid #f1f1f1; } .yui-module.yui-overlay.yui-panel .bd form p { margin: 0; padding: 0; line-height: 1em; } .yui-module.yui-overlay.yui-panel .bd form { padding-top: 20px; } .yui-module.yui-overlay.yui-panel .button-group { margin: 0 !important; padding: 0 !Important; } .yui-module.yui-overlay.yui-panel .ft .button-group button { background: url(button.gif) no-repeat; height: 22px; width: 68px; border: none; } .yui-module.yui-overlay.yui-panel .ft .button-group button:hover { background-position: right; color: #fff; cursor: pointer; } /* sitemap */ ol.orbx_sitemap_index { font-size: 12px; margin: 30px 0 0 30px; list-style-type: decimal; font-weight: bold; } ol.orbx_sitemap_index ul { margin: 0 0 10px 20px; font-weight: normal; } ol.orbx_sitemap_index ul li { margin-bottom: 3px; } ol.orbx_sitemap_index ul li ul { margin-left: 20px; } ol.orbx_sitemap_index .orbx_sitemap_next_level li a { color: #58595B; } ol.orbx_sitemap_index .orbx_sitemap_next_level li a:hover { color: #cc0000; } /* pitajte nas*/ #innerContent.font12 { font-size: 12px; } form#form_contact { margin: 30px 0 0 0; } form#form_contact p { margin-bottom: 10px; } form#form_contact td { padding: 10px 0;} form#form_contact input.input-text { border: 1px solid #d5d5d5; height: 1.3em; padding: 3px 2px; width: 298px; margin-bottom: 5px !important; } form#form_contact textarea { border: 1px solid #d5d5d5; } form#form_contact table { width: 470px !Important; margin: 0 auto; } #text form#form_contact td a { border: none; } #text form#form_contact input#phone, #text form#form_contact input#mail { margin-top: 10px; } form#form_contact select { border: 1px solid #d5d5d5; padding: 2px; color: #58595b; } #text form#form_contact select option { border-bottom: 1px solid #f1f1f1; padding: 1px 10px; } #text form#form_contact input#contact_squestion {background: url(input_text_bg.gif) repeat-x; border: 1px solid #d5d5d5; height: 1.3em; padding: 3px 2px; width: 50px; margin: 5px; margin: -40px 0 0 146px; position: absolute; text-align: center; font-weight: bold; color: #e91a1b; } form#form_contact input#Submit { text-align: center; background: url(button.gif) no-repeat; height: 22px; width: 68px; border: none; font-size: 1em; color: #58595b; } form#form_contact input#Submit:hover { background-position: right; color: #fff; } form#form_contact iframe#rte_lite_content { border: 1px solid #cccccc; width: 300px; } /* detaljna tecajna lista */ #exch_table_container table { font-size: 11px; clear: both; color: #58595b; width: 100%; border: 1px solid #cccccc; margin-top: 20px; } #exch_table_container table tr.gray { background: #f1f1f1; } #exch_table_container table tr th { text-align: center; padding: 10px 10px !important; background: #cc0000; color: #fff; border-bottom: 1px solid #cccccc; text-transform: none !important } #exch_table_container table tr td { padding: 8px 30px; border-right: 1px solid #cccccc; border-top: 1px solid #cccccc; } #exch_table_container table td.au { background: url(flags_icons.gif) no-repeat 13px 13px; text-align: left; padding: 0 0 0 40px; width: 83px } #exch_table_container table td.ca { background: url(flags_icons.gif) no-repeat 13px -11px; text-align: left; padding: 0 0 0 40px; } #exch_table_container table td.cz { background: url(flags_icons.gif) no-repeat 13px -33px; text-align: left; padding: 0 0 0 40px; } #exch_table_container table td.dk { background: url(flags_icons.gif) no-repeat 13px -54px; text-align: left; padding: 0 0 0 40px; } #exch_table_container table td.hu { background: url(flags_icons.gif) no-repeat 13px -77px; text-align: left; padding: 0 0 0 40px; } #exch_table_container table td.jp { background: url(flags_icons.gif) no-repeat 13px -98px; text-align: left; padding: 0 0 0 40px; } #exch_table_container table td.no { background: url(flags_icons.gif) no-repeat 13px -120px; text-align: left; padding: 0 0 0 40px; } #exch_table_container table td.sk { background: url(flags_icons.gif) no-repeat 13px -142px; text-align: left; padding: 0 0 0 40px; } #exch_table_container table td.se { background: url(flags_icons.gif) no-repeat 13px -164px; text-align: left; padding: 0 0 0 40px; } #exch_table_container table td.ch { background: url(flags_icons.gif) no-repeat 13px -185px; text-align: left; padding: 0 0 0 40px; } #exch_table_container table td.gb { background: url(flags_icons.gif) no-repeat 13px -207px; text-align: left; padding: 0 0 0 40px; } #exch_table_container table td.us { background: url(flags_icons.gif) no-repeat 13px -229px; text-align: left; padding: 0 0 0 40px; } #exch_table_container table td.eu { background: url(flags_icons.gif) no-repeat 13px -251px; text-align: left; padding: 0 0 0 40px; } #exch_table_container table td.pl { background: url(flags_icons.gif) no-repeat 13px -273px; text-align: left; padding: 0 0 0 40px; } #exch_flash_container { text-align: center; } #change_graph_container { text-align: center; } #change_graph { text-transform: none !important; margin-right: 10px; } span#change_graph { font-weight: bold; } #change_graph_container a { padding: 1px 3px; } .leftFormBox { float: left; padding: 10px; color: #58595b; margin: -6px 0 0 50px; } /* currency box */ #chooseCurrency { position: absolute; height: 184px !important; margin: -180px 0 0 -150px; background: #fff; padding: 2px; width: 190px; color: #58595b; border: 1px solid #cccccc; border-right: 2px solid #cccccc; border-bottom: 2px solid #cccccc; z-index: 2; } #chooseCurrency strong { display: block; background: #646464; color: #fff; padding: 5px; } #chooseCurrency span.close a { position: absolute; display: block; background: url(small_close.gif) no-repeat;; width: 10px; height: 10px; text-indent: -9999em; margin: -17px 0 0 174px; } #chooseCurrency span { font-size: 0.8em; font-weight: normal; } #currencyBox { margin-top: 1px; height: 128px; overflow: scroll; overflow-x: hidden; background: url(mini_gradient.gif) repeat-x; } #currencyBox ul li { padding: 6px 5px 2px 5px; background: url(flags_icons.gif) no-repeat; border-bottom: 1px solid #f1f1f1; } #currencyBox ul li:hover { background: #f8f8f8 url(flags_icons.gif) no-repeat; } #currencyBox ul li.au { background-position: 32px 7px; } #currencyBox ul li.ca { background-position: 32px -15px; } #currencyBox ul li.cz { background-position: 32px -36px; } #currencyBox ul li.dk { background-position: 32px -58px; } #currencyBox ul li.hu { background-position: 32px -80px; } #currencyBox ul li.jp { background-position: 32px -102px; } #currencyBox ul li.no { background-position: 32px -123px; } #currencyBox ul li.sk { background-position: 32px -145px; } #currencyBox ul li.se { background-position: 32px -167px; } #currencyBox ul li.ch { background-position: 32px -189px; } #currencyBox ul li.gb { background-position: 32px -210px; } #currencyBox ul li.us { background-position: 32px -232px; } #currencyBox ul li.eu { background-position: 32px -254px; } #currencyBox ul li.pl { background-position: 32px -276px; } .tablica td.au { text-indent: -9999em; background: url(flags_icons.gif) no-repeat 22px 7px; } .tablica td.ca { text-indent: -9999em; background: url(flags_icons.gif) no-repeat 22px -15px; } .tablica td.cz { text-indent: -9999em; background: url(flags_icons.gif) no-repeat 22px -36px; } .tablica td.dk { text-indent: -9999em; background: url(flags_icons.gif) no-repeat 22px -58px; } .tablica td.hu { text-indent: -9999em; background: url(flags_icons.gif) no-repeat 22px -80px; } .tablica td.jp { text-indent: -9999em; background: url(flags_icons.gif) no-repeat 22px -102px; } .tablica td.no { text-indent: -9999em; background: url(flags_icons.gif) no-repeat 22px -123px; } .tablica td.sk { text-indent: -9999em; background: url(flags_icons.gif) no-repeat 22px -145px; } .tablica td.se { text-indent: -9999em; background: url(flags_icons.gif) no-repeat 22px -167px; } .tablica td.ch { text-indent: -9999em; background: url(flags_icons.gif) no-repeat 22px -189px; } .tablica td.gb { text-indent: -9999em; background: url(flags_icons.gif) no-repeat 22px -210px; } .tablica td.us { text-indent: -9999em; background: url(flags_icons.gif) no-repeat 22px -232px; } .tablica td.eu { text-indent: -9999em; background: url(flags_icons.gif) no-repeat 22px -254px; } .tablica td.pl { text-indent: -9999em; background: url(flags_icons.gif) no-repeat 22px -276px; } #currencyBox ul li label.input_check input.input_check { margin: 0 40px 0 0; } #currencyButtons { padding: 5px 0 2px 35px; background: url(mini_gradient.gif) repeat-x; } #currencyButtons input { font-size: 10px;} #currencyButtons input.button { background: url(button.gif) no-repeat; height: 22px; width: 68px; border: none; } #currencyButtons input.button:hover { background-position: right; cursor: pointer; color: #fff; } /* yui tooltip */ .yui-tt { display: block; padding: 5px; background: #f8f8f8; border: 1px solid #f1f1f1; font-size: 110%; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; } #floatingBox { color: #58595b; position: fixed; width: 190px; margin: 60px 0 0 690px; font-size: 90%; line-height: 1.6em; display: none; } /* arhiva novosti */ .orbicon_pagination { text-align: right !important; color: #fff; margin: 10px 50px 0; font-size: 1.2em; } .orbicon_pagination strong { color: #cc0000; padding: 0 5px; border: 1px solid #cccccc; } .orbicon_pagination a.bit { padding: 0 5px; border: 1px solid #cccccc; } .orbicon_pagination a { color: #58595b; font-weight: bold; } .orbicon_pagination a.next { padding: 0 5px; font-weight: bold; } .orbicon_pagination a.previous { padding: 0 5px; font-weight: bold } .orbicon_pagination a:hover { color: #cc0000; } /* autocomplete */ #faq_search_container li { color: #58595b; #fff-space: nowrap; margin:0; padding: 3px !important; cursor: pointer; border-bottom: 1px solid #ededed; list-style-type: none; overflow: hidden; } #faq_search_container li.yui-ac-highlight { background:#cc0000; color: #fff; } #ic_contactForm h4 { font-size: 120%; font-weight: bold; border-bottom: 1px solid #fff; padding-bottom: 5px; } #ic_contactNote { margin-bottom: 30px; } #ic_contactNote p { margin: 10px 0; } .yui-skin-sam .yui-ac-input { position: static !important; } #innerLeftCol dl#ic_categories { margin-bottom: 50px; font-size: 12px } #innerLeftCol dl#ic_categories dt { border: 0; margin: 0 0 5px 0; padding: 0 0 5px; background: none; color: #58595b; font-size: 12px; border-bottom: 1px solid #e2e2e2 } #innerLeftCol dl#ic_categories dd { border: 0; padding: 2px 0; padding: 2px 0 2px 15px; background: none; background: url(small_red_bullet.gif) no-repeat 5px center; } #innerLeftCol dl#ic_categories dd a { font-weight: bold; color: #cc0000; } #innerLeftCol dl#ic_categories dd a:hover { color: #58595b; } h3#ccp { margin-bottom: 20px; font-weight: bold; } h3#ic_listTitle { font-size: 12px; font-weight: bold; border-bottom: 1px solid #cccccc; padding-bottom: 5px; margin: 40px 0 10px } #innerLeftCol dl.ic_list { margin: 15px 0; font-size: 11px; } .ic_list.topIndent { padding-top: 50px; display: block; clear: both; } #ic_answer { line-height: 1.8em; } #innerLeftCol dl.ic_list dt { border: none; padding: 0; background: 0; } #innerLeftCol dl.ic_list dd { padding: 5px 0 5px 15px; background: none; } #innerLeftCol dl.ic_list dd a:hover { color: #cc0000; } #innerLeftCol dl.ic_list dd.more { border: none; text-align: right; padding-right: 10px; background: none; font-size: 11px } #innerLeftCol dl.ic_list dd.more a { color: #cc0000; border: none; } #innerLeftCol dl.ic_list dd.more a:hover { color: #58595b; } #innerLeftCol ul.ic_list { margin: 30px 0; } #innerLeftCol ul.ic_list li { font-size: 11px; padding: 5px 0 5px 15px; background: url(small_gray_bullet.gif) no-repeat 5px 12px; border-bottom: 1px solid #ededed; } #innerLeftCol ul.ic_list li a { color: #58595b; } #innerLeftCol ul.ic_list li a:hover { color: #cc0000; } /* kalkulatori */ .yui-module.yui-overlay.yui-panel { background: #fff; border: #ededed; color: #58595b; border: 1px solid #cccccc; font-size: 110% } .yui-module.yui-overlay.yui-panel .hd { background: #cc0000; border: 0; padding: 7px 10px; font-size: 110% } .yui-module.yui-overlay.yui-panel .bd { padding: 0 10px 10px 10px !Important; } .yui-module.yui-overlay.yui-panel td { padding: 3px; } .yui-module.yui-overlay.yui-panel td label { text-align: right; display: block; padding-right: 5px; } .yui-module.yui-overlay.yui-panel input, .yui-module.yui-overlay.yui-panel select { border: 1px solid #cccccc; color: #58595b; padding: 2px; } .yui-module.yui-overlay.yui-panel input:focus, .yui-module.yui-overlay.yui-panel select:focus { border: 1px solid #cc0000; } .yui-module.yui-overlay.yui-panel button{ font-size: 90%; font-family: arial, helvetica, sans-serif; } #show_calc.yui-module.yui-overlay.yui-panel .bd { padding: 0 !important; } .bd #form_container form#form_ajax { padding-top: 10px; } /*#show_calc_c.yui-panel-container.yui-dialog.shadow { height: 275px;}*/ #sav_calc_c.yui-panel-container.yui-dialog.shadow { width: 436px} .yui-module.yui-overlay.yui-panel input, .yui-module.yui-overlay.yui-panel select { background: #fff; } .yui-module.yui-overlay.yui-panel .bd form { padding: 0 !important; } #cred_calc .bd table { margin-top: 10px; } #error_cred { margin: 10px 0 0 107px; font-weight: bold; } .bd .calc_info { padding: 10px 0 0 107px;} #dialog2 .bd, #show_calc .bd, #sav_calc .bd, #cred_calc_c .bd { background: url(calculator_bg.gif) repeat-x; margin: 1px; xwidth: 412px; } #cred_calc_c .bd { height: 200px !important; } #dialog2 .bd, #show_emty_name_popup .bd { padding-top: 10px !important; } #dialog2 .bd #email1, #dialog2 .bd #name { margin-bottom: 10px; } #sav_calc .bd { padding-top: 10px !Important; height: 310px !important; } .yui-dialog .ft, .yui-simple-dialog .ft { text-align: left !Important; } #dialog2_c #dialog2 .ft { padding-left: 149px; } .yui-dialog .ft, .yui-simple-dialog .ft { padding-left: 285px; } #show_emty_name_popup .ft { padding-left: 220px; } #show_calc .bd form { padding-left: 10px !important; } /* show calc */ #simplcalc_result { border: 1px solid #646464; height: 25px; text-align: right; font-size: 20px; font-weight: bold; width: 173px !important; margin: 10px 0 0 -9px; } #show_calc .yui-module.yui-overlay.yui-panel input { cursor: pointer; } #savings_error { font-weight: bold; color: #cc0000; padding-left: 132px; } input#orocenje { width: 190px; } select#rok_orocenja { width: 67px; } select#rok_orocenja2 { margin-left: 22px; width: 67px; } select#pocetni_mjesec_orocenja { width: 67px; } input#kamatna_stopa_proizvoljno2 { width: 61px; } .yui-module.yui-overlay.yui-panel .container-close { background: url(calc-close.gif) no-repeat; margin: 4px 8px 0 0 !Important; width: 12px !important; height: 11px !important; } /* rezultati pretrage */ #searchResults ol li { list-style-type: decimal; margin: 0 20px; border-bottom: 1px solid #d7d7d7; padding: 10px 0; } #searchResults ol li p { border: none; padding: 0; margin: 0; } #searchResults p { font-size: 100%; border-bottom: 2px solid #d7d7d7; padding-bottom: 10px; margin-bottom: 10px; } #searchResults p strong { font-size: 120%; color: #cc0000; text-decoration: underline; } #tecajniCalcEntry #error { color: #cc0000; position: absolute; margin: 4px 0 0 80px; } /* error page*/ #innerContent #errorPage h4 { font-weight: bold; font-size: 140%; margin-bottom: 20px; } #innerContent #errorPage p { margin-bottom: 20px; } #innerContent #errorPage ul { margin-left: 20px; } #innerContent #errorPage ul li { margin-bottom: 10px; background: url(red_square.gif) no-repeat 0 6px; padding-left: 20px; } #newsalerts_subs_box { background: #e2e2e2; padding: 12px 12px 20px; border: 1px solid #e2e2e2; margin: 0 0 10px 0; } #newsalerts_subs_box h4 { font-weight: bold; padding: 0 20px 5px; font-size: 1.2em; margin-bottom: 10px; border-bottom: 1px solid #fff; } #newsalerts_subs_box input#subs_email { margin-bottom: 10px; width: 255px; } #newsalerts_subs_box input#subs_email:hover { background-position: right; } #newsalerts_subs_box label#newsalerts_info { margin-bottom: 10px; display: block; } #newsalerts_subs_box input#btn_news_subscribe { cursor: pointer; width: 60px; font-size: 110%; color: #58595b; border: none; background: url(button_mid.gif) no-repeat; width: 90px; height: 22px; } #newsalerts_subs_box input#btn_news_subscribe:hover { background-position: right; color: #fff; } #newsalerts_subs_box h3 { font-size: 1.1em; font-weight: bold; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #fff; } dl#related { border: 1px solid #e2e2e2; background: white; padding: 10px; margin-bottom: 10px; font-size: 1.1em; width: 281px; } dl#related dt { margin-bottom: 10px; color: #58595b; font-size: 1.2em; } dl#related dd { background: url(/site/gfx/black_square.gif) no-repeat 0 6px; padding-left: 16px; margin-bottom: 5px } dl#related dd a { color: #58595b; } dl#related dd a:hover { color: #cc0000; text-decoration: none; } #innerRightCol #videoContainer, #innerRightCol #imageContainer, #innerRightCol #googleMapsContainer { background: #fff; border: 1px solid #e2e2e2; padding: 8px 8px 4px; margin-bottom: 10px; } #slikaContainer { background: #fff; border: 0px solid #e2e2e2; padding: 0px 0px 0px; margin-bottom: 0px; } /* orbitum boxevi !srediti */ .box_row { width:100%; float:left; display:inline; position:relative; } .box_small { float:left; } .box_small #box_grafika { width:236px; height:78px; background-image:url(bg_element.jpg); margin-bottom:10px !important; padding:6px; } .box_small #box_grafika img { float:left !important; margin-right:6px !important; } .box_small #box_grafika p { font-size:11px; line-height:11px; } .box_small #box_grafika h3 { font-size:11px !important; line-height:12px; font-weight:400 !important; } .box_rowcrven { width:95% !important; height:75px !important; float:left !important; background-image:url(rowcrveni.jpg) !important; display:inline; position:relative; margin-bottom:10px; padding:5px !important; } .box_rowsiv { width:95%; height:75px; float:left; background-image:url(rowsivi.jpg) !important; display:inline; position:relative; margin-bottom:20px; padding:5px !important; } .attila_p3 { font-size: 0.8em !important; margin-top: 5px !important; } a.inner_button_4 { background: url(inner_button_4.gif) no-repeat; width: 289px; height: 23px; color: #fff; font-weight: bold; display: block; text-align: center; padding: 8px 30px 0 5px; } a.inner_button_4:hover { background-position: right; } a.inner_button_3 { background: url(inner_button_3.gif) no-repeat; width: 205px; height: 23px; color: #fff; font-weight: bold; display: block; text-align: center; padding: 8px 30px 0 5px; } a.inner_button_3:hover { background-position: right; } a.inner_button_2 { background: url(inner_button_2.gif) no-repeat; width: 150px; height: 23px; color: #fff; font-weight: bold; display: block; text-align: center; padding: 8px 30px 0 5px; } a.inner_button_2:hover { background-position: right; } a.inner_button_1 { background: url(inner_button_1.gif) no-repeat; width: 87px; height: 23px; color: #fff; font-weight: bold; display: block; text-align: center; padding: 8px 30px 0 5px; } a.inner_button_1:hover { background-position: right; } #innerContent div.line { height: 1px; border-bottom: 1px solid #e2e2e2; margin: 20px 0; } #innerContent div.linija { height: 1px; border-bottom: 1px solid #e2e2e2; margin: 5px 0; } #newsalerts_error { position: absolute; width: 150px; margin: -20px 0 0 117px; line-height: 1em; } .yui-calendar .calheader { font-size:11px !important; color:#686868 !important; } .yui-calendar .calhead { background-color:#FFF !important; border:1px solid #e2e2e2 !important; vertical-align:middle !important; font-size: 11px !important; } .yui-calendar td.calcell a { color:#cc0000 !important; text-decoration:none !important; font-size:11px !important; font-weight:400 !important; } .yui-calendar td.calcell.oom { background-color:#f8f8f8 !important; border:1px solid #e2e2e2 !important; color:#999 !important; cursor:default !important; font-size:11px !important; } .yui-calendar td.calcell { text-align:center !important; width:7px !important; height:7px !important; padding:1px !important; } .yui-calendar td.calcell.restricted { text-decoration:none !important; color:#585858 !important; background-color: #fff !important; font-size:11px !important; width:7px !important; height:7px !important; } .yui-calendar .calweekdaycell { color:#fff !important; font-weight:700 !important; font-size:10px; text-align:center !important; width:1.5em !important; padding: 4px 0; } .yui-calendar td.calcell.selected { background-color:#c00 !important; border:1px solid #fff !important; color:#fff !important; } .yui-calendar td.calcell.selected a { color:#fff !important; font-size:11px !important; } .yui-calendar td.calcell.calcellhover { background-color:#fcdbdd !important; border:1px solid #fff !important; } .yui-calendar td.selectable { background: #cc0000; color: #fff !important; border-color: #fff !important; } .yui-calendar td.selectable a { color: #fff !important; } #noCol #archive form p { padding-bottom: 5px; } #cal1Container {width: 155px; background: #444444; } .yui-calendar { width: 155px !important; color: #fff; } .yui-calendar td.calcell.today { background: #cc0000 !important; color: #fff !Important; border-color: #fff !important; } #selDay, #selMonth, #selYear { padding: 2px; border: 1px solid #cccccc; color: #56585b; } #selDay, #selMonth { margin-right: 7px; } .yui-calendar a.calnavleft { background: url(cal_back.gif) no-repeat !important; width: 14px; height: 14px; margin-top: -2px; } .yui-calendar a.calnavright { background: url(cal_frwd.gif) no-repeat !important; width: 14px; height: 14px; margin-top: -2px; } #noCol #archive { float: left; width: 300px; padding-left: 120px; } #noCol h3 { font-weight: bold; color: #56585b; padding-bottom: 10px; } #tecajniCalc p.info { font-size: 11px; } #exch_calc_tip { font-size: 11px; clear: both; width: 162px; padding: 5px 0 0; } #exch_calculator { width: 200px; float: left; margin-left: 100px; } #noCol #tecajniCalc { padding: 0 !important; font-size: 100%; width: 334px; float: right; color: #58595b; margin-right: -10px; background: none; } #noCol #tecajniCalc h4 { font-size: 12px; margin-bottom: 20px;padding-bottom: 5px; } #noCol #tecajniCalc select#exch_type { padding: 2px; } #noCol #tecajniCalc p { margin-bottom: 10px; } #noCol #tecajniCalc .info { margin-top: 15px; } #innerContent .sv { margin: 10px 20px 0 0; text-align: right; float: right; } #innerContent .sv a { background: url(more-hover.gif) no-repeat; color: #cc0000; width: 78px; height: 17px; padding: 2px 2px 0 12px; display: block; text-align: center; font-size: 11px; } #innerContent .sv a:hover { color: #58595b; } #innerContent p.bttn { margin: 10px 20px 0 0; text-align: right; float: right; } #innerContent p.bttn a { color: #cc0000; height: 17px; display: block; text-align: center; font-size: 11px; padding: 2px 0 0 10px; } #innerContent p.bttn a:hover { color: #646464; } #innerContent a.s1 { width: 66px; background: url(bttn_1.gif) no-repeat; } #innerContent a.s2 { width: 90px; background: url(bttn_2.gif) no-repeat; } #innerContent a.s3 { width: 115px; background: url(bttn_3.gif) no-repeat; } #innerContent a.s4 { width: 140px; background: url(bttn_4.gif) no-repeat; } #innerContent a.s5 { width: 165px; background: url(bttn_5.gif) no-repeat; } #innerContent a.s6 { width: 215px; background: url(bttn_6.gif) no-repeat; } #innerContent a.s7 { width: 265px; background: url(bttn_7.gif) no-repeat; } #innerContent a.s8 { width: 340px; background: url(bttn_8.gif) no-repeat; } #innerContent p.gumb { margin: 10px 20px 0 0; text-align: right; float: right; } #innerContent p.gumb a { color: #646464; height: 30px; display: block; text-align: center; font-size: 12px; padding: 4px 0 0 0; } #innerContent p.gumb a:hover { color: #cc0000; } #innerContent a.s9 { width: 180px; background: url(gumb_rozi.gif) no-repeat; } /* sadrzaj */ .goBox { padding: 20px 0; height: 80px; clear: both; border-top: 1px solid #e2e2e2 } .goBox h3 { font-size: 13px; font-weight: bold; margin-bottom: 20px; } .goBox strong { padding: 0 15px; } .goBox .goImg { border: 1px solid #e2e2e2; padding: 2px; display: block; width: 100px; height: 75px; float: left; margin-right: 20px; } ul.gray_bullet_list, ul.red_bullet_list { margin: 20px; } ul.gray_bullet_list li { padding-left: 10px; margin-bottom: 5px; background: url(small_gray_bullet.gif) no-repeat 0 8px; } ul.red_bullet_list li { padding-left: 10px; margin-bottom: 5px; background: url(small_red_bullet.gif) no-repeat 0 8px; } ol.brojevi { list-style-type: decimal; padding-left: 30px;} h3.podnaslov { margin: 30px 0 10px 0; padding-bottom: 5px; border-bottom: 1px solid #e2e2e2; } h3.podnaslov a { color: #58595b; font-weight: bold; height: 30px; } h3.podnaslov a:hover { color: #cc0000; text-decoration: none; } #innerContent p { margin-bottom: 15px; } #kartice td { width: 210px; padding-bottom: 20px; } #kartice td.name { font-weight: bold; height: 40px; vertical-align: top; padding: 0; } #kartice td.last { width: 125px; } #tLista.yui-hidden { display: none; } #tListaAnketa div { clear: both; } ul.horizontalna_lista { text-align: center; margin: 20px 0 40px; } ul.horizontalna_lista li { display: inline; background: url(red_arrow.gif) no-repeat 0 50%; padding-left: 10px; } ul.horizontalna_lista li a { margin-right: 10px; } #clickMe, .clickMe { margin-bottom: 10px; clear: both; } .ghost { visibility: hidden; } #sv_box { padding-left: 100px; margin-bottom:25px; } #sv_box img { margin-right: 39px; } #sv_box.jedan { padding-left: 340px; } ul.kvacica { margin: 20px } ul.kvacica li {padding: 0 0 0 20px; background: url(kvacica.gif) no-repeat 0 2px; margin: 0 0 5px 0} /* slider */ #slider ul, #slider li{ height: 267px; overflow: hidden !important; width: 610px; } #slider li { width: 610px; height: 267px; overflow: hidden !important; float: left !important; display: block; } .slider-wrap img { width: 610px; height: 267px; } .photo-meta-data { margin: -105px 0 0 25px; position: relative; } .slider-wrap h3 { font-size: 1.2em; font-weight: bold; line-height: 3em; color: #fff; } .slider-wrap h3 a { color: #fff; width: 550px; margin: -250px 30px 110px 0px; display: block; background: url(slide-content-bg.png); color: #fff; padding-left: 11px; } .slider-wrap h3 a:hover { color: #cc0000; } .panel-data { font-size: 1.1em; width: 560px; background: url(slide-content-bg.png); color: #fff; } .panel-links { width: 250px; margin: 0 0 0 30px !important; float: left; padding: 10px 0 0 10px; height: 75px; margin-right: 1px; } .panel-links dd { background: url(pdf-icon.gif) no-repeat; padding-left: 20px; margin-bottom: 26px; } .panel-links a { color: #fff; font-weight: bold; } .panel-links a:hover { color: #cc0000; } .panel-data dd strong { margin-right: 5px; } .hidden-link { position: absolute; } .hidden-link a { background: url(img/ghost.gif); height: 110px; width: 580px; display: block; text-indent: -9999em; z-index: 0 } .panel-info { width: 260px; float: left; padding: 10px; height: 65px; margin: 0 0 0 0 !important; } .panel-info li { margin-bottom: 3px; height: auto; width: auto; } .panel-note { width: 260px; float: left; line-height: 1.8em; padding: 10px; height: 65px; } .cross-link { display: block; width: 10px; margin-top: 0; position: relative; padding-top: 15px; z-index: 9999; } .active-thumb { border: 1px solid #fff; background: #fff; } #slider-stopper { position: absolute; top: 1px; right: 20px; background: #ac0000; color: white; padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; } p#controls { margin: 3px 0 0 1px; position: absolute; z-index: 100; display: none /* display none for one slide */ } #prevBtn, #nextBtn { display: block; margin:0; overflow:hidden; text-indent:-8000px; width:20px; height:20px; left: 565px; position:absolute; top:-267px; } #nextBtn { left: 586px; top: -267px; width: 20px; height: 20px; } #prevBtn a, #nextBtn a { display:block; width:20px; height:20px; } #nextBtn a { background: url(next.gif) no-repeat 0 0; } #prevBtn a { background: url(prev.gif) no-repeat 0 0; } #prevBtn a:hover, #nextBtn a:hover { background-position: right 0; } ol.order { margin-left: 20px } ol.order ol { padding: 0 0 0 20px; margin: 10px 30px 20px; } ol.order ol ol { padding: 0 0 0 40px; margin: 0 0 15px 0; } ol.order li { list-style-type: upper-alpha; font-weight: bold } ol.order li li { list-style-type: decimal; font-weight: normal; } ol.order li li li { list-style-type: lower-alpha; }