ERROR!! SELECT id_produktu FROM sklep_produkt WHERE nazwa_url LIKE 'materac-hybrid-oxygen'
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <!-- scrollSpeed -->
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>



<script> 

		

<!-- MENU MOBILNE KATEGORII -->
function kat_mob(id){
	$(id).slideToggle(500);	
}


function warian2(){
	var formularz=document.forms['f_add'];
	
	
	var id_prod = formularz.id_prod.value
	var id_cech = formularz.id_cech.value;
	
	var id_cech_arr = id_cech.split(",");
	var id_cechy_arr_l = id_cech_arr.length;
	//alert(id_cech);
	var id_cechy_1 = id_cech_arr[0];
	var id_cechy_2 = id_cech_arr[1];
	var id_cechy_3 = id_cech_arr[2];
	var id_cechy_4 = id_cech_arr[3];
	var id_cechy_5 = id_cech_arr[4];
	
	
	var id_war_1 = '';
	var id_war_2 = '';
	var id_war_3 = '';
	var id_war_4 = '';
	var id_war_5 = '';
	if(id_cechy_1 != undefined){	
		var id_war_1 = eval('formularz.cecha_'+id_cechy_1+'.value;');
	}
	if(id_cechy_2 != undefined){
		var id_war_2 = eval('formularz.cecha_'+id_cechy_2+'.value;'); 
	}
	if(id_cechy_3 != undefined){
		var id_war_3 = eval('formularz.cecha_'+id_cechy_3+'.value;');
	}
	if(id_cechy_4 != undefined){
		var id_war_4 = eval('formularz.cecha_'+id_cechy_4+'.value;');
	}
	if(id_cechy_5 != undefined){
		var id_war_5 = eval('formularz.cecha_'+id_cechy_5+'.value;');
	}
	//alert(id_war_2);
	
	
	
	eval('$("#prod-akcje").load("../../../../../../../produkt_akcje.php?wariant=true&id_prod='+id_prod+'&id_cechy_1='+id_cechy_1+'&id_cechy_2='+id_cechy_2+'&id_cechy_3='+id_cechy_3+'&id_cechy_4='+id_cechy_4+'&id_cechy_5='+id_cechy_5+'&id_war_1='+id_war_1+'&id_war_2='+id_war_2+'&id_war_3='+id_war_3+'&id_war_4='+id_war_4+'&id_war_5='+id_war_5+'");'); 
}

function warian(d){
	var d_arr = d.split(";");
	var id_produktu = d_arr[0]; 
	var magazyn = d_arr[1];
	var cena = d_arr[2];
	
	var formularz=document.forms['f_add'];
	formularz.id_produktu.value = id_produktu;
	
	document.getElementById('id-produktowa-kwota').innerHTML=cena;
	//alert(magazyn);
	if(magazyn == 0){
		document.getElementById("button-dodaj").style.display="none";	
	} else {
		document.getElementById("button-dodaj").style.display="block";	
	}	
}

function oferta_close() {	
			$("#podklad").stop().animate({
				'opacity': "0"
			}, 700, function(){
				$("#podklad").css("display","none");
			});
			
			$("#oferta").stop().animate({
				'top': ['-220px', "easeOutCubic"]
			}, 700);
			
			$("#logo-navi").stop().animate({
				'top': ['0px', "easeOutCubic"],
				'height': ['69px', "easeOutCubic"],
				'padding': ['5px', "easeOutCubic"],
				'padding-top': ['1px', "easeOutCubic"],
				'padding-bottom': ['1px', "easeOutCubic"],
				'width': ['210px', "easeOutCubic"],
			}, 700);
			
			$("#log-nav").stop().animate({
				'width': ['210px', "easeOutCubic"],
			}, 700);
			
			$("#nawigacja").stop().animate({
				'top': ['0px', "easeOutCubic"]
			}, 700);	
			
			$("#wyszukiw").stop().animate({
				'opacity': "0",
				'top': '0px'
			}, 700, function(){
				$("#wyszukiw").css("display","none");
			});	
}


