html, body { margin: 0; padding: 0; }
html {
    border-top: 5px solid #0080ff;
    background-image: linear-gradient(to bottom, #fff 0%, white 100%);
    background-size: 100% 128px;
    background-repeat: no-repeat;
    border-bottom: 5px solid #444;
    height: auto !important;
}
body {
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#body-wrapper {
	margin: auto;
}

img { border: 0; }
.main, CHECKBOX, INPUT, RADIO, SELECT, TEXTAREA, TABLE { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
TEXTAREA { width: 100%; }
hr { color: #dcdcdc; height: 1px; }

#wrapperTop { width: 100%; min-height: 20px; margin: 0 auto; padding-top: 5px; text-align: right; vertical-align: middle; display: block; list-style: none; }
#wrapperTop + div { }

#flagiJezyki { max-width: 20%; display: inline-block; vertical-align: middle; margin: 0 10px; }
#flagiJezyki span { vertical-align: top; }

#wyborWaluty { max-width: 20%; display: inline-block; margin: 0 10px; }

#tlumaczGoogle { max-width: 20%; display: inline-block; text-decoration: none; margin: 0 10px; }
#tlumaczGoogle .infoBoxContents { border: none; padding: 0; margin-top: 0; }
#gtranslateInfoBox { display: none; }

#przechowalnia { max-width: 20%; display: inline-block; margin: 0 10px; margin-bottom: 5px; }
#przechowalnia li a {
	position: relative;
    cursor: pointer; list-style: none; text-decoration: none; transition: ease-in-out 0.3s;
    color: #aaa;
}
#przechowalnia li a:hover { color: #f70; }
#przechowalnia .liczba {
    font-weight: bold;
    bottom: 0px;
    color: #ff0000;
    font-size: 14px;
    position: absolute;
    right: -13px;
    text-align: center;
    height: 1em;
    background: rgba(255, 255, 255, 0.5) none repeat scroll 0% 0%;
    line-height: 1em;
    border-radius: 50%;
    min-width: 1em;
    padding: 2px;
    border: 1px solid #777;
}

#linkiLogowania { max-width: 20%; display: inline-block; margin: 0 10px; margin-right: -5px; }
#linkiLogowania li { display: inline-block; border-left: 1px solid #777; }
#linkiLogowania li:first-child { border: none; }
#linkiLogowania li a { padding: 5px 10px; }
#linkiLogowania li a:before {
    text-indent: 0px;
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    content: ""; /* wartosc z pliku font-awesome.min.css */
    font-size: 1.5em;
    color: #bbb;
    transition: ease-in-out 0.3s;
}
#linkiLogowania li a:hover:before { color: #f70; }

/* logo */
#row { width: 100%; margin: 0 auto; text-align: right; vertical-align: middle; display: block; list-style: none; }
#logo { float: left; max-width: 400px; margin: 0; padding: 0; }
#obokLogo { width: auto; height: auto; margin:0 auto; vertical-align: middle; display: inline-block; text-align: right; }

/*------ koszyk --------*/
#koszyk {
	vertical-align: middle;
	width: 280px;
	height: 56px;
    margin-left: 100px; padding: 0;
	white-space: nowrap;
	text-align: left;
    margin-top: -5px;
    display: inline-block;
    position: relative;
}
#koszyk a { vertical-align: middle; margin-right: 0; }
#koszyk a:before { /*
    display: inline-block;
    text-indent: 0px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    content: ""; /* wartosc z pliku font-awesome.min.css *
x    font-size: 3em;
    color: #f77;
*/
}
#koszyk i { display: inline-block; vertical-align: middle; height: 22px; width: 260px; background-color: #fff; margin-top: 25px; padding: 10px 0 7px 10px; border: 1px solid #ccc; font-style: normal; position: relative; }
#koszyk a span { width: 56px; height: 56px; background: url('images/header/koszyk.png'); position: absolute; z-index: 17; top: 12px; right: 0px; }

.listaProduktowKoszyk { position: relative; }
.listaProduktowKoszyk ul { margin: 0 0 10px 0; padding: 0; vertical-align: middle; }
.listaProduktowKoszyk ul:last-of-type { margin: 0; }
.listaProduktowKoszyk li {
	position: relative;
	display: inline-block;
	white-space: nowrap;
    padding: 0px; margin-right: 0px;
    vertical-align: top;
}
.listaProduktowKoszyk .container ul li a {
    margin: 0 !important;
}
.listaProduktowKoszyk li:last-of-type { margin: 0; }

.listaProduktowKoszyk .container {
	list-style-type:none;
	text-align: center;
	padding: 10px;
	display: none;
	position: absolute;
	border: 1px solid #CFCFCF;
	background: white;
	z-index: 18;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.1), 0px 0px 7px 5px rgba(0, 0, 0, 0.07);
	color:#777777;
	font-family:"Arial"; font-size:13px;
	font-variant: normal;
	top: 70px; right: 0px;
	white-space: nowrap;
}
.listaProduktowKoszyk .pokazSzczegoly {
	display: block;
	width: 120px;
	padding: 5px;
	text-align: center;
	box-shadow: 0px 0px 7px 1px #DFDFDF
}
.listaProduktowKoszyk .miniaturkaKontener { width: 120px; height: 120px; }
.listaProduktowKoszyk .ilosc {
	color: #444;
    position: absolute;
	top: -2px;
	left: -2px;
	min-width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 11px;
	background: rgba(255,255,255,.8);
	border-radius: 10px;
	box-shadow: 1px 1px 3px rgba(0,0,0,.3);
}
.listaProduktowKoszyk .container ul li a span { background: none !important; width: 100% !important; text-align: center; }
.listaProduktowKoszyk .szczegolyProduktu .tresc { width: 100%; color: #444; }
.listaProduktowKoszyk .nazwa { color: #444; }
.listaProduktowKoszyk .cena { color: #444; margin:0 10px; }
.listaProduktowKoszyk .cena span { margin-left: 10px; }
.listaProduktowKoszyk .wiecej {
	margin: 10px 5px 0 0;
	text-align: left;
	font-size: 12px;
}

/* --- szukaj --- */
#szukaj {
    display: inline-block;
	vertical-align: middle;
	width: 400px;
	height: 40px;
	white-space: nowrap;
	text-align: right;
	overflow: hidden;
    margin-top: 22px;
    box-sizing: border-box; border: 1px solid #ccc;
}
#szukaj .input {
	width: 340px;
	margin: 0; padding: 10px 10px;
	vertical-align: middle;
	border: none;
    color: #000;
    background-color: #fff;
}
#szukaj .btn {
	display: inline-block;
	width: 40px; height: 40px;
	cursor: pointer;
	margin: 0px; padding: 5px;
	vertical-align: middle;
	text-decoration: none; border: none;
    background-color: #0080ff;
/*	background: url(images/header/szukaj.png) center no-repeat #419900; */
}
#szukaj .btn:before {
    display: inline-block;
    text-indent: 0;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 0.7;
    content: ""; /* wartosc z pliku font-awesome.min.css */
    font-size: 1.5em;
    color: #fff;
}

