.serie { clear: both; width: 1200px; text-align: center; }
.serie > .pozycja_seria { float: left; width: 380px; margin-right: 30px; margin-top: 30px; }
.serie > .pozycja_seria:nth-of-type(3n+0) { margin-right: 0px; }
.serie > .pozycja_seria > .img { clear: both; width: 100%; }
.serie > .pozycja_seria > .img > img { width: 380px; }
.serie > .pozycja_seria > .padding { position: relative; top: 0px; left: 0px; width: 400px; height: 251px; text-align: center; }
.serie > .pozycja_seria > .padding > .img { position: absolute; top: 0px; width: 380px; height: 200px; line-height: 200px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19); }
.serie > .pozycja_seria > .padding > .opacity { position: absolute; bottom: 0px; width: 380px; height: 40px; opacity: 0.85; }
.serie > .pozycja_seria > .padding > .desc { position: absolute; bottom: 0px; width: 380px; height: 40px; overflow: hidden; }
.serie > .pozycja_seria > .padding > .desc > .center { position: relative; top: 0px; width: 380px; height: 40px; line-height: 40px; }
.serie > .pozycja_seria > .padding > .desc > .center > .tytul { position: absolute; top: 50%; transform: translateY(-50%); width: 380px; overflow: hidden; font-weight: bold; font-size: 14px; text-align: center; color: #454545; }
.serie > .pozycja_seria > .padding > .desc > .opis { font-size: 13px; text-align: left; color: #666666; padding: 0px 10px; }
.serie > .pozycja_seria > .padding > .koszyk { position: absolute; bottom: -40px; width: 400px; }
.serie > .pozycja_seria > .padding > .koszyk > .center { line-height: 30px; height: 30px; width: 400px; }
.serie > .pozycja_seria > .padding > .koszyk > .center > .button { display: inline-block; margin-left: 3px; }
.serie > .pozycja_seria > .padding > .koszyk > .center > .detal { position: relative; bottom: 9px; display: inline-block; color: #666666; font-weight: normal; font-size: 12px; text-decoration: line-through solid #aaa; }
.serie > .pozycja_seria > .padding > .koszyk > .center > .promo { position: relative; bottom: 4px; display: inline-block; color: #cd3335; font-weight: bold; font-size: 22px; }

.serie > .margin { clear: both; height: 30px; }

.serie-nawigacja-sort { clear: both; width: 1200px; margin-top: 10px; margin-bottom: 0px; text-align: center; }
.serie-nawigacja-sort > div { display: inline-block; width: 150px; color: #777; }
.serie-nawigacja-sort > div.active { display: inline-block; width: 150px; color: #0069b4; }
.serie-nawigacja-sort > div:hover { color: #f29100; cursor: pointer; }

.serie-nawigacja-page { float: right; width: 1200px; margin-bottom: 10px; }
.serie-nawigacja-page > .pages { clear: both; position: relative; width: 1200px; font-size: 17px; height: 5px; padding-bottom: 0px; }
.serie-nawigacja-page > .pages > .line { position: absolute; margin-top: 8px; border-bottom: solid 1px #0169b2; height: 20px; margin-bottom: 13px; z-index: 1; width: 1200px; }
.serie-nawigacja-page > .pages > .box { position: absolute; left: 50%; top: 0px; transform: translate(-50%, 0); z-index: 2; color: #000; font-weight: bold; width: 800px; }
.serie-nawigacja-page > .pages > .box > .npage { display: inline-block; padding: 2px 5px; height: 31px; line-height: 31px; width: 25px; text-align: center; cursor: pointer; background: #fff; }
.serie-nawigacja-page > .pages > .box > .npage:hover { color: #f5a613; }
.serie-nawigacja-page > .pages > .box > .npage_selected { display: inline-block; padding: 2px 5px; height: 31px; line-height: 31px; width: 25px; text-align: center; color: #0169b2; border: solid 2px #0169b2; border-radius: 25px; background: #fff; }
.serie-nawigacja-page > .pages > .box > .odstep { display: inline-block; padding: 2px 5px; height: 31px; line-height: 31px; text-align: center; width: 25px; background: #fff; }
.serie-nawigacja-page > .pages > .box > .odstep2 { display: inline-block; padding: 2px 5px; height: 31px; line-height: 31px; text-align: center; width: 5px; background: #fff; }

.lista-row { clear: both; width: 1200px; position: relative; height: 440px; }

.lista-row-title-startowa { clear: both; position: relative; height: 40px; margin: 15px 0px; font-family: Staatliches; }
.lista-row-line-startowa { position: absolute; border-bottom: solid 2px #0169b2; height: 16px; margin-bottom: 13px; z-index: 1; width: 1200px; }
.lista-row-name-startowa { position: absolute; left: 50%; transform: translate(-50%, 0); z-index: 2; font-size: 30px; font-weight: normal; letter-spacing: 0px; text-align: center; background: #fff; padding: 0px 20px; color: #777; }

.lista-rowMove-relative { position: relative; width: 1200px; height: 400px; }
.lista-rowMove-hidden { float: left; width: 1200px; height: 400px; overflow: hidden;}
.lista-rowMove-button-left { position: absolute; left: -30px; top: 0px; width: 30px; height: 400px; background: url(https://www.skrzat.com.pl/themes/2020/images/boxmove_arrow_left.svg); z-index: 2; display: none; }
.lista-rowMove-button-left:hover { background: url(https://www.skrzat.com.pl/themes/2020/images/boxmove_arrow_left_selected.svg); }
.lista-rowMove-button-right { position: absolute; right: -30px; top: 0px; width: 30px; height: 400px; background: url(https://www.skrzat.com.pl/themes/2020/images/boxmove_arrow_right.svg); z-index: 2;  display: none; }
.lista-rowMove-button-right:hover { background: url(https://www.skrzat.com.pl/themes/2020/images/boxmove_arrow_right_selected.svg); }
.lista-rowMove-table { display: table; }
.lista-rowMove-tr { display: table-row; }
.lista-rowMove-box { display: table-cell; width: 240px; height: 400px; border: solid 0px #ddd; }

.pozycja-box-wybor { float: left; position: relative; width: 240px; height: 400px; text-align: left; font-size: 16px; background: #fff; color: #000; }
.pozycja-box-wybor-padding { position: relative; top: 10px; left: 10px; width: 220px; height: 380px; text-align: center; overflow: hidden; }
.pozycja-box-wybor-type { position: absolute; right: 0px; border: 0px; z-index: 1; text-align: right; }
.pozycja-box-wybor-type > div { position: absolute; top: 0px; right: 0px; max-height: 24px; border: 0px; font-weight: 500; font-size: 15px; text-align: center; color: #fff; }
.pozycja-box-wybor-type > img { max-height: 24px; border: 0px; }
.pozycja-box-wybor-img { position: absolute; top: 0px; width: 220px; height: 230px; line-height: 230px; }
.pozycja-box-wybor-img-noshadow { max-width: 210px; max-height: 210px; vertical-align: middle; }
.pozycja-box-wybor-img-shadow { max-width: 210px; max-height: 210px; vertical-align: middle; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19); }
.pozycja-box-wybor-opacity { position: absolute; bottom: 80px; width: 220px; height: 60px; opacity: 0.75; }
.pozycja-box-wybor-desc { position: absolute; bottom: 80px; width: 220px; height: 60px; overflow: hidden; }
.pozycja-box-wybor-center { position: relative; top: 0px; width: 220px; height: 60px; }
.pozycja-box-wybor-tytul { position: absolute; top: 50%; transform: translateY(-50%); width: 220px; overflow: hidden; font-weight: bold; font-size: 15px; text-align: center; color: #454545; }
.pozycja-box-wybor-opis { font-size: 13px; text-align: left; color: #666666; }
.pozycja-box-wybor-koszyk { position: absolute; bottom: 10px; width: 220px; height: 66px; }
.pozycja-box-wybor-detal { color: #666666; font-weight: normal; font-size: 12px; text-decoration: line-through; text-decoration: line-through solid #aaa; margin-bottom: 2px; }
.pozycja-box-wybor-promo { color: #cd3335; font-weight: bold; font-size: 22px; margin-bottom: 5px; }
.pozycja-box-wybor-button { display: inline-block; margin-left: 5px; }