body, body * {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: 'Open Sans', sans-serif }
body, table {
    color: #666;
    font-size: .75em;
    font-family: 'Open Sans', sans-serif }
input, select, textarea {
    font-family: 'Open Sans', sans-serif }
body {
    padding: 0;
    background: #fff;
    text-align: center;
    background: #dcdcd9 url(img/baner/2.jpg) no-repeat 0 center;
    background-attachment: fixed;
    background-size: cover;}
body.homep {
    xbackground-image: none }
body, html {
    height: 100% }
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap }
:focus {
    outline: 0 }
a:focus, input:focus, textarea:focus {
    outline: 0 }
.input, select, textarea {
    padding: 8px;
    font-size: 1em;
    font-family: 'Open Sans', sans-serif;
    border: 1px solid #d4d4d4 }
.input.warning-required, select.warning-required, textarea.warning-required {
    background: #fbefef }
.input:focus, .textarea:focus, select:focus {
    text-shadow: none }
.submit {
    padding: 5px 14px;
    border-width: 1px;
    border-style: solid;
    border-color: #9d9d9d #3f3f3f #3f3f3f #9d9d9d;
    background: #154a72;
    color: #fff;
    font-weight: 700;
    font-size: 1em;
    font-family: 'Open Sans', sans-serif }
.submit:hover {
    background: #004f7f;
    cursor: pointer }
* html .submit {
    padding: 3px 1px;
    -webkit-appearance: none;
    font-family: 'Open Sans', sans-serif }
* html .input {
    height: 21px;
    font-family: 'Open Sans', sans-serif;
    -webkit-appearance: none }
.kontakt_rodo {
    font-size: 11px;
    margin-top: 20px;
    color: #adadad }
.form label {
    font-size: 1.2em;
    font-weight: 700;
    margin-bottom: 4px }
.form legend {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px) }
.form label span {
    padding-left: 10px;
    color: #949494;
    font-weight: 400;
    text-shadow: none }
.hide {
    display: none }
a {
    color: #004f7f;
    text-decoration: underline }
a:hover {
    text-decoration: underline }
.clear {
    clear: both;
    height: 0;
    font-size: 0;
    line-height: 0 }
#skiplinks {
    position: absolute;
    top: 0;
    left: 0 }
#skiplinks a {
    position: absolute;
    top: -500px;
    left: 0;
    z-index: 10;
    min-width: 200px;
    padding: 10px;
    color: #fff }
#skiplinks a:focus {
    top: 0;
    background: #000;
    color: #fff }
#container {
    position: relative;
    width: 100%;
    margin: 0 auto;
}
#body, #foot {
    float: left;
    width: 100%;
    margin: 0 auto;
    padding: 0 }
#body .container, #foot .container, #head1 .container, #head2 .container, #head3 .container {
    width: 960px;
    margin: 0 auto;
    text-align: left }
#foot {
    font-size: 12px;
    font-weight: 400 }
.przelewyban {
    margin-top: 30px;
    width: auto;
    width: 365px;
    height: auto;
}
#head1 .container {
    overflow: hidden }
* html #body, * html #head1 .container, * html #head2, * html #head3 {
    background: 0 0 }
body.homep #body .container {
    margin-top: 40px }
body.homep .top-cart {
    display: none }
body.homep #body {
    display: none }
.slider {
    position: absolute;
    top: 0;
    z-index: 1;
    height: 626px;
    width: 100%;
    overflow: hidden }
.slider .slide {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1 }
.slider .slide img {
    width: 100%;
    object-fit: cover;
    z-index: -1 }
.slider .slide span {
    z-index: 99;
    position: absolute;
    top: 100px;
    left: 10px;
    background: rgba(255, 255, 255, .8);
    color: #000;
    display: block;
    padding: 5px 10px }
.slide-nav {
    position: absolute;
    top: 290px;
    width: 60px;
    height: 60px;
    display: block;
    z-index: 900;
    font-size: 40px;
    cursor: pointer;
    font-weight: 900;
    background: rgba(4, 17, 16, .9);
    color: #fff;
    opacity: .2;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out }
.slide-nav:hover {
    opacity: .8 }
.slide-nav#slide-prev {
    left: 30px }
.slide-nav#slide-next {
    right: 30px }
#defaultDescription {
    font-size: 11px;
    color: #eaeaea }
.slider .slide {
    width: 100%;
    height: 100%;
    display: block;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 0 0 fixed;
    background-attachment: fixed }
.slider .slide1 {
    background-image: url(img/baner/1.jpg) }
.slider .slide6 {
    background-image: url(img/baner/2.jpg) }
.slider .slide3 {
    background-image: url(img/baner/3.jpg) }
.slider .slide4 {
    background-image: url(img/baner/4.jpg) }
.slider .slide5 {
    background-image: url(img/baner/5.jpg) }
.slider .slide2 {
    background-image: url(img/baner/6.webp) }
.homep-tribox {
    width: 100%;
    margin: 0 auto;
    color: #fff;
    padding: 50px 0 0 0;
}
.homep-tribox li {
    width: 300px;
    display: inline-block;
    list-style-type: none;
    padding-right: 17px;
    text-align: left;
    padding-bottom: 45px }
.homep-tribox li>a {
    border: none;
    width: 300px;
    min-height: 187px;
    display: block;
    margin-bottom: 5px }
.homep-tribox li img {
    width: 100% }
.homep-tribox li img:hover {
    opacity: .8 }
.homep-tribox li h2 a {
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    display: block;
    margin: 0 0;
    font-size: 23px;
    text-transform: uppercase }
.homep-tribox li p {
    font-size: 14px;
    line-height: 22px }
#menu1 ul {
    float: right;
    margin: 8px 3px 3px 0;
    list-style: none }
#menu1 li {
    float: left;
    padding: 7px 0 10px 20px }
#menu1 li a {
    padding-right: 12px;
    background: url(img/menu3_sub.gif) no-repeat right 5px;
    font-weight: 700;
    text-decoration: none;
    color: #2e6a97;
    text-transform: lowercase }
#menu1 .selected a, #menu1 .selected-parent a, #menu1 li a:hover {
    text-decoration: underline;
    color: #004f7f }
#menu1 li.lBasket {
    padding: 0 8px 5px 20px;
    background: url(img/cart.png) no-repeat 20px 0 }
#menu1 li.lBasket a {
    position: relative;
    padding: 2px 0 0 18px;
    background: 0 0;
    color: #004f7f }
#menu1 li.lBasket a:hover {
    color: #2e6a97 }
#menu1 li.lBasket span {
    display: block;
    color: #444;
    font-size: .917em;
    font-family: sans-serif }
#head2 {
    clear: both }
#head2 .container {
    position: relative;
    height: 130px;
    background: #fff url(img/header_bg.jpg) no-repeat left bottom }
#logo {
    float: left;
    padding: 20px 10px 10px 30px }
#logo #title {
    float: left }
#logo #title a {
    color: #666;
    font: bold 4em 'arial black';
    text-decoration: none }
#logo #title a span {
    color: #004f7f;
    background: inherit }
#logo #title a strong {
    color: #2e6996;
    background: inherit }
#logo #title a em {
    color: #004f7f;
    font-style: normal }
#logo #slogan {
    float: left;
    clear: left;
    padding: 0 0 0 15px;
    background: inherit;
    color: #164a71;
    font-size: 1em }
* html #logo #slogan {
    width: 100% }
#head3 .container {
    background: #817f81;
    overflow: hidden;
    border-color: #969393;
    border-top: 0 solid #6d6c6c;
    border-bottom: 1px solid #302f2f }
#head3 .container {
    background: 0 0;
    border: 0;
    border-top: 0 solid #585858 }
#head3 {
    background: rgba(4, 17, 16, .9);
    background: rgba(255, 255, 255, .9);
    position: relative;
    z-index: 999 }
.contact-top {
    color: #d0d0d0;
    padding: 7px 15px 7px 0;
    text-align: right;
    font-weight: 300;
    background: #125985;
    font-size: 13px }
.contact-top a {
    color: #d0d0d0;
    text-decoration: none }
.contact-top span:after {
    content: "\2022";
    display: inline-block;
    padding: 0 10px }
.contact-top span.phicon:before {
    content: "\1F4DE";
    display: inline-block }
.contact-top span:last-child:after {
    content: "";
    padding: 0 }
.centerme {
    width: 960px;
    margin: 0 auto }
.hp_desc {
    text-align: left;
    padding: 30px 0 10px 0;
    margin-bottom: 10px;
    border-bottom: 0 solid #c7c7c7;
	line-height: 20px;
    clear: both }
.hp_desc h3 {
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 10px;
}
.hp_desc h4 {
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 10px;
}
.hp_desc h5 {
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 10px;
}
.hp_desc h6 {
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 10px;
}
.hp_desc h3+p {
    margin-top: 15px;
    margin-bottom: 25px }
.hp_desc ul {
    list-style:  disc;
    margin-left:  15px;
}
.hp_offer{
	width:100%;
}
.hp_content{
	width:100%;
	background:#ffffff;
	padding-bottom:30px;
}

#menu2 ul {
    float: right;
    height: 100%;
    margin: 0;
    list-style: none;
    font-size: 12px }
#menu2 li {
    float: left;
    padding: 0 }
#menu2 .selected, #menu2 li:hover {
    background: #125985 }
#menu2 li.l1, #menu2 li.l1.selected, #menu2 li.l1:hover {
    border-left: none }
#menu2 li a {
    float: left;
    padding: 30px 15px 25px 15px;
    color: #fff;
    color: #00537e;
    font-size: 1.2em;
    text-decoration: none;
    font-weight: 600;
    text-transform: uppercase;
    display: inline-block }
#menu2 .selected a, #menu2 .selected-parent a, #menu2 li a:hover {
    color: #fff;
    text-decoration: none }
#head3 .logos {
    float: left;
    padding: 13px 0 0 0;
    margin: 0 0 0 15px;
    line-height: 28px;
    text-align: center }
#head3 .logo {
    color: #fff;
    font-size: 30px;
    text-decoration: none;
    font-weight: 800;
    display: block }
#head3 .logo:hover {
    opacity: .8;
    color: #fff;
    text-decoration: none;
    font-weight: 800 }
#head3 .logos .slogo {
    font-weight: 600;
    text-transform: uppercase;
    color: #666;
    font-size: 11px;
    margin: 0;
    padding: 0;
    border: 0 }
#body {
    clear: both;
    margin: 0;
}
#body .container {
    overflow: hidden;
    background: #fff;
    padding-bottom: 15px; }
.centerme_search_page{margin:0 auto;margin-top:20px;margin-bottom:20px;display:flex;align-items: center;}
#column {
    float: left;
    width: 250px;
    padding: 20px 0;
    margin-left: 20px }
#body.order{margin-top:20px;}
.order #column {
    display: none }
