*{
	font-family: Helvetica, Sans-Serif;
	color: #64686b;
}
::-moz-selection {
	background:#e6e6e6;
}
::selection {
	background:#e6e6e6;
}
html, body {
	height: 100%;
	background-color: #e6e6e6;
}
html {
  overflow-y: scroll;
}
.wrap{
	margin: 1.5em 10%;
	padding-bottom: 3em;
	overflow:hidden;
	background-color: #fff;
	border-right: .08em solid #d3d3d3;
	border-left: .08em solid #d3d3d3;
	border-bottom: .08em solid #d3d3d3;
}
.pasek{
	padding-top: 1.5em;
	padding-top: 0;
	margin-top: 0;
	height: .33em;
	background-color: #f37355;
	margin-bottom: 1em;
}
.container{
	position:relative;
	min-height:100%;
	overflow:hidden;
}
.main{
	background-color: #ffffff;
	padding:3.76em 5% .2em 5%;
	height:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
aside{
	padding-top: .5em;
	padding-left: 10em;
	float:right;
	margin:0;
}
aside img{
	width: 1.65em;
}
img.i{
	width: 1.2em;
	padding:.4em;
	opacity: 0.65;
}
p.i{margin-top: 1.5em;
	text-align: center;
}
/*=====================formatowanie projektow=======================*/
hgroup{
	border-left: .72em solid #f37355;
	padding-left: .37em;
	padding-top: .17em;
}
h1, h2, h3{
	display: inline;
	font-weight: normal;
	padding: 0;
	margin: 0;
	color: #7f8285;
}
h1{
	font-size: 1.35em;
}
h2{
	font-size: 1.1em;
	color: #7f8285;
	font-weight: 600;
	margin-bottom: 1em;
}
h3{
	font-size: 1em;
	color: #7f8285;
}
article{
	padding-top: 1em;
	padding-bottom: 1em;
	font-size: 0.85em;
	text-align: justify;
	line-height: 1.3em;
}
article img{
	width: 100%;
	max-width: 870px;
}
article p{
	max-width: 870px;
}
img.m{
	margin-left: .15em;
	margin-right: .15em; 
	margin-bottom: .07em;
	width: 32.2%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: .08em solid #d3d3d3;
}
/*============================nawigacja===============================*/
header{
	background-color: #fff;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
ul{
	margin:0;
	padding:0;
	font-size: 1em;
}
.dropdown-container li{
	padding-left: .9em;
	font-size: .94em;
	margin-top: .7em;
	margin-bottom: 1.1em;
}
/*============================dol strony==============================*/
.stopka{
	background-color: #f4f4f4;
	clear:both;
	position:absolute;
	bottom:0;
	width:100%;
	height:3.8em;
	text-align: center;
	color: #ffffff;
	padding-top:.7em;
	border-top: .08em solid #d3d3d3;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0px -.2em 1em rgba(50, 50, 50, 0.3);
	-moz-box-shadow:    0px -.2em 1em rgba(50, 50, 50, 0.3);
	box-shadow:         0px -.2em 1em rgba(50, 50, 50, 0.3);
}
.stopka p{
	font-size: 0.8em;
	padding: 0 1em 0 1em;
	margin:0;
	line-height: 1.5em;
}
/*===============================linki================================*/
a{
	color:#64686b;
	text-decoration: none;
}
a.activeLink{
	color:#f37355;
	text-decoration: none;
}
img.i:hover, img.m:hover{
    opacity: .45;
}
/*===================================================================*/
@media only screen and (min-width: 851px) {
	a:hover{
		color:#f37355;
		text-decoration: none;
	}
	aside{
		width:10%;
	}
	header{
		float:left;
		padding:0 3% 0 3%;
		min-width: 153px;
		width:20%;
	}
	.main{
		width:70%;
		float:left;
	}
	.logo img{
		width:7em;
		padding-bottom:1em;
	}
	nav{
		overflow:hidden;
		padding-bottom:2.5em;
		min-width: 120px;
	}
	ul{
		text-align: left;
	}
	nav li{
		padding:0;
		display: block;
		margin: 1em 0 1em 0;
	}
	.top{
		display: none;
	}
}

@media only screen and	(min-width : 1450px){
	.wrap{
		margin: 1.5em 20%;
	}
	nav{
		font-size: 1.1em;
	}
	.logo img{
		width:9em;
		padding-bottom:1em;
		opacity: 80%;
		padding-bottom: .3em;
		padding-top: 1.5em;
	}
	article{
		padding-top: 3.9em;
	}
}

@media only screen and (max-width: 850px) {
	
	body{
		background-color: #fff;
	}
	.wrap{
		margin: 0;
		padding-top: 0;
		border: none;
	}
	aside{
		display:none;
	}
.logo img{
		width:6.5em;
		padding-bottom:1em;
		opacity: 80%;
		padding-bottom: .3em;
		padding-top: 1.5em;
	}
	.logo{
		padding:0.5em 5%;
		float:left;
	}
	.main{
		width:100%;
		padding: 2em 5% .2em 5%;
		padding-top: .15em;
	}
	nav{
		overflow:hidden;
		padding-left: 2%;
		padding-top:1.5em;
	}
	nav li{
		display: inline;
		float:left;
		margin: 0 1em 1em 1em;
	}
	.dropdown-container ul{
		display:none;
	}
	.top{
		background-color:#fff; 
		padding-top: 0;
		text-align: right;
		border-bottom: .08em solid #d3d3d3;
		margin-right: 4%;
		margin-left: 4%;
	}
	.top img{
		width: 1.8em;
		padding-top:.5em;
		padding-bottom: .5em;
		padding-left: .5em;
		min-width: 44px;
	}
	header{
		padding-top: 1em;
		padding-right: 2.5%;
	}
	article{
		margin-bottom: 1em;
	}
	img.m{
		margin-left: .15em;
		margin-right: .15em; 
		width: 49%;
		border: .09em solid #d3d3d3;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	img.m:hover{
    	opacity: 1;
    }
    .pasek{
		margin-bottom: .3em;
	}
}

		
@media only screen and (max-width: 400px) {
	.wrap{
		margin: 0;
	}
	.pasek{
		margin-bottom: .1em;
		height: .33em;
	}
	.logo img{
		width: 5em;
	}
	aside{
		display:none;
	}
	.main{
		width:100%;
		padding: 2em 10% .2em 10%;
		padding-top: 0;
	}
	.stopka p{
		font-size: 0.8em;
		display:block;
		padding: 0.3em 1em 0 1em;
		margin:0;
	}
	.stopka{
		margin-bottom: .6em;
	}
	img.m{
		vertical-align: middle;
		margin-bottom: .5em;
		width: 100%;
		border: .09em solid #d3d3d3;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	nav{
		padding-top: .3em;
	}
}