/*-------------------------------------- BASIC -------------------------------------- */ * { margin: 0; padding: 0; list-style: none; } body { font: normal 8pt Verdana, Arial, Helvetica, sans-serif; color: #000; background: #fff; } a img { border: none; } a, a:link, a:visited { color: #000; text-decoration: none; } /*-------------------------------------- HIDE -------------------------------------- */ #basic ul, #mainMenu, #search, #leftCol, #banneri, #development, #banners-replace, h1 img, #opremaMenu, #paginator, #news-navigator, #flashHeader, #print-link, #logo, #basicContacts, p#qtdonwload, #popisSlika, #popisVideo, #wn, #scroll_links { display: none; } /*-------------------------------------- LAYOUT -------------------------------------- */ #print-logo { margin-bottom: 30px; width: 100%; height: 90px; margin-left: 0; } #basicContacts-PRINT { margin: 25px 0 0 0; padding: 10px 0 0 0; color: #ccc; } #popisSlika, #popisVideo { position: absolute; margin: 10px; } #popisSlika li, #popisVideo li { margin: 5px 0; width: 80px; } #mainContent { min-height: 150px; height: auto !important; height: 150px; } #galerija-title { text-align: right; } .pdf { display: inline; float: right; width: auto; padding: 3px; border: 1px solid #ccc; } #mainContent #oprema table td { border-bottom: 1px solid #e6e6e6; text-align: center; padding: 3px 5px; } #mainContent #oprema table td.left { text-align: left; } #mainContent #oprema table th { background: #e6e6e6; font-weight: normal; padding: 3px 5px; text-align: center; } #mainContent #oprema table img { border: none; padding: 0; margin: 0; } #homeFlash { width: 717px; height: 286px; } /*-------------------------------------- TYP -------------------------------------- */ h1 { font-size: 13pt; margin-bottom: 20px; } h2 { font-size: 11pt; margin: 15px 0; } h3, h4, h5, h6 { font-size: 10pt; margin: 15px 0; } p, ul, ol, table { margin: 15px 0; } img { display: inline; margin: 0 5px; } #mainContent table { margin: 10px 0; width: 100%; } #mainContent table td { border-bottom: 1px solid #e6e6e6; text-align: center; padding: 3px 5px; } #mainContent table td.left { text-align: left; } #mainContent table th { background: #e6e6e6; font-weight: normal; padding: 3px 5px; text-align: center; border-bottom: 1px solid #e6e6e6; } #mainContent table img { border: none; padding: 0; margin: 0; } #mainContent ul, #mainContent ol { padding-left: 20px; } #mainContent ul li { list-style: outside square; margin-left: 30px; } #mainContent ol li { list-style: outside decimal; margin-left: 30px; } /*------*/ .izdvojena-novost { display: table; clear: both; } .izdvojena-novost img, #mainContent #novost img { display: inline; float: left; width: 150px; padding: 1px; border: 1px solid #0a2972; margin: 0; } #mainContent #novost img { margin: 5px; } .izdvojena-novost div { display: inline; float: left; width: 430px; margin: -10px 0 0 15px; } .izdvojena-novost div#novost { margin: -10px 0 0 15px; padding: 10px 0 0 0; clear: right; } /*----------------------------------------------------- PRIJAVA ZA NEWSLETTER ----------------------------------------------------- */ #newsletter { padding: 20px 0 0 0; } #newsletter legend { display: none; } #newsletter fieldset { border: none; } #newsletter label { display: block; float: left; width: 250px; text-align: right; margin: 0 15px 0 0; padding: 5px 0 0 0; } #newsletter input { background: #fff; border: 1px solid #bdbdbd; color: #9b9b9b; font: normal 10px Verdana, Arial, Helvetica, sans-serif; padding: 2px 4px; width: 150px; margin: 0 0 5px 0; } #newsletter select { background: #fff; border: 1px solid #bdbdbd; color: #9b9b9b; font: normal 10px Verdana, Arial, Helvetica, sans-serif; padding: 2px 4px; margin: 0 0 5px 0; } #newsletter input#nl-submit { font: normal 10px Verdana, Arial, Helvetica, sans-serif; background: #fff; border: 1px solid #0a2972; color: #000; height: 18px; text-align: center; width: 50px; margin: 0 0 0 265px; } #captcha { margin: 15px 0 15px 265px; } #captcha img { padding: 2px; border: 1px solid #ccc; width: 100px; height: 50px; margin: 0; } /*----------------------------------------------------- GALERIJA ----------------------------------------------------- */ div#wn { position:absolute; left:-25px; top:180px; width:120px; height:275px; overflow:hidden; } div#scroll_links { left:30px; top:140px; position:absolute; width:23px; height:350px; overflow:hidden; } #mainContent #galerija { margin: -14px 0 0 -10px; } #mainContent #galerija img { margin: 0; padding: 0; border: 0; } #mainContent #galerija img#velika { width: 646px; height: 325px; margin-left: 0; } #mainContent #galerija-title { margin: 15px 20px 5px 0; padding: 0; text-align: right; height: 27px; } #mainContent #galerija-title span { display: none; } #mainContent #popisSlika { position: absolute; margin: 10px 0 0 0; width: 100px; z-index: 0; } #mainContent #popisSlika li { margin: 0 8px 9px 8px; display: inline; float: left; clear: both; padding: 0; background: none; } #mainContent #popisSlika li img { padding: 2px; width: 80px; height: 40px; } #mainContent #popisSlika li img.on { border: 1px solid #0a2972; padding: 1px; } #mainContent #popisSlika li img:hover { border: 1px solid #0a2972; padding: 1px; } #mainContent #popisSlika.boje li img { width: 80px; height: 20px; } #mainContent #popisSlika li#scrollUp, #mainContent #popisSlika li#scrollDown { text-align: center; width: 80px; } #mainContent #popisSlika li#scrollUp img, #mainContent #popisSlika li#scrollDown img { width: 15px; height: 8px; padding: 0; border: none; background: none; } #mainContent #popisSlika li#scrollUp { margin-bottom: 6px; } #mainContent #popisSlika li#scrollDown { margin-top: -3px; } /*----------------------------------------------------- GALERIJA // Boje Spec. ----------------------------------------------------- */ #mainContent #popisSlika.boje { margin: 10px 0 0 0; } #mainContent #popisSlika.boje li { margin: 0 8px 4px 8px; } #mainContent #popisSlika.boje li#scrollUp { margin-bottom: 6px; } #mainContent #popisSlika.boje li#scrollDown { margin-top: 2px; } #naziv-boje { position: absolute; top: 450px; z-index: 100; margin: 0 0 0 100px; width: 520px; text-align: center; font-weight: bold; } /*----------------------------------------------------- VIDEO ----------------------------------------------------- */ #mainContent #video { margin: -14px 0 0 -10px; } #mainContent #video img { margin: 0; padding: 0; border: 0; } #mainContent #popisVideo { width: 100px; height: 316px; margin: 10px 0 0 0; z-index: 0; margin: 0; padding: 10px 0 0 0; background: #f0f0f0; display: inline; float: left; } #mainContent #popisVideo li { margin: 0 8px 9px 8px; display: inline; float: left; clear: both; padding: 0; background: none; } #mainContent #popisVideo li img { padding: 2px; } #mainContent #popisVideo li img.on { border: 1px solid #0a2972; padding: 1px; background: #fff; } #mainContent #popisVideo li img:hover { border: 1px solid #0a2972; padding: 1px; background: #fff; } #mainContent #popisVideo li#scrollUp, #mainContent #popisVideo li#scrollDown { text-align: center; width: 80px; } #mainContent #popisVideo li#scrollUp img, #mainContent #popisVideo li#scrollDown img { width: 15px; height: 8px; padding: 0; border: none; background: none; } #mainContent #popisVideo li#scrollUp { margin-bottom: 6px; } #mainContent #popisVideo li#scrollDown { margin-top: -3px; } #playerWrapper { display: inline; float: left; height: 325px; } .video-box { width: 384px; height: 288px; position: relative; top: 20px; left: 80px; } #mainContent #video #galerija-title { clear: both; padding-top: 14px; } /*----------------------------------------------------- 360 PRIKAZ ----------------------------------------------------- */ #mainContent #pregled360 { margin: -14px 0 0 -10px; height: 360px; position: relative; } #mainContent #pregled360 img { margin: 0; padding: 0; border: 0; } #player360 { width: 520px; height: 360px; position: absolute; margin: 0 0 0 5px; } #mainContent #pregled360 #galerija-title { bottom: -12px; right: 0; position: absolute; } /*----------------------------------------------------- TABLICE (oprema/cijene) ----------------------------------------------------- */ #mainContent table { margin: 10px 0; width: 100%; } #mainContent table td { border-bottom: 1px solid #e6e6e6; text-align: center; padding: 3px 5px; } #mainContent table td.left { text-align: left; } #mainContent table th { font-weight: bold; padding: 3px 5px; text-align: center; border-right: 1px solid #fff; border-bottom: 1px solid #fff; } #mainContent table td.popust { border-right: 1px solid #fff; font-weight: bold; } #mainContent table img { border: none; padding: 0; margin: 0; }