/* Table of Contents
==================================================
    #Base 1200 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing 
    #Media Queries */

/* #Base 1200 Grid
================================================== */
/*ta czesc definiowana w kodzie*/
@media only screen and (min-width: 1200px) {
	.clear-4 { display:block; }
	

}



/* #Base 960 Grid
================================================== */

@media only screen and (min-width: 960px) and (max-width: 1199px) {
	.pojemnik-zawartosc-strony { max-width: 950px; }
	
	/*--naglowek--
	.naglowek .pojemnik-logo {
		background:transparent;
		width:14%;
		height:auto;
		float:left;
		text-align:left;
	} 
	 

	.naglowek .pojemnik-menu-gora {
		background:#666;
		width:66%;
		height:100%;
		float:right;
		position:relative;

	}
*/
	.naglowek .pojemnik-szukaj {
		background:#fff;
		width:20%;
		height:100%;
		float:left;
		position:relative;
		z-index:2;
	}

	.responsive .naglowek .pojemnik-login, .mobil .naglowek .pojemnik-login, .naglowek .pojemnik-login {
		background:#ef573f;
		width:22%;
		height:2em;
		float:right;
		display:inline-block;
	}
	
	.pojemnik-login ul.login-menu li {
		padding:6px 5px 0px 0px;
	}

	.pojemnik-login ul.login-menu li.login {
		background:transparent url(../images/x.png) 0px 59% no-repeat;
		padding:6px 0px 0px 12px;
	}
	
	/*--spis produktow--*/
	.clear-4 { display:block; }
	
	/*--PRODUKT--*/
	
	/*--boksy producentow--*/
	ul.boksy-producenci-lista li {
		background:none;
		padding: 0px 1px 1px 0px; 
		margin:0px 0px 0px 0px;
		width:50%;
		position:relative;
		display:block;	
		float:left;
		border:solid 0px #e12041;
		-webkit-box-sizing: border-box; 
		-moz-box-sizing: border-box; 
		box-sizing: border-box; 
		overflow:hidden;
	}

	.fullside ul.boksy-producenci-lista li {
		padding: 0px 1px 1px 0px; 
		margin:0px 0px 0px 0px;
		width:100%;
		height:33.33%;
	}
	
	
	
	/*--rodzina lista--*/
	ul.przyciski-koszyk  li .rodzina-pojemnik {
		max-height:215px;
	}
	
	/*----------------------------------------------------------*/
	/*------------------------HISTORY---------------------------*/
	/*----------------------------------------------------------*/
	
	ul.history-lista li div.opis {
		background:transparent;
		padding: 40px 0px 0px 20px; 
		margin:0px;
		width:60%;
		position:relative;
		float:left;
		-webkit-box-sizing: border-box; 
		-moz-box-sizing: border-box; 
		box-sizing: border-box; 
		text-align:left;
	}

	ul.history-lista li:nth-child(odd) div.opis{
		float:right;
		padding: 40px 20px 0px 0px; 
	}

	ul.history-lista li div.opis p.data {
		padding: 0px 0px 5px 0px; 
		margin:0px;
		font-size:1em;
		color:#aaa;
	}

	ul.history-lista li div.opis h3 {
		padding: 0px 0px 0px 0px; 
		margin:0px;
		font-size:1.6em;
		line-height:1.1em;
	}
	
}


