@import url('https://fonts.googleapis.com/css?family=Oxygen:400,700&subset=latin-ext');
/*
#d72d35 
#da7227

#f29552
*/

body {
	margin: auto;
	font: 300 17px 'Oxygen', sans-serif;
	color: black;
	background: white;
	overflow-x: hidden;
}

img { border: 0; }
.main, CHECKBOX, INPUT, RADIO, SELECT, TEXTAREA, TABLE { font-family: 'Oxygen', Arial, cursive, sans-serif; font-size: 1em; }

.banner-wrap h5,
.posts-grid li h5,
.posts-grid li .post_meta {
	 font-family: 'Oxygen', sans-serif;
}
.posts-grid li h5 a:hover {
    color: #eee;
}
body #bannerdKolumna .contentBoxFooter {
	margin-bottom: 0;
}
#produkt_info_glowne {
    font-size: 1em;
}
TEXTAREA { width: 100%; }
hr { color: #dcdcdc; height: 1px; }
a {
	color: black;
	text-decoration: none;
	cursor: pointer;
}
a:hover { text-decoration: underline; }
form { display: inline; }

.szerokoscSzablonu,
.contentBox[id] {
	margin: auto;
}
#filtryContentBox {
	width: 100%;
}
.oknoKontener {
	z-index: 102;
	display: none;
}

.logoBox > h2> a img {
	padding: 5px;
}
.podpowiedzIkony {
	z-index: 160;
}
.wstazka .napis {
	font-weight: normal;
}
header {
	height: 500px;
}

header .wiersz2 .linki a {
	display: block;
	padding: 2px;
	font: 300 0.9em/1.2em 'Oxygen';
	color: #888;
	text-decoration: none;
	text-transform: uppercase;
	transition: all 0.2s;
	cursor: pointer;
}
header .wiersz2 .linki a:hover {
	color: #d72d35;
}
header .wiersz2 .szerokoscSzablonu {
	display: flex;
	justify-content: space-between;
	align-items: center;
	
}
header .wiersz2 .linki,
header .wiersz2 .obsluga {
	display: flex;
	align-items: center;
	list-style: none;
	margin: 0;
	padding: 0;
}
/*
header .wiersz2 li + li {
	margin-left: 20px;
}
header .wiersz2 #searchresults li + li {
	margin-left: 0;
}
*/
header .wiersz2 .obsluga li {
	position: relative;
}
header .wiersz2 .obsluga .linkKontener.aktywny {
	color: #d72d35;
}
header .wiersz2 .obsluga .linkKontener::after {
	content: '\f107';
	font: normal 14px/14px 'FontAwesome';
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
	transition: all 0.2s;
}
header .wiersz2 .obsluga .linkKontener.aktywny::after {
	transform: rotate(180deg);
}
header .wiersz2 .obsluga .oknoKontener {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: calc(100% + 10px);
	right: 0;
	min-width: 100px;
	background: #fff;
	box-shadow: 3px 3px 10px rgba(0,0,0,0.1);
}
header .wiersz2 .obsluga .oknoKontener li {
	margin: 0;
}
header .wiersz2 .obsluga .oknoKontener a {
	display: block;
	margin: 0;
	padding: 5px;
	color: #333;
	transition: all 0.2s;
}
header .wiersz2 .obsluga .oknoKontener a:hover {
	background: #d72d35;
}

