* { padding: 0; margin: 0; }
img {border:0;}

a {
 -webkit-transition: 0.2s ease-in-out;
				 -moz-transition: 0.2s ease-in-out;
				 -o-transition: 0.2s ease-in-out;
				 transition: 0.2s ease-in-out;
}
a:hover {
 -webkit-transition: 0.2s ease-in-out;
				 -moz-transition: 0.2s ease-in-out;
				 -o-transition: 0.2s ease-in-out;
				 transition: 0.2s ease-in-out;
}
html, body {height:100%;width:100%;margin:0;}


@media (min-width: 1280px) {  
  
#main {
float: left;
position: relative;
width: 96%;
margin: 0 2% 0% 2% !important;
background-color: #fff;
}


.area_top {
width: 100%;
float: left;
position: relative;	
}
.area {
width: 1170px;
position: relative;
margin: 0 auto;
}

	.p1 {
	float: left;
	position: relative;
	width: 100%;
	height: 100px;
	
	}
	
	.p1_oferta {
	float: left;
	position: absolute;
	width: 100%;
	height: 100px;
	top: 0;
	background-color: #fff;
	}
	
	
	
	/* Style for our header texts
	* --------------------------------------- */
	#fullpage_res {
	display: none;
	}
	#fullpage {
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
	}
	
	.intro p{
		color: #fff;
		padding:40px 0 0 0;
	}
	.wrap{
		margin-left: auto;
		margin-right: auto;
		width: 980px;
		position: relative;
		padding: 20px 0 20px 0;
		
	}
	.wrap h1{
		font-size: 2.3em;
		color: #333;
		padding: 30px 0 10px  0;
	}
	.wrap p{
		font-size: 16px;
		padding:  0 0 10px 0;
	}
	.box{
		display: block;
		background: #f2f2f2;
		border:1px solid #ccc;
		padding: 20px;
		margin:20px 0;
	}

	/* Centered texts in each section
	* --------------------------------------- */
	.section{
		text-align:center;
	}

	.slide {
	background-size: cover;
	

	}
	
	#slide1{
		background-image: url(../grafika/tlo_oferta.jpg);
		
	}
	
	
	
	
	
	.logo {
	float: left;
	position: relative;
	width: 250px;
	height: 100px;
	z-index: 999999999;
	background-image: url(../grafika/logo.png); background-position: center left; background-repeat: no-repeat;
	}
	
	.menu_top {
	width: 100%;
	float: left;
	position: absolute;
	text-align: center;
	margin-top: 37px;
	}
		.menu {
		display: inline-block;
		position: relative;
		font-family: 'Raleway', sans-serif;
		font-weight: 600;
		font-size: 13px;
		line-height: 38px;
		text-transform: uppercase;
		}
			.menu a {
			float: left;
			color: #000;
			text-decoration: none;
			height: 38px;
			line-height: 38px;
			vertical-align: middle;
			padding: 0 10px;
			margin: 0 4px;
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			border-radius: 2px;
			}
			.menu a:hover {
			background-color: #8dcb64;
			color: #fff;
			}
			
			.menu_akt {
			float: left;
			background-color: #8dcb64;
			color: #fff !important;
			text-decoration: none;
			height: 38px;
			line-height: 38px;
			vertical-align: middle;
			padding: 0 14px;
			margin: 0 4px;
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			border-radius: 2px;
			}
			
			.menu2 {
		display: none;
		}
		
		.see_menu {
		display: none;
		}
		.see_menu2 {
		display: none;
		}
	
	.fb {
	float: right;
	position: relative;
	padding: 5px 12px;
	background-color: #8dcb64;
	color: #fff;
	font-size: 24px;
	margin-top: 32px;
	}
		.fb:hover {
		background-color: #33454f;
		}
	
	.tel {
	padding: 0 20px;
	float: right;
	position: relative;
	height: 100px;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 22px;
	line-height: 100px;
	vertical-align: middle;
	color: #33454f;
	margin-right: 50px;
	}
		.fa-phone {
		margin: 0 10px 0 0;
		}
	
	
	
	.p2_1 {
	width: 100%;
	float: left;
	position: relative;
	height: 200px;	
	background-image: url(../grafika/p2_1.jpg); background-position: center left; background-repeat: no-repeat;
	}
	
	.p2_1gal {
	width: 100%;
	float: left;
	position: relative;
	height: 200px;	
	background-image: url(../grafika/p2_1gal.jpg); background-position: center left; background-repeat: no-repeat;
	}
	
	.p2 {
	width: 100%;
	float: left;
	position: relative;
	height: 700px;	
	}
	.p2_res {
	display: none;	
	}
	
		.baner {
		float: left;
		position: relative;
		}
		
	.text_baner	{
	float: left;
	position: absolute;
	top: 36%;
	left: 100px;
	z-index: 9999999999999999;
	}
		.tb1 {
		width: 100%;
		float: left;
		position: relative;
		font-family: 'Raleway', sans-serif;
		font-weight: 500;
		font-size: 55px;
		line-height: 55px;
		text-transform: uppercase;
		margin: 0;
		padding: 0 0 0 25px;
		border-left: 25px solid #33454f;
		color: #33454f;
		display: block;
		}
		.tb2 {
		width: 100%;
		float: left;
		position: relative;
		font-family: 'Raleway', sans-serif;
		font-weight: 500;
		font-size: 51px;
		line-height: 51px;
		text-transform: uppercase;
		margin: 0;
		padding: 0 0 0 25px;
		border-left: 25px solid #8dcb64;
		color: #8dcb64;
		display: block;
		}
		.tb3 {
		width: 100%;
		float: left;
		position: relative;
		font-family: 'Raleway', sans-serif;
		font-weight: 500;
		font-size: 53px;
		line-height: 53px;
		text-transform: uppercase;
		margin: 0;
		padding: 0 0 0 25px;
		border-left: 25px solid #ead94e;
		color: #ead94e;
		display: block;
		}
		
		
	.p3_1 {
	width: 100%;
	float: left;
	position: relative;
	padding: 50px 0;
	}	
	
		
		.p2_main_left {
		width: 585px;
		float: left;
		position: relative;
		font-family: 'Raleway', sans-serif;
		font-weight: 400;
		font-size: 15px;
		line-height: 24px;
		color: #28323d;
		padding: 0px 0;
		text-align: justify;
		}
		
		.opis_h3 {
		float: left;
		position: relative;
		width: 100%;
		font-size: 26px;
		margin: 0 0 30px 0;
		padding: 0;
		color: #33454f;
		font-weight: 700;
		}
		
		.p2_main_right2 {
		width: 575px;
		margin-top: 0px;
		float: right;
		position: relative;
		}
		
			.kontakt_mapa {
				width: 1170px;
				float: left;
				position: relative;
				margin-top: 50px;
				text-align: left;
				margin-bottom: 50px;				
				}
.pole_all {
width: 100%;
float: left;
position: relative;
margin-bottom: 10px;
}
.pole_all2 {
width: 100%;
float: left;
position: relative;
margin-bottom: 10px;
}
.pole_opis_pop {
width: 100%;
float: left;
position: relative;
text-align: left;
font-family: 'Raleway', sans-serif; font-weight: 300; font-size: 15px; color: #33454f;
margin-bottom: 10px;
}
.pole_pop {
width: 100%;
float: left;
position: relative;
text-align: left;
font-family: 'Raleway', sans-serif; font-weight: 300; font-size: 14px;
color: #000;
}
.pole_in_pop {
width: 96%;
float: left;
position: relative;
font-family: 'Raleway', sans-serif; font-weight: 500;
font-size: 15px;
line-height: 28px;
vertical-align: middle;
padding: 15px 2%;
background-color: #dfe9ec;
border: 0;
color: #000;
}
.pole_opis2_pop {
float: left;
position: relative;
text-align: left;
width: 100%;
font-family: 'Raleway', sans-serif; font-weight: 300; font-size: 15px; color: #000;
} 

.pole_area2_pop {
float: left;
position: relative;
text-align: left;
width: 100%;
font-family: 'Raleway', sans-serif; font-weight: 500; font-size: 14px; 
color: #000;
}

.pole_area_pop {
width: 96%;
height: 150px;
float: left;
position: relative;
font-family: 'Raleway', sans-serif; font-weight: 500;
font-size: 15px;
padding: 2% 2%;
background-color: #dfe9ec;
border: 0;
color: #000;
}




			.wyslij {
			font-family: 'Lato', sans-serif; font-weight: 300;
			float: left;
			position: relative;
			padding: 12px 30px;
			background-color: #33454f;
			text-decoration: none;
			font-size: 18px;
			font-weight: 300;
			color: #fff;
			 -webkit-transition: 0.2s ease-in-out;
				 -moz-transition: 0.2s ease-in-out;
				 -o-transition: 0.2s ease-in-out;
				 transition: 0.2s ease-in-out;
				 border: 0;
				cursor: pointer;
			}
				.wyslij:hover {
				background-color: #8dcb64;
				 -webkit-transition: 0.2s ease-in-out;
				 -moz-transition: 0.2s ease-in-out;
				 -o-transition: 0.2s ease-in-out;
				 transition: 0.2s ease-in-out;
				}
		

.opis_kont_tel {
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 24px;
	color: #000;
}
		
		
		
		
		

.item {
		width: 1000px;
		float: left;
		position: relative;
		background-color: #fff;
		padding: 30px 50px;
		margin-bottom: 20px;
		margin-left: 70px;
		line-height: 21px;
		border-top: 5px solid #8dcb64;
		font-family: 'Raleway', sans-serif;
	font-weight: 400; font-size: 13px;
					-webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
-moz-box-shadow:    0px 0px 6px 0px rgba(0, 0, 0, 0.25);
box-shadow:         0px 0px 6px 0px rgba(0, 0, 0, 0.25);
		}
		.item ul {
		margin: 20px 50px;
		}
		.item a {
		color: #8dcb64;
		text-decoration: none;
		}
		.item a:hover {
		text-decoration: underline;
		}
		
		
		

	.item ul {
	float: left;
	margin: 0px 0px 0px 20px;
	}
	.item ul li {

	padding: 5px 0px;
	}
	.item h1 {
	font-family: 'Raleway', sans-serif; font-weight: 700; font-size: 28px;
	margin: 5px 0px 20px 0px;
	}
	.item h2 {
	font-family: 'Raleway', sans-serif; font-weight: 700; font-size: 24px;
	margin: 5px 0px 20px 0px;
	}
	.item h3 {
	font-family: 'Raleway', sans-serif; font-weight: 700; font-size: 20px;
	margin: 5px 0px 20px 0px;
	}
	.item h4 {

	font-family: 'Raleway', sans-serif; font-weight: 700; font-size: 16px;
	margin: 5px 0px 20px 0px;
	}
	.item strong {
	font-weight: 700;
	}
	.item p {
	margin: 10px 0px;
	}
		
		.nav {
		color: #000;
		text-decoration: none;
		font-family: 'Raleway', sans-serif;
	font-weight: 400; font-size: 13px;
		}
			.nav a {
			color: #000;
			text-decoration: none;
			}
		.data_box {
		float: left;
		position: realtive;
		width: 70px;
		height: 70px;
		background-color: #8dcb64;
		margin-left: -120px;
		margin-top: -35px;
				-webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.35);