$(document).ready(function(){
	
	$('[data-toggle="tooltip"]').tooltip(); 
	
	var szerokosc_okna = $(window).width();
	
	
	
	
	/* ZAPROJEKTUJ SWOJE ŁÓŻKO */
	function zaprojektuj(){
		var szer = $(window).width();
		var szer25 = szer*0.25;
		var szer75 = szer-szer25;
		var szer_z = szer75*0.25;
		//alert(szer);
		
		if(szer > 798){
			$(".zap-gr3").css({
				'width': szer_z+'px',
				'clear': 'none'
			});
		} else {
			$(".zap-gr3").css({
				//'width': '200px'
				'width': szer+'px',
				'clear': 'both'
			});
			
			
		}
	}
	zaprojektuj();
	
	
	
	<!-- OFERTA ZAJAWKI -->
			$("#of-1").mouseenter(function(){
			$("#of-1-b").stop().animate({
				'opacity': '0'
			},300);
			$("#of-1-t").stop().animate({
				'opacity': '1'
			},300);
		});
		$("#of-1").mouseleave(function(){
			$("#of-1-b").stop().animate({
				'opacity': '1'
			},300);
			$("#of-1-t").stop().animate({
				'opacity': '0'
			},300);
		});
			$("#of-2").mouseenter(function(){
			$("#of-2-b").stop().animate({
				'opacity': '0'
			},300);
			$("#of-2-t").stop().animate({
				'opacity': '1'
			},300);
		});
		$("#of-2").mouseleave(function(){
			$("#of-2-b").stop().animate({
				'opacity': '1'
			},300);
			$("#of-2-t").stop().animate({
				'opacity': '0'
			},300);
		});
			$("#of-3").mouseenter(function(){
			$("#of-3-b").stop().animate({
				'opacity': '0'
			},300);
			$("#of-3-t").stop().animate({
				'opacity': '1'
			},300);
		});
		$("#of-3").mouseleave(function(){
			$("#of-3-b").stop().animate({
				'opacity': '1'
			},300);
			$("#of-3-t").stop().animate({
				'opacity': '0'
			},300);
		});
			$("#of-4").mouseenter(function(){
			$("#of-4-b").stop().animate({
				'opacity': '0'
			},300);
			$("#of-4-t").stop().animate({
				'opacity': '1'
			},300);
		});
		$("#of-4").mouseleave(function(){
			$("#of-4-b").stop().animate({
				'opacity': '1'
			},300);
			$("#of-4-t").stop().animate({
				'opacity': '0'
			},300);
		});
			$("#of-5").mouseenter(function(){
			$("#of-5-b").stop().animate({
				'opacity': '0'
			},300);
			$("#of-5-t").stop().animate({
				'opacity': '1'
			},300);
		});
		$("#of-5").mouseleave(function(){
			$("#of-5-b").stop().animate({
				'opacity': '1'
			},300);
			$("#of-5-t").stop().animate({
				'opacity': '0'
			},300);
		});
			$("#of-6").mouseenter(function(){
			$("#of-6-b").stop().animate({
				'opacity': '0'
			},300);
			$("#of-6-t").stop().animate({
				'opacity': '1'
			},300);
		});
		$("#of-6").mouseleave(function(){
			$("#of-6-b").stop().animate({
				'opacity': '1'
			},300);
			$("#of-6-t").stop().animate({
				'opacity': '0'
			},300);
		});
		
	
	
	
	
	/* SKALOWANIE PODMENU OFERTY */
	//var w = document.getElementById("of-1").offsetWidth;	
	//if(szerokosc_okna <= 480){
	if(szerokosc_okna <= 768){
		var w = 110;
	} else {
		var w = 220;	
	}
			function off_1(){

			$("#of-1").css({
				'height': w+"px"			
			});	
			
			$("#of-1-t").css({
				'top': "-"+w+"px"			
			});	
		
			$(".of-prod-inf").css({
				//'top': "-"+w+"px"		
				//'top': "-100px"		
			});	
		}
			function off_2(){

			$("#of-2").css({
				'height': w+"px"			
			});	
			
			$("#of-2-t").css({
				'top': "-"+w+"px"			
			});	
		
			$(".of-prod-inf").css({
				//'top': "-"+w+"px"		
				//'top': "-100px"		
			});	
		}
			function off_3(){

			$("#of-3").css({
				'height': w+"px"			
			});	
			
			$("#of-3-t").css({
				'top': "-"+w+"px"			
			});	
		
			$(".of-prod-inf").css({
				//'top': "-"+w+"px"		
				//'top': "-100px"		
			});	
		}
			function off_4(){

			$("#of-4").css({
				'height': w+"px"			
			});	
			
			$("#of-4-t").css({
				'top': "-"+w+"px"			
			});	
		
			$(".of-prod-inf").css({
				//'top': "-"+w+"px"		
				//'top': "-100px"		
			});	
		}
			function off_5(){

			$("#of-5").css({
				'height': w+"px"			
			});	
			
			$("#of-5-t").css({
				'top': "-"+w+"px"			
			});	
		
			$(".of-prod-inf").css({
				//'top': "-"+w+"px"		
				//'top': "-100px"		
			});	
		}
			function off_6(){

			$("#of-6").css({
				'height': w+"px"			
			});	
			
			$("#of-6-t").css({
				'top': "-"+w+"px"			
			});	
		
			$(".of-prod-inf").css({
				//'top': "-"+w+"px"		
				//'top': "-100px"		
			});	
		}
		
	
	
	
	
	$(window).resize(function() {	
	
		zaprojektuj();
	
	
				
			off_1();
							
			off_2();
							
			off_3();
							
			off_4();
							
			off_5();
							
			off_6();
						});
	
	
	
		
			
		off_1();
					
		off_2();
					
		off_3();
					
		off_4();
					
		off_5();
					
		off_6();
				
	
	/* KATEGORIE */
	/*$("#link-1").click(function(){	
			$("#podklad").css("display","block");
			$("#podklad").stop().animate({
				'opacity': "1"
			}, 700);	
	});*/
	
	
	/* OFERTA */
	$("#link-1").click(function(){	
	
		if(szerokosc_okna <= 480){ // telefon
		
			
			$("#oferta").stop().animate({
				'top': ['0px', "easeOutCubic"],
				'margin-top': ['60px', "easeOutCubic"]
			}, 700);
			$("#nawigacja").stop().animate({
				'top': ['220px', "easeOutCubic"]
			}, 700);
			
			$("#topp").stop().animate({
				'top': ['620px', "easeOutCubic"]
			}, 700);
			
			$("#podklad").css("display","block");
			$("#podklad").stop().animate({
				'opacity': "1"
			}, 700);
			

		} else {
			
			$("#podklad").css("display","block");
			$("#podklad").stop().animate({
				'opacity': "1"
			}, 700);
			
			
			$("#oferta").stop().animate({
				'top': ['0px', "easeOutCubic"]
			}, 700);
			
			$("#logo-navi").stop().animate({
				'top': ['220px', "easeOutCubic"],
				'height': ['34px', "easeOutCubic"],
				'padding': ['1px', "easeOutCubic"],
				'width': ['208px', "easeOutCubic"],
			}, 700);
			
			$("#log-nav").stop().animate({
				'width': ['110px', "easeOutCubic"],
			}, 700);	
			
			$("#nawigacja").stop().animate({
				'top': ['185px', "easeOutCubic"]
			}, 700);	
			
			
			
			$("#wyszukiw").css("display","block");
			$("#wyszukiw").stop().animate({
				'opacity': "1",
				'top': '300px'
			}, 900);
			
		}		
	});
	
	
	
	
	
	function nav_hide() {
		$("#nawigacja").stop().animate({
			'top': "-50px"
		}, 300);
	}	
	function nav_show() {
		$("#nawigacja").stop().animate({
			'top': "0px"
		}, 300);
	}
	
	/* NAWIGACJA */
	var window_szer = $(window).width();
	if(window_szer > 480){
		var position = $(window).scrollTop();
		$(window).scroll(function () {
			var scroll = $(window).scrollTop();	
			if (scroll > position) {	
				nav_hide();
				/*clearTimeout($.data(this, 'scrollTimer'));
				$.data(this, 'scrollTimer', setTimeout(function() {
					nav_hide();
				}, 250));	*/
			} else {	
				/*clearTimeout($.data(this, 'scrollTimer'));
				$.data(this, 'scrollTimer', setTimeout(function() {
					nav_show();
				}, 250));*/
				nav_show();
			}
			

			position = scroll;
		});	
	}
	
	
	/* IKONA MOBILNA */
	$("#ico-menu-mob").click(function(){
		var navtop = $(".navigacja").css("top");
		//alert(navtop);

		if(navtop == '-350px'){
			
			$(".navigacja").stop().animate({
				'top': ['0px', "easeOutCubic"],
				
			},700);
			
			var el = document.getElementById('ico-menu-mob');
			el.className = 'menu-mob-top-ico-hover';
			
			var el = document.getElementById('icm1');
			el.className = 'icm-white';
			var el = document.getElementById('icm2');
			el.className = 'icm-white';
			var el = document.getElementById('icm3');
			el.className = 'icm-white';
			
			
			$("#topp").css("display","block");
			$("#topp").stop().animate({
				'opacity': "1"
			}, 700);
			
			
			$("#podklad").css("display","block");
			$("#podklad").stop().animate({
				'opacity': "1"
			}, 700);


			/*var body = $("html, body");
			body.stop().animate({scrollTop:0}, 500, 'swing', function() { 
			   //alert("Finished animating");
			});
			
			$(".tab-left").stop().animate({
				'width': '200px'
			},400);
			
			$(".content-left").stop().animate({
				'width': '200px'
			},400, function(){
					
			});	
			
			$("#mmob").stop().animate({
				'left': '200px'
			},400);
			
			$("#logo-top").stop().animate({
				'margin-left': '200px'
			},400);	
			*/
		} else {
			
			/*

			$("#mmob").stop().animate({
				'left': '0px'
			},400);
			
			$(".tab-left").stop().animate({
				'width': '0px'
			},400);
			
			$(".content-left").stop().animate({
				'width': '0px'
			},400, function(){
						
			});	
			
			$("#logo-top").stop().animate({
				'margin-left': '10px'
			},400);
			
			*/
			
			$(".navigacja").stop().animate({
				'top': ['-350px', "easeOutCubic"],
			},700);
			
			$("#oferta").stop().animate({
				'top': ['-280px', "easeOutCubic"]
			}, 700);
			
			
			$("#podklad").stop().animate({
				'opacity': "0"
			}, 700, function(){
				$("#podklad").css("display","none");
			});
			
			
			$("#topp").stop().animate({
				'opacity': "0",
				'top': ['400px', "easeOutCubic"]
			}, 700, function(){
				$("#topp").css("display","none");	
			});
			
			
			var el = document.getElementById('ico-menu-mob');
			el.className = 'menu-mob-top-ico';
			
			var el = document.getElementById('icm1');
			el.className = 'icm';
			var el = document.getElementById('icm2');
			el.className = 'icm';
			var el = document.getElementById('icm3');
			el.className = 'icm';
		}			
	});
	
	
	$("#ico-menu-mob-c").click(function(){
		var katleft = $(".prod-category").css("left");
		//alert(katleft);

		if(katleft == '-220px'){
			
			var el = document.getElementById('ico-menu-mob-c');
			el.className = 'top-ico-c-hover';
			
			$(".prod-category").stop().animate({
				'left': ['0px', "easeOutCubic"],
			},500);
			
			$(".cmob").stop().animate({
				'left': ['240px', "easeOutCubic"],
			},500);
			
			$(".sciezka").stop().animate({
				'left': ['220px', "easeOutCubic"],
			},500);

	
		} else {
			
			var el = document.getElementById('ico-menu-mob-c');
			el.className = 'top-ico-c';
			
			$(".prod-category").stop().animate({
				'left': ['-220px', "easeOutCubic"],
			},500);			
			
			$(".cmob").stop().animate({
				'left': ['20px', "easeOutCubic"],
			},500);
			
			$(".sciezka").stop().animate({
				'left': ['0px', "easeOutCubic"],
			},500);
			
		}			
	});
	
	

	

	/* PHOTO NAVIGACJA */
	$("#prod-photo").mouseenter(function(){
			$("#nav-left").stop().animate({
				'left': '0px'
			},200);
			$("#nav-right").stop().animate({
				'right': '0px'
			},200);
	});
	$("#prod-photo").mouseleave(function(){
			$("#nav-left").stop().animate({
				'left': '-40px'
			},200);
			$("#nav-right").stop().animate({
				'right': '-40px'
			},200);
	});

	// DOPASZOWANIE SZROKOSCI KARUCELI - NOWOŚCI, PROMOCJE
	function nowosci_sze(){
		var szerokosc = $(window).width();	
		wLeft = $(".content-left").width();
		var prawa = szerokosc-wLeft;
		$("#nowosci").css("width",prawa+"px");
	}
	function promocje_sze(){
		var zakladka = document.getElementById("zakladka").value;
		var szerokosc = $(window).width();	
		wLeft = $(".content-left").width();
		if(zakladka == 'produkty'){
			var prawa = szerokosc-wLeft;
	    } else {
			var prawa = szerokosc;
		}
	
		
		if(szerokosc <= 480){
			$("#promocje").css("width",szerokosc+"px");
		} else {
			$("#promocje").css("width",prawa+"px");	
		}
	}
	function banerki_sze(){
		var szerokosc = $(window).width();	
		wLeft = $(".content-left").width();
		var prawa = szerokosc-wLeft;
		$("#banerki").css("width",prawa+"px");
	}
	function loga_sze(){
		var szerokosc = $(window).width();	
		wLeft = $(".content-left").width();
		var prawa = szerokosc-wLeft;
		$("#loga").css("width",prawa+"px");
	}
	
	function thombsy(){
		var szerokosc = $(window).width();	
		var szer_left = $(".tab-left").width();
		if(szer_left == 250){
			szerokosc = szerokosc-250;	
		}
		if(szerokosc > 1000){
			//szerokosc = 600;
			szerokosc = szerokosc-232;
			szerokosc = szerokosc/2;	
		}
		//alert(szerokosc);
		
		$("#sliderr").css("width",szerokosc+"px");	
	}
	
	nowosci_sze();
	promocje_sze();
	banerki_sze();
	loga_sze();
	thombsy();
	
	$(window).resize(function() {
		 nowosci_sze();
		 promocje_sze();
		 thombsy();
	});
	
	
	
	
	
	// SKLIDER NA GŁÓWNEJ
	 $('#slider').cycle({
	   //fx:    'scrollLeft', 
	   fx:    'fade',
   	   speed:  500,
	   timeout: 5000,
	   prev:    '#prev',
       next:    '#next',
   	}); 
	
	/* TOP MENU */
    var position = $(window).scrollTop();
    $(window).scroll(function () {
        var scroll = $(window).scrollTop();

		/* paralax sidera na głównej */
		var skok = scroll/2;
		$("#slider").css({
			'top': '-'+skok+'px'
		});
    });
	
	
	
	//  MENU KATEGORII MOBILNEJ
	$('#kat-navi-open').click(function(){		
		$('#id-kategorie').toggle('slow');	
	});
	
	// DODANIE DO KOSZYKA NA PRODUKTOWEJ
	/*$('#but-prod-add').click(function(){		
		$('#but-add').toggle(400);	
		$('#info-add').toggle(400);	
	});*/	
	$('#b-add').click(function(){		
		$("#b-add").animate({
			'width': "0px",
			'padding-left': "0px",
			'padding-right': "0px",
		},100);	
		
		//Pobranie wartości css
		$("#b-info").css({	
			'width': "auto",
		});
		//Pobranie wartości css
		var szer = $("#b-info").css("width");
		//alert(szer);
		$("#b-info").css({	
			'width': "0px",
		});
					
		$("#b-info").animate({	
			'width': szer,
			'padding-left': "10px",
			'padding-right': "10px",
			'color': '#0C3'
		},300);
		
		
		
	});

	
	<!-- WYSZUKIWARKA -->
	$("#id-field-wysz").mouseover(function(){
		$("#id-field-wysz").stop().animate({
			'width': "250px",

		},300);	
	});	
	$("#id-field-wysz").mouseout(function(){
		$("#id-field-wysz").stop().animate({
			'width': "150px",			
		},300);	
	});	
	
	
	
	<!-- BUTTONY -->
		/* biały->czarny  */
	$("#but-1").mouseover(function(){
		$("#but-1").stop().animate({
			'backgroundColor': "#000",
          	'color': "#fff",
		},100);	
	});	
	$("#but-1").mouseout(function(){
		$("#but-1").stop().animate({
			'backgroundColor': "",
			'backgroud':"none",
          	'color': "#000",
		},100);	
	});
	
	/* czarny->biały  */
	$("#butt-1").mouseover(function(){
		$("#butt-1").stop().animate({
			'backgroundColor': "#fff",
          	'color': "#000",
		},100);	
	});	
	$("#butt-1").mouseout(function(){
		$("#butt-1").stop().animate({
			'backgroundColor': "#000",
          	'color': "#fff",
		},100);	
	});	
		/* biały->czarny  */
	$("#but-2").mouseover(function(){
		$("#but-2").stop().animate({
			'backgroundColor': "#000",
          	'color': "#fff",
		},100);	
	});	
	$("#but-2").mouseout(function(){
		$("#but-2").stop().animate({
			'backgroundColor': "",
			'backgroud':"none",
          	'color': "#000",
		},100);	
	});
	
	/* czarny->biały  */
	$("#butt-2").mouseover(function(){
		$("#butt-2").stop().animate({
			'backgroundColor': "#fff",
          	'color': "#000",
		},100);	
	});	
	$("#butt-2").mouseout(function(){
		$("#butt-2").stop().animate({
			'backgroundColor': "#000",
          	'color': "#fff",
		},100);	
	});	
		/* biały->czarny  */
	$("#but-3").mouseover(function(){
		$("#but-3").stop().animate({
			'backgroundColor': "#000",
          	'color': "#fff",
		},100);	
	});	
	$("#but-3").mouseout(function(){
		$("#but-3").stop().animate({
			'backgroundColor': "",
			'backgroud':"none",
          	'color': "#000",
		},100);	
	});
	
	/* czarny->biały  */
	$("#butt-3").mouseover(function(){
		$("#butt-3").stop().animate({
			'backgroundColor': "#fff",
          	'color': "#000",
		},100);	
	});	
	$("#butt-3").mouseout(function(){
		$("#butt-3").stop().animate({
			'backgroundColor': "#000",
          	'color': "#fff",
		},100);	
	});	
		/* biały->czarny  */
	$("#but-4").mouseover(function(){
		$("#but-4").stop().animate({
			'backgroundColor': "#000",
          	'color': "#fff",
		},100);	
	});	
	$("#but-4").mouseout(function(){
		$("#but-4").stop().animate({
			'backgroundColor': "",
			'backgroud':"none",
          	'color': "#000",
		},100);	
	});
	
	/* czarny->biały  */
	$("#butt-4").mouseover(function(){
		$("#butt-4").stop().animate({
			'backgroundColor': "#fff",
          	'color': "#000",
		},100);	
	});	
	$("#butt-4").mouseout(function(){
		$("#butt-4").stop().animate({
			'backgroundColor': "#000",
          	'color': "#fff",
		},100);	
	});	
		/* biały->czarny  */
	$("#but-5").mouseover(function(){
		$("#but-5").stop().animate({
			'backgroundColor': "#000",
          	'color': "#fff",
		},100);	
	});	
	$("#but-5").mouseout(function(){
		$("#but-5").stop().animate({
			'backgroundColor': "",
			'backgroud':"none",
          	'color': "#000",
		},100);	
	});
	
	/* czarny->biały  */
	$("#butt-5").mouseover(function(){
		$("#butt-5").stop().animate({
			'backgroundColor': "#fff",
          	'color': "#000",
		},100);	
	});	
	$("#butt-5").mouseout(function(){
		$("#butt-5").stop().animate({
			'backgroundColor': "#000",
          	'color': "#fff",
		},100);	
	});	
		
	
	<!-- LISTA PRODUKTÓW -->
		
		$("#pr-photo2-0").mouseover(function(){
			$("#pr-photo2-0").stop().animate({
				'opacity': '1'
			},500);	
			$("#pr-inf-0").stop().animate({
					//'top': '-250',
					'opacity': '1'
			},300,'swing');
		});	
		
		
		
		$("#pr-0").mouseout(function(){
			$("#pr-photo2-0").stop().animate({
				'opacity': '0'
			},200, function(){
				/*$("#pr-photo3-0").stop().animate({
					'opacity': '0'
				},500);*/
				
				$("#pr-inf-0").stop().animate({
					//'top': '0',
					'opacity': '0'
				},300);	
			});	
		});
		
		
		$("#pr-inf-0").mouseover(function(){
			$("#pr-photo2-0").stop().animate({
				'opacity': '1'
			},500);	
			
			$("#pr-inf-0").stop().animate({
				//'top': '-250',
				'opacity': '1'
			},300,'swing');	
		});
	
		
		$("#pr-photo2-1").mouseover(function(){
			$("#pr-photo2-1").stop().animate({
				'opacity': '1'
			},500);	
			$("#pr-inf-1").stop().animate({
					//'top': '-250',
					'opacity': '1'
			},300,'swing');
		});	
		
		
		
		$("#pr-1").mouseout(function(){
			$("#pr-photo2-1").stop().animate({
				'opacity': '0'
			},200, function(){
				/*$("#pr-photo3-1").stop().animate({
					'opacity': '0'
				},500);*/
				
				$("#pr-inf-1").stop().animate({
					//'top': '0',
					'opacity': '0'
				},300);	
			});	
		});
		
		
		$("#pr-inf-1").mouseover(function(){
			$("#pr-photo2-1").stop().animate({
				'opacity': '1'
			},500);	
			
			$("#pr-inf-1").stop().animate({
				//'top': '-250',
				'opacity': '1'
			},300,'swing');	
		});
	
		
		$("#pr-photo2-2").mouseover(function(){
			$("#pr-photo2-2").stop().animate({
				'opacity': '1'
			},500);	
			$("#pr-inf-2").stop().animate({
					//'top': '-250',
					'opacity': '1'
			},300,'swing');
		});	
		
		
		
		$("#pr-2").mouseout(function(){
			$("#pr-photo2-2").stop().animate({
				'opacity': '0'
			},200, function(){
				/*$("#pr-photo3-2").stop().animate({
					'opacity': '0'
				},500);*/
				
				$("#pr-inf-2").stop().animate({
					//'top': '0',
					'opacity': '0'
				},300);	
			});	
		});
		
		
		$("#pr-inf-2").mouseover(function(){
			$("#pr-photo2-2").stop().animate({
				'opacity': '1'
			},500);	
			
			$("#pr-inf-2").stop().animate({
				//'top': '-250',
				'opacity': '1'
			},300,'swing');	
		});
	
		
		$("#pr-photo2-3").mouseover(function(){
			$("#pr-photo2-3").stop().animate({
				'opacity': '1'
			},500);	
			$("#pr-inf-3").stop().animate({
					//'top': '-250',
					'opacity': '1'
			},300,'swing');
		});	
		
		
		
		$("#pr-3").mouseout(function(){
			$("#pr-photo2-3").stop().animate({
				'opacity': '0'
			},200, function(){
				/*$("#pr-photo3-3").stop().animate({
					'opacity': '0'
				},500);*/
				
				$("#pr-inf-3").stop().animate({
					//'top': '0',
					'opacity': '0'
				},300);	
			});	
		});
		
		
		$("#pr-inf-3").mouseover(function(){
			$("#pr-photo2-3").stop().animate({
				'opacity': '1'
			},500);	
			
			$("#pr-inf-3").stop().animate({
				//'top': '-250',
				'opacity': '1'
			},300,'swing');	
		});
	
		
		$("#pr-photo2-4").mouseover(function(){
			$("#pr-photo2-4").stop().animate({
				'opacity': '1'
			},500);	
			$("#pr-inf-4").stop().animate({
					//'top': '-250',
					'opacity': '1'
			},300,'swing');
		});	
		
		
		
		$("#pr-4").mouseout(function(){
			$("#pr-photo2-4").stop().animate({
				'opacity': '0'
			},200, function(){
				/*$("#pr-photo3-4").stop().animate({
					'opacity': '0'
				},500);*/
				
				$("#pr-inf-4").stop().animate({
					//'top': '0',
					'opacity': '0'
				},300);	
			});	
		});
		
		
		$("#pr-inf-4").mouseover(function(){
			$("#pr-photo2-4").stop().animate({
				'opacity': '1'
			},500);	
			
			$("#pr-inf-4").stop().animate({
				//'top': '-250',
				'opacity': '1'
			},300,'swing');	
		});
	
		
		$("#pr-photo2-5").mouseover(function(){
			$("#pr-photo2-5").stop().animate({
				'opacity': '1'
			},500);	
			$("#pr-inf-5").stop().animate({
					//'top': '-250',
					'opacity': '1'
			},300,'swing');
		});	
		
		
		
		$("#pr-5").mouseout(function(){
			$("#pr-photo2-5").stop().animate({
				'opacity': '0'
			},200, function(){
				/*$("#pr-photo3-5").stop().animate({
					'opacity': '0'
				},500);*/
				
				$("#pr-inf-5").stop().animate({
					//'top': '0',
					'opacity': '0'
				},300);	
			});	
		});
		
		
		$("#pr-inf-5").mouseover(function(){
			$("#pr-photo2-5").stop().animate({
				'opacity': '1'
			},500);	
			
			$("#pr-inf-5").stop().animate({
				//'top': '-250',
				'opacity': '1'
			},300,'swing');	
		});
	
		
		$("#pr-photo2-6").mouseover(function(){
			$("#pr-photo2-6").stop().animate({
				'opacity': '1'
			},500);	
			$("#pr-inf-6").stop().animate({
					//'top': '-250',
					'opacity': '1'
			},300,'swing');
		});	
		
		
		
		$("#pr-6").mouseout(function(){
			$("#pr-photo2-6").stop().animate({
				'opacity': '0'
			},200, function(){
				/*$("#pr-photo3-6").stop().animate({
					'opacity': '0'
				},500);*/
				
				$("#pr-inf-6").stop().animate({
					//'top': '0',
					'opacity': '0'
				},300);	
			});	
		});
		
		
		$("#pr-inf-6").mouseover(function(){
			$("#pr-photo2-6").stop().animate({
				'opacity': '1'
			},500);	
			
			$("#pr-inf-6").stop().animate({
				//'top': '-250',
				'opacity': '1'
			},300,'swing');	
		});
	
		
		$("#pr-photo2-7").mouseover(function(){
			$("#pr-photo2-7").stop().animate({
				'opacity': '1'
			},500);	
			$("#pr-inf-7").stop().animate({
					//'top': '-250',
					'opacity': '1'
			},300,'swing');
		});	
		
		
		
		$("#pr-7").mouseout(function(){
			$("#pr-photo2-7").stop().animate({
				'opacity': '0'
			},200, function(){
				/*$("#pr-photo3-7").stop().animate({
					'opacity': '0'
				},500);*/
				
				$("#pr-inf-7").stop().animate({
					//'top': '0',
					'opacity': '0'
				},300);	
			});	
		});
		
		
		$("#pr-inf-7").mouseover(function(){
			$("#pr-photo2-7").stop().animate({
				'opacity': '1'
			},500);	
			
			$("#pr-inf-7").stop().animate({
				//'top': '-250',
				'opacity': '1'
			},300,'swing');	
		});
	
		
		$("#pr-photo2-8").mouseover(function(){
			$("#pr-photo2-8").stop().animate({
				'opacity': '1'
			},500);	
			$("#pr-inf-8").stop().animate({
					//'top': '-250',
					'opacity': '1'
			},300,'swing');
		});	
		
		
		
		$("#pr-8").mouseout(function(){
			$("#pr-photo2-8").stop().animate({
				'opacity': '0'
			},200, function(){
				/*$("#pr-photo3-8").stop().animate({
					'opacity': '0'
				},500);*/
				
				$("#pr-inf-8").stop().animate({
					//'top': '0',
					'opacity': '0'
				},300);	
			});	
		});
		
		
		$("#pr-inf-8").mouseover(function(){
			$("#pr-photo2-8").stop().animate({
				'opacity': '1'
			},500);	
			
			$("#pr-inf-8").stop().animate({
				//'top': '-250',
				'opacity': '1'
			},300,'swing');	
		});
	
		
		$("#pr-photo2-9").mouseover(function(){
			$("#pr-photo2-9").stop().animate({
				'opacity': '1'
			},500);	
			$("#pr-inf-9").stop().animate({
					//'top': '-250',
					'opacity': '1'
			},300,'swing');
		});	
		
		
		
		$("#pr-9").mouseout(function(){
			$("#pr-photo2-9").stop().animate({
				'opacity': '0'
			},200, function(){
				/*$("#pr-photo3-9").stop().animate({
					'opacity': '0'
				},500);*/
				
				$("#pr-inf-9").stop().animate({
					//'top': '0',
					'opacity': '0'
				},300);	
			});	
		});
		
		
		$("#pr-inf-9").mouseover(function(){
			$("#pr-photo2-9").stop().animate({
				'opacity': '1'
			},500);	
			
			$("#pr-inf-9").stop().animate({
				//'top': '-250',
				'opacity': '1'
			},300,'swing');	
		});
	
		
		$("#pr-photo2-10").mouseover(function(){
			$("#pr-photo2-10").stop().animate({
				'opacity': '1'
			},500);	
			$("#pr-inf-10").stop().animate({
					//'top': '-250',
					'opacity': '1'
			},300,'swing');
		});	
		
		
		
		$("#pr-10").mouseout(function(){
			$("#pr-photo2-10").stop().animate({
				'opacity': '0'
			},200, function(){
				/*$("#pr-photo3-10").stop().animate({
					'opacity': '0'
				},500);*/
				
				$("#pr-inf-10").stop().animate({
					//'top': '0',
					'opacity': '0'
				},300);	
			});	
		});
		
		
		$("#pr-inf-10").mouseover(function(){
			$("#pr-photo2-10").stop().animate({
				'opacity': '1'
			},500);	
			
			$("#pr-inf-10").stop().animate({
				//'top': '-250',
				'opacity': '1'
			},300,'swing');	
		});
	
		
		$("#pr-photo2-11").mouseover(function(){
			$("#pr-photo2-11").stop().animate({
				'opacity': '1'
			},500);	
			$("#pr-inf-11").stop().animate({
					//'top': '-250',
					'opacity': '1'
			},300,'swing');
		});	
		
		
		
		$("#pr-11").mouseout(function(){
			$("#pr-photo2-11").stop().animate({
				'opacity': '0'
			},200, function(){
				/*$("#pr-photo3-11").stop().animate({
					'opacity': '0'
				},500);*/
				
				$("#pr-inf-11").stop().animate({
					//'top': '0',
					'opacity': '0'
				},300);	
			});	
		});
		
		
		$("#pr-inf-11").mouseover(function(){
			$("#pr-photo2-11").stop().animate({
				'opacity': '1'
			},500);	
			
			$("#pr-inf-11").stop().animate({
				//'top': '-250',
				'opacity': '1'
			},300,'swing');	
		});
	
		
		$("#pr-photo2-12").mouseover(function(){
			$("#pr-photo2-12").stop().animate({
				'opacity': '1'
			},500);	
			$("#pr-inf-12").stop().animate({
					//'top': '-250',
					'opacity': '1'
			},300,'swing');
		});	
		
		
		
		$("#pr-12").mouseout(function(){
			$("#pr-photo2-12").stop().animate({
				'opacity': '0'
			},200, function(){
				/*$("#pr-photo3-12").stop().animate({
					'opacity': '0'
				},500);*/
				
				$("#pr-inf-12").stop().animate({
					//'top': '0',
					'opacity': '0'
				},300);	
			});	
		});
		
		
		$("#pr-inf-12").mouseover(function(){
			$("#pr-photo2-12").stop().animate({
				'opacity': '1'
			},500);	
			
			$("#pr-inf-12").stop().animate({
				//'top': '-250',
				'opacity': '1'
			},300,'swing');	
		});
	
		
		$("#pr-photo2-13").mouseover(function(){
			$("#pr-photo2-13").stop().animate({
				'opacity': '1'
			},500);	
			$("#pr-inf-13").stop().animate({
					//'top': '-250',
					'opacity': '1'
			},300,'swing');
		});	
		
		
		
		$("#pr-13").mouseout(function(){
			$("#pr-photo2-13").stop().animate({
				'opacity': '0'
			},200, function(){
				/*$("#pr-photo3-13").stop().animate({
					'opacity': '0'
				},500);*/
				
				$("#pr-inf-13").stop().animate({
					//'top': '0',
					'opacity': '0'
				},300);	
			});	
		});
		
		
		$("#pr-inf-13").mouseover(function(){
			$("#pr-photo2-13").stop().animate({
				'opacity': '1'
			},500);	
			
			$("#pr-inf-13").stop().animate({
				//'top': '-250',
				'opacity': '1'
			},300,'swing');	
		});
	
		
		$("#pr-photo2-14").mouseover(function(){
			$("#pr-photo2-14").stop().animate({
				'opacity': '1'
			},500);	
			$("#pr-inf-14").stop().animate({
					//'top': '-250',
					'opacity': '1'
			},300,'swing');
		});	
		
		
		
		$("#pr-14").mouseout(function(){
			$("#pr-photo2-14").stop().animate({
				'opacity': '0'
			},200, function(){
				/*$("#pr-photo3-14").stop().animate({
					'opacity': '0'
				},500);*/
				
				$("#pr-inf-14").stop().animate({
					//'top': '0',
					'opacity': '0'
				},300);	
			});	
		});
		
		
		$("#pr-inf-14").mouseover(function(){
			$("#pr-photo2-14").stop().animate({
				'opacity': '1'
			},500);	
			
			$("#pr-inf-14").stop().animate({
				//'top': '-250',
				'opacity': '1'
			},300,'swing');	
		});
	
		
		$("#pr-photo2-15").mouseover(function(){
			$("#pr-photo2-15").stop().animate({
				'opacity': '1'
			},500);	
			$("#pr-inf-15").stop().animate({
					//'top': '-250',
					'opacity': '1'
			},300,'swing');
		});	
		
		
		
		$("#pr-15").mouseout(function(){
			$("#pr-photo2-15").stop().animate({
				'opacity': '0'
			},200, function(){
				/*$("#pr-photo3-15").stop().animate({
					'opacity': '0'
				},500);*/
				
				$("#pr-inf-15").stop().animate({
					//'top': '0',
					'opacity': '0'
				},300);	
			});	
		});
		
		
		$("#pr-inf-15").mouseover(function(){
			$("#pr-photo2-15").stop().animate({
				'opacity': '1'
			},500);	
			
			$("#pr-inf-15").stop().animate({
				//'top': '-250',
				'opacity': '1'
			},300,'swing');	
		});
	
		
		$("#pr-photo2-16").mouseover(function(){
			$("#pr-photo2-16").stop().animate({
				'opacity': '1'
			},500);	
			$("#pr-inf-16").stop().animate({
					//'top': '-250',
					'opacity': '1'
			},300,'swing');
		});	
		
		
		
		$("#pr-16").mouseout(function(){
			$("#pr-photo2-16").stop().animate({
				'opacity': '0'
			},200, function(){
				/*$("#pr-photo3-16").stop().animate({
					'opacity': '0'
				},500);*/
				
				$("#pr-inf-16").stop().animate({
					//'top': '0',
					'opacity': '0'
				},300);	
			});	
		});
		
		
		$("#pr-inf-16").mouseover(function(){
			$("#pr-photo2-16").stop().animate({
				'opacity': '1'
			},500);	
			
			$("#pr-inf-16").stop().animate({
				//'top': '-250',
				'opacity': '1'
			},300,'swing');	
		});
	
		
	<!-- GALERIA NA STRONIE OFERTOWEJ -->
			$("#thomb-0").mouseover(function(){
			$("#thomb-0").stop().animate({
				'opacity': '0.5'
			},200);				
		});
		
		$("#thomb-0").mouseout(function(){
			$("#thomb-0").stop().animate({
				'opacity': '1'
			},200);				
		});
			$("#thomb-1").mouseover(function(){
			$("#thomb-1").stop().animate({
				'opacity': '0.5'
			},200);				
		});
		
		$("#thomb-1").mouseout(function(){
			$("#thomb-1").stop().animate({
				'opacity': '1'
			},200);				
		});
			$("#thomb-2").mouseover(function(){
			$("#thomb-2").stop().animate({
				'opacity': '0.5'
			},200);				
		});
		
		$("#thomb-2").mouseout(function(){
			$("#thomb-2").stop().animate({
				'opacity': '1'
			},200);				
		});
			$("#thomb-3").mouseover(function(){
			$("#thomb-3").stop().animate({
				'opacity': '0.5'
			},200);				
		});
		
		$("#thomb-3").mouseout(function(){
			$("#thomb-3").stop().animate({
				'opacity': '1'
			},200);				
		});
			$("#thomb-4").mouseover(function(){
			$("#thomb-4").stop().animate({
				'opacity': '0.5'
			},200);				
		});
		
		$("#thomb-4").mouseout(function(){
			$("#thomb-4").stop().animate({
				'opacity': '1'
			},200);				
		});
			$("#thomb-5").mouseover(function(){
			$("#thomb-5").stop().animate({
				'opacity': '0.5'
			},200);				
		});
		
		$("#thomb-5").mouseout(function(){
			$("#thomb-5").stop().animate({
				'opacity': '1'
			},200);				
		});
			$("#thomb-6").mouseover(function(){
			$("#thomb-6").stop().animate({
				'opacity': '0.5'
			},200);				
		});
		
		$("#thomb-6").mouseout(function(){
			$("#thomb-6").stop().animate({
				'opacity': '1'
			},200);				
		});
			$("#thomb-7").mouseover(function(){
			$("#thomb-7").stop().animate({
				'opacity': '0.5'
			},200);				
		});
		
		$("#thomb-7").mouseout(function(){
			$("#thomb-7").stop().animate({
				'opacity': '1'
			},200);				
		});
			$("#thomb-8").mouseover(function(){
			$("#thomb-8").stop().animate({
				'opacity': '0.5'
			},200);				
		});
		
		$("#thomb-8").mouseout(function(){
			$("#thomb-8").stop().animate({
				'opacity': '1'
			},200);				
		});
			$("#thomb-9").mouseover(function(){
			$("#thomb-9").stop().animate({
				'opacity': '0.5'
			},200);				
		});
		
		$("#thomb-9").mouseout(function(){
			$("#thomb-9").stop().animate({
				'opacity': '1'
			},200);				
		});
			$("#thomb-10").mouseover(function(){
			$("#thomb-10").stop().animate({
				'opacity': '0.5'
			},200);				
		});
		
		$("#thomb-10").mouseout(function(){
			$("#thomb-10").stop().animate({
				'opacity': '1'
			},200);				
		});
		
		$("#p-photo2-0").mouseover(function(){
			$("#p-photo2-0").stop().animate({
				'opacity': '1'
			},500, function(){
				/*$("#p-photo3-0").stop().animate({
					'opacity': '0.95'
				},300);
				$("#p-inf-0").stop().animate({
					'top': '-250',
					'opacity': '1'
				},300,'swing');	*/
			});	
		});	
		
		
		
		$("#prod-0").mouseout(function(){
			$("#p-photo2-0").stop().animate({
				'opacity': '0'
			},200, function(){
				/*$("#p-photo3-0").stop().animate({
					'opacity': '0'
				},500);
				
				$("#p-inf-0").stop().animate({
					'top': '0',
					'opacity': '0'
				},300);	*/
			});	
		});
		
		
		$("#p-inf-0").mouseover(function(){
			$("#p-photo2-0").stop().animate({
				'opacity': '1'
			},500);	
			
			$("#p-inf-0").stop().animate({
				'top': '-250',
				'opacity': '1'
			},300,'swing');	
		});
	
		
		$("#p-photo2-1").mouseover(function(){
			$("#p-photo2-1").stop().animate({
				'opacity': '1'
			},500, function(){
				/*$("#p-photo3-1").stop().animate({
					'opacity': '0.95'
				},300);
				$("#p-inf-1").stop().animate({
					'top': '-250',
					'opacity': '1'
				},300,'swing');	*/
			});	
		});	
		
		
		
		$("#prod-1").mouseout(function(){
			$("#p-photo2-1").stop().animate({
				'opacity': '0'
			},200, function(){
				/*$("#p-photo3-1").stop().animate({
					'opacity': '0'
				},500);
				
				$("#p-inf-1").stop().animate({
					'top': '0',
					'opacity': '0'
				},300);	*/
			});	
		});
		
		
		$("#p-inf-1").mouseover(function(){
			$("#p-photo2-1").stop().animate({
				'opacity': '1'
			},500);	
			
			$("#p-inf-1").stop().animate({
				'top': '-250',
				'opacity': '1'
			},300,'swing');	
		});
	
		
		$("#p-photo2-2").mouseover(function(){
			$("#p-photo2-2").stop().animate({
				'opacity': '1'
			},500, function(){
				/*$("#p-photo3-2").stop().animate({
					'opacity': '0.95'
				},300);
				$("#p-inf-2").stop().animate({
					'top': '-250',
					'opacity': '1'
				},300,'swing');	*/
			});	
		});	
		
		
		
		$("#prod-2").mouseout(function(){
			$("#p-photo2-2").stop().animate({
				'opacity': '0'
			},200, function(){
				/*$("#p-photo3-2").stop().animate({
					'opacity': '0'
				},500);
				
				$("#p-inf-2").stop().animate({
					'top': '0',
					'opacity': '0'
				},300);	*/
			});	
		});
		
		
		$("#p-inf-2").mouseover(function(){
			$("#p-photo2-2").stop().animate({
				'opacity': '1'
			},500);	
			
			$("#p-inf-2").stop().animate({
				'top': '-250',
				'opacity': '1'
			},300,'swing');	
		});
	
		
		$("#p-photo2-3").mouseover(function(){
			$("#p-photo2-3").stop().animate({
				'opacity': '1'
			},500, function(){
				/*$("#p-photo3-3").stop().animate({
					'opacity': '0.95'
				},300);
				$("#p-inf-3").stop().animate({
					'top': '-250',
					'opacity': '1'
				},300,'swing');	*/
			});	
		});	
		
		
		
		$("#prod-3").mouseout(function(){
			$("#p-photo2-3").stop().animate({
				'opacity': '0'
			},200, function(){
				/*$("#p-photo3-3").stop().animate({
					'opacity': '0'
				},500);
				
				$("#p-inf-3").stop().animate({
					'top': '0',
					'opacity': '0'
				},300);	*/
			});	
		});
		
		
		$("#p-inf-3").mouseover(function(){
			$("#p-photo2-3").stop().animate({
				'opacity': '1'
			},500);	
			
			$("#p-inf-3").stop().animate({
				'top': '-250',
				'opacity': '1'
			},300,'swing');	
		});
	
		
		$("#p-photo2-4").mouseover(function(){
			$("#p-photo2-4").stop().animate({
				'opacity': '1'
			},500, function(){
				/*$("#p-photo3-4").stop().animate({
					'opacity': '0.95'
				},300);
				$("#p-inf-4").stop().animate({
					'top': '-250',
					'opacity': '1'
				},300,'swing');	*/
			});	
		});	
		
		
		
		$("#prod-4").mouseout(function(){
			$("#p-photo2-4").stop().animate({
				'opacity': '0'
			},200, function(){
				/*$("#p-photo3-4").stop().animate({
					'opacity': '0'
				},500);
				
				$("#p-inf-4").stop().animate({
					'top': '0',
					'opacity': '0'
				},300);	*/
			});	
		});
		
		
		$("#p-inf-4").mouseover(function(){
			$("#p-photo2-4").stop().animate({
				'opacity': '1'
			},500);	
			
			$("#p-inf-4").stop().animate({
				'top': '-250',
				'opacity': '1'
			},300,'swing');	
		});
	
		
		$("#p-photo2-5").mouseover(function(){
			$("#p-photo2-5").stop().animate({
				'opacity': '1'
			},500, function(){
				/*$("#p-photo3-5").stop().animate({
					'opacity': '0.95'
				},300);
				$("#p-inf-5").stop().animate({
					'top': '-250',
					'opacity': '1'
				},300,'swing');	*/
			});	
		});	
		
		
		
		$("#prod-5").mouseout(function(){
			$("#p-photo2-5").stop().animate({
				'opacity': '0'
			},200, function(){
				/*$("#p-photo3-5").stop().animate({
					'opacity': '0'
				},500);
				
				$("#p-inf-5").stop().animate({
					'top': '0',
					'opacity': '0'
				},300);	*/
			});	
		});
		
		
		$("#p-inf-5").mouseover(function(){
			$("#p-photo2-5").stop().animate({
				'opacity': '1'
			},500);	
			
			$("#p-inf-5").stop().animate({
				'top': '-250',
				'opacity': '1'
			},300,'swing');	
		});
	
		
		$("#p-photo2-6").mouseover(function(){
			$("#p-photo2-6").stop().animate({
				'opacity': '1'
			},500, function(){
				/*$("#p-photo3-6").stop().animate({
					'opacity': '0.95'
				},300);
				$("#p-inf-6").stop().animate({
					'top': '-250',
					'opacity': '1'
				},300,'swing');	*/
			});	
		});	
		
		
		
		$("#prod-6").mouseout(function(){
			$("#p-photo2-6").stop().animate({
				'opacity': '0'
			},200, function(){
				/*$("#p-photo3-6").stop().animate({
					'opacity': '0'
				},500);
				
				$("#p-inf-6").stop().animate({
					'top': '0',
					'opacity': '0'
				},300);	*/
			});	
		});
		
		
		$("#p-inf-6").mouseover(function(){
			$("#p-photo2-6").stop().animate({
				'opacity': '1'
			},500);	
			
			$("#p-inf-6").stop().animate({
				'top': '-250',
				'opacity': '1'
			},300,'swing');	
		});
	
		
		$("#p-photo2-7").mouseover(function(){
			$("#p-photo2-7").stop().animate({
				'opacity': '1'
			},500, function(){
				/*$("#p-photo3-7").stop().animate({
					'opacity': '0.95'
				},300);
				$("#p-inf-7").stop().animate({
					'top': '-250',
					'opacity': '1'
				},300,'swing');	*/
			});	
		});	
		
		
		
		$("#prod-7").mouseout(function(){
			$("#p-photo2-7").stop().animate({
				'opacity': '0'
			},200, function(){
				/*$("#p-photo3-7").stop().animate({
					'opacity': '0'
				},500);
				
				$("#p-inf-7").stop().animate({
					'top': '0',
					'opacity': '0'
				},300);	*/
			});	
		});
		
		
		$("#p-inf-7").mouseover(function(){
			$("#p-photo2-7").stop().animate({
				'opacity': '1'
			},500);	
			
			$("#p-inf-7").stop().animate({
				'top': '-250',
				'opacity': '1'
			},300,'swing');	
		});
	
		
		$("#p-photo2-8").mouseover(function(){
			$("#p-photo2-8").stop().animate({
				'opacity': '1'
			},500, function(){
				/*$("#p-photo3-8").stop().animate({
					'opacity': '0.95'
				},300);
				$("#p-inf-8").stop().animate({
					'top': '-250',
					'opacity': '1'
				},300,'swing');	*/
			});	
		});	
		
		
		
		$("#prod-8").mouseout(function(){
			$("#p-photo2-8").stop().animate({
				'opacity': '0'
			},200, function(){
				/*$("#p-photo3-8").stop().animate({
					'opacity': '0'
				},500);
				
				$("#p-inf-8").stop().animate({
					'top': '0',
					'opacity': '0'
				},300);	*/
			});	
		});
		
		
		$("#p-inf-8").mouseover(function(){
			$("#p-photo2-8").stop().animate({
				'opacity': '1'
			},500);	
			
			$("#p-inf-8").stop().animate({
				'top': '-250',
				'opacity': '1'
			},300,'swing');	
		});
	
		
		$("#p-photo2-9").mouseover(function(){
			$("#p-photo2-9").stop().animate({
				'opacity': '1'
			},500, function(){
				/*$("#p-photo3-9").stop().animate({
					'opacity': '0.95'
				},300);
				$("#p-inf-9").stop().animate({
					'top': '-250',
					'opacity': '1'
				},300,'swing');	*/
			});	
		});	
		
		
		
		$("#prod-9").mouseout(function(){
			$("#p-photo2-9").stop().animate({
				'opacity': '0'
			},200, function(){
				/*$("#p-photo3-9").stop().animate({
					'opacity': '0'
				},500);
				
				$("#p-inf-9").stop().animate({
					'top': '0',
					'opacity': '0'
				},300);	*/
			});	
		});
		
		
		$("#p-inf-9").mouseover(function(){
			$("#p-photo2-9").stop().animate({
				'opacity': '1'
			},500);	
			
			$("#p-inf-9").stop().animate({
				'top': '-250',
				'opacity': '1'
			},300,'swing');	
		});
	
		
		$("#p-photo2-10").mouseover(function(){
			$("#p-photo2-10").stop().animate({
				'opacity': '1'
			},500, function(){
				/*$("#p-photo3-10").stop().animate({
					'opacity': '0.95'
				},300);
				$("#p-inf-10").stop().animate({
					'top': '-250',
					'opacity': '1'
				},300,'swing');	*/
			});	
		});	
		
		
		
		$("#prod-10").mouseout(function(){
			$("#p-photo2-10").stop().animate({
				'opacity': '0'
			},200, function(){
				/*$("#p-photo3-10").stop().animate({
					'opacity': '0'
				},500);
				
				$("#p-inf-10").stop().animate({
					'top': '0',
					'opacity': '0'
				},300);	*/
			});	
		});
		
		
		$("#p-inf-10").mouseover(function(){
			$("#p-photo2-10").stop().animate({
				'opacity': '1'
			},500);	
			
			$("#p-inf-10").stop().animate({
				'top': '-250',
				'opacity': '1'
			},300,'swing');	
		});
	
		
		$("#p-photo2-11").mouseover(function(){
			$("#p-photo2-11").stop().animate({
				'opacity': '1'
			},500, function(){
				/*$("#p-photo3-11").stop().animate({
					'opacity': '0.95'
				},300);
				$("#p-inf-11").stop().animate({
					'top': '-250',
					'opacity': '1'
				},300,'swing');	*/
			});	
		});	
		
		
		
		$("#prod-11").mouseout(function(){
			$("#p-photo2-11").stop().animate({
				'opacity': '0'
			},200, function(){
				/*$("#p-photo3-11").stop().animate({
					'opacity': '0'
				},500);
				
				$("#p-inf-11").stop().animate({
					'top': '0',
					'opacity': '0'
				},300);	*/
			});	
		});
		
		
		$("#p-inf-11").mouseover(function(){
			$("#p-photo2-11").stop().animate({
				'opacity': '1'
			},500);	
			
			$("#p-inf-11").stop().animate({
				'top': '-250',
				'opacity': '1'
			},300,'swing');	
		});
	
		
		$("#p-photo2-12").mouseover(function(){
			$("#p-photo2-12").stop().animate({
				'opacity': '1'
			},500, function(){
				/*$("#p-photo3-12").stop().animate({
					'opacity': '0.95'
				},300);
				$("#p-inf-12").stop().animate({
					'top': '-250',
					'opacity': '1'
				},300,'swing');	*/
			});	
		});	
		
		
		
		$("#prod-12").mouseout(function(){
			$("#p-photo2-12").stop().animate({
				'opacity': '0'
			},200, function(){
				/*$("#p-photo3-12").stop().animate({
					'opacity': '0'
				},500);
				
				$("#p-inf-12").stop().animate({
					'top': '0',
					'opacity': '0'
				},300);	*/
			});	
		});
		
		
		$("#p-inf-12").mouseover(function(){
			$("#p-photo2-12").stop().animate({
				'opacity': '1'
			},500);	
			
			$("#p-inf-12").stop().animate({
				'top': '-250',
				'opacity': '1'
			},300,'swing');	
		});
	
		
		$("#p-photo2-13").mouseover(function(){
			$("#p-photo2-13").stop().animate({
				'opacity': '1'
			},500, function(){
				/*$("#p-photo3-13").stop().animate({
					'opacity': '0.95'
				},300);
				$("#p-inf-13").stop().animate({
					'top': '-250',
					'opacity': '1'
				},300,'swing');	*/
			});	
		});	
		
		
		
		$("#prod-13").mouseout(function(){
			$("#p-photo2-13").stop().animate({
				'opacity': '0'
			},200, function(){
				/*$("#p-photo3-13").stop().animate({
					'opacity': '0'
				},500);
				
				$("#p-inf-13").stop().animate({
					'top': '0',
					'opacity': '0'
				},300);	*/
			});	
		});
		
		
		$("#p-inf-13").mouseover(function(){
			$("#p-photo2-13").stop().animate({
				'opacity': '1'
			},500);	
			
			$("#p-inf-13").stop().animate({
				'top': '-250',
				'opacity': '1'
			},300,'swing');	
		});
	
		
		$("#p-photo2-14").mouseover(function(){
			$("#p-photo2-14").stop().animate({
				'opacity': '1'
			},500, function(){
				/*$("#p-photo3-14").stop().animate({
					'opacity': '0.95'
				},300);
				$("#p-inf-14").stop().animate({
					'top': '-250',
					'opacity': '1'
				},300,'swing');	*/
			});	
		});	
		
		
		
		$("#prod-14").mouseout(function(){
			$("#p-photo2-14").stop().animate({
				'opacity': '0'
			},200, function(){
				/*$("#p-photo3-14").stop().animate({
					'opacity': '0'
				},500);
				
				$("#p-inf-14").stop().animate({
					'top': '0',
					'opacity': '0'
				},300);	*/
			});	
		});
		
		
		$("#p-inf-14").mouseover(function(){
			$("#p-photo2-14").stop().animate({
				'opacity': '1'
			},500);	
			
			$("#p-inf-14").stop().animate({
				'top': '-250',
				'opacity': '1'
			},300,'swing');	
		});
	
		
		$("#p-photo2-15").mouseover(function(){
			$("#p-photo2-15").stop().animate({
				'opacity': '1'
			},500, function(){
				/*$("#p-photo3-15").stop().animate({
					'opacity': '0.95'
				},300);
				$("#p-inf-15").stop().animate({
					'top': '-250',
					'opacity': '1'
				},300,'swing');	*/
			});	
		});	
		
		
		
		$("#prod-15").mouseout(function(){
			$("#p-photo2-15").stop().animate({
				'opacity': '0'
			},200, function(){
				/*$("#p-photo3-15").stop().animate({
					'opacity': '0'
				},500);
				
				$("#p-inf-15").stop().animate({
					'top': '0',
					'opacity': '0'
				},300);	*/
			});	
		});
		
		
		$("#p-inf-15").mouseover(function(){
			$("#p-photo2-15").stop().animate({
				'opacity': '1'
			},500);	
			
			$("#p-inf-15").stop().animate({
				'top': '-250',
				'opacity': '1'
			},300,'swing');	
		});
	
		
		$("#p-photo2-16").mouseover(function(){
			$("#p-photo2-16").stop().animate({
				'opacity': '1'
			},500, function(){
				/*$("#p-photo3-16").stop().animate({
					'opacity': '0.95'
				},300);
				$("#p-inf-16").stop().animate({
					'top': '-250',
					'opacity': '1'
				},300,'swing');	*/
			});	
		});	
		
		
		
		$("#prod-16").mouseout(function(){
			$("#p-photo2-16").stop().animate({
				'opacity': '0'
			},200, function(){
				/*$("#p-photo3-16").stop().animate({
					'opacity': '0'
				},500);
				
				$("#p-inf-16").stop().animate({
					'top': '0',
					'opacity': '0'
				},300);	*/
			});	
		});
		
		
		$("#p-inf-16").mouseover(function(){
			$("#p-photo2-16").stop().animate({
				'opacity': '1'
			},500);	
			
			$("#p-inf-16").stop().animate({
				'top': '-250',
				'opacity': '1'
			},300,'swing');	
		});
	
		
	
	function prom1(i){
		$("#p-photo2-"+i).stop().animate({
			'opacity': '0'
		},500);			
	}
	function prom2(i){
		$("#p-photo2-"+i).stop().animate({
			'opacity': '1'
		},500);			
	}
	
	
	
	// SLIDER 
		sekk = 0;
		start2(sekk);
		function start2(sekk){
				g = setTimeout(function(){					

				if(sekk == 8){
					prom2("0");	
				}
				if(sekk == 10){
					prom1("0");	
				}
				
				
				if(sekk == 0){
					prom2("1");	
				}
				if(sekk == 2){
					prom1("1");	
				}
				
				
				if(sekk == 12){
					prom2("2");	
				}
				if(sekk == 14){
					prom1("2");	
				}
				
				
				if(sekk == 4){
					prom2("3");	
				}
				if(sekk == 6){
					prom1("3");	
				}
				
				
				if(sekk == 20){
					prom2("4");	
				}
				if(sekk == 22){
					prom1("4");	
				}
				
				
				if(sekk == 16){
					prom2("5");	
				}
				if(sekk == 18){
					prom1("5");	
				}
				
				
				if(sekk == 24){
					sekk = 0;
					prom2("1");	
				}

			    //document.getElementById('test2').value = sekk;
				sekk++;
				start2(sekk);
			}, 1000);
		}
	
});
</script>