/* wiersz2 */
header .wiersz2 {
	margin-bottom: 20px;
}
header .wiersz2 .szerokoscSzablonu {
	display: block;
    padding: 10px 50px 10px 10px;
    width: calc(100% - 60px);
    background: rgba(255, 255, 255, 0.8);
    position: relative;
}
header .wiersz2 .szerokoscSzablonu.show {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background: rgba(255, 255, 255, 0.8);
    padding: 0 50px 0 10px;
}
header .wiersz2 .szerokoscSzablonu::after {
	display: block;
	content: "";
	clear: both;
}
header .wiersz2 .szerokoscSzablonu .headerBox1 {
	float: left;
	width: 59%;
}
header .wiersz2 .szerokoscSzablonu .headerBox2 {
	float: right;
	width: 40%;
	position: relative;
}
header .wiersz2 .szerokoscSzablonu .headerBox1::after,
header .wiersz2 .szerokoscSzablonu .headerBox2::after {
	content: "";
	display: block;
	clear: both;
}
header .wiersz2 .szerokoscSzablonu .headerBox2 > div, 
header .wiersz2 .szerokoscSzablonu .headerBox2 > form,
header .wiersz2 .szerokoscSzablonu .headerBox1 > div {
	display: inline-block;
	float: left;
}
header .wiersz2 .szerokoscSzablonu .headerBox2 .koszyk .aktywny {
	position: relative;
	right: 0;
	top: 0;
	z-index: 1000;
}
header .wiersz2 .szerokoscSzablonu .headerBox2 .szukaj {
	display: none;
}
header .wiersz2 .szerokoscSzablonu .headerBox2 .show .szukaj {
	display: block;
}
header .wiersz2 .szerokoscSzablonu .headerBox2 .boxSearch.show {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1000;
	width: calc(100% - 20px);
	background: #fff;
	padding: 40px 10px 10px;
	transition: all 0.2s;
}
.obsluga li {
	margin-right: 5px;
}
#searchTop .fa-search {
	cursor: pointer;
}
#searchTop.show .fa-search {
	position: absolute;
	right: 0;
	top: 0;
}
#searchTop.show .fa-search::before {
	content: "";
}
header .wiersz2 .szukaj form {
	display: flex;
	position: relative;
}
header .wiersz2 .szukaj .input {
	flex: 1;
	padding: 10px;
	color: #888;
	background: white;
	border: 1px solid #ececec;
	line-height: 1.4em;
}
header .wiersz2 .szukaj .btn {
	display: flex;
	align-items: center;
	padding: 10px 15px;
	color: white;
	background: #d72d35;
	text-decoration: none;
	text-transform: uppercase;
	transition: all 0.2s;
	line-height: 1.4em;
}
header .wiersz2 .szukaj .btn:hover {
	background: #333;
}
header .wiersz2 .szerokoscSzablonu .headerBox2 .boxSearch,
header .wiersz2 .szerokoscSzablonu .headerBox2 .koszyk {
	position: relative;
	float: right;
	transition: all 0.2s;
}
#menuRTop,
header .wiersz2 .szerokoscSzablonu .headerBox2 i {
	padding: 10px;
	color: #d72d35;
	font-size: 1.2em;
	text-shadow: 1px 1px 0px #000;
}
#menuRTop:hover,
header .wiersz2 .szerokoscSzablonu .headerBox2 i:hover {
	background: #d72d35;
	color: #fff;
}
header .wiersz2 .koszyk .linkKontener {
	display: flex;
	align-items: center;
	text-decoration: none;
}
header .wiersz2 .koszyk .linkKontener.aktywny {
	border: 1px solid #dfdfdf;
	background: #fff;
}
header .wiersz2 .koszyk .linkKontener::after {
	content: '\f107';
	font: normal 14px/16px 'FontAwesome';
	color: #888;
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px;
	transition: all 0.2s;
	text-shadow: 1px 1px 0px #000;
}
header .wiersz2 .koszyk .linkKontener.aktywny::after {
	transform: rotate(180deg);
}
header .wiersz2 .koszyk .ikona::before {
	content: '\f07a';
	display: block;
	font-family: 'FontAwesome';
	color: #d72d35;
	font-size: 18px;
	line-height: 37px;
	width: 37px;
	text-align: center;
	transition: all 0.2s;
	text-shadow: 1px 1px 0px #000;
}
header .wiersz2 .koszyk .aktywny .ikona::before {
	border-right: 1px solid #ececec;
}
header .wiersz2 .koszyk .linkKontener:hover .ikona::before {
	color: white;
	background: #d72d35;
	border-right-color: #d72d35;
}
header .wiersz2 .koszyk .linkKontener > .tekst {
	margin: 0 10px;
	color: #d72d35;
	text-transform: uppercase;
	display: none;
}
header .wiersz2 .koszyk .linkKontener.aktywny > .tekst {
	display: block;
}
header .wiersz2 .koszyk .ilosc {
	width: 130px;
	color: #ccc;
	font-size: 0.9em;
	padding-left: 5px;
	display: none;
}
header .wiersz2 .koszyk .aktywny .ilosc {
	display: inline;
}
header .wiersz2 .koszyk .oknoKontener {
	position: absolute;
	top: calc(100% + 0px);
	right: 0;
	width: calc(100% - 2px);
	border: 1px solid #ececec;
	
	background: white;
	cursor: default;
}
header .wiersz2 .logo {
	position: relative
}

.hLink span {
	display: none;
}

.logoBox {
	
}
header .wiersz2 .logo h2 {

}
header .wiersz2 .logo h2 img{
	max-width: 150px;
	max-height: 150px;
}
header .wiersz2 .show .logo h2 img{
	max-width: 75px;
	max-height: 75px;
}
#naglowek {
	height: 500px;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
}
#naglowek img {
	width: 100%;	
}
.asite header,
.asite #naglowek {
	height: auto;	
}
.asite #naglowek img {
	display: none	
}
.koszykTresc,
.koszykTresc a {
	color: #888;
}
.koszykTresc .tresc {
	padding: 10px;
}
.koszykTresc .wartosc {
	padding: 25px 10px;
	text-align: right;
	font-size: 1.2em;
	color: #333;
	border-top: 1px solid #ececec;
}
.koszykTresc .wartosc .tekst {
	margin-right: 0.5em;
	font-weight: bold;
}
.koszykTresc .przyciski {
	padding: 10px;
	text-align: right;
	border-top: 1px solid #ececec;
}
.koszykTresc .listaKoszyka .pozycja {
	padding: 10px;
	display: flex;
}
.koszykTresc .listaKoszyka .pozycja + .pozycja {
	border-top: 1px solid #ececec;
}
.koszykTresc .listaKoszyka .pozycja .zdjecie {
	width: 70px;
	margin-right: 10px;
	display: flex;
	justify-content: center;
}
.koszykTresc .listaKoszyka .pozycja .iloscCena {
	margin-top: 5px;
}