-moz-box-shadow:    0px 0px 6px 0px rgba(0, 0, 0, 0.35);
box-shadow:         0px 0px 6px 0px rgba(0, 0, 0, 0.35);
color: #fff;
text-align: center;
		}
		.b_data {
		width: 70px;
		float: left;
		position: relative;
		text-align: center;
		font-family: 'Roboto', sans-serif; font-weight: 600; font-size: 48px;
		margin: 18px 0px 5px 0px;
		}
		.b_data2 {
		width: 70px;
		float: left;
		position: relative;
		text-align: center;
		font-family: 'Roboto', sans-serif; font-weight: 600; font-size: 11px;
		}
		.b_nag {
		float: left;
		position: relative;
		width: 100%;
		font-size: 26px;
		margin: 0 0 30px 0;
		padding: 0;
		color: #33454f;
		font-family: 'Raleway', sans-serif;
		font-weight: 500;
		color: #000;
		}
		
		.tresc_akt {
		width: 1170px;
		padding: 70px 0px 50px 0;
		font-family: 'Raleway', sans-serif;
		font-weight: 400;
		font-size: 14px;
		line-height: 24px;
		min-height: 450px;
		color: #33454f;
		}
		
		.tresc_akt h1 {
		float: left;
		position: relative;
		width: 100%;
		font-size: 26px;
		margin: 0 0 30px 0;
		padding: 0;
		color: #33454f;
		font-weight: 700;
		}
		.b_tresc {
			font-size: 14px;
		}
		
		.gal_box {
			width: 1000px;
			float: left;
			position: relative;
			margin: 70px 0px 20px 0px;
			}
			
			.box_galeria {
				float: left;
				position: relative;
				width: 190px;
				height: 135px;
				margin: 7px;
				-webkit-transition: 0.2s ease-in-out;
			-moz-transition: 0.2s ease-in-out;
			-o-transition: 0.2ss ease-in-out;
			transition: 0.2s ease-in-out;
			transform: scale(1.0);
				}	
				.box_galeria:hover {
				-webkit-transition: 0.2s ease-in-out;
			-moz-transition: 0.2s ease-in-out;
			-o-transition: 0.2ss ease-in-out;
			transition: 0.2s ease-in-out;
			background: #99cc33;
			color: #fff;
			transform: scale(1.1);
				}

		
		.c_kotwica {
		float: left;
		position: relative;
		padding: 12px 15px;
		background-color: #e9f0f2;
		margin: 10px 7px 10px 0;
		color: #33454f;
		text-decoration: none;
		font-family: 'Raleway', sans-serif; font-weight: 600; font-size: 12px;
		text-transform: uppercase;
		-webkit-border-radius: 2px;
				-moz-border-radius: 2px;
				border-radius: 2px;
		}
		.c_kotwica:hover {
		background-color: #8dcb64;
		color: #fff;
		}
		
	
		.cennik {
		width: 1170px;
		float: left;
		position: relative;
		margin-bottom: 100px;
		}
			.nag_cen {
			width: 1110px;
			float: left;
			position: relative;
			background-color: #8dcb64;
			color: #fff;
			font-family: 'Raleway', sans-serif; font-weight: 400; font-size: 24px;
			padding: 12px 30px;
			margin-top: 40px;
			}
			.poz_cen {
			width: 1170px;
			float: left;
			position: relative;
			background-color: #e9f0f2;
			color: #000;
			font-family: 'Raleway', sans-serif; font-weight: 400; font-size: 24px;
			border-bottom: 1px solid #d3dfe2;
			}
			.nazwa_cen {
			width: 788px;
			float: left;
			position: relative;
			padding: 18px 30px;
			border-right: 1px solid #d3dfe2;
			}
				.nazwa_cen2 {
				width: 100%;
				float: left;
				position: relative;
				padding: 0px 0px 0px 10px !important;
				font-family: 'Raleway', sans-serif !important; font-size: 18px !important; font-weight: 700 !important;
				margin: 10px 0px 10px 0px !important;
				line-height: 24px !important;
				border-left: 4px solid #8dcb64;
				margin-left: -14px !important;
				}
				.nazwa_cen3 {
					width: 100%;
				float: left;
				position: relative;
				margin: 0px !important;
				padding: 0px !important;
				font-family: 'Raleway', sans-serif; font-size: 14px !important; font-weight: 400 !important;
				margin: 0px 0px 0px !important;
				line-height: 24px !important;
				padding: 0px !important;
				}
				.nazwa_cen3 ul {
				margin: 10px 20px;
				}
					
			.cena_cen {
			float: left;
			position: relative;
			width: 260px;
			padding: 18px 30px;
			font-family: 'Lato', sans-serif;
			text-align: center;
			font-weight: 700; font-size: 18px;
			margin-top: 10px;
			}
			.arr_top {
			display: none;
			}
	
	
		.tresc1 {
		width: 520px;
		padding: 70px 650px 50px 0;
		font-family: 'Raleway', sans-serif;
		font-weight: 400;
		font-size: 14px;
		line-height: 24px;
		min-height: 450px;
		color: #33454f;
		background-image: url(../grafika/o-nas.jpg); background-position: top right; background-repeat: no-repeat;
		}
		
		.tresc1 h1 {
		float: left;
		position: relative;
		width: 100%;
		font-size: 26px;
		margin: 0 0 30px 0;
		padding: 0;
		color: #33454f;
		font-weight: 700;
		}
		
	/*galeria*/	
		.podmenu {
		width: 100%;
		float: left;
		position: relative;
		margin: -20px 0 0 0;
		text-align: center;

		}
			.podmenu a {
			float: Left;
			display: inline-block;
			position: relative;
			text-decoration: none;
			font-family: 'Open Sans Condensed', sans-serif;
			font-size: 16px;
			font-weight: 500;
			background-color: #f2f2f2;
			color: #000;
			padding: 12px 16px;
			margin: 3px;
			
				-webkit-border-radius: 2px;
				-moz-border-radius: 2px;
				border-radius: 2px;
			}
			.podmenu a:hover {
			-webkit-transition: 0.2s ease-in-out;
			-moz-transition: 0.2s ease-in-out;
			-o-transition: 0.2ss ease-in-out;
			transition: 0.2s ease-in-out;
			background: #8dcb64;
			color: #fff;
			}
			.podmenu_akt {
					float: Left;
			display: inline-block;
			position: relative;
			text-decoration: none;
			font-family: 'Open Sans Condensed', sans-serif;
			font-size: 16px;
			font-weight: 500;
			background: #8dcb64 !important;
			color: #fff !important;
			padding: 12px 16px;
			margin:3px;
			}
		
		.tresc_galeria {
		width: 100%;
		padding: 0px 0px 50px 0;
		font-family: 'Raleway', sans-serif;
		font-weight: 400;
		font-size: 14px;
		line-height: 24px;
		color: #33454f;
		background: none;
		}
		
		.tresc_galeria h1 {
		float: left;
		position: relative;
		width: 100%;
		font-size: 26px;
		margin: 0 0 30px 0;
		padding: 0;
		color: #33454f;
		font-weight: 700;
		}
		
		
		.tresc_galeria2 {
width: 100%;
float: left;
position: relative;
font-family: 'Raleway', sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 21px;
margin-bottom: 120px;
color: #000;
}	
.tresc_galeria2 strong{font-weight:700;}
.tresc_galeria2 a{text-decoration:none;color:#c12126;}
.tresc_galeria2 a:hover{text-decoration:underline;}

		
		
		
		
		.opis {
			width: 100%;
			float: left;
			position: relative;
			margin-bottom: 20px;
			padding: 70px 0px 20px 0px;
			color: #000;
			font-size: 16px;
			line-height: 21px;
			}
			
			.opis h3{width: 100%; float: left; position: relative; text-align: left;font-weight: 700; font-size: 30px; margin:0px 0px 10px 0px;padding:20px 0px; line-height: 23px; color: #000;}
			
			
			.opis2 {
			width: 100%;
			float: left;
			position: relative;
			margin-bottom: 0px;
			padding: 70px 0px 80px 0;
			color: #000;
			font-size: 16px;
			font-weight: 400;
			line-height: 21px;
			
			}
			
			.opis2 h3{width: 100%; float: left; position: relative; text-align: center;font-weight: 700; font-size: 30px; margin:0px 0px 10px 0px;padding:20px 0px; line-height: 23px; color: #000;}
			
			
			
			.gal_box {
			width: 100%;
			float: left;
			position: relative;
			margin-top: 30px;
			margin-bottom: 20px;
			text-align: center;
			}
			
			
			.gal_box2 {
			width: 100%;
			float: left;
			position: relative;
			margin-top: 0px;
			margin-bottom: 0px;
			padding: 100px 0px;
			text-align: center;
			background-color: #f2f2f2;
			}
	

.box_galeria{display: inline-block;position:relative;width: 289px;height: 200px;margin:10px 5px 0px 5px;-webkit-transition:0.2s ease-in-out;-moz-transition:0.2s ease-in-out;-o-transition:0.2ss ease-in-out;transition:0.2s ease-in-out;-webkit-filter: grayscale(0%); filter: grayscale(0%);}
.box_galeria:hover{-webkit-transition:0.2s ease-in-out;-moz-transition:0.2s ease-in-out;-o-transition:0.2ss ease-in-out;transition:0.2s ease-in-out;background:#fff;color:#fff; -webkit-filter: grayscale(100%); filter: grayscale(100%);}


		
		
		/*-----------------*/
		
		.tresc_of1, .tresc_of2, .tresc_of3, .tresc_of4, .tresc_of5 {
		width: 720px;
		padding: 70px 450px 50px 0;
		font-family: 'Raleway', sans-serif;
		font-weight: 400;
		font-size: 14px;
		line-height: 24px;
		min-height: 450px;
		color: #33454f;
		
		}
		
		.tresc_of1 {
		background-image: url(../grafika/of1.jpg); background-position: top right; background-repeat: no-repeat;
		}
		
		.tresc_of2 {
		background-image: url(../grafika/of2.jpg); background-position: top right; background-repeat: no-repeat;
		}
		
		.tresc_of3 {
		background-image: url(../grafika/of3.jpg); background-position: top right; background-repeat: no-repeat;
		}
		
		.tresc_of4 {
		background-image: url(../grafika/of4.jpg); background-position: top right; background-repeat: no-repeat;
		}
		
		.tresc_of5 {
		background-image: url(../grafika/of5.jpg); background-position: top right; background-repeat: no-repeat;
		}
		
		.tresc_of1 h1, .tresc_of2 h1, .tresc_of3 h1, .tresc_of4 h1, .tresc_of5 h1 {
		float: left;
		position: relative;
		width: 100%;
		font-size: 26px;
		margin: 0 0 30px 0;
		padding: 0;
		color: #33454f;
		font-weight: 700;
		}
		
		.link_do_cennika {
		float: right;
		position: absolute;
		top: 60px;
		right: 450px;
		text-decoration: none;
		color: #fff;
		background-color: #8dcb64;
		font-family: 'Raleway', sans-serif;
		font-weight: 700;
		font-size: 14px;
		padding: 10px 15px;
		-webkit-border-radius: 2px;
				-moz-border-radius: 2px;
				border-radius: 2px;
		}
		.link_do_cennika:hover {
		background-color:#33454f;
		}
		
		.oferta_more_nag {
		width: 700px;
		float: left;
		position: relative;
		padding: 10px 0px 10px 20px;
		margin-bottom: 0px;
		font-family: 'Raleway', sans-serif;
		font-weight: 700;
		font-size: 18px;
		line-height: 24px;
		color: #33454f;
		text-transform: uppercase;
		border-left: 4px solid #8dcb64;
		margin-left: 0px !important;
		}	
		.oferta_more_tresc {
		width: 700px;
		float: left;
		position: relative;
		padding: 10px 0px 10px 20px;
		margin-bottom: 50px;
		background-color: #fff;
		font-family: 'Raleway', sans-serif;
		font-weight: 400;
		font-size: 14px;
		line-height: 24px;
		color: #33454f;
		
		}	
		
			
		.tresc3 {
		width: 730px;
		padding: 70px 0px 50px 340px;
		font-family: 'Raleway', sans-serif;
		font-weight: 400;
		font-size: 14px;
		line-height: 24px;
		min-height: 450px;
		color: #33454f;
		text-align: center;
		}
		
		.tresc3 h1 {
		float: left;
		position: relative;
		width: 100%;
		font-size: 26px;
		margin: 30px 0 30px 0;
		padding: 0;
		color: #fff;
		font-weight: 400;
		}
				.box_of1, .box_of2, .box_of3, .box_of4, .box_of5{
				display: inline-block;
				width: 258px;
				height: 160px;
				position: relative;
				margin: 6px;
				color: #fff;
				font-family: 'Raleway', sans-serif;
				font-weight: 700;
				font-size: 13px;
				background-color: #fff;
				text-transform: uppercase;
				-webkit-border-radius: 2px;
				-moz-border-radius: 2px;
				border-radius: 2px;
				-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.21);
			-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.21);
			box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.21);
				}
				
				.box_of1 {
					text-decoration: none;
				background-image: url(../grafika/box_of1.jpg); background-position: center center; background-repeat: no-repeat;
				 -webkit-transition: 0.2s ease-in-out;
				 -moz-transition: 0.2s ease-in-out;
				 -o-transition: 0.2s ease-in-out;
				 transition: 0.2s ease-in-out;
				}
				
				.box_of2 {
					text-decoration: none;
				background-image: url(../grafika/box_of2.jpg); background-position: center center; background-repeat: no-repeat;
				 -webkit-transition: 0.2s ease-in-out;
				 -moz-transition: 0.2s ease-in-out;
				 -o-transition: 0.2s ease-in-out;
				 transition: 0.2s ease-in-out;
				}
				
				.box_of3 {
					text-decoration: none;
				background-image: url(../grafika/box_of3.jpg); background-position: center center; background-repeat: no-repeat;
				 -webkit-transition: 0.2s ease-in-out;
				 -moz-transition: 0.2s ease-in-out;
				 -o-transition: 0.2s ease-in-out;
				 transition: 0.2s ease-in-out;
				}
				
				.box_of4 {
					text-decoration: none;
				background-image: url(../grafika/box_of4.jpg); background-position: center center; background-repeat: no-repeat;
				 -webkit-transition: 0.2s ease-in-out;
				 -moz-transition: 0.2s ease-in-out;
				 -o-transition: 0.2s ease-in-out;
				 transition: 0.2s ease-in-out;
				}
				
				.box_of5 {
					text-decoration: none;
				background-image: url(../grafika/box_of5.jpg); background-position: center center; background-repeat: no-repeat;
				 -webkit-transition: 0.2s ease-in-out;
				 -moz-transition: 0.2s ease-in-out;
				 -o-transition: 0.2s ease-in-out;
				 transition: 0.2s ease-in-out;
				}
				
				
				.box_of1:hover .box_of_nag, .box_of2:hover .box_of_nag, .box_of3:hover .box_of_nag, .box_of4:hover .box_of_nag, .box_of5:hover .box_of_nag {
				 -webkit-transition: 0.2s ease-in-out;
				 -moz-transition: 0.2s ease-in-out;
				 -o-transition: 0.2s ease-in-out;
				 transition: 0.2s ease-in-out;
				 background-color: #8dcb64;
				 color: #fff;
				}
				
				.box_of_nag {
					width: 100%;
					padding: 8px 0;
					
				float: left;
				position: absolute;
				bottom: 0;
				left: 0;
				text-align: center;
				color: #33454f;
				background-color: #fff;
				-webkit-border-bottom-right-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
-moz-border-radius-bottomright: 2px;
-moz-border-radius-bottomleft: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
				}
		
		.tresc2 {
		width: 720px;
		padding: 70px 450px 50px 0;
		font-family: 'Raleway', sans-serif;
		font-weight: 400;
		font-size: 14px;
		line-height: 24px;
		min-height: 450px;
		color: #33454f;
		background-image: url(../grafika/kosmetyki.jpg); background-position: top right; background-repeat: no-repeat;
		}
		
		.tresc2 h1 {
		float: left;
		position: relative;
		width: 100%;
		font-size: 26px;
		margin: 0 0 30px 0;
		padding: 0;
		color: #33454f;
		font-weight: 700;
		}
		
		.foto_kat_obszar {
				width: 100%;
				float: left;
				position: relative;
				margin-bottom: 40px;
				margin-top: 40px;
				}
				
				.box_galeria {
				float: left;
				position: relative;
				width: 200px;
				height: 140px;
				margin: 6px 12px 6px 0;
				-webkit-transition: 0.2s ease-in-out;
			-moz-transition: 0.2s ease-in-out;
			-o-transition: 0.2ss ease-in-out;
			transition: 0.2s ease-in-out;
			transform: scale(1.0);
				 -webkit-filter: grayscale(0%); filter: grayscale(0%);
				}	
				.box_galeria:hover {
				-webkit-transition: 0.2s ease-in-out;
			-moz-transition: 0.2s ease-in-out;
			-o-transition: 0.2ss ease-in-out;
			transition: 0.2s ease-in-out;
			 -webkit-filter: grayscale(100%); filter: grayscale(100%);
		
			color: #fff;
			
				}
		
	
	.p3 {
	width: 100%;
	float: left;
	position: relative;
	height: 252px;
	margin: 26px 0 31px 0;
	}
	
		.box1 {
		float: left;
		position: relative;
		height: 252px;
		width: 568px;
		margin-right: 34px;
		}
			.box1a {
			width: 100%;
			float: left;
			position: relative;
			font-family: 'Lato', sans-serif;
			font-weight: 900;
			font-size: 19px;
			color: #000;
			text-transform: uppercase;
			padding: 40px 0 30px 0;
			}
			
			.box1b {
			width: 100%;
			float: left;
			position: relative;
			}
				.box1b1 {
				float: left;
				position: relative;
				width: 380px;
				}
					.akt_link {
					float: left;
					position: relative;
					width: 360px;
					height: 50px;
					line-height: 50px;
					vertical-align: middle;
					margin-bottom: 10px;
					cursor: pointer;
					margin-right: 20px !important;
					}
					.akt_link:hover {
					background-color: #e7eef1;
					}
					
						.akt_data {
						float: left;
						position: relative;
						background-color: #33454f;
						font-family: 'Raleway', sans-serif;
						font-weight: 400;
						color: #fff;
						width: 50px;
						height: 50px;
						}
							.d_poz1 {
							float: left;
							position: relative;
							width: 100%;
							text-align: center;
							font-size: 25px;
							line-height: 25px;
							margin-top: 5px;
							}
							.d_poz2 {
							float: left;
							position: relative;
							width: 100%;
							text-align: center;
							font-size: 14px;
							line-height: 14px;
							text-transform: uppercase;
							}
					
					.akt_tytul {
					float: left;
					width: 270px;
					height: 50px;
					position: relative;
					padding: 0 20px 0 20px;
					font-family: 'Raleway', sans-serif;
					font-weight: 600;
					font-size: 13px;
					color: #000;
					}
					
					
					
					.box1b2 {
					width: 110px;
					height: 107px;
					float: left;
					position: relative;
					background-color: #8dcb64;
					color: #fff;
					font-family: 'Raleway', sans-serif;
					font-weight: 600;
					line-height: 100px;
					padding-top: 4px;
					font-size: 12px;
					vertical-align: middle;
					margin-right: 78px;
					text-align: center;
					text-decoration: none;
					}
					.box1b2:hover {
					background-color: #ead94e;
					}
					
					
			.box2 {
			float: left;
			position: relative;
			height: 182px;
			width: 408px;	
			padding: 40px 120px 30px 40px;
			background-image: url(../grafika/box2.jpg); background-position: bottom right; background-repeat: no-repeat;
			}
			
			.box2a {
			width: 100%;
			float: left;
			position: relative;
			font-family: 'Lato', sans-serif;
			font-weight: 900;
			font-size: 19px;
			color: #ead94e;
			text-transform: uppercase;
			padding: 0px 0 30px 0;
			}
			
			.box2b {
			width: 100%;
			float: left;
			position: relative;
			font-family: 'Raleway', sans-serif;
			font-weight: 600;
			font-size: 13px;
			color: #000;
			padding: 0px 0 30px 0;
			}
			
			.box2c {
			float: left;
			position: relative;
			padding: 10px 16px;
			font-family: 'Raleway', sans-serif;
			font-weight: 500;
			font-size: 13px;
			color: #fff;
			background-color: #ead94e;
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			border-radius: 2px;
			text-decoration: none;
			}
			.box2c:hover {
			background-color: #8dcb64;
			}
	
	.p4 {
	width: 100%;
	float: left;
	position: relative;
	height: 252px;
	margin: 0 0 62px 0;
	}
	
		.box3 {
		float: left;
		position: relative;
		width: 540px;
		height: 252px;
		}
			.box3a {
			float: left;
			position: relative;
			background-color: #8dcb64;
			width: 270px;
			height: 177px;
			color: #fff;
			font-family: 'Lato', sans-serif;
			font-weight: 900;
			font-size: 19px;
			text-align: center;
			text-transform: uppercase;
			padding-top: 75px;
			text-decoration: none;
			}
				.box3a:hover {
				background-color: #ead94e;
				color: #fff;
				}
			
			.box3b {
			float: left;
			position: relative;
			background-color: #e7eef1;
			width: 270px;
			height: 165px;
			color: #33454f;
			font-family: 'Lato', sans-serif;
			font-weight: 900;
			font-size: 19px;
			text-align: center;
			text-transform: uppercase;
			text-decoration: none;
			padding-top: 87px;
			}
				.box3b:hover {
				background-color: #33454f;
				color: #e7eef1;
				}
				
				
				
		.box4 {
		float: left;
		position: relative;
		height: 182px;
		width: 228px;	
		padding: 40px 300px 30px 40px;
		margin-left: 62px;
		background-image: url(../grafika/box4.jpg); background-position: bottom right; background-repeat: no-repeat;
		}
		
			.box4a {
			width: 100%;
			float: left;
			position: relative;
			font-family: 'Lato', sans-serif;
			font-weight: 900;
			font-size: 19px;
			color: #fff;
			text-transform: uppercase;
			padding: 0px 0 20px 0;
			}
			
			.box4b {
			width: 100%;
			float: left;
			position: relative;
			font-family: 'Raleway', sans-serif;
			font-weight: 600;
			font-size: 13px;
			color: #fff;
			padding: 0px 0 20px 0;
			}
			
			.box4c {
			float: left;
			position: relative;
			padding: 10px 16px;
			font-family: 'Raleway', sans-serif;
			font-weight: 500;
			font-size: 13px;
			color: #2a3e47;
			background-color: #fff;
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			border-radius: 2px;
			text-decoration: none;
			}
			.box4c:hover {
			background-color: #8dcb64;
			color: #fff;
			}
	
	.p5 {
	width: 100%;
	float: left;
	position: relative;
	height: 400px;
	background-color: #e7eef1;
	background-image: url(../grafika/p5.jpg); background-position: center left; background-repeat: no-repeat;
	}
			.p5_1 {
			width: 650px;
			float: left;
			position: relative;
			text-align: center;
			text-transform: uppercase;
			padding-left: 200px;
			}
				.p5_1a {
				float: left;
				position: relative;
				width: 100%;
				text-align: center;
				color: #2a3e47;
				font-family: 'Lato', sans-serif;
				font-weight: 900;
				font-size: 23px;
				line-height: 23px;
				margin-bottom: 3px;
				margin-top: 155px;
				}
				.p5_1b {
				float: left;
				position: relative;
				width: 100%;
				text-align: center;
				color: #8dcb64;
				font-family: 'Lato', sans-serif;
				font-weight: 900;
				font-size: 34px;
				line-height: 34px;
				margin-bottom: 3px;
				}
				.p5_1c {
				float: left;
				position: relative;
				width: 100%;
				text-align: center;
				color: #2a3e47;
				font-family: 'Lato', sans-serif;
				font-weight: 900;
				font-size: 35px;
				line-height: 35px;
				margin-bottom: 3px;
				}
				
				
			.p5_2 {
			width: 320px;
			float: left;
			position: relative;
			text-align: center;
			
			}
				.p5_2a {
				float: left;
				position: relative;
				width: 100%;
				height: 165px;
				background-color: #8dcb64;
				color: #fff;
				margin-top: 35px;
				}
					.p5_2a1 {
					float: left;
					position: relative;
					width: 100%;
					font-family: 'Lato', sans-serif;
					font-weight: 900;
					font-size: 20px;
					margin-bottom: 13px;
					margin-top: 20px;
					text-align: center;
					text-transform: uppercase;
					}
					.p5_2a2 {
					float: left;
					position: relative;
					width: 100%;
					font-family: 'Raleway', sans-serif;
					font-weight: 500;
					font-size: 13px;
					margin-bottom: 3px;
					text-align: center;
					}
					.p5_2a3 {
					float: left;
					position: relative;
					width: 100%;
					font-family: 'Raleway', sans-serif;
					font-weight: 600;
					font-size: 13px;
					text-align: center;
					margin-top: 20px;
					}
						.p5_2a3 a {
						padding: 8px 12px;
						-webkit-border-radius: 2px;
						-moz-border-radius: 2px;
						border-radius: 2px;
						text-decoration: none;
						background-color: #fff;
						color: #8dcb64;
						}
						.p5_2a3 a:hover {
						background-color: #ead94e;
						color: #fff;
						}
						
				.p5_2b {
				float: left;
				position: relative;
				width: 100%;
				height: 165px;
				background-color: #fff;
				color: #8dcb64;	
				}
					.p5_2b1 {
					width: 100%;
					float: left;
					position: relative;
					text-transform: uppercase;
					font-family: 'Lato', sans-serif;
					font-weight: 900;
					font-size: 13px;
					text-align: center;
					margin-top: 55px;
					}
					.p5_2b2 {
					width: 100%;
					float: left;
					position: relative;
					text-transform: uppercase;
					font-family: 'Lato', sans-serif;
					font-weight: 900;
					font-size: 38px;
					text-align: center;
					}
	
	
	.p6_1 {
	width: 100%;
	float: left;
	position: relative;
	height: 85px;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 13px;
	color: #33454f;
	text-transform: uppercase;
	margin-top: -85px;
	z-index: 99999999;
	background-color: #fff;
	}
	
	.p6 {
	width: 100%;
	float: left;
	position: relative;
	height: 85px;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 13px;
	color: #33454f;
	text-transform: uppercase;
	}
		.p6_left {
		float: left;
		position: relative;
		height: 85px;
		line-height: 85px;
		vertical-align: middle;
		}
		
		.p6_right {
		float: right;
		position: relative;
		height: 85px;
		line-height: 85px;
		vertical-align: middle;
		text-align: right;
		}
			.p6_right a {
			color: #33454f;
			text-decoration: none;
			}
			.p6_right a:hover {
			color: #8dcb64;
			}
			
			
}













