/*rwd*/

#nav_res, #nav_res2 {
	position:absolute;
	right:10px;
	top: 113px;
	width: 25px;
	height:20px;
	display:none;
	z-index: 1000;
	text-indent: -9999px;
	border:solid 11px #212121;
	background: #212121 url(stala/nav_res.gif) repeat-x center;
	cursor: pointer;
	padding: 11px;
}


#nav_res:hover, #nav_res2:hover {
	background: #212121 url(stala/nav_res.gif) repeat-x center;
	border-color:#212121;
}

#nav_res2 {
	right:auto;
	left:20px;
	top:0;
}


@media all and (max-width: 1340px){

	.main {
		width: 1100px;
	}

	#strefa {
		padding-right: 20px;
	}

	#llang, #waluta {
		margin-left: 15px;
	}

	#llang span, #waluta span {
		padding-right: 25px;
	}

	aside {
		width: 1100px;
	}

	.slajd {
		width: 1070px;
		height: 513px;
	}

	.slajd img, .box img, .produkt_li img, #fotogl img {
		width:100%;
		height: auto;
	}

	.box {
		width: 265px;
		height: 250px;
	}

	.produkt_li.glowna {
		width: 269px;
	}

	#koll {
		width: 220px;
	}

	#kolp {
		width: 850px;
	}

	#koll h6 {
		font-size:21px;
	}

	.produkt_li {
		width: 278px;
	}

	#fotki, #zdjecia {
		width: 521px;
	}

	#fotogl {
		width: 519px;
	}

	#fotodod img {
		width: 103px;
		height: 103px;
	}

	.karta .produkt_li:nth-child(3n) {
		margin-right: 0;
	}

	.karta .produkt_li {
		width: 278px;
	}

	.listing.karta  {
		margin-bottom:20px;
	}



}

@media all and (max-width: 1250px){

	#fb, #ceneo, #opineo {
		width:43px;
		height: 40px;
		background-size: 43px 40px;
	}

	#ceneo {
		top: 180px;
	}

	#opineo {
		top: 225px;
	}

}


@media all and (max-width: 1190px){

	.main {
		width: 1000px;
	}

	#strefa {
		padding-right: 15px;
	}

	#strefa_p a {
		padding: 0 9px 0 10px;
		font-size: 12px;
	}

	#koszt {
		margin-right: 50px;
	}

	.input_wysz {
		width: 300px;
	}

	#llang, #waluta {
		margin-left: 10px;
	}

	#llang span, #waluta span {
		padding-right: 20px;
	}

	aside {
		width: 1000px;
	}

	.slajd {
		width: 970px;
		height: 465px;
	}

	.box {
		width: 240px;
		height: 250px;
	}

	.produkt_li.glowna {
		width: 244px;
	}


	#kolp {
		width: 750px;
	}


	.produkt_li {
		width: 245px;
	}

	#fotki, #zdjecia {
		width: 421px;
	}

	#fotogl {
		width: 419px;
	}

	#fotodod img {
		width: 83px;
		height: 83px;
	}

	.karta .produkt_li {
		width: 245px;
	}


	footer #menust1, footer #menust2 {
		width:200px;
	}

}


@media all and (max-width: 1050px){

	.main {
		width: 900px;
	}

	#belka_strefa {
		height:auto;
	}

	#strefa_l {
		width:100%;
		text-align:center;
	}

	#strefa, #llang, #waluta {
		float:none;
		display: inline-block;
	}

	#strefa_p {
		width:100%;
		padding-bottom:15px;
	}


	.input_wysz {
		width: 200px;
	}

	#llang, #waluta {
		margin-left: 10px;
	}

	#llang span, #waluta span {
		padding-right: 20px;
	}

	aside {
		width: 900px;
	}

	.slajd {
		width: 870px;
		height: 417px;
	}

	.box {
		width: 215px;
		height: 230px;
	}

	.produkt_li.glowna {
		width: 219px;
	}


	#kolp {
		width: 650px;
	}


	.produkt_li {
		width: 212px;
	}

	#fotki, #zdjecia {
		width: 321px;
	}

	#fotogl {
		width: 319px;
	}

	#fotodod img {
		width: 63px;
		height: 63px;
	}

	.karta .produkt_li {
		width: 212px;
	}


	footer #adresst {
		width:270px;
	}
	footer #menust1, footer #menust2 {
		width:180px;
	}

	#fb {
		top:10px;
		z-index:500;
	}

	#ceneo {
		top:55px;
		z-index:500;
	}
	#opineo {
		top:100px;
		z-index:500;
	}


}