#homeSearchForm, #searchForm {
    width: 600px;
    position: relative;
    flex-shrink: 0;
 }
.homep #homeSearchForm{}
#homeSearchForm {
    z-index: 10;
    float: none;
    margin: 0 auto;
    padding: 20px 70px 40px 70px;
    background: rgba(0, 0, 0, .5);
	margin:80px auto;
	flex-shrink: 0;
}
#homeSearchForm h1 {
    border: 0;
    padding: 0;
    color: #fff;
    font-weight: 300;
    font-size: 3em;
    background: 0 0;
    text-transform: none }
#searchForm label, #searchForm legend {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px) }
#homeSearchForm .input, #searchForm .input {
    width: 60%;
    padding: 15px;
    border: 4px solid #d4d4d4;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: inline-block;
    font-size: 16px;
    -webkit-box-shadow: 0 0 42px 0 rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 0 42px 0 rgba(0, 0, 0, .75);
    box-shadow: 0 0 42px 0 rgba(0, 0, 0, .75) }
#searchForm .submit, .submit {
    margin-top: 10px;
    padding: 9px 10px;
    font-size: 1.2em;
    font-weight: 400;
    font-style: normal;
    border: 0;
    border-top: 2px solid #faf9f9;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-transform: uppercase;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    text-shadow: 1px 1px #07598e;
    background: #004f7f;
    background: -moz-linear-gradient(top, #004f7f 0, #2989d8 50%, #207cca 51%, #3297e5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #004f7f), color-stop(50%, #2989d8), color-stop(51%, #207cca), color-stop(100%, #3297e5));
    background: -webkit-linear-gradient(top, #004f7f 0, #2989d8 50%, #207cca 51%, #3297e5 100%);
    background: -o-linear-gradient(top, #004f7f 0, #2989d8 50%, #207cca 51%, #3297e5 100%);
    background: -ms-linear-gradient(top, #004f7f 0, #2989d8 50%, #207cca 51%, #3297e5 100%);
    background: linear-gradient(to bottom, #004f7f 0, #2989d8 50%, #207cca 51%, #3297e5 100%) }
#homeSearchForm .submit, #searchForm .submit {
    background: #125580 url(img/lupka.png) no-repeat 26px center;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 0;
    padding: 18px 40px 18px 55px;
    position: relative;
    left: 5px;
    font-size: 1.3em }
#homeSearchForm .submit:hover, #searchForm .submit:hover {
    background-color: #197dbd }
* html #searchForm .submit {
    padding: 3px 3px 8px }
.ui-autocomplete {
    position: absolute;
    cursor: pointer;
    list-style-type: none;
    text-align: left }
.ui-autocomplete li {
    padding: 10px 18px;
    font-size: 14px;
    background: #d4d4d4;
    border-bottom: 1px solid #fff }
.ui-autocomplete li:last-child {
    border: 0 }
@keyframes blink {
    0% {
    background-color: #125985 }
100% {
    background-color: #e02f2f }
}@-webkit-keyframes blink {
    0% {
    background-color: #125985 }
100% {
    background-color: #e02f2f }
}.fast_tel {
    animation: blink 5s infinite;
    -webkit-animation: blink 5s infinite;
    -webkit-animation-timing-function: ease-in-out;
    animation-delay: 5s;
    -webkit-animation-delay: 5s }
.fast_tel {
    position: fixed;
    bottom: 0;
    right: -217px;
    z-index: 999;
    background: #125985;
    padding: 15px 55px 15px 15px;
    font-size: 20px;
    color: #fff;
    font-weight: 400;
    text-align: right;
    text-shadow: 1px 1px #0a334c;
    line-height: 20px }
.fast_tel span {
    display: block;
    font-size: 13px }
.fast_tel em {
    display: block;
    position: absolute;
    top: 12px;
    right: 15px;
    background: url(img/mobile.png) no-repeat 0 0;
    width: 28px;
    height: 47px }
#menu3 {
    padding: 0 0 10px 0 }
#column .type {
    margin-top: 5px;
    padding: 5px 0;
    font-size: 1.667em;
    font-weight: 700;
    font-size: 25px;
    text-transform: uppercase;
    color: #004f7f;
    border-bottom: 3px solid #eaeaea }
#menu3 ul {
    margin-left: 0;
    padding: 10px 0;
    list-style: none;
    background: #fff;
    font-size: 13px }
#menu3 li {
    margin: 0 3px;
    padding: 10px 0 10px 0;
    border-bottom: 1px solid #eaeaea;
    text-transform: uppercase }
#menu3 a {
    display: block;
    width: 100%;
    padding: 4px 0;
    color: #666;
    font-weight: 700;
    text-decoration: none;
    background: 0 0;
    font-size: 15px }
#menu3 .sub1 a:hover, #menu3 a:hover {
    background: 0 0;
    color: #004f7f;
    text-decoration: none }
#menu3 .sub1 a:hover {
    font-weight: 600 }
#menu3 .selected>a:first-child {
    color: #004f7f;
    background: 0 0 }
#menu3 .sub1 {
    margin: 0;
    padding: 0;
    border: 0;
    background: 0 0 }
#menu3 .sub1 li {
    padding: 2px 0 2px 0;
    border: 0 }
#menu3 .sub1 li:before {
    content: "";
    width: 5px;
    height: 5px;
    display: inline-block;
    background: #2f92e0;
    float: left;
    margin: 7px 7px 0 0 }
#menu3 .sub1 a {
    display: block;
    width: 100%;
    padding: 0 0;
    font-weight: 400;
    font-size: 13px }
#column .box {
    margin: 0 20px 15px }
#column .box .content, #column .box .page-box, #column .box .product-box {
    padding: 8px 10px;
    list-style: none;
    border-bottom: 2px solid #757575;
    line-height: 1.5em }
.bmenu3ox .product-box div, .box .page-box div {
    padding-top: 5px;
    text-align: center }
.box .page-box div.description, .box .page-box div.more, .box .product-box div.description, .box .product-box div.more {
    text-align: left }
.box .page-box div:last-child, .box .product-box div:last-child {
    padding-bottom: 10px }
.box ol, .box ul {
    margin: 0!important;
    list-style: none }
.box li {
    padding: 6px 0 2px 15px;
    background: url(img/menu3_sub.gif) no-repeat 3px 13px }
.box li a {
    display: block;
    width: 87%;
    padding: 2px 2% 4px 7%;
    color: #002d41;
    font-size: 1.083em;
    background: 0 0 }
.box li a:hover {
    color: #004f7f;
    background: 0 0 }
.box .noPrice, .box .price {
    padding: 2px 0 0;
    background: inherit;
    color: #004f7f }
.box .price strong {
    padding: 0 2px 0 5px;
    font-weight: 700 }
.box .price em {
    padding: 0;
    background: inherit;
    color: #666;
    font-style: normal }
.box .price span {
    color: #666;
    font-weight: 700;
    padding-left: 5px }
.box .product-box .name {
    font-size: 1.1em;
    padding: 5px 0;
    font-weight: 700 }
#column #box1 .type {
    background: #326e9c }
#column #box1 .content {
    border-bottom: 2px solid #01476e }
.boxes .box .type {
    padding: 7px 0 7px 0;
    color: #004f7f;
    font-size: 1.5em;
    border: 0;
    text-align: left }
.boxes .box .content, .boxes .box .page-box, .boxes .box .product-box {
    padding: 5px 10px 15px;
    list-style: none;
    line-height: 1.5em;
    text-align: left }
.boxes .box {
    float: left;
    width: 30%;
    padding: 0;
    margin: 0 0 5px 2%;
    background: #fbfbfb;
    border: 2px solid #f3f3f3 }
.boxes.footer .box {
    margin-top: 10px;
    margin-bottom: 10px }
.volseb {
    font: 13px Open Sans }
.volseb tr:nth-child(2n+1) td {
    background: #f7f7f7 }
.volseb tr:nth-child(1) td {
    font-weight: 700;
    background: #004f7f;
    color: #fff }
.volseb td {
    padding: 10px }
.volseb+.roll {
    display: none }
#page h1 span {
    font-size:  0.5em;
    color:  #b4b4b4;
}
#page div.content.pageText {
    padding-bottom: 0 }
.roll {
    display: none }
.bigDesc h2 {
    font-size: 18px;
    display: block;
    margin: 15px 0 10px 0 }
#page .bigDesc, .bigDesc {
    content: "";
    display: block;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 15px;
    padding-bottom: 25px }
#page .bigDesc.bigDescNoBorder {
    border: 0;
    margin-bottom: 35px }
.bigDesc {
    border: 0;
    padding: 0;
    margin: 0 }
.bigDesc .roll, .catDesc a, .roll {
    display: block;
    width: 120px;
    margin: 5px 0 0 0;
    background: #125985;
    padding: 10px 15px;
    text-align: center;
    color: #fff;
    cursor: pointer }
.roll {
    background: 0 0;
    padding: 0;
    text-align: left;
    color: #004f7f;
    text-decoration: none }
#page #pageDescription .roll:hover, .roll:hover {
    opacity: .7;
    text-decoration: none }
#page #pageDescription p+div.rest_desc, div.rest_desc {
    display: none;
    clear: both }
#body.basket-page .container {
    margin-top: 20px }
#body.basket-page #content {
    width: 100%;
    float: none;
    margin: 0;
    padding: 20px }
#body.basket-page h1 {
    border: 0 solid;
    padding-bottom: 5px }
#basketSummary {
    padding: 10px 20px }
#basketSummary .title {
    margin-top: 10px;
    padding: 5px 13px 10px;
    font-size: 1.667em;
    font-weight: 700;
    color: #fff;
    background: #326e9c }
#basketSummary .title a {
    color: #fff;
    background: 0 0;
    text-decoration: none }
#basketSummary .title a:hover {
    text-decoration: underline }
#basketSummary ol {
    margin: 6px 0;
    padding: 0 5px;
    list-style: none;
    font-weight: 700 }
#basketSummary li {
    padding: 5px 3px 7px;
    border-bottom: 1px solid #e0e0e0 }
#basketSummary .lL {
    border: 0 }
#basketSummary li span.name {
    display: block;
    font-weight: 700;
    font-size: .9em }
#basketSummary li a {
    color: #2e6a97 }
#basketSummary li a:hover {
    color: #004f7f }
#basketSummary li div {
    padding: 5px 0 0;
    font-weight: 400;
    font-size: .9em }
#basketSummary li .priceQuantity {
    color: #004f7f;
    background: inherit }
#basketSummary li strong {
    padding: 0 2px 0 5px;
    font-weight: 700 }
#basketSummary li em {
    color: #666;
    background: inherit;
    font-style: normal }
#basketSummary .summary {
    margin: 0 5px;
    padding: 5px;
    border-top: 2px solid #e0e0e0;
    color: #004f7f;
    text-align: center;
    font-weight: 700 }
