@charset "utf-8"; /* ------------------------------- DBT d.o.o. CSS v 1.0 Developed by: dzDESIGN, Zagreb Author: Branko Šabarić URL: http://www.dz-design.com/ Copyright, May 2010. ------------------------------- */ /* main/blue-#002a55; */ /* Import ------------------------------- */ @import url("jquery-fancybox.css"); /* Reset ------------------------------- */ html, body { height:100%; } body, h1, h2, h3, h4, p, dl, dt, dd, ul, li { margin:0; padding:0; } img { border:none; } ul { list-style:none; } /* Layout and typography ------------------------------- */ * { font:1em Arial, Helvetica, sans-serif; color:#262626; } h2, h3, h4 { color:#002a55; } h2 { font-size:1.6em; } h3 { font-size:1.4em; } h4 { font-size:1em; } p, li, dt, dd { line-height:1.6em; font-size:1em; } strong { font-weight:bold; } img { border:none; } a { text-decoration:none; outline:none; cursor:pointer; } a:hover, a:hover strong { text-decoration:none; color:#003f7f; } a:active { } body { background:#001223; } #wrap { position:relative; width:100%; background:#fff url(/_gfx/bckg-body.jpg) repeat-x; } #header, #content, .inner { position:relative; width:895px; margin:0 auto; } /* Grid */ .col-1, .col-1-5, .col-2, .col-3, col-4, col-5 { position:relative; margin-right:20px; float:left; } .col-1 { width:105px; } .col-1-5 { width:185px; } .col-2 { width:230px; } .col-3 { width:355px; } .col-4 { width:480px; } .col-5 { width:605px; } .last { margin-right:0; } /* Header */ #header { height:138px; } /* Content */ #content { padding-bottom:40px; } #sidebar, #main, #sidebar-content { position:relative; } body#category #main, body#news #main, body#single-page #main { padding-top:20px; } #main { background:url(/_gfx/bckg-main-content.jpg) no-repeat top center; float:right; margin-right:25px; } #main p { font-size:0.8em; } #main p.news { position:absolute; left:0; top:20px; text-shadow:1px 1px 0 #fff; } #main p.news strong { text-transform:uppercase; } body#home-page #main h3 { background:url(/_gfx/bckg-h3.gif) no-repeat center bottom; padding:10px 0; } #main p.tel, #main p.fax { display:block; padding:0 0 0 30px; margin:5px 0; } #main p.tel { background:url(/_gfx/icon-tel.gif) no-repeat; } #main p.fax { background:url(/_gfx/icon-fax.gif) no-repeat; } #main #slider { position:absolute; left:-10px; top:60px; width:636px; height:240px; overflow:hidden; } #main #slider img { position:absolute; left:0; top:0; display:none; } .disabled { visibility:hidden; } #main #video-feature { position:absolute; top:230px; right:-20px; width:199px; height:129px; padding:190px 35px 0 35px; background:url(/_gfx/bckg-video.png) no-repeat 0 10px; } #video-feature p { text-align:center; font-size:0.7em; line-height:1.4em; } #video-feature a.vf-button { width:131px; height:37px; margin:10px 40px; background:url(/_gfx/button-video.gif) no-repeat; cursor:pointer; border:none; text-indent:-9999px; display:block; } #video-feature a.vf-button:hover { background-position:center bottom; } #main #featured-content { margin-top:310px; } #main #featured-content h2, #main #featured-content p { margin-bottom:10px; } #main ul.news-list { padding-top:10px; } #main ul.news-list li { font-size:0.7em; } #main ul.news-list li a { display:block; margin:10px 0; line-height:1.6em; } #main ul.news-list li a:hover strong { color:#003f7f; } #main ul.news-list img { float:left; margin:0 10px 10px 0; } #main .sidebar-content { margin-top:560px; } #main .sidebar-content h3 { background:none; font-size:1.1em; } #main .sidebar-content p { font-size:0.7em; line-height:1.8em; } #main .sidebar-content a:hover { border-bottom:1px #003f7f dotted; } #partners {} #partners li { display:block; width:115px; height:80px; text-indent:-9999px; float:left; } #partners li.wink { background:url(/_gfx/logo-wink.gif) no-repeat; } #partners li.siegenia { background:url(/_gfx/logo-siegenia.gif) no-repeat; } #partners li.titan { background:url(/_gfx/logo-titan.gif) no-repeat; } #partners li.tlav { background:url(/_gfx/logo-otlav.gif) no-repeat; } #partners li.geze { background:url(/_gfx/logo-geze.gif) no-repeat; } #partners li.savio { background:url(/_gfx/logo-savio.gif) no-repeat; } #partners li.roto { background:url(/_gfx/logo-roto.gif) no-repeat; } #partners li.hoppe { background:url(/_gfx/logo-hoppe.gif) no-repeat; } #partners li.iseo { background:url(/_gfx/logo-iseo.gif) no-repeat; } #partners li.dorma { background:url(/_gfx/logo-dorma.gif) no-repeat; } #partners li.glas { background:url(/_gfx/logo-glasm.gif) no-repeat; } #sidebar { margin:0 20px 0 10px; padding-top:430px; } #sidebar p.iso { font-size:0.7em; display:block; padding:17px 0 20px 120px; background:url(/_gfx/logo-iso.gif) no-repeat; } #sidebar .doc { display:block; width:115px; height:108px; padding:15px 5px 10px 110px; margin-top:20px; background:url(/_gfx/bckg-doc.jpg) no-repeat -1px -2px; } #sidebar .doc p { margin:5px 0; font-size:0.7em; line-height:1.4em; } #sidebar .doc p span.pdf { background: url(/_gfx/icon-pdf.gif) no-repeat; padding:5px 0 5px 30px; line-height:35px; } #sidebar .doc p a:hover { color:#003f7f; } /* Category formatting */ body#category #main p { margin:20px 0; } body#category #main p a:hover, body#category #main li a:hover span { border-bottom:1px #003f7f dotted; color:#003f7f; } .item { position:relative; display:block; margin:20px 0; } .item img { float:left; margin-right:20px; } body#category #main .item p { margin-top:0; } .item ul.prods { margin:10px 20px 0 170px; } .item ul.prods li { font-size:0.8em; } .item ul.prods li a span { font-weight:bold; } #main li.pdf a { padding:10px 0 10px 30px; display:block; background:url(/_gfx/icon-pdf.gif) no-repeat 0 5px; } #main li.title { color:#002a55; font-weight:bold; font-size:1em; } /* News formatting */ body#news #main img { float:left; margin:0 20px 20px 0; } body#news h2, body#news h3 { margin-bottom:20px; } ul.news { margin:10px 0; } ul.news li { font-size:0.7em; } ul.news li a { display:block; padding:15px 0; line-height:1.2em; border-bottom:1px #ccc dotted; height:90px; } ul.news li a strong { font-size:1.1em; line-height:2em; } /* Single page */ body#single-page h2, body#single-page h3 { margin-bottom:20px; } /* Common elements */ ul.listing { margin:20px; } ul.listing li { font-size:0.75em; padding:15px 15px 15px 25px; background:url(/_gfx/icon-tick.png) no-repeat 0 15px; border-bottom:1px #ccc dotted; } ul.clients li { background:url(/_gfx/icon-client.png) no-repeat 0 15px; font-weight:bold; } ul.clients li a { float:right; } /* Footer */ #footer { position:relative; width:100%; height:180px; padding:90px 0 0 0; margin-top:-40px; background:url(/_gfx/bckg-footer.jpg) repeat-x; } #footer p, #footer li, #footer a { color:#ebf2d7; text-shadow:1px 1px 0 #000; } #footer p, #footer li { font-size:0.75em; } #footer p.copy { text-align:right; float:right; margin-top:-14px; } #footer a:hover { color:#62a9dc; } #footer a.dzdesign, #footer a.dzdesign strong { font:bold 1em "Arial Narrow", Arial, Helvetica, sans-serif; } #footer a.dzdesign { color:#fff; display:inline-block; padding:5px; } #footer a.dzdesign:hover { color:#ccc; } #footer a.dzdesign strong { color:#feac47; } /* Navigation ------------------------------- */ a#home { position:absolute; width:310px; height:85px; left:0; top:2px; z-index:999; text-indent:-9999px; background:url(/_gfx/logo-hi.jpg) no-repeat; } a.top { width:100px; height:28px; display:block; margin:-20px 0 10px 130px; background:url(/_gfx/nav-top.gif) no-repeat; text-indent:-9999px; } a.top:hover { background-position:0 -28px; } ul#nav-util, ul#nav-lang, ul#nav-main, ul#nav-sec { position:absolute; } ul#nav-main li, ul#nav-sec li, ul#nav-footer li { float:left; } ul#nav-util li a, ul#nav-lang li a, ul#nav-main li a { display:block; font-size:0.7em; } ul#nav-util li a, ul#nav-lang li a { text-shadow:1px 1px 0 #fff; line-height:1.8em; } ul#nav-util li a:hover, ul#nav-lang li a:hover { color:#5c96c0; text-shadow:none; } ul#nav-util { top:20px; right:125px; } ul#nav-lang { top:20px; right:0; } ul#nav-lang li.slo a, ul#nav-lang li.rs a, ul#nav-lang li.ba a { padding-left:25px; } ul#nav-lang li.slo a { background:url(/_gfx/icon-slo.gif) no-repeat 0 3px; } ul#nav-lang li.rs a { background:url(/_gfx/icon-rs.gif) no-repeat 0 5px; } ul#nav-lang li.ba a { background:url(/_gfx/icon-ba.gif) no-repeat 0 5px; } ul#nav-main { left:255px; top:97px; } ul#nav-main li { } ul#nav-main li a { background:url(/_gfx/nav-main.gif) no-repeat; height:40px; text-indent:-9999px; } ul#nav-main li.novosti a { background-position:0 0; width:75px; } ul#nav-main li.novosti a:hover, ul#nav-main li.novosti a.active { background-position:0 -40px; } ul#nav-main li.onama a { background-position:-75px 0; width:85px; } ul#nav-main li.onama a:hover, ul#nav-main li.onama a.active { background-position:-75px -40px; } ul#nav-main li.dobavljaci a { background-position:-160px 0; width:105px; } ul#nav-main li.dobavljaci a:hover, ul#nav-main li.dobavljaci a.active { background-position:-160px -40px; } ul#nav-main li.kontakt a { background-position:-265px 0; width:80px; } ul#nav-main li.kontakt a:hover, ul#nav-main li.kontakt a.active { background-position:-265px -40px; } ul#nav-main li.akcije a { background-position:-355px 0; width:80px; } ul#nav-main li.akcije a:hover, ul#nav-main li.akcije a.active { background-position:-355px -40px; } ul#nav-sec { left:-10px; top:-45px; width:225px; height:420px; padding:50px 15px 10px 10px; background:url(/_gfx/bckg-nav-prod.jpg) no-repeat; } ul#nav-sec li a { display:block; width:220px; height:33px; text-indent:-9999px; margin-bottom:2px; background:url(/_gfx/nav-sec.gif) no-repeat; } ul#nav-sec li.okov-vrata a { background-position:0 -2px; } ul#nav-sec li.okov-vrata a:hover, ul#nav-sec li.okov-vrata a.active { background-position:-231px -2px; } ul#nav-sec li.okov-prozori a { background-position:0 -38px; } ul#nav-sec li.okov-prozori a:hover, ul#nav-sec li.okov-prozori a.active { background-position:-231px -38px; } ul#nav-sec li.okov-compact a { background-position:0 -74px; } ul#nav-sec li.okov-compact a:hover, ul#nav-sec li.okov-compact a.active { background-position:-231px -74px; } ul#nav-sec li.gradit a { background-position:0 -108px; } ul#nav-sec li.gradit a:hover, ul#nav-sec li.gradit a.active { background-position:-231px -108px; } ul#nav-sec li.okov-staklo a { background-position:0 -142px; } ul#nav-sec li.okov-staklo a:hover, ul#nav-sec li.okov-staklo a.active { background-position:-231px -142px; } ul#nav-sec li.okov-namj a { background-position:0 -180px; } ul#nav-sec li.okov-namj a:hover, ul#nav-sec li.okov-namj a.active { background-position:-231px -180px; } ul#nav-sec li.vijci a { background-position:0 -215px; } ul#nav-sec li.vijci a:hover, ul#nav-sec li.vijci a.active { background-position:-231px -215px; } ul#nav-sec li.pjene a { background-position:0 -250px; } ul#nav-sec li.pjene a:hover, ul#nav-sec li.pjene a.active { background-position:-231px -250px; } ul#nav-sec li.kotaci a { background-position:0 -285px; } ul#nav-sec li.kotaci a:hover, ul#nav-sec li.kotaci a.active { background-position:-231px -285px; } ul#nav-sec li.ormarici a { background-position:0 -315px; } ul#nav-sec li.ormarici a:hover, ul#nav-sec li.ormarici a.active { background-position:-231px -315px; } ul#nav-footer { } ul#nav-footer li a { display:block; padding:7px; } ul#nav-footer li a:hover { border-bottom:1px #62a9dc dotted; } a.link-back:hover, body#category #main p a.link-back:hover { border-bottom:none; } a.link-back:hover span { border-bottom:1px #003f7f dotted; color:#003f7f; } /* Forms ------------------------------- */ #contact-form { width:560px; margin:15px 0; padding:10px; } #contact-form p { line-height:18px; margin-bottom:20px; clear:both; height:25px; } #contact-form fieldset { border:1px #cdcdcd solid; padding:20px; } #contact-form label { font-size:1em; width:120px; float:left; text-align:right; margin-right:20px; cursor:pointer; } #contact-form label.error, label.error { color:#4e4e4e; font-size:0.8em; float:right; margin:5px 10px 5px 0; } #contact-form input.error, #contact-form textarea .error { background:#cdcdcd; } #contact-form div.error { display:none; } #contact-form input { border:1px #cdcdcd solid; height:20px; line-height:20px; font-size:1.1em; float:left; width:260px; } #contact-form input.submit { width:100px; font-size:0.9em; float:right; margin:20px 30px 10px 0; border:none; background:#cdcdcd; color:#4e4e4e; } #contact-form input.submit:hover { background:#4e4e4e; color:#fff; cursor:pointer; } #contact-form p.desc { margin:0; } #contact-form p.pitanje { margin-top:20px; height:90px; } #contact-form .gray * { color: gray; } #contact-form textarea { width:260px; height:100px; overflow:auto; float:left; border:none; border:1px #cdcdcd solid; } p.message, p.message strong { color:#c00; } #contact-form .focusField { border:solid 2px #4e4e4e; } #contact-form .idleField { } /* Misc elements ------------------------------- */ #gmap, #gmap2 { position:relative; width:603x; height:400px; margin:20px 0; border:1px #002a55 solid; } small { font-size:0.7em; } noscript { color:#c00; } .gmap-marker { width:auto; height:70px; } .gmap-marker p { font-size:0.8em; line-height:1.2em; } .gmap-marker img { float:left; margin:0 15px 15px 0; clear:left; } #tooltip { background:#002a55; padding:5px; font-size:0.75em; color:#fff; border:1px #fff solid; display:none; z-index:1000; } ul.fancy { margin:10px 0; padding:0; } ul.fancy li { float:left; margin:0; padding:0; } ul.fancy li a { margin:0 17px 15px 0; padding:1px; background:#002a55; } ul.small-fancy li a { display:block; width:105px; height:79px; } ul.fancy li.last a { margin-right:0; } ul.fancy li a:hover { background:#fff; }