/************************************************************************************************************/







@media only screen and (min-width:581px) and (max-width: 1279px)
{
	
	
	
	/*galeria*/	
		.podmenu {
		width: 100%;
		float: left;
		position: relative;
		margin: -20px 0 0 0;
		text-align: center;

		}
			.podmenu a {
			display: inline-block;
			position: relative;
			text-decoration: none;
			font-family: 'Open Sans Condensed', sans-serif;
			font-size: 16px;
			font-weight: 500;
			background-color: #f2f2f2;
			color: #000;
			padding: 12px 16px;
			margin: 3px;
			
				-webkit-border-radius: 2px;
				-moz-border-radius: 2px;
				border-radius: 2px;
			}
			.podmenu a:hover {
			-webkit-transition: 0.2s ease-in-out;
			-moz-transition: 0.2s ease-in-out;
			-o-transition: 0.2ss ease-in-out;
			transition: 0.2s ease-in-out;
			background: #8dcb64;
			color: #fff;
			}
			.podmenu_akt {
			display: inline-block;
			position: relative;
			text-decoration: none;
			font-family: 'Open Sans Condensed', sans-serif;
			font-size: 16px;
			font-weight: 500;
			background: #8dcb64 !important;
			color: #fff !important;
			padding: 12px 16px;
			margin:3px;
			}
		
		.tresc_galeria {
		width: 100%;
		padding: 0px 0px 50px 0;
		font-family: 'Raleway', sans-serif;
		font-weight: 400;
		font-size: 14px;
		line-height: 24px;
		color: #33454f;
		background: none;
		}
		
		.tresc_galeria h1 {
		float: left;
		position: relative;
		width: 100%;
		font-size: 26px;
		margin: 0 0 30px 0;
		padding: 0;
		color: #33454f;
		font-weight: 700;
		}
		
		
		.tresc_galeria2 {
width: 100%;
float: left;
position: relative;
font-family: 'Raleway', sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 21px;
margin-bottom: 120px;
color: #000;
}	
.tresc_galeria2 strong{font-weight:700;}
.tresc_galeria2 a{text-decoration:none;color:#c12126;}
.tresc_galeria2 a:hover{text-decoration:underline;}

		
		
		
		
		.opis {
			width: 100%;
			float: left;
			position: relative;
			margin-bottom: 20px;
			padding: 70px 0px 20px 0px;
			color: #000;
			font-size: 16px;
			line-height: 21px;
			text-align: center;
			}
			
			.opis h3{width: 100%; float: left; position: relative; text-align: center;font-weight: 700; font-size: 30px; margin:0px 0px 10px 0px;padding:20px 0px; line-height: 23px; color: #000;}
			
			
			.opis2 {
			width: 100%;
			float: left;
			position: relative;
			margin-bottom: 0px;
			padding: 70px 0px 80px 0;
			color: #000;
			font-size: 16px;
			font-weight: 400;
			line-height: 21px;
			
			}
			
			.opis2 h3{width: 100%; float: left; position: relative; text-align: center;font-weight: 700; font-size: 30px; margin:0px 0px 10px 0px;padding:20px 0px; line-height: 23px; color: #000;}
			
			
			
			.gal_box {
			width: 100%;
			float: left;
			position: relative;
			margin-top: 30px;
			margin-bottom: 20px;
			text-align: center;
			}
			
			
			.gal_box2 {
			width: 100%;
			float: left;
			position: relative;
			margin-top: 0px;
			margin-bottom: 0px;
			padding: 100px 0px;
			text-align: center;
			background-color: #f2f2f2;
			}
	

.box_galeria{display: inline-block;position:relative;width: 289px;height: 200px;margin:10px 5px 0px 5px;-webkit-transition:0.2s ease-in-out;-moz-transition:0.2s ease-in-out;-o-transition:0.2ss ease-in-out;transition:0.2s ease-in-out;-webkit-filter: grayscale(0%); filter: grayscale(0%);}
.box_galeria:hover{-webkit-transition:0.2s ease-in-out;-moz-transition:0.2s ease-in-out;-o-transition:0.2ss ease-in-out;transition:0.2s ease-in-out;background:#fff;color:#fff; -webkit-filter: grayscale(100%); filter: grayscale(100%);}


		
		
		/*-----------------*/
  
#main {
float: left;
position: relative;
width: 96%;
margin: 0 2% 0% 2% !important;
background-color: #fff;
}


.area_top {
width: 100%;
float: left;
position: relative;	
}
.area {
width: 100%;
position: relative;
margin: 0 auto;
}

	.p1 {
	float: left;
	position: relative;
	width: 100%;
	height: 100px;
	margin-top: 40px;
	}
	
	.p1_oferta {
	float: left;
	position: absolute;
	width: 100%;
	height: 100px;
	top: 0;
	background-color: #fff;
	}
	
	
	
	/* Style for our header texts
	* --------------------------------------- */
	
	#fullpage {
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
	display: none;
	}
	#fullpage_res {
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
	}
	
	.intro p{
		color: #fff;
		padding:40px 0 0 0;
	}
	.wrap{
		margin-left: auto;
		margin-right: auto;
		width: 96%;
		position: relative;
		padding: 20px 2% 20px 2%;
		
	}
	.wrap h1{
		font-size: 2.3em;
		color: #333;
		padding: 30px 0 10px  0;
	}
	.wrap p{
		font-size: 16px;
		padding:  0 0 10px 0;
	}
	.box{
		display: block;
		background: #f2f2f2;
		border:1px solid #ccc;
		padding: 20px;
		margin:20px 0;
	}

	/* Centered texts in each section
	* --------------------------------------- */
	.section{
		text-align:center;
	}

	.slide {
	background-size: cover;
	

	}
	
	#slide1{
		background-image: url(../grafika/tlo_oferta.jpg);
		
	}
	
	
	
	
	
	.logo {
	float: left;
	position: relative;
	width: 280px;
	height: 100px;
	z-index: 999999999;
	margin-top: 10px;
	background-image: url(../grafika/logo.png); background-position: center left; background-repeat: no-repeat;
	}
	
	.menu_top {
	width: 100%;
	float: left;
	position: absolute;
	text-align: center;
	margin-top: 10px;
	}
		.menu {
		display: none;
		}
			
			.menu_akt {
			float: left;
		position: relative;
		width: 80%;
		line-height: 35px;
		text-decoration: none;
		background-color: #2a3e47;
		color: #fff !important;
		display: inline-block;
		padding: 15px 10%;
		border-bottom: 1px solid #d8d8d8;
			}
			
		.menu2 {
		width: 100%;
		float: left;
		position: relative;
		font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; font-size: 15px;
		text-transform: uppercase;
		display: none;
		z-index: 999999999999;
		background-color: #8dcb64;
margin-top: -10px;
color: #fff;
z-index: 99999999999999;
		}
		
		.see_menu {
		float: right;
		position: relative;
		width: 40px;
		height: 100px;
		line-height: 100px;
		font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; font-size: 15px;
		text-transform: uppercase;
		font-size: 35px;
		vertical-align: middle;
		cursor: pointer;
		padding: 0 4% 0 0;
		color: #555555;
		text-align: right;
		z-index: 99999999999999;
		}
		.see_menu2 {
		float: right;
		position: relative;
			width: 40px;
		height: 100px;
		font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; font-size: 15px;
		line-height: 100px;
		font-size: 35px;
		text-transform: uppercase;
		vertical-align: middle;
		cursor: pointer;
		padding: 0 4% 0 0;
		display: none;
		color: #555555;
		text-align: right;
		z-index: 99999999999999;
		}
		
		.menu2 a {
			float: left;
		position:relative;
		width: 80%;
		line-height: 35px;
		text-decoration: none;
		color: #fff;
		display: inline-block;
		padding: 15px 10%;
		border-bottom: 1px solid #fff;
			}
			.menu2 a:hover {
			-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2ss ease-in-out;
transition: 0.2s ease-in-out;
background: #2a3e47;
		color: #fff;
			}
	
	.fb {
		width: 15%;
	float: right;
	position: absolute;
	top: -10px;
	right: 0;
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
	padding: 0px 5% 0 0;
	background-color: #8dcb64;
	color: #fff;
	font-size: 20px;
	z-index: 9999999;
	text-align: right;
	margin-bottom: 10px;
	margin-top: -24px;
	}
		.fb:hover {
		}
	
	.tel {
		width: 80%;
	padding: 0;
	float: left;
	position: absolute;
	left: 0;
	top: -10px;
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 20px;
	vertical-align: middle;
	color: #fff;
	z-index: 9999;
	margin-top: -24px;
	background-color: #8dcb64;
	margin-bottom: 10px;
	}
		.fa-phone {
		margin: 0 10px 0 10px;
		}
	
	
	
	.p2_1 {
	width: 100%;
	float: left;
	position: relative;
	height: 133px;	
	background-image: url(../grafika/p2_1_res.jpg); background-position: center left; background-repeat: no-repeat;
	}
	
	.p2_oferta {
	float: left;
	position: relative;
	width: 90%;
	padding: 50px 5%;
	background-image: url(../grafika/tlo_oferta_res.jpg); background-size: cover; background-repeat: no-repeat;
	}
	
	.p2 {
	width: 100%;
	display: none;
	}
	
	.p2_res {
	float: left;
	position: relative;	
	width: 100%;
	height: 400px;
	background-image: url(../grafika/p2_res.jpg); background-position: center center; background-repeat: no-repeat;
	}
	
		
	.text_baner	{
	float: left;
	position: absolute;
	bottom: 26%;
	width: 90%;
	padding: 0 5%;
	z-index: 99999999;
	}
		.tb1 {
		width: 95%;
		float: left;
		position: relative;
		font-family: 'Raleway', sans-serif;
		font-weight: 500;
		font-size: 35px;
		line-height: 35px;
		text-transform: uppercase;
		margin: 0;
		padding: 0 0 0 5%;
		border-left: 15px solid #33454f;
		color: #33454f;
		text-align: left;
		display: block;
		}
		.tb2 {
		width: 95%;
		float: left;
		position: relative;
		font-family: 'Raleway', sans-serif;
		font-weight: 500;
		font-size: 31px;
		line-height: 31px;
		text-transform: uppercase;
		margin: 0;
		padding: 0 0 0 5%;
		border-left: 15px solid #8dcb64;
		color: #8dcb64;
		text-align: left;
		display: block;
		}
		.tb3 {
		width: 95%;
		float: left;
		position: relative;
		font-family: 'Raleway', sans-serif;
		font-weight: 500;
		font-size: 33px;
		line-height: 33px;
		text-transform: uppercase;
		margin: 0;
		padding: 0 0 0 5%;
		border-left: 15px solid #ead94e;
		color: #ead94e;
		text-align: left;
		display: block;
		}
		
		
	.p3_1 {
	width: 100%;
	float: left;
	position: relative;
	padding: 50px 0;
	}	
	
		
		.p2_main_left {
		width: 90%;
		float: left;
		position: relative;
		font-family: 'Raleway', sans-serif;
		font-weight: 400;
		font-size: 15px;
		line-height: 24px;
		color: #28323d;
		padding: 0px 5%;
		text-align: justify;
		}
		
		.opis_h3 {
		float: left;
		position: relative;
		width: 100%;
		font-size: 26px;
		margin: 0 0 30px 0;
		padding: 0;
		color: #33454f;
		font-weight: 700;
		}
		
		.p2_main_right2 {
		width: 100%;
		margin-top: 0px;
		float: right;
		position: relative;
		}
		
			.kontakt_mapa {
				width: 100%;
				float: left;
				position: relative;
				margin-top: 50px;
				text-align: left;
				margin-bottom: 50px;				
				}
.pole_all {
width: 100%;
float: left;
position: relative;
margin-bottom: 10px;
}
.pole_all2 {
width: 100%;
float: left;
position: relative;
margin-bottom: 10px;
}
.pole_opis_pop {
width: 100%;
float: left;
position: relative;
text-align: left;
font-family: 'Raleway', sans-serif; font-weight: 300; font-size: 15px; color: #33454f;
margin-bottom: 10px;
}
.pole_pop {
width: 100%;
float: left;
position: relative;
text-align: left;
font-family: 'Raleway', sans-serif; font-weight: 300; font-size: 14px;
color: #000;
}
.pole_in_pop {
width: 96%;
float: left;
position: relative;
font-family: 'Raleway', sans-serif; font-weight: 500;
font-size: 15px;
line-height: 28px;
vertical-align: middle;
padding: 15px 2%;
background-color: #dfe9ec;
border: 0;
color: #000;
}
.pole_opis2_pop {
float: left;
position: relative;
text-align: left;
width: 100%;
font-family: 'Raleway', sans-serif; font-weight: 300; font-size: 15px; color: #000;
} 

.pole_area2_pop {
float: left;
position: relative;
text-align: left;
width: 100%;
font-family: 'Raleway', sans-serif; font-weight: 500; font-size: 14px; 
color: #000;
}

.pole_area_pop {
width: 96%;
height: 150px;
float: left;
position: relative;
font-family: 'Raleway', sans-serif; font-weight: 500;
font-size: 15px;
padding: 2% 2%;
background-color: #dfe9ec;
border: 0;
color: #000;
}




			.wyslij {
			font-family: 'Lato', sans-serif; font-weight: 300;
			float: left;
			position: relative;
			padding: 12px 30px;
			background-color: #33454f;
			text-decoration: none;
			font-size: 18px;
			font-weight: 300;
			color: #fff;
			 -webkit-transition: 0.2s ease-in-out;
				 -moz-transition: 0.2s ease-in-out;
				 -o-transition: 0.2s ease-in-out;
				 transition: 0.2s ease-in-out;
				 border: 0;
				cursor: pointer;
			}
				.wyslij:hover {
				background-color: #8dcb64;
				 -webkit-transition: 0.2s ease-in-out;
				 -moz-transition: 0.2s ease-in-out;
				 -o-transition: 0.2s ease-in-out;
				 transition: 0.2s ease-in-out;
				}
		

.opis_kont_tel {
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 24px;
	color: #000;
	padding: 0 5%;
}
		
		
		
		
		

.item {
		width: 100%;
		float: left;
		position: relative;
		background-color: #fff;
		padding: 30px 0;
		margin-bottom: 80px;
		line-height: 21px;
		border-top: 5px solid #8dcb64;
		font-family: 'Raleway', sans-serif;
	font-weight: 400; font-size: 13px;
					-webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
-moz-box-shadow:    0px 0px 6px 0px rgba(0, 0, 0, 0.25);
box-shadow:         0px 0px 6px 0px rgba(0, 0, 0, 0.25);
		}
		.item ul {
		margin: 20px 50px;
		}
		.item a {
		color: #8dcb64;
		text-decoration: none;
		}
		.item a:hover {
		text-decoration: underline;
		}
		
		
		

	.item ul {
	float: left;
	margin: 0px 0px 0px 20px;
	}
	.item ul li {

	padding: 5px 0px;
	}
	.item h1 {
	font-family: 'Raleway', sans-serif; font-weight: 700; font-size: 28px;
	margin: 5px 0px 20px 0px;
	}
	.item h2 {
	font-family: 'Raleway', sans-serif; font-weight: 700; font-size: 24px;
	margin: 5px 0px 20px 0px;
	}
	.item h3 {
	font-family: 'Raleway', sans-serif; font-weight: 700; font-size: 20px;
	margin: 5px 0px 20px 0px;
	}
	.item h4 {

	font-family: 'Raleway', sans-serif; font-weight: 700; font-size: 16px;
	margin: 5px 0px 20px 0px;
	}
	.item strong {
	font-weight: 700;
	}
	.item p {
	margin: 10px 0px;
	}
		
		.nav {
		color: #000;
		text-decoration: none;
		font-family: 'Raleway', sans-serif;
	font-weight: 400; font-size: 13px;
		}
			.nav a {
			color: #000;
			text-decoration: none;
			}
		.data_box {
		float: left;
		position: realtive;
		width: 70px;
		height: 70px;
		background-color: #8dcb64;
		margin-left: 0px;
		margin-top: -100px;
				-webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.35);
-moz-box-shadow:    0px 0px 6px 0px rgba(0, 0, 0, 0.35);
box-shadow:         0px 0px 6px 0px rgba(0, 0, 0, 0.35);
color: #fff;
text-align: center;
		}
		.b_data {
		width: 70px;
		float: left;
		position: relative;
		text-align: center;
		font-family: 'Roboto', sans-serif; font-weight: 600; font-size: 48px;
		margin: 18px 0px 5px 0px;
		}
		.b_data2 {
		width: 70px;
		float: left;
		position: relative;
		text-align: center;
		font-family: 'Roboto', sans-serif; font-weight: 600; font-size: 11px;
		}
		.b_nag {
		float: left;
		position: relative;
		width: 90%;
		font-size: 26px;
		margin: 0 0 30px 0;
		padding: 0 5%;
		color: #33454f;
		font-family: 'Raleway', sans-serif;
		font-weight: 500;
		color: #000;
		}
		
		.tresc_akt {
		width: 90%;
		padding: 0px 5% 50px 5%;
		font-family: 'Raleway', sans-serif;
		font-weight: 400;
		font-size: 14px;
		line-height: 24px;
		color: #33454f;
		}
		
		.tresc_akt h1 {
		float: left;
		position: relative;
		width: 100%;
		font-size: 26px;
		margin: 0 0 30px 0;
		padding: 0;
		color: #33454f;
		font-weight: 700;
		}
		.b_tresc {
			font-size: 14px;
			padding: 0 5%;
		}
		
		.gal_box {
			width: 100%;
			float: left;
			position: relative;
			margin: 70px 0px 20px 0px;
			text-align: center;
			}
			
			
		
		.c_kotwica {
		float: left;
		position: relative;
		padding: 12px 15px;
		background-color: #e9f0f2;
		margin: 10px 7px 10px 0;
		color: #33454f;
		text-decoration: none;
		font-family: 'Raleway', sans-serif; font-weight: 600; font-size: 12px;
		text-transform: uppercase;
		-webkit-border-radius: 2px;
				-moz-border-radius: 2px;
				border-radius: 2px;
		}
		.c_kotwica:hover {
		background-color: #8dcb64;
		color: #fff;
		}
		
	
		.cennik {
		width: 100%;
		float: left;
		position: relative;
		margin-bottom: 0px;
		}
			.nag_cen {
			width: 90%;
			float: left;
			position: relative;
			background-color: #8dcb64;
			color: #fff;
			font-family: 'Raleway', sans-serif; font-weight: 400; font-size: 24px;
			padding: 12px 5%;
			margin-top: 40px;
			}
			.poz_cen {
			width: 100%;
			float: left;
			position: relative;
			background-color: #e9f0f2;
			color: #000;
			font-family: 'Raleway', sans-serif; font-weight: 400; font-size: 24px;
			border-bottom: 1px solid #d3dfe2;
			padding: 0 0;
			}
			.nazwa_cen {
			width: 90%;
			float: left;
			position: relative;
			padding: 18px 5%;
			}
				.nazwa_cen2 {
				width: 100%;
				float: left;
				position: relative;
				padding: 0px 0px 0px 10px !important;
				font-family: 'Raleway', sans-serif !important; font-size: 18px !important; font-weight: 700 !important;
				margin: 10px 0px 10px 0px !important;
				line-height: 24px !important;
				border-left: 4px solid #8dcb64;
				margin-left: -14px !important;
				}
				.nazwa_cen3 {
					width: 100%;
				float: left;
				position: relative;
				margin: 0px !important;
				padding: 0px !important;
				font-family: 'Raleway', sans-serif; font-size: 14px !important; font-weight: 400 !important;
				margin: 0px 0px 0px !important;
				line-height: 24px !important;
				padding: 0px !important;
				}
				.nazwa_cen3 ul {
				margin: 10px 20px;
				}
					
			.cena_cen {
			float: left;
			position: relative;
			width: 90%;
			padding: 10px 5%;
			font-family: 'Lato', sans-serif;
			text-align: center;
			font-weight: 700; font-size: 18px;
			margin-top: 10px;
			background-color: #33454f;
			color: #fff;
			}
			.arr_top {
				width: 100%;
			float: left;
			position: absolute;
			top: -20px;
			left: 0px;
			text-align: center;
			color: #33454f;
			font-size: 30px;
			}
	
	
		.tresc1 {
		width: 90%;
		padding: 0px 5% 50px 5%;
		font-family: 'Raleway', sans-serif;
		font-weight: 400;
		font-size: 14px;
		line-height: 24px;
		color: #33454f;
		text-align: center;
		}
		
		.tresc1 h1 {
		float: left;
		position: relative;
		width: 100%;
		font-size: 26px;
		margin: 0 0 30px 0;
		padding: 0;
		color: #33454f;
		font-weight: 700;
		}
		
		
		.tresc_of1, .tresc_of2, .tresc_of3, .tresc_of4, .tresc_of5 {
		width: 90%;
		padding: 50px 5% 50px 5%;
		font-family: 'Raleway', sans-serif;
		font-weight: 400;
		font-size: 14px;
		line-height: 24px;
		color: #33454f;
		
		}
		
		
		.tresc_of1 h1, .tresc_of2 h1, .tresc_of3 h1, .tresc_of4 h1, .tresc_of5 h1 {
		float: left;
		position: relative;
		width: 100%;
		font-size: 26px;
		margin: 0 0 30px 0;
		padding: 0;
		color: #33454f;
		font-weight: 700;
		line-height: 27px;
		}
		
		.link_do_cennika {
		float: left;
		position: absolute;
		top: -10px;
		left: 5%;
		text-decoration: none;
		color: #fff;
		background-color: #8dcb64;
		font-family: 'Raleway', sans-serif;
		font-weight: 700;
		font-size: 14px;
		padding: 10px 15px;
		-webkit-border-radius: 2px;
				-moz-border-radius: 2px;
				border-radius: 2px;
		}
		.link_do_cennika:hover {
		background-color:#33454f;
		}
		
		.oferta_more_nag {
		float: left;
		position: relative;
		padding: 10px 0px 10px 20px;
		margin-bottom: 0px;
		font-family: 'Raleway', sans-serif;
		font-weight: 700;
		font-size: 18px;
		line-height: 24px;
		color: #33454f;
		text-transform: uppercase;
		border-left: 4px solid #8dcb64;
		margin-left: 0px !important;
		}	
		.oferta_more_tresc {
		
		float: left;
		position: relative;
		padding: 10px 0px 10px 20px;
		margin-bottom: 50px;
		background-color: #fff;
		font-family: 'Raleway', sans-serif;
		font-weight: 400;
		font-size: 14px;
		line-height: 24px;
		color: #33454f;
		
		}	
		
			
		.tresc3 {
		width: 100%;
		padding: 0px 0px 50px 0;
		font-family: 'Raleway', sans-serif;
		font-weight: 400;
		font-size: 14px;
		line-height: 24px;
		color: #33454f;
		text-align: center;
		}
		
		.tresc3 h1 {
		float: left;
		position: relative;
		width: 100%;
		font-size: 26px;
		margin: 30px 0 30px 0;
		padding: 0;
		color: #fff;
		font-weight: 400;
		}
				.box_of1, .box_of2, .box_of3, .box_of4, .box_of5{
				display: inline-block;
				width: 258px;
				height: 160px;
				position: relative;
				margin: 6px;
				color: #fff;
				font-family: 'Raleway', sans-serif;
				font-weight: 700;
				font-size: 13px;
				background-color: #fff;
				text-transform: uppercase;
				-webkit-border-radius: 2px;
				-moz-border-radius: 2px;
				border-radius: 2px;
				-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.21);
			-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.21);
			box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.21);
				}
				
				.box_of1 {
					text-decoration: none;
				background-image: url(../grafika/box_of1.jpg); background-position: center center; background-repeat: no-repeat;
				 -webkit-transition: 0.2s ease-in-out;
				 -moz-transition: 0.2s ease-in-out;
				 -o-transition: 0.2s ease-in-out;
				 transition: 0.2s ease-in-out;
				}
				
				.box_of2 {
					text-decoration: none;
				background-image: url(../grafika/box_of2.jpg); background-position: center center; background-repeat: no-repeat;
				 -webkit-transition: 0.2s ease-in-out;
				 -moz-transition: 0.2s ease-in-out;
				 -o-transition: 0.2s ease-in-out;
				 transition: 0.2s ease-in-out;
				}
				
				.box_of3 {
					text-decoration: none;
				background-image: url(../grafika/box_of3.jpg); background-position: center center; background-repeat: no-repeat;
				 -webkit-transition: 0.2s ease-in-out;
				 -moz-transition: 0.2s ease-in-out;
				 -o-transition: 0.2s ease-in-out;
				 transition: 0.2s ease-in-out;
				}
				
				.box_of4 {
					text-decoration: none;
				background-image: url(../grafika/box_of4.jpg); background-position: center center; background-repeat: no-repeat;
				 -webkit-transition: 0.2s ease-in-out;
				 -moz-transition: 0.2s ease-in-out;
				 -o-transition: 0.2s ease-in-out;
				 transition: 0.2s ease-in-out;
				}
				
				.box_of5 {
					text-decoration: none;
				background-image: url(../grafika/box_of5.jpg); background-position: center center; background-repeat: no-repeat;
				 -webkit-transition: 0.2s ease-in-out;
				 -moz-transition: 0.2s ease-in-out;
				 -o-transition: 0.2s ease-in-out;
				 transition: 0.2s ease-in-out;
				}
				
				
				.box_of1:hover .box_of_nag, .box_of2:hover .box_of_nag, .box_of3:hover .box_of_nag, .box_of4:hover .box_of_nag, .box_of5:hover .box_of_nag {
				 -webkit-transition: 0.2s ease-in-out;
				 -moz-transition: 0.2s ease-in-out;
				 -o-transition: 0.2s ease-in-out;
				 transition: 0.2s ease-in-out;
				 background-color: #8dcb64;
				 color: #fff;
				}
				
				.box_of_nag {
					width: 100%;
					padding: 8px 0;
					
				float: left;
				position: absolute;
				bottom: 0;
				left: 0;
				text-align: center;
				color: #33454f;
				background-color: #fff;
				-webkit-border-bottom-right-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
-moz-border-radius-bottomright: 2px;
-moz-border-radius-bottomleft: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
				}
		
		.tresc2 {
		width: 90%;
		padding: 0px 5% 50px 5%;
		font-family: 'Raleway', sans-serif;
		font-weight: 400;
		font-size: 14px;
		line-height: 24px;
		color: #33454f;
		text-align: center;
		}
		
		.tresc2 h1 {
		float: left;
		position: relative;
		width: 100%;
		font-size: 26px;
		margin: 0 0 30px 0;
		padding: 0;
		color: #33454f;
		font-weight: 700;
		}
		
		
		
		
		
		
		.foto_kat_obszar {
				width: 100%;
				float: left;
				position: relative;
				margin-bottom: 40px;
				margin-top: 40px;
				text-align: center;
				}
				
				.box_galeria {
				display: inline-block;
				position: relative;
				width: 200px;
				height: 140px;
				margin: 6px 12px 6px 0;
				-webkit-transition: 0.2s ease-in-out;
			-moz-transition: 0.2s ease-in-out;
			-o-transition: 0.2ss ease-in-out;
			transition: 0.2s ease-in-out;
			transform: scale(1.0);
				 -webkit-filter: grayscale(0%); filter: grayscale(0%);
				}	
				.box_galeria:hover {
				-webkit-transition: 0.2s ease-in-out;
			-moz-transition: 0.2s ease-in-out;
			-o-transition: 0.2ss ease-in-out;
			transition: 0.2s ease-in-out;
			 -webkit-filter: grayscale(100%); filter: grayscale(100%);
		
			color: #fff;
			
				}
		
	
	.p3 {
	width: 100%;
	float: left;
	position: relative;
	margin: 26px 0 31px 0;
	}
	
		.box1 {
		float: left;
		position: relative;
		height: 252px;
		width: 50%;
		padding: 0;
		}
			.box1a {
			width: 100%;
			float: left;
			position: relative;
			font-family: 'Lato', sans-serif;
			font-weight: 900;
			font-size: 19px;
			color: #000;
			text-transform: uppercase;
			padding: 20px 0 20px 0;
			}
			
			.box1b {
			width: 100%;
			float: left;
			position: relative;
			}
				.box1b1 {
				float: left;
				position: relative;
				width: 100%;
				}
					.akt_link {
					float: left;
					position: relative;
					width: 100%;
					height: 50px;
					line-height: 50px;
					vertical-align: middle;
					margin-bottom: 10px;
					cursor: pointer;
					}
					.akt_link:hover {
					background-color: #e7eef1;
					}
					
						.akt_data {
						float: left;
						position: relative;
						background-color: #33454f;
						font-family: 'Raleway', sans-serif;
						font-weight: 400;
						color: #fff;
						width: 50px;
						height: 50px;
						}
							.d_poz1 {
							float: left;
							position: relative;
							width: 100%;
							text-align: center;
							font-size: 25px;
							line-height: 25px;
							margin-top: 5px;
							}
							.d_poz2 {
							float: left;
							position: relative;
							width: 100%;
							text-align: center;
							font-size: 14px;
							line-height: 14px;
							text-transform: uppercase;
							}
					
					.akt_tytul {
					float: left;
					width: 185px;
					height: 50px;
					position: relative;
					padding: 0 20px 0 20px;
					font-family: 'Raleway', sans-serif;
					font-weight: 600;
					font-size: 13px;
					overflow: hidden;
					color: #000;
					}
					
					
					
					.box1b2 {
					width: 100%;
					float: left;
					position: relative;
					background-color: #8dcb64;
					color: #fff;
					font-family: 'Raleway', sans-serif;
					font-weight: 600;
					padding: 15px 0;
					font-size: 12px;
					vertical-align: middle;
					text-align: center;
					text-decoration: none;
					}
					.box1b2:hover {
					background-color: #ead94e;
					}
					
					
			.box2 {
			float: left;
			position: relative;
			height: 182px;
			width: 44%;
			padding: 40px 2% 30px 2%;
			margin-left: 2%;
			background-image: url(../grafika/box2_res.jpg); background-position: bottom right; background-repeat: no-repeat;
			}
			
			.box2a {
			width: 100%;
			float: left;
			position: relative;
			font-family: 'Lato', sans-serif;
			font-weight: 900;
			font-size: 16px;
			color: #ead94e;
			text-transform: uppercase;
			padding: 0px 0 20px 0;
			}
			
			.box2b {
			width: 100%;
			float: left;
			position: relative;
			font-family: 'Raleway', sans-serif;
			font-weight: 600;
			font-size: 13px;
			color: #000;
			padding: 0px 0 20px 0;
			}
			
			.box2c {
			float: left;
			position: relative;
			padding: 10px 16px;
			font-family: 'Raleway', sans-serif;
			font-weight: 500;
			font-size: 13px;
			color: #fff;
			background-color: #ead94e;
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			border-radius: 2px;
			text-decoration: none;
			}
			.box2c:hover {
			background-color: #8dcb64;
			}
	
	.p4 {
	width: 100%;
	float: left;
	position: relative;
	margin: 0 0 0px 0;
	}
	
		.box3 {
		float: left;
		position: relative;
		width: 100%;
		}
			.box3a {
			float: left;
			position: relative;
			background-color: #8dcb64;
			width: 49%;
			height: 177px;
			color: #fff;
			font-family: 'Lato', sans-serif;
			font-weight: 900;
			font-size: 19px;
			text-align: center;
			text-transform: uppercase;
			padding-top: 75px;
			text-decoration: none;
			margin: 5px 1% 5px 0;
			}
				.box3a:hover {
				background-color: #ead94e;
				color: #fff;
				}
			
			.box3b {
			float: left;
			position: relative;
			background-color: #e7eef1;
			width: 49%;
			height: 165px;
			color: #33454f;
			font-family: 'Lato', sans-serif;
			font-weight: 900;
			font-size: 19px;
			text-align: center;
			text-transform: uppercase;
			text-decoration: none;
			padding-top: 87px;
			margin: 5px 0 5px 1%;
			}
				.box3b:hover {
				background-color: #33454f;
				color: #e7eef1;
				}
				
				
				
		.box4 {
		float: left;
		position: relative;
		height: 182px;
		width: 100%;
		padding: 40px 0px 30px 0px;
		margin-top: 5px;
		background-image: url(../grafika/box4_res.jpg); background-position: bottom right; background-repeat: no-repeat;
		}
		
			.box4a {
			float: left;
			position: relative;
			font-family: 'Lato', sans-serif;
			font-weight: 900;
			font-size: 19px;
			color: #fff;
			text-transform: uppercase;
			padding: 0px 20px 20px 20px;
			}
			
			.box4b {
			
			float: left;
			position: relative;
			font-family: 'Raleway', sans-serif;
			font-weight: 600;
			font-size: 13px;
			color: #fff;
			padding: 0px 20px 20px 20px;
			}
			
			.box4c {
			float: left;
			position: relative;
			padding: 10px 16px;
			font-family: 'Raleway', sans-serif;
			font-weight: 500;
			font-size: 13px;
			color: #2a3e47;
			background-color: #fff;
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			border-radius: 2px;
			text-decoration: none;
			margin-left: 20px;
			}
			.box4c:hover {
			background-color: #8dcb64;
			color: #box4c;
			}
	
	.p5 {
	width: 100%;
	float: left;
	position: relative;
	margin-top: -10px;
	}
			.p5_1 {
			width: 850px;
			float: left;
			position: relative;
			text-align: center;
			text-transform: uppercase;
			display: none;
			}
				.p5_1a {
				float: left;
				position: relative;
				width: 100%;
				text-align: center;
				color: #2a3e47;
				font-family: 'Lato', sans-serif;
				font-weight: 900;
				font-size: 23px;
				line-height: 23px;
				margin-bottom: 3px;
				margin-top: 155px;
				}
				.p5_1b {
				float: left;
				position: relative;
				width: 100%;
				text-align: center;
				color: #8dcb64;
				font-family: 'Lato', sans-serif;
				font-weight: 900;
				font-size: 34px;
				line-height: 34px;
				margin-bottom: 3px;
				}
				.p5_1c {
				float: left;
				position: relative;
				width: 100%;
				text-align: center;
				color: #2a3e47;
				font-family: 'Lato', sans-serif;
				font-weight: 900;
				font-size: 35px;
				line-height: 35px;
				margin-bottom: 3px;
				}
				
				
			.p5_2 {
			width: 100%;
			float: left;
			position: relative;
			text-align: center;
			
			}
				.p5_2a {
				float: left;
				position: relative;
				width: 100%;
				height: 165px;
				background-color: #8dcb64;
				color: #fff;
				margin-top: 35px;
				}
					.p5_2a1 {
					float: left;
					position: relative;
					width: 100%;
					font-family: 'Lato', sans-serif;
					font-weight: 900;
					font-size: 20px;
					margin-bottom: 13px;
					margin-top: 20px;
					text-align: center;
					text-transform: uppercase;
					}
					.p5_2a2 {
					float: left;
					position: relative;
					width: 100%;
					font-family: 'Raleway', sans-serif;
					font-weight: 500;
					font-size: 13px;
					margin-bottom: 3px;
					text-align: center;
					}
					.p5_2a3 {
					float: left;
					position: relative;
					width: 100%;
					font-family: 'Raleway', sans-serif;
					font-weight: 600;
					font-size: 13px;
					text-align: center;
					margin-top: 20px;
					}
						.p5_2a3 a {
						padding: 8px 12px;
						-webkit-border-radius: 2px;
						-moz-border-radius: 2px;
						border-radius: 2px;
						text-decoration: none;
						background-color: #fff;
						color: #8dcb64;
						}
						.p5_2a3 a:hover {
						background-color: #ead94e;
						color: #fff;
						}
						
				.p5_2b {
				float: left;
				position: relative;
				width: 100%;
				height: 165px;
				background-color: #fff;
				color: #8dcb64;	
				}
					.p5_2b1 {
					width: 100%;
					float: left;
					position: relative;
					text-transform: uppercase;
					font-family: 'Lato', sans-serif;
					font-weight: 900;
					font-size: 13px;
					text-align: center;
					margin-top: 55px;
					}
					.p5_2b2 {
					width: 100%;
					float: left;
					position: relative;
					text-transform: uppercase;
					font-family: 'Lato', sans-serif;
					font-weight: 900;
					font-size: 38px;
					text-align: center;
					}
	
	
	.p6_1 {
	width: 100%;
	float: left;
	position: relative;
	padding: 10px 0;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 11px;
	color: #33454f;
	text-transform: uppercase;
	z-index: 99999999;
	background-color: #fff;
	}
	
	.p6 {
	width: 100%;
	float: left;
	position: relative;
	padding: 0 0 10px 0;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 11px;
	color: #33454f;
	text-transform: uppercase;
	}
		.p6_left {
		width: 100%;
		float: left;
		position: relative;
		text-align: center;
		}
		
		.p6_right {
		width: 100%;
		float: right;
		position: relative;
		text-align: center;
		}
			.p6_right a {
			color: #33454f;
			text-decoration: none;
			}
			.p6_right a:hover {
			color: #8dcb64;
			}
			
			
}



