@media all and (max-width: 930px){

	.main {
		width: 770px;
	}

	#praw {
		clear:both;
		width:100%;
		text-align:center;
		padding-bottom:20px;
		margin-top:20px;
	}

	#koszt, #wysz, #raty_top {
		display: inline-block;
		float:none;
		vertical-align:middle;

	}

	.input_wysz {
		width: 250px;
	}

	#logo {
		position:relative;
		left:50%;
		height: 82px;
		width: 240px;
		margin-left:-120px;
	}


	aside {
		width: 770px;
	}

	.slajd {
		width: 740px;
		height: 356px;
	}

	.box {
		width: 182px;
		height: 190px;
	}

	.produkt_li.glowna {
		width: 187px;
	}

	#koll {
		width: 200px;
	}

	#koll h6 b {
		font-size:18px;
	}

	#kolp {
		width: 550px;
	}


	.produkt_li {
		width: 178px;
	}

	#fotki, #zdjecia {
		width: 550px;
	}

	#fotogl {
		width: 548px;
	}

	#fotodod {
		text-align:center;
	}

	#fotodod img {
		width: 80px;
		height: 80px;
	}


	#opis_karta {
		width:100%;

	}

	#oblicz_rate_payu {
		clear:none;
	}

	.karta .produkt_li {
		width: 178px;
	}


	footer #logost {
		width: 150px;
		height: 47px;
		background-size: 150px 47px;
	}

	footer #adresst {
		width:260px;
	}
	footer #menust1, footer #menust2 {
		width:150px;
	}

	#fb {
		top:10px;
		z-index:500;
	}

	#ceneo {
		top:55px;
		z-index:500;
	}
	#opineo {
		top:100px;
		z-index:500;
	}

	#credit_raty, #oblicz_rate_payu {
		float:none;
		clear:none;
		display:inline-block;
		margin-right:20px;
	}

}



@media all and (max-width: 768px){

	.main {
		width:100%;
	}

	#content {
		padding: 0 20px;
	}

	#nav_res, #nav_res2 {
    	display: block;
	}


	.u1_foto, .u2_foto, .u3_foto, .u4_foto, .u5_foto, .u6_foto{
		clear: both;
		float: left;
		width: 100%;
		margin: 0 0 20px 0 !important;
		text-align: center;
	}

	.u1_txt, .u2_txt, .u3_txt, .u4_txt, .u5_txt, .u6_txt{
		clear: both;
		float: left;
		width: 100%;
		margin: 0 0 20px 0 !important;
		text-align: center;
	}

	.u1_foto img, .u2_foto img, .u3_foto img, .u4_foto img, .u5_foto img, .u6_foto img{
		width: 100%;
		height: auto;
	}


	.sys_col0{
		clear: both;
		float: left;
		width: 100% !important;
	}

	.sys_col1{
		clear: both;
		float: left;
		width: 100% !important;
		margin-left: 0px;
	}


	#kolp {
		width: 100%;
		padding-top: 20px;
	}

	#koll {
	    width: 100%;
		display:none;
	}


	aside {
		display:none;
	}

	#menugl {
		position:absolute;
		left:0;
		display:none;
		top:108px;
		background:#fff;
		z-index:600;
		border-bottom:solid 2px #ccc;
	}

	#menugl a {
		width:100%;
		display:block;
	}
	#menugl a:hover {
		background:#6cc3cf;
		color:#fff;
		text-decoration:none;
	}

	#boxy_gl {
		text-align:center;
	}

	.box {
		width:47%;
		height: auto;
		float:none;
		margin: 12px 6px 0 6px !important;
		display: inline-block;
	}

	.produkt_li.glowna {
		width:47%;
		float:none;
		display: inline-block;
		margin: 12px 6px 0 6px !important;
	}

	footer #menust1 {
		clear:Both;
	}

	footer #menust1, footer #menust2 {
		width:47%;
		text-align:Center;
		margin: 20px 0 20px 0;

	}

	footer #logost {
		margin-top:20px;
		position:relative;
		left:50%;
		margin-left:-75px;
	}

	footer #adresst {
		width:100%;
		text-align:center;
		margin: 20px 0;
	}

	footer {
		height:auto;
		background-size:cover;
	}

	.listing {
		text-align:center;
	}

	.produkt_li {
		float:none;
		display:inline-block;
		width:31%;
		margin: 5px !important;
	}

	#fotki, #zdjecia, #fotogl {
		width:100%;
	}

	#fotodod {
		text-align:center;
	}

	#fotodod img {
		float:none;
		display:inline-block;
	}

	#fotogl .scrollable, #fotogl .scrollable div {
		width: 600px;
		height: 420px;
	}


}