#searchresults { width: 400px; margin-top: 0px !important; margin-left: 0px !important; } /* okno podpowiedzi */
#searchresults li { margin: 0 !important; padding: 0 !important; text-align: left; }
#searchresults li a { color: #000; margin: 0 !important; padding: 0 !important; }
#searchresults li a:hover { background: #ddd !important; color: #000; }
#searchresults a { color: #000; margin: 0; padding: 0; }

/* ------ menu główne poziome - kategorie główne --------------- */
#menuGlowne { background: transparent; white-space: normal; min-height: 40px; line-height: 20px; border-bottom: 2px solid #0080ff; }
.kategorieGlowne {
	margin: 0;	padding: 0;
	list-style-type: none;
	display: block;
	text-align: left;
}
#menuGlowne ul li { }
#menuGlowne ul:last-child li:last-child { }
#menuGlowne .podKategorie ul li { background: #eee; }

#menu-2, .MM {
	margin: 0;	padding: 0; margin-left: 0px;
	list-style-type: none;
	display: inline-block;
	text-align: left;
}

ul#menu-2 { display: inline-block; }
ul#menu-2 li:hover { }
ul#menu-2 li.pozycje0 { }
ul#menu-2 li.aktywny { }
ul#menu-2 li.aktywny a { color: #0080ff !important; }
ul#menu-2 li a { color: #000 !important; font-weight: bold; padding: 11px 13px; }
ul#menu-2 > li {
	display: inline-block;
	white-space: nowrap;
    padding: 10px 0;	margin: 0;
}
ul#menu-2 li:last-child { margin-left: 0px; } /* dodatkowy link */
ul#menu-2 li:last-child a { } /* dodatkowy link */
#menu-2 > li > a { text-decoration: none; }
#menu-2 li a:hover { color: #0080ff !important; }

