@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=PT+Serif&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Abril+Fatface&subset=latin-ext');

body, html{
    padding:0px;
    margin:0px;
	font-family: 'Open Sans', sans-serif;
	letter-spacing: 0.05em;
	min-height:100%;
}
img {border:0}
body{
	font-size: 11px;
	color:#707070;
	background-color:#fff;
	line-height: 22px;
	
}
.bold{font-weight:bold;}
.clear{clear:both}


#topb{
	width:100%;
	position:fixed;
	background-color:rgba(255, 255, 255, 0);
	z-index: 1000;
	right:0px
}
#top {
	padding:10px 30px;
	margin:0 auto;
	box-sizing: border-box;
	width:100%;
	max-width:1220px;
	position:relative;
	background-position-x: center;
	background-repeat: repeat-y;
}

#menu{margin-top:20px;float:right;font-size:14px;}
#menu a{color:#303030; text-decoration:none; padding:30px 30px 0px 20px;}
#menu a.menuk{color:#303030;}
.menul{margin-bottom:30px}

#homed0{
	background: transparent url("../images/zdjecie1.png") top left no-repeat;
	background-size:contain;
	width: 1190px;
	max-width: 100%;
	height: 605px;
	min-height: 555px;
	max-height: 833px;
	margin: 0px auto;
	box-sizing: border-box;
}
#homed{
	background: transparent url("../images/zdjecie1b.png") no-repeat;
	background-position-x: 0%;
	background-position-y: 0%;
	background-size:contain;
	width: 100%;
	height: 100%;
	max-width: 740px;
	margin:0 auto;
	min-height: 555px;
	max-height: 833px;
	padding: 160px 130px 0 385px;
	box-sizing: border-box;
}

#onas0{
	background: transparent url("../images/zdjecie2.png") top left no-repeat;
	background-size:contain;
	width: 100%;
	max-width: 1200px;
	height: 685px;
	margin: 60px auto 0px;
	box-sizing: border-box;
}
#onas{
	background: transparent url("../images/zdjecie2b.png") top left no-repeat;
	background-size:contain;
	background-position-x: 15%;
	width: 100%;
	max-width: 1100px;
	height: 685px;
	margin: 0px auto;
	padding: 30px 3% 0 47%;
	box-sizing: border-box;
}

.stronynav{color:#303030; text-decoration:none; padding:30px 10px 0px 0px;}
a:hover{opacity:1!important}
a{color:#707070}
#kontakt{
	width: 100%;
	max-width: 830px;
	height: 685px;
	margin: 60px auto 0px;
	padding:20px 60px;
	box-sizing: border-box;
}
#slogan{
	text-align:center;
	width: 100%;
	height: 685px;
	padding-top:230px;
	box-sizing: border-box;
}
#stopka{
	padding:20px 30px;
	margin:0 auto;
	box-sizing: border-box;
	width:100%;
	max-width:1220px;
	position:relative;
}
#stopka #menu{
	float:left;
}
input, textarea{
	padding:10px 40px;
	border:1px #a0a0a0 solid;
	width:100%;
	font-family: 'Open Sans', sans-serif;
	margin:10px 0px;
	font-size: 11px;
	box-sizing: border-box;
	border-radius: 0px;
	-webkit-appearance: none;
    -moz-appearance: none;
}
textarea{
	height: 150px;
	border-radius: 0px; 
	-webkit-appearance: none;
    -moz-appearance: none;
}
.inputt{width:50%}
.submit{
	background-color: #505050;
	color:#fff;
	width:100px;
	border-width: 0px;
	padding:10px 20px;
	cursor: pointer;
}
hr{border:1px #a0a0a0 solid;}
h1{
	font-family: 'Abril Fatface', serif;
	letter-spacing: 1px;
	font-size: 45px;
	line-height: 65px;
	font-weight: normal;
	color:#303030;
}
#slogan h1{
	font-family: 'Abril Fatface', serif;
	font-size: 45px;
	line-height: 67px;
	font-weight: normal;
	color:#303030;
	margin-top:10px
}

a.link1{
	color:#303030;
	text-decoration: none;
	font-weight: bold;
}