/* sugestie */
#suggestions, #suggestions_info {
    position: absolute;
    top: calc(100% + 5px);
    left: 0;
	width: calc(100% - 2px);
	z-index: 110;
}
#searchresults {
    padding-top: 30px;
    width: 100%;
    border: 1px solid #ececec;
	text-align: left;
}
#searchresults .nazwa { white-space: normal; }
#searchresults .zdjecie { background: white; }
#searchresults .zdjecie .miniaturka {
	display: flex;
	justify-content: center;
	align-items: center;
}

/* menu */
.pasekGlowny {
	position: relative;
	background: linear-gradient(#006960, #d72d35);
    border-bottom: 7px solid #5fc4dc;
    border-top: 7px solid #5fc4dc;
    position: relative;
	z-index: 101;
}
/*.pasekGlowny.naGorze {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 20;
	width: 100%;
	padding: 0;
}*/

.menuResponsywne {

	z-index: 11;
	list-style-type: none; 
	margin: 0;
	padding: 0;
	cursor: default;
	display: flex;
	line-height: 1.4em;
}
.menuResponsywne > li {
	position: relative;
}
.menuResponsywne > li > a,
header .linkMenu {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 100%;
	padding: 10px;
	box-sizing: border-box;
	color: #333;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 1em;
}
.menuResponsywne > li > a::after {
	content: '';
	z-index: -1;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 0;
	background: #d72d35;
	transition: all 0.4s ease;
}
.menuResponsywne > li:hover > a {
	background: #d72d35;
	color: #fff;
	transition: all 0.4s ease;
}
.menuResponsywne > li:hover > a::after {
	height: 100%;
}
header .linkMenu {
	display: none;
	background: #d72d35;
	transition: all 0.4s ease;
}
header .linkMenu:hover{
	background: #2067bc;
}
.menuResponsywne > li .znak {
	display: none;

	position: absolute;
	top: -11px;
	left: 20px;
	padding: 0 5px;
	color: white;
	font-size: 0.8em;
	line-height: 18px;
}
.menuResponsywne > li .znak.wyprzedaz {
	background: #fa3f3f;
}
.menuResponsywne > li .znak.nowosc {
	background: #ee9432;
}
.pasekGlowny.naGorze .znak {
	top: 0;
}

.menuResponsywne > li > a .ikona,
header .linkMenu .ikona {
	cursor: pointer;
	display: none;
	justify-content: flex-end;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.menuResponsywne > li > a .ikona::after,
header .linkMenu .ikona::after {
	content: '\f067';
	font: normal 24px/24px 'FontAwesome';
	color: #eee;
	margin-right: 18px;
	transition: all 0.2s;
	text-shadow: 1px 1px 0 #000;
}
.menuResponsywne > li > a .ikona.aktywny::after,
header .linkMenu .ikona.aktywny::after {
	content: '\f068';
}

.menuResponsywne > li .okno {
	display: block;
	list-style: none;
	margin: 0;
	padding: 30px;
	position: absolute;
	top: 40px;
	left: 0;
	min-width: 200px;
	max-height: calc(100vh - 120px);
	background: #fafafa;
	visibility: hidden;
	opacity: 0;
	transition: all 0.4s ease 0.2s;
}
.menuResponsywne > li.szerokie {
	position: static;
}
.menuResponsywne > li.szerokie .okno {
	width: calc(100% - 60px);
	top: auto;
	z-index: 99999;
}
.menuResponsywne > li:hover .okno {
	visibility: visible;
	opacity: 1;
}

.menuResponsywne .okno .lista {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 1em;
}

.menuResponsywne .okno .lista a {
	display: inline-block;
	margin: 5px 0;
	color: #777;
	text-decoration: none;
	transition: all 0.2s;
}
.menuResponsywne .okno .lista a:hover {
	color: black;
}

.menuResponsywne .kategorie .lista {
	display: flex;
	flex-wrap: wrap;
	text-transform: uppercase;
}
.menuResponsywne .kategorie .lista a {
	display: inline-block;
	color: #333;
	text-decoration: none;
	transition: all 0.2s;
}
.menuResponsywne .kategorie .lista a:hover,
.menuResponsywne .kategorie .lista .pozycja .podkategorie a:hover {
	color: #d72d35;
}
.menuResponsywne .kategorie .lista .pozycja {
	width: 20%;
}
.menuResponsywne .kategorie .lista .pozycja h4 {
	font-weight: normal;
	margin: 0;
}
.menuResponsywne .kategorie .lista .pozycja .podkategorie {
	list-style: none;
	margin: 0;
	padding: 0;
}
.menuResponsywne .kategorie .lista .pozycja .podkategorie li {
	border: none;
}
.menuResponsywne .kategorie .lista .pozycja .podkategorie a {
	color: #888;
	font-size: 0.9em;
}
.menuResponsywne .kategorie .dodatkowaZawartosc {
	margin-top: 30px;
	display: flex;
}
.menuResponsywne .kategorie .dodatkowaZawartosc a {
	display: block;
	position: relative;
	width: calc(50% - 5px);
	text-decoration: none;
	
}
.menuResponsywne .kategorie .dodatkowaZawartosc a + a {
	margin-left: 10px;
}
.menuResponsywne .kategorie .dodatkowaZawartosc img {
	width: 100%;
	vertical-align: middle;
	transition: all 0.5s;
}
.menuResponsywne .kategorie .dodatkowaZawartosc a:hover img {
	opacity: 0.5;
}
.menuResponsywne .kategorie .dodatkowaZawartosc .tekst {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 10% 5% 5% 40%;
	box-sizing: border-box;
	text-align: center;
	color: white;
	text-transform: uppercase;
	transition: all 0.5s;
}
.menuResponsywne .kategorie .dodatkowaZawartosc a:hover .tekst {
	color: #474747;
}
.menuResponsywne .kategorie .dodatkowaZawartosc .tekst span {
	display: block;
	font-size: 1.4em;
}
.menuResponsywne .kategorie .dodatkowaZawartosc .tekst strong {
	display: block;
	margin-top: 10px;
	font-size: 1em;
}

.menuResponsywne .okno.promocje .contentBox {
	width: auto;
}
.menuResponsywne .okno.promocje .contentBoxHeading,
.menuResponsywne .okno.promocje .contentBoxFooter {
	display: none;
}

.menuResponsywne .okno.producenci li {
	text-align: center;
}
.menuResponsywne .okno.producenci a {
	display: inline-block;
}
.menuResponsywne .okno.producenci img {
	max-width: 200px;
	vertical-align: middle;
	transition: all 0.5s ease;
}
.menuResponsywne .okno.producenci a:hover img {
	opacity: 0.5;
}

.menuResponsywne .okno.informacje .glowne {
	list-style: none;
	margin: 0;
	padding: 0;
}
.menuResponsywne .okno.informacje .glowne > li + li {
	margin-top: 30px;
}
.menuResponsywne .okno.informacje .glowne > li > a {
	display: block;
	padding: 5px 0;
	color: #444;
	font-size: 1.1em;
	text-decoration: none;
	text-transform: uppercase;
}

.menuResponsywne .okno.dodatkowe .pozycja + .pozycja {
	margin-top: 20px;
}
.menuResponsywne .okno.dodatkowe h4 {
	margin: 0;
	color: #444;
	font-weight: normal;
	font-size: 1.2em;
	text-transform: uppercase;
}
.menuResponsywne .okno.dodatkowe .tresc {
	margin-top: 10px;
	color: #777;
	line-height: 1.1em;
}


.okno.kategorie { 
	overflow: auto; 
}
.okno.kategorie > div {
    height: auto;
	padding: 0px 0;
}
.okno.kategorie ul {
	margin: 0;
	padding: 0;
	width: 100%;
}
.okno.kategorie li + li {
	margin-top: 1px;
}
.okno.kategorie a {
	display: block;
	color: black;
	background: #ed0808;
	padding: 4px 10px;
}

/* kategorie, informacje */
.okno.kategorie .lista > div {
	position: relative;
	margin: 10px 0;
}
.okno.kategorie .lista > div > ul {
	margin-bottom: 20px;
}
.okno.kategorie .lista h3 {
	margin: 0;
	padding: 10px;
}
.okno.kategorie .lista h3 a {
	margin: -10px;
	background: none;
}
.okno.kategorie .lista ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.okno.kategorie .lista ul ul {
	display: none;
	position: relative
}
.okno.kategorie .lista ul.show {
	display: block;
	transition: all 0.2s ease 0s;
}
.okno.kategorie .lista ul.show li {
	transition: all 0.2s ease 0s;
}
.okno.kategorie .lista a {
	display: block;
	padding: 10px 40px 10px 10px;
	margin-top: 1px;
	color: #000;
	text-decoration: none;
	background: rgba(0,0,0,0.1);
}

.okno.kategorie .lista ul ul a {
	padding: 10px 50px 10px 30px;
}
.okno.kategorie .lista ul ul ul a {
	padding: 10px 50px 10px 50px;
}
.okno.kategorie .lista ul ul ul ul a {
	padding: 10px 50px 10px 70px;
}
.okno.kategorie .lista ul ul ul ul ul a {
	padding: 10px 50px 10px 90px;
}

.okno.kategorie .lista > ul > li {
	position: relative;
	width: 32.3%;
	margin-left: 1%;
	display: block;
	float: left;
}
.okno.kategorie .lista .przelacz {
	cursor: pointer;
}
.okno.kategorie .lista li {
	position: relative;
}
.okno.kategorie .lista .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: #000;
	transition: all 0.2s;
}

.okno.kategorie .lista .tap.przelacz::before{
	transform: rotate(180deg);
}
.okno.kategorie .lista .przelacz.widoczny::before {
	top: 3px;
	content: '\f106';
}
.okno.kategorie .lista .aktywny::before {
	transform: rotate(180deg);
}


/* stopka */
footer {
	padding: 50px 0;
	font-size: 0.9em;
	background: #f29552;
}
footer,
footer a {
	color: #fff;
}
footer h4 {
	margin: 0 0 15px;
}
footer h4,
footer h4 a {
	color: #fff;
	font-size: 1.2em;
	text-transform: uppercase;
	font-weight: normal;
}

footer .kolumny > div {
	box-sizing: border-box;
}
footer .dodatkowy {
	width: 25%;
	padding-right: 15px; 
	font-size: 1em;
}
footer .linki {
	width: 18.75%;
	padding: 0 15px;
}
footer .linki ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	text-transform: uppercase;
}
footer .linki a {
	text-decoration: none;
}
footer .linki ul a {
	display: inline-block;
	margin: 5px 0;
	transition: all 0.4s;
}
footer .linki ul a:hover {
	color: #ddd;
	padding-left: 3px;
}
footer .kontakt {
	width: 18.75%;
	padding-left: 15px;
}

