* {margin: 0;padding:0;border:0;}
ul {list-style-type: none;}
li {list-style-type: none;}
:focus {
	outline: 0;
}
body {
	background: url('images/background.jpg') white center 108px no-repeat;
    font: 13px/18px 'Raleway', sans-serif;
}
h1 {
	clear: both;
    font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
    float: left;
}
	h1 a {
    	overflow: hidden;
    	text-indent: -9999px;
    	height: 120px;
    	width: 100px;
    }
h2 {
	color: #111217;
	text-shadow: 1px 1px white;
}
h3 {
	color: #111217;
	margin-bottom: 10px;
	text-shadow: 1px 1px white;
}
.wrapper {
	margin: 0 auto;
	width: 985px;
}
	#top {
		float: left;
		margin: 20px 0;
		width: 100%;
		z-index: 9999 !important;
	}
	#languages {
		float: right;
		width: 320px;
	}
		#languages a {
			color: white;
			background-color: #451B05;
			float: right;
			height: 15px;
			margin-left: 30px;
			text-decoration: none;
			width: 18px;
			padding: 7px;
		}
			#languages a:hover {
				background-color: darkOrange;
			}
	#banner {
		float: left;
		height: 300px;
		width: 100%;
	}
	#menu {
		float: left;
		margin: 10px 0;
		width: 100%;
	}
		#menu a {
			color:white;
			text-decoration: none;
		}
		#first {
			background-color: darkGray;
			float: left;
			height: 40px;
			margin-left: 0;
			text-align: center;
			text-decoration: none;
			width: 160px;
		}
		#middle {
			background-color: darkGray;
			float: left;
			height: 40px;
			margin-left: 5px;
			text-align: center;
			text-decoration: none;
			width: 160px;
		}
		#last {
			background-color: darkGray;
			float: left;
			height: 40px;
			margin-left: 5px;
			text-align: center;
			text-decoration: none;
			width: 160px;
		}
	#boxes {
		float: left;
		margin: 20px 0;
		width: 100%;
	}
		.box {
			float: left;
			margin-right: 33px;
			width: 221px;
		}
		.box-last {
			float: left;
			margin-left: 2px;
			width: 221px;
		}
			.gallery {
				float: left;
				margin-bottom: 10px;
				width: 100%;
			}
				.gallery li {
					list-style-type: none;
					float: left;
					margin: 12px;
				}
					.gallery a {
						display: block;
						height: 120px;
						overflow: hidden;
						position: relative;
						width: 221px;
					}
						.gallery > img {
							position: absolute;
							top: 0;
							left: 0;
							z-index: 999;
						}
						.gallery p, .gallery h4 {
							z-index: 4;
						}
							.gallery p {
								position: absolute;
								left: 0;
								top: -34px;
    
    
								-webkit-transition: all .5s ease;
								-moz-transition: all .5s ease;
								-o-transition: all .5s ease;
								width: 191px;
								padding: 8px 15px;
								color: white;
								background: rgba(255, 71, 0, 0.5);
								max-height: 80px;
								overflow: hidden;
								text-shadow: 1px 1px black;
							}
								.gallery a:hover p {
									top: 0;
								}
								.gallery h4 {
									background: none repeat scroll 0 0 rgba(255, 71, 0, 0.5);
									bottom: 0;
									color: white;
									font-size: 16px;
									font-weight: normal;
									left: 0;
									padding: 8px 15px;
									position: absolute;
									text-align: center;
									width: 191px;
									text-shadow: 1px 1px black;
								}
			.lista {
				float: left;
				margin-bottom: 10px;
				width: 221px;
			}
				.lista li {
					list-style-type: none;
					float: left;
				}
					.lista a {
						display: block;
						height: 120px;
						overflow: hidden;
						position: relative;
						width: 221px;
					}
						.lista > img {
							position: absolute;
							top: 0;
							left: 0;
							z-index: 999;
						}
						.lista p, .lista h4 {
							z-index: 4;
						}
							.lista p {
								position: absolute;
								left: 0;
								top: -34px;
								-webkit-transition: all .5s ease;
								-moz-transition: all .5s ease;
								-o-transition: all .5s ease;
								width: 230px;
								padding: 8px 15px;
								color: white;
								background: rgba(255, 71, 0, 0.5);
								max-height: 80px;
								overflow: hidden;
								text-shadow: 1px 1px black;
							}
								.lista a:hover p {
									top: 0;
								}
								.lista h4 {
									background: none repeat scroll 0 0 rgba(255, 71, 0, 0.5);
									bottom: 0;
									color: white;
									font-size: 16px;
									font-weight: normal;
									left: 0;
									padding: 8px 15px;
									position: absolute;
									text-align: center;
									width: 191px;
									text-shadow: 1px 1px black;
								}
			 .box p {
				 float: left;
				 text-align: justify;
			 }
			 .box-last p {
				 float: left;
				 text-align: justify;
			 }
