/*rwd*/

#nav_res {
	position:absolute;
	right:20px;
	top: 113px;
	width: 40px;
	height:40px;
	display:none;
	z-index: 1000;
	text-indent: -9999px;
	background: #000 url(stala/responsive.png) center center no-repeat;
	cursor: pointer;
	padding: 11px;
}

#nav_res:hover {
	background-color: #2ea6de;
}

#nav_res2 {
	display:none;
	z-index: 1000;
	cursor: pointer;
    text-align: center;
	margin-bottom: 20px;
	font-size: 22px;
	color: #fff;
	font-weight: 400;
	text-transform: uppercase;
	color: #fff;
	background:#2ea6de;
	margin-top:20px;
	margin-bottom: 10px;
	float:left;
	clear:both;
	width:100%;
}


#nav_res2:hover {
	text-decoration: none;
	background: #000;
}




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

	.main {
		width: 1000px;
	}

	nav li {
		padding-right: 10px;
	}

	#koll {
		width: 240px;
	}

	.input_wysz {
		width: 195px;
	}
	#kolp {
		width: 745px;
	}

	aside, .slajd {
		width: 525px;
	}

	.produkt {
		width:236px;
		height: 280px;
	}

	.produkt img {
		width: 100%;
	}

	.produkt .foto {
		height: 180px;
	}

	#newsletter #newsl_form input[type="email"] {
		width: 220px;
	}

	#dotpay img {
		width:100%;
	}

	#fotki {
		width: 380px;
	}

	#fotogl .scrollable, #fotogl .scrollable div, #fotogl img {
		width: 380px;
		height: 350px;
	}

	#cart_step span {
		padding: 0 7px;
		margin: 0 2px;
	}


}

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

	.main {
		width: 780px;
	}

	nav li a {
		font-size: 14px;
	}

	#top {
		margin-right:0;
	}

	#koszyk a, #koszyk a:hover {
		width: 52px;
		height: 40px;
		background-size:52px 40px;
	}
	#koszyk a span {
		top: 6px;
		left:0px;
	}

	#strefa {
		margin-right: 5px;
		padding-right:5px;
	}

	#strefa a {
		margin: 0 5px;
	}

	nav {
		padding-right: 15px;
		margin-right: 5px;
	}


	#koll {
		width: 220px;
	}

	.input_wysz {
		width: 175px;
	}
	#kolp {
		width: 545px;
	}

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

	#banntopl .okie {
		width:175px;
	}

	#banntopl .okie:last-child {
		margin-right:0;
	}

	.produkt {
		width:260px;
		height: 280px;
	}

	.produkt .foto {
		height: 190px;
	}

	#menu_bottom .main {
		text-align:center;
	}

	#menu_bottom {
		padding: 15px 0;
	}

	#menu_bottom a {
		width: auto;
		display: inline-block;
		margin: 4px 20px;
		text-align:center;
		border:none;
	}

	#newsletter #newsl_form input[type="email"] {
		width: 70%;
	}

	#dotpay img {
		width:90%;
	}

	.left {
		width: 33%;
	}
	.right {
		width: 33%;
		padding-left:30px;
	}

	#newsletter {
		margin-left:30px;
	}


	#fotki {
		width: 545px;
	}

	#fotogl .scrollable, #fotogl .scrollable div, #fotogl img {
		width: 545px;
		height: 500px;
	}

	#opis_karta {
		width: 545px;
	}

	#cart_step span {
		padding: 0 7px;
		margin: 0 2px;
	}

	.lprod .produkt {
		width:169px;
		height: 250px;
	}

	.lprod .produkt .foto {
		height: 135px;
	}

	.lprod .produkt div.opis {
		font-size: 12px;
	}

	.kurier img {
		width: 40%;
		margin: 0 20px;
	}

	#cart_step span {
		font-size:9px;
		margin: 0 3px;
		padding: 0 4px;
	}

}

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

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


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

	.main {
		width:100%;
		padding: 0 20px;
	}


	#copy, #projekt{
		float: none;
		display: block;
		clear: both;
		float: left;
		width: 100%;
		text-align: center;
	}


	.strefa_form .pole_form .l,
	.strefa_form .pole_form .p,
	.strefa_form .nagl_form{
		clear: both;
		float: left;
		width: 100%;
		text-align: left;
		padding: 0px;
	}

	.strefa_form .nagl_form{
		margin-bottom: 20px;
	}

	.strefa_form .pole_form .l{
		margin-bottom: 5px;
	}

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



	.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_foto img, .u2_foto img, .u3_foto img, .u4_foto img, .u5_foto img, .u6_foto img{
		width: 100%;
		height: auto;
	}

	#DRIMOlightbox_foto #DRIMOlightbox_fotogl span img{
		width: 100% !important;
	}

	#DRIMOlightbox_foto #DRIMOlightbox_fotogl span{
		width: 90% !important;

	}

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

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

	#nav_res {
		top: 32px;
		display:block;
		z-index: 100;
	}

	#nav_res2 {
		display:block;
	}

	#menur {
		position: absolute;
		top:115px;
		left: 0;
		width:100%;
		clear:both;
		float:left;
		display: none;
		background: #fbfbfb;
		z-index: 1000;
		margin: 0;
	}

	#menur>menu {
		width:100% !important;
		display:block;
	}

	#menur li {
		display: block;
		width:100%;
		padding-left:0;
		padding-right:0;
		text-align:center;
		background: none;
	}

	#menur li a {
		font-size: 14px;
		margin: 0;
		color: #000;
	}

	#menur li {
		display:block !important;
		margin-bottom: 2px;
	}

	#menur li menu {
		position:relative !important;
		top: auto !important;
		left:auto !important;
		padding: 10px 0;
		display: none;
		text-align: center !important;
	}

	#menur li menu a{
		padding: 15px 0;
		margin: 0;
	}

	nav li a{
		display: block;
		padding: 8px 0px;
	}

	nav li{
		height: auto;
		line-height: normal;
	}

	nav li.s a, nav li:hover a, nav li.act a {
		color:#fff !important;
		text-decoration:none;
		background: #2ea6de;
	}

	.tlo{
		padding: 10px;
	}

	#menu_bottom a{
		border: none;
		padding: 0px;
		width: 50%;
	}

	#koszyk {
		margin-right:70px;
	}

	#koll, #kolp {
		width:100%;
	}
	#koll h4 {
		display:none;
	}

	#wysz {
		text-align:center;
	}
	.input_wysz {
		width: 90%;
	}

	#menull {
		display:none;
	}

	aside {
		width:100%;
		border:none;
	}

	.slajd {
		width:100%;
	}

	#banntopl {
		text-align:center;
	}
	#banntopl .okie {
		width:32%;
	}

	.listing_wysz {
		text-align:center;
	}

	.produkt {
		float:none;
		display: inline-block;
	}

	#duzy_footer {
		height: auto;
	}

	#newsletter {
		width:100%;
		clear:both;
		border:none;
		background:none;
		height: auto;
		border-top: dashed 1px #fff;
		margin-left:0;
		text-align:center;
		margin-top:20px;
	}

	#newsletter h5 {
		font-size: 24px;
		margin-bottom:0;
		margin-top:20px;
	}

	.left, .right {
		width:49%;
	}

	#opis_karta {

		float:left;
		width:100%;
	}

	#karta h1 {
		text-align:center;
	}

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

	#fotogl {
		width: 545px;
		position:relative;
		left:50%;
		margin-left:-272px;
	}

	#fotodod {
		text-align:center;
	}

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

}

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

	.tab_cart td,
	.tab_cart th{
		font-size: 11px;
		padding: 5px;
	}

	#banntopl .okie:nth-child(3) {
		font-size: 10px;
	}



	#fotogl .scrollable, #fotogl .scrollable div, #fotogl img, #fotogl {
		width: 445px;
		height: 408px;
	}

	#fotogl {
		margin-left:-222px;
	}