footer .kolumny h4 {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
footer .kolumny h4 .ikona {
	cursor: pointer;
	display: none;
	justify-content: flex-end;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
footer .kolumny h4 .ikona::after {
	content: '\f067';
	font: normal 24px/24px 'FontAwesome';
	color: #fff;
	transition: all 0.2s;
}
footer .kolumny h4 .ikona.aktywny::after{
	content: '\f068';
	color: #d72d35;
}
footer .kolumny h4 .ikona:hover::after {
	color: #d72d35;
}

footer .informacje {
	margin-top: 40px;
	padding-top: 20px;
	border-top: 1px solid #fff;
}
#linki2 {
	border-top: 1px solid rgba(255,255,255,0.2);
}
#footer_links
{
	list-style: none;
	margin: 0;
	padding: 10px 0;
	font-size: 0.9em;
}
#footer_links a { color: #888; }
#footer_links li { display: inline-block; }

#doGory {
	position: fixed;
	display: none;
	right: 10px;
	bottom: 60px;
	width: 45px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	background: #d72d35;
	cursor: pointer;
	transition: background 0.2s;
	z-index: 200;
}
#doGory:hover {
	background: #2ec0f7;
}
#doGory:before {
	font-family: FontAwesome;
	content: "\f106";
	font-size: 30px;
	color: white;
}