/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .pojemnik-zawartosc-strony { max-width: 758px; }
    
    /*--naglowek--

	.responsive .naglowek .pojemnik-logo, .mobil .naglowek .pojemnik-logo, .naglowek .pojemnik-logo {
		background:transparent;
		width:16%;
		height:auto;
		float:left;
		text-align:left;
	} 
	
	.responsive .naglowek div.rozwin-menu, .mobil .naglowek div.rozwin-menu {
		height:auto;
	}
	
	
	 
	.naglowek .pojemnik-menu-gora {
		background:#666;
		width:84%;
		height:100%;
		float:lright;
		position:relative;

	}
*/
	.responsive .naglowek .pojemnik-szukaj, .mobil .naglowek .pojemnik-szukaj, .naglowek .pojemnik-szukaj {
		background:#fff;
		width:30%;
		height:2em;
		float:right;
		position:relative;
		z-index:2;
	}
	
	.pojemnik-szukaj form div.input-pojemnik {
		margin-bottom: 0px; 
		text-align:left;
		position:relative;
		padding-right:0px;
		width:100%;
		height:auto;
		padding-top:4px;
		
	}
	
	
	.pojemnik-szukaj  input {
		padding: 2px 35px 0px 12px;
	}
	
	.pojemnik-szukaj form div.przyciski-pojemnik {
		top:5px;
		right:10px;
	}

	.responsive .naglowek .pojemnik-login, .mobil .naglowek .pojemnik-login, .naglowek .pojemnik-login {
		background:#ef573f;
		width:30%;
		height:2em;
		float:right;
		display:inline-block;
	}
	
	.pojemnik-login ul.login-menu li {
		padding:5px 5px 0px 0px;
	}

	.pojemnik-login ul.login-menu li.login {
		background:transparent url(../images/x.png) 0px 59% no-repeat;
		padding:5px 0px 0px 12px;
	}
    
    /*--baner glowny--*/
    div.baner-glowny ul {left:-20%; width:140%;}
	
	/*--boksy male--*/
	div#baner-maly ul li {width:33.33%;}
	
	/*--PRODUKT--*/
	.kolumna-lewa-produktu {
		position:relative;
		float:left;
		width:50%;
	}

	.kolumna-prawa-produktu {
		position:relative;
		float:right;
		width:45%;
	}
	
	h2.tytul-produktu {
		font-size:40px;
	} 
	 
	h2.tytul-produktu span {
		font-size:22px;
	}

	h2.tytul-produktu span.kod {
		font-size:22px;
		top:-8px;
	}
	
	/*--spis produktow--*/
	.produkty-spis-produkt {
		width:50%;
		position:relative;
		float:left;
		overflow:hidden;
	}
	.clear-2 { display:block; }
	.clear-4 { display:block; }
	
	/*-- formularz i kolumney --*/
	.width-20 {width:50% !important;}
	.width-25 {width:50% !important;}
	.width-30 {width:50% !important;}
	.width-33 {width:50% !important;}
	.width-50 {width:100% !important;}
	.width-100 {width:100% !important;}
	
	/* FORM */
	.zawartosc form > div {
		margin: 0 0 15px 0; 
	}
	
	.zawartosc form > div > label, legend {
		width: 25%;
		float: left;
		margin: 0 0 5px 0;
	}
	
	.zawartosc form > div > div, .zawartosc form > div > fieldset > div {
		width: 75%;
		float: right;
	}
	
	.zawartosc input[type=text],
	.zawartosc input[type=email],
	.zawartosc input[type=url],
	.zawartosc input[type=password],
	.zawartosc textarea,
	.zawartosc select {
		width: 100%; 
	}
	
	/*--boksy producentow--*/
	ul.boksy-producenci-lista li {
		background:none;
		padding: 0px 1px 1px 0px; 
		margin:0px 0px 0px 0px;
		width:50%;
		position:relative;
		display:block;	
		float:left;
		border:solid 0px #e12041;
		-webkit-box-sizing: border-box; 
		-moz-box-sizing: border-box; 
		box-sizing: border-box; 
		overflow:hidden;
	}

	.fullside ul.boksy-producenci-lista li {
		padding: 0px 1px 1px 0px; 
		margin:0px 0px 0px 0px;
		width:100%;
		height:33.33%;
	}
	
	
	/*-- filtr--*/
	div.filt-produktow form div.srodek {padding:0px 5px;}
	div.filt-produktow div.sortowanie {width:30% !important; padding:0; margin:0; }
	div.filt-produktow div.producent-box {width:70% !important; padding:0; margin:0;}
	div.filt-produktow div.cenaod {width:20% !important; padding:0; margin:0;}
	div.filt-produktow div.cenado {width:20% !important; padding:0; margin:0;}
	
    
    /*--glowna--*/
    div#baner-maly ul li {
		width:25%;
	}
	
	ul.boksy-glowna-lista li div.pojemnik-opis p {
		line-height:1.2em;
	}
	
	/*--rodzina lista--*/
	ul.przyciski-koszyk  li .rodzina-pojemnik {
		max-height:235px;
	}
	
	/*----------------------------------------------------------*/
	/*------------------------HISTORY---------------------------*/
	/*----------------------------------------------------------*/
	
	ul.history-lista li div.opis {
		background:transparent;
		padding: 40px 0px 0px 20px; 
		margin:0px;
		width:60%;
		position:relative;
		float:left;
		-webkit-box-sizing: border-box; 
		-moz-box-sizing: border-box; 
		box-sizing: border-box; 
		text-align:left;
	}

	ul.history-lista li:nth-child(odd) div.opis{
		float:right;
		padding: 40px 20px 0px 0px; 
	}

	ul.history-lista li div.opis p.data {
		padding: 0px 0px 5px 0px; 
		margin:0px;
		font-size:0.8em;
		color:#aaa;
	}

	ul.history-lista li div.opis h3 {
		padding: 0px 0px 0px 0px; 
		margin:0px;
		font-size:1.1em;
		line-height:1em;
	}
    
}

