/* Quick.Cart default stylesheet More about design modifications - http://opensolution.org/Quick.Cart/docs/ext_6.6/?id=en-design */ /* GLOBAL STYLES */ body, body *{margin:0;padding:0;border:0;max-width: 1920px; margin: auto;} body,table{color:#554f53;font-size:0.75em;font-family:'Lato', Arial, Verdana, sans-serif;letter-spacing: 0.25px;} table{border-collapse:collapse;border-spacing:0;font-size:100%;padding:16px;box-shadow: 0px 12px 30px rgba(0,0,0,0.32);} tbody, tfoot, thead{margin:0;padding:0;} caption, tr, th, td{margin:0;padding:7px 0 0 3%;font-size:100%;font:inherit;vertical-align:baseline;border:2px solid #fff;} td p {margin: 5px auto 5px !important;} strong {font-weight:700;} body{padding:0;background:#f7fafb;text-align:center;background-image: url('img/fala.webp');background-position: bottom;background-size: contain; background-repeat: no-repeat;} p {font-size: 1.4em;font-weight: 400;font-family: 'Lato',Verdana,Tahoma;line-height: 2.2em;margin: 30px auto 20px;max-width: 1120px;color:#25211c;text-align:left;} h2{margin: 20px auto 50px;color: #0eaacd;font-size: 2.22em;font-weight: 600;text-align: left;max-width: 1120px;line-height: 1.2em;font-family: 'Montserrat',Arial,Verdana,Tahoma;text-transform: uppercase;} h1, h3 {padding: 0 0 0;font-weight: 700;font-size: 22px;text-align: left;line-height: 1.8em;font-family: 'montserrat',Arial,Verdana,Tahoma;color:#25211c; margin: 0 auto;} h4 { padding: 0 0 0; font-weight: 700; font-size: 22px; text-align: left; line-height: 1.8em; font-family: 'montserrat',Arial,Verdana,Tahoma; color: #25211c; margin: 0 auto; } .input, select, textarea{padding:2px;border-width:1px;border-style:solid;border-color:#bbb #ddd #ddd #bbb;font-size:1em;font-family:Verdana;text-shadow:1px 1px #e0e0e0;} .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:1px;border-style:solid;border-color:#9d9d9d #3f3f3f #3f3f3f #9d9d9d;background:transparent;color:#fff;font-weight:300;font-size:1em;font-family:Verdana;} .submit:hover{background:#25211c;cursor:pointer;} * html .submit{padding:3px 1px;} /* IE 6 hack */ * html .input{height:21px;} /* IE 6 hack */ .form label{font-size:1em;color:#2e6a97;font-weight:bold;} .form legend{display:none;} .form label span{padding-left:10px;color:#949494;font-weight:normal;text-shadow:none;} .hide{display:none;} a{color:#25211c;text-decoration:none;} a:hover{color:#0eaacd;text-decoration:none;} button {border:2px solid #0eaacd;padding:13px 35px 14px 40px;font-size: 13px;font-weight: 600;font-family: 'Montserrat',Arial,Verdana,Tahoma;color:#fff;background:#0eaacd;margin:10px 20px 10px 0;cursor:pointer;transition:0.5s;text-transform: uppercase;letter-spacing: 1px;border-radius: 30px;} button:hover {color:#0eaacd;background:#fff;} .clear{clear:both;height:0px;font-size:0px;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 0;overflow:hidden;} #body {width:100%;margin:0 auto;padding:0;} #head1 .container{width:92%;margin:0 auto;text-align:left;padding:0 4%;max-width: 1600px;} #head2 .container{width:92%;margin:0 auto;text-align:left;padding:0 4%;} #head3 .container{width:92%;margin:0 auto;text-align:left;padding:0 4%;} #head4 .container{width:92%;margin:0 auto;text-align:left;margin:0 auto; max-width: 1920px;max-width: 100%;} #body .container{width:92%;margin:0 auto;text-align:left;padding:0 4%;} #foot .container{width:92%;margin:0 auto;text-align:left;padding:0 4%;} #body {max-width:1600px;margin:0 auto;text-align:left;padding:0;clear: both;} /* HEADER WITH TOP MENU ABOVE LOGO */ #head1 .container{overflow:hidden;} * html #head1 .container, * html #head2, * html #head3, * html #body{background:none;} /* IE 6 hack */ /* MENU TOP 1 */ #menu1 {float:right;border-top:1px solid #ebebeb;} #menu1 ul{height:100%;list-style:none;margin: 28px 0 0 0;} #menu1 li{display: inline-block;} #menu1 li a{float: left;height: auto;padding: 27px 15px 21px;font-weight: 600;margin: 0 10px;color: #25211c;font-size: 1.18em;text-decoration: none;text-transform: uppercase;-webkit-transition: all 0.25s;transition: all 0.25s;font-family: 'Montserrat',Arial,Verdana,Tahoma;} #menu1 li a:hover, #menu1 .selected a{color:#0eaacd;} #menu1 li:last-of-type a {background: #0eaacd;color: #fff;border-radius: 30px;padding: 18px 40px;margin-left: 30px;} #menu1 li.lBasket{padding:0 8px 5px 20px;} #menu1 li.lBasket a{position:relative;padding:2px 0 0 18px;background:none;color:#25211c;} #menu1 li.lBasket a:hover{color:#2e6a97;} #menu1 li.lBasket span{display:block;color:#444;font-size:0.917em;font-family:sans-serif;} /* LOGO, HEADER BACKGROUND AND SLOGAN */ #head1 {background:#fff;height: 134px;} #head2 {clear:both;} #head2 .container{background:#fff;} #logo{padding: 0;float: left;} #logo img {width:auto;margin: 16px 0 0 0;width: 140px;} .socialmedia-top {margin:13px 0 20px;text-align: right;} .socialmedia-top span {color: #25211c;font-size: 1.05em;font-weight: 300;font-family: Arial,Verdana,Tahoma;line-height: 1em;margin: 10px 15px 10px 15px;} .socialmedia-top span b {font-size:0.9em;font-weight: 700;} .socialmedia-top span a {color: #25211c;font-size: 0.97em;font-weight: 700;}.socialmedia-top span a:hover {color:#0eaacd;} .socialmedia-top img {width: 20px;height:auto;margin:5px 3px -3px 3px;opacity:0.62;-webkit-transition: all 0.25s;transition: all 0.25s;filter:invert(1)grayscale(1);}.socialmedia-top img:hover {opacity:1;filter:invert(0)grayscale(0);} /* HEADER WITH TOP MENU BELOW LOGO */ #head3 .container{background:#fff ;overflow:hidden;height:auto;border-color:#969393;border-top:0 solid #ddd;border-bottom:0 solid #ddd;} #head4 .container {width:100%;position: relative;} #head4 .container img {width:100%;border-radius: 0 0 40px 40px;} #head4 .container img a {position: absolute;} .menu {display:block;} .banner-mobile, .menu-mobile {display:block;} /*.slogan {position: absolute;bottom: 35%;left: 0;min-width: 340px;letter-spacing: 0.5px;transform: translate(0, 50%);width:90%;padding: 5px 5% 20px 5%;}*/ .slogan {position: absolute;top: 5%;left: 10%;min-width: 340px;letter-spacing: 0.5px;transform: translate(0, 50%);width: 70%;padding: 5px 5% 20px 5%;} /*.slogan h2{font-size: 3.5em;font-weight: 700;font-family: 'Lato',Arial,Verdana,Tahoma;line-height: 1em;margin: 30px auto 20px;color:#fff;text-shadow: 0px 3px 7px rgba(0,0,0,0.65);width: 100%;text-transform: none;}*/ .slogan h2 {font-size: 3.5em;font-weight: 700;font-family: 'Lato',Arial,Verdana,Tahoma;margin: 30px 0 20px;color: #fff;text-shadow: 0px 3px 7px rgba(0,0,0,0.65);width: 100%;text-transform: none;text-align: left;max-width: 670px;} /*.slogan h3{color:#fff;text-shadow: 3px 3px 5px rgba(0,0,0,0.95);width: 100%;font-size: 1.04em;font-weight: 600;font-family: 'Lato',Arial,Verdana,Tahoma;margin: 0px auto 0px;max-width: 630px;text-transform: uppercase;letter-spacing: 5.5px;}*/ .slogan h3 {color: #fff;text-shadow: 3px 3px 5px rgba(0,0,0,0.95);width: 100%;font-size: 1.54em;font-weight: 400;font-family: 'Lato',Arial,Verdana,Tahoma;margin: 0;max-width: 670px;padding:10px 0;text-align: left;line-height: 1.6em;} .slogan button {border:2px solid #0eaacd;padding:13px 35px 14px 40px;font-size: 13px;font-weight: 600;font-family: 'Montserrat',Arial,Verdana,Tahoma;color:#fff;background:#0eaacd;margin-top:40px;cursor:pointer;transition:0.5s;} .slogan button:hover {color:#0eaacd;background:#fff;} /* MENU TOP 2 */ #menu2 {position: static;width: 100%;margin: 10px auto;text-align: center;} #menu2 ul{height:100%;list-style:none;} #menu2 li{display: inline-block;} #menu2 li a{float:left;height:auto;padding:11px 25px;color:#494848;font-size:1.17em;text-decoration:none;text-transform: uppercase;-webkit-transition: all 0.25s;transition: all 0.25s;} #menu2 li a:hover, #menu2 .selected a{color:#25211c;} /* BODY STYLES - LEFT AND RIGHT COLUMN */ #body .container{overflow:hidden;margin: 0 auto 0;} @media (min-width: 1200px) { #body .container{overflow:hidden;margin: -300px auto 0;} } /* LEFT COLUMN STYLES */ #column{float:right;width:28%;padding:0 0 20px 0;background:transparent;display:none;} .order #column{display:none;} .column {border-top:1px solid #e0e0e0;text-align: left;width:90%;padding:40px 5%;margin-bottom: 0px;} .column h2 {text-transform: uppercase;} .column div {text-align: center;} .column img {margin:30px auto 20px;border-radius: 50%;width:90%;height:auto;} .column p {text-align: center;font-size: 1.32em;line-height: 1.5em;margin:15px 0;} .column h3 {text-align: center;font-size: 1.32em;line-height: 1.5em;margin:15px 0;font-weight: 700;text-transform: uppercase;color:#25211c;} #searchForm{padding:0 0 15px 0 ;text-align:center;} #searchForm label, #searchForm legend{display:none;} #searchForm .input{width: 93%;padding: 10px 3%;} #searchForm .submit{padding:5px 0 9px;font-size:1.65em;font-style:normal;border:0;background:transparent;margin: 0px 0px 0 -40px;position: absolute;}#searchForm .submit:hover{color:#25211c;} *:first-child+html #searchForm .submit{padding:3px 3px 8px;} /* IE 7 hack */ * html #searchForm .submit{padding:3px 3px 8px} /* IE 6 hack */ #menu3{padding:0 0;} #column .type{margin-top:30px;text-align: left;font-size: 1.2em; line-height: 1.5em;text-transform: uppercase;font-weight: 700;} /* LEFT MENU */ #menu3 ul{padding:10px 0;list-style:none;background:#fff;} #menu3 li{margin:0;padding:4px 0 4px 0;} #menu3 a{display:block;width:100%;padding:8px 0 10px;color:#554f53;font-weight:300;text-decoration:none;background:none;font-size: 1.25em;text-align: left;border-bottom: 1px solid #eee;} #menu3 a:hover, #menu3 .sub1 a:hover{color:#25211c;background:none;text-decoration:underline;} #menu3 .selected > a:first-child{color:#25211c;background:none;} #menu3 .sub1{margin:0;padding:5px 0 15px;border:0;background:none;} #menu3 .sub1 li{padding:2px 0 2px 0px;} #menu3 .sub1 a{display:block;width:93%;padding:8px 0 10px 7%;font-weight:300;} /* RIGHT COLUMN STYLES */ #content{float:left;width:100%;padding: 0 0 0;text-align: center;background: transparent;} * html #content{width:658px;} /* IE 6 hack */ .order #content{width:100%;} #page{position: relative; width: 90%; margin: 0 auto 60px; text-align: left; padding: 100px 0 130px; background: #ffffff; border-radius: 40px 40px;} @media (min-width: 768px) { #page {box-shadow: 10px 10px 33px #0000002e;padding: 100px 5% 130px;} } * html #page{width:100%;} /* IE 6 hack */ * html .order #page{width:94%;} /* IE 6 hack */ /* NAVIGATION PATH - TREE */ #page div.breadcrumb{position:absolute;top:-25px;left:0px;padding:2px 0;font-size:1em;font-weight:normal;display:none;} #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: 0;font-size:1em;line-height:1.5em;max-width: 1120px;margin:auto;} #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;font-size: 1.36em;font-weight: 400;font-family: 'Lato',Arial,Verdana,Tahoma;line-height: 1.6em;margin: 8px 0;} #page div.content p{padding-bottom:10px;margin: 10px auto 10px;} #page div.content li::marker {color:#0eaacd;} #page div.content p img {width: 100%;margin: 30px auto;} .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:#25211c;background:inherit;} .tS0{font-size:0.917em;} .tS1{font-size:1.083em;} .tS2{font-size:1.333em;} .pages{padding:8px 0;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;} /* IMAGES STYLES */ #content .imagesList{list-style:none;width: 100%;display:table;margin:70px auto 40px;max-width: 1120px;} #content .imagesList li{text-align: center;width: 32.333%;margin: 5px 0;padding: 0 0.5%;float: left;} #content .imagesList li div{text-align: left;font-size: 1.12em;line-height: 1.4em;font-weight: 400;font-family: 'Lato',Arial,Verdana,Tahoma;padding: 10px 0 25px;} #content .subpagesList li img, #content .imagePreview img, #products li .photo img{padding:0;background:#c0bfbf;border:0 solid #eee;width: 100%;object-fit: cover;height: 250px;border-radius: 14px;-webkit-transition: all 1s ease-out;transition: all 1s ease-out;margin: 0 auto 16px;} #content .imagesList li img {padding:0;background:#c0bfbf;border:0 solid #eee;width: 100%;object-fit: cover;height: 300px;border-radius: 14px;-webkit-transition: all 1s ease-out;transition: all 1s ease-out;} #content .subpagesList li img:hover, #content .imagesList li img:hover, #content .imagePreview img:hover, #products li .photo a:hover img{border:0 solid #c9cdce;opacity:0.7} #products li .photo img {padding: 0;background: #c0bfbf;border: 0 solid #eee;width: 70px;height: 70px;margin: auto;border-radius: 14px;} #products li .photo img:hover {opacity:0.82;} #imagesList1{margin: 0;width: 100%;} #imagesList2{clear:right;float:right;margin:8px 0 0 15px;} #content .imagePreview div{margin:5px 0 10px;text-align:center;} #imagesListPreview{float:left;margin:9px 20px 0 0;} * html #imagesListPreview{margin-top:-5px;} #content .imagesList#imagesListPreview li{margin-bottom:3px;} #content .imagesList#imagesListPreview li img{border-width:2px;} #content .imagesList#imagesListPreview li img:hover{border-width:2px;} /* FILES LIST STYLES */ #filesList{width:100%;max-width:1120px;margin:15px auto 5px;list-style:none;} #filesList li{width:100%;float:left;clear:left;margin:15px 0 50px 10px;padding-left:0;} #filesList li a{color:#25211c;background:inherit;font-size: 1.32em;font-weight:600;} #filesList li a:hover{color:#0eaacd;background:inherit;} #filesList img{margin:0 8px 6px 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: 6px;box-shadow: 0 0 15px 1px #000;} #quick-box .image-wrapper{position:relative;line-height:0;} #quick-box .image-wrapper img{margin:0;padding:0;border-radius: 6px;} #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:Verdana;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{width:100%;margin:50px auto 60px;list-style:none;max-width: 1140px !important;} #content .subpagesList li{float:left;width:31.533%;margin:10px 0;padding:18px 0.9%} * html #content .subpagesList li{width:100%;} /* IE 6 hack */ #content .subpagesList li .photo{margin:0 0 5px 0;} #content .subpagesList li h2{padding-bottom: 5px;margin: 10px auto 22px auto !important;text-align: left;width: 96%;text-transform: none;} #content .subpagesList li h2, #content .subpagesList li h2 a{color:#25211c;font-size:1.18em;text-align:center;font-weight:600;background:none;} #content .subpagesList li h2 a:hover, #content .subpagesList li h3 a:hover {color: #0eaacd;background:none;} #content .subpagesList li h3, #content .subpagesList li h3 a{color:#25211c;font-size:1.05em;text-align:center;font-weight:600;background:none;letter-spacing: 1px;} #content .subpagesList li div.description{font-weight:normal;font-size:1em;line-height:1.4em;width: 100%;margin:auto;} #content .subpagesList li ul, #content .subpagesList li ol{float:left;width:100%;margin:5px 0 0 30px;padding:0;} #content .subpagesList li li{padding:0;border-bottom:0;background:none;-webkit-box-shadow:none;box-shadow:none;} #content .subpagesList li ul{list-style:disc;} #content .subpagesList li ol{list-style:decimal;} #content .subpagesList li p{padding-bottom:10px;font-size: 1.22em;font-weight: 400;letter-spacing:0;line-height: 1.8em;margin: 22px auto 20px !important;max-width: 990px;color: #25211c;text-align: left;width: 100%;display:none;} /* OPTIONS LINK */ #options{clear:both;float:right;width:100%;margin:10px 10px;color:#554f53;font-size:1em;text-align:right;display:none;} /* drukuj ukryte */ *: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:#25211c;background:inherit;} #options .back, #options .print{float:right;} #options .print a{border-left:1px solid #e0e0e0;} .message{padding:50px 0;text-align:center;} .message h2{background:inherit;color:#25211c;font-weight:normal;font-size:2.4em;line-height:1.7em;} .message h2 a{color:#2e6a97;background:inherit;} .message h2 a:hover{color:#554f53;background:inherit;} /* PRODUCTS LIST */ #products{clear:both;float:left;width:100%;margin:0 0 0;list-style:none;background: #fff;padding:0 0 80px 0;} #products ul.list{width: 100%;list-style: none;max-width: 1600px;margin: 20px auto 0;} #products .list li{float:left;width:200px;margin-left:20px;padding:20px 0;text-align:center;} /*#products .list li{position:relative;clear:both;width:100%;margin:5px 0;padding:55px 0 40px;text-align:left;} */ #products .list li{position:relative;width:22%;margin:5px 1.5% 0;padding:55px 0 40px;text-align:left;float: left;} #products .list li li{float:none;width:auto;margin-left:0px;padding:0;border-top:0px;text-align:left;} #products ul.list{height:222px;}#products ul.list:hover{height:222px;} #products li .photo{margin:4px auto;text-align:left;font-size:0px;line-height:0px;} #products li h2{padding: 16px 0 0 0;font-weight: 600;font-size: 1.32em;text-align: left;line-height: 1.5em;margin: 20px 0 0;cursor:default;color: #25211c;} #products li h2 a{text-decoration:none;} #products li h2 a:hover{text-decoration:underline;} #products li p {margin-top: 15px;font-size: 1.16em;line-height: 1.58em;text-align: justify;} #products li h3{padding-bottom:5px;font-weight:normal;font-size:0.917em;} #products li h3, #products li h3 a{color:#1e1b15;} #products li h3 a:hover{color:#353131;} #products li h3 em{padding:0 5px;} #products li div.description{margin:10px 0 0;cursor:default;} #products li div.description a{color:#1e1b15;} #products li div.description a:hover{color:#353131;} #products li div.description ul, #products li div.description ol{margin:5px 0 0 25px;padding:0;} #products li .price, #products li .noPrice{margin:10px 0 50px 0;background-color:inherit;color:#1e1b15;font-weight:300;text-decoration:none;text-align: center;} #products li .price em{padding:0 6px 0 0;background:inherit;color:#1e1b15;font-style:normal;} #products li .price strong{font-size:1.167em;} #products li .noPrice strong{font-size:1.083em;letter-spacing: 1px;} #products li .price span{padding-left:4px;font-size:1.083em;color:#1e1b15;} #products li .basket{width:150px;margin:10px auto 0;padding-left:3px;font-size:0.917em;font-weight:bold;} #products li .basket a{display:block;padding:5px 32px 8px 7px;color:#fff;background:url('img/button_cart_list.png') no-repeat right bottom;text-decoration:none;text-shadow:1px 1px #630d2f;} #products li .basket a:hover{text-shadow:0px 0px 5px #e9c0d1;} #products .pages{float: left;width:100%;margin:60px 0 0 0;padding:9px 0;border:0;background:none;text-align:left;font-size:1em;} #products .pages li{margin:0;padding:0 3px;border:0;background:none;} #products .pages a, #products li.pages strong {padding: 0 1px;font-size: 1.2em;padding:16px 21px;color: #484845;border: 0 solid #fff;background: #fff;} #products .pages a:hover {color: #fff;background:#25211c;} #products .pages .viewAll{padding-right:8px;border-right:1px solid #554f53;} #products .pages .title{padding-left:8px;border:none;} #products .pages#pagesBefore{clear:none;width:auto;display: none;} /* pierwsze listowanie - ukryte */ #products .pages .viewAll, #products .pages .title, #products .sort {display:none;} .pages{padding:10px 0 8px;text-align:right;font-size:1em;} .pages ul, .pages li{display:inline;} .pages li{padding:0 2px;} .pages strong{font-size:1.2em;font-weight:700;border: 1px solid #25211c;padding: 15px 20px;color: #fff;background:#25211c;} .pages a{font-size:1.2em;font-weight:300;border: 1px solid #25211c;padding: 15px 20px;color: #fff;background:#25211c;} #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 #554f53;} #products .sort li:last-child{border:none;padding-right:0;} #products .sort li a{font-weight:normal;} .wiecej {width:100%;text-align: center;padding: 50px 0;} .wiecej a{text-transform: uppercase;border:1px solid #25211c;padding:10px 22px;letter-spacing: 1px;-webkit-transition: all 0.5s;transition: all 0.5s;} .wiecej a:hover{color:#fff;border:1px solid #25211c;background:#25211c;} .socialmedia {width:100%;margin-top:20px;text-align: center;} .socialmedia img {width: 18px;height:auto;margin:8px;opacity:0.6;-webkit-transition: all 0.5s;transition: all 0.5s;}.socialmedia img:hover {opacity:1;} /* PRODUCTS DETAILS */ #product{float:left;display:block;width:94%;margin:0 20px 100px 0;text-align:left;} * html #product{margin:0;} /* IE 6 hack */ #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:#554f53;} #product div.breadcrumb a:hover{background-color:inherit;color:#25211c;} #product div.breadcrumb em{padding:0 5px;} #product #box{float:right;width:100%;margin:0 0 40px 10px;padding:0 0 10px;text-align:center;} #product #box form{font-weight:bold;} #product #box #price, #product #box #noPrice{padding:7px 0;color:#554f53;font-size:1.2em;text-align:center;} #product #box #noPrice{color:#25211c;} #product #box #price em{font-style:normal;} #product #box #price strong{padding:0 6px;font-size:1.176em;color:#25211c;font-weight:bold;} #product #box #available{padding:8px 2px 0;background-color:transparent;color:#554f53;font-weight:bold;font-size:0.9em;display:none;} /* dostępnosć ukryte */ #product #box #addBasket{padding:10px 0 5px;} #product #box #addBasket .submit{width:176px;padding:5px 25px 8px 5px;border:0;background:url('img/button_cart.png') no-repeat right bottom;background-color:inherit;color:#fff;font-size:1.1em;font-weight:bold;text-shadow:1px 1px #630d2f;} #product #box #addBasket .submit:hover{text-shadow:0px 0px 5px #e9c0d1;} #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;font-size: 1.26em;} #product div.content h2{font-size: 1.75em;} #product div.content a {text-decoration: underline;}#product div.content a:hover {text-decoration: none;} /* BASKET AND ORDER */ #orderedProducts table{width:100%;margin:0;border-bottom:2px solid #e0e0e0;font-size:1em;color:#25211c;text-shadow:1px 1px #e0e0e0;} #orderedProducts td, #orderedProducts th{padding:6px 7px;} #orderedProducts thead .price, #orderedProducts thead .quantity, #orderedProducts thead .summary{text-align:right;} #orderedProducts thead td{padding-bottom:11px;background:#2e6896;color:#fff;text-shadow:1px 1px #17344b;} #orderedProducts thead em{padding:0 4px 0 0;font-style:normal;} #orderedProducts tbody th, #orderedProducts tbody td{border-top:2px solid #fff;background:#f0f6fa url('img/body.png');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{display:none;} #orderedProducts tbody a:hover{background:inherit;color:#554f53;} #orderedProducts tfoot{background:url('img/body.png');text-align:right;} #orderedProducts tfoot .summaryProducts, #orderedProducts tfoot .summaryProducts th, #orderedProducts tfoot .summaryShippingPayment, #orderedProducts tfoot .summaryOrder{text-align:right;} #orderedProducts tfoot .nextStep .submit{background:#25211c;text-shadow:1px 1px #630d2f;} #orderedProducts tfoot .nextStep .submit:hover{background:#154a72;text-shadow:1px 1px #17344b;} #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:#25211c;} #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:#554f53;} #basket .del a:hover{background:inherit;color:#25211c;} #basket .buttons #continue{text-align:left;} #basket .buttons #continue .submit{margin-right:5px;padding:3px 5px;} #basket #pageDescription{margin-top:10px;} #basket legend{display:none;} #basket #save{padding:7px;} #basket #save .submit{margin-right:5px;padding:4px 9px;background:#f2f2f2;color:#554f53;border:2px solid #e0e0e0;font-weight:normal;text-shadow:none;} #basket #save .submit:hover{background:#154a72;color:#fff;} #order legend{display:block;padding:20px 0 10px;border:0;font-size:1.2em;font-weight:bold;color:#2e6a97;text-shadow:1px 1px 3px #e0e0e0;} #order #personalData{padding:12px 3%;border-top:2px solid #e0e0e0;border-bottom:2px solid #e0e0e0;background:url('img/body.png');overflow:hidden;} #order #personalData #setBasic, #order #personalData #setExtend{float:left;width:50%;} #order #personalData label{display:block;padding:2px 0;font-weight:bold;color:#2e6a97;text-shadow:1px 1px #e0e0e0;} #order #personalData .input, #order #personalData #oComment{width:90%;margin:0 0 5px;} #order #personalData #oComment{height:125px;} #shippingAndPayments div{padding:11px 3%;border-top:2px solid #e0e0e0;border-bottom:2px solid #e0e0e0;background:url('img/body.png');} #order tfoot td, #orderPrint tfoot td{color:#25211c;} #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:#554f53;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:#554f53;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:#25211c;font-weight:normal;font-size:1.5em;} #orderPrint #pageDescription p{padding:5px 0;} #orderPrint .legend{clear:both;padding:20px 0 10px;background:inherit;color:#2e6a97;font-size:1.2em;font-weight: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:#fff url('img/body.png');} #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:3%;font-weight:bold;} #orderPrint dd.orderComment, #orderPrint dd.orderIP{font-weight:normal;} /* FOOTER - SITE AND SCRIPT COPYRIGHTS STYLES */ .galeria-stopka {width: 100%;clear: both;line-height: 0;-webkit-transition: all 0.5s;transition: all 0.5s;background:#000;max-width: 1920px;max-width: 100%;margin: auto;} .galeria-stopka h2 {margin:30px auto 50px;color:#25211c;text-transform: uppercase;} .galeria-stopka img {width:14.2%;opacity:0.46;-webkit-transition: all 0.5s;transition: all 0.5s;border:1px solid #000;border-left:0;border-top:0;}.galeria-stopka img:hover {opacity:1;} #foot{clear:both;width:100%;padding:50px 0;max-width: 1920px;max-width: 100%;margin: auto;} #foot .container{max-width:1200px;margin:0 auto;padding:5px 0;color:#145a6a;overflow:hidden;font-size:1.18em;border-top:0px solid #145a6a;letter-spacing: 0.25px;} #foot .container span {margin:0 12px;} #foot a{background:inherit;color:#145a6a;text-decoration:none;font-weight:400;} #foot a:hover{color:#0eaacd;background:inherit;} .menu-foot {width:100%;margin:60px auto;text-align: center;max-width:800px;border-top: 0px solid #ffe6f0;border-bottom: 1px solid #333;padding:0 0 60px 0;display: flow-root;} .menu-foot #menu1 {float: none;border-top:none;} .menu-foot #menu1 li a, .menu-foot #menu1 li:last-of-type a {color:#145a6a;padding: 11px 15px;font-size: 0.88em;border-bottom:none;background: transparent;margin: 0 10px;} .menu-foot #menu1 li a:hover, .menu-foot #menu1 li:last-of-type a:hover {color:#0eaacd} #copy, .foot{padding:30px 25px 0px;line-height: 1.9em;text-align: right;font-weight: 400;font-size: 0.92em;} #powered img{vertical-align:middle;} .formularz {padding: 0 ;margin: 7px 0;width: 46%;float: right;} .formularz h2, .formularz p {color:#2e2323;margin:0;} .formularz-pola {max-width: 640px;margin:0 auto;text-align: center;} .pole {padding:12px 3%;background:#fafafa;border:1px solid #eee;width:93%;float:left;margin:20px 2% 0 0;font-size: 16px;color:#2e2323;font-weight:300;font-family:'lato',arial,tahoma,verdana;border-radius: 6px;-webkit-transition: all 0.3s;transition: all 0.3s;border-radius: 25px;} .pole-opis {padding:14px 2%;background:#fafafa;border:1px solid #eee;width:95%;float:left;margin:20px 2% 0 0;font-size: 16px;color:#2e2323;font-weight:300;font-family:'lato',arial,tahoma,verdana;border-radius: 6px;height:80px;-webkit-transition: all 0.3s;transition: all 0.3s;border-radius: 25px;} .wyslij {border: 2px solid #0eaacd; padding: 13px 35px 14px 40px; font-size: 13px; font-weight: 600; font-family: 'Montserrat',Arial,Verdana,Tahoma; color: #fff; background: #0eaacd; margin-top: 0; cursor: pointer; transition: 0.5s; text-transform: uppercase; letter-spacing: 1px; border-radius: 30px;float: left;} .wyslij:hover {background:#fff;color:#0eaacd;border:2px solid #0eaacd;} .pole:hover, .pole-opis:hover {border:1px solid #ddd;background: #fff;} .formularz-check {width: 100%;clear: both;padding: 26px 0;font-size: 11px;line-height: 18px;text-align:justify;font-family: Arial, Verdana, sans-serif;color:#8c8888; font-weight: 300;} .kontakt-opis {width:50%;float: left;} @media print{ /* PRINT STYLES */ #rss{display:none;} * {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{display:none;} } /* PLUGINS */ /* ZMIANY */ .opis-wstep {background:#fff;margin:0 auto 0;text-align:center;padding:120px 0 0;clear: both;} .slogan, .banner-dalej, .galeria-stopka, .menu-foot {display:none;} /* accordion */ .accordion { background-color: #f4f0ed; color: #323232; cursor: pointer; padding: 18px 3% !important; width: 94%; border: none; text-align: left;outline: none; font-size: 1.3em; transition: 0.4s; margin: 0 auto 1px auto; font-family: 'Roboto', arial, tahoma, verdana; font-weight: 300;} .accordion:after { content: '\002B'; color: #323232; font-weight: 300; float: right; margin-left: 5px;} .active-accordion:after { content: "\2212"; color: #fff; font-weight: bold} .panel { padding: 0; background-color: white; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;} .panel p { margin: 0 auto !important; font-size: 1.2em; padding: 14px 20px 4px !important; line-height: 22px;} .active-accordion,.accordion:hover { background-color: #4ccdea; color: #fff} .panel .pozycja { margin: 0; height: auto; min-height: 32px; padding: 4px 1%;} .panel .pozycja:nth-child(even) { background: #ecf4f7;} .panel .pozycja:first-of-type { margin-top: 10px;} .panel .pozycja div {margin: 0 ;width: 98%; padding: 2px 0;font-size: 1.3em; color: #112d3e; font-weight: 300; font-family: ''Open Sans'', arial, tahoma, verdana; line-height: 1.7em; letter-spacing: 0.25px;} .panel .pozycja div:nth-child(odd) {float: left;width: 81%;text-align: left;padding-left: 1%} .panel .pozycja div:nth-child(even) {float: right;width: 17%;text-align: right;padding-right: 1%} .panel div li { font-size: 1.2em !important;} .panel a { font-size: 1.2em} .panel li a { font-size: 1em !important; font-weight: 400} .panel .pozycja { height: auto; min-height: 32px; justify-content: space-between;} .panel span.right { white-space: nowrap; margin-left: 50px; font-weight: 600;float: right;} .panel .pozycja:nth-child(even) { background: #fbf8f6;} @media (min-width: 768px) { .banner-dalej, .galeria-stopka, .menu-foot {display:block;} } @media (max-width: 768px) { body, table {font-size: 0.65em;} #body .container {width: 88%;margin: 50px auto 0;} h1,h3 {font-size: 1.45em;line-height: 1.7em;} #content .subpagesList li h2 {margin: 50px auto 10px auto;} #content, #product, #page {float: none;width: 100%;padding: 0 0;text-align: left;background: transparent;clear: both;display: inline-table;} #foot a, #copy, .foot {width: 100%;text-align:center;display: block;padding:6px 0;} #foot {padding: 40px 0 30px 0;font-size: 1em;} #copy {padding-bottom:22px;} .socialmedia-foot img {width: 28px;} .socialmedia-foot div {width: 20%;padding: 0 2.5%;float: left;text-transform: uppercase;font-size: 0.75em;} #content .subpagesList li p, #content .subpagesList li h2 {width:100%;} #foot span, .menu {display:none;} #content .imagesList li {text-align: center;width: 100%;margin: 10px 0;} #content .imagesList li img {height: auto;} #products .list li {padding: 55px 0 10px;} #menu1 li {padding: 9px 0 5px 5px;} .socialmedia-top img {margin: 6px 3px;} .socialmedia-top {margin: 24px 20px 20px;} .socialmedia-top span:first-of-type {display:none;} #searchForm .input {width: 92%;} #content .subpagesList li {width: 99%;margin: 10px 0;padding: 18px 0.5%;} #content .subpagesList {width: 100%;margin: 50px auto 70px;float:none;display: block;} .start-opis {padding: 60px 6% 120px;} #page div.content {width:100%;margin: auto} .kontakt-opis,.formularz {width: 100%;float: none;padding: 0 ;} .accordion-block { margin: 33px 40px 0 0; } #head1 { height: 82px; } } @media (min-width: 1025px) { .banner-mobile, .menu-mobile {display:none;} .accordion-block {display: grid;} .accordion-block span {display: none;} } @media (max-width: 1360px) { #menu1 li a {padding: 14px 0;margin: 0 8px;} #menu1 li {padding: 0;} .accordion-block {margin: 37px 0 0 20px;} #head1 {height: 112px;} } @media (max-width: 1024px) { .menu {display: none;} .banner-mobile, .menu-mobile {display:block;} #head1 {height:auto;} .open-menu {margin: 10px auto;text-align: center;font-size: 1.2em;cursor:pointer;position: absolute;top: 12px;right: 20px;} .sidenav {height: 100%;width: 0;position: fixed;z-index: 11;top: 0;left: 0;background-color: rgba(255,255,255,0.98);overflow-x: hidden;transition: 0.5s;padding-top: 60px;text-align:center;} .sidenav a {padding: 15px 0;text-decoration: none;font-size: 25px;color: #554f53;display: block;transition: 0.3s;font-family: 'Lato', Arial, Helvetica, sans-serif;} .sidenav a:hover{color: #0eaacd;background: #fff} .sidenav .closebtn {position: absolute;top: 5px;right: 5px;font-size: 3.2em;margin-left: 50px;padding: 0 17px;} .sidenav .closebtn a {padding: 0} .lang_mob {/*display:ruby;*/display: grid;font-size: 1em;margin: 30px auto 0} .lang_mob a {font-size: 0.7em;font-weight: 600;padding: 10px;margin: 15px 10px 0;display: contents;} .menu-mobile {font-size: 2em;} #menu1 {float:none;border-top:0;margin-top:50px;} #menu2 li, #menu1 li {display: grid;} #menu2 li a, #menu1 li a, #menu1 li:last-of-type a {color:#25211c;font-size: 0.75em;border-top:0;padding: 10px 0;margin:0 auto;background: transparent;} #menu2 li a:hover, #menu1 li a:hover {color:#0eaacd;border-top:0 !important;margin-top: 0;} #logo img {max-width: 92px; margin:8px 0 0 0 !important;margin: 15px 0;height: auto;} .accordion-block {margin: 30px 55px 0 0;} #head1 {height: 85px;} } .youtube {width: 100%;margin: 0 5%;margin: auto;} .youtube iframe {width:100%;height: 220px;margin:20px auto 0;} @media (min-width:480px) {.youtube iframe {width:100%;height: 280px;}} @media (min-width:640px) {.youtube iframe {width:100%;height: 360px;}} @media (min-width:768px) {.youtube iframe {width:100%;height: 460px;}} @media (min-width:960px) {.youtube iframe {width:100%;height: 580px;}} @media (min-width:480px) {.youtube {width:100%;height: auto;}} @media (min-width:640px) {.youtube {width:100%;height: auto;}} @media (min-width:768px) {.youtube {width:100%;height: auto;}} @media (min-width:960px) {.youtube {width:100%;height: auto;}} .fb {width: 42px !important;height: 42px;position: absolute;bottom: 46%;right: 2%;} .zapisz {width: 40%;float: right;padding: 20px 5% 0;} .ofertowki {width: 100%;margin: 0 auto 50px;} .ofertowki span {width: 100%;display: block;} .ofertowki button {padding: 13px 5%;margin: 10px 2%;width: 96%;} @media (min-width:960px) { .ofertowki span {width: 98%;margin: 0 1%;} }