/*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:#ff0000;
}

@media all and (max-width: 1840px){}
@media all and (max-width: 1680px){}
@media all and (max-width: 1600px){}
@media all and (max-width: 1444px){}
@media all and (max-width: 1366px){}
@media all and (max-width: 1280px){}
@media all and (max-width: 1100px){}
@media all and (max-width: 1080px){}
@media all and (max-width: 1050px){}
@media all and (max-width: 1024px){}
@media all and (max-width: 960px){}
@media all and (max-width: 900px){}
@media all and (max-width: 800px){}
@media all and (max-width: 768px){
	
	.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;
	}

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

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

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

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

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


	#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.s a, nav li:hover a, nav li.act a {
		color:#fff !important;
		text-decoration:none;
		background: #ff0000;
	}
}

@media all and (max-width: 720px){}
@media all and (max-width: 640px){}
@media all and (max-width: 534px){}
@media all and (max-width: 480px){}
@media all and (max-width: 360px){}
@media all and (max-width: 320px){}


/*dodatkowa sieta*/
@media all and (max-width: 1840px){}
@media all and (max-width: 1680px){}
@media all and (max-width: 1600px){}
@media all and (max-width: 1444px){}
@media all and (max-width: 1366px){}
@media all and (max-width: 1280px){}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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