/* srodek */
main {
	display: flex;
}
#lewaKolumna,
#prawaKolumna {
	flex: 0 0 auto;
	margin: 0 20px;
}
#srodkowaKolumna {
	flex: 1;
	margin: auto;
}
#srodkowaKolumna.szerokoscSzablonu {
	flex: 1;
	margin: 20px auto;
	max-width: 96%;
}

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

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

.infoBoxHeading {
	padding: 25px 0;
	text-align: center;
}
.infoBoxHeading,
.infoBoxHeading a {
	color: #333;
	font-size: 22px;
	text-transform: uppercase;
	text-decoration: none;
	transition: all 0.2s;
}
.infoBoxHeading a:hover {
	color: #d72d35;
}

.infoBoxContents {}
.infoBoxFooter {}

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

.contentBoxHeading {
	padding: 25px 0;
	text-align: center;
}
.contentBoxHeading,
.contentBoxHeading a {
	color: #333;
	font-size: 22px;
	text-transform: uppercase;
	text-decoration: none;
	transition: all 0.2s;
}
.contentBoxHeading a:hover {
	color: #d72d35;
}

.contentBoxContents {}
.contentBoxFooter {}


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: #666;
	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
{
	margin-top: 30px;
	font-size: 1.5em;
	color: #9a9a9a;
}

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