#basketSummary .summary em {
    background: inherit;
    color: #666;
    font-style: normal }
#basketSummary .summary strong {
    padding: 0 3px;
    font-weight: 700 }
#basketSummary .summary span {
    color: #666;
    font-weight: 700 }
.top-cart {
    background: rgba(18, 89, 133, .95);
    color: #fff;
    display: block;
    text-decoration: none;
    font-size: 1.2em;
    text-transform: uppercase;
    height: 79px;
	width: 30%;
    flex-shrink: 0;
    display: block;}
.top-cart em {
    font-weight: 700;
    font-style: normal }
.top-cart:hover {
    text-decoration: none;
    color: #fff!important;
    background: rgba(4, 17, 16, .9) }
.top-cart:before {
    float: left;
    content: "";
    width: 66px;
    height: 79px;
    display: inline-block;
    background: rgba(4, 17, 16, .9) url(img/cart-icon.png) no-repeat center center;
    border-right: 0 solid rgba(255, 255, 255, .3);
    padding-right: 15px;
    margin-right: 10px }
.top-cart .inside-cart {
    float: left;
    padding: 15px 7px }
.top-cart span.price, .top-cart span.quantity {
    width: 170px;
    font-weight: 300;
    text-align: left;
    display: block;
    line-height: 24px }
.top-cart span.empty {
    margin: 3px 15px 0 0;
    display: block;
    font-size: 1.2em;
    text-align: left }
.order #page {
    width: 920px }
#body.order .container {
    margin-top: 0 }
#promoted {
    margin-bottom: 10px;
    padding: 0 20px }
#promoted .title {
    margin-top: 10px;
    padding: 5px 0 10px 7px;
    font-size: 1.667em;
    font-weight: 700;
    color: #fff;
    background: #326e9c }
#promoted ul {
    list-style: none;
    padding-bottom: 10px;
    text-align: center }
#promoted li {
    padding: 13px 0;
    border-bottom: 1px solid #e0e0e0 }
#promoted li img {
    padding: 1px;
    background: #c0bfbf;
    border: 4px solid #eee }
#promoted li img:hover {
    border: 4px solid #c9cdce }
#promoted li .name {
    font-size: 1.1em;
    padding: 5px 0;
    font-weight: 700 }
#promoted li a {
    text-decoration: none }
#promoted li a:hover {
    background: inherit;
    color: #666;
    text-decoration: underline }
#promoted li .noPrice, #promoted li .price {
    padding: 2px 0 0;
    background: inherit;
    color: #004f7f }
#promoted li .price strong {
    padding: 0 2px 0 5px;
    font-weight: 700 }
#promoted li .price em {
    padding: 0;
    background: inherit;
    color: #666;
    font-style: normal }
#promoted li .price span {
    color: #666;
    font-weight: 700;
    padding-left: 5px }
#content {
    float: right;
    width: 640px;
    padding: 20px 0 20px 0;
    margin-right: 20px;
    text-align: center;
    box-sizing: border-box }
#body.order #options {
    margin-left: 44px;
    width: 910px }
* html #content {
    width: 658px }
.order #content {
    width: 100%;
	float:none;
	padding:20px;
	width:100%;
}
#page {
    width: 100%;
    clear: both;
    position: relative;
    text-align: left;
    box-sizing: border-box;
	z-index: 999;
}
* html #page {
    float: none;
    width: 96% }
* html .order #page {
    width: 94% }
#productsRelated h3, #randomCategoryProducts h2, #randomCategoryProducts h3, #randomProduct h2, #randomProduct h3, #randomProduct h6, .catDesc h2, .pageText h2, .pageText h3, h1 {
    padding: 5px 0;
    background: inherit;
    color: #2e6a97;
    font-size: 2.25em;
    font-weight: 400;
    margin: 10px 0 20px 0;
    padding: 0 10px 11px 0;
    background: inherit;
    color: #666;
    font-size: 2.25em;
    font-weight: 400;
    background: inherit;
    font-weight: 700;
    font-size: 25px;
    text-transform: uppercase;
    color: #004f7f;
    border-bottom: 3px solid #eaeaea;
    line-height: 28px }
div.breadcrumb {
    font-weight: 400;
    font-size: .917em;
    position: absolute;
    top: -7px;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 640px }
div.breadcrumb, div.breadcrumb a {
    background: inherit;
    color: #adadad;
    text-decoration: none }
div.breadcrumb a:hover {
    background-color: inherit;
    color: #adadad;
    color: #666 }
div.breadcrumb em {
    padding: 0 5px }
* html div.breadcrumb {
    top: -10px }
#page div.content {
    padding: 5px 0;
    font-size: 1.083em;
    line-height: 1.5em }
#content .subpagesList li ol, #page div.content ul {
    margin: 0 0 20px 15px;
    padding: 0 }
#page div.content ul li {
    margin: 0 }
#page div.content p {
    padding-bottom: 10px }
#page div.content>ul {
    margin-top: -5px }
.headbo {
    color: #004f7f;
    font-size: 18px;
    text-transform: uppercase;
    margin: 20px 0 10px 0;
    display: block }
.tS {
    float: right;
    margin: 17px 0 3px }
.tS div {
    display: inline }
.tS a {
    margin: 0 4px;
    text-decoration: none;
    background: inherit;
    color: #2e6a97;
    font-weight: 700;
    font-family: Arial }
.tS a:hover {
    color: #004f7f;
    background: inherit }
.tS0 {
    font-size: .917em }
.tS1 {
    font-size: 1.083em }
.tS2 {
    font-size: 1.333em }
.pages {
    padding: 10px 0 8px;
    text-align: right;
    font-size: 1.083em }
.pages li, .pages ul {
    display: inline }
.pages li {
    padding: 0 2px }
.pages a, .pages strong {
    padding: 0 1px;
    font-size: 1.083em }
ul.options {
    float: left;
    width: 100%;
    margin: 10px 0;
    list-style: none }
ul.options::after {
    content: "";
    display: table;
    clear: both }
ul.options li {
    float: left;
    margin: 0 10px 0 0 }
ul.options .delete a, ul.options .edit a {
    display: inline-block;
    width: 21px;
    height: 21px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    font-size: 1%;
    color: transparent }
ul.options .edit a {
    background: url(../admin/img/ico_edit.gif) no-repeat 0 0 }
ul.options .delete a {
    background: url(../admin/img/ico_del.gif) no-repeat 0 0 }
ul.options .delete a:hover, ul.options .edit a:hover {
    opacity: .6 }
#content .imagesList {
    list-style: none }
#content .imagesList li {
    margin: 0 0 15px 0;
    text-align: center }
#content .imagesList li div {
    text-align: center }
#content .imagePreview img, #content .imagesList li img, #content .subpagesList li img, #products li .photo img, #productsRelated img, #randomCategoryProducts img, #randomProduct img, #subpagesGallery img, .box .page-box img, .box .product-box img, .imagesGallery img {
    border: 1px solid #eaeaea;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out }
#content .imagePreview img:hover, #content .imagesList li img:hover, #content .subpagesList li img:hover, #products li .photo a:hover img, #productsRelated img:hover, #randomCategoryProducts img:hover, #subpagesGallery img:hover, .box .page-box img:hover, .box .product-box img:hover, .imagesGallery img:hover {
    opacity: .8 }
#imagesList1 {
    float: left;
    margin: 9px 20px 0 0 }
#imagesList2 {
    clear: right;
    float: right;
    margin: 8px 0 0 15px }
#imagesGallery4 {
    margin: 20px 0 0 }
#imagesGallery5 {
    margin: 10px 0 10px }
#content .imagesGallery {
    clear: both }
#content .imagesGallery .pages {
    clear: both;
    border-top: 1px solid #e7e9ed }
#content .imagesGallery table {
    clear: both;
    width: 100%;
    padding: 10px 0;
    font-size: 1em }
#content .imagesGallery table caption {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px) }
#content .imagesGallery td, #content .imagesGallery th {
    padding: 15px 7px 10px;
    background: inherit;
    font-size: .917em;
    text-align: center;
    vertical-align: top }
#content .imagesGallery div {
    font-weight: 400;
    font-size: 1.1em;
    line-height: 1.4em }
.gallery_column {
    float: left;
    width: 255px;
    margin-right: 20px }
.imagePreview div {
    margin: 5px 0 0;
    text-align: center;
    display: block }
#imagesListPreview {
    float: left;
    margin: 10px 0 0 0 }
* html #imagesListPreview {
    margin-top: -5px }
.imagesList#imagesListPreview li {
    margin-bottom: 15px;
    width: 117px;
    height: 90px;
    display: inline-block }
.imagesList#imagesListPreview li {
    opacity: .4 }
.imagesList#imagesListPreview li.aktywne-zdjecie {
    opacity: 1 }
.imagesList#imagesListPreview li:nth-child(2n+1) {
    margin-right: 15px }
.imagesList#imagesListPreview li img {
    border-width: 1px;
    width: 100% }
#filesList {
    width: 100%;
    float: left;
    margin: 15px 0 5px;
    list-style: none;
    vertical-align: middle;
    border-left: 2px solid #e0e0e0 }
#filesList li {
    width: 100%;
    float: left;
    clear: left;
    margin: 5px 0 5px 10px;
    padding-left: 10px }
#filesList li a {
    color: #004f7f;
    background: inherit }
#filesList li a:hover {
    color: #666;
    background: inherit }
#filesList img {
    margin: 0 8px 0 0;
    vertical-align: middle }
#filesList em {
    padding-left: 2px }
#content .pkat-in {
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 10px;
    margin-bottom: 20px }
#content .subpagesList {
    display: block;
    width: 100%;
    margin: 10px 0 0 0;
    list-style: none;
    vertical-align: middle }
.card {
    width: 203px;
    height: 115px;
    position: relative;
    display: table;
    box-sizing: border-box }
.card .back, .card .front {
    width: 203px;
    height: 115px;
    display: table-cell;
    position: absolute;
    top: 0;
    left: 0;
    vertical-align: middle }
.card .front {
    background: #f3f3f1 }
.card .back {
    background: #276992 }
#content .subpagesList li {
    display: inline-block;
    margin: 0 15px 15px 0 }
#content .subpagesList li:nth-child(3n+3) {
    margin-right: 0 }
#content .subpagesList li:last-child {
    margin-right: 0;
    float: none }
#content .subpagesList li a {
    text-decoration: none }
* html #content .subpagesList li {
    width: 100% }
#content .subpagesList li .photo {
    float: left;
    margin: 0 20px 5px 0 }
#content .subpagesList li h2 a {
    color: #004f7f;
    font-size: 1em;
    font-weight: 400;
    width: 203px;
    height: 115px;
    padding: 15px;
    display: table-cell;
    text-align: center;
    box-sizing: border-box;
    background: #f3f3f1;
    transition: all .3s ease-out;
    vertical-align: middle;
    line-height: 1.2em }
