/*--------------------------------------------- [Main CSS Stylesheet] Project: Ecos Trgovina Primary Use: Screen Version: 1.0 Author: Dimedia ---------------------------------------------*/ /* Za promjenu boje koristiti klasu na body-ju Trenutno je .orange */ @import url("reset.css"); /* RESET */ body { background:url('../images/bg-body-20120202.jpg') center 9px no-repeat #fff; color: #6c6e73; font: normal normal 12px/100% Arial, sans-serif; text-align: center; position: relative; } a { color: #717174; text-decoration: none; } .inner-01 a { color: #f26522; } a img { border: 0; } strong { font-weight: bold; } em { text-decoration: underline; } div p { line-height: 16px; } /* PRE - SITE */ .fl { float: left; } .fr { float: right; } .cb { clear: both ; } .tr { text-align: right; } /* SITE */ #wrapper { margin: auto; text-align: left; width: 989px; width: 1000px; background:#fff;} /* Header */ #header { overflow: hidden; padding: 30px 5px 17px 6px; } #header #logo { float: left; } #header #services { float: left; overflow: hidden; padding-left: 45px; } #header #services a { background-position: top center; background-repeat: no-repeat; float: left; line-height: 14px; font-size: 11px; text-align: center; padding: 50px 0 0; width: 75px; } #header #services a.service1 { background-image: url(../images/icon-01.gif); } #header #services a.service2 { background-image: url(../images/icon-02.gif); padding-top: 56px; } #header #services a.service3 { background-image: url(../images/icon-03.gif); padding-top: 56px; } #header #services a.service4 { background-image: url(../images/icon-04.gif); } #header #services a.service5 { background-image: url(../images/icon-05.gif); padding-top: 56px; } #header #cart { background: url(../images/icon-06.jpg) 136px 0 no-repeat; float: right; padding: 0 5px 0 0; width: 195px; } #header #cart h3 { color: #626469; font: normal 20px/20px Arial, sans-serif; padding-bottom: 5px; } #header #cart strong { color: #6d6f73; display: block; line-height: 16px; } #header #cart strong span { color: #f26522; } #header #cart .button { margin-top: 10px; } #header .legal { display: none; } /* Navigation */ #navigation { background: url(../images/navigation.jpg) 6px 0px no-repeat; height: 36px; padding: 0 5px 0 6px; position: relative; z-index: 1000; } #navigation li { float: left; background: url(../images/navigation-split.jpg) top right no-repeat; } #navigation li.navigation9 { background-image: none }/**/ #navigation li a { color: #000; display: block; font: bold 12px/36px Arial, sans-serif; height: 36px; padding: 0 10px; text-align: center; } #navigation li a:hover { background: url(../images/navigation-hover.gif) -200px 0 no-repeat; } #navigation li.active a { background: url(../images/navigation.jpg) -200px -38px no-repeat; } #navigation li.navigation1.active a { background: url(../images/navigation.jpg) 0px -38px no-repeat; } #navigation li.navigation1 a:hover { background: url(../images/navigation-hover.gif) 0px 0 no-repeat; } #navigation li.navigation9.active a { background: url(../images/navigation.jpg) right -38px no-repeat; } #navigation li.navigation9 a:hover { background: url(../images/navigation-hover.gif) right 0 no-repeat; } #navigation li:hover ul { display: block; } #navigation li.active ul.multi li a { background: url(../images/icon-11.gif) 10px 7px no-repeat; color: #626469; } #navigation li ul { background: url(../images/dropdown.png) bottom left no-repeat; padding: 4px 7px 4px 4px; display: none; position: absolute; width: 207px; z-index: 400; } #navigation li ul li ul { background: #e9e9e9; padding: 0px; position: relative; border-bottom: 1px solid #e9e9e9; } #navigation li ul li { background: #fff; float: none; margin-bottom: 1px; } #navigation li ul li ul li { margin-bottom: 0px; } #navigation li ul li a { color: #626469; height: auto; padding: 2px 0 2px 23px; text-align: left; } #navigation li.push ul li a { height: auto; padding-top: 2px; } #navigation li ul.multi li a { background: url(../images/icon-11.gif) 10px 7px no-repeat; font: normal 11px/16px Arial; } #navigation li ul.multi li a:hover { background: url(../images/icon-12.gif) 10px 7px no-repeat; color: #f26522; } #navigation li ul.multi li.active a { background: url(../images/icon-12.gif) 10px 7px no-repeat; color: #f26522; } #navigation li ul.multi li.title { padding-bottom: 4px; } #navigation li ul.multi li.title a { background: url(../images/icon-13.gif) 6px 5px no-repeat; font: bold 11px/18px Arial; } #navigation li ul.multi li.title a:hover { background: url(../images/icon-10.gif) 6px 5px no-repeat; color: #f26522; } #navigation li ul.multi li.title.active a { background: url(../images/icon-10.gif) 6px 5px no-repeat; color: #f26522; } #navigation li ul.single li { border-bottom: 1px solid #cecfd0; } #navigation li ul.single li a { background: url(../images/icon-13.gif) 6px 5px no-repeat; font: bold 11px/20px Arial; } #navigation li ul.single li a:hover { background: url(../images/icon-10.gif) 6px 5px no-repeat; color: #f26522; } #navigation li ul.single li.active a { background: url(../images/icon-10.gif) 6px 5px no-repeat; color: #f26522; } #navigation .look-left { right: 5px; } /* Sub Navigation */ #sub-navigation { padding: 0 5px 0 6px; } .search-bar { background: url(../images/pretraga.gif) 0px 0px no-repeat; float: left; padding: 6px 13px 4px; width: 702px; } .search-bar label { float: left; line-height: 20px; font-weight: bold; padding-right: 30px; } .search-bar .search-input { background: url(../images/input-02.jpg) top left no-repeat; border: 0 none; float: left; font-size: 11px; height: 18px; margin: 0 0px 0 0; padding: 2px 10px; width: 283px } .search-bar .newListSelected { background:url(../images/input-02.jpg) top right no-repeat; float: left; height: 24px; line-height: 21px; padding-left: 10px; width: 157px; z-index: 1000; } .search-bar .newList { margin:1px 23px 0 -12px; padding:2px 0px 8px; width: 164px; } .search-bar .newList li { background: url(../images/sub-01.png) top left no-repeat; color: #333; padding: 0 2px; width: 164px; } .search-bar .newList li a { padding: 1px 10px; display: block; font-size: 11px; font-weight: bold; } .search-bar .newList li a:hover { background: #929497; color: #fff; } .search-bar .newList .hiLite { background: #929497; color: #fff; } .search-bar li.newListEnd { background: url(../images/sub-02.png) bottom left no-repeat; width: 164px; height: 8px; margin-left: 1px; } .search-bar .selectedTxt { height: 25px; overflow: hidden; } .search-bar .trazi { background: url(../images/button-04.jpg) top left no-repeat; border: 0 none; margin-left: 15px; height: 24px; width: 60px; } .phone { color: #626469; float: right; font: bold 26px/24px Arial; padding-top: 10px; } .phone span { font-size: 13px; line-height: 13px; } /* Middle */ #middle { overflow: hidden; padding: 15px 0 30px; } /* Home */ #home-content { float: left; padding: 0 4px 0 2px; width: 734px; } #home-sidebar { float: left; width: 260px; } #home-sidebar #sidebar-slider { background: url(../images/side-slider.png) 0 -1px no-repeat; height: 296px; padding: 4px 5px 6px; margin-bottom: 7px; width: 251px; overflow: hidden; } #home-sidebar #sidebar-slider .top { height: 23px; } #home-sidebar #sidebar-slider .slides { height: 258px; overflow: hidden; } #home-sidebar #sidebar-slider .slides .slide-box { height: 238px; overflow: hidden; padding: 10px; line-height: 16px; } #home-sidebar #sidebar-slider .slides .slide-box p { padding: 10px 0; margin: 0; } #home-sidebar #sidebar-slider .top a { color: #9ea0a5; float: left; font: normal bold 11px/20px arial; text-align: center; width: 125px; } #home-sidebar #sidebar-slider .top a.active { background: url(../images/bg-30.gif) top left no-repeat; } #home-sidebar #sidebar-slider .top a#lider-3.active { background: url(../images/bg-30.gif) top right no-repeat; } #home-sidebar #sidebar-slider .controls { height: 16px; overflow: hidden; padding: 5px 0 0 30px; } #home-sidebar #sidebar-slider .controls a { background: url(../images/icon-07.gif) top left no-repeat; display: block; height: 11px; width: 11px; float: left; text-indent: -9999px; margin-right: 5px; } #home-sidebar #sidebar-slider .controls a.activeSlide { background: url(../images/icon-08.gif) top left no-repeat; } #home-sidebar .sidebar-banner { padding-bottom: 8px; } #home-sidebar .sidebar-banner img { margin-bottom: 8px; } #main-slider { background: url(../images/main-slider.gif) top left no-repeat; padding: 4px 3px 8px 4px; width: 725px; z-index: 2; } #main-slider .slides { height: 281px; overflow: hidden; } #main-slider .controls { height: 16px; overflow: hidden; padding: 5px 0 0 30px; } /*#main-slider .controls li { float: left; margin-right: 5px; } #main-slider .controls li a { background: url(../images/icon-07.gif) top left no-repeat; display: block; height: 11px; width: 11px; }*/ #main-slider .controls a { background: url(../images/icon-07.gif) top left no-repeat; display: block; height: 11px; width: 11px; float: left; text-indent: -9999px; margin-right: 5px; } #main-slider .controls a.activeSlide { background: url(../images/icon-08.gif) top left no-repeat; } .featured-box { overflow: hidden; padding-bottom: 8px; } .featured-box .top { background: url(../images/home-box-top-01.gif) top left no-repeat; height: 49px; overflow: hidden; padding: 0 20px; } .featured-box .top h2 { font: normal 22px/54px Arial, sans-serif; display: inline; } .featured-box .top .button { float: right; margin-top: 17px; } .featured-box .middle { background: url(../images/home-box-middle-01.gif) bottom left no-repeat; overflow: hidden; padding: 20px 10px 40px; } .featured-box .middle .column { float: left; padding: 0 10px; width: 218px; } .featured-box .middle .column h3 { color: #6d6f73; font-size: normal 13px/20px Arial; padding: 0 10px 10px; text-align: center; } .featured-box .middle .column .image { height: 140px; line-height: 140px; text-align: center; position: relative; } .featured-box .middle .column .image img { vertical-align: middle; } .featured-box .middle .column .price { padding-bottom: 6px; text-align: center; } .featured-box .middle .column .price span { display: block; line-height: 20px; font-weight: bold; } .featured-box .middle .column .price span.stara-cijena { text-decoration: line-through; font-size: 13px; } .featured-box .middle .column .price span.cijena { color: #f26522; font-size: 20px; } .kupi { text-align: center; } .kupi a { line-height: 15px; } .kupi a.vise { background-image: url(../images/button-02.gif); background-repeat: no-repeat; background-position: center left; padding: 1px 5px 5px 10px; font-size: 12px; font-weight: bold; color:#717174; } .kupi a.vise2 { background: url(../images/bg-12.gif) center left no-repeat; display: inline-block; width: 45px; height: 18px; line-height: 18px; font-weight: bold; } .kupi a.kupi-gumb { background-image: url(../images/button-02.gif); background-repeat: no-repeat; background-position: center right; color: #fff; padding: 1px 10px 5px 5px; } .najprodavanije { margin: 10px 0; } .najprodavanije .top { background: url(../images/bg-13.gif) top left no-repeat; padding-left: 12px; height: 36px; } .najprodavanije .top h2 { font-weight: bold; font-size: 18px; line-height: 22px; padding: 0; } #content .najprodavanije .middle { background: url(../images/bg-14.gif) top left repeat-x; border-left: 1px solid #dcddde; border-right: 1px solid #dcddde; overflow: hidden; padding: 8px; width: 683px; position: relative; } .najprodavanije .bottom { background: url(../images/bg-15.gif) top left no-repeat; height: 9px; } .najprodavanije #slider { width: 600px; margin: 0 auto; height: 159px; position: relative; } .najprodavanije #slider ul { position: absolute; } .najprodavanije #slider .slide { float: left; width: 150px; height: 144px; padding-top: 15px; margin: 0 auto; text-align: center; } .najprodavanije #slider .slide strong { display: block; padding-top: 10px; } .najprodavanije #slider .slide strong a { color: #333333; font-size: 11px; } .najprodavanije .jcarousel-prev { position: absolute; height: 139px; width: 20px; background: url(../images/arrow-07.gif) center right no-repeat; display: block; height: 139px; width: 20px; cursor: pointer; top: 0; left: -40px; } .najprodavanije .jcarousel-next { position: absolute; height: 139px; width: 20px; background: url(../images/arrow-08.gif) 0 69px no-repeat; display: block; height: 139px; width: 20px; cursor: pointer; top: 0; right: -40px; } #brands-box {} #brands-box .brands { background: url(../images/home-box-top-02.gif) top left no-repeat; height: 41px; overflow: hidden; padding: 8px 4px 0px; } #brands-box .brands .listh { float: left; height: 41px; width: 637px; position: relative; overflow: hidden; } #brands-box .brands ul { position: absolute; } #brands-box .brands li { float: left; line-height: 41px; padding: 0 18px; border-right: 1px solid #fff; border-left: 1px solid #e1e4e7; } #brands-box .brands li img { vertical-align: middle; } #brands-box .brands .bss { width: 39px; height: 44px; display: block; } #brands-box .brands #bs-1 { float: left; } #brands-box .brands #bs-2 { float: right; } #brands-box .middle { background: url(../images/home-box-middle-02.gif) top left repeat-y; padding: 5px 4px 5px 6px; } #brands-box .middle h2 { font: normal 22px/54px Arial, sans-serif; padding: 0 20px; } #brands-box .products-table table { width: 100% } #brands-box .products-table td { border-top: 1px solid #eff0ef; padding: 10px 0; vertical-align: middle; } #brands-box .products-table td.image { width: 120px; text-align: center; } #brands-box .products-table td.desc { padding-right: 70px; width: 400px; vertical-align: text-top; } #brands-box .products-table td.desc strong { font-size: 13px; } #brands-box .products-table td.desc p { line-height: 16px; padding-top: 5px; } #brands-box .products-table td.kupi strong { font: bold 20px/24px Arial; padding-bottom: 10px; text-align: center; display: block; } #brands-box .bottom { background: url(../images/home-box-bottom.gif) 1px 0 no-repeat; height: 11px; } /* Pages */ #content { float: left; width: 741px; } #content .top-01 { background: url(../images/content-top-01.gif) top left no-repeat; height: 10px; } #content .middle { background: url(../images/content-middle.gif) top left repeat-y; padding: 0 4px 0 5px; } .inner #middle { padding-left: 9px; } #content h1 { font: bold 30px/30px Arial; padding: 24px 0 12px; } #content h1 span { font: italic normal 11px/17px Arial; display: block; } #content h1 em { font: italic normal 22px/24px Arial; text-decoration: none; } #content h2 { font: normal 20px/16px Arial; padding: 8px 0 12px; } #content h3 { font: bold 16px/18px Arial; padding: 18px 0 2px; } #content p { font: normal 12px/18px Arial; padding: 0 0 15px; } #content .flash-holder-01 { padding: 30px 0; text-align: center; } .text ul { margin: 10px 30px; } .text li { background: url(../images/icon-14.gif) 0 6px no-repeat; line-height: 17px; padding-left: 10px; } #content div.inner-01 ul { padding: 0 0 10px 0; } #content div.inner-01 ul li { background: url(../images/icon-35.gif) left 7px no-repeat; padding: 0 0 0 8px; line-height: 17px; } a.vise { color: #f26522; background: url(../images/arrow-03.gif) center right no-repeat; font-size: 11px; padding-right: 13px; } #content .end { background: url(../images/content-end.gif) top left no-repeat; height: 10px; } #content .inner-01 { overflow: hidden; padding: 10px 40px 20px; line-height: 16px; } .gray { background: #e9e9e9; } .gray td { height: auto; padding: 0px 10px 0px 0; vertical-align: top; } .gray td.submit { text-align: right; vertical-align: bottom; } .gray td.submit input, .posalji { background: url(../images/button-05.jpg) top left no-repeat; border: 0 none; height: 18px; margin-bottom: 2px; width: 70px; } .gray td.captcha label { line-height: 14px; padding-bottom: 5px; } .gray label { color: #000; display: block; font: bold 12px/21px arial; } .gray label sup { color: #f00; } .gray input.text, .gray input.text2 { border: 1px solid #bbbaba; padding: 1px 5px; } .gray input.text { width: 185px; } .gray input.text2 { margin-bottom: 5px; width: 125px; } .gray textarea { border: 1px solid #bbbaba; font-family: arial; height: 146px; padding: 2px 5px; width: 280px; } .gray input.error, .gray textarea.error { border-color: #f24422; } #content .inner-01 .column { float: left; width: 320px; } #content .inner-01 .column a { color: #f26522; } #content .map { background: url(../images/bg-02.gif) bottom left repeat-x; padding-top: 20px; padding-bottom:0; text-align: center; } #breadcrumbs { height: 24px; overflow:hidden; padding-bottom: 16px; } #breadcrumbs a { background: url(../images/breadcrumbs-separator.gif) center right no-repeat; float: left; height: 24px; line-height: 24px; padding: 0 17px 0 13px; } #breadcrumbs .first { padding-left: 0px; } #breadcrumbs .last { background-image: none; } .fix { padding-left: 8px; } .paginacija-01 { background-color: #f4f4f4; overflow: hidden; padding: 8px 30px; } .paginacija-01.no-padding { padding: 0px 30px 0 0; } .inner #middle #content .paginacija-01 ul { float: right; } .inner #middle #content .paginacija-01.no-padding ul { margin: 8px 0; } .inner #middle #content .paginacija-01 li { float: left; } .paginacija-01 a { background: #fff; border: 1px solid #dfdfdf; color: #9d9c9c; font: bold 12px/16px arial; margin: 0 4px; padding: 2px 4px; } .paginacija-01 a.prev, .paginacija-01 a.next { background: #f4f4f4; border: 0 none; color: #000; } .paginacija-01 a.active { background: #f4f4f4; border: 0 none; color: #000; } .add-margin-01 { margin: 30px 0 0; } .novosti { } .novosti .novost { border-bottom: 1px solid #eff0ef; overflow: hidden; padding: 8px 5px 8px 0; } .novosti .novost .sadrzaj { position: relative; } .novosti .novost .sadrzaj .date { font: italic normal 10px/17px arial; position: absolute; top: 0; right: 0; } .novosti .novost .sadrzaj img { float: left; border: 1px solid #ccc; margin-right: 20px; } .novosti .novost .sadrzaj h3 { font: bold 13px/100% arial; padding-bottom: 10px; } .novosti .novost .sadrzaj p { font: normal 12px/17px arial; } .novosti .novost a.vise { float: right; } .novosti .last { border-bottom: 0 none; } #content .top-02 { background: url(../images/content-top-02.gif) top left no-repeat; height: 31px; overflow: hidden; padding: 5px 4px 0 5px; } #content .top-02 .prev, #content .top-02 .next { display: block; height: 32px; width: 44px; } #content .top-02 .prev { background: url(../images/arrow-05.gif) top left no-repeat; } #content .top-02 .next { background: url(../images/arrow-06.gif) top left no-repeat; float: right; } #content .top-02 .back { background: url(../images/arrow-04.gif) center left no-repeat; float: left; font-size: 11px; height: 31px; line-height: 31px; padding: 0 50px 0 7px; } .usporedba .back { background: url(../images/arrow-04.gif) center left no-repeat; font-size: 11px; height: 31px; line-height: 31px; padding: 0 0 0 7px; } .prodajna { padding-bottom: 10px; } .prodajna table { width: 600px; } .prodajna td { line-height: 17px; padding: 6px 0 10px; } .prodajna td.last { vertical-align: middle } .map-controls { text-align: left; height:40px; line-height:40px; } .map-controls label { color: #000; font-weight: bold; padding-right: 5px; } input.prikazi { background: url(../images/button-06.png) top left no-repeat; border: 0 none; height: 18px; margin-bottom: 2px; width: 70px; cursor:pointer; } .servis-status { background: url(../images/servis.gif) top left no-repeat; margin-top: 20px; padding: 114px 19px 0; height: 106px; overflow: hidden; width: 198px; } .servis-status .text { border: 1px solid #bbbaba; padding: 1px 5px; width: 180px; margin-bottom: 5px; color: #767676; } .servis-status .posalji { float: right; } .servis-status .status-data { line-height:17px; } .inner-02 { overflow: hidden; padding: 0px 40px 20px; } .inner-03 { overflow: hidden; padding: 0px 13px 20px; } .inner-03 p img { margin-right: 10px; } .inner-04 { overflow: hidden; padding: 0 18px 30px; } #qr-code { float:right; padding:15px 35px 0 0; } #proizvodi-01 { background: url(../images/bg-08.gif) top left repeat-x; } #proizvodi-01 .proizvod-row { border-bottom: 1px solid #eff0ef; overflow: hidden; padding: 10px 20px 10px 0; position: relative; } #proizvodi-01 .proizvod-row .image { float: left; width: 108px; padding-left: 33px; } #proizvodi-01 .proizvod-row .desc { float: left; position: relative; padding-right: 70px; width: 500px; } #proizvodi-01 .proizvod-row .desc strong { display: block; font-size: 13px; padding-left: 33px; } #proizvodi-01 .proizvod-row .desc p { line-height: 17px; padding: 10px 0 10px 33px; margin-left:108px; } #proizvodi-01 .proizvod-row .price { float: right; padding: 15px 0 0 10px; text-align: center; width: 130px; } #proizvodi-01 .proizvod-row .price strong { display: block; text-align: center; } #proizvodi-01 .proizvod-row .price.single strong { color: #6c6e73; font: bold 20px/24px Arial; } #proizvodi-01 .proizvod-row .price.discount { } #proizvodi-01 .proizvod-row .price.discount strong { color: #f26522; font: bold 20px/24px Arial; } #proizvodi-01 .proizvod-row .price.discount strong span { color: #6c6e73; display: block; font-size: 13px; line-height: 20px; text-decoration: line-through; } #proizvodi-01 .proizvod-row .price .kupi { padding-top: 10px; } #proizvodi-01 .proizvod-row .price .kupi a.vise { margin-right: -3px; } #proizvodi-01 .proizvod-row .desc .check { background: #f4f4f4; position: absolute; padding: 7px; top: 0; left: 0; z-index: 2 } #proizvodi-01 .last { background: url(../images/bg-09.gif) bottom left no-repeat; border-bottom: 0; } #proizvodi-01 .first { background: url(../images/bg-10.gif) top left no-repeat; } #proizvodi-01 .first .desc .check { top: 6px; } #proizvodi-02 { background: url(../images/proizvodi-02.gif) top center repeat-y; border-top: 1px solid #eff0ef; overflow: hidden; } #proizvodi-02 .proizvod { border-bottom: 1px solid #eff0ef; float: left; padding: 15px 25px 25px; text-align: center; width: 194px; } #proizvodi-02 .proizvod .naslov { font: bold 13px/100% Arial; } #proizvodi-02 .proizvod .img { padding: 10px 0; text-align: center; line-height: 100% } #proizvodi-02 .proizvod .image { padding: 10px 0; text-align: center; line-height: 100% } #proizvodi-02 .proizvod .img img { vertical-align: middle; } #proizvodi-02 .proizvod .kupi { padding-top: 5px; } #proizvodi-02 .proizvod .cijena { color: #f26522; font: bold 20px/24px Arial; } #proizvodi-02 .proizvod .cijena span { color: #6c6e73; display: block; font-size: 13px; line-height: 20px; text-decoration: line-through; } .usporedi { background: #cccccc; float: left; padding: 8px 20px; } .usporedi input { background: url(../images/button-07.jpg) center center no-repeat; border: 0 none; height: 16px; width: 68px; } .proizvodi-sort { background: url(../images/bg-11.gif) bottom left repeat-x; overflow: hidden; padding: 10px 0 0; color: #000; height: 32px; line-height: 32px; } .proizvodi-sort .naziv { float: left; border-right: 1px solid #dcddde; padding: 0px 0 0 30px; width: 430px; } .proizvodi-sort .naziv2 { padding: 0 102px 0 33px } .proizvodi-sort strong { float: left; padding-right: 10px; } .proizvodi-sort a { margin: 8px 0 0; } .proizvodi-sort a.up { background: url(../images/icon-19.gif) bottom left no-repeat; height: 18px; width: 21px; float: left; margin-right:-3px; } .proizvodi-sort a.up-active { background: url(../images/icon-19.gif) top left no-repeat; height: 18px; width: 20px; float: left; margin-right:-3px; } .proizvodi-sort a.down { background: url(../images/icon-19.gif) top right no-repeat; height: 18px; width: 17px; float: left; } .proizvodi-sort a.down-active { background: url(../images/icon-19.gif) bottom right no-repeat; height: 18px; width: 17px; float: left; } .proizvodi-sort .cijena { float: left; padding-left: 25px; } .status { background-color: #f4f4f4; background-position: 2px center; background-repeat: no-repeat; color: #6d6f73; display: inline-block; font: normal 10px/17px arial; padding: 2px 10px 2px 23px; margin-top:5px; } .status.u-dolasku{ background-image: url(../images/icon-16.gif); } .status.u-dolasku{ background-image: url(../images/icon-16.gif); } .status.raspolozivo{ background-image: url(../images/icon-17.gif); } .status.na-upit{ background-image: url(../images/icon-18.gif); } #single { padding-left: 4px; } #single .stop { background: url(../images/single-top.png) top left no-repeat; padding: 5px 5px 0; height: 33px; overflow: hidden; } #single .stop2 { background: url(../images/single-top.png) top left no-repeat; padding: 5px 5px 0; height: 13px; overflow: hidden; } #single .stop3 { background: url(../images/bg-28.gif) top left no-repeat; height: 16px; overflow: hidden; } #single .smiddle { background: url(../images/single-middle.gif) top left repeat-y; overflow: hidden; padding: 10px 5px 30px; } #single .sbottom { background: url(../images/single-bottom.png) top left no-repeat; padding: 0 5px 5px; height: 33px; overflow: hidden; } #single .sbottom2 { background: url(../images/bg-22.gif) top left no-repeat; height: 14px; } #single .sbottom3 { background: url(../images/bg-29.gif) top left no-repeat; height: 16px; } #single .smiddle2 { padding-bottom: 0; } #single .smiddle3 { padding-top: 0; padding-bottom: 0; } #single .left { float: left; padding: 0 0 0 40px; width: 762px; } #single .right { float: left; padding: 45px 0 0 6px; width: 150px; } #single h1 { color: #6d6f73; font: bold 30px/100% arial; padding: 5px 0; } #single h2 { color: #6d6f73; font: bold 18px/100% arial; padding: 30px 0 15px; } #single .preporucamo h2 { padding: 8px 0 0; } #single .specs { font: normal 12px/24px arial; overflow: hidden; } #single .specs .dt { color: #6d6f73; clear:left; font-weight: bold; width: 220px; float: left; padding: 0 10px; } #single .specs .dd { color: #333; width: 500px; float: left; /*clear: right;*/ overflow: hidden; } #single dl.quick { background: url(../images/bg-18.gif) top left repeat; font: normal 12px/32px arial; font-weight: bold; overflow: hidden; padding-bottom: 1px; } #single dl.quick dt { color: #6d6f73; width: 80px; float: left; padding: 0 10px; } #single dl.quick dd { color: #333; width: 150px; float: left; clear: right; overflow: hidden; } #single .product { overflow: hidden; padding: 0 0 30px; } #single .desc { padding-top: 40px; line-height: 17px; } #single .gallery { float: left; padding: 60px 0 0; width: 255px; } #single .gallery .main-pic { padding-bottom: 20px; text-align: center; } #single .gallery .all-pics { background: url(../images/bg-17.gif) top center no-repeat; height: 60px; overflow: hidden; position: relative; } #single .gallery .psa { float: left; width: 25px; height: 60px; line-height: 60px; text-align: center; display: block; } #single .gallery #pas-r { float: right; } #single .gallery .psa img { margin-top: 25px; } #single .gallery .pic-slider { float: left; width: 193px; overflow: hidden; display: block; height: 60px; position: relative; } #single .gallery .pss { position: absolute; height: 40px; overflow: hidden; margin: 10px 0; } #single .gallery .pss img { border: 2px solid #f4f4f4; vertical-align: middle; margin: 0; } #single .gallery .pss .active img { border: 2px solid #f26522; } #single .product .fr { float: right; width: 430px; padding: 0 30px 0 35px; } #single .product .fr .quick-specs { float: left; width: 265px; margin-top: 58px; } #single .product .fr .quick-specs dd { line-height: 32px; } #single .product .fr .quick-specs dd img { vertical-align: middle; } #single .product .fr .pricing { float: left; width: 165px; text-align: center; } #single .product .fr .pricing .discount { height: 90px; padding-top: 30px; } #single .product .fr .pricing strong { color:#F26522; font:bold 20px/24px Arial; } { float: left; width: 165px; } #single .product .fr .pricing strong span { color:#6C6E73; display:block; font-size:13px; line-height:20px; text-decoration:line-through; } #single .product .kupi { padding-top: 5px; } /*#single .product .kupi a.vise { margin-right:-3px; } */ .kupi a.vise { margin-right:-3px; } #single .product .kupi a.kupi-me { background: url(../images/button-08.gif) top left no-repeat; display: inline-block; height: 18px; width: 81px; color: #fff; text-align: center; line-height: 18px; } #single .stop .fr { width: 150px; } #single .stop .prev, #single .stop .next { display: block; height: 32px; width: 44px; } #single .stop .prev { background: url(../images/arrow-05.gif) top left no-repeat; float: left; } #single .stop .next { background: url(../images/arrow-06.gif) top left no-repeat; float: right; } #single .stop .back { background: url(../images/arrow-04.gif) center left no-repeat; float: left; font-size: 11px; height: 31px; line-height: 31px; padding: 0 50px 0 7px; } #single .sbottom .fr { width: 150px; } #single .sbottom .prev, #single .sbottom .next { display: block; height: 32px; width: 44px; } #single .sbottom .prev { background: url(../images/arrow-09.gif) top left no-repeat; float: left; } #single .sbottom .next { background: url(../images/arrow-10.gif) top left no-repeat; float: right; } #single .sbottom .back { background: url(../images/arrow-04.gif) center left no-repeat; float: left; font-size: 11px; height: 31px; line-height: 31px; padding: 0 50px 0 7px; } .preporucamo { margin: 10px 0; } .preporucamo .top { background: url(../images/bg-19.gif) top left no-repeat; padding-left: 12px; height: 36px; } .preporucamo .top h2 { font-weight: bold; font-size: 18px; line-height: 22px; padding: 0; } .preporucamo .middle { background: url(../images/bg-14.gif) top left repeat-x; border-left: 1px solid #dcddde; border-right: 1px solid #dcddde; overflow: hidden; padding: 8px; width: 743px; position: relative; } .preporucamo .bottom { background: url(../images/bg-21.gif) top left no-repeat; height: 9px; } .preporucamo #slider { width: 720px; margin: 0 auto; height: 150px; overflow: hidden; } .preporucamo #slider .slide { float: left; width: 215px; height: 100px; padding: 25px 10px; margin: 0 auto; text-align: center; border-right: 1px solid #eff0ef; } .preporucamo #slider .slide strong { display: block; padding-top: 10px; } .preporucamo #slider .slide strong a { color: #333333; font-size: 11px; } .preporucamo #slider .slide .prod { padding-top: 15px; text-align: left; } .preporucamo #slider .slide .prod img { float: left; } .preporucamo #slider .slide .prod .fr { padding-right: 10px; margin-top: -5px; } .preporucamo #slider .slide .prod .fr strong { display: block; font: bold 16px/24px arial; color: #f26522; padding: 0; } #single .preporucamo .left { position: absolute; height: 139px; width: 20px; left: 0; padding: 0; } #single .preporucamo .left a { background: url(../images/arrow-07.gif) center right no-repeat; display: block; height: 139px; width: 20px; } #single .preporucamo .right { position: absolute; height: 139px; width: 20px; right: 0; top: 0; padding-top: 0; } #single .preporucamo .right a { background: url(../images/arrow-08.gif) 0 69px no-repeat; display: block; height: 139px; width: 20px; } a.kupi3 { background:url(../images/button-09.gif) no-repeat scroll left top transparent; color:#FFFFFF; display:inline-block; height:18px; line-height:18px; text-align:center; width:62px; } .filter { width: 649px; height: 50px; line-height: 50px; background: #f4f4f4; position:relative; margin-top:5px; } .filter .filter-top { background: url('../images/bg-filter-top.png') no-repeat; width: 649px; height: 6px; position: absolute; top:0; margin: 0; } .filter .filter-bottom { background: url('../images/bg-filter-bottom.png') no-repeat; width: 649px; height: 6px; position: absolute; bottom:0; left:0; margin: 0; } .filter label { font-weight: bold; color:#333; font-size:12px; padding: 0 10px 0 15px; } .filter select { width: 195px; } .filter button { margin-left: 5px; background: url('../images/bg-filter-submit.png') no-repeat; height: 18px; width: 70px; border: none; cursor: pointer; } .filter button span { text-align: center; font-weight: bold; line-height: 18px; font-size: 12px; color: #717174; } .izjave { width: 639px; list-style-type: none; padding:20px 0 0 10px!important; } .izjave li { height: 40px; margin-bottom:20px; background:none!important; padding: 0!important; } .izjave li a img { float: left; margin-right: 10px; } /* ORANGE */ .orange .label-popust { background: url(../images/blue_discount.png) top left no-repeat; color: #fff; width: 63px; height: 63px; font-size: 13px; line-height: 17px; text-align: center; } .orange .label-popust span { display: block; font-size: 20px; font-family: "Arial Black", sans-serif; font-weight: bold; } .orange .label-popust span small { font-size: 16px; } .orange .label-novo { background: url(../images/orange_new.png) top left no-repeat; width: 64px; height: 76px; } .orange .label-akcija { background: url(../images/green_action.png) top left no-repeat; width: 64px; height: 76px; } .orange .label-super-cijena { background: url(../images/blue_great-price.png) top left no-repeat; width: 64px; height: 76px; } .orange .label-preporuka { background: url(../images/blue_recommendation.png) top left no-repeat; width: 64px; height: 76px; } .orange .pricing .label-popust { padding-top: 18px; margin: auto; background-position: 5px 7px; } .orange .pricing .label-novo, .orange .pricing .label-akcija, .orange .pricing .label-preporuka, .orange .pricing .label-super-cijena { margin: auto; } .orange .image .label-popust { position: absolute; top: 30px; right: 0; background-position: 0 0; padding: 22px 0 0 0px; text-align: center; } .orange .image .label-novo { position: absolute; top: 30px; right: 0; } .orange .image .label-akcija { position: absolute; top: 30px; right: 0; } .orange .image .label-super-cijena { position: absolute; top: 30px; right: 0; } .orange .image .label-preporuka { position: absolute; top: 30px; right: 0; } .orange .proizvod-row .desc .label-popust { position: absolute; top: 10px; right: 0; padding: 24px 0 0 0; } .orange .proizvod-row .desc .label-novo { position: absolute; top: 10px; right: 0; padding: 10px 0 0 0; } .orange .proizvod-row .desc .label-akcija { position: absolute; top: 10px; right: 0; padding: 10px 0 0 0; } .orange .proizvod-row .desc .label-preporuka { position: absolute; top: 10px; right: 0; padding: 10px 0 0 0; } .orange .proizvod-row .desc .label-super-cijena { position: absolute; top: 10px; right: 0; padding: 10px 0 0 0; } .orange .discount .label-popust { padding: 28px 0 0 0; margin: auto; background-position: 0 5px; } .orange .discount .label-novo { margin: auto; } #share { background: url(../images/share-toolbar.png) top left no-repeat; padding: 3px 1px 0 17px; width: 132px; } .right .ending { background: url(../images/share-toolbar.png) bottom left no-repeat; height: 10px; width: 151px } #share .separator { line-height: 22px; padding: 8px 0 8px 18px; border-bottom: 1px solid #dcddde; } #share .last { border-bottom: 0 none; } #share .separator strong { color: #000; display: block; } #share .separator a { display: block; padding-left: 20px; background-position: center left; background-repeat: no-repeat; } #share .sh1 { background-image: url(../images/icon-21.gif); } #share .sh2 { background-image: url(../images/icon-22.gif); } #share .sh3 { background-image: url(../images/icon-23.gif); } #share .sh4 { background-image: url(../images/icon-24.gif); } #share .sh5 { background-image: url(../images/icon-28.gif); } #share .sh6 { background-image: url(../images/icon-29.gif); } #overlay { width: 100%; height: 100%; background: url(../images/overlay.png); z-index: 2000; top: 0; left: 0; position: absolute; } #upit { position: relative; background: #fbfbfb; z-index: 2010; width: 500px; text-align: left; margin: 200px auto 0; padding: 35px 0; overflow: hidden; } #upit p { float: left; width: 170px; padding: 0 40px; line-height: 17px; } #upit p strong { display: block; font-size: 20px; padding-bottom: 10px; } #upit a { color: #f68f20; } #upit .close { position: absolute; top: 10px; right: 10px; width: 17px; height: 17px; background: url(../images/icon-31.gif) top left no-repeat; } .pretraga { overflow: hidden; padding: 5px 0 5px 20px; } #content h3.rez { font: bold 20px/30px Arial, sans-serif; padding: 0; } #content h3.rez span { color: #f68f20; } .pretraga ul { float: right; margin: 18px 0 0; } .pretraga li { float: left; } .pretraga a { background: #fff; border: 1px solid #dfdfdf; color: #9d9c9c; font: bold 12px/16px arial; margin: 0 4px; padding: 2px 4px; } .pretraga a.prev, .pretraga a.next { background: #f4f4f4; border: 0 none; color: #000; } .pretraga a.active { background: #f4f4f4; border: 0 none; color: #000; } .paginacija-02 { background: #f4f4f4 url(../images/paginacija-02.gif) top left no-repeat; height: 50px; margin: 6px 10px 0 0; float: right; overflow: hidden; padding-left: 9px; } .paginacija-02 .pag-end { background: url(../images/paginacija-02.gif) top right no-repeat; padding-right: 9px; height: 50px; } .kosarica { padding: 0 0 40px; } .kosarica table { width: 100%; } .kosarica table th { background: url(../images/bg-24.gif) bottom left repeat-x; border-bottom: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; color: #333333; font-size: 13px; font-weight: bold; padding: 8px 5px; } .kosarica table tbody { background: url(../images/bg-25.gif) top left repeat-x; } .kosarica table td { border-bottom: 1px solid #eff0ef; font-size: 13px; padding: 8px 5px; } .kosarica table th.td1 { padding-left: 26px; } .kosarica table .td1 { width: 480px; font-weight: bold; } .narudzba table .td1 { width: 460px; padding-left: 25px; } .kosarica table .td1 a.remove { background: url(../images/icon-32.gif) top left no-repeat; height: 13px; width: 12px; display: inline-block; margin-right: 5px; } .kosarica table .td2 { width: 100px; } .kosarica table .td3 { width: 105px; } .kosarica table .td4 { font-weight: bold; text-align: center; } .kosarica table .td5 { font-weight: bold; text-align: center; border-right: 0 none; } .kosarica table td .text { border-top: 1px solid #969696; border-left: 1px solid #969696; border-bottom: 1px solid #d2d7de; border-right: 1px solid #d2d7de; font-size: 11px; width: 80px; } .kosarica table .sep1 td { background: url(../images/bg-23.gif) top left repeat-x; color: #000; font-size: 12px; padding: 10px 15px 12px; } .kosarica table .sep1 td.sep1-2 { text-align: right; } .kosarica table .sep1 .sep1-3 { background: url(../images/button-10.gif) 0 -2px no-repeat; border: 0 none; display: inline; height: 18px; vertical-align: middle; width: 121px; } .kosarica table .sep2 td { color: #000; font-weight: bold; text-align: right; } .kosarica table .sep2 td span { color: #f26522; } .kosarica table .sep2 td.td-t { } .kosarica table .sep2 td.td-t2 { padding-right: 30px; } .kosarica table .sep2 td.td-d { padding-right: 22px; } .kosarica table .sep2 td.td-d2 { text-align: center; } .kosarica table .last td { border-bottom: 0 none; } .narudzba .wsh { background: url(../images/wsh.gif) top left repeat-x; } .narudzba .wsh3 { background: url(../images/wsh3.gif) bottom left repeat-x; } .legal { background: #e9e9e9 url(../images/bg-27.gif) top left no-repeat; overflow: hidden; padding: 15px; } .legal .lleft { float: left; padding-top: 10px; width: 380px } .legal .lleft a { height: 62px; line-height: 62px; display: inline-block; } .legal .lleft img { margin: 0 6px; vertical-align: baseline } .legal .lright { float: right; width: 510px } .legal h3 { font: bold 18px/30px Arial; color: #333; background: url(../images/bg-26.gif) bottom left repeat-x; padding: 0 0 2px 25px; } .legal .lright p { padding: 10px 25px; font: normal 13px/17px Arial; color: #333; } .legal .lright form { padding: 10px 25px; } .legal .lright form input { background: url(../images/button-11.gif) top left no-repeat; border: 0 none; height: 28px; margin-left: 10px; width: 151px; } .promijeni { background: url(../images/button-12.gif) top left no-repeat; border: 0 none; height: 18px; margin-left: 10px; width: 131px; display: inline-block; } .poslano { background: #fff; border: 1px solid #b3cf67; padding: 10px; margin-bottom: 10px; } .legal .col1 { float: left; padding: 25px; width: 335px; } .legal .col2 { float: left; padding: 25px; width: 495px; } .legal strong { display: block; font: bold 13px/27px arial; color: #000; } .legal table { margin-bottom: 25px; } .legal table td { padding: 0 3px 5px 0; } .legal label { font-size: 11px; font-weight: bold; display: inline-block; color: #000; } .legal label.lbl2 { padding: 0 3px; width: 46px; } .legal label sup { color: #f00; } .legal input.text1 { border: 1px solid #bbbaba; width: 260px; padding: 2px 5px; } .legal input.text2 { border: 1px solid #bbbaba; width: 150px; padding: 2px 5px; } .legal input.text3 { border: 1px solid #bbbaba; width: 40px; padding: 2px 5px; } .legal textarea { width: 480px; height: 60px; border: 1px solid #bbbaba; font: normal 11px/14px arial; padding: 5px; } .legal input.error, .legal textarea.error { border-color: #f24422; } .legal div.potvrda { text-align: right; padding: 15px 0 15px 25px; } .legal div.potvrda input { border: 0 none; width: 79px; height: 28px; } .legal div.potvrda .odustani { background: url(../images/button-13.gif) top left no-repeat; margin-right: 10px; width: 79px; height: 28px; display: inline-block; float: right; } .legal div.potvrda input.potvrdi { background: url(../images/button-14.gif) top left no-repeat; float: right; } .inner-04 a { ; font-size: 11px; height: 31px; line-height: 31px; } .inner-04 a.print{ background: url(../images/print.gif) center left no-repeat; padding: 0 0 0 20px; } .inner-04 .back { background: url(../images/arrow-04.gif) center left no-repeat; padding: 0 0px 0 7px; margin-left: 20px; } .inner-04 h1 { display: inline-block; } .usporedba {} .usporedba table { width: 100% } .usporedba table td { padding: 5px 0; vertical-align: text-top; line-height: 16px; } .usporedba .us1 { width: 192px; padding-left: 30px; background: #f4f4f4; } #single .usporedba .us1 h2 { font-size: 30px; padding-top: 0; } .usporedba .us2 { width: 185px; padding: 5px 30px; border-right: 1px solid #eff0ef; } .usporedba .top .us2 { padding: 5px 30px; text-align: center; } .usporedba .close { float: right; margin: -10px -10px 0 0; } .usporedba .us2.last { border-right: 0 none; } .usporedba .sep td { background: #dededf; font: bold 18px/100% arial; } .usporedba .even { background: #f4f4f4 } .usporedba .even .us1 { background: #e9e9e9; font-weight: bold; } .usporedba .odd .us1 { font-weight: bold; } .usporedba .even .us2 { color: #000; } .usporedba .odd .us2 { color: #000; } .usporedba .us2 h3 { font: bold 13px/20px arial; } .usporedba .us2 strong { font: bold 20px/24px arial; } .usporedba .img { text-align: center; padding: 10px 0; } .usporedba .kupi { padding: 10px 0 20px; } #sidebar { float: left; padding: 5px 21px 0 0; width: 229px; } #sidebar .about li { background: url(../images/bg-01.gif) repeat-y; border-bottom: 1px solid #dcddde; padding-left: 8px; } #sidebar .about .first { border-top: 1px solid #dcddde; } #sidebar .about li a { background: url(../images/icon-09.gif) center left no-repeat; display: block; font: bold 13px/30px arial; padding-left: 21px; } #sidebar .about li a:hover, #sidebar .about li.active a, #sidebar .about li a.active { background: url(../images/icon-10.gif) center left no-repeat; color: #f26522; } #sidebar .about2 { margin-bottom: 20px; } .aktivni-filteri { background: #e9e9e9; margin-bottom: 8px; } .aktivni-filteri .top { background: url(../images/bg-03.gif) top left no-repeat; height: 7px; } .aktivni-filteri .middle { padding: 7px 7px 0; } .aktivni-filteri .middle h3 { color: #626469; font: normal 22px/22px Arial; } .aktivni-filteri .middle span { color: #333333; font: normal 11px/22px Arial; } #aktivni-filteri { padding: 10px 0 5px; } #aktivni-filteri a { background: #fff url(../images/icon-15.gif) 193px 5px no-repeat; color: #333333; font-size: 11px; display: block; margin-bottom: 3px; padding: 2px 4px } #aktivni-filteri a span { color: #717174; font-weight: bold; } .aktivni-filteri .bottom { background: url(../images/bg-04.gif) top left no-repeat; height: 7px; } .aktivni-filteri .ak2 { padding: 7px 0; } .aktivni-filteri li { border-bottom: 1px solid #dcddde; } .aktivni-filteri li a { border-top: 1px solid #fff; color: #333333; display: block; font: bold 13px/30px arial; padding-left: 13px; } #sidebar .filteri { margin-bottom: 10px; } #sidebar h3.other { color: #626469; font: normal 22px/22px Arial; padding: 0 0 10px 8px; } .osobine { margin-bottom: 8px; } .osobine .top { background: url(../images/bg-05.gif) top left no-repeat; height: 11px; } .osobine .middle { background: url(../images/bg-06.gif) top left repeat; padding: 2px 7px 10px; } .osobine .middle2 { background: url(../images/bg-06.gif) top left repeat; padding-bottom: 12px; } .osobine h3 { color: #626469; font: normal 22px/22px Arial; padding-bottom: 10px; } .osobine .middle2 h3 { padding-left: 7px; } .osobine .middle .row { padding-bottom: 3px; } .osobine .middle .row select { border: 1px solid #dedede; color: #717174; font: bold 11px/16px arial; padding: 2px 3px; width: 100%; } .osobine li { border-bottom: 1px solid #dcddde; padding: 5px 7px; } .osobine li a { background: url(../images/icon-09.gif) center left no-repeat; font: bold 13px/16px arial; color: #717174; display: block; padding-left: 21px; } .osobine li a:hover { background: url(../images/icon-10.gif) center left no-repeat; color: #f26522; } .osobine li.active a { background: url(../images/icon-10.gif) center left no-repeat; color: #f26522; } .osobine li.first { border-top: 1px solid #dcddde; } .osobine .bottom { background: url(../images/bg-07.gif) top left no-repeat; height: 11px; } /* Buttons */ .button { border: 0 none; color: #717174; padding-left: 10px; height: 18px; text-transform: lowercase; } .button span { border: 0 none; display: block; line-height: 17px; padding-right: 10px; } button.button span { margin: -1px -3px 0 0; height: 19px; } .button-01 { background: url(../images/button-01.gif) top left no-repeat; display: inline-block; color: #717174; } .inner-01 .button-01 { background: url(../images/button-01.gif) top left no-repeat; display: inline-block; color: #717174; } .button-01 span { background: url(../images/button-01.gif) top right no-repeat; } .button-03 { background: url(../images/button-03.gif) top left no-repeat; } .button-03 span { background: url(../images/button-03.gif) top right no-repeat; } .button-04 { background: url(../images/button-15.jpg) top left no-repeat; width: 60px; height: 18px; border: 0 none; color: #717174; line-height: 14px; } .top .button-01 { background: url(../images/button-17.png) top left no-repeat; display: inline-block; color: #717174; font: normal bold 13px/21px Arial; height: 21px; } .top .button-01 span { background: url(../images/button-17.png) top right no-repeat; height: 21px; } /* Footer */ #footer { background: #89898b; margin: 0 0 5px; overflow: hidden; padding: 25px 0; position: relative; } #footer .column { float: left; padding: 0 30px 0 30px; width: 120px; } #footer .first { padding: 0 30px 0 40px; } #footer .last { padding: 0 0 0 20px; width: 219px; } #footer a { color: #fff; font: bold 12px/20px Arial, sans-serif; } #footer label { color: #c9c9ca; display: block; font: bold 12px/20px Arial, sans-serif; padding: 0 0 9px 5px; } #footer .email { background: url(../images/input-01.jpg) top left no-repeat; border: 0 none; color: #717174; height: 22px; padding: 0 10px; width: 199px; } #footer .inactive { font-style: italic; } #footer .submit { padding-top: 5px; text-align: right; } #footer .submit2 { background: url(../images/button-16.jpg) top left no-repeat; border: 0 none; height: 18px; width: 72px; } #footer .corner { background-image: url(../images/corner-01.gif); display: block; height: 7px; position: absolute; width: 7px; } #footer .corner1 { background-position: top left; top: 0; left: 0; } #footer .corner2 { background-position: top right; top: 0; right: 0; } #footer .corner3 { background-position: bottom right; bottom: 0; right: 0; } #footer .corner4 { background-position: bottom left; bottom: 0; left: 0; } #footer .flash { padding: 5px; margin: 0 0 5px; color: #000; } #footer .flash.error { border: 1px solid #ef3e00; background: #ffe7df; } #footer .flash.notice { border: 1px solid #efac95; background: #ffe7df; } #footer .flash.success { border: 1px solid #158f00; background: #d6ffcf; } /* Legal Info */ #legal { color: #7c7c7c; font-size: 11px; overflow: hidden; padding-bottom: 20px; } #legal .author { float: left; } #legal .author a { color: #000; } #legal .author a:hover, #legal .author a span { color: #FF0000; } #legal .copyright { float: left; margin-left: 360px; } #legal .links { float: right; } #legal .links a { color: #7c7c7c; text-decoration: underline; margin: 0 2px; } /* Popup */ .popup-meta { display: none; } #popup-wrapper { position: absolute; text-align: left; width: 225px; } #popup-wrapper .popup-content { background: url(../images/bg-31.png) top left no-repeat; padding: 24px 22px 0 38px; } #popup-wrapper .title { display: block; font-size: 11px; font-weight: bold; color: #333; } #popup-wrapper p { padding: 15px 0 5px; font: normal 11px/17px arial; color: #6d6f73; } #popup-wrapper .price { text-align: center; font: bold 18px/24px arial; padding-bottom: 10px; } #popup-wrapper .vise { margin-right: -3px; line-height:15px; } #popup-wrapper .popup-end { background: url(../images/bg-31.png) bottom left no-repeat; height: 20px; } .sitemap { margin: 0 15px; } .sitemap li { line-height: 16px; font-size: 14px; } .sitemap li a { background: url(../images/icon-09.gif) center left no-repeat; font: normal normal 13px/20px arial; color: #6d6f73; display: block; padding-left: 21px; } .sitemap li a:hover { background: url(../images/icon-10.gif) center left no-repeat; color: #f26522; } .sitemap li ul { margin: 5px 10px; } .potvrdi { background: url(../images/potvrdi.gif) top left no-repeat; color: #6c6e73; font: normal bold 14px/20px Arial; color: #6c6e73; margin-bottom: 15px; height: 46px; padding-left: 40px; padding-top: 8px; } .potvrdi strong { color: #333; font-size: 18px; } .potvrdi span { display: block; font-size: 11px; font-weight: normal; } .flash-catalog { background: url(../images/bg-32.jpg) top left no-repeat; height: 255px; margin-bottom: 10px; padding:4px 5px 6px; } .flash-catalog h3 { position: absolute; font: normal 16px/100% arial; color: #626469; top: 15px; left: 15px; z-index: 1000; } .flash-catalog .slides { height: 239px; overflow:hidden; } .flash-catalog .cslide { height: 239px; } .flash-catalog .cslide-r { height: 239px; position: relative; width: 239px; } .flash-catalog .cslide img { position: absolute; top: 30px; left: 20px; } .flash-catalog .cslide .prolistaj { background: url(../images/catalog-arrow.png) top left no-repeat; color: #fff; height: 22px; width: 114px; font: normal 13px/22px Arial; padding-left: 14px; position: absolute; left:115px; bottom: 35px; } .flash-catalog .controls { height:16px; overflow:hidden; padding:5px 0 0 30px; } .flash-catalog .controls a { background: url(../images/icon-07.gif) top left no-repeat; display: block; height: 11px; width: 11px; float: left; text-indent: -9999px; margin-right: 5px; } .flash-catalog .controls a.activeSlide { background: url(../images/icon-08.gif) top left no-repeat; } .onama { line-height: 16px; } /****************** LOCATION MAP ***/ #location-map { position: relative; margin-top: 30px; padding: 0 0 30px ; } #location-map img { display: block; } #location-map ul, #location-map li { list-style: none; margin: 0; padding: 0; position: absolute; top: 0px; left: 0px; } #location-map ul a, #location-map ul span { display: block; position: absolute; text-indent: -9999px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); } #location-map ul a { width: 50px; height: 50px; background: lime; } #location-map ul span { width: 20px; height: 20px; background: blue; } #location-map ul dl { display: none; } #location-map .location-01 a { top: 3px; left: 6px; } #location-map .location-01 span { top: 72px; left: 194px; } #location-map .location-02 a { top: 62px; left: 6px; } #location-map .location-02 span { top: 107px; left: 168px; } #location-map .location-03 a { top: 124px; left: 6px; } #location-map .location-03 span { top: 155px; left: 234px; } #location-map .location-04 a { top: 185px; left: 6px; } #location-map .location-04 span { top: 188px; left: 262px; } #location-map .location-05 a { top: 246px; left: 6px; } #location-map .location-05 span { top: 207px; left: 302px; } #location-map .location-06 a { top: 3px; left: 527px; } #location-map .location-06 span { top: 4px; left: 294px; } #location-map .location-07 a { top: 62px; left: 527px; } #location-map .location-07 span { top: 47px; left: 281px; } #location-map .location-08 a { top: 123px; left: 527px; } #location-map .location-08 span { top: 74px; left: 408px; } #location-map .location-09 a { top: 185px; left: 527px; } #location-map .location-09 span { top: 88px; left: 381px; } #location-map .location-10 a { top: 246px; left: 527px; } #location-map .location-10 span { top: 270px; left: 382px; } #location-popup { background: url(../images/locPopupTop.gif) top left no-repeat; padding-top: 9px; width: 203px; position: absolute; top: 0; left: 0; font-size: 11px; line-height: 14px; color: #666; font-family: arial, sans-serif; text-align: left; } #location-popup .bkg-1 { background: url(../images/locPopupBottom.gif) bottom left no-repeat; padding-bottom: 9px; } #location-popup .bkg-2 { background: url(../images/locPopupMiddle.gif); padding: 4px 10px 2px 12px; } #location-popup .close { display: block; position: absolute; top: 9px; right: 8px; cursor: pointer; } #location-popup strong { font-weight: bold; font-size: 14px; line-height: 16px; display: block; text-transform: uppercase; } #location-popup b { font-weight: bold; color: #ff6633; display: block; padding-top: 5px; } #location-popup a { color: #ff6633; text-decoration: underline; } #location-popup a:hover { text-decoration: none; }