.lprod .produkt, .produkt {
		width:100%;
		height:auto;
		padding-bottom:30px;
	}

	.lprod .produkt .foto,  .produkt .foto {
		height: auto;
	}

	#banntopl .okie {
		width:100%;
		height: 80px;
	}

	#banntopl .okie:nth-child(3) {
		padding-top:8px;
	}

}

@media all and (max-width: 540px){
	.nagl_sort {
		margin-top:5px;
	}
}

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

	.tlo_cookies{
		padding: 20px;
	}

	.cont_cookies{
		width: 100%;
		margin: 0px;
		top: 20px;
	}

	.text{
		padding-bottom: 20px;
	}

	#cart_button,
	#cart_button form{
		width: 100%;
		clear: both;
		float: left;
	}

	#cart_button input{
		width: 100%;
		margin: 0px 0 10px 0px;
	}

	#cart_confirmation{
		text-align: center;
	}

	.nagl_sort a{
		font-size: 12px;
	}


	#fotogl .scrollable, #fotogl .scrollable div, #fotogl img, #fotogl {
		width: 345px;
		height: 317px;
	}

	#fotogl {
		margin-left:-172px;
	}

	.input_wysz {
		width:85%;
	}

	#top {
		text-align:center;
	}

	#strefa, #koszyk, #koszyk a {
		display:inline-block;
		float:none;
		margin: 0 8px;
	}

	#strefa {
		padding-right:20px;
	}

	#strefa a {
		margin: 0 10px;
	}

	#logo {
		position:absolute;
		left:50%;
		margin-left:-58px;
	}

	.left, .right {
		width:100%;
	}

	.right {
		border-top: dashed 1px #fff;
		margin-top: 30px;
		background:none;
		padding-top:15px;
	}

}

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

	header {
		height: auto;

	}

	#top {
		width:100%;
		margin-top: 120px;
	}

}

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

	#fotogl .scrollable, #fotogl .scrollable div, #fotogl img, #fotogl {
		width: 245px;
		height: 225px;
	}

	#fotogl {
		margin-left:-122px;
	}

	.bt_kup {
		clear:both;
		margin-top:10px;
		margin-left:0;
	}

	.zakladki > ul li {
		width:100%;
		text-align:center;

	}





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

	.input_wysz {
		width:80%;
	}

	#strefa, #koszyk, #koszyk a {
		display:inline-block;
		float:none;
		margin: 0 5px;
	}

	#strefa {
		padding-right:10px;
	}

	#strefa a {
		margin: 0 8px;
	}


}