#content .subpagesList li h2 a:hover {
    color: #fff;
    background: #276992 }
#content .subpagesList li div.description {
    font-weight: 400;
    font-size: 1em;
    line-height: 1.4em }
#content .subpagesList li ol, #content .subpagesList li ul {
    float: left;
    width: 100%;
    margin: 5px 0 0 30px;
    padding: 0 }
#content .subpagesList li li {
    padding: 0;
    border-bottom: 0;
    background: 0 0 }
#content .subpagesList li ul {
    list-style: disc }
#content .subpagesList li ol {
    list-style: decimal }
#content .subpagesList li p {
    padding-bottom: 10px }
#subpagesGallery {
    width: 100%;
    padding: 10px 0;
    font-size: 1em;
    background: url(img/body.png);
    border-bottom: 1px solid #dadada }
#subpagesGallery caption {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px) }
#subpagesGallery td, #subpagesGallery th {
    padding: 15px 7px 10px;
    text-align: center }
#subpagesGallery h2 {
    margin: 5px 0 0 }
#subpagesGallery h2, #subpagesGallery h2 a {
    font-size: 1.2em;
    font-weight: 400;
    background: 0 0 }
#subpagesGallery h2 a:hover {
    color: #666;
    background: 0 0 }
#plusOne {
    position: absolute;
    top: 20px;
    right: 20px }
#socialButtons {
    clear: both;
    float: left;
    width: 100%;
    margin: 10px 0;
    padding: 6px 0 4px;
    text-align: left;
    list-style: none;
    background: url(img/body.png);
    border-bottom: 1px solid #dadada }
#socialButtons .title {
    display: block;
    float: left;
    margin: 0 0 0 15px;
    padding: 2px 0 0 }
#socialButtons li {
    float: left;
    margin: 0 10px 0 }
#socialButtons li.social2 img {
    border: 1px solid #ccc }
#socialButtons a img {
    vertical-align: middle }
#siteMap {
    margin: 5px 0;
    list-style: none }
* html #siteMap {
    float: left;
    width: 100% }
#siteMap li {
    margin: 0 0 13px;
    padding: 8px 10px 10px;
    background: #fff url(img/body.png);
    border-bottom: 1px solid #dadada }
#siteMap li a {
    font-weight: 700;
    font-size: 1.1em;
    color: #004f7f;
    background: 0 0 }
#siteMap li a:hover {
    color: #2e6996;
    background: 0 0 }
#siteMap ul {
    margin: 0;
    padding: 3px 0 0 10px;
    border: 0;
    list-style: none }
#siteMap ul li {
    margin: 0;
    padding: 4px 10px;
    border: 0 }
#siteMap ul li a {
    font-weight: 700;
    color: #2e6996;
    background: 0 0 }
#siteMap ul.products li {
    border: 0;
    background: url(img/menu3_sub.gif) no-repeat 3px 11px }
#siteMap ul.products li a {
    color: #333;
    font-weight: 400;
    text-decoration: none }
#siteMap ul.products li {
    padding-left: 15px;
    margin-left: 5px }
#siteMap li ul li a:hover, #siteMap ul.products li a:hover {
    color: #004f7f;
    background: 0 0;
    text-decoration: underline }
#siteMap li .price {
    display: inline;
    font-size: .917em;
    color: #2e6996;
    padding-left: 5px }
#siteMap li strong {
    padding: 0 5px 0 7px;
    background-color: inherit;
    color: #2e6996 }
#siteMap li span {
    background-color: inherit;
    color: #2e6996 }
#commentForm {
    clear: both;
    width: 100%;
    margin: 10px auto 0 }
#commentForm fieldset {
    padding: 25px 20px }
#commentForm dd, #commentForm dl, #commentForm dt {
    margin: 0;
    padding: 0 }
#commentForm dt {
    padding: 0 0 7px }
#commentForm dd {
    margin-bottom: 18px }
#commentForm dt.vote {
    color: #2e6a97;
    font-weight: 700 }
#commentForm .input, #commentForm textarea {
    width: 99%;
    padding: 3px;
    font-size: 1em }
#commentForm #captcha {
    width: 9% }
#commentForm .captcha em {
    font-style: normal;
    font-weight: 700 }
#commentForm .captcha ins {
    padding: 0 3px;
    font-weight: 700;
    text-decoration: none }
#commentForm legend {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px) }
#commentForm .save {
    text-align: center }
#commentTitle {
    overflow: hidden;
    margin: 18px 0 10px;
    padding-left: 10px;
    background: inherit;
    color: #2e6896;
    font-size: 2.2em;
    font-weight: 400;
    border-left: 2px solid #e0e0e0;
    background: inherit }
#comments {
    float: left;
    width: 100%;
    margin: 7px 0;
    list-style: none }
#comments li {
    clear: left;
    float: left;
    width: 96%;
    margin: 10px 0;
    padding: 13px 2%;
    border: 1px solid #e0e0e0 }
* html #comments li {
    width: 100% }
#comments div {
    float: left;
    width: 25% }
#comments span.name {
    display: block;
    font-size: 1em;
    color: #2e6896;
    font-weight: 700 }
#comments span.date {
    display: block;
    font-size: 1em;
    margin-top: 3px }
#comments p {
    font-weight: 400;
    font-size: 1em;
    line-height: 1.4em;
    width: 75%;
    float: right }
#productRating {
    margin: 10px 0 5px;
    text-align: center }
#productRating .results {
    margin: 2px 0 0;
    font-size: .9em }
#productRating .results strong {
    padding: 0 0 0 2px }
.ratingDisplay {
    width: 80px;
    height: 16px;
    background: url(img/stars.gif) no-repeat 0 0;
    font-size: 0;
    margin: 6px auto }
#comments .ratingDisplay {
    width: 80px;
    margin-bottom: 0;
    opacity: .5 }
.rating {
    float: left;
    width: 80px;
    height: 16px;
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    clear: both;
    background: url(img/stars.gif) no-repeat 0 0 }
.stars0 {
    background-position: 0 0 }
.stars1 {
    background-position: 0 -96px }
.stars2 {
    background-position: 0 -112px }
.stars3 {
    background-position: 0 -128px }
.stars4 {
    background-position: 0 -144px }
.stars5 {
    background-position: 0 -160px }
#commentForm dd.vote {
    float: left }
#commentForm dt.vote {
    float: left;
    margin-right: 5px }
* html #commentForm dd.vote {
    margin-bottom: 0 }
#commentForm .commentContent {
    clear: both }
#commentForm ul.rating li {
    cursor: pointer;
    float: left;
    text-indent: -999em }
#commentForm ul.rating li a {
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    text-decoration: none;
    z-index: 200 }
#commentForm ul.rating li.one a {
    left: 0 }
#commentForm ul.rating li.two a {
    left: 16px }
#commentForm ul.rating li.three a {
    left: 32px }
#commentForm ul.rating li.four a {
    left: 48px }
#commentForm ul.rating li.five a {
    left: 64px }
#commentForm ul.rating li a:hover {
    z-index: 2;
    width: 80px;
    height: 16px;
    overflow: hidden;
    left: 0;
    background: url(img/stars.gif) no-repeat 0 0 }
#commentForm ul.rating li.one a:hover {
    background-position: 0 -96px }
#commentForm ul.rating li.two a:hover {
    background-position: 0 -112px }
#commentForm ul.rating li.three a:hover {
    background-position: 0 -128px }
#commentForm ul.rating li.four a:hover {
    background-position: 0 -144px }
#commentForm ul.rating li.five a:hover {
    background-position: 0 -160px }
#contactPanel {
    clear: both;
    width: 100%;
    margin: 10px auto 0;
    border-top: 3px solid #eaeaea;
    padding-top: 20px }
#contactPanel fieldset {
    padding: 25px 20px }
#contactPanel fieldset legend {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px) }
#contactPanel dd, #contactPanel dl, #contactPanel dt {
    margin: 0;
    padding: 0 }
#contactPanel dt {
    padding-right: 10px;
    display: inline-block;
    width: 158px;
    text-align: right;
    vertical-align: top }
#contactPanel dt span {
    display: block;
    font-size: 11px;
    color: #d0d0d0;
    line-height: 14px }
#contactPanel dd {
    margin-bottom: 18px;
    display: inline-block;
    width: 300px }
#contactPanel dd>dt {
    display: block }
#contactPanel .input, #contactPanel textarea {
    width: 100%;
    padding: 8px 5px;
    font-size: 1em;
    font-family: 'Open Sans', sans-serif }
#contactPanel .captcha {
    width: 60px;
    margin-left: 155px;
    display: inline-block }
#contactPanel #captcha {
    width: 45px }
#contactPanel .captcha em {
    font-style: normal;
    font-weight: 700 }
#contactPanel .captcha ins {
    padding: 0 3px;
    font-weight: 700;
    text-decoration: none }
#contactPanel .save {
    margin-left: 170px }
#contactPanel .save input {
    width: 120px }
#contactPanel dl dt:nth-child(11) {
    width: 100%;
    text-align: left;
    margin-bottom: 5px }
#paymentDescription {
    margin: 10px 0 20px;
    padding: 20px;
    text-align: center;
    background: #326e9c;
    font-size: 15px;
    color: #fff }
#paymentOuter {
    margin: 10px 0 0 }
#paymentChannels {
    padding-left: 20px }
#paymentChannels .zagielInfo, #paymentChannels label, #paymentChannels select {
    display: none }
#paymentChannels .zagielInfo label {
    display: inline }
a.zagielInfo {
    margin: 0 20px 0 0 }
.zagielInfo a {
    margin-left: 5px;
    font-weight: 400 }