.zobacz {
float: left;
margin: 10px 0;
background-color: black;
width: 45px;
}
		     	.zobacz a {
			     	background: url('images/zobacz.png') transparent 0 0 no-repeat;
			     	font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
			     	float: left;
			     	height: 16px;
			     	width: 38px;
			     	color: white;
			     	float: left;
			     	font-size: 10px;
			     	text-shadow: 1px 1px black;
			     	font-weight: bold;
			     	text-decoration: none;
			     	padding: 6px 11px;
			    }
			    	.zobacz a:hover {
				    	background-position: 0 -28px;
				    }
	.content {
		float: left;
		width: 100%;
		margin: 20px 0 30px 0;
	}
		.content p {
            margin-bottom: 10px;
			text-align: justify;
		}
		.content ul {
			float: left;
		}
		.content li {
			float: left;
            margin: 40px 50px;
		}
    .content h1 {
        margin-bottom: 10px;
        margin-top: 20px;
        width: 100%;
    }
	.content h2 {
		margin: 228px;
	}
		.header {
			float: left;
			font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
			margin-bottom: 15px;
			width: 100%;
		}
		#gal {
			float: left;
			width: 290px;
			padding-right: 34px;
			border-right: 1px solid gray;
			margin-right: 70px;
		}
		#text {
			border-right: 1px solid darkOrange;
			border-top: 1px solid darkorange;
			float: left;
			width: 70%;
			padding: 40px 20px 15px 0;
		}
			#text p {
				float: left;
				margin-bottom: 15px;
				text-align: justify;
			}
			.cert {
				margin: 10px 0 !important;
			}
			.cert-ost {
				margin: 10px 0 !important;
			}
			.cert img {
				float: left;
				margin: 0 124px 0 0;
			}
			.cert-ost img {
				float: left;
				margin: 0;
			}
		
		.photo {
			float: left;
		}
			.photo img {
				float: left;
				height: 201px;
				margin-right: 40px;
				width: 300px;
			}
		#text2 {
			float: left !important;
			margin-bottom: 15px;
			text-align: justify;
			width: 590px;
		}
			#text2 p {
				font: 13px/20px 'Cantarell', sans-serif;
				margin-bottom: 15px;
			}
		#gallery {
			float: left;
			width: 100%;
		}
			#gallery li {
				float: left;
				margin: 14px 42px 14px 0;
			}
		#gallery2 {
			float: left;
			width: 675px;
		}
			#gallery2 li {
				float: left;
				margin: 15px 25px 0px 0;
			}
			.ost {
				float: left;
				margin: 14px 0px 14px 0px !important;
			}
			#menu-right {
				float: left;
				width: 310px;
			}
		.gallery-dwl {
				margin: 10px auto;
				width: 100%;
			}
				.gallery-dwl li {
					list-style-type: none;
					float: left;
					margin: 12px;
					width: 30%;
				}
					.gallery-dwl a {
						display: block;
						height: 164px;
						overflow: hidden;
						position: relative;
						width: 300px;
						margin: 0 auto;
					}
						.gallery-dwl > img {
							position: absolute;
							top: 0;
							left: 0;
							z-index: 999;
						}
						.gallery-dwl p, .gallery h4 {
							z-index: 4;
						}
							.gallery-dwl p {
								position: absolute;
								left: 0;
								top: -34px;
    
    
								-webkit-transition: all .5s ease;
								-moz-transition: all .5s ease;
								-o-transition: all .5s ease;
								width: 100%;
								padding: 8px 15px;
								color: white;
								background: rgba(0,0,0,0.5);
								max-height: 80px;
								overflow: hidden;
								text-shadow: 1px 1px black;
							}
								.gallery-dwl a:hover p {
									top: 0;
								}
								.gallery-dwl h4 {
									background: none repeat scroll 0 0 rgba(0,0,0,0.5);
									bottom: 0;
									color: white;
									font-size: 16px;
									font-weight: normal;
									left: 0;
									padding: 8px 15px;
									position: absolute;
									text-align: center;
									width: 270px;
									text-shadow: 1px 1px black;
								}
				/**
 * List used for the demo page
 */