ul.kategorieGlowne { display: inline-block; }
ul.kategorieGlowne li { padding: 10px 0px; }
ul.kategorieGlowne li.aktywny a { color: #0080ff !important; }
ul.kategorieGlowne li a { color: #000 !important; font-weight: bold; padding: 11px 13px; }
.kategorieGlowne > li {
    position: relative;
	display: inline-block;
	white-space: nowrap;
    padding: 0; margin: 0;
	color:#777777;
}
.kategorieGlowne > li > a { text-decoration: none; }
.kategorieGlowne li:hover a { color: #0080ff !important; }
.kategorieGlowne li a:hover { color: #0080ff !important; }
.kategorieGlowne li.aktywny li a { color: #444 !important; }
.kategorieGlowne li ul li:hover, .kategorieGlowne li ul li { background: none; box-shadow: none; }
.kategorieGlowne li ul li a:hover { background: none; color: #000 !important; }
.kategorieGlowne > li:hover .podKategorie { display: block; color:#777777; font-family:"Arial"; font-size:13px; font-variant: normal; background-color: white; height: auto; visibility: visible; opacity: 1; }

.kategorieGlowne .podKategorie {
	list-style-type:none;
	text-align: left;
	padding: 7px 5px;
	position: absolute;
	border: 1px solid #444;
	background: white;
	z-index: 15;
    border-radius: 0px;
/*    box-shadow: 0px 0px 5px 3px rgba(130, 70, 90, 0.2), 0px 0px 7px 5px rgba(130, 70, 90, 0.1); */

display: block;
color:#777777;
font-family:"Arial";
font-size:13px;
font-variant: normal;
height: auto;
visibility: hidden;
opacity: 0;
transition-duration: 0.4s;
transition-timing-function: ease-in-out;
transition-delay: 0.1s;
transition-property: visibility, height, opacity, display;
top: 39px; left: 0px;
}

.kategorieGlowne .podKategorie li { padding:0; position: relative; display: inline-block; }
.podKategorie a {color:#777777; }

.kategorieGlowne .podKategorie ul { display: inline-block; list-style: none; padding:0; white-space: normal; word-wrap: break-word; text-align: left; max-width: 300px; }

.kategorieGlowne .podKategorie ul li { max-width: 200px; vertical-align: top; text-align: center; text-overflow: ellipsis; overflow: hidden; }

.kategorieGlowne .listaKategorii { vertical-align: top;  }
.kategorieGlowne  ul.listaKategorii { padding: 0; margin: 0; width: 150px; white-space: normal; word-wrap: break-word; text-align: left; }
.kategorieGlowne  ul.listaKategorii li { text-align: left; }
.kategorieGlowne .listaKategorii li { margin: 2px; margin-right: 0; padding: 2px; padding-bottom: 5px; word-wrap: break-word; min-width: 140px; white-space: normal; background: white; }
.kategorieGlowne .listaKategorii li a { padding-left: 0px; color: #444 !important; font-weight: normal; }

/*------- menu główne - linki dodatkowe --------*/
.linkiDodatkowe {
	margin: 0;
	padding: 0;
	list-style-type:none;
	display:block;
	text-align: left;
}
ul.linkiDodatkowe { display: inline-block; }
ul.linkiDodatkowe li { padding: 10px 0px; }
ul.linkiDodatkowe li a { color: #000 !important; font-weight: bold; padding: 11px 13px; }
ul.linkiDodatkowe li:first-child a { padding-left: 20px; }
ul.linkiDodatkowe li:first-child a:before {
    margin-right: 5px;
    display: inline-block;
    text-decoration: none;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    content: "" !important; /* wartosc z pliku font-awesome.css */
    font-size: 1.5em;
    color: #000;
}
ul.linkiDodatkowe li:first-child a:hover:before {
    color: #0080ff;
}
.linkiDodatkowe > li {
	position: relative;
	display: inline-block;
	white-space: nowrap;
    padding: 0;
    padding-bottom: 0px;
	margin: 0;
	color:#777777;
}
.linkiDodatkowe > li > a { text-decoration: none; }
.linkiDodatkowe li.aktywny a { color: #0080ff !important; }
.linkiDodatkowe li.aktywny a:before { color: #0080ff !important; }
.linkiDodatkowe li a:hover { background: transparent; color: #0080ff !important; }

/* -----  Nasza oferta - rozwijanie kategorii ----- */
#naszaOferta {
	z-index: 10;
	cursor: pointer;
}
.naszaOferta li.aktywny a { color: #000; }
#naszaOferta:hover {
	text-decoration: none;
}
#naszaOferta i { padding-right: 5px; }
/* ---- kontener ----- */
#naszaOfertaKontener {
    display: none;
    position: relative;
    max-width: 1180px;
    margin: 0 auto;
    border: 1px solid #ccc;
}
#naszaOfertaKontener.active {
    display: table;
    margin: 5px auto;
    width: calc(100% - 10px);
    max-width: 1170px;
}
#naszaOfertaKontener .kategoria a {
    color: #000;
}
#naszaOfertaKontener .kategoria a:hover {
	text-decoration: none;
	color: #555;
}
#naszaOfertaKontener .kategoria {
	list-style: none;
    margin: 0 5px 5px;
    padding: 5px 20px 5px 10px;
    text-align: left;
    position: relative;
    float: left;
    width: calc(25% - 45px);
    height: 22px;
    line-height: 22px;
    overflow: hidden;
    position: relative;
    transition: all 0.5s ease-in-out 0.1s;
}
#naszaOfertaKontener .kategoria:hover {
	overflow: visible;
	height: 100%;
	min-height: 22px;
	transition: all 0.5s ease-in-out 0.1s;
}
#naszaOfertaKontener .kategoria.show {
	height: auto;
}
#naszaOfertaKontener .kategorie {
    background: #fff;
    width: calc(100% - 10px);
    padding: 5px;
    z-index: 11;
	display: table;
}
#naszaOfertaKontener .kategoria .tytul {
	padding-left: 10px;
	margin: 0;
	display: block;
	float: left;
	height: 22px;
}
#naszaOfertaKontener .kategoria.show .tytul,
#naszaOfertaKontener .kategoria:hover .tytul {
	height: 100%;
}
#naszaOfertaKontener .kategoria i {
	color: #000;
	margin-right: 3px;
	font-size: 0.75em;
	position: absolute;
	top: 12px;
	left: 5px;
}
#naszaOfertaKontener .kategoria i:hover { cursor: pointer; }
#naszaOfertaKontener .kategoria i:first-child:hover { cursor: default; }
#naszaOfertaKontener .kategoria i.fa-chevron-down{
	position: absolute;
	top: 5px;
	right: 5px;
	left: auto;
	margin-right: 0;
}
.show .fa-chevron-down::before {
    content: "";
}
#naszaOfertaKontener ul.kategorie { background: rgb(253,253,253); }
#naszaOfertaKontener .kategoria { background-color: rgb(251, 251, 251); }
#naszaOfertaKontener .kategoria:nth-child(odd) { background-color: rgb(247, 247, 247); }
#naszaOfertaKontener .kategoria:nth-child(4n+1) { clear: both; }
#naszaOfertaKontener ul, #naszaOfertaKontener li ul { margin: 0; padding: 0; }
#naszaOfertaKontener .zamknij {
    background: url("images/zamknij.png") no-repeat scroll 0 0 #fff;
    cursor: pointer;
    height: 20px;
    position: absolute;
    right: 3px;
    top: 3px;
    width: 20px;
    z-index: 12;
    border-radius: 50%;
}
#naszaOfertaKontener .subCategory {
	display: none;
	clear: both; margin-left: -10px;
}
#naszaOfertaKontener .subCategory li{
	position: relative;
	padding-left: 20px;
}
#naszaOfertaKontener .kategoria .subCategory i { }
#naszaOfertaKontener .kategoria.show .subCategory { }
.subCategory a{
	display: inline-block;
	padding: 0.25em 10px 0.25em 0;
}

@charset "UTF-8";

.nivoSlider { min-height: 400px; margin-bottom: 10px !important; }
.nivo-directionNav a {
	background-image: url("images/arrows.png") !important;
}
header .nivo-controlNav {
	bottom: 20px;
}

#podgladMiniaturek { z-index: 10000002; }
.podpowiedzIkony { z-index: 10000003; }

.pokazSzczegoly { display: block; overflow: hidden; }
.pokazSzczegoly:hover .szczegolyProduktu .tresc { bottom: -50px; }
.pokazSzczegoly .szczegolyProduktu { position: relative; height: 100%; }
.pokazSzczegoly .szczegolyProduktu .tresc {
	position: absolute;
	left: 0;
	width: 100%;
	height: 45px;
	bottom: 0;
	font-size: 10px;
	text-align: center;
	background: rgba(255,255,255,.8);
	transition: bottom 0.5s;
}
.pokazSzczegoly .szczegolyProduktu .tresc .nazwa {
	height: 30px;
	line-height: 15px;
	font-weight: bold;
	overflow: hidden;
}
.pokazSzczegoly .szczegolyProduktu .tresc .cena {
	height: 15px;
	line-height: 15px;
	overflow: hidden;
}