/* przyciski */
.button, a.button {
	text-decoration: none;
	text-transform: uppercase;
	color: white;
	padding: 10px 15px;
	border: none;
	background: #d72d35;
	display: inline-block;
	transition: all 0.2s;
}
.button:hover, a.button:hover { background: #333; }
input.button { cursor: pointer; }

/*  kategorie */
.kategoria {
	text-align: center;
}
.kategoria .tytul {
	font-weight: bold;
	min-height: 18px;
	margin: 10px 0;
}
.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 5px 5px;
}
#produkt_info_glowne #dodatkowe li::before,
#linki > li h4 a::before, 
ul.listaIkony li::before,
.kategorieRozwijane p::before {
    color: #da7227;
    content: "";
    font-family: FontAwesome;
    font-size: 1.1em;
    font-style: normal;
    font-weight: normal;
    padding-right: 5px;
    vertical-align: calc(0px);
}
.kategorieRozwijane .subBoxes {	border-color: #8DE134; }

/* produkty w infobox i contentbox */
.ramkaProduktow {
	padding: 10px;
	text-align: center;
	border: 1px solid #ececec;
	background: white;
}
.ramkaProduktow .miniaturkaKontener {
	transition: all 0.3s;
}
.ramkaProduktow:hover .miniaturkaKontener {
	transform: scale(1.1);
}
.ramkaProduktow .doKoszyka {
	margin: 15px 0 5px 0;
	opacity: 0;
	transition: all 0.3s;
}
.ramkaProduktow:hover .doKoszyka {
	margin: 20px 0 0;
	opacity: 1;
}

.slajdy {
	margin: 0 -10px;
}
.slajdy .ramkaProduktow {
	margin: 0 10px;
}

.cenaBrutto {
	font-weight: normal;
}

.net77_nowosci_nowe { text-align: center; }
.net77_nowosci_nowe p { margin: 0; }
.net77_nowosci_nowe .net77_miniaturka img {}
.net77_nowosci_nowe .net77_tytul { margin: 10px 0; }
.net77_nowosci_nowe .net77_tytul a {
	color: #888;
	text-decoration: none;
	text-transform: uppercase;
	transition: all 0.2s;
}
.net77_nowosci_nowe .net77_tytul a:hover {
	color: #d72d35;
}
.net77_nowosci_nowe .net77_cena {
	font-size: 1.4em;
}
.net77_nowosci_nowe .net77_opis { margin: 8px 0; color: #999999; }
.net77_nowosci_nowe .net77_data_dodania { font-size: 0.8em; }

ul.listaIkony { margin: 0; padding: 0; list-style: none; }
ul.listaIkony li { margin: 5px 0; }

/* 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 { }

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

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

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

.listaKategorii { margin: 20px -10px; }
.listaProduktow { margin: 0 -10px; }
.listaKategorii > li,
.listaProduktow li {
	width: calc(25% - 20px);
	margin: 0 10px 20px 10px;
}
.slajdyKontener .element { width: 25%; }

#add_to_basket_infobox {
	width: 400px;
}


/* animacje */
body,
#lewaKolumna,
#prawaKolumna,
#srodkowaKolumna,
#wyszukaj,
.listaKategorii > li,
.listaProduktow li { transition: width 0.2s; }

.naglowek, .naglowek img { transition: max-height 0.2s; }

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


/* dodatkowe tresci */
.wyprzedaz1 {
	display: flex;
	justify-content: space-between;
	margin: 20px 0;
}
.wyprzedaz1 a {
	text-align: center;
	text-decoration: none;
}
.wyprzedaz1 a + a {
	margin-left: 20px;
}
.wyprzedaz1 .zdjecie {
	display: block;
	position: relative;
}
.wyprzedaz1 img {
	width: 100%;
	vertical-align: middle;
}
.wyprzedaz1 .tekst {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.wyprzedaz1 .tekst::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.85);
	transform: scale(0);
	transition: all 0.4s ease;
}
.wyprzedaz1 .zdjecie:hover .tekst::before {
	transform: scale(1);
}
.wyprzedaz1 .tekst > span {
	position: relative;
	display: block;
	width: 100%;
	margin: 10px 0;
	z-index: 1;
}
.wyprzedaz1 .tekst .wiersz1 {
	color: #333;
	font-size: 30px;
	text-transform: uppercase;
	transform: translateY(-100px);
}
.wyprzedaz1 .tekst .wiersz2 {
	color: #d72d35;
	font-size: 50px;
	line-height: 60px;
	text-transform: uppercase;
	transform: translateX(-100%);
}
.wyprzedaz1 .tekst .wiersz3 {
	transform: translateY(150px);
}
.wyprzedaz1 .zdjecie:hover .tekst > span {
	animation: tekstWyprzedaz1 1s both;
}
@keyframes tekstWyprzedaz1 {
	0% {
		opacity: 0;
	}
	
	100% {
		opacity: 1;
		transform: none;
	}
}

.wyprzedaz1 .tytul {
	display: block;
	margin-top: 10px;
	color: #333;
	font-size: 1.4em;
	text-transform: uppercase;
	transition: all 0.2s;
}
.wyprzedaz1 a:hover .tytul {
	color: #d72d35;
}

.wyprzedaz2 {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px 30px;
}
.wyprzedaz2 a {
	display: flex;
	margin: 0 15px;
	width: calc(25% - 30px);
	text-decoration: none;
	overflow: hidden;
}
.wyprzedaz2 img {
	width: 50%;
}
.wyprzedaz2 .tekst {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 50%;
	box-sizing: border-box;
	padding: 20px 10px;
	text-align: center;
	font-size: 1em;
	text-transform: uppercase;
	background: #88ffe5;
	box-shadow: 0px 0px 15px 18px #88ffe5;
	transition: all 0.4s ease;
}
.wyprzedaz2 a:hover .tekst {
	background: #474747;
	box-shadow: 0px 0px 15px 18px #474747;
}
.wyprzedaz2 .tekst > span {
	display: block;
	transition: all 0.4s ease;
}
.wyprzedaz2 .tekst .wiersz1 {
	color: #d72d35;
}
.wyprzedaz2 .tekst .wiersz2 {
	color: #333;
	margin-bottom: 10px;
}
.wyprzedaz2 a:hover .tekst .wiersz2 {
	color: white;
}
.wyprzedaz2 .tekst .button {
	padding: 6px 15px;
}
.wyprzedaz2 .tekst .button:hover {
	background: #ee9432;
}

.logaFirm {
	padding: 70px 0;
	background: #f5f5f5;
}
.logaFirm .szerokoscSzablonu {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.logaFirm a {
	transition: all 1s ease;
}
.logaFirm a:hover {
	transform: scale(1.1);
}

#linki2 .newsletter input[type="text"] {
	border-radius: 0;
	background: rgba(255,255,255,0.5);
}

#podgladMiniaturek {
	z-index: 103;
}
#parallax-box3 .posts-grid {
	list-style: none;
}
#parallax-box4 .row {
	background: rgba(0, 0, 0, 0.3);
	padding: 20px 0;
}
#parallax-box3 {
	text-shadow: black 0.1em 0.1em 0.2em;
}
.posts-grid li figure img {
    box-shadow: 1px 1px 4px #000;
}
#dymek {
	z-index: 106;
}

footer .linki h4 .ikona {
	display: none
} 

.posts-grid li .post_meta::after {
    background: #d72d35
}
.przyciskiIkony a {
	background-color: #da7227;
	border-radius: 0;
}