<script src="script/scrollSpeed/jQuery.scrollSpeed.js"></script>
<script>
$(function() {  
    //jQuery.scrollSpeed(100, 700);
});
</script> ERROR!! SELECT id_produktu FROM sklep_produkt WHERE nazwa_url LIKE 'materac-hybrid-oxygen'
<!DOCTYPE html>
<!--  Last Published: Mon Jul 20 2020 07:04:06 GMT+0000 (Coordinated Universal Time)  -->
<html data-wf-page="5efae73ad3a339398dbda1bf" data-wf-site="5ef1c8b637faaf2462c9dfc7">
<head>
  <meta charset="utf-8">
  <title> - Dreams Design</title>
  <meta name="description" content="" />
  <meta name="keywords" content="" />
  <meta content="Produkt" property="og:title">
  <meta content="Produkt" property="twitter:title">
  <meta content="width=device-width, initial-scale=1" name="viewport">
  
  
  <link href="https://dreamsdesign.pl/css/normalize.css" rel="stylesheet" type="text/css">
  <link href="https://dreamsdesign.pl/css/components.css" rel="stylesheet" type="text/css">
  <link href="https://dreamsdesign.pl/css/dreamdesign.css" rel="stylesheet" type="text/css">
  
  
  <link href="https://dreamsdesign.pl/css/kreator.css" rel="stylesheet" type="text/css">
  
  <style>
  .content {
	  overflow-y:auto;
  }

  p a {
	color:#000000;
	font-weight:bold;
  }
  </style>
  


  <script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
  <script type="text/javascript">WebFont.load({  google: {    families: ["Montserrat:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic"]  }});</script>
  <!-- [if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif] -->
  <script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>

  
<!-- Owl Carousel Assets -->
<link href="https://dreamsdesign.pl/script/owl-carousel/owl-carousel/owl.carousel.css" rel="stylesheet">
<link href="https://dreamsdesign.pl/script/owl-carousel/owl-carousel/owl.theme.css" rel="stylesheet">

<script type="text/javascript" src="https://dreamsdesign.pl/script/funkcje.js"></script>
<script type="text/javascript" src="https://dreamsdesign.pl/script/weryfikacja_formularzy.js"></script>

<script src="https://dreamsdesign.pl/script/jquery-latest.min.js"></script>
<!--<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>-->

<script type="text/javascript">
	function zapytaj(){

		document.getElementById("konfigurator").style.display="none";

		document.getElementById("konfigurator-bg").style.display="none";	

			//$("#zapytaj-cena").click(function() {

				var formularz=document.forms['f_kontakt'];

				formularz.numerek.value = 'sto';

				 

				var el = document.getElementById('kontakt-popup');

				el.className = 'kontakt-popup-open';

				

				var el = document.getElementById('ask-form');

				el.className = 'ask-form-open';

			//});

	}



	$(document).ready(function(){	

		$("#ask-form").click(function() {

			var el = document.getElementById('kontakt-popup');

			el.className = 'kontakt-popup-open';

		});


		$("#kontakt-popup").click(function() {
			var el = document.getElementById('kontakt-popup');
			el.className = 'kontakt-popup-closed';

			var el = document.getElementById('ask-form');
			el.className = 'ask-form-closed';


			var el = document.getElementById('info-t');
			el.className = 'info-t';

		   

			var el = document.getElementById('formularz');

			el.className = 'formularz';

		

		});

});		
</script>


<!-- KONFIGURATOR ŁÓŻKA -->

