/*  common  */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 100%;
 font: inherit;
 vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
 display: block;
}
body {
 line-height: 1;
}
ol, ul {
 list-style: none;
}
blockquote, q {
 quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
 content: '';
 content: none;
}
table {
 border-collapse: collapse;
 border-spacing: 0;
}

body, table, div, input, textarea, select, button {font-family: 'Raleway', sans-serif;color:#363636;font-weight:500;font-size:12pt}
sup {vertical-align:super;line-height:1em;font-size:0.6em}
sub {vertical-align:sub;line-height:1em;font-size:0.6em}

strong,b {font-weight:800}
em,i {font-style:italic}
a {color:#3d90cc;text-decoration:none}
a:hover {color:#f26522;text-decoration:none}
p {margin:0;line-height:1.6em}
label {cursor:pointer}

.hidden {display:none}
.aleft {text-align:left}
.aright {text-align:right}
.acenter {text-align:center}
.ajustify {text-align:justify}
.fleft {float:left;display:inline}
.fright {float:right;display:inline}
.fcenter {margin:0 auto;display:block}
.iblock {display:inline-block;vertical-align:top}
.galeria {margin:0;display:block}
.cright {clear:right}
.cboth {clear:both}
.cleft {clear:left}
.ileft {margin:0px 20px 12px 0px}
.iright {margin:0px 0px 12px 20px}
.upper {text-transform:uppercase}
.lower {text-transform:lowercase}
.shadow {text-shadow:0 1px 2px rgba(0,0,0,0.4)}
.lshadow {text-shadow:0 1px 1px rgba(255,255,255,0.5)}
.menuvert {display:block}
.menuhor {display:inline}
.rclear {display:none}
.cclear {display:block;clear:both}
.striked {text-decoration:line-through}

.page ul { list-style:square;margin:0 0 0px 0px}
.page ol { list-style:decimal;margin:0 0 0px 0px}
.page .content ul { list-style:square;margin:5px 0 5px 32px}
.page .content ol { list-style:decimal;margin:5px 0 5px 32px}

h1 {margin:0 0 20px;clear:both;font-size:18pt;font-weight:800;color:#3d90cc;text-transform:uppercase;letter-spacing:1px}
h2 {margin:0 0 15px;clear:both;font-size:16pt;font-weight:800;color:#3d90cc;text-transform:uppercase;letter-spacing:1px}
h3 {margin:0 0 10px;clear:both;font-size:15pt;font-weight:800;color:#3d90cc;text-transform:uppercase;letter-spacing:1px}
h4 {margin:0 0 10px;clear:both;font-size:14pt;font-weight:800;color:#3d90cc;text-transform:uppercase;letter-spacing:1px}
h5 {margin:0 0 10px;clear:both;font-size:12pt;font-weight:800;color:#3d90cc;text-transform:uppercase;letter-spacing:1px}
h6 {margin:0 0 5px;clear:both;font-size:11pt;font-weight:800;color:#3d90cc;text-transform:uppercase;letter-spacing:1px}

#info {display:block;background:rgba(0,0,0,0.4);padding:3px 5px;position:fixed;top:65px;left:50%;width:220px;color:#fff;z-index:1000000;margin-left:-110px;text-align:center}
#scrolltop {display:none}

.fnt2 {font-weight:400;font-family: 'Lato', sans-serif;}
strong.fnt2 {font-weight:900}
/*  display */
html {height:100%}
html,body {min-height:100%;background:#202020;margin:0;padding:0}
body {background:url(gfx/bg.jpg) repeat-x fixed center top #ddf2fc}
#all {max-width:100%;min-height:100%}
.page {max-width:1200px;margin:0 auto;padding:0;}

#head1 {background:#f7f7f7;text-align:left;padding:10px 0;border-bottom:1px solid #e0e0e0;}
#head1 .page {display:flex;justify-content: space-between; flex-flow: row nowrap }

#quickcontact {padding:0 0 0 0;text-align:left;vertical-align:middle;flex:0 1 auto;display:inline-block;}
#quickcontact a {vertical-align:middle;display:inline-block;height:30px;padding:0 10px 0 40px;background-repeat:no-repeat;background-position:left top;line-height:30px;font-size:14pt;font-weight:900;float:left}
#quickcontact a:hover {}
#call {background-image:url(gfx/call.png)}
#email {background-image:url(gfx/email.png)}

#head1 ul {display:inline-block;margin:0;padding:0;vertical-align:middle;flex:1 0 auto;text-align:right;}
#head1 ul li {display:inline-block;line-height:30px;font-size:12pt;vertical-align:middle;white-space: nowrap}
#head1 ul li a {padding:0 10px;color:#505050}
#head1 ul li a:hover {color:#3d90cc}
#head1 ul li a.selected {color:#3d90cc}

#head2 {padding:20px 0 10px;text-align:center;position:relative}
#head2 h3 {color:#303030;font-size:13pt;text-align:left;margin:0 auto 10px}

#home {float:left;line-height:46px;display:inline-block}
#home h1 {margin:0;}
#home h1 img {float:left;}
#home h1 span {display:none;}

#login {display:inline-block;text-align:center;padding:0px 30px 0;margin:10px 0 0 0;line-height:27px;vertical-align:middle;position:relative;background:url(gfx/login.png) no-repeat right 10px}
#login div {line-height:1em;padding-top:8px;}
#login div a {color:#3d90cc;font-weight:800}
#login div a:hover {color:#202020}
#login input.inputtext {width:110px;text-align:center;text-transform:uppercase;font-size:11pt;display:inline;vertical-align:middle;}
#login input:focus {color:#303030;background:#fff} 
#login .button1 {display:block;clear:both;margin:15px auto} 
#login div a:hover {color:#ff60c0;}
#logininfo {font-size:12pt;color:#e0e0e0}
#logininfo strong {font-size:14pt;color:#fff}

#koszyk {float:right;margin:10px 0 0 0;font-weight:900;text-align:center}
a#koszyklink {display:block;padding:0px 90px 0 0;text-align:right;color:#303030;vertical-align:top;background:url(gfx/kosz.png) no-repeat;background-position:right 22px top 5px;position:relative;line-height:26px}
#koszyk h3 {margin:0}
a#koszyklink span#ilewkoszu {color:#ffffff;font-size:14pt;position:absolute;right:0;top:10px;width:30px;height:30px;border-radius:18px;display:block;border:3px solid #fff;background:#fd128c;text-align:center;line-height:28px}
#koszyk .button1 {margin-top:10px}
#koszyk strong {color:#fd128c;font-size:18pt} 
a#koszyklink:hover span#ilewkoszu {background:#fd128c;}
a#koszyklink:hover {color:#d50873}
#koszyk a {}
#koszyk div {color:#404040;line-height:1.1em}
#login div#logininfo {position:absolute;transition:all 1s ease-in-out;top:10px;left:0;right:0;background:rgba(0,0,0,0.8);padding:5px 10px;color:#f0f0f0;font-size:11pt;line-height:1.2em}

#search {position:absolute;right:0;bottom:30px;text-align:right;padding:0;margin:0;line-height:46px;}
#search input {width:190px;text-align:center;font-weight:500;text-transform:uppercase;font-size:11pt;display:inline;vertical-align:middle;padding:0 15px;height:34px;line-height:34px}
#search input:focus {color:#303030;background:#fff;} 
#search button {background:#3d90cc;display:inline-block;vertical-align:middle;height:40px;width:40px;border-radius:0 8px 8px 0}
#search button img {margin:0;padding:0;display:block;vertical-align:middle}
#search button:hover {background:#404040}

#menu {position:relative;z-index:20}
#menukat {display:inline-block;vertical-align:top;list-style-type:none;width:100%;height:80px;background:#ed0e81;display:flex;flex-direction: row}
#menukat>li {text-align:center;line-height:40px;cursor:pointer;height:80px;flex:1 1 auto;}
#menukat li a {display:block;height:80px;line-height:80px}
#menukat li span.menudesc {display:block;width:100%;color:#fff;font-weight:900;z-index:100;text-transform:uppercase;font-size:16pt;text-shadow:0 1px 1px rgba(0,0,0,0.4);letter-spacing:1px}
#menukat li:hover a span.menudesc {background:#d50873;}
#menukat>li.clicked a span.menudesc {background:#d50873;}
#menukat li ul {z-index:10000;display:none;transition:all 0.2s linear;line-height:20px;background:rgba(255,255,255,0.90);top:80px;left:0;right:0;position:absolute;padding:5px 0;text-align:left;box-shadow:0 4px 10px rgba(0,0,0,0.2);list-style-type:none;list-style: none;list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);}
#menukat li.clicked ul {display:block;transition:all 0.2s linear;list-style-type:none;list-style: none;;list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}
#menukat li.clicked ul li {display:block;width:auto;text-align:left;line-height:36px;position:relative;margin:0 0px 0 0;background:none;transition:all 0.2s linear;padding:8px 10px 6px;border-bottom:1px solid rgba(0,0,0,0);border-top:1px solid rgba(0,0,0,0);}
#menukat li.clicked ul li:hover {background:#fff;border-bottom:1px solid #d0d0d0;border-top:1px solid #d0d0d0}
#menukat li.clicked ul li a {display:inline-block;width:190px;text-align:right;line-height:20px;position:relative;padding:4px 10px;height:100%;background:none;transition:all 0.2s linear;font-weight:500;font-size:15pt;color:#fff;background:#202020;border-radius:0px;margin:0 5px 0 0}
#menukat li.clicked ul li a:hover {color:#fff;background:#c00080}
#menukat li ul ul {display:inline;transition:all 0.2s linear;line-height:36px;background:none;position:relative;top:0;left:0;right:0;padding:0px;text-align:left;;list-style-type:none;list-style: none;;list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}
#menukat li.clicked ul ul {box-shadow:none;display:inline;transition:all 0.2s linear;line-height:36px;background:none;position:relative;top:0;left:0;right:0;max-width:100%;padding:0px;}
#menukat li.clicked ul ul li {border-bottom:0;border-top:0;display:inline-block;width:auto;text-align:left;line-height:20px;position:relative;margin:0 3px 0 0px;background:none;transition:all 0.2s linear;padding:0;}
#menukat li.clicked ul ul li:hover {border-bottom:0;border-top:0;}
#menukat li.clicked ul ul li a {display:inline-block;width:auto;text-align:center;line-height:20px;position:relative;padding:4px 6px;height:auto;background:none;font-weight:500;font-size:13pt;color:#101010;background:none;white-space:nowrap;margin:0}
#menukat li.clicked ul ul li a:hover {color:#fff;background:#c00080}

#menu2 {display:none}
#menutoggle {display:none}
#banners {background:rgba(0,0,0,0.9);position:relative;padding:40% 0 0 0;height:0;}

.swipeshow {position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden}
.slides {height:100%;overflow:hidden;width:100%}
.slide {position:absolute;top:0;left:0;overflow:hidden;height:100%;width:100%}
.slide img {max-width:100%}
.previous, .next {position:absolute;top:50%;margin-top:-75px;height:150px;width:60px;background:rgba(0,0,0,0.3);color:#fff;font-size:100pt;line-height:120px;text-align:center;cursor:pointer;transition:all 0.2s linear;text-shadow:0 1px 2px rgba(0,0,0,0.4)}
.previous:hover, .next:hover {transition:all 0.2s linear;background:rgba(0,0,0,0.6);}
.previous {left:-60px;border-radius:8px 0 0 8px}
.next {right:-60px;border-radius:0 8px 8px 0}
.dots {position:absolute;left:0;right:0;bottom:10px;padding:5px 10px;display:inline-block;text-align:center}
.dot-item {cursor:pointer;border:5px solid #c0c0c0;background:#606060;border-radius:15px;width:20px;height:20px;margin:0 5px;display:inline-block}
.dot-item.active {background:#c00080;border:5px solid #fff;}

#main {background:#fff;padding:0;position:relative;z-index:1;border-top:1px solid #e0e0e0}
#main2 {padding:0;position:relative;z-index:1;}
#startboxy {padding:20px 0;border-top:8px solid #fff;border-bottom:8px solid #fff;background:#f5f5f5}
#startboxy .page {display:flex;}
#newsletter {flex:1 0 220px;text-align:center}
#newsletter form {line-height:1.5em;font-size:11pt}

#seoinfo {flex:1 1 auto;padding:0 30px 0 0;text-align:left;line-height:1.4em;}
#seoinfo h1 {text-align:center;}


#promos2 {text-align:center;padding:0 0 10px 0;background:#f0f0f0;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0}
#promos2 .page {display:flex;justify-content:space-around}
#promos2 a {flex:0 1 15%;height:40px;border:1px solid #d0d8db;margin-top:-1px;background:#d0d8db;color:#202020;border-radius:0 0 10px 10px;text-transform:uppercase;vertical-align:middle;letter-spacing:1px;font-weight:900;font-size:15pt;line-height:40px;transition:all 0.2s linear;padding:0 35px}
#promos2 a:hover {background:#c00080;color:#fff;border:1px solid #c00080;} 
#promos2 a.selected {background:#fff;color:#fd128c;border:1px solid #e0e0e0;border-top:1px solid #fff} 

#tresci {padding:20px 0 30px;background:#fff}
#maintitle {background:#f0f0f0;padding:10px 20px;margin:0 auto 20px;line-height:1.2em}
#content {padding:0 20px;line-height:1.4em;min-height:300px}

#footer {background:#202020;padding:20px 10px 30px;}
#footer .page {display:flex;flex-direction: row}
#footer div.box {line-height:1.5em;padding:0 10px;flex:1 1 auto;}
#footer div {color:#c8c8c8;font-size:11pt}
#footer div a {color:#e0e0e0}
#footer div a:hover {color:#fff}
#footer div span {color:#fff;padding-right:4px}
#footer h3 {color:#fff;;font-size:14pt;font-weight:900;margin:0}   
#copyright {float:right;line-height:1.6em;}
#copyright div {margin-left:-13px}
#partnerzy {line-height:1.6em;text-align:center;flex:1 1 auto;}
#partnerzy a {vertical-align:top;display:inline-block;margin:0 0 0 5px}
#partnerzy img {max-width:130px;max-height:90px}

#searchform2 {padding:10px 0}
.listakategorii {width:23%;padding:0 1% 10px 1%;display:inline-block;vertical-align:top}
.listakategorii2 {width:23%;padding:0 1% 10px 1%;display:inline-block;vertical-align:top}

/*  prod  */       
#promowane {min-height:240px;padding:20px 0}
.produktypromo {padding:0;position:relative;height:300px;overflow:hidden}
.smallprod {width:32%;display:inline-block;text-align:center;position:relative;z-index:10;transition:all 0.2s linear;vertical-align: top;margin:0 0.65% 15px;height:300px}
.smallprod img {max-width:50%}
.smallprod>a {z-index:5;position:relative;text-align:left}
.smallprod h2 {position:relative;text-align:center;display:block;padding:10px 5px;background:rgba(190,190,190,0.35);margin:0;text-transform:uppercase;color:#303030;font-size:14pt;transition:all 0.2s linear;line-height:1.2em;font-weight:800;z-index:5}
.smallprod:hover .boxshadow {box-shadow:0 0 200px rgba(0,0,0,0.1) inset;transition:all 0.2s linear;}
.smallprod:hover h2 {color:#d80090;transition:all 0.2s linear;background:none}
.smallprod .opcje {position:absolute;bottom:0;left:0;right:0;padding:5px 15px;transition:all 0.2s linear;text-align:left;z-index:10;line-height:30px;background:rgba(190,190,190,0.35)}
.smallprod:hover .opcje {transition:all 0.2s linear;background:none}
.smallprod .dokoszyka {border:0;position:relative;font-weight:900;line-height:38px;background:none}
.smallprod .dokoszyka span {position:relative;font-size:18pt;font-weight:900;color:#fff;background:#000;border-radius:5px;padding:4px 8px;line-height:30px;display:inline-block;vertical-align:middle;transition:all 0.2s linear;}
.obnizka {position:absolute;bottom:40px;left:0;font-size:13pt;color:#202020;width:100%;display:block;text-align:left;padding-left:12px}
.smallprod .dokoszykabrak span {font-size:18pt;font-weight:900;color:#e0e0e0;background:#707070;border-radius:5px;padding:4px 8px;line-height:30px;display:inline-block;vertical-align:middle;transition:all 0.2s linear;}
.smallprod .inneinfo {display:inline-block;line-height:30px;font-weight:900;padding:4px 8px;}
.smallprod .wiecej {float:right;line-height:30px;font-weight:900;color:#d80090;padding:4px 8px;transition:all 0.2s linear;}
.smallprod .wiecej:hover {color:#000;transition:all 0.2s linear;}
.smallprod .dokoszyka:hover span {background:#c00080;transition:all 0.2s linear;}
.staracena {color:#808080;font-weight:500}
.prodnavi {padding:10px 20px}
.promoinfo {padding:3px;display:inline-block;z-index:10;color:#fff;line-height:1em;font-weight:900;margin:0 3px;border-radius:3px}
.promoinfo.polecamy {background:#dd9900;}
.promoinfo.nowosc {background:#559900;}
.promoinfo.promocja {background:#cc1188;}
.promoinfo.dostawa {background:#229944;}
.smallprod .promoinfo {position:absolute;bottom:110px;display:block;margin:0;border-radius:0px}
.smallprod .promoinfo.polecamy {transform:rotate(90deg);left:-36px}
.smallprod .promoinfo.nowosc {transform:rotate(-90deg);right:-28px}
.smallprod .promoinfo.dostawa {transform:rotate(-90deg);right:-62px;}

.prodright {width:40%;float:right;text-align:center}
.prodright img {max-width:100%}
.prodleft {width:60%;float:left;box-sizing:border-box;padding:0 25px 0 0;}
.prodright .mobile {display:block}
.prodleft .mobile {display:none}
.koszykbox {text-align:center;line-height:38px}
.cenaprodukt {font-size:18pt;font-weight:900;color:#fff;background:#000;border-radius:5px;padding:4px 8px;line-height:30px;display:inline-block;transition:all 0.2s linear;;vertical-align:top}
.cenaproduktbrak {font-size:18pt;font-weight:900;color:#e0e0e0;background:#707070;border-radius:5px;padding:4px 8px;line-height:30px;display:inline-block;transition:all 0.2s linear;;vertical-align:top}
.prodinfo {display:inline-block;line-height:38px;font-weight:900;padding:0 8px;white-space:nowrap;vertical-align:top}
input.dokoszyka {position:relative;cursor:pointer;margin-left:10px;border-radius:16px;background:#cc0088;color:#fff;height:32px;font-weight:900;font-size:14pt;line-height:1px;border:0;display:inline-block;vertical-align:middle;padding:0 5px;transition:all 0.2s linear}
.prodleft .dokoszyka:hover {background:#000;border-radius:8px;transition:all 0.2s linear}
.prodleft #kosz_ilosc {background:#f0f0f0;font-size:12pt;font-weight:700}
.prodzoom {text-align:center;background:#f0f0f0;border:2px solid #f0f0f0;display:inline-block}
.prodzoom img {display:block}
.prodzoom2 {text-align:center;background:#f0f0f0;border:2px solid #f0f0f0;display:inline-block;vertical-align:middle;margin:0 4px}
.prodzoom img {display:block}

.params {position:absolute;bottom:58px;text-align:center;left:0;right:0}
.parametr {padding:2px 4px;margin:0 3px}
.smallprod .parametr, .prodleft .parametr {background:rgba(0,0,0,0.5);color:#fff;font-weight:900;font-size:11pt;border-radius:3px;}

.ocena {background:url(gfx/ocena.png) left bottom;width:120px;height:24px;margin:5px auto 5px;cursor:pointer}
.ocena1 {background:url(gfx/ocena.png) left top;width:12px;height:24px}
.ocena2 {background:url(gfx/ocena.png) left top;width:24px;height:24px}
.ocena3 {background:url(gfx/ocena.png) left top;width:36px;height:24px}
.ocena4 {background:url(gfx/ocena.png) left top;width:48px;height:24px}
.ocena5 {background:url(gfx/ocena.png) left top;width:60px;height:24px}
.ocena6 {background:url(gfx/ocena.png) left top;width:72px;height:24px}
.ocena7 {background:url(gfx/ocena.png) left top;width:84px;height:24px}
.ocena8 {background:url(gfx/ocena.png) left top;width:96px;height:24px}
.ocena9 {background:url(gfx/ocena.png) left top;width:108px;height:24px}
.ocena10 {background:url(gfx/ocena.png) left top;width:120px;height:24px}

.prodinfo form {padding-bottom:10px}
#listaopinii {margin:0 0 0 20px;padding:0;line-height:28px}
#listaopinii strong {color:#bb1144;font-size:11pt;font-weight:500}
.opinia {padding:5px;;border:1px solid #e8e8e8;margin:0 0 10px 0}
.trescopinii {font-size:10pt;background:#f0f0f0;;padding:5px 10px;border-radius:4px;line-height:1.5em}

.seotekst2 {padding:5px 20px;font-size:12pt}
.produktypromo {top:0;left:0;right:0;display:none}
#promowane {position:relative;}
.krokinfo {font-weight:800;padding:0 5px}
.krokinfo.selected {color:#a01010}

.boxbg {padding:5px 10px;display:inline-block;background:#f0f0f0;border-radius:5px;text-align:center;margin:0 auto}
.boxborder {padding:8px 16px;display:inline-block;border:2px solid #e8e8e8;border-radius:8px;text-align:center;margin:0 auto}

#dostepnoscemail {width:200px}

#socialprodukt {}

/*  other  */

	.content {line-height:1.5em;}
    .boxgray {background:#f0f0f0;padding:10px 15px}
	
    .pager {margin:0px 0 10px;display:inline;float:right;padding:0px 10px 0 10px;text-align:right;clear:both;font-weight:900;font-family:Lato}
    .pager a {padding:5px 8px;border-radius:3px;margin:0 0 0 5px;background:#e0e0e0;color:#d70027}
    .pager a:hover {background:#202020;text-decoration:none;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,0.3)}
    .pager a.selected {background:#d70027;color:#ffffff;text-shadow:0 1px 1px rgba(0,0,0,0.3)}

	.halfcontent {width:450px}

	.imgl {display:block;margin:0;border:0}

	.galeria {display:inline-block;vertical-align:middle;overflow:hidden;}
	.galeria:hover {}
	.galeria img {max-width:100%;display:block;box-sizing:border-box;max-height:100%;margin:auto auto}
	
	.galeria {width:180px;margin:0 12px 25px;text-align:center;border:1px solid #d0d0d0;background:#fff;box-shadow:0 1px 5px rgba(0,0,0,0.2)}
	.galeria:hover {border:1px solid #fff;box-shadow:0 1px 7px rgba(0,0,0,0.5)}
	.galeria img {}

    .lightbox {border:2px solid #fff;background:#fff;padding:2px}
    .lightbox:hover {border:2px solid #d0d0d0;background:#fff;padding:2px}
    .lightbox img {display:block}
    .imgzoom {border:1px solid #d0d0d0;background:#fff;box-shadow:0 1px 5px rgba(0,0,0,0.2);display:inline-block;vertical-align:middle;overflow:hidden;}
    .imgzoom:hover {border:1px solid #fff;box-shadow:0 1px 7px rgba(0,0,0,0.5)}
    .imgzoom img {display:block}
	
	.podpis {clear:both;display:block;color:#404040;font-size:10px;text-align:center;line-height:1.2em;padding:3px 0;width:180px;margin:0 auto}
	
	.more {display:inline-block;padding:2px 12px 2px 12px;color:#202020;background:#e0e0e0 no-repeat right 15px center;margin-right:20px;clear:both;border-radius:6px;font-size:9pt;font-weight:500;text-transform:uppercase;transition:all 0.2s ease-out;letter-spacing:1px}
	.more:hover {background-color:#202020;color:#fff;padding:2px 35px 2px 12px;background-position:right 10px center;background-image:url(gfx/arrow.png);margin-right:5px;} 
	.more2 {height:33px;display:inline-block;padding:0px 35px 0px 25px;color:#202020;background-image:url(gfx/arrow.png);background-position:right 15px center;background-repeat:no-repeat;clear:both;font-size:9pt;font-weight:500;text-transform:uppercase;transition:all 0.15s ease-out;letter-spacing:1px}
	.more2:hover {color:#d01010;padding:0px 25px 0px 25px;background-position:right 0px center;transition:all 0.15s ease-out;} 
	.hr {border-bottom:1px solid #d0d0d0;font-size:1px;line-height:1px;height:1px;clear:both}
	.hrdot {border-bottom:1px dotted #d0d0d0;font-size:1px;line-height:1px;height:1px;clear:both;margin-bottom:24px;padding-top:24px;}
	.hrline {border-bottom:1px solid #d8d8d8;font-size:1px;line-height:1px;height:1px;clear:both;margin-bottom:24px;padding-top:24px;}
	#content .hr {margin-bottom:24px;padding-top:24px;display:inline-block}
	.hr2 {font-size:1px;line-height:1px;height:1px;margin:0 0 4px;padding:4px 0 0 0;clear:both}
	.hr3 {border-bottom:1px solid #c0c0c0;font-size:1px;line-height:1px;height:1px;margin:0 0 8px;padding:8px 0 0 0;clear:both}
	.hr4 {border-bottom:1px solid #e0e0e0;font-size:1px;line-height:1px;height:1px;margin:0;padding:0;clear:both}
	.sep {font-size:1px;line-height:1px;height:1px;margin:0;padding:0;clear:both}
	.galsep {font-size:1px;line-height:1px;height:1px;margin:0;padding:0;clear:both}
	hr {height:1px;background:#a0a0a0;color:#a0a0a0;border:0}
	.center {padding:5px 0 0 0;border-top:1px solid #d0d0d0}
	
	small {font-size:11pt}
	.smalltext {font-size:11pt}
	.bigtext {font-size:15pt}
	.big {font-size:15pt;padding:5px 20px;}

	.important {color:#d00000}
	.ok {color:#409020}
	.wazne {color:#d01010}
    .color1 {color:#CA0087}
    
	.stare {color:#909090}
	.info {color:#079377}
	.label {text-transform:uppercase;color:#505050;font-size:14px;font-weight:500;}
    label {display:block;padding:10px 0 5px}
	a.noborder,img.noborder {border:0}
	.span100 {min-width:90px;padding-right:10px;display:inline-block;vertical-align:top}
	.span60 {min-width:50px;padding-right:10px;display:inline-block;vertical-align:top}
	
	input,textarea,select {background:#fff;border:3px solid #4192cd;padding:6px 10px;color:#202020;display:inline-block;}
	optgroup {font-style:normal;font-weight:500}
	input:focus,textarea:focus {border:3px solid #404040;background:#f0f0f0}
	.button {border:0;background:#e0e0e0;padding:4px 12px;border-radius:4px;cursor:pointer;font-size:11pt;letter-spacing:1px;text-transform:uppercase;font-weight:800;color:#fd128c;transition:all 0.2s linear;border-radius:5px}
	.button:hover {background:#303030;transition:all 0.2s linear;color:#3d90cc}
	input.button:focus {border:0;color:#d80090;background:#f0f0f0;transition:all 0.2s linear;}
	input.button {}
	button {padding:0;margin:0;border:0;cursor:pointer;}
	button:hover {}
	
	.contactform {width:400px;margin:0 auto}
	.input_form {width:292px}
	.input_textarea {width:382px}
	
	.bigbutton {display:block;background:#009b96;border-radius:10px;padding:8px 10px;color:#fff;font-weight:700;font-size:16pt;line-height:1.2em;margin:0 auto 20px;box-shadow:0 2px 6px rgba(0,0,0,0.3) inset,0 -3px 5px rgba(255,255,255,0.5) inset,0 2px 4px rgba(0,0,0,0.2)}
	.bigbutton:hover {color:#fff;background:#108b88;box-shadow:0 3px 7px rgba(0,0,0,0.4) inset,0 -3px 6px rgba(255,255,255,0.6) inset,0 2px 4px rgba(0,0,0,0.3)}
	.bigbutton span {font-size:14pt;display:block}
	.bigbutton span span {font-size:12pt;}
    .button1 {border:0;background:#e0e0e0;padding:4px 12px;border-radius:4px;cursor:pointer;font-size:11pt;letter-spacing:1px;text-transform:uppercase;font-weight:800;color:#fd128c;transition:all 0.2s linear;border-radius:5px}
    .button1:hover {background:#303030;transition:all 0.2s linear;color:#3d90cc}
    .button2 {border:0;background:#e0e0e0;padding:4px 12px;border-radius:4px;cursor:pointer;font-size:11pt;letter-spacing:1px;text-transform:uppercase;font-weight:800;color:#fd128c;transition:all 0.2s linear;border-radius:5px}
    .button2:hover {background:#303030;transition:all 0.2s linear;color:#3d90cc}
    .biggerbutton {border-radius:10px;padding:6px 15px;height:45px;line-height:33px;font-size:12pt;}
  a.button1 {display:inline-block;height:22px;line-height:22px}
  	
.content table {
	margin:10px auto;	
}
.content table.tabela {margin:10px auto;border:1px solid #a0a0a0;padding:2px 5px;background:#fff;}
.content table.tabela th {border:1px solid #a0a0a0;padding:2px 5px;background:#fff;background:#cecece;padding:4px 6px;font-weight:bold;color:#202020}
.content table.tabela tr td {border:1px solid #a0a0a0;padding:2px 5px;background:#fff;}
.content table.tabela tr:nth-of-type(2n) td {border:1px solid #a0a0a0;padding:2px 5px;background:#fff;background:#ececec;}

.prodleft table {margin:10px auto;border:1px solid #a0a0a0;padding:2px 5px;background:#fff;}
.prodleft table th {border:1px solid #a0a0a0;padding:2px 5px;background:#fff;background:#cecece;padding:4px 6px;font-weight:bold;color:#202020}
.prodleft table tr td {border:1px solid #a0a0a0;padding:2px 5px;background:#fff;}
.prodleft table tr:nth-of-type(2n) td {border:1px solid #a0a0a0;padding:2px 5px;background:#ececec;}

#content iframe {max-width:100%;margin:0 auto;width:100%}
#content img {max-width:100%}
#content input,#content textarea {max-width:94%}

.container {width:100%;padding:250px 0 0 0;position:relative;height:0}
.container21 {width:100%;padding:50% 0 0 0;position:relative;height:0}
.container1610 {width:100%;padding:60% 0 0 0;position:relative;height:0}
.container43 {width:100%;padding:75% 0 0 0;position:relative;height:0}
.container iframe {position:absolute;top:0;left:0;width:100%;height:100%}

.overlib {cursor:help}
#tooltip {;z-index:1000;position:absolute;display:none;background:#f8f8f8;box-shadow:3px 3px 5px rgba(0,0,0,0.4);width:196px;padding:8px 12px;font-size:10pt;line-height:1.3em;text-align:left;color:#000;border:1px solid #909090;border-radius:1px}


#cookieinfo {z-index:1000000;position:fixed;bottom:10px;left:50%;margin-left:-200px;padding:5px 10px;border:1px solid #000;background:rgba(0,0,0,0.7);border-radius:8px;text-align:left;line-height:20px;min-width:380px;font-size:11pt;color:#fff}
#cookieinfo a:hover {color:#5599bb}
#zrobcookie {float:right;margin-left:20px;font-size:26px;font-weight:bold;color:#eee;text-transform:lowercase;line-height:16px}
#zrobcookie:hover {color:#fff}

.load * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}

@media 
only screen  and (max-width:1200px) {
    #head1 {padding-left:10px;padding-right:10px}
    #seoinfo {padding-left:10px;padding-right:10px}
    #home {display:inline-block;float:none;}
    #head2 {text-align:center}
	#login {vertical-align:top;}
	#koszyk {clear:left;float:none;display:block;text-align:center;margin-bottom:20px}
	#head2 h3 {text-align:center}
    #search {position:relative;right:0;bottom:0px;display:inline-block;text-align:center;float:none}
	#search input {width:260px;font-size:13pt;;height:34px;line-height:34px}
	#search button img {padding:0;margin:0;display: inline}
	#search button {background:#C6358B;padding:2px}
    .prodnavi {text-align:center}
    .pager {margin:10px auto 10px;display:block;float:none;text-align:center;clear:both;line-height:2em}
}

@media 
only screen  and (max-width:1080px) {
	#head1 .page {display:block}
	#quickcontact {display:block;text-align:center;width:auto;padding-bottom:8px;border-bottom:1px solid #d0d0d0;margin-bottom:8px;height:auto}
	#quickcontact a {float:none}
	#head1 ul {display:block;text-align:center;width:auto;clear:both}
	.prodleft {width:auto;max-width:650px;margin:0 auto;float:none}
	.prodright {width:auto;max-width:650px;margin:0 auto;float:none}
    .prodright .mobile {display:none}
    .prodleft .mobile {display:block}
	.smallprod {width:32%;height:280px;}
	.smallprod>a {z-index:5;position:relative;display:block;}
	.produktypromo {height:auto}
	.produktypromo .smallprod:nth-of-type(n+7) {display:none;}
/*
	#menu {min-height:140px;}
	#menukat li span.menudesc {font-size:12pt}
	#menukat li {line-height:32px;}
	#menukat li a {height:140px;background-size:120% auto;}
	#menukat li ul {top:140px;}
*/   
}

@media 
only screen  and (max-width:960px) {
    #home {}
    #home h1 {text-align:center;width:auto;display:block;padding-bottom:10px}
    #home h1 img {display:block;float:none;max-width:90%;margin:0 auto}
	#markicont {height:122px;float:none;clear:both;width:100%;}
	#marki #markiheader {display:block;float:none;height:auto;margin:10px auto 10px auto;transform:skew(-8deg);background:#f0f0f0;text-align:center;border:0;padding:0 20px;width:90%}
	#marki #markiheader strong {font-size:18pt;line-height:40px;margin:0;white-space:nowrap;font-weight:700}
	#marki #markiheader span {line-height:40px;position:absolute;bottom:0;top:0;display:block;text-align:center;left:auto;right:10px}
    #seoinfo {text-align:center;}
	#seoinfo h1 {line-height:1.2em;font-size:18pt}
	.previous, .next {display:none}
	#menu {display:none}
	#menu2 {height:88%;background:#fff;display:block;line-height:36px;text-align:left;z-index:2147483648;box-shadow:0 4px 4px rgba(0,0,0,0.1);position:fixed;top:40px;left:0;bottom:auto;overflow:hidden;width:300px;margin-left:-300px}
	#menutoggle {display:block;line-height:36px;width:300px;height:36px;background:url(gfx/menu-icon.png) no-repeat 255px center #fff;opacity:0.7;transition:all 0.2s linear;position:fixed;top:0;left:0;z-index:2147483649;margin-left:-250px;text-align:left;border-radius:0 0 5px 0;box-shadow:0 1px 2px rgba(0,0,0,0.3)}
	#menutoggle span {display:inline-block;font-size:12pt;padding:0 0 0 10px;font-weight:700}
	#menutoggle:hover {opacity:1;transition:all 0.2s linear}
	#menu2in {overflow-y:auto;height:100%;box-sizing:border-box;}
	#menu2 ul {display:block;padding:0;margin:0}
	#menu2 ul li {display:block;border-top:1px solid #e0e0e0;padding:0;margin:0;line-height:1.5em}
	#menu2 ul li strong {display:block;background:#f0f0f0;padding:5px 8px 5px 16px;font-size:14pt;}
	#menu2 ul li a {display:block;padding:5px 8px 5px 16px;font-size:14pt;font-weight:700;}
	#menu2 ul ul li a.selected {background:no-repeat 5px 6px;background-color: #e0e0e0;color:#D80090;background-image: url("gfx/darr.png");}
	#menu2 ul ul ul li a.selected {background:no-repeat 21px 5px;background-color: #e0e0e0;color:#D80090;background-image: url("gfx/darr.png");}
	#menu2 ul ul li a {display:block;padding:5px 8px 5px 32px;font-size:12pt;font-weight:600}
	#menu2 ul ul ul li a {display:block;padding:5px 8px 5px 48px;font-size:11pt;font-weight:400}
	#menu2.rozwiniete {}
}

@media
only screen  and (max-width:840px) {
	#promos2 a {width:48%;margin:0 1% 10px;}

	.produktypromo {text-align: center;height:auto}
	.smallprod {width:45%;height:280px;box-sizing:border-box}
	#footer .page {display:flex;flex-direction: column}
	#partnerzy {border:0;border-bottom:1px solid #505050;padding:10px 0;text-align:center}
	#footer div.box {flex:1 1 auto;max-width:100%;border-bottom:1px solid #505050;padding:10px 0;text-align:center}
}
@media
only screen  and (max-width:720px) {
    #login {display:block;text-align:center;width:auto;padding-bottom:8px;border-bottom:1px solid #505050;margin-bottom:8px}
    #koszyk {display:block;text-align:center;width:auto;}    
    #home {line-height:1.4em}
	.listakategorii {width:48%;padding:0 1% 10px 1%}
	.listakategorii2 {width:48%;padding:0 1% 10px 1%}
}


@media 
only screen  and (max-width:640px) {
	#seoinfo h1 {font-size:16pt}
	#krok3 input[type=text] {width:100%;}
	#zamowienieinfo input {margin-bottom: 4px}
	.zrobkrok {margin-bottom: 10px}
}

@media 
only screen  and (max-width:480px) {
	.smallprod {width:100%;height:240px;}
	.smallprod>a {z-index:5;position:relative;display:block;height:180px;}
	.produktypromo .smallprod:nth-of-type(n+5) {display:none}
	#home h1 img {width:300px;}
    #partnerzy img {max-width:120px;max-height:90px}
	.listakategorii {width:98%;padding:0 1% 10px 1%}
	.listakategorii2 {width:98%;padding:0 1% 10px 1%}
	.contactform {width:300px;margin:0 auto;border-top:1px dotted red}
	#krok3 input {max-width:300px}
}