@media all and (max-width: 640px){

		#wysz {
			border:none;
			margin-right:0;
			padding-right:0;
		}

		#raty_top {
			margin-top:10px;
			clear:both;
			float:left;
			width:100%;
		}

		#raty_top a {
			display: inline-block;
			margin: 0 10px 0 10px;
		}

		#raty {
			width: 59px;
			height: 15px;
			background-size: 59px 15px;
		}

		#ratypayu {
			width: 75px;
			height: 20px;
			background-size: 75px 20px;
		}

		.slajd_nakl h2 {
			font-size: 21px;
		}

		.slajd_nakl a {
			height: 25px;
			font-size: 11px;
			line-height: 25px;
			background-size: auto 25px;
		}

		.slajd_nakl a::before {
			width: 22px;
			height: 25px;
			background-size: 22px 25px;
			left:-22px;
		}

		.produkt_li.glowna {
			idth:45%;
		}





}

@media all and (max-width: 570px){

	#fb, #ceneo, #opineo {
		display:none;
	}

	#zakl_menu a {
		padding: 0 25px;
	}

	.produkt_li {
		float:none;
		display:inline-block;
		width:46%;
		margin: 5px !important;
	}

	.input_f, .input {
		width:100%;
	}

	#fotogl {
		width: 460px;
		position:relative;
		left:50%;
		margin-left:-230px;
	}

	#fotogl .scrollable, #fotogl .scrollable div {
		width: 460px;
		height: 320px;
	}

}

@media all and (max-width: 470px){

	#fotogl {
		width: 360px;
		position:relative;
		left:50%;
		margin-left:-180px;
	}

	#fotogl .scrollable, #fotogl .scrollable div {
		width: 360px;
		height: 255px;
	}

}


@media all and (max-width: 420px){

	#llang span {
		border:none;
	}

	#nav_res {
		top:180px;
	}

	#menugl {
		top: 171px;
	}

	.slajd_nakl h2 {
		font-size: 16px;
	}

	.box {
		width:45%;
		height: auto;
		float:none;
		margin: 12px 6px 0 6px !important;
		display: inline-block;
	}

	.produkt_li.glowna {
		width:42%;
	}

	#zakl_opis .opis_zakl_gl {
		padding: 30px 0;
	}

	footer {
		background-position: left;
	}

.produkt_li.glowna {
			width:100%;
		}
}
@media all and (max-width: 380px){

	#zakl_menu a {
		padding: 0 20px;
		font-size:12px;
	}

	footer #menust1, footer #menust2 {
		width: 100%;
	}

	#fotogl {
		width: 300px;
		position:relative;
		left:50%;
		margin-left:-150px;
	}

	#fotogl .scrollable, #fotogl .scrollable div {
		width: 300px;
		height: 212px;
	}

.produkt_li {
		float:none;
		display:inline-block;
		width:90%;
		margin: 5px !important;
	}

}