/****************** INFO *** Dream Point CSS file; 2009. */ /****************** 01/ DOKUMENT ***/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, em, font, img, small, strike, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; } body { color: #363636; font: 62.5% Arial, Tahoma, "Trebuchet MS", Geneva, sans-serif; background: #1c1c1c; line-height: 1; text-align: center; padding-bottom: 10px; } strong { font-weight: bold; } :focus { outline: 0; } a img, fieldset { border: 0; } ol, ul { list-style: none; } table, tr, th, td { border-collapse: collapse; border-spacing: 0; } table, table table { font-size: 1em; } form, input, textarea { font-family: Arial, Tahoma, sans-serif; } legend, caption { display: none; } /****************** 02/ STRUKTURA ***/ #Layout { background: #fff url(../images/pozadina.jpg) repeat-x; } #LayoutSadrzaj { width: 930px; text-align: left; margin: 0 auto; } #Zaglavlje { width: 930px; height: 178px; position: relative; background: url(../images/zaglavlje/pozadina.jpg) 0 25px no-repeat; z-index: 80; } #Naslov { width: 930px; height: 153px; background: url(../images/naslov/head1.jpg) no-repeat; } #Sredina { width: 930px; background: url(../images/sadrzaj/pozadina.gif) no-repeat; } .body2nav #Sredina { background: url(../images/sadrzaj/pozadina1.gif) no-repeat; } #Sadrzaj { width: 900px; padding: 10px 15px; } #Sekundarni { background: #ebebeb; width: 170px; padding: 0 0 0 10px; } #Podnozje { width: 930px; height: 30px; padding: 20px 0 15px; background: url(../images/podnozje/pozadina.gif) no-repeat; clear: both; } /* stupci */ .divSt1, .divSt2, .divSt3, .divSt4, .divSt5 { float: left; } /* 2 */ .body2st .divSt1 { width: 450px; } .body2st .divSt2 { width: 900px; } /* 3 */ .body3st .divSt1 { width: 300px; } .body3st .divSt2 { width: 600px; } .body3st .divSt3 { width: 900px; } /* 4 */ .body4st .divSt1 { width: 225px; } .body4st .divSt2 { width: 450px; } .body4st .divSt3 { width: 675px; } .body4st .divSt4 { width: 900px; } /* 5 */ .body5st .divSt1 { width: 180px; } .body5st .divSt2 { width: 360px; } .body5st .divSt3 { width: 540px; } .body5st .divSt4 { width: 720px; } .body5st .divSt5 { width: 900px; } /* naslovnica */ body.bodyNaslovnica { background: #1c1c1c url(../images/pozadina-naslovnica.jpg) repeat-x; } .bodyNaslovnica #Layout { width: 100%; height: 490px; background: url(../images/sadrzaj/pozadina-naslovnica.jpg) 50% 0 no-repeat; } .bodyNaslovnica #LayoutSadrzaj { width: 972px; } .bodyNaslovnica #Zaglavlje { width: 972px; height: 25px; background: none; } .bodyNaslovnica #Sredina { width: 972px; height: 465px; background: none; position: relative; } .bodyNaslovnica #Sadrzaj { width: 972px; height: 290px; padding: 0; margin-top: 118px; background: url(../images/sadrzaj/naslovnica-pozadina.gif) 0 0 no-repeat; position: relative; } /****************** 03/ LINKOVI - GENERALNO ***/ a:link, a:visited { color: #790000; text-decoration: underline; } a:hover, a:active { color: #000; text-decoration: underline; } /*** Sadrzaj ***/ /** Sekundarni **/ #Sekundarni a:link, #Sekundarni a:visited { color: #000; text-decoration: none; } #Sekundarni a:hover, #Sekundarni a:active { color: #790000; text-decoration: underline; } /*** Podnozje ***/ #Podnozje a:link, #Podnozje a:visited { color: #a0a0a0; text-decoration: underline; } #Podnozje a:hover, #Podnozje a:active { color: #790000; text-decoration: underline; } /****************** 04/ NAVIGACIJA ***/ /*** Zaglavlje ***/ #ulNavGlavna { float: left; position: absolute; bottom: 0; left: 0; width: 776px; height: 36px; z-index: 90; } #ulNavGlavna li { display: inline; float: left; height: 36px; background: transparent; } #ulNavGlavna li a { display: block; height: 36px; text-indent: -9999px; } #liNavGlavna1 a { background: url(../images/zaglavlje/nav/naslovnica.gif) no-repeat; width: 90px; } #liNavGlavna2 a { background: url(../images/zaglavlje/nav/onama.gif) no-repeat; width: 74px; } #liNavGlavna3 a { background: url(../images/zaglavlje/nav/brandovi.gif) no-repeat; width: 77px; } #liNavGlavna4 a { background: url(../images/zaglavlje/nav/maloprodajnamjesta.gif) no-repeat; width: 146px; } #liNavGlavna5 a { background: url(../images/zaglavlje/nav/kontakt.gif) no-repeat; width: 72px; } #liNavGlavna6 a { background: url(../images/zaglavlje/nav/novosti.gif) no-repeat; width: 70px; } #liNavGlavna7 a { background: url(../images/zaglavlje/nav/press.gif) no-repeat; width: 60px; } #liNavGlavna8 a { background: url(../images/zaglavlje/nav/download.gif) no-repeat; width: 85px; } #ulNavGlavna li a:hover, #ulNavGlavna li a:active, #ulNavGlavna li a.aSelektiran:link, #ulNavGlavna li a.aSelektiran:visited, #ulNavGlavna li a.aSelektiran:hover, #ulNavGlavna li a.aSelektiran:active { background-position: 0 -36px; } /* druga razina */ #ulNavGlavna li ul { display: none; text-transform: none; width: 175px; height: auto; border: 2px solid #8cac03; border-top: none; background: #66666f url(../images/zaglavlje/navigacija2razina.gif) repeat-x; z-index: 91; } #ulNavGlavna li ul li { display: block; float: none; height: auto; width: 175px; border-bottom: 2px solid #58585c; } #ulNavGlavna li ul li.liZadnji { border-bottom: none; } #ulNavGlavna li ul li a:link, #ulNavGlavna li ul li a:visited, #ulNavGlavna li ul li a:hover, #ulNavGlavna li ul li a:active { padding: 10px; width: 155px; vertical-align: bottom; background: none; height: auto; text-indent: 0; color: #fff; font-size: 1.1em; text-transform: uppercase; text-decoration: none; } #ulNavGlavna li ul li a:hover, #ulNavGlavna li ul li a:active { background: #5d7c88 url(../images/zaglavlje/ik-navigacija.gif) 160px 50% no-repeat; } #ulNavGlavnaBrandovi { position: absolute; top: 36px; left: 167px;; } #ulNavGlavna li:hover ul, #ulNavGlavna li.liPadajuci ul { display: block; } #ulNavZatrazitePonudu { float: left; position: absolute; bottom: 0; right: 0; width: 154px; height: 36px; } #ulNavZatrazitePonudu li { display: inline; float: left; height: 36px; } #ulNavZatrazitePonudu li a { display: block; height: 36px; width: 154px; background: url(../images/zaglavlje/nav/kontaktirajteNas.gif) no-repeat; text-indent: -9999px; } #ulNavZatrazitePonudu li a:hover, #ulNavZatrazitePonudu li a:active, #ulNavZatrazitePonudu li a.aSelektiran { background-position: 0 -36px; } #ulNavPomocna { float: left; font-size: 1em; position: absolute; top: 0; left: 5px; } #ulNavPomocna li { display: inline; float: left; } #ulNavPomocna li a { display: block; padding: 7px 10px; color: #999; text-decoration: none; } #ulNavPomocna li a:hover, #ulNavPomocna li a:active { color: #fff; } /*** Sadrzaj ***/ /** Sekundarni **/ #Sekundarni ul#ulNavSekundarna { font-size: 1.1em; margin: 0 10px 0 0; width: 160px; } #Sekundarni ul#ulNavSekundarna li { padding: 0; border-bottom: 1px solid #fff; background: none; } #Sekundarni ul#ulNavSekundarna li a:link, #Sekundarni ul#ulNavSekundarna li a:visited, #Sekundarni ul#ulNavSekundarna li a:hover, #Sekundarni ul#ulNavSekundarna li a:active { display: block; width: 150px; padding: 8px 0 8px 10px; background: url(../images/sadrzaj/ik-li-navigacija.gif) 0 14px no-repeat; } #Sekundarni ul#ulNavSekundarna li a:hover, #Sekundarni ul#ulNavSekundarna li a:active, #Sekundarni ul#ulNavSekundarna li a.aSelektiran { color: #790000; text-decoration: underline; } #Sekundarni ul#ulNavSekundarnaProizvodi { font-size: 1.3em; margin: 30px 0 0 0; font-weight: bold; width: 170px; } #Sekundarni ul#ulNavSekundarnaProizvodi li { padding: 0; background: none; } #Sekundarni ul#ulNavSekundarnaProizvodi li a:link, #Sekundarni ul#ulNavSekundarnaProizvodi li a:visited, #Sekundarni ul#ulNavSekundarnaProizvodi li a:hover, #Sekundarni ul#ulNavSekundarnaProizvodi li a:active { display: block; width: 160px; padding: 6px 0 6px 10px; color: #849051; background: #ebebeb; } #Sekundarni ul#ulNavSekundarnaProizvodi li a:hover, #Sekundarni ul#ulNavSekundarnaProizvodi li a:active, #Sekundarni ul#ulNavSekundarnaProizvodi li a.aSelektiran { color: #849051; text-decoration: none; background: #fff; } /* tabovi */ #Sadrzaj ul.ulNavTabovi { float: left; font-size: 1.1em; line-height: 1; margin: 0; height: 27px; display: inline; } #Sadrzaj ul.ulNavTabovi li { float: left; display: inline; padding: 0; background: none; height: 27px; line-height: 27px; } #Sadrzaj ul.ulNavTabovi li a { float: left; display: block; background: url(../images/sadrzaj/tabovi-pozadina.gif) 0 0 no-repeat; height: 27px; line-height: 27px; color: #707070; font-weight: bold; text-decoration: none; margin-right: 3px; } #Sadrzaj ul.ulNavTabovi li a:hover, #Sadrzaj ul.ulNavTabovi li a:active, #Sadrzaj ul.ulNavTabovi li a.aSelektiran, #Sadrzaj ul.ulNavTabovi li.ui-tabs-selected a { background-position: 0 -27px; color: #000; } #Sadrzaj ul.ulNavTabovi li a span { background: url(../images/sadrzaj/tabovi-pozadina-d.gif) 100% 0 no-repeat; height: 27px; line-height: 27px; padding: 0 10px; cursor: pointer; float: left; } /****************** 05/ NASLOVI ***/ h1, h2, h3, h4, h5, h6 { font-family: Arial, "Trebuchet MS", Tahoma, Geneva, sans-serif; color: #849051; font-weight: bold; clear: both; margin: 0; padding: 10px 0; } h1 { font-size: 1.8em; color: #000; background: url(../images/sadrzaj/border-h.gif) 0 100% repeat-x; padding: 0; margin-bottom: 5px; } h1 span { display: block; background: url(../images/sadrzaj/h1-pozadina.gif) 0 5px no-repeat; padding: 13px 0 13px 40px; width: 860px; } h2 { font-size: 1.6em; } h3 { font-size: 1.4em; } h4 { font-size: 1.2em; } h5 { font-size: 1.1em; } h6 { font-size: 1em; } h2 span { background: none; } h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited { color: #849051; text-decoration: none; } h1 a:hover, h1 a:active, h2 a:hover, h2 a:active, h3 a:hover, h3 a:active, h4 a:hover, h4 a:active, h5 a:hover, h5 a:active, h6 a:hover, h6 a:active { color: #000; text-decoration: none; } /*** Naslov ***/ #Naslov h1, #Naslov h2 { background: none; text-indent: -9999px; margin: 0; } /*** Sadrzaj ***/ /** Sekundarni **/ #Sekundarni h3 { padding: 20px 0 10px; } /****************** 06/ STRUKTURA - UNUTARNJA ***/ /*** Zaglavlje ***/ #imgLogo { position: absolute; top: 46px; left: 0; } /*** Sadrzaj ***/ #Sadrzaj p, #Sadrzaj ul, #Sadrzaj ol, #Sadrzaj dl { font-size: 1.2em; line-height: 1.5em; margin: 1em 0; } #Sadrzaj p { text-align: left; } #Sadrzaj ul li { padding: 4px 0 0 15px; background: url(../images/sadrzaj/ik-li.gif) 0 10px no-repeat; } #Sadrzaj ul ul { font-size: 1em; margin-top: 0; } #Sadrzaj dl dt { font-weight: bold; margin-top: 7px; } /* slike */ img.imgBorder { border: 1px dotted #000; padding: 5px; background: #f4f4f4; } img.imgLijevo { float: left; margin: 15px 15px 15px 10px; border: 1px dotted #000; padding: 5px; background: #f4f4f4; } img.imgDesno { float: right; margin: 15px 0 15px 15px; border: 1px dotted #000; padding: 5px; background: #f4f4f4; } img.imgSredina { display: block; margin: 15px auto; border: 1px dotted #000; padding: 5px; background: #f4f4f4; } /* formulari */ .formInput, .formTextarea { font-size: 1em; width: 200px; padding: 3px 5px; border: 1px solid #cdcdcd; background: #fff url(../images/sadrzaj/formular-pozadina.gif) repeat-x; } .formSelect { font-size: 1.2em; width: 170px; padding: 2px; } #Sadrzaj .formTextarea { height: 80px; line-height: 1em; } #Sadrzaj .formSubmit { font-size: 1em; color: #fff; padding: 2px 5px; background: #3b595b; border: 1px solid #7bcad2; font-weight: bold; } #Sadrzaj .formSubmitOdustani { font-size: 1em; color: #fff; padding: 2px 5px; background: #88b8bb; border: 1px solid #72aeb4; font-weight: bold; } #Sadrzaj .formInput:focus, #Sadrzaj .formTextarea:focus { border: 1px solid #000; } /* breadcrumbs */ p#pBreadcrumbs { font-size: 1.1em; margin: 0; padding: 10px 0 0; } p#pBreadcrumbs a { padding-right: 15px; background: url(../images/sadrzaj/strelica-breadcrumbs.gif) 100% 3px no-repeat; } p#pBreadcrumbs span { padding-left: 3px; } /* naslov */ .divNaslov { width: 100%; height: 50px; z-index: 40; position: relative; } #Sadrzaj .divNaslov ul.ulNavTabovi { float: right; position: absolute; bottom: 7px; right: 0; z-index: 41; } .imgProizvodNaslov { position: absolute; bottom: 10px; right: 0; z-index: 50; } /** STR - naslovnica **/ #imgLogoNaslovnica { position: absolute; top: -30px; left: 18px; z-index: 100; } #divBannerPoslovnipokloni, #divBannerMultimedija, #divBannerOutdoor { position: absolute; bottom: 0; height: 290px; z-index: 10; } #divBannerPoslovnipokloni { left: 0; width: 339px; } #divBannerMultimedija { left: 339px; width: 270px; } #divBannerOutdoor { right: 0; width: 363px; } #divBannerPoslovnipokloni a, #divBannerMultimedija a, #divBannerOutdoor a { display: block; height: 290px; text-indent: -9999px; } #divBannerPoslovnipokloni a { width: 339px; background: url(../images/sadrzaj/bann-poslovni.jpg) 0 0 no-repeat; } #divBannerMultimedija a { width: 270px; background: url(../images/sadrzaj/bann-multimedija.jpg) 0 0 no-repeat; } #divBannerOutdoor a { width: 363px; background: url(../images/sadrzaj/bann-outdoor.jpg) 0 0 no-repeat; } #divBannerPoslovnipokloni a:hover, #divBannerPoslovnipokloni a:active, #divBannerMultimedija a:hover, #divBannerMultimedija a:active, #divBannerOutdoor a:hover, #divBannerOutdoor a:active { background-position: 0 -290px; } #divBannerPoslovnipokloni h2, #divBannerMultimedija h2, #divBannerOutdoor h2 { margin: 0; padding: 0; } /** STR - o nama **/ #Sadrzaj .divOnama { float: right; width: 680px; padding: 0 20px; } /** STR - brandovi **/ .divBrandoviRed { background: url(../images/sadrzaj/border-h.gif) 0 0 repeat-x; clear: both; float: left; width: 900px; padding: 20px 0; } .divBrandoviBox { text-align: center; background: url(../images/sadrzaj/border-v.gif) 100% 0 repeat-y; } .divBrandoviBoxD { background: none; } .divBrandoviBox h2 { font-size: 1.4em; width: 300px; height: 32px; line-height: 32px; color: #fff; padding: 0; text-transform: uppercase; background: url(../images/sadrzaj/brandovi-naslov.gif) no-repeat; text-align: left; } .divBrandoviBox h2 a:link, .divBrandoviBox h2 a:visited, .divBrandoviBox h2 a:hover, .divBrandoviBox h2 a:active { color: #fff; text-decoration: none; display: block; width: 220px; height: 32px; line-height: 32px; padding: 0 40px; } .divBrandoviBox h2 a:hover, .divBrandoviBox h2 a:active { color: #8cac03; } .divBrandoviBoxClear { clear: both; padding: 10px 0 10px 0; } /** STR - brandovi - kategorije proizvoda **/ .divProizvodikatRed { background: url(../images/sadrzaj/border-h.gif) 0 0 repeat-x; clear: both; float: left; width: 900px; padding: 20px 0; } .divProizvodikatBox { text-align: left; background: url(../images/sadrzaj/border-v.gif) 100% 0 repeat-y; } .divProizvodikatBoxD { background: none; } .divProizvodikatBox img { clear: both; margin: 0 auto; display: block; } .divProizvodikatBox h2 { font-size: 2.4em; padding: 0 20px 0 0; background: url(../images/sadrzaj/proizvodikat-naslov.gif) 100% 3px no-repeat; display: inline; text-align: left; margin-left: 10px; } /** STR - brandovi - proizvodi **/ .divProizvodiPreporuka { padding-top: 20px; } .divProizvodiPreporuka img { clear: both; margin: 0 auto; display: block; } .divProizvodiPreporuka h2 { padding: 10px 0 20px 50px; background: url(../images/sadrzaj/preporuka-naslov.gif) no-repeat; } .divProizvodiPreporukaBox { background: #f2f2f2; padding: 10px; width: 330px; } .divProizvodiPreporukaBox h3 { padding: 10px 0; border-bottom: 1px solid #fff; } #Sadrzaj .divProizvodiPreporukaBox p.pSaznajteVise { text-align: right; } #Sadrzaj .divProizvodiPreporukaBox p.pSaznajteVise a { padding-left: 15px; background: url(../images/sadrzaj/ik-li.gif) 0 4px no-repeat; text-decoration: none; } #Sadrzaj .divProizvodi { float: right; background: url(../images/sadrzaj/border-v.gif) 0 0 repeat-y; padding: 20px 0 10px; } .divProizvodi h2 { margin-left: 30px; color: #000; padding: 10px 0 20px; } .divProizvodiRed { background: url(../images/sadrzaj/border-h.gif) 0 100% repeat-x; clear: both; float: left; width: 540px; padding: 10px 0; } .divProizvodiBox { text-align: center; background: url(../images/sadrzaj/border-v.gif) 100% 0 repeat-y; } .divProizvodiBoxD { background: none; } .divProizvodiBox h3 { font-size: 1.3em; padding: 0; font-weight: normal; } .divProizvodiBox h3 a:link, .divProizvodiBox h3 a:visited { color: #000; } .divProizvodiBox h3 a:hover, .divProizvodiBox h3 a:active { color: #5d7c88; } #itemsList { padding-left: 20px; } /** STR - brandovi - proizvod **/ #Sadrzaj .divProizvod { float: right; position: relative; padding-bottom: 30px; } #Sadrzaj .divProizvod h2 { margin-left: 20px; } #Sadrzaj .divProizvod p { margin-left: 20px; } #Sadrzaj .divProizvod p.pOpisProizvoda { margin-bottom: 0; } #Sadrzaj .divProizvodSlikaBox { width: 580px; height: 420px; padding: 10px 0; } .divProizvodSlikaVelika { width: 560px; height: 420px; margin-left: 20px; position: relative; } #Sadrzaj .divProizvodSlikaVelika ul { width: 560px; height: 420px; margin: 0; line-height: 1; } #Sadrzaj .divProizvodSlikaVelika ul li { width: 560px; height: 420px; float: left; margin: 0; padding: 0; line-height: 1; background: none; } .divProizvodSlikaVelika img { } .divProizvodSlikaVelikaOkvir { width: 560px; height: 420px; position: absolute; top: 0; left: 0; background: url(../images/sadrzaj/galerija-okvir.gif) no-repeat; z-index: 100; } #Sadrzaj .divProizvodMaleSlikeBox { width: 140px; padding-top: 5px; } #Sadrzaj .divProizvodMaleSlikeBox div { margin: 0 0 0 10px; } #Sadrzaj .divProizvodMaleSlikeBox a:link, #Sadrzaj .divProizvodMaleSlikeBox a:visited, #Sadrzaj .divProizvodMaleSlikeBox a:hover, #Sadrzaj .divProizvodMaleSlikeBox a:active { display: block; width: 70px; height: 70px; border: 4px solid #ebebeb; margin: 7px 0 0; background: #fff; text-indent: -9999px; } #Sadrzaj .divProizvodMaleSlikeBox a:hover, #Sadrzaj .divProizvodMaleSlikeBox a:active, #Sadrzaj .divProizvodMaleSlikeBox a.aSelektiran { border: 4px solid #666; } .divProizvodSpecBox { font-size: .9em; } #Sadrzaj .divProizvodSpecBox ul.ulNavTabovi { margin: 0 0 0 20px; } .divProizvodSpecTekstBox { margin: 27px 20px 0; width: 480px; padding: 10px; background: #f2f2f2; } .divProizvodLinkoviBox { font-size: .9em; } .ui-tabs-hide { display: none; } #Sadrzaj .divProizvodSpecBox p { font-size: 1em; margin: 0; } #tooltip{ position: absolute; border: 2px solid #c6d2dc; background: #9498aa; padding: 10px 10px; color: #333; display: none; font-weight: bold; font-size: 1.2em; color: #ffffff; } /* ikone + lista LEATHERMAN */ #specList { width: 300px; float: left; margin: 0 0 20px 20px; } .specList1 { display: block; float: left; } .specList2 { display: block; float: right; } #specWrapp { background: url(../proizvodi/outdoor/leatherman/_slike/bg.gif) no-repeat; width: 272px; height: 212px; vertical-align: top; font-size: 1.1em; float: left; } #specWrappAlternative { background: url(../proizvodi/outdoor/leatherman/_slike/bg1.gif) no-repeat; width: 272px; height: 212px; vertical-align: top; font-size: 1.1em; float: left; } #katalogAlternative { width: 260px; float: right; padding-left: 10px; margin-top: 10px; } #specIcons { float: right; margin-right: 60px; display: inline; } #toolnumber { padding-left: 20px; float: left; padding-right: 10px; width: 50px; margin-top: 3px; } #iconsAlignment { float: right; width: 190px; } .iconsPadding { padding-left: 8px; } .brMargin { margin-top: 10px; display: block;} #specIconsAlternative { float: left; display: inline; margin-left: 20px; margin-bottom: 20px; } #katalog { width: 260px; float: right; padding-left: 10px; margin-top: 25px; } #pdfIcon { float: left; padding-top: 3px; width: 30px; } #pdfDescription { float: right; font-size: 1.1em; width: 205px; } /** STR - maloprodajna mjesta **/ .divMaloprodajnaRed { background: url(../images/sadrzaj/border-h.gif) 0 0 repeat-x; clear: both; float: left; width: 900px; padding: 20px 0 30px; } .divMaloprodajnaRed2 { clear: both; float: left; width: 900px; padding: 20px 0 30px; } .divMaloprodajnaBox { text-align: center; background: url(../images/sadrzaj/border-v.gif) 100% 0 repeat-y; } .divMaloprodajnaBoxD { background: none; } .divMaloprodajnaBox img { margin-bottom: 10px; } /** STR - kontakt **/ #Sadrzaj .divKontakt { float: right; width: 690px; padding: 0 10px 0 20px; } #Sadrzaj ul.ulKontakt { float: left; width: 690px; } #Sadrzaj ul.ulKontakt li { font-weight: normal; display: block; width: 230px; height: 66px; float: left; padding: 0; background: none; } #Sadrzaj ul.ulKontakt li.liKontaktPoruka { width: 690px; height: 170px; } #Sadrzaj ul.ulKontakt .formTextarea { height: 130px; width: 660px; } #Sadrzaj ul.ulKontakt li.liKontaktNapomena { width: 460px; padding-top: 20px; } #Sadrzaj ul.ulKontakt li.liKontaktButton { text-align: right; } #Sadrzaj ul.ulKontakt li.liKontaktButton input { margin-right: 20px; padding-top: 20px; } #Sadrzaj ul.ulKontakt li span { color: red; font-size: 1.3em; } #Sadrzaj ul li label.error { color: red; font-size: .9em; font-weight: bold; } .ulDataInfo { font-size: 10px; } #Sadrzaj .divKontaktInfo { float: right; padding-bottom: 10px; } .divKontaktInfoBox { background: url(../images/sadrzaj/border-v.gif) 100% 0 repeat-y; } .divKontaktInfoBox h3 { margin-left: 20px; } #Sadrzaj .divKontaktInfoBox li { margin-left: 20px; padding: 0; background: none; } #Sadrzaj .divKontaktInfoBox li.liKontaktInfoEmail { padding: 20px 0; } .divKontaktInfoKartaBox { } .divKontaktInfoKartaBox h3 { margin-left: 20px; } .divKontaktInfoKartaBox img { margin-left: 20px; } /** STR - press **/ #Sadrzaj .divPress { float: right; width: 700px; padding: 0 0 0 20px; } .divPressBox { background: url(../images/sadrzaj/press-pozadina.gif) 0 100% repeat-x; padding: 10px; margin-bottom: 10px; } .divPressBox h3 { padding-left: 45px; } .divPressBox h3.h3Press-pdf { background: url(../images/sadrzaj/ik-press-pdf.gif) 0 50% no-repeat; } .divPressBox h3 span { display: block; font-size: .8em; color: #000; font-weight: normal; padding-top: 5px; } /** STR - novosti **/ #Sadrzaj .divNovosti { float: right; width: 700px; padding: 0 0 0 20px; } .divNovostiBox { background: url(../images/sadrzaj/novosti-pozadina.gif) 0 100% repeat-x; padding: 10px 0; margin-bottom: 10px; } .divNovostiBox p { padding-left: 10px; padding-right: 10px; } .divNovostiBox h2 { padding-top: 5px; padding-left: 10px; padding-right: 10px; } .spanDatum { color: #7c83a1; font-size: 1.1em; font-weight: bold; padding-left: 10px; } /** STR - download **/ #Sadrzaj .divDownload { float: right; width: 700px; padding: 0 0 0 20px; } .divDownloadBox { background: url(../images/sadrzaj/download-pozadina.gif) 0 100% repeat-x; padding: 10px; margin-bottom: 10px; } .divDownloadBox h3 { padding-left: 45px; } .divDownloadBox h3.h3Download-pdf { background: url(../images/sadrzaj/ik-download-pdf.gif) 0 50% no-repeat; } .divDownloadBox h3 span { display: block; font-size: .8em; color: #000; font-weight: normal; padding-top: 5px; } /*** Podnozje ***/ #Podnozje p { font-size: 1.1em; line-height: 1.5em; padding: .5em 0; color: #a0a0a0; float: left; } #Podnozje #pCopy { width: 219px; border-right: 1px solid #e9e9e5; } #Podnozje #pNavGlavna { width: 610px; text-align: center; text-transform: uppercase; } #Podnozje #pVrh { width: 99px; text-align: right; border-left: 1px solid #e9e9e5; } #Podnozje #pVrh a { display: block; width: 84px; padding-right: 15px; background: url(../images/podnozje/ik-navrh.gif) 100% 3px no-repeat; } #kartaScreen { position:absolute; border:1px solid #fdfdfd; background:#fdfdfd; padding:5px; display:none; } /****************** 07/ SLIDERI ***/ .jcarousel-container { position: relative; } .jcarousel-clip { z-index: 5; padding: 0; margin: 0; overflow: hidden; position: relative; } .jcarousel-list { z-index: 4; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; } .jcarousel-list li, .jcarousel-item { width: 560px; height: 420px; } .jcarousel-next { z-index: 6; display: none; } .jcarousel-prev { z-index: 6; display: none; } .slider .jcarousel-container { } .jcarousel-skin-slider .jcarousel-container-vertical { width: 560px; height: 420px; } .jcarousel-skin-slider .jcarousel-clip-vertical { width: 560px; height: 420px; } .jcarousel-skin-slider .jcarousel-item { } .jcarousel-skin-slider .jcarousel-item-horizontal { } .jcarousel-skin-slider .jcarousel-item-placeholder { } .clear { clear: both; }