/****************** INFO *** Autor: Trinet racunalne usluge URL: http://www.trinet.hr */ /****************** 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: #222; font: 62.5% Arial, Tahoma, "Trebuchet MS", Geneva, sans-serif; background: #91b5e5 url(pozadina.jpg) repeat-x; line-height: 1; } 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; } form, input, textarea { font-family: Arial, Tahoma, sans-serif; } legend, caption { display: none; } /****************** 02/ STRUKTURA ***/ #divLayout { width: 949px; margin: 0 auto; text-align: left; background: url(pozadina.jpg) no-repeat; } #divZaglavlje { width: 949px; height: 378px; position: relative; background-image: url(sadrzajPoz.png); background-repeat: no-repeat; background-position: 0 125px; margin-top: 5px; } .bodyNaslovnica #divZaglavlje { width: 949px; height: 398px; background: url(sadrzajPoz1.jpg) 0 75px no-repeat; } #divSadrzaj { background: url(pozadina.gif) repeat-y; } .bodyNaslovnica #divSadrzaj { background: url(pozadina1.gif) repeat-y; } #divNaslov { background: url(pages/naslovPoz.jpg) no-repeat; height: 90px; position: relative; } .bodyNaslovnica #divNaslov { background: url(pages/naslovPoz1.jpg) no-repeat; } #divPrimarni { float: left; margin-left: 37px; width: 636px; } .bodyNaslovnica #divPrimarni { float: left; margin-left: 27px; width: 896px; } #divSekundarni { float: right; margin-right: 17px; width: 228px; } #divTercijalni { width: 949px; background: url(pozadinaG.jpg) no-repeat; padding-top: 12px; } #divNovosti { float: left; margin-left: 37px; width: 417px; padding-bottom: 12px; } #divReference { float: right; margin-right: 37px; width: 417px; padding-bottom: 12px; } #divSadrzaj .divNaVrh { clear: both; background: url(pages/pozadinaD.gif) 0 100% no-repeat; height: 34px; position: relative; } .bodyNaslovnica #divSadrzaj .divNaVrh { background: url(pages/pozadinaD1.gif) 0 100% no-repeat; } #divSadrzaj .divNaVrhV { clear: both; background: url(ikNaVrhV.gif) no-repeat; width: 636px; height: 18px; position: relative; } #divPodnozje { width: 949px; background: url(pozadinaG.jpg) no-repeat; padding-top: 12px; } #divInfoTrinet { float: left; margin-left: 37px; width: 188px; } #divInfoUsluge { float: left; margin-left: 27px; width: 896px; margin-top: 15px; } #divInfoUsluge2 { float: right; margin-left: 41px; width: 417px; margin-top: 15px; } #divInfoKorisnici { float: right; margin-right: 37px; width: 188px; } #divPodnozje .divNaVrh { clear: both; background: url(pozadinaD.gif) 0 100% no-repeat; height: 32px; position: relative; } /****************** 03/ LINKOVI - GENERALNO ***/ a:link, a:visited { color: #608705; text-decoration: underline; } a:hover, a:active { color: #000; text-decoration: underline; } /** divPodnozje **/ #divPodnozje a:link, #divPodnozje a:visited { color: #165383; text-decoration: none; } #divPodnozje a:hover, #divPodnozje a:active { color: #000; text-decoration: underline; } /****************** 04/ NAVIGACIJA ***/ /** divZaglavlje **/ /* jezici */ #ulNavJezici { float: left; position: absolute; top: 18px; right: 30px; font-size: 1.1em; } #ulNavJezici li { display: inline; float: left; margin-left: 15px; } #liJezikHrv { background: url(zastHrv.gif) 0 50% no-repeat; } #liJezikEng { background: url(zastEng.gif) 0 50% no-repeat; } #liJezikDeu { background: url(zastDeu.gif) 0 50% no-repeat; } #ulNavJezici li a:link, #ulNavJezici li a:visited, #ulNavJezici li a:hover, #ulNavJezici li a:active { color: #dbeaf8; display: block; text-decoration: none; padding: 3px 0 4px 28px; } #ulNavJezici li a:hover, #ulNavJezici li a:active { color: #fff; } #divLayout #ulNavJezici li a.aSelektiran { color: #fff; font-weight: bold; } #contact { float: right; margin-left: 41px; width: 417px; margin-top: 7px; z-index: 1; } #slogan { color: #FFFFFF; font-size: 14px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; margin-top: 78px; margin-left: 40px; } /* glavna navigacija */ #divNavGlavna { float: left; background: url(ulNavGlavnaPozL.gif) no-repeat; position: absolute; top: 98px; right: 63px; height: 44px; z-index: 5; } #ulNavGlavna { font-size: 1.1em; text-transform: uppercase; float: left; background: url(ulNavGlavnaPozD.gif) 100% 0 no-repeat; padding: 0 5px; height: 44px; z-index: 5; } #ulNavGlavna li { display: inline; float: left; height: 44px; background: url(ulNavGlavnaLiPoz.gif) 100% 7px no-repeat; } #ulNavGlavna li.liNavGlavnaPadajuci { background: url(ulNavGlavnaLiStrPoz.gif) 100% 7px no-repeat; } #ulNavGlavna li#liNavGlavna7 { background: none; } #ulNavGlavna li a:link, #ulNavGlavna li a:visited, #ulNavGlavna li a:hover, #ulNavGlavna li a:active { display: block; color: #fff; text-decoration: none; padding: 0 0 0 18px; } #ulNavGlavna li a:link span, #ulNavGlavna li a:visited span, #ulNavGlavna li a:hover span, #ulNavGlavna li a:active span { display: block; padding: 0 15.9px 0 0; line-height: 44px; } #ulNavGlavna li a:hover, #ulNavGlavna li a:active { color: #000; background: url(ulNavGlavnaPozL.gif) 0 -44px no-repeat; } #ulNavGlavna li a:hover span, #ulNavGlavna li a:active span { background: url(ulNavGlavnaPozD.gif) 100% -44px no-repeat; } #ulNavGlavna li.liNavGlavnaPadajuci a:hover span, #ulNavGlavna li.liNavGlavnaPadajuci a:active span { background: url(ulNavGlavnaPozDStr.gif) 100% 0 no-repeat; } #ulNavGlavna li a.aSelektiran:link, #ulNavGlavna li a.aSelektiran:visited, #ulNavGlavna li a.aSelektiran:hover, #ulNavGlavna li a.aSelektiran:active, .zaglavlje1 #ulNavGlavna li a#aNavGlavna1:link, .zaglavlje1 #ulNavGlavna li a#aNavGlavna1:visited, .zaglavlje1 #ulNavGlavna li a#aNavGlavna1:hover, .zaglavlje1 #ulNavGlavna li a#aNavGlavna1:active, .zaglavlje2 #ulNavGlavna li a#aNavGlavna2:link, .zaglavlje2 #ulNavGlavna li a#aNavGlavna2:visited, .zaglavlje2 #ulNavGlavna li a#aNavGlavna2:hover, .zaglavlje2 #ulNavGlavna li a#aNavGlavna2:active, .zaglavlje3 #ulNavGlavna li a#aNavGlavna3:link, .zaglavlje3 #ulNavGlavna li a#aNavGlavna3:visited, .zaglavlje3 #ulNavGlavna li a#aNavGlavna3:hover, .zaglavlje3 #ulNavGlavna li a#aNavGlavna3:active, .zaglavlje4 #ulNavGlavna li a#aNavGlavna4:link, .zaglavlje4 #ulNavGlavna li a#aNavGlavna4:visited, .zaglavlje4 #ulNavGlavna li a#aNavGlavna4:hover, .zaglavlje4 #ulNavGlavna li a#aNavGlavna4:active, .zaglavlje5 #ulNavGlavna li a#aNavGlavna5:link, .zaglavlje5 #ulNavGlavna li a#aNavGlavna5:visited, .zaglavlje5 #ulNavGlavna li a#aNavGlavna5:hover, .zaglavlje5 #ulNavGlavna li a#aNavGlavna5:active, .zaglavlje6 #ulNavGlavna li a#aNavGlavna6:link, .zaglavlje6 #ulNavGlavna li a#aNavGlavna6:visited, .zaglavlje6 #ulNavGlavna li a#aNavGlavna6:hover, .zaglavlje6 #ulNavGlavna li a#aNavGlavna6:active { color: #000; background: url(ulNavGlavnaPozL.gif) 0 -44px no-repeat; } #ulNavGlavna li a.aSelektiran:link span, #ulNavGlavna li a.aSelektiran:visited span, #ulNavGlavna li a.aSelektiran:hover span, #ulNavGlavna li a.aSelektiran:active span, .zaglavlje1 #ulNavGlavna li a#aNavGlavna1:link span, .zaglavlje1 #ulNavGlavna li a#aNavGlavna1:visited span, .zaglavlje1 #ulNavGlavna li a#aNavGlavna1:hover span, .zaglavlje1 #ulNavGlavna li a#aNavGlavna1:active span, .zaglavlje2 #ulNavGlavna li a#aNavGlavna2:link span, .zaglavlje2 #ulNavGlavna li a#aNavGlavna2:visited span, .zaglavlje2 #ulNavGlavna li a#aNavGlavna2:hover span, .zaglavlje2 #ulNavGlavna li a#aNavGlavna2:active span, .zaglavlje3 #ulNavGlavna li a#aNavGlavna3:link span, .zaglavlje3 #ulNavGlavna li a#aNavGlavna3:visited span, .zaglavlje3 #ulNavGlavna li a#aNavGlavna3:hover span, .zaglavlje3 #ulNavGlavna li a#aNavGlavna3:active span, .zaglavlje4 #ulNavGlavna li a#aNavGlavna4:link span, .zaglavlje4 #ulNavGlavna li a#aNavGlavna4:visited span, .zaglavlje4 #ulNavGlavna li a#aNavGlavna4:hover span, .zaglavlje4 #ulNavGlavna li a#aNavGlavna4:active span, .zaglavlje5 #ulNavGlavna li a#aNavGlavna5:link span, .zaglavlje5 #ulNavGlavna li a#aNavGlavna5:visited span, .zaglavlje5 #ulNavGlavna li a#aNavGlavna5:hover span, .zaglavlje5 #ulNavGlavna li a#aNavGlavna5:active span, .zaglavlje6 #ulNavGlavna li a#aNavGlavna6:link span, .zaglavlje6 #ulNavGlavna li a#aNavGlavna6:visited span, .zaglavlje6 #ulNavGlavna li a#aNavGlavna6:hover span, .zaglavlje6 #ulNavGlavna li a#aNavGlavna6:active span { background: url(ulNavGlavnaPozD.gif) 100% -44px no-repeat; } #ulNavGlavna li.liNavGlavnaPadajuci a.aSelektiran:link span, #ulNavGlavna li.liNavGlavnaPadajuci a.aSelektiran:visited span, #ulNavGlavna li.liNavGlavnaPadajuci a.aSelektiran:hover span, #ulNavGlavna li.liNavGlavnaPadajuci a.aSelektiran:active span, .zaglavlje3 #ulNavGlavna li.liNavGlavnaPadajuci a#aNavGlavna3:link span, .zaglavlje3 #ulNavGlavna li.liNavGlavnaPadajuci a#aNavGlavna3:visited span, .zaglavlje3 #ulNavGlavna li.liNavGlavnaPadajuci a#aNavGlavna3:hover span, .zaglavlje3 #ulNavGlavna li.liNavGlavnaPadajuci a#aNavGlavna3:active span, .zaglavlje4 #ulNavGlavna li.liNavGlavnaPadajuci a#aNavGlavna4:link span, .zaglavlje4 #ulNavGlavna li.liNavGlavnaPadajuci a#aNavGlavna4:visited span, .zaglavlje4 #ulNavGlavna li.liNavGlavnaPadajuci a#aNavGlavna4:hover span, .zaglavlje4 #ulNavGlavna li.liNavGlavnaPadajuci a#aNavGlavna4:active span, .zaglavlje5 #ulNavGlavna li.liNavGlavnaPadajuci a#aNavGlavna5:link span, .zaglavlje5 #ulNavGlavna li.liNavGlavnaPadajuci a#aNavGlavna5:visited span, .zaglavlje5 #ulNavGlavna li.liNavGlavnaPadajuci a#aNavGlavna5:hover span, .zaglavlje5 #ulNavGlavna li.liNavGlavnaPadajuci a#aNavGlavna5:active span { background: url(ulNavGlavnaPozDStr.gif) 100% 0 no-repeat; } /* 2. razina */ #ulNavGlavna li ul { display: none; text-transform: none; width: 190px; height: auto; border: 1px solid #e7edf4; border-top: none; } #ulNavGlavna li ul li { display: block; float: none; height: auto; background: #89ae30; width: 190px; } #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: 7px 10px; width: 170px; vertical-align: bottom; } #ulNavGlavna li ul li a:hover, #ulNavGlavna li ul li a:active { background: #a7c955; } #ulNavGlavnaUsluge { position: absolute; top: 44px; left: 187px; } #ulNavGlavnaProizvodi { position: absolute; top: 44px; left: 264px; } #ulNavGlavnaReference { position: absolute; top: 44px; left: 355px; } #ulNavGlavna li:hover ul, #ulNavGlavna li.liPadajuci ul { display: block; background: red; } /* banneri */ #ulNavBanneri { float: left; position: absolute; bottom: 12px; left: 17px; width: 916px; height: 77px; z-index: 3; } #ulNavBanneri li { display: inline; float: left; width: 229px; height: 77px; } #ulNavBanneri li#liNavBanneriTShirt { width: 228px; } #ulNavBanneri li a { display: block; float: left; width: 229px; height: 77px; text-indent: -9999px; } #liNavBanneriWebShop { background: url(banner-web-shop.jpg) no-repeat; } #liNavBanneriTShirt { background: url(banner-t-shirt-konfigurator.jpg) no-repeat; } #liNavBanneriKomponente { background: url(banner-komponente.jpg) no-repeat; } #liNavBanneriNekretnine { background: url(banner-sustav-za-nekretnine.jpg) no-repeat; } #liNavBanneriTReference { background: url(banner-reference.jpg) no-repeat; } #ulNavBanneri li#liNavBanneriTReference a { width: 228px; } /** divSadrzaj **/ /* sporedna navigacija */ #divNavSporedna { background: url(ulNavLiPozG.gif) 0 100% no-repeat; padding-bottom: 2px; margin: 10px 0; } #ulNavSporedna { width: 227px; font-size: 1.1em; font-weight: bold; background: url(ulNavLiPozD.gif) no-repeat; padding-top: 2px; } #ulNavSporedna li { width: 227px; line-height: 1.4em; } #ulNavSporedna li a { display: block; padding: 8px 0 0 0; width: 227px; text-decoration: none; vertical-align: bottom; } #ulNavSporedna li a span { display: block; width: 187px; padding: 0 20px 8px; cursor: pointer; background: url(ulNavLiPozD.gif) 0 100% no-repeat; } #ulNavSporedna li a:link, #ulNavSporedna li a:visited { color: #165383; background: url(ulNavLiPozG.gif) no-repeat; } #ulNavSporedna li a.aSelektiran:link, #ulNavSporedna li a.aSelektiran:visited, #ulNavSporedna li a:hover, #ulNavSporedna li a:active { background: url(ikNavLiAPoz.gif) no-repeat; color: #fff; } #ulNavSporedna li a.aSelektiran:link span, #ulNavSporedna li a.aSelektiran:visited span, #ulNavSporedna li a:hover span, #ulNavSporedna li a:active span { background: url(ikNavLiASpanPoz.gif) 0 100% no-repeat; } #ulNavSporedna ul { font-weight: normal; } #ulNavSporedna li a { padding: 9px 0 0 0; } #ulNavSporedna li ul li a span { width: 177px; padding: 0 20px 9px 30px; } #ulNavSporedna li ul li a:link, #ulNavSporedna li ul li a:visited { color: #165383; background: url(ulNavLiPozG1.gif) no-repeat; } #ulNavSporedna li ul li a.aSelektiran:link, #ulNavSporedna li ul li a.aSelektiran:visited, #ulNavSporedna li ul li a:hover, #ulNavSporedna li ul li a:active { background: url(ikNavLiAPoz1.gif) no-repeat; color: #fff; } #ulNavSporedna li ul li a.aSelektiran:link span, #ulNavSporedna li ul li a.aSelektiran:visited span, #ulNavSporedna li ul li a:hover span, #ulNavSporedna li ul li a:active span { background: url(ikNavLiASpanPoz.gif) 0 100% no-repeat; } /****************** 05/ NASLOVI ***/ h1, h2, h3, h4, h5, h6 { font-family: Arial, Tahoma, "Trebuchet MS", Trebuchet, Helvetica, Geneva, sans-serif; color: #165383; margin: 1em 0; font-weight: bold; } h1 { font-size: 3em; margin: 0; padding: 34px 37px 5px; } h2 { font-size: 2em; } h2 em { font-weight: normal; } h3 { font-size: 1.8em; font-weight: normal; } h4 { font-size: 1.4em; } h5 { font-size: 1.2em; } h6 { font-size: 1.1em; } #divLayout h1 span, #divLayout h2 span, #divLayout h3 span, #divLayout h4 span, #divLayout h5 span, #divLayout h6 span { color: #000; } #divLayout h1 a, #divLayout h2 a, #divLayout h3 a, #divLayout h4 a, #divLayout h5 a, #divLayout h6 a { color: #165383; text-decoration: none; } #divLayout h1 a:hover, #divLayout h1 a:active, #divLayout h2 a:hover, #divLayout h2 a:active, #divLayout h3 a:hover, #divLayout h3 a:active, #divLayout h4 a:hover, #divLayout h4 a:active, #divLayout h5 a:hover, #divLayout h5 a:active, #divLayout h6 a:hover, #divLayout h6 a:active { color: #000; text-decoration: underline; } /*** divSadrzaj ***/ /** divTercijalni **/ #divTercijalni h2 { margin: 0; padding: 1em 0; width: 368px; } /** divPodnozje **/ #divPodnozje h2 { font-weight: normal; } #divPodnozje h3 { font-size: 1.8em; margin: 0; padding: 1em 0; font-weight: normal; } /****************** 06/ STRUKTURA - UNUTARNJA ***/ /*** divZaglavlje ***/ .imgLogo { position: absolute; top: 1px; left: 27px; z-index: 1; } #divZaglavljeSlika { width: 915px; height: 217px; background: url(trinetSlika.jpg) no-repeat; position: absolute; top: 142px; left: 17px; z-index: 1; } /*** divSadrzaj ***/ /** divPrimarni **/ #divPrimarni p, #divPrimarni ul, #divPrimarni ol, #divPrimarni dl { font-size: 1.2em; line-height: 1.5em; margin: 1em 0; } #divPrimarni p { text-align: justify; } #divPrimarni p.pIntro { font-size: 1.4em; color: #165383; font-style: italic; text-align: left; font-family: Georgia, "Times New Roman", Times New Roman, Serif; } #divPrimarni p.pIntro2 { font-size: 1.4em; color: #165383; text-align: left; font-family: Georgia, "Times New Roman", Times New Roman, Serif; font-weight: bold; } #divPrimarni p.pIntro3 { font-size: 1.4em; color: #165383; text-align: left; font-family: Georgia, "Times New Roman", Times New Roman, Serif; font-weight: bold; } #divPrimarni ul li { padding-left: 10px; background: url(ik-li.gif) 0 6px no-repeat; } #divPrimarni ul ul { font-size: 1em; margin-top: 0; } #divPrimarni dl dt { font-weight: bold; } .imgLijevo { border: 1px solid #cfdff3; background: #fff; padding: 2px; float: left; margin: 1em 1em 1em 0; } .imgDesno { border: 1px solid #cfdff3; background: #fff; padding: 2px; float: right; margin: 1em 0 1em 1em; } .imgSlika { border: 1px solid #cfdff3; background: #fff; padding: 2px; margin: 1em; } .imgSredina { border: 1px solid #cfdff3; background: #fff; padding: 2px; display: block; margin: 1em 0; } .imgDesnoIntro { padding: 2px; float: right; margin: 1.3em 0 1.5em 1.5em; } .imgDesnoIntroM { padding: 2px; float: right; margin: -42px 0 .5em .5em; } /* divNaslov */ #divNaslov fieldset { width: 190px; position: absolute; top: 37px; right: 37px; } #divNaslov input { color: #506e8e; border: 2px solid #bfdb8a; width: 150px; height: 20px; background: #fff url(formTraziInputPoz.gif) repeat-x; font-size: 1.2em; line-height: 23px; } #divNaslov input:focus { border: 2px solid #739aca; } #divNaslov img { vertical-align: top; } #divNaslov p.pPutanja { float: right; font-size: 1.1em; color: #84a2c9; text-align: right; margin-top: 0; padding: 33px 37px 0 0; } /* NASLOVNICA - boxici */ .divBoxNaslovnica { float: left; width: 208px; margin: 12px 21px 0 0; background: url(boxNaslovnicaG.jpg) no-repeat; } .divBoxNaslovnicaIkona { height: 138px; background: url(boxNaslovnicaD.jpg) 0 100% no-repeat; text-align: center; } .divBoxNaslovnicaIkona img { margin: 16px auto 0; } .divBoxNaslovnica a:link, .divBoxNaslovnica a:visited { color: #165383; text-decoration: none; } .divBoxNaslovnica a:hover, .divBoxNaslovnica a:active { color: #8fbd24; text-decoration: underline; } .ulUsluge { font-weight: bold; } .ulUsluge em { font-weight: normal; } #divPrimarni .divBoxNaslovnica ul li { padding: 5px 10px 0 20px; background: url(ik-li.gif) 10px 11px no-repeat; } #divPrimarni .divBoxNaslovnica h2, #divPrimarni .divBoxNaslovnica h2 a { display: block; width: 188px; height: 44px; } #divPrimarni .divBoxNaslovnica h2 { margin: 20px 10px 0; } #divPrimarni .divBoxNaslovnica h2 a { text-indent: -9999px; } #divPrimarni #box-Izrada-web-stranica h2 a { background: url(h2IzradaWebStranica.jpg) no-repeat; } #divPrimarni #box-Programiranje h2 a { background: url(h2Programiranje.jpg) no-repeat; } #divPrimarni #box-Graficki-dizajn h2 a { background: url(h2GrafickiDizajn.jpg) no-repeat; } #divPrimarni #box-Kontakt h2 a { background: url(h2Kontakt.jpg) no-repeat; } .divBoxKontakt { background: url(boxKontaktG.jpg) no-repeat; margin: 12px 0 0 0; } .divBoxKontaktIkona { background: url(boxKontaktD.jpg) 0 100% no-repeat; } /* NOVOSTI */ /* divNovost */ #divPrimarni .divNovost { border-bottom: 1px solid #cfdff3; padding: 12px 0; } #divPrimarni .divNovostV { border-bottom: none; } #divPrimarni .spanDatum { color: #90b0da; font-size: 1.1em; display: block; margin-top: 0; } #divPrimarni .divNovost p.pIntro { padding: 0 1em 1em; } #divPrimarni .divNovost h3 { margin: 0; font-weight: bold; } #divPrimarni .divNovost .imgLijevo { margin-top: 15px; } #divPrimarni .divNovost p.pOpsirnije { margin-bottom: 0; clear: both; height: 20px; } #divPrimarni .divNovost p.pOpsirnije a { display: block; margin-left: 557px; width: 79px; height: 20px; background: url(btnOpsirnije.gif) no-repeat; text-indent: -9999px; } #divPrimarni #divPaginacijaStranice p { text-align: center; font-weight: bold; margin: 0; padding: 15px 0; clear: both; } #divPaginacijaStranice span { color: #135494; } #divPaginacijaButtoni { text-align: center; padding-bottom: 5px; } /* O NAMA */ /* divOnama */ .divOnama { float: left; width: 176px; margin: 12px 21px 0 0; border: 1px solid #cfdff3; padding: 220px 10px 10px; } .divOnama h2 { text-align: center; } #divOnamaMat { background: #fff url(matijaTurcin.jpg) no-repeat; } #divOnamaMir { background: #fff url(miroMatijevic.jpg) no-repeat; } #divOnamaMar { margin-right: 0; background: #fff url(markoPeranic.jpg) no-repeat; } #divPrimarni .divOnama p { text-align: left; } /* divLjudi */ #divLjudi { clear: both; margin-top: 15px; width: 614px; background: #f4f7fb; padding: 10px; } #divLjudi h2 { margin: 0; padding: 0; } #divLjudi .imgLijevo { margin: 0 10px 0 0; border: 0; padding: 0; background: none; } /* USLUGE i PROIZVODI */ /* boxici */ #divPrimarni .divProizvod { width: 614px; border: 1px solid #cfdff3; background: #fff url(uslugaPoz.jpg) no-repeat; margin: 15px 0; padding: 10px; line-height: 1.5em; } #divPrimarni .divProizvod h2 { margin: 0; padding: 10px 0; } .divProizvodOpis { float: left; width: 299px; } #divPrimarni .divProizvodOpis p { text-align: left; } .divProizvodStavke { float: right; width: 299px; padding-top: 5px; } .divProizvodStavke h3 { font-size: 1.2em; font-weight: bold; padding: 0 0 0 10px; background: url(ik-li.gif) 0 6px no-repeat; margin: 7px 0 0; line-height: 1.5em; } .divProizvodStavke h3 em { font-weight: normal; } #divPrimarni .divProizvod p.pOpsirnije { margin-bottom: 0; clear: both; height: 20px; } #divPrimarni .divProizvod p.pOpsirnije a { display: block; margin-left: 537px; width: 79px; height: 20px; background: url(btnOpsirnije.gif) no-repeat; text-indent: -9999px; } /* detaljan opis */ .divCjenikTablice { width: 636px; padding-bottom: 15px; } .divCjenik { width: 636px; margin: 15px 0 0; background: url(divCijenaPoz.gif) repeat-y; } .divCjenikG { width: 636px; background: url(divCijenaPozG.jpg) no-repeat; } .divCjenikD { width: 630px; padding: 0 3px 3px; background: url(divCijenaPozD.gif) 0 100% no-repeat; } .tblCjenik { width: 100%; font-size: 1.2em; } .tblCjenik th { padding: 15px 10px 10px; font-weight: bold; text-align: center; } .tblCjenik td { padding: 7px 10px; background: #e9f7d4; border-top: 1px solid #c4d6e4; text-align: center; } .tblCjenik .trTamni td { background: #f2f5f7; } .tblCjenik tr:hover td { background: #ebeff0; } .tblCjenik td.tdNaziv { text-align: left; font-weight: bold; } .tblCjenik td.tdNaziv span { font-weight: normal; font-style: italic; } .tblCjenik .trCijena td { padding: 15px 10px; font-weight: bold; color: #283842; background: none; font-size: 1.2em; } .tblCjenik .trCijena td span { font-weight: normal; font-size: .7em; font-style: italic; } .tblCjenik .trCijena td img { display: block; margin: 0 auto; padding: 8px 0 0; } .tblCjenik .tdCijena { font-weight: bold; color: #283842; background: #e8e9eb; font-size: 1.2em; white-space: nowrap; width: 1%; text-align: right; } .tblCjenik .trTamni td.tdCijena { background: #e8e9eb; } .tblCjenik .tdCijena span { font-weight: normal; font-size: .7em; font-style: italic; } .tblCjenik .tdCijena img { padding: 2px 0 0; } /* REFERENCE */ /* divReferenca */ #divPrimarni .divReferenca { border: 1px solid #cfdff3; float: left; width: 305px; background: #fff url(referencaPoz.jpg) no-repeat; margin: 15px 0; } #divPrimarni .divReferencaL { margin-right: 22px; } #divPrimarni .divReferenca h3 { margin: 0; padding: 18px 9px; font-weight: bold; } #divPrimarni .divReferenca img { border: 1px solid #cfdff3; background: #fff; padding: 2px; margin: 0 auto 9px 9px; } #divPrimarni .divReferenca dl { width: 287px; margin: 0 0 0 9px; } #divPrimarni .divReferenca dt { width: 60px; float: left; clear: left; } #divPrimarni .divReferenca dd { width: 227px; float: left; font-weight: bold; color: #165383; } #divPrimarni .divReferenca dd.ddOpis { padding-bottom: 9px; font-weight: normal; } #divPrimarni .divReferenca p.pPosjeti { margin: 0 9px 0 0; width: 70px; height: 29px; float: right; } #divPrimarni .divReferenca p.pPosjeti a { display: block; width: 70px; height: 29px; background: url(btnPosjeti.gif) no-repeat; text-indent: -9999px; } #divPrimarni .divReferenca p.pOpsirnije { margin: 0 0 0 9px; width: 79px; height: 29px; float: left; } #divPrimarni .divReferenca p.pOpsirnije a { display: block; width: 79px; height: 29px; background: url(btnOpsirnije.gif) no-repeat; text-indent: -9999px; } #divPrimarni p.pPosjetiDet { margin: 22px 0 0; width: 70px; height: 20px; float: right; } #divPrimarni p.pPosjetiDet a { display: block; width: 70px; height: 20px; background: url(btnPosjeti.gif) no-repeat; text-indent: -9999px; } #divPrimarni h4.h4PregledSvihRef { margin: 20px 0 0; float: left; clear: both; width: 170px; height: 22px; } #divPrimarni h4.h4PregledSvihRef a { display: block; margin-left: 233px; width: 170px; height: 22px; background: url(btnPregledSvihRef.gif) no-repeat; text-indent: -9999px; } .ulTehnologije { color: #444; } /* slajder */ #divReferencaSlikeSlide { width: 636px; height: 406px; } #divPrimarni .stripViewer { position: relative; border: 3px solid #95b0c3; width: 630px; height: 400px; overflow: hidden; padding: 0; margin: 0; } #divPrimarni .stripViewer ul { margin: 0; padding: 0; position: relative; left: 0; top: 0; width: 630px; height: 400px; } #divPrimarni .stripViewer ul li { float: left; margin: 0; padding: 0; background: none; width: 630px; height: 400px; } #divPrimarni .stripTransmitter { clear: left; } /* mali screenshotovi */ #divLayout #divPrimarni .stripTransmitter ul { width: 636px; height: 60px; line-height: 1; margin: 10px 0; } #divLayout #divPrimarni .stripTransmitter ul li { display: inline; float: left; padding: 0; background: none; margin: 0 0 3px 3px; } #divLayout #divPrimarni .stripTransmitter ul li a:link, #divLayout #divPrimarni .stripTransmitter ul li a:visited, #divLayout #divPrimarni .stripTransmitter ul li a:hover, #divLayout #divPrimarni .stripTransmitter ul li a:active { border: 1px solid #95b0c3; background: #fff; padding: 2px; display: block; width: 81px; height: 51px; } #divLayout #divPrimarni .stripTransmitter ul li a:hover, #divLayout #divPrimarni .stripTransmitter ul li a:active, #divLayout #divPrimarni .stripTransmitter ul li a.aSelektiran { border: 3px solid #395c82; padding: 0; } /* klijenti */ .divKlijenti { margin: 15px 0 0; background: url(divKlijentiPoz.gif) repeat-y; } .divKlijentiG { background: url(divKlijentiPozG.jpg) no-repeat; } .divKlijentiD { padding: 0 3px 3px; background: url(divKlijentiPozD.gif) 0 100% no-repeat; } .tblKlijenti { width: 100%; font-size: 1.2em; } .tblKlijenti th { padding: 15px 10px 10px; font-weight: bold; text-align: left; } .tblKlijenti td { padding: 7px 10px; border-top: 1px solid #c4d6e4; text-align: left; } .tblKlijenti .trTamni td { background: #eef3e6; } .tblKlijenti tr:hover td { background: #f8f8f8; } .tblKlijenti td.tdNaziv { text-align: left; font-weight: bold; } /* KONTAKT */ /* divKontakt */ #divPrimarni .divKontakt { width: 614px; border: 1px solid #cfdff3; background: #fff url(kontaktPoz.jpg) no-repeat; padding: 10px; } #divPrimarni .divKontakt dl { line-height: 1.5em; margin: 0; } #divPrimarni .divKontakt dt { width: 120px; text-align: right; float: left; clear: left; clear: both; padding-top: 3px; margin-right: 10px; } #divPrimarni .divKontakt dd { width: 484px; float: left; padding: 3px 0; } #divPrimarni .divKontakt span { color: red; } #divPrimarni .divKontakt input, #divPrimarni .divKontakt select, #divPrimarni .divKontakt textarea { color: #000; border: 1px solid #739aca; width: 250px; background: #fff url(formTraziInputPoz.gif) repeat-x; font-size: 1em; padding: 3px 5px; } #divPrimarni .divKontakt textarea { width: 400px; } #divPrimarni .divKontakt input:focus, #divPrimarni .divKontakt textarea:focus { border: 1px solid #000; } #divPrimarni .divKontakt input.frmSubmit { width: 150px; font-weight: bold; background: #516e8d url(frmSubmitPoz.gif) repeat-x; color: #fff; border: 1px solid #000; } #divPrimarni .divKontakt p { color: #105f23; font-weight: bold; } /* CPP */ .divCPP { margin: 15px 0 0; background: url(divCPPPoz.gif) repeat-y; } .divCPPG { background: url(divCPPPozG.gif) no-repeat; } .divCPPD { padding: 5px 3px 3px; background: url(divCPPPozD.gif) 0 100% no-repeat; } .divCPPPitanje { border-top: 1px solid #c4d6e4; padding-bottom: 5px; } .divCPPPitanjeTamni { background: #eef3e6; } .divCPPPitanje:hover { background: #f8f8f8; } #divCPP h3 { font-size: 1.2em; font-weight: bold; margin: 0; padding: 14px 0 10px 20px; background: url(ik-li.gif) 10px 18px no-repeat; } #divPrimarni #divCPP p, #divPrimarni #divCPP ul { margin: 0 0 4px 0; padding: 0 13px; } /* CJENIK */ #divCjenikPreuzimanje { clear: both; margin-top: 15px; width: 632px; height: 55px; border: 2px solid #cfdff3; background: #fff url(ikCjenik.gif) 5px 0 no-repeat; } #divCjenikPreuzimanje h3 { margin: 0; padding: 0; } #divCjenikPreuzimanje h3 a { display: block; height: 55px; line-height: 55px; padding-left: 60px; } /** divSekundarni **/ #divSekundarni .divBoxBanneri { text-align: center; } #divSekundarni .divBoxBanneri img { margin: 10px auto 0; } /** divTercijalni **/ #divTercijalni p, #divTercijalni ul, #divTercijalni ol, #divTercijalni dl { font-size: 1.2em; line-height: 1.5em; margin: 1em 0; } #divTercijalni p { text-align: justify; } #divTercijalni ul li { padding-left: 10px; background: url(ik-li.gif) 0 6px no-repeat; } #divTercijalni p.pRss { float: right; width: 49px; height: 20px; float: right; padding-top: 20px; margin: 0; line-height: 1; } #divTercijalni p.pRss a { display: block; width: 49px; height: 20px; background: url(btnRss.gif) no-repeat; text-indent: -9999px; } /* divNovosti */ #divTercijalni .divNovost { border-bottom: 1px solid #cfdff3; padding: 12px 0; } #divTercijalni .spanDatum { color: #90b0da; font-size: 1.1em; display: block; } #divTercijalni .divNovost h3 { margin: 0; font-weight: normal; } #divTercijalni .divNovost .imgLijevo { margin-top: 15px; } #divTercijalni .divNovost p.pOpsirnije { margin-bottom: 0; clear: both; height: 20px; } #divTercijalni .divNovost p.pOpsirnije a { display: block; margin-left: 338px; width: 79px; height: 20px; background: url(btnOpsirnije.gif) no-repeat; text-indent: -9999px; } #divTercijalni h4.h4ArhivaNovosti { margin-bottom: 0; clear: both; height: 22px; } #divTercijalni h4.h4ArhivaNovosti a { display: block; margin-left: 140px; width: 130px; height: 22px; background: url(btnArhivaNovosti.gif) no-repeat; text-indent: -9999px; } /* divReference */ #divTercijalni .divReferenca { border: 1px solid #cfdff3; float: left; width: 196px; background: #fff url(referencaPoz1.jpg) no-repeat; margin: 6px 0; } #divTercijalni .divReferencaL { margin-right: 21px; } #divTercijalni .divReferenca h3 { margin: 0; padding: 18px 9px; font-weight: bold; font-size: 1.6em; } #divTercijalni .divReferenca img { border: 1px solid #cfdff3; background: #fff; padding: 2px; margin: 0 auto 9px 9px; } #divTercijalni .divReferenca dl { font-size: 1.1em; width: 178px; margin: 0 0 0 9px; } #divTercijalni .divReferenca dt { width: 38px; float: left; clear: left; } #divTercijalni .divReferenca dd { width: 140px; float: left; font-weight: bold; color: #165383; } #divTercijalni .divReferenca dd.ddOpis { padding-bottom: 9px; font-weight: normal; } #divTercijalni .divReferenca p.pPosjeti { margin: 0 9px 0 0; width: 70px; height: 29px; float: right; } #divTercijalni .divReferenca p.pPosjeti a { display: block; width: 70px; height: 29px; background: url(btnPosjeti.gif) no-repeat; text-indent: -9999px; } #divTercijalni .divReferenca p.pOpsirnije { margin: 0 0 0 9px; width: 79px; height: 29px; float: left; } #divTercijalni .divReferenca p.pOpsirnije a { display: block; width: 79px; height: 29px; background: url(btnOpsirnije.gif) no-repeat; text-indent: -9999px; } #divTercijalni h4.h4PregledSvihRef { margin: 8px 0 0; float: left; clear: both; width: 170px; height: 22px; } #divTercijalni h4.h4PregledSvihRef a { display: block; margin-left: 123px; width: 170px; height: 22px; background: url(btnPregledSvihRef.gif) no-repeat; text-indent: -9999px; } /** divNaVrh **/ #divSadrzaj .divNaVrh a { position: absolute; bottom: 11px; right: 126px; display: block; width: 11px; height: 6px; background: url(pages/ikNaVrh.gif) no-repeat; text-indent: -9999px; } #divSadrzaj .divNaVrhV a { position: absolute; display: block; left: 310px; top: 0; width: 20px; height: 18px; text-indent: -9999px; } /*** divPodnozje ***/ #divPodnozje p, #divPodnozje ul, #divPodnozje ol { font-size: 1.1em; line-height: 1.5em; margin: 0; padding-bottom: 1em; } #divPodnozje ul li { padding-left: 10px; background: url(ik-li.gif) 0 6px no-repeat; } /** divNaVrh **/ #divPodnozje .divNaVrh a { position: absolute; bottom: 21px; right: 126px; display: block; width: 11px; height: 6px; background: url(pages/ikNaVrh.gif) no-repeat; text-indent: -9999px; background-image: url(pages/ikNaVrh.gif); } /*preload classes*/ #divPrimarni .svw { width: 40px; height: 10px; overflow: hidden; } #divPrimarni .svw ul { position: relative; left: -9999px; margin: 0; padding: 0; } /*core classes*/