#authWindow a {
    -moz-box-shadow: inset 0 1px 0 0 #cf866c;
    -webkit-box-shadow: inset 0 1px 0 0 #cf866c;
    box-shadow: inset 0 1px 0 0 #cf866c;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #d0451b), color-stop(1, #bc3315));
    background: -moz-linear-gradient(top, #d0451b 5%, #bc3315 100%);
    background: -webkit-linear-gradient(top, #d0451b 5%, #bc3315 100%);
    background: -o-linear-gradient(top, #d0451b 5%, #bc3315 100%);
    background: -ms-linear-gradient(top, #d0451b 5%, #bc3315 100%);
    background: linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
    background-color: #d0451b;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #942911;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    font-family: Arial;
    font-size: 15px;
    padding: 15px 35px;
    margin: 10px 0;
    text-decoration: none;
    text-shadow: 0 1px 0 #854629 }
#authWindow a:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #bc3315), color-stop(1, #d0451b));
    background: -moz-linear-gradient(top, #bc3315 5%, #d0451b 100%);
    background: -webkit-linear-gradient(top, #bc3315 5%, #d0451b 100%);
    background: -o-linear-gradient(top, #bc3315 5%, #d0451b 100%);
    background: -ms-linear-gradient(top, #bc3315 5%, #d0451b 100%);
    background: linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
    background-color: #bc3315 }
#authWindow a:active {
    position: relative;
    top: 1px }
#options {
    display: block;
    clear: both;
    margin: 35px 0 10px 0;
    color: #adadad;
    font-size: 1em;
    text-align: right;
    text-transform: uppercase;
    width: 100%;
    border-top: 1px solid #eaeaea }
* html #options {
    width: 94% }
#options a {
    padding: 0;
    color: #2e6a97;
    text-decoration: none;
    color: #adadad }
#options a:hover {
    color: #004f7f;
    background: inherit }
#options .back, #options .print {
    float: right }
#options .back {
    float: left;
    margin-top: 15px }
#options .print {
    display: none }
.message {
    clear: both;
    padding: 15px 0 15px 45px;
    text-align: left;
    position: relative;
    top: -5px;
    left: 0;
    width: 100%;
    z-index: 99;
    margin: 0;
    background: #fff url(img/info.png) no-repeat 0 10px;
    color: #a34444;
    margin-bottom: 15px }
.message h2 {
    font-weight: 400;
    font-size: 1.8em }
.message h2 a {
    color: #2e6a97;
    background: inherit }
.message h2 a:hover {
    color: #666;
    background: inherit }
#error {
    border: 0;
    font-size: .8em }
.cookies {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px;
    background-color: rgba(100, 100, 100, .9);
    color: #fff;
    z-index: 999;
    font-size: 13px;
    color: #dedede;
    -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 5px 1px rgba(0, 0, 0, .3);
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, .3) }
.cookies .pos-center {
    width: 980px;
    margin: 0 auto }
.cookies a {
    color: #c4c4c4 }
.cookies a#cookies {
    margin-left: 10px;
    padding: 10px;
    color: #ececec;
    background: #121e1e;
    color: #fff;
    text-decoration: none }
#randomCategoryProducts {
    clear: both;
    width: 100%;
    margin-top: 30px }
#randomCategoryProducts ul {
    float: left;
    width: 100%;
    margin: 10px 0;
    padding: 15px 0 10px;
    list-style: none }
#randomCategoryProducts li {
    float: left;
    width: 32%;
    margin-left: 2%;
    padding: 5px 0 15px;
    text-align: center;
    vertical-align: top }
#randomCategoryProducts li.column1 {
    clear: both;
    margin-left: 0 }
#randomCategoryProducts a {
    display: block;
    padding: 0 5px;
    font-weight: 700;
    text-decoration: none }
#randomCategoryProducts a:hover {
    text-decoration: underline }
#randomCategoryProducts .noPrice, #randomCategoryProducts .price {
    padding: 6px 0 0;
    color: #2e6a97 }
#randomCategoryProducts .price strong {
    padding: 0 2px 0 5px;
    font-weight: 700 }
#randomCategoryProducts .price em {
    padding: 0;
    background: inherit;
    font-style: normal }
#randomCategoryProducts .price span {
    font-weight: 700;
    padding-left: 5px }
@media print {
    #randomCategoryProducts .price em, #randomCategoryProducts .price span, #randomCategoryProducts .price strong {
    font-weight: 400 }
#randomCategoryProducts {
    float: none;
    width: 17.2cm;
    padding: 0;
    margin: 0 }
}#randomCategoryProducts+#productsRelated {
    margin-top: 30px }
#randomProduct .content {
    text-align: center }
#productsRelated+#randomProduct {
    margin-top: 30px }
#randomProduct+.catDesc {
    margin-top: 25px }
.catDesc {
    font-size: 13px }
.catDesc a {
    text-decoration: none;
    margin: 20px 0;
    display: inline-block;
    width: auto }
@media print {
    #productsRelated .price em, #productsRelated .price span, #productsRelated .price strong {
    font-weight: 400 }
#productsRelated {
    float: none;
    width: 17.2cm;
    padding: 0;
    margin: 0 }
}#productsRelated {
    clear: both;
    width: 100%;
    margin-top: 20px }
#productsRelated h3, #randomCategoryProducts h3, #randomProduct h3 {
    margin: 0 0 20px 0 }
#productsRelated #products, #randomCategoryProducts #products, #randomProduct #products {
    margin: 0 }
#productsRelated ul, #randomCategoryProducts ul, #randomProduct ul {
    padding: 0;
    margin: 0 }
#productsRelated #products .list li, #randomCategoryProducts #products .list li, #randomProduct #products .list li {
    margin-bottom: 0 }
#randomProduct {
    margin-top: 30px }
#products {
    clear: both;
    float: left;
    width: 100%;
    margin: 10px 0 20px 0;
    list-style: none;
    border-bottom: 0 solid #e0e0e0 }
#products ul.list {
    float: left;
    width: 100%;
    list-style: none }
#products .list li {
    float: left;
    width: 200px;
    margin-left: 20px;
    padding: 0 0 20px 0;
    border-top: 0 solid #e0e0e0;
    text-align: center;
    margin-bottom: 30px }
#products .list li li {
    float: none;
    width: auto;
    margin-left: 0;
    padding: 0;
    border-top: 0;
    text-align: left }
#products li.column1 {
    clear: both;
    margin-left: 0 }
#products li .photo {
    margin-bottom: 4px;
    font-size: 0;
    line-height: 0 }
#products li .photo a {
    width: 180px;
    height: 135px;
}
#products li .name a, #products li h2 {
    padding: 5px 0 5px;
    font-weight: 400;
    font-size: 1.3em;
    width: 100%;
    box-sizing: border-box;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    height: 80px }
#products li .name a, #products li h2 a {
    text-decoration: none;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden }
#products li .name a:hover, #products li h2 a:hover {
    text-decoration: underline }
#products li h3 {
    padding-bottom: 5px;
    font-weight: 400;
    font-size: .917em }
#products li h3, #products li h3 a {
    color: #666 }
#products li h3 a:hover {
    color: #004f7f }
#products li h3 em {
    padding: 0 5px }
#products li div.description {
    margin: 10px 0 0;
    text-align: justify }
#products li div.description a {
    color: #666 }
#products li div.description a:hover {
    color: #004f7f }
#products li div.description ol, #products li div.description ul {
    margin: 5px 0 0 25px;
    padding: 0 }
#products li .noPrice, #products li .price {
    margin: 5px 0 5px 0;
    background-color: inherit;
    color: #004f7f;
    font-weight: 400;
    text-decoration: none;
    font-size: 1.25em;
    color: #666;
    border-top: 1px dotted #eaeaea;
    padding-top: 8px;
    width: auto;
    font-weight: 400 }
#products li .price em {
    padding: 0 6px 0 0;
    background: inherit;
    font-style: normal }
#products li .price strong {
    font-weight: 400 }
#products li .noPrice strong {
    font-size: 1.083em }
#products li .price span {
    padding-left: 4px;
    font-size: 1.083em;
    font-weight: 400 }
#addBasket .submit, .basket {
    width: 150px;
    margin: 10px auto 0;
    font-size: .917em;
    font-weight: 700 }
#addBasket .submit, .basket a {
    display: block;
    padding: 10px 15px;
    color: #fff;
    background: #004f7f;
    text-decoration: none;
    font-size: 15px;
    font-weight: 400;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-transform: uppercase;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    text-shadow: 1px 1px #07598e;
    background: #004f7f;
    background: -moz-linear-gradient(top, #004f7f 0, #2989d8 50%, #207cca 51%, #3297e5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #004f7f), color-stop(50%, #2989d8), color-stop(51%, #207cca), color-stop(100%, #3297e5));
    background: -webkit-linear-gradient(top, #004f7f 0, #2989d8 50%, #207cca 51%, #3297e5 100%);
    background: -o-linear-gradient(top, #004f7f 0, #2989d8 50%, #207cca 51%, #3297e5 100%);
    background: -ms-linear-gradient(top, #004f7f 0, #2989d8 50%, #207cca 51%, #3297e5 100%);
    background: linear-gradient(to bottom, #004f7f 0, #2989d8 50%, #207cca 51%, #3297e5 100%) }
#addBasket .submit:hover, .basket a:hover {
    opacity: .85 }
.pages {
    float: right;
    width: 100%;
    margin: 0;
    padding: 9px 0;
    border: 0;
    background: 0 0;
    text-align: center;
    font-size: 1em;
    color: #adadad;
    text-transform: uppercase }
.pages li {
    margin: 0;
    padding: 0 2px;
    border: 0;
    background: 0 0;
    color: #adadad }
#products li.pages strong, .pages a {
    padding: 0 1px;
    font-size: 1em;
    color: grey;
    text-decoration: none;
    display: inline-block;
    padding: 3px 8px }
.pages li:first-child {
    margin-left: 10px }
.pages strong {
    background: grey;
    display: inline-block;
    padding: 3px 8px;
    color: #fff;
    font-weight: 400 }
.pages .pNext:before, .pages .viewAll:after {
    content: "";
    border-right: 3px solid #dcdcd9;
    height: 3px;
    display: inline-block;
    margin: 0 4px;
    position: relative;
    top: -2px }
.pages .pNext:before {
    margin-right: 10px }
.pages .pNext {
    padding: 0 }
.pages .title {
    padding-left: 8px;
    border: none }
.pages#pagesBefore {
    clear: none;
    width: auto;
    display: none }
.modelf {
    width: 185px;
    display: block;
    margin: 10px;
    display: inline-block }
.modelf img {
    width: 100% }
.modelf p {
    font-size: 11px;
    line-height: 15px;
    text-align: center;
    color: #cecece }
.modelf a {
    text-decoration: none;
    color: inherit }
.modelf em {
    font-style: normal;
    text-align: center;
    margin: 5px 0;
    display: block }
#products .sort {
    float: left;
    width: auto;
    margin: 0;
    padding: 10px 0;
    border: 0;
    background: 0 0;
    text-align: left;
    position: absolute;
    top: 9px;
    right: 0;
    color: #d2d2d2;
    text-transform: uppercase }
#products .sort ul {
    display: inline;
    list-style: none;
    margin-left: 8px }
#products .sort li {
    display: inline;
    padding: 0;
    font-weight: 700;
    color: #004f7f }
#products .sort li:after {
    content: "";
    width: 3px;
    height: 3px;
    background: #eaeaea;
    display: inline-block;
    margin: 0 8px 3px }
#products .sort li:last-child:after {
    display: none }
#products .sort li:last-child {
    border: none;
    padding-right: 0 }
#products .sort li a {
    font-weight: 400;
    color: #d2d2d2;
    text-decoration: none }
#products .sort li a:hover {
    color: #004f7f }
