* {padding:0;margin:10;}
html {width:auto;height:100%;}

body {font-family: Georgia, Helvetica, Sans-serif;
		font-size:24px;
		line-height:1.5;
		font-weight:400;
		color:#434343;
		background:#FFF;
	}
.container {width:1050px;margin:0 auto;}
header {margin:0 0;}
header img {width:100%;}


.bg {
	background: #466368;
	background: linear-gradient(to right bottom, #f3f8fa, #dee9f0);
	border-radius: 6px;
	height: auto;
	}

div#wrapperHeader {
  height;100px; 
  position: relative;
  max-width: 100%;
  display:block;
 }

div#wrapperHeader img{
    width:100% ;
    height:100%;
    display:block;
}

div#wrapperHeader div#header {
 width:60%;
 height:60%;
 margin-left:50px;
 position: relative;
}

div#wrapperHeader div#header img {
 width:70%; 
 height:70%; 
 /*position: relative; top : 1%;                 /*wejscie logo na obraz header'a*/
 max-width: 100%;
 }
	
	
aside {float:left;width:30%;margin:0 0 25px;}
aside nav ul {list-style:none;}
aside nav ul li {margin-bottom:1px;}
aside nav ul li a {display:block;text-decoration:none;color:#000;background:#c5d8e5;padding:8px 20px;}
aside nav ul li a:hover{background:#26638e;color:#FFF;}
 
#main {float:right;width:65%;margin:0 0 25px;}
footer {clear:both;color:#FFF;background:#c5d8e5;padding:15px 0 15px 3 0px;}

@media (min-width: 1100px) {
.container {width:1050px;}
aside {width:20%;}
#main {width:75%;}
}

@media (max-width: 1100px) and (min-width: 1000px) {
.container {width:950px;}
aside {width:30%;}
#main {width:65%;}
}

@media (max-width: 1000px) and (min-width: 800px) {
.container {width:750px;}
aside {width:30%;}
#main {width:65%;}
}

@media (max-width: 800px) and (min-width: 500px) {
.container {width:450px;}
aside,
#main {width:100%;}
}

@media (max-width: 500px) {
.container {width:90%;}
aside,
#main {width:100%;}
}