/* menu responsywne */
.pasekMenu {
	background: #0080ff;
}
.menuResponsywne {
	display: none;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 200px;
	text-align: center;
}
.menuResponsywne li {
	display: inline-block;
	vertical-align: top;
	width: 22%;
	overflow: hidden;
}
.menuResponsywne a {
	color: white;
	font-size: 26px;
	width: 40px;
	height: 40px;
	line-height: 40px;
}
.menuResponsywne a:hover {
	text-decoration: none;
	cursor: pointer;
}
.menuResponsywne .szukaj { margin-left: 110px; }



.kontenerMenuResponsywne { overflow: auto; }
.kontenerMenuResponsywne > div {
    height: auto;
	padding: 0px 0;
}
.kontenerMenuResponsywne ul {
	margin: 0;
	padding: 0;
}
.kontenerMenuResponsywne li + li {
	margin-top: 1px;
}
.kontenerMenuResponsywne a {
	display: block;
	color: white;
	background: rgba(0,0,0,0.2);
	padding: 5px 10px;
}

/* kategorie, informacje */
.kontenerMenuResponsywne .infoKategorie > div {
	position: relative;
	margin: 10px 0;
}
.kontenerMenuResponsywne .infoKategorie > div > ul {
	margin-bottom: 20px;
}
.kontenerMenuResponsywne .infoKategorie h3 {
	margin: 0;
	padding: 10px;
}
.kontenerMenuResponsywne .infoKategorie h3 a {
	margin: -10px;
	background: none;
}
.kontenerMenuResponsywne .infoKategorie ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
.kontenerMenuResponsywne .infoKategorie ul ul {
	display: none;
}
.kontenerMenuResponsywne .infoKategorie a {
	display: block;
	padding: 10px 40px 10px 10px;
	margin-top: 1px;
	color: white;
	text-decoration: none;
	background: rgba(0,0,0,0.1);
}

.kontenerMenuResponsywne .infoKategorie ul ul a {
	padding: 10px 50px 10px 30px;
}
.kontenerMenuResponsywne .infoKategorie ul ul ul a {
	padding: 10px 50px 10px 50px;
}
.kontenerMenuResponsywne .infoKategorie ul ul ul ul a {
	padding: 10px 50px 10px 70px;
}
.kontenerMenuResponsywne .infoKategorie ul ul ul ul ul a {
	padding: 10px 50px 10px 90px;
}

.kontenerMenuResponsywne .infoKategorie li {
	position: relative;
}
.kontenerMenuResponsywne .infoKategorie .przelacz {
	cursor: pointer;
}
.kontenerMenuResponsywne .infoKategorie .przelacz::before {
	position: absolute;
	top: 2px;
	right: 10px;
	display: block;
	width: 30px;
	line-height: 30px;
	content: '\f107';
	font-family: 'FontAwesome';
	font-size: 20px;
	text-align: center;
	color: white;
	transition: all 0.2s;
}
.kontenerMenuResponsywne .infoKategorie .przelacz.widoczny::before {
	top: 3px;
	content: '\f106';
}
.kontenerMenuResponsywne .infoKategorie .aktywny::before {
	transform: rotate(180deg);
}

/* wyszukaj */
#wyszukaj {
	float: right;
	width: 260px;
	height: 40px;
	white-space: nowrap;
	text-align: right;
	overflow: hidden;
}
.kontenerMenuResponsywne .szukaj .input,
#wyszukaj .input {
	width: 200px;
	margin: 10px 0;
	vertical-align: middle;
	border: 1px solid #499000;
	background: white;
}
.kontenerMenuResponsywne .szukaj .btn,
#wyszukaj .btn {
	display: inline-block;
	width: 24px; height: 24px;
	cursor: pointer;
	margin: 10px;
	vertical-align: middle;
	text-decoration: none;
/*	background: url(images/header/szukaj.png) no-repeat; */
}
.kontenerMenuResponsywne .szukaj .btn { }
.kontenerMenuResponsywne .szukaj .btn::before {
	content: '';
	font-family: 'FontAwesome';
	font-size: 20px;
	color: white;
	text-decoration: none;
}

.kontenerMenuResponsywne > div {
	height: 0;
	overflow: hidden;
	color: white;
}
.kontenerMenuResponsywne .szukaj {
	text-align: center;
}
.kontenerMenuResponsywne .szukaj .input {
	display: inline-block;
	vertical-align: middle;
	margin: 10px 0 10px 10px;
	padding: 5px 10px;
	width: 70%;
	height: 20px;
}

.kontenerMenuResponsywne .konto .linki,
.kontenerMenuResponsywne .koszyk ul {
	list-style: none;
	margin: 10px 0;
	padding: 0;
	width: 100%;
	text-align: center;
    background: rgba(0,0,0,0.1);
}
.kontenerMenuResponsywne .konto .linki li {
	display: inline-block;
	vertical-align: middle;
	width: 45%;
}
.kontenerMenuResponsywne .konto .linki a,
.kontenerMenuResponsywne .koszyk a {
	display: block;
	padding: 10px 5px;
	color: white;
	text-decoration: none;
	background: rgba(0,0,0,0.1);
}
.kontenerMenuResponsywne .konto .jezykiWaluty {
	text-align: center;
}
.kontenerMenuResponsywne .konto .jezykiWaluty > div {
	display: inline-block;
	vertical-align: middle;
	margin: 10px 40px;
}
.kontenerMenuResponsywne .konto .jezyki a {
	background: none;
	display: inline-block;
	vertical-align: middle;
}
.kontenerMenuResponsywne .konto .jezyki img {
	vertical-align: middle;
}
.kontenerMenuResponsywne .konto .waluty select {
	height: 20px;
}
.kontenerMenuResponsywne .koszyk ul { margin: 5px 0; }
.kontenerMenuResponsywne .koszyk li {
	display: inline-block;
	vertical-align: middle;
	margin: 5px 10px;
}
.kontenerMenuResponsywne .koszyk li:last-child { width: 25%; }
.kontenerMenuResponsywne .koszyk .wartosc {
	font-size: 20px;
	margin-left: 5px;
}

