@charset "UTF-8"; /* ąś */ /* fix page shifting when modal is active */ body {overflow-y: scroll; word-wrap:break-word;} body.modal-open {overflow-y: scroll; margin: 0;} .modal {overflow: auto;} /* skalowanie wymuszone */ .box_ads img, .boxContents img, .box_contents img, .box_panel img {display: block; width: auto; max-width: 100%; height: auto;} /* skalowanie opcjonalne */ .value img, .catPicDesc img, .catExtDesc img, .manufacturer img, .productAttributes img, .detCard .tabs img, .conBody img, #section_custom img {display: block; width: auto; max-width: 100%; height: auto;} img.img-normal {display: inline-block!important; max-width: none!important;} /* reset */ .navbar-collapse, .navbar-form { border: 0px solid transparent; box-shadow: inset 0 0 0 rgba(255,255,255,0); } .navbar-fixed-top { top: 0; border: 0; } .container, .container-fluid, .navbar-collapse {padding-left: 10px; padding-right: 10px;} .row {margin-left: -10px; margin-right: -10px;} .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {padding-left: 10px; padding-right: 10px;} /* custom screen size */ .col-smx-1, .col-smx-2, .col-smx-3, .col-smx-4, .col-smx-5, .col-smx-6, .col-smx-7, .col-smx-8, .col-smx-9, .col-smx-10, .col-smx-11, .col-smx-12 {position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; float: left;} @media all and (min-width: 480px) and (max-width: 767px) { .mainList .col-smx-12 {width: 100%;} .mainList .col-smx-11 {width: 91.66666667%;} .mainList .col-smx-10 {width: 83.33333333%;} .mainList .col-smx-9 {width: 75%;} .mainList .col-smx-8 {width: 66.66666667%;} .mainList .col-smx-7 {width: 58.33333333%;} .mainList .col-smx-6 {width: 50%;} .mainList .col-smx-5 {width: 41.66666667%;} .mainList .col-smx-4 {width: 33.33333333%;} .mainList .col-smx-3 {width: 25%;} .mainList .col-smx-2 {width: 16.66666667%;} .mainList .col-smx-1 {width: 8.33333333%;} } /* Bootstrap Clearfix */ /* Horizontal-Mobile */ @media all and (min-width: 480px) and (max-width: 767px) { .col-lg-1:nth-child(12n+1), .col-lg-2:nth-child(6n+1), .col-lg-3:nth-child(4n+1), .col-lg-4:nth-child(3n+1), .col-lg-6:nth-child(2n+1), .col-md-1:nth-child(12n+1), .col-md-2:nth-child(6n+1), .col-md-3:nth-child(4n+1), .col-md-4:nth-child(3n+1), .col-md-6:nth-child(2n+1), .col-sm-1:nth-child(12n+1), .col-sm-2:nth-child(6n+1), .col-sm-3:nth-child(4n+1), .col-sm-4:nth-child(3n+1), .col-sm-6:nth-child(2n+1){ clear: none; } .col-smx-1:nth-child(12n+1), .col-smx-2:nth-child(6n+1), .col-smx-3:nth-child(4n+1), .col-smx-4:nth-child(3n+1), .col-smx-6:nth-child(2n+1){ clear: left; } } /* Tablet */ @media all and (min-width: 768px) { .col-lg-1:nth-child(12n+1), .col-lg-2:nth-child(6n+1), .col-lg-3:nth-child(4n+1), .col-lg-4:nth-child(3n+1), .col-lg-6:nth-child(2n+1), .col-md-1:nth-child(12n+1), .col-md-2:nth-child(6n+1), .col-md-3:nth-child(4n+1), .col-md-4:nth-child(3n+1), .col-md-6:nth-child(2n+1), .col-smx-1:nth-child(12n+1), .col-smx-2:nth-child(6n+1), .col-smx-3:nth-child(4n+1), .col-smx-4:nth-child(3n+1), .col-smx-6:nth-child(2n+1){ clear: none; } .col-sm-1:nth-child(12n+1), .col-sm-2:nth-child(6n+1), .col-sm-3:nth-child(4n+1), .col-sm-4:nth-child(3n+1), .col-sm-6:nth-child(2n+1){ clear: left; } } /* Medium Desktop */ @media all and (min-width: 992px) { .col-lg-1:nth-child(12n+1), .col-lg-2:nth-child(6n+1), .col-lg-3:nth-child(4n+1), .col-lg-4:nth-child(3n+1), .col-lg-6:nth-child(2n+1), .col-sm-1:nth-child(12n+1), .col-sm-2:nth-child(6n+1), .col-sm-3:nth-child(4n+1), .col-sm-4:nth-child(3n+1), .col-sm-6:nth-child(2n+1), .col-smx-1:nth-child(12n+1), .col-smx-2:nth-child(6n+1), .col-smx-3:nth-child(4n+1), .col-smx-4:nth-child(3n+1), .col-smx-6:nth-child(2n+1){ clear: none; } .col-md-1:nth-child(12n+1), .col-md-2:nth-child(6n+1), .col-md-3:nth-child(4n+1), .col-md-4:nth-child(3n+1), .col-md-6:nth-child(2n+1){ clear: left; } } /* Large Desktop */ @media all and (min-width: 1200px) { .col-md-1:nth-child(12n+1), .col-md-2:nth-child(6n+1), .col-md-3:nth-child(4n+1), .col-md-4:nth-child(3n+1), .col-md-6:nth-child(2n+1), .col-sm-1:nth-child(12n+1), .col-sm-2:nth-child(6n+1), .col-sm-3:nth-child(4n+1), .col-sm-4:nth-child(3n+1), .col-sm-6:nth-child(2n+1), .col-smx-1:nth-child(12n+1), .col-smx-2:nth-child(6n+1), .col-smx-3:nth-child(4n+1), .col-smx-4:nth-child(3n+1), .col-smx-6:nth-child(2n+1){ clear: none; } .col-lg-1:nth-child(12n+1), .col-lg-2:nth-child(6n+1), .col-lg-3:nth-child(4n+1), .col-lg-4:nth-child(3n+1), .col-lg-6:nth-child(2n+1){ clear: left!important; } } @media all and (min-width: 480px) { #prodListMain .col-lg-1:nth-child(12n+1), #prodListMain .col-lg-2:nth-child(6n+1), #prodListMain .col-lg-3:nth-child(4n+1), #prodListMain .col-lg-4:nth-child(3n+1), #prodListMain .col-lg-6:nth-child(2n+1), #prodListMain .col-md-1:nth-child(12n+1), #prodListMain .col-md-2:nth-child(6n+1), #prodListMain .col-md-3:nth-child(4n+1), #prodListMain .col-md-4:nth-child(3n+1), #prodListMain .col-md-6:nth-child(2n+1), #prodListMain .col-sm-1:nth-child(12n+1), #prodListMain .col-sm-2:nth-child(6n+1), #prodListMain .col-sm-3:nth-child(4n+1), #prodListMain .col-sm-4:nth-child(3n+1), #prodListMain .col-sm-6:nth-child(2n+1), #prodListMain .col-smx-1:nth-child(12n+1), #prodListMain .col-smx-2:nth-child(6n+1), #prodListMain .col-smx-3:nth-child(4n+1), #prodListMain .col-smx-4:nth-child(3n+1), #prodListMain .col-smx-6:nth-child(2n+1), #slideSaleList .col-lg-1:nth-child(12n+1), #slideSaleList .col-lg-2:nth-child(6n+1), #slideSaleList .col-lg-3:nth-child(4n+1), #slideSaleList .col-lg-4:nth-child(3n+1), #slideSaleList .col-lg-6:nth-child(2n+1), #slideSaleList .col-md-1:nth-child(12n+1), #slideSaleList .col-md-2:nth-child(6n+1), #slideSaleList .col-md-3:nth-child(4n+1), #slideSaleList .col-md-4:nth-child(3n+1), #slideSaleList .col-md-6:nth-child(2n+1), #slideSaleList .col-sm-1:nth-child(12n+1), #slideSaleList .col-sm-2:nth-child(6n+1), #slideSaleList .col-sm-3:nth-child(4n+1), #slideSaleList .col-sm-4:nth-child(3n+1), #slideSaleList .col-sm-6:nth-child(2n+1), #slideSaleList .col-smx-1:nth-child(12n+1), #slideSaleList .col-smx-2:nth-child(6n+1), #slideSaleList .col-smx-3:nth-child(4n+1), #slideSaleList .col-smx-4:nth-child(3n+1), #slideSaleList .col-smx-6:nth-child(2n+1){ clear: none!important; } .slideSaleList .col-lg-1:nth-child(12n+1), .slideSaleList .col-lg-2:nth-child(6n+1), .slideSaleList .col-lg-3:nth-child(4n+1), .slideSaleList .col-lg-4:nth-child(3n+1), .slideSaleList .col-lg-6:nth-child(2n+1), .slideSaleList .col-md-1:nth-child(12n+1), .slideSaleList .col-md-2:nth-child(6n+1), .slideSaleList .col-md-3:nth-child(4n+1), .slideSaleList .col-md-4:nth-child(3n+1), .slideSaleList .col-md-6:nth-child(2n+1), .slideSaleList .col-sm-1:nth-child(12n+1), .slideSaleList .col-sm-2:nth-child(6n+1), .slideSaleList .col-sm-3:nth-child(4n+1), .slideSaleList .col-sm-4:nth-child(3n+1), .slideSaleList .col-sm-6:nth-child(2n+1), .slideSaleList .col-smx-1:nth-child(12n+1), .slideSaleList .col-smx-2:nth-child(6n+1), .slideSaleList .col-smx-3:nth-child(4n+1), .slideSaleList .col-smx-4:nth-child(3n+1), .slideSaleList .col-smx-6:nth-child(2n+1){ clear: none!important; } } .five-grid {margin-left: -2%; margin-right: -2%;} .five-col {float: left; min-height: 1px; width: 18.5%; margin-left: 0.7%; margin-right: 0.7%; display: none;} .five-col.five-col-c1 {display: block; margin-left: 1.9%; clear: left;} .five-col.five-col-c2 {display: block;} .five-col.five-col-c3 {display: block;} .five-col.five-col-c4 {display: block;} .five-col.five-col-c5 {display: block; clear: right; margin-right: 0%;} @media all and (max-width: 991px) { .five-col.five-col-c1, .five-col.five-col-c2, .five-col.five-col-c3, .five-col.five-col-c4, .five-col.five-col-c5 {clear: none; margin-left: 2%; margin-right: 2%;} .five-col.five-col-c1, .five-col.five-col-c2, .five-col.five-col-c3 {width: 28%; clear: right;} .five-col.five-col-c4 {width: 28%;} .five-col.five-col-c5 {width: 28%; clear: none;} .five-col:nth-child(4) {clear: none; clear: left; width: 46%;} .five-col:nth-child(5) {clear: none; clear: right; width: 46%;} } @media all and (max-width: 767px) { .five-col.five-col-c1, .five-col.five-col-c2, .five-col.five-col-c3, .five-col.five-col-c4, .five-col.five-col-c5 {clear: none; margin-left: 2%; margin-right: 2%;} .five-col.five-col-c1, .five-col.five-col-c3, .five-col.five-col-c5 {width: 46%; clear: left;} .five-col.five-col-c2, .five-col.five-col-c4 {width: 46%; clear: right;} .five-col:nth-child(5) {clear: none; clear: right; width: 100%; margin-left: 0; margin-right: 0;} } @media all and (max-width: 479px) { .five-grid {margin-left: 0; margin-right: 0;} .five-col.five-col-c1, .five-col.five-col-c2, .five-col.five-col-c3, .five-col.five-col-c4, .five-col.five-col-c5 {width: 100%; clear: both; margin-left: 0; margin-right: 0;} } .bezOdstepow, .bezOdstepow .col-md-1, .bezOdstepow .col-md-2, .bezOdstepow .col-md-3, .bezOdstepow .col-md-4, .bezOdstepow .col-md-5, .bezOdstepow .col-md-6, .bezOdstepow .col-md-7, .bezOdstepow .col-md-8, .bezOdstepow .col-md-9, .bezOdstepow .col-md-10, .bezOdstepow .col-md-11, .bezOdstepow .col-md-12, .bezOdstepow .col-sm-1, .bezOdstepow .col-sm-2, .bezOdstepow .col-sm-3, .bezOdstepow .col-sm-4, .bezOdstepow .col-sm-5, .bezOdstepow .col-sm-6, .bezOdstepow .col-sm-7, .bezOdstepow .col-sm-8, .bezOdstepow .col-sm-9, .bezOdstepow .col-sm-10, .bezOdstepow .col-sm-11, .bezOdstepow .col-sm-12 {padding-left: 0!important; padding-right: 0!important; margin-left: 0!important; margin-right: 0!important;} #prodListMain *:focus, #slideSaleList *:focus, .slideSaleList *:focus, #thumbsSlick *:focus {outline: 0!important;} .nav > li > a {padding: 5px 10px;} .form-horizontal .form-group, .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {margin-right: -10px; margin-left: -10px;} @media all and (min-width: 768px) { .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {margin-right: 0; margin-left: 0;} } @media all and (min-width: 768px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {margin-left: -10px;} } .navbar-toggle {margin-right: 10px;} .navbar-nav {margin: 5px -10px;} .navbar-form {padding: 5px 10px; margin-right: -10px; margin-left: -10px;} @media all and (min-width: 768px) { .navbar-right {margin-right: -10px;} .navbar-right ~ .navbar-right {margin-right: 0;} } @media all and (min-width: 768px) { .container {width: auto; min-width: 740px;} .twoColumnSet .container#page_detCard {min-width: auto;} } @media all and (min-width: 992px) { .pagecontainer, .container {width: auto; min-width: 960px;} .twoColumnSet .container#page_detCard {min-width: auto;} } @media all and (min-width: 1200px) { .pagecontainer, .container {width: auto; max-width: 1200px;} .twoColumnSet .container#page_detCard {max-width: 100%;} } /* breakpoint od 992px zamiast 478px */ @media all and (max-width: 991px) { .navbar-header { float: none; } .navbar-left,.navbar-right { float: none !important; } .navbar-toggle { display: block; } .navbar-collapse, .navbar-form { border: 0px solid transparent; box-shadow: inset 0 0 0 rgba(255,255,255,0); } .navbar-fixed-top { top: 0; border: 0; } .navbar-collapse.collapse { display: none!important; } .navbar-nav { float: none!important; margin-top: 7.5px; } .navbar-nav>li { float: none; } .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; } .collapse.in{ display:block !important; } } /* ***** special ***** */ body#wrapperPop {margin: 0; padding: 0;} body div#wrapperBackgroundPop {} .pageAdmin {position: fixed; display: block; bottom: 60px; width: 100%; text-align: center; background-color: red; color: white; font-size: 16px; font-weight: 700; font-family: Verdana, Tahoma, Arial, sans-serif; padding: 5px; z-index: 99999; -webkit-box-shadow: #000000 1px 1px 5px; box-shadow: #000000 1px 1px 5px; border-top: 1px solid #000000; border-bottom: 1px solid #000000; text-shadow: 1px 1px 1px rgba(0,0,0,0.75);} .pageClient {position: fixed; display: block; top: 50px; width: 100%; text-align: center; background-color: white; color: black; font-size: 12px; font-weight: 700; font-family: Verdana, Tahoma, Arial, sans-serif; z-index: 99999; -webkit-box-shadow: #808080 1px 1px 5px; box-shadow: #808080 1px 1px 5px; border-top: 1px solid #000000; border-bottom: 1px solid #000000; line-height: 1.3;} .pageClient .pageClientContent {max-width: 1000px; margin: 0 auto; text-align: left; /* text-shadow: 1px 1px 1px rgba(239,239,239,0.75); */} .pageClient * {font-size: inherit; color: inherit;} .pageClient a, .pageClient a:visited {text-decoration: none; color: blue;} .pageClient a:hover {text-decoration: underline; color: navy;} .pageClient.page404 .pageClientContent {} .pageClient.pageThank .pageClientContent {padding: 50px 0; text-align: center; font-size: 13px; font-weight: 700;} @media all and (max-width: 767px) { #informacjaOCiasteczkach {position: relative!important; top: 0!important; left: 0!important;} #informacjaOCiasteczkach a {display: block; margin: 10px auto 5px auto; clear: both;} } @media all and (max-width: 991px) { .pageAdmin {bottom: 10px; font-size: 14px;} } @media all and (max-width: 767px) { .pageAdmin {font-size: 12px;} } /* body */ body {font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Tahoma, Verdana, sans-serif;} .detCard .fullDescription, .con1.content, .con7.content, .con8.content, .catExtDesc, .catDescCMS, .catMoreDesc {font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;} body {font-size: 14px;} td {font-family: inherit; color: inherit; font-size: 14px;} #wrapper {} #wrapperBackground {} a, a:visited, a:hover {text-decoration: none;} a, a:visited {color: #347bb5;} a:hover {color: #000000;} .productName, .productName a, .productName a:visited {color: #000000;} .productName a:hover {color: #347bb5;} /* Safari fixes */ * { -webkit-text-size-adjust: none;} /* textarea, input[type="search"], input[type="text"], input[type="button"], input[type="submit"] { -webkit-border-radius: 0; -webkit-appearance: none; border-radius: 0; } */ .hide {display: none;} #main #sideColLeft {padding-top: 15px;} #mainCol, #mainCol div.pageContent {padding-top: 15px; padding-bottom: 15px;} #mainCol div.row.pageContent {padding-top: 0; padding-bottom: 0;} @media all and (max-width: 991px) { #main { display: flex; /* Creates a flex container. */ flex-wrap: wrap; /* Wrap columns, now flex-items. */ } #main #sideColLeft, #main #mainCol {float: none; width: 100%; margin: 0; padding: 15px 0 0 0;} #main #mainCol {order: 1;} } /* patch */ #section_breadcrumbs {margin: 0; width: 100%; border-bottom: 1px solid #dedede; background-color: #f3f3f3; min-height: 1px; clear: both;} #section_breadcrumbs .container {margin: 0 auto; padding: 0;} #section_breadcrumbs .row {margin: 0; padding: 0;} #section_breadcrumbs .container .col-md-12 {margin: 0; padding: 0 10px;} #section_breadcrumbs .breadcrumb {margin: 0; padding: 10px 5px; font-size: 11px;} @media all and (min-width: 768px) { #section_breadcrumbs .row {width: 750px;} } @media all and (min-width: 992px) { #section_breadcrumbs .row {width: 970px;} } @media all and (min-width: 1200px) { #section_breadcrumbs .row {width: 1170px;} } .breadcrumb {background-color: #f3f3f3;} .breadcrumb > li {white-space: nowrap;} .breadcrumb > li + li:before {padding: 0 2px; content: "";} .breadcrumb a, .breadcrumb a:visited {color: #1a1a18;} .breadcrumb a:hover, .breadcrumb .active {color: #347bb5;} .breadcrumb .active {font-weight: 700;} .breadcrumbs.buyPath {margin: 0 -10px 15px -10px; padding: 0 10px 10px 10px; border-top: 0;} .buyPath#buyTips {padding-top: 10px; margin-bottom: 10px; text-align: left;} .breadcrumbs.buyPath ul.content {margin: 0; padding: 0; overflow: hidden;} .breadcrumbs.buyPath ul.content li.steps {width: 25%; margin: 0; padding: 0; list-style: none; display: inline-block; float: left; text-align: center; font-size: 14px; text-transform: uppercase;} .breadcrumbs.buyPath ul.content li.steps span.sep {display: inline-block; float: left; padding: 0 10px; color: #ffffff;} .breadcrumbs.buyPath ul.content li.steps span.sep.step1 {display: none;} @media all and (max-width: 767px) { .breadcrumbs.buyPath ul.content li.steps {font-size: 12px; width: 50%;} .breadcrumbs.buyPath ul.content li.steps.step-3 {clear: left;} .breadcrumbs.buyPath ul.content li.steps span.sep {display: none;} .breadcrumbs.buyPath ul.content li.steps .breadcrumbs {padding: 0 5px;} } .breadcrumbs.buyPath ul.content li.steps h3, .breadcrumbs.buyPath ul.content li.steps .breadcrumbs, .breadcrumbs.buyPath ul.content li.steps span.sep {height: 35px; line-height: 35px;} .breadcrumbs.buyPath ul.content li.steps h3, .breadcrumbs.buyPath ul.content li.steps .breadcrumbs {display: block;} .breadcrumbs.buyPath ul.content li.steps .breadcrumbs {padding: 0 10px;} .breadcrumbs.buyPath ul.content li.steps {background-color: #eeeeee; color: #1a1a18;} .breadcrumbs.buyPath ul.content li.steps.active {background-color: #fe7f27; color: #ffffff;} .breadcrumbs.buyPath ul.content li.steps:hover {background-color: #dedede; color: #1a1a18;} .breadcrumbs.buyPath ul.content li.steps.active:hover {background-color: #0c7d2d; color: #ffffff;} .breadcrumbs.buyPath ul.content li.steps.step-1 {} .breadcrumbs.buyPath ul.content li.steps.step-2 {} .breadcrumbs.buyPath ul.content li.steps.step-3 {} .breadcrumbs.buyPath ul.content li.steps.step-4 {} .breadcrumbs.buyPath ul.content li.steps a.breadcrumbs, .breadcrumbs.buyPath ul.content li.steps a.breadcrumbs:visited, .breadcrumbs.buyPath ul.content li.steps a.breadcrumbs:hover {color: inherit;} .breadcrumbs.buyPath ul.content li.steps span.breadcrumbs {color: #777777; font-style: italic;} .buyPath h3 { margin: 0; padding: 0; font-size: inherit; font-weight: 400;} .buyPath h3 .breadcrumbs, .buyPath h3 .breadcrumbs {} .buyPath span.sep {} .buyPath h3 a.breadcrumbs, .buyPath h3 a.breadcrumbs:visited {color: #347bb5;} .buyPath h3 span.breadcrumbs {} .buyPath h3 a.breadcrumbs:hover {color: #1a1a18;} .buyPath h3 .selected {font-weight: 700;} #overHeader {background-color: #ffffff;} #overHeader, #overHeader li a, #overHeader li a:visited {color: #696969;} #overHeader li a:hover {color: #000000;} #mobi_clientMenu .badge {} #overHeader .badge {} #overHeader .active a, #overHeader .active a:visited {color: #347bb5;} #overHeader .active a:hover {color: #000000;} .menuFooter {} .menuFooter, .menuFooter a, .menuFooter a:visited {} .menuFooter a:hover {} .menuFooter a.active, .menuFooter a.active:visited {} .menuFooter a.active:hover {} .menuFooter h3 {} #section_copyrights {} #section_copyrights, #section_copyrights a, #section_copyrights a:visited {} #section_copyrights a:hover {} #section_custom {} #section_custom, #section_custom a, #section_custom a:visited {} #section_custom a:hover {} #linksMenu_collapse .nav.navbar-nav.navbar-left {margin-left: 0;} #linksMenu_collapse .nav.navbar-nav.navbar-right {margin-right: 0;} #section_menuTop {} #section_slider {} #section_indexTxt, #section_news, #section_saleList, #section_prodListMain, #section_regForm, #section_regParForm, #section_userForm, #section_parForm {margin-bottom: 1em;} #filters_prodFilters, #filters_priceFilters, #filters_sortFilters, #filters_promotionTypes, #filters_availabilityStatus, #filters_resultsPerPage, #filters_buttons {margin-bottom: 15px;} #filters_availabilityStatus {text-align: right;} .table-responsive.no-border, .table-responsive.no-border th, .table-responsive.no-border td, .table-responsive.no-border tr {border: 0 solid;} .select_wrap.multiselect .table-responsive.f_tab {height: auto;} .select_wrap.multiselect .table-responsive.f_tab td {vertical-align: middle; padding: 5px 10px 5px 0; height: auto;} .select_wrap.multiselect .table-responsive.f_tab td .checkbox, .select_wrap.multiselect .table-responsive.f_tab td label, .select_wrap.multiselect .table-responsive.f_tab td img {display: inline-block; margin: 0; padding: 0; vertical-align: middle;} .select_wrap.multiselect .table-responsive.f_tab td .checkbox {margin-right: 10px;} #section_copyrights {font-size: 11px;} #section_copyrights .row, #section_menuFooter .row, #section_menuFooterColumns .row {padding-top: 10px; padding-bottom: 10px;} #custom776, #custom777, #customTxt, #infoserwis {color: inherit;} #infoserwis {text-align: right;} @media all and (max-width: 767px) { #section_copyrights .col-sm-12 {text-align: center;} #customTxt, #infoserwis {text-align: center; padding-top: 5px; padding-bottom: 5px;} } #custom776 a:hover img, #custom777 a:hover img {opacity: 0.9;} #custom776 {padding-top: 15px; padding-bottom: 15px;} #custom777 {padding-top: 10px; padding-bottom: 10px} .menuFooter {font-size: 19px;} .menuFooter .menuHead, .menuFooter h3 {font-size: 19px; padding: 0 0 6px 0; margin: 0; font-weight: 700;} @media all and (max-width: 991px) { .menuFooter .menuHead, .menuFooter h3 {padding-top: 10px;} } .menuFooter ul {list-style: none; margin: 0 0 10px 0; padding: 0;} .menuFooter li {padding: 4px 0; margin: 0;} .menuFooter div.conLinks0 {margin: 0; padding: 10px 0;} .menuFooter div.conLinks0 a {display: inline-block; padding: 4px 5px 4px 5px;} .menuFooter div.conLinks0 .sep {display: inline-block; padding: 4px 5px 4px 5px;} .menuFooter ul.conLinks2 {margin: 0; padding: 10px 0;} .menuFooter ul.conLinks2 li {display: inline-block; padding: 4px 10px 4px 0px;} .menuFooter.menuFooterMulti h3 {display: block;} .menuFooter.menuFooterMulti h3 span.fa, .menuFooter.menuFooterMulti h3 span.glyphicon {float: right; cursor: pointer; font-size: 24px; width: 30px; text-align: center; margin-top: -4px;} .menuFooter.menuFooterMulti ul.conLinks2 li {display: block; padding: 4px 0px 4px 0px;} @media all and (max-width: 991px) { .menuFooter.menuFooterMulti h3 {padding-top: 8px; padding-bottom: 8px;} .menuFooter.menuFooterMulti ul.conLinks2 {padding-top: 0; padding-bottom: 30px;} .menuFooter.menuFooterMulti ul.conLinks2 li {display: block; padding: 0 0px 0 0px;} .menuFooter.menuFooterMulti ul.conLinks2 li a {display: block; padding: 8px 0 8px 0; font-size: 19px;} } @media all and (min-width: 768px) { .menuFooter .collapse {display: block;} .menuFooter h3 span {display: none;} } /* Boostrap extensions */ @media all and (max-width: 479px) { .hidden-xxs { display: none !important; } } @media all and (max-width: 479px) { .visible-xxs-block, .visible-xxs { display: block !important; } .visible-xxs-inline-block { display: inline-block !important; } .visible-xxs-inline { display: inline !important; } table.visible-xxs { display: table; } tr.visible-xxs { display: table-row !important; } th.visible-xxs, td.visible-xxs { display: table-cell !important; } } /* Bootstrap ovverride */ .alert-success {clear: both;} .alert-success hr {} .alert-success .alert-link {} .well.information.hint, .alert-info {color: #555555; background-color: #f3f3f3; border-color: #dedede;} .alert-info hr {border-top-color: #a6e1ec;} .alert-info .alert-link {color: #245269;} .alert-warning {clear: both;} .alert-warning hr {} .alert-warning .alert-link {} .alert-danger {clear: both;} .alert-danger hr {} .alert-danger .alert-link {} .alert-success { background-image: none; } .well.information.hint, .alert-info { background-image: -webkit-linear-gradient(top, #f3f3f3 0%, #dedede 100%); background-image: -o-linear-gradient(top, #f3f3f3 0%, #dedede 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#dedede)); background-image: linear-gradient(to bottom, #f3f3f3 0%, #dedede 100%); background-repeat: repeat-x; border-color: #dedede; background-image: none; } .alert-warning { background-image: none; } .alert-danger { background-image: none; } #section_slider {clear: both; margin-top: 15px; background-color: #ffffff; border: 4px solid #f7f6f6;} #mainCol #section_slider {margin-top: 0; margin-bottom: 0;} #section_slider .container {padding-left: 0; padding-right: 0;} #section_slider .row {margin-left: 0; margin-right: 0;} #section_slider .col-md-12 {padding-left: 0; padding-right: 0;} .button, .btn, .btn-lg, .btn-group-lg > .btn, .btn-sm, .btn-group-sm > .btn, .btn-xs, .btn-group-xs > .btn, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn, .input-group-xs > .form-control, .input-group-xs > .input-group-addon, .input-group-xs > .input-group-btn > .btn, .form-control, .input-lg, .form-group-lg .form-control, .input-sm, .form-group-sm .form-control, .input-xs, .form-group-xs .form-control, .nav-tabs > li > a, .nav-tabs.nav-justified > li > a, .nav-pills > li > a, .nav-tabs-justified > li > a, .navbar, .navbar-toggle, .navbar-toggle .icon-bar, .dropdown-menu, .navbar-nav > li > .dropdown-menu, .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu, .breadcrumb, .pagination, .pager li > a, .pager li > span, .label, .container .jumbotron, .container-fluid .jumbotron, .thumbnail, .alert, .panel, .panel-heading, .panel-body, .panel-group .panel, .well, .well-lg, .well-sm, .well-xs, .modal-content {/* border-radius: 0; */} .navbar-brand {padding: 10px 0 0 10px;} .navbar-brand img {width: 110px;} /* menu */ #overHeader {} #overHeader li {font-size: 11px;} #quickSearch {margin: 8px 0 8px 0; float: right;} @media all and (min-width: 992px) and (max-width: 1199px) { #quickSearch {max-width: 280px;} } @media all and (min-width: 1200px) { #quickSearch {margin-left: 30px; max-width: 320px;} } .findForm.input-group {} .findForm.input-group.mobile {} .findForm.input-group.tablet {} .findForm .input-group-btn {} .findForm .fa.fa-plus, .findForm .fa.fa-search {} .findForm button.btn {} .findForm .txt {display: inline-block;} .findForm .fa-search {margin-right: 10px;} /* pakiet jezykowy */ #overHeader .nav {margin: 0;} #overHeader .nav#curLan {margin-right: 5px;} #overHeader .nav#curLan .link#flagList, #overHeader .nav#curLan .link#curList {margin-right: 15px;} #overHeader .nav#curLan ul, #overHeader .nav#curLan li {padding: 0; margin: 0;} #overHeader .nav#curLan a.dropdown-toggle {padding: 5px 10px;} #overHeader .nav#curLan ul.dropdown-menu {border: 0; padding: 0; margin: 0; box-shadow: none; min-width: auto; width: auto; top: 100%; left: auto; position: absolute;} #overHeader .nav#curLan .dropdown-menu li {padding: 0; margin: 0; width: 100px;} #overHeader .nav#curLan .dropdown-menu li a {padding: 5px 5px;} #overHeader .nav#curLan .dropdown-menu li img {margin-right: 5px;} #overHeader .nav#curLan .dropdown-menu .selected {font-weight: 700;} @media all and (max-width: 767px) { #overHeader .nav#curLan .open .dropdown-menu { position: absolute; top: 100%; background-color: #ffffff; } } #curLan {margin-top: 5px;} #header {} #logo {float: left;} #specialLogo {text-align: center; padding: 10px 10px;} #specialLogo img {max-width: 100%; height: auto; display: block; margin-left: auto; margin-right: auto;} @media all and (min-width: 768px) and (max-width: 991px) { .mediumWrap {overflow: hidden; clear: both; position: relative; height: 120px;} .mediumWrap #specialLogo {width: 50%; max-height: 100px; text-align: left;} .mediumWrap #specialLogo img {margin-left: 0; max-height: 100px;} .mediumWrap #mobi_search {position: absolute; top: 10px; right: 0;} /* set search to 100% width */ /* #mobi_search .navbar-form .input-group {display: table; width: 100%;} #mobi_search .navbar-form .input-group-btn {display: table-cell; width: 1%;} */ #mobi_clientMenu {} button[data-target="#mobi_search"] {display: none;} } .mainLogo {} .mainLogo img {vertical-align: middle; margin: 0;} #mainTop {position: relative;} .navbar#stickyTop {margin-bottom: 0; border-top: 0;} .collapse { height: auto !important; overflow: visible !important; } .navbar#clientMenu {padding: 0; margin: 0; border: 0; text-align: right; min-height: auto;} .navbar#clientMenu .navbar-right {margin-right: 0;} .navbar#clientMenu li {border: 0; padding: 0; margin: 0;} .navbar#clientMenu li a {padding: 9px 10px; border: 0; margin-left: 2px; text-align: center; font-size: 12px; line-height: 1;} .navbar#clientMenu li .badge {float: right; display: inline-block; margin: -2px 0 0 5px; font-size: 10px; padding: 3px 5px 4px 5px; line-height: 1;} .navbar#clientMenu li .delete {float: right; display: inline-block; width: 12px; height: 12px; margin: 7px 5px 0 -7px; padding: 9px 0; overflow: hidden; text-align: left; text-indent: -999px; background: transparent url(button_close.png) no-repeat 50% 50%;} .navbar#clientMenu li.comForm a {display: inline-block;} #mobi_clientMenu .navbar-collapse {overflow: hidden; height: auto;} #mobi_clientMenu .navbar-nav li.link {display: inline-block;} #mobi_clientMenu .navbar-nav li.link.dropdown {display: block;} /* cart */ #quickCart {display: inline-block; text-align: right; padding: 0; z-index: 9000; float: right; margin: 15px 10px 0 0; color: #ffffff; border: 1px solid #087d2a;} @media all and (max-width: 1199px) { #quickCart {margin-top: 5px;} } #quickCart .cartHidden {white-space: normal;} #mobiMenu #mobi_quickCart {text-align: right; float: right;} #quickCart, div.cart .rows {/* height: 46px; line-height: 46px; */} #mobiMenu {height: auto;} #mobiMenu #mobi_quickCart, #mobiMenu #mobi_quickCart div.cart .rows {/* height: 54px; line-height: 54px; */} div.cart {} div.cart a, div.cart a:visited {display: block; padding: 0;} div.cart a:hover {} div.cart a:hover span {cursor: pointer;} div.cart a.cart {position: relative; box-sizing: border-box; background-color: #14a23e;} div.cart .icon {display: block; color: #ffffff; box-sizing: border-box;} @media all and (max-width: 991px) { div.cart a.cart, div.cart .icon {width: 50px; height: 50px;} div.cart .icon {background: url(icon-cart-big-arrow.png) no-repeat 0% 50%; background-size: 100px 50px;} div.cart a .icon {background: #14a23e url(icon-cart-big-arrow.png) no-repeat 100% 50%; background-size: 100px 50px;} div.cart a:hover .icon {background: #0c7d2d url(icon-cart-big-arrow.png) no-repeat 100% 50%; background-size: 100px 50px;} } @media all and (min-width: 992px) { div.cart a.cart, div.cart .icon {width: 90px; height: 90px;} div.cart .icon {background: url(icon-cart-big-arrow.png) no-repeat 0% 50%;} div.cart a .icon {background: #14a23e url(icon-cart-big-arrow.png) no-repeat 100% 50%;} div.cart a:hover .icon {background: #0c7d2d url(icon-cart-big-arrow.png) no-repeat 100% 50%;} } div.cart.cartFull:hover .icon, div.cart.cartFull .icon:hover { background-color: #0c7d2d; -webkit-box-shadow:inset 0 0 8px -5px #000000; box-shadow:inset 0 0 8px -5px #000000; } .cart .rows {display: none;} .cartFull .cart {background-color: #0c7d2d; color: #ffffff;} @media all and (min-width: 992px) { .cartFull .cart:hover .rows {display: block; position: absolute; top: 84px; right: -1px; background-color: #0c7d2d; border: 1px solid #0c7d2d; white-space: nowrap; z-index: 9001;} } div.cart span.rows {/* float: right; */ padding: 15px 15px; /* width: 155px; */ text-align: center;} div.cart span.value, div.cart span.tags {display: inline-block; font-size: inherit; font-weight: inherit;} div.cart span.value {font-weight: bold;} div.cart span.price {display: inline-block; font-size: inherit; font-weight: inherit;} div.cart span.price span.currency {} div.cart span.basketItems {display: block; font-size: 23px; padding: 0px 0 5px 0;} div.cart span.basketItems span {font-size: inherit;} div.cart span.basketTotal {display: inline-block; font-size: 13px; padding: 5px 0;} div.cart span.basketTotal span {font-size: inherit;} div.cart div.buttons {text-align: center;} div.cart a.button {} div.basketEmpty {text-align: center;} #quickCart span, #quickCart a, #quickCart a:visited {color: #ffffff;} #quickCart a:hover, #quickCart a:hover span {color: #ffffff;;} /* div.cart {width: 320px; display: inline-block; background-color: #347bb5; color: #ffffff; padding: 0; margin: 0; position: relative; text-align: left; font-size: 14px; font-weight: 700; overflow: hidden;} div.cart.cartEmpty {} div.cart.cartFull {z-index: 9100!important;} div.cart span.icon {font-size: 18px; color: #ffffff; margin-left: 10px;} div.cart.cartFull span.icon {cursor: pointer;} div.cart span.sep {color: rgba(255,255,255,0.5);} div.cart .rows {display: inline-block; margin: 0; padding: 0 10px 0 10px; white-space: nowrap;} div.cart .tags {color: #ffffff; font-size: inherit;} div.cart .total {text-align: center; padding: 5px 0 10px 0;} div.cart .basketTotal .tags, div.cart .value, div.cart .price {color: #ffffff; font-size: inherit;} div.cart .basketItems {display: inline-block;} div.cart .cartHidden {width: 320px; background-color: #ffffff; line-height: 1.2; border: 1px solid #dedede; -webkit-box-shadow: 5px 5px 10px -5px rgba(0,0,0,1); box-shadow: 5px 5px 10px -5px rgba(0,0,0,1); } div.cart .total, div.cart .cartHidden, div.cart .cartHidden .price {color: #555555;} div.cart .cartItem {clear: left; overflow: hidden; padding: 10px 0 10px 0; margin: 0 0 10px 0; position: relative; border-bottom: 1px solid #efeeec;} div.cart .cartItem .cartPic {width: 60px; height: 60px; float: left; margin-left: 5px; position: relative; overflow: hidden;} div.cart .cartItem .cartValue {width: 210px; height: auto; float: left; margin-left: 5px; font-size: 11px;} div.cart .cartItem .cartProduct {font-size: 13px;} div.cart .cartItem .cartProduct a {display: block; font-weight: 700;} div.cart .cartItem .cartProduct, div.cart .cartItem .cartPrices, div.cart .cartItem .cartCounter {margin-bottom: 5px;} div.cart .cartItem .cartCounter span {padding-right: 2px;} div.cart .cartItem .price {font-size: 14px;} div.cart .cartItem .delete {margin-left: 10px;} div.cart .cartHidden.collapse .buttons {display: block; text-align: center; padding: 0 10px 10px 10px;} @media all and (min-width: 992px) { div.cart.cartEmpty .basketTotal, div.cart .basketTotal {display: inline-block;} div.cart .basketItems .value {padding-left: 5px;} } */ #quickPanel {display: none; text-align: right; padding: 0; background-color: #14a23e; color: #ffffff; font-size: 20px; float: right; margin: 15px 10px 0px 0; border: 1px solid #087d2a; min-height: 92px;} @media all and (max-width: 1199px) { #quickPanel {margin-top: 5px;} } @media all and (min-width: 1200px) { #quickPanel {display: inline-block;} } #quickPanel a, #quickPanel a:visited {color: #ffffff;} #quickPanel a:hover {color: #000000;} #quickPanel .panelLogout a, #quickPanel .panelLogout a:visited {color: #000000;} #quickPanel .panelLogout a:hover {color: #ffffff;} .topWrap {float: right; z-index: 9000;} .menuHeader {float: right; width: auto; margin: 0 0 0 auto; text-align: right; padding: 0; position: relative; z-index: 8999; clear: both;} .menuHeader ul {display: inline-block; margin: 0;} .menuHeader ul, .menuHeader li {margin: 0; padding: 0; list-style: none;} .menuHeader ul li {display:inline-block; position: relative;} .menuHeader ul li a {display: inline-block; margin: 0 0 0 0; font-size: 19px; padding: 8px 15px 8px 15px; line-height: 19px; text-align: center; font-weight: bold; border: 2px solid #ffffff;} .menuHeader ul li a span {display: block;} .menuHeader ul li ul {display: none;} .menuHeader ul li:hover a {border: 2px solid #edebeb;} .menuHeader ul li:hover li a {border: 0;} .menuHeader ul li:hover ul {display: block; min-width: 250px; position: absolute; left: auto; right: 0; top: 37px; padding: 5px; background-color: #ffffff; padding: 0; white-space: nowrap; box-shadow: 5px 5px 10px -8px #000000; border: 2px solid #edebeb;} .menuHeader ul li li {display: block;} .menuHeader ul li li a {font-size: 14px; text-align: left; font-weight: normal; padding: 5px 10px 5px 10px; line-height: 1.3; display: block;} #mobiMenu .navbar-toggle {float: left; margin: 8px 5px 0px 5px;} #mobiMenu .navbar-toggle {background: #14a23e; border: 1px solid #0c7d2d; color: #ffffff;} #mobiMenu .navbar-toggle:hover {background: #0c7d2d; border: 1px solid #0c7d2d; color: #ffffff;} #mobiMenu .navbar-toggle.collapsed {background: #fe7f27; border: 1px solid #c04e01; color: #ffffff;} #mobiMenu .navbar-toggle.collapsed:hover {background: #0c7d2d; border: 1px solid #0c7d2d; color: #ffffff;} #mobiMenu span.ico {float: left; color: #ffffff; font-size: 18px;} #mobiMenu .text {padding-top: 7px; height: 33px;} #mobiMenu #mobi_quickCart div.cart {font-size: 18px; width: auto;} #mobiMenu #mobi_quickCart div.cart .rows {} #mobiMenu #mobi_quickCart div.cart .tags {display: none;} /* underHeader */ #underHeader {z-index: 9100; display: none;} #underHeaderOuter {border: 0; padding: 0; margin: 0; height: 0!important;} .sticky#underHeader {display: block;} @media all and (max-width: 991px) { #underHeaderOuter {display: none!important;} } #underHeader {background-color: transparent;} .sticky#underHeader { background-color: #fe7f27; background-image: none; } .navbar-inverse { background-color: #fe7f27; background-image: none; } #underHeader .content {margin: 0 auto; padding: 0; width: 100%;} @media all and (max-width: 991px) { #mainTop #logo {display: block; text-align: center;} #underHeader a.smallLogo {display: none;} } @media all and (min-width: 992px) { #mainTop #logo {display: block; margin-left: -5px; margin-top: -10px;} #underHeader a.smallLogo {display: none;} } @media all and (min-width: 1200px) { #mainTop #logo {margin-top: 7px;} #underHeader a.smallLogo {display: none;} } #menuTop {margin: 0 auto; clear: both; padding: 0; z-index: 10100;} #menuTop ul {margin-bottom: 0;} #menuTop ul.nav.navbar-nav {} @media all and (min-width: 992px) { #menuTop ul.nav.navbar-nav {width: 100%; min-height: auto; margin: 0 auto;} } #menuTop .nav li > ul {display: none;} #menuTop .nav li:hover > ul {display: block;} #menuTop .nav li {display: inline-block; position: relative;} #menuTop .nav li li {display: block;} #menuTop .nav li a {display: inline-block; padding: 0 15px; height: 46px; line-height: 46px; font-size: 19px; font-weight: 700;} #menuTop .nav li li a {padding: 5px 10px; height: auto; line-height: 1.3; font-size: 12px; font-weight: 400;} #menuTop .nav li ul {width: auto; min-width: 250px; position: absolute; top: 44px; left: 0; opacity: 0;} #menuTop .nav li:hover ul {height: auto; overflow: visible; z-index: 10101; padding: 0; opacity: 1; background-color: #ffffff; box-shadow: 5px 5px 10px -8px #000000; border: 2px solid #edebeb;} .sticky #menuTop .nav li:hover ul {top: 44px; border: 0;} #menuTop .nav li:hover ul div {padding: 0 5px;} #menuTop .nav li ul ul {width: 0; height: 0; left: 100%; top: 0px; opacity: 0; z-index: -1;} #menuTop .nav li ul li:hover ul {width: auto; height: auto; position: absolute; z-index: 10102; opacity: 1;} #menuTop ul li a, .menuHeader ul li a, #menuTop ul li a:visited, .menuHeader ul li a:visited {color: #5e6167; background-color: transparent; background-image: none;} #menuTop ul li a:hover, .menuHeader ul li a:hover {color: #000000; background-color: transparent; background-image: none;} #menuTop ul li a.selected, .menuHeader ul li a.selected, #menuTop ul li a.selected:visited, .menuHeader ul li a.selected:visited {color: #fe7f27; background-color: #ffffff; background-image: none;} #menuTop ul li a.selected:hover, .menuHeader ul li a.selected:hover {color: #000000; background-color: #ffffff; background-image: none;} #menuTop .nav li a.dropdown-toggle, .menuHeader .nav li a.dropdown-toggle {padding-left: 0; padding-right: 0; background-color: #ffffff; border-left: 0; width: 26px; text-align: center; margin-left: -13px;} #menuTop .nav .caret, .menuHeader .nav .caret {/* display: none; */} #menuTop .dropdown-menu .menuHeader .dropdown-menu {background-color: rgba(255,255,255,1); background-image: none;} #menuTop .nav li, .menuHeader .nav li {background-color: transparent;} #menuTop .nav li a, #menuTop .nav li a:visited {border: 2px solid transparent;} #menuTop .nav li a:hover {border: 2px solid #edebeb;} #menuTop .nav li:hover a, #menuTop .nav li:hover a:visited, #menuTop .nav li:hover a:hover {border: 2px solid #edebeb;} #menuTop .nav li:hover li a, #menuTop .nav li:hover li a:visited, #menuTop .nav li:hover li a:hover {border: 0;} .sticky #menuTop .nav li a, .sticky #menuTop .nav li a:visited {border: 0; background-color: transparent;} .sticky #menuTop .nav li a:hover {border: 0; background-color: transparent;} .sticky #menuTop .nav li a.selected, .sticky #menuTop .nav li a.selected:visited {color: #000000; background-color: transparent;} .sticky #menuTop .nav li a.selected:hover {background-color: #ffffff; color: #fe7f27;} .sticky #menuTop .nav li {color: #5e6167;} .sticky #menuTop .nav li:hover {background-color: #ffffff;} .sticky #menuTop .nav li:hover li a, .sticky #menuTop .nav li:hover li a:visited {color: #000000;} .sticky #menuTop .nav li:hover li a:hover {color: #fe7f27;} .sticky #menuTop .nav li:hover li {background-color: transparent;} .sticky #menuTop .nav li:hover li a.selected, .sticky #menuTop .nav li:hover li a.selected:visited {color: #fe7f27;} .sticky #menuTop .nav li:hover li a.selected:hover {color: #000000;} #menuTop li a {/* border-right: 1px solid #2a2a2a; */} #menuTop li li a {/* border-right: 0; */} /* menu v2 */ #menuTop .dropdown-menu {background-color: rgba(255,255,255,1);} #menuTop .nav li:hover ul {padding: 15px;} #menuTop .nav li li a {padding: 5px; font-size: 14px;} /* mobi_underHeader */ #mobi_underHeader, #mobi_underHeaderCat {margin: 0; padding: 0;} #mobi_underHeader, #mobi_underHeaderCat {background-color: transparent;} #mobi_underHeader .dropdown-menu, #mobi_underHeaderCat .dropdown-menu {background-color: transparent;} #mobi_underHeader .open .dropdown-menu, #mobi_underHeaderCat .open .dropdown-menu {background-color: transparent;} #mobi_underHeader .navbar-nav, #mobi_underHeaderCat .navbar-nav {margin: 0;} #mobi_underHeader .container, #mobi_underHeaderCat .container {margin: 0; padding: 0;} #mobi_menuTop, #mobi_menuCat {color: #1d2c47; padding: 0; margin: 0;} #mobi_menuTop li a, #mobi_menuCat li a {font-size: 16px; line-height: 20px; padding-top: 10px; padding-bottom: 10px;} #mobi_menuTop li a.dropdown-toggle, #mobi_menuCat li a.dropdown-toggle {font-size: 18px; line-height: inherit; padding-top: 0; padding-bottom: 0;} #mobi_menuTop li li a, #mobi_menuCat li li a {font-size: 14px; padding-top: 8px; padding-bottom: 8px;} #mobi_menuTop li li a, #mobi_menuCat li li a, #mobi_menuTop li li a:visited, #mobi_menuCat li li a:visited {border: 0px solid #1d2c47; color: #555555;} #mobi_menuTop li li a:hover, #mobi_menuCat li li a:hover {border: 0px solid #ffffff;} #mobi_menuTop li li a.selected, #mobi_menuCat li li a.selected, #mobi_menuTop li li a:hover, #mobi_menuCat li li a:hover {color: #1d2c47; background-color: #f3f3f3; background-image: none;} #mobi_menuTop li.active > a, #mobi_menuCat li.active > a {font-weight: 700;} #mobi_menuTop li li:hover a, #mobi_menuCat li li:hover a {} #mobi_menuTop li li a:hover, #mobi_menuCat li li a:hover {} #mobi_menuTop li li a.selected:hover, #mobi_menuCat li li a.selected:hover {} #mobi_menuTop li.dropdown a, #mobi_menuCat li.dropdown a {padding-right: 35px; position: relative;} #mobi_menuTop li.dropdown a.dropdown-toggle, #mobi_menuCat li.dropdown a.dropdown-toggle {display: inline-block; position: absolute; top: 0px; right: 0px; border: 0; width: auto; padding-left: 0; padding-right: 0; text-align: left; border-left: 1px solid rgba(222,222,222,0.2);} #mobi_menuTop li.dropdown li a, #mobi_menuCat li.dropdown li a {} #mobi_menuTop li.dropdown li a.dropdown-toggle, #mobi_menuCat li.dropdown li a.dropdown-toggle {border-left: 1px solid rgba(222,222,222,0.2);} #mobi_menuTop .caret, #mobi_menuCat .caret { /* glyphicon */ position: relative; text-align: center; top: 0px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: /* 1 */ 40px; width: 30px; border: 0; height: inherit; } #mobi_menuTop .caret:before, #mobi_menuCat .caret:before { content: "\e114"; } #mobi_menuTop .caret.less:before, #mobi_menuCat .caret.less:before { content: "\e113"; } #mobi_menuTop ul.nav li.dropdown:hover > ul.dropdown-menu, #mobi_menuCat ul.nav li.dropdown:hover > ul.dropdown-menu {} #mobi_menuTop ul.nav ul.dropdown-menu li.dropdown.dropdown-submenu, #mobi_menuCat ul.nav ul.dropdown-menu li.dropdown.dropdown-submenu {/* position: relative; */} #mobi_menuTop ul.nav ul.dropdown-menu li.dropdown.dropdown-submenu ul, #mobi_menuCat ul.nav ul.dropdown-menu li.dropdown.dropdown-submenu ul {/* display: block; */} #mobi_menuTop ul.nav ul.dropdown-menu li.dropdown.dropdown-submenu:hover ul.dropdown-menu, #mobi_menuCat ul.nav ul.dropdown-menu li.dropdown.dropdown-submenu:hover ul.dropdown-menu {/* display: block; */ /* position: absolute; left: 100%; top: 0; margin-top: -6px; */} @media all and (max-width: 1199px) { #mobi_menuTop .navbar-nav .dropdown-menu, #mobi_menuCat .navbar-nav .dropdown-menu {} #mobi_menuTop .navbar-nav .open .dropdown-menu, #mobi_menuCat .navbar-nav .open .dropdown-menu { display: block; position: static; float: none; -webkit-box-shadow: none; box-shadow: none; /* margin-left: 15px; */ border: 0; } #mobi_menuTop .dropdown-menu, #mobi_menuCat .dropdown-menu {margin-top: 0; padding-top: 0; padding-bottom: 0;} #mobi_menuTop .navbar-nav .open .dropdown-menu .dropdown-menu, #mobi_menuCat .navbar-nav .open .dropdown-menu .dropdown-menu {padding-left: 10px;} #mobi_menuTop .navbar-nav .open .dropdown-menu .dropdown-toggle, #mobi_menuCat .navbar-nav .open .dropdown-menu .dropdown-toggle {display: none;} } @media all and (min-width: 992px) { .navbar-collapse.collapse#mobi_menuTop, .navbar-collapse.collapse#mobi_menuCat {display: none!important;} } /* catMenu */ #box_catMenu {} .catMenu {} .catMenu ul {list-style: none; margin: 0; padding: 0; width: 100%;} .catMenu li {list-style: none; margin: 0; padding: 0; display: block;} .catMenu ul ul {padding-top: 10px; padding-bottom: 10px;} .catMenu li a {display: block; padding: 7px 0 7px 0; font-size: 16px; border-bottom: 1px solid #dddddd;} .catMenu li a:hover {padding-left: 5px;} .catMenu li li a {font-size: 14px; padding: 3px 10px 3px 15px; border-bottom: 0;} .catMenu li li a:hover {padding-left: 20px;} .catMenu li li li a {padding-left: 30px;} .catMenu li li li a:hover {padding-left: 35px;} .catMenu li li li li a {padding-left: 45px;} .catMenu li li li li a:hover {padding-left: 50px;} .catMenu li li li li li a {padding-left: 60px;} .catMenu li li li li li a:hover {padding-left: 65px;} .catMenu li a.selected {font-weight: 700;} .catMenu ul li a, .catMenu ul li a:visited {} .catMenu ul li a:hover {} .catMenu ul li a.selected, .catMenu ul li a.selected:visited {} .catMenu ul li a.selected:hover {} /* catMenu */ #box_conCatMenu {} .catMenu.conCatMenu {} /* slideShow */ .carousel-control {width: 15%; opacity: 0;} .carousel-control:hover {opacity: 1;} @media all and (min-width: 768px) { .carousel-control {width: 50px;} } @media all and (min-width: 1200px) { .carousel-control {width: 60px;} } .carousel {} .carousel-inner .item {} .carousel-inner .item img {width: 100%; display: block; height: auto;} .carousel-caption {left: 25px; bottom: 25px; right: auto; margin: 0; text-align: left; padding: 0; max-width: 80%; z-index: 10;} .carousel-control {z-index: 15;} .carousel-caption h3 {display: inline-block; font-weight: 400; margin: 0 auto 0 0; padding: 5px 10px; left: 0; font-size: 22px; color: #ffffff; background-color: transparent; text-align: left; line-height: 22px; text-shadow: 0px 0px 5px rgba(0,0,0,1);} .carousel-caption p {margin: 10px auto 0 0; font-weight: 300; padding: 10px 20px; background-color: rgba(50,50,50,0.5); border-radius: 0; color: #ffffff; font-size: 14px; text-align: left; width: auto; line-height: 1.3;/* border-radius: 10px; */} .carousel-indicators {left: auto; right: 10px; bottom: 5px; margin-bottom: 0; text-align: right; z-index: 20;} .carousel-indicators li, .carousel-indicators li.active {margin: 0 0 0 2px; border-radius: 0; width: 10px; height: 10px; padding: 0; text-decoration: none; border: 1px solid #ffffff;} .carousel-indicators li {background-color: #d5d5d5; color: #ffffff; opacity: 0.8;} .carousel-indicators li.active {background-color: #fe7f27; opacity: 1;} .carousel-indicators li:hover {background-color: #ffffff; opacity: 0.9; /* border-color: #347bb5; */} @media all and (max-width: 767px) { .carousel-indicators {bottom: 10px; left: 50%; bottom: 0; right: auto; width: 60%; margin-left: -30%; text-align: center;} } @media all and (min-width: 1200px) { .carousel-caption h3 {} .carousel-caption p {} } /* fade for carousel */ .carousel[data-fx="fade"] .carousel-inner .item { -webkit-transition-property: opacity; transition-property: opacity; } .carousel[data-fx="fade"] .item, .carousel[data-fx="fade"] .active.left, .carousel[data-fx="fade"] .active.right { opacity: 0; } .carousel[data-fx="fade"] .active, .carousel[data-fx="fade"] .next.left, .carousel[data-fx="fade"] .prev.right { opacity: 1; } .carousel[data-fx="fade"] .next, .carousel[data-fx="fade"] .prev, .carousel[data-fx="fade"] .active.left, .carousel[data-fx="fade"] .active.right { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .carousel[data-fx="fade"] .active.left {z-index:2;} .carousel[data-fx="fade"] .next {z-index:1;} /* ul.dropdown-menu li:hover {position: relative;} ul.dropdown-menu li:hover ul {position: absolute; left: 100%; top: 0; display: block;} */ * html .ui-autocomplete {width:1px;} .ui-autocomplete {position: absolute; cursor: default; z-index: 9000!important;} .ui-menu {list-style: none; display: block; box-sizing: border-box; width: 285px; margin: 0; padding: 0; float: left; background-color: rgb(255,255,255); color: #808080; overflow: auto; max-height: 600px; background: #ffffff none; border: 1px solid #dddddd; border-bottom: 0;} .ui-menu .ui-menu-item {list-style: none; display: block; box-sizing: border-box; width: 100%; margin: 0; padding: 4px 12px 4px 12px; float: left; clear: left; text-decoration: none; line-height: 1.5; font-size: 11px; cursor: pointer; background: #ffffff none; border: 0; border-bottom: 1px solid #dddddd; white-space: normal;} .ui-menu .ui-menu-item:hover, .ui-menu .ui-menu-item.ui-state-hover, .ui-menu .ui-menu-item.ui-state-focus, .ui-menu .ui-menu-item.ui-state-active {background: #efefef none; color: #000000;} .ui-menu .sugg {display: block; box-sizing: border-box; width: 100%; padding: 0 0; color: inherit; text-decoration: none;} .ui-menu .pics {display: block; box-sizing: border-box; float: left; width: 40px; height: 40px; overflow: hidden; position: relative; background-color: #ffffff; border: 1px solid #dedede; margin: 0 10px 0 0;} .ui-menu .pics img {position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; overflow: auto; max-width: 90%; max-height: 90%; display: block; width: auto; height: auto;} .ui-menu .names {display: block; box-sizing: border-box;} .ui-menu .names .name {} .ui-menu .names .price {padding-top: 4px; font-size: 11px; color: inherit;} .ui-menu .names .price .currency {font-size: inherit; color: inherit;} @media all and (max-width: 479px) { .ui-menu {width: 255px;} .ui-menu .pics {display: none;} } @media all and (max-width: 359px) { .ui-menu {width: 225px;} } /* box default */ .panel { background-color: transparent; border: 0; box-shadow: none; } .panel.box { border-color: #dddddd; border: 0; } .panel.box > .panel-heading { /* color: #333; */ background-color: transparent; border: 0px solid #dddddd; padding: 10px 0; } .panel.box > .panel-heading + .panel-collapse > .panel-body { border-top-color: #dddddd; border: 0; } .panel.box > .panel-heading .badge { color: #f3f3f3; background-color: #333; } .panel.box > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #dddddd; border: 0; } /* box-blue */ .panel.box1 { border-color: #337ab7; border: 0; } .panel.box1 > .panel-heading { /* color: #fff; */ /* background-color: #337ab7; */ border-color: #337ab7; border: 0; } .panel.box1 > .panel-heading + .panel-collapse > .panel-body { border-top-color: #337ab7; border: 0; } .panel.box1 > .panel-heading .badge { color: #337ab7; background-color: #fff; } .panel.box1 > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #337ab7; border: 0; } #sideColLeft .panel .panel-body {padding: 15px;} #sideColLeft #box_loginForm .panel-body {/* padding: 10px 0; */} #sideColLeft #box_catMenu .panel-body, #sideColLeft #box_conCatMenu .panel-body {/* padding: 12px 0 15px 0; */} /* headers */ .pageTitle, .panel-heading, .panel-heading .panel-title, .pageSubTitle, .moduleTitle {font-weight: 700; color: #000000; margin: 0; padding: 0 0;} #sideColLeft .pageTitle, #sideColLeft .panel-heading, #sideColLeft .panel-heading .panel-title, #sideColLeft .pageSubTitle, #sideColLeft .moduleTitle {color: #7e7e7e;} .pageTitle {font-size: 26px;} .panel-heading, .panel-heading .panel-title {font-size: 16px;} .pageSubTitle {font-size: 22px;} .moduleTitle, .tabContent .pageTitle {font-size: 16px;} .panel-heading .panel-title {padding: 0;} #sideColLeft .panel-heading {} #sideColLeft .panel-heading .panel-title {text-transform: uppercase;} .panel-heading h1, .panel-heading h2, .panel-heading h3, .panel-heading h4, .panel-heading h5, .panel-heading h6 {font-size: inherit; font-weight: inherit; color: inherit; margin: 0; padding: 0;} #mainCol h1.pageTitle {margin-bottom: 15px;} #mainCol .pageSubTitle {margin-bottom: 5px;} #searches .box {margin-bottom: 15px;} #searches .box .boxHead .boxTitle {font-size: 22px;} #searches span.choose, #searches .box .boxHead .boxTitle h3 span, #searches .box .boxHead .boxTitle h5 span {color: #fe7f27; font-style: italic; padding-right: 3px;} .byPlates {background-color: #ffffff; border: 4px solid #316396 /* #5692ce */; position: relative; overflow: hidden; z-index: 1;} .byPlates .wrapper {display: block; width: 100%; float: left; clear: both; position: relative; height: 56px;} .byPlates input {display: inline-block; box-sizing: border-box; width: 100%; border: 0; padding: 0px 80px 0px 15px; height: 56px; line-height: 1; font-size: 30px; background-color: #ffffff; background-image: none; color: #000000;} .byPlates input.btn, .byPlates input.button {position: absolute; top: 0; right: 0; display: inline-block; width: 70px; height: 56px; line-height: 1; padding: 0 0 0 0; background-color: #316396; color: #ffffff; background-image: none; font-size: 22px; font-weight: bold; text-align: center; -webkit-box-shadow:inset 0 0 8px -5px #000000; box-shadow:inset 0 0 8px -5px #000000; } .byPlates input.btn:hover, .byPlates input.button:hover {background-color: #e30613; color: #ffffff; border: 0;} .byPlates input {position: absolute; top: 0; left: 0;} .byPlates input.btn, .byPlates input.button {left: auto; right: 0;} #searches div#search_or {display: inline-block; width: 100px; text-align: center; position: absolute; top: 170px; right: 30px; border-top: 4px solid #ffffff; border-right: 4px solid #edebeb; border-bottom: 4px solid #ffffff; border-left: 4px solid #edebeb; background-color: #ffffff; z-index: 2;} #searches div#search_or span {display: inline-block; color: #000000; font-style: italic; font-weight: bold; height: 24px; line-height: 24px; font-size: 22px;} /* .byParts {background-color: #ffffff; border: 4px solid #5692ce; position: relative; height: 54px; overflow: hidden; z-index: 1;} .byParts .wrapper {display: block; width: 100%; float: left; clear: both; position: relative; height: 56px;} .byParts span {float: left;} .byParts input {display: inline-block; box-sizing: border-box; width: 100%; border: 0; padding: 0px 80px 0px 15px; height: 56px; line-height: 1; font-size: 30px; background-color: #ffffff; background-image: none; color: #000000;} .byParts input.btn, .byParts input.button {position: absolute; top: 0; right: 0; display: inline-block; width: 70px; height: 56px; padding: 0 0 0 0; background-color: #e30613; color: #ffffff; background-image: none; font-size: 22px; font-weight: bold; text-align: center;} .byParts input.btn:hover, .byParts input.button:hover {background-color: #5692ce; color: #ffffff; border: 0;} .byParts input {position: absolute; top: 0; left: 0;} .byParts input.btn, .byParts input.button {left: auto; right: 0;} */ .specialSearch2 {padding: 0;} .specialSearch2 div.wiersz {margin: 10px 0; padding: 0; clear: both; width: 100%; box-sizing: border-box;} .specialSearch2 div.tag {display: inline-block; width: 33%; padding: 6px 5px 0 0; text-align: right; font-size: 15px; color: #ffffff; font-weight: bold; box-sizing: border-box;} .specialSearch2 div.select {display: inline-block; width: 66%; box-sizing: border-box; text-align: right;} .specialSearch2 div.select .chosen-container {text-align: left;} .specialSearch2 .buttons {display: block; width: 100%; clear: both; overflow: hidden; padding-top: 10px;} .specialSearch2 .buttons .btn {padding: 10px 15px;} .specialSearch2 .buttons #reset_but {float: left; opacity: 0.25;} .specialSearch2 .buttons #reset_but:hover {opacity: 1;} .specialSearch2 .buttons #set_but {float: right; margin-right: 4px;} @media all and (max-width: 1199px) { .specialSearch2 div.tag {display: block; width: 100%; text-align: left;} .specialSearch2 div.select {display: block; width: 100%; text-align: left;} } .orders .pageSubTitle {margin-top: 15px;} .components .pageTitle {padding-top: 15px; padding-bottom: 15px;} .form-control {box-shadow: none;} /* buttons */ .button { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; /* -ms-touch-action: manipulation; touch-action: manipulation; */ cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; } .button:focus, .button:active:focus, .button.active:focus, .button.focus, .button:active.focus, .button.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .button:hover, .button:focus, .button.focus { color: #333; text-decoration: none; } .button:active, .button.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); } .button.disabled, .button[disabled], fieldset[disabled] .button { /* pointer-events: none; */ cursor: not-allowed; /* filter: alpha(opacity=65); */ -webkit-box-shadow: none; box-shadow: none; opacity: .65; } .button, .btn {box-shadow: none; background-image: none;} .button#reg_submit, .btn#reg_submit {padding: 10px 20px; font-size: 16px;} .btn.button-long {white-space: normal; word-wrap: break-word;} .item .btn.btn-see, .item .btn.btn-cart {padding: 5px 20px 5px 20px; text-align: center; font-size: 13px;} .btn-cart#addToBasket {} .btn .icon {margin-right: 10px; margin-left: -5px; font-size: 18px;} .btn-cart#addToBasket .icon {} .button, .button:visited, .button:focus, .btn, .btn:visited, .btn:focus, .btn.btn-default, .btn.btn-default:visited { display: inline-block; cursor: pointer; text-decoration: none; font-weight: bold; text-align: center; background-color: #fe7f27; border: 1px solid #c04e01; color: #FFFFFF; text-shadow: none; -webkit-box-shadow:inset 0 0 8px -5px #000000; box-shadow:inset 0 0 8px -5px #000000; background-image: none; } .button:hover, .btn:hover, .btn.btn-default:hover { text-decoration: none; background-color: #14a23e; border: 1px solid #0c7d2d; color: #FFFFFF; text-shadow: none; -webkit-box-shadow:inset 0 0 8px -5px #000000; box-shadow:inset 0 0 8px -5px #000000; background-image: none; } .button:active, .btn:active {background-color: #fa212c;} .btn.btn-primary, .btn.btn-primary:visited { /* color: #ffffff; background-color: #3A89C9; border-color: #3A89C9; */ } .btn.btn-primary:hover { /* color: #ffffff; background-color: #1b325f; background-image: linear-gradient(to bottom, transparent, #1b325f); border-color: #1b325f; */ background-image: none; } .btn.btn-default#toTop, .btn.btn-default#toTop:visited { color: #ffffff; background-color: #1b325f; background-image: none; border-color: #1b325f; position: fixed; bottom: 5px; right: 5px; opacity: 0.75; } .btn.btn-default#toTop:hover { color: #ffffff; background-color: #1a1a18; background-image: none; border-color: #1a1a18; position: fixed; bottom: 5px; right: 5px; opacity: 1; } /* buttons */ .buttonRed, .buttonRed:visited {background-color: #e30613; color: #ffffff; border: 0px solid #bc050f;} .buttonRed:hover {background-color: #ffffff; color: #e30613; border: 0px solid #ffffff;} .buttonBlue, .buttonBlue:visited {background-color: #5692ce; color: #ffffff; border: 0px solid #5692ce;} .buttonBlue:hover {background-color: #e30613; color: #ffffff; border: 0px solid #bc050f;} .buttonWhite, .buttonWhite:visited {background-color: #ffffff; color: #36589b; border: 0px solid #ffffff;} .buttonWhite:hover {background-color: #e30613; color: #ffffff; border: 0px solid #bc050f;} .chosen-container-single:hover .chosen-single div b { -webkit-transition: background-color 0.25s ease 0s; -moz-transition: background-color 0.25s ease 0s; -ms-transition: background-color 0.25s ease 0s; -o-transition: background-color 0.25s ease 0s; transition: background-color 0.25s ease 0s; } .button-BLUE {background-color: #316396; border: 1px solid #264f77;} .button-RED {background-color: #e30613; border: 1px solid #bc050f;} .button-GREEN {background-color: #14a23e; border: 1px solid #0c7d2d;} .button-ORANGE {background-color: #fe7f27; border: 1px solid #c04e01;} .loginPage input.btn {padding: 2px 18px; font-size: 23px;} /* przewijanie (slick) */ #mainProd {display: none;} #prodListMain {display: none; overflow: hidden; position: relative; background-color: #f3f3f3; border-radius: 0; margin: 15px 0 15px 0; padding: 20px 15px; height: auto;} #slideSaleList, .slideSaleList {overflow: hidden; position: relative; background-color: #f3f3f3; border-radius: 0; margin: 0 10px 0 10px; padding: 15px 0px; height: auto;} /* producenci */ .producer.thumbnail {margin: 0px 15px; padding: 0; height: auto; width: 100%; text-align: center; vertical-align: middle; border: 0; box-shadow: none; overflow: hidden; position: relative;} .producer.thumbnail a {display: block; padding: 0 0; text-align: center; font-size: 11px;} .producer.thumbnail a.producerImage {height: auto; background-color: #f3f3f3; vertical-align: middle;} .producer.thumbnail a.producerImage img {vertical-align: middle; opacity: 0.9} .producer.thumbnail a.producerImage:hover img {opacity: 1;} .producer.thumbnail .caption {display: none; position: absolute; top: -100%; background-color: rgba(255,255,255,0.9); color: #555555; font-size: 11px; width: 100%; padding: 0;} .producer.thumbnail:hover .caption {top: 0;} .producer.thumbnail .caption .producerName {font-size: inherit; margin: 0; padding: 0;} .producer.thumbnail .caption a {display: block; padding: 5px;} .producer.thumbnail .caption a span {} .producer.thumbnail a.producerImage {position: relative; height: 55px;} .producer.thumbnail a.producerImage img { max-width: 100%; max-height: 100%; display: block; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: auto; } /* prodList */ .prodList {overflow: hidden;} .prodList .brandItems {} .prodList ul.brands {width: 100%; margin: 0; padding: 0; overflow: auto; list-style: none;} .prodList ul.brands li.brands {width: 20%; text-align: center; margin: 0; padding: 0; list-style: none; display: inline-block; float: left; overflow: hidden;} .prodList div.producer {margin: 15px; padding: 0 0 45px 0; position: relative; overflow: hidden;} .prodList div.producer a {text-decoration: none;} .prodList .producer .producerImage {text-align: center; position: relative; padding: 10px;} .prodList .producer .producerImage a {display: block; margin: 0; padding: 0; overflow: hidden; position: relative;} .prodList .producer .producerImage .producerPic {display: block; width: 100%; height: 150px; position: relative;} .prodList .producer .producerImage .producerPic img {display: block; max-width: 100%; max-height: 100%; margin: auto; overflow: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0;} .prodList .producer .producerImage .producerDesc {display: block; position: absolute; top: -100%; left: 0; width: 100%; opacity: 0;} .prodList .producer:hover .producerImage .producerDesc {top: 0%; opacity: 1;} .prodList .producer .producerImage .producerDesc a {display: block; padding: 10px; font-size: 12px; background-color: rgb(255,255,255); background-color: rgba(255,255,255,0.9);} .prodList .producer .producerName {margin: 0; padding: 0; position: absolute; bottom: 0; display: block; width: 100%; background-color: rgb(255,255,255);} .prodList .producer .producerName a {display: block; padding: 15px; font-size: 14px; text-align: center;} .prodList .producer .producerName a span {} .prodList div.producer {background-color: rgb(255,255,255); border: 1px solid #eeeeee;} .prodList div.producer:hover {background-color: rgb(255,255,255); border: 1px solid #e6e6e6;} @media all and (max-width: 991px) { .prodList ul.brands li.brands {width: 25%;} } @media all and (max-width: 767px) { .prodList ul.brands li.brands {width: 50%;} } @media all and (max-width: 479px) { .prodList ul.brands li.brands {width: 100%;} } /* Slider */ .slick-slider {position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box;} .slick-slider { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list {position: relative; display: block; overflow: hidden; margin: 0; padding: 0 15px;} .slick-list:focus {outline: none;} .slick-list.dragging {cursor: pointer;} .slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .slick-track {position: relative; top: 0; left: 0; display: block;} .slick-track:before, .slick-track:after {display: table; content: '';} .slick-track:after {clear: both;} .slick-loading .slick-track {visibility: hidden;} .slick-slide {display: none; float: left; height: 100%; min-height: 1px;} [dir="rtl"] .slick-slide {float: right;} .slick-slide img {display: block;} .slick-slide.slick-loading img {display: none;} .slick-slide.dragging img {pointer-events: none;} .slick-initialized .slick-slide {display: block;} .slick-loading .slick-slide {visibility: hidden;} .slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent;} .slick-arrow.slick-hidden {display: none;} .slick-loading .slick-list {background: #fff url(ajax-loader.gif) center center no-repeat;} /* Icons */ /* @font-face {font-family: 'slick'; font-weight: 400; font-style: normal; src: url('fonts/slick.eot'); src: url('fonts/slick.eot?#iefix') format('embedded-opentype'), url('fonts/slick.woff') format('woff'), url('fonts/slick.ttf') format('truetype'), url('fonts/slick.svg#slick') format('svg');} */ /* Arrows */ .slick-prev, .slick-next {font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 30px; height: 30px; margin-top: -15px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; z-index: 2;} .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {color: transparent; outline: none; background: transparent; background-color: rgba(255,255,255,0.4);} .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {opacity: 1;} .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {opacity: 0.25;} .slick-prev:before, .slick-next:before {/* font-family: 'slick'; */ font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .slick-prev span, .slick-next span {display: inline-block; font-size: 18px; color: #ffffff; text-shadow: 1px 1px 1px #000000;} .slick-prev:hover span, .slick-next:hover span {color: #ffffff;} .slick-prev {left: 0px;} [dir='rtl'] .slick-prev {right: 0; left: auto;} .slick-prev:before {/* content: "‹"; */} [dir="rtl"] .slick-prev:before {/* content: "›"; */} .slick-next {right: 0px;} [dir='rtl'] .slick-next {right: auto; left: 0px;} .slick-next:before {/* content: "›"; */} [dir="rtl"] .slick-next:before {/* content: "‹"; */} /* Dots */ .slick-slider {margin-bottom: 30px;} .slick-dots {position: absolute; bottom: 5px; list-style: none; display: none; text-align: center; padding: 0; width: 100%; margin: 0 auto;} .slick-dots li {position: relative; display: inline-block; height: 10px; width: 10px; margin: 0 5px; padding: 0; cursor: pointer;} .slick-dots li button {font-size: 0; line-height: 0; display: block; width: 10px; height: 10px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; text-shadow: 1px 1px 1px #000000; background-color: rgba(255,255,255,0.4); border-radius: 0;} .slick-dots li button:hover, .slick-dots li button:focus {outline: none;} .slick-dots li button:hover:before, .slick-dots li button:focus:before {opacity: 1;} .slick-dots li button:before {/* font-family: 'slick'; */ font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; /* content: '•'; */ text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .slick-dots li.slick-active button {background-color: rgba(255,255,255,0.8);} .slick-dots li.slick-active button:before {color: black; opacity: 0.75;} .slick-dots li:hover button, .slick-dots li.slick-active:hover button {background-color: rgba(255,255,255,1);} /* popup cart */ #modal {display: none;} #simplemodal-wrap {z-index: 20000!important;} #simplemodal-overlay {background-color: #000000; z-index: 20000!important;} #simplemodal-container {padding: 0px; z-index: 20000!important; background-color: transparent;} #simplemodal-container .simplemodal-wrap {background-color: transparent; box-shadow: none;} #simplemodal-container a.modalCloseImg {display: none;} #simplemodal-container img {vertical-align: bottom;} .addToCartPopup {} .addToCartPopupWrapper {position: static; padding: 0px; border: 3px solid #f7f6f6; background-color: #ffffff; box-shadow: 0 0 30px #000000; overflow: hidden; clear: both;} .addToCartPopupWrapper h3.popupHead {display: block; clear: right; background-color: #ffffff; color: #000000; margin: 0; line-height: 1; padding: 13px 55px 15px 10px; font-weight: 700; font-size: 28px;} @media all and (max-width: 991px) { .addToCartPopupWrapper h3.popupHead {font-size: 16px;} } .addToCartPopupContent {overflow: hidden; padding: 10px; width: 100%; clear: both; box-sizing: border-box;} .addToCartPopupContent div.image {display: none;} .addToCartPopupContent div.info {font-size: 12px; padding: 0px; line-height: 1.2;} .addToCartPopupContent div.info .details {padding: 15px 15px 15px 15px;} @media all and (min-width: 993px) { #simplemodal-container a.modalCloseImg {display: inline; z-index: 20001; cursor:pointer; background: #e30613 url(icon-close.png) no-repeat 50% 50%; background-size: 75%; border: 1px solid #bc050f; width: 22px; height: 22px; display: inline-block; position: absolute; top: 10px; right: 10px;} #simplemodal-container a.modalCloseImg:hover {background: #14a23e url(icon-close.png) no-repeat 50% 50%; background-size: 75%; border: 1px solid #0c7d2d;} /* .addToCartPopupContent div.image {display: block; float: left; width: 135px; height: 135px; border-width: 1px; border-style: solid; padding: 5px; text-align: center; overflow: hidden;} .addToCartPopupContent div.image a {display: block; margin: 0 auto 0 auto; width: 125px; height: 125px; overflow: hidden; text-align: center; position: relative;} .addToCartPopupContent div.image a img {max-width: 100%; max-height: 100%; display: block; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: auto;} .addToCartPopupContent div.info {float: right; margin-left: 10px; width: 390px;} */ } .addToCartPopupContent div.image {display: block; float: left; width: 25%; overflow: hidden; text-align: center;} .addToCartPopupContent div.image a {display: block; max-width: 200px; overflow: hidden; text-align: center;} .addToCartPopupContent div.image a img {display: block; width: 100%; height: auto; margin: 0 auto;} .addToCartPopupContent div.info {float: left; width: 75%;} .addToCartPopupContent div.image.simpled a {margin: 0 auto; display: inline-block; width: 52px; height: 75px; background: url(icon-cart-big-pop.png) no-repeat 0 50%; overflow: hidden;} .addToCartPopupContent div.image.simpled a:hover {background-position: 100% 50%;} .addToCartPopupContent div.info.simpled .details .details_txt {font-size: 18px; line-height: 1.2;} .addToCartPopupContent .productName {margin: 0; padding: 5px 0 7px 0; font-size: 16px;} .addToCartPopupContent .productName a, .addToCartPopupContent .productName a:visited {color: #696c71;} .addToCartPopupContent .productName a:hover {color: #000000;} .addToCartPopupContent .productPrice {padding: 15px 0 0 0; color: #316396; font-size: 16px; line-height: 1; font-weight: bold; text-align: center;} .addToCartPopupContent .productPrice span.info {} .addToCartPopupContent .productPrice span.price {font-size: 46px; color: #316396;} .addToCartPopupContent .productPrice span.currency {font-size: inherit; color: inherit; padding-right: 5px;} .addToCartPopupContent .productPrice span.tax {color: #316396; font-weight: norma; font-size: 12px;} .addToCartPopupContent .productPrice span.priceDiscount, .addToCartPopupContent .productPrice span.priceOld {color: #316396;} .addToCartPopupContent .productPrice span.priceOld {padding-right: 5px;} .addToCartPopupContent .productCode {display: none;} @media all and (min-width: 993px) { .addToCartPopupContent .productCode {display: block; padding: 10px 15px 10px 15px;} .addToCartPopupContent .productCode span {} } .addToCartPopupButtons {width: 100%; clear: both; float: left; overflow: hidden;} .addToCartPopupButtons div {display: inline-block; padding: 15px 15px 15px 15px; float: left;} .addToCartPopupButtons div.productButton {float: right; text-align: right;} .addToCartPopupButtons div.continueBuyButton {} .addToCartPopupButtons .icon {margin-left: 0px; margin-right: 10px;} @media all and (max-width: 991px) { .addToCartPopupButtons div.productButton, .addToCartPopupButtons div.continueBuyButton {display: block; float: none; margin: 0; text-align: center; padding: 10px 10px 10px 10px;} .addToCartPopupButtons div.productButton {padding-bottom: 5px;} .addToCartPopupButtons div.continueBuyButton {padding-top: 5px;} } .addToCartPopupButtons .continueBuyButton .btn {width: auto; padding: 15px 10px 15px 10px; font-size: 26px; white-space: nowrap;} .addToCartPopupButtons .continueBuyButton .btn {background: #14a23e; border: 1px solid #0c7d2d;} .addToCartPopupButtons .continueBuyButton .btn:hover {background: #fe7f27; border: 1px solid #c04e01;} .addToCartPopupButtons .productButton .btn.btn-cart {width: auto; padding: 0 25px 5px 80px; background: #e30613 url(icon-cart.png) no-repeat 15px 50%; border: 1px solid #bc050f; font-size: 16px;} .addToCartPopupButtons .btn .icon.fa {display: none;} .addToCartPopupButtons .productButton .btn.btn-cart:hover {padding: 0 22px 5px 83px; background-color: #316396; border: 1px solid #264f77; background-position: 12px 50%;} .addToCartPopupButtons .productButton .btn.btn-cart .bigger {font-size: 26px; display: block; text-align: center; padding: 5px 0 4px 0; line-height: 1;} .addToCartPopupContent div.info .details, .addToCartPopupButtons {} #simplemodal-container a.modalCloseImg, .addToCartPopupButtons, .addToCartPopupContent div.image, .addToCartPopupContent div.info .details, .addToCartPopupContent .productCode {/* border-color: #dedede; */} /* catList, conList */ .catList {} .catList .information {padding: 0 0 15px 0;} .catList.conList {margin: 0 0 0 0;} .catList.conList table.catList.conList {width: 100%; margin: 0 auto 15px 0;} .catList.conList .categoryName {font-size: 14px; display: inline-block; padding: 0; margin: 0 0 2px 0;} .catList.conList .categorySubject {font-size: 12px; margin: 0 0 5px 0;} /* subCatList */ .subCatList {} .subCatItem {} .subCatItem .thumbnail {padding: 5px; position: relative; overflow: hidden;} .subCatItem .categoryImage {display: block;} .subCatItem .categoryImage img {max-width: 100%; display: block; height: auto;} .subCatItem .categoryDescription {display: block; position: absolute; top: -100%; font-size: 10px; padding: 5px; background-color: rgba(255,255,255,0.9); color: #555555;} .subCatItem:hover .categoryDescription {top: 0;} .subCatItem .categoryDescription .content {} .subCatItem .caption {padding: 0;} .subCatItem .caption .categoryName {} #box_listFilters {} #box_listFilters .panel-head, #box_listFilters .boxHead {} #box_listFilters .panel-title, #box_listFilters .boxTitle {} #box_listFilters .panel-body, #box_listFilters .boxContent {padding: 0;} .filterBox {margin: 0 0 15px 0;} .filterHead {} .filterContent {} .viewInfo {padding: 5px 10px;} #box_listFilters .filterHead, #box_listFilters .control-label {font-size: 18px; border-bottom: 1px dashed #555555; padding: 10px 0; margin: 0 0 15px 0; color: #000000; display: block; font-weight: 400;} #side_filters {overflow: hidden; color: #555555;} #side_filters div.multiselect {overflow: auto; max-height: 250px;} #side_filters div.multiselect .value {display: block; clear: both; padding: 2px 0; overflow: hidden;} #side_filters div.multiselect .value input.checkbox {float: left; margin: 3px 0 0 -20px;} #side_filters div.multiselect .value label {float: left; display: inline-block; padding: 0 0 0 20px;} #side_filters div.multiselect select.form-control {margin-top: 15px;} #side_filters div.multiselect select.form-control:first-child {margin-top: 0;} #side_filters #promotionTypes {} #side_filters table.filters {width: 100%; margin: 0 auto; outline: 0 solid red;} #side_filters ul, #side_filters li {overflow: hidden; list-style: none; padding: 0; margin: 0;} #side_filters li {display: block;} #side_filters input, #side_filters select {vertical-align: middle;} #side_filters select {min-width: 200px;} #side_filters ul {width: 100%; clear: both;} #side_filters label, #side_filters .label.types {padding-left: 5px; padding-right: 10px;} #side_filters .label.types {padding-left: 0; display: block;} #side_filters #statusyDostepnosci label {padding-right: 0;} #side_filters a {display: inline-block;} #side_filters a.link, #side_filters span.label {padding: 8px 5px 0 0;} #side_filters a, #side_filters span {display: inline-block;} #side_filters ul.f_tab {width: 100%;} #side_filters ul.f_tab input[type="text"] {/* border-radius: 4px; border: 1px solid #cccccc; box-sizing: border-box; font-size: 12px; line-height: 1.42857; padding: 6px 6px; height: 34px; */} #side_filters ul.f_tab span.labelFrom {padding-right: 5px;} #side_filters ul.f_tab input.labelFrom {} #side_filters ul.f_tab span.labelTo {padding-right: 5px;} #side_filters ul.f_tab input.labelTo {} #side_filters ul.f_tab span.unit {padding-left: 5px;} /* #side_filters ul.f_tab {width: 100%;} #side_filters div table.f_tab {margin: 0 auto 0 0;} #side_filters div table.f_tab td {padding: 8px 2px 0 0; vertical-align: middle; text-align: left; white-space: nowrap; overflow: hidden; display: inline-block;} #side_filters div table.f_tab input, #side_filters div table.f_tab label {float: left; display: inline-block;} #side_filters div table.f_tab input {margin-top: 4px;} #side_filters div table.f_tab label {margin-top: 0px;} #side_filters div table.f_tab label img {vertical-align: middle; max-width: 25px; max-height: 25px; margin-top: -6px;} */ #side_filters li span.label {margin-top: -3px; /* fix */} #side_filters #filters_buttons {overflow: hidden; margin-top: 25px;} #side_filters #buttonReset {display: inline-block; min-width: 49%; width: 49%;} #side_filters #buttonSet {display: inline-block; min-width: 49%; width: 49%; text-align: right; margin-left: 2%;} #side_filters #linkMore {display: block; float: left; clear: both;} #side_filters span.select, #side_filters span.select_wrap {display: block;} #side_filters .form-control {width: 100%;} #filters_prodFilters {} #filters_priceFilters .form-control {min-width: 49%; width: 49%; margin-bottom: 5px; display: inline-block;} #filters_priceFilters .form-control:last-of-type {margin-left: 2%;} #filters_priceFilters span.select, #filters_priceFilters span.select_wrap {display: inline-block;} #filters_priceFilters_range {} #filters_priceFilters_range #priceRangeSlider {width: 90%; margin: 0 auto;} #filters_priceFilters_range .ui-slider#priceRangeSlider {/* box-shadow: -1px 1px 3px -2px #000000 inset; */} #filters_priceFilters_range .ui-slider-range.ui-widget-header {/* box-shadow: -1px 1px 3px -2px #000000 inset; */} #filters_priceFilters_range .ui-slider-handle {cursor: pointer;} #filters_priceFilters_range .ui-slider-handle:last-child {} #filters_priceFilters_range .ui-slider-handle:focus {outline: 0;} #filters_priceFilters_range #priceRangeSliderValues {overflow: hidden; padding: 0 0 10px 0;} #filters_priceFilters_range .currentPrice {float: left; display: inline-block;} #filters_priceFilters_range .currentPrice#priceMax {float: right;} #filters_priceFilters_range .currentPrice .rangePrice {font-weight: 700; font-size: 14px;} #filters_priceFilters_range .currentPrice .rangePrice .rangeCurrency {font-weight: 400; font-size: 12px; padding-left: 3px;} #page_ordList #side_filters {margin: 0 0 0 auto; text-align: right;} #page_ordList #side_filters #resultsPages {float: right; padding-right: 0px; clear: both;} #page_ordList #side_filters #resultsPerPage {float: right; padding-right: 0px; clear: both;} #page_ordList #side_filters #resultsPages span.label {} #page_ordList #side_filters #resultsPages span.value {} #page_ordList #side_filters #resultsPages span.value span {font-weight: 700;} #side_filters div.hr {margin: 0; padding: 2px 0; clear: both;} #side_filters input.button {display: block; width: 100%; padding: 5px 0;} #side_filters #buttonSet span, #side_filters #buttonReset span {display: block; padding: 0; width: 100%;} #listOptions {clear: both; margin-bottom: 15px;} #listOptions #listResults {} #listOptions #listSort {} @media all and (min-width: 768px) { #listOptions #listSort {text-align: right;} } /* items */ .price {color: #02759b; font-weight: 700;} .price.priceDiscount {color: #ab1814;} .price.priceOld {color: #555555; font-weight: 400; text-decoration: line-through;} .price .currency {padding-left: 2px; font-size: 80%; font-weight: 400;} .productPromotionIcons {display: inline-block; line-height: 1; padding: 0; height: auto; margin: 0;} .productPromotionIcons span.icons {display: inline-block; padding: 4px 5px; margin: 0 0 2px 2px; width: auto; height: auto; text-align: center; font-size: 9px; text-transform: uppercase; font-weight: 400; -ms-word-break: break-all; word-break: break-all; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } .productPromotionIcons .iconNew {color: #ffffff; background-color: #428484;} .productPromotionIcons .iconBestseller {color: #ffffff; background-color: #5ba0d0;} .productPromotionIcons .iconDiscount {color: #ffffff; background-color: #fe5858;} .productPromotionIcons .iconSale {color: #ffffff; background-color: #5c5c5c;} .productPromotionIcons .iconDelivery {color: #ffffff; background-color: #00aa00;} .productPromotionIcons span.icons a {color: inherit; font-weight: inherit; font-size: inherit; padding: 0; margin: 0;} #page_itemList .row.rowTitle {margin: 0 -10px; padding: 0;} #page_itemList .pageTitle {padding-left: 0;} .catExtDesc, .catPicDesc, .catMoreDesc {padding: 0 0 15px 0; overflow: hidden; clear: both;} .catPic {float: left; margin: 0 15px 15px 0;} .catDesc {margin: 0;} .catMoreDesc {padding-top: 15px;} .mainList .item {} .mainList .item:hover {} .mainList #slideSaleList .colItems, .mainList .slideSaleList .colItems {padding-left: 0; padding-right: 0; margin-left: 15px; margin-right: 15px;} @media all and (max-width: 991px) { .mainList #slideSaleList .colItems, .mainList .slideSaleList .colItems {margin-left: 20px; margin-right: 20px;} } .mainList .item .productImage {background-color: #ffffff; margin: 0 auto 0 0; padding: 0; text-align: left; position: relative; top: 0; border: 0px solid #dddddd; overflow: hidden;} .mainList .item .productImage, .mainList .item .otherView {width: 100%; max-width: 270px; height: 215px;} .mainList .item .productImage .mainImage, .mainList .item .productImage .secondImage {background-color: #ffffff; padding: 0; display: block; overflow: hidden;} .mainList .item .otherView {display: block; position: absolute; top: 0; opacity: 0; background-color: #ffffff; width: 100%; display: block; overflow: hidden;} .mainList .item .productImage:hover .otherView {opacity: 1; background-color: #ffffff;} @media all and (max-width: 767px) { .mainList .item .productImage, .mainList .item .otherView {max-width: 270px; height: 215px; margin-left: auto; text-align: center;} .subCatItem {max-width: 270px; margin-left: auto; margin-right: auto;} } @media all and (max-width: 991px) { .mainList .item .productImage, .mainList .item .otherView {max-width: 270px; height: 215px;} .subCatItem {max-width: 270px;} } .mainList .item .productImage:hover {} .mainList .item .productImage img { border: 1px solid #ffffff; border-radius: 0px; max-width: 100%; max-height: 100%; } /* absoluteCenter */ .absoluteCenter, .cartItem .cartPic img, .mainList .item .productImage img { display: block; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: auto; } /* absoluteCenter - flexBox - nie wymaga height */ /* .mainList .item .productImage { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } */ .mainList .item .productImage a {margin: 0;} .mainList .item .productImage .productPromotionIcons {position: absolute; top: 0; right: 0; text-align: right; overflow: hidden;} .mainList .item .productImage .productPromotionIcons span {position: relative; top: 0; opacity: 1;} .mainList .item .productImage:hover .productPromotionIcons span {/* top: -5px; */ opacity: 0;} .mainList .item .productImage .productText {display: block; position: absolute; top: 0; left: -100%; width: 100%; padding: 5px 0; background-color: transparent; color: #555555; font-size: 11px; text-align: left;} .mainList .item .productDescription {} .mainList .item .productAttributes {} .mainList .item .productAttributes .attribute {display: block; font-weight: 400;} .mainList .item .productAttributes .attribute .attributeValue {font-weight: 700;} .mainList .item:hover .productImage .productText {left: 0; background-color: #ffffff;} .mainList .item .caption {} .mainList .item .productName {} .mainList .item .productCode {} .mainList .item .productButtons {} .mainList .item .productPrices {} .mainList .item .productPrices .price {} .mainList .item .productPrices .priceOld {} /* components */ .mainList.components .item {} /* promotions */ .mainList.promotions .item {} /* */ .mainList.saleList .item {} /* navs */ #navTop , #navBottom {text-align: center;} #navTop .pagination, #navBottom .pagination {text-align: center; margin-left: auto; margin-right: auto} .navItems {clear: both; margin: 10px 0; line-height: 1; border: 1px solid #dedede; overflow: hidden;} .navItems.navOrders {} .navItems.navOrders.navOrder {} .navItems.navRepo {} .navItems.navCart {margin-top: 0px; margin-bottom: 25px; border: 0;} .navItems.navNews {margin-top: 15px;} .navItems ul, .navItems li, .navItems a, .navItems span {font-size: 12px; line-height: 1;} .navItems .pager {width: 100%; font-size: 12px; padding: 0; margin: 0; position: relative;} .navItems .pager ul {margin: 0 auto; border: 0;} .navItems.navNews .pager {position: static;} .navItems .pager .previous {float: left; position: relative; text-align: left; z-index: 2;} .navItems .pager .next {float: right; position: relative; text-align: right; z-index: 2;} .navItems .pager .centered {position: absolute; left: 0; width: 100%; text-align: center; z-index: 1;} .navItems .pager li.previous, .navItems .pager li.centered, .navItems .pager li.next {display: inline-block; margin: 0; padding: 0; line-height: 1; border: 0;} .navItems .pager span, .navItems .pager a {font-size: 12px; line-height: 1; padding: 8px 5px; margin: 0; border: 0; text-transform: uppercase;} .navItems .pager .pagination li:first-child a, .navItems .pager .pagination li:first-child span, .navItems .pager .pagination li:last-child > a, .navItems .pager .pagination li:last-child > span {border-radius: 0;} .navItems .pager a, .navItems .pager a:visited {color: #3A89C9;} .navItems .pager a:hover {color: #ffffff; background-color: #3A89C9;} .navItems .pager .selected a, .navItems .pager .selected a:visited { color: #ffffff; background-color: #3A89C9; /* background-image: linear-gradient(to bottom, #589bd1, #3A89C9); */ border-color: #3A89C9; } .navItems .pager .previous a, .navItems .pager .next a, .navItems .pager .previous a:visited, .navItems .pager .next a:visited {padding: 8px 15px; color: #ffffff; background-color: #3A89C9; /* background-image: linear-gradient(to bottom, #589bd1, #3A89C9); */ border-color: #3A89C9; } .navItems.navOrder .pager .previous a, .navItems.navOrder .pager .previous a:visited, .navItems.navOrder .pager .next a, .navItems.navOrder .pager .next a:visited, .navItems.navNews .pager .previous a, .navItems.navNews .pager .previous a:visited, .navItems.navNews .pager .next a, .navItems.navNews .pager .next a:visited, .navItems.navCart .pager .previous a, .navItems.navCart .pager .previous a:visited, .navItems.navCart .pager .next a, .navItems.navCart .pager .next a:visited {padding: 0px 10px;} .navItems.navBlog {margin-bottom: 15px;} .navItems .pager .selected a:hover, .navItems .pager .previous a:hover, .navItems .pager .next a:hover { color: #ffffff; background-color: #1b325f; background-image: linear-gradient(to bottom, transparent, #1b325f); border-color: #1b325f; } @media all and (max-width: 479px) { .navItems .pager .previous, .navItems .pager .next {display: block; float: none; text-align: center; width: 100%; margin: 0;} .navItems .pager .previous a, .navItems .pager .next a {float: none; display: block;} } @media all and (max-width: 767px) { .navItems .pager .centered {display: block; float: none; text-align: center; width: 100%; clear: both; position: static;} } /* prettyPhoto */ div.pp_pic_holder {z-index: 20002;} @media all and (max-width: 767px) { .pp_pic_holder {position: fixed!important; top: 0px!important;} .ppt, .pp_top, .pp_bottom, .pp_gallery {display: none!important;} .pp_pic_holder.pp_default {width: 100%!important; left: 0!important; overflow: hidden;} div.pp_default .pp_content_container .pp_left {padding-left: 0!important;} div.pp_default .pp_content_container .pp_right {padding-right: 0!important;} .pp_hoverContainer {width: 100%!important; height: 100%!important; z-index: 2!important;} .pp_content {width: 100%!important; height: auto!important;} .pp_fade {width: 100%!important; height: 100%!important;} a.pp_expand, a.pp_contract {display: none!important;} .pp_hoverContainer {width: 100%!important; padding: 0!important; background-color: transparent!important;} #pp_full_res img {width: 100%!important; height: auto!important; margin-top: 50px!important;} .pp_details {position: fixed!important; top: 0!important; width: 100%!important; padding-left: 3%; padding-right: 4%; padding-top: 10px; padding-bottom: 10px; background-color: #000000!important; color: #ffffff!important; margin-top: 0px!important; opacity: 0.9!important; height: 50px!important; z-index: 3!important;} .currentTextHolder {color: #ffffff!important;} a.pp_close {right: 5px!important; top: 10px!important;} .pp_nav {margin-right: 0!important;} .pp_description {margin-right: 0!important;} } .pp_pic_holder .ppt, .pp_pic_holder .pp_nav {display: none!important;} .pp_pic_holder .pp_expand {right: auto!important; top: 10px!important; left: 30px!important;} .pp_pic_holder .pp_play, .pp_pic_holder .currentTextHolder {display: none!important;} /* detCard */ .detCard {} div.detCard {width: 100%;} .detCard div.row.offer {/* width: 100%; */ padding-bottom: 0;} .detCard #offerLeft {} .detCard #offerRight {position: relative;} .detCard .separator {margin-top: 5px; margin-bottom: 5px;} .detCard .separator.to-productAttributes {} .detCard .separator.to-choosedAttributes {} .detCard .separator.to-manufacturer {display: none;} .detCard .separator.to-information {} .detCard .separator.to-basketSection {} .detCard .separator.to-cartprices {} .detCard .separator.to-prices {} .detCard .separator.to-addThis {} .detCard .separator.to-opinions {} #offerRight h1.productName {margin: 0 0 15px 0; padding-top: 0px; padding-bottom: 0;} .detCard .showVariants, #offerRight .wrap {padding-bottom: 15px; margin-bottom: 0; border-bottom: 0px solid #dedede;} #offerRight h1.productName {font-size: 24px; font-weight: 700;} #offerRight .productCode {font-size: 14px;} #offerRight .productCode span {font-weight: 700;} #offerRight .productCode span.colon {color: inherit; font-weight: inherit;} #offerRight .productPromotionIcons {display: block;} #offerRight .productPromotionIcons span.icons {margin: 0 5px 0px 0;} #offerRight .wrap {overflow: hidden;} #offerRight .wrap .productCode {float: left; display: inline; padding: 0; margin: 0;} #offerRight .wrap .information, #offerRight .wrap .productDetails.availability {float: right; display: inline; padding: 0; margin: 0; text-align: right;} #offerRight .wrap .productDetails.availability td {padding: 0 10px 0 0;} #offerLeft .productPromotionIcons {display: none;} @media all and (min-width: 992px) { #offerLeft .productPromotionIcons {display: block; position: absolute; top: 0; right: 0; opacity: 1; z-index: 999;} #offerLeft .productPromotionIcons span.icons {margin: 0 0 5px 5px; padding: 5px; font-size: 12px;} #offerLeft .productImage:hover .productPromotionIcons {opacity: 0;} } @media all and (max-width: 991px) { #offerRight .wrap .information, #offerRight .wrap .productDetails.availability {float: left; text-align: left; margin-top: 10px; clear: left;} #productInfoSmall .productDetails.availability {margin-bottom: 0;} #productInfoSmall div.availability {padding-bottom: 10px;} } #productInfoSmall {padding-top: 5px; margin-bottom: 15px;} #productInfoSmall .productName {font-size: 20px; text-align: center;} .detCard .zoomWrapper, .detCard .zoomWindow {border: 0 solid!important; display: none!important;} .detCard .zoomWrapperTitle {display: none!important;} .detCard .zoomWrapper {/* cursor: zoom-in!important; */} .detCard .zoomPad {cursor: pointer!important;} .detCard .zoomPreload {display: none!important;} #offerLeft .productImage {position: relative; margin-bottom: 0;} #offerLeft .productImage a img {border: 1px solid #dedede;} #offerLeft .productImage img, #offerLeft .MoreZoom img {width: 100%; height: auto; display: block;} /* jqzoom OFF */ /* @media all and (max-width: 1199px) { */ .detCard .MoreZoom .zoomPad {position: static!important; float: none!important; cursor: default!important;} .detCard .MoreZoom .zoomPup {cursor: default!important; position: static!important;} .detCard .MoreZoom .zoomPup, .detCard .MoreZoom .zoomWindow, .detCard .MoreZoom .zoomPreload {display: none!important;} .detCard .MoreZoom .zoomWindow, .detCard .MoreZoom .zoomWrapper {cursor: default!important;} /* } */ .detCard #offerLeft div.productThumbnails#thumbsSlick {display: block; clear: both; margin: 0; text-align: center; padding: 0 25px 15px 25px;} .detCard #offerLeft div.productThumbnails div.slick-list, .detCard #offerLeft div.productThumbnails div.slick-track {margin: 0; padding: 0;} .detCard #offerLeft div.productThumbnails div.pics {margin: 0 5px; padding: 0;} .detCard #offerLeft div.productThumbnails a {} .detCard #offerLeft div.productThumbnails a span {display: inline-block; position: relative; width: 100%; height: 100px; border: 1px solid #dedede; background-color: #ffffff;} .detCard #offerLeft div.productThumbnails a:hover {} .detCard #offerLeft div.productThumbnails img { max-width: 100%; max-height: 100%; display: block; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: auto; } /* slick - horizontal */ .detCard #offerLeft #thumbsSlick button.scroll {margin-top: 0px; height: 100px; top: 0%;} /* slick - vertical */ /* .detCard #offerLeft #thumbsSlick button.scroll {display: block; width: 67px; height: 20px; margin: 0; cursor: pointer; padding: 0; border: 0 solid; position: absolute; left: 17px;} .detCard #offerLeft #thumbsSlick button.scroll.up {top: 0px;} .detCard #offerLeft #thumbsSlick button.scroll.down {bottom: 0px;} */ table.productDetails {width: auto;} .productDetails td {padding: 5px 10px 5px 0; vertical-align: middle; font-size: 14px; line-height: 1.3;} .productDetails .tag {font-weight: 700;} .productDetails.opinions {width: auto;} .productDetails.opinions td {} .productDetails.opinions td div.ratBar {display: inline-block; float: left;} .productDetails.opinions td div#div2, .productDetails.opinions td div#div3 {display: inline-block; margin-left: 10px; float: left;} .productDetails.opinions td div#div3 a {font-size: 13px;} .productDetails.availability {margin-bottom: 15px;} div.productDetails.choosedAttributes {} .productDetails.choosedAttributes td {padding-top: 10px; padding-bottom: 10px;} .productDetails.choosedAttributes td select {padding: 5px;} div.productDetails.productAttributes {} .productDetails.productAttributes td {padding-top: 10px; padding-bottom: 10px;} .productDetails.productAttributes img {margin-right: 5px;} .productDetails.productAttributes img + .sep {display: none;} table.productDetails.prices {width: 100%;} .productDetails.prices td {vertical-align: bottom; line-height: 1; font-size: 16px; color: #316396;} .productDetails.prices table, .productDetails.prices tbody, .productDetails.prices tr {display: block; overflow: hidden; width: 100%;} .productDetails.prices td.tag {display: none;} .productDetails.prices td.value, .productDetails.prices td.valueTax {display: inline; padding: 0;} .productDetails.prices td.value .price {font-size: 46px; color: #316396; display: inline-block;} .productDetails.prices td.value .price.priceDiscount {color: #e30613;} .productDetails.prices td.value .price .currency {font-size: inherit; color: inherit; padding-right: 5px;} .productDetails.prices td.value .price.priceOld {padding-right: 5px; color: #316396; display: inline-block;} .productDetails.prices td.value .price.priceOld .currency {font-size: inherit;} .productDetails.prices td.valueTax .tax {font-size: 12px; color: #316396; display: inline-block;} .showVariants {} .showVariants.selectVariants {} .showVariants table.productDetails.prices {width: auto;} #selectVariants {} #selectVariants .dostepnoscWariantu {margin-bottom: 10px;} #selectVariants .dostepnoscWariantu#dw0 {} #selectVariants .availability {margin-bottom: 10px;} #selectVariants .availability .colon {margin-right: 5px;} #selectVariants .availability img {vertical-align: middle; display: inline-block;} #selectVariants .forTable {} #selectVariants .availability:empty, #selectVariants .dostepnoscWariantu:empty {display: none;} .basketSection {overflow: hidden;} .basketSection .form, .basketSection .form-inline {text-align: center;} .basketSection label {padding-left: 3px; padding-right: 3px;} .basketSection .form-inline input.form-control {width: 60px; margin-left: auto; margin-right: auto;} .basketSection .labels, .basketSection .btn {float: left;} .basketSection .labels {padding-top: 8px; padding-right: 10px;} .basketSection .labels.quantity {padding-top: 0px;} .basketSection input#quantity {padding: 9px 10px 10px 5px; border: 1px solid #dedede; font-size: 14px; line-height: 14px; width: 50px; text-align: right;} .basketSection #addToBasket {} .basketSection #addToBasket .icon {} @media all and (max-width: 479px) { .cartprices .basketSection {clear: both;} .cartprices .basketSection #addToBasket {clear: both; margin-top: 15px;} } @media all and (max-width: 359px) { .cartprices .basketSection #addToBasket {width: 100%;} } .detCard .variants .button, .detCard .basketAddTo .button {min-width: 90px; padding: 6px 15px 6px 65px; background: #e30613 url(icon-cart.png) no-repeat 15px 50%; font-size: 16px; border: 1px solid #bc050f;} .detCard .variants .button:hover, .detCard .basketAddTo .button:hover {background-position: 12px 50%; padding: 6px 12px 6px 68px; background-color: #316396; border: 1px solid #264f77;} .detCard .variants .button .bigger, .detCard .basketAddTo .button .bigger {font-size: 26px; display: block; text-align: center; padding: 0 0 3px 0; line-height: 1;} .detCard .button.button-long {margin: 0; max-width: 400px; padding: 20px 20px;} /* .detCard div.basketAddTo .button {display: block;} .detCard div.basketAddTo .button .bigger {font-size: 20px; display: inline; padding: 0;} .detCard div.basketAddTo .button, .detCard div.basketAddTo .button:hover {background-image: none; padding: 15px;} */ .detCard div.basketAddTo {display: block; padding: 0; margin: 0 0 10px 0; overflow: hidden; clear: both;} .detCard div.basketAddTo .information {padding: 10px 10px 0 0;} .detCard div.basketAddTo span, .detCard div.basketAddTo input {display: inline-block;} .detCard div.basketSection {float: left; display: inline-block; margin-right: 30px; padding-top: 20px; overflow: hidden;} .detCard div.basketSection span.label {margin-right: 5px;} .detCard div.basketSection span.label.txt {} .detCard div.basketSection span.inputWrapper {} .detCard div.basketAddTo .btn {float: right;} .detCard table.variants {margin: 0 0 10px 0; width: 100%;} .showVariants.selectVariants table.variants {width: auto;} .detCard table.variants td {padding: 5px 10px 5px 0; vertical-align: middle;} .detCard table.variants td table {width: 100%; margin: 0;} .detCard table.variants td td {padding: 5px 0px 5px 10px;} .detCard table.variants td td.name, .detCard table.variants td td.price {padding-left: 0;} .detCard table.variants td td.buttons, .detCard table.variants td td.price {padding-top: 0;} .detCard table.variants td td.name, .detCard table.variants td td.availability {padding-bottom: 0px;} .detCard table.variants td td.availability, .detCard table.variants td td.buttons {width: 200px; text-align: right;} .detCard table.variants td td.availability span.img {display: block;} .detCard table.variants h2 {font-weight: 300; font-size: 22px;} .detCard table.variants td .tag {display: none;} .detCard table.variants td span.price {font-size: 24px;} .detCard table.variants td span.priceOld {font-size: 18px;} @media all and (max-width: 479px) { .detCard table.variants td table, .detCard table.variants td table tr, .detCard table.variants td table tbody, .detCard table.variants td table td {display: block; width: 100%; float: left; text-align: left; padding: 0;} .detCard table.variants td td.availability span.img {display: inline-block; margin-left: 10px;} .detCard table.variants td table td.name, .detCard table.variants td table td.availability, .detCard table.variants td table td.price, .detCard table.variants td table td.buttons {width: 100%; text-align: center; padding: 5px 0;} .detCard table.variants td table td.name {padding-top: 0; border-top: 1px solid #dedede;} } .detCard .variants .btn, .detCard .basketAddTo .btn {min-width: 90px; padding: 6px 15px 6px 65px; background: #e30613 url(icon-cart.png) no-repeat 15px 50%; font-size: 16px; border: 1px solid #bc050f;} .detCard .variants .btn:hover, .detCard .basketAddTo .btn:hover {background-position: 12px 50%; padding: 6px 12px 6px 68px; background-color: #316396; border: 1px solid #264f77;} .detCard .variants .btn .bigger, .detCard .basketAddTo .btn .bigger {font-size: 26px; display: block; text-align: center; padding: 0 0 3px 0; line-height: 1;} .detCard div.availability, .detCard table.productDetails.prices {margin-bottom: 10px;} .detCard .productDetails.addThis {line-height: 1;} .detCard .addthis_toolbox {line-height: 1; padding: 0; margin: 0;} .detCard .addthis_toolbox a {line-height: 1; margin: 1px 0px 1px 2px; vertical-align: middle;} .detCard #action_addThis {display: none;} @media all and (min-width: 768px) { .detCard #action_addThis {display: block;} } .detCard .tabs {border-bottom: 1px solid #3A89C9; margin-bottom: 0px;} .detCard .tabsHead {border-bottom: 5px solid #3A89C9; background-color: #f3f3f3;} .detCard .tabsHead .nav {border-bottom: 0px solid #3A89C9; margin-bottom: 1px;} .detCard .tabsHead li {min-width: 144px;} .detCard .tabsHead a {padding: 15px; border: 0; font-size: 14px; font-weight: 700; text-align: center; cursor: pointer; margin: 0;} .detCard .tabsHead .zakladka {background-color: #f3f3f3; color: #131313;} .detCard .tabsHead .zakladka:hover, .detCard .tabsHead .zakladka_on {background-color: #3A89C9; color: #ffffff;} .detCard .tabContent {} .detCard .tabContentWrapper {} .detCard .tabContent .content, .detCard .tabContent .moduleContent {padding: 15px 0;} .detCard .tabContent .additional .moduleContent {padding-top: 0; padding-bottom: 15px;} @media all and (max-width: 479px) { .detCard .tabs .tabsHead li {width: 50%;} } @media all and (max-width: 359px) { .detCard .tabs .tabsHead li {width: 100%; min-width: 1px;} .detCard .tabs .tabsHead li a {padding: 10px; margin: 0;} } .printOnly {display: none!important;} .row#wish {} ul.actions {display: block; background-color: #ffffff; border: 3px solid #f7f6f6; margin: 0 0 15px 0; padding: 15px; overflow: hidden; text-align: center;} ul.actions li {padding: 0 8px 0 8px; display: inline-block;} ul.actions li:last-child {padding-right: 0;} ul.actions a {display: inline-block; padding: 5px 0 5px 18px; text-transform: uppercase;} ul.actions a.actions {} ul.actions #action_store a {background: url(ikona_przechowaj.gif) no-repeat 0% 50%;} ul.actions #action_ask a {background: url(ikona_zapytaj.gif) no-repeat 0% 50%;} ul.actions #action_recommend a {background: url(ikona_polec.gif) no-repeat 0% 50%;} ul.actions #action_compare a {background: url(ikona_porownaj.gif) no-repeat 0% 50%;} ul.actions #action_print a {background: url(ikona_drukuj.gif) no-repeat 0% 50%;} .lastLink {padding: 10px 0;} #action_social {margin: 10px 0 10px 0; float: right; display: inline-block; font-size: 12px;} #action_social table td {padding: 5px 0 5px 5px;} @media all and (max-width: 767px) { ul.actions li {width: auto; float: left; margin: 0 10px 0 0;} ul.actions a {display: block;} ul.actions #action_print {display: none;} } @media all and (max-width: 479px) { ul.actions li {width: 100%; margin: 0; text-align: center;} } #action_continue {margin: 10px 0 10px 0;} #action_continue a {} /* contactForm - askForm, recForm */ .contactForm {} .contactForm .productImage {} .contactForm .productName {font-size: 18px;} @media all and (max-width: 767px) { .contactForm .productImage, .contactForm .productName {text-align: center; margin-bottom: 10px;} } /* sticky */ @media all and (min-width: 992px) { .sticky {position: fixed; top: 0;} .sticky#underHeader {position: fixed; width: 100%; top: 0px; left: 0; z-index: 9100; box-shadow: 0 0px 20px rgba(0,0,0,0.5);} .sticky#quickCart {position: fixed; top: 0px; right: 0; z-index: 9200;} .sticky#quickCart div.cart {width: auto;} .sticky#quickCart div.cart span.sep, .sticky#quickCart div.cart .basketTotal {display: none;} /* .sticky#quickSearch {position: fixed; top: 0px; right: 0px; z-index: 9200; margin: 5px 5px 0px 0;} .sticky#quickSearch div.findForm {width: auto;} */ .sticky#underHeader .mainLogo, .sticky#underHeader .smallLogo {display: inline-block; position: absolute; left: 10px; top: 5px; width: 80px; overflow: hidden;} .sticky .mainLogo img, .sticky .smallLogo img {width: auto; height: auto; max-width: 80px; max-height: 34px; display: block; margin: 0;} .sticky#underHeader #menuTop {width: auto; margin: 0; padding: 0 10px 0 100px; position: relative; border: 0;} } .boxHead, .boxTitle, .pageHead, .pageTitle, .pageSubTitle, .moduleHead, .moduleTitle, .panel-heading, .tabsHead, .menuFooter h3 {/* text-transform: uppercase; */} div.information {margin-bottom: 15px;} .information.error {color: red; padding: 10px 0;} .has-error .information.error {display: block; padding: 5px 0 0 0; font-size: 12px;} .subReqForm {text-align: right;} .subReqForm .description {float: left; font-size: 12px; padding: 25px 0px 5px 0px; text-align: right;} .subReqForm .form-group {float: right; padding: 15px 0; margin-bottom: 0;} .subReqForm .form-group input {} #sideColLeft .subReqForm {text-align: left;} #sideColLeft .subReqForm .description {float: none; font-size: 12px; padding: 0px 0px 10px 0px; text-align: left;} #sideColLeft .subReqForm input {margin-top: 5px; margin-bottom: 5px;} #quickSearch .btn[type="submit"] {} #quickSearch .btn[type="submit"]:hover {} #quickSearch .btn[type="submit"] span.fa {} #quickSearch input.form-control, #subReqForm input.form-control {} .subReqForm input.form-control {display: block; width: 60%; float: left; border-radius: 5px 0 0 5px;} .subReqForm input.btn {display: block; width: 40%; float: right; border-radius: 0 5px 5px 0;} .subReqForm input.btn, .subReqForm input.btn:visited, .subReqForm input.btn:hover {border-left: 0;} @media all and (max-width: 991px) { #quickSearch input.form-control {width: 100px;} .subReqForm .description {float: none; padding-top: 15px;} .subReqForm .form-group {float: left; width: 100%;} .subReqForm input.form-control {display: block; width: 60%; float: left; border-radius: 5px 0 0 5px;} .subReqForm input.btn {display: block; width: 40%; float: right; border-radius: 0 5px 5px 0;} } @media all and (max-width: 767px) { .boxHead, .boxTitle, .boxTitle *, .pageTitle, .pageTitle *, .pageSubTitle, .pageSubTitle * {/* text-align: center; */} } @media all and (max-width: 767px) { .subReqForm .description {text-align: left; padding-top: 10px;} } @media all and (max-width: 1199px) { #sideColLeft .boxHead, #sideColLeft .boxHead, #sideColLeft .boxTitle, #sideColLeft .boxTitle * {text-align: center;} } /* loginForm */ /* .loginForm ul, .loginPage ul {display: block; width: 100%; list-style: none; margin: 0; padding: 0;} .loginForm li, .loginPage li {display: block; width: 100%; list-style: none; margin: 0; padding: 0;} .loginPage .tags {padding-right: 20px;} */ .userPanel li.panelButton, .userPanel .vals span.inputWrapper, .userPanel .vals span.inputContent {display: block;} .userPanel .vals span.inputContent input {/* display: block; width: 178px; padding-left: 5px; padding-right: 5px; */} .userPanel div {} .userPanel div span {font-weight: bold;} .userPanel .panelWelcome div span {font-weight: normal;} .userPanel span.tags {display: none; padding: 5px 0 5px 0; clear: both;} .userPanel .vals input {} .userPanel .inputWrapper {} .userPanel .inputWrapper, .userPanel .inputWrapper .inputContent, .userPanel .inputWrapper .inputContent input {display: block;} /* page choose */ .loginPage {} .userPanel {} .userLinks {} .panelWelcome {} .panelProfile {} .panelOrders {} .panelAdministration {} .panelLogout {} .userPoints {} .panelDiscount {} .panelDiscount.discountOnce {} .panelDiscount.discountPoints {} .loginPage #lp_login {margin-left: 10px;} .panelWelcome div, .panelDiscount div, section#page_loginPage .nav > li > a, section#page_choose .nav > li > a {padding: 5px 10px; display: inline-block;} .box#box_loginForm .panelWelcome div, .box#box_loginForm .panelDiscount div, .box#box_loginForm .userLinks li {display: block; padding: 5px 0;} .userPanel {} .userPanel.logged {} .userPanel ul {margin: 0;} .userPanel li {display: block; padding: 2px 0; text-align: left;} .module.userPanel.loginForm {margin: 0; overflow: hidden;} .userPanel#topLogin .userLogin {float: left; padding: 10px 0 0px 15px; margin: 0; display: inline-block; font-size: 14px; white-space: nowrap; clear: right;} .userPanel#topLogin .userLinks {float: right; padding: 7px 15px 0 15px; display: inline-block; font-size: 14px; white-space: nowrap;} .userPanel#topLogin .userLinks li {font-size: 13px; padding: 10px 0 6px 0; /* font-style: italic; */} .userPanel.logged#topLogin .userLinks {padding: 5px 15px 0 15px; clear: none;} .userPanel.logged#topLogin .userLinks li {font-size: 12px; padding: 1px 0;} .userPanel.logged#topLogin .userPoints {float: right; padding: 2px 15px 0px 15px; margin-left: 15px; clear: none; display: inline-block; font-size: 12px; white-space: nowrap;} /* userLogin */ .userPanel#topLogin ul li.panelLogin {padding: 3px 0 3px 0; width: 200px; clear: right;} .userPanel#topLogin ul li.panelPassword {padding: 3px 0 0 3px 0; width: 110px; float: left;} .userPanel#topLogin ul li.panelLogin input, .userPanel#topLogin ul li.panelPassword input {padding: 4px 10px; height: 28px; line-height: 1; border-radius: 5px; font-size: 13px; border-color: #000000;} .userPanel#topLogin ul li.panelLogin input {width: 200px;} .userPanel#topLogin ul li.panelPassword input {width: 115px;} .userPanel#topLogin ul li.panelButton {padding: 2px 0 2px 0; width: 85px; float: right; clear: right; text-align: right;} .userPanel#topLogin ul li.panelButton input.button {width: 80px; height: 28px; padding: 3px 0; line-height: 1;} .userPanel#topLogin ul li.panelRemind {padding-bottom: 0;} .userPanel#topLogin ul li.panelRegister {} .userPanel#topLogin div.panelAlert {clear: both; display: block; margin: 0; padding: 0 15px 0 15px; font-size: 12px;} .userPanel#topLogin div.panelAlert .information.error {margin: 0; padding: 5px 0 8px 0;} /* userPoints */ .userPanel#topLogin ul li.panelWelcome {display: block; padding: 5px 0 5px 25px; background: url(icon-user.png) no-repeat 0 50%;} .userPanel#topLogin ul li.panelWelcome a, .userPanel#topLogin ul li.panelWelcome a:visited {color: #ffffff; font-style: none; font-size: 16px;} .userPanel#topLogin ul li.panelWelcome a:hover {color: #000000;} .userPanel#topLogin ul li.panelDiscount {padding: 1px 0;} .userPanel#topLogin ul li.panelDiscount div {padding: 0;} .userPanel#topLogin ul li.panelDiscount.discountOnce {} .userPanel#topLogin ul li.panelDiscount.discountPoints {} /* userLinks */ .userPanel ul li.panelProfile {} .userPanel ul li.panelOrders {} .userPanel ul li.panelAdministration {} .userPanel ul li.panelLogout {} /* loginForm */ .userPanel li.panelButton, .userPanel .vals span.inputWrapper, .userPanel .vals span.inputContent {display: block;} .userPanel .vals span.inputContent input {/* display: block; width: 178px; padding-left: 5px; padding-right: 5px; */} .userPanel div {} .userPanel div span {font-weight: bold;} .userPanel .panelWelcome div span {font-weight: normal;} .userPanel span.tags {display: none; padding: 5px 0 5px 0; clear: both;} .userPanel .vals input {} .userPanel .inputWrapper {} .userPanel .inputWrapper, .userPanel .inputWrapper .inputContent, .userPanel .inputWrapper .inputContent input {display: block;} section#page_choose .firstBuy .sep {display: none;} section#page_choose .firstBuy .btn {margin-top: 5px; margin-left: 10px; margin-right: 0; /* float: right; */} section#page_choose div.choose, section#page_choose h2.name {margin-bottom: 30px;} div.alert {margin-top: 15px; margin-bottom: 5px;} .page#page_itemList .alert {margin-left: 0; margin-right: 0;} @media all and (max-width: 767px) { section#page_choose .nav > li > a {text-align: center;} section#page_choose .pull-left, section#page_choose .pull-right {float: none!important; width: 100%!important; text-align: center!important; display: block!important; padding: 0!important;} section#page_choose .pull-left a, section#page_choose .pull-right .btn {float: none!important; margin: 5px!important; display: inline-block!important;} } section#page_choose .form-horizontal .form-group {margin-right: 0; margin-left: 0; padding-left: 0; padding-right: 0;} section#page_choose .form-horizontal .form-group .row {margin-right: -15px; margin-left: -15px; padding-left: 0; padding-right: 0;} /* order pages */ .char-plus {} .char-bracket-left {padding-right: 1px;} .char-bracket-right {padding-left: 1px;} .weightInfo {} .weightInfo .weightTag {} .weightInfo .weight {font-weight: 700;} .weightInfo .weightUnit {padding-left: 2px; font-size: 80%;} table.orders {width: 100%;} .orders table {width: 100%;} .orders table td {vertical-align: middle;} .orders table label {padding: 0; margin: 0; font-size: inherit; font-weight: inherit;} .orders table .title {font-size: 16px; font-weight: 700;} .orders table span.div.description, .orders table div.description {display: block; font-size: 13px; font-weight: 400;} .orders table span.div.deliveryParameters {} .orders table .description.paymentTime {} .orders table .description.installments {} .orders .information {padding: 10px 0;} .orders input[type="radio"] {margin: 0; padding: 0;} table.addedItems {margin: 0 auto 0 0;} .addedItems th, .addedItems td {padding: 10px 10px 10px 10px;} .addedItems td table {margin: 0; width: auto;} .addedItems td td {padding: 0;} .addedItems th {border-bottom: 2px solid #dedede;} .addedItems td {border-bottom: 1px solid #dedede;} .addedItems td td {border-bottom: 0;} .addedItems .col-orderNr {width: 30px;} @media all and (min-width: 992px) { .addedItems .col-orderNr {padding-left: 0;} } .addedItems .col-image {width: 1px;} .addedItems .col-name {} .addedItems .col-quantity {width: 150px; text-align: right;} .addedItems .col-quantity a {display: block; width: 100%;} .addedItems .col-price {width: 200px; text-align: right;} .addedItems .col-actions {width: 50px; text-align: right;} @media all and (min-width: 992px) { .addedItems .col-actions {padding-right: 0;} } .addedItems .col-actions a {display: inline-block; margin: 0 auto; width: 24px; height: 24px; overflow: hidden; text-align: left; text-indent: -999px; padding: 0;} .addedItems .col-actions a, .addedItems .col-actions a:visited {background: #e30613 url(icon-close.png) no-repeat 50% 50%; border: 1px solid #bc050f; background-size: 75%;} .addedItems .col-actions a:hover {background: #14a23e url(icon-close.png) no-repeat 50% 50%; border: 1px solid #0c7d2d; background-size: 75%;} .addedItems .col-quantity table {width: auto; margin: 0 0 0 auto;} .addedItems .col-quantity table td {padding: 5px 5px;} .addedItems .col-name a {font-size: 16px; font-weight: 700;} .addedItems .productCode {font-weight: 700;} .addedItems .productAuthor, .addedItems .productCategory, .addedItems .productCode, .addedItems .choosedAttributes {font-size: 12px; padding: 5px 0 0 0; margin: 0; color: #555555;} .addedItems .choosedAttributes span {color: #777777;} .orders.delivery {} .orders.payments {} .orders.packages {} .orders.country {} .orders.deliveryTime {} .orders.summary {margin: 10px 0 10px 0; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede;} .orders.yourRebate {} .sum .orders.summary {margin: -1px 0 0px 0; border-top: 0px solid #dedede;} .orders.delivery table {} .orders.payments table {} .orders.packages table {} .orders.deliveryTime table {} .orders.country table, .orders.summary table {width: 100%;} .orders.yourRebate table {width: auto; margin-right: 0; margin-left: auto; overflow: hidden;} .orders.delivery td, .orders.payments td, .orders.packages td, .orders.country td, .orders.deliveryTime td {padding: 10px 10px 10px 10px;} .orders.summary td {padding: 10px 10px; text-align: right;} .orders.yourRebate td {padding: 10px; display: inline-block;} .orders.country .tag, .orders.yourRebate .tag {padding-left: 0;} .orders.country .value, .orders.yourRebate .value {text-align: right;} .orders.country .buttons, .orders.yourRebate .buttons {padding-right: 0;} .orders.yourRebate .form-control-static {font-weight: 700;} .orders.country .form-control-static {padding-right: 10px;} .orders td.col-icon {/* width: 1px; */ width: 26%; padding-left: 0;} .orders td.col-icon img {display: block; max-width: 100%; width: auto; height: auto;} .orders td.col-radio {width: 4%; text-align: center;} .orders td.col-description {} .orders td.col-price {width: 230px;} .orders td.col-price, .orders td.cost, .orders th.cost {text-align: right;} .comForm {} .comForm table {width: 100%;} .comForm td {padding: 5px 15px 5px 0; vertical-align: middle;} .comForm .name {font-weight: bold; } .comForm .name a, .comForm .name a:visited {display: block; overflow: hidden;} .comForm .actions {padding-right: 0; text-align: right; width: 20px;} .repForm .col-remove a, .comForm .actions a {display: inline-block; margin: 0 auto; width: 24px; height: 24px; overflow: hidden; text-align: left; text-indent: -999px; background: #e30613 url(icon-close.png) no-repeat 50% 50%; border: 1px solid #bc050f; background-size: 75%; border-radius: 3px;} .repForm .col-remove a:hover, .comForm .actions a:hover {background: #14a23e url(icon-close.png) no-repeat 50% 50%; background-size: 75%; border: 1px solid #0c7d2d;} .comForm .buttons {text-align: center; padding: 5px 0 0px 0;} .comForm .buttons a.btn {} .comForm .buttons a.link {} .repForm table.orders {margin: 10px 0;} .repForm table.orders .col-orderNr {width: 30px; padding-left: 10px;} .repForm table.orders .col-image {width: 1px;} .repForm table.orders .col-name {} .repForm table.orders .col-buttons {width: 200px; text-align: right;} .repForm table.orders .col-remove {width: 100px; text-align: center;} .repForm .nav {margin-top: 15px;} @media all and (max-width: 479px) { .addedItems .col-orderNr, .addedItems .col-image, .orders td.col-icon {display: none;} .addedItems .col-quantity, .addedItems .col-price, .addedItems .col-actions {width: auto;} .addedItems .col-quantity table td {display: block; padding: 2px 0;} .orders td.col-radio {width: 20px; text-align: left;} .orders td.col-price {width: auto;} } #page_cartForm table.orders.summary {background-color: #eeeeee;} .orders.summary td {font-size: 14px; padding: 10px;} table.orders.summary .tag {} table.orders.summary .value {width: 100px; font-size: 16px; white-space: nowrap;} .sum table.orders.summary, table.orders.summary.points {background-color: transparent;} table.orders.summary.points .value {font-size: 16px;} table.orders.summary.priceTax.priceNet .value {font-size: 16px;} #page_cartForm table.orders.summary.costTotal, table.orders.summary.costTotal {background-color: #3A89C9;} table.orders.summary.costTotal td {font-weight: 700; font-size: 22px; color: #ffffff;} table.orders.summary.costTotal td * {color: #1a1a18;} table.orders.summary.costTotal td.tag {} table.orders.summary.costTotal td.value {font-size: 24px;} table.orders.summary.costTotal td .price, table.orders.summary.costTotal td .currency {color: inherit;} .orders.yourRebate {} .orders.yourDiscount {} .orders.yourRebate table, .orders.yourDiscount table {width: auto; margin-left: auto; margin-right: 0;} .orders.yourRebate table td {padding: 0 10px 0 0;} .orders.yourDiscount table td {padding: 5px 10px 5px 0;} .orders.yourRebate table td.tag, .orders.yourDiscount table td.tag {text-align: right;} .orders.yourRebate table td.value, .orders.yourDiscount table td.value {text-align: right;} @media all and (max-width: 767px) { .orders.yourRebate table, .orders.yourDiscount table {margin-left: 0; margin-right: 0;} .orders.yourRebate table td.tag, .orders.yourDiscount table td.tag {text-align: left;} .orders.yourRebate table td.value, .orders.yourDiscount table td.value {text-align: left;} .orders.yourRebate td.buttons {display: block; margin-top: 5px;} .orders.country .btn {margin-top: 5px; margin-bottom: 5px;} } .orders.buyer {} .orders.buyer.buyerAddress {} div.printPage {display: block; text-align: right; padding-top: 15px;} /* div.navigator a, */ .navigator {margin-top: 5px; margin-bottom: 5px; padding-top: 5px; padding-bottom: 5px;} .navigator.paginatorPrevious {text-align: left;} .navigator.paginatorPrevious a {display: inline-block; margin-left: 0; margin-right: auto;} .navigator.paginatorNext {margin-top: 5px; margin-bottom: 5px; text-align: right;} .navigator.paginatorNext a {display: inline-block; margin-left: auto; margin-right: 0;} table.paginatorCart {margin-left: auto; margin-right: 0; width: 100%; overflow: hidden;} table.paginatorCart td {padding: 10px 0; /* display: inline-block; */} table.paginatorCart td.paginatorCartPrevious {} table.paginatorCart td.paginatorCartNext {padding-right: 0; text-align: right;} div.row.paginatorCart {padding-top: 10px; padding-bottom: 5px;} div.row.paginatorCart div.paginatorCartPrevious {padding-top: 5px; padding-bottom: 5px;} div.row.paginatorCart div.paginatorCartNext {padding-top: 5px; padding-bottom: 5px;} table.paginator.paginatorBottom {width: 100%; margin: 0 0 8px 0;} table.paginator.paginatorBottom td {width: 50%;} table.paginator.paginatorBottom td:first-child {} table.paginator.paginatorBottom td:last-child {text-align: right;} table.paginator.paginatorNews, table.paginator.paginatorDetails {width: 100%; margin: 0 0 8px 0;} table.paginator.paginatorNews td, table.paginator.paginatorDetails td {width: 33%;} table.paginator.paginatorNews td:nth-child(2) a table.paginator.paginatorDetails td:nth-child(2) a {margin-left: 3px; margin-right: 3px;} table.paginator.paginatorNews td:nth-child(2) a, table.paginator.paginatorDetails td:nth-child(1) {} table.paginator.paginatorNews td:nth-child(2), table.paginator.paginatorDetails td:nth-child(2) {text-align: center;} table.paginator.paginatorNews td:nth-child(3), table.paginator.paginatorDetails td:nth-child(3) {text-align: right;} table.paginator.paginatorNews {margin: 15px 0;} .ordList .filters {} .ordList .filters ul {width: 100%;} .ordList .filters li {text-align: right;} .paginatorPrevious a {} .paginatorNext a {} /* ***** payFormLink ***** */ div.payFormLink {border-top: 1px solid #dedede; border-top: 1px solid #dedede; padding: 10px; margin: 10px 0; text-align: center;} .payFormLink span.image {display: block; margin: 0 auto; padding: 10px 0; text-align: center;} .payFormLink span.image img {vertical-align: bottom;} .payFormLink a, .payFormLink a:visited {} .payFormLink a:hover {/* link do formularza przelewu */ } .payFormLink img {} /* Przelewy24 */ .p24PayForm .p24_wfh940g {width: 100%!important; margin-left: auto; margin-right: auto;} .p24PayForm .p24_wfh940g table {width: 100%!important;} .p24PayForm .p24_wfh940g table td {padding: 3px 0; height: auto;} .p24PayForm .p24_wfh940g div {background-color: transparent!important; /* color: inherit!important; */ padding: 5px 0 5px 0!important; border: 0px solid!important;} .p24PayForm .p24_wfh940g div#p24_4j3j52 {padding: 0 0 5px 0!important;} .p24PayForm .p24_wfh940g input {display: inline-block; vertical-align: middle; margin-right: 5px; margin-top: 5px; margin-bottom: 5px;} .p24PayForm .p24_wfh940g label {width: 80%!important; padding: 15px 0 15px 55px!important; background-position: 0% 50%!important; background-repeat: no-repeat!important; display: inline-block!important; font-size: 12px;} .p24PayForm .p24_wfh940g label[for=pf129] {background-image: url(plat_aliorraty.png);} /* raty */ .p24PayForm .p24_wfh940g label[for=pf85] {background-image: url(plat_milenium.png);} .p24PayForm .p24_wfh940g label[for=pf48] {background-image: url(plat_bos.png);} .p24PayForm .p24_wfh940g label[for=pf59] {background-image: url(plat_bankpocztowy.png);} .p24PayForm .p24_wfh940g label[for=pf114] {background-image: url(plat_brebank.png);} .p24PayForm .p24_wfh940g label[for=pf45] {background-image: url(plat_creditagricole.png);} .p24PayForm .p24_wfh940g label[for=pf103] {background-image: url(plat_dnb.png);} .p24PayForm .p24_wfh940g label[for=pf94] {background-image: url(plat_eurobank.png);} .p24PayForm .p24_wfh940g label[for=pf34] {background-image: url(plat_getinbank.png);} /* bank */ .p24PayForm .p24_wfh940g label[for=pf108] {background-image: url(plat_ideabank.png);} .p24PayForm .p24_wfh940g label[for=pf25] {background-image: url(plat_mbank_mtransfer.png);} .p24PayForm .p24_wfh940g label[for=pf27] {background-image: url(plat_mbank_multitransfer.png);} .p24PayForm .p24_wfh940g label[for=pf119] {background-image: url(plat_citi.png);} .p24PayForm .p24_wfh940g label[for=pf26] {background-image: url(plat_inteligo.png);} .p24PayForm .p24_wfh940g label[for=pf131] {background-image: url(plat_plusbank.png);} .p24PayForm .p24_wfh940g label[for=pf35] {background-image: url(plat_bph.png);} .p24PayForm .p24_wfh940g label[for=pf58] {background-image: url(plat_sgb.png);} .p24PayForm .p24_wfh940g label[for=pf121] {background-image: url(plat_tmobile.png);} .p24PayForm .p24_wfh940g label[for=pf111] {background-image: url(plat_trustpay.png);} .p24PayForm .p24_wfh940g label[for=pf1000] {background-image: url(plat_przelew.png);} .p24PayForm .p24_wfh940g label[for=pf56] {background-image: url(plat_bgz.png);} .p24PayForm .p24_wfh940g label[for=pf32] {background-image: url(plat_nordea.png);} .p24PayForm .p24_wfh940g label[for=pf65] {background-image: url(plat_pekao.png);} .p24PayForm .p24_wfh940g label[for=pf33] {background-image: url(plat_paribas.png);} .p24PayForm .p24_wfh940g label[for=pf20] {background-image: url(plat_bzwbk.png);} .p24PayForm .p24_wfh940g label[for=pf110] {background-image: url(plat_deutschebank.png);} .p24PayForm .p24_wfh940g label[for=pf105] {background-image: url(plat_eskok.png);} .p24PayForm .p24_wfh940g label[for=pf68] {background-image: url(plat_getbank.png);} .p24PayForm .p24_wfh940g label[for=pf79] {background-image: url(plat_getinbank.png);} /* online */ .p24PayForm .p24_wfh940g label[for=pf37] {background-image: url(plat_kredytbank.png);} .p24PayForm .p24_wfh940g label[for=pf113] {background-image: url(plat_meritumbank.png);} .p24PayForm .p24_wfh940g label[for=pf88] {background-image: url(plat_aliorbank.png);} /* bank */ .p24PayForm .p24_wfh940g label[for=pf135] {background-image: url(plat_placeziko.png);} .p24PayForm .p24_wfh940g label[for=pf31] {background-image: url(plat_placezipko.png);} .p24PayForm .p24_wfh940g label[for=pf112] {background-image: url(plat_ing.png);} .p24PayForm .p24_wfh940g label[for=pf62] {background-image: url(plat_raiffeisen.png);} .p24PayForm .p24_wfh940g label[for=pf87] {background-image: url(plat_skycash.png);} .p24PayForm .p24_wfh940g label[for=pf64] {background-image: url(plat_toyotabank.png);} .p24PayForm .p24_wfh940g label[for=pf69] {background-image: url(plat_volkswagenbank.png);} .p24PayForm .p24_wfh940g label[for=pf2000] {background-image: url(plat_przedplata.png);} .p24PayForm .p24_wfh940g label[for=pf90] {background-image: url(plat_fmbank.png);} .p24PayForm .p24_wfh940g label[for=pf153] {background-image: url(plat_getinonline.png);} .p24PayForm .p24_wfh940g label[for=pf66] {background-image: url(plat_paypal.png);} .p24PayForm .p24_wfh940g label[for=pf84] {background-image: url(plat_aliorraty.png);} .p24PayForm .p24_wfh940g label[for=pf43] {background-image: url(plat_pekao.png);} .p24PayForm .p24_wfh940g label[for=pf47] {background-image: url(plat_citi.png);} .p24PayForm .p24_wfh940g label[for=pf36] {background-image: url(plat_deutschebank.png);} .p24PayForm .p24_wfh940g label[for=pf49] {background-image: url(plat_ing.png);} .p24PayForm .p24_wfh940g label[for=pf102] {background-image: url(plat_raiffeisen.png);} .p24PayForm .p24_wfh940g label[for=pf89] {background-image: url(plat_meritumbank.png);} .p24PayForm .p24_wfh940g label[for=pf141] {background-image: url(plat_bankpocztowy.png);} /* Przelewy24 uklad 3 kolumnowy */ /* .p24PayForm .p24_wfh940g {width: 100%!important; border: 0px solid!important;} .p24PayForm .p24_wfh940g table {display: block; overflow: hidden;} .p24PayForm .p24_wfh940g table tr {display: inline-block; float: left; width: 260px;} .p24PayForm .p24_wfh940g table td {display: inline-block; float: left; width: 100%;} .p24PayForm .p24_wfh940g label {width: 180px!important;} */ @media all and (max-width: 767px) { .p24PayForm .p24_wfh940g input {margin-top: 0px; margin-bottom: 0px;} .p24PayForm .p24_wfh940g label {width: 80%!important; padding: 6px 0 6px 25px!important; font-size: 12px;} .p24PayForm .p24_wfh940g label[for=pf129] {background-image: url(plat_aliorraty_s.png);} /* raty */ .p24PayForm .p24_wfh940g label[for=pf85] {background-image: url(plat_milenium_s.png);} .p24PayForm .p24_wfh940g label[for=pf48] {background-image: url(plat_bos_s.png);} .p24PayForm .p24_wfh940g label[for=pf59] {background-image: url(plat_bankpocztowy_s.png);} .p24PayForm .p24_wfh940g label[for=pf114] {background-image: url(plat_brebank_s.png);} .p24PayForm .p24_wfh940g label[for=pf45] {background-image: url(plat_creditagricole_s.png);} .p24PayForm .p24_wfh940g label[for=pf103] {background-image: url(plat_dnb_s.png);} .p24PayForm .p24_wfh940g label[for=pf94] {background-image: url(plat_eurobank_s.png);} .p24PayForm .p24_wfh940g label[for=pf34] {background-image: url(plat_getinbank_s.png);} /* bank */ .p24PayForm .p24_wfh940g label[for=pf108] {background-image: url(plat_ideabank_s.png);} .p24PayForm .p24_wfh940g label[for=pf25] {background-image: url(plat_mbank_mtransfer_s.png);} .p24PayForm .p24_wfh940g label[for=pf27] {background-image: url(plat_mbank_multitransfer_s.png);} .p24PayForm .p24_wfh940g label[for=pf119] {background-image: url(plat_citi_s.png);} .p24PayForm .p24_wfh940g label[for=pf26] {background-image: url(plat_inteligo_s.png);} .p24PayForm .p24_wfh940g label[for=pf131] {background-image: url(plat_plusbank_s.png);} .p24PayForm .p24_wfh940g label[for=pf35] {background-image: url(plat_bph_s.png);} .p24PayForm .p24_wfh940g label[for=pf58] {background-image: url(plat_sgb_s.png);} .p24PayForm .p24_wfh940g label[for=pf121] {background-image: url(plat_tmobile_s.png);} .p24PayForm .p24_wfh940g label[for=pf111] {background-image: url(plat_trustpay_s.png);} .p24PayForm .p24_wfh940g label[for=pf1000] {background-image: url(plat_przelew_s.png);} .p24PayForm .p24_wfh940g label[for=pf56] {background-image: url(plat_bgz_s.png);} .p24PayForm .p24_wfh940g label[for=pf32] {background-image: url(plat_nordea_s.png);} .p24PayForm .p24_wfh940g label[for=pf65] {background-image: url(plat_pekao_s.png);} .p24PayForm .p24_wfh940g label[for=pf33] {background-image: url(plat_paribas_s.png);} .p24PayForm .p24_wfh940g label[for=pf20] {background-image: url(plat_bzwbk_s.png);} .p24PayForm .p24_wfh940g label[for=pf110] {background-image: url(plat_deutschebank_s.png);} .p24PayForm .p24_wfh940g label[for=pf105] {background-image: url(plat_eskok_s.png);} .p24PayForm .p24_wfh940g label[for=pf68] {background-image: url(plat_getbank_s.png);} .p24PayForm .p24_wfh940g label[for=pf79] {background-image: url(plat_getinbank_s.png);} /* online */ .p24PayForm .p24_wfh940g label[for=pf37] {background-image: url(plat_kredytbank_s.png);} .p24PayForm .p24_wfh940g label[for=pf113] {background-image: url(plat_meritumbank_s.png);} .p24PayForm .p24_wfh940g label[for=pf88] {background-image: url(plat_aliorbank_s.png);} /* bank */ .p24PayForm .p24_wfh940g label[for=pf135] {background-image: url(plat_placeziko_s.png);} .p24PayForm .p24_wfh940g label[for=pf31] {background-image: url(plat_placezipko_s.png);} .p24PayForm .p24_wfh940g label[for=pf112] {background-image: url(plat_ing_s.png);} .p24PayForm .p24_wfh940g label[for=pf62] {background-image: url(plat_raiffeisen_s.png);} .p24PayForm .p24_wfh940g label[for=pf87] {background-image: url(plat_skycash_s.png);} .p24PayForm .p24_wfh940g label[for=pf64] {background-image: url(plat_toyotabank_s.png);} .p24PayForm .p24_wfh940g label[for=pf69] {background-image: url(plat_volkswagenbank_s.png);} .p24PayForm .p24_wfh940g label[for=pf2000] {background-image: url(plat_przedplata_s.png);} .p24PayForm .p24_wfh940g label[for=pf90] {background-image: url(plat_fmbank_s.png);} .p24PayForm .p24_wfh940g label[for=pf153] {background-image: url(plat_getinonline_s.png);} .p24PayForm .p24_wfh940g label[for=pf66] {background-image: url(plat_paypal_s.png);} .p24PayForm .p24_wfh940g label[for=pf84] {background-image: url(plat_aliorraty_s.png);} .p24PayForm .p24_wfh940g label[for=pf43] {background-image: url(plat_pekao_s.png);} .p24PayForm .p24_wfh940g label[for=pf47] {background-image: url(plat_citi_s.png);} .p24PayForm .p24_wfh940g label[for=pf36] {background-image: url(plat_deutschebank_s.png);} .p24PayForm .p24_wfh940g label[for=pf49] {background-image: url(plat_ing_s.png);} .p24PayForm .p24_wfh940g label[for=pf102] {background-image: url(plat_raiffeisen_s.png);} .p24PayForm .p24_wfh940g label[for=pf89] {background-image: url(plat_meritumbank_s.png);} .p24PayForm .p24_wfh940g label[for=pf141] {background-image: url(plat_bankpocztowy_s.png);} } /* PaczkaWRUCHU */ div#PaczkawRuchu {margin: 0; padding: 10px 0; text-align: left; overflow: hidden;} div#PaczkawRuchu a.button {margin: 0 auto 0 0; font-size: 14px; cursor: pointer;} div#PaczkawRuchu a.button .buttonLinkContent {padding-left: 20px; background: url(select_point.png) no-repeat 0% 50%;} #PaczkawRuchu a.button {} div#receiptPointBlock {margin: 0 auto 10px auto; padding: 0;/* border: 1px solid #c7c8ca; */} div#receiptPointBlock .pageSubTitle {/* margin: 0; padding: 5px 0; background-color: #e8ecef; */} div#punktodbioru {/* padding: 5px 0; */} div#punktodbioru div {padding: 2px 0;} div#punktodbioru #street_name {font-weight: 700;} div#punktodbioru #location {} div#punktodbioru #opening_hours {font-style: italic;} /* Paczkomaty */ div.sumInPost {margin: 0px auto 10px auto; padding: 0 0 5px 0;} div.sumInPost table.sumInPost {width: 100%; margin: 0 auto;} div.sumInPost table.sumInPost a {} div.sumInPost table.sumInPost td {padding: 4px 0 4px 0; vertical-align: middle;} div.sumInPost table.sumInPost td.inPostInfo {padding: 0 0 5px 0;} div.sumInPost table.sumInPost td.wybory {padding-right: 2px;} div.sumInPost table.sumInPost td.komunikaty {padding-left: 2px; text-align: right} div.sumInPost table.sumInPost td input {margin-right: 2px;} div.sumInPost table.sumInPost td input.button {} div.sumInPost table.sumInPost td input#inPostMail {width: 160px;} div.sumInPost table.sumInPost td div#inPostMsg {} div.sumInPost table.sumInPost td div#inPostMsgPacz {} div.sumInPost table.sumInPost td span.inPostMsgOk {} div.sumInPost table.sumInPost td span.inPostMsgErr {} div.sumInPost table.sumInPost td optgroup, div.sumInPost table.sumInPost td option:disabled {} div.sumInPost table.sumInPost td optgroup option {} div.sumInPost table.sumInPost#inPostPaczk {} div.sumInPost table.sumInPost td#inPostPaczkomat {} div.sumInPost table.sumInPost td#inPostPaczkomatMes {} div.sumInPost table.sumInPost td#inPostBigMes {} div.sumInPost select {max-width: 700px;} /* aucSumForm */ div.center {margin: 0 auto;} table.aucSumForm {margin-left : auto; margin-right : auto; width : 100%;} table.aucSumForm h4 {margin: 10px 0 0 0;} table.aucSumForm h5 {margin: 6px 0 6px 6px;} table.aucSumForm h5 input {margin-right: 5px;} table.aucSumForm span.div.description, table.aucSumForm div.description {} table.aucSumForm td.sprzedajacy_nazwa {font-weight: 700; padding: 5px 0 5px 10px; vertical-align: middle;} table.aucSumForm td.sprzedajacy_linki {font-weight: 700; padding: 5px 0 5px 10px; vertical-align: middle;} table.aucSumForm td.sprzedajacy_linki a {} table.aucSumForm td.aukcja {font-weight: 700; font-size: 11px; padding: 5px 0 5px 10px; vertical-align: middle;} table.aucSumForm td.aukcja_nazwa {font-weight: 700; padding: 5px 0 5px 10px; vertical-align: middle;} table.aucSumForm td.aukcja_nazwa a {} table.aucSumForm table.listaAukcji {width: 100%;} table.aucSumForm table.listaAukcji td {vertical-align: middle;} table.aucSumForm table.listaAukcji td.zdjecie {width: 190px; padding: 2px;} table.aucSumForm table.listaAukcji td.opisy {padding: 2px;} table.aucSumForm table.opis td {padding: 5px; font-weight: 700;} table.aucSumForm table.opis td.name {} table.aucSumForm table.opis td.price {text-align: right;} table.aucSumForm table.opis td.amount {text-align: right;} table.aucSumForm table.opis td.value {text-align: right;} table.aucSumForm table.opis td.tag {font-weight: 400; padding: 1px 5px 3px 5px;} table.aucSumForm table.opis td.tag.name {text-align: left;} table.aucSumForm table.opis td.tag.price {} table.aucSumForm table.opis td.tag.ilosc {} table.aucSumForm table.opis td.tag.value {} table.aucSumForm span.nawias {} table.aucSumForm td.cart_ikona {padding: 5px; width: 120px; text-align: center;} table.aucSumForm td.cart_radio input {} table.aucSumForm td.cart_opis {} table.aucSumForm table.dane {width: 100%; margin: 0;} table.aucSumForm table.dane td {vertical-align: middle;} table.aucSumForm table.dane input {} table.aucSumForm table.dane#dostawca {} table.aucSumForm table.dane#dostawca td {} table.aucSumForm table.dane#platnosc {} table.aucSumForm table.dane#platnosc td {} table.aucSumForm table.dane#platnosc td.sprzedajacy {font-size: 14px; font-weight: 700; padding: 0 0 0 10px;} table.aucSumForm table.dane#platnosc td.sprzedajacy span.tag {font-weight: 400;} table.aucSumForm table.dane#platnosc span.upomnienie {} table.aucSumForm table.dane#zamawiajacy {margin-top: 10px; margin-bottom: 10px;} table.aucSumForm table.dane#zamawiajacy td {} table.aucSumForm table.dane#zamawiajacy td.pseudonim {font-size: 14px; font-weight: 700; padding: 0 0 10px 0;} table.aucSumForm table.dane#zamawiajacy td.pseudonim span.tag {font-weight: 400;} table.aucSumForm table.dane#zamawiajacy td.cart_radio {padding: 3px;} table.aucSumForm#dodatkowe {margin: 5px auto;} table.aucSumForm#dodatkowe td {text-align: center;} table.aucSumForm#dodatkowe td.tag {} table.aucSumForm#dodatkowe td.tag textarea {} table.aucSumForm#uwagi {margin: 0 auto;} table.aucSumForm#uwagi td {text-align: justify; padding: 5px 10px;} table.aucSumForm#zamow {margin: 0 auto;} table.aucSumForm#zamow td {text-align: center;} table.aucSumForm#zamow input#reg_submit {} /* aucSumForm after*/ table.aucSumForm {width: 100%;} table.aucSumForm div {width: 100%;} table.aucSumForm div.opisPowrotu {padding: 5px 0;} table.aucSumForm div.linkPowrotu {padding: 5px 0; text-align: right;} table.aucSumForm div.linkPowrotu a {} table.aucSumForm div.linkPowrotu img {margin-right: 5px;} table.aucSumForm div.etykieta {font-size: 14px; font-weight: 700; padding-top: 10px;} table.aucSumForm div.sprzedajacy_nazwa {font-size: 14px; padding: 5px 0 5px 10px;} table.aucSumForm div.sprzedajacy_linki {padding: 2px 0 10px 10px;} table.aucSumForm div.sprzedajacy_linki a {} /* galleries */ .galleries ul, .galList ul {display: block; padding: 0; margin: 0;} .galleries li, .galList li {list-style: none; display: inline-block; padding: 0; margin: 0;} .galleries .gallery {display: block; padding: 0px; margin: 0 0 10px 0; text-align: center;} .galleries div.gallery div {padding: 0 0 10px 0; margin: 0;} .galleries .galleryName {font-size: 14px; padding-top: 0; margin-top: 0;} .galleries h1.galleryName {font-size: 18px;} .galleries .gallery .galleryDescription {} .galleries .gallery .galleryDescription a {display: inline-block; float: left; margin: 0;} .galleries .gallery .galleryDescription img {vertical-align: bottom;} .galleries .gallery .galleryImage, .galleries .gallery .galleryImage a {display: block; text-align: center;} .galleries .gallery .galleryImage img {display: block; width: 100%; height: auto; margin: 0 auto;} .galleries.galList .gallery {padding: 15px;} .galleries.galCatList .gallery {padding: 15px 15px 15px 15px; overflow: hidden;} .galleries.galCatList .gallery h2.galleryName {margin: 0; padding: 0;} .galleries.galCatList .gallery .galleryDescription {display: block; margin-top: 5px; margin-bottom: -15px; font-size: 12px; line-height: 15px; text-align: center;} .galleries.galCatList .gallery .galleryDescription a {display: block; margin: 0; float: none;} .galleries.galCatList .gallery .galleryDescription img {display: block; margin: 15px auto 5px auto; width: auto; height: auto;} .gallery #galleryWindow {padding: 15px; text-align: center;} .gallery #galleryWindow img {display: block; margin: 0 auto;} @media all and (max-width: 797px) { .gallery #galleryWindow img {width: 100%; height: auto;} } .gallery #galleryList {padding: 5px 0;} .gallery #galleryList ul {width: 100%; margin: 0; padding: 0; overflow: auto;} .gallery #galleryList li {padding: 0; margin: 10px 10px 0 0; list-style: none; float: left;} .gallery #galleryList li.lastChild {padding-right: 0;} .gallery #galleryList li:first-child, .gallery #galleryList li.first {clear: left;} .gallery #galleryList .galleryItem {padding: 0;} .gallery #galleryList .galleryItem span.image, .gallery #galleryList .galleryItem img {display: block; margin: 0 auto;} @media all and (max-width: 797px) { .gallery #galleryList .galleryItem img {width: 100%; height: auto;} } .gallery #galleryList a {text-decoration: none; display: block; padding: 0;} .gallery #galleryList a:hover {text-decoration: none;} .gallery #galleryList div {text-align: center;} .gallery #galleryList a span {display: block; padding: 0 0 5px 0;} .gallery #galleryList .image {padding-top: 10px;} .gallery #galleryList .image img {} .gallery #galleryList .name {font-size: 10px; font-weight: 700;} .gallery #galleryList .description {font-size: 10px;} .galeriaBrakZdjec {margin: 5px auto;} .galleries .paginator {width: 100%; margin: -5px auto 15px auto;} .galleries .paginator td {width: 33%; vertical-align: middle; text-align: center; font-size: 12px;} .galleries .paginator.paginatorLists td {width: 33%;} .galleries #galleryWindow, .galleries #galleryList li, .galleries.galList .gallery, .galleries.galCatList .gallery {background-color: #ffffff; border: 1px solid #dedede; -webkit-box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.5); box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.5); } .galleries #galleryList li:hover, .galleries.galList .gallery:hover, .galleries.galCatList .gallery:hover { -webkit-box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.9); box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.9); } #galleryList a:hover {background-color: rgb(242,242,242); background-color: rgba(242,242,242,0.75);} div.newsShortList .newsItem {margin-bottom: 15px;} div.newsShortList .newsShort {display: block; margin: 0 0 5px 0; padding: 0;} div.newsShortList .newsLink {display: block; margin: 0 0 5px 0; padding: 0;} div.newsShortList .newsLink a, div.newsShortList .newsLink a:visited {} div.newsShortList .newsLink a:hover {} div.newsShortList .newsImage {display: block; margin: 0 0 10px 0; padding: 0;} div.newsShortList .newsWrap {display: block; position: relative; height: 150px; overflow: hidden; margin: 0 0 10px 0;} div.newsShortList .newsWrap .newsImage {margin: 0; position: relative;} div.newsShortList .newsWrap .newsImage img {width: 100%; height: auto; display: block; /* max-width: 100%; max-height: 100%; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: auto; */ } div.newsShortList .newsDataPublikacji {display: block; margin: 0 0 10px 0; padding: 0; font-style: italic; color: #555555; font-size: 12px;} div.newsShortList .newsWrap .newsDataPublikacji {margin: 0; padding: 5px; background-color: rgba(0,0,0,0.25); color: #dedede; position: absolute; top: 0; left: 0;} div.newsShortList .newsSkrot {display: block; margin: 0 0 10px 0; padding: 0;} div.newsShortList .newsArchLink {display: block; margin: 5px 0;} div.newsList {margin: 5px auto 20px auto; clear: both;} div.newsList .newsFull {margin-bottom: 10px; overflow: hidden;} div.newsList .newsFull p {} div.newsList div.newsLink {padding-bottom: 4px; font-size: 16px;} div.newsList .newsLink a, div.newsList .newsLink a:visited {font-weight: 700;} div.newsList .newsLink a:hover {} div.newsList .newsDataPublikacji {font-weight: 400; font-style: italic; font-size: 11px; padding: 0 0 4px 0;} div.newsList .newsTresc {padding-bottom: 20px; clear: both; overflow: hidden;} div.newsList .newsImage {display: inline-block; float: left; font-size: 0; margin: 0 10px 10px 0;} div.newsList .newsImage img {vertical-align: middle;} .newsBody {} /* pollForm - sondy */ div.pollForm#naglowek {} table.pollForm {width: 100%;} table.pollForm td {vertical-align: middle; padding: 1px 1px;} table.pollForm td.probeQuestion {} table.pollForm td.poleSondy {width: 18px; padding: 1px 0 4px 0; text-align: left;} table.pollForm td.poleSondy input {margin-left: 0;} table.pollForm td.opcjaSondy {width: 150px; padding: 2px 0 3px 0; font-weight: 700;} table.pollForm td.przyciskiSondy {text-align: right;} table.pollForm td.przyciskiSondy input {margin-left: auto; margin-right: 0;} table.pollForm input.button#glosuj {} table.pollForm input.button#wyniki {background-image: none; background-color: transparent; border: 0; font-weight: 700; text-align: center; margin-top: 5px;} table.pollForm a#wyniki {display: block; font-weight: 700; text-align: center; margin-top: 5px; cursor: pointer;} table.pollForm span.glosuj {display: block;} table.pollForm span.wyniki {display: block;} table.pollForm td.wynikSondy {padding: 0 0 8px 0; font-size: 11px; vertical-align: middle;} table.pollForm td.wykresSondy {background-color: #3a89c9;} table.pollForm td.wynikSondy img {margin-top: 4px;} table.pollForm td.iloscGlosow {padding-top: 2px;} table.pollForm td.iloscGlosow span {font-weight: 700;} /* ratStarBar */ .ratBar {} .ratBarCurrent {} .ratForm .ratBar, .ratForm #ratBar {} .ratForm .voteBarRating, .ratForm #voteBarRating {float:left;} .ratForm .voteBarCandidate, .ratForm #voteBarCandidate {float:left; padding: 0 0 0 10px; width:2em;} .ratForm .voteBar, .ratForm #voteBar {overflow:hidden; float:left;} .ratForm .voteBarCurrent, .ratForm #voteBarCurrent {overflow:hidden; position: relative;} .ratForm .voteBarSlider, .ratForm #voteBarSlider {overflow:hidden; position: relative; width: 100%;} .ratForm .voteBarSlider a, .ratForm #voteBarSlider a {display:block; float:left; margin: 0; overflow:hidden; padding: 0;} .ratForm .voteBarSlider img, .ratForm #voteBarSlider img {border: 0; margin: 0;} .ratForm .ratFormOption {margin:4px;} .ratBar {background:url(ratingStarBar22.png) 0 -44px; height: 22px;} .ratBarCurrent {background:url(ratingStarBar22.png); height: 22px;} .ratForm .idRatBar, .ratForm #ratBar {height: 22px;} .ratForm .voteBarCandidate, .ratForm #voteBarCandidate {height: 22px; line-height: 22px;} .ratForm .voteBar, .ratForm #voteBar {background:url(ratingStarBar22.png) 0 -44px; height: 22px;} .ratForm .voteBarCurrent, .ratForm #voteBarCurrent {background:url(ratingStarBar22.png); height: 22px;} .ratForm .voteBarSlider, .ratForm #voteBarSlider {height: 22px; top: -22px;} .ratForm .voteBarSlider a, .ratForm #voteBarSlider a {background:url(ratingStarBar22.png) no-repeat 0 44px; height: 22px; line-height: 22px; width: 22px;} .ratForm .voteBarSlider img, .ratForm #voteBarSlider img {width: 22px; height: 22px;} div.opiList div.ocena {width: 110px;} /* opiList, opiForm */ .opiForm {} .opiForm .form-group {padding-top: 10px; padding-bottom: 10px;} .row.opiList {padding: 0 0/* 25px */;} .row.opiForm .row .forms label.col-xs-12 {padding: 10px 10px 5px 0; text-transform: uppercase; font-weight: normal;} .row.opiForm .row .forms div.col-xs-12 {padding: 0 0 0 0;} .row.opiForm .row .col-sm-offset-2 {padding-left: 0; padding-right: 0;} .opiList table {width: 100%; margin: 0 0 15px 0;} .opiList td.col1 {width: 150px; padding: 10px 15px 10px 0; vertical-align: top;} .opiList td.col2 {padding: 10px 0 0 15px; vertical-align: top;} div.opiList {margin: 0 auto; padding: 0;} div.opiList table {margin: 0;} div.opiList table td {text-align: left; padding: 10px 10px 10px 0; vertical-align: top;} div.opiList table th {text-align: left; padding: 2px 10px 2px 0;} div.opiList a {} div.opiList div.who {padding-bottom: 5px; overflow: hidden;} div.opiList div.review {padding-bottom: 15px;} div.opiList span.name, div.opiList span.date {font-size: 13px; display: inline-block; padding: 2px 15px 0 0; float: left;} div.opiList div.rating {display: inline-block; margin: 0; float: left; font-size: 13px;} div.opiList span.name {font-weight: 700;} div.opiList span.review {font-size: 15px; padding-bottom: 5px;} div.opiList span.shop {} div.opiList span.shop.review {} div.opiList span.shop.name {} .opiList.opiConList {} div.conBody {} div.conBody p.conBody {} /* blog */ section.blogList {} section.blogList.blogFeatured {} section.blogBody {} .blogPost {} .blogPosts {border: 1px solid #dedede; margin: 15px 0; padding: 15px;} .blogFeatured .blogPosts {border: 0; margin: 0; padding: 0;} .blogFeatured .pageSubTitle {padding-top: 0;} .blogPicture {margin-top: 5px; margin-bottom: 10px; text-align: left;} .blogPicture img {display: block; margin: 0 auto; width: 100%; height: auto;} .blogEntry {} .blogEntry .tag {padding-right: 5px;} .blogEntry .sep {color: #808080;} .blogEntry .blogTitle {margin-top: 0;} .blogEntry .blogDate {font-size: 12px; font-style: italic; margin-bottom: 5px; color: #808080;} .blogEntry .blogTags {font-size: 12px; margin-bottom: 5px;} .blogEntry .blogLead {} .blogEntry .blogButtons {text-align: right;} /* channels */ div.channels {text-align: center; overflow: auto;} div.channels div.channel {overflow: hidden; float: left; margin: 5px; border: 1px solid #C1C1C1; padding: 5px; display: inline-block; position: relative; width: 130px; height: 55px;} div.channels span.label {float: left; display: block;} div.channels input {float: left; display: block; margin-top: 21px; margin-right: 5px;} div.channels label {float: left; display: block;} div.channels img {display: block; margin: 0 auto; vertical-align: middle;} div.channels span.name {display: block; padding: 5px; font-size: 9px; position: absolute; right: 0; top: -100px;} div.channels div.channel:hover, div.channels div.channel.selected:hover {border: 1px solid #000000;} div.channels div.channel:hover span.name { display: block; top: 0; background-color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0.90); max-width: 100px; } div.channels span.channelPic {display: block; width: 100px; height: 50px; position: absolute; left: 30px; top: 7px;} /* tabele bardziej responsywne */ .stacktable {width: 100%;} .st-head-row {padding-top: 1em;} .st-head-row.st-head-row-main {font-size: 1.5em; padding-top: 0;} .st-key {width: 49%; text-align: right; padding-right: 1%;} .st-val {width: 49%; padding-left: 1%;} .stacktable.large-only {display: table;} .stacktable.small-only {display: none;} @media all and (max-width: 991px) { .stacktable.large-only {display: none;} .stacktable.small-only {display: table;} } .currencyToLeft span.price {} .currencyToLeft span.currency, .currencyToLeft span.rangeCurrency {padding-left: 0; display: none!important;} #fb-slide {float: right; overflow: hidden; padding-left: 0px; position: fixed; top: 220px; z-index: 2002; box-sizing: content-box;} #fb-slide-gfx {height: 111px; padding-left: 35px; position: fixed; top: 220px; z-index: 2002; background-repeat: no-repeat; background-position: 0 0; box-sizing: content-box;} #fb-slide #fb-frame {padding: 20px 5px 20px 12px; background-color: #5777b1; box-sizing: content-box;} #fb-slide #fb-frame #fb-back {background: white; box-sizing: content-box;} iframe div.fbDarkWidget {background: red;} #fb-slide-gfx, #fb-slide {display: none!important;} @media all and (min-width: 992px) { #fb-slide-gfx, #fb-slide {display: block!important;} /* #fb-slide-gfx, #fb-slide, #fb-slide-frame {width: 340px!important;} */ } .towaryTresc a, .linkiTresc a, .plikiTresc a, .flv a {display: block; padding: 5px 0;} .towaryTresc .description, .linkiTresc .description, .plikiTresc .description, .flv .description {margin-bottom: 10px;} .towaryTresc .description:empty, .linkiTresc .description:empty, .plikiTresc .description:empty, .flv .description:empty {display: none;} div.flv li a, div.flv .videoName {display: block; padding: 5px 0; font-weight: bold;} div.flv .videoDescription {padding: 0 0 15px 0; font-size: 12px;} div.flv ul, div.flv li, .additional.itemFilms ul, .additional.itemFilms li, .additional.itemVideo ul, .additional.itemVideo li, .additional.itemMusic ul, .additional.itemMusic li {display: block; margin: 0; padding: 0; list-style: none; clear: both;} div.flv li, .additional.itemFilms li, .additional.itemVideo li {margin-bottom: 15px;} .additional.itemMusic li {margin-bottom: 25px;} div.flv video, .additional video, video.video-responsive {margin: 0; display: block; width: auto; height: auto; max-width: 100%; max-height: 100%;} video source {} .itemMusic audio {} .itemMusic .songTitle {padding: 5px 0; font-weight: bold;} .itemMusic .songDescription {padding: 0 0; margin-bottom: 10px; font-size: 12px;} video::-internal-media-controls-cast-button {display:none;} video::-internal-media-controls-download-button {display:none;} video::-webkit-media-controls-enclosure {overflow:hidden;} video::-webkit-media-controls-panel {width: calc(100% + 30px);} audio::-internal-media-controls-cast-button {display:none;} audio::-internal-media-controls-download-button {display:none;} audio::-webkit-media-controls-enclosure {overflow:hidden;} audio::-webkit-media-controls-panel {width: calc(100% + 30px);} table.banList, table.flashBanList {width: 100%; margin: 0 0 15px 0;} textarea.partnerCode {margin: 0 0 15px 0; width: 100%; display: block; box-sizing: border-box; padding: 10px; font-size: 12px; clear: both;} div.partnerView {margin: 0 0 15px 0; clear: both;} div.partnerView img {display: block; margin: 0 auto 0 0; width: auto; height: auto; max-width: 100%; max-height: 100%;} /* animations */ div.cart .icon, #mobiMenu .navbar-toggle, .sticky, .sticky#quickCart div.cart, .pager a:hover, .pagination a:hover, #clientMenu a:hover, #headerMenu li:hover, #headerMenu a:hover, .menuFooter a:hover, footer a:hover, #box_catMenu a:hover, div.channels div.channel:hover span.name, #offerLeft .productImage:hover .productPromotionIcons, .subCatItem:hover .categoryDescription, .box#box_choosedCar *, .box#box_choosedCarParts *, .btn, .button, .producer:hover *, .item:hover, .item:hover * { -webkit-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -ms-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; } .button, .pageTitle, .pageSubTitle, .menuHeader ul li a, .items .item .info, .items .item .tableTitle, .userPanel.logged#topLogin .userLinks li, .addToCartPopupContent .productPrice span.info, .addToCartPopupWrapper h3.popupHead, .parts .searchBox input, .blueSearch input, .parts .searchType, table.orders th, span.icons span, div.icons span, div.cart span.value, div.cart span.tags {text-transform: uppercase;}