#product {
    clear: left;
    float: right;
    display: block;
    width: 100%;
    text-align: left;
    position: relative;
    margin-bottom: 25px }
* html #product {
    margin: 0 }
#product #addBasket .submit, #product .basket {
    width: 165px;
    display: inline-block }
#product #box {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    color: #666;
    margin-bottom: 30px }
#product #box form {
    font-weight: 700 }
#product #box #noPrice, #product #box #price {
    background-color: transparent;
    color: #004f7f;
    font-size: 1.8em;
    text-align: center;
    display: inline-block;
    margin: 0 10px 0 0;
    position: relative;
    top: 5px }
#product #box #noPrice {
    color: #004f7f }
#product #box #price em, #product #box #price span {
    font-style: normal;
    color: #666;
    font-weight: 400 }
#product #box #price strong {
    padding: 0 6px;
    font-size: 1.5em;
    color: #004f7f;
    font-weight: 600 }
#product #box #available {
    padding: 8px 2px 0;
    background-color: transparent;
    color: #666;
    font-weight: 700;
    font-size: .9em }
#product div.content {
    clear: left;
    padding: 10px 0 10px;
    font-size: 1.083em;
    line-height: 1.5em }
#product div.content ol, #product div.content ul {
    margin: 5px 0 0 30px;
    padding: 0 }
#product div.content li {
    margin: 8px 0;
    padding: 0;
    border-left: 0 }
#product div.content p {
    padding-bottom: 10px }
.product-content {
    width: 365px;
    float: right }
#features {
    margin: 10px 0 15px;
    min-width: 300px;
    font-size: 1.15em;
    width: 100%;
    border: 0;
    border-collapse: collapse;
    border-bottom: 1px dotted #d4d4d4;
    vertical-align: top }
#features caption {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px) }
#features thead td {
    padding: 5px;
    font-weight: 400;
    font-size: 1.5em;
    color: #004f7f }
#features tbody td, #features tbody th {
    padding: 10px 5px;
    background: #fff;
    font-weight: 400;
    text-align: left;
    border-top: 1px dotted #d4d4d4 }
#features tbody span {
    font-weight: 700;
    display: inline-block }
#orderedProducts table {
    width: 100%;
    margin: 0;
    font-size: 1em }
#orderedProducts td, #orderedProducts th {
    padding: 10px 10px }
#orderedProducts thead .price, #orderedProducts thead .quantity, #orderedProducts thead .summary {
    text-align: center }
#orderedProducts thead td {
    background: #eaeaea;
    color: #666;
    font-size: 1em;
    font-weight: 700 }
#orderedProducts thead td.name {
    width: 280px;
    padding-right: 10px }
#orderedProducts thead em {
    padding: 0 4px 0 0;
    font-style: normal }
#orderedProducts tbody td, #orderedProducts tbody th {
    border-top: 2px solid #fff;
    border-bottom: 1px solid #f1f1f1 }
#orderedProducts tbody th {
    text-align: left;
    font-weight: 400 }
#orderedProducts tbody th a {
    text-decoration: none }
#orderedProducts tbody .price, #orderedProducts tbody .summary {
    font-weight: 700;
    text-align: center }
#orderedProducts tbody .quantity, #orderedProducts tbody .quantity input {
    text-align: center }
#orderedProducts tbody .quantity input {
    border: 1px solid #d4d4d4;
    padding: 4px }
#orderedProducts tbody .quantity label {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px) }
#orderedProducts tbody a:hover {
    background: inherit;
    color: #666 }
#orderedProducts tfoot {
    text-align: right }
#orderedProducts tfoot .summaryOrder, #orderedProducts tfoot .summaryProducts, #orderedProducts tfoot .summaryProducts th, #orderedProducts tfoot .summaryShippingPayment {
    text-align: center }
#orderedProducts .zgody {
    text-align: left }
#orderedProducts .zgody i {
    font-style: normal;
    display: none }
#orderedProducts .zgody em {
    display: block;
    margin-top: 5px;
    font-style: normal;
    color: #004f7f;
    cursor: pointer }
#orderedProducts .zgody input[type=checkbox] {
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    padding: 10px;
    margin-right: 5px;
    position: relative;
    top: 2px;
    display: inline-block;
    width: auto;
    float: left }
#orderedProducts .zgody p+p {
    margin-top: 5px }
#orderedProducts .zgody p.wymagane {
    background: #fbefef;
    border: 1px solid #d4d4d4;
    padding: 10px }
#orderedProducts .zgody span {
    display: block;
    margin-left: 24px }
#orderedProducts .zgody p:after {
    clear: both }
#orderedProducts tfoot .nextStep .submit {
    font-size: 1.4em;
    font-weight: 700;
    padding: 10px 80px;
    font-weight: 400;
    webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-transform: uppercase;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    text-shadow: 1px 1px #07598e;
    background: #004f7f;
    background: -moz-linear-gradient(top, #004f7f 0, #2989d8 50%, #207cca 51%, #3297e5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #004f7f), color-stop(50%, #2989d8), color-stop(51%, #207cca), color-stop(100%, #3297e5));
    background: -webkit-linear-gradient(top, #004f7f 0, #2989d8 50%, #207cca 51%, #3297e5 100%);
    background: -o-linear-gradient(top, #004f7f 0, #2989d8 50%, #207cca 51%, #3297e5 100%);
    background: -ms-linear-gradient(top, #004f7f 0, #2989d8 50%, #207cca 51%, #3297e5 100%);
    background: linear-gradient(to bottom, #004f7f 0, #2989d8 50%, #207cca 51%, #3297e5 100%) }
#orderedProducts tfoot .nextStep .submit:hover {
    background: #154a72 }
#orderedProducts tfoot .nextStep .submit.continue {
    border: 0 solid;
    background: 0 0;
    color: #666;
    text-shadow: none;
    font-size: 13px;
    padding: 0;
    margin-right: 20px;
    text-decoration: underline;
    text-transform: initial;
	width:auto;}
#basket #orderedProducts table {
    margin: 0 0 20px 0 }
#basket .info {
    padding: 10px 0;
    text-align: left }
#basket #recount {
    background: #fff;
    border-bottom: 1px solid #f1f1f1 }
#basket #recount td {
    border-bottom: 1px solid #f1f1f1;
    text-align: right }
#basket #recount .submit {
    font-weight: 400;
    webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-transform: uppercase;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    text-shadow: 1px 1px #07598e;
    background: #004f7f;
    background: -moz-linear-gradient(top, #004f7f 0, #2989d8 50%, #207cca 51%, #3297e5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #004f7f), color-stop(50%, #2989d8), color-stop(51%, #207cca), color-stop(100%, #3297e5));
    background: -webkit-linear-gradient(top, #004f7f 0, #2989d8 50%, #207cca 51%, #3297e5 100%);
    background: -o-linear-gradient(top, #004f7f 0, #2989d8 50%, #207cca 51%, #3297e5 100%);
    background: -ms-linear-gradient(top, #004f7f 0, #2989d8 50%, #207cca 51%, #3297e5 100%);
    background: linear-gradient(to bottom, #004f7f 0, #2989d8 50%, #207cca 51%, #3297e5 100%) }
#basket #recount .submit:hover, #basket .buttons #continue .submit:hover {
    opacity: .8 }
#basket .summaryProducts {
    font-size: 1.36em;
    font-weight: 700 }
#basket .summaryProducts #summary {
    font-weight: 700;
    text-align: center }
#basket .del {
    padding: 0 5px 0 10px }
#basket .del a {
    background: inherit;
    color: #666 }
#basket .del a:hover {
    background: inherit;
    color: #004f7f }
#basket .buttons #continue {
    text-align: left }
#basket .buttons #continue .submit {
    font-weight: 400;
    webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-transform: uppercase;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    text-shadow: 1px 1px #07598e;
    background: #004f7f;
    background: -moz-linear-gradient(top, #004f7f 0, #2989d8 50%, #207cca 51%, #3297e5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #004f7f), color-stop(50%, #2989d8), color-stop(51%, #207cca), color-stop(100%, #3297e5));
    background: -webkit-linear-gradient(top, #004f7f 0, #2989d8 50%, #207cca 51%, #3297e5 100%);
    background: -o-linear-gradient(top, #004f7f 0, #2989d8 50%, #207cca 51%, #3297e5 100%);
    background: -ms-linear-gradient(top, #004f7f 0, #2989d8 50%, #207cca 51%, #3297e5 100%);
    background: linear-gradient(to bottom, #004f7f 0, #2989d8 50%, #207cca 51%, #3297e5 100%) }
#basket #pageDescription {
    margin-top: 20px }
#basket #save {
    padding: 7px }
#basket #save .submit {
    margin-right: 5px;
    padding: 4px 9px;
    background: #f2f2f2;
    color: #666;
    border: 1px solid #f1f1f1;
    font-weight: 400 }
#basket #save .submit:hover {
    background: #154a72;
    color: #fff }
#basket legend {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px) }
#discountVoucher td {
    text-align: right }
#discountVoucher strong {
    padding-right: 3px }
#incorrectVoucher {
    margin: 7px 0;
    background: inherit;
    color: #004f7f;
    font-weight: 700 }
#orderedProducts tfoot #discountVoucher {
    color: #666 }
#order form {
    background: 0 0;
    border: none }
#order legend {
    position: static;
    clip: auto;
    padding: 20px 0 10px;
    border: 0;
    font-size: 1.2em;
    font-weight: 700 }
#order #personalData {
    border-top: 0 solid #e0e0e0;
    padding: 20px 0 }
#order #personalData div {
    margin-bottom: 10px }
#order #personalData #setBasic, #order #personalData #setExtend {
    float: left;
    width: 50% }
#order #personalData label {
    display: inline-block;
    width: 120px;
    text-align: right;
    padding: 7px 0 0 0;
    font-weight: 700;
    vertical-align: top }
#order #personalData #oComment, #order #personalData .input {
    width: 250px;
    margin: 0 0 0 10px }
#order #invoice {
    height: 20px;
    margin-left: 2%;
    text-align: left }
#order #invoice input {
    float: left;
    margin: 2px 5px 0 0 }
#order #invoice label {
    float: left;
    margin: 0 0 0 5px;
    font-weight: 400;
    font-size: 1em }
#order #street {
    clear: both }
#shippingAndPayments {
    padding: 10px 15px;
    background: #eaeaea;
    margin: 20px 0 }
#shippingAndPayments div {
    padding: 11px 0 }
#order .summaryProducts, #order .summaryShippingPayment, #orderPrint .summaryShippingPayment {
    font-size: 1.182em }
#order .summaryProducts th, #order .summaryShippingPayment th, #orderPrint .summaryShippingPayment th {
    font-weight: 400;
    text-align: right }
#order .summaryOrder, #orderPrint .summaryOrder {
    color: #666;
    font-size: 1.36em;
    font-weight: 700 }