/* naglowek */
.naglowek,
.naglowek img {
	max-width: 100%;
	max-height: 1000px;
}

/* sciezka jezyki */
#sciezka_jezyki {
	margin: 5px 0;
	overflow: hidden;
}
#sciezka_jezyki i { vertical-align: middle; margin: 0 5px; color: #f70; }
#sciezka_jezyki .fa { font-size: 15px; }
#sciezka_jezyki::after {
	content: '';
	display: block;
	clear: both;
}
#sciezka_jezyki a {
	text-decoration: none;
	color: #777;
	font-style: italic;
	font-size: 11px;
}
#sciezka_jezyki a:hover { color: black; }

#sciezka {
	float: left;
	padding: 0 10px;
	line-height: 20px;
}
#sciezka img { margin: 0 10px; }
#sciezka a {
	text-decoration: none;
	color: #777;
	font-style: italic;
	font-size: 11px;
}
#sciezka a:hover { color: black; }


/* stopka */
footer { position: relative;}
#footer_container { margin-top: 10px; background: rgba(0,0,0,0.0); width: 100%; margin: 0 auto; border-top: 2px solid #0080ff; }
#footer_container_2 { background: rgba(255,255,255,0.0); max-width: 100%; min-height: 40px; margin: 0 auto; }
#stopka { background: white; position: relative; min-height: 90px; margin: 0 auto; }
#linki {
    max-width: 60%;
	margin: 0;
	padding: 10px 0;
	text-align: left;
	font-size: 12px;
	list-style: none;
	min-height: 50px;
}
#linki .kolumna {
    text-transform: none;
	display: inline-block;
	vertical-align: top;
	max-width: 190px;
	padding: 5px 25px;
	border-right: none;
}
#linki .kolumna:last-child { border: none; }
#linki h4 {
	margin: 0;
	font-weight: bold;
}
#linki ul {
    text-transform: none;
	list-style-type: none;
	margin: 5px 0 0 0;
	padding: 0;
}
#linki ul a {
	padding: 0px 0 0px 0px;
}
#linki a {
	display: block;
	color: #444;
	text-decoration: none;
    transition: ease-in-out 0.3s;
}
#linki a:hover { color: #F72; }
#linki .separator { height: 10px; }

/* newsletter i linki społecznościowe */
#linki2 { max-width: 41%; position: absolute; top: 0; right: 0; display: block; border: none; margin-top: 5px;}
#linki2 div { margin: 0 5px; }
.newsletter { float: left; display: block; text-align: left; }
#linki2 .newsletter input[type="text"] { border: 1px solid #aaa; background: #efefef; }
.newsletter span.tekst { color: #444 !important; display: block; padding-bottom: 7px; padding-left: 10px; text-transform: uppercase; font-size: 12px !important; font-weight: normal !important; }
.newsletter .button:hover { color: #f72; background-color: #eee; }

.spolecznosciowe { float: right; position: relative; padding-top: 20px; padding-right: 5px; text-align: left; text-transform: uppercase; font-size: 12px; font-weight: normal; white-space: normal; width: 120px; }
.spolecznosciowe i { position: absolute; top: 0; color: #444; font-style: normal; }
.spolecznosciowe a { }

#footer_links { text-align: left; max-width: 100%; padding: 50px 0 10px 0; }


#info {}
#info a { font-size: 11px; font-weight: bold; color: #000 !important; }
#info a:hover { text-decoration: underline; }

#doGory {
    opacity:0.5;
    position:fixed;
    display:none;
    text-indent:0px;
	right: 20px;
    bottom: 150px;
	width: 33px;
    height: 33px;
    background-color: #FFF;
    border: 1px solid #0080ff;
    border-radius: 5px;
    cursor: pointer;
    padding: 10px;
    transition: opacity 0.3s ease-in-out;
}
#doGory:hover { opacity: 1; }
#doGory:before {
    display: inline-block;
    text-decoration: none;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 0.8;
    content: "" !important; /* wartosc z pliku font-awesome.css */
    font-size: 3.3em;
    color: #444;
}

/* srodek */
main::after {
	content: '';
	display: block;
	clear: both;
}

main { display: flex; }
#lewaKolumna, #prawaKolumna {
	min-height: 10px; margin-right: 10px;
}
#prawaKolumna { background: none; margin-right: 0; margin-left: 10px; }
#srodkowaKolumna {
    flex: 1;
	min-height: 100px;
	margin: 0 0 20px;
    background: transparent;
}

#srodkowaKolumna .listing .obramowanie { background: white; }

