body { position: relative; margin: 0; height: 100%; background: #fff;} html { color: #333; min-height: 100%; } html, button, input, select, textarea { font-size: 100%; font: normal 14px 'Open Sans', Arial, sans-serif; } h4 { font-size: 1em; margin: 0; } a { text-decoration: none; color: #333; } a:active, a:hover { text-decoration: none;color: #D71722 !important; } p { margin-bottom: 0.5em; margin-top: 0; line-height: 1.5em;} ul { list-style-type: square; list-style-position: outside; margin: 0 0 0 1.5em; padding: 0; line-height: 1.5em; } figure { margin: 0; } .hidden { display: none; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; /* dla IE < 8 */ } .clearer { clear: both; } .center { text-align: center; } .req, .red, .error, .important { color: #D2071D; } img { max-width: 100%; } a img { border: 0; } input[type='text'], input[type='password'], input[type='email'], input[type='search'], textarea { border: 1px solid #d6d6d6; padding: 5px 4px; color: #666; font-style: italic; } select { border: 1px solid #d6d6d6; padding: 4px; background-color: #fff; color: #666; font-style: italic; } .hidden { display: none; } .req-info { color: #999; font-size: 12px; } input[type=checkbox].checkbox { display:none; } input[type=checkbox].checkbox + label.label-checkbox { padding-left:20px; min-height:15px; display:inline-block; line-height:15px; background-repeat:no-repeat; background-position: 0 0; vertical-align:middle; cursor:pointer; } input[type=checkbox].checkbox:checked + label.label-checkbox { background-position: 0 -50px; } label.label-checkbox { background-image: url(../img/layout/checkbox.png); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn-min { border: 0; height: 20px; cursor: pointer; font-size: 12px; border: 1px solid #D1D5D7; } a.btn-min, span.btn-min { display: inline-block; line-height: 20px; height: 20px; padding: 0 5px; text-decoration: none;} .btn { border: 0; height: 30px; min-width: 100px; padding: 0 10px; font-weight: bold; cursor: pointer; } .btn-small { border: 0; height: 22px; font-weight: bold; cursor: pointer; } .btn-large { border: 0; height: 40px; padding: 0 20px; font-weight: bold; cursor: pointer; text-transform: uppercase; } a.btn { display: inline-block; min-width: 80px; text-align: center; line-height: 30px; height: 30px; padding: 0 10px; text-decoration: none;} a.btn-small { display: inline-block; line-height: 22px; height: 22px; padding: 0 10px; text-decoration: none;} a.btn-large { display: inline-block; line-height: 40px; height: 40px; text-decoration: none; text-transform: uppercase; } .color1 { background: #9BD90D; min-width: 130px;color: #fff; } .color2 { background-color: #F86300; color: #fff; } .color3 { background-color: #666; color: #fff; } .color4 { background-color: #FFB400; color: #333; } a.print { color: #D2071D; background: url(../img/layout/print-icon.png) 0 50% no-repeat; padding-left: 20px; } .header-content { clear: both; } .header-content h1, .header-content strong { font-family: 'Exo2-Bold'; font-weight: normal; letter-spacing: 1px;font-size: 1.2em; min-height: 40px; line-height: 40px; min-width: 200px; box-shadow: 5px 5px 5px #bbb; text-transform: uppercase; margin: 0; padding: 0 20px; border-bottom: 2px solid #bbb; color: #000; display: inline-block; } .header-content .more { text-align: right; } .container-max { max-width: 1480px; padding: 0 20px; margin: 0 auto; } .container-max-header { background: #fff url(../img/layout/bg-top.png) 50% 0 no-repeat;} .container-max-start { background: url(../img/bannery/bg-banner-start.jpg) 50% 0 no-repeat; } .container-max-default { } .container-max-bottom { clear: both; background: #eee; padding-top: 20px; overflow: hidden; } #header-main { min-height: 208px; margin-bottom: 0; } #header-main #logo { float: left; margin-top: 30px; margin-left: 60px; } #header-main .header-top { min-height: 164px; } #header-main .header-right { display: table-cell; width: 310px; vertical-align: top; } #header-main .icon-box { float: right; } #header-main .icon { width: 26px; height: 23px; display: block; margin: 0 auto 5px auto; position: relative; } #header-main .value { position: absolute; font-weight: bold; right: -12px; top: -5px; background-color: #D71722; width: 20px; height: 20px; line-height: 20px; text-align: center; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color: #fff; font-size: 12px; } #header-main .title { font-size: 13px; color: #000; font-family: 'Exo2-Regular'; font-weight: normal;} #header-main .cart-header { float: left; text-decoration: none; color: #000; margin-left: 30px; text-align: center; } #header-main .cart-header .title{font-family: 'Exo2-Bold';font-weight: normal; font-size: 14px;} #header-main .cart-header .icon { background: url(../img/layout/cart-icon.png) 50% 50% no-repeat; } #header-main .active .title { color: #D71722; } #header-main .safe-header { float: left; text-decoration: none; margin-left: 30px; } #header-main .v0 { color: #000; } #header-main .v0 .value { display: none; } #header-main .safe-header .icon { background: url(../img/layout/safe-icon.png) 50% 50% no-repeat; } #header-main .login-header { float: left; text-decoration: none; color: #000; } #header-main .login-header .icon { background: url(../img/layout/account-icon.png) 50% 50% no-repeat; } #header-main .header-bottom {margin-top: 45px; clear: both; min-height: 49px; position: relative; float: right; width: 82.05%; border-left: 1px solid #bbb; } #header-main nav ul { padding: 0; margin: 0px 0 20px 0px; list-style-type: none; float: left; width: 100%; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; } #header-main nav ul li { padding: 0; margin: 0; display: inline; } #header-main nav ul li.last-l{float:right;} #header-main nav ul li.last-l a{ padding: 7px 3px; display: inline-block; line-height: 13px;} #header-main nav ul li a { line-height: 49px; padding: 0 15px; color: #000; font-family: 'Exo2-Regular'; font-weight: normal; text-transform: uppercase; } #header-main a.top-menu-link { position: absolute; top: 4px; left: 16px; height: 40px; line-height: 40px; width: 40px; text-align: center; padding: 0; color: #000; background: #2566d9 url(../img/layout/menu-icon2.png) 50% 50% no-repeat; font-size: 0; text-indent: -9999px; display: none; } #header-menu{} #header-banner{ display: none; text-align: center; width: 29%; margin: 18px 0 0 20%; float: left; } #header-banner p{ color: #000; font-size: 24px; text-align: center;} .fancybox-wrap #top-menu { min-width: 240px;} .fancybox-wrap #top-menu ul { margin: 0; list-style-type: none; } .fancybox-wrap #top-menu ul li { margin: 0 0 5px 0; padding-left: 10px; background: url(../img/layout/arrow1.png) 0 50% no-repeat;} #header-search { position: relative; display: table-cell; vertical-align: top; } #header-search fieldset { border: 1px solid #bbbbbb; height: 45px; line-height: 45px; padding: 0; margin: 0; } #header-search legend { display: none; } #header-search .box { position: relative; background-color: #fff; } #header-search #query { padding: 0 15px; height: 45px; border: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 100%; border: 0; } #header-search #buttons-search { top: 4px; position: absolute; right: 1px; z-index: 100; } #header-search #search-btn { float: left; } #header-search a#header-search-adv { display: none; float: left; text-indent: -9999px; font-size: 0; width: 49px; height: 40px; background: url(../img/layout/adv-btn.png) 0 0 no-repeat; } #header-main #header-right-wrapper { float: right; width: 98%; margin-bottom: 20px;} #header-main #header-right-cont {display: table; width: 100%;} #lang-box { font-size: 12px; } #lang-box-wrapper { float: right; position: relative; } #lang-box-bar { margin: 0; padding: 0 10px; list-style-type: none; display: inline-block; background-color: #f5f5f5; } #lang-box-bar li { display: inline-block; padding: 5px 0; margin-right: 10px; white-space: nowrap; } #lang-box-bar li span { color: #999; } #lang-box-bar li:last-child { margin-right: 0; } #lang-box-bar .change { background: url(../img/layout/arrow3.png) right 50% no-repeat; padding-right: 15px; cursor: pointer; color: #333; } #lang-box-bar .act { background-image: url(../img/layout/arrow3b.png); } #lang-settings { display: none; position: absolute; min-width: 100%; z-index: 110; right: 0; } #lang-settings-wrapper { background-color: #fff; border: 1px solid #E5E5E5; padding: 10px; } #lang-settings .item { float: left; width: 100%; margin-bottom: 10px; } #lang-settings .col2 { width: 50%; } #lang-settings .col3 { width: 33.33%; } #lang-settings .title { font-weight: bold; } #lang-settings ul { margin: 0; list-style-type: none; } #lang-settings select { font-size: 12px; max-width: 100%; } #lang-submit { clear: both; text-align: center; } /*wideo youtube na karcie produktu*/ .video-container { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;} .video-container iframe, .video-container object, .video-container embed { position:absolute; top:0; left:0; width:100%; height:100%;} .PAYU_RWD{text-align: center;} .PAYU_RWD a{display: inline-block;margin: 5px 0;} .PAYU_RWD div{display: inline-block;margin: 5px 0;} /* bloki layoutu strony */ .container-side { float: left; width: 16.4675676%; clear: left; margin-right: 10px; } .container-main { float: right; width: 82%; border-left: 1px solid #bbb; margin-bottom: 30px; border-right: 1px solid #bbb; } .container-main-wrapper { margin: 0 20px; } .content-box { background: #fff; clear: both; margin-bottom: 20px;} #product-comparison{ border-left: 1px solid #bbb; border-right: 1px solid #bbb;} #product-container{background: transparent;} .sbox { padding: 20px; color: #2D2D2D; background: #fff; } .sbox a{ text-decoration: underline;} .side50 { float: left; width: 50%; } /* bloki w bocznym menu */ .box-left { margin-bottom: 20px; border: 1px solid #bbb; } .box-left-content { padding: 15px; background-color: #fff; } .box-left-header { } .box-left .box-left-header { font-size: 1em; font-family: 'Exo2-Bold'; font-weight: normal; margin: 0; height: 40px; line-height: 40px; padding: 0 15px; text-transform: uppercase; color: #fff; background-color: #2566d9; border-bottom: 1px solid #0485CF; background-position: right center; background-repeat: no-repeat; } .box-left .box-title { letter-spacing: 2px; color: #898989; font-size: 1em; margin: 0 0 10px 0; background: #DCDCDC; height: 40px; line-height: 40px; padding-left: 15px; font-family: 'Exo2-Bold'; font-weight: normal; text-transform: uppercase;} /* producenci na stronie startowej */ #box-producer ul { margin: 0 0 10px 0; list-style-type: none; } #box-producer ul li {padding: 2px 0 2px 12px;} #box-producer ul li a{ font-family: 'Lato-Reg';font-weight: normal;color:#2566d9; } #box-producer .more { color: #000; border: 1px solid #2566d9; display: block; text-align: center; text-transform: uppercase; font-family: 'Exo2-Bold'; font-weight: normal; font-size: 12px; letter-spacing: 1px; padding: 6px; max-width: 172px; margin: 0 auto;} /* menu klienta */ #box-client .box-left-header { background-image: url(../img/layout/clientmenu-icon.png); } #box-client ul { margin: 0; list-style-type: none; } #box-client li { padding-left: 10px; background: url(../img/layout/arrow1.png) 0 50% no-repeat; margin-bottom: 5px; } #box-client #logout a { color: #D2071D; } /*Szybki kontakt*/ #sz-k .box-left-content{padding: 0; text-align: center; font-family: 'Lato-Reg';font-weight: normal;} #sz-k .box-title{margin:0;} #sz-k span{display: block;margin:30px 0 10px 0 ;} #sz-k a{display: block;margin-bottom: 30px;} /* ostatnio oglądane */ #last-viewed ul { margin: 0; list-style-type: none; } #last-viewed li { margin-bottom: 20px; text-align: center; } #last-viewed .product-img { margin-bottom: 5px; } #last-viewed h4 { margin-bottom: 5px; } #last-viewed h4 a { color: #D2071D; } #last-viewed del { color: #999; } /* tagi */ #tags .box-left-header { margin-bottom: 10px; } #tags ul { margin: 0; list-style-type: none; } #tags li { margin: 0; display: inline; } #tags .active { font-weight: bold; } #tags h3 { font-weight: normal; margin: 0; display: inline; font-size: 1em; } #tags .tag9 { font-size: 2.7em; line-height: 1em;} #tags .tag8 { font-size: 2.5em; line-height: 1em; } #tags .tag7 { font-size: 2.3em; line-height: 1em; } #tags .tag6 { font-size: 2.1em; line-height: 1em; } #tags .tag5 { font-size: 1.9em; line-height: 1em; } #tags .tag4 { font-size: 1.7em; line-height: 1em; } #tags .tag3 { font-size: 1.5em; line-height: 1em; } #tags .tag2 { font-size: 1.3em; line-height: 1em; } #tags .tag1 { font-size: 1.1em; line-height: 1em; } /* główne menu */ #main-menu { background-color: #fff; margin-top: -2px; position: relative; } #main-menu .box-left-header { background: #2566d9; color: #fff; height: 45px; line-height: 45px; font-size: 1.1em; letter-spacing: 2px; } #main-menu ul { margin: 0; list-style-type: none; } #main-menu > ul > li { background-color: #f5f5f5; width: 100%; margin: 0; padding: 10px 0px; border-bottom: 1px solid #bbb;position: relative; } #main-menu > ul > li:last-of-type{border-bottom:0;} #main-menu .categories{position: relative; } #main-menu .categories ul { margin-left: 10px; } #main-menu .categories ul li img{display: none; } #main-menu .categories ul li { padding: 3px 0; } #main-menu .categories ul li a { color: #000; font-weight: normal; font-size: 13px; background: url(../img/layout/arrow1.png) 0 50% no-repeat; padding-left: 10px; } #main-menu .categories .activeSubcategory > a, #main-menu .categories .active > a { font-weight: bold; } #main-menu .categories li{display:table;} #main-menu .categories li.active{ padding-bottom: 10px;} #main-menu .categories li.active > .cont{clear: both; position: relative; display: block; left: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 0; -moz-box-shadow: 0 0 0; -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0; border: 1px solid #E7E7E7; border-top: 0; background-color: #f5f5f5;} #main-menu .categories li a{ font-size: 13px; padding-left: 5px; color: #000; font-weight: normal; display: table-cell; vertical-align: middle; width: 100%; font-family: 'Lato-Reg';} #main-menu .categories li img { display:table-cell; vertical-align: middle; margin-bottom: 5px; max-width: 50px; max-height: 50px; } #main-menu .categories li span {font-weight: normal; color: #000; } #main-menu ul.categories .cont { width: 180px; position: absolute; display: none; left: 92%; top: 0px; z-index: 100; border: 1px solid #E7E7E7; border-left: 0; padding: 10px; background-color: #f5f5f5; -webkit-border-bottom-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; -moz-box-shadow: 2px 2px 1px rgba(0,0,0,0.4); -webkit-box-shadow: 2px 2px 1px rgba(0,0,0,0.4); box-shadow: 2px 2px 1px rgba(0,0,0,0.4); } #main-menu ul.categories li.activ .cont {display: block; z-index:100; } #main-menu ul.categories li.activ { background-color: #f5f5f5;} #main-menu ul.categories li.active img{display: block; float: left;} #main-menu ul.categories li.active a{ float: left; display: block; max-width: 145px; margin-top: 15px;} #main-menu ul.categories li.active .cont { width: auto; clear: both; position: relative; display: block; left: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 0; -moz-box-shadow: 0 0 0; -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0; border: 0; border-top: 0;} #main-menu ul.categories .cont li img{display: none;} #main-menu ul.categories li.active .cont li a{ margin-top: 0px;} #main-menu ul.categories li.activeSubcategory { padding-bottom: 10px;width: 88%;} #main-menu ul.categories li.activeSubcategory img{display: block; float: left;} #main-menu ul.categories li.activeSubcategory a{ float: left; display: block; max-width: 145px; margin-top: 15px;} #main-menu ul.categories li.activeSubcategory .cont { width: auto; clear: both; position: relative; display: block; left: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 0; -moz-box-shadow: 0 0 0; -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0; border: 1px solid #E7E7E7; border-top: 0;} #main-menu ul.categories li.activeSubcategory .cont li ul.cont{border:0; background-color: transparent;} #main-menu ul.categories .cont li img{display: none;} #main-menu ul.categories li.activeSubcategory .cont li a{ margin-top: 0px;} #box-left-best a { font-weight: bold;padding-left: 5px; } /* mobile menu */ .slicknav_btn { position: relative; display: block; vertical-align: middle; cursor: pointer; margin: 0; color: #fff; text-decoration:none; background: #2566d9; height: 40px; line-height: 40px; padding: 0 15px; font-weight: bold; } #clientMenu .slicknav_btn { background: #2566d9 url(../img/layout/clientmenu-icon.png) right 0 no-repeat; color: #fff; } .slicknav_open { } .slicknav_menu .slicknav_menutxt { display: block; float: left; text-transform: uppercase;width: 100%; } .slicknav_menu .slicknav_menutxt .rozwin{float: right;display: block; background: url(../img/layout/arrow5.png) right 50% no-repeat; padding-right: 15px; text-transform: lowercase; color: #fff;} .slicknav_menu .slicknav_menutxt span:first-child{float: left;display:block;} .slicknav_menu .slicknav_icon { } .slicknav_menu .slicknav_no-text { margin: 0 } .slicknav_nav { clear: both; margin:0; padding:0; background-color: #f5f5f5; } .slicknav_nav, .slicknav_nav ul { list-style: none; overflow:hidden; } .slicknav_nav ul, .slicknav_nav li { display: block } .slicknav_nav > li { border-bottom: 1px dotted #ccc; } .slicknav_nav > li.slicknav_open { border-bottom: 0; } .slicknav_nav ul { margin: 0; } .slicknav_nav .slicknav_arrow { font-size: 0.8em; font-weight: normal; margin: 0 0 0 0.4em; width: 20px; text-align: center; display: inline-block; color: #fff; background-color: #999999; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .slicknav_nav .slicknav_item { cursor: pointer; } .slicknav_nav .slicknav_row { display: block; padding: 6px 15px; margin: 0; } .slicknav_nav a { display: block; padding: 6px 15px; margin: 0; text-decoration:none; } .slicknav_nav ul a { padding-left: 30px; } .slicknav_nav ul ul a { padding-left: 45px; } .slicknav_nav ul ul ul a { padding-left: 60px; } .slicknav_nav ul ul ul ul a { padding-left: 75px; } .slicknav_nav ul .slicknav_row { padding-left: 30px; } .slicknav_nav ul ul .slicknav_row { padding-left: 45px; } .slicknav_nav ul ul ul .slicknav_row { padding-left: 60px; } .slicknav_nav ul ul ul ul .slicknav_row { padding-left: 75px; } .slicknav_nav .active > a, .slicknav_nav .active > span > a, .slicknav_nav .activeSubcategory > span > a { font-weight: bold; } .slicknav_nav > li > a, .slicknav_nav .slicknav_item > a { } .slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a { display: inline; padding:0; margin:0; } .slicknav_nav .slicknav_row:hover { background:#4D4D4D; } .slicknav_nav .slicknav_item:hover a { color:#fff; } .slicknav_nav a:hover{ background: #4D4D4D; color:#fff; } .slicknav_nav a span { color: #999; } .slicknav_nav .slicknav_txtnode { margin-left:15px; } .slicknav_menu:before, .slicknav_menu:after { content: " "; display: table; } .slicknav_menu:after { clear: both } .slicknav_nav img { display: none; } .slicknav_menu { display:none; } /* hit dnia */ #hits { margin-bottom: 60px; } #hits .title { background: #ffcc00 url(../img/layout/hit-icon.png) right 0 no-repeat; width: 210px; height: 40px; line-height: 40px; padding: 0 15px; color: #2e2d2d; text-transform: uppercase; font-weight: bold; } #hits-content { border-color: #ffcc00; position: relative; } .product-hit { clear: both; width: 100%; } .product-hit .product-img { float: left; width: 46.9083156%; } .product-hit .product-img a { text-align: center; display: block; padding: 20px; } .product-hit .description { padding: 30px 0 20px 0; float: right; width: 53.0916844%; } .product-hit .cont { padding: 0 20px; } .product-hit h3 { font-size: 30px; margin: 0 0 10px 0; font-weight: normal; } .product-hit h3 a { color: #d2071d; } .product-hit h5 { margin: 0 0 20px 0; font-size: 1em; } .product-hit .price .item { float: left; margin-right: 30px; } .product-hit .price strong { font-size: 30px; line-height: 50px; } .product-hit .price strong.pprice { line-height: 1em; } .product-hit del { color: #999; font-weight: bold; display: block; } #hits .bx-pager { position: absolute; bottom: -30px; width: 100%; text-align: center; font-size: 0; } #hits .bx-pager-item { display: inline-block; height: 15px; } #hits .bx-pager a { text-indent: -9999px; display: inline-block; margin: 0 5px; text-decoration: none; width: 60px; height: 15px; background-color: #e5e5e5; outline: 0; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } #hits .bx-pager a.active { background-color: #d2071d; } #hits a.bx-prev { position: absolute; display: none; z-index: 100; background: #fff url(../img/layout/arrow-controls.png) 0 50% no-repeat; width: 15px; height: 60px; top: 100px; left: 10px; text-indent: -9999px; font-size: 0; outline: 0; } #hits a.bx-next { position: absolute; display: none; z-index: 100; background: #fff url(../img/layout/arrow-controls.png) -50px 50% no-repeat; width: 15px; height: 60px; top: 100px; right: 10px; text-indent: -9999px; font-size: 0; outline: 0; } .title-start-page{text-align:center; background: #2566d9; padding: 5px; font-size: 17px; margin: 30px 0; color: #fff; font-family: 'Exo2-Bold'; font-weight: normal; text-transform: uppercase;} .title-start-page span{} #blok-reklamowy{padding:0px;margin:10px 0 50px 0; text-align: center;} #blok-reklamowy p{text-align:left; font-family: 'Lato-Reg';font-weight: normal; font-size: 1.2em; margin-bottom: 30px;} #blok-reklamowy .br:nth-of-type(2){margin:0 20px;} #blok-reklamowy .br{ text-align:left; width: 31%; display: inline-block;} #blok-reklamowy .br .brt{ font-family: 'Exo2-Bold'; font-weight: normal; color:#2566d9;text-transform: uppercase; font-size: 1.2em; margin-bottom: 30px;} #blok-reklamowy .br span{ font-family: 'Lato-Reg';font-weight: normal; display: flex;} /* zakładki na stronie głównej */ #startbox-header { margin-bottom: 10px; border-bottom: 3px solid #bbb;height: 38px;} #startbox-header ul { padding: 0; margin: 0; list-style-type: none; } #startbox-header ul li { background: #DCDCDC; float: left; padding: 0; margin: 0 5px 0 0; border:1px solid #bbb; border-bottom: 0; } #startbox-header ul li a { display: block; padding: 0 20px; height: 40px; line-height: 40px; color: #333; text-align: center; text-decoration: none; font-weight: bold; text-transform: uppercase; } #startbox-header ul li:last-child { margin-right: 0; } #startbox-header ul li.active { background:#fff; } #startbox-header ul li.active a { color: #163467; } #startbox-header a.more { display: none; float: right; color: #fff; background-color: #2566d9; padding: 5px; margin-top: 5px; font-size: 12px; } #startbox .sbox1, #startbox .sbox2, #startbox .sbox3 { display: none; } .startbox-headerB { margin-bottom: 10px; } #index-banner { margin-bottom: 10px; position: relative; color: #fff; padding: 0px 0 30px 0;} #index-banner ul{margin:0; padding:0; list-style: none;} #index-banner .bx-pager { position: absolute; bottom: 10px; width: 100%; text-align: center; font-size: 0; } #index-banner .bx-pager-item { display: inline-block; height: 15px; } #index-banner .bx-pager a {color: transparent; text-indent: -9999px; display: inline-block; margin: 0 5px; text-decoration: none; width: 13px; height: 13px; background-color: #B5B5B4; outline: 0; } #index-banner .bx-pager a.active { background-color: #2566d9; } #index-banner a.bx-prev { position: absolute; display: none; z-index: 100; background: #fff url(../img/layout/arrow-controls.png) 0 50% no-repeat; width: 15px; height: 60px; top: 100px; left: 10px; text-indent: -9999px; font-size: 0; outline: 0; } #index-banner a.bx-next { position: absolute; display: none; z-index: 100; background: #fff url(../img/layout/arrow-controls.png) -50px 50% no-repeat; width: 15px; height: 60px; top: 100px; right: 10px; text-indent: -9999px; font-size: 0; outline: 0; } .kontener{ border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; border-top-right-radius: 10px; border-top-left-radius: 10px; padding: 10px 0 0 0; background: url(../img/layout/kontenery-bg.png) 0 0 repeat; border: 1px solid #124A8F; max-width: 1480px; margin: 0 auto;overflow:hidden;} /* slider */ .page-slider { margin-bottom: 20px; } .page-slider .bx-wrapper { position: relative; margin: 0 auto; padding: 0; *zoom: 1; -ms-touch-action: pan-y; touch-action: pan-y; } .page-slider .bx-wrapper img { max-width: 100%; display: block; } .page-slider .bxslider { margin: 0; padding: 0; list-style: none; } .page-slider .bx-viewport { -webkit-transform: translatez(0); } .page-slider .bx-wrapper .bx-prev { left: 15px; background: url(../img/layout/arrow-controls.png) 0 50% no-repeat; } .page-slider .bx-wrapper .bx-next { right: 15px; background: url(../img/layout/arrow-controls.png) -50px 50% no-repeat; } .page-slider .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -13px; outline: 0; width: 15px; height: 26px; text-indent: -9999px; } .page-slider .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* strona listy produktów ------------------------------------------------------------------------------ */ #breadcrumbs { margin: 0 0 20px 20px; color: #000; } #breadcrumbs a { color: #000; } #breadcrumbs > ol { list-style-type: none; margin: 0; padding: 0; } #breadcrumbs > ol > li { margin: 0; display: inline-block; } h1.title, h2.title { line-height: 30px; height: 30px; padding: 0 20px; font-size: 20px; margin: 0 0 10px 0; background: #2566d9; color: #fff; font-family: 'Exo2-Bold'; font-weight: normal; text-transform: uppercase;} /* lista produktów */ .product-list { margin: 0 0 20px 0; } .product-listA .product-list-content { } .product-listB .product-box { border: 1px solid #fff; } .product-list .note { text-align: center; margin: 20px; } .product h4 { margin-bottom: 10px; } .product .desc-short { color: #000;} .product h4 a { color: #000; font-family: 'Lato-Bol'; font-weight: normal; font-size: 1.1em; } .product h5 { margin: 0 0 10px 0; color: #979797; font-family: 'Lato-Reg'; font-weight: normal;} .product .price strong {color:#D71722; font-size: 18px; font-family: 'Exo2-Bold'; font-weight: normal; } .product .price .title { display: inline; color:#000; } .product del { color: #000; font-family: 'Exo2-Bold'; font-weight: normal; } .legzemplarzy { margin-bottom: 5px; } .legzemplarzy strong { display: inline-block; margin: 0 0 0 5px; position: relative; top: 1px; width: 60px; height: 10px;background: url(../img/layout/liczba-egzemplarzy.png) 0 0 no-repeat; } .legzemplarzy .el10 { background-position: 0 -10px; } .legzemplarzy .el30 { background-position: 0 -20px; } .legzemplarzy .el50 { background-position: 0 -30px; } .legzemplarzy .el70 { background-position: 0 -40px; } .legzemplarzy .el100 { background-position: 0 -50px; } .prom-txt { margin-bottom: 5px; } .prom-txt em { font-size: 12px; color: #fff; padding: 4px 10px; font-style: normal; font-weight: bold; background-color: #2566d9; } .delivery { margin-bottom: 5px; color: #000; } .product .compare { padding: 0; margin: 0; list-style-type: none; color: #999; font-size: 12px; } .product .compare li { margin: 0 10px 5px 0; display: inline-block; text-align: right;} .product .kolumna .compare li { margin: 10px 0px 5px 0;} .product .compare li:last-child { margin-right: 0; } .product .add-to-safe { white-space: nowrap; color: #999; display: inline-block; line-height: 15px; background: url(../img/layout/checkbox.png) 0 0 no-repeat; padding: 0 0 0 20px; } .product .remove-safe { white-space: nowrap; color: #D2071D; display: inline-block; line-height: 15px; } .prom-icons { font-size: 0; position: absolute; top: -10px; left: -10px; margin: 0; } .prom-icons em { display: inline-block; width: 35px; height: 35px; margin-right: 5px;} .prom-icons em.new { background:url(../img/layout/new-icon.png) 0 0 no-repeat; } .prom-icons em.bestseller { display: none; background:url(../img/layout/bestseller-icon.png) 0 0 no-repeat; } a.add-to-cart { display: inline-block; min-width: 80px; height: 30px; line-height: 30px; padding: 0 10px 0 50px; background: #FFCD00 url(../img/layout/cart-btn5b.png) no-repeat;-webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; color: #fff; text-align: center; font-weight: bold; text-decoration: none; text-transform: uppercase; } a.add-to-cart:hover{ background-position: 0px -40px;} a.add-to-cart2 { display: inline-block; height: 50px; line-height: 50px; -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; background: #FFCD00 url(../img/layout/cart-btn2b.png) no-repeat; margin: 0 20px 10px 0; padding: 0 25px 0 85px; font-size: 16px; color: #fff; text-align: center; font-weight: bold; text-decoration: none; text-transform: uppercase; } a.add-to-cart2:hover{background-position: 0 -60px} a.ask { display: inline-block; min-width: 80px; height: 30px; line-height: 30px; padding: 0 10px; background-color: #666; color: #fff; text-align: center; font-weight: bold; text-decoration: none; text-transform: uppercase; } a.ask2 { display: inline-block; text-align: center; height: 50px; line-height: 50px; background-color: #666; margin: 0 20px 10px 0; padding: 0 25px; font-size: 16px; color: #fff; font-weight: bold; text-decoration: none; text-transform: uppercase; } .product-list-content { margin-bottom:10px; } #start-page .product-list-content { margin-bottom: 0; width: 100%; } #box-start{ width: 70%; float:left;} #banery-prawa { margin-bottom: 5%; width: 28%; float: right; text-align: center; } #banery-prawa span{margin-bottom:5px;display: inline-block;} #startbox{} .product-list-content .product-box { padding: 20px; } .view-all { text-align: center; display: none; } #promotion-list{clear:both; border-top: 4px solid #bbb; border-bottom: 4px solid #bbb; padding-top: 5%; } #promotion-list header{ margin-bottom: 5%;} #promotion-list h2{ color: #163467; text-align: left; text-transform: uppercase; font-size: 33px; padding: 10px 0 0px 0; margin: 0; background: transparent; font-family: 'Exo2-Bold'; font-weight: normal; height: 40px; line-height: 40px;} #header-search-list { display: none; position: absolute; background-color: #fff; left: 0; width: 420px; z-index: 200; } #search-results { background-color: #fff; -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.3); -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.3); box-shadow: 0 2px 10px rgba(0,0,0,0.3);} #search-results .product-list { margin: 0; } #search-results .product { float: left; width: 400px; padding: 10px; border-bottom: 1px solid #E7E7E7;} #search-results .product-img { float: left; width: 80px; text-align: center; overflow: hidden; } #search-results .product-img a { padding: 0; margin: 0; float: none; } #search-results .description { float: left; width: 200px; padding: 0 0 0 10px; } #search-results .description h4 { font-size: 12px; color: #666; line-height: 1.1em;} #search-results .description a { padding: 0; margin: 0; float: none; color: #8CC63E; } #search-results .price { font-size: 12px; float: right; width: 110px; text-align: right; } #search-results .price strong { font-size: 12px; color: #E50E0F; } #search-results .pages { background-color: #63A8EC; float: left;width: 100%; } #search-results a.prev { float: left; padding: 0; margin: 0px 10px; color: #fff; font-weight: bold; text-decoration: none; line-height: 2em; font-size: 12px;} #search-results a.next { float: right; padding: 0; margin: 0px 10px; color: #fff; font-weight: bold; text-decoration: none; line-height: 2em; font-size: 12px;} #search-results a.prev:hover, #search-results a.next:hover { text-decoration: underline;} #search-results .not-exists { padding: 10px; } .scrollup{ z-index: 500;width:40px;height:40px;opacity:0.7;position:fixed;bottom:35%;right:19px;display:none;text-indent:-9999px;background: url('/img/layout/top.png') no-repeat;} .product-list-default .product { border-bottom: 1px dotted #bbb; padding: 20px; } .product-list-default .product:last-child { border: 0; } .product-list-default .product-box { display: table; width: 100%; padding: 0; } .product-list-default .product-img { display: table-cell; width: 180px; padding-right: 20px; vertical-align: top; text-align: center; } .product-list-default .img-box { position: relative; } .product-list-default .description{ display: table-cell; vertical-align: top; color: #000; } .product-list-default .amount { margin: 0 0 10px 0; } .product-list-default .product .compare { margin-bottom: 10px; } .product-list-default .price {color: #fff; display: table-cell; width: 200px; vertical-align: top; text-align: right;} .product-list-default .price .item { display: block; margin: 0 0 5px 0;} .product-list-default .lista-logo{ text-align: right; margin: 10px 0;} .product-list-default .lista-logo img{max-width:150px; max-height: 30px;} .product-list-default a.add-to-cart, .product-list-default a.ask { margin-top: 5px; } .product-listB .product-list-default .product { margin-bottom: 20px; border: 1px solid #e5e5e5; } .product-listB .product-list-default .product-box { border: 0; } .simple .prom-icons { position: static; top: auto; left: auto; margin-bottom: 5px; } #start-page .product-list-gallery .product{text-align:left;} .product-list-gallery .product { float: left; text-align: center; } .product-list-gallery .product-img { display: block; margin: 0 auto 10px 0; text-align: center; position: relative; } .product-img img{ border-radius: 10px;} .product-list-gallery .desc-short { line-height: 1.3em; max-height: 3.9em; overflow: hidden; margin-bottom: 10px;color:#fff; } .product-list-gallery .price { margin: 0 0 10px 0; } .product-list-gallery .price .item { display: block; margin: 0 0 5px 0; text-align: left;} .product-list-gallery a.add-to-cart, .product-list-gallery a.ask { margin-bottom: 10px; } .product .micon { margin-top:5px; margin-bottom: 5px; font-size: 12px; height:21px; line-height:21px; display:inline-block; background: url(../img/layout/micon.png) 0 50% no-repeat; padding-left: 35px; } .product-list-gallery .product .micon { margin-bottom: 10px; } .product-list-simple .product .micon { margin-top: 0; } .gallery2 .product { width: 50%; } .gallery3 .product { width: 33.33%; } .gallery4 .product { width: 25%; } .product-listB .gallery2 .product { width: 49%; margin-bottom: 20px; } .product-listB .gallery2 .product:nth-child(2n) { float: right; } .product-listB .gallery3 .product {text-align: left; margin: 0 2% 20px 0; width: 32%; background: url(../img/layout/punkt.png) right 0 repeat-y;} .product-listB .gallery3 .product h5{margin:15px 0;} .product-listB .gallery4 .product { margin: 0 2% 20px 0; width: 23.5%;} #start-page .product-listB .gallery2 .product { width: 49%; margin-bottom: 20px;} #banner-user { margin-bottom: 20px; } /* najciekawsze na stronie startowej, promocje na liście produktów */ .promotion-area { position: relative; padding: 20px; border: 0; background: none; } #promotion-wrapper { max-width: 880px; margin:0 auto 20px auto; } #promotion-list header h3 { color: #000; font-size: 21px; margin: 0 0 20px 0; font-family: 'Exo2-Bold'; font-weight: normal; text-transform: uppercase;} #promotion-list .product { border-right: 1px solid #bbb; float: left; text-align: center; } #promotion-list .product h3 { font-size: 1em; margin: 0 0 10px 0; height: 50px;} #promotion-list .product h3 a{ color: #2566d9; font-family: 'Exo2-Bold'; font-weight: normal; text-transform: uppercase; font-size: 15px;} #promotion-list .product .box { padding: 0 20px;text-align: left; } #promotion-list .product .product-img { display: block; text-align: center; margin: 0 0 5px 0; min-height: 140px; } #promotion-list .add-to-cart { margin-top: 10px; } #promotion-list a.bx-prev { position: absolute; background: #8E8E8D url(../img/layout/arrow-controls.png) 10px 50% no-repeat; width: 40px; height: 80px; top: 30%; left: 9px; text-indent: -9999px; font-size: 0; outline: 0; } #promotion-list a.bx-next { position: absolute; background: #8E8E8D url(../img/layout/arrow-controls.png) -38px 50% no-repeat; width: 40px; height: 80px; top: 30%; right: 9px; text-indent: -9999px; font-size: 0; outline: 0; } #promotion-list a.disabled { display: none; } /* filtry produktów */ .filters { clear: both; background: #F8F8F8; margin-bottom: 20px; padding: 20px; border: 1px solid #bbb; } .filters header h3 { font-size: 16px; margin: 0 0 20px 0; } .filters ul { margin: 0; list-style-type: none; float: left; width: 100%; } .filters li { padding: 0 3% 0 0; margin: 0 0 10px 0; width: 30.3%; float: left; } .filters li.wradio { padding: 0; width: 100%; } .filters li.wradio span { margin-right: 5px; } .filters label { margin-right: 5px; } .filters select { width: 100%; } .filters .bottom { clear: both; } .filters .btn { margin-right: 20px; background: url(../img/layout/button2.png) 0 0 no-repeat; min-width: 130px; } .filters .btn:hover{background: url(../img/layout/button3.png) 0 0 no-repeat; transform: scale(0.8,0.8); -webkit-transform: scale(0.8,0.8); -moz-transform: scale(0.8,0.8); transition-timing-function: linear; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; transition-duration: 350ms; -webkit-transition-duration: 350ms; -moz-transition-duration: 350ms;} .filters .more { display: inline-block; margin: 0; } /* stronicowanie na liście produktów */ .list-nav { clear: both; margin-bottom: 10px; } .list-nav ul.pages { float: left; margin: 0; } .list-nav ul.pages li { color: #000; display: inline; margin: 0 5px 0 0; } .list-nav ul.pages li a { text-decoration: none; color: #000; } .list-nav ul.pages li a:hover { text-decoration: underline; } .list-nav ul.pages li a.aktywna { padding: 2px 5px; color: #e38521; text-decoration: underline; } .list-nav ul.pages a.prev { } .list-nav ul.pages a.next { } .nav-top ul.pages { margin: 4px 0; color: #000; } /* sortowanie na liście aukcji */ .sort { float: right; color: #000; } .sortB { clear: both; margin: 0 0 20px 0; list-style-type: none; float: right; } .sortB li { display: inline; } .sortB a { float: left; margin-left: 10px; } .sortB a.sort-up, .sortB a.sort-down { margin-left: 5px; width: 20px; height: 20px; overflow: hidden; text-indent: -9999px; font-size: 0; background-color: #F5F5F5; background-position: 50% 50%; background-repeat: no-repeat; } .sortB a.sort-up { background-image: url(../img/layout/arrow3.png); } .sortB a.sort-down { background-image: url(../img/layout/arrow3b.png); } /* przełącznik widoku na liście produktów */ .list-nav ul.view { float: right; margin: 0; list-style-type: none; } .list-nav ul.view li { color: #000; float: left; margin: 1px 0 1px 5px; } .list-nav ul.view li span { line-height: 20px; } .list-nav ul.view li a { -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; display: block; width: 20px; height: 20px; text-indent: -9999px; font-size: 0; background-repeat: no-repeat;} .list-nav ul.view li.widok-galeria a { background-image: url(../img/layout/widok-galeria-icon.png); } .list-nav ul.view li.widok-prosty a { background-image: url(../img/layout/widok-prosty-icon.png); } .list-nav ul.view li.widok-pelny a { background-image: url(../img/layout/widok-pelny-icon.png); } .list-nav ul.view li a:hover { background-position: 0px -20px; } .list-nav ul.view li a.active { background-position: 0px -40px; } /* liczba produktów na stronie */ ul.number-products { float: right; padding: 0; margin: 0 0 0 15px; list-style-type: none; color: #000; } ul.number-products li { display: inline; margin: 0 0 0 5px; } ul.number-products li a{color: #000;} ul.number-products a.active { padding: 2px 5px; color: #e38521; text-decoration: underline; } /* porównanie przycisk */ #compare-btn { clear: both; float: left; height: 22px; line-height: 22px; padding: 0 10px; background-color: #fff; color: #000; font-weight: bold; text-decoration: none; } #compare-btn:hover{color: #D71722; } /* dodatkowe linki na stronie kategorii */ .additional { background: #fff; margin-bottom: 10px; border: 1px solid #E5E5E5; padding: 10px 20px; } .additional:last-child { margin-bottom: 20px; } .additional ul { list-style-type: none; margin: 0; } .additional li { display: inline; margin-right: 10px; } .additional li:first-child { font-weight: bold; } /* strona produktu ------------------------------------------------------------------------------ */ /* zdjęcie i galeria produktu */ .product-left { float: left; width: 46.9083156%; margin-bottom: 30px; } .product-left .product-img { margin-bottom: 20px; padding: 10px; position: relative; text-align: center; border: 1px solid #bbb; margin-right: 10px; } .product-left ul.gallery { margin: 0 0px; text-align: center; list-style-type: none; } .product-left ul.gallery li { display: inline-block; } .product-left ul.gallery li a { display: inline-block; border: 1px solid #bbb; padding: 10px; } .product-left .prom-icons { top: 10px; left: 10px; } #gallery-box { padding: 0 11px; } #gallery-box .bx-controls { padding-top: 5px; } #gallery-box .bx-controls a.bx-prev { float: left; margin-left: 10px; color: #000; text-decoration: none; outline: 0; } #gallery-box .bx-controls a.bx-next { float: right; margin-right: 10px; color: #000; text-decoration: none; outline: 0;} #gallery-box .bx-controls a.disabled { display: none; } /* dane produktu */ .product-right { float: right; width: 53.0916844%; margin-bottom: 30px; } .product-right .product-right-box { padding: 20px; color: #000; border-left: 1px solid #bbb; border-bottom: 1px solid #bbb; border-top: 1px solid #bbb;} #product-container h1 { font-size: 25px; margin: 0 0 10px 0; color: #000; font-weight: bold; } #product-container h2 { font-weight: bold; font-size: 16px; padding: 0; margin: 0 0 20px 0; } #product-container .producer-logo { float: right; margin-bottom: 20px; border: 1px solid #E5E5E5; background-color: #fff; padding: 10px; } #product-container .producer-logo img { display: block; max-width: 100px; max-height: 50px; } #product-container .producer a { font-weight: bold; color: #D2071D; } #product-container .ititle { display: inline-block; min-width: 125px;} .shopping-box { float: right; } .shopping-box input[type='text'] { width: 40px; } #fparametry .pilosc { float: left; line-height: 50px; margin: 0 20px 0 0; } /* boks z ceną */ .price-box { clear: both; background-color: #F8F8F8; padding: 20px; margin: 0 20px 20px 20px; color: #000; border: 1px solid #bbb; } .price-box .price { margin-bottom: 10px; line-height: 50px; margin-top: -4px; } .price-box .price strong { font-size: 45px; color: #D71722; } .price-box .price del { font-size: 16px; } .price-box .installment-info { margin-bottom: 10px; } .price-box .installment-info strong { color: #F86300; font-size: 16px;} .price-box ul { margin: 0 0 10px 0; list-style-type: none; } .price-box-cont { float: left; } a.add-to-cart2 { float: left;} a.add-to-safe2 { text-decoration: none; width: 50px; height: 50px; font-size: 0; text-indent: -9999px; float: left; background: url(../img/layout/safe-icon2.png) 50% 50% no-repeat; } #product-desc-short { clear: both; margin: 0 20px 20px 20px; color: #000; } #fparametry p { margin: 0 0 10px 0; } #fparametry p:last-child { margin: 0; } #fparametry select { min-width: 100px; max-width: 100%; } .product-set a { color: #D2071D; } .availability { margin: 0 0 10px 0; list-style-type: none; } .product-items { margin: 0 0 20px 0; clear: both; } .product-items p.title { margin-right: 15px; font-weight: bold; float: left; } .product-items ul { margin: 0; float: left; } .product-items ul li { list-style-type: none; } .atrybut-desc-icon { cursor: pointer; } #product-container .atrybut-desc { display: none; } .product-shapes { border-bottom: 1px solid rgba(0,0,0,0.1); margin-bottom: 10px; } .product-shapes ul { margin: 0; list-style-type: none; } .product-shapes li { float: left; width: 25%; margin-bottom: 10px; text-align: center; } .product-shapes span { display: block; } .product-shapes-size { border-bottom: 1px solid rgba(0,0,0,0.1); margin-bottom: 10px; } .productShapeParams li { margin-bottom: 10px; } .productShapeParams .titleParams { display: inline-block; min-width: 120px; } .productShapeParams em { color: #666; font-size: 12px; display: inline-block; } .productShapeParams .rangeParams em {display: block; } .attributes-radio ul li { float: left; margin: 0 10px 10px 0; text-align: center;} .attributes-radio span { display: block; } .attributes-radio > div { margin-bottom: 0.5em; } .pselect { margin-bottom: 10px; } .pselect-title { display: block; margin-bottom: 5px; } .pg-atrybuty .pselect { float: left; width: 48.78934625%; margin-right: 2.4213075%; } .pg-atrybuty .pselect:nth-child(2n) { margin-right: 0; } .pg-atrybuty .pselect:nth-child(2n+1) { clear: both; } .pg-atrybuty .pselect select { width: 100%; } .atrybut-desc-icon { cursor: pointer; } #product-container .atrybut-desc { display: none; } /* zakładki na karcie produktu */ .product-tabs {color: #000; clear: both; margin: 0 20px 20px 20px; } ul.tabs { margin: 0 0 20px 0; list-style-type: none; padding: 5px; border: 1px solid #bbb; } ul.tabs li { margin: 0; float: left; position: relative; top: 1px; width: 25%; } ul.tabs a { display: block; background-color: #DCDCDC; padding: 0 20px; margin: 5px; outline: 0; text-decoration: none; height: 40px; line-height: 40px; overflow: hidden; color: #000;} ul.tabs .active a { background: #F8F8F8; color: #000;} ul.tabs .hl a { color: #D2071D; } .tab-content { display: none; clear: both; overflow: hidden; } .tab-header { margin: 0 0 10px 0; } .tab-content a{color:#000;} /* opis produktu */ .desc-text { margin-bottom: 20px; } .desc-table { margin: 0 0 20px 0; } .desc-table .category { clear: both; width: 98%; padding: 5px 0 5px 2%; font-weight: bold; background-color: #EBEBEB; } .desc-table ul { margin: 0; float: left; width: 100%; border-bottom: 1px solid #E5E5E5; } .desc-table ul li { list-style-type: none; float: left; } .desc-table ul .attribute { width: 40%; padding: 5px 2%; text-align: left; } .desc-table ul .attribute-value { width: 40%; padding: 5px 2%; text-align: left; } .desc-table ul .attribute-icon { width: 7%; padding: 5px 2%; text-align: left; } .desc-table ul .attribute-icon img { float: left; } /* zestaw */ .tab-set .set-item { border-bottom: 1px solid #E5E5E5; margin: 0 0 20px 0; } .tab-set h4 { font-size: 16px; margin-bottom: 10px; } .tab-set h4 a { color: #D2071D; } .tab-set .items { float: left; width: 80%; } .tab-set .item { float: left; width: 25%; margin: 0 0 10px 0; background: url(../img/layout/plus-item.png) right 20px no-repeat;} .tab-set .item:last-child { background: url(../img/layout/sum-item.png) right 20px no-repeat;} .tab-set h5 { font-size: 1em; font-weight: normal; margin: 0 10px 5px 0; color: #999; } .tab-set .item-img { text-align: center; margin: 0 10px 10px 0; height: 60px; } .tab-set .price { float: right; text-align: right; margin: 0 0 20px 0; width: 20%; } .tab-set .price span { display: block; margin: 0 0 10px 0; } .tab-set .price strong { font-size: 16px; color: #D2071D; } .tab-set .price del { display: block; font-weight: bold; } /* formularze karty produktu */ .form-product ul { margin: 0; list-style-type: none;} .form-product ul li { clear: both; margin-bottom: 10px; } .form-product label { float: left; display: block; width: 200px; } .form-product input[type='text'], .form-product textarea { width: 100%; max-width: 350px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* IE 8+ */ } .form-product .btn, .form-product .copy { margin-left: 200px; } .form-product .g-recaptcha { margin-left: 200px; margin-bottom: 10px; } /* opinie o produkcie */ .reviews { clear: both; } .reviews .average { margin: 0 0 10px 0; } #review-list { margin: 0; list-style-type: none; } #review-list li { margin: 0 0 10px 0; float: left; width: 100%; } #review-list .rate { float: left; width: 20%; } #review-list .rate span { margin-right: 5px; } #review-list .rate-value { display: inline-block; width: 75px; height: 14px; background: url(../img/layout/stars.png) 0 0 no-repeat; } #review-list .rate4 { background-position: 0px -20px; } #review-list .rate3 { background-position: 0px -40px; } #review-list .rate2 { background-position: 0px -60px; } #review-list .rate1 { background-position: 0px -80px; } #review-list .review { float: right; width: 80%; } #review-list em { margin-left: 5px; color: #999; } #your-review { clear: both; padding: 10px 0 0 0; margin: 10px 0 0 0; border-top: 1px solid #e5e5e5; } #your-review p.title { font-weight: bold; margin: 0 0 5px 0; padding: 0; } #your-review .item1 { float: left; width: 45%; } #your-review .item1 ul { margin: 0; list-style-type: none; } #your-review .item1 ul li { padding: 0; margin: 0; } #your-review .item1 input { margin: 0 5px 0 0; } #your-review .item1 label { cursor: pointer; } #your-review .item1 label span { margin: 0 0 0 5px; font-size: 12px; } #your-review .item1 label img { position: relative; top: 2px; } #your-review .item2 { float: right; width: 55%; } #your-review .item2 .btn { margin-left: 0; } /* linki dodatkowe */ #buttons-bottom { margin: 0 0 20px 0; list-style-type: none; } #buttons-bottom li { display: inline-block; margin: 0 20px 10px 0;} #buttons-bottom li a { padding: 0 0 0 50px; color: #999; text-decoration: none; white-space: nowrap; height: 40px; line-height: 40px; display: inline-block; font-size: 12px; } #buttons-bottom li a.compare { background: url(../img/layout/compare-icon.png) 0 50% no-repeat; } #buttons-bottom li a.printb { background: url(../img/layout/print-icon2.png) 0 50% no-repeat; } #buttons-bottom li a.error { background: url(../img/layout/error-icon.png) 0 50% no-repeat; } /* strona aukcji ------------------------------------------------------------------------------ */ /* lista aukcji */ .auction-list-content { margin-bottom:10px; border: 1px solid #e5e5e5; background-color: #fff; } .auction-list .product { border-bottom: 1px solid #E5E5E5; padding: 20px; } .auction-list .product:last-child { border: 0; } .auction-list .highlight { background-color: #FFFFD4; } .auction-list .product-box { display: table; width: 100%; } .auction-list .product-img { display: table-cell; width: 80px; padding-right: 20px; vertical-align: top; text-align: center; } .auction-list .description { display: table-cell; vertical-align: top; } .auction-list .description span { color: #999; } .auction-list .price { display: table-cell; width: 200px; vertical-align: top; text-align: right; } .auction-list .price span { display: block; margin: 0 0 5px 0;} .auction-info { margin: 10px 20px; color: #999; font-size: 12px; } .auction-list .note { text-align: center; margin: 20px; } /* karta aukcji */ .auction-left { float: left; width: 46.9083156%; margin-bottom: 20px; } .auction-left .product-img { margin-bottom: 20px; padding: 20px; position: relative; text-align: center; } .auction-right { float: right; width: 53.0916844%; margin-bottom: 20px; background-color: #F5F5F5; } .auction-right .auction-right-box { padding: 20px; } #auction-container h1 { font-size: 30px; margin: 0 0 10px 0; color: #D2071D; font-weight: normal; } #auction-container .observed { text-align: right; } .auction-price-box { clear: both; background-color: #EAE8E9; padding: 20px; margin: 0 -20px; } .auction-price-box .price { margin-bottom: 10px; } .auction-price-box .price strong { font-size: 24px; } .auction-content { clear: both; margin: 0 20px 20px 20px; } .auction-header { margin: 0 0 10px 0; } .auction-history { clear: both; margin: 0 20px 20px 20px; } .auction-history ul { margin: 0; list-style-type: none; } .auction-history ul li { border-bottom: 1px solid #E5E5E5; padding-bottom: 10px; margin-bottom: 10px; } .auction-history ul p { margin: 0; } .auction-history span { display: inline-block; min-width: 100px; color: #999; } /* porównanie produktów ------------------------------------------------------------------------------ */ #product-comparison .product { float: left; text-align: center; width: 25%; } #product-comparison .product-box { padding: 20px; } .product-comparison-content { margin-bottom: 20px; } #product-comparison .remove { margin: 0 0 10px 0; } #product-comparison .remove a { color: #D2071D; } #product-comparison .product-img { display: block; margin: 0 auto 10px 0; text-align: center; } #product-comparison .price { margin: 0 0 10px 0; } #product-comparison .price .item { display: block; margin: 0 0 5px 0;} #product-comparison .note { text-align: center; margin: 20px 20px 0 20px; } #comparison-table-box { overflow: auto; margin-bottom: 20px; } .comparison-table { border-collapse: collapse; border: 1px solid #e5e5e5; width: 100%; } .comparison-table td, .comparison-table th { border: 1px solid #e5e5e5; padding: 5px 10px; } .comparison-table th { text-align: left; background-color: #eee; } .comparison-header { margin-bottom: 10px; } /* koszyk ------------------------------------------------------------ */ #cart-empty h4 { margin-bottom: 10px; color: #D2071D; } #cart-steps { background-color: #F5F5F5; padding: 20px; } #cart-steps .box { margin-bottom: 20px; color: #999; } #cart-steps .box:last-child { margin-bottom: 0; } #cart-steps .active { color: #333; } #cart-steps .box h5 { font-size: 16px; margin: 0 0 5px 0;} #cart-steps .box h5 span { font-weight: normal; } #cart-steps .box p { margin: 0; } .container-cart { padding: 20px; } .container-cart .cart-box { margin-bottom: 20px; } .container-cart .box-grey { background-color: #F8F8F8; } .container-cart h4.block-title { margin-bottom: 10px; font-size: 16px; color: #D2071D; } .container-cart h5 { margin: 0 0 10px 0; font-size: 14px; } .container-cart .more { color: #D2071D; } .container-cart .cont { padding: 20px; } .container-cart textarea { width: 100%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* IE 8+ */ } .cart-list { list-style-type: none; margin: 0; float: left; width: 100%; border-bottom: 1px solid #e5e5e5; } .cart-list li { float: left; margin: 0; padding: 10px 0; } .cart-list-header { background: #F5F5F5; border: 0; font-weight: bold;} .cart-list-header span { margin-left: 20px;} .cart-list .cart-product { width: 35%; } .cart-list .cart-product .product { font-weight: bold; } .cart-list .cart-product .product span { font-weight: normal; } .cart-list .cart-product .product-img { float: left; margin-right: 10px; width: 80px; text-align: center; } .cart-list .cart-product p { margin: 0; } .cart-list .cart-cena { width: 15%; text-align: right; } .cart-list .cart-ilosc { width: 21%; padding-left: 4%; } .cart-list .cart-ilosc input[type='text'] { width: 30px; text-align: center; } .cart-list .cart-ilosc .btn-small { margin-left: 5px; } .cart-list .cart-wartosc { width: 15%; text-align: right; } .cart-list .cart-usun { width: 10%; float: right; text-align: right; } .cart-list .cart-usun a { color: #D2071D; } .cart-list .name { display: none; color: #999; } .cart-list .more { margin-left: 5px; } .cart-suma { clear: both; margin:0; list-style-type: none; text-align: right; color: #D2071D; } .cart-suma li { display: inline-block; padding: 10px 0; } .cart-suma .remove { float: left; } .cart-suma .title { margin-right: 10px; font-weight: bold; } .cart-suma .wartosc { margin-right: 10%; font-weight: bold; white-space: nowrap; } #discount-code input[type='text'] { max-width: 160px; margin: 0 5px 5px 0; } #discount-code p { margin: 0; } #freeDelivery { padding-left: 30px; background: url(../img/layout/info-icon.png) 0 50% no-repeat; } #freeDelivery p { margin: 0; } #freeDelivery #freeDeliveryAmount, #freeDelivery #freeDeliveryValue { font-weight: bold; } .container-cart .gift { float: left; width: 49%; padding: 10px 0; margin: 0 1% 0 0; border-bottom: 1px solid #e5e5e5; } .container-cart .gift:nth-child(even) { clear: both; } .container-cart .gift:nth-child(odd) { margin: 0 0 0 1%; } .container-cart .gift-select { float: left; width: 10%; text-align: center; } .container-cart .gift-img { float: left; min-height: 60px; width: 25%; } .container-cart .gift-parameter { float: left; width: 40%; } .container-cart .gift-parameter p { line-height: 1.2em; padding: 0; margin: 0; } .container-cart .gift-price { float: right; width: 20%; text-align: right; } .container-cart .disabled { color: #B3B3B3; } .select2 { background-image: url(../img/layout/select2-bg.png); background-repeat: repeat-y; background-position: 50% 0 ; } .select2 .side { float: left; width: 50%; } .fmethods { margin: 0; list-style-type: none; } .fmethods li { margin: 0 0 5px 0; line-height: 1.2em; } .fmethods li input[type='radio'] { margin-right: 5px; } .fmethods li label { margin-right: 5px; } .fmethods p { margin-top: 0.5em; } img.help { position: relative; top: 2px; cursor: help; z-index: 1;} .call { display: inline; position: relative; z-index: 2;} .call p.desc { display: none; position: absolute; left: 5px; top: 12px; padding: 5px 10px; background-color: #fff; width: 200px; border: 1px solid #3A4147; } .payment-options { margin-top: 10px; } .payment-option { float: left; margin: 0 5px 10px 5px; width: 70px; } .payment-option-name { width: 100px; float: none; display: none; } .payment-option-checked { display: inline-block; } .payment-option label { cursor: pointer; display: block; background-color:#fff; margin: 0 !important; padding: 4px; border: 1px solid #E5E5E5; } .payment-option-img { display:block; text-align:center; margin: 0 auto; width: 60px; height: 60px; } .payment-option-img img { display: block; margin: 0 auto; max-height: 100%; } .payment-option input[type="radio"] { margin: 0; display: none; } .payment-option input[type="radio"]:checked + label { border-color: #F85422; -moz-box-shadow: 0 0 5px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2); box-shadow: 0 0 5px rgba(0,0,0,0.2); } .payment-option .payment-option-name { display: block; width:100%; font-size: 10px; line-height: 1.2em; height: 2.5em; overflow: hidden; } .payment-options .btn-all { font-size:12px; font-weight: normal; } #payu-box .cont { padding: 10px; border: 1px solid #068AE1; background: #fff; } #payu-box a { float: right; margin-left: 10px; } #payu-box #payu_info { margin: 5px 0 0 0; color: #999; } #total-order { float: right; } #total-order ul { margin: 0; list-style-type: none; } #total-order li { margin: 0; text-align: right; } #total-order li.last { font-weight: bold; } #total-order li span { display: inline-block; width: 150px; } #total-order li em { font-style: normal; font-weight: bold; } #total-order li.last { color: #D2071D; } #to-cart { list-style-type: none; margin: 0; } #to-cart li { float: left; } #to-cart li.item2 { float: right; text-align: right; } #cart-options { margin: 0; border-top: 1px solid #e5e5e5; padding: 10px 0 0 0; list-style-type: none; } #cart-options li { margin: 0 20px 10px 0; padding: 0; display: inline-block; } #cart-options select { width: 150px; margin-right: 5px; margin-bottom: 10px; } #cart-options input[type='text'] { width: 140px; margin-right: 5px; } #step2 .ctab2 { display: none;} .cart-tabs { margin: 0 0 20px 0; list-style-type: none; border-bottom: 1px solid #e5e5e5; } .cart-tabs li { float: left; position: relative; top: 1px; } .cart-tabs a { display: block; background: #EBEBEB; border: 1px solid #e5e5e5; padding: 0 20px; margin-right: 10px; outline: 0; font-weight: bold; text-decoration: none; height: 38px; line-height: 38px; overflow: hidden; } .cart-tabs .active a { background-color: #fff; border-bottom-color: #fff; } .ctab-content .tab2 { display: none; } .container-cart p.error { display: none; } .container-cart p.preq { clear: both; } .container-cart #invoiceForm { display: none; } .cart-data { margin: 0; list-style-type: none; } .cart-data li { margin: 0 0 10px 0; clear: both; } .cart-data label.text { display: inline-block; width: 50%; } .cart-data li input[type='text'], .cart-data li input[type='password'] { width: 50%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* IE 8+ */ } .cart-data-s { max-width: 50%; } .cart-data-s .btn-large { margin-left: 50%; } #step3 .cart-data li, #step4 .cart-data li { margin-bottom: 0; } #ankieta { margin: 0; list-style-type: none; } #ankieta li { float: left; width: 33.33%; margin-bottom: 5px; } #ankieta li:last-child { width: 100%; } #ankieta li input[type='text'] { margin-left: 10px; } #confirm-order { list-style-type: none; margin: 0 0 20px 0;} #confirm-order span { display: inline-block; min-width: 200px; } .box-paczkomaty { border: 1px solid #D2071D; padding: 20px; } .box-paczkomaty p:last-child { margin: 0; } .box-payment { border: 1px solid #D2071D; text-align: center; margin: 0 0 20px 0; padding: 20px; } .box-payment p { margin: 0 0 20px 0; } .cart-info { color: #D2071D; border: 1px solid #D2071D; background-color: #FFFCE7; padding: 20px; margin-bottom: 20px; } .ceneo-box { padding: 20px 20px 20px 160px; background: #F8F8F8 url(../img/layout/zaufane-opinie.png) 20px 50% no-repeat;} .szybki-kontakt{} .szybki-kontakt img{ margin-bottom: 15px;} .szybki-kontakt span{background:url(../img/layout/img-tel.png) 0 50% no-repeat;padding: 2px 0px 2px 32px; display: block; margin-bottom: 10px;} .szybki-kontakt a{background:url(../img/layout/img-mail.png) 0 50% no-repeat;padding: 2px 0px 2px 32px; display: block;} /* popup do koszyka ------------------------------------------------------------------------------ */ #windowcart {display: none; } #windowcart-head { font-weight: bold; font-size: 16px; margin-bottom: 20px; } a.windowcart-close { margin-right: 20px; } a.windowcart-go { margin-left: 20px; } /* wyszukiwanie zaawansowane ------------------------------------------------------------------------------ */ #search-adv header { padding: 20px; color: #fff; background: #4797e9; margin-bottom: 20px; } #search-adv h4 { display: inline; font-size: 16px; margin-right: 20px; font-family: 'Exo2-Bold'; font-weight: normal; text-transform: uppercase; } #search-adv header input[type='text'] { margin-right: 10px; } #search-adv header p { margin-bottom: 0; margin-top: 10px; } #search-adv .cont { padding: 20px; } #search-adv .title { font-weight: bold; margin: 0 0 10px 0; } #search-adv ul { margin: 0 0 20px 0; list-style-type: none; } #search-adv ul li { float: left; width: 33.33%; margin: 0 0 5px 0; padding-bottom: 5px; border-bottom: 1px solid #E5E5E5; } #search-adv .cont input[type='text'] { width: 80px; } /* wyszukiwanie nie znalezione ------------------------------------------------------------------------------ */ #not-found { text-align: center; } #not-found .message { margin: 40px 0; font-weight: bold; } #not-found .title { margin-right: 10px; } #not-found p { margin-bottom: 20px; } /* logowanie ------------------------------------------------------------------------------ */ #login-box p { margin: 0 0 20px 0; } #login-box ul { margin: 0 0 10px 0; list-style-type: none;} #login-box li { margin: 0 0 10px 0; clear: both; } #login-box label { display: inline-block; width: 40%; max-width: 150px; } #login-box input[type='text'], #login-box input[type='password'] { width: 60%; max-width: 350px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* IE 8+ */ } #login-box .btn { margin-bottom: 20px; } #login-box .more { color: #D2071D; } #pass-form input[type='text'] { margin: 0 10px 10px 0; } .error-box { text-align: center; font-weight: bold; padding: 30px 20px; border-bottom: 1px solid #E5E5E5; } /* rejestracja ------------------------------------------------------------------------------ */ #register-info h4 { font-size: 16px; margin-bottom: 20px; } #register-info ul { margin: 0 0 20px 1em; } .register-data { margin: 0 0 20px 0; list-style-type: none; } .register-data li { margin: 0 0 10px 0; clear: both; } .register-data label { display: inline-block; width: 50%; max-width: 200px; } .register-data li input[type='text'], .register-data li input[type='password'], .register-data li input[type='email'] { width: 50%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* IE 8+ */ } #regulations { margin: 0 0 20px 0; list-style-type: none; } #regulations li { margin: 0 0 10px 0; clear: both; } #customer-data h4 { margin-bottom: 10px; } #customer-data fieldset { border: 0; padding: 0; margin: 0; } #customer-data legend { display: none; } /* strony CMS ------------------------------------------------------------------------------ */ /* +18 ------------------------------------------------------------------------------ */ #adult { text-align: center; } #adult h4 { margin: 20px 0; color: #D2071D; } #adult .btn { margin: 0 10px; } /* schowek ------------------------------------------------------------------------------ */ #safe-empty h4 { margin-bottom: 10px; color: #D2071D; } /* Aktualności, Blog ------------------------------------------------------------------------------ */ #blog-search { margin-bottom: 20px; } #blog-search form { padding-right: 45px; position: relative;} #blog-search input[type='search'] { width: 100%; height: 40px; padding: 0 5px; -webkit-appearance: none; } #blog-search .btn-search { width: 45px; height: 40px; border: 0; cursor: pointer; position: absolute; right: 0; top: 0; font-weight: bold; } #articles-menu { background-color: #f5f5f5; } #articles-menu .box-left-header { background-image: url(../img/layout/menu-icon.png); background-color: #d2071d; color: #fff; } #articles-menu ul { margin: 0; list-style-type: none; } #articles-menu li { margin: 0; padding: 6px 15px; border-bottom: 1px dotted #ccc; } #articles-menu .categories .active { font-weight: bold; } .articles .linked { border-bottom: 1px solid #E5E5E5; margin-bottom: 20px; padding-bottom: 20px; } .articles-item:last-child .linked { border-bottom: 0; margin-bottom: 0; padding-bottom: 0;} .articles .linked p { margin: 0; font-size: 12px; } .articles .linked span { color: #999; } .articles-item { margin-bottom: 20px; } .articles-item .date, #article .date { margin: 0 0 5px 0; color: #999; text-align: right; } .articles-item h3.title { font-size: 16px; margin: 0 0 10px 0; } .articles-item h3.title a { color: #D2071D; } .articles-item .more { margin-bottom: 20px; } .articles-item .more a { color: #D2071D; } #article h4.title { margin-bottom: 10px; } #article .article-content { border-bottom: 1px solid #E5E5E5; margin-bottom: 20px; padding-bottom: 20px; } #comment-list { margin-bottom: 20px; border-bottom: 1px solid #E5E5E5; } #comment-list .comment { margin-bottom: 20px; } #comment-list .user { margin-bottom: 5px;} #comment-list .user strong { margin-right: 5px;} #comment-list .user em { font-size: 12px; color: #999; font-style: normal; } #comment-list .reply { padding-left: 20px; margin-left: 20px; border-left: 1px solid #E5E5E5; } #comment-list .reply-btn { color: #D2071D; font-size: 12px; } #article-products { margin-bottom: 20px; } #article-products .product { float: left; width: 49%; padding: 10px 0; margin: 0 1% 0 0; border-bottom: 1px solid #e5e5e5; } #article-products .product:nth-child(2n) { margin: 0 0 0 1%; } #article-products .product:nth-child(2n+1) { clear: both; } #article-products .product-box { display: table; width: 100%; } #article-products .product-img { display: table-cell; width: 80px; padding-right: 20px; text-align: center; } #article-products .description { display: table-cell; vertical-align: top; } #article-products .description p { margin-bottom: 0; } #start-articles { margin-bottom: 20px; } #start-articles .cont { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; } #start-articles .article-item { border-right: 1px solid #F0F2F5; border-bottom: 1px solid #D1D5D7; width: calc(33.333333333% - 34.333333333px); padding-right: 20px; padding-bottom: 20px; margin-right: 20px; margin-bottom: 20px; } #start-articles .article-item:nth-child(3n) { margin-right: 0; } #start-articles .items { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-flex-direction: column; flex-direction: column; height: 100%; } #start-articles .items .item1 { -webkit-flex: 1 1; flex: 1 1;} #start-articles .date { margin:0; color: #838D94; text-align: right; font-size: 12px;} #start-articles h4 { margin-bottom: 10px; } #start-articles .more a { color: #F85422; } #start-articles .article-img { margin-bottom: 20px; } #start-articles .article-img img { display: block; margin: 0 auto; } /* Lista kategorii ------------------------------------------------------------------------------ */ #categories-list h4 { text-transform: uppercase; margin-bottom: 5px; } #categories-list h4 a { color: #D2071D; } #categories-list ul { margin: 0 0 20px 0; list-style-type: none; } #categories-list ul li { display: inline-block; min-width: 16%; margin-right: 3%; } /* Lista producentów ------------------------------------------------------------------------------ */ #producer-list h4 { text-transform: uppercase; margin-bottom: 10px; } #producer-list h4 a { color: #D2071D; } #producer-list ul { margin: 0 0 20px 0; list-style-type: none; border-bottom: 1px solid #e5e5e5; } #producer-list ul:last-child { border: 0; margin: 0; } #producer-list ul li { display: inline-block; min-width: 21%; margin-right: 3%; margin-bottom: 10px; } #producer-list .producer-logo { display: block; text-align: center; } #producer-list .producer-logo img { max-width: 100px; max-height: 50px;} /* mapa kategorii ------------------------------------------------------------------------------ */ #category-map {text-align:center;} #category-map .category { margin: 5px; width: 21.7%; padding: 5px; border: 1px solid #bbb; text-align: center; display: inline-block; } #category-map .category:last-child { margin-bottom: 0; } #category-map h3 { text-transform: uppercase; margin: 0 10px 10px 0; font-size: 1em; } #category-map h3 a { color: #000; height: 36px; overflow: hidden; display: block; } #category-map .category-img {/* margin: 0 10px 10px 0;*/ } #category-map .category-img a img{/*height: 100px;*/} #category-map .subcategory-cont { margin-right: 10px; } /* historia zamówień ------------------------------------------------------------------------------ */ #order-history ul { float: left; width: 100%; margin: 0 0 20px 0; list-style-type: none; border-bottom: 1px solid #E5E5E5; } #order-history li { float: left; width: 30.33%; margin: 0 3% 10px 0; } #order-history .item1 b { margin-right: 10px; } #order-history span { color: #999; } #order-history a.more { color: #D2071D; } #order-history p { margin: 0; } #order-info .title { font-weight: bold; margin: 0 0 10px 0; } #order-list-header { clear: both; float: left; width: 100%; background-color: #F5F5F5; margin: 0; list-style-type: none; } #order-list-header li { float: left; padding: 10px 0; margin: 0; font-weight: bold; } #order-list-header .name { width: 45%; } #order-list-header .price { width: 20%; text-align: center;} #order-list-header .number { width: 15%; text-align: center; } #order-list-header .value { float: right; width: 20%; text-align: right; } #order-list-header span { margin: 0 20px; } #order-products .item { float: left; width: 100%; padding: 10px 0; border-bottom: 1px solid #e5e5e5; } #order-products .product-img { float: left; width: 15%; text-align: center; overflow: hidden; } #order-products .description { float: left; width: 30%; } #order-products .price { float: left; width: 20%; text-align: center; } #order-products .number { float: left; width: 15%; text-align: center; } #order-products .value { float: right; width: 20%; text-align: right; } #order-products span.name { color: #999; display: none; } #order-info .sum { clear: both; text-align: right; } .download-files { margin: 0 0 40px 0; list-style-type: none; } .download-files li { margin: 0 0 5px 0; padding: 0 0 0 20px; background: url(../img/layout/load-icon.png) 0 5px no-repeat; } .download-files li .name { margin-right: 20px; } #order-item-info { margin: 0; list-style-type: none; } #order-item-info li { float: left; width: 100%; margin: 0 0 10px 0; padding-bottom: 10px; border-bottom: 1px solid #E5E5E5; } #order-item-info li:last-child { border: 0; } #order-item-info li.first { color: #999; } #order-item-info .item1 { width: 30%; float: left; } #order-item-info .item2 { width: 65%; float: right; } /* program partnerski ------------------------------------------------------------------------------ */ #pp h4 { margin-bottom: 20px; } #pp textarea { width: 100%; max-width: 600px; margin: 0 0 40px 0; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* IE 8+ */ } #pp ul { margin: 0; list-style-type: none; } #pp .pp-link { margin: 0 0 20px 0; list-style-type: none; border-bottom: 1px solid #e5e5e5;} #pp .pp-link li { margin: 10px 0 0 0; float: left; position: relative; top: 1px; } #pp .pp-link li a { display: block; background: #eae8e9; border: 1px solid #e5e5e5; padding: 0 20px; margin-right: 10px; outline: 0; text-decoration: none; height: 38px; line-height: 38px; overflow: hidden; } #pp .pp-link li.active a { background-color: #fff; border-bottom-color: #fff; } #pp .pp-lista1 li { margin: 0; padding: 5px 0; list-style-type: none; border-bottom: 1px solid #F2F2F2; } #pp .item1 { display: inline-block; min-width: 30%; margin-right: 10px; } #pp .item2 { display: inline-block;} #pp .item2 input[type='text'] { width: 50%; min-width: 220px; margin-right: 10px; margin-bottom: 10px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* IE 8+ */ } #pp .pp-tabela ul { display: table; width: 100%; padding: 5px 0; border-bottom: 1px solid #F2F2F2; } #pp .pp-tabela ul:nth-child(2n) { background-color: #FAFAFA; } #pp .pp-tabela ul:first-child { font-weight: bold; } #pp .pp-tabela1 li { display: table-cell; padding: 0 10px; } #pp .pp-tabela1 li:nth-child(1) { width: 120px; } #pp .pp-tabela1 li:nth-child(3) { width: 120px; text-align: right; } #pp .pp-tabela1 li:nth-child(4) { width: 120px; text-align: right; } #pp .pp-tabela2 li { display: table-cell; padding: 0 10px; width: 15%; text-align: center; } #pp .pp-tabela2 li:nth-child(1) { width: auto; text-align: left; } #pp span.name { font-weight: bold; display: none; } #pp .sum { font-weight: bold; } #pp .pp-tabela1 .sum li:nth-child(1) { width: auto; text-align: right; } #pp .pp-tabela1 .sum li:nth-child(2) { width: 120px; padding-right: 150px; text-align: right;} /* formularze ------------------------------------------------------------------------------ */ .form-default dl { clear: both; margin: 0 0 10px 0; } .form-default dt { float: left; width: 40%; max-width: 300px; margin: 0; } .form-default dd { display: inline-block; width: 60%; margin: 0; } .form-default dt label { margin-right: 20px; margin-bottom: 10px; display: inline-block; } .form-default dd input[type='text'], .form-default li input[type='password'] { width: 80%; max-width: 250px; } .form-default dd textarea { width: 100%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* IE 8+ */ } .form-default h4 { margin-bottom: 10px; font-size: 16px; } .form-default .submit-item label { width: 40%; max-width: 300px; display: inline-block; } .form-default .ui-datepicker-trigger { float: none; } #tableElements { width: 100%; } #tableElements th { text-align: left; padding-bottom: 5px; font-weight: normal; } #tableElements td { padding: 0 10px 10px 0; } #tableElements .item1 { width: 260px; } #tableElements .item1i { width: 100%; } #tableElements .item2i { max-width: 100px; min-width: 50px; } /* kontakt ------------------------------------------------------------------------------ */ .contact-left { float: left; width: 50%; margin-bottom: 20px; } #contact-form { float: right; width: 50%; margin-bottom: 20px; } #contact-form ul { margin: 0; list-style-type: none; } #contact-form li { margin: 0 0 10px 0; clear: both; } #contact-form label { display: inline-block; width: 50%; max-width: 200px; } .form-default .recaptcha-wrapper, #contact-form .recaptcha-wrapper { display: inline-block; } .form-default .g-recaptcha, #contact-form .g-recaptcha { margin-bottom: 5px; } #contact-form .first label { float: left; } #contact-form input[type='text'], #contact-form input[type='email'], #contact-form textarea { width: 50%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* IE 8+ */ } #contact-form h4 { margin-bottom: 10px; text-transform: uppercase; } .label-check { font-size: 12px; } .label-check a { text-decoration: underline; } #contact-form .label-check { width: auto; max-width: none; } #contact-map { clear: both; } #contact-map iframe { width: 100%; max-width: 600px; } #contact-map h4 { margin-bottom: 10px; text-transform: uppercase; } .news li {background: none !important;} /* stopka i panel dolny ------------------------------------------------------------------------------ */ .container-bottom { clear: both; margin: 0 0 20px 0;position:relative; } .container-bottom .bg-cont{ background: url(../img/layout/bg-menu.png) 0 0 repeat-x; height: 49px; position: absolute; z-index: -1; width: 100%;} .container-bottom .box-bottom { float: left; width: 25%; } .container-bottom .cont { padding: 15px 20px 20px 20px; } .container-bottom .title { color: #163467; text-transform: uppercase; margin-bottom: 15px; font-family: 'Exo2-Bold'; font-weight: normal; } .container-bottom ul { margin: 0; list-style-type: none; } .container-bottom ul li { margin-bottom: 3px;} .container-bottom ul li a{color:#1B1B1B; font-size: 12px;} .container-bottom a.all { color: #8FC518; margin-top: 20px; display: block; } #footer { text-align: left; font-size: 12px; width: 100%; min-height: 40px; border-top: 1px solid #D8D8D8; padding-top: 20px; } #footer #copy{color:#1B1B1B;float:left;} #footer #copy span{display: block;} #footer .selly{float:right;} #footer .selly { line-height: 25px; white-space: nowrap; } #footer .selly img { vertical-align: middle; } #footer .selly a { color: #F85422; text-decoration: none; font-weight: bold; font-size: 11px; } /* newsletter */ #newsletter-form fieldset { border: 0; padding: 15px 20px 20px 20px;} #newsletter-form .title {color:#163467;} #newsletter-form input[type='text'] {border-right:0; margin-bottom: 10px; float: left; height: 28px; background-color: transparent; } #newsletter-form .info { margin-bottom: 20px; font-size: 12px; } #unsubscribe-btn { border: 0; font-size: 12px; background-color: #999; color: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } /* widzety */ #widget-faceboox { width: 300px; top: 170px; right: -300px; background-color: #fff; position: fixed; z-index: 999; } #widget-faceboox .cont { position: relative; } #widget-faceboox .icon { position: absolute; width: 35px; height: 35px; left: -35px; background: #3B5998 url(../img/layout/facebook-widget-icon.png) 0 0 no-repeat; } .yt{ position: absolute; width: 34px; height: 35px; right:0 ; top: 65px;} #widget-allegro { position: fixed; width: 400px; top: 100px; right: -400px; color: #000; z-index: 200;} #widget-allegro .cont { background-color: #F5F5F5; border: 1px solid #e5e5e5; padding: 10px; position: relative; z-index: 999; } #widget-allegro .allegro-icon { position: absolute; top: -1px; left: -35px; width: 35px; height: 85px; background: #f5f5f5 url(../img/layout/allegro-widget-icon.png) 0 0 no-repeat; } #widget-allegro h3 { float: left; font-size: 1em; margin: 0; height: 22px; line-height: 22px; } #widget-allegro .more { float: right; margin-bottom: 10px; font-size: 12px; line-height: 22px; height: 22px; padding: 0 10px; text-decoration: none; background-color: #F86300; color: #fff; } #widget-allegro .pozyt { clear: both; margin-bottom: 10px; height: 40px; line-height: 40px; font-size: 16px; color: #fff; background-color: #6F9E25; padding: 0 10px; } #widget-allegro .box1 { margin-bottom: 10px; background-color: #fff; padding: 10px; font-size: 12px; } #widget-allegro .box1 p { margin: 0 0 5px 0; padding: 0; } #widget-allegro .box1 ul { margin: 0; list-style-type: none; } #widget-allegro .box1 ul li { margin: 0 0 5px 0; float: left; width: 100%; line-height: 14px; } #widget-allegro .box1 ul li strong { float: left; width: 220px; font-weight: normal; } #widget-allegro .box1 ul li div { float: right; width: 120px; text-align: right; font-weight: bold; background: url(../img/layout/stars.png) 0 bottom no-repeat; } #widget-allegro .box1 ul li div.prate5 { background-position: 0 0; } #widget-allegro .box1 ul li div.prate4 { background-position: 0 -20px; } #widget-allegro .box1 ul li div.prate3 { background-position: 0 -40px; } #widget-allegro .box1 ul li div.prate2 { background-position: 0 -60px; } #widget-allegro .box1 ul li div.prate1 { background-position: 0 -80px; } #widget-allegro .box2 { background-color: #fff; padding: 10px; font-size: 12px; } #widget-allegro .top { margin: 0 0 4px 0; list-style-type: none; float: left; width: 100%; } #widget-allegro .top li { float: left; text-align: center; width: 20%; } #widget-allegro .main { margin: 0; list-style-type: none; float: left; width: 100%; } #widget-allegro .main li { padding: 4px 0; float: left; text-align: center; width: 20%; } #widget-allegro .main .item1 { text-align: left; } #widget-allegro .pozytywne { color: #009b00; font-weight: bold; } #widget-allegro .neutralne { color: #646464; font-weight: bold; } #widget-allegro .negatywne { color: #ee3e2b; font-weight: bold; } #widget-allegro .pozytywne .item1, #widget-allegro .negatywne .item1, #widget-allegro .neutralne .item1 { color: #000; font-weight: normal;} /* popups */ #popup-page { display: none; } #popup-exit { display: none; text-align: center; padding: 20px; } #popup-exit h4 { font-size: 24px; margin-bottom: 20px; } #popup-exit .items { min-width: 600px; margin: 0 auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; } #popup-exit .items a { border: 1px solid #F0F2F5; background-color: #F7F8F9; text-transform: uppercase; padding: 20px 10px; -webkit-flex: 1 1 calc(33.333333333% - 28.6px); flex: 1 1 calc(33.333333333% - 28.6px); margin-right: 10px; text-decoration: none; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } #popup-exit .items a:hover { border-color: #D1D5D7; -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2); box-shadow: 0 0 10px rgba(0,0,0,0.2); } #popup-exit .items a:last-child { margin-right: 0; } #popup-exit .icon { display: block; margin: 0 auto 20px 0; } #popup-exit .icon img { display: block; margin: 0 auto; } #popup-exit .pbtn { display: inline-block; line-height: 40px; height: 40px; padding: 0 10px; font-weight: bold; } #popup-newsletter { max-width: 600px; display: none; } #popup-newsletter .title { font-size: 22px; font-weight: bold; margin-bottom: 10px; } #popup-newsletter .info { margin-bottom: 20px; } #popup-newsletter-form fieldset { border: 0; padding: 0; margin: 0; } #popup-newsletter-form .cont { margin-bottom: 10px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; } #popup-newsletter-form .input-wrapper { -webkit-flex: 1 1; flex: 1 1; } #popup-newsletter-form input[type='text'] { width: 100%; height: 100%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* IE 8+ */ } #popup-newsletter-form .info { margin-bottom: 20px; } #popup-newsletter-form .clauses p { line-height: 1.3em; } #popup-newsletter-form .clauses p:last-child { margin-bottom: 0; } /* informacja o cookies */ #selly-cookies { display: none; position: fixed; bottom: 0; padding: 10px 0; width: 100%; z-index: 10000; background: #F1F1F1; -moz-box-shadow: 2px 2px 10px #E6E6E6 inset; -webkit-box-shadow: 2px 2px 10px #E6E6E6 inset; box-shadow: 2px 2px 10px #E6E6E6 inset; } #selly-cookies .cont { max-width: 1480px; margin: 0 auto; padding: 0 10px; } #selly-cookies a.close { float: right; margin: 0.5em 0 0 0; } /* Media Queries ------------------------------------------------------------------------------ */ @media only screen and (max-width: 479px) { /* nagłówek */ #header-search{width: 100%; display: block;margin-bottom:10px;} #header-main .header-right{display: block; width: 100%;margin: 20px 0 0 0;} .container-max { padding: 0 10px; } /* strona startowa */ #startbox-header ul li { width: 32.33%; margin-right: 0; } #startbox-header ul li a { padding: 0; } /* strona kategorii */ #promotion-wrapper { max-width: 220px; float:none;} #promotion-list a.bx-prev{left:9px;} #promotion-list h2{font-size: 16px;} #promotion-list header { margin-bottom: 0;} .filters li { padding: 0; width: 100%; } .filters .more { display: block; margin-top: 10px;} .gallery2 .product, .gallery3 .product, .gallery4 .product { width: 100%; } .product-listB .gallery2 .product, .product-listB .gallery3 .product, .product-listB .gallery4 .product { margin: 0 0 20px 0; width: 100% !important; } .product-list-default .product-img { display: block; width: auto; text-align: center; margin-bottom: 10px; padding-right: 0; } .product-list-default .description { display: block; width: 100%;} .product-list-default .price { display: block; width: 100%; text-align: left; } /* mapa kategorii */ #category-map .category { width: 100%; } /* strona produktu */ ul.tabs a { padding: 0 10px; } .tab-set .item { width: 50%; } .tab-set .item:nth-child(2n+1) { clear: both; } .product-shapes li { width: 50%; } .pg-atrybuty .pselect { float: none; width: auto; margin-right: 0; } /* porównanie produktów */ #product-comparison .product { width: 100%; } /* strona aukcji */ .auction-list .product-img { display: block; width: auto; text-align: center; margin-bottom: 10px; padding-right: 0; } .auction-list .description { display: block; width: 100%;} .auction-list .price { display: block; width: 100%; text-align: left; } /* koszyk */ .cart-list .cart-cena { width: 100%; text-align: left; } .cart-list .cart-ilosc { width: 100%; padding-left: 0;} .cart-list .cart-wartosc { width: 100%; text-align: left; } .cart-list .cart-usun { width: 50%; } .container-cart .gift-img { display: none; } .container-cart .gift-parameter { width: 55%; } .container-cart .gift-price { width: 30%; } #total-order li span { width: auto; } #to-cart li { float: none; width: 100%; margin-bottom: 10px; text-align: center;} #to-cart li.item2 { text-align: center; } a.btn-oz { line-height: normal; height: auto; padding: 10px 20px;} .cart-tabs { margin: 0 0 10px 0; border: 0; } .cart-tabs li { width: 50%; margin-bottom: 10px; } .cart-tabs a { display: block; padding: 0 10px; height: 38px; } .cart-tabs .active a { border-bottom-color: #E5E5E5; } .cart-data label.text { display: block; width: 100%; margin-bottom: 5px; } .cart-data li input[type='text'], .cart-data li input[type='password'] { width: 100%; } #confirm-order li { margin-bottom: 5px; } #confirm-order span { display: block; width: 100%; } /* wyszukiwanie */ #search-adv ul li { width: 100%; } #search-adv h4 { display: block; margin-bottom: 10px; } #search-adv header input[type='text'] { margin-bottom: 10px; width: 100%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* IE 8+ */ } /* rejestracja */ .register-data label { display: block; width: auto; max-width: none; margin-bottom: 5px; } .register-data li input[type='text'], .register-data li input[type='password'], .register-data li input[type='email'] { width: 100%; } /* historia zamówień */ #order-history li { width: 100%; margin-right: 0; } #order-products span.name { display: block; } /* formularze */ .form-default dt { float: none; width: 100%; max-width: none; } .form-default dd { display: inline-block; width: 100%; } .form-default dt label { margin-right: 0; margin-bottom: 5px; } .form-default .submit-item { text-align: center; } .form-default .submit-item label { width: 100%; max-width: none; } /* stopka */ .container-bottom { padding-bottom: 20px; } .container-bottom .box-bottom { width: 100%; } .container-bottom .cont { padding: 0; margin: 0 20px; border-bottom: 1px solid #E5E5E5;} .news .cont:last-child { } .container-bottom .title { cursor: pointer; margin: 0; padding: 10px 0; } #newsletter-form .title { cursor: auto; } .container-bottom ul { display: none; margin: 0 0 20px 0; } #footer .payment { display: none; } /* kontakt */ #contact-form label { display: block; width: 100%; margin-bottom: 5px; } #contact-form .first label { float: none; } #contact-form input[type='text'], #contact-form input[type='email'], #contact-form textarea { width: 100%; } /* widzety */ #widget-faceboox { display: none; } #widget-allegro { display: none; } .container-bottom .bg-cont{background:none;} #header-search-list {width: 300px; line-height: 1.7em;} #search-results .product{ text-align: center; width: 270px; float: none; overflow: hidden; clear: both;} #search-results .cont{width: 320px;} #search-results .pages { width: 94%;} #search-results .product-img { line-height: 1em; float: none; width: 80px; text-align: center; display: inline-block;} #search-results .description { float: none; width: 200px; padding: 0px; display: inline-block;} #search-results .price { font-size: 12px; float: none; width: 110px; text-align: center; display: inline-block; line-height: 1em;} #search-results .description h4{margin-bottom: 0px;} .product-left ul.gallery li a{padding: 2px;} .price-box .price strong { font-size: 26px;} #blok-reklamowy .br:nth-of-type(2){margin: 10px 0; } #blok-reklamowy .br{ width: 100%;margin: 10px 0;} .yt{display: none;} } @media only screen and (min-width: 480px) { .container-bottom ul { display: block !important; } .gallery3 .product-img { min-height: 140px; } .gallery4 .product-img { min-height: 140px; } .container-bottom .title { pointer-events: none; } } @media only screen and (min-width: 480px) and (max-width: 767px) { /* strona kategorii */ #promotion-wrapper { max-width:440px;float: none; } #promotion-list a.bx-prev{left:9px;} .filters li { padding: 0 3% 0 0; width: 47%; } .filters li.first { padding: 0 3% 0 0; width: auto; min-width: 47%} .gallery3 .product { width: 50%; } .gallery4 .product { width: 33.33%; } .gallery2 .product:nth-child(2n+1), .gallery3 .product:nth-child(2n+1), .gallery4 .product:nth-child(3n+1) { clear: both; } .product-listB .gallery3 .product { width: 49%; margin-right: 0; } .product-listB .gallery3 .product:nth-child(2n) { float: right;} .product-listB .gallery4 .product { margin: 0 2% 20px 0; width: 32%; } .product-listB .gallery4 .product:nth-child(3n) { margin-right: 0; } .product-list-default .product-img { display: block; float: left; width: 26.277372263%; padding-right: 0;} .product-list-default .img-box { margin-right: 20px; } .product-list-default .description { display: block; float: right; width: 73.722627737%; } .product-list-default .price { display: block; float: right; width: 73.722627737%; text-align: left; } .simple .description, .simple .price { display: block; float: none; width: 100%; } /* mapa kategorii */ #category-map .category { width: 50%; } #category-map .category:nth-child(2n+1) { clear: both; } /* strona produktu */ .tab-set .item { width: 33.33%; } .tab-set .item:nth-child(3n+1) { clear: both; } /* porównanie produktów */ #product-comparison .product { width: 50%; } #product-comparison .product:nth-child(2n+1) { clear: both; } /* strona aukcji */ .auction-list .product-img { display: block; float: left; width: 26.277372263%; padding-right: 0;} .auction-list .img-box { margin-right: 20px; } .auction-list .description { display: block; float: right; width: 73.722627737%; } .auction-list .price { display: block; float: right; width: 73.722627737%; text-align: left; } /* wyszukiwanie */ #search-adv ul li { width: 50%; } #search-adv ul li:nth-child(2n+1) { clear: both; } /* historia zamówień */ #order-history li { width: 47%; } #order-history li:nth-child(2n+1) { clear: both; } #order-products span.name { display: inline; } /* koszyk */ .cart-list .cart-cena { width: 50%; text-align: left; } .cart-list .cart-ilosc { width: 50%; padding-left: 0;} .cart-list .cart-wartosc { width: 50%; text-align: left; } .cart-list .cart-usun { width: 50%; } #blok-reklamowy .br:nth-of-type(2){margin: 10px;} #blok-reklamowy .br{ width: 44%;margin: 10px;} } @media only screen and (min-width: 480px) and (max-width: 980px) { /* stopka */ .container-bottom .box-bottom { width: 50%; } .container-bottom .box-newsletter { width: 100% } .container-bottom .news { clear: both; width: 100% } } @media only screen and (max-width: 767px) { body{background:#fff;} .container-max-header { background-image: none; } /* nagłówek */ #header-main #logo {margin-left:0; float: none; margin-top: 10px; margin-bottom: 10px; text-align: center;} #header-main #logo a img{} #header-main .header-top { min-height: 0; } #header-main .header-right { float: none; margin-bottom: 10px; text-align: center; } #header-main .icon-box { float: none; } #header-main .cart-header { margin: 0 5px; float: none; display: inline-block; } #header-main .safe-header { margin: 0 5px; float: none; display: inline-block; } #header-main .login-header { margin: 0 5px; float: none; display: inline-block; } #lang-box { text-align: center; } #lang-box-wrapper { float: none; display: inline-block; } #header-main .header-bottom{width: 100%; margin-top: 10px;} #lang-settings { text-align: left;} #header-main nav { display: none; } #header-main a.top-menu-link { display: block; } #header-search { float: none; } #header-search .box { overflow: hidden; float: none; padding-left: 40px; padding-right: 0px; } #header-search #query { float: none; width: 100%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* IE 8+ */ } #index-banner h3 { float: none; width: auto; } #header-search a#header-search-adv { margin-right: 4px;} .side50 { float: none; width: auto; } /* strona startowa */ .product-hit .product-img { float: none; width: auto; margin: 0 40px;} .product-hit .product-img a { padding: 20px 0; } .product-hit .description { padding-top: 0; float: none; width: auto; background-color: #f5f5f5; } #hits .bx-pager { display: none; } #hits a.bx-prev, #hits a.bx-next { display: block; } #startbox-header a.more { display: none !important; } .view-all { display: block; } /* strona kategorii */ .list-nav ul.pages { float: none; margin: 0 0 10px 0; text-align: center; } .sort { clear: both; } .product-list-default .product-box { display: block; } .product-list .legzemplarzy, .product-list .amount { display: none; } /* strona produktu */ .product-left, .product-right { float: none; width: auto; } .price-box-cont { float: none; } .shopping-box { float: none; clear: both; } ul.tabs li { width: 50%; } .tab-set .items { width: 100%; } .tab-set .price { clear: both; width: auto; float: none; text-align: left; background-color: #F8F8F8; padding: 10px; } .tab-set .price span { display: inline-block; margin: 0 10px 10px 0; } .form-product label { width: 100%; margin: 0 0 5px 0; } .form-product .btn, .form-product .copy, .form-product .g-recaptcha { margin-left: 0; } #review-list .rate, #review-list .review { float: none; width: auto; } .reviews .rate, .reviews .review { width: 100%; } #your-review .item1 { width: 100%; margin: 0 0 10px 0; } #your-review .item2 { width: 100%; } .algsTextImg, .algsImgText, .algsImgImg, .algsTextText { -webkit-flex-direction: column; flex-direction: column; } .algsTextImg > :first-child, .algsImgText > :first-child, .algsImgImg > :first-child, .algsTextText > :first-child { margin-right: 0; margin-bottom: 20px; } /* strona aukcji */ .auction-list .product-box { display: block; } .auction-left, .auction-right { float: none; width: auto; } /* koszyk */ .cart-box-header { display: none; } .cart-list-header li { display: none; } .cart-list-header li.cart-product { display: block; } .cart-list li { padding: 5px 0; } .cart-list .cart-product { width: 100%; } .cart-list .name { display: inline; } .cart-list2 .cart-product { width: auto; padding: 5px 0; margin-right: 10px;} .cart-list2 .cart-cena { display: none; } .cart-list2 .cart-ilosc { display: none; } .cart-list2 .cart-wartosc { width: auto; } .cart-suma { text-align: left; } .cart-suma .remove { display: none; } .container-cart .gift { width: 100%; margin: 0; } .container-cart .gift:nth-child(odd) { margin: 0; } .select2 { background-image: none;} .select2 .side { float: none; width: 100%; } .select2 .first { margin-bottom: 20px; } .select2 .first-grey { border-bottom: 4px solid #fff; } .cart-data-s { max-width: none; } .cart-data-s .btn-large { margin-left: 0; } a.windowcart-close { display: block; margin-right: 0; margin-bottom: 10px; text-align: center; } a.windowcart-go { display: block; margin-left: 0; text-align: center; } .ceneo-box { padding: 20px; background-image: none;} #popup-exit { max-width: 100%; padding: 10px; } #popup-exit .items { min-width: 0; } #popup-exit .pbtn { display: block; font-size: 12px; } #popup-exit .items a { padding: 20px 0 0 0; -webkit-flex: 1 1 calc(33.333333333% - 8.6px); flex: 1 1 calc(33.333333333% - 8.6px); } /* histora zamówień */ #order-list-header li { display: none; padding: 5px 0; } #order-list-header .name { display: block; } #order-products .product-img { width: 33.33%; margin: 0 0 10px 0; text-align: left; } #order-products .description { width: 66.66%; margin: 0 0 10px 0; text-align: left;} #order-products .price { width: 33.33%; clear: both; text-align: left;} #order-products .number { width: 33.33%; text-align: left;} #order-products .value { width: 33.33%; text-align: right;} /* program partnerski */ #pp .pp-link li a { padding: 0 10px; } #pp .pp-tabela ul { display: block; } #pp .pp-tabela ul:first-child { display: none; } #pp .pp-tabela li { clear: both; display: block; margin-bottom: 10px; width: auto !important; text-align: left !important; } #pp span.name { display: block; float: left; min-width: 30%; margin-right: 10px; } #pp span.data { display: inline-block; } /* strona kontakt */ .contact-left { float: none; width: auto; } #contact-form { float: none; width: auto; } /* blog */ #article-products .product { float: none; width: 100%; margin: 0; } #article-products .product:nth-child(2n) { margin: 0; } #start-articles .cont { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-flex-direction: column; flex-direction: column; } #start-articles .article-item { width: auto; margin-right: 0; } .product-list-default .lista-logo { text-align: left;} } @media only screen and (min-width: 768px) { #header-main nav { display: block !important; clear: both;} #hits-content { background: #fff url(../img/layout/bg-area.png) 50% 0 repeat-y; } /* strona kategorii */ .filters li.first { width: auto; min-width: 30.3%} .gallery2 .product:nth-child(2n+1), .gallery3 .product:nth-child(3n+1), .gallery4 .product:nth-child(4n+1) { clear: both;} .product-listB .gallery3 .product:nth-child(3n) { margin-right: 0; } .product-listB .gallery4 .product:nth-child(4n) { margin-right: 0; } .gallery2 .product-img { min-height: 305px; } #start-page .gallery2 .product-img { min-height: 130px; } /* mapa kategorii */ #category-map .category:nth-child(3n+1) { clear: both; } /* strona produktu */ .tab-set .item:nth-child(4n+1) { clear: both; } /* wyszukiwanie */ #search-adv ul li:nth-child(3n+1) { clear: both; } /* wyszukiwanie */ #order-history li:nth-child(3n+1) { clear: both; } } @media only screen and (min-width: 1240px) and (max-width: 1455px) { } @media only screen and (min-width: 768px) and (max-width: 1239px) { /* strona kategorii */ .bg-top{ background-position: 43% 0px;} #promotion-wrapper { max-width: 660px;float: none; } #promotion-list a.bx-prev{ left: 9px;} #blok-reklamowy .br:nth-of-type(2){margin: 10px;} #blok-reklamowy .br{ width: 44%;margin: 10px;} #start-page .product-list-gallery .product {font-size: 12px;} } @media only screen and (min-width: 768px) and (max-width: 980px) { .bg-top{ background-position: 30% 0px;} /* nagłówek */ #header-main nav ul li a { padding: 0 3px; font-size: 11px; } #header-search #query { width: 200px; } /* strona produktu */ ul.tabs li { width: 33.33%; } /* porównanie produktów */ #product-comparison .product { width: 33.33%; } #product-comparison .product:nth-child(3n+1) { clear: both;} } @media only screen and (max-width: 980px) { /* nagłówek */ #mobileMenu { margin-bottom: 5px; clear: both; } #articlesMenu { margin-bottom: 10px; } .js #articles-menu { display:none; } .js #main-menu { display:none; } .js #box-client { display:none; } .js .slicknav_menu { display:block; } #header-banner{display:none;} #header-main .header-bottom{ float: none; width: 100%;} #header-main .header-bottom{border-left:0;} .container-main{border:0;} /* elementy strony */ .container-side, .container-main { float: none; width: auto; margin-bottom: 20px;} .container-main-wrapper { margin-left: 0; } .box-left { display: none; } #box-start { width: 100%; float: none;} #banery-prawa { width: 100%; float: none; text-align: center; margin-top: 10px;} #banery-prawa div{display: inline-block;} /* strona startowa */ #box-producer { display: block; display: block; background: none; color: #fff; border: 1px solid #0183CD;} #box-producer ul { display: none; } /* koszyk */ #cart-steps .box { display: none; } #cart-steps .active { display: block; margin-bottom: 0; } #cart-steps .box h5 { display: inline; margin: 0 10px 0 0; } #cart-steps .box p { display: inline; } .bg-bottom{ bottom: -103px; background-size: 171%;} .product-right .product-right-box{ border-right: 1px solid #bbb;} #banery-prawa{display: none;} .PAYU_RWD{display: none;} } @font-face { font-family: 'Exo2-Regular'; src: url('/fonts/Exo2-Regular.eot'); src: url('/fonts/Exo2-Regular.eot?#iefix') format('embedded-opentype'), url('/fonts/Exo2-Regular.ttf') format('truetype'); } @font-face { font-family: 'Exo2-Bold'; src: url('/fonts/Exo2-Bold.eot'); src: url('/fonts/Exo2-Bold.eot?#iefix') format('embedded-opentype'), url('/fonts/Exo2-Bold.ttf') format('truetype'); } @font-face { font-family: 'Lato-Reg'; src: url('/fonts/Lato-Reg.eot'); src: url('/fonts/Lato-Reg.eot?#iefix') format('embedded-opentype'), url('/fonts/Lato-Reg.ttf') format('truetype'); } @font-face { font-family: 'Lato-Bol'; src: url('/fonts/Lato-Bol.eot'); src: url('/fonts/Lato-Bol.eot?#iefix') format('embedded-opentype'), url('/fonts/Lato-Bol.ttf') format('truetype'); }