/************************************************************************************************************/








@media (max-width: 580px) {  



/*galeria*/	
		.podmenu {
		width: 100%;
		float: left;
		position: relative;
		margin: -20px 0 0 0;
		text-align: center;

		}
			.podmenu a {
			
			display: inline-block;
			position: relative;
			text-decoration: none;
			font-family: 'Open Sans Condensed', sans-serif;
			font-size: 16px;
			font-weight: 500;
			background-color: #f2f2f2;
			color: #000;
			padding: 12px 16px;
			margin: 3px;
			
				-webkit-border-radius: 2px;
				-moz-border-radius: 2px;
				border-radius: 2px;
			}
			.podmenu a:hover {
			-webkit-transition: 0.2s ease-in-out;
			-moz-transition: 0.2s ease-in-out;
			-o-transition: 0.2ss ease-in-out;
			transition: 0.2s ease-in-out;
			background: #8dcb64;
			color: #fff;
			}
			.podmenu_akt {
			display: inline-block;
			position: relative;
			text-decoration: none;
			font-family: 'Open Sans Condensed', sans-serif;
			font-size: 16px;
			font-weight: 500;
			background: #8dcb64 !important;
			color: #fff !important;
			padding: 12px 16px;
			margin:3px;
			}
		
		.tresc_galeria {
		width: 100%;
		padding: 0px 0px 50px 0;
		font-family: 'Raleway', sans-serif;
		font-weight: 400;
		font-size: 14px;
		line-height: 24px;
		color: #33454f;
		background: none;
		}
		
		.tresc_galeria h1 {
		float: left;
		position: relative;
		width: 100%;
		font-size: 26px;
		margin: 0 0 30px 0;
		padding: 0;
		color: #33454f;
		font-weight: 700;
		}
		
		
		.tresc_galeria2 {
width: 100%;
float: left;
position: relative;
font-family: 'Raleway', sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 21px;
margin-bottom: 120px;
color: #000;
}	
.tresc_galeria2 strong{font-weight:700;}
.tresc_galeria2 a{text-decoration:none;color:#c12126;}
.tresc_galeria2 a:hover{text-decoration:underline;}

		
		
		
		
		.opis {
			width: 100%;
			float: left;
			position: relative;
			margin-bottom: 20px;
			padding: 70px 0px 20px 0px;
			color: #000;
			font-size: 16px;
			line-height: 21px;
			text-align: center;
			}
			
			.opis h3{width: 100%; float: left; position: relative; text-align: center;font-weight: 700; font-size: 30px; margin:0px 0px 10px 0px;padding:20px 0px; line-height: 23px; color: #000;}
			
			
			.opis2 {
			width: 100%;
			float: left;
			position: relative;
			margin-bottom: 0px;
			padding: 70px 0px 80px 0;
			color: #000;
			font-size: 16px;
			font-weight: 400;
			line-height: 21px;
			
			}
			
			.opis2 h3{width: 100%; float: left; position: relative; text-align: center;font-weight: 700; font-size: 30px; margin:0px 0px 10px 0px;padding:20px 0px; line-height: 23px; color: #000;}
			
			
			
			.gal_box {
			width: 100%;
			float: left;
			position: relative;
			margin-top: 30px;
			margin-bottom: 20px;
			text-align: center;
			}
			
			
			.gal_box2 {
			width: 100%;
			float: left;
			position: relative;
			margin-top: 0px;
			margin-bottom: 0px;
			padding: 100px 0px;
			text-align: center;
			background-color: #f2f2f2;
			}
	

.box_galeria{display: inline-block;position:relative;width: 289px;height: 200px;margin:10px 5px 0px 5px;-webkit-transition:0.2s ease-in-out;-moz-transition:0.2s ease-in-out;-o-transition:0.2ss ease-in-out;transition:0.2s ease-in-out;-webkit-filter: grayscale(0%); filter: grayscale(0%);}
.box_galeria:hover{-webkit-transition:0.2s ease-in-out;-moz-transition:0.2s ease-in-out;-o-transition:0.2ss ease-in-out;transition:0.2s ease-in-out;background:#fff;color:#fff; -webkit-filter: grayscale(100%); filter: grayscale(100%);}


		
		
		/*-----------------*/


  
#main {
float: left;
position: relative;
width: 96%;
margin: 0 2% 0% 2% !important;
background-color: #fff;
}


.area_top {
width: 100%;
float: left;
position: relative;	
}
.area {
width: 100%;
position: relative;
margin: 0 auto;
}

	.p1 {
	float: left;
	position: relative;
	width: 100%;
	height: 100px;
	margin-top: 40px;
	}
	
	.p1_oferta {
	float: left;
	position: absolute;
	width: 100%;
	height: 100px;
	top: 0;
	background-color: #fff;
	}
	
	
	
	/* Style for our header texts
	* --------------------------------------- */
	
	#fullpage {
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
	display: none;
	}
	#fullpage_res {
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
	}
	
	.intro p{
		color: #fff;
		padding:40px 0 0 0;
	}
	.wrap{
		margin-left: auto;
		margin-right: auto;
		width: 96%;
		position: relative;
		padding: 20px 2% 20px 2%;
		
	}
	.wrap h1{
		font-size: 2.3em;
		color: #333;
		padding: 30px 0 10px  0;
	}
	.wrap p{
		font-size: 16px;
		padding:  0 0 10px 0;
	}
	.box{
		display: block;
		background: #f2f2f2;
		border:1px solid #ccc;
		padding: 20px;
		margin:20px 0;
	}

	/* Centered texts in each section
	* --------------------------------------- */
	.section{
		text-align:center;
	}

	.slide {
	background-size: cover;
	

	}
	
	#slide1{
		background-image: url(../grafika/tlo_oferta.jpg);
		
	}
	
	
	
	
	
	.logo {
	float: left;
	position: relative;
	width: 280px;
	height: 100px;
	z-index: 999999999;
	margin-top: 10px;
	background-image: url(../grafika/logo.png); background-position: center left; background-repeat: no-repeat;
	}
	
	.menu_top {
	width: 100%;
	float: left;
	position: absolute;
	text-align: center;
	margin-top: 10px;
	}
		.menu {
		display: none;
		}
			
			.menu_akt {
			float: left;
		position: relative;
		width: 80%;
		line-height: 35px;
		text-decoration: none;
		background-color: #2a3e47;
		color: #fff !important;
		display: inline-block;
		padding: 15px 10%;
		border-bottom: 1px solid #d8d8d8;
			}
			
		.menu2 {
		width: 100%;
		float: left;
		position: relative;
		font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; font-size: 15px;
		text-transform: uppercase;
		display: none;
		z-index: 999999999999;
		background-color: #8dcb64;
margin-top: -10px;
color: #fff;
z-index: 99999999999999;
		}
		
		.see_menu {
		float: right;
		position: relative;
		width: 40px;
		height: 100px;
		line-height: 100px;
		font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; font-size: 15px;
		text-transform: uppercase;
		font-size: 35px;
		vertical-align: middle;
		cursor: pointer;
		padding: 0 4% 0 0;
		color: #555555;
		text-align: right;
		z-index: 99999999999999;
		}
		.see_menu2 {
		float: right;
		position: relative;
			width: 40px;
		height: 100px;
		font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; font-size: 15px;
		line-height: 100px;
		font-size: 35px;
		text-transform: uppercase;
		vertical-align: middle;
		cursor: pointer;
		padding: 0 4% 0 0;
		display: none;
		color: #555555;
		text-align: right;
		z-index: 99999999999999;
		}
		
		.menu2 a {
			float: left;
		position:relative;
		width: 80%;
		line-height: 35px;
		text-decoration: none;
		color: #fff;
		display: inline-block;
		padding: 15px 10%;
		border-bottom: 1px solid #fff;
			}
			.menu2 a:hover {
			-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2ss ease-in-out;
transition: 0.2s ease-in-out;
background: #2a3e47;
		color: #fff;
			}
	
	.fb {
		width: 15%;
	float: right;
	position: absolute;
	top: -10px;
	right: 0;
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
	padding: 0px 5% 0 0;
	background-color: #8dcb64;
	color: #fff;
	font-size: 20px;
	z-index: 9999999;
	text-align: right;
	margin-bottom: 10px;
	margin-top: -24px;
	}
		.fb:hover {
		}
	
	.tel {
		width: 80%;
	padding: 0;
	float: left;
	position: absolute;
	left: 0;
	top: -10px;
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 20px;
	vertical-align: middle;
	color: #fff;
	z-index: 9999;
	margin-top: -24px;
	background-color: #8dcb64;
	margin-bottom: 10px;
	}
		.fa-phone {
		margin: 0 10px 0 10px;
		}
	
	
	
	.p2_1 {
	width: 100%;
	float: left;
	position: relative;
	height: 133px;	
	background-image: url(../grafika/p2_1_res.jpg); background-position: center left; background-repeat: no-repeat;
	}
	
	.p2_oferta {
	float: left;
	position: relative;
	width: 90%;
	padding: 50px 5%;
	background-image: url(../grafika/tlo_oferta_res.jpg); background-size: cover; background-repeat: no-repeat;
	}
	
	.p2 {
	width: 100%;
	display: none;
	}
	
	.p2_res {
	float: left;
	position: relative;	
	width: 100%;
	height: 400px;
	background-image: url(../grafika/p2_res.jpg); background-position: center center; background-repeat: no-repeat;
	}
	
		
	.text_baner	{
	float: left;
	position: absolute;
	bottom: 26%;
	width: 90%;
	padding: 0 5%;
	z-index: 99999999;
	}
		.tb1 {
		width: 95%;
		float: left;
		position: relative;
		font-family: 'Raleway', sans-serif;
		font-weight: 500;
		font-size: 35px;
		line-height: 35px;
		text-transform: uppercase;
		margin: 0;
		padding: 0 0 0 5%;
		border-left: 15px solid #33454f;
		color: #33454f;
		text-align: left;
		display: block;
		}
		.tb2 {
		width: 95%;
		float: left;
		position: relative;
		font-family: 'Raleway', sans-serif;
		font-weight: 500;
		font-size: 31px;
		line-height: 31px;
		text-transform: uppercase;
		margin: 0;
		padding: 0 0 0 5%;
		border-left: 15px solid #8dcb64;
		color: #8dcb64;
		text-align: left;
		display: block;
		}
		.tb3 {
		width: 95%;
		float: left;
		position: relative;
		font-family: 'Raleway', sans-serif;
		font-weight: 500;
		font-size: 33px;
		line-height: 33px;
		text-transform: uppercase;
		margin: 0;
		padding: 0 0 0 5%;
		border-left: 15px solid #ead94e;
		color: #ead94e;
		text-align: left;
		display: block;
		}
		
		
	.p3_1 {
	width: 100%;
	float: left;
	position: relative;
	padding: 50px 0;
	}	
	
		
		.p2_main_left {
		width: 90%;
		float: left;
		position: relative;
		font-family: 'Raleway', sans-serif;
		font-weight: 400;
		font-size: 15px;
		line-height: 24px;
		color: #28323d;
		padding: 0px 5%;
		text-align: justify;
		}
		
		.opis_h3 {
		float: left;
		position: relative;
		width: 100%;
		font-size: 26px;
		margin: 0 0 30px 0;
		padding: 0;
		color: #33454f;
		font-weight: 700;
		}
		
		.p2_main_right2 {
		width: 100%;
		margin-top: 0px;
		float: right;
		position: relative;
		}
		
			.kontakt_mapa {
				width: 100%;
				float: left;
				position: relative;
				margin-top: 50px;
				text-align: left;
				margin-bottom: 50px;				
				}
.pole_all {
width: 100%;
float: left;
position: relative;
margin-bottom: 10px;
}
.pole_all2 {
width: 100%;
float: left;
position: relative;
margin-bottom: 10px;
}
.pole_opis_pop {
width: 100%;
float: left;
position: relative;
text-align: left;
font-family: 'Raleway', sans-serif; font-weight: 300; font-size: 15px; color: #33454f;
margin-bottom: 10px;
}
.pole_pop {
width: 100%;
float: left;
position: relative;
text-align: left;
font-family: 'Raleway', sans-serif; font-weight: 300; font-size: 14px;
color: #000;
}
.pole_in_pop {
width: 96%;
float: left;
position: relative;
font-family: 'Raleway', sans-serif; font-weight: 500;
font-size: 15px;
line-height: 28px;
vertical-align: middle;
padding: 15px 2%;
background-color: #dfe9ec;
border: 0;
color: #000;
}
.pole_opis2_pop {
float: left;
position: relative;
text-align: left;
width: 100%;
font-family: 'Raleway', sans-serif; font-weight: 300; font-size: 15px; color: #000;
} 

.pole_area2_pop {
float: left;
position: relative;
text-align: left;
width: 100%;
font-family: 'Raleway', sans-serif; font-weight: 500; font-size: 14px; 
color: #000;
}

.pole_area_pop {
width: 96%;
height: 150px;
float: left;
position: relative;
font-family: 'Raleway', sans-serif; font-weight: 500;
font-size: 15px;
padding: 2% 2%;
background-color: #dfe9ec;
border: 0;
color: #000;
}




			.wyslij {
			font-family: 'Lato', sans-serif; font-weight: 300;
			float: left;
			position: relative;
			padding: 12px 30px;
			background-color: #33454f;
			text-decoration: none;
			font-size: 18px;
			font-weight: 300;
			color: #fff;
			 -webkit-transition: 0.2s ease-in-out;
				 -moz-transition: 0.2s ease-in-out;
				 -o-transition: 0.2s ease-in-out;
				 transition: 0.2s ease-in-out;
				 border: 0;
				cursor: pointer;
			}
				.wyslij:hover {
				background-color: #8dcb64;
				 -webkit-transition: 0.2s ease-in-out;
				 -moz-transition: 0.2s ease-in-out;
				 -o-transition: 0.2s ease-in-out;
				 transition: 0.2s ease-in-out;
				}
		

.opis_kont_tel {
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 24px;
	color: #000;
	padding: 0 5%;
}
		
		
		
		
		

.item {
		width: 100%;
		float: left;
		position: relative;
		background-color: #fff;
		padding: 30px 0;
		margin-bottom: 80px;
		line-height: 21px;
		border-top: 5px solid #8dcb64;
		font-family: 'Raleway', sans-serif;
	font-weight: 400; font-size: 13px;
					-webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
-moz-box-shadow:    0px 0px 6px 0px rgba(0, 0, 0, 0.25);
box-shadow:         0px 0px 6px 0px rgba(0, 0, 0, 0.25);
		}
		.item ul {
		margin: 20px 50px;
		}
		.item a {
		color: #8dcb64;
		text-decoration: none;
		}
		.item a:hover {
		text-decoration: underline;
		}
		
		
		

	.item ul {
	float: left;
	margin: 0px 0px 0px 20px;
	}
	.item ul li {

	padding: 5px 0px;
	}
	.item h1 {
	font-family: 'Raleway', sans-serif; font-weight: 700; font-size: 28px;
	margin: 5px 0px 20px 0px;
	}
	.item h2 {
	font-family: 'Raleway', sans-serif; font-weight: 700; font-size: 24px;
	margin: 5px 0px 20px 0px;
	}
	.item h3 {
	font-family: 'Raleway', sans-serif; font-weight: 700; font-size: 20px;
	margin: 5px 0px 20px 0px;
	}
	.item h4 {

	font-family: 'Raleway', sans-serif; font-weight: 700; font-size: 16px;
	margin: 5px 0px 20px 0px;
	}
	.item strong {
	font-weight: 700;
	}
	.item p {
	margin: 10px 0px;
	}
		
		.nav {
		color: #000;
		text-decoration: none;
		font-family: 'Raleway', sans-serif;
	font-weight: 400; font-size: 13px;
		}
			.nav a {
			color: #000;
			text-decoration: none;
			}
		.data_box {
		float: left;
		position: realtive;
		width: 70px;
		height: 70px;
		background-color: #8dcb64;
		margin-left: 0px;
		margin-top: -100px;
				-webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.35);
-moz-box-shadow:    0px 0px 6px 0px rgba(0, 0, 0, 0.35);
box-shadow:         0px 0px 6px 0px rgba(0, 0, 0, 0.35);
color: #fff;
text-align: center;
		}
		.b_data {
		width: 70px;
		float: left;
		position: relative;
		text-align: center;
		font-family: 'Roboto', sans-serif; font-weight: 600; font-size: 48px;
		margin: 18px 0px 5px 0px;
		}
		.b_data2 {
		width: 70px;
		float: left;
		position: relative;
		text-align: center;
		font-family: 'Roboto', sans-serif; font-weight: 600; font-size: 11px;
		}
		.b_nag {
		float: left;
		position: relative;
		width: 90%;
		font-size: 26px;
		margin: 0 0 30px 0;
		padding: 0 5%;
		color: #33454f;
		font-family: 'Raleway', sans-serif;
		font-weight: 500;
		color: #000;
		}
		
		.tresc_akt {
		width: 90%;
		padding: 0px 5% 50px 5%;
		font-family: 'Raleway', sans-serif;
		font-weight: 400;
		font-size: 14px;
		line-height: 24px;
		color: #33454f;
		}
		
		.tresc_akt h1 {
		float: left;
		position: relative;
		width: 100%;
		font-size: 26px;
		margin: 0 0 30px 0;
		padding: 0;
		color: #33454f;
		font-weight: 700;
		}
		.b_tresc {
			font-size: 14px;
			padding: 0 5%;
		}
		
		.gal_box {
			width: 100%;
			float: left;
			position: relative;
			margin: 70px 0px 20px 0px;
			text-align: center;
			}
			
			
		
		.c_kotwica {
		float: left;
		position: relative;
		padding: 12px 15px;
		background-color: #e9f0f2;
		margin: 10px 7px 10px 0;
		color: #33454f;
		text-decoration: none;
		font-family: 'Raleway', sans-serif; font-weight: 600; font-size: 12px;
		text-transform: uppercase;
		-webkit-border-radius: 2px;
				-moz-border-radius: 2px;
				border-radius: 2px;
		}
		.c_kotwica:hover {
		background-color: #8dcb64;
		color: #fff;
		}
		
	
		.cennik {
		width: 100%;
		float: left;
		position: relative;
		margin-bottom: 0px;
		}
			.nag_cen {
			width: 90%;
			float: left;
			position: relative;
			background-color: #8dcb64;
			color: #fff;
			font-family: 'Raleway', sans-serif; font-weight: 400; font-size: 24px;
			padding: 12px 5%;
			margin-top: 40px;
			}
			.poz_cen {
			width: 100%;
			float: left;
			position: relative;
			background-color: #e9f0f2;
			color: #000;
			font-family: 'Raleway', sans-serif; font-weight: 400; font-size: 24px;
			border-bottom: 1px solid #d3dfe2;
			padding: 0 0;
			}
			.nazwa_cen {
			width: 90%;
			float: left;
			position: relative;
			padding: 18px 5%;
			}
				.nazwa_cen2 {
				width: 100%;
				float: left;
				position: relative;
				padding: 0px 0px 0px 10px !important;
				font-family: 'Raleway', sans-serif !important; font-size: 18px !important; font-weight: 700 !important;
				margin: 10px 0px 10px 0px !important;
				line-height: 24px !important;
				border-left: 4px solid #8dcb64;
				margin-left: -14px !important;
				}
				.nazwa_cen3 {
					width: 100%;
				float: left;
				position: relative;
				margin: 0px !important;
				padding: 0px !important;
				font-family: 'Raleway', sans-serif; font-size: 14px !important; font-weight: 400 !important;
				margin: 0px 0px 0px !important;
				line-height: 24px !important;
				padding: 0px !important;
				}
				.nazwa_cen3 ul {
				margin: 10px 20px;
				}
					
			.cena_cen {
			float: left;
			position: relative;
			width: 90%;
			padding: 10px 5%;
			font-family: 'Lato', sans-serif;
			text-align: center;
			font-weight: 700; font-size: 18px;
			margin-top: 10px;
			background-color: #33454f;
			color: #fff;
			}
			.arr_top {
				width: 100%;
			float: left;
			position: absolute;
			top: -20px;
			left: 0px;
			text-align: center;
			color: #33454f;
			font-size: 30px;
			}
	
	
		.tresc1 {
		width: 90%;
		padding: 0px 5% 50px 5%;
		font-family: 'Raleway', sans-serif;
		font-weight: 400;
		font-size: 14px;
		line-height: 24px;
		color: #33454f;
		text-align: center;
		}
		
		.tresc1 h1 {
		float: left;
		position: relative;
		width: 100%;
		font-size: 26px;
		margin: 0 0 30px 0;
		padding: 0;
		color: #33454f;
		font-weight: 700;
		}
		
		
		.tresc_of1, .tresc_of2, .tresc_of3, .tresc_of4, .tresc_of5 {
		width: 90%;
		padding: 50px 5% 50px 5%;
		font-family: 'Raleway', sans-serif;
		font-weight: 400;
		font-size: 14px;
		line-height: 24px;
		color: #33454f;
		
		}
		
		
		.tresc_of1 h1, .tresc_of2 h1, .tresc_of3 h1, .tresc_of4 h1, .tresc_of5 h1 {
		float: left;
		position: relative;
		width: 100%;
		font-size: 26px;
		margin: 0 0 30px 0;
		padding: 0;
		color: #33454f;
		font-weight: 700;
		line-height: 27px;
		}
		
		.link_do_cennika {
		float: left;
		position: absolute;
		top: -10px;
		left: 5%;
		text-decoration: none;
		color: #fff;
		background-color: #8dcb64;
		font-family: 'Raleway', sans-serif;
		font-weight: 700;
		font-size: 14px;
		padding: 10px 15px;
		-webkit-border-radius: 2px;
				-moz-border-radius: 2px;
				border-radius: 2px;
		}
		.link_do_cennika:hover {
		background-color:#33454f;
		}
		
		.oferta_more_nag {
		float: left;
		position: relative;
		padding: 10px 0px 10px 20px;
		margin-bottom: 0px;
		font-family: 'Raleway', sans-serif;
		font-weight: 700;
		font-size: 18px;
		line-height: 24px;
		color: #33454f;
		text-transform: uppercase;
		border-left: 4px solid #8dcb64;
		margin-left: 0px !important;
		}	
		.oferta_more_tresc {
		
		float: left;
		position: relative;
		padding: 10px 0px 10px 20px;
		margin-bottom: 50px;
		background-color: #fff;
		font-family: 'Raleway', sans-serif;
		font-weight: 400;
		font-size: 14px;
		line-height: 24px;
		color: #33454f;
		
		}	
		
			
		.tresc3 {
		width: 100%;
		padding: 0px 0px 50px 0;
		font-family: 'Raleway', sans-serif;
		font-weight: 400;
		font-size: 14px;
		line-height: 24px;
		color: #33454f;
		text-align: center;
		}
		
		.tresc3 h1 {
		float: left;
		position: relative;
		width: 100%;
		font-size: 26px;
		margin: 30px 0 30px 0;
		padding: 0;
		color: #fff;
		font-weight: 400;
		}
				.box_of1, .box_of2, .box_of3, .box_of4, .box_of5{
				display: inline-block;
				width: 258px;
				height: 160px;
				position: relative;
				margin: 6px;
				color: #fff;
				font-family: 'Raleway', sans-serif;
				font-weight: 700;
				font-size: 13px;
				background-color: #fff;
				text-transform: uppercase;
				-webkit-border-radius: 2px;
				-moz-border-radius: 2px;
				border-radius: 2px;
				-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.21);
			-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.21);
			box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.21);
				}
				
				.box_of1 {
					text-decoration: none;
				background-image: url(../grafika/box_of1.jpg); background-position: center center; background-repeat: no-repeat;
				 -webkit-transition: 0.2s ease-in-out;
				 -moz-transition: 0.2s ease-in-out;
				 -o-transition: 0.2s ease-in-out;
				 transition: 0.2s ease-in-out;
				}
				
				.box_of2 {
					text-decoration: none;
				background-image: url(../grafika/box_of2.jpg); background-position: center center; background-repeat: no-repeat;
				 -webkit-transition: 0.2s ease-in-out;
				 -moz-transition: 0.2s ease-in-out;
				 -o-transition: 0.2s ease-in-out;
				 transition: 0.2s ease-in-out;
				}
				
				.box_of3 {
					text-decoration: none;
				background-image: url(../grafika/box_of3.jpg); background-position: center center; background-repeat: no-repeat;
				 -webkit-transition: 0.2s ease-in-out;
				 -moz-transition: 0.2s ease-in-out;
				 -o-transition: 0.2s ease-in-out;
				 transition: 0.2s ease-in-out;
				}
				
				.box_of4 {
					text-decoration: none;
				background-image: url(../grafika/box_of4.jpg); background-position: center center; background-repeat: no-repeat;
				 -webkit-transition: 0.2s ease-in-out;
				 -moz-transition: 0.2s ease-in-out;
				 -o-transition: 0.2s ease-in-out;
				 transition: 0.2s ease-in-out;
				}
				
				.box_of5 {
					text-decoration: none;
				background-image: url(../grafika/box_of5.jpg); background-position: center center; background-repeat: no-repeat;
				 -webkit-transition: 0.2s ease-in-out;
				 -moz-transition: 0.2s ease-in-out;
				 -o-transition: 0.2s ease-in-out;
				 transition: 0.2s ease-in-out;
				}
				
				
				.box_of1:hover .box_of_nag, .box_of2:hover .box_of_nag, .box_of3:hover .box_of_nag, .box_of4:hover .box_of_nag, .box_of5:hover .box_of_nag {
				 -webkit-transition: 0.2s ease-in-out;
				 -moz-transition: 0.2s ease-in-out;
				 -o-transition: 0.2s ease-in-out;
				 transition: 0.2s ease-in-out;
				 background-color: #8dcb64;
				 color: #fff;
				}
				
				.box_of_nag {
					width: 100%;
					padding: 8px 0;
					
				float: left;
				position: absolute;
				bottom: 0;
				left: 0;
				text-align: center;
				color: #33454f;
				background-color: #fff;
				-webkit-border-bottom-right-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
-moz-border-radius-bottomright: 2px;
-moz-border-radius-bottomleft: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
				}
		
		.tresc2 {
		width: 90%;
		padding: 0px 5% 50px 5%;
		font-family: 'Raleway', sans-serif;
		font-weight: 400;
		font-size: 14px;
		line-height: 24px;
		color: #33454f;
		text-align: center;
		}
		
		.tresc2 h1 {
		float: left;
		position: relative;
		width: 100%;
		font-size: 26px;
		margin: 0 0 30px 0;
		padding: 0;
		color: #33454f;
		font-weight: 700;
		}
		
		.foto_kat_obszar {
				width: 100%;
				float: left;
				position: relative;
				margin-bottom: 40px;
				margin-top: 40px;
				text-align: center;
				}
				
				.box_galeria {
				display: inline-block;
				position: relative;
				width: 200px;
				height: 140px;
				margin: 6px 12px 6px 0;
				-webkit-transition: 0.2s ease-in-out;
			-moz-transition: 0.2s ease-in-out;
			-o-transition: 0.2ss ease-in-out;
			transition: 0.2s ease-in-out;
			transform: scale(1.0);
				 -webkit-filter: grayscale(0%); filter: grayscale(0%);
				}	
				.box_galeria:hover {
				-webkit-transition: 0.2s ease-in-out;
			-moz-transition: 0.2s ease-in-out;
			-o-transition: 0.2ss ease-in-out;
			transition: 0.2s ease-in-out;
			 -webkit-filter: grayscale(100%); filter: grayscale(100%);
		
			color: #fff;
			
				}
		
	
	.p3 {
	width: 100%;
	float: left;
	position: relative;
	margin: 26px 0 31px 0;
	}
	
		.box1 {
		float: left;
		position: relative;
		height: 252px;
		width: 100%;
		padding: 0;
		}
			.box1a {
			width: 100%;
			float: left;
			position: relative;
			font-family: 'Lato', sans-serif;
			font-weight: 900;
			font-size: 19px;
			color: #000;
			text-transform: uppercase;
			padding: 20px 0 20px 0;
			}
			
			.box1b {
			width: 100%;
			float: left;
			position: relative;
			}
				.box1b1 {
				float: left;
				position: relative;
				width: 100%;
				}
					.akt_link {
					float: left;
					position: relative;
					width: 100%;
					height: 50px;
					line-height: 50px;
					vertical-align: middle;
					margin-bottom: 10px;
					cursor: pointer;
					}
					.akt_link:hover {
					background-color: #e7eef1;
					}
					
						.akt_data {
						float: left;
						position: relative;
						background-color: #33454f;
						font-family: 'Raleway', sans-serif;
						font-weight: 400;
						color: #fff;
						width: 50px;
						height: 50px;
						}
							.d_poz1 {
							float: left;
							position: relative;
							width: 100%;
							text-align: center;
							font-size: 25px;
							line-height: 25px;
							margin-top: 5px;
							}
							.d_poz2 {
							float: left;
							position: relative;
							width: 100%;
							text-align: center;
							font-size: 14px;
							line-height: 14px;
							text-transform: uppercase;
							}
					
					.akt_tytul {
					float: left;
					width: 210px;
					height: 50px;
					position: relative;
					padding: 0 20px 0 20px;
					font-family: 'Raleway', sans-serif;
					font-weight: 600;
					font-size: 13px;
					overflow: hidden;
					color: #000;
					}
					
					
					
					.box1b2 {
					width: 100%;
					float: left;
					position: relative;
					background-color: #8dcb64;
					color: #fff;
					font-family: 'Raleway', sans-serif;
					font-weight: 600;
					padding: 15px 0;
					font-size: 12px;
					vertical-align: middle;
					text-align: center;
					text-decoration: none;
					}
					.box1b2:hover {
					background-color: #ead94e;
					}
					
					
			.box2 {
			float: left;
			position: relative;
			height: 182px;
				
			padding: 40px 20px 30px 20px;
			background-image: url(../grafika/box2_res.jpg); background-position: bottom right; background-repeat: no-repeat;
			}
			
			.box2a {
			width: 100%;
			float: left;
			position: relative;
			font-family: 'Lato', sans-serif;
			font-weight: 900;
			font-size: 16px;
			color: #ead94e;
			text-transform: uppercase;
			padding: 0px 0 20px 0;
			}
			
			.box2b {
			width: 100%;
			float: left;
			position: relative;
			font-family: 'Raleway', sans-serif;
			font-weight: 600;
			font-size: 13px;
			color: #000;
			padding: 0px 0 20px 0;
			}
			
			.box2c {
			float: left;
			position: relative;
			padding: 10px 16px;
			font-family: 'Raleway', sans-serif;
			font-weight: 500;
			font-size: 13px;
			color: #fff;
			background-color: #ead94e;
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			border-radius: 2px;
			text-decoration: none;
			}
			.box2c:hover {
			background-color: #8dcb64;
			}
	
	.p4 {
	width: 100%;
	float: left;
	position: relative;
	margin: 0 0 0px 0;
	}
	
		.box3 {
		float: left;
		position: relative;
		width: 100%;
		}
			.box3a {
			float: left;
			position: relative;
			background-color: #8dcb64;
			width: 100%;
			height: 177px;
			color: #fff;
			font-family: 'Lato', sans-serif;
			font-weight: 900;
			font-size: 19px;
			text-align: center;
			text-transform: uppercase;
			padding-top: 75px;
			text-decoration: none;
			margin: 5px 0;
			}
				.box3a:hover {
				background-color: #ead94e;
				color: #fff;
				}
			
			.box3b {
			float: left;
			position: relative;
			background-color: #e7eef1;
			width: 100%;
			height: 165px;
			color: #33454f;
			font-family: 'Lato', sans-serif;
			font-weight: 900;
			font-size: 19px;
			text-align: center;
			text-transform: uppercase;
			text-decoration: none;
			padding-top: 87px;
			margin: 5px 0;
			}
				.box3b:hover {
				background-color: #33454f;
				color: #e7eef1;
				}
				
				
				
		.box4 {
		float: left;
		position: relative;
		height: 182px;
		width: 100%;
		padding: 40px 0px 30px 0px;
		margin-top: 5px;
		background-image: url(../grafika/box4_res.jpg); background-position: bottom right; background-repeat: no-repeat;
		}
		
			.box4a {
			float: left;
			position: relative;
			font-family: 'Lato', sans-serif;
			font-weight: 900;
			font-size: 19px;
			color: #fff;
			text-transform: uppercase;
			padding: 0px 20px 20px 20px;
			}
			
			.box4b {
			
			float: left;
			position: relative;
			font-family: 'Raleway', sans-serif;
			font-weight: 600;
			font-size: 13px;
			color: #fff;
			padding: 0px 20px 20px 20px;
			}
			
			.box4c {
			float: left;
			position: relative;
			padding: 10px 16px;
			font-family: 'Raleway', sans-serif;
			font-weight: 500;
			font-size: 13px;
			color: #2a3e47;
			background-color: #fff;
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			border-radius: 2px;
			text-decoration: none;
			margin-left: 20px;
			}
			.box4c:hover {
			background-color: #8dcb64;
			}
	
	.p5 {
	width: 100%;
	float: left;
	position: relative;
	margin-top: -10px;
	}
			.p5_1 {
			width: 850px;
			float: left;
			position: relative;
			text-align: center;
			text-transform: uppercase;
			display: none;
			}
				.p5_1a {
				float: left;
				position: relative;
				width: 100%;
				text-align: center;
				color: #2a3e47;
				font-family: 'Lato', sans-serif;
				font-weight: 900;
				font-size: 23px;
				line-height: 23px;
				margin-bottom: 3px;
				margin-top: 155px;
				}
				.p5_1b {
				float: left;
				position: relative;
				width: 100%;
				text-align: center;
				color: #8dcb64;
				font-family: 'Lato', sans-serif;
				font-weight: 900;
				font-size: 34px;
				line-height: 34px;
				margin-bottom: 3px;
				}
				.p5_1c {
				float: left;
				position: relative;
				width: 100%;
				text-align: center;
				color: #2a3e47;
				font-family: 'Lato', sans-serif;
				font-weight: 900;
				font-size: 35px;
				line-height: 35px;
				margin-bottom: 3px;
				}
				
				
			.p5_2 {
			width: 100%;
			float: left;
			position: relative;
			text-align: center;
			
			}
				.p5_2a {
				float: left;
				position: relative;
				width: 100%;
				height: 165px;
				background-color: #8dcb64;
				color: #fff;
				margin-top: 35px;
				}
					.p5_2a1 {
					float: left;
					position: relative;
					width: 100%;
					font-family: 'Lato', sans-serif;
					font-weight: 900;
					font-size: 20px;
					margin-bottom: 13px;
					margin-top: 20px;
					text-align: center;
					text-transform: uppercase;
					}
					.p5_2a2 {
					float: left;
					position: relative;
					width: 100%;
					font-family: 'Raleway', sans-serif;
					font-weight: 500;
					font-size: 13px;
					margin-bottom: 3px;
					text-align: center;
					}
					.p5_2a3 {
					float: left;
					position: relative;
					width: 100%;
					font-family: 'Raleway', sans-serif;
					font-weight: 600;
					font-size: 13px;
					text-align: center;
					margin-top: 20px;
					}
						.p5_2a3 a {
						padding: 8px 12px;
						-webkit-border-radius: 2px;
						-moz-border-radius: 2px;
						border-radius: 2px;
						text-decoration: none;
						background-color: #fff;
						color: #8dcb64;
						}
						.p5_2a3 a:hover {
						background-color: #33454f;
						}
						
				.p5_2b {
				float: left;
				position: relative;
				width: 100%;
				height: 165px;
				background-color: #fff;
				color: #8dcb64;	
				}
					.p5_2b1 {
					width: 100%;
					float: left;
					position: relative;
					text-transform: uppercase;
					font-family: 'Lato', sans-serif;
					font-weight: 900;
					font-size: 13px;
					text-align: center;
					margin-top: 55px;
					}
					.p5_2b2 {
					width: 100%;
					float: left;
					position: relative;
					text-transform: uppercase;
					font-family: 'Lato', sans-serif;
					font-weight: 900;
					font-size: 38px;
					text-align: center;
					}
	
	
	.p6_1 {
	width: 100%;
	float: left;
	position: relative;
	padding: 10px 0;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 11px;
	color: #33454f;
	text-transform: uppercase;
	z-index: 99999999;
	background-color: #fff;
	}
	
	.p6 {
	width: 100%;
	float: left;
	position: relative;
	padding: 0 0 10px 0;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 11px;
	color: #33454f;
	text-transform: uppercase;
	}
		.p6_left {
		width: 100%;
		float: left;
		position: relative;
		text-align: center;
		}
		
		.p6_right {
		width: 100%;
		float: right;
		position: relative;
		text-align: center;
		}
			.p6_right a {
			color: #33454f;
			text-decoration: none;
			}
			.p6_right a:hover {
			color: #8dcb64;
			}
			
			
}