#order .summaryOrder th, #orderPrint .summaryOrder th {
    text-align: right }
#order .summaryOrder td, #order .summaryOrder th {
    border-top: 0 solid #e0e0e0 }
#order .summaryOrder, #order .summaryProducts, #order .summaryShippingPayment {
    font-size: 13px }
#order .summaryOrder {
    font-size: 18px }
#order #rulesAccept th {
    color: #666;
    font-weight: 700;
    text-align: right }
#order #nextStep th, #order #rulesAccept th {
    border: 0;
    text-align: right }
#orderPrint #pageDescription {
    padding: 10px 8px 20px;
    text-align: center;
    background: inherit;
    color: #004f7f;
    font-weight: 400;
    font-size: 1.5em }
#orderPrint #pageDescription p {
    padding: 5px 0 }
#orderPrint .legend {
    clear: both;
    padding: 20px 0 10px;
    background: inherit;
    color: #2e6a97;
    font-size: 1.2em;
    font-weight: 700 }
#orderPrint dl {
    float: left;
    display: block;
    width: 100%;
    margin: 0;
    padding: 15px 0;
    border-top: 2px solid #e0e0e0;
    border-bottom: 2px solid #e0e0e0;
    font-size: 1.13em }
#orderPrint dd, #orderPrint dt {
    float: left;
    display: inline-block;
    width: 40%;
    margin: 0;
    padding: 3px 0 }
#orderPrint dt {
    clear: left;
    text-align: right }
#orderPrint dd {
    padding-left: 2%;
    font-weight: 700 }
#orderPrint dd.orderComment, #orderPrint dd.orderIP {
    font-weight: 400 }
#orderedProducts table.order-2-products tbody th, #orderedProducts table.order-2-products td {
    padding: 10px }
input#iRulesAccept {
    position: relative;
    top: 2px }
label.iRulesAccept {
    font-size: 1em;
    font-weight: 400 }
#orderedProducts table.order-2-products td.nextStep {
    padding-right: 0;
    padding-bottom: 30px }
#orderPrint .orderStatusLink {
    margin: 10px 0 20px;
    padding: 14px;
    padding-bottom: 40px;
    text-align: center;
    border-bottom: 3px solid #eaeaea;
    font-size: 14px }
#orderPrint .orderStatusLink div.first-child {
    font-weight: 700;
    font-size: 17px }
#orderPrint .orderStatusLink div {
    padding: 3px 0 }
#foot {
    clear: both;
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    margin-top: 30px;
	background: #125985;
}
#foot .container {
    margin: 0 auto;
    padding: 15px 0;
    color: #fff;
    overflow: hidden;
 }
#foot a {
    background: 0 0;
    color: #fff;
    text-decoration: none }
#foot a:hover {
    text-decoration: underline }
#foot span:after {
    content: "\2022";
    display: inline-block;
    padding: 0 5px }
#copy {
    padding: 0 25px;
    display: block;
    text-align: center;
    line-height: 21px }
.foot {
    float: right;
    padding: 0 25px }
#powered img {
    vertical-align: middle }
#footer-menu {
    display: block }
@media print {
    * {
    color: #000!important;
    background: #fff!important;
    border-color: #444!important;
    border-width: 1px!important }
body {
    margin: 1cm 0 }
#container {
    width: 17.2cm;
    height: auto }
#head2, #head2 .container {
    height: auto }
#logo {
    padding: 0 0 .2cm }
#body .container, #foot .container, #head1 .container, #head2 .container, #head3 .container {
    border-width: 0!important }
#body {
    clear: none }
#body .container {
    overflow: visible }
#logo #title, #page h1 {
    padding: 0 }
#page div.breadcrumb {
    position: relative;
    top: 0 }
#body .container, #content, #foot .container, #header .container, #page, #product, #products, .order #content {
    float: none;
    width: 17.2cm;
    padding: 0;
    margin: 0 }
#back, #column, #commentForm, #contactPanel, #head1, #head3, #page .tS, #plusOne, #product #box #addBasket .submit, #products li .basket, #socialButtons {
    display: none }
}#order #ceneoAccept label {
    font-weight: 400;
    font-size: .917em }
#product #askAboutProduct {
    font-size: .917em;
    display: none }
#product #askAboutProduct:hover {
    background: 0 0 }
@media print {
    #askAboutProduct {
    display: none }
}#column .box .visits {
    font-size: 1.2em }
#column .box .visits span {
    margin-right: 15px }
#column .box .visits em {
    font-style: normal }
#product #box #attributes {
    width: 355px;
    border: 1px solid #d4d4d4;
    padding: 8px 8px }
#product #box #attributesLabel {
    display: none }
.attribute {
    box-sizing: border-box }
.attribute h3 {
    font-size: 1.5em;
    font-weight: 700 }
#product #box dl#attributesSelects {
    text-align: left;
    margin: 0 10px 10px;
    border: 1px solid #bebebe;
    padding: 0 2px 5px 10px }
#product #box dl#attributesSelects dd {
    padding: 0 0 5px;
    margin: 0 }
#product #box dl#attributesSelects dt {
    padding: 5px 0 2px;
    margin: 0 }
#product #box dl#attributesSelects select {
    width: 210px }
#basket .image img {
    border: 1px solid #c9cdce;
    width: 60px;
    margin-right: 10px }
.infoDiscount {
    color: #666;
    background: inherit;
    font-size: .9em;
    padding-bottom: 5px;
    text-align: center }
.scrolled #head3 {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999 }
.scrolled #head3 .logos {
    padding-top: 13px;
    line-height: 22px }
.scrolled #head3 .logo {
    font-size: 25px }
.scrolled #head3 .logos .slogo {
    font-size: 10px }
.scrolled #menu2 li a {
    padding: 23px 15px 23px 15px;
    font-size: 1em }
table.gsc-search-box {
    margin-left: -15px }
.gstl_50 {
    width: 170px!important }
.gsc-control-cse div {
    padding: 5px!important }
input.gsc-search-button, input.gsc-search-button:hover {
    padding: 10px 13px!important;
    border-radius: 4px!important }
table.gsc-search-box td input.gsc-input:focus {
    font-size: 14px;
    position: relative;
    top: -7px }
#head3 .logos {
    margin: 0 0 0 25px;
}
#head3 .logos > .slogo {
    position: relative;
    top: -5px;
}
.clr {
    clear: both }
#page #pageDescription h2, #page #pageDescription h3, #page #pageDescription h6 {
    color: #2e6a97;
    font-size: 20px;
    text-transform: uppercase;
    margin: 5px 0 15px 0 }
@media only screen and (max-width:970px) {
    .contact-top span.phicon: before {
    display: block;
}
.contact-top span.phicon {
    font-size:  16px !important;
}
.fast_tel {
    display: none }
.hp_desc {
    padding: 30px 30px 30px 30px }
#container {
    padding-bottom: 10px }
#content ul.subpagesList  {
    display:  grid;
    grid-template-columns:  repeat(auto-fit,  minmax(250px,  1fr));
    gap:  20px;
    padding:  0;
    list-style:  none;
    margin: 0;
}
#content ul.subpagesList > li  {
    padding:  0px;
    box-sizing:  border-box;
    float: none;
    width: auto;
    margin: 0;
    display: inline-block;
    margin: 0;
}
#product{padding:20px;float:none;box-sizing:border-box;}
#content ul.subpagesList > li h2 a {
    width: 100%;
    height: auto;
    display: inline-block;
    padding: 30px;
    background:  #e1e1e1;
}
#content .pkat-in {
    border-bottom:  1px solid #e1e1e1;
    padding-bottom:  30px;
    margin-bottom:  30px;
}
#products ul.list  {
    display:  grid;
    grid-template-columns:  repeat(auto-fit,  minmax(250px,  1fr));
    gap:  40px;
    padding:  0;
    list-style:  none;
}
#products ul.list > li  {
    padding:  0px;
    box-sizing:  border-box;
    float: none;
    width: auto;
    margin: 0;
}
#products ul.list > li > .photo {
    width: 100%;
}
#products ul.list > li > .photo img {
    border: 1px solid #bbbbbb;
}
#products li .noPrice,  #products li .price {
    border-top:  1px dotted #9b9b9b;
    font-size:  2em;
}
#addBasket .submit,  .basket a {
    font-size:  1.6em;
    width:  100%;
    box-sizing:  border-box;
    padding: 15px 20px;
}
#addBasket .submit,  .basket {
    width: auto;
    max-width: 250px;
}
#products li .name a,  #products li h2,  .prodndstp {
    font-size:  1.5em;
    line-height:  1.5em;
}
#products li .name a,  #products li h2 a {
    text-decoration:  none;
    display:  -webkit-box;
    -webkit-line-clamp:  2;
    -webkit-box-orient:  vertical;
    overflow:  hidden;
    text-overflow:  ellipsis;
}
#body .container {
    xpadding: 0 20px;
    width: 100%;
    margin-top: 20px;
    box-sizing: border-box }
#body.basket-page #content {
    padding: 0 }
.contact-top a {
    color: #fff;
    border-bottom:  1px solid;
}
#basket #orderedProducts table, #head3 .container, #order form, .centerme, .contact-top, .cookies, .order #page, fieldset#orderedProducts {
    width: 100% !important;
    xdisplay: contents;
    box-sizing: border-box }
#shippingAndPayments {
    box-sizing: border-box !important;
}
#shippingAndPayments select {
    margin:  0;
    width:  100% !important;
    margin-top:  5px;
}
#orderedProducts table.order-2-products td.nextStep {
    text-align: left;
}
.contact-top span.maiconm:before {
    content: "Urlop: 8-16.08.2022 r.";
    display: inline-block;
    width: 100px;
    height: 20px;
}
#order #personalData #setBasic, #order #personalData #setExtend {
    width: 100% }
#order #personalData #oComment, #order #personalData .input {
    margin: 0;
    box-sizing: border-box;
    width: 100% }
#order #personalData div#invoice {
    padding: 0;
    margin-left: 0 }
#order #personalData input#oZipCode {
    width: 58px!important }
#order #personalData div#invoice label {
    display: none }
#order #invoice input {
    margin: 3px 5px 0 0 }
#order #personalData label {
    text-align: left }
#shippingAndPayments {
    margin: 0 }
#shippingAndPayments label {
    margin-bottom: 5px }
#oShippingPayment {
    margin-top: 5px;
    width: 100% }
tr.summaryOrder td {
    font-size: 13px;
    padding: 10px 0 }
#paymentChannels {
    padding: 0;
    display: block }
#orderedProducts * {
    box-sizing: border-box }
#basket #orderedProducts td.image, #basket #orderedProducts td.price, #basket .buttons #continue, #orderedProducts .summaryProducts th {
    display: none }