<script type="text/javascript">



	function konfig_lozko(id,d){

		window.scrollTo(500, 0);

		var brakuje_danych=false;

		var formularz=document.forms['konfigurator'];

		

		document.getElementById("konfigurator").style.display="block";

		document.getElementById("konfigurator-bg").style.display="block";	

		if(d == 'rozmiar'){

			/*podmien_klase('zak-korpus','konf-zakladka');

			podmien_klase('zak-tkanina','konf-zakladka');

			podmien_klase('zak-nogi','konf-zakladka');	*/

			

			formularz.materac.value = '';

			formularz.pojemnik.value = '';		

		}

		if(d == 'korpus'){

			/*podmien_klase('zak-korpus','konf-zakladka-active');

			podmien_klase('zak-tkanina','konf-zakladka');

			podmien_klase('zak-nogi','konf-zakladka');	*/

			formularz.korpus.value = '';

		}

		if(d == 'tkanina'){

			/*podmien_klase('zak-korpus','konf-zakladka-active');

			podmien_klase('zak-tkanina','konf-zakladka-active');

			podmien_klase('zak-nogi','konf-zakladka');	*/

			

			formularz.tkanina_grupa.value = '';

			formularz.tkanina_material.value = '';

			formularz.tkanina_kolor.value = '';	

		}

		if(d == 'nogi'){

			/*podmien_klase('zak-korpus','konf-zakladka-active');

			podmien_klase('zak-tkanina','konf-zakladka-active');

			podmien_klase('zak-nogi','konf-zakladka-active');*/		

		}

		

		if(d == 'kontynentalne'){

				

		}

		

		if(d == 'confirm' || d == 'end'){

			var materac = formularz.materac.value;

			var pojemnik = formularz.pojemnik.value;

			var korpus = formularz.korpus.value;

			var tkanina_grupa = formularz.tkanina_grupa.value;

			var tkanina_material = formularz.tkanina_material.value;

			var tkanina_kolor = formularz.tkanina_kolor.value;

			var kontynentalny = formularz.kontynentalny.value;

			var kolor = formularz.kolor.value;

			var noga = formularz.noga.value;

			var noga_kolor = formularz.noga_kolor.value;

			

			var cena_rozmiar =  formularz.cena_rozmiar.value;

			var cena_korpus =  formularz.cena_korpus.value;

			var cena_tkanina =  formularz.cena_tkanina.value;

			var cena_kontynentalny =  formularz.cena_kontynentalny.value;

			var cena_kolor =  formularz.cena_kolor.value;

			var cena_noga =  formularz.cena_noga.value;

			var sum = parseInt(cena_rozmiar) + parseInt(cena_korpus) + parseInt(cena_tkanina) + parseInt(cena_kontynentalny) + parseInt(cena_kolor) + parseInt(cena_noga);

			

			eval('$("#id-konf-load").load("https://dreamsdesign.pl/konfigurator_lozko.php?id_produktu='+id+'&d='+d+'&materac='+materac+'&pojemnik='+pojemnik+'&korpus='+korpus+'&tkanina_grupa='+tkanina_grupa+'&tkanina_material='+tkanina_material+'&tkanina_kolor='+tkanina_kolor+'&kontynentalny='+kontynentalny+'&noga='+noga+'&noga_kolor='+noga_kolor+'&kolor='+kolor+'&sum='+sum+'");');

		} else {

			var materac = formularz.materac.value;

			var korpus = formularz.korpus.value;

			eval('$("#id-konf-load").load("https://dreamsdesign.pl/konfigurator_lozko.php?id_produktu='+id+'&d='+d+'&materac='+materac+'&korpus='+korpus+'");');

		}

		

	}

	

	function navi(id,d){

		eval('$("#konf-menu").load("https://dreamsdesign.pl/konfigurator_lozko.php?navi=true&id_prod='+id+'&z='+d+'");');	

	}

	



	// ZAMKNIĘCIE OKNA KONFIGURACJI 

	function konfig_end(){

		document.getElementById("konfigurator").style.display="none";

		document.getElementById("konfigurator-bg").style.display="none";

		eval('$("#ramka-funkcje").load("https://dreamsdesign.pl/konfigurator_lozko.php?koszyk=true");');

	}



	function konf_select(part,n,c,cp,id,rab,co,cpo){

		var brakuje_danych=false;

		var formularz=document.forms['konfigurator'];

		

		//alert(rab);

		if(co > 0){

			formularz.co.value = co;

		}

		if(cpo > 0){

			formularz.cpo.value = cpo;

		}

		var co = formularz.co.value;

		var cpo = formularz.cpo.value;

		



		var c = parseInt(c).toFixed(0);	

		if(part == 'materace'){

			formularz.materac.value = id;	

			

			//document.getElementById("wrm-cena").innerHTML = "Cena: "+c+"zł";

			if(rab == 'true'){

				document.getElementById("wrm-cena").innerHTML = "Cena: <span class='poziom ktc ktcprom'>"+co+"</span> "+c+"zł";

			} else {

				document.getElementById("wrm-cena").innerHTML = "Cena: "+c+"zł";

			}

			

			formularz.cena_rozmiar.value = c;	

			document.getElementById("m_cena_bez").value = c;	

			document.getElementById("m_cena_pojemnik").value = cp;

		}

		if(part == 'pojemnik'){

			formularz.pojemnik.value = id;	

		}

		

		var c = document.getElementById("m_cena_bez").value;

		var cp = document.getElementById("m_cena_pojemnik").value;

		

		if(formularz.pojemnik.value == undefined || formularz.pojemnik.value == 1){

			var c = parseInt(c).toFixed(0);

			if(c != 'NaN'){

				

				//document.getElementById("wrm-cena").innerHTML = "Cena: "+c+"zł";

				if(rab == 'true'){

					document.getElementById("wrm-cena").innerHTML = "Cena: <span class='poziom ktc ktcprom'>"+co+"</span> "+c+"zł";

				} else {

					document.getElementById("wrm-cena").innerHTML = "Cena: "+c+"zł";

				}

				

				formularz.cena_rozmiar.value = c;

			}

		}

		if(formularz.pojemnik.value == 2){

			var cp = parseInt(cp).toFixed(0);

			if(cp != 'NaN'){

				

				//document.getElementById("wrm-cena").innerHTML = "Cena: "+cp+"zł";

				if(rab == 'true'){

					document.getElementById("wrm-cena").innerHTML = "Cena: <span class='poziom ktc ktcprom'>"+cpo+"</span> "+cp+"zł";

				} else {

					document.getElementById("wrm-cena").innerHTML = "Cena: "+cp+"zł";

				}

				

				formularz.cena_rozmiar.value = cp;	

			}

		}

		

		if((formularz.materac.value != '' && formularz.pojemnik.value != '') || document.getElementById("poj").value == 0){

			document.getElementById("bz-rozmiar").style.visibility="visible";	

		}

	}

	

	

	// KORPUS

	function konf_select_korpus(part,n,c,op,korp_id,lpp,l,korpus_id){

		var brakuje_danych=false;

		var formularz=document.forms['konfigurator'];

		

		var cena_rozmiar = formularz.cena_rozmiar.value;

		formularz.cena_korpus.value = c;

		

		if(part == 'korpus'){

			formularz.korpus.value = korpus_id;

			document.getElementById("korp-nazwa").innerHTML = n;

			//document.getElementById("korp-opis").innerHTML = op;

			var c = parseInt(c).toFixed(0);

			document.getElementById("korp-cena").innerHTML = "Cena: "+cena_rozmiar+" (+"+c+") pln";

			document.getElementById("korp-komunikat").style.display="none";

			document.getElementById("korp-info").style.display="block";

			

			for(i=1;i<=l;i++){

				var el = document.getElementById('korpus-ram-'+i);

				el.className = 'rmm';	

			}

			

			var el = document.getElementById('korpus-ram-'+lpp);

			el.className = 'rmm-active';



			eval('$("#korp-gal").load("https://dreamsdesign.pl/konfigurator_lozko.php?korp_gal=true&korp_id='+korp_id+'&id_produktu=");');

			eval('$("#korp-opis").load("https://dreamsdesign.pl/konfigurator_lozko.php?korp_opis=true&korp_id='+korp_id+'&id_produktu=");');

		}	

	}

	

	function konf_active_korpus(part,n,c,op,korp_id,lpp,l,korpus_id){

		sek = 0;

		start(sek);

		function start(sek){

			t = setTimeout(function(){	

				

				if(sek == 1){

					konf_select_korpus(part,n,c,op,korp_id,lpp,l,korpus_id);

				}

				//document.getElementById('test').value = sek;

				sek++;

				start(sek);

			}, 10);

		}	

	}





	// TKANINA	

	function grupa_tkanin_select(gal_id, c){

		var formularz=document.forms['konfigurator'];

		//formularz.tkanina.value = name;

		formularz.tkanina_grupa.value = gal_id;

		

		var cena_rozmiar = formularz.cena_rozmiar.value;	

		var cena_korpus = formularz.cena_korpus.value;	

		var sum = parseInt(cena_rozmiar)+parseInt(cena_korpus);

		formularz.cena_tkanina.value = c;

		var sum = parseInt(sum).toFixed(0);

		var c = parseInt(c).toFixed(0);	

		document.getElementById("grupa-tk-cena").innerHTML = "Cena: "+sum+" (+"+c+"zł)";	

		eval('$("#load-tkaniny-right").load("https://dreamsdesign.pl/konfigurator_lozko.php?grupatkaniny=true&gal_id='+gal_id+'&id_produktu=");');

	}

	

	function select_gr_tkanina(lpp,l,gz_id){	

		var formularz=document.forms['konfigurator'];

		formularz.tkanina_material.value = gz_id;	

		

		var l = parseInt(l);

		var lpp = parseInt(lpp);

		

		for(i=1;i<=l;i++){

			var el = document.getElementById('grtk-'+i);

			el.className = 'grupa-tkanina';

		}

		

		var el = document.getElementById('grtk-'+lpp);

		el.className = 'grupa-tkanina-active';

		

		document.getElementById("gr-zatwierdz").style.visibility="visible";

	}

	

	function confirm_tkanina(){

		var formularz=document.forms['konfigurator'];

		var gz_id = formularz.tkanina_material.value;

		//alert(gz_id);

		document.getElementById("load-tkaniny").style.display="block";

		document.getElementById("grupy-tkanin").style.display="none";

		eval('$("#load-tkaniny").load("https://dreamsdesign.pl/konfigurator_lozko.php?tkaniny_kolory=true&gz_id='+gz_id+'&id_produktu=");');	

	}

	

	

	function tkanina_select(name,plik,opis,c,gzk_id,l,lpp){

		var brakuje_danych=false;

		var formularz=document.forms['konfigurator'];

		formularz.tkanina_kolor.value = gzk_id;

		

		var l = parseInt(l);

		for(i=1;i<=l;i++){

			var el = document.getElementById('tkanina-'+i);

			el.className = 'tkanina';

		}

		var el = document.getElementById('tkanina-'+lpp);

		el.className = 'tkanina-active';

		

		var cena_rozmiar = formularz.cena_rozmiar.value;	

		var cena_korpus = formularz.cena_korpus.value;	

		var cena_tkanina = formularz.cena_tkanina.value;	

		var cena_kontynentalny = formularz.cena_kontynentalny.value;

		var cena_kolor = formularz.cena_kolor.value;

		var cena_noga = formularz.cena_noga.value;

		var sum = parseInt(cena_rozmiar)+parseInt(cena_korpus)+parseInt(cena_tkanina)+parseInt(cena_kontynentalny)+parseInt(cena_kolor)+parseInt(cena_noga);

		

		eval('$("#id-tkaniny-right").load("https://dreamsdesign.pl/konfigurator_lozko.php?tk_select=true&gzk_id='+gzk_id+'&id_produktu=&sum='+sum+'");');

	}

	

	

	function kolor_select(name,plik,opis,c,gz_id,l,lpp){

		var brakuje_danych=false;

		var formularz=document.forms['konfigurator'];

		formularz.kolor.value = gz_id;

		

		

		

		var l = parseInt(l);

		for(i=1;i<=l;i++){

			var el = document.getElementById('kolor-'+i);

			el.className = 'tkanina';

		}

		var el = document.getElementById('kolor-'+lpp);

		el.className = 'tkanina-active';

		document.getElementById("id-kolor-zatw").style.visibility="visible";



		

		eval('$("#id-kolory-right").load("https://dreamsdesign.pl/konfigurator_lozko.php?kol_select=true&gz_id='+gz_id+'&id_produktu=");');

	}

	

	// NOGI

	function noga_select(name,plik,opis,c,id,l,lpp){

		//alert(name);

		var brakuje_danych=false;

		var formularz=document.forms['konfigurator'];

		formularz.noga.value = id;

		formularz.noga_kolor.value = '';

		

		formularz.cena_noga.value = c;

		

		var l = parseInt(l);

		for(i=1;i<=l;i++){

			var el = document.getElementById('noga-'+i);

			el.className = 'noga';

		}

		var el = document.getElementById('noga-'+lpp);

		el.className = 'noga-active';

		

		document.getElementById("nogi-komunikat").innerHTML = 'WYBRAŁEŚ KOMPLET NÓG: "'+name+'"';

		

		

		// SUMA

		var cena_rozmiar = formularz.cena_rozmiar.value;	

		var cena_korpus = formularz.cena_korpus.value;	

		var cena_tkanina = formularz.cena_tkanina.value;	

		var cena_kontynentalny = formularz.cena_kontynentalny.value;

		var cena_kolor = formularz.cena_kolor.value;

		var cena_noga = formularz.cena_noga.value;

		var nog_sum = parseInt(cena_rozmiar)+parseInt(cena_korpus)+parseInt(cena_tkanina)+parseInt(cena_kontynentalny)+parseInt(cena_kolor)+parseInt(cena_noga);

		

		document.getElementById("id-nogi-suma").innerHTML = 'CENA ŁÓŻKA: '+nog_sum+' zł';

		

		/*<input type="text" name="cena_rozmiar" value="0" />

        <input type="text" name="cena_korpus" value="0" />

        <input type="text" name="cena_tkanina" value="0" />

        <input type="text" name="cena_kontynentalny" value="0" />

        <input type="text" name="cena_kolor" value="0" />

        <input type="text" name="cena_noga" value="0" />*/		

	}

	

	

	

	function confirm_noga(){

		var formularz=document.forms['konfigurator'];

		var gz_id = formularz.noga.value;

		//alert(gz_id);

		document.getElementById("load-nogi-kolory").style.display="block";

		document.getElementById("load-nogi").style.display="none";

		eval('$("#load-nogi-kolory").load("https://dreamsdesign.pl/konfigurator_lozko.php?noga_kolory=true&gz_id='+gz_id+'&id_produktu=");');	

	}

	

	

	function noga_kolor_select(name,plik,opis,c,gzz_id,l,lpp){

		

		var brakuje_danych=false;

		var formularz=document.forms['konfigurator'];

		formularz.noga_kolor.value = gzz_id;

		

		var l = parseInt(l);

		for(i=1;i<=l;i++){

			var el = document.getElementById('noga-kolor-'+i);

			el.className = 'tkanina';

		}

		var el = document.getElementById('noga-kolor-'+lpp);

		el.className = 'tkanina-active';

		

		

		eval('$("#id-nogi-right").load("https://dreamsdesign.pl/konfigurator_lozko.php?nk_select=true&gzz_id='+gzz_id+'&id_produktu=");');

	}

	

	

	

	// KONTYNENTALNY	

	function kontynentalny_select(gal_id, c){

		var formularz=document.forms['konfigurator'];

		//formularz.tkanina.value = name;

		formularz.kontynentalny.value = gal_id;

		

		var cena_rozmiar = formularz.cena_rozmiar.value;	

		var cena_korpus = formularz.cena_korpus.value;	

		var cena_tkanina = formularz.cena_tkanina.value;	

		var sum = parseInt(cena_rozmiar)+parseInt(cena_korpus)+parseInt(cena_tkanina);

		formularz.cena_kontynentalny.value = c;

		

		var summ = parseInt(sum).toFixed(0);

		var c = parseInt(c).toFixed(0);	

			

		document.getElementById("konty-cena").innerHTML = "Cena: "+summ+" (+"+c+"zł)";

		if(sum == 0){

			document.getElementById("konty-cena").innerHTML = "Cena: "+summ+" zł";	

		}

		

			

		eval('$("#load-kontynentalne-right").load("https://dreamsdesign.pl/konfigurator_lozko.php?kontynentalny=true&konty_id='+gal_id+'&id_produktu=");');

	}

	

	

	

	

function radio_ram(lpr,l){

	for(i=0;i<l;i++){

		podmien_klase('id_radio_mat_'+i,'rm');	

	}

	podmien_klase('id_radio_mat_'+lpr,'rm-active');	

	document.getElementById('id_radio_'+lpr).checked = true;		 

}	



function radio_ram_poj(lpoj,l){

	for(i=0;i<l;i++){

		podmien_klase('id_radio_poj_'+i,'rm');	

	}

	podmien_klase('id_radio_poj_'+lpoj,'rm-active');	

	document.getElementById('id_radio_p_'+lpoj).checked = true;		 

}



function radio_ram_tk(lpp,l){

	var id_tk_active = document.getElementById('id_tk_active').value;

	podmien_klase('id_radio_tkanina_'+id_tk_active,'rm');

	

	for(i=0;i<l;i++){

		//podmien_klase('id_radio_tkanina_'+i,'rm');	

	}

	podmien_klase('id_radio_tkanina_'+lpp,'rm-active');	

	document.getElementById('id_radio_tk_'+lpp).checked = true;	

	

	document.getElementById('id_tk_active').value = lpp;	 

}



function radio_ram_mat(lpp,l){

	var id_mat_active = document.getElementById('id_mat_active').value;

	podmien_klase('id_radio_materac_'+id_mat_active,'rm');

	

	for(i=0;i<l;i++){

		//podmien_klase('id_radio_tkanina_'+i,'rm');	

	}

	podmien_klase('id_radio_materac_'+lpp,'rm-active');	

	document.getElementById('id_radio_mat_'+lpp).checked = true;	

	

	document.getElementById('id_mat_active').value = lpp;	 

}









function form_ulub(f) {

  var brakuje_danych=false;

  var formularz=document.forms[f];



  if (!brakuje_danych){

    formularz.submit();

  } else {

	// scroll(0,0);

  }



  document.getElementById("dodaj-ulub").innerHTML = 'Dodano';

}



</script>


<!-- KONFIGURATOR MEBLI -->
<script type="text/javascript">
	function konfig_meb(id,d){

		window.scrollTo(500, 0);

		var brakuje_danych=false;

		var formularz=document.forms['konfigurator_meb'];

		

		document.getElementById("konfigurator3").style.display="block";

		document.getElementById("konfigurator-bg").style.display="block";	

		

		if(d == 'tkanina'){

			/*podmien_klase('zak-korpus','konf-zakladka-active');

			podmien_klase('zak-tkanina','konf-zakladka-active');

			podmien_klase('zak-nogi','konf-zakladka');	*/

			

			formularz.tkanina_grupa.value = '';

			formularz.tkanina_material.value = '';

			formularz.tkanina_kolor.value = '';	

		}



		

		if(d == 'confirm' || d == 'end'){

			var kolor = formularz.kolor.value;

			var tkanina_grupa = formularz.tkanina_grupa.value;

			var tkanina_material = formularz.tkanina_material.value;

			var tkanina_kolor = formularz.tkanina_kolor.value;

						

			

			var cena_tkanina =  formularz.cena_tkanina.value;

			var cena_kolor =  formularz.cena_kolor.value;

			var sum = parseInt(cena_tkanina) + parseInt(cena_kolor) ;

			

			eval('$("#id-konf3-load").load("https://dreamsdesign.pl/konfigurator_meb.php?id_produktu='+id+'&d='+d+'&tkanina_grupa='+tkanina_grupa+'&tkanina_material='+tkanina_material+'&tkanina_kolor='+tkanina_kolor+'&kolor='+kolor+'&sum='+sum+'");');

		} else {

			eval('$("#id-konf3-load").load("https://dreamsdesign.pl/konfigurator_meb.php?id_produktu='+id+'&d='+d+'");');

		}

		

	}

	

	function navi_meb(id,d){

		eval('$("#konf-menu-meb").load("https://dreamsdesign.pl/konfigurator_meb.php?navi=true&id_prod='+id+'&z='+d+'");');	

	}

	



	// ZAMKNIĘCIE OKNA KONFIGURACJI 

	function konfig3_end(){

		document.getElementById("konfigurator3").style.display="none";

		document.getElementById("konfigurator-bg").style.display="none";

		//eval('$("#ramka-funkcje").load("https://dreamsdesign.pl/konfigurator_meb.php?koszyk=true");');

	}





	// TKANINA	

	function grupa_tkanin_select_meb(gal_id, c){

		var formularz=document.forms['konfigurator_meb'];

		//formularz.tkanina.value = name;

		formularz.tkanina_grupa.value = gal_id;

		

		//var cena_rozmiar = formularz.cena_rozmiar.value;	

		//var cena_korpus = formularz.cena_korpus.value;	

		//var sum = parseInt(cena_rozmiar)+parseInt(cena_korpus);

		var sum = 0;

		formularz.cena_tkanina.value = c;

			

		document.getElementById("grupa-tk-cena-meb").innerHTML = "Cena: "+c+"zł";	

		eval('$("#load-tkaniny-right-meb").load("https://dreamsdesign.pl/konfigurator_meb.php?grupatkaniny=true&gal_id='+gal_id+'&id_produktu=");');

	}

	

	function select_gr_tkanina_meb(lpp,l,gz_id){	

		var formularz=document.forms['konfigurator_meb'];

		formularz.tkanina_material.value = gz_id;	

		

		var l = parseInt(l);

		var lpp = parseInt(lpp);

		

		for(i=1;i<=l;i++){

			var el = document.getElementById('grtk-'+i);

			el.className = 'grupa-tkanina';

		}

		

		var el = document.getElementById('grtk-'+lpp);

		el.className = 'grupa-tkanina-active';

		

		document.getElementById("gr-zatwierdz").style.visibility="visible";

	}

	

	function confirm_tkanina_meb(){

		var formularz=document.forms['konfigurator_meb'];

		var gz_id = formularz.tkanina_material.value;

		//alert(gz_id);

		document.getElementById("load-tkaniny-meb").style.display="block";

		document.getElementById("grupy-tkanin-meb").style.display="none";

		eval('$("#load-tkaniny-meb").load("https://dreamsdesign.pl/konfigurator_meb.php?tkaniny_kolory=true&gz_id='+gz_id+'&id_produktu=");');	

	}

	

	

	function tkanina_select_meb(name,plik,opis,c,gzk_id,l,lpp){

		var brakuje_danych=false;

		var formularz=document.forms['konfigurator_meb'];

		formularz.tkanina_kolor.value = gzk_id;

		

		var l = parseInt(l);

		for(i=1;i<=l;i++){

			var el = document.getElementById('tkanina-meb-'+i);

			el.className = 'tkanina';

		}



		var el = document.getElementById('tkanina-meb-'+lpp);

		el.className = 'tkanina-active';

		

		

		eval('$("#id-tkaniny-right-meb").load("https://dreamsdesign.pl/konfigurator_meb.php?tk_select=true&gzk_id='+gzk_id+'&id_produktu=");');

	}

	

	

	function kolor_select_meb(name,plik,opis,c,gz_id,l,lpp){

		var brakuje_danych=false;

		var formularz=document.forms['konfigurator_meb'];

		formularz.kolor.value = gz_id;

		

		

		

		var l = parseInt(l);

		for(i=1;i<=l;i++){

			var el = document.getElementById('kolor-meb-'+i);

			el.className = 'tkanina';

		}

		var el = document.getElementById('kolor-meb-'+lpp);

		el.className = 'tkanina-active';

		document.getElementById("id-kolor-zatw-meb").style.visibility="visible";



		

		eval('$("#id-kolory-right_meb").load("https://dreamsdesign.pl/konfigurator_meb.php?kol_select=true&gz_id='+gz_id+'&id_produktu=");');

	}



	
</script>




<!-- KONFIGURATOR MEBLI TAPICEROWANYCH -->
<script type="text/javascript">


	function konfig_mebel(id,d){

		document.getElementById("konfigurator2").style.display="block";

		document.getElementById("konfigurator-bg").style.display="block";	

		

		if(d == 'strona'){

			podmien_klase('zak2-strona','konf-zakladka-active');

			podmien_klase('zak2-tkanina','konf-zakladka');

			podmien_klase('zak2-elementy','konf-zakladka');		

			podmien_klase('zak2-nogi','konf-zakladka');	

		}

		if(d == 'tkanina'){

			podmien_klase('zak2-strona','konf-zakladka-active');

			podmien_klase('zak2-tkanina','konf-zakladka-active');


			podmien_klase('zak2-elementy','konf-zakladka');		

			podmien_klase('zak2-nogi','konf-zakladka');

		}

		if(d == 'elementy'){

			podmien_klase('zak2-strona','konf-zakladka-active');

			podmien_klase('zak2-tkanina','konf-zakladka-active');

			podmien_klase('zak2-elementy','konf-zakladka-active');		

			podmien_klase('zak2-nogi','konf-zakladka');		

		}

		if(d == 'nogi'){

			podmien_klase('zak2-strona','konf-zakladka-active');

			podmien_klase('zak2-tkanina','konf-zakladka-active');

			podmien_klase('zak2-elementy','konf-zakladka-active');		

			podmien_klase('zak2-nogi','konf-zakladka-active');	

		}

		

		eval('$("#id-konf2-load").load("https://dreamsdesign.pl/konfigurator_meble.php?id_produktu='+id+'&d='+d+'");');

		//alert('fdfd');

	}



	// ZAMKNIĘCIE OKNA KONFIGURACJI 

	function konfig2_end(){

		document.getElementById("konfigurator2").style.display="none";

		document.getElementById("konfigurator-bg").style.display="none";

	}

	

	function konf2_strona(n,c){

		var brakuje_danych=false;

		var formularz=document.forms['konfigurator2'];	

		formularz.strona.value = n;

		formularz.materac_cena.value = c;	

	}

	

	

	// TKANINA

	function grupa_tk_select(gal_id){

		eval('$("#load-tkaniny").load("https://dreamsdesign.pl/konfigurator_meble.php?grupa_tkanin=true&gal_id='+gal_id+'&id_produktu=");');	

		document.getElementById("tk-kom").style.display="none";

		document.getElementById("grupy-tk").style.display="none";

	}

	function tk_select(name,plik,opis,c,gz_id){

		//alert(c);

		var brakuje_danych=false;

		var formularz=document.forms['konfigurator2'];

		formularz.tkanina.value = name;

		formularz.tkanina_cena.value = c;

		/*document.getElementById("tkan-name").innerHTML = name;

		document.getElementById("tkan-opis").innerHTML = opis;

		document.getElementById("tkan-photo").innerHTML = '<a href="'+plik+'" data-imagelightbox="c"><img src="'+plik+'" width="100%" /></a>';*/	

		eval('$("#id-tkan-right").load("https://dreamsdesign.pl/konfigurator_meble.php?tk_select=true&tk_id='+gz_id+'&id_produktu=");');

	}

	

	// ELEMENTY

	function element_select(name,plik,opis,c){

		//alert(name);

		var brakuje_danych=false;

		var formularz=document.forms['konfigurator2'];

		formularz.elementy.value = name;

		formularz.elementy_cena.value = c;	

		document.getElementById("element-komunikat").innerHTML = 'WYBRAŁEŚ: "'+name+'"';

	}

	

	// NOGI

	function nogi_select(name,plik,opis,c){

		//alert(name);

		var brakuje_danych=false;

		var formularz=document.forms['konfigurator2'];

		formularz.nogi.value = name;

		formularz.nogi_cena.value = c;	

		document.getElementById("nog-komunikat").innerHTML = 'WYBRAŁEŚ: "'+name+'"';

	}

	
</script>