.obramowanie { border: 1px solid #ddd; }

a {
  color: black;
  text-decoration: none;
}
a:visited { color: rgba(0,0,0,0.8); }
a:hover { text-decoration: underline; }

form { display: inline; }

/* infobox */
.infoBox { margin-bottom: 10px; background: transparent; }

.infoBoxHeading {
	padding: 10px;
	background: transparent; border-bottom: #0080ff 2px solid; font-size: 14px;
}
.infoBoxHeading,
.infoBoxHeading a {
	font-weight: bold;
	color: #000;
    text-transform: uppercase;
}
.infoBoxContents {
	padding: 10px; margin-top: 10px;
    background: #fff;
	border: 1px solid #dcdcdc;
}
.infoBoxFooter {}

/* contentbox */
.contentBox { background: transparent; }
.contentBoxContents { table-layout: fixed; overflow: hidden; }

.contentBoxHeading
{
	padding: 10px 0; padding-left: 10px;
    background: transparent; border-bottom: #0080ff 2px solid;
	color: #444;
	font-weight: bold; font-size: 14px;
    text-transform: uppercase;
}
.contentBoxHeading a { color: #000; }

.contentBoxContents { margin-top: 10px; text-align: center; }

.contentBoxFooter {
    margin-bottom: 0;
	height: 0px;
	border-bottom: 0px solid #dcdcdc;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd { background: #f6f6f6; }

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {}

.productListing {}

.productListing-heading
{
	background: #777;
	color: white;
	font-weight: bold;
	padding: 5px;
}
.productListing-heading A
{
	color: white;
	font-weight: bold;
}

A.pageResults { color: black; }
A.pageResults:hover { color: #77cf22; }

.pageHeading
{
	font-size: 20px;
	font-weight: bold;
	color: #9a9a9a;
}

.moduleRow {}
.moduleRowOver { background-color: #eef8ff; cursor: pointer; }
.moduleRowSelected { background-color: #ddf1ff; }

/* przyciski */
.button {color: #444; }
.button, a.button {
	text-decoration: none;
    border: #eee 1px solid;
	font-size: 13px;
	font-weight: bold;
/*	color: rgb(0,0,0); */
    border-radius: 3px;
	background: #f7f7f7;
    padding: 5px 10px;
	display: inline-block;
    box-sizing: border-box;
    transition: ease-in-out 0.3s;
    box-shadow: #979797 0 1px 2px;
}
.button:hover, a.button:hover { background: #ddd; border: #eee 1px solid; transition: all 0.3s; }
.przyciski .button,.rButton a.button { cursor: pointer; margin:1px 5px 5px 5px !important;} /* Kontynuuj,Wyczysc,Szukaj */

/* dodatkowe */
.button[title="Do koszyka"] { padding: 5px 30px; }

/*  kategorie */
.kategoria {
	text-align: center; border: 1px solid #ddd;  background: white;
}
.kategoria .tytul {
	font-weight: bold;
	min-height: 18px;
	margin: 10px 0;
}
.kategoria .catName a { }
.kategoria .catName a:before {
    display: inline-block; padding-right: 5px;
    text-indent: 0px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 0.9;
    content: ""; /* wartosc z pliku font-awesome.min.css */
    font-size: 1em;
    color: #f72;
}
.kategoria ul { padding: 0; margin: 0; list-style-type: none }
.kategoria .wszystkie { color: #888 }

/* submenu kategorii */
.kategorieRozwijane .infoBoxContents { overflow: visible; }
.kategorieRozwijane .submenuKontener { position: relative; }
.kategorieRozwijane .submenuKontener:hover > .submenu { display: block; }
.kategorieRozwijane .submenu:hover .submenuKontener { display: block; }
.kategorieRozwijane .submenu {
	position: absolute; top: 0; left: 150px;
	width: 160px;
	padding: 5px;
	background: white;
	border: 1px solid #ddd;
	display: none;
	z-index: 10;
}
.kategorieRozwijane p { margin: 0; padding: 5px 0; background: transparent; padding-left: 0px; }
.kategorieRozwijane p:before {
    display: inline-block;
    text-indent: -5px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1.3;
    content: ""; /* wartosc z pliku font-awesome.min.css */
    font-size: 1em;
    color: #36d;
    float: left;
}
.kategorieRozwijane a { padding-left: 5px; display: block; }
.kategorieRozwijane .subBoxes {	border-color: #8DE134; }

/* produkty w infobox i contentbox */
.slajdyKontener { margin: 0 -5px; }
.slajdyKontener .ramkaProduktow { margin: 0 5px; }
.ramkaProduktow
{
	text-align: center; border: 1px #ddd solid; padding: 5px; background: white;
}

.net77_nowosci_nowe { text-align: center; }
.net77_nowosci_nowe p { margin: 0; }
.net77_nowosci_nowe .net77_miniaturka img {}
.net77_nowosci_nowe .net77_tytul { margin: 4px 0; padding-top: 5px; border-top: 1px solid #ddd; }
.net77_nowosci_nowe .net77_tytul a
{
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #444;
    text-transform: uppercase;
}
.net77_nowosci_nowe .net77_opis { margin: 8px 0; color: #999999; }
.net77_nowosci_nowe .net77_cena { margin-left: 5px; text-align: center; }

.net77_nowosci_nowe .przyciski-2 { text-align: center; margin-top: 5px; }
/* przycisk Do koszyka */
.net77_nowosci_nowe .doKoszyka { margin:0 5px; display: inline-block; }
.net77_nowosci_nowe .doKoszyka .button {
    text-indent: -1000px;
    background: none;
    float: none;
    position: relative;
    width: 30px;
    height: 30px;
    padding: 0px;
    border: none;
	z-index: 2;
	overflow: hidden;
}
.net77_nowosci_nowe .doKoszyka button { position: relative; display: inline-block; }
.net77_nowosci_nowe .doKoszyka button { height: 30px; width: 30px; }
.net77_nowosci_nowe .doKoszyka button::after {
    text-indent: 0;
    position: absolute;
	top: 0;
	left: 0;
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
	width: 30px; height: 30px;
    line-height: 30px;
	text-align: center;
    content: ""; /* wartosc z pliku font-awesome.min.css, <i class="fa fa-shopping-cart"></i> */
    font-size: 1.6em;
    color: #fff !important;
	background: #0080ff;
	border-radius: 3px;
    transition: ease-in-out 0.3s;
	z-index: 1;
    text-shadow: 1px 1px #bbb;
}
.net77_nowosci_nowe .doKoszyka button:hover:after { color: #f70 !important; background-color: #ddd; }
/* przycisk Szczegoly */
.net77_nowosci_nowe .szczegoly { display: inline-block; }
.net77_nowosci_nowe .szczegoly a {
    background: #777 none repeat scroll 0% 0%;
    float: none;
    position: relative;
    width: 30px;
    height: 30px; line-height: 30px;
    padding: 0px;
    border: medium none;
    text-indent: -1000px;
}
.net77_nowosci_nowe .szczegoly a font { display: inherit; }

.net77_nowosci_nowe .szczegoly a::before {
	position: absolute;
    text-indent: 0;
    display: block;
    font-family: FontAwesome;
    font-style: italic;
    font-weight: normal;
	width: 30px;
    line-height: 30px;
	text-align: center;
    content: ""; /* wartosc z pliku font-awesome.min.css , <i class="fa fa-info"></i> */
    font-size: 1.6em;
    color: #fff !important;
    transition: ease-in-out 0.3s;
    text-shadow: 1px 1px #eee;
}
.net77_nowosci_nowe .szczegoly:hover a::before { color: #f70 !important; background-color: #ddd; }
/* przycisk Zapytaj */
.net77_nowosci_nowe .zapytaj { margin: 0 5px; display: inline-block; }
.net77_nowosci_nowe .zapytaj a {
    background: #777 none repeat scroll 0% 0%;
    float: none;
    position: relative;
    width: 30px;
    height: 30px; line-height: 30px;
    padding: 0px;
    border: medium none;
    text-indent: -1000px;
}
.net77_nowosci_nowe .zapytaj a font { display: inherit; }

.net77_nowosci_nowe .zapytaj a::before {
	position: absolute;
    text-indent: 0;
    display: block;
    font-family: FontAwesome;
    font-style: italic;
    font-weight: normal;
	width: 30px;
    line-height: 30px;
	text-align: center;
    content: ""; /* wartosc z pliku font-awesome.min.css , <i class="fa fa-info"></i> */
    font-size: 1.6em;
    color: #fff !important;
    transition: ease-in-out 0.3s;
    text-shadow: 1px 1px #eee;
}
.net77_nowosci_nowe .zapytaj:hover a::before { color: #f72 !important; background-color: #ddd; }
/* przycisk Przejdz do produktu */
.net77_nowosci_nowe .doProduktu { margin: 0 5px; display: inline-block; }
.net77_nowosci_nowe .doProduktu a {
    background: #777 none repeat scroll 0% 0%;
    float: none;
    position: relative;
    width: 30px;
    height: 30px; line-height: 30px;
    padding: 0px; vertical-align: -10px;
    border: medium none;
    text-indent: -1000px;
}
.net77_nowosci_nowe .doProduktu a font { display: inherit; }

.net77_nowosci_nowe .doProduktu a::before {
	position: absolute;
    text-indent: 0;
    display: block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
	width: 30px;
    line-height: 30px;
	text-align: center;
    content: ""; /* wartosc z pliku font-awesome.min.css , <i class="fa fa-info"></i> */
    font-size: 1.5em;
    color: #fff !important;
    transition: ease-in-out 0.3s;
    text-shadow: 1px 1px #eee;
}
.net77_nowosci_nowe .doProduktu:hover a::before { color: #f72 !important; background-color: #ddd; }


.net77_nowosci_nowe .net77_data_dodania { font-size: 9px; }

ul.listaIkony { margin: 0; padding: 0; list-style: none; }
ul.listaIkony li { background: transparent; padding-left: 0; margin: 5px 0; }
ul.listaIkony li:before {
    float: left;
    text-indent: 0;
    margin-right: 5px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1.3;
    content: ""; /* wartosc z pliku font-awesome.min.css */
    font-size: 1em;
    color: #f70;
}
ul.listaIkony li a { padding-left: 5px; margin-left: 13px; display: block; }

/* opis produktu */
#produkt_info_glowne { border: 1px solid #dcdcdc; }
#produkt_info_glowne #zdjecie { margin: 0; }
#produkt_info_glowne #zdjecie img { padding: 5px; }
#produkt_info_glowne #dodatkowe { list-style: none; padding: 0; }
#produkt_info_glowne #dodatkowe li { background: url('images/lista.png') no-repeat; padding-left: 15px; }

/* recenzje */
#recenzje_tresc .pozycja { border: 1px solid #ddd; }

/* kroki w zamowieniu */
.checkoutBarFrom, .checkoutBarTo { color: #aaa; }
.checkoutBarFrom a { color: #444; }
.checkoutBarCurrent { color: #0099FF; }

div.sliderRev { margin-bottom: 10px; }

.listaKategorii { margin: 10px -5px; }
.listaProduktow { margin: 0 -9px; }
.listaKategorii > li,
.listaProduktow li {
	width: calc(33% - 10px);
	margin: 0 5px 10px 5px;
}
.slajdyKontener .element { width: 33%; }
.resp.boxCat .kategoria:nth-child(4n+1) {clear: both;}
/* animacje */
#body-wrapper,
#lewaKolumna,
#prawaKolumna,
#srodkowaKolumna,
#wyszukaj,
.menuResponsywne,
.listaKategorii > li,
.listaProduktow li { transition: width 0.2s; }

.menuResponsywne .szukaj { transition: margin 0.4s; }
.naglowek, .naglowek img { transition: max-height 0.2s; }

.slajdyKontener .sPoprzedni,
.slajdyKontener .sNastepny { transition: color 0.2s; }

.innerSliderHor .net77_cena { text-align: center; }
.innerSliderHor { padding: 0; margin: 0; }

.flbox { height: auto; }
.boxTxt { padding-bottom: 5px; }

/* scenariusze (kolumny)
1220 = 800 + 2*200 + 2*10
980 = 700 + 270 + 10
750 = 540 + 200 + 10
auto = 100% - 10px
*/

/* responsywnosc */
@media (max-width: 1240px) {
	#body-wrapper {
		width: 980px;
		margin: 0 auto;
	}
    #linkiLogowania li { display: block; border: none; }
    #obokLogo { margin-top: -30px; padding-right: 50px; }

	#lewaKolumna { width: 270px; }
	#prawaKolumna { display: none; }
	#srodkowaKolumna {
        max-width: 700px !important;
		margin-right: 0;
	}

    #stopka { width: calc(100% - 2px) !important; min-height: 105px; }

    #linki {min-height: 100px;}
    #linki2 { display: flexbox; width: 40%;}
    #linki2 .newsletter, #linki2 .spolecznosciowe { margin: 0; float: left; }
    #linki2 .newsletter { flex: 1; }
    #linki2 .spolecznosciowe { flex: 2; }

    #linki2 .newsletter span.tekst { padding: 2px 0; }
    #linki2 .newsletter input { max-width: 180px !important; margin: 0 5px 2px 0 !important; }
    #linki2 .newsletter input.button { width: 77px !important; }

    #linki2 .spolecznosciowe { padding-top: 17px; margin-top: 5px; min-width: 100px; white-space: nowrap; }

    #info { }
    #footer_links { max-width: 100%; }
    #doGory { bottom: 100px; right: 5px; z-index: 99999; }
}

@media (max-width: 1000px) {
	#body-wrapper { width: 750px; }
	#lewaKolumna { width: 200px; }
	#srodkowaKolumna {
        max-width: 540px !important;
		margin-right: 0;
	}

	.naglowek,
	.naglowek img { max-height: 270px; }

	.listaKategorii > li,
	.listaProduktow li { width: calc(50% - 10px); }
	.slajdyKontener .element { width: calc(50% - 2px); }

    #stopka { min-height: 120px; }

    #linki2 { min-width: 20%;}
    #linki2 .newsletter input { width: 150px !important; }
    .resp.boxCat .kategoria:nth-child(4n+1) {clear: none;}
	.resp.boxCat .kategoria:nth-child(3n+1) {clear: both;}
}

/* mobilne */
@media (max-width: 770px) {
	#body-wrapper { width: auto; }
	#lewaKolumna { display: none; }
	#srodkowaKolumna {
        max-width: calc(100% - 10px) !important;
		margin: 0 5px;
	}

	#wrapperTop { display: none; }
    #linkiLogowania { margin: 0px; display: none; width: 0; }
    #row { text-align: center; }
    #obokLogo { width: 80%; margin-top: -10px; padding-right: 5%; text-align: center; }

    #szukaj { margin: 0; margin-bottom: 5px; width: 400px; }
    #szukaj .input { width: 335px; }
    #searchresults { width: 400px; }

	#menuGlowne, .menuZwykle { display: none; }
	.menuResponsywne { display: block; width: calc(100% - 2px) !important; }
	.kontenerMenuResponsywne > div.pokaz { height: auto; }
    .menuResponsywne .szukaj  { margin-left: 0; }
	.kontenerMenuResponsywne .szukaj.pokaz { height: auto; }

	.naglowek,
	.naglowek img { max-height: 150px; }
	#header_koszyk { display: none; }

	#sciezka,
	#jezyki { display: none; }

	#stopka { padding: 0; background-color: rgba(111,111,111,0.0); }
	#linki { padding-bottom: 10px; }
	#linki .kolumna {
		display: block;
		max-width: none;
		padding: 0;
		border: none;
	}
	#linki ul { margin: 0; }
	#linki ul a,
	#linki a {
		padding: 10px;
		background: #ddd;
		margin-bottom: 1px;
	}
	#linki ul a { padding-left: 30px; }

	.listaKategorii,
	.listaProduktow {
		margin: 0 5px;
		text-align: center;
	}

	#oknoFiltrow .listaSortowania a {
		display: block;
		margin: 5px 0;
		padding: 5px;
		text-align: center;
		text-decoration: none;
		background: rgba(150,150,150,0.2);
	}
	#oknoFiltrow input[type="checkbox"] {
		width: 20px;
		height: 20px;
	}
	.filtry .filtr { width: calc(50% - 10px); }

#footer_container { border-top: 2px solid #000; }
#stopka { background: #efefef; min-height: 90px; padding: 0; width: calc(100% - 2px) !important;}
#footer_container_2 {padding: 5px; }

#linki { max-width: 100%; padding: 0; }
#linki2 { text-align: left; top: 0;}

#linki2 .newsletter, #linki2 .spolecznosciowe { float: none; max-width: 100% !important; }
#linki2 .newsletter, #linki2 .newsletter input {}

    #info { }
    #doGory { bottom: 270px; }

 #footer_links { position: absolute; bottom: -100px !important; }

	/* widgety */
	div[id$="2_2"] { display: none; }
	.resp.boxCat .kategoria:nth-child(3n+1) {clear: none;}
	.resp.boxCat .kategoria:nth-child(4n+1) {clear: both;}
	#obokLogo {display: none;}
}
@media (max-width: 700px) {
	.resp.boxCat .kategoria:nth-child(4n+1) {clear: none;}
	.resp.boxCat .kategoria:nth-child(3n+1) {clear: both;}
}
@media (max-width: 640px) {
    #linki {min-height: 170px;}
}
@media (max-width: 530px) {
	.resp.boxCat .kategoria:nth-child(4n+1) {clear: none;}
	.resp.boxCat .kategoria:nth-child(3n+1) {clear: none;}
	.resp.boxCat .kategoria:nth-child(2n+1) {clear: both;}
}
@media (max-width: 490px) {
	#body-wrapper { width: auto; }

	#koszyk, #szukaj, #menuGlowne { width: 0; display: none; }
	#wyszukaj { width: 0; }
	.menuResponsywne { width: 100%; }
	.menuResponsywne .szukaj  { margin-left: 0; }
	.kontenerMenuResponsywne .szukaj.pokaz { height: auto; }

	.naglowek,
	.naglowek img { max-height: 100px; }

    #logo { float: none; }

	.listaKategorii,
	.listaProduktow { margin: 0; }
	.listaKategorii > li,
	.listaProduktow li {
		width: 100%;
		margin: 0 0 10px 0;
	}
	.slajdyKontener .element { width: 100%; }

	.filtry .filtr { width: calc(100% - 10px); }

    #linki2 { min-width: 120px;}
    #linki2 div { padding: 0; }
    #linki2 .newsletter input { width: 95px !important; }

    #linki2 .spolecznosciowe { margin-top: 5px; white-space: normal; }

    #footer_links, #doGory { display: none; }
}
@media (max-width: 460px) {
    #linki,
    #linki2 {
        width: 100%;
        max-width: 100%;
        position: relative;
        text-align: center;
    }
}