/* * @2009 * Screen CSS * * */ html, body, div, p, blockquote, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, form, fieldset, legend, a, img, address, strong, em { margin: 0; padding: 0; list-style: none; font-weight: normal; font-style: normal; border: 0; outline: none; } a img { border: 0; } a span { cursor: pointer; } form legend { display: none; } html { color: #fff; background: #191919 url(../images/bg-html.png) repeat 0 0; } body { font: normal 11px/14px Tahoma, Helvetica, sans-serif; } .aural { position: absolute; left: -100em; } a { color: #0f9d91; text-decoration: none; } a:focus, a.focus, a:hover { color: #868686; } #page:after { display: block; height: 0; clear: both; visibility: hidden; content: '.' } /* 6, 7 */ #page { width: 940px; margin: 0 auto; } #imag { margin: 10px 30px; border:0px; float: left; padding: 10px;} /* top */ #top { height: 94px; margin: 0 0 1px; padding: 30px 0 0 20px; border-bottom: 2px solid #0f9d91; } #top #logo { float: left; } #top #nav { float: left; padding: 20px 0 0 60px; } #top #nav li { height: 18px; float: left; padding: 0 12px 0 24px; background: url(../images/icon-divider-1.png) no-repeat 0 50%; } #top #nav li:first-child { background: none; } #top #nav li a { display: block; height: 18px; text-indent: -100em; overflow: hidden; } #top #nav li.item-1 a { width: 73px; background: url(../images/menu-item-1.png) no-repeat 0 0; } #top #nav li.item-2 a { width: 115px; background: url(../images/menu-item-2.png) no-repeat 0 0; } #top #nav li.item-3 a { width: 111px; background: url(../images/menu-item-3.png) no-repeat 0 0; } #top #nav li.item-4 a { width: 64px; background: url(../images/menu-item-4.png) no-repeat 0 0; } #top #nav li.act a, #top #nav li a:hover { background-position: 0 -19px; } #top #slogan { float: right; } /* banner */ #banner { position: relative; background: url(../images/bg-scrollbar.png) repeat-x 0 100%; overflow: hidden } #banner #slider-scroll { position: relative; width: 821px; height: 17px; background: url(../images/bg-scrollbar.png) repeat-x 0 100%; } #banner #slider-scroll .ui-slider-handle { position: absolute; bottom: 1px; display: block; width: 119px; height: 13px; background: url(../images/bg-scroll.png) no-repeat 0 0; cursor: e-resize; } #banner #slider { width: 940px; overflow: hidden; } #banner #slider ul {padding: 0 5px 0;} #banner #slider ul li { float: left; } #banner .btn { position: absolute; display: block; width: 31px; height: 50px; z-index: 2; } #banner .btn span { display: none; } #banner #btn-prev { left: 20px; background: url(../images/btn-prev.png) no-repeat 0 0; } #banner #btn-next { right: 20px; background: url(../images/btn-next.png) no-repeat 0 0; } .simple-slide #slider { height: 250px;} .simple-slide #slider ul li { width: 940px; height: 250px; } .simple-slide .btn { top: 100px; } .multiple-slide #slider { background: url(../images/bg-multiple-slider.png) repeat-x 0 0; } .multiple-slide #slider ul { } .multiple-slide #slider ul li { width: 220px; height: 120px; padding: 10px 0; } .multiple-slide #slider ul li a img { background: url(../images/bg-slider-hover.png) no-repeat 0 400px;} .multiple-slide #slider ul li a:hover img { background-position: 50% 65% } .multiple-slide .btn { top: 40px; } /* wrapper */ #wrapper { padding: 23px 0; } .col-lay-2 #content { width: 620px; float: left; } .col-lay-2 #side-bar-1 { width: 300px; float: right; } .col-lay-3 #content { width: 650px; float: left; } .col-lay-3 #side-bar-1 { width: 270px; float: right; } /*.col-lay-3 #side-bar-1 { width: 270px; position: fixed; margin: 8px auto auto 670px; }*/ /* content */ #content { padding: 2px 0 0; } #content .header { height: 27px; line-height: 27px; padding: 0 18px; color: #fff; background: #0a0a0a; font-size: 18px; } #news-mod li {} #news-mod li.item { border-top: 1px solid #000; color: #fff; overflow: hidden; margin: 10px 0; padding: 5px 18px; } #news-mod li:first-child { border: 0; } #news-mod li .head { height: 27px; line-height: 27px; padding: 0 0 5px; } #news-mod li .head .header { float: left; padding: 0; background: none; } #news-mod li .head .header, #news-mod li .head .header a { color: #0f9d91; font-size: 1em; font-weight: bold; } #news-mod li .head .date { float: right; color: #0f9d91; } #news-mod li .img { float: left; margin: 0 10px 0 0; } #news-mod li p { color: #fff; padding-bottom: 5px;} #news-mod .wyp { margin-left: -20px;} /*download*/ #news-mod .pdf-icon {background-image:url(pdf.gif);} #news-mod .icon {background-position:left center; background-repeat:no-repeat; padding-left:20px;} /*produkty lista*/ #info-short .prod h3 {margin-top: 5px;} #news-mod li.nm-item { border-bottom: 1px solid #000; color: #fff; overflow: hidden; margin: 10px 0; padding: 5px 0px 10px; } #news-mod .prod-btns-prod .btn-see { width: 119px; height: 23px; float: right; margin: 1em 20px 0; color: #fff; background: url(../images/btn-more.png) no-repeat 0 0; text-indent: -100em; overflow: hidden; } #news-mod #img-prod img{border: 3px solid #24AE7F} /* bread crumbs */ #bread {margin: -12px auto 0; padding: 0 5px 5px 0; color: #0f9d91;} #bread li{display: inline;} #bread .last {color: #fff;} /*lista cms*/ #info {float: left;} /* product */ #prod-short { width: 460px; float: left; } #prod-short #prod-img { display: block; margin: 0 auto; padding: 20px 0 0; background: url(../images/bg-prod-img.png) no-repeat 50% 0; text-align: center; } #prod-short #prod-info { position: relative; margin: -5px 0 0; padding: 10px; background: url(../images/bg-prod-info.png) repeat 0 0; } #prod-short #prod-info div { padding: 0 0 0 45px; background: url(../images/icon-info.png) no-repeat 10px 0; } #prod-short #header-powerload { width: 460px; height: 40px; margin: 0 -480px -40px 480px; background: url(../images/header-powerload.png) no-repeat 0 50%; text-indent: -100em; overflow: hidden; } #prod-short #header-warm { width: 460px; height: 40px; margin: 0 -480px -40px 480px; background: url(../images/header-warm.png) no-repeat 0 50%; text-indent: -100em; overflow: hidden; } #prod-short #header-neo { width: 460px; height: 40px; margin: 0 -480px -40px 480px; background: url(../images/header-neo.png) no-repeat 0 50%; text-indent: -100em; overflow: hidden; } #prod-short #header-neo2 { width: 460px; height: 40px; margin: 0 -480px -40px 480px; background: url(../images/header-neo2.png) no-repeat 0 50%; text-indent: -100em; overflow: hidden; } #prod-short #header-basic { width: 460px; height: 40px; margin: 0 -480px -40px 480px; background: url(../images/header-basic.png) no-repeat 0 50%; text-indent: -100em; overflow: hidden; } #prod-short #prod-gal { padding: 25px 0 0; } #prod-short #prod-gal li { float: left; margin: 0 0 10px 20px; } #prod-short #prod-gal li:first-child { margin: 0; } #prod-short #prod-gal #th {margin: 0; } #prod-short #prod-gal li img { display: block; border: 4px solid #24ae7f; } #prod-details { width: 460px; float: right; padding: 40px 0 0; } #prod-details .mod-tabs .tabs-nav { height: 23px; line-height: 23px; margin: 0 0 0 1px; border-bottom: 2px solid #24ae7f; } #prod-details .mod-tabs .tabs-nav li { width: 114px; float: left; margin: 0 0 0 1px; } #prod-details .mod-tabs .tabs-nav li:first-child { margin: 0; } #prod-details .mod-tabs .tabs-nav li a { } #prod-details .mod-tabs .tabs-nav li a { display: block; width: 100%; height: 19px; padding: 4px 0 0; background: url(../images/bg-tab-nav-item.png) repeat-x 0 0; text-indent: -100em; overflow: hidden; } #prod-details .mod-tabs .tabs-nav li a span { display: block; width: 100%; height: 16px; text-indent: -100em; overflow: hidden; } #prod-details .mod-tabs .tabs-nav li.item1 a span { background: url(../images/bg-prod-tab-1.png) no-repeat 50% 0; } #prod-details .mod-tabs .tabs-nav li.item2 a span { background: url(../images/bg-prod-tab-2.png) no-repeat 50% 0; } #prod-details .mod-tabs .tabs-nav li.item3 a span { background: url(../images/bg-prod-tab-3.png) no-repeat 50% 0; } #prod-details .mod-tabs .tabs-nav li.item4 a span { background: url(../images/bg-prod-tab-4.png) no-repeat 50% 0; } #prod-details .mod-tabs .tabs-nav li.act a, #prod-details .mod-tabs .tabs-nav li a:hover { background-position: 0 100%; } #prod-details .mod-tabs .tabs-nav li.act a span, #prod-details .mod-tabs .tabs-nav li a:hover span { background-position: 50% -16px; } #prod-details .mod-tabs .tab { display: none; line-height: 15px; padding: 15px; } #prod-details .prod-btns { height: 23px; padding: 15px; } #prod-details .prod-btns .btn-order { width: 92px; height: 23px; float: right; margin: 1em 0 0; color: #fff; background: url(../images/btn-order.png) no-repeat 0 0; text-indent: -100em; overflow: hidden; } #prod-details .mod-tabs p {padding-top:5px;} #prod-details .mod-tabs .prod{margin: 15px 0px 5px 0px; font-weight: bold; color: grey;} #prod-details .mod-tabs .prod span{ margin: 0px 5px; font-size: 1.3em; text-decoration:line-through} #prod-details .mod-tabs .prod-sale{margin: 5px 0px 10px 0px; font-weight: bold;} #prod-details .mod-tabs .prod-sale span{ margin: 0px 5px; font-size: 1.3em;} #prod-details a.mod-tabs a {padding-top:40px;} #prod-details .mod-tabs .cechy li{padding: 3px 8px; background: url(../images/icon-dot.gif) no-repeat 0px 10px;} #prod-details .tab img {float: right; margin-top: 20px; padding: 4px;} #content .features { } #content .features li a { color: #fff; } #content .features li span { color: #24ae7f } #info-short {margin: 10px auto 0; line-height: 17px; } #info p {padding: 5px; font-size: 1.1em;} #info-short h3 {line-height: 1.3em; font-size: 1.5em; font-weight: 500; padding: 0 5px;} #info-short h3.nm-head {margin-top: 15px;} #info-short img {display: inline; padding: 0px; border: 0px solid #fff; margin: 5px;} #info-short li { padding: 0 5px; } #info-short .cechy li{padding: 1px 8px; background: url(../images/icon-dot.gif) no-repeat 0px 10px;} #info-short .cechy {margin: 3px 200px; font-size: 1.1em;} #info-short .prod-list{margin: 5px 0px 0px 470px; font-weight: bold; color: grey;} #info-short .prod-list span{ margin: 0px 0px; font-size: 1.3em; text-decoration:line-through} #info-short .prod-sale-list{margin: 5px 0px 0px 470px;; font-weight: bold;} #info-short .prod-sale-list span{ margin: 0px 0px; font-size: 1.3em;} /* side-bar-1 */ .mod-info { padding: 2px 15px; background: #0a0a0a url(../images/bg-glove.png) no-repeat 0 27px; } #mod-info-prod { padding-bottom: 45px; } .mod-info .header { height: 27px; line-height: 27px; margin: 0 -15px 5px; padding: 0 18px; color: #fff; background: #222222; font-size: 18px; } .mod-info a { font-weight: bold;} .mod-info li { padding: 5px 0 20px; overflow: hidden; } .mod-info .more { width: 119px; height: 23px; float: right; margin: 1em 0 0; color: #fff; background: #24ae7f url(../images/btn-more.png) no-repeat 0 0; text-indent: -100em; overflow: hidden; } table {border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:100%; margin: 10px 0 10px 5px;} .size-chart-table { border-collapse:collapse; } .size-chart-table tbody td { border-left:1px solid #E2E2E2; border-right:1px solid #E2E2E2;} .data-table th, .data-table td { border:1px solid #E2E2E2; padding:13px;} caption, th, td { font-weight:normal; text-align:left; vertical-align:top; } #info-short-sizes { padding: 5px 15px; } #info-short-sizes img{ padding: 5px 0px; } /* sifr */ .sIFR-flash { visibility: visible !important; } .sIFR-flash .hide { display: none; } .sIFR-replaced, .sIFR-ignore { visibility: visible !important; } .sIFR-alternate { position: absolute; left: 0; top: 0; display: block; width: 0; height: 0; overflow: hidden; z-index: 1; } .sIFR-replaced div.sIFR-fixfocus { float: none; letter-spacing: 0; overflow: auto; } /* footer */ #footer { clear: both; font-size: 10px;} #footer ul { white-space: nowrap; background: url(../images/bg-footer.png) no-repeat 0 100%; float: left; padding: 38px 0 0 520px;} #footer ul li { float: left; padding: 0 8px 0 10px; background: url(../images/icon-divider-2.png) no-repeat 0 50%; } #footer ul li:first-child { background: none; } #footer ul li a { color: #868686; font-weight: bold; } #footer ul li.act a, #footer ul li a:hover { color: #0f9d91 } #footer #design { float: right; color: #868686; white-space: nowrap; padding: 38px 0 0 0;} #footer #design a { color: #0f9d91; }