<!-- KONFIGURATOR PANELI -->
<script type="text/javascript">

	function konfig_panele(id,d){

		window.scrollTo(500, 0);

		var brakuje_danych=false;

		var formularz=document.forms['konfigurator_panele'];

		

		document.getElementById("konfigurator4").style.display="block";

		document.getElementById("konfigurator-bg").style.display="block";	

		

		if(d == 'tkanina'){

			/*podmien_klase('zak-korpus','konf-zakladka-active');

			podmien_klase('zak-tkanina','konf-zakladka-active');

			podmien_klase('zak-nogi','konf-zakladka');	*/

			

			formularz.tkanina_grupa.value = '';

			formularz.tkanina_material.value = '';

			formularz.tkanina_kolor.value = '';	

		}



		

		if(d == 'confirm' || d == 'end'){

			var kolor = formularz.kolor.value;

			var tkanina_grupa = formularz.tkanina_grupa.value;

			var tkanina_material = formularz.tkanina_material.value;

			var tkanina_kolor = formularz.tkanina_kolor.value;

						

			

			var cena_tkanina =  formularz.cena_tkanina.value;

			var cena_kolor =  formularz.cena_kolor.value;

			var sum = parseInt(cena_tkanina) + parseInt(cena_kolor) ;

			

			eval('$("#id-konf4-load").load("https://dreamsdesign.pl/konfigurator_panele.php?id_produktu='+id+'&d='+d+'&tkanina_grupa='+tkanina_grupa+'&tkanina_material='+tkanina_material+'&tkanina_kolor='+tkanina_kolor+'&kolor='+kolor+'&sum='+sum+'");');

		} else {

			eval('$("#id-konf4-load").load("https://dreamsdesign.pl/konfigurator_panele.php?id_produktu='+id+'&d='+d+'");');

		}

		

	}

	

	function navi_panele(id,d){

		eval('$("#konf-menu-panele").load("https://dreamsdesign.pl/konfigurator_panele.php?navi=true&id_prod='+id+'&z='+d+'");');	

	}

	



	// ZAMKNIĘCIE OKNA KONFIGURACJI 

	function konfig4_end(){

		document.getElementById("konfigurator4").style.display="none";

		document.getElementById("konfigurator-bg").style.display="none";

		//eval('$("#ramka-funkcje").load("https://dreamsdesign.pl/konfigurator_panele.php?koszyk=true");');

	}





	// TKANINA	

	function grupa_tkanin_select_panele(gal_id, c){

		var formularz=document.forms['konfigurator_panele'];

		//formularz.tkanina.value = name;

		formularz.tkanina_grupa.value = gal_id;

		

		//var cena_rozmiar = formularz.cena_rozmiar.value;	

		//var cena_korpus = formularz.cena_korpus.value;	

		//var sum = parseInt(cena_rozmiar)+parseInt(cena_korpus);

		var sum = 0;

		formularz.cena_tkanina.value = c;

			

		document.getElementById("grupa-tk-cena-panele").innerHTML = "Cena: "+c+"zł";	

		eval('$("#load-tkaniny-right-panele").load("https://dreamsdesign.pl/konfigurator_panele.php?grupatkaniny=true&gal_id='+gal_id+'&id_produktu=");');

	}

	

	function select_gr_tkanina_panele(lpp,l,gz_id){	

		var formularz=document.forms['konfigurator_panele'];

		formularz.tkanina_material.value = gz_id;	

		

		var l = parseInt(l);

		var lpp = parseInt(lpp);

		

		for(i=1;i<=l;i++){

			var el = document.getElementById('grtk-'+i);

			el.className = 'grupa-tkanina';

		}

		

		var el = document.getElementById('grtk-'+lpp);

		el.className = 'grupa-tkanina-active';

		

		document.getElementById("gr-zatwierdz").style.visibility="visible";

	}

	

	function confirm_tkanina_panele(){

		var formularz=document.forms['konfigurator_panele'];

		var gz_id = formularz.tkanina_material.value;

		//alert(gz_id);

		document.getElementById("load-tkaniny-panele").style.display="block";

		document.getElementById("grupy-tkanin-panele").style.display="none";

		eval('$("#load-tkaniny-panele").load("https://dreamsdesign.pl/konfigurator_panele.php?tkaniny_kolory=true&gz_id='+gz_id+'&id_produktu=");');	

	}

	

	

	function tkanina_select_panele(name,plik,opis,c,gzk_id,l,lpp){

		var brakuje_danych=false;

		var formularz=document.forms['konfigurator_panele'];

		formularz.tkanina_kolor.value = gzk_id;

		

		var l = parseInt(l);

		for(i=1;i<=l;i++){

			var el = document.getElementById('tkanina-panele-'+i);

			el.className = 'tkanina';

		}



		var el = document.getElementById('tkanina-panele-'+lpp);

		el.className = 'tkanina-active';

		

		

		eval('$("#id-tkaniny-right-panele").load("https://dreamsdesign.pl/konfigurator_panele.php?tk_select=true&gzk_id='+gzk_id+'&id_produktu=");');

	}

	

	

	function kolor_select_panele(name,plik,opis,c,gz_id,l,lpp){

		var brakuje_danych=false;

		var formularz=document.forms['konfigurator_panele'];

		formularz.kolor.value = gz_id;

		

		

		

		var l = parseInt(l);

		for(i=1;i<=l;i++){

			var el = document.getElementById('kolor-panele-'+i);

			el.className = 'tkanina';

		}

		var el = document.getElementById('kolor-panele-'+lpp);

		el.className = 'tkanina-active';

		document.getElementById("id-kolor-zatw-panele").style.visibility="visible";



		

		eval('$("#id-kolory-right_panele").load("https://dreamsdesign.pl/konfigurator_panele.php?kol_select=true&gz_id='+gz_id+'&id_produktu=");');

	}

</script>


<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700&amp;subset=latin-ext" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700&amp;subset=latin-ext" rel="stylesheet">

<!-- oferta turkus -->


<script> 
$(document).ready(function(){	

	
	// SKALOWANIE OKNA
		$(window).resize(function() {
		  //alert($(window).width())
		});
	
	/* POJAWIANIE SIĘ */
	$("#id-body").stop().animate({
		'opacity': '1'
	},100);
	
	/* TOP MENU */
    var position = $(window).scrollTop();
    $(window).scroll(function () {
        var scroll = $(window).scrollTop();
		var szer = $(window).width();
		
		if(szer > 768){
			if (scroll > 300) {
	
				var el = document.getElementById('menu');
				el.className = 'menu-scrol';
				
				var el = document.getElementById('logo');
				el.className = 'logo-min';
				
				var el = document.getElementById('logotyp');
				el.className = 'logotyp-min';
				
				/*$(".menu").stop().animate({
					'margin-top': ['0px', "swing"]
				},440);
				
				$(".logo").stop().animate({
					'height': ['43px', "swing"]
				},440);
				
				$(".logotyp").stop().animate({
					'height': ['45px', "swing"]
				},440);*/
				
				
				
				/*var el = document.getElementById('logo');
				el.className = 'logo-min';
				var el = document.getElementById('logotyp');
				el.className = 'logotyp-min';*/
				
				$(".menu-left").stop().animate({
					'top': ['-80px', "swing"]
				},400);
	
			} else {
				
				var el = document.getElementById('menu');
				el.className = 'menu';
				
				var el = document.getElementById('logo');
				el.className = 'logo';
				
				var el = document.getElementById('logotyp');
				el.className = 'logotyp';
			   
				//alert(t);
				/*$(".top").stop().animate({
					'top': ['0px', "swing"]
				},10);*/	
				
				/*$(".menu").stop().animate({
					'margin-top': ['32px', "swing"]
				},10);
				$(".logo").stop().animate({
					'height': ['75px', "swing"]
				},10);
				$(".logotyp").stop().animate({
					'height': ['75px', "swing"]
				},440);*/
				
				/*var el = document.getElementById('logo');
				el.className = 'logo';
				var el = document.getElementById('logotyp');
				el.className = 'logotyp';*/
				
				$(".menu-left").stop().animate({
					'top': ['0px', "swing"]
				},400);
		
			}
		}
		
		/* paralax sidera na głównej */
				
		position = scroll;
    });
	
	
	
	/* MENU MOBILNE KTEGORII */
	$("#menu-kat-icon").click(function(){
		var animateWidth = $(".content-tab-left").css("width");
		//alert(animateWidth);
		if(animateWidth == '0px' || animateWidth == '1px' || animateWidth == '2px' || animateWidth == '3px' || animateWidth == '4px' || animateWidth == '5px'){
			//alert(animateWidth);
			$(".content-tab-left").stop().animate({
				'width': '160px'
			},400);
			$(".menu-left").stop().animate({
				'width': '160px'
			},400);
			$(".spolecznosciowe").stop().animate({
				'width': '160px'
			},400);

			var el = document.getElementById('menu-kat-icon');
			el.className = 'menu-kat-icon-hover';
			
			// Szerokos prawej
			var rg = $(window).width()-160;
			$("#cont-prod").stop().animate({
				'width': rg+'px'
			},400);
			/////////////
			
		} else {
			$(".content-tab-left").stop().animate({
				'width': '0px'
			},400);
			$(".menu-left").stop().animate({
				'width': '0px'
			},400);
			$(".spolecznosciowe").stop().animate({
				'width': '0px'
			},400);
			
			var el = document.getElementById('menu-kat-icon');
			el.className = 'menu-kat-icon';
			
			// Szerokos prawej
			var rg = $(window).width();
			$("#cont-prod").stop().animate({
				'width': rg+'px'
			},400);
			/////////////
		}
	});
	
	/* MENU MOBILNE */
	$("#menu-mob-icon").click(function(){
		var animateHeight = $("#menu-mob").css("height");

		if(animateHeight == '0px'){
			$("#menu-mob").stop().animate({
				'height': '310px'
			},400);
			
			var el = document.getElementById('menu-mob-icon');
			el.className = 'menu-icon-hover';
			
		} else {
			$("#menu-mob").stop().animate({
				'height': '0px'
			},400);	
			
			$("#of-mobilna").stop().animate({
				'height': '0px'
			},400);	
			
			var el = document.getElementById('menu-mob-icon');
			el.className = 'menu-icon';
		}
	});
	
	
	/* KATEGORIE MOENU MOB */
	$("#oferta-mob-link").click(function(){
		var animateHeight = $("#of-mobilna").css("height");

		if(animateHeight == '0px'){
			$("#of-mobilna").stop().animate({
				'height': '285px'
			},400);
			
			$("#menu-mob").stop().animate({
				'height': '595px'
			},400);
			
			
		} else {
			$("#of-mobilna").stop().animate({
				'height': '0px'
			},400);	
			
			$("#menu-mob").stop().animate({
				'height': '310px'
			},400);
		}
	});
	
	
	
	/* PROJEKTOWANIE */
		
		$("#z11").click(function(){
			$("#w11-b").stop().animate({
				'opacity': '0'
			},200);
			$("#w11-t").stop().animate({
				'opacity': '0'
			},200);
		});
		
		$("#z12").click(function(){
			$("#w12-b").stop().animate({
				'opacity': '0'
			},200);
			$("#w12-t").stop().animate({
				'opacity': '0'
			},200);
		});
		
		$("#z13").click(function(){
			$("#w13-b").stop().animate({
				'opacity': '0'
			},200);
			$("#w13-t").stop().animate({
				'opacity': '0'
			},200);
		});
		
		$("#z21").click(function(){
			$("#w21-b").stop().animate({
				'opacity': '0'
			},200);
			$("#w21-t").stop().animate({
				'opacity': '0'
			},200);
		});
		
		$("#z22").click(function(){
			$("#w22-b").stop().animate({
				'opacity': '0'
			},200);
			$("#w22-t").stop().animate({
				'opacity': '0'
			},200);
		});
		
		$("#z23").click(function(){
			$("#w23-b").stop().animate({
				'opacity': '0'
			},200);
			$("#w23-t").stop().animate({
				'opacity': '0'
			},200);
		});
		
		$("#z24").click(function(){
			$("#w24-b").stop().animate({
				'opacity': '0'
			},200);
			$("#w24-t").stop().animate({
				'opacity': '0'
			},200);
		});
		
		$("#z31").click(function(){
			$("#w31-b").stop().animate({
				'opacity': '0'
			},200);
			$("#w31-t").stop().animate({
				'opacity': '0'
			},200);
		});
		
		$("#z32").click(function(){
			$("#w32-b").stop().animate({
				'opacity': '0'
			},200);
			$("#w32-t").stop().animate({
				'opacity': '0'
			},200);
		});
		
		$("#z33").click(function(){
			$("#w33-b").stop().animate({
				'opacity': '0'
			},200);
			$("#w33-t").stop().animate({
				'opacity': '0'
			},200);
		});
		
		$("#z34").click(function(){
			$("#w34-b").stop().animate({
				'opacity': '0'
			},200);
			$("#w34-t").stop().animate({
				'opacity': '0'
			},200);
		});
		
	
	<!-- MENU -->
			$("#link-1").mouseenter(function(){
			$("#linia-1").stop().animate({
				'opacity': '1'
			},300);
			$("#link-ety-1").stop().animate({
				'color': '#ffffff'
			},300);
						
			
	
		});
		$("#link-1").mouseleave(function(){
			$("#linia-1").stop().animate({
				'opacity': '0'
			},500);
			$("#link-ety-1").stop().animate({
				'color': '#f6f6f6'
			},500);
		});	
		
			$("#link-2").mouseenter(function(){
			$("#linia-2").stop().animate({
				'opacity': '1'
			},300);
			$("#link-ety-2").stop().animate({
				'color': '#ffffff'
			},300);
						
			
	
		});
		$("#link-2").mouseleave(function(){
			$("#linia-2").stop().animate({
				'opacity': '0'
			},500);
			$("#link-ety-2").stop().animate({
				'color': '#f6f6f6'
			},500);
		});	
		
			$("#link-3").mouseenter(function(){
			$("#linia-3").stop().animate({
				'opacity': '1'
			},300);
			$("#link-ety-3").stop().animate({
				'color': '#ffffff'
			},300);
						
			
	
		});
		$("#link-3").mouseleave(function(){
			$("#linia-3").stop().animate({
				'opacity': '0'
			},500);
			$("#link-ety-3").stop().animate({
				'color': '#f6f6f6'
			},500);
		});	
		
			$("#link-4").mouseenter(function(){
			$("#linia-4").stop().animate({
				'opacity': '1'
			},300);
			$("#link-ety-4").stop().animate({
				'color': '#ffffff'
			},300);
						
			
	
		});
		$("#link-4").mouseleave(function(){
			$("#linia-4").stop().animate({
				'opacity': '0'
			},500);
			$("#link-ety-4").stop().animate({
				'color': '#f6f6f6'
			},500);
		});	
		
			$("#link-5").mouseenter(function(){
			$("#linia-5").stop().animate({
				'opacity': '1'
			},300);
			$("#link-ety-5").stop().animate({
				'color': '#ffffff'
			},300);
						
			
	
		});
		$("#link-5").mouseleave(function(){
			$("#linia-5").stop().animate({
				'opacity': '0'
			},500);
			$("#link-ety-5").stop().animate({
				'color': '#f6f6f6'
			},500);
		});	
		
			$("#link-6").mouseenter(function(){
			$("#linia-6").stop().animate({
				'opacity': '1'
			},300);
			$("#link-ety-6").stop().animate({
				'color': '#ffffff'
			},300);
						
			
	
		});
		$("#link-6").mouseleave(function(){
			$("#linia-6").stop().animate({
				'opacity': '0'
			},500);
			$("#link-ety-6").stop().animate({
				'color': '#f6f6f6'
			},500);
		});	
		
		
	
	
	<!-- MENU PRODUKTOWE -->
			$("#id-kat-2").click(function(){
			$("#id-podkat-2").toggle("slow");
		});
			$("#id-kat-3").click(function(){
			$("#id-podkat-3").toggle("slow");
		});
			$("#id-kat-4").click(function(){
			$("#id-podkat-4").toggle("slow");
		});
			$("#id-kat-5").click(function(){
			$("#id-podkat-5").toggle("slow");
		});
			$("#id-kat-6").click(function(){
			$("#id-podkat-6").toggle("slow");
		});
			$("#id-kat-7").click(function(){
			$("#id-podkat-7").toggle("slow");
		});
			$("#id-kat-8").click(function(){
			$("#id-podkat-8").toggle("slow");
		});
			$("#id-kat-10").click(function(){
			$("#id-podkat-10").toggle("slow");
		});
			$("#id-kat-11").click(function(){
			$("#id-podkat-11").toggle("slow");
		});
			$("#id-kat-12").click(function(){
			$("#id-podkat-12").toggle("slow");
		});
			$("#id-kat-13").click(function(){
			$("#id-podkat-13").toggle("slow");
		});
			$("#id-kat-14").click(function(){
			$("#id-podkat-14").toggle("slow");
		});
			$("#id-kat-15").click(function(){
			$("#id-podkat-15").toggle("slow");
		});
			$("#id-kat-16").click(function(){
			$("#id-podkat-16").toggle("slow");
		});
			$("#id-kat-17").click(function(){
			$("#id-podkat-17").toggle("slow");
		});
			$("#id-kat-18").click(function(){
			$("#id-podkat-18").toggle("slow");
		});
			$("#id-kat-19").click(function(){
			$("#id-podkat-19").toggle("slow");
		});
			$("#id-kat-20").click(function(){
			$("#id-podkat-20").toggle("slow");
		});
			$("#id-kat-26").click(function(){
			$("#id-podkat-26").toggle("slow");
		});
			$("#id-kat-29").click(function(){
			$("#id-podkat-29").toggle("slow");
		});
			$("#id-kat-30").click(function(){
			$("#id-podkat-30").toggle("slow");
		});
			$("#id-kat-32").click(function(){
			$("#id-podkat-32").toggle("slow");
		});
			$("#id-kat-33").click(function(){
			$("#id-podkat-33").toggle("slow");
		});
			$("#id-kat-34").click(function(){
			$("#id-podkat-34").toggle("slow");
		});
			$("#id-kat-35").click(function(){
			$("#id-podkat-35").toggle("slow");
		});
			$("#id-kat-36").click(function(){
			$("#id-podkat-36").toggle("slow");
		});
			$("#id-kat-37").click(function(){
			$("#id-podkat-37").toggle("slow");
		});
			$("#id-kat-38").click(function(){
			$("#id-podkat-38").toggle("slow");
		});
			$("#id-kat-40").click(function(){
			$("#id-podkat-40").toggle("slow");
		});
			$("#id-kat-41").click(function(){
			$("#id-podkat-41").toggle("slow");
		});
			$("#id-kat-42").click(function(){
			$("#id-podkat-42").toggle("slow");
		});
			$("#id-kat-43").click(function(){
			$("#id-podkat-43").toggle("slow");
		});
			$("#id-kat-44").click(function(){
			$("#id-podkat-44").toggle("slow");
		});
			$("#id-kat-45").click(function(){
			$("#id-podkat-45").toggle("slow");
		});
		
	
	
	
	<!-- ZAJAWKI -->
			$("#z1").mouseenter(function(){
			$("#zf-1").stop().animate({
				'opacity': '0'
			},300);
			$("#zi-1").stop().animate({
				'top': '-30px'
			},300);
			$("#zif-1").stop().animate({
				'top': '20px',
				'opacity': '1'
			},300);
		});
		$("#z1").mouseleave(function(){
			$("#zf-1").stop().animate({
				'opacity': '1'
			},500);
			$("#zi-1").stop().animate({
				'top': '0px'
			},500);
			$("#zif-1").stop().animate({
				'top': '80px',
				'opacity': '0'
			},300);
		
		});	
			$("#z2").mouseenter(function(){
			$("#zf-2").stop().animate({
				'opacity': '0'
			},300);
			$("#zi-2").stop().animate({
				'top': '-30px'
			},300);
			$("#zif-2").stop().animate({
				'top': '20px',
				'opacity': '1'
			},300);
		});
		$("#z2").mouseleave(function(){
			$("#zf-2").stop().animate({
				'opacity': '1'
			},500);
			$("#zi-2").stop().animate({
				'top': '0px'
			},500);
			$("#zif-2").stop().animate({
				'top': '80px',
				'opacity': '0'
			},300);
		
		});	
			$("#z3").mouseenter(function(){
			$("#zf-3").stop().animate({
				'opacity': '0'
			},300);
			$("#zi-3").stop().animate({
				'top': '-30px'
			},300);
			$("#zif-3").stop().animate({
				'top': '20px',
				'opacity': '1'
			},300);
		});
		$("#z3").mouseleave(function(){
			$("#zf-3").stop().animate({
				'opacity': '1'
			},500);
			$("#zi-3").stop().animate({
				'top': '0px'
			},500);
			$("#zif-3").stop().animate({
				'top': '80px',
				'opacity': '0'
			},300);
		
		});	
			$("#z4").mouseenter(function(){
			$("#zf-4").stop().animate({
				'opacity': '0'
			},300);
			$("#zi-4").stop().animate({
				'top': '-30px'
			},300);
			$("#zif-4").stop().animate({
				'top': '20px',
				'opacity': '1'
			},300);
		});
		$("#z4").mouseleave(function(){
			$("#zf-4").stop().animate({
				'opacity': '1'
			},500);
			$("#zi-4").stop().animate({
				'top': '0px'
			},500);
			$("#zif-4").stop().animate({
				'top': '80px',
				'opacity': '0'
			},300);
		
		});	
		
	<!-- OFERTA ZAJAWKI -->
			$("#of-1").mouseenter(function(){
			$("#of-1-b").stop().animate({
				'opacity': '0'
			},300);
			$("#of-1-t").stop().animate({
				'opacity': '1'
			},300);
		});
		$("#of-1").mouseleave(function(){
			$("#of-1-b").stop().animate({
				'opacity': '1'
			},300);
			$("#of-1-t").stop().animate({
				'opacity': '0'
			},300);
		});
			$("#of-2").mouseenter(function(){
			$("#of-2-b").stop().animate({
				'opacity': '0'
			},300);
			$("#of-2-t").stop().animate({
				'opacity': '1'
			},300);
		});
		$("#of-2").mouseleave(function(){
			$("#of-2-b").stop().animate({
				'opacity': '1'
			},300);
			$("#of-2-t").stop().animate({
				'opacity': '0'
			},300);
		});
			$("#of-3").mouseenter(function(){
			$("#of-3-b").stop().animate({
				'opacity': '0'
			},300);
			$("#of-3-t").stop().animate({
				'opacity': '1'
			},300);
		});
		$("#of-3").mouseleave(function(){
			$("#of-3-b").stop().animate({
				'opacity': '1'
			},300);
			$("#of-3-t").stop().animate({
				'opacity': '0'
			},300);
		});
			$("#of-4").mouseenter(function(){
			$("#of-4-b").stop().animate({
				'opacity': '0'
			},300);
			$("#of-4-t").stop().animate({
				'opacity': '1'
			},300);
		});
		$("#of-4").mouseleave(function(){
			$("#of-4-b").stop().animate({
				'opacity': '1'
			},300);
			$("#of-4-t").stop().animate({
				'opacity': '0'
			},300);
		});
			$("#of-5").mouseenter(function(){
			$("#of-5-b").stop().animate({
				'opacity': '0'
			},300);
			$("#of-5-t").stop().animate({
				'opacity': '1'
			},300);
		});
		$("#of-5").mouseleave(function(){
			$("#of-5-b").stop().animate({
				'opacity': '1'
			},300);
			$("#of-5-t").stop().animate({
				'opacity': '0'
			},300);
		});
			$("#of-6").mouseenter(function(){
			$("#of-6-b").stop().animate({
				'opacity': '0'
			},300);
			$("#of-6-t").stop().animate({
				'opacity': '1'
			},300);
		});
		$("#of-6").mouseleave(function(){
			$("#of-6-b").stop().animate({
				'opacity': '1'
			},300);
			$("#of-6-t").stop().animate({
				'opacity': '0'
			},300);
		});
		
	

	
	/* BUTTONY LOKALIZACYJNE */
			$("#bl1").mouseenter(function(){
			
			$("#lrt1").stop().animate({
				'width':'100%'			
			},300);
			$("#llb1").stop().animate({
				'width':'100%'			
			},300);
			$("#lrr1").stop().animate({
				'height':'90px'			
			},300);
			$("#lll1").stop().animate({
				'height':'90px'			
			},300);
			
		});
		
		
		$("#bl1").mouseleave(function(){
			
			$("#lrt1").stop().animate({
				'width':'30px'			
			},300);
			$("#llb1").stop().animate({
				'width':'30px'			
			},300);
			$("#lrr1").stop().animate({
				'height':'30px'			
			},300);
			$("#lll1").stop().animate({
				'height':'30px'			
			},300);
			
		});
			$("#bl2").mouseenter(function(){
			
			$("#lrt2").stop().animate({
				'width':'100%'			
			},300);
			$("#llb2").stop().animate({
				'width':'100%'			
			},300);
			$("#lrr2").stop().animate({
				'height':'90px'			
			},300);
			$("#lll2").stop().animate({
				'height':'90px'			
			},300);
			
		});
		
		
		$("#bl2").mouseleave(function(){
			
			$("#lrt2").stop().animate({
				'width':'30px'			
			},300);
			$("#llb2").stop().animate({
				'width':'30px'			
			},300);
			$("#lrr2").stop().animate({
				'height':'30px'			
			},300);
			$("#lll2").stop().animate({
				'height':'30px'			
			},300);
			
		});
			$("#bl3").mouseenter(function(){
			
			$("#lrt3").stop().animate({
				'width':'100%'			
			},300);
			$("#llb3").stop().animate({
				'width':'100%'			
			},300);
			$("#lrr3").stop().animate({
				'height':'90px'			
			},300);
			$("#lll3").stop().animate({
				'height':'90px'			
			},300);
			
		});
		
		
		$("#bl3").mouseleave(function(){
			
			$("#lrt3").stop().animate({
				'width':'30px'			
			},300);
			$("#llb3").stop().animate({
				'width':'30px'			
			},300);
			$("#lrr3").stop().animate({
				'height':'30px'			
			},300);
			$("#lll3").stop().animate({
				'height':'30px'			
			},300);
			
		});
			$("#bl4").mouseenter(function(){
			
			$("#lrt4").stop().animate({
				'width':'100%'			
			},300);
			$("#llb4").stop().animate({
				'width':'100%'			
			},300);
			$("#lrr4").stop().animate({
				'height':'90px'			
			},300);
			$("#lll4").stop().animate({
				'height':'90px'			
			},300);
			
		});
		
		
		$("#bl4").mouseleave(function(){
			
			$("#lrt4").stop().animate({
				'width':'30px'			
			},300);
			$("#llb4").stop().animate({
				'width':'30px'			
			},300);
			$("#lrr4").stop().animate({
				'height':'30px'			
			},300);
			$("#lll4").stop().animate({
				'height':'30px'			
			},300);
			
		});
		
	
	
	<!-- ZAJAWKI -->
	$("#z1").mouseenter(function(){
		$("#zaj-ico-1").stop().animate({
			'width': '68px'
		},150);
	});
	$("#z1").mouseleave(function(){
		$("#zaj-ico-1").stop().animate({
			'width': '60px'
		},150);
	});
	
	$("#z2").mouseenter(function(){
		$("#zaj-ico-2").stop().animate({
			'width': '68px'
		},150);
	});
	$("#z2").mouseleave(function(){
		$("#zaj-ico-2").stop().animate({
			'width': '60px'
		},150);
	});
	
	$("#z3").mouseenter(function(){
		$("#zaj-ico-3").stop().animate({
			'width': '100px'
		},150);
	});
	$("#z3").mouseleave(function(){
		$("#zaj-ico-3").stop().animate({
			'width': '90px'
		},150);
	});
	
	$("#z4").mouseenter(function(){
		$("#zaj-ico-4").stop().animate({
			'width': '52px'
		},150);
	});
	$("#z4").mouseleave(function(){
		$("#zaj-ico-4").stop().animate({
			'width': '45px'
		},150);
	});

	
	
	
	/* PODMENU OFERTY */	
	function podm(){
		var h = document.getElementById("podmenu").offsetHeight;
			
		if(h == 0){
			var w = document.getElementById("of-1").offsetWidth;	
			$("#podmenu").stop().animate({
				//'height': w+'px',
				'height': '220px',
				//'opacity': '1'
			},350, function(){
				//$("#wyszukiwarka").fadeIn(1000);
				$("#wyszukiwarka").css({
					'display':'block'			
				});
				$("#wyszukiwarka").stop().animate({
					'margin-top':'50px',
					'opacity':'1'			
				},700);
			});	
			
			/*$("#menu").stop().animate({
				'margin-top': '0px'
			},300);*/
			var el = document.getElementById('menu');
			el.className = 'menu-scrol';
			

			podmien_klase('slider','slider-dark');
			podmien_klase('id-body','body-html-dark');
			podmien_klase('bod','bod-dark');				
			
				
		} else {
			var w = document.getElementById("of-1").offsetWidth;	
			$("#podmenu").stop().animate({
				'height': '0px',
				//'opacity': '0'
			},350);	
			
			$("#wyszukiwarka").stop().animate({
					'margin-top':'0px',
					'opacity':'0'			
			},350, function(){
				$("#wyszukiwarka").css({
					'display':'none'			
				});	
			});
			
			/*$("#menu").stop().animate({
				'margin-top': '32px'
			},350);*/
			var scroll = $(window).scrollTop();
			if(scroll <=300){
				var el = document.getElementById('menu');
				el.className = 'menu';
			}

			podmien_klase('slider','tr ');
			podmien_klase('id-body','body-html');
			podmien_klase('bod','bod');				
			
		}	
	}
	
	
	$("#link-1").click(function(){		
		podm();			
	});	
	
	$("#wysz-close").click(function(){		
		podm();			
	});
	
	
			
			
	$(".bod").click(function(){
		var h = document.getElementById("podmenu").offsetHeight;			
		if(h > 0){
			podm();
		}
	});	
	
	
	$(".slider").click(function(){
		var h = document.getElementById("podmenu").offsetHeight;			
		if(h > 0){
			podm();
		}
	});			

			
	
	
	/*$("#link-1").mouseleave(function(){	
		$("#podmenu").stop().animate({
			'height': '0px',
			'opacity': '0'
		},350);	
		var animateTop = $("#wyszukiwarka").css("top");
		if(animateTop == '-70px'){
			$("#wyszukiwarka").stop().animate({
				'top': '-70px'
			},350);			
		}
		podmien_klase('slider','slider');
		podmien_klase('bod','bod');
	});	*/	
	
	/*$("#podmenu").mouseenter(function(){
		var w = document.getElementById("of-1").offsetWidth+82;	
		$("#podmenu").stop().animate({
			'height': w+'px',
			'opacity': '1'
		},350);	
		$("#wyszukiwarka").stop().animate({
				'top': '0px'
		},600);	
		podmien_klase('slider','slider-dark');
		podmien_klase('bod','bod-dark');	
	});	
	$("#podmenu").mouseleave(function(){	
		$("#podmenu").stop().animate({
			'height': '0px',
			'opacity': '0'
		},350);
		$("#wyszukiwarka").stop().animate({
			'top': '-70px'
		},350);	
		podmien_klase('slider','slider');
		podmien_klase('bod','bod');			
	});	*/
	
	
	/* SKALOWANIE PODMENU OFERTY */
	//var w = document.getElementById("of-1").offsetWidth;	
	var w = 220;
			function off_1(){

			$("#of-1").css({
				'height': w+"px"			
			});	
			
			$("#of-1-t").css({
				'top': "-"+w+"px"			
			});	
		
			$(".of-prod-inf").css({
				//'top': "-"+w+"px"		
				//'top': "-100px"		
			});	
		}
			function off_2(){

			$("#of-2").css({
				'height': w+"px"			
			});	
			
			$("#of-2-t").css({
				'top': "-"+w+"px"			
			});	
		
			$(".of-prod-inf").css({
				//'top': "-"+w+"px"		
				//'top': "-100px"		
			});	
		}
			function off_3(){

			$("#of-3").css({
				'height': w+"px"			
			});	
			
			$("#of-3-t").css({
				'top': "-"+w+"px"			
			});	
		
			$(".of-prod-inf").css({
				//'top': "-"+w+"px"		
				//'top': "-100px"		
			});	
		}
			function off_4(){

			$("#of-4").css({
				'height': w+"px"			
			});	
			
			$("#of-4-t").css({
				'top': "-"+w+"px"			
			});	
		
			$(".of-prod-inf").css({
				//'top': "-"+w+"px"		
				//'top': "-100px"		
			});	
		}
			function off_5(){

			$("#of-5").css({
				'height': w+"px"			
			});	
			
			$("#of-5-t").css({
				'top': "-"+w+"px"			
			});	
		
			$(".of-prod-inf").css({
				//'top': "-"+w+"px"		
				//'top': "-100px"		
			});	
		}
			function off_6(){

			$("#of-6").css({
				'height': w+"px"			
			});	
			
			$("#of-6-t").css({
				'top': "-"+w+"px"			
			});	
		
			$(".of-prod-inf").css({
				//'top': "-"+w+"px"		
				//'top': "-100px"		
			});	
		}
		
	
	
	
	/* PHOTO NAVIGACJA */
	$("#prod-photo").mouseenter(function(){
			$("#nav-left").stop().animate({
				'left': '0px'
			},200);
			$("#nav-right").stop().animate({
				'right': '0px'
			},200);
	});
	$("#prod-photo").mouseleave(function(){
			$("#nav-left").stop().animate({
				'left': '-40px'
			},200);
			$("#nav-right").stop().animate({
				'right': '-40px'
			},200);
	});
	
	
	
	/* SKALOWANIE PODMENU OFERTY W PRODUKCIE */
			var ww = document.getElementById("off-1").offsetWidth;	
					function offe_1(){
	
				/*$("#off-1").css({
					'height': ww+"px"			
				});	
				
				$("#off-1-t").css({
					'top': "-"+ww+"px"			
				});	
			
				$(".of-prod-inf").css({
					//'top': "-"+ww+"px"			
				});	
				*/
			}
					function offe_2(){
	
				/*$("#off-2").css({
					'height': ww+"px"			
				});	
				
				$("#off-2-t").css({
					'top': "-"+ww+"px"			
				});	
			
				$(".of-prod-inf").css({
					//'top': "-"+ww+"px"			
				});	
				*/
			}
					function offe_3(){
	
				/*$("#off-3").css({
					'height': ww+"px"			
				});	
				
				$("#off-3-t").css({
					'top': "-"+ww+"px"			
				});	
			
				$(".of-prod-inf").css({
					//'top': "-"+ww+"px"			
				});	
				*/
			}
					function offe_4(){
	
				/*$("#off-4").css({
					'height': ww+"px"			
				});	
				
				$("#off-4-t").css({
					'top': "-"+ww+"px"			
				});	
			
				$(".of-prod-inf").css({
					//'top': "-"+ww+"px"			
				});	
				*/
			}
					function offe_5(){
	
				/*$("#off-5").css({
					'height': ww+"px"			
				});	
				
				$("#off-5-t").css({
					'top': "-"+ww+"px"			
				});	
			
				$(".of-prod-inf").css({
					//'top': "-"+ww+"px"			
				});	
				*/
			}
					function offe_6(){
	
				/*$("#off-6").css({
					'height': ww+"px"			
				});	
				
				$("#off-6-t").css({
					'top': "-"+ww+"px"			
				});	
			
				$(".of-prod-inf").css({
					//'top': "-"+ww+"px"			
				});	
				*/
			}
			
	
	/* DOPASOWANIE MINIATUREK */
		
	/* ZAPROJEKTUJ SWOJE ŁÓŻKO */
	function zaprojektuj(){
		var szer = $(window).width();
		var szer25 = szer*0.25;
		var szer75 = szer-szer25;
		var szer_z = szer75*0.25;
		//alert(szer);
		
		if(szer > 798){
			$(".zap-gr3").css({
				'width': szer_z+'px',
				'clear': 'none'
			});
		} else {
			$(".zap-gr3").css({
				//'width': '200px'
				'width': szer+'px',
				'clear': 'both'
			});
			
			
		}
	}
	zaprojektuj();
		
	$(window).resize(function() {	
	
		zaprojektuj();
	
	
				
			off_1();
							offe_1();
							
			off_2();
							offe_2();
							
			off_3();
							offe_3();
							
			off_4();
							offe_4();
							
			off_5();
							offe_5();
							
			off_6();
							offe_6();
						});
		
			
		off_1();
					offe_1();
					
		off_2();
					offe_2();
					
		off_3();
					offe_3();
					
		off_4();
					offe_4();
					
		off_5();
					offe_5();
					
		off_6();
					offe_6();
				
	
	
		
	
});

