/* Quick.Cart.Ext default stylesheet More about design modifications - http://opensolution.org/Quick.Cart/docs/ext_6.6/?id=en-design font-family: "Jost", sans-serif; font-family: 'Rajdhani', sans-serif; */ /* GLOBAL STYLES */ body, body *, body *:before, body *:after{margin:0;padding:0;border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} body, body *{margin:0;padding:0;border:0;} body,table{color: #6d6d6d;font-size: 0.75em;font-family: "Jost", sans-serif;} table{border-collapse:collapse;border-spacing:0;font-size:100%;} tbody, tfoot, thead{margin:0;padding:0;} caption, tr, th, td{margin:0;padding:2px 4px;font-size:100%;font:inherit;vertical-align: top;} body{padding:0;background: #fff;text-align:center;} .preloader{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index: 1399; background-color:#ffffff;} .preloader span{ background-position:center center; background-repeat:no-repeat; background-image:url(img/logo.png);animation-name: pulse;transform-origin: center bottom;animation-duration:2s;animation-fill-mode: both; position:fixed; left:0px; top:0px; width:100%; height:100%; z-index: 1399; } .input, select, textarea{padding:2px;border-width:1px;border-style:solid;border-color:#6c6c6c #cccccc #cccccc #6c6c6c;font-size:1em;font-family: "Jost", sans-serif;outline: 0;} .input.warning-required, select.warning-required, textarea.warning-required{border-color:#ac0000 #c78688 #c78688 #ac0000;background:#fbefef;} .input:focus, select:focus, .textarea:focus{text-shadow:none;} .submit{padding:5px 14px;border-width: 0;/* border-style:solid; */background:#154a72;color:#fff;font-weight: 500;font-size: 1em;font-family: "Jost", sans-serif;outline: 0;} .submit:hover{background:#0096d7;cursor:pointer;} * html .submit{padding:3px 1px;} /* IE 6 hack */ * html .input{height:21px;} /* IE 6 hack */ .form{background: #fff;} .form label{font-size: 1em;color: #008cb2;font-weight:bold;} .form label[for="iRulesAcceptCo"]{font-weight:400;margin-left: 8px;} .checkbox-box.contact{margin-bottom:20px} .form legend{position:absolute;clip:rect(1px, 1px, 1px, 1px);} .form label span{padding-left:10px;color:#949494;font-weight:normal;text-shadow:none;} .hide{display:none;} a{color: #0096d7;text-decoration: none;transition:all 0.5s ease;} a:hover{color:#666;text-decoration:none;transition:all 0.5s ease;} .clear{clear:both;height:0px;font-size:0em;line-height:0px;} #skiplinks{position:absolute;top:0px;left:0px;} #skiplinks a{position:absolute;top:-500px;left:0px;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;padding: 0;overflow:hidden;} #body, #foot{float:left;width:100%;margin:0 auto;padding:0;} #head1 .container, #head2 .container, #head3 .container, #head4 .container, #head5 .container, #head6 .container, #head7 .container, #head8 .container, #body .container, #foot .container, #foot-box .container{width: 1300px;margin:0 auto;text-align: center;display: inline-block;} #header{background:url(img/bg-top.webp)no-repeat center top} /* HEADER WITH TOP MENU ABOVE LOGO */ #head1 .container{ display: table; } * html #head1 .container, * html #head2, * html #head3, * html #body{background:none;} /* IE 6 hack */ /* MENU TOP 1 */ #menu1 ul{float:right;margin: 19px 0px 6px 0;list-style:none;} #menu1 li{float:left;padding:7px 0 10px 20px;position: relative;} #menu1 li a{padding-right:12px;font-weight: 600;text-decoration:none;color: #3f3f3f;text-transform: uppercase;position: relative;} #menu1 li a:hover, #menu1 .selected a, #menu1 .selected-parent a{text-decoration:underline;color:#0096d7;} #menu1 li:nth-child(3) a:before{content:url('img/konto.png');position: absolute;left: -36px;transform: translateY(-50%);top:50%;transition: all 2.5s ease;} #menu1 li:nth-child(1) a:before{content:url('img/darmowa-dostawa.png');position: absolute;left: -66px;transform: translateY(-50%);top:50%;transition: all 2.5s ease;} #menu1 li:nth-child(2) a:before{content:url('img/bezpieczne-platnosci.png');position: absolute;left: -44px;transform: translateY(-50%);top:50%;transition: all 2.5s ease;} #menu1 li:last-child:before{content:'';display:block;position:absolute;top: 6px;left: 3px;width:1px;height: 21px;background: #c3d9e7;} #menu1 li:first-child:before{display:none} #menu1 li:nth-child(1){margin-right: 30px;} #menu1 li:nth-child(2){margin-right: 30px;} #menu1 li.lBasket{padding: 7px 2px 11px 71px;background: url('img/cart.png') no-repeat 21px 1px;position: relative;} #menu1 li.lBasket a{position:relative;padding: 0 0 0 0;background:none;color: #3f3f3f;font-size: 1.1em;} #menu1 li.lBasket a:hover{color: #00a1e7;} #menu1 li.lBasket span{display:block;color: #3f3f3f;font-size: 1.138em;font-family:sans-serif;padding: 7px 10px;background: #b4cbdc;border-radius: 50%;width: 27px;height: 26px;position: absolute;left: 41px;top: 4px;} /* LOGO, HEADER BACKGROUND AND SLOGAN */ #head2{clear:both;} #head2 .container{position:relative;background: transparent;display: table;} #logo{float:left;padding: 18px 0;} #logo #title{float:left;} #logo #title a{color:#666;text-decoration:none;font-size: 4em;border-bottom: 1px solid #c3d9e7;transition: all 1s ease;} #logo #title a span{color: #00a1e7;background:inherit;font-weight: 300;transition: all 1s ease} #logo #title a strong{color: #000000;background:inherit;font-weight: 300;transition: all 1s ease} #logo #title a em{color:#0096d7;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%;} /* IE 6 hack */ #logo #title:hover a:hover span{color: #000000;background:inherit;font-weight: 300;transition: all 0.5s ease;} #logo #title a:hover strong{color: #00a1e7;background:inherit;font-weight: 300;transition: all 0.5s ease;} #head2 .container #right{float:right} #head2 .container .bottom{float:right;border-top: 1px solid #c3d9e7;} #head2 .container #menu2{float:left} #head2 .container .bottom .social{float:right;margin-top: 17px;position: relative;} #head2 .container .bottom .social > div{float:right;margin-left: 19px;} #head2 .container .bottom .social > div img:hover{filter: brightness(72%);transition: all 1.5s ease;} #head2 .container .bottom .social:before{content:'';display:block;position:absolute;top: 2px;left: 3px;width:1px;height: 21px;background: #c3d9e7;} /* NAVIGATION PATH - TREE */ #head4{padding: 0;position: relative;background: #008cb2 url(img/ksiazki.webp) no-repeat right 28% center;color: #ffffff;display: flex;width: 100%;} #head4 .container .box{text-align:left;padding: 1.6em 0 2em;display: inline-block;width: 100%;} /* PAGE TITLE */ #head4 h1{margin: 0;background:inherit;color: #ffffff;font-size: 2.65em;font-weight: 400;background:inherit;line-height: 1.1em;} #page h2.title{margin:20px 0 0px;background:inherit;color:#363636;font-size:2em;font-weight:900;background:inherit;font-family: 'Roboto', sans-serif;text-transform:uppercase;} #head4:before{content: "";display: block;position: absolute;left: 0;top: 0px;height: 6px;width:100%;box-shadow: inset 1px 5px 4px -2px rgba(0, 0, 0, 0.26);z-index: 12;} #head4 .breadcrumb{padding: 10px 0 10px;font-size: 1.175em;font-weight: 500;float:left;color: #00333f;width: 100%;text-transform: uppercase;} #head4 .breadcrumb a{text-decoration:none;} #head4 .breadcrumb a:hover{text-decoration:underline;} #head4 .breadcrumb strong, #head4 .breadcrumb a{color: #fff;font-weight: 400;margin-left: 7px;} #head4 .breadcrumb li:not(:first-child)::before{content:"\25b8";margin:0;padding: 0 8px;color: #ffffff;font-size: 1.05em;} #head4 .breadcrumb em{padding:0 6px} #head4 .breadcrumb ol {list-style: none;display: inline-block;} #head4 .breadcrumb li {float: left;color: #00333f;} #head5{padding: 0;position: relative;background: #008cb2 url(img/bg-autor.webp) no-repeat center center;color: #ffffff;display: flex;width: 100%;} #head5:before{content: "";display: block;position: absolute;left: 0;top: 0px;height:8px;width:100%;box-shadow: inset 1px 5px 7px -2px rgba(0, 0, 0, 0.26);z-index: 12;} #head5 .container .right-box{font-size:1.33em} #head5 .container .right-box h2, #head8 .container h2{font-size: 1.7em;font-weight: 400;line-height: 1.4em;position: relative;padding-left: 20px;color: #fff;} #head5 .container .right-box h3, #head8 .container h3{font-size: 1.2em;color: #003342;font-weight: 400;position: relative;padding-left: 20px;} #head5 .container .left-box{float: right;width: 40%;padding: 0;line-height: 0;} #head5 .container .left-box img{width:100%;height:auto;max-width: 460px;line-height: 1px;display: inline-block;} #head5 .container .right-box{float: left;width:50%;padding: 4em 0;font-size: 1.4em;line-height: 1.5em;text-align: left;} #head5 .container .right-box h2:before, #head5 .container .right-box h3:before, #head8 .container h2:before, #head8 .container h3:before{content:'';display:block;position:absolute;top: -2px;left: 0px;width: 4px;height: 38px;background: #ffffff;} /* haed6 */ #head6{padding: 5em 5em 3em;position: relative;font-size:1.33em} #head6 .container h2{font-size: 1.7em;font-weight: 400;line-height: 1.4em;position: relative;padding-left: 20px;color: #1d99bb;text-align: left;} #head6 .container h3{font-size: 1.2em;color: #003342;font-weight: 400;position: relative;padding-left: 20px;text-align: left;} #head6 .container .all-box h2:before, #head6 .container .all-box h3:before{content:'';display:block;position:absolute;top: -2px;left: 0px;width: 4px;height: 38px;background: #0f93b7;} #head6 .container #pagesHome{padding: 3em 0 0;} #head6 .container #pagesHome p{padding-bottom: 0.8em;font-size: 1.125em;} #head6 .container #pagesHome h4{font-size: 1.5em;color: #3f3f3f;font-weight: 400;position: relative;margin-bottom: 15px;font-style: italic;} #head6 .container #pagesHome h5{font-weight:500;font-style: italic;font-size: 1.1em;margin-top: 15px;height: 50px;float: right;width: 100%;} #head6 .container .owl-item{padding: 0;text-align: center;margin: 0 auto;font-size: 0.95em;} #head6 .container .owl-carousel .owl-item img{text-align: center;margin: 0 auto;transition: all 0.5s ease;width: auto;height: 55px;cursor: pointer;max-width: 100%;object-fit: scale-down;} #head6 .container .owl-carousel .owl-item:hover img{filter:inherit; transition: all 0.5s ease} #head6 .container .owl-carousel .owl-stage-outer{padding: 17px 0 30px;} #head6 .container .owl-theme .owl-nav{top:30%} #head6 .container .owl-theme .owl-dots{position:absolute;top: -108px;right: 0;} #head6 .container .owl-theme .owl-dots .owl-dot span{width: 11px;height: 11px;} #head6 .container .owl-carousel .owl-item .item{background: #f0f0f0;padding: 60px 100px 80px;margin: 0;text-align: left;min-height: 376px;} #head6 .container .owl-theme .owl-dots .owl-dot{background: transparent;} #head6 .container .owl-theme .owl-dots .owl-dot.active span, #head6 .container .owl-theme .owl-dots .owl-dot:hover span{border: 1px solid #008cb2;background: #008cb2;} #head6 .container .owl-theme .owl-nav{position: absolute;right: 0;margin: 0;top: 42%;width: 100%;font-size: 1.5em;transform: translateY(-50%);} #head6 .container .owl-theme .owl-nav .owl-prev{padding: 11px 18px;border-radius: 0;margin: 0;position: absolute;left: 14px;background: transparent;font-size: 1.2em;} #head6 .container .owl-theme .owl-nav .owl-next{padding: 11px 18px;border-radius: 0;margin: 0;position: absolute;right: 25px;background: transparent;font-size: 1.2em;} #head6 .container .owl-theme .owl-nav span{display:none} #head6 .container .owl-theme .owl-nav .owl-next:before{content:"\276f";color: #37a3c0;font-weight: 200;transition: all 0.5s ease;} #head6 .container .owl-theme .owl-nav .owl-prev:before{display: block;content:"\276e";color: #37a3c0;font-weight:300;transition: all 0.5s ease;} #head6 .container .owl-theme .owl-nav button:focus{outline:0;transition: all 0.5s ease} #head6 .container .owl-theme .owl-nav button:hover{opacity:0.9;transition: all 0.5s ease;background: #fff;} /* #head7 .container */ #head7{padding: 0;position: relative;font-size:1.33em;border-top: 1px solid #c9c9c9;} #head7:before{content: "";display: block;position: absolute; left: 0;bottom:-8px;height:8px; width:100%;box-shadow: inset 1px 5px 7px -2px rgba(0, 0, 0, 0.26);z-index: 13;} #head7 .container{background: url(img/bg-head7.webp) no-repeat left center;} #head7 .container .container-box{clear:both;display:flex;flex-flow: row wrap;justify-content: space-between;padding: 50px 0 30px;align-items: normal;width: 75%;float: right;} #head7 .container .box{flex: 0 0 22%;padding: 40px 25px;text-align: center;border: 1px solid #c9c9c9;margin: 0 1.4% 25px;background: #fff;} #head7 .container .box span{display: inline-block;width: 100%;font-weight: 500;color: #959595;margin-top: 20px;} #head7 .container .box img{text-align:center} /* #head8 .container */ /*#head8{padding: 0;position: relative;font-size:1.33em;border-top: 1px solid #c9c9c9;background: #1e9cbe url(img/bg-head81.webp) no-repeat right center;}*/ #head8{padding: 0;position: relative;font-size:1.33em;border-top: 1px solid #c9c9c9;background: #1e9cbe } #head8:before{content: "";display: block;position: absolute; left: 0;bottom:-8px;height:8px; width:100%;box-shadow: inset 1px 5px 7px -2px rgba(0, 0, 0, 0.26);z-index: 13;} #head8 .container .description{text-align:left;color: #fff;padding: 3.3em 0;position: relative;z-index: 2;} #head8 .container .description p{font-size: 1.1em;} #head8:after{content: '';position: absolute;right: 0;bottom: 0;transition: all 2.5s ease;background: url('img/bg-head82.webp') no-repeat right bottom;width: 100%;height: 100%;z-index: 0;} /* HEADER WITH TOP MENU BELOW LOGO */ #head3 .container{background: transparent;width: 1300px;} /* MENU TOP 2 */ #menu2{position:relative} #menu2 ul{float:right;height:100%;margin:0;list-style:none;z-index: 13;position: relative;} #menu2 li{float:left;padding:0;position: relative;margin: 0 18px;} #menu2 li:hover, #menu2 .selected{} #menu2 li.l1, #menu2 li.l1:hover, #menu2 li.l1.selected{border-left:none;} #menu2 li a{float:left;padding:15px 0;color: #3f3f3f;font-size: 1.5em;text-decoration:none;font-weight:normal;} #menu2 li:hover, #menu2 li:hover a, #menu2 li a:hover, #menu2 .selected a, #menu2 .selected-parent a{ color: #0096d7;} #menu2 li:hover{transition: all 1s ease} /* DROP-DOWN MENU */ /* #menu2 ul > li.dropDown > a{padding:35px 50px 35px 26px;} #menu2 ul > li.dropDown > a:after{content:url('img/dropdown.png');position:absolute;right:16px;top:32px; transition: all 0.5s ease} #menu2 li.dropDown.selected > a:after, #menu2 ul > li.dropDown:hover > a:after{content:url('img/dropdown-hover.png');position:absolute;right:16px;top:32px; transition: all 0.5s ease} */ #menu2 ul{white-space:nowrap;} #menu2 li.dropDown{position:relative;} #menu2 li.dropDown:hover{color:#fff;} #header #menu2 ul ul li a:before{content:'\276f';float:left;padding: 4px 8px 0 0;font-size: 0.75em;} #menu2 li ul{display:none;border-right:0;padding:20px;} #menu2 li.dropDown ul{height:auto;float:left;z-index:100;position:absolute;left:-20px;top: 54px;background: #009bd3;} #menu2 li.dropDown:hover ul{display:block;animation-name: fadeIn;transform-origin: center bottom;animation-duration: 1s;animation-fill-mode: both;} #menu2 li.dropDown ul li{position:relative;clear:left;float:left;width:100%;border-left:0;border-right:0;margin:0} #menu2 li.dropDown ul li:hover{} #menu2 li.dropDown ul li a{height:auto;margin:0;padding:13px 90px 13px 0;font-weight: 400;background:none;text-shadow:none;border-bottom:1px solid #5bbfe3;border-right:0;color:#fff;font-size: 1.375em;} #menu2 li.dropDown ul li a:hover, #menu2 li.dropDown .selected > a{background:none;color: #3f3f45;} #menu2 li.dropDown ul li:hover{background:none} #menu2 li.dropDown ul ul li a{padding:7px 10px;font-size:1em;} /* BODY STYLES - LEFT AND RIGHT COLUMN */ #body{clear:both;margin:0;} #body .container{overflow:hidden;background: #fff;} #page.column{width: 70%;} #page.column.right{float:right;clear:none;box-shadow:none;background:none;margin: 52px 0;padding:0} #page24 #page table{width: 34% !important;} #page24 #page table td{vertical-align: middle;line-height: 28px;} /* LEFT COLUMN STYLES */ #column{float:left;width: 26%;padding: 60px 0;} .order #column{display:none;} #searchForm{padding:15px 5px;text-align:center;} #searchForm label, #searchForm legend{position:absolute;clip:rect(1px, 1px, 1px, 1px);} #searchForm .input{min-width:120px;width:46%;padding:3px;} #searchForm .submit{padding:4px 10px 9px;font-size:0.917em;font-style:normal;border:0;background:#0096d7 url('img/button_bg.png') no-repeat right bottom;border-top:2px solid #faf9f9;} *:first-child+html #searchForm .submit{padding:3px 3px 8px;} /* IE 7 hack */ * html #searchForm .submit{padding:3px 3px 8px} /* IE 6 hack */ #menu3{} #column .type{margin-top: 0;} /* LEFT MENU */ #column #menu3 .type{color: #fff;background: #0f93b7;padding:0;font-size: 2.45em;border-bottom:1px solid #c2c2c2;font-family: "Jost", sans-serif;padding: 12px 25px 15px 77px;position: relative;font-weight: 400;} #column #menu3 .type:after{content:url('img/menu.png');position: absolute;left: 28px;top: 18px;} #menu3{margin-bottom: 40px;text-align: left;border: 1px solid #c0c0c0;padding: 0;} #menu3 ul{padding: 10px 25px 40px;list-style:none;border-bottom: 18px solid #0f93b7;} #menu3 li{margin:0 !important;padding:0 !important;} #menu3 a:before{content:'';display:block;position:absolute;top: 17px;left: 2px;width: 4px;height: 19px;background: #0f93b7;} #menu3 a{display:block;width:100%;padding: 14px 15px;color: #3e3e3e;font-weight: 500;text-decoration:none;background:none;font-size: 1.438em;border-bottom:1px solid #c2c2c2;position: relative;} #menu3 a:hover, #menu3 .sub1 a:hover, #menu3 .selected a{color:#009bd3;} #menu3 .dropDown.selected-parent ul{display:block} #menu3 > ul > li.dropDown > a{background:url('img/dropdown-column.png') no-repeat right top 17px;} #menu3 .sub1{display:none;margin:0;padding:0;border:0;background:none;} #menu3 .sub1 li{padding:0;border:0px;} #menu3 .sub1 a{display:block;width:100%;font-weight:900;color:#363636;border-bottom:1px solid #c2c2c2} #menu3 .sub1 a:hover, #menu3 .sub1 .selected a{text-decoration:none} #menu3 .sub1 a:before{content:url('img/menu3_sub.png');margin:0;padding:0 10px;color:#fff;font-size:1em;} /* LEFT MENU */ #column #menu6 .type{color: #fff;background: #0f93b7;padding:0;font-size: 2.45em;border-bottom:1px solid #c2c2c2;font-family: "Jost", sans-serif;padding: 12px 25px 15px 77px;position: relative;font-weight: 400;} #column #menu6 .type:after{content:url('img/menu.png');position: absolute;left: 28px;top: 18px;} #menu6{margin-bottom: 40px;text-align: left;border: 1px solid #c0c0c0;padding: 0;} #menu6 ul{padding: 10px 25px 40px;list-style:none;border-bottom: 18px solid #0f93b7;} #menu6 li{margin:0 !important;padding:0 !important;} #menu6 a:before{content:'';display:block;position:absolute;top: 17px;left: 2px;width: 4px;height: 19px;background: #0f93b7;} #menu6 a{display:block;width:100%;padding: 14px 15px;color: #3e3e3e;font-weight: 500;text-decoration:none;background:none;font-size: 1.438em;border-bottom:1px solid #c2c2c2;position: relative;} #menu6 a:hover, #menu6 .sub1 a:hover, #menu6 .selected a{color:#009bd3;} #menu6 .dropDown.selected-parent ul{display:block} #menu6 > ul > li.dropDown > a{background:url('img/dropdown-column.png') no-repeat right top 17px;} #menu6 .sub1{display:none;margin:0;padding:0;border:0;background:none;} #menu6 .sub1 li{padding:0;border:0px;} #menu6 .sub1 a{display:block;width:100%;font-weight:900;color:#363636;border-bottom:1px solid #c2c2c2} #menu6 .sub1 a:hover, #menu6 .sub1 .selected a{text-decoration:none} #menu6 .sub1 a:before{content:url('img/menu3_sub.png');margin:0;padding:0 10px;color:#fff;font-size:1em;} /* BOXES #column .box{margin:0 20px 15px;} #column .box .type{background:#326e9c url('img/menu_bg_grey.png') no-repeat left bottom;} #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;} .box .page-box div, .box .product-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 ul, .box ol{margin:0 !important;list-style:none;} .box li{} .box li a{display:block;width:87%;padding:2px 2% 4px 7%;color:#002d41;font-size:1.083em;background:none;} .box li a:hover{color:#0096d7;background:none;} .box .price, .box .noPrice{padding:2px 0 0;background:inherit;color:#0096d7;} .box .price strong{padding:0 2px 0 5px;font-weight:bold;} .box .price em{padding:0;background:inherit;color:#666;font-style:normal;} .box .price span{color:#666;font-weight:bold;padding-left:5px;} .box .product-box .name{font-size:1.1em;padding:5px 0;font-weight:bold;} #column #box1 .type{background:#326e9c url('img/menu4_bg.png') no-repeat left bottom;} #column #box1 .content{border-bottom:2px solid #01476e;} .boxes .box .type{padding:7px 0 7px 10px;color:#0096d7;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;}*/ /* BASKET SUMMARY */ #basketSummary{padding:10px 20px;} #basketSummary .title{margin-top:10px;padding:5px 13px 10px;font-size:1.667em;font-weight:bold;color:#fff;background:#326e9c url('img/menu4_bg.png') no-repeat left bottom;} #basketSummary .title a{color:#fff;background:none;text-decoration:none;} #basketSummary .title a:hover{text-decoration:underline;} #basketSummary ol{margin:6px 0;padding:0 5px;list-style:none;font-weight:bold;} #basketSummary li{padding:5px 3px 7px;border-bottom:1px solid #e0e0e0;} #basketSummary .lL{border:0;} #basketSummary li span.name{display:block;font-weight:bold;font-size:0.9em;} #basketSummary li a{color:#2e6a97;} #basketSummary li a:hover{color:#0096d7;} #basketSummary li div{padding:5px 0 0;font-weight:normal;font-size:0.9em;} #basketSummary li .priceQuantity{color:#0096d7;background:inherit;} #basketSummary li strong{padding:0 2px 0 5px;font-weight:bold;} #basketSummary li em{color:#666;background:inherit;font-style:normal;} #basketSummary .summary{margin:0 5px;padding:5px;border-top:2px solid #e0e0e0;color:#0096d7;text-align:center;font-weight:bold;} #basketSummary .summary em{background:inherit;color:#666;font-style:normal;} #basketSummary .summary strong{padding:0 3px;font-weight:bold;} #basketSummary .summary span{color:#666;font-weight:bold;} /* PROMOTED PRODUCTS */ #headPromo{width:100%;margin: 30px auto;text-align: center;float: left;} #headPromo .container{position:relative;display: table;background: transparent;width: 1300px;margin: 0 auto;} #headPromo #owl-productsPromoted{clear:both;display:flex;flex-flow: row wrap;justify-content:flex-start;margin: 20px 0;align-items: center;} #headPromo #owl-productsPromoted .item{flex: 1 0 25%;padding: 25px 1%;text-align: center;border-bottom: 1px solid #e1e1e1;} #headPromo #owl-productsPromoted .item .basket{width: 192px;margin: 14px auto 0;font-size: 0.917em;font-weight: 600;text-transform: uppercase;text-align: left;} #headPromo #owl-productsPromoted .item .basket a{display:block;padding: 12px 26px 12px 18px;color:#fff;background: #008cb2 url('img/button_cart_list.png') no-repeat right 15px top 6px;text-decoration:none;border-radius: 8px;box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);} #headPromo #owl-productsPromoted .item .basket a:hover{background: #1eadeb url('img/button_cart_list.png') no-repeat right 25px top 6px;} #productsPromoted{clear:both;float:left;width:100%;padding: 0px 0 50px;} #productsPromoted h3{font-size:1.7em;font-weight:normal;color: #363636;margin: 10px 0 15px 15px;} #productsPromoted ul{float:left;width:100%;margin:10px 0;padding:15px 0 10px;list-style:none;border-bottom:2px solid #e0e0e0;} #productsPromoted .owl-item{padding: 0 8px;} #productsPromoted img{margin-bottom:5px;border:2px solid #fff;transition: all 0.5s ease;width: auto;height: auto;text-align: center;margin: 0 auto;} #owl-productsPromoted img{max-width: 100%;} #owl-productsPromoted2 img{max-height: 450px;} #productsPromoted img:hover{border:2px solid #c5a164;transition: all 0.5s ease} #productsPromoted a{display:block;padding:0 5px;font-weight:bold;text-decoration:none;color: #252525;text-align: center;font-size: 1.1em;width: 100%;text-transform: uppercase;} #productsPromoted .name{margin-top:10px;min-height: 38px;} #productsPromoted a:hover{text-decoration:underline;} #productsPromoted .price, #productsPromoted .noPrice{padding: 0;color: #c5a164;text-align: center;margin-top: 10px;} #productsPromoted .price strong{padding:0 2px 0 5px;font-weight:bold;font-size: 1.2em;} #productsPromoted .price em{padding:0;background:inherit;font-style:normal;} #productsPromoted .price span{font-weight:bold;padding-left:5px;} @media print{ #productsPromoted .price em, #productsPromoted .price span, #productsPromoted .price strong{font-weight:normal;} #productsPromoted{float:none;width:17.2cm;padding:0;margin:0;} } #productsPromoted .owl-theme .owl-nav{top: 0;margin:0;/* position: relative; *//* width: 100%; */} #productsPromoted .owl-carousel .owl-nav .owl-next, #productsPromoted .owl-carousel .owl-nav .owl-prev{background: transparent;padding: 0;border-radius: 0;font-size: 2em;transition: all 0.5s ease;} #productsPromoted .owl-carousel .owl-nav button:focus{outline:0;opacity: 1;} #productsPromoted .owl-carousel .owl-nav button:hover{/* background:#363636; */transition: all 0.5s ease;color: #c7a56b;} #productsPromoted .owl-carousel .owl-nav .owl-next{right: -28px;float: right;transform: translateY(-31%);top: 31%;position: absolute;color: #000;} #productsPromoted .owl-carousel .owl-nav .owl-prev{float: left;position: absolute;left: -28px;transform: translateY(-31%);top: 31%;color: #000;} #productsPromoted .owl-carousel .owl-nav .owl-prev span, #productsPromoted .owl-carousel .owl-nav .owl-next span{font-size: 3em;font-family: "Jost", sans-serif;font-weight: 100;} @media screen and (max-width:650px){ #productsPromoted .price em{display:none;} } @media screen and (max-width:480px){ #productsPromoted li{width:98%;} #productsPromoted .price em{display:initial;} } /* RIGHT COLUMN STYLES */ #content{float: left;width:100%;padding: 0;text-align:center;} * html #content{width:658px;} /* IE 6 hack */ .order #content{width:100%;} #page{clear:left;position:relative;float:left;width: 100%;margin: 0;text-align:left;padding: 70px 0;font-size: 1.3em;} #page25 #page{display:none} /* PAGE TITLE */ #page h1{margin:18px 0 10px;/* padding-left:10px; */background:inherit;color:#666;font-size:2.25em;font-weight:normal;background:inherit;line-height: 1.1em;} #page h2{font-size: 1.7em;font-weight: 400;line-height: 1.4em;position: relative;padding-left: 20px;color: #1d99bb;text-align: left;margin-bottom: 34px;} #page h3{font-size: 1.15em;color: #003342;font-weight: 400;position: relative;padding-left: 20px;text-align: left;} #page h2:before, #page h3:before{content:'';display:block;position:absolute;top: 0px;left: 0px;width: 4px;height: 31px;background: #0f93b7;} /* NAVIGATION PATH - TREE */ #page div.breadcrumb{position:absolute;top:-5px;left:0px;padding:2px 0;font-size:1em;font-weight:normal;} #page div.breadcrumb a{text-decoration:none;} #page div.breadcrumb a:hover{text-decoration:underline;} *:first-child+html #page div.breadcrumb{top:-5px;} /* IE 7 hack */ * html #page div.breadcrumb{top:-5px;} /* IE 6 hack */ /* PAGE CONTENT */ #page div.content{padding:5px 0;font-size:1.083em;line-height:1.5em;} #page div.content ul, #content .subpagesList li ol{margin:0 0 0 30px;padding:0;} #page div.content li{margin:8px 0;padding:0;border-left:0;} #page div.content p{padding-bottom: 20px;} .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:bold;font-family:Arial;} .tS a:hover{color:#0096d7;background:inherit;} .tS0{font-size:0.917em;} .tS1{font-size:1.083em;} .tS2{font-size:1.333em;} .pages{padding:10px 0 8px;text-align:right;font-size:1.083em;} .pages ul, .pages li{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 .edit a, ul.options .delete 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 0px 0px;} ul.options .delete a{background:url('../admin/img/ico_del.gif') no-repeat 0px 0px;} ul.options .edit a:hover, ul.options .delete a:hover{opacity:0.6;} /* IMAGES STYLES */ #content .imagesList{list-style:none;} #content .imagesList li{margin:0 0 15px 0;text-align:center;} #content .imagesList li div{text-align:center;} #content .subpagesList li img, #content .imagesList li img, #content .imagePreview img, #products li .photo img, .imagesGallery img, #subpagesGallery img, .box .page-box img, .box .product-box img{position: relative;z-index: 1;display: block;line-height: 1px;} #content .subpagesList li img:hover, #content .imagesList li img:hover, #content .imagePreview img:hover, #products li .photo a:hover img, #subpagesGallery img:hover, .imagesGallery img:hover, .box .page-box img:hover, .box .product-box img:hover{} #products li .photo img{box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.25);display: inline-block;max-height: 300px;max-width: 100%;} #content .imagePreview img{border:1px solid #c0c0c0} #imagesList1{display: inline-block;margin: 0 20px 0 20px;} #imagesList2{clear:right;float:right;margin: 8px 0px 30px 6em;} #imagesList2 li a{position:relative;display: block;line-height: 1px;width: 100%;height: 100%;} #imagesList2 li a:before, #page span.ramka:before{content:'';background:#1e9cbe;width: 105%;height:70%;position: absolute;left: -20px;bottom: -20px;z-index: 0;transition: all 1.5s ease} #imagesList2 li a:hover:before, #page span.ramka:hover:before{width: 90%;height:100%;transition: all 1.5s ease} #page span.ramka{position:relative;display: block;line-height: 1px;float: right;margin-left: 5em;} #page span.ramka img{position:relative;float: none !important;margin: 0px 0 !important;} /* IMAGES STYLES - GALLERY */ #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{clear:both;display:flex;flex-flow: row wrap;justify-content: space-between;margin: 20px 0;list-style: none;} #content .imagesGallery li{flex: 0 0 25%;padding: 15px;text-align: center;} #content .imagesGallery div{font-weight:normal;font-size:1.1em;line-height:1.4em;} #content .imagesGallery li img{max-width:100%} .imagePreview div{margin:5px 0 10px;text-align:center;} #imagesListPreview{float:left;margin:9px 20px 0 0;} * html #imagesListPreview{margin-top:-5px;} .imagesList#imagesListPreview li{margin-bottom: 16px;} .imagesList#imagesListPreview li img{border-width: 1px;padding: 8px;} .imagesList#imagesListPreview li img:hover{border-width:2px;} /* FILES LIST STYLES */ #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:#0096d7;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;} /* QUICK.BOX */ #quick-box{position:fixed;width:100%;height:100%;left:0;top:0;background:rgba( 0, 0, 0, 0.7 );z-index:200;} #quick-box .background{height:100%;} #quick-box .quick-box-container{position:absolute;padding:0;border-radius:5px;} #quick-box .image-wrapper{position:relative;line-height:0;} #quick-box .image-wrapper img{margin:0;padding:0;border-radius:5px;} #quick-box .navigation{position:absolute;bottom:0;margin:0;padding:5px 0;text-align:center;font-size:0.875em;font-weight:bold;color:#ddd;line-height:normal;background:rgba( 0, 0, 0, 0.2 );width:100%;} #quick-box .description{margin:0;padding:5px 0;text-align:center;font-size:0.875em;color:#ddd;font-weight:bold;background:rgba( 0, 0, 0, 0.8 );border-bottom-left-radius:5px;border-bottom-right-radius:5px;max-height:66px;overflow:hidden;} #quick-box .prev, #quick-box .next{position:absolute;display:block;width:50%;top:15%;height:70%;margin:0px;color:#fff;font-family: "Jost", sans-serif;z-index:100;opacity:0.15;text-decoration:none;} #quick-box .prev span, #quick-box .next span{position:absolute;top:47%;left:0;padding:10px;border:1px solid #fff;background:#000;} #quick-box .next span{left:auto;right:0;border-right:none;} #quick-box .prev span{border-left:none;} #quick-box .next:hover, #quick-box .prev:hover{opacity:0.8;} #quick-box .prev{left:0;} #quick-box .next{right:0;} #quick-box .close{position:absolute;top:0;right:0;padding:0 4px 2px;opacity:0.5;background:#000;color:#fff;font-weight:bold;font-family:"Trebuchet MS";text-decoration:none;border:1px solid #fff;border-top:none;border-right:none;border-top-right-radius:5px;z-index:100;} #quick-box .close:hover{opacity:0.8;} #quick-box .close, #quick-box .prev, #quick-box .next{line-height:normal;} #quick-box .loading{display:block;padding:40px 35px;color:white;line-height:1em;} /* SUB PAGES LIST STYLES */ #content .subpagesList{list-style:none;display: flex;flex-flow: row wrap;justify-content:flex-start;margin: 20px 0;text-align: left;width: 100%;} #content .subpagesList li p{padding-bottom:10px;font-size: 1.2em;color: #525252;line-height: 1.3em;} #content .subpagesList li:nth-child(1n){border-bottom:1px solid #e0e0e0;padding-left: 0;} #content .subpagesList li{padding-bottom: 30px;margin-bottom: 60px;} #content #subList4 .more{font-size:1.1em} #content #subList4 .more:hover, #content #subList3 .more:hover{color: #008cb2;} #content .subpagesList li img{border:1px solid #c0c0c0} #content #subList4 .photo{margin: 0 31px 30px 0;float: left;} #content #subList4 .photo img{max-width:100%} #content #subList4 .right{float: right;margin: 0;width: 75%;} #page22 #content #subList4 .right{float: right;margin: 0;width: 66%;} #subList1 li{padding-bottom: 30px;margin-bottom: 60px;flex: 0 0 100%;} /* subList3 */ #content #subList3 {list-style:none;display: flex;flex-flow: row wrap;justify-content:flex-start;margin: 10px 0;align-items: center;text-align: left;width: 100%;} #content #subList3 li p{padding-bottom:10px;font-size: 1.2em;color: #525252;line-height: 1.3em;} #content #subList3 li:nth-child(1n){border-bottom:1px solid #e0e0e0;padding-left: 0;} #content #subList3 li{padding-bottom: 5px;margin-bottom: 48px;width: 100%;} #content #subList3 .more{font-size: 1.1em !important;} #content #subList3 li img{border:1px solid #c0c0c0} #content #subList3 .photo{float: left;margin: 0 31px 30px 0;} #content #subList3 .photo img{max-width:100%} #content #subList3 .right{display: table;margin: 0;width: auto;} #content #subList3 h2{font-size: 1.3em;} #subpagesGallery{clear:both;display:flex;flex-flow: row wrap;justify-content: space-between;margin: 20px 0;list-style:none} #subpagesGallery li{flex: 0 0 33%;padding: 15px 0;text-align: center;} #subpagesGallery h2{margin:5px 0 0;} #subpagesGallery h2, #subpagesGallery h2 a{font-size:1.2em;font-weight:normal;background:none;} #subpagesGallery h2 a:hover{color:#666;background:none;} /* SOCIAL BUTTONS */ #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;} /* SITE MAP */ #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:bold;font-size:1.1em;color:#0096d7;background:none;} #siteMap li a:hover{color:#2e6996;background:none;} #siteMap ul{margin:0;padding:3px 0 0 10px;border:0;list-style:none;} #siteMap ul li{margin:0;padding:4px 10px;border:0;-webkit-box-shadow:none;box-shadow:none;} #siteMap ul li a{font-weight:bold;color:#2e6996;background:none;} #siteMap ul.products li{border:0;background:url('img/menu3_sub.gif') no-repeat 3px 11px;-webkit-box-shadow:none;box-shadow:none;} #siteMap ul.products li a{color:#333;font-weight:normal;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:#0096d7;background:none;text-decoration:underline;} #siteMap li .price{display:inline;font-size:0.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;} /* COMMENTS */ #commentForm{clear:both;width:100%;margin:10px auto 0;} #commentForm fieldset{padding:25px 20px;} #commentForm dl, #commentForm dt, #commentForm dd{margin:0;padding:0;} #commentForm dt{padding:0 0 7px;} #commentForm dd{margin-bottom:18px;} #commentForm dt.vote{color:#2e6a97;font-weight:bold;} #commentForm .input, #commentForm textarea{width:99%;padding:3px;font-size:1em;} #commentForm #captcha{width:9%;} #commentForm .captcha em{font-style:normal;font-weight:bold;} #commentForm .captcha ins{padding:0 3px;font-weight:bold;text-decoration:none;} #commentForm legend{position:absolute;clip:rect(1px, 1px, 1px, 1px);} #commentForm .save{text-align:center;} #commentForm .save .submit{font-size:1.33em} #commentForm label{font-size:1.33em} #commentTitle{overflow:hidden;margin:18px 0 10px;padding-left:10px;background:inherit;color:#2e6896;font-size:2.2em;font-weight:normal;/* 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: 1.5em;color:#2e6896;font-weight: 500;} #comments span.date{display:block;font-size: 1.2em;margin-top:3px;} #comments p{font-weight:normal;font-size:1em;line-height:1.4em;width:75%;float:right;} /* PRODUCTS RATING */ #productRating{margin:10px 0 5px;text-align:center;} #productRating .results{margin:2px 0 0;font-size:0.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:0em;margin:6px auto;} #comments .ratingDisplay{width:80px;margin-bottom:0;opacity:0.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} /* CONTACT FORM */ #contactPanel{clear:both;width:100%;margin:10px auto 0;} #contactPanel fieldset{padding:25px 20px;} #contactPanel fieldset legend{position:absolute;clip:rect(1px, 1px, 1px, 1px);} #contactPanel dl, #contactPanel dt, #contactPanel dd{margin:0;padding:0;} #contactPanel dt{padding:0 0 7px;} #contactPanel dd{margin-bottom:18px;} #contactPanel .input, #contactPanel textarea{width:99%;padding:3px;font-size:1em;} #contactPanel #captcha{width:9%;} #contactPanel .captcha em{font-style:normal;font-weight:bold;} #contactPanel .captcha ins{padding:0 3px;font-weight:bold;text-decoration:none;} #contactPanel .save{text-align:center;} /* PAYMENTS */ #paymentDescription{margin:10px 30px 20px;padding:20px;text-align:center;border:1px solid #bebebe;background:url('img/body.png');font-weight:bold;} #paymentOuter{margin:10px 0 0;} #paymentChannels{padding-left:20px;} #paymentChannels select, #paymentChannels label, #paymentChannels .zagielInfo{display:none;} #paymentChannels .zagielInfo label{display:inline;} a.zagielInfo{margin:0 20px 0 0;} .zagielInfo a{margin-left:5px;font-weight:normal;} /* OPTIONS LINK */ #options{clear:both;float:right;width:100%;margin:10px 10px;color:#666;font-size:1em;text-align:right;} *:first-child+html #options{width:94%;} /* IE 7 hack */ * html #options{width:94%;} /* IE 6 hack */ #options a{padding:0 10px 0;color:#2e6a97;background:inherit;} #options a:hover{color:#0096d7;background:inherit;} #options .back, #options .print{float:right;} #options .print a{border-left:1px solid #e0e0e0;} .message{clear:both;padding:50px 0;text-align:center;} .message h2{background:inherit;color:#0096d7;font-weight:normal;font-size:2.4em;line-height:1.7em;} .message h2 a{color:#2e6a97;background:inherit;} .message h2 a:hover{color:#666;background:inherit;} #page .message.ke h2{color:red} /* PRODUCTS LIST */ #products > ul{clear:both;display:flex;flex-flow: row wrap;justify-content: flex-start;} #products li{} #products{clear:both;float:left;width:100%;margin: 0;list-style:none;/* border-bottom:1px solid #e0e0e0; */} #products ul.list{width:100%;list-style:none;} #products .list li{flex: 0 0 31%;margin: 8px 1% 14px;text-align: center;border: 1px solid #c0c0c0;text-align:center;background: #f0f0f0;padding: 30px 3%;} #products .list li li{float:none;width:auto;margin-left:0px;padding:0;border-top:0px;text-align:left;} #products li .photo{margin: 7px 0;font-size:0px;line-height:0px;border-top: 1px solid #c0c0c0;padding-top: 28px;display: block;} #products li h2{padding: 4px 0 2px 20px;font-weight:bold;font-size:1.083em;margin-bottom: 30px;} #products li h2 a{text-decoration:none;font-weight: 400;color: #1d99b9;font-size: 1.1em;} #products li h2 a:hover{text-decoration:underline;} #products li h3{padding-bottom:5px;font-weight:normal;font-size:0.917em;} #products li h3, #products li h3 a{color: #3e3e3e;font-weight: 500;} #products li h3 a:hover{color:#0096d7;} #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:#0096d7;} #products li div.description ul, #products li div.description ol{margin:5px 0 0 25px;padding:0;} #products li .price, #products li .noPrice{margin: 14px 0 5px 0;background-color:inherit;color: #c5a164;font-weight: normal;text-decoration:none;} #products li .price em{padding:0 6px 0 0;background:inherit;color: #c5a164;font-style:normal;} #products li .price strong{font-size: 1.067em;} #products li .noPrice strong{font-size:1.083em;} #products li .price span{padding-left:4px;font-size:1.083em;color: #c5a164;} #products li .basket{width: 192px;margin: 10px auto 0;font-size: 0.917em;font-weight: 600;text-transform: uppercase;text-align: left;} #products li .basket a{display:block;padding: 12px 26px;color:#fff;background: #008cb2 url('img/button_cart_list.png') no-repeat right 25px top 6px;text-decoration:none;border-radius: 8px;box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);} #products li .basket a:hover{background: #1eadeb url('img/button_cart_list.png') no-repeat right 25px top 6px;} #products li .info{padding-top: 20px;border-top: 1px solid #c0c0c0;margin-top: 30px;font-weight: 500;position: relative;font-size: 0.85em;letter-spacing: 0px;} #products li .info:after{content:"\25b8\25b8";margin:0;padding: 0 8px;color: #008cb2;font-size: 1.05em;letter-spacing: -3px;} #products li .info:before{content:url('img/info.png');position: relative;left: 0;bottom: 0;vertical-align: middle;margin-right: 9px;} #products li .info a{color:#434343} #products li .info a:hover{color:#008cb2} #products .pages{float:right;width:100%;margin:0;padding:9px 0;border:0;background:none;text-align:right;font-size:1em;} #products .pages li{margin:0;padding:0 2px;border:0;background:none;} #products .pages a, #products li.pages strong{padding:0 1px;font-size:1em;} #products .pages .viewAll{padding-right:8px;border-right:1px solid #666;} #products .pages .title{padding-left:8px;border:none;} #products .pages#pagesBefore{clear:none;width:auto;} #products .sort{float:left;width:auto;margin:0 10px 0 0;padding:10px 0;border:0;background:none;text-align:left;} #products .sort ul{display:inline;list-style:none;} #products .sort li{display:inline;padding:0 6px;font-weight:bold;border-right:1px solid #666;} #products .sort li:last-child{border:none;padding-right:0;} #products .sort li a{font-weight:normal;} /* PRODUCTS DETAILS */ #product{float:right;display:block;width: 100%;margin: 30px 0 50px;text-align:left;background:#fff;padding:30px 20px;} #product h1{font-size:2.1em;font-weight:normal;padding: 1px 0 20px 22px;color: #1d99b8;line-height:1.1em;position: relative;border-bottom: 1px solid #c0c0c0;margin-bottom: 20px;} #product h2{font-size: 1.5em;font-weight: 500;text-transform:uppercase;padding: 5px 0 8px 22px;color: #3e3e3e;line-height:1.1em;position: relative;} #product h2:before, #product h1:before{content:'';display:block;position:absolute;top: -2px;left: 0px;width: 4px;height: 33px;background: #0f93b7;} #product div.breadcrumb{margin:0 0 10px;padding:2px 0 7px;border-bottom:1px solid #bebebe;font-weight:normal;font-size:0.917em;} #product div.breadcrumb, #product div.breadcrumb a{background:inherit;color:#666;} #product div.breadcrumb a:hover{background-color:inherit;color:#363636;} #product div.breadcrumb em{padding:0 5px;} #product #box{float:right;width:50%;margin:5px 0 10px 0;padding: 20px 0 0;text-align: left;} #product #box form{font-weight:bold;} #product #box #price, #product #box #noPrice{float:left;padding:7px 0;background-color:transparent;color:#666;font-size:1.417em;text-align:center;} #product #box #noPrice{color:#363636;} #product #box em{padding: 0 12px 0 0;background:inherit;color: #3e3e3e;font-style:normal;float: left;font-size: 1.05em;font-weight: 600;text-transform: uppercase;margin-top: 5px;} #product #box strong{font-size:1.75em;color: #0f93b7;font-weight: 500;float: left;line-height:1em;} #product #box #available{padding:0 2px 0;background-color:transparent;color: #3e3e3e;font-weight: 500;font-size: 1.23em;float: right;} #product #box #addBasket{float: right;margin: 18px auto 0;font-size: 1.3em;font-weight: 600;text-transform: uppercase;text-align: left;clear: right;} #product #box #addBasket .submit{display:block;padding: 12px 76px 11px 30px;color:#fff;background: #008cb2 url('img/button_cart_list.png') no-repeat right 25px top 6px;text-decoration:none;border-radius: 8px;box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);font-weight: 600;text-transform: uppercase;font-size: 1em;} #product #box #addBasket .submit:hover{background: #1eadeb url('img/button_cart_list.png') no-repeat right 25px top 6px;} #product #box .darmowadostawa{float:left;margin: 12px 0 0px 0;position:relative;clear: left;border-top: 1px solid #c0c0c0;padding-top: 17px;} #product #box .darmowadostawa a{color:#e82c21;font-size: 1.275em;font-weight: 500;} #product #box .darmowadostawa a:hover{color:#000} #product #box .darmowadostawa:after { content: "\25b8\25b8";font-size: 1.375em; font-weight:bold;color: #008cb2;display: inline-block; vertical-align: middle; line-height: 0;padding-left: 7px;} #product #box .fb-share-button.fb_iframe_widget{float:left;width:100%;text-align: left;margin-top: 20px;} #product .napiszr{float:left;margin: 0px 0 0px 0;position:relative;clear: left;min-width: 260px;} #product #box .napiszr a{color: #008cb2;font-size: 1.375em;font-weight: 500;padding: 6px 10px;border-bottom: 1px solid #c0c0c0;border-top: 1px solid #c0c0c0;margin: 20px 0;display: block;} #product #box .napiszr a:hover{color: #000;} #product #box .napiszr a:after{content:"\25b8\25b8";margin:0;padding: 0 8px;color: #008cb2;font-size: 1.05em;letter-spacing: -3px;} #product #box .napiszr a:before{content:url('img/napisz.jpg');position: relative;left: 0;bottom: 0;vertical-align: middle;margin-right: 13px;} #product .imagesList img{border: 1px solid #c0c0c0;} #product .imagesList{float:left;margin:0 3% 0 0} #product h4{font-size:1em;margin: 10px 0;} #product h4:before{content:'';height:3px;background:#009bd3;display:inline-block;width:35px;clear:both;margin:0 16px 0 0;vertical-align: middle;} #product div.content{clear:right;padding:10px 0 10px;font-size:0.938em;line-height:1.65em;/*float:right;*/} #product div.content ul, #product div.content ol{margin:10px 0;padding:0;} #product div.content li:before{margin: 2px 16px 0 0;} #product div.content li{margin:8px 0;padding:0;border-left:0;} #product div.content p{padding-bottom:10px;} #product .message{width:100%;} #product .message.book h2{width:100%;background: #1db3d8;padding: 25px 25px 20px;color: #fff;} #product .message.book h2:before{display:none} #product .box-foto{float:left;width:48%} #product #box #price .priceOld{display: block;padding-bottom: 31px;background:inherit;font-size:0.7em;font-weight: 400;} #product #box #price .priceOld em{background:inherit;color: #b1b1b1;margin: 0;font-weight: 500;font-size: 1.3em;float: inherit;line-height: 1em;padding-right: 5px;} #product #box #price .priceOld #priceOldValue{/* text-decoration:line-through; */font-size: 1.5em;color: #b1b1b1;font-weight: 500;display: inline-block;float: inherit;line-height: 1em;} #product div.content{clear:left;padding:10px 0 10px;font-size:1.083em;line-height:1.5em;} #product div.content ul, #product div.content ol{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;} /* FEATURES */ #features{margin:0 0 15px;min-width:300px;background:#e0e0e0;font-size:1em;} #features caption{position:absolute;clip:rect(1px, 1px, 1px, 1px);} #features thead td{padding:5px;background:#f0f0f0;text-align:center;font-weight:bold;border:1px solid #e8eaee;} #features tbody td, #features tbody th{padding:5px;background:#fff;font-weight:normal;text-align:left;border:1px solid #e8eaee;} #features .l0 td, #features .l0 th{background:#f0f0f0;} /* BASKET AND ORDER */ #orderedProducts table{width:100%;margin:0;border-bottom:2px solid #e0e0e0;font-size:1em;color:#363636;} #orderedProducts td, #orderedProducts th{padding:6px 7px;} #orderedProducts td img{max-width:80px} #orderedProducts thead .price, #orderedProducts thead .quantity, #orderedProducts thead .summary{text-align:right;} #orderedProducts thead td{padding-bottom:11px;background:#009bd3;color:#fff;} #orderedProducts thead em{padding:0 4px 0 0;font-style:normal;} #orderedProducts tbody th, #orderedProducts tbody td{border-top:2px solid #fff;background:#f9f9f9;border-bottom:1px solid #e0e0e0;} #orderedProducts tbody th{text-align:left;} #orderedProducts tbody th a{background:inherit;} #orderedProducts tbody .price, #orderedProducts tbody .summary{font-weight:bold;text-align:right;} #orderedProducts tbody .quantity, #orderedProducts tbody .quantity input{text-align:right;} #orderedProducts tbody .quantity label{position:absolute;clip:rect(1px, 1px, 1px, 1px);} #orderedProducts tbody a:hover{background:inherit;color:#666;} #orderedProducts tfoot{background:#f9f9f9;text-align:right;} #orderedProducts tfoot .summaryProducts, #orderedProducts tfoot .summaryProducts th, #orderedProducts tfoot .summaryShippingPayment, #orderedProducts tfoot .summaryOrder{text-align:right;} #orderedProducts tfoot .nextStep .submit{background:#009bd3;color:#fff} #orderedProducts tfoot .nextStep .submit:hover{background: #008cb2;} #basket #orderedProducts table{margin:10px 0 0;} #basket .info{padding:10px 0;text-align:left;} #basket #recount{background:#fff;border-bottom:2px solid #e0e0e0;} #basket #recount td{border-bottom:1px solid #e0e0e0;text-align:right;} #basket #recount .submit{padding:2px 3px;} #basket #recount .submit:hover, #basket .buttons #continue .submit:hover{background:#0b52ab;} #basket .summaryProducts{font-size:1.36em;font-weight:bold;} #basket .summaryProducts #summary{font-weight:bold;} #basket .del{padding:0 5px 0 10px;} #basket .del a{background:inherit;color:#666;} #basket .del a:hover{background:inherit;color:#363636;} #basket .buttons #continue{text-align:left;} #basket .buttons #continue .submit{margin-right:5px;padding:3px 5px;} #basket #pageDescription{margin-top:20px;} #basket #save{padding:7px;} #basket #save .submit{margin-right:5px;padding:4px 9px;background:#f2f2f2;color:#666;border:2px solid #e0e0e0;font-weight:normal;text-shadow:none;} #basket #save .submit:hover{background:#154a72;color:#fff;} #basket legend{position:absolute;clip:rect(1px, 1px, 1px, 1px);} /* DISCOUNT VOUCHERS */ #discountVoucher td{text-align:right;} #discountVoucher strong{padding-right:3px;} #incorrectVoucher{margin:7px 0;background:inherit;color:#363636;font-weight:bold;} #orderedProducts tfoot #discountVoucher{color:#666;} #order form{background:none;border:none;} #order legend{position:static;clip:auto;padding:20px 0 10px;border:0;font-size:1.2em;font-weight:bold;color:#555;} #order #personalData{padding:12px 3%;border-top:2px solid #e0e0e0;border-bottom:2px solid #e0e0e0;background:#f9f9f9;overflow:hidden;} #order #personalData #setBasic, #order #personalData #setExtend{float:left;width:50%;} #order #personalData label{display:block;padding:2px 0;font-weight:bold;color:#555;} #order #personalData .input, #order #personalData #oComment{width:90%;margin:0 0 5px;} #order #personalData #oComment{height:125px;} #order #vrn{float:left;width:40%;} #order #invoice{float:left;margin-left:2%;padding-top:18px;text-align:right;} #order #invoice input{float:left;margin-top:3px;} #order #invoice label{float:left;margin:0 0 0 5px;font-weight:normal;} #order #street{clear:both;} #shippingAndPayments div.one, #shippingAndPayments .paczkomat{padding:11px 3%;border-top:2px solid #e0e0e0;border-bottom:2px solid #e0e0e0;background: #f5f5f5;} #shippingAndPayments .paczkomat{margin-bottom:10px} .inpostChange{font-weight:bold;padding:10px;border:1px solid #e0e0e0;display: inline-block;margin-bottom: 10px;} .inpostChange:hover{cursor:pointer} #order tfoot td, #orderPrint tfoot td{color:#363636;} #order .summaryProducts, #order .summaryShippingPayment, #orderPrint .summaryShippingPayment{font-size:1.182em;} #order .summaryProducts th, #order .summaryShippingPayment th, #orderPrint .summaryShippingPayment th{font-weight:normal;text-align:right;} #order .summaryOrder, #orderPrint .summaryOrder{color:#666;font-size:1.36em;font-weight:bold;} #order .summaryOrder th, #orderPrint .summaryOrder th{text-align:right;} #order .summaryOrder th, #order .summaryOrder td{border-top:1px solid #e0e0e0;} #order #rulesAccept th{color:#666;font-weight:bold;text-align:right;} #order #rulesAccept th, #order #nextStep th{border:0;text-align:right;} *:first-child+html .nextStep .submit, *:first-child+html #basket #continue .submit{padding:2px 0px;} /* IE 7 hack */ /* ORDER SUMMARY/PRINT PAGE */ #orderPrint #pageDescription{padding:10px 8px 20px;text-align:center;background:inherit;color:#363636;font-weight:normal;font-size:1.5em;} #orderPrint #pageDescription p{padding:5px 0;} #orderPrint .legend{clear:both;padding:20px 0 10px;background:inherit;color:#555;font-size:1.2em;font-weight:bold;} #orderPrint dl{float:left;display:block;width:100%;margin:0;padding:5px 0;border-top:2px solid #e0e0e0;border-bottom:2px solid #e0e0e0;background:#f9f9f9;} #orderPrint dt, #orderPrint dd{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:bold;} #orderPrint dd.orderComment, #orderPrint dd.orderIP{font-weight:normal;} #orderPrint dl .title, #orderPrint dl .files span{text-align:center;margin:10px auto;width:100%;display:table} #orderPrint dl .files span{margin:2px auto} #orderPrint dl .files{margin-bottom:26px;border: 1px solid #009bd3;} #orderPrint dl .files span:before{content:"âžž";margin-right:10px;font-size:1.5em;color:#009bd3;vertical-align: middle;} /* ORDER STATUS LINK */ #orderPrint .orderStatusLink{margin:10px 30px 20px;padding:14px;text-align:center;border-top:1px solid #bebebe;border-bottom:1px solid #bebebe;} #orderPrint .orderStatusLink div{padding:3px 0;} /* foot-a */ #foot-a{clear:both;font-weight: 400;background: #f0f0f0;font-size: 1.2em;position: relative;} #foot-a .container{margin:0 auto;padding: 5em 0;color: #d1ecf8;overflow:hidden;width: 1300px;} #foot-a:before{content: "";display: block;position: absolute;left: 0;top: 0px;height:8px;width:100%;box-shadow: inset 1px 5px 7px -2px rgba(0, 0, 0, 0.16);z-index: 13;} #foot-a h2{font-size: 1.7em;font-weight: 400;line-height: 1.4em;position: relative;padding-left: 20px;color: #1d99bb;text-align: left;margin-bottom: 38px;} #foot-a h3{font-size: 1.2em;color: #003342;font-weight: 400;position: relative;padding-left: 20px;text-align: left;} #foot-a h2:before, #foot-a h3:before{content:'';display:block;position:absolute;top: -2px;left: 0px;width: 4px;height: 38px;background: #0f93b7;} #foot-a .container td{font-size: 1.13em;} table.kolumna4 td:nth-child(4){padding: 28px 10px 28px 50px;text-align: left;} table.kolumna3 td{width:33% !important} table.kolumna3 td img{max-width:100%;height:auto !important} /* FOOTER - SITE AND SCRIPT COPYRIGHTS STYLES */ #foot{clear:both;font-weight: 400;background: #1a86a6;font-size: 1.2em;} #foot .container{margin:0 auto;padding: 2em 0;color: #d1ecf8;overflow:hidden;} #foot a{background:inherit;color: #ffffff;font-weight: 600;} #foot a:hover{color: #b4e4f4;background:inherit;} #copy{float:left;padding: 6px 0px;} .foot{float:right;padding:0 25px;text-align: left;} #powered img{vertical-align:middle;} #foot #box-menu{margin-top:20px} #foot #box-menu ul li a{color: #d1ebf8 !important;font-size: 1em;font-weight: 500;padding: 2px 0;margin: 0 11px;float: left;} #foot #box-menu ul{display:inline-block} #foot #box-menu ul li{float:left;position: relative;margin: 0;} #foot #box-menu ul li:before{content:'';display:block;position:absolute;top: 6px;left: 0px;width:1px;height: 14px;background: #c3d9e7;} #foot #box-menu ul li:first-child:before{display:none} #foot #box-menu #menu2{float: right;} #foot #box-menu #menu5{float: right;} #foot #box-menu #menu5 ul{list-style:none;} #foot #box-menu ul li a:hover, #foot #box-menu ul .selected a, #foot #box-menu ul .selected-parent a{color: #fff !important} /* foot 1 */ #foot1{clear:both;font-weight: 400;background: #1e9cbe;font-size: 1.2em;position: relative;} #foot1:before{content: "";display: block;position: absolute;left: 0;top: 0px;height:8px;width:100%;box-shadow: inset 1px 5px 7px -2px rgba(0, 0, 0, 0.16);z-index: 13;} #foot1 .container{margin:0 auto;padding: 2em 0;color: #d1ecf8;overflow:hidden;width:1300px} #foot1 a{background:inherit;color: #ffffff;font-weight: 600;} #foot1 a:hover{color: #b4e4f4;background:inherit;} #foot1 #contact-foot{float: right;width: 39%;} #foot1 #contact-foot .box-foot{float:right;padding: 8px 4%;width: 100%;font-size: 1.2em;color: #ffffff;text-align: left;position: relative;} #foot1 #contact-foot .box-foot a{color:#00ffff;font-weight: 600} #foot1 #contact-foot .box-foot a:hover{color:#fff;} #foot1 #contact-foot .box-foot a:before{content:url('img/mail.png');margin: 0 15px;display: inline-block;vertical-align: middle;} #foot1 #contact-foot .box-foot:before{content:url('img/mail2.png');left: -100px;position: absolute;top: 8px;} #foot1 .top{padding: 1.5em 0;color: #ffffff;font-weight: 500;text-align: left;} #foot1 .top{clear:both;display:flex;flex-flow: row wrap;justify-content:flex-start;margin: 0;align-items: center;} #foot1 .top span{flex: 1 0 auto;padding: .3rem 0.15em .65rem;text-align: center;} #foot1 .bottom{border-top:1px solid #2eb7de;padding: 2em 0;float: left;width: 100%;} #foot1 .container .bottom .social{float:right;margin-top: 17px;position: relative;} #foot1 .container .bottom .social > div{float:right;margin-left: 19px;} #foot1 .container .bottom .social > div img:hover{filter: brightness(72%);transition: all 1.5s ease;} #foot1 .container .bottom .social:before{content:'';display:block;position:absolute;top: -6px;left: -10px;width:1px;height: 42px;background: #2eb7de;} /* MENU FOOT 1 */ #menu4 .type{font-weight:900;text-transform:uppercase;font-size:1.1em;color:#363636;} #menu4{float:left;width: 20%;} #menu4 ul{float:right;margin:12px 0 8px;list-style:none;} #menu4 li{float:left;width:100%} #menu4 li a{padding:4px 10px 4px 0;font-weight:500;text-decoration:none;color:#555;float:left;width:100%} /* PLUGINS */ /* STOCK */ #page .stockLevel, #page .stockSold{margin:5px 0;font-size:0.917em;} #page .stockSold{background:inherit;color:#c22463;font-weight:bold;} #page .stockLevel strong{margin:0 0 0 2px;} #product .stockLevel, #product .stockSold{margin:8px 10px 4px;padding:5px 0 6px;font-weight:bold;font-size:0.917em;} #product .stockSold{color:#c22463;} #product .stockLevel strong{margin:0 0 0 4px;background:inherit;color:#c22463;} #basket #productsOverStock h5{margin-top:10px;padding:8px 0;font-size:1em;font-weight:bold;border-top:1px solid #e0e0e0;} #basket #productsOverStock strong{display:block;padding:2px 10px;background:inherit;color:#c22463;} #basket #productsOverStock div{margin:0 0 10px;padding:5px 0 10px;font-size:1em;font-weight:normal;border-bottom:1px solid #e0e0e0;} /* SUBPAGES LIST - NEWS */ #page h6.date{position:absolute;top:-5px;right:0px;padding:2px 0;font-size:1em;font-weight:normal;} *:first-child+html #page h6.date{top:-5px;} /* IE 7 hack */ * html #page h6.date{top:-5px;} /* IE 6 hack */ #newsletter{width: 32%;float:left;/* background: #1eadeb; *//* border:1px solid #fff; */margin-top: 8px;} #newsletter .checkbox-box{text-align:left;color: #fff;margin-bottom: 6px;} #newsletter .input{border: 0;width: 65%;padding: 11px;background: #1eadeb;color: #fff;float: left;} #newsletter label{display:none; } #newsletter label[for="iRulesAcceptZ"]{display: block;} #newsletter #iRulesAcceptZ{float: left;margin: 2px 4px 0 0;} #newsletter fieldset{padding:0;margin:0;} #newsletter .content{margin-top:0;float: right;width: 100%;background: #1eadeb;border: 1px solid #fff;} #newsletter .content .submit{padding: 10px 36px;font-size:1.1em;background: #ffffff;float: right;color: #1e9cbe;font-weight: 500;border: 0;transition: all 0.5s ease;} #newsletter .content .submit:hover{background:#1e9cbe;color:#ffffff;transition: all 0.5s ease} #newsletter p{text-align:center;float: right;width: 32%;} #newsletterAccept th{text-align:left;} /* ksiazka */ #newsletter.ksiazka label{display:inherit;font-size: 1.25em;font-weight: 500;margin-bottom: 15px;} #newsletter.ksiazka label[for="iRulesAccept"]{display: block;font-size: 1.1em;font-weight: 400;margin-bottom: 12px;} #newsletter.ksiazka{width: 100%;float: none;background: #f2f2f2;border:1px solid #fff;margin-top: 10px;padding: 13px 25px;/* border-radius: 25px; */margin-left: 0;display: inline-block;} #newsletter.ksiazka input{font-size: 1.3em;padding: 8px 10px 9px;float: left;margin: 2px 10px 0 0;} #newsletter.ksiazka input.yl-zgoda_komunikacja{float:left} #product #newsletter.ksiazka .checkbox-box em{float:none} #product #newsletterEmail2{width:70%;margin: 0;} #product #newsletter.ksiazka p{width: 30%;} #product #newsletter .content .submit{margin:0;width: 100%;padding: 10px 36px 11px;} #newsletter ::-webkit-input-placeholder{color: #fff; opacity: 1;} #newsletter :-moz-placeholder{color: #fff; opacity: 1;} #newsletter ::-moz-placeholder{color: #fff; opacity: 1;} #newsletter :-ms-input-placeholder {color: #fff; opacity: 1;} #newsletter.ksiazka .content{background:transparent;border:0} #newsletter.ksiazka .checkbox-box{color: #6d6d6d;} #product dd#checkboxbox label em:hover, #foot1 #newsletter .checkbox-box em:hover{cursor:pointer} #product dd#checkboxbox label span, #foot1 #newsletter .checkbox-box span{display:none} #product dd#checkboxbox label span.check, #foot1 #newsletter .checkbox-box span.check{display:inline;animation-name: fadeIn;transform-origin: center bottom;animation-duration: 1s;animation-fill-mode: both;} /* USERS COLUMN LOGIN BOX */ #column .login{margin:10px 20px;padding:10px 7px;font-size:0.92em;text-align:center;border-top:2px solid #757575;border-bottom:2px solid #757575;} #column .login label, #column .login legend{display:none;} #column .login fieldset{padding:0;margin:0;} #column .login .input{width:70px;margin:0 5px 0 0;} #column .login .submit{width:50px;padding:3px 0;font-weight:bold;font-size:0.917em;} * html #column .login{padding:10px 0;} * html #column .login .input{width:59px;} /* USERS LOGIN, LOGOUT AND PROFILE */ #log .button{text-align:center;} #log .forget{margin-top:15px;text-align:center;} #profile .fb{padding-top:15px;text-align:center;white-space:nowrap;} #profile .fb img{margin-top:10px;border:1px solid #273b65;} #profile{clear:both;width:100%;margin:10px auto 0;} #profile fieldset{padding:25px 20px;} #profile fieldset legend{display:none;} #profile dl, #profile dt, #profile dd{margin:0;padding:0;} #profile dt{padding:0 0 4px;} #profile dd{margin-bottom:18px;} #profile dd.not-required{display:none;} #profile.register dl#notRequired{display:none;} #profile.register dd.not-required{display:block;} #profile .input, #contactPanel textarea{width:99%;padding:3px;font-size:1em;} #profile #captcha{width:50px;} #profile .captcha em{font-style:normal;font-weight:bold;} #profile .captcha ins{padding:0 3px;font-weight:bold;text-decoration:none;} #profile .save{text-align:center;} #forgetPasswordForm{margin:10px 0 0;padding:10px 20px;} #forgetPasswordForm label{padding-right:10px;} #forgetPasswordForm .input{width:150px;margin-right:5px;} #resetPasswordForm #profile th label{font-weight:bold;} #order .tab{float:left;} #order .tab a{display:block;margin:10px 10px 0 0;padding:10px 15px 10px;border:1px solid #e0e0e0;border-bottom:0;-moz-border-radius-topleft:5px;border-top-left-radius:5px;-moz-border-radius-topright:5px;border-top-right-radius:5px;background:#fff;font-size:1em;font-weight:bold;color:#a3a3a3;text-decoration:none;} #order .tab a:hover{color:#2e6a97;} #order .tab a.selected{border-color:#c9c9c9;background:#fff url('img/body.png');color:#666;} #orderForm, #orderLoginForm{clear:both;} #order #orderLogin div, #orderRegisterForm div{padding:12px 3%;background: #f9f9f9;border-top:2px solid #e0e0e0;border-bottom:2px solid #e0e0e0;} #order #orderLogin label, #orderRegisterForm label{padding:0 7px 0 0;} #order #orderLogin legend, #orderRegisterForm legend{display:none;} #orderRegisterForm span{display:block;margin-top:7px;color:#949494;font-size:0.917em;} #userOrdersListLink{text-align:right;} #userOrders{width:100%;margin:10px 0 0;font-size:1em;text-align:left;} #userOrders thead td{padding:8px 4px;background:#2e6896;color:#fff;} #userOrders tbody td{padding:6px 4px;border-top:2px solid #fff;background:#fff url('img/body.png');border-bottom:1px solid #e0e0e0;} #userOrders a{background:inherit;} #userOrder .message{display:none;} #userOrder #orderPrint{padding-top:15px;} #orderLogin .submit, #forgetPasswordForm .submit{padding:2px 10px;} #noticeAboutCookies{display:none;padding:7px 0;background:#fff;font-weight:bold;} #noticeAboutCookies.slide, #noticeAboutCookies.top{border-bottom:1px solid #555;} #noticeAboutCookies.bottom, #noticeAboutCookies.top, #noticeAboutCookies.left-corner{position:fixed;z-index:2;width:100%;background-color:rgba(255,255,255,0.9);} #noticeAboutCookies.top{top:0px;} #noticeAboutCookies.bottom{bottom:0px;border-top:1px solid #555;} #noticeAboutCookies.left-corner{width: 240px;left: 0px;bottom: 0px;padding: 24px;border: 1px solid #bbb;background: #fff;z-index: 14;font-weight: 400;font-size: 1.2em;} #noticeAboutCookies .close{margin-left:20px;font-size: 1.117em;color: #fff;font-weight:normal;text-decoration:none;} #noticeAboutCookies .close:hover{background: #1a86a6 !important;!i;!;} #noticeAboutCookies.left-corner .close{display: block;margin: 14px 0 0;background: #2099bb;padding: 3px 0;} /* BANNERS */ #banner0{text-align:center;padding-bottom:15px;} #banner1{text-align:center;margin:10px 0;} @media print{ #banner0, #banner1{display:none;} } .content-slider{height:200px;overflow:hidden;} .content-slider .quick-slider-nav-dots-wrapper{bottom: 8%;margin: 0 auto;text-align: right;right: 20%;} .content-slider .quick-slider-nav-dots-wrapper li{display:inline-block;} #column .content-slider{max-width:230px;} #content .content-slider{width:100%;margin-bottom:10px;border-radius:5px} #column .content-slider .description{top:0;left:0;width:100%;text-align:center;} #content .content-slider .description{top:10%;left:3%;min-width:150px;width:50%;line-height:1em;background:none;color:#555555} #content .content-slider .description p{font-family: "Jost", sans-serif;font-size:1.25em;line-height:1.33em;margin:10px 0} #content .content-slider .description h2{color:#df4a46;font-weight:900;font-size:3.25em;text-transform:uppercase;line-height:1em;padding:0 0 25px} #content .content-slider .description h2 strong{color:#363636;font-weight:900;text-transform:uppercase;line-height:1em} #content .content-slider .description h3{color:#363636;font-weight:900;font-size:1.33em;padding:5px 0 25px} #content .content-slider a, .button, .quick-slider-slide .description a{font-family: "Jost", sans-serif;display: inline-block;position: relative;z-index: 1;/* float:left; */padding: 8px 20px;background: #fdfdfd;border-radius: 10px;cursor:pointer;color: #1b89a9;font-weight: 500;margin-top:20px;text-transform:uppercase;font-size: 0.8em;border: 2px solid #09a2e3;box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.25);} .button input{background:none;font-weight:500;font-family: "Jost", sans-serif;font-size:0.875em;cursor:pointer;color:#fff;} .button:before, #content .content-slider a:before, .quick-slider-slide .description a:before{width: 100%;height: 100%;display: block;position: absolute;top: 0;left: 0;z-index: -1;opacity: 0;background: transparent;-webkit-transition: all 250ms linear;content: "";text-indent: -99999px;border-radius:8px;outline:0;} .button:hover:before, .button:focus:before, .button:hover:before, .button:focus:before, #content .content-slider a:hover:before, #content .content-slider a:focus:before, .quick-slider-slide .description a:hover:before{opacity: 1;} /* #content .content-slider a:after, .button:after{content:'➝';margin:2px 0 0 16px;} */ #page .button{bottom:0;margin: 0px 0 30px;} .button:hover, .quick-slider-slide .description a:hover{background: #1b89a9;color:#fff} .quick-slider-slide .description a{margin:12px 0} #content .content-slider .quick-slider-nav-dots-wrapper{float:left;width: 127px;margin-bottom:10px} #content .content-slider .quick-slider-nav-dots{color:transparent;width:8px;height:8px;padding:0;margin:0 6px 0 0} #content .content-slider a.quick-slider-nav-dots.active{background: #137b47;} #content .content-slider a.quick-slider-nav-dots{background:#9c9c9c} /* #foot-box */ #foot-box{background: #f0f0f0;color: #535353;font-size: 1.5em;padding: 3em 0 5em;} #foot-box .box-left{float:left;width:48%} #foot-box .box-right{float:right;width:100%} #foot-box .title{width: 100%;float:left;font-size: 1.1rem;} #foot-box .box-left .title strong, #foot-box .box-right .title strong{float:left;font-weight: 400;font-size:2em;text-transform:uppercase;color: #0e92b7;} #foot-box #subList4{display:flex;flex-flow: row wrap;justify-content:flex-start;margin: 0;align-items: center;text-align: left;} #subList4 li{flex: 0 0 50%;padding: 0 6% 0 0;text-align: left;} #foot-box #subList4{width: 100%;float:right;list-style: none;color: #535353;margin-top: 40px;} #subList4 h6{padding: 5px 0 7px;color: #3f3f3f;font-weight: 500;font-size: 0.9em;position: relative;padding-left: 24px;} #subList4 h5{padding:16px 0 2px;font-weight:900;text-transform:uppercase} #foot-box .title strong, #foot-box .title span{float:left;clear:both} #foot-box .title strong:after{content:'';height: 1px;background: #0e92b7;display:block;width: 100%;clear:both;margin: 0 0 8px 0;} #foot-box .title span{font-size: 0.913em;padding-top:10px;/* max-width:100px; */text-align: left;line-height: 1.3em;} #foot-box .title span:after, #subList4 h5:after{content:'\279e';margin: 0 0 0 12px;color: #535353;} #foot-box .title span a, #subList4 h5 a{color: #535353;font-weight: 500;font-size: 1.1em;} #foot-box .title span a:hover, #subList4 h5 a:hover{text-shadow: 0px 0px 14px #ffffff;} #subList4 h2{font-weight:500;margin-bottom: 32px;line-height: 1em;position: relative;padding-left: 24px;} #subList4 h2 a{color: #1e9bbe;font-size: 1em;font-weight: 400;line-height: 1.1em;} #subList4 .description{font-size: 0.95em;line-height:1.5em} #subList4 h2 a:hover, #subList3 h2 a:hover{color:#000} #foot-box #subList4 .photo{margin: 0 0 30px 0;float: left;width: 29%;margin-right: 3%;} #foot-box #subList4 .right{float: right; margin: 0;width: 66%;} #subList4 h2:before, #subList4 h6:before{content:'';display:block;position:absolute;top: 4px;left: 0px;width: 4px;height: 100%;background: #1e9cbe;} #subList4 .more, #content #subList3 .more{font-size: 0.85em;color: #3f3f3f;font-weight: 500;margin: 14px 0;text-align: right;display: block;} #tabs{float:left;width:100%;margin-top: 58px;} #tabs .tabs-list li{list-style:none;float:left;} #tabs ul:after{content:"";display:table;clear:both;margin-bottom:20px;} #tabs ul.tabs-list li a{color: #3e3e3e;text-decoration:none;border: 1px solid #c0c0c0;padding: 12px 37px;font-size: 1.4em;text-transform: uppercase;font-weight: 500;} #tabs ul.tabs-list li.ui-state-active a{color: #0f93b7;} #tabs ul.tabs-list li a:hover{color:#0070b8;} #tabs ul.tabs-list li:not(:first-child) a{margin-left:-1px} #tabs ul.tabs-list li.ui-state-active a{border-bottom:1px solid #fff} #tabs .ramka p{font-size: 1.4em;line-height: 1.5em;padding-bottom: 10px;} #tabs .ramka p strong{font-weight:500;padding: 6px 0;display: block;} #tabs .ramka{border: 1px solid #c0c0c0;padding: 20px;display: block;margin-top: -8px;} #tabs .ramka h3{color:#3e3e3e;font-weight: 500;font-size: 1.4em;margin-bottom: 10px;} #tabs .ramka h4{color: #1d99b8;font-weight: 400;font-size: 2.3em;margin: 0;} #tabs .ramka h4:before{display:none} #tabs .ramka h5{color:#3e3e3e;font-weight: 500;font-size: 1.4em;} #tabs .ramka td{border: 1px solid #c0c0c0;} @media print{ /* PRINT STYLES */ * {color:#000 !important;background:#fff !important;border-color:#444 !important;border-width:1px !important;text-shadow:none !important;box-shadow:none !important;-webkit-box-shadow:none !important;} body{margin:1cm 0;} #container{width:17.2cm;height:auto;} #head2 .container, #head2{height:auto;} #logo{padding:0 0 0.2cm;} #head1 .container, #head2 .container, #head3 .container, #body .container, #foot .container{border-width:0px !important;} #body{clear:none;} #body .container{overflow:visible;} #logo #title, #page h1{padding:0;} #page div.breadcrumb{position:relative;top:0;} #header .container, #body .container, #foot .container, #content, #page, #products, #product, .order #content{float:none;width:17.2cm;padding:0;margin:0;} #column, #head1, #head3, #back, #page .tS, #products li .basket, #product #box #addBasket .submit, #socialButtons, #plusOne, #contactPanel, #commentForm{display:none;} } /* RESPONSIVE WEB DESIGN - media queries */ @media screen and (max-width:1366px){ #head8:after{content: '';position: absolute;right: 0;bottom: 0;transition: all 2.5s ease;background: url('img/bg-head82.webp') no-repeat right -289px bottom;width: 100%;height: 100%;z-index: 0;float: right;} } @media screen and (max-width:1300px){ #head1 .container, #head2 .container, #head4 .container, #head5 .container, #head6 .container, #head7 .container, #head8 .container, #body .container, #foot .container, #foot-box .container, #foot1 .container, #foot-a .container, #headPromo .container{width:95%;} #head3 .container{width:100%;} #head8:after{content: '';position: inherit;background: #1e9cbe url('img/bg-head82.webp') no-repeat right top;/* width: 1100px; */height: 100%;z-index: 0;margin-top: -2px;text-align: right;max-width: 100%;line-height: 0;background-size: contain;aspect-ratio: 16 / 5.5;} #head8:before{display:none} } @media screen and (max-width:1200px){ table.kolumna4 td img{max-width:100%;height: auto !important;} table.kolumna4 td {width:25% !important} #column #menu6 .type{font-size: 1.75em;} #subList4 li{flex: 1 0 100%;padding: 0;} #page22 #content #subList4 .right{width: inherit;float: inherit;display: table;} #menuResponsive{clear:both;float:right;width:38px;height:46px;background:url('img/menu_smart.png') no-repeat center center;cursor:pointer;margin: 6px 0 0 21px;z-index: 13;} #ico-logo{margin-top: 0px;margin-left:1%} #header #menu2{float:left;top: 146px;list-style:none;width: 310px;display:none;z-index: 139;padding-top:0;padding-bottom:0;background: #00a1e7;position: absolute;right: 0;} #header #menu2 ul{padding-left:0;float:left;width: 100%;height:auto;margin:0} #header #menu2 li{width:100%;border-bottom: 1px solid #fff;margin-left:0;background:none;padding: 0;} #header #menu2 li a, #header #menu2 ul ul li a{padding: 14px 0 14px 30px;background:none;color:#fff;width: 100%;border:0;text-align: left;} #header #menu2 ul ul li a{padding-left:42px} #header #menu2 > ul > li:hover > ul, #header #menu2 > ul > li > ul > li:hover ul{display:none;} #header #menu2 ul ul, #header #menu2 > ul > li > ul > li > ul{position:relative;top:0;width:100%;left:0;white-space:normal;box-shadow:none;padding:0} #header #menu2 ul ul ul li{border-bottom: 1px solid #e2e2e2;} #header #menu2 ul ul ul li:last-child, #header #menu2 ul ul li:last-child, #header #menu2 > ul > li > ul > li:hover ul{border:0} #header #menu2 a{color: #292929;text-decoration:none;text-shadow:none} #header #menu2 li a:hover, #header #menu2 .selected a, #header #menu2 .selected-parent a{text-decoration:none;color:#342c1d} #header #menu2 ul ul{background: #12b1f6;} #header #menu2 li a:after, #menu2 li li:after, #menu2 > ul > li:before{display:none} #header #menu2 ul ul li.selected a{text-decoration:underline} #menu2 li:hover:after, #menu2 .selected:after, #menu2 .selected-parent:after{display:none;color:#342c1d} } @media screen and (max-width:1024px){ #newsletter.ksiazka{width:100%} #head2 .container #right{width:100%} #head2 .container .bottom .social{position:absolute;top: 25px;right: 57px;} #menuResponsive{clear:both;float:right;width:38px;height:46px;background:url('img/menu_smart.png') no-repeat center center;cursor:pointer;/* margin: 2px 20px 6px 0px; */z-index:9999;} #menuResponsive{position:absolute;top: 24px;right: 0;} #ico-logo{margin-top: 0px;margin-left:1%} #header #menu2{float:left;top:95px;position:absolute;list-style:none;width:100%;display:none;z-index:99999;padding-top:0;padding-bottom:0;background:#009bd3} #header #menu2 ul{padding-left:0;float:left;width: 100%;height:auto;margin:0} #header #menu2 li{width:100%;border-bottom: 1px solid #fff;margin-left:0;background:none;padding: 0;} #header #menu2 li a, #header #menu2 ul ul li a{padding: 14px 0 14px 30px;background:none;color:#fff;width: 100%;border:0;text-align: left;} #header #menu2 ul ul li a{padding-left:42px} #header #menu2 > ul > li:hover > ul, #header #menu2 > ul > li > ul > li:hover ul{display:none;} #header #menu2 ul ul, #header #menu2 > ul > li > ul > li > ul{position:relative;top:0;width:100%;left:0;white-space:normal;box-shadow:none;padding:0} #header #menu2 ul ul ul li{border-bottom: 1px solid #e2e2e2;} #header #menu2 ul ul ul li:last-child, #header #menu2 ul ul li:last-child, #header #menu2 > ul > li > ul > li:hover ul{border:0} #header #menu2 a{color: #292929;text-decoration:none;text-shadow:none} #header #menu2 li a:hover, #header #menu2 .selected a, #header #menu2 .selected-parent a{text-decoration:none} #header #menu2 ul ul{background:#0686b5} #header #menu2 li a:after, #menu2 li li:after{display:none} #header #menu2 ul ul li.selected a{text-decoration:underline} #product #box #available{width:100%;text-align: left;} #product .box-foto{width:100%;} #tabs{margin-top: 20px;} /* slider */ #slider2 li img{margin-left: -110px;transform: scale(.85);} #foot1 .top span{flex: 0 0 100% } #newsletter .content{width:100%;margin-left:0} #newsletter .content .submit{padding: 10px 26px;} #foot-box #subList4 .photo{width:auto;margin-right: 5%;} #foot-box #subList4 .right{float:left} #products .list li{/* width:48%; *//* margin:1%; *//* padding:10px 0 0; */flex: 1 0 42%;margin: 8px 1% 30px;} #products .list .i1{/* clear:left; */padding: 30px 3%;} #products li.column1{/* clear:none; */} #column .quick-slider-nav-arrows-next{top:-27px;right: 44px;} #column .quick-slider-nav-arrows-prev{top: -37px;right:96px;} #product #box{width:100%;} #product #box {padding: 30px 0 0;} #foot-box .box-left, #foot-box .box-right{width:100%} #foot-box .box-right{border-top: 1px solid #009bd3;margin-top:25px;padding-top:25px} #paymentChannels select, #paymentChannels label, #paymentChannels .zagielInfo{clear:both;float:left;margin-top:20px} } @media screen and (max-width:900px){ #header .quick-slider-slide .description h2{font-size:1.33em;} #header .quick-slider-slide .description h3{font-size:1em;} #column, #page.column.right{width:100%} #page.column.right{margin-top: 0;} #column{padding: 30px 0 0;} #newsletter{width:100%} #foot1 #contact-foot{width:100%} #foot1 .container .bottom .social{width:100%;float: left;} #foot1 .container .bottom .social:before{display:none} #foot1 .container .bottom .social > div{float: left;margin: 10px;} #head3 .quick-slider-slide img{max-width:100%;transform: inherit;margin-left: 13px;} .content-slider .quick-slider-nav-dots-wrapper, .content-slider .quick-slider-nav-arrows{display:none} .quick-slider-slide .description p{display:none} } @media screen and (max-width:840px){ #head7 .container .container-box{width: 80%;} #head7 .container{background: url(img/bg-head7.webp) no-repeat left -70px center;} #content .imagesList li img{max-width:300px} } @media screen and (max-width:800px){ #body img, img{max-width:100%;height: auto;} #head2{position:inherit} #page25 #social{top:520px;} #product{/* width:94%; *//* margin:0 3%; */} #header .quick-slider-nav-arrows{padding:10px;bottom:10px} #header .quick-slider-nav-arrows-prev{right:157px;} #column .quick-slider-nav-arrows-next{right: 10px;top: -66px;} #column .quick-slider-nav-arrows-prev{top: -75px;right: 60px;} #head4{background: #008cb2 url(img/ksiazki.webp) no-repeat right -390px center;} #content .imagesGallery table img{max-width:110px;} #page24 #page table td img{display:none} #page25 #content, .page #column, #content, #page24 #page div.content, #contactPanel, .product #column, .page.left #column, .message, #page.column{width:100%} #socialfoot{margin-top:18px} #contactPanel #captcha{width:29%;} #orderPrint .orderStatusLink{word-wrap: break-word;} #head3 .quick-slider-slide .description{z-index:3;position:absolute;line-height:1.45em;color:#fff;bottom:15%;font-size: 0.975em;font-weight:500;right: 6%;width: 55%;text-align:right;text-transform:uppercase} } @media screen and (max-width:700px){ table.kolumna3 td{display:block;width: 100% !important;height:auto !important;padding:20px;margin:0} #menu1 ul{clear:both;display:flex;flex-flow: row wrap;justify-content:flex-start;margin: 20px 0;align-items: center;width: 100%;} #menu1 ul li{flex: 1 0 48%;padding: 8px 1% 8px 19%;text-align: left;margin: 0 !important;} #menu1 li:last-child:before{display:none} #head5 .container .left-box, #head5 .container .right-box{width:100%} #head5 .container .left-box{padding-top:25px} #head7 .container .container-box{width:100%} #head7 .container .box{flex:0 0 48%;margin:10px 1%;min-height: 228px;} #foot-box .title, #foot-box #subList4{width:100%} #subList4 li{flex:0 0 100%;padding: 0;} #foot-box .title{/* margin-bottom: 44px; */} } @media screen and (max-width:640px){ #imagesList2{width:100%} #page div.content{display: inline-block;} #imagesList2 li a:before{display:none} #header .quick-slider-slide .description h2{font-size:1.1em;} #header .quick-slider-slide .description h3{/* font-size:0.875em; */} #body.basket-page #column{display:none;} #body.basket-page #content{width:100%;} #order #vrn{float:none;width:90%;} #order #invoice{float:left;height:auto;margin-left:0;padding:0 0 7px;text-align:left;} #social{display:none} #page25 #social{display:block} #subpagesGalleryHome .l6{margin: -210px 1.5%;} #content .imagesList li img{max-width:100%;text-align: center; margin: 0 auto;} #tabs .ramka table, #tabs .ramka td{width:auto !important;word-break: break-all;} #head4:after{content:'';position: absolute;left: 0;top: 0;transition: all 2.5s ease;background: rgb(76 173 199 / 49%);height: 100%;width: 100%;z-index: 0;} #head4 .container{position:relative;z-index: 2;} #head6{padding: 5em 0em 3em;} #page span.ramka{width:100%;margin-bottom:35px;text-align:center} #page span.ramka:before{display:none} #products .list li{flex: 0 0 98%;} #head1 .container{width:100%} #logo #title, #menu-top{width:100%;margin:0px auto 10px;text-align:center;float:none;clear:none;display: table;padding:0} table.kolumna4 td {display:block;width: 100% !important;height:auto !important;padding:20px;margin:0} #menu2 li:before{display:none} #foot-box .title, #foot-box #subList4{width:100%} #foot-box .title span{max-width:inherit;padding-top:2px;margin-bottom:25px} #head3 .quick-slider-slide .description{z-index:3;position:absolute;line-height:1.45em;color:#fff;bottom:15%;/* font-size:0.75em; */font-weight:500;width: 180px;text-align:right;text-transform:uppercase;left: initial;padding: 0;} #head3 .quick-slider-slide .description a {padding:6px 15px;} #slider2 li img{margin-left: -40px;} } @media screen and (max-width:520px){ #subpagesGalleryHome .l0, #subpagesGalleryHome .l1, #subpagesGalleryHome .l2, #subpagesGalleryHome .l3, #subpagesGalleryHome .l4, #subpagesGalleryHome .l5, #subpagesGalleryHome .l7, #subpagesGalleryHome .l8, #subpagesGalleryHome .l9, #subpagesGalleryHome .l6{width:96%} #subpagesGalleryHome .l6{margin:12px 1.5%} #header .quick-slider-slide .description h2{font-size:0.913em;} #head6 .container .owl-carousel .owl-item .item{background:#fff} #products li .photo img{max-height: inherit;} #page div.content table{width:100% !important} .imagesList#imagesListPreview li{float:left;margin: 10px 4% 10px 0;} #product .imagesList{width:100%;margin: 0;} #imagesList1.imagePreview{margin:0} #product #box #addBasket{width:100%} #tabs .ramka h4{font-size: 1.65em;} #tabs .ramka{padding: 20px 25px;} #tabs .tabs-list li{width:100%;margin-bottom: 3px;} #tabs ul.tabs-list li a{display:block} #tabs ul.tabs-list li:not(:first-child) a{margin:0} #tabs ul.tabs-list li.ui-state-active a{border: 1px solid #c0c0c0;} #comments div, #tabs .ramka p{width:100%} #foot-box #subList4 .photo, #foot-box #subList4 .right{width:100%;padding:15px 0;margin: 0;} #foot-box #subList4{margin:0} #newsletter .input, #newsletter p, #newsletter .content .submit{width:100%;display: block;} #newsletter.ksiazka input{margin:0} #newsletter.ksiazka #checkboxbox input{margin:2px 10px 0 0} #product #newsletterEmail2, #product #newsletter.ksiazka p{width:100%} #content #subList3 .photo, #content #subList3 .right{width:100%} #logo #title:after{display:none} #subpagesGalleryHome .l6{margin: -170px 1.5%;} #basket{display: inline-block;} /*#basket #orderedProducts, #orderedProducts{width:100%;display:table; table-layout:fixed;font-size: 0.875em;} #basket #orderedProducts table{display: block;overflow: auto;}*/ #orderedProducts tbody th a, #orderedProducts table th a{word-wrap: break-word;} #orderedProducts tbody .quantity, #orderedProducts tbody .quantity input{padding:2px;width: 36px;} #orderedProducts td{padding:2px;font-size: 0.875em;} #orderedProducts #recount td{padding:2px 0px;} #orderedProducts #recount .submit{font-size:0.83em;} #orderedProducts thead .name{padding-left:7px;} #orderedProducts thead .price span{display:none;} #continue .submit{width:132px;} #basket #save{padding:6px 4px 0;} #orderedProducts tbody .quantity input{width:25px;} #orderedProducts .del{overflow:hidden;width:16px;padding:0;vertical-align:center;font-size:1px;line-height:1px;} #orderedProducts .del a{display:inline-block;width:16px;height:16px;font-size:0px;line-height:1px;color:transparent;background:url('img/close.png') no-repeat 0px 0px;text-decoration:none;} #orderedProducts .del a:hover{color:transparent;background:url('img/close.png') no-repeat 0px -16px;} #subList4 li{width:100%;margin:10px 0 25px 0} #copy, .foot{width:100%;text-align: center;float: none;display: inline-block;} #foot #box-menu #menu5{float:none} #menu1 li{width:46%;margin: 0px 0% 6px 4%;text-align: left;} #menu1 li:before{display:none} } @media screen and (max-width:481px){ #menu2 li{width:100%;margin-top:2px;border-bottom: 1px solid #1e9cbe;} #foot #box-menu ul li:before{display:none} #menu2 li:hover, #menu2 .selected{width:100%;} #menu2 li a:hover, #menu2 .selected a, #menu2 .selected-parent a{/* background:#585757; */} a.zagielInfo{display:block;margin:4px 0 8px;} #column, #content{width:100%;} #head6 .container .owl-theme .owl-dots{top:inherit;bottom: -25px;left: 0;z-index: 1;} #head6 .container .owl-theme .owl-nav{top:inherit;bottom: 20px;left: 0;z-index: 12;} #head6 .container .owl-carousel .owl-item .item{padding: 60px 20px 80px;} #head6 .container .owl-carousel .owl-item .item{min-height: 510px;} #head6 .container .owl-theme .owl-nav .owl-prev, #head6 .container .owl-theme .owl-nav .owl-next{z-index: 13;} #headPromo #owl-productsPromoted .item{flex:1 0 100%} #head8{background:#1e9cbe} } @media screen and (max-width:479px){ #header .quick-slider-nav-arrows{display:none} .quick-slider-nav-dots{display:none} #logo #title a{font-size: 2.4em;} #logo{padding: 26px 0 0;} #head2 .container .bottom .social{top: 18px;} #menuResponsive{top:18px;} #content .imagesList{width:100%;text-align:center} #head4 h1{font-size:1.75em;line-height: 1em;} #page24 #page h3 a{font-size: 0.875em;} #product #box #price, #product #box #noPrice{padding-right:30px} #product h1, .box-imagesList{width:100%;float:left} #ico-logo img{width:220px} #ico-logo{margin:10px 0 20px 1%} } @media screen and (max-width:430px){ #page24 #page div.content table td{clear:borh;display:block;width:100%} #product #box #price, #product #box #noPrice, #product #box #addBasket{width:100%} #order #personalData #setBasic, #order #personalData #setExtend{width:100%;} #products .list li{padding: 30px 25px;} #head6 .container .owl-carousel .owl-item .item{height: 590px;} } @media screen and (max-width:360px){ #menu1 ul{left:10px} #logo #title a{font-size: 2em;} #page div.content ul, #content .subpagesList li ol, #page div.content ol, #product div.content ul{margin: 0 0 0 5px;} #order #personalData #oComment{height:80px;} #shippingAndPayments select{overflow: hidden; max-width: 320px; float: left;width: 100%;} #content .imagesGallery table img{max-width:70px;} #comments span.date{font-size:0.917em;} } @media screen and (max-width:320px){ }