ul.curl {
	position: relative;
	width: 310px;
	float: left;
	background-color: #eee;
	margin: 15px 0 0 0;
	padding: 0;
	list-style: none;
	-webkit-perspective: 400px;
	   -moz-perspective: 400px;
	    -ms-perspective: 400px;
	     -o-perspective: 400px;
	        perspective: 400px;
}
	ul.curl li {
		position: relative;
		text-decoration: none;
		margin: 11px;
		padding: 10px 12px 10px 12px;
		color: #252525;
		z-index: 2;
		-webkit-transform: translateZ(0px);
		   -moz-transform: translateZ(0px);
		    -ms-transform: translateZ(0px);
		     -o-transform: translateZ(0px);
		        transform: translateZ(0px);
	}
	ul.curl li:hover {
		position: relative;
		text-decoration: none;
		margin: 11px;
		padding: 10px 12px 10px 12px;
		color: #252525;
		z-index: 2;
		background-color: silver;
		-webkit-transform: translateZ(0px);
		   -moz-transform: translateZ(0px);
		    -ms-transform: translateZ(0px);
		     -o-transform: translateZ(0px);
		        transform: translateZ(0px);
	}
	ul.curl a {
		position: relative;
		text-decoration: none;
		color: #252525;
		font-size: 14px;
		z-index: 2;
	}
        #infobox2 {
            border-right: 1px solid silver;
            float: left;
            height: 600px;
            margin-right: 83px;
            padding-right: 0px;
            width: 300px;
        }
.dane {
margin-bottom: 30px;
float: left;
width: 100%;
}
.dane p {
    line-height: 8px;
}
			#infobox2 p {
				padding-bottom: 5px;
			}
		#map {
			float: left;
			width: 573px;
		}
	#infobox {
		border-top: 1px solid darkorange;
		float: left;
		width: 22%;
		padding: 40px 15px 0 20px;
	}
		#infobox h2 {
			float: left;
			margin-bottom: 10px;
		}
		#infobox div {
			float: left;
			margin-top: 15px;
			margin-bottom: 15px;
		}
		#horizon {
            background: url('images/bottom.jpg') transparent center bottom no-repeat;
            float: left;
            height: 81px;
            width: 100%;
		}
		#bottom {
            height: 81px;
            margin: 0 auto;
            width: 984px;
            padding: 20px 0;
		}
     		.dot {
	     		float: left;
	     		width: 70px;
	     	}
	     		#dot {
		     		background: url('images/dot.png') transparent 0 0 no-repeat;
		     		height: 39px;
		     		width: 68px;
		     	}
		     		#dot:hover {
			     		background-position: 0 -39px;
			     	}
			     		#dot a {
			     			overflow: hidden;
			     			text-indent: -9999px;
				     		float: left;
				     		width: 68px;
				     		height: 39px;
			     		}
			.copyright {
                float: left;
                color: white;
                margin: 15px 170px;
			}
			#bottom-menu {
            	float: left;
                margin: 15px 0;
            }
            	#bottom-menu a {
	            	display: inline;
	            	color: white;
	            	text-decoration: none;
	            	padding: 0px 5px;
	            	font-style: italic;
	            	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	            	filter: alpha(opacity=80);
	            	opacity: 0.8;
	            }
	            	#bottom-menu a:hover {
		            	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		            	filter: alpha(opacity=100);
		            	opacity: 1;
		            }
		        #bottom-menu li {
			        display:  inline;
			        color: #a6a5a2;
			    }
/*NIVO*/
.nivoSlider {
    position:relative;
    width:985px !important; /* Change this to your images width */
    height:320px; /* Change this to your images height */
    background:url('images/loading.gif') no-repeat 50% 50%;
    z-index: -1;
    overflow: hidden;
    float: left;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.object {
    position: absolute;
    transition: all 2s ease-in-out;
    -webkit-transition: all 2s ease-in-out; /** Chrome & Safari **/
    -moz-transition: all 2s ease-in-out; /** Firefox **/
    -o-transition: all 2s ease-in-out; /** Opera **/
}
.van {
    top: 0%;
    left: 100%;
}
#slider .baner {
    transform: translate(-415px,0);
    -webkit-transform: translate(-415px,0); /** Safari & Chrome **/
    -o-transform: translate(-415px,0); /** Opera **/
    -moz-transform: translate(-415px,0); /** Firefox **/
}
.nivoSlider a {
	border:0;
	display:block;
}
.nivo-controlNav {
	position:absolute;
	left:50%;
	bottom:10px;
    margin-left:-40px; /* Tweak this to center bullets */
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url('images/bullets.png') no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}
.nivo-directionNav a {
	display:block;
	width:49px;
	height:60px;
	background:url('images/arrows.png') no-repeat;
	text-indent:-9999px;
	border:0;
	z-index: 9999 !important;
}
a.nivo-nextNav {
	background-position:-49px 0;
	right:0;
}
 a.nivo-prevNav {
	left:0;
}
.nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.nivo-caption a:hover {
    color:#fff;
}
/*NIVO DEFAULT END*/