</script>	




<!-- Facebook Pixel Code -->
<script>
!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window,document,'script','https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '731344573671511'); 
fbq('track', 'PageView');
</script>
<noscript>
<img height="1" width="1" src="https://www.facebook.com/tr?id=731344573671511&ev=PageView&noscript=1"/>
</noscript>
<!--  End Facebook Pixel Code -->





<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-PM5PCD7');</script>
<!-- End Google Tag Manager -->


  <link href="https://dreamsdesign.pl/images/favicon.ico" rel="shortcut icon" type="image/x-icon">
  <link href="https://dreamsdesign.pl/images/webclip.png" rel="apple-touch-icon">
</head>
<body class="body">

  <div class="top">
    <div class="hamb" data-ix="hamb">
      <div class="hm">
        <div class="hmw"></div>
      </div>
      <div class="hm">
        <div class="hmw"></div>
      </div>
    </div>
    
    
    <div class="oferta">    
      <div class="of" data-ix="of" onclick="window.location.href='https://dreamsdesign.pl/oferta/lozka'">
        <div class="of-bg">
          <div class="of-zd"></div>
        </div>
        <div class="of-bg-col"></div>
        <div class="of-bg-ico-ety"><img src="https://dreamsdesign.pl/images/galeria.png" alt="" class="of-bg-img">
          <div class="of-bg-ety">ŁÓŻKA</div>
        </div>
      </div>
      <div class="of" data-ix="of" onclick="window.location.href='https://dreamsdesign.pl/oferta/materace'">
        <div class="of-bg">
          <div class="of-zd of-zd-materace"></div>
        </div>
        <div class="of-bg-col"></div>
        <div class="of-bg-ico-ety"><img src="https://dreamsdesign.pl/images/ico-materace.png" alt="" class="of-bg-img">
          <div class="of-bg-ety">MATERACE</div>
        </div>
      </div>
      <div class="of" data-ix="of" onclick="window.location.href='https://dreamsdesign.pl/oferta/panele'">
        <div class="of-bg">
          <div class="of-zd of-zd-panele"></div>
        </div>
        <div class="of-bg-col"></div>
        <div class="of-bg-ico-ety"><img src="https://dreamsdesign.pl/images/ico-panele.png" alt="" class="of-bg-img of-bg-img-pan">
          <div class="of-bg-ety">PANELE</div>
        </div>
      </div>
      <div class="of" data-ix="of" onclick="window.location.href='https://dreamsdesign.pl/oferta/meble'">
        <div class="of-bg">
          <div class="of-zd of-zd-meble"></div>
        </div>
        <div class="of-bg-col"></div>
        <div class="of-bg-ico-ety"><img src="https://dreamsdesign.pl/images/ico-meble2.png" alt="" class="of-bg-img">
          <div class="of-bg-ety">MEBLE</div>
        </div>
      </div>
      <div class="of" data-ix="of" onclick="window.location.href='https://dreamsdesign.pl/oferta/stelaze'">
        <div class="of-bg">
          <div class="of-zd of-zd-stelaze"></div>
        </div>
        <div class="of-bg-col"></div>
        <div class="of-bg-ico-ety"><img src="https://dreamsdesign.pl/images/ico-stelaze.png" alt="" class="of-bg-img">
          <div class="of-bg-ety">STELAŻE</div>
        </div>
      </div>
      <div class="of" data-ix="of" onclick="window.location.href='https://dreamsdesign.pl/oferta/poduszki'">
        <div class="of-bg">
          <div class="of-zd of-zd-poduszki"></div>
        </div>
        <div class="of-bg-col"></div>
        <div class="of-bg-ico-ety"><img src="https://dreamsdesign.pl/images/ico-poduszki.png" alt="" class="of-bg-img">
          <div class="of-bg-ety">PODUSZKI</div>
        </div>
      </div>
    </div>
    <div class="oferta-search">
      <div class="form-block w-form">
        <form class="form" method="post" action="https://dreamsdesign.pl/produkty.php">
          <div class="search">
          	<input type="text" class="field-search w-input" maxlength="256" name="wyszukaj"  placeholder="WYSZUKAJ"  required><input type="submit" value="Submit"  class="button-search w-button">
            <div class="search-close" data-ix="oferta-close">
              <div class="sch-content" data-ix="search-x">
                <div class="sch-c"></div>
                <div class="sch-cc"></div>
              </div>
            </div>
          </div>
          <input type="hidden" name="subm_wysz" value="true" />
        </form>
       
       
      </div>
    </div>
    <div class="oferta-bg" data-ix="oferta-close"></div>
    <div class="center">
      <div class="top-content">
        <div class="top-left">
          <div class="logo">
          	<a href="https://dreamsdesign.pl" style="text-align:center"><img src="https://dreamsdesign.pl/images/logo.png" alt="" class="logo-img"></a>
          </div>
        </div>
        <div class="top-right">
          <div class="top-right-content">
            <div class="tr-top">
              <div class="trt-left" style="height:27px;">
                <div class="form-block w-form">
                  <form class="" method="post" action="https://dreamsdesign.pl/produkty.php">
                    <div class="top-wysz" data-ix="top-wysz">
                      <div class="tw"><input type="text" class="tw-field w-input" maxlength="256" name="wyszukaj"></div>
                      <input type="submit" value="" data-wait="Please wait..." class="t-wysz-button w-button">
                    </div>
                  	<input type="hidden" name="subm_wysz" value="true" />
                  </form>
 
                </div>
              </div>
              <div class="trt-right">
                <div class="top-icons">
                  <div class="t-icon" data-ix="top-icon-link">
                    <div class="ti-ic"><img src="https://dreamsdesign.pl/images/ic-tel.png" alt="" class="ti-ico-img"></div>
                    <div class="ti-ic-ety">+48 881 255 100</div>
                  </div>
                  <div class="t-icon" data-ix="top-icon-link" onclick="window.location.href='https://dreamsdesign.pl/konto'">
                    <div class="ti-ic"><img src="https://dreamsdesign.pl/images/ic-konto.png" alt="" class="ti-ico-img"></div>
                    <div class="ti-ic-ety">ZALOGUJ</div>
                  </div>
                  <div class="t-icon" data-ix="top-icon-link" onclick="window.location.href='https://dreamsdesign.pl/ulubione'">
                    <div class="ti-ic"><img src="https://dreamsdesign.pl/images/ico-heart.png" width="21" alt="" class="ti-ico-img ti-ico-ulub"></div>
                    <div class="ti-ic-ety">ULUBIONE</div>
                  </div>
                  <div class="t-icon" data-ix="top-icon-link" onclick="window.location.href='https://dreamsdesign.pl/koszyk'">
                    <div class="ti-ic ti-ic-cart">
                    	                     </div>
                    <div class="ti-ic-ety">KOSZYK</div>
                  </div>
                  <div class="t-icon" data-ix="top-icon-link" onclick="window.location.href='https://www.facebook.com/dreamsdesignsypialnie'">
                    <div class="ti-ic tiic-fb"><img src="https://dreamsdesign.pl/images/ico-fb.png" alt="" class="ti-ico-fb"></div>
                  </div>
                </div>
              </div>
            </div>
            <div class="tr-bottom">
            
              <div class="wysz-mob">
                <div class="form-block w-form">
                  <form method="post" action="https://dreamsdesign.pl/produkty.php" class="form">
                    <div class="mob-top-wysz">
                      <div class="mob-wysz-tw">
                      	<input type="text" class="mob-wysz-tw-field w-input" maxlength="256" name="wyszukaj" required>
                      </div>
                      <input type="submit" value="" data-wait="Please wait..." class="t-wysz-button w-button"> 
                    </div>
                    <input type="hidden" name="subm_wysz" value="true" />
                  </form>
                </div>
              </div>	
                
              <div class="menu-top">
                  <a href="#" class="tm-link" data-ix="oferta-open">PRODUKTY</a>
                  <a href="https://dreamsdesign.pl/o-nas" class="tm-link">O NAS</a>
                  <a href="https://dreamsdesign.pl/salony" class="tm-link">SALONY</a>
                  <a href="https://dreamsdesign.pl/blog" class="tm-link">BLOG</a>
                  <a href="https://dreamsdesign.pl/wspolpraca" class="tm-link">WSPÓŁPRACA</a>
                  <a href="https://dreamsdesign.pl/kontakt" class="tm-link">KONTAKT</a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  

<input id="zakladka" type="hidden" name="zakladka" value="produkt" />

<div id="kontakt-popup" class="kontakt-popup-closed" style="z-index:99999999">
	<div class="ico-close">
    	<img src="../../../../images/ico-close.png" alt="" />
    </div>
</div>

<div id="ask-form" class="ask-form-closed" style="z-index:999999999">
	<div class="af-padding">
        				<div id="formularz" class="formularz2">
                            <form name="f_kontakt" method="post" action="../../../../../send2.php" target="ramkk">
                                <div class="tr">
                                    <div class="f-pole2">
                                        <input id="pol-imie" type="text" name="imie" placeholder="Imię i nazwisko" class="f-field2" style="width:100%" />
                                    </div>
                                    <div class="f-pole2">
                                        <input id="pol-email" type="text" name="email" placeholder="E-mail" class="f-field" style="width:100%" />
                                    </div>
                                   <div class="f-pole" style="display:none;">
                                        <input id="pol-temat" type="text" name="temat" value="" placeholder="Temat" class="f-field" />
                                    </div>
                                </div>
                                <div class="tr">
                                    <div class="f-text2">
                                        <textarea id="pol-tresc" name="tresc" placeholder="Treść wiadomości" class="f-field-text" style="width:100%;"></textarea>
                                    </div>
                                </div>
                                <div id="but-wyslij" class="tr">
                                    <input type="button" value="WYŚLIJ" class="button-wyslijj" onclick="wer_wyslij('f_kontakt')" />
                                </div>
                                <input type="hidden" name="wyslij" value="true" />
                                <input type="hidden" name="numerek" value="" />
                            </form>       
                        </div>

                       
                        <div id="info-t" class="info-t">
                            <div class="info-truee">
                                Dziękujemy, wiadomość została wysłana.
                            </div>
                        </div>

                        <div id="info-f" class="info-f">
                            <div class="info-falsee">
                                Wystąpiły błędy. Sprawdź wszystkie pola formularza i spóbuj wysłać ponownie.
                            </div>
                        </div>

                       
                        <iframe id="ramkk" name="ramkk" style="width:100%; height:300px; display:none;"></iframe>  

	</div>      

</div>



