/* @group Resetter */ * { margin: 0; padding: 0; } html { font: 12px/18px "Helvetica Neue", helvetica, arial, sans-serif; } li, dt, dd, p { font-size: 12px; } ul, ol, dl { margin: 6px 0 12px 0; } ul ul, ol ol { margin: 0; } li { margin: 3px 0 3px 24px; } dt { margin: 9px 0 0 0; font-weight: bold; } dd { padding: 0 0 0 15px; } p { margin: 9px 0; } pre { font-size: 12px; } abbr { border-bottom: 1px dotted black; } a img { border: 0; } /* @end */ /* @group Basics */ body { color: #eee; background: #333 url(/images/css/body_bg.jpg) repeat center top; } a { color: #005faa; text-decoration: underline; } a:visited, a:active { color: #003c81; } a:hover, a:focus { color: #005faa; text-decoration: none; } a:active { color: #000; } h1, h2, h3, h4 { margin: 6px 0 0 0; font-weight: normal; color: #a62110; } h1 { margin: 0 0 21px 0; padding-bottom: 9px; font-size: 24px; border-bottom: 2px solid #666; } h2 { margin: 21px 0; font-size: 21px; color: #444; } h3 { font-size: 18px; } h4 { font-size: 16px; font-weight: normal; } /* @end */ /* @group Reusable */ .hidden { display: none; } .center { text-align: center; } .transparent { filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; } .oHidden { overflow: hidden; } .clear { clear: both; } .lFloat { float: left; margin: 0 18px 18px 0; } .lFloat2 { float: left; margin: 0 36px 18px 0; } .rFloat { float: right; margin: 0 0 18px 18px; } .rFloat2 { float: right; margin: 0 0 18px 36px; } .box { padding: 10px 15px; background: #f5f5f5; border: 1px solid #e8e8e8; border-width: 3px 0; } a.pdf { padding: 0 0 1px 24px; background: transparent url(/images/css/acrobat.png) no-repeat; } ul.img { clear: both; list-style: none; } ul.img li { float: left; margin: 0 12px 12px 0; padding: 0; } ul.img li a {} ul.img li a img { display: block; margin: 0; padding: 3px; border: 1px solid #ddd; } ul.img li a:hover img { padding: 4px; background: #8ce1f5; border: 0; } ul.album { overflow: hidden; margin: 10px 0 !important; padding: 0; list-style: none; } ul.album li { float: left; margin: 5px; padding: 0; } ul.album li a { display: block; } ul.album li a img { border: 4px solid #eee; } ul.album li a:hover img, ul.album li a:focus img, ul.album li a:active img { border: 4px solid #6dcff6; } hr { margin: 12px 0; height: 0; color: #d6d4ce; background: #d6d4ce; border: 0; border-bottom: 1px dotted #d6d4ce; } table.pregled { width: 100%; } /* @group Forme */ /* @group Osnovno */ form { width: 90%; overflow: hidden; margin: 12px 0; padding: 0; text-align: left; } form fieldset { margin: 0 0 24px 0; background: #f0f0f0; border: 1px solid #ccc; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } form fieldset.buttons { margin: -12px 0 0 0; border: 0; } form fieldset legend { margin: 0 6px 12px 6px; padding: 3px 6px; color: #555; font-size: 18px; font-weight: bold; } /* @group Divs */ form div { clear: both; overflow: hidden; margin: 0; padding: 6px 12px; vertical-align: text-top; border-bottom: 1px dotted #ddd; } form div div, form div.wrapper { margin: 0; padding: 0; border: 0; } form div.wrapper div { margin: 6px 0; padding: 6px 12px; border-bottom: 1px dotted #ddd; } form div.wrapper div.wrapper { margin: 0; padding: 0; border: 0; } form div.wrapper div.wrapper div { margin: 6px 0; padding: 6px 12px; border-bottom: 1px dotted #ddd; } form div:last-child { border: 0; } form div div.fieldWithErrors { display: inline; } form div div.fieldWithErrors label { color: red; font-style: italic; } form div div.fieldWithErrors input { border: 2px solid red; } /* @end */ /* @group Labels */ form div label, form div p.label { display: block; float: left; width: 160px; margin: 0; padding: 3px 12px 3px 0; /* zbog paddinga inputa! */ position: relative; font-size: 14px; } form div.inline label { display: inline; width: auto; margin: 0 6px 0 0; } form div.required label { color: #333; font-weight: bold; } form div.required label:after { content: "*"; } form div.required label em { position: absolute; right: 6px; font-style: normal; } /* @end */ form div p.note { margin: 3px 0 3px 172px; font-size: 12px; color: #666; } /* @group Inputs & Buttons */ input[type=text], input[type=password], input[type=file], textarea, select { width: 240px; margin: 1px 0 0 0; padding: 2px; font-size: 12px; line-height: 18px; background: #fff url(/images/css/forme/cdcdcd1px.gif) repeat-x; border-top: 1px solid #8e8e8e; border-left: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; border-bottom: 1px solid #e3e3e3; vertical-align: middle; } textarea { width: 320px; height: auto; background-color: #fff; } select { width: auto; margin: 3px 0 1px; padding: 0; } option { padding: 0 3px; } optgroup option { padding: 0 9px; } div.inline input[type=text], div.inline input[type=password], div.inline input[type=file], div.inline select { display: inline; margin: 0 3px 0 0; } /* hover */ input[type=text]:hover, input[type=password]:hover, input:hover[type=file], textarea:hover, select:hover { background-color: #fffdd1; } /* focus */ input[type=text]:focus, input[type=password]:focus, input:focus[type=file], textarea:focus, select:focus { background-color: #c3e8ff; } /* disabled */ input[disabled=disabled], input:hover[disabled=disabled] { color: #000; background: #ccc url(/images/css/forme/input_txt_disabled_bg.gif) repeat-x; } /* @end */ /* @group save, cancel */ /* sačuvaj */ input.save { float: left; width: 121px; height: 32px; margin-right: 6px; text-indent: -99em; background-image: url(/images/css/forme/sacuvaj_otkazi_bg.png); border: 0; cursor: pointer; } input.save:hover { background-position: 0 32px; } /* otkaži */ a.cancel { display: block; float: left; width: 111px; height: 32px; text-indent: -99em; background: url(/images/css/forme/sacuvaj_otkazi_bg.png) 111px 0; border: 0; } a.cancel:hover { background-position: 111px 32px; } /* @end */ /* @group Greške */ div.error { background: url(/images/css/forme/uf_error.png); } div.error label, div.error p.label { color: #cc0000; } div.error input[type=text], div.error input[type=passsword], div.error input[type=file], div.error textarea, div.error select { border: 1px solid red; } /* @end */ input.form-error { border: 1px solid red; } div.error-message { margin: 0 0 0 180px; padding: 9px 0 6px 0; font-size: 12px; font-weight: bold; color: red; } /* @end */ /* @end */ /* @group Sekretarica */ /* @group Pojedinačno */ div.greska, div.upozorenje, div.uspeh, div.poruka { margin: 0 0 20px 0; padding: 5px 15px 5px 32px; background: #ffd2dc url(/images/css/poruke/greska_bg.gif) no-repeat 9px 9px; border: 1px solid #efc3ce; border-width: 1px 1px 3px 1px; } div.greska p, div.upozorenje p, div.uspeh p, div.poruka p { margin: 3px 12px; line-height: 24px; font-weight: bold; } div.greska p { color: #ab0000; } div.upozorenje { background: #ffea93 url(/images/css/poruke/upozorenje_bg.gif) no-repeat 9px 9px; border-color: #eed983; } div.uspeh { color: #524606; background: #fffdd1 url(/images/css/poruke/uspeh_bg.gif) no-repeat 9px 9px; border-color: #f0f0c5; } div.poruka { background: #eaeaf3 url(/images/css/poruke/poruka_bg.gif) no-repeat 9px 9px; border-color: #d9d9e1; } /* @end */ /* @group Grupno */ #greske, #uspesi, #upozorenja, #poruke { margin: 20px 0; padding: 5px 15px 5px 32px; background: #ffd2dc url(/images/css/poruke/greske_bg.gif) no-repeat 9px 9px; border: 1px solid #efc3ce; border-width: 4px 1px; } #greske h2, #uspesi h2, #upozorenja h2, #poruke h2 { margin: 10px 0 15px 25px; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #444; } #greske ul, #uspesi ul, #upozorenja ul, #poruke ul { margin: 12px 20px; } #greske li, #uspesi li, #upozorenja li, #poruke li { color: #ab0000; font-size: 12px; line-height: 18px; list-style: square; } #upozorenja { background: #ffea93 url(/images/css/poruke/upozorenja_bg.gif) no-repeat 9px 9px; border-color: #eed983; } #upozorenja li { color: #333; } #uspesi { background: #fffdd1 url(/images/css/poruke/uspesi_bg.gif) no-repeat 9px 9px; border-color: #f0f0c5; } #uspesi li { color: #524606; } #poruke { background: #eaeaf3 url(/images/css/poruke/poruke_bg.gif) no-repeat 9px 9px; border-color: #d9d9e1; } #poruke li { color: #333; } /* @end */ /* @end */ /* @end */ /* @group Layout */ #wrapper { width: 960px; margin: 0 auto; text-align: left; color: #202020; } body.admin #wrapper { margin-top: 30px; } /* @group Header */ #header { position: relative; width: 960px; height: 180px; overflow: visible; background: url(/images/css/header_bg1.jpg) no-repeat; } #logo { z-index: 1; position: absolute; top: 5px; left: 10px; width: 205px; height: 190px; } #logo * { margin: 0; } #changeLang { position: absolute; top: 0px; left: 860px; margin: 0; padding: 6px 10px; list-style: none; color: whitesmoke; background-color: #111; opacity: .8; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; } #changeLang:hover { opacity: 1; } #changeLang li { float: left; margin: 0 3px; } #changeLang li a { padding: 0 0 0 24px; color: #ddd; text-decoration: none; } #changeLang li a:hover, #changeLang li a:focus, #changeLang li a:active { color: #fff; text-decoration: underline; } #changeLang li.en a { background: url(/images/gb.png) no-repeat 0 2px; } #changeLang li.sr a { background: url(/images/sr.png) no-repeat 0 2px; } /* @end */ /* @group Nav */ #nav, #nav * { margin: 0; padding: 0; list-style: none; } #nav { position: absolute; top: 40px; left: 230px; width: 697px; height: 100px; } #nav li, #nav li a, #nav li a span { display: block; width: 160px; height: 80px; margin: 0; padding: 0; } #nav li { float: left; position: relative; margin: 0 20px 0 0; } #nav a span { position: absolute; text-indent: -99em; background: url(/images/css/nav_items_bg.png) no-repeat 0 -10px; } #nav.en a span { background: url(/images/css/nav_items_en_bg.png) no-repeat 0 -10px; } #nav a:hover span, #nav a:focus span, #nav a:active span { background-position: 0 -7px; } #proizvodiPage #navProizvodi a { background-position: 0 -110px; } #proizvodiPage #navProizvodi a:hover, #proizvodiPage #navProizvodi a:focus, #proizvodiPage #navProizvodi a:active { background-position: 0 -107px; } /* js */ /* #nav li a span { display: none; position: absolute; top: 0; left: 0; width: 160px; height: 80px; background: url(/images/css/nav_items_bg.jpg) 0 -80px; } #nav.en li a span { background: url(/images/css/nav_items_en_bg.jpg) 0 -80px; } #proizvodiPage #navProizvodi a span { background-position: 0 -240px; } */ /* @group Partneri */ #nav #navPartneri { margin-top: 9px; } #nav #navPartneri a span { background-position: -160px -10px; } #nav #navPartneri a:hover span, #nav #navPartneri a:focus span, #nav #navPartneri a:active span { background-position: -160px -7px; } #homePage.partneri_page #navPartneri a span { background-position: -160px -110px; } #homePage.partneri_page #navPartneri a:hover span, #homePage.partneri_page #navPartneri a:focus span, #homePage.partneri_page #navPartneri a:active span { background-position: -160px -107px; } /* @end */ /* @group Onama */ #nav #navOnama { margin: 4px 17px 0 0; } #nav #navOnama a span { position: relative; background-position: -320px -10px; } #nav #navOnama a:hover span, #nav #navOnama a:focus span, #nav #navOnama a:active span { background-position: -320px -7px; } #homePage.onama_page #navOnama a span { background-position: -320px -110px; } #homePage.onama_page #navOnama a:hover span, #homePage.onama_page #navOnama a:focus span, #homePage.onama_page #navOnama a:active span { background-position: -320px -107px; } /* @end */ /* @group Kontakt */ #nav #navKontakt { margin: 20px 0 0 0; } #nav #navKontakt a span { background-position: -480px -10px; } #nav #navKontakt a:hover span, #nav #navKontakt a:focus span, #nav #navKontakt a:active span { background-position: -480px -7px; } #homePage.kontakt_page #navKontakt a span { background-position: -480px -110px; } #homePage.kontakt_page #navKontakt a:hover span, #homePage.kontakt_page #navKontakt a:focus span, #homePage.kontakt_page #navKontakt a:active span { background-position: -480px -107px; } /* @end */ /* @end */ /* @group AdminNav */ #adminToolbar { position: fixed; top: 0; z-index: 99; width: 100%; overflow: hidden; color: #ddd; background: #000; opacity: 0.85; } #adminToolbar ul { width: 960px; margin: 0 auto; list-style: none; background: #000; } #adminToolbar ul li { float: left; margin: 6px 9px; } #adminToolbar a { color: #666; } #adminToolbar a:hover, #adminToolbar a:focus, #adminToolbar a:active { color: #fff; } /* @end */ /* @group LeftSidebar */ #leftSidebar { float: left; width: 160px; position: relative; top: -10px; background: url(/images/css/left_sidebar_bg.gif) no-repeat; } #proizvodiNav { margin: 5px 0 0 0; padding: 6px 0 21px 0; list-style: none; color: #fff; background: #262626 url(/images/css/sidebar_nav_bg.gif) no-repeat 0 bottom; } #proizvodiNav h4 { padding: 0 6px; font-size: 14px; line-height: 21px; color: #c6c6c6; border-bottom: 1px solid #515151; } #proizvodiNav ul { margin: 0; list-style: none; } #proizvodiNav li { margin: 0 10px; padding: 0 6px; } #proizvodiNav li ul li { margin: 0; padding: 3px 0 2px 6px; line-height: 14px; } #proizvodiNav a { color: #fff; text-decoration: none; } #proizvodiNav a:hover, #proizvodiNav a:focus, #proizvodiNav a:active { text-decoration: underline; } ul.subnav { margin: 10px 0 0 0; list-style: none; } ul.subnav li { float: left; list-style: none; } /* @group Podrška-Promo (dugmići) */ /* #navPodrska, #navPromo { margin: 10px 0 10px 15px; } #navPodrska a, #navPromo a { display: block; width: 121px; height: 32px; text-indent: -999em; background: url(/images/css/podrska-promo.png) no-repeat; } #navPromo a { background-position: -121px 0; } .podrska_page #navPodrska a { background-position: 0 -64px; } .promo_page #navPromo a { background-position: -121px -64px; } #navPodrska a:hover, #navPodrska a:focus, #navPodrska a:active { background-position: 0 -32px; } #navPromo a:hover, #navPromo a:focus, #navPromo a:active { background-position: -121px -32px; } */ /* @end */ #pokreniteVasPosao, #pokreniteVasPosao a { display: block; width: 160px; height: 95px; } #pokreniteVasPosao a { text-indent: -99em; background: url(/images/css/pokrenite_vas_posao_bg.jpg); } /* @group Podrška-Promo (dugmići) */ #navPodrska, #navPromo { margin: 10px 0 10px 15px; } #navPodrska a, #navPromo a { display: block; width: 201px; height: 48px; text-indent: -999em; background: url(/images/css/podrska-promo.png) no-repeat; } #navPromo a { background-position: -201px 0; } /* @end */ /* @end */ /* @group Content */ #contentWrapper { overflow: hidden; padding: 10px; background: #fff; } #content { position: relative; z-index: 9; float: left; width: 740px; /* width: 580px; */ margin: 0 10px; padding: 0 10px; } /* @end */ /* @group RightSidebar */ #rightSidebar { display: none; float: right; width: 160px; background: #ccc; } /* @end */ #footer { width: 940px; height: 27px; margin: 0 auto 30px auto; padding: 28px 0 0 20px; background-image: url(/images/css/footer_bg.gif); } #footer p { margin: 0; font-size: 11px; color: #666; } /* @end */ /* @group Tables */ caption { margin: 9px 0; font-size: 14px; } table { margin: 0 0 9px 0; clear: both; color: #333; border-collapse: collapse; } th { padding: 3px 6px; font-size: 12px; text-align: center; color: #000; background-color: #ddd; border: 1px solid #ccc; border-width: 1px 0; } table.vertikalna th { border: 1px solid #ccc; border-width: 0 0 2px 0; } th a { display: block; padding: 3px 6px; text-decoration: none; } th a:hover { background-color: #ccc; color: #333; text-decoration: none; } td { padding: 3px 6px; vertical-align: middle; border: 1px solid #ddd; border-width: 1px 0; } tr.nepar td { background: #fff; } tr.par td { background: #f5f8e7; } tr:hover td { background: #d8e4ee; } td.rb { text-align: center; } td.actions { text-align: center; white-space: nowrap; } td.actions a { display: inline; margin: 0px 6px; } tr.timestamp td { font-size: 11px; } table.horizontalna th { text-align: left; } /* @end */ /* @group Tooltip */ #tooltip { position: absolute; z-index: 3000; padding: 6px 12px; background-color: #111; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; filter: alpha(opacity=85); -moz-opacity: 0.85; -khtml-opacity: 0.85; opacity: 0.85; } #tooltip h3 { margin: 0; font-size: 12px; color: #fff; } #tooltip div { color: #ccc; } /* @end */ /* @group Proizvodi */ /* @group Naslovna */ #splashNaslovna { margin: 0; padding: 0; list-style: none; } #splashNaslovna li { float: left; clear: none; margin: 0; padding: 0; width: 740px; height: 354px; } #proizvodiNaslovna { overflow: hidden; height: 285px; } #proizvodiNaslovna li.proizvod { float: left; clear: none; margin: 0 20px 0 0; width: 168px; height: 280px; text-align: center; border: 1px solid #ccc; border-bottom: 4px solid #ccc; -moz-border-radius: 6px; background: url(/images/css/proizvod_naslovna_bg.jpg) repeat-x 0 bottom; } #proizvodiNaslovna li.proizvod:hover { border-color: #999; } #proizvodiNaslovna li.proizvod h3 { font-weight: bold; } #proizvodiNaslovna li.proizvod h3 a { color: #a62110; } #proizvodiNaslovna li.proizvod div.imgHolder { margin: 10px 0; height: 160px; } #proizvodiNaslovna li.proizvod div.imgHolder a, #proizvodiNaslovna li.proizvod div.imgHolder img { display: block; margin: 0 auto; } #proizvodiNaslovna div.cena { color: darkred; font-size: 21px; font-family: Helvetica, Arial, Lucida, Verdana, sans-serif; letter-spacing: -1px; } #proizvodiNaslovna div.cena del { padding: 0 9px 0 0; color: #555; font-size: 16px; } #proizvodiNaslovna div.cena del span.euro { font-size: 12px; } #proizvodiNaslovna div.cena span.euro { margin-left: -3px; font-size: 17px; } #aktuelnoH2 { color: #a62110; margin-bottom: 20px; padding-bottom: 9px; border-bottom: 2px solid #666; } /* @end */ /* @group Pregled */ h1 a { color: #a62110 !important; } ul#proizvodProizvodjaciLista { overflow: hidden; margin: 0; padding: 0 0 10px 0; } ul#proizvodProizvodjaciLista li { display: inline; margin: 6px 20px 6px 0; list-style: none; } ul#proizvodProizvodjaciLista li img { vertical-align: middle; } div.proizvod { position: relative; clear: both; overflow: hidden; margin: 10px 0 0 0; } div.proizvod div.levo { float: left; width: 122px; } div.proizvod div.levo ul.slike, #proizvodDetaljnije div.levo ul.slike { margin: 0; list-style: none; text-align: right; } div.proizvod div.levo ul.slike li, #proizvodDetaljnije div.levo ul.slike li { margin: 0; } div.proizvod div.levo ul.slike li a, #proizvodDetaljnije div.levo ul.slike li a, div.proizvod div.levo ul.slike li img, #proizvodDetaljnije div.levo ul.slike li img { } div.proizvod div.levo ul.slike li.lista.lista, div.proizvod div.levo ul.slike li.bez_slike, #proizvodDetaljnije div.levo ul.slike li.detaljnije { position: relative; margin: 0 0 0 0; min-width: 120px; min-height: 120px; } div.proizvod div.levo ul.slike li.loading { background: url(/images/css/loadinfo.net.gif) no-repeat center center; } div.proizvod div.levo ul.slike li.lista img, div.proizvod div.levo ul.slike li.bez_slike img { } div.proizvod div.levo ul.slike li.mala, #proizvodDetaljnije div.levo ul.slike li.mala { display: inline; margin: 0 0 0 0; } div.proizvod div.levo ul.slike li.mala a img, #proizvodDetaljnije div.levo ul.slike li.mala a img { border: 3px solid #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } div.proizvod div.levo ul.slike li.mala a:hover img, div.proizvod div.levo ul.slike li.mala a:focus img, div.proizvod div.levo ul.slike li.mala a:active img, #proizvodDetaljnije div.levo ul.slike li.mala a:hover img, #proizvodDetaljnije div.levo ul.slike li.mala a:focus img, #proizvodDetaljnije div.levo ul.slike li.mala a:active img { border-color: #ddd; } div.proizvod div.desno, #proizvodDetaljnije div.desno { width: 580px; margin: 0 0 0 140px; padding: 5px 10px; overflow: hidden; /* background: #efecf3; */ border-top: 1px dotted #ddd; border-bottom: 1px dotted #d3d0d7; } #proizvodDetaljnije div.desno { width: auto; } #proizvodi div.proizvod:hover div.desno { background-color: #efecf3; border-color: #d6d5c3; } #proizvodi.js div.proizvod:hover div.desno { cursor: pointer; } /* @group Etikete */ #proizvodi div.etikete { float: right; overflow: hidden; } #proizvodi div.etikete p { margin: 0; } div.proizvod p.novo { float: right; width: 47px; height: 45px; padding: 0 0 0 10px; text-indent: -99em; background: transparent url(/images/proizvodi/novo.sr.png) no-repeat right; } body.en div.etikete p.novo { background-image: url(/images/proizvodi/novo.en.png); } div.etikete p.akcija { float: right; width: 78px; height: 40px; padding: 0 0 0 10px; text-indent: -99em; background: transparent url(/images/proizvodi/akcija.sr.png) no-repeat right 6px; } body.en div.etikete p.akcija { background-image: url(/images/proizvodi/akcija.en.png); } /* @end */ #proizvodDetaljnije div.novo div.desno { background-position: 500px 40px; } div.proizvod div.desno h3 { margin: 6px 0 0 0; font-weight: bold; } div.proizvod div.desno h3 a { color: #a62110; } #proizvodDetaljnije div.levo { float: left; width: 162px; } #proizvodDetaljnije div.levo ul.slike li.detaljnije { min-width: 160px; margin: 0 0 10px 0; } #proizvodDetaljnije div.levo ul.slike li.detaljnije img { width: auto; } #proizvodDetaljnije div.levo ul.slike li.mala { margin: 0 0 0 5px; } #proizvodDetaljnije div.desno { margin: 0 0 0 180px; } #proizvodiPage.detaljnije_page h2#ostaliProizvodi { padding: 10px; background: #ddd; border-top: 3px solid #ccc; border-radius-bottomleft: 6px; border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; } /* @group Cena */ .proizvod .cena { float: right; clear: right; margin: 10px 0; color: darkred; font-size: 21px; font-weight: bold; font-family: Helvetica, Arial, Lucida, Verdana, sans-serif; } #proizvodi .proizvod .cena, #proizvodDetaljnije .proizvod .cena { margin: 0 0 10px 15px; } div.cena del { padding: 0 9px 0 0; color: #555; font-size: 16px; } div.cena del span.euro { font-size: 12px; } div.cena span.euro { font-size: 17px; } div.cena span.do { font-size: 21px; } #proizvodiNaslovna div.cena { float: none; margin: 10px auto; } #proizvodiNaslovna div.deo span.cena_popust { display: block; } /* @end */ #proizvodDetaljnije h2.fajlovi { font-size: 18px; } /* @group Pagination */ .pagination { margin: 12px 0; padding: 3px 0; font-size: 12px; } .pagination a { margin: 2px; padding: 2px 5px 2px 5px; font-size: 12px; font-weight: normal; text-decoration: none; color: #232c30; background-color: #f5f8e7; border: 1px solid #d8e4ee; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .pagination a:hover, .pagination a:active { color: #000; background-color: #d8e4ee; border: 1px solid #a1adb6; } .pagination span.current { padding: 2px 5px 2px 5px; margin: 2px; color: #FFF; font-weight: bold; background-color: #262626; border: 1px solid #262626; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .pagination span.disabled { margin: 2px; padding: 2px 5px 2px 5px; color: #aaa; border: 1px solid #ccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .pagination span.gap { font-size: 12px; } /* @end */ /* @end */ /* @group Admin */ ul.admin_toolbar { overflow: hidden; padding: 9px 0 0 9px; list-style: none; background: #fff; } #proizvodiPage ul.admin_toolbar { float: right; } body.lista_page ul.admin_toolbar { opacity: .85; } ul.admin_toolbar li { height: 32px; float: left; margin: 0 20px 0 0; } ul.admin_toolbar li a.izmeni, ul.admin_toolbar li a.obrisi { display: block; height: 32px; padding: 0 0 0 36px; line-height: 24px; background: url(/images/css/forme/edit.png) no-repeat; } ul.admin_toolbar li a.obrisi { background-image: url(/images/css/forme/delete.png); } div#proizvodi ul.admin_toolbar { visibility: hidden; position: absolute; top: 3px; right: -10px; border-radius-topleft: 6px; border-radius-bottomleft: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; } div#proizvodi div.proizvod:hover ul.admin_toolbar { visibility: visible; } ul.attachments_list li { margin: 3px 0; padding: 0 0 0 48px; line-height: 32px; color: #555; } ul.attachments_list li.gif { background: url(/images/css/filetypes/gif.png) no-repeat 10px; } ul.attachments_list li.jpg { background: url(/images/css/filetypes/jpg.png) no-repeat 10px; } ul.attachments_list li.png { background: url(/images/css/filetypes/png.png) no-repeat 10px; } ul.attachments_list li.doc { background: url(/images/css/filetypes/doc.png) no-repeat 10px; } ul.attachments_list li.pdf { background: url(/images/css/filetypes/pdf.png) no-repeat 10px; } ul.attachments_list li a.destroy { margin: 0 0 0 10px; color: #f00; } ul.attachments_list li a.destroy:hover, ul.attachments_list li a.destroy:focus, ul.attachments_list li a.destroy:active { color: #fff; background: #f00; } ul#adminProizvodSlike { list-style: none; } ul#adminProizvodSlike li { float: left; margin: 0 20px 20px 0; } ul#adminProizvodSlike li a { display: block; border: 6px solid #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } ul#adminProizvodSlike li a:hover, ul#adminProizvodSlike li a:focus, ul#adminProizvodSlike li a:active { border-color: #eee; } /* @group Browser */ .browser {} form.browser { width: 100%; color: #444; white-space: nowrap; background: #cdcdcd url(/images/css/forme/browsebar_bg.jpg) repeat-x; border: 1px solid #cdcdcd; border-bottom: 2px solid #999; border-right: 1px solid #aaa; -moz-border-radius: 6px; } .browser fieldset { margin: 9px 6px; border: 0; } .browser div { padding: 6px 3px !important; border: 0; } .browser div, .browser label, .browser input, .browser select { display: inline; float: none; width: auto; padding: 0; font-size: 12px; } .browser label { padding: 0 3px 0 0; } .browser input[type=submit] { padding: 1px 3px; color: #fff; background: #444; border: 1px solid #222; border-top: 1px solid #666; border-left: 1px solid #666; } /* @end */ /* @group Tabele */ table#adminPregledProizvoda { width: 100%; } td.akcije { width: 68px; } td.akcije ul { margin: 0; list-style: none; } td.akcije ul li { float: left; margin: 0; } td.akcije a.prikazi, td.akcije a.izmeni, td.akcije a.obrisi { display: block; margin: 0 10px 0 0; width: 16px; height: 16px; text-indent: -999em; background-image: url(/images/css/forme/show16.png); } td.akcije a.izmeni { background-image: url(/images/css/forme/edit16.png); } td.akcije a.obrisi { margin: 0; background-image: url(/images/css/forme/delete16.png); } table.vertikalna td.kategorija { line-height: 14px; white-space: nowrap; } table.vertikalna td.kategorija em { font-size: 11px; font-style: normal; } table.vertikalna td.slika img { display: block; border: 1px solid #eaecdb; } table.vertikalna td.naslovna, table.vertikalna tr.naslovna td { text-align: center; } table#adminProizvod { clear: none; width: 520px; } /* @end */ /* @end */ /* @end */ /* @group Po stranama */ #footer p { float: left; } #footer p#designDevelopment { float: right; margin: 0 20px 0 0; } /* @group Partneri */ ul#partneri { overflow: hidden; margin: 0; padding: 0 0 10px 0; } ul#partneri li { display: inline-block; width: 160px; margin: 0 20px 0 0; list-style: none; text-align: center; } ul#partneri li img { margin: 10px 0; vertical-align: middle; } /* @end */ /* @group Kontakt */ #kontaktPodaci { float: left; overflow: hidden; } #kontaktPodaci h2 { margin: 0 0 9px 0; padding: 0 0 6px 0; font-weight: bold; font-size: 14px; border-bottom: 3px solid #ddd; } #kontaktMapa { float: left; margin: 0 0 0 20px; width: 520px; height: 400px; border: 6px solid #333; -moz-border-radius: 12px; } #kontaktPodaci .adresa { margin: 0 0 30px; } .mapMessage { display: none; width: 180px; padding: 0 10px; color: #fff; background: #000; opacity: .85; border-radius: 5px; border-radius-topleft: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; } .mapMessage span { display: block; color: #ddd; } /* @end */ a.close { float: right; width: 14px; height: 13px; margin: 5px -5px 0 0; text-indent: -99em; background: url(/images/css/poruke/close_bg.gif) no-repeat; } .foot_note { color: #999; font-size: 11px; font-style: italic; } /* @end */ /* ------------------------------------------------------------------------ This you can edit. ------------------------------------------------------------------------- */ div.pp_pic_holder .pp_top .pp_left { background: url(/images/css/prettyPhoto/light_rounded/tl.gif) top left no-repeat; } /* Top left corner */ div.pp_pic_holder .pp_top .pp_middle { background: #fff; } /* Top pattern/color */ div.pp_pic_holder .pp_top .pp_right { background: url(/images/css/prettyPhoto/light_rounded/tr.gif) top left no-repeat; } /* Top right corner */ div.pp_pic_holder .pp_content { background-color: #fff; } /* Content background */ div.pp_pic_holder .pp_content a.pp_next:hover { background: url(/images/css/prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.pp_pic_holder .pp_content a.pp_previous:hover { background: url(/images/css/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.pp_pic_holder .pp_content a.pp_expand { background: url(/images/css/prettyPhoto/light_rounded/btnExpand.gif) top left no-repeat; cursor: pointer; } /* Expand button */ div.pp_pic_holder .pp_content a.pp_expand:hover { background: url(/images/css/prettyPhoto/light_rounded/btnExpand.gif) bottom left no-repeat; cursor: pointer; } /* Expand button hover */ div.pp_pic_holder .pp_content a.pp_contract { background: url(/images/css/prettyPhoto/light_rounded/btnContract.gif) top left no-repeat; cursor: pointer; } /* Contract button */ div.pp_pic_holder .pp_content a.pp_contract:hover { background: url(/images/css/prettyPhoto/light_rounded/btnContract.gif) bottom left no-repeat; cursor: pointer; } /* Contract button hover */ div.pp_pic_holder .pp_content a.pp_close { width: 75px; height: 22px; background: url(/images/css/prettyPhoto/light_rounded/btnClose.png) center left no-repeat; cursor: pointer; } /* Close button */ div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(/images/css/prettyPhoto/light_rounded/arrow_previous.png) top left no-repeat; } /* The previous arrow in the bottom nav */ div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(/images/css/prettyPhoto/light_rounded/arrow_next.png) top left no-repeat; } /* The next arrow in the bottom nav */ div.pp_pic_holder .pp_bottom .pp_left { background: url(/images/css/prettyPhoto/light_rounded/bl.gif) top left no-repeat; } /* Bottom left corner */ div.pp_pic_holder .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */ div.pp_pic_holder .pp_bottom .pp_right { background: url(/images/css/prettyPhoto/light_rounded/br.gif) top left no-repeat; } /* Bottom right corner */ div.pp_pic_holder .pp_loaderIcon { background: url(/images/css/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */ div.ppt div.ppt_left { background: url(/images/css/prettyPhoto/light_rounded/ttl.gif) top left no-repeat; } div.ppt div.ppt_right { background: url(/images/css/prettyPhoto/light_rounded/ttr.gif) top left no-repeat; } div.ppt div.ppt_content { background: url(/images/css/prettyPhoto/light_rounded/ttp.gif) top left repeat-x; } /* ---------------------------------- Dark Rounded Theme ----------------------------------- */ div.dark_rounded .pp_top .pp_left { background: url(/images/css/prettyPhoto/dark_rounded/tl.png) top left no-repeat; } /* Top left corner */ div.dark_rounded .pp_top .pp_middle { background: url(/images/css/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */ div.dark_rounded .pp_top .pp_right { background: url(/images/css/prettyPhoto/dark_rounded/tr.png) top left no-repeat; } /* Top right corner */ div.dark_rounded .pp_bottom .pp_left { background: url(/images/css/prettyPhoto/dark_rounded/bl.png) top left no-repeat; } /* Bottom left corner */ div.dark_rounded .pp_bottom .pp_middle { background: url(/images/css/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */ div.dark_rounded .pp_bottom .pp_right { background: url(/images/css/prettyPhoto/dark_rounded/br.png) top left no-repeat; } /* Bottom right corner */ div.dark_rounded .pp_content { background: url(/images/css/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */ div.dark_rounded .currentTextHolder { color: #c4c4c4; } div.dark_rounded div.ppt_left { background: url(/images/css/prettyPhoto/dark_rounded/tl.png) top left no-repeat; } div.dark_rounded div.ppt_right { background: url(/images/css/prettyPhoto/dark_rounded/tr.png) top right no-repeat; } div.dark_rounded div.ppt_content { background: url(/images/css/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } div.dark_rounded .pp_loaderIcon { background: url(/images/css/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Square Theme ----------------------------------- */ div.dark_square .pp_top .pp_left , div.dark_square .pp_top .pp_middle, div.dark_square .pp_top .pp_right, div.dark_square .pp_bottom .pp_left, div.dark_square .pp_bottom .pp_middle, div.dark_square .pp_bottom .pp_right, div.dark_square .pp_content, div.dark_square div.ppt_left, div.dark_square div.ppt_right, div.dark_square div.ppt_content { background: url(/images/css/prettyPhoto/dark_square/contentPattern.png) top left repeat; } div.dark_square .currentTextHolder { color: #c4c4c4; } div.dark_square .pp_loaderIcon { background: url(/images/css/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Light Square Theme ----------------------------------- */ div.light_square .pp_top .pp_left , div.light_square .pp_top .pp_middle, div.light_square .pp_top .pp_right, div.light_square .pp_bottom .pp_left, div.light_square .pp_bottom .pp_middle, div.light_square .pp_bottom .pp_right, div.light_square .pp_content, div.light_square div.ppt_left, div.light_square div.ppt_right, div.light_square div.ppt_content { background: #fff; } div.light_square div.ppt_content { color: #666666; } /* ------------------------------------------------------------------------ DO NOT CHANGE ------------------------------------------------------------------------- */ #full_res img { display: block; margin: 0 auto; } div.pp_pic_holder a:focus{outline:none}div.pp_overlay{background:#000;position:absolute;top:0;left:0;z-index:9500;width:100%}div.pp_pic_holder{position:absolute;z-index:10000;width:100px}div.pp_pic_holder .pp_top{position:relative;height:20px}* html div.pp_pic_holder .pp_top{padding:0 20px}div.pp_pic_holder .pp_top .pp_left{position:absolute;left:0;width:20px;height:20px}div.pp_pic_holder .pp_top .pp_middle{position:absolute;left:20px;right:20px;height:20px}* html div.pp_pic_holder .pp_top .pp_middle{position:static;left:0}div.pp_pic_holder .pp_top .pp_right{position:absolute;top:0;left:auto;right:0;width:20px;height:20px}div.pp_pic_holder .pp_content{position:relative;text-align:left;width:100%;height:40px}div.pp_pic_holder .pp_content .pp_details{display:none;margin:10px 15px 2px 20px}div.pp_pic_holder .pp_content .pp_details p.pp_description{display:none;float:left;margin:0}div.pp_pic_holder .pp_content .pp_details .pp_nav{float:left;margin:3px 0 0 0}div.pp_pic_holder .pp_content .pp_details .pp_nav p{float:left;margin:0 4px}div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_previous,div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_next{float:left;display:block;width:14px;height:15px;overflow:hidden;text-indent:-10000px;margin-top:3px}div.pp_pic_holder .pp_content .pp_details .pp_nav a.disabled{background-position:0 -16px;cursor:default}div.pp_pic_holder .pp_content div.hoverContainer{position:absolute;z-index:2000;top:0;left:0;width:100%}div.pp_pic_holder .pp_content a.pp_next{display:block;float:right;text-indent:-10000px;width:49%;height:100%;background:url(/images/css/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat}div.pp_pic_holder .pp_content a.pp_previous{display:block;float:left;text-indent:-10000px;width:49%;height:100%;background:url(/images/css/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat}div.pp_pic_holder .pp_content a.pp_expand,div.pp_pic_holder .pp_content a.pp_contract{position:absolute;z-index:20000;top:10px;right:30px;cursor:pointer;display:none;text-indent:-10000px;width:20px;height:20px}div.pp_pic_holder .pp_content a.pp_close{float:right;display:block;text-indent:-10000px}div.pp_pic_holder .pp_bottom{position:relative;height:20px}* html div.pp_pic_holder .pp_bottom{padding:0 20px}div.pp_pic_holder .pp_bottom .pp_left{position:absolute;left:0;width:20px;height:20px}div.pp_pic_holder .pp_bottom .pp_middle{position:absolute;left:20px;right:20px;height:20px}* html div.pp_pic_holder .pp_bottom .pp_middle{position:static;left:0}div.pp_pic_holder .pp_bottom .pp_right{position:absolute;top:0;left:auto;right:0;width:20px;height:20px}div.pp_pic_holder .pp_loaderIcon{display:none;position:absolute;top:50%;left:50%;margin:-12px 0 0 -12px;width:24px;height:24px}div.pp_pic_holder #full_res{width:100%;text-align:center}div.pp_pic_holder #full_res{display:block;margin:0 auto}div.ppt{display:none;position:absolute;top:0;left:0;z-index:9999;color:#fff;font-size:13px}div.ppt div.ppt_left,div.ppt div.ppt_right{float:left;width:19px;height:23px;overflow:hidden}div.ppt div.ppt_content{float:left;line-height:23px}.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block} /** * This
element is wrapped by jCarousel around the list * and has the classname "jcarousel-container". */ .jcarousel-container { position: relative; } .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; } .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; } .jcarousel-list li, .jcarousel-item { float: left; list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */ width: 170px; height: 280px; border-bottom: 1px solid black; } /** * The buttons are added dynamically by jCarousel before * the