#sciezka_jezyki { 
	padding: 5px 5px 5px 0; 
	line-height: 26px;
	border-bottom: 2px solid #d72d35;
    margin-bottom: 20px;
}

#sciezka { float: left; padding: 0 10px; }
#sciezka img { margin: 0 10px; }
#sciezka a { text-decoration: none; color: #666; font-style: italic; font-size: 0.8em; }
#sciezka a:hover { color: black; }
#sciezka i {padding:0 5px;}


.boxSiteRev .boxProdRev {
	float: left;
}
#linki2 .newsletter input[type="submit"] {
    line-height: 12px;
}

#linki2 .newsletter input.button {
    line-height: 1em;
}


.space .boxText > p.boxTxt > i {
    font-weight: bold;
    padding-left: 10px;
}
.wstazka.nowosci {
	background: #ff28f5 linear-gradient(220deg, #be21e6 ,#ff28f5);
}
.wstazka.polecane {
	background: #00a258 linear-gradient(220deg, #00c55c ,#00a258);
}
.wstazka.promocje {
	background: #008077 linear-gradient(220deg, #12d2e1 ,#008077);
}

.listing .miniaturkaKontener {
	margin-bottom: 10px;
}
.listing .boxProdSmall .opis {
	height: 4.65em;
	overflow: hidden;
    margin: 0 0 0.5em;
}
.listing .cenaBrutto {
	font-weight: bold;
	font-size: 1.1em;
}
#menuRTop {
	display: none;
}
.banner-wrap {
    text-shadow: 1px 1px 1px #000;
}
/* responsywnosc */
@media (max-width: 1240px) {
	.szerokoscSzablonu,
	.contentBox[id] {
		width: 980px;
		margin: 0 auto;
	}
	

	header .wiersz2 .szukaj {
		margin: 0 5%;
	}
	
	#prawaKolumna { display: none; }
	
	.wyprzedaz1 .tekst .wiersz1 {
		font-size: 24px;
	}
	.wyprzedaz1 .tekst .wiersz2 {
		font-size: 30px;
		line-height: 40px
	}
	
	.wyprzedaz2 a {
		width: calc(50% - 30px);
		margin: 15px
	}
}
@media (max-width: 1000px) {
	.szerokoscSzablonu,
	.contentBox[id] { width: 750px; }
	
	header .wiersz2 .logo h2 img {
		max-width: 100px;
		max-height: 100px;
	}
	header .wiersz2 .koszyk .ilosc {
		width: 100px;
	}
	.wyprzedaz1 .tekst > span {
		margin: 5px 0;
		transform: none !important;
		animation: none !important;
	}
	.wyprzedaz1 .tekst .wiersz1 {
		font-size: 20px;
	}
	.wyprzedaz1 .tekst .wiersz2 {
		font-size: 26px;
		line-height: normal;
	}
	
	.listaKategorii > li,
	.listaProduktow li { width: calc(50% - 20px); }
	.slajdyKontener .element { width: calc(50% - 2px); }
	#dymek.close {
		display: none;
	}
	.boxSiteRev .boxProdRev {
		float: none;
		width: calc(100% - 30px) !important;
		margin-bottom: 20px; 
	}
	.boxSiteRev .obramowanie.flRight {
		float: none;
		width: calc(100% - 52px) !important;
	}
}
/* mobilne */
@media (max-width: 770px) {
	.szerokoscSzablonu,
	.contentBox[id],
	.wyprzedaz2 {
		width: 480px;
	}
	#lewaKolumna { display: none; }
	#srodkowaKolumna {
		 width: 100%;
	}

	#srodkowaKolumna.szerokoscSzablonu {
	    margin: 20px 10px;
	}
	
	header .wiersz1 form {
		display: block;
		width: 100%;
	}
	header .wiersz1 .linki {
		display: none;
	}
	header .wiersz1 .obsluga {
		justify-content: space-between;
	}
	
	header .wiersz2 .szerokoscSzablonu {
		flex-direction: column;
	}
	header .wiersz2 .szerokoscSzablonu > div {
		width: 100%;
		margin: 20px 0;
		text-align: center;
	}

	header .wiersz2 .koszyk .ilosc {
		flex: 1;
		text-align: left;
	}
	
	header .linkMenu {
		display: block;
	}
	.logoBox {

	}
	.oknoMenu {
		display: none;
	}
	.menuResponsywne {
		flex-direction: column;
	}
	.menuResponsywne > li .okno {
		position: static;
		visibility: visible;
		opacity: 1;
		display: none;
		transition: none;
	}
	.menuResponsywne > li > a,
	header .linkMenu {
		font-size: 1.2em;
		padding: 12px 18px
	}
	.menuResponsywne > li > a {
		height: auto;
		border-top: 1px solid #222;
	}
	.menuResponsywne > li > a::after,
	header .linkMenu::after {
		transition-duration: 0s;
	}
	.menuResponsywne > li > a .ikona,
	header .linkMenu .ikona {
		display: flex;
	}
	.menuResponsywne > li .znak {
		display: none;
	}
	
	.menuResponsywne .kategorie .lista .pozycja {
		width: 50%;
	}
	.menuResponsywne .kategorie .dodatkowaZawartosc {
		display: none;
	}
	.okno.kategorie .lista li {
		width: 100%;
	}
	footer .kolumny {
		flex-direction: column;
	}
	footer .kolumny > div {
		width: auto;
		padding: 0;
	}
	footer .kolumny > div + div {
		margin-top: 20px;
	}
	
	/*footer .kolumny h4 .ikona {
		display: flex;
	}*/
	footer .kolumny .tresc {
		display: none;
	}
	
	.listaKategorii,
	.listaProduktow {
		margin: 0 5px;
		text-align: center;
	}
	
	.contentBoxHeading { padding: 10px 0; }
	
	#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); }
	
	/* widgety */
	div[id$="2_2"] { display: none; }
	
	.wyprzedaz1 {
		flex-direction: column;
	}
	.wyprzedaz1 a + a {
		margin: 20px 0 0;
	}
	.wyprzedaz1 .tekst > span {
		margin: 10px 0;
	}
	
	.wyprzedaz2 {
		flex-direction: column;
		margin: auto;
	}
	.wyprzedaz2 a {
		flex-direction: column;
		width: 100%;
		margin: 0 0 30px;
	}
	.wyprzedaz2 img,
	.wyprzedaz2 .tekst {
		width: 100%;
	}
	.wyprzedaz2 .tekst .wiersz1,
	.wyprzedaz2 .tekst .wiersz2 {
		margin: 3px 0;
		font-size: 16px;
	}
	.wyprzedaz2 .tekst .wiersz3 {
		margin: 8px 0;
	}

	.okno.kategorie .lista > ul > li {
		width: 100%;
		margin-left: 0;
		float: none;
	}
	form[name="newsletter_s"] {
		display: block;
		margin: 10px 0 20px;
	} 
	.ramkaProduktow .doKoszyka {
		opacity: 1;
	}
	#doGory {
		bottom: 140px
	}
	header {
	    height: auto;
	}
	header .wiersz2 .szerokoscSzablonu.show {
		
	}
	header .wiersz2 .szerokoscSzablonu {
		padding: 10px;
		width: calc(100% - 40px);
	}
	#naglowek {
	    text-align: center;
	}
	#naglowek img {
	    /*height: 100%;
	    width: auto; */
	}
	header .wiersz2 .szerokoscSzablonu .headerBox1 {
		float: none;
		width: 100%;

	}
	header .wiersz2 .szerokoscSzablonu .headerBox2 {
		float: none;
		width: calc(100% - 35px);
		padding-left: 35px;

	}
	header .wiersz2 .szerokoscSzablonu .headerBox1 > div {
	    display: block;
	    float: none;
	}
	.menuResponsywne > li > a {
	    background: rgba(255, 255, 255, 0.7);
	}
	main {
	    background: #fff;
	    position: relative;
	}
	.crnName {
		display: none;
	}
	.logo {
	    margin: 10px 0;
	}
	.logoBox {
	    background: rgba(255, 255, 255, 0.65);
	}
	header .linkMenu {
		margin: 0;
	}
	.banners_wrapper1 .banner-wrap {
		width: 100%;
	}
	#menuRTop {
		display: inline-block;
		position: absolute;
		top: 30px;
		padding: 8px;
		left: 5px;
		cursor: pointer;
		border: solid 2px #d72d35;
	}
	.show #menuRTop {
		top: 20px;
	}

	header .wiersz2 .show .logo.logoBox {
		display: none;
	}
	header .wiersz2 #boxTop .linkKontener.linkMenu {
		display: none
	}
	header .wiersz2 #boxTop .oknoMenu,
	header .wiersz2 #boxTop .linki {
		display: none;
	}
	header .wiersz2 #boxTop .showMenu.oknoMenu,
	header .wiersz2 #boxTop .showMenu.linki {
		display: block;
	}

	.showMenu {
		animation: menurwd 2s both;
	}
	@keyframes menurwd {
		0% {
			opacity: 0;
			height: 0;
			width: 50%;
		}
		
		100% {
			opacity: 1;
			height: 100%;
			width: 100%;
		}
	}

	#boxTop {
		max-height: 100%;
		overflow: auto;
	}
	#boxTop.show {
		margin: 0;
	}
	header .wiersz2 .koszyk .oknoKontener {
    	position: relative;
    }
}
@media (max-width: 490px) {
	.szerokoscSzablonu,
	.contentBox[id] { width: auto; margin: 0 10px; }
	
	header .wiersz1 .obsluga {
		flex-wrap: wrap;
		justify-content: center;
	}
	header .wiersz1 .obsluga li {
		width: calc(50% - 20px);
		margin: 10px;
		text-align: center;
	}
	
	header .wiersz2 .logo img {
		max-width: 200px;
		max-height: 150px;
	}
	
	.menuResponsywne > li > a,
	header .linkMenu {
		font-size: 1em;
	}
	
	header .linkMenu {
		padding: 12px 28px;
	}
	header .linkMenu .ikona::after {
		margin-right: 28px;
	}
	
	.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); }
	
	.wyprzedaz1 {
		
	}
	.wyprzedaz2 {
		width: 100%;
	}
	
	.logaFirm .szerokoscSzablonu {
		flex-direction: column;
	}
	.filtr .polePrezentacji {
		width: calc(100% - 50px);
	}
}