<div id="konfigurator-bg" class="konfig-bg" style="display:none; z-index:10000000;"></div>
    
    <!-- Konf dla łóżek -->
    
    <div id="konfigurator" class="konfig" style="display:none; z-index:10000001;">
    
        <form name="konfigurator" method="post" action="" style="display:none;">
    
            <input type="text" name="materac" value="" /><br />
    
            <input type="text" name="pojemnik" value="" /><br />
    
            <input type="text" name="korpus" value="" /><br />
    
            <input type="text" name="tkanina_grupa" value="" /><input type="text" name="tkanina_material" value="" /><input type="text" name="tkanina_kolor" value="" /><br />
    
            <input type="text" name="kontynentalny" value="" /><br />
    
            <input type="text" name="noga" value="" /><input type="text" name="noga_kolor" value="" /><br />
    
            <input type="text" name="kolor" value="" /><br />
    
            
    
            <input type="text" name="co" value="0" />
    
            <input type="text" name="cpo" value="0" /><br />
    
            
    
            <input type="text" name="cena_rozmiar" value="0" />
    
            <input type="text" name="cena_korpus" value="0" />
    
            <input type="text" name="cena_tkanina" value="0" />
    
            <input type="text" name="cena_kontynentalny" value="0" />
    
            <input type="text" name="cena_kolor" value="0" />
 
            <input type="text" name="cena_noga" value="0" /> 
    
        </form>
    
        <div class="konf-navi" style="clear:both;">
            <div class="konf-x" onclick="konfig_end()"></div>
        </div>
        
    
        <div class="konfigurator" style="clear:both;">
    
            <div id="konf-menu" class="konf-menu" style="clear:both">
    
                <!--<div id="zak-rozmiar" class="konf-zakladka-active">WYBIERZ ROZMIAR</div>
    
                <div id="zak-korpus" class="konf-zakladka">WYBIERZ KORPUS</div>
    
                <div id="zak-tkanina" class="konf-zakladka">WYBIERZ TKANINĘ</div>
    
                <div id="zak-nogi" class="konf-zakladka">WYBIERZ NOGI</div>
    
                <div id="zak-kolor" class="konf-zakladka">KOLOR</div>-->
    
            </div>
    
            
    
            <div class="konf-contener">
    
                <div id="id-konf-load" class="tr">
    
                    <div class="tr" style="padding-top:30px; padding-bottom:30px; text-align:center;">
    
                        <img src="https://dreamsdesign.pl/images/loading.gif" width="50" />
    
                    </div>
    
                </div>
    
            </div>
    
        </div>		
    
    </div> 
    
    
    
    
    
    <!-- Konf dla mebli tapicerowanych -->
    
    <div id="konfigurator2" class="konfig" style="display:none; z-index:101">
    
        <form name="konfigurator2" method="post" action="" style="display:none;">
    
            <input type="text" name="strona" value="prawa" /><input type="text" name="strona_cena" value="" /><br />
    
            <input type="text" name="tkanina" value="" /><input type="text" name="tkanina_cena" value="" /><br />
    
            <input type="text" name="elementy" value="" /><input type="text" name="elementy_cena" value="" /><br />
    
            <input type="text" name="nogi" value="" /><input type="text" name="nogi_cena" value="" /><br />
    
            <input type="text" name="kontynentalny" value="" /><input type="text" name="kontynentalny_cena" value="" /><br />
    
        </form>
    
        <div class="konf-navi">
    
            <div class="konf-x" onclick="konfig2_end()"></div>
    
        </div>
    
        <div class="konfigurator">
    
            <div class="konf-menu">
    
                <div id="zak2-strona" class="konf-zakladka-active">WYBIERZ STRONĘ</div>
    
                <div id="zak2-tkanina" class="konf-zakladka">WYBIERZ TKANINĘ</div>
    
                <div id="zak2-elementy" class="konf-zakladka">WYBIERZ ELEMENTY</div>
    
                <div id="zak2-nogi" class="konf-zakladka">WYBIERZ NOGI</div>
    
            </div>
    
            
    
            <div class="konf-contener">
    
                <div id="id-konf2-load" class="tr">
    
                    <div class="tr" style="padding-top:30px; padding-bottom:30px; text-align:center;">
    
                        <img src="https://dreamsdesign.pl/images/loading.gif" width="50" />
    
                    </div>
    
                    
    
                    
    
                </div>
    
            </div>
    
        </div>		
    
    </div>
    
    
    
    
    
    
    
    
    <!-- Konf dla mebli -->
    
    <div id="konfigurator3" class="konfig" style="display:none; z-index:10000001">
    
        <form name="konfigurator_meb" method="post" action="" style="display:none;">
    
            <input type="text" name="kolor" value="" /><br />
    
            <input type="text" name="tkanina_grupa" value="" /><input type="text" name="tkanina_material" value="" /><input type="text" name="tkanina_kolor" value="" /><br />
    
            
    
            <input type="text" name="cena_kolor" value="0" /> 
    
            <input type="text" name="cena_tkanina" value="0" />
    
               
    
        </form>
    
        <div class="konf-navi">
    
            <div class="konf-x" onclick="konfig3_end()"></div>
    
        </div>
    
        <div class="konfigurator">
    
            <div id="konf-menu-meb" class="konf-menu">
    
                <!--<div id="zak-rozmiar" class="konf-zakladka-active">WYBIERZ ROZMIAR</div>
    
                <div id="zak-korpus" class="konf-zakladka">WYBIERZ KORPUS</div>
    
                <div id="zak-tkanina" class="konf-zakladka">WYBIERZ TKANINĘ</div>
    
                <div id="zak-nogi" class="konf-zakladka">WYBIERZ NOGI</div>
    
                <div id="zak-kolor" class="konf-zakladka">KOLOR</div>-->
    
            </div>
    
            
    
            <div class="konf-contener">
    
                <div id="id-konf3-load" class="tr">
    
                    <div class="tr" style="padding-top:30px; padding-bottom:30px; text-align:center;">
    
                        <img src="https://dreamsdesign.pl/images/loading.gif" width="50" />
    
                    </div>
    
                </div>
    
            </div>
    
        </div>		
    
    </div>
    
    
    
    
    
    <!-- Konf dla paneli -->
    
    <div id="konfigurator4" class="konfig" style="display:none; z-index:10000001">
    
        <form name="konfigurator_panele" method="post" action="" style="display:none;">
    
            <input type="text" name="kolor" value="" /><br />
    
            <input type="text" name="tkanina_grupa" value="" /><input type="text" name="tkanina_material" value="" /><input type="text" name="tkanina_kolor" value="" /><br />
    
            
    
            <input type="text" name="cena_kolor" value="0" /> 
    
            <input type="text" name="cena_tkanina" value="0" />
    
               
    
        </form>
    
        <div class="konf-navi">
    
            <div class="konf-x" onclick="konfig4_end()"></div>
    
        </div>
    
        <div class="konfigurator">
    
            <div id="konf-menu-panele" class="konf-menu">
    
                <!--<div id="zak-rozmiar" class="konf-zakladka-active">WYBIERZ ROZMIAR</div>
    
                <div id="zak-korpus" class="konf-zakladka">WYBIERZ KORPUS</div>
    
                <div id="zak-tkanina" class="konf-zakladka">WYBIERZ TKANINĘ</div>
    
                <div id="zak-nogi" class="konf-zakladka">WYBIERZ NOGI</div>
    
                <div id="zak-kolor" class="konf-zakladka">KOLOR</div>-->
    
            </div>
    
            
    
            <div class="konf-contener">
    
                <div id="id-konf4-load" class="tr">
    
                    <div class="tr" style="padding-top:30px; padding-bottom:30px; text-align:center;">
    
                        <img src="https://dreamsdesign.pl/images/loading.gif" width="50" />
    
                    </div>
    
                </div>
    
            </div>
    
        </div>		
    
    </div>
    
    
    
    
    
    
    
    
    
    <!-- Konf dla paneli -->
    
    <div id="konfigurator3" class="konfig" style="display:none; z-index:10000001">
    
        <form name="konfigurator_panele" method="post" action="" style="display:block;">
    
            <input type="text" name="kolor" value="" /><br />
    
            <input type="text" name="tkanina_grupa" value="" /><input type="text" name="tkanina_material" value="" /><input type="text" name="tkanina_kolor" value="" /><br />
    
            
    
            <input type="text" name="cena_kolor" value="0" /> 
    
            <input type="text" name="cena_tkanina" value="0" />
    
               
    
        </form>
    
        <div class="konf-navi">
    
            <div class="konf-x" onclick="konfig4_end()"></div>
    
        </div>
    
        <div class="konfigurator">
    
            <div id="konf-menu-panele" class="konf-menu">
    
                <!--<div id="zak-rozmiar" class="konf-zakladka-active">WYBIERZ ROZMIAR</div>
    
                <div id="zak-korpus" class="konf-zakladka">WYBIERZ KORPUS</div>
    
                <div id="zak-tkanina" class="konf-zakladka">WYBIERZ TKANINĘ</div>
    
                <div id="zak-nogi" class="konf-zakladka">WYBIERZ NOGI</div>
    
                <div id="zak-kolor" class="konf-zakladka">KOLOR</div>-->
    
            </div>
    
            
    
            <div class="konf-contener">
    
                <div id="id-konf4-load" class="tr">
    
                    <div class="tr" style="padding-top:30px; padding-bottom:30px; text-align:center;">
    
                        <img src="https://dreamsdesign.pl/images/loading.gif" width="50" />
    
                    </div>
    
                </div>
    
            </div>
    
        </div>		
    
    </div>
    
    
  


  

  
  <div class="content" itemscope itemtype="https://schema.org/Product" >
    <div class="sekcja sekcja-produkt">
      <div class="center">
        <div class="produkt" >
          
          <!-- KATEGORIE -->
          <div class="kategorie-produkt">
            <div id="suwak2" class="kategorie-produkt-content"> 
            	<div style="padding-left:20px; padding-bottom:30px;">
					                                <div class="kat-tr">
                                <a href="https://dreamsdesign.pl/oferta/lozka"class="kat-link">		
                                    ŁÓŻKA                                   </a>
                                                                                                                <div id="podmenu-2" class="podkat" style="display:none">
                                                                                                                                            <a href="https://dreamsdesign.pl/oferta/lozka/tapicerowane" class="kat-podlink" style="line-height:24px; clear:both; width:100%">Łóżka do sypialni tapicerowane </a><br />
                                                                                                            <div class="podpodkat">
                                                                                                                                 <a href="https://dreamsdesign.pl/oferta/lozka/" class="kat-podlink">Łóżko tapicerowane 160x200  </a>
                                                                                                                                    <script type="text/javascript">
                                                                    document.getElementById("podmenu-2").style.display="block";
                                                                </script>
                                                                                                                                                                                                <a href="https://dreamsdesign.pl/oferta/lozka/" class="kat-podlink">Łóżko tapicerowane 140x200</a>
                                                                                                                                    <script type="text/javascript">
                                                                    document.getElementById("podmenu-2").style.display="block";
                                                                </script>
                                                                                                                                                                                    </div>
                                                                                                                                                                                                <a href="https://dreamsdesign.pl/oferta/lozka/kontynentalne" class="kat-podlink" style="line-height:24px; clear:both; width:100%">Łóżka kontynentalne</a><br />
                                                                                                                                                                                                <a href="https://dreamsdesign.pl/oferta/lozka/drewniane" class="kat-podlink" style="line-height:24px; clear:both; width:100%">Łóżka drewniane   </a><br />
                                                                                                            <div class="podpodkat">
                                                                                                                                 <a href="https://dreamsdesign.pl/oferta/lozka/szuflady-do-lozek" class="kat-podlink">Szuflady do łóżek</a>
                                                                                                                                                                                        </div>
                                                                                                                                                                                                <a href="https://dreamsdesign.pl/oferta/lozka/dzieciece" class="kat-podlink" style="line-height:24px; clear:both; width:100%">Łóżka dziecięce  </a><br />
                                                                                                        
                                        </div>
                                                                  </div>
                                                      <div class="kat-tr">
                                <a href="https://dreamsdesign.pl/oferta/materace"class="kat-link">		
                                    MATERACE                                 </a>
                                                                                                                <div id="podmenu-3" class="podkat" style="display:none">
                                                                                                                                            <a href="https://dreamsdesign.pl/oferta/materace/rodzaj" class="kat-podlink" style="line-height:24px; clear:both; width:100%">RODZAJ</a><br />
                                                                                                            <div class="podpodkat">
                                                                                                                                 <a href="https://dreamsdesign.pl/oferta/materace/kieszeniowe" class="kat-podlink">Kieszeniowe</a>
                                                                                                                                                                                                    <a href="https://dreamsdesign.pl/oferta/materace/termoelastyczne" class="kat-podlink">Termoelastyczne  </a>
                                                                                                                                                                                                    <a href="https://dreamsdesign.pl/oferta/materace/wysokoelastyczne" class="kat-podlink">Wysokoelastyczne    </a>
                                                                                                                                                                                                    <a href="https://dreamsdesign.pl/oferta/materace/lateksowe" class="kat-podlink">Lateksowe  </a>
                                                                                                                                                                                                    <a href="https://dreamsdesign.pl/oferta/materace/materace-dla-dzieci" class="kat-podlink">Dla dzieci   </a>
                                                                                                                                                                                        </div>
                                                                                                                                                                                                <a href="https://dreamsdesign.pl/oferta/materace/producent" class="kat-podlink" style="line-height:24px; clear:both; width:100%">PRODUCENT</a><br />
                                                                                                            <div class="podpodkat">
                                                                                                                                 <a href="https://dreamsdesign.pl/oferta/materace/relaks" class="kat-podlink">Materace Relaks</a>
                                                                                                                                                                                                    <a href="https://dreamsdesign.pl/oferta/materace/materasso" class="kat-podlink">Materace Materasso</a>
                                                                                                                                                                                        </div>
                                                                                                        
                                        </div>
                                                                  </div>
                                                      <div class="kat-tr">
                                <a href="https://dreamsdesign.pl/oferta/panele"class="kat-link">		
                                    PANELE                                </a>
                                                                                                      </div>
                                                      <div class="kat-tr">
                                <a href="https://dreamsdesign.pl/oferta/meble"class="kat-link">		
                                    MEBLE                                </a>
                                                                                                      </div>
                                                      <div class="kat-tr">
                                <a href="https://dreamsdesign.pl/oferta/stelaze"class="kat-link">		
                                    STELAŻE                                  </a>
                                                                                                                <div id="podmenu-6" class="podkat" style="display:none">
                                                                                                                                            <a href="https://dreamsdesign.pl/oferta/stelaze/stelaze-regulowane" class="kat-podlink" style="line-height:24px; clear:both; width:100%">Regulowane</a><br />
                                                                                                                                                                                                <a href="https://dreamsdesign.pl/oferta/stelaze/stelaze-bez-regulacji" class="kat-podlink" style="line-height:24px; clear:both; width:100%">Bez regulacji</a><br />
                                                                                                        
                                        </div>
                                                                  </div>
                                                      <div class="kat-tr">
                                <a href="https://dreamsdesign.pl/oferta/poduszki"class="kat-link">		
                                    PODUSZKI                                </a>
                                                                                                      </div>
                                                      <div class="kat-tr">
                                <a href="https://dreamsdesign.pl/oferta/koldry"class="kat-link">		
                                    KOŁDRY                                </a>
                                                                                                      </div>
                                                      <div class="kat-tr">
                                <a href="https://dreamsdesign.pl/oferta/akcesoria"class="kat-link">		
                                    AKCESORIA                                </a>
                                                                                                      </div>
                              
                      
                      <!--<div class="kat-tr">
                        <a href="#" class="kat-link">ŁÓŻKA</a>
                        <div class="podkat">
                            <a href="#" class="kat-podlink">RODZAJ</a>
                            <a href="#" class="kat-podlink">PRODUCENT</a>
                        </div>
                      </div>-->
                      
              	 </div>
            </div>
          </div>
          
          <div class="produkt-info">
            <div class="produkt-content">
              <div class="produkt-top">
                <div class="produkt-top-content">
                  <div class="hamb3" data-ix="hamb-produkt-kategorie">
                    <div class="hm">
                      <div class="hmw"></div>
                    </div>
                    <div class="hm">
                      <div class="hmw"></div>
                    </div>
                    <div class="hm">
                      <div class="hmw"></div>
                    </div>
                  </div>
                  <div class="hamb4" data-ix="hamb-produkt-kategorie-2">
                    <div class="hm">
                      <div class="hmw"></div>
                    </div>
                    <div class="hm">
                      <div class="hmw"></div>
                    </div>
                    <div class="hm">
                      <div class="hmw"></div>
                    </div>
                  </div>
                  <div class="crumbs crubs-produkt">
                  
                        OFERTA                        <img src="https://dreamsdesign.pl/images/ico-arrow.gif" alt="" class="cr-arr">
    					<a href="https://dreamsdesign.pl/oferta/kieszeniowe/materac-hybrid-oxygen.html" class="link-crumb"></a>
                        
                  </div> 
                </div>
              </div>
            </div>
            
            
            
            
            
            <div class="prod-content">
              <div class="pc-top">
                <div class="pct-left" data-ix="apire">
                  <div class="pctl-tyt">
                    <h1 class="prod-tyt" itemprop="name"></h1>
                  </div>
                  
                  <!-- galeria -->
                  <div class="prod-gal" data-ix="gal-nav">
                  
                  	                                        
                    <div class="pg-photo ">
                                          </div>
                    
                    <input id="photo_nr" type="hidden" name="photo_nr" value="1" />
                        
                  </div>
                  
                </div>
                <div class="pct-right" data-ix="apire-2" itemprop="offers" itemscope itemtype="https://schema.org/Offer">
                <a itemprop="url" href="https://dreamsdesign.pl/oferta/kieszeniowe/materac-hybrid-oxygen.html" class="link-crumb" style="display:none"></a>
                  <div class="pctr-tyt">
                    <div class="pc-param">PARAMETRY</div>
                  </div>
                  <div class="pr-params">
                    <div class="prp-left">
   
                      <div class="pr-par">
                      		             
                                         
                                         
                                         
                                         
                                         
                                         
                                         
                                         
                                         
                                         
                                         
                                         
                                         
                                         
                                         
                                         
                                         
                                         
                                         
                                         
                                         
                                         
                                         
                                         
                                         
                                                        
                      </div>
                      
                    </div>
                    <style>
                    .param-ph {
					  display: -webkit-box;
					  display: -webkit-flex;
					  display: -ms-flexbox;
					  display: flex;
					  width:100%;
					  height:100%;
					  
					  -webkit-box-pack: center;
					  -webkit-justify-content: center;
					  -ms-flex-pack: center;
					  justify-content: center;
					  -webkit-box-align: center;
					  -webkit-align-items: center;
					  -ms-flex-align: center;
					  align-items: center;
					  -webkit-box-flex: 1;
					  -webkit-flex: 1;
					  -ms-flex: 1;
					  flex: 1;
					}
                    </style>
                    <div class="prp-right">
                            
                    </div>
                    
                  </div>
                  <div class="pctr-bottom">

                    <div class="pc-tr-cena">
                      <div class="prod-cena-ety">CENA od:</div>
                      <div id="id-produktowa-kwota" class="prod-cena">
                      	                                
                                <span style="display:none" itemprop="price"></span>
                                <meta itemprop="priceCurrency" content="PLN">
                                <link itemprop="availability" href="https://schema.org/InStock" />
                                
                      </div>
                    </div>

					ERROR!! SELECT cena_promocja FROM sklep_produkt WHERE id_produktu LIKE ''
                    <div class="pc-tr-select">
                      <div class="form-block w-form">
                      
                      ERROR!! SELECT id_kategorii FROM sklep_produkt_has_sklep_kategorie WHERE id_produktu LIKE ''                      
                        <form name="f_add" action="https://dreamsdesign.pl/koszyk" action="koszyk">
                              
                           		<!-- wariant -->
                                   
                                      <div id="war_1" class="prod-selec" style="display:none;">
                                        <div class="prod-select-ety" style="min-width:50px">Rozmiar</div>
                                        <select name="cecha_1" class="prod-select w-select" onchange="warian2()">
                                                
                                        </select>
                                      </div>
                                      <script type="text/javascript">
										
                                    </script>
                                   
                                      <div id="war_2" class="prod-selec" style="display:none;">
                                        <div class="prod-select-ety" style="min-width:50px">Twardość</div>
                                        <select name="cecha_2" class="prod-select w-select" onchange="warian2()">
                                                
                                        </select>
                                      </div>
                                      <script type="text/javascript">
										
                                    </script>
                                   
                                      <div id="war_3" class="prod-selec" style="display:none;">
                                        <div class="prod-select-ety" style="min-width:50px">R</div>
                                        <select name="cecha_3" class="prod-select w-select" onchange="warian2()">
                                                
                                        </select>
                                      </div>
                                      <script type="text/javascript">
										
                                    </script>
                                   
                                      <div id="war_4" class="prod-selec" style="display:none;">
                                        <div class="prod-select-ety" style="min-width:50px">Pokrowiec</div>
                                        <select name="cecha_4" class="prod-select w-select" onchange="warian2()">
                                                
                                        </select>
                                      </div>
                                      <script type="text/javascript">
										
                                    </script>
                                   
                                      <div id="war_5" class="prod-selec" style="display:none;">
                                        <div class="prod-select-ety" style="min-width:50px">80x200 90x200 100x200 120x200 140x200 160x200 180x200 200x200</div>
                                        <select name="cecha_5" class="prod-select w-select" onchange="warian2()">
                                                
                                        </select>
                                      </div>
                                      <script type="text/javascript">
										
                                    </script>
                                   
                                      <div id="war_6" class="prod-selec" style="display:none;">
                                        <div class="prod-select-ety" style="min-width:50px">80x200</div>
                                        <select name="cecha_6" class="prod-select w-select" onchange="warian2()">
                                                
                                        </select>
                                      </div>
                                      <script type="text/javascript">
										
                                    </script>
                                   
                                      <div id="war_7" class="prod-selec" style="display:none;">
                                        <div class="prod-select-ety" style="min-width:50px">90x200</div>
                                        <select name="cecha_7" class="prod-select w-select" onchange="warian2()">
                                                
                                        </select>
                                      </div>
                                      <script type="text/javascript">
										
                                    </script>
                                   
                                      <div id="war_8" class="prod-selec" style="display:none;">
                                        <div class="prod-select-ety" style="min-width:50px">100x200</div>
                                        <select name="cecha_8" class="prod-select w-select" onchange="warian2()">
                                                
                                        </select>
                                      </div>
                                      <script type="text/javascript">
										
                                    </script>
                                   
                                      <div id="war_9" class="prod-selec" style="display:none;">
                                        <div class="prod-select-ety" style="min-width:50px">120x200</div>
                                        <select name="cecha_9" class="prod-select w-select" onchange="warian2()">
                                                
                                        </select>
                                      </div>
                                      <script type="text/javascript">
										
                                    </script>
                                   
                                      <div id="war_10" class="prod-selec" style="display:none;">
                                        <div class="prod-select-ety" style="min-width:50px">140x200</div>
                                        <select name="cecha_10" class="prod-select w-select" onchange="warian2()">
                                                
                                        </select>
                                      </div>
                                      <script type="text/javascript">
										
                                    </script>
                                   
                                      <div id="war_11" class="prod-selec" style="display:none;">
                                        <div class="prod-select-ety" style="min-width:50px">160x200</div>
                                        <select name="cecha_11" class="prod-select w-select" onchange="warian2()">
                                                
                                        </select>
                                      </div>
                                      <script type="text/javascript">
										
                                    </script>
                                   
                                      <div id="war_12" class="prod-selec" style="display:none;">
                                        <div class="prod-select-ety" style="min-width:50px">180x200</div>
                                        <select name="cecha_12" class="prod-select w-select" onchange="warian2()">
                                                
                                        </select>
                                      </div>
                                      <script type="text/javascript">
										
                                    </script>
                                 
                                
                                <script type="text/javascript">
								
														sek = 0;
														start(sek);
														function start(sek){
															t = setTimeout(function(){	
																if(sek == 1){
																	warian2();	
																}
																//document.getElementById('test').value = sek;
																sek++;
																start(sek);
															}, 10);
														}
                                </script>
                               
                                <input type="hidden" name="id_cech" value="1,2,3,4,5,6,7,8,9,10,11,12" />
                                <input type="hidden" name="id_prod" value="" />
                                <div id="prod-akcje" class="tr" style="height:100px; background-color:#FFF; display:none"></div>
                                
                          
                        	<input id="id-prod-field" type="hidden" name="id_produktu" value="" />
                            <input type="hidden" name="ilosc" value="1" />
                        </form>
                        
                        
                        <form name="ulu" method="get" action="../../../../ulub.php" target="ulub">
                            <!--<form name="ulu" method="get" action="https://dreamsdesign.pl/ulub.php" target="ulub">-->

                            	<input type="hidden" name="id_produktu" value="" />
								<input type="hidden" name="sesja_id" value="4086426c1391b11714c5db556b56a394" />
                            	<input type="hidden" name="ip" value="95a9baf9064a07c7809df5116ddb58e2" />
                                

                        </form> 
                        
                        
                        
                      </div>
                    </div>
                    <div class="pc-tr">
                    	                        	<!--<input type="submit" value="DO KOSZYKA" style="margin-right:30px;" class="butt-dodaj-kosz" />-->
                            <a href="#" class="button-do-koszyka w-button" onClick="form_submit('f_add')">DO KOSZYKA</a>
                            <!--<input type="submit" value="DO KOSZYKA" style="margin-right:30px;" class="button-do-koszyka w-button" />-->
						                    	
                        
                                                
                        							<a id="dodaj-ulub" href="#" class="button-dod-ulub w-button" onclick="form_ulub('ulu')">
                            	                                Dodaj do ulubionych
                                                            </a>
                                                <iframe id="ulub" name="ulub" style="display:none;"></iframe> 
                        
                        
                        ERROR!! SELECT dostepnosc_sellect FROM sklep_produkt WHERE id_produktu LIKE ''                        
                        <a id="symulator"  href="https://wniosek.eraty.pl/symulator/oblicz/numerSklepu/18014/wariantSklepu/1/typProduktu/0/wartoscTowarow/" target="_blank">
                        	<img src="https://dreamsdesign.pl/images/oblicz_raty_169x34_whiteklyWeqWhZmJFsA.png" alt="" class="eraty">
                        </a>
                        
                    </div>
                  </div>
                  
                  
                  ERROR!! SELECT parametry_txt FROM sklep_produkt WHERE id_produktu LIKE '' AND wariant LIKE ''                  
                  
                </div>
              </div>
            </div>
            
            
            
                        
            
            
          </div>
        </div>
      </div>
    </div>
    
    
    
      
    
    
    	
    
      
    
    <script>