/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
	.pojemnik-zawartosc-strony { width: 310px; }
	
	.kolumna-podmenu { 
		width:100%;
		padding-top:8px;
		padding-bottom:18px;
		border-top:0px solid #b9b9b9;
		text-align:left;
		float:none;
		display:none;
	}

	.kolumna-tresc {
		width:100%;
		padding-bottom:20px;
		float:none;
	}
	
	
	/*--boksy male--*/
	ul.baner-maly li {width:100%; float:none; padding:0px 0px 1px 0px;}
    ul.baner-maly li div.img {width:100%;}

	/*--PASEK GORNY--*/
	.pasek-gora .jezyki-pojemnik {
		display:inline-block;
		float:left;
		padding-right:0px;
	}

	.pasek-gora .waluty-pojemnik {
		display:inline-block;
		float:right;
	}

	.pasek-gora .koszyk-pojemnik {
		display:block;
		float:none;
		text-align:right;
		padding:6px 0px 0px 0px;
		clear:both;
	}
	
	.pasek-gora .koszyk-pojemnik .przycisk {
		width:100%;
		margin:0;
		position:relative;
	}
	
	.pasek-gora .koszyk-pojemnik .koszyk-odliczanie {
		font-size:1.5em;
		line-height:1em;
		padding:8px 6px 7px 6px;
		display:inline-block;
		position:absolute;
		top:0%;
		left:0%;
		min-width:80px;
		text-align:center;
	}
	
	/*--naglowek--*/
	.responsive .naglowek, .mobil .naglowek, .naglowek {
		position:relative;
		top:0px;
		left:0;
		padding-top:6px;
	}
	
	body.przewijanie .naglowek {
		position:relative !important;

	}
	
	#menu_section {
		width:100%;
		height:auto;
	}
		
	.responsive .naglowek .pojemnik-logo, .mobil .naglowek .pojemnik-logo, .naglowek .pojemnik-logo {
		background:transparent;
		width:100%;
		height:auto;
		float:none;
		text-align:center;
	} 
	
	h1 {
		width:100%;
		top:0px;
		left:0%;
	}
	
	h1 a {
		
		margin:0 auto;
	}
	
	.responsive .naglowek div.rozwin-menu, .mobil .naglowek div.rozwin-menu {
		height:auto;
	} 
	
	.naglowek .pojemnik-menu-gora {
		background:#666;
		width:100%;
		height:auto;
		float:none;
		position:relative;
	
	}
	
	ul.menu-gora li.zobacz_wszystkie_kategorie {
		display:none !important;
	}

	.responsive .naglowek .pojemnik-szukaj, .mobil .naglowek .pojemnik-szukaj, .naglowek .pojemnik-szukaj {
		background:#fff;
		width:100%;
		height:2em;
		float:none;
		position:relative;
		z-index:2;
	}
	
	.pojemnik-szukaj form div.input-pojemnik {
		margin-bottom: 0px; 
		text-align:left;
		position:relative;
		padding-right:0px;
		width:100%;
		height:auto;
		padding-top:4px;
		
	}
	
	
	.pojemnik-szukaj  input {
		padding: 2px 35px 0px 12px;
	}
	
	.pojemnik-szukaj form div.przyciski-pojemnik {
		top:5px;
		right:10px;
	}

	.responsive .naglowek .pojemnik-login, .mobil .naglowek .pojemnik-login, .naglowek .pojemnik-login {
		background:#ef573f;
		width:100%;
		height:2em;
		float:none;
		display:inline-block;
	}
	
	.pojemnik-login ul.login-menu li {
		padding:5px 5px 0px 0px;
	}

	.pojemnik-login ul.login-menu li.login {
		background:transparent url(../images/x.png) 0px 59% no-repeat;
		padding:5px 0px 0px 12px;
	}
	
	/*--spis produktow--*/
	.produkty-spis-produkt {
		width:100%;
		position:relative;
		float:left;
		overflow:hidden;
	}
	.clear-2 { display:block; }
	.clear-4 { display:block; }
	
	/*--PRODUKT--*/
	.kolumna-lewa-produktu {
		position:relative;
		float:none;
		width:100%;
	}

	.kolumna-prawa-produktu {
		position:relative;
		float:none;
		width:100%;
	}
	
	h2 {
		line-height:1em;
	}
	
	h2.tytul-produktu {
		font-size:30px;
	} 
	 
	h2.tytul-produktu span {
		font-size:15px;
	}

	h2.tytul-produktu span.kod {
		font-size:15px;
		top:0px;
	}
	
	/*-- formularz i kolumney --*/
	.width-15 {width:40% !important;}
	.width-20 {width:50% !important;}
	.width-25 {width:100% !important;}
	.width-30 {width:100% !important;}
	.width-33 {width:100% !important;}
	.width-50 {width:100% !important;}
	.width-100 {width:100% !important;}
	
	/* FORM */
	.zawartosc form > div {
		margin: 0 0 15px 0; 
	}
	
	.zawartosc form > div > label, legend {
		width: 100%;
		float: none;
		margin: 0 0 5px 0;
	}
	
	.zawartosc form > div > div, .zawartosc form > div > fieldset > div {
		width: 100%;
		float: none;
	}
	
	.zawartosc input[type=text],
	.zawartosc input[type=email],
	.zawartosc input[type=url],
	.zawartosc input[type=password],
	.zawartosc textarea,
	select {
		width: 100%; 
	}
	
	/*--boksy producentow--*/
	ul.boksy-producenci-lista li {
		background:none;
		padding: 0px 1px 1px 0px; 
		margin:0px 0px 0px 0px;
		width:100%;
		position:relative;
		display:block;	
		float:left;
		border:solid 0px #e12041;
		-webkit-box-sizing: border-box; 
		-moz-box-sizing: border-box; 
		box-sizing: border-box; 
		overflow:hidden;
	}

	.fullside ul.boksy-producenci-lista li {
		padding: 0px 1px 1px 0px; 
		margin:0px 0px 0px 0px;
		width:100%;
		height:33.33%;
	}
	
	/*--stopka--*/
	div.pojemnik-stopka .kolumna-lewa {
		width:100%;
		position:relative;
		float:none;
	}

	div.pojemnik-stopka .kolumna-prawa {
		width:100%;
		position:relative;
		float:none;
	}

	div.pojemnik-stopka ul.menu-stopka li {
		display: block;
		margin: 0 0px;
		padding:0px 5px 5px 0px;
		border: 0;
		float:left;
	}

	div.pojemnik-stopka ul.menu-stopka-proste li {
		display:block;
		position: relative;
		margin: 0 0px;
		padding:0px 0px 5px 0px;
		float:none;
	}
	
	/*-- filtr--*/
	div.filt-produktow form div.srodek {padding:0px 0px;}
	div.filt-produktow div.sortowanie {width:100% !important; padding:0; margin:0; }
	div.filt-produktow div.producent-box {width:100% !important; padding:0; margin:0; overflow:hidden;}
	div.filt-produktow div.producent-box label {width:100% !important; padding:0; margin:0;}
	div.filt-produktow div.cenaod {width:25% !important; padding:0; margin:0;}
	div.filt-produktow div.cenado {width:25% !important; padding:0; margin:0;}
	div.filt-produktow div.rozmiar {width:25% !important; padding:0; margin:0;}
	div.filt-produktow div.wpromocji {width:25% !important; padding:0; margin:0;}
	div.filt-produktow div.guzik {width:100% !important; padding:0 0 20px 0 !important; margin:0 !important; text-align:right;}
	div.filt-produktow div.guzik div.srodek {text-align:right;}
	
	div.filt-produktow form div.cenaod div.srodek {padding:0px 5px 0px 0px;}
	div.filt-produktow form div.cenado div.srodek {padding:0px 5px 0px 0px;}
	
	
	/* Tabele */
	table.koszyk thead { display: none; }
	
	table.koszyk {border-left:solid 0px #17c0ff;}
	
	table.koszyk tbody td, table.koszyk tbody th, table.koszyk tbody tr.parzysty td, table.koszyk tbody tr.parzysty th { 
		display: block;
		padding:8px 5px;
		text-align:left;
		border-top:solid 1px #111;
		/*background: #000;*/
	}
	
	table.koszyk tbody th { 
		border-top:solid 2px #17c0ff !important;

	}

	table.koszyk tbody tr th:first-child, table.koszyk tbody tr td:first-child { 
		/*background: #111;*/
		color: #eee;
		font-weight:300;
		text-align:left;
		border:0;

	}
	
	table.koszyk tbody tr:last-child th:last-child, table.koszyk tbody tr:last-child td:last-child { 
		border-bottom:solid 2px #111;

	}
	
	table.koszyk tbody td:before { 
		content: attr(data-th); 
		font-weight: 600;
		display: inline-block;
		padding-right:8px;
	}
	
	table.koszyk tfoot th { 
		display: inline-block;
		padding:8px 5px;
		text-align:left;
		border-top:solid 0px #111;
		width:50%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		
	}
	
	table.koszyk tfoot td { 
		display: inline-block;
		padding:8px 5px;
		text-align:left;
		border-top:solid 0px #111;
		font-size:2em;
		width:50%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	table.koszyk tfoot tr.kupon-koszyk td { 
		display: inline-block;
		padding:8px 5px;
		text-align:left;
		border-top:solid 0px #111;
		font-size:2em;
		width:25%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	table.koszyk tfoot td:before { 
		content: attr(data-th); 
		font-weight: 600;
		display: inline-block;
		padding-right:8px;
	}
	
	
	/* Tabele */
	table.zamowienia-lista thead { display: none; }
	
	table.zamowienia-lista {border-left:solid 0px #17c0ff;}
	
	table.zamowienia-lista tbody td, table.zamowienia-lista tbody th, table.zamowienia-lista tbody tr.parzysty td, table.zamowienia-lista tbody tr.parzysty th { 
		display: block;
		padding:8px 5px;
		text-align:left;
		border-top:solid 1px #111;

	}
	
	table.zamowienia-lista tbody th { 
		border-top:solid 2px #17c0ff !important;

	}

	table.zamowienia-lista tbody tr th:first-child, table.zamowienia-lista tbody tr td:first-child { 
		background: #111;
		color: #eee;
		font-weight:300;
		text-align:left;
		border:0;

	}
	
	table.zamowienia-lista tbody tr:last-child th:last-child, table.zamowienia-lista tbody tr:last-child td:last-child { 
		border-bottom:solid 2px #111;

	}
	
	table.zamowienia-lista tbody td:before { 
		content: attr(data-th); 
		font-weight: 600;
		display: inline-block;
		padding-right:8px;
	}
	
	
	/*STRONA GLOWNA------------------------------------*/
	div.baner-glowny ul li div.baner-opis h2 {
		font-size:18px;
		padding:10px 0px 10px 0px;
		display:none;
	}


	div.baner-glowny ul li div.baner-opis h2 span {
		font-size:14px;
		line-height:1.2em;
	}
	
	div.baner-glowny ul li div.baner-opis p {
		display:none;
	}
	
	div.baner-maly-pojemnik {
		margin-top:5px;
	}
	
	
	div#baner-maly ul li {
		width:50%;
	}
	
	ul.boksy-glowna-lista li {
		width:100%;
	}
	
	ul.boksy-glowna-lista li div.pojemnik-opis {
		padding: 20px 5px 0px 20px; 
		width:50%;
	}

	ul.boksy-glowna-lista li div.pojemnik-opis h2 {
		font-size:15px;
		line-height:1.1em;
		
	}

	ul.boksy-glowna-lista li div.pojemnik-opis h2 span {
		font-size:12px;
		line-height:1.3em;
	}
	
	ul.boksy-glowna-lista li div.pojemnik-opis p {
		line-height:1.2em;
		display:none;
	}
	
	
	div.baner-szeroki ul li div.baner-opis {
		left:20px;
		top:20px;
		width:100%;
	}

	
	div.baner-szeroki ul li div.baner-opis h2 {
		font-size:18px;
		padding:10px 0px 10px 0px;
	}


	div.baner-szeroki ul li div.baner-opis h2 span {
		font-size:14px;
		line-height:1.2em;
	}
	
	div.baner-szeroki ul li div.baner-opis p {
		line-height:1.2em;
		display:none;
	}
	
	
	
	/*--rodzina lista--*/
	ul.przyciski-koszyk  li .rodzina-pojemnik {
		max-height:215px;
	}
	
	
	/*----------------------------------------------------------*/
	/*------------------------HISTORY---------------------------*/
	/*----------------------------------------------------------*/
	
	
	ul.history-lista li div.do-srodka {
		background:transparent;
		padding: 0px 0px 0px 0px; 
		margin:0px auto;
		width:100%;
		z-index:2;
		top:0px;
		left:0%;
		z-index:3;
		overflow:hidden;
	}

	ul.history-lista li:nth-child(odd) div.do-srodka {
		left:0%;
	}
	
	ul.history-lista li div.zdjecie {
		background:transparent;
		padding: 0px 0px 0px 0px; 
		margin:0px auto;
		width:100%;
		max-width:200px;
		float:none;
		
	}

	ul.history-lista li:nth-child(odd) div.zdjecie {
		float:none;
	}

	
	ul.history-lista li div.opis {
		background:#000;
		padding: 10px 0px 10px 0px; 
		margin:0px;
		width:100%;
		position:relative;
		float:none;
		-webkit-box-sizing: border-box; 
		-moz-box-sizing: border-box; 
		box-sizing: border-box; 
		text-align:left;
	}

	ul.history-lista li:nth-child(odd) div.opis{
		float:none;
		padding: 10px 0px 0px 0px; 
	}

	ul.history-lista li div.opis p.data {
		padding: 0px 0px 5px 0px; 
		margin:0px;
		font-size:0.8em;
		color:#aaa;
		text-align:center;
	}

	ul.history-lista li div.opis h3 {
		padding: 0px 0px 0px 0px; 
		margin:0px;
		font-size:1.1em;
		line-height:1em;
		text-align:center;
	}
	
	ul.history-lista li:nth-child(odd) div.opis p.data {
		padding: 0px 0px 5px 0px; 
		margin:0px;
		font-size:0.8em;
		color:#aaa;
		text-align:center;
	}

	ul.history-lista li:nth-child(odd) div.opis h3 {
		padding: 0px 0px 0px 0px; 
		margin:0px;
		font-size:1.1em;
		line-height:1em;
		text-align:center;
	}

	
}