#kontaktd{
	text-align:center;
	width: 100%;
	height: 585px;
	box-sizing: border-box;
	color:#303030;
}

.side{
	position:fixed;
	bottom:40px;
	right:10px;
}
.side a{
	color:#a0a0a0;
	display:block;
	padding:5px 10px;
	text-decoration: none;
}
.sidea{
	border:1px #303030 solid;
	color:#303030!important;
	border-radius: 50%; 
	padding:3px 10px!important;
}

.menum{
	display:none;
}
.logo1{
	display:none;
}
.logostopka1{
	display:none;
}
.logostopka2{
	margin-left:50%;position:relative;left:-30px;
}
#onas02{
	display:none;
	background: transparent url("../images/zdjecie2.png") top left no-repeat;
	background-position-y: 20%;
	background-size:contain;
	width: 100%;
	max-width: 995px;
	height: 685px;
}
#onas2{
	background: transparent url("../images/zdjecie2b.png") top center no-repeat;
	background-size:contain;
	width: 100%;
	max-width: 995px;
	height: 685px;
}

.side1{
	position:fixed;
	top:45%;
	font-size:14px;
	color: #303030;
}
.side2{
	position:fixed;
	bottom:10px;
	left:45px;
}
.silewo {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	left:0px;
}
.siprawo {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
	transform: rotate(90deg);
	right:0px;
}

@media (max-width: 1050px){
	#onas{
		/*background: transparent url("../images/zdjecie2b.png") top left no-repeat;*/
		background-position-x:-10%;
		width: 100%;
		max-width: 995px;
		height: 685px;
		margin: 60px auto 0px;
		padding: 30px 5% 0 40%;
		box-sizing: border-box;
	}
}
@media (max-width: 786px){
	.menul,.side,.logo,#navonasdesk{
		display:none;
	}
	.menum{
		display:block;
	}
	.logo1{
		display:block;
	}
	#onas,#onas0{
		background-image:none;
		padding: 0px 10% 100px;
		height:auto;
	}
	#onas02{
		display:block;
	}
	#homed{
		/*background-image:url("../images/zdjecie1b.png");
		background-size:auto;*/
		background-position-x:15%!important;
		padding: 110px 30% 0 50%;
	}
	#topb{
		width:115px;
		height:90px;
	}
	.logostopka2,.dogorystopka{
		display:none;
	}
	.logostopka1{
		display:block;
		padding-top:30px;
	}
	#menu a{
		padding:20px 0px 0px 0px;
		display:block}
	
}
@media (max-width: 640px){
	#homed{
		background-position-x:15%!important;
		padding: 110px 30% 0 50%;
	}
	.inputt{width:100%}
	.copy, #stopka #menu{
		float: none!important;
	}
	.logostopka1{display:none}
	#stopka{text-align: center}
	.logostopka2{padding-top:30px;display:block;float:none!important;clear:both;}
	#stopka div.clear{display: none}
	.copy{display:block;float:none;padding: 10px 0 50px;margin-left: 0px!important}
	#onas02,#onas2{
		height:620px;
	}
}
@media (max-width: 550px){
	#homed{
		background-position-x:-5%!important;
		padding: 110px 25% 0 50%;

	}
	#onas02,#onas2{
		height:530px;
	}
	.logo1{
		display:none;
	}

	.side2{
		position:fixed;
		bottom:10px;
		left:10px;
	}
	.silewo {
		left:-40px;
	}
	.siprawo{
		right:-40px;
	}
}
@media (max-width: 460px){
	h1{
	
		font-size: 35px;
		line-height: 45px;

	}
	#homed{
		background-position-x:-100px!important;
		padding: 110px 25% 0 50%;

	}
	#slogan h1{
		font-size: 35px;
		line-height: 47px;
	}
	#onas02,#onas2{
		height:440px;
	}
	.logo1{
		display:none;
	}
}
@media (max-width: 370px){
	#homed{
		background-position-x:-150px!important;
		padding: 110px 10% 0 35%;

	}
	#onas02,#onas2{
		height:320px;
	}
	.logo1{
		display:none;
	}

}