function swith_klase(id,klasa){
	var el = document.getElementById(id);
	el.className = klasa;
}
</script>

   
    
    
    <!-- WYBRANE DLA CIEBIE -->
    	
    <div class="sekcja" data-ix="apire">
      <div class="polecane" data-ix="polecane">
        <div class="sekcja-tyt" data-ix="apire-2">
          <div class="s-tyt">POLECANE PRODUKTY</div>
        </div>
        <div class="center">
        
          <div id="owll" class="polecane-zaj">
          
          	                                <div class="produkt-zaj" data-ix="prod-zaj" style="width:auto" onclick="window.location.href='https://dreamsdesign.pl/oferta/lozka/tapicerowane/lozko-tapicerowane-cantu-slim.html'" onmouseover="swith_klase('polecany-2','pz-nazwa pz-nazwa-hover')" onmouseout="swith_klase('polecany-2','pz-nazwa')">
                                  <div class="lp-top-inf">
                                        
                                  </div>
                                  <div class="pz-graf" style="background-image:url(https://dreamsdesign.pl/images/produkty/1092/lozko_cantu_slim_bryla.jpg)" title=""></div>
                                  <div id="polecany-2" class="pz-nazwa">Łóżko tapicerowane CANTU SLIM</div>
                                  <div class="pz-cena">
                                  	<span class="">3 120 zł</span>
                                     
                                  </div>
                                </div>
                            
                                                            <div class="produkt-zaj" data-ix="prod-zaj" style="width:auto" onclick="window.location.href='https://dreamsdesign.pl/oferta/materace/materac-sultan-termopur.html'" onmouseover="swith_klase('polecany-3','pz-nazwa pz-nazwa-hover')" onmouseout="swith_klase('polecany-3','pz-nazwa')">
                                  <div class="lp-top-inf">
                                        
                                  </div>
                                  <div class="pz-graf" style="background-image:url(https://dreamsdesign.pl/images/produkty/43/materac_termoelastyczny_sultan_termopur_materasso.jpg)" title="Materac SULTAN TERMOPUR termoelastyczny Materasso"></div>
                                  <div id="polecany-3" class="pz-nazwa">MATERAC SULTAN TERMOPUR</div>
                                  <div class="pz-cena">
                                  	<span class="">1 985 zł</span>
                                     
                                  </div>
                                </div>
                            
                                                            <div class="produkt-zaj" data-ix="prod-zaj" style="width:auto" onclick="window.location.href='https://dreamsdesign.pl/oferta/materace/materac-premier-biospring.html'" onmouseover="swith_klase('polecany-4','pz-nazwa pz-nazwa-hover')" onmouseout="swith_klase('polecany-4','pz-nazwa')">
                                  <div class="lp-top-inf">
                                        
                                  </div>
                                  <div class="pz-graf" style="background-image:url(https://dreamsdesign.pl/images/produkty/42/materac_premier_biospring_materasso.jpg)" title="materac Premier Biospring Materasso"></div>
                                  <div id="polecany-4" class="pz-nazwa">MATERAC PREMIER BIOSPRING</div>
                                  <div class="pz-cena">
                                  	<span class="">1 665 zł</span>
                                     
                                  </div>
                                </div>
                            
                                                            <div class="produkt-zaj" data-ix="prod-zaj" style="width:auto" onclick="window.location.href='https://dreamsdesign.pl/oferta/lozka/tapicerowane/lozko-tapicerowane-cleo.html'" onmouseover="swith_klase('polecany-5','pz-nazwa pz-nazwa-hover')" onmouseout="swith_klase('polecany-5','pz-nazwa')">
                                  <div class="lp-top-inf">
                                        
                                  </div>
                                  <div class="pz-graf" style="background-image:url(https://dreamsdesign.pl/images/produkty/1072/cleo.jpg)" title=""></div>
                                  <div id="polecany-5" class="pz-nazwa">Łóżko tapicerowane CLEO</div>
                                  <div class="pz-cena">
                                  	<span class="">3 400 zł</span>
                                     
                                  </div>
                                </div>
                            
                                                            <div class="produkt-zaj" data-ix="prod-zaj" style="width:auto" onclick="window.location.href='https://dreamsdesign.pl/oferta/lozka/tapicerowane/lozko-tapicerowane-malmo.html'" onmouseover="swith_klase('polecany-6','pz-nazwa pz-nazwa-hover')" onmouseout="swith_klase('polecany-6','pz-nazwa')">
                                  <div class="lp-top-inf">
                                        
                                  </div>
                                  <div class="pz-graf" style="background-image:url(https://dreamsdesign.pl/images/produkty/1066/lozkomalmo.jpg)" title=""></div>
                                  <div id="polecany-6" class="pz-nazwa">Łóżko tapicerowane MALMO</div>
                                  <div class="pz-cena">
                                  	<span class="">3 152 zł</span>
                                     
                                  </div>
                                </div>
                            
                                                            <div class="produkt-zaj" data-ix="prod-zaj" style="width:auto" onclick="window.location.href='https://dreamsdesign.pl/oferta/materace/materac-natur-biogreen.html'" onmouseover="swith_klase('polecany-7','pz-nazwa pz-nazwa-hover')" onmouseout="swith_klase('polecany-7','pz-nazwa')">
                                  <div class="lp-top-inf">
                                        
                                  </div>
                                  <div class="pz-graf" style="background-image:url(https://dreamsdesign.pl/images/produkty/35/materac_piankowy_wysokoelastyczny_natur_biogreen_materasso.jpg)" title="materac NATUR BIOGREEN piankowy wysokoelastyczny Materasso"></div>
                                  <div id="polecany-7" class="pz-nazwa">MATERAC NATUR BIOGREEN</div>
                                  <div class="pz-cena">
                                  	<span class="">1 803 zł</span>
                                     
                                  </div>
                                </div>
                            
                                                            <div class="produkt-zaj" data-ix="prod-zaj" style="width:auto" onclick="window.location.href='https://dreamsdesign.pl/oferta/materace/materac-viscogreen-lux.html'" onmouseover="swith_klase('polecany-8','pz-nazwa pz-nazwa-hover')" onmouseout="swith_klase('polecany-8','pz-nazwa')">
                                  <div class="lp-top-inf">
                                        
                                  </div>
                                  <div class="pz-graf" style="background-image:url(https://dreamsdesign.pl/images/produkty/33/materac_termoelastyczny_viscogreen_lux_materasso.jpg)" title="materac VISCOGREEN LUX termoelastyczny Materasso"></div>
                                  <div id="polecany-8" class="pz-nazwa">MATERAC VISCOGREEN LUX</div>
                                  <div class="pz-cena">
                                  	<span class="">2 360 zł</span>
                                     
                                  </div>
                                </div>
                            
                                                            <div class="produkt-zaj" data-ix="prod-zaj" style="width:auto" onclick="window.location.href='https://dreamsdesign.pl/oferta/materace/materac-aqua-sleep.html'" onmouseover="swith_klase('polecany-9','pz-nazwa pz-nazwa-hover')" onmouseout="swith_klase('polecany-9','pz-nazwa')">
                                  <div class="lp-top-inf">
                                        
                                  </div>
                                  <div class="pz-graf" style="background-image:url(https://dreamsdesign.pl/images/produkty/1080/materac_aqua_sleep_materasso.jpg)" title="Materac Aqua Sleep Materasso"></div>
                                  <div id="polecany-9" class="pz-nazwa">MATERAC AQUA SLEEP</div>
                                  <div class="pz-cena">
                                  	<span class="">1 874 zł</span>
                                     
                                  </div>
                                </div>
                            
                                        

          </div>
          
          <div class="polec-navi">
            <div id="c-prev2" class="polec-arr-left"></div>
            <div id="c-next2" class="polec-arr-right"></div>
          </div>
          
          
        </div>
      </div>
    </div>
        
       
    
    <div class="footer" style="padding-bottom:10px;">
      <div class="link-koll  link-koll2" data-ix="apire">
        <div class="lk-tyt">
          <div class="lkt">INFORMACJE</div>
          <div class="lkt-line"></div>
        </div>
        <div class="lk-kols">
          <div class="lk-kol">
                            <div class="lkk-link" data-ix="link">
                  <div class="lkk-l-bullet">
                    <div class="lkk-l-bullet-green"></div>
                  </div>
                  <a href="https://dreamsdesign.pl/informacje/regulamin.html" class="lkk-lin">REGULAMIN</a>
                </div>
                            <div class="lkk-link" data-ix="link">
                  <div class="lkk-l-bullet">
                    <div class="lkk-l-bullet-green"></div>
                  </div>
                  <a href="https://dreamsdesign.pl/informacje/polityka-prywatnosci.html" class="lkk-lin">POLITYKA PRYWATNOŚCI</a>
                </div>
                            <div class="lkk-link" data-ix="link">
                  <div class="lkk-l-bullet">
                    <div class="lkk-l-bullet-green"></div>
                  </div>
                  <a href="https://dreamsdesign.pl/informacje/darmowy-transport.html" class="lkk-lin">DOSTAWA</a>
                </div>
                            <div class="lkk-link" data-ix="link">
                  <div class="lkk-l-bullet">
                    <div class="lkk-l-bullet-green"></div>
                  </div>
                  <a href="https://dreamsdesign.pl/informacje/platnosci.html" class="lkk-lin">PŁATNOŚCI</a>
                </div>
                            <div class="lkk-link" data-ix="link">
                  <div class="lkk-l-bullet">
                    <div class="lkk-l-bullet-green"></div>
                  </div>
                  <a href="https://dreamsdesign.pl/informacje/polityka-cookies.html" class="lkk-lin">POLITYKA COOKIES</a>
                </div>
                            <div class="lkk-link" data-ix="link">
                  <div class="lkk-l-bullet">
                    <div class="lkk-l-bullet-green"></div>
                  </div>
                  <a href="https://dreamsdesign.pl/informacje/serwis.html" class="lkk-lin">SERWIS</a>
                </div>
                            <div class="lkk-link" data-ix="link">
                  <div class="lkk-l-bullet">
                    <div class="lkk-l-bullet-green"></div>
                  </div>
                  <a href="https://dreamsdesign.pl/informacje/dogodne-raty.html" class="lkk-lin">DOGODNE RATY</a>
                </div>
                            <div class="lkk-link" data-ix="link">
                  <div class="lkk-l-bullet">
                    <div class="lkk-l-bullet-green"></div>
                  </div>
                  <a href="https://dreamsdesign.pl/informacje/darmowy-transport.html" class="lkk-lin">DARMOWY TRANSPORT</a>
                </div>
                            <div class="lkk-link" data-ix="link">
                  <div class="lkk-l-bullet">
                    <div class="lkk-l-bullet-green"></div>
                  </div>
                  <a href="https://dreamsdesign.pl/informacje/gwarancja-jakosci.html" class="lkk-lin">GWARANCJA JAKOŚCI</a>
                </div>
                      </div>
        </div>
      </div>
      
      <div class="link-koll link-koll2" data-ix="apire-2">
        <div class="lk-tyt">
          <div class="lkt">BLOG</div>
          <div class="lkt-line"></div>
        </div>
        <div class="lk-kols">
          <div class="lk-kol">
                            <div class="lkk-link" data-ix="link">
                  <div class="lkk-l-bullet">
                    <div class="lkk-l-bullet-green"></div>
                  </div>
                  <a href="../../../blog/jak-urzadzic-pokoj-dzienny-z-sypialnia" class="lkk-lin">Jak urządzić pokój dzienny z sypialnią?</a>
                </div>
                            <div class="lkk-link" data-ix="link">
                  <div class="lkk-l-bullet">
                    <div class="lkk-l-bullet-green"></div>
                  </div>
                  <a href="../../../blog/lozko-kontynentalne---zostan-krolem-we-wlasnej-sypialni" class="lkk-lin">Łóżko kontynentalne - zostań królem we własnej sypialni</a>
                </div>
                            <div class="lkk-link" data-ix="link">
                  <div class="lkk-l-bullet">
                    <div class="lkk-l-bullet-green"></div>
                  </div>
                  <a href="../../../blog/jak-wybrac-idealny-materac-dla-siebie" class="lkk-lin">Jak wybrać idealny materac dla siebie</a>
                </div>
                            <div class="lkk-link" data-ix="link">
                  <div class="lkk-l-bullet">
                    <div class="lkk-l-bullet-green"></div>
                  </div>
                  <a href="../../../blog/sypialnia-w-stylu-skandynawskim-–-jak-ja-urzadzic" class="lkk-lin">Sypialnia w stylu skandynawskim – jak ją urządzić?</a>
                </div>
                            <div class="lkk-link" data-ix="link">
                  <div class="lkk-l-bullet">
                    <div class="lkk-l-bullet-green"></div>
                  </div>
                  <a href="../../../blog/jak-dbac-o-materac-do-spania" class="lkk-lin">Jak dbać o materac do spania?</a>
                </div>
                            <div class="lkk-link" data-ix="link">
                  <div class="lkk-l-bullet">
                    <div class="lkk-l-bullet-green"></div>
                  </div>
                  <a href="../../../blog/wybieramy-materac-dla-dwojga" class="lkk-lin">Wybieramy materac dla dwojga</a>
                </div>
                            <div class="lkk-link" data-ix="link">
                  <div class="lkk-l-bullet">
                    <div class="lkk-l-bullet-green"></div>
                  </div>
                  <a href="../../../blog/idealna-poduszka-do-codziennego-relaksu" class="lkk-lin">Idealna poduszka do codziennego relaksu</a>
                </div>
                        
          </div>
        </div>
      </div>
      
      
      <div class="link-koll link-koll2" data-ix="apire-3">
        <div class="lk-tyt">
          <div class="lkt">KONTAKT</div>
          <div class="lkt-line"></div>
        </div>
        <div class="lk-kols">
          <div class="lk-kol">
            <div class="lkk-inf" data-ix="link-2">
              <div class="lkk-ico"></div><a href="tel:+48 881 255 100" class="lkk-info">+48 881 255 100</a></div>
            <div class="lkk-inf" data-ix="link-2">
              <div class="lkk-ico lkk-ico-mail"></div><a href="mailto:kontakt@dreamsdesign.pl" class="lkk-info">kontakt@dreamsdesign.pl</a>
            </div>

            <div class="lkk-link" data-ix="link-2">
              <div class="lkk-l-bullet-lok">
                <div class="lkk-l-bullet-lok-green"></div>
              </div><a href="https://dreamsdesign.pl/kontakt/domoteka" class="lkk-lin">ul. Malborska 41, 03-286 Warszawa</a>
            </div>
            
            <div class="lkk-link" data-ix="link-2">
              <div class="lkk-l-bullet-lok">
                <div class="lkk-l-bullet-lok-green"></div>
              </div><a href="https://dreamsdesign.pl/kontakt/centrum-krakowska" class="lkk-lin">Al. Krakowska 61, 02-183 Warszawa</a>
            </div>
              <!--
              <div class="lkk-link" data-ix="link-2">
                <div class="lkk-l-bullet-lok">
                  <div class="lkk-l-bullet-lok-green"></div>
                </div>
                <a href="https://dreamsdesign.pl/kontakt/ch-towarowa" class="lkk-lin">ul. Towarowa 22 lok.A17, 00-839 Warszawa</a>
              </div>-->
            
            <!--<div class="lkk-link" data-ix="link-2">
              <div class="lkk-l-bullet-lok">
                <div class="lkk-l-bullet-lok-green"></div>
              </div><a href="https://dreamsdesign.pl/kontakt/bartycka" class="lkk-lin">ul.Bartycka 24/26, pawilon 230, 00-716 Warszawa</a>
            </div>-->

            <!--
            <div class="lkk-link" data-ix="link-2">
              <div class="lkk-l-bullet-lok">
                <div class="lkk-l-bullet-lok-green"></div>
              </div><a href="https://dreamsdesign.pl/kontakt/niciarnia-park" class="lkk-lin">Al.Piłsudskiego 153, 92-332 Łódź</a>
            </div>-->
            
            <!--
            <div class="lkk-link" data-ix="link-2">
              <div class="lkk-l-bullet-lok">
                <div class="lkk-l-bullet-lok-green"></div>
              </div><a href="https://dreamsdesign.pl/kontakt/domoteka" class="lkk-lin">ul. Malborska 41, 03-286 Warszawa</a>
            </div>-->

            <!--
            <div class="lkk-link" data-ix="link-2">
              <div class="lkk-l-bullet-lok">
                <div class="lkk-l-bullet-lok-green"></div>
              </div><a href="https://dreamsdesign.pl/kontakt/wroclaw" class="lkk-lin">ul. Braniborska 14, 53-680 Wrocław</a>
            </div>-->
            
            
            
          </div>
        </div>
      </div>
      
      <div class="link-koll link-koll3" data-ix="apire-4">
        <div class="lk-tyt">
          <div class="lkt">SALONY STACJONARNE</div>
          <div class="lkt-line"></div>
        </div>
        <div class="lk-kols">
          <div class="lk-kol">
            <div class="lk-mapa">
            	<iframe src="../../../../mapa.php" class="iframe-map" scrolling="no" frameborder="0" style="width:100%; height:251px"></iframe>
            </div>
          </div>
        </div>
      </div>
      
    </div>
    
    <div class="fot">
      <div class="fot-left"><img src="https://dreamsdesign.pl/images/logo.png" alt="" class="fot-log">
        <div class="fot-l-c">© Dreams Design.</div>
      </div>
      <div class="fot-right"><a href="https://codeap.pl" target="_blank" class="fot-pablonet">CodeAp</a></div>
    </div>
    
    
    
    
      
    
    
    
    
    
    
  </div>
  <script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.4.1.min.220afd743d.js?site=5ef1c8b637faaf2462c9dfc7" type="text/javascript" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
  <script src="https://dreamsdesign.pl/js/dreamdesign.js" type="text/javascript"></script>
  <!-- [if lte IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif] -->
</body>
</html>



	<script src="https://dreamsdesign.pl/script/owl-carousel/assets/js/jquery-1.9.1.min.js"></script>
    <script src="https://dreamsdesign.pl/script/owl-carousel/owl-carousel/owl.carousel.min.js"></script>
    <script>

    $(document).ready(function() {

	  var owll = $("#owll");
      owll.owlCarousel({
		  items : 4, //10 items above 1000px browser width
		  itemsDesktop : [1000,3], //5 items between 1000px and 901px
		  itemsDesktopSmall : [900,3], // 3 items betweem 900px and 601px
		  itemsTablet: [600,2], //2 items between 600 and 0;
		  itemsMobile : [500,1],// itemsMobile disabled - inherit from itemsTablet option


		  rewindSpeed : 2000,
		  rewindNav : true,
		  loop:true,
		  pagination: false,
		  autoPlay : true,     
      });



      // Custom Navigation Events
      $("#c-prev2").click(function(){
        owll.trigger('owl.prev');
      })
      $("#c-next2").click(function(){
        owll.trigger('owl.next');
      })

	 

	  var owl4 = $("#owl4");
      owl4.owlCarousel({
		  items : 1, //10 items above 1000px browser width
		  itemsDesktop : [1000,1], //5 items between 1000px and 901px
		  itemsDesktopSmall : [900,1], // 3 items betweem 900px and 601px
		  itemsTablet: [600,1], //2 items between 600 and 0;
		  itemsMobile : [500,1],// itemsMobile disabled - inherit from itemsTablet option

		  rewindSpeed : 2000,
		  rewindNav : true,
		  loop:true,
		  pagination: false,
		  autoPlay : true,     
      });



      // Custom Navigation Events
      $("#c-prev4").click(function(){
        owl4.trigger('owl.prev');
      })
      $("#c-next4").click(function(){
        owl4.trigger('owl.next');
      })

    });

    </script> 

<!--<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>-->
<script src="https://dreamsdesign.pl/script/thumbnail-scroller/jquery.mThumbnailScroller.js"></script>	
<script>
		(function($){
			$(window).load(function(){
				$("#sliderr").mThumbnailScroller({
					axis: "x",
					type:"hover-precise",
				});	
			});
		})(jQuery);
</script>

<iframe id="frame" name="frame" style="display:none"></iframe>

<script src="https://dreamsdesign.pl/script/scrollSpeed/jQuery.scrollSpeed.js"></script>
<script>
	$(function() {  
		//jQuery.scrollSpeed(100, 700);
	});
</script> 
<iframe id="ramka" name="ramka" style="display:none;"></iframe>
<iframe id="ramka-funkcje" name="ramka-funkcje" style="display:none;"></iframe>



<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>


<!-- LIGHTBOX -->    
<link rel="stylesheet" href="https://dreamsdesign.pl/script/lightbox/main.css" />   
<!--<script src="../script/lightbox/jquery-v3.min.js"></script>-->
<script src="https://dreamsdesign.pl/script/lightbox/imagelightbox.min.js"></script>
<script src="https://dreamsdesign.pl/script/lightbox/script2.js"></script>
<script src="https://dreamsdesign.pl/script/lightbox/script.js"></script>




<!-- styles needed by jScrollPane - include in your own sites -->
		<link type="text/css" href="https://dreamsdesign.pl/script/cscroll/jquery.jscrollpane.css" rel="stylesheet" media="all" />
		<!-- latest jQuery direct from jQuery CDN -->
		<script type="text/javascript" src="https://dreamsdesign.pl/script/cscroll/jquery-3.2.1.min.js___"></script>
		<!-- the mousewheel plugin -->
		<script type="text/javascript" src="https://dreamsdesign.pl/script/cscroll/jquery.mousewheel.js"></script>
		<!-- the jScrollPane script -->
		<script type="text/javascript" src="https://dreamsdesign.pl/script/cscroll/jquery.jscrollpane.min.js"></script>
		<!-- scripts specific to this demo site -->
		<script type="text/javascript" src="http://jscrollpane.kelvinluck.com/script/__demo.js"></script>

		<script type="text/javascript" id="sourcecode">
			$(function()
			{
				$('#suwak2').jScrollPane();
				//$('#bodyy').jScrollPane();
			});
		</script>