#orderedProducts .summaryProducts #summary {
    text-align: right;
    width: 100%;
    padding: 15px 0 10px 0;
    font-size: 16px!important }
#orderedProducts .summaryProducts #summary:before {
    display: inline-block;
    content: "Razem: " }
#orderedProducts tfoot .submit.continue {
    text-align: center;
    width: 100%;
    margin-bottom: 15px;
    font-size: 17px!important }
#orderedProducts .summaryProducts td#summary+td {
    display: none }
#orderedProducts tfoot form tr.summaryProducts {
    display: none }
#orderedProducts tfoot form tr.summaryOrder {
    font-size: 13px }
.contact-top span:nth-child(1), .contact-top span:nth-child(3) {
    display: none }
.contact-top span:nth-child(2) {
    width: 100%;
    text-align: center;
    display: block;
    font-size: 20px;
    font-weight: 500;
    padding: 10px 0 }
.contact-top span:nth-child(2):after {
    content: "";
    padding: 0 }
.contact-top span:nth-child(2):before {
    content: "Zadzwoń:";
    margin-right: 4px;
    color: #fff;
    font-weight: bold;
}
#homeSearchForm {
    padding:  40px 20px;
}
#searchForm,  #homeSearchForm {
    width: 90%;
    box-sizing:  border-box;
    margin:  0 auto;
}

.centerme_search_page{display:inline-block;margin-bottom:0;}
.homep .centerme_search_page{margin-bottom:20px;}
.centerme_search_page form#searchForm{display:block;width:90%;}
.centerme_search_page .top-cart{
  width: 100%;
  display: block;
  margin-top:20px;  
  flex-shrink: 0;
}

#homeSearchForm h1 {
    font-size:  2.1em;
}
.homep #homeSearchForm{
	width:90%;
}
#searchForm div {
    position:  relative;
    margin:  0 auto;
    position: relative;
    display:  block;
}
#searchForm .input {
    width: 100%;
}
#searchForm em {
    position: absolute;
    top: 1px;
    right: 1px;
}
#searchForm div::after {
    clear: both;
    content: "";
}
#searchForm .submit {
    position:  relative;
    top: 0;
    left: 0;
    box-sizing:  border-box;
    margin: 0;
}
#head3 .mobmenu {
    position: absolute;
    right: 20px;
    top: 23px;
    cursor: pointer;
    padding: 10px 35px 16px 0;
    display: block;
    z-index: 999 }
#head3 .mobmenu span, #head3 .mobmenu span:after, #head3 .mobmenu span:before {
    cursor: pointer;
    border-radius: 1px;
    height: 5px;
    width: 35px;
    background: #125985;
    position: absolute;
    display: block;
    content: '';
    transition: all .2s ease-in-out }
#head3 .mobmenu span:before {
    top: -10px }
#head3 .mobmenu span:after {
    bottom: -10px }
#head3 .mobmenu.active span {
    background-color: transparent }
#head3 .mobmenu.active span:after, #head3 .mobmenu.active span:before {
    top: 0 }
#head3 .mobmenu.active span:before {
    transform: rotate(45deg) }
#head3 .mobmenu.active span:after {
    transform: rotate(-45deg) }
#menu2 {
    position: absolute;
    right: 0;
    top: 0px;
    width: 100%;
    display: none;
    z-index: 991 }
#menu2.mobmenu-show {
    display: block }
#menu2 ul {
    position: relative;
    top: 66px;
    background: #125884;
    width: 100%;
    display: block;
    clear: both }
#menu2 ul li {
    float: none;
    height: 20px;
    display: block;
    width: 100%;
    clear: both }
#menu2 ul li a {
    display: block;
    border-bottom: 1px solid #407fa7;
    width: 100%;
    color: #fff }
.columnmenu {
    margin: 15px 0 0 0;
    display: block }
.columnmenu {
    background: #05171a;
    color: #fff;
    width: 100% }
.columnmenu:after {
    display: inline-block;
    content: "\25BA";
    padding: 15px 17px;
    transform: rotate(90deg);
    transition: all .2s ease-in-out;
    cursor: pointer;
    text-align: center;
    box-sizing: border-box;
    width: 20% }
.columnmenu:before {
    background: #4f8cbe;
    display: inline-block;
    content: "Wybierz kategorie produktów";
    width: 80%;
    font-size: 15px;
    padding: 15px 0 15px 10px;
    box-sizing: border-box }
.columnmenu.active:after {
    transform: rotate(-90deg);
    box-sizing: border-box }
#column {
    background:  #125985;
    float: none;
    display: none;
    padding: 5px 15px 25px 15px;
    margin: 0;
    width: 100%;
    z-index: 994;
    box-sizing: border-box;
    margin-top: 20px;
}
#column .type {
    color:  #ffffff;
    border-bottom: 1px solid #ffffff;
}
#column ul {
    background: none;
}
#column a {
    color: #fff }
#menu3 .selected>a:first-child {
    color: #4f8cbe }
#menu3 li {
    border-color: #464646 }
#head3 .logos {
    padding: 13px 0 0 0 }
#head3 .logos .slogo, .scrolled #head3 .logos .slogo {
    font-size: 11px;
}
.scrolled #head3 {
    top: 0 }
.scrolled #head3 .logos {
    line-height: 28px }
.scrolled #head3 .logo {
    font-size: 30px }
.scrolled #menu2 ul {
    top: 63px }
.top-cart {
    max-width: 300px;
    margin: 0 auto;
    margin-top: 45px;
    display: inline-block;
    position: static }
#content {
    float: none;
    width: 100%;
    padding: 10px 0 20px 0;
	padding:0;
}
#options {
    display: none }
#page {
    padding:20px;}
#foot .container {
    width: 100%;
    padding-bottom: 25px }
#foot span:after {
}
#page49 #page .content#pageDescription p+div {
    background-position: center 0!important;
    padding: 160px 0 0 0!important }
.homep-tribox {
    padding: 50px 20px 20px;
    text-align: center;
    margin: 0 auto;
    box-sizing:  border-box;
}
.homep-tribox li {
    width: 300px;
    padding-bottom: 15px;
    margin: 0 auto;
    margin-bottom: 20px;
}
.homep-tribox li a {
    width: 100% }
.homep-tribox h2 {
    text-align:  center;
    padding-top:  10px;
}
.cookies {
    bottom: 0px }
.cookies, .cookies .pos-center {
    width: 100%;
    box-sizing: border-box }
.cookies {
    padding: 15px 30px 20px }
.cookies a#cookies {
    display: block;
    width: 100px;
    margin: 0 auto;
    margin-top: 10px }
.slider {
    background-position: center bottom;
    background-attachment: inherit;
    height: 400px;
}
.slider .slide {
    background-size:  contain;
}
.slider .slide1 {
    background-image: url(img/baner/min/1.jpg);
    background-position: 0 bottom!important }
.slider .slide2 {
    background-image: url(img/baner/min/2.jpg) }
.slider .slide3 {
    background-image: url(img/baner/min/3.jpg) }
.slider .slide4 {
    background-image: url(img/baner/min/4.jpg) }
.slider .slide5 {
    background-image: url(img/baner/min/5.jpg) }
#pagesAfter .viewAll {
    display: block;
    border-top: 1px solid #dcdcd9;
    padding-top: 15px }
#pagesAfter .viewAll:after {
    display: none }
#pagesAfter ul {
    margin-top: 15px;
    display: block }
.pages .pNext {
    display: block;
    margin-top: 15px }
.pages .pNext:before {
    display: none }
.prod-wrapper  {
    display:  flex;
    flex-wrap:  wrap;
    gap:  20px;
}
.prod-wrapper .gallery_column  {
    flex:  0 0 255px;
    flex-direction:  column;
    align-items:  center;
    clear: both;
    margin:  0 auto;
    float: none;
    width: auto;
}
#content .prod-wrapper .gallery_column .imagePreview img,  .imagesList#imagesListPreview li img {
    border: 1px solid #c1c1c1;
}
.imagesList#imagesListPreview li {
    opacity: 1;
}
.prod-wrapper .product-content  {
    flex:  1 1 0;
    min-width:  250px;
}
#defaultDescription {
    color: #a3a3a3;
    font-size:  13px;
}
.przelewyban {
    max-width: 100%;
}
.breadcrumb {
    display: none;
}
.catDesc p {
    line-height:  20px;
}
}
#product #box #price.prodndstp {
    text-align: left;
    color: #004f7f;
    font-size: 1.4em }
.xcontact-top span.maiconm:before,  #bxox:before {
    content: "Urlop: 8-16.08.2022 r.";
    margin-right: 10px;
    display: inline-block;
    background: red;
    color: #fff;
    padding: 3px 12px;
    -webkit-border-radius:  8px;
    -moz-border-radius:  8px;
    border-radius:  8px;
    font-weight: bold;
}
#bxox:before {
    content: "Urlop: 8-16.08.2022 r. W tym czasie realizacja zamówień może być opóźniona. Przepraszamy za niedogodności.";
    margin: 10px 0;
}
#xxxbox111:before,  .xxxbasket-page h1:before {
    content: "W dniach 7-11.03 jesteśmy na urlopie. Wysyłkę zamówień z tego okresu zrealizujemy po powrocie. Dziękujemy za cierpliwość!";
    margin: 10px 0;
    color:  white;
    background:  #ca3c3c;
    padding:  3px 10px;
    font-size:  11px;
    border-radius:  20px;
    margin-right: 10px;
    display: block;
    text-align: center;
    text-transform: none;
    font-weight: normal;
}
.contact-top111 .maiconm:before {
    content: "Jesteśmy na urlopie w dniach 7-11.03";
    display: inline-block;
    color:  white;
    background:  #ca3c3c;
    padding:  3px 10px;
    font-size:  11px;
    border-radius:  20px;
    margin-right: 10px;
}

.hurtban:hover{text-decoration:none;}
.hurtban {    
    z-index:  999;    
    width:  100%;    
    background:  #ffffffcf;    
    display:  block;      
	padding: 35px 20px 35px 20px;    
	text-decoration: none;    
	font-size:  1.5em;
	box-sizing:border-box;
    margin-bottom:30px;
}

.hurtban span {
    display: block;
	line-height: 25px;
}

.hurtban span::after {
	content: "Przejdź do hurt.vsklep.com";    
	display: block;    
	background: #ff6600;    
	color: #fff;    
	width: 255px;    
	margin: 0 auto;    
	margin-top: 15px;    
	padding: 10px 15px;
	font-weight:bold;	
}
.hurtbox{position:relative;}
.hurtban:hover span::after{background-color:#c04d00;}
.hurtbox em{position: absolute; right: 0px; top: 0px; font-style: normal; font-weight: bold; font-size: 17px; border: 0px solid #a8a8a8; padding: 10px 14px; cursor: pointer;}
.hurtbox em:hover{color:#ff6600;}