@import url('animate.css');


              .targi { text-align: center; flex-direction: column; align-items: center; justify-content: center; height: 100vh; min-height: 300px; position: relative;   display:flex; width:100%; background-position: bottom; background-attachment: fixed; background-image: url(/images/targibg.jpg); color: #fff;  background-size: cover; }
              .targi * { text-transform:uppercase;}
              .targi img { width:95%; height:auto; min-width:150px; max-width:600px; }
              .targi span { font-size:3.5rem; margin-bottom:1rem;}
              .targi strong { font-size:3.5rem; margin:1rem;}
              .targi a { text-decoration:none; font-size:1.5rem; background:#fff; padding:1rem 2rem; color:#325067;}
              .targi a:hover { background:#ccc; }

        
        .product .pGallery {width:100%; margin:0px 5px 5px 0px; float:left; position: relative;}
        .product .pGallery .all {  overflow-x: auto; overflow-y: hidden;  white-space: nowrap; } 
        .product .pGallery .all img {cursor:pointer;}
        .product .pGallery .all .this {border:2px solid #000;}
        .product .pGallery .close { display:none; }
        
        .product .pGallery .n, .product .pGallery .p {cursor:pointer; display:table; text-align:center; line-height:35px; height:38px; padding:0px; font-size:1.6em; width:15px; color:#fff; background:#000; position:absolute; z-index:8; margin:0px auto 0px auto; top:40%; }
        .product .pGallery .n { right:0px;}  
        
        
        .big {width:100%; height:auto; display:table; margin:1% auto; cursor:pointer;}
        .small {display:inline-table; width:100%; height:auto; margin:0px 3px; max-width:120px; }
        
        .product .fullScreen {position:fixed; background-color:rgba(0, 0, 0, 0.95); width:100%; height:100%; top:0; left:0; z-index:9999; }
        .product .fullScreen .big {display:table; margin:1% auto; width:auto; height:100%;  max-height:80%; max-width:90%; cursor:auto;}
        .product .fullScreen .big:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  filter: alpha(opacity=100);  -moz-opacity: 1; -khtml-opacity: 1;  opacity: 1; }
        .product .fullScreen .all { position:absolute; background:#000; padding:0.5%; bottom:0px; width:100%; overflow-x: scroll;  overflow-y: hidden;  white-space: nowrap;  text-align:center;   }
        .product .fullScreen .all img {display:inline-table; display:inline-table;  width:100%; height:auto; max-height:90px; margin:0px 3px; max-width:auto; }
        .product .fullScreen .close {display:table; position:absolute; z-index:10; top:1%; right:1%; cursor:pointer; width:25px; height:auto;}
        .product .fullScreen .all .this {border:2px solid #fff;}
        
        .product .pGallery .n:hover, .product .pGallery .p:hover, .close:hover, .small:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";  filter: alpha(opacity=50);  -moz-opacity: 0.5; -khtml-opacity: 0.5;  opacity: 0.5; }  
      
        .product .cena select {border:1px solid #ccc; font-size:0.8em;  margin-left:0px;}
        .product .ddk { margin:10px 0px;  }
        .productdetal form { padding:0px;}
        .cena {font-weight:900; font-size:1.7em !important;}
        .cena select {font-weight:100; font-size:0.55em !important;}
        
        
        
        @media only screen and (max-width: 1200px) {
         .product { width:990px;}
        }
        
        
        @media only screen and (max-width: 990px) {
         .product { width:650px;}
              .targi span { font-size:1.8rem; margin-bottom:1rem;}
              .targi strong { font-size:1.8rem; margin:1rem;}
              .targi a { text-decoration:none; font-size:1rem; background:#fff; padding:1rem 2rem; color:#325067;}         
        }
        
        @media only screen and (max-width: 650px) {
         .product { width:100%;  margin:0px auto; display:table;}
         .product .pGallery {width:100%; float:none; margin-right:0%; }
         .product .productdetal {  float:none; width:100%; }
                 .product .pGallery .n, .product .pGallery .p { top:33%; }
        }     


@font-face {
    font-family: 'futurpeeextbolregular';
    src: url('fonts/fe11008p-webfont.eot');
    src: url('fonts/fe11008p-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/fe11008p-webfont.woff2') format('woff2'),
         url('fonts/fe11008p-webfont.woff') format('woff'),
         url('fonts/fe11008p-webfont.ttf') format('truetype'),
         url('fonts/fe11008p-webfont.svg#futurpeeextbolregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

a {color:#325067;}

.lang {position:absolute; margin:5px; padding:0px;}
.lang li {display:inline;}

.thumb {overflow:hidden; height:150px;}

#cpBox { font-size:10px; font-family:Arial, Helvetica, sans-serif; margin:auto 0px 0px 0px; width:100%; bottom:0px; position: fixed; text-align:center; color:#000; background-color:#fff; padding:5px; z-index:999999;}
#cpBox a { color:#000;}
.cpBoxClose { cursor:pointer; color:#000; }
.cpBoxClose:hover { color:#CCCCCC;}

body, aside, section, header, article, content, hgroup, nav, footer { margin:0px; padding:0px; }

body {font-family: 'Roboto', sans-serif; color:#888;}
input, textarea, select, .reg {font-family: 'Roboto', sans-serif; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; }



.seo {float:right; width:250px; margin:8px 0px; padding:15px 0px; font-size:0.8em; border-top:1px solid #ccc;  }

#s1 { height:50px; background:#333;}

#mk { width:30px; height:auto;  float:right; margin:35px 8px; }
#koperta { width:30px; height:auto; height:auto; margin:37px 8px; float:right; }
.basket {  width:35px; height:auto; height:auto; float:right; margin:35px 8px; }

.flag1 { width:30px; height:auto; height:auto; margin:37px 8px; float:right; }
.flag2 { width:30px; height:auto; height:auto; margin:37px 8px; float:right; }

#s1 #nc {float:left; color:#fff; font-size:0.9em; line-height:50px; text-transform:uppercase;}

#s2 { height:100px; background:#fff;}
#s2 h2{ line-height:auto !important; padding:0px; margin:50px auto auto 20px; float:left;  width:300px;  color:#333; font-size:1.2em; text-transform:uppercase;}


.points-wrap {width:30px; height:150px;  position:absolute; top:200px; left:25px; z-index:8;}
.points { display:table; margin:22px auto; width:auto;    }
.points div { width:20px; height:20px; background:#fff; margin:5px; float:left;}
.points .this { background:#325068;}

#slideshow .tel, .tele {bottom:15px; right:15px; background:url(images/tel.png) no-repeat 15px 10px #fff; background-size: 30px auto; display:inline-table; margin:15px 0px 0px 0px; position:absolute; z-index:8; text-align:right; -webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px; padding:0px 30px 0px 60px;  }
#slideshow .tel h5, .tele h5 {color:#000; padding:0px; margin:0px; font-size:1.2em; font-weight:100; margin-bottom:5px;}
#slideshow .tel p, #slideshow .tel a, .tele a, .tele p { line-height:50px; text-decoration:none;  margin:0px;  font-weight:900; font-size:1.2em;}
#slideshow .tel span, .tele span { font-size:0.9em; line-height:35px;}
#slideshow .tel a:hover, .tele a:hover {color:#000;}

 .tele {bottom:auto; top:100px; margin:15px auto auto -15px; right:auto;}

#slideshow .fb {position:absolute; z-index:8; bottom:15px; left:15px;}


#search {position:absolute; z-index:8;  padding:15px;  background:#325068;   display:table; left:50%;  margin:-45px 5px auto -190px; -webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;}
#search input { border:none; width:120px; background:#fff; font-size:1em; padding:8px 25px; line-height:35px; font-weight:400;  color:#000; width:250px; -webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;}
#search .submit {  float:right;  cursor:pointer; background:url(images/lupa.png) no-repeat center 8px ; background-size: 32px auto;  margin:0px 0px; display:block; width:45px; height:45px; overflow:hidden; text-indent:-2000px;}
.stat {position:relative !important; margin:0px 5px 30px -250px !important; }
.stat input {width:500px !important;}
.stat .submit {width:45px !important;}


#bd {left:50%; margin:200px auto auto -400px; -webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px; background:#fff; font-size:1.3em; color:#325068; text-align:center; position:absolute; width:300px; height:200px;}
#bd img {display:table; margin:20px auto 10px auto;}


#ddos {right:10%; margin:180px auto auto 0px; -webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px; background:#fff; font-size:1.3em; color:#d93a03; text-align:center; z-index:8; position:absolute; width:300px; height:200px;}
#ddos img {display:table; margin:20px auto 10px auto; width:115px; height:auto;}
.ddos {color:#d93a03;}  

#s3 { height:100px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e2e2e2+46,ffffff+100 */
background: #e2e2e2; /* Old browsers */
background: -moz-linear-gradient(top,  #e2e2e2 46%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #e2e2e2 46%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #e2e2e2 46%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
#s4 { background:#325067; color:#fff; padding:8px 10px; font-size:0.9em;}
#s4 a { color:#fff; text-decoration:none;}
#s4 a:hover { color:#ccc; }
#s5 { background:#000; text-align:center; color:#eee; padding:8px 10px;}

#slideshow-box { height:560px; background:#fff;}
#slideshow-box .s1 {  height:560px; background:url(images/AdobeStock_215656672.jpeg); background-attachment: fixed; background-position: center; background-repeat: no-repeat;  background-size: cover;  }
#slideshow-box .s2 {  height:560px; background:url(images/AdobeStock_171700771.jpeg); background-attachment: fixed; background-position: center; background-repeat: no-repeat;  background-size: cover;  }
#slideshow-box .s3 {  height:560px; background:url(images/AdobeStock_74883516.jpeg); background-attachment: fixed; background-position: center; background-repeat: no-repeat;  background-size: cover;  }
#slideshow-box .s4 {  height:560px; background:url(images/AdobeStock_124751154.jpeg); background-attachment: fixed; background-position: center; background-repeat: no-repeat;  background-size: cover;  }


#slideshow {border-bottom:8px solid #325067; height:560px; background:#fff; overflow:hidden;  position:relative;}
#slideshow  .contener { height:560px; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; }


#slideshow-box .slashr { height:560px; background:url(images/slider/slashr.png) no-repeat; background-position: right -450px top; }
#slideshow-box .slashl { height:560px; background:url(images/slider/slashl.png) no-repeat; background-position: left -450px top; }

#slideshow-box .slashr .text {text-transform:uppercase; color:#fff; position:absolute; display:table; left:50%; width:1200px; margin:230px auto auto -600px; font-size:1.6em;  text-align:right;  }
#slideshow-box .slashr span {width:350px;  display:table; margin:auto 0px auto auto;}
#slideshow-box .slashr .text strong {display:block; font-size:1.6em; margin-bottom:15px; }

#slideshow-box .slashl .text {text-transform:uppercase; color:#fff; position:absolute; display:table; left:50%; width:1200px; margin:230px auto auto -600px; font-size:1.6em;  text-align:left;  }
#slideshow-box .slashl span {width:350px;  display:table; margin:auto auto auto 0px;}
#slideshow-box .slashl .text strong {display:block; font-size:1.6em; margin-bottom:15px; }


#slideshow-box .textcenter  { text-transform:uppercase; text-align:center; color:#fff; font-size:1.6em; position:absolute; display:table; width:900px; left:50%; margin:350px auto auto -450px;}
#slideshow-box .textcenter   strong {display:block; font-size:1.7em; margin-bottom:15px; }
.sbs2 {margin-bottom:20px;}

#about { height:400px; background:#fff;}
#blog { height:600px; background:#444;}
#contact {color:#333; height:330px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5e5e5+0,ffffff+31 */
background: #e5e5e5; /* Old browsers */
background: -moz-linear-gradient(top,  #e5e5e5 0%, #ffffff 31%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #e5e5e5 0%,#ffffff 31%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #e5e5e5 0%,#ffffff 31%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */}
#contact a {color:#333;}
#contact a:hover {color:red;}
#contact h4 { font-size:1.8em; text-transform:uppercase; padding:0px; margin:0px; line-height:100px;}
#contact h5 {text-indent:25px; font-size:1em; padding:0px; margin:0px; text-transform:uppercase;}
#contact .sector { display:table; float:left; width:360px;  margin-left:30px;}
#contact .sector iframe { position:absolute; }
#contact #map { margin-top:30px;}
#contact #fblike {margin:0px 35px auto 10px;}
#contact .phone {position:absolute; width:15px; height:auto; margin:-5px auto auto -25px;}
#contact .email {position:absolute; width:17px; height:auto; margin:3px auto auto -25px;}
#contact .adres {position:absolute; width:25px; height:auto; margin:-5px auto auto -30px;}

section, .wrap { width:1200px; display:table; margin:0px auto;}
section { color:#333; padding-bottom:30px;  height:500px;}
section input { color:#666666; padding:8px; background: #FFFFFF;  width:230px; border:1px solid #999;   }
section textarea {border:1px solid #999; padding:8px; color:#666666; font-family:arial;  background: #FFFFFF;  width:250px; height:120px; margin-top:15px;}
section select { color:#666666; padding:8px; background: #FFFFFF;  width:248px; border:1px solid #999;   }

.logo { width:290px; height:auto;  margin-top:5px; float:left;}
.podpis {font-size:0.9em;}
.podpis a { color:#999; text-decoration:none;}

#menu { float:left; margin:40px 0px 0px 30px;}
#menu ul {background:#fff;   margin:auto; display:table; padding:0px; }
#menu li { float:left; display:block;}
#menu li a { display:block;  text-transform:lowercase; padding:0px 25px; color:#325067;  text-decoration:none; font-size:1.1em; line-height:50px; }

#menu .start {background:url(images/home.png) no-repeat 15px 10px #333; background-size: 30px auto; text-indent:-1000px; display:block; width:0px; }
#menu .start:hover {background:url(images/home.png) no-repeat 15px 10px #000; background-size: 30px auto; color:#fff;}
#menu .msearch {float:right; border:0px;}

#menu ul ul {background:none; border:0px; border-top:5px solid #ffb937; width:1200px; height:auto; z-index:9; margin:auto; display:none; position:absolute; padding:0px; left:50%; margin-left:-600px;}
#menu ul ul li a { display:block; background:#ccc; border:0px; width:178px; margin:1px; padding:0px 30px; color:#333; font-weight:900; text-decoration:none; font-size:0.9em; line-height:50px; }

#menu  li:hover ul { display: table; }


.scroll { position:fixed; background:#325067 !important; top:0px;  left:0px; width:100% !important; z-index:9;}
.scroll ul {background:none; border:0px; border-top:5px solid #ffb937; width:100% !important; height:auto;  display:none; position:absolute; padding:0px; left:0px !important; margin:50px 0px !important;}
.scroll  a {color:#fff !important;}

#cat-list { width:1200px;  margin:auto; text-align:center; display:table; padding:0px; }
#cat-list li {  margin:40px 5px; display:inline-table;   }


#cat-list a {  color:#fff; text-decoration:none;  display:table; margin:0px;  text-align:center;  }



#productsList, #line-products { width:1200px;  margin:20px auto; display:table; padding:0px; }
#productsList li, #line-products li { margin:0px 47px 0px 0px; display:table; float:left;  width:200px; height:400px !important; border:1px solid #ccc;  }
#productsList li:hover, #line-products li:hover {  border:1px solid #325067;  }
#line-products li { margin:0px 47px 0px 0px !important; }
#productsList li:last-child, #line-products li:last-child { margin:0px !important; }

#productsList {width:930px; margin:20px 0px; }
#productsList li, #line-products li { margin:0px 30px 30px 0px;}
#productsList li:last-child { margin:0px; }

#productsList .img, #line-products .img {  overflow:hidden; display:block; height:150px;   }

#productsList a, #line-products a {text-decoration:none;}
#productsList img, #line-products img { display:table; margin:auto;  max-width:200px; max-height:150px; width:auto; height:auto; }
#productsList .price, #line-products .price {color:#000; text-align:center; font-size:1.3em; text-indent:10px; line-height:40px; font-weight:900;}
#productsList .price s, #line-products .price s { color:#888; font-size:0.7em;}
#productsList h5, #line-products h5 { margin:10px 10px; font-size:1em; line-height:25px; color:#666;  height:100px; display:block; overflow:hidden; }
#productsList .ddk, #line-products .ddk, .product .ddk {cursor:pointer; margin:10px 25px; background:url(images/ddk.png) no-repeat 8px 10px #cc6e27;  background-size: 15px auto; color:#fff; padding:8px 12px 8px 35px; font-size:0.8em; font-weight:900; width:150px;  text-transform:uppercase; border:0px;}
#productsList .ddk:hover, #line-products .ddk:hover, .product .ddk:hover {background:url(images/ddk.png) no-repeat 8px 10px #000;  background-size: 15px auto;}
.pricepln {display:none;}

.product { float:right;}
.product h2 {font-weight:400;}
.product #pIMG {  width:450px; margin:0px 5px 5px 0px; float:left;}
.product #pIMG img {width:450px; height:auto;}
.product #pIMG .pThumbIMG img { width:100px; height:auto; margin:2px;}
.product .productdetal {  float:right; width:100%; margin-left:0px;}
.product .cena {color:#000000; font-size:1.3em; margin-bottom:8px; text-align:right;}
.product .cena select {border:1px solid #ccc; font-size:0.8em;  margin-left:10px;}
.product .productdetal h6 {color:#999; font-weight:100; font-size:1.3em; padding:0px; margin:0px; line-height:40px;}
.product .fbsharelink img {cursor:pointer; width:150px; height:auto; margin:5px auto auto 25px;}

.product .productdetal .ddk {margin:15px 0px 5px auto; display:table;}

.prop {float:left;width:100%; max-width:1200px; margin:35px auto; display:table;}


#cat-wrap { width:900px; margin-left:50px;   display:inline-table;}

.bC { border-bottom:1px solid #ccc; margin-bottom:30px; color:#ccc; height:35px; }
.bC a {color:#ccc; text-decoration:none; }
.bC a:hover {color:888; }

#p-katalog {float:left; display:table; width:200px; margin:-20px 0px;} 
#p-katalog h2 { padding:0px; margin:0px; color:#ccc; font-size:1.3em; line-height:50px; font-weight:400; text-transform:lowercase; }
#p-katalog a { -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; color:#fff; background:#325067; margin:2px 0px; display:block; padding:5px 10px; text-decoration:none; font-size:0.8em; line-height:25px; }
#p-katalog a:hover { color:#fff; background:#333;}
#p-katalog ul { list-style: none; margin:15px 0px; padding:0px;}


.pagination {  text-align:left; margin-bottom:15px;   }
.pagination a, .pagination strong { text-align:center; display:inline-block; width:25px; height:25px; line-height:25px; color:#325067; border:1px solid #325067; font-size:14px; padding:15px; text-decoration:none;  margin:5px 1px;}
.pagination strong { color: #fff; background:#325067;}
.pagination a:hover { background:#000; color:#fff;}


h1 {  margin:10px auto; text-align:right; width:100%; max-width:1200px; display:table;  font-weight:400; padding:0px 0px 10px 0px; text-transform:lowercase;   font-size:2em; color:#ccc; line-height:55px;}
h3 {  margin:10px auto; display:table; background:url(/images/arrow.png) no-repeat center 60px; font-weight:400; padding:0px 0px 50px 0px; text-transform:lowercase;   font-size:2em; color:#325067; line-height:55px;}

#homeinfo {width:1200px; display:table; margin:30px auto;}
#homeinfo div {line-height:28px; display:none; background:#444; border-left:5px solid #f23533; padding:15px 25px; width:940px; height:340px; text-align:center; color:#fff; }
#homeinfo div img {margin-top:35px;  opacity: 0.7;   filter: alpha(opacity=50);}
#homeinfo .show { display:table;}
#homeinfo ul {float:left; padding:0px; margin:0px;}
#homeinfo li {cursor:pointer;   display:block; border-bottom:1px solid #ccc; color:#333; text-transform:uppercase; line-height:60px; font-weight:900; font-size:0.9em; text-indent:20px; width:200px;   }
#homeinfo li:hover {   background:#eee; }
#homeinfo .this { background:#f23533; color:#fff;}
#homeinfo div h4 {color:#fff; text-transform:uppercase; text-align:left;  font-size:2em; padding:0px; margin:10px 0px; }



#rej strong #cD strong { font-weight:100; line-height:35px; font-size:0.9em;}
#rej h4 { font-weight:100; font-size:1.8em; margin:0px; padding:15px 0px;}
#cD strong { font-weight:100; line-height:35px; font-size:1em; }

#cD .submit { background:#325067; color:#fff; margin:10px auto; display:table; border:0px; cursor:pointer;}
#cD .submit:hover { background:#666; }

.rejL { margin:25px auto; border-top:1px solid #ccc; padding:15px; background:#f7f7f7; }
.rejP { margin:25px auto; border-top:1px solid #ccc; padding:15px; background:#f7f7f7; }
.submit input {background:#325067; color:#fff; font-size:1.3em; display:table; margin:auto; cursor:pointer; }
.submit input:hover { background:#666; }
#rej .cb {width:30px;}
#rej2 .cb {width:30px;}
#rej .zgody {font-size:0.9em;}
#rej2 .zgody {font-size:0.9em;}
#strength_score { display:block; border:1px solid #eee; width:180px; padding:3px 3px 3px 10px; font-size:0.8em; color:#333333; }
label.error { color: red; padding-left: 5px; font-size:0.9em;}
label.sprawdzony   { display:none;}

.rejL strong, .rejP strong { font-weight:100; font-size:0.9em; line-height:25px;}

#cM, #cP {height:250px; padding-top:30px;}
#basket-login, #cM, #cP { width:250px; display:table; margin:auto; }
#basket-login input, #cM input, #cP input { margin:3px;}
#basket-login .submit, #cM .submit, #cP .submit { color:#fff; background:#325067; font-size:1em; border:0px; margin:10px; cursor:pointer;}
#basket-login .submit:hover, #cM .submit:hover, #cP .submit:hover { background:#666; }
#basket-login #cm { display:block; color:#000; line-height:45px; text-align:center; padding:0px;}
#basket-login #cm:hover { color:#aaa;}
.reg { line-height:35px; display:table; width:250px; background:#000; color:#fff; margin:10px auto; text-decoration:none; font-size:1.1em; text-align:center;}
.reg:hover {background:#333;}
#cup { max-width:990px; height:250px; margin:10px auto; text-align:center;} 
#cup .submit {background:#325067; color:#fff; width:200px; cursor:pointer;}
#cup .submit:hover { background:#333; }


#zam {width:600px; margin:auto; display:table; text-align:center;}
#zam .doc {width:20px;}
#zam textarea {width:100%; height:100px; margin-bottom:15px;}
#zam .zz { background:#000; color:#fff; font-size:1.2em; cursor:pointer; border:0px;}
#zam .zz:hover { background:#666; }
#zam p {text-align:left; margin:10px; padding:0px;}
#zam span {width:150px;  display:inline-table;}
#zam .pays {border-top:1px solid #ccc; padding:10px 0px 10px 0px;}
.eb {height:250px; text-align:center; font-size:1.5em;}



#myOrders {display:table; margin:auto;}
#myOrders td {font-size:0.9em; text-align:center; padding:8px 15px; margin:3px; border-bottom:1px solid #eee;}
#myOrders thead td { background:#eee;}
#myOrders .ok td {background:#b2ffb6;}

#mkmenu { border-bottom:1px solid #eee; height:28px; }
#mkmenu li {display:inline;}
#mkmenu li a { padding:8px; background:#666; color:#fff; font-size:0.9em; text-decoration:none;}   
#mkmenu .logout {background:#000; }
#mkmenu li a:hover { background:#999;}

#ds {display:table; width:100%; margin:0px auto; background:#222; text-align:center;}
#ds h5 { color:#fff; font-size:1.3em; margin:0px; padding:0px; text-transform:uppercase; text-align:center; margin-top:10px; line-height:50px; text-indent:10px;}
#ds div { color:#fff; width:300px; height:250px; display:inline-table;   margin:10px 30px 30px 30px;}


#ds  p {position:absolute; display:table; color:#FCB803;  width:300px;  padding:0px; padding-right:15px; font-size:1.2em;  font-family:arial;  line-height:55px;  margin:220px auto auto 0px; }
#ds div strong {position:absolute; text-align:center;  width:300px; text-transform:capitalize; margin:175px auto auto 0px; font-size:1.1em;}

#ds .bogdan { background-image:url(images/bogdan.png); background-repeat: no-repeat; }
#ds .krzysztof { background-image:url(images/krzysztof.png); background-repeat: no-repeat;}
#ds .kamil { background-image:url(images/kamil.png); background-repeat: no-repeat;}

.daneKontaktowe { display:table; width:99%; margin:25px auto;}
.dk {float:left; margin:0px 20px auto auto;}
.dk a {color:#333;}
.dk h3 {width:300px; margin:0px;}
.daneKontaktowe iframe { padding:0px; width:865px; height:450px;}

.koszyk {width:990px; margin:auto; color:#333; }
.koszyk td { padding:8px; border-bottom:1px solid #ccc;}
.usun { width:100px !important; background:#000 !important; color:#fff !important; border:0px !important; cursor:pointer;}
.usun:hover { background:#888 !important; }
.dz {color:#f23534; padding:15px; text-align:right; font-weight:900;}
.tusun {width:100px;}
.koszyk thead td, .koszyk .center {text-align:center; }
.koszyk .suma {background:#eee;}
.eb {height:200px;}
.onasimg {width:100%; height:auto;}

.gallery {display:table; width:1050px; margin:15px auto; }
.galleryimg { float:left; background:#333; margin:5px; overflow:hidden; height:100px;}

.art-gallery { margin: 2rem;  display: grid; gap: 1rem; grid-template-columns: repeat(4, minmax(150px, 1fr)); grid-auto-rows: minmax(150px, 200px);}
.art-gallery  img { width: 100%; height: 100%; object-fit: cover;}

.newsh2 {font-size:2em; color:#555; text-align:center;}
.news_gallery {padding:10px 0px;}
.news_gallery img { margin:15px auto; display:table;}

.newsList {display:table; width:100%; margin-bottom:30px; }
.newsList a {text-decoration:none; color:#333;}
.newsList a:hover {color:#888;}
.newsList h4 {font-size:1.5em; }
.newsList img {float:left; margin:0px 20px 0px 0px;}

.lastnews-wrap {width:1200px; margin:0px auto; display:table; }
.lastnews { float:left; width:570px; margin:60px 0px;  }
.lastnews:first-child { margin-right:60px;}
.lastnews a { text-decoration:none; color:#ccc; font-size:1em; }
.lastnews h4 {color:#fff; font-size:1.5em; padding:0px; margin:8px 0px;}
.lastnews .img {width:570px; height:300px;  overflow:hidden;}
.lastnews .data {color:#f23533; font-size:1em;}
.go {width:35px; height:35px; float:right; margin:10px; background:url(images/ln.png) no-repeat  #f23533 center center; }

.bP {font-size:2em; text-align:center; line-height:150px;}

#sortProducts {width:150px !important; margin:15px auto 0px auto;}



.scr2, .scr1 {position:fixed !important; z-index:999 !important;  padding:0px !important;  background:none !important;   display:table !important; left:auto !important; top:50px !important; right:0px !important;   -webkit-border-radius: 0px !important;
-moz-border-radius:0px !important;
border-radius: 0px !important;}
.scr2 input, .scr1 input { border:1px solid #325067; width:120px; background:#fff; font-size:0.8em  !important; padding:8px 15px !important; line-height:25px  !important; font-weight:400;  color:#000;  }
.scr2 .submit, .scr1 .submit {  float:right;  cursor:pointer; background:url(images/lupa.png) no-repeat center 8px; background-size: 32px auto;  margin:-4px 0px !important; display:block; width:45px; height:45px; overflow:hidden; text-indent:-2000px;}


.telscr {position:fixed;}


.telscr {top:5px; right:340px; background:url(images/tel.png) no-repeat 15px 6px #fff; background-size: 30px auto; display:inline-table; margin:0px 0px 0px 0px; position:fixed; z-index:999; text-align:right; -webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px; padding:0px 30px 0px 60px;  }
.telscr h5{color:#000; padding:0px; margin:0px; font-size:1.2em; font-weight:100; margin-bottom:5px;}
.telscr p { line-height:41px; text-decoration:none;  margin:0px;  font-weight:900; font-size:1.2em;}
.telscr span { font-size:0.9em; line-height:25px;}
.telscr a {text-decoration:none;}
.telscr a:hover {color:#000;}

@media only screen and (max-width: 990px) {
.art-gallery {  grid-template-columns: repeat(2, minmax(150px, 1fr)); }
body {margin:0px; padding:0px; font-size:0.85em;}
.basket, #koperta, #mk, .tele, .mapa, .points-wrap, .contener, .fb, .sbs2, #p-katalog, #ddos {display:none !important;}
 hgroup,  header, .wrap, hgroup, #s2, section, #s4, #s3, #s1 {display:table; width:100%;}
section img { display:table; margin:5px auto; width:90%; height:auto;}
.logo { width:180px; height:auto;  margin-top:5px; float:none;}
#menu {position:absolute; top:20px; right:10px; width:100px; display:table; margin:0px;}
#s2 {height:40px;}
h1, h3 { padding:0px; height:30px !important; color:#aaa; line-height:30px !important; text-align:center; font-size:1.3em;}
h1 {color:#315069;}
.bC {font-size:0.9em; margin:0px 5px 10px 5px;}
#s4 { background:#325067; color:#fff; padding:0px; font-size:0.9em;}
section {width:95%;  height:auto; margin:auto;}

.flag1 { width:30px; height:auto; height:auto; margin:47px 8px; float:right; }
.flag2 { width:30px; height:auto; height:auto; margin:47px 8px; float:right; }


#slideshow .tel {position:relative; bottom:15px; right:15px; background:url(images/tel.png) no-repeat 15px 10px #fff; background-size: 30px auto; display:table; margin:15px 0px 0px 5px;  z-index:8; text-align:right; -webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px; padding:0px 30px 0px 60px;  }
#slideshow .tel h5{color:#000; padding:0px; margin:0px; font-size:1.2em; font-weight:100; margin-bottom:5px;}
#slideshow .tel p, #slideshow .tel a, .tele a, .tele p { line-height:50px; text-decoration:none;  margin:0px;  font-weight:900; font-size:1.2em;}
#slideshow .tel span, .tele span { font-size:0.9em; line-height:35px;}
#slideshow .tel a:hover, .tele a:hover {color:#000;}

#slideshow {border:0px; height:auto; display:table;}

#search {position:relative; z-index:8;  padding:8px;  background:#325068;   display:table; left:auto;  margin:0px auto; -webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;}
#search input { border:none; width:90px; background:#fff; font-size:1em; padding:8px 25px; line-height:35px; font-weight:400;  color:#000; width:200px; -webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;}
#search .submit {  float:right;  cursor:pointer; background:url(images/lupa.png) no-repeat center 8px ; background-size: 32px auto;  margin:0px 0px; display:block; width:45px; height:45px; overflow:hidden; text-indent:-2000px;}
.stat {position:relative !important; margin:0px auto 15px auto !important; }
.stat input {width:200px !important;}
.stat .submit {width:45px !important;}


#cat-list { width:auto;  margin:auto; text-align:center; display:table; padding:0px; }
#cat-list li {  margin:40px 5px; display:inline-block;   }
#cat-list li img {width:290px; height:auto;}

#cat-list a {  color:#fff; text-decoration:none;  display:table; margin:0px;  text-align:center;  }

#productsList, #line-products { width:100%; text-align:center;  margin:20px auto; display:table; padding:0px; }
#productsList li, #line-products li {  margin:0px !important; display:inline-table; float:none;  width:200px; height:400px !important;   }
#line-products li { margin:0px; }

#productsList {width:100%; margin:20px 0px; }

#cat-wrap { width:auto; margin-left:0px;   display:inline-table;}


.product { float:right;}
.product h2 {font-weight:300; width:95%; margin:5px;}
.product #pIMG {  width:95%; height:auto; display:table; margin:0px auto; float:none;}
.product #pIMG img {width:95%; height:auto;}
.product #pIMG .pThumbIMG img { width:100px; height:auto; margin:2px; float:left;}
.product .productdetal {  float:none; width:95%; margin-left:0px;}
.product .cena {color:#000000; font-size:1.3em; margin-bottom:8px;}
.product .cena select {border:1px solid #ccc; font-size:0.8em;  margin-left:10px;}
.product .productdetal h6 {color:#999; font-weight:100; font-size:1.3em; padding:0px; margin:0px; line-height:40px;}
.product .fbsharelink img {cursor:pointer; width:150px; height:auto; margin:5px auto auto 25px;}

.prop {float:left;width:100%; max-width:1200px; margin:35px auto; display:table;}

 .koszyk {width:99%; margin:auto; color:#333; }
 
 
#mkmenu { border-bottom:0px solid #eee;  display:table; width:100%; height:auto; padding:0px; margin:5px auto; }
#mkmenu li {display:table; width:200px; margin:auto;}
#mkmenu li a { display:block; margin:3px auto; padding:5px; background:#666; color:#fff; font-size:0.9em; text-decoration:none;}   
#mkmenu .logout {background:#000; }
#mkmenu li a:hover { background:#999;} 

#myOrders {display:table; margin:auto;}
#myOrders td {font-size:0.8em; text-align:center; padding:5px; margin:1px; border-bottom:1px solid #eee;}
#myOrders thead td { background:#eee;}

}