* {
margin: 0; 
padding: 0;
 }
 
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
   display: block;
}

audio, canvas, embed, keygen, meter, progress, video {
	display: inline-block;
}

[hidden] {
	display: none;
}

html, body {
	width: 100%;
    height: 100%;
}

main p {
	color: #606060;
	font-family: 'Lato', sans-serif;
	font-weight: 100;
	font-size: 20px;
	text-align: center;
	padding: 50px;

}

.wrapper {
width:100%; 
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -21px;
background-color: #efefef;
text-align: center;
}
.top {
width:100%; 
height: 25px;
background-color: #4f582b;
}

aside{
margin: 0 auto;
width: 640px;
height: 25px;
background-color: #4f582b;
}

aside ul {/* wygląd elementu - ul */
list-style-type: none;
text-decoration: none;
 }
 
aside ul li a { /* wygląd elementów - a */
display: inline;
float: right;
font-family: 'Dosis', sans-serif;
font-weight: 100;
font-size: 16px;
margin: 2px 16px 0 0;
text-decoration:none;
text-align:center;
color:#e7e7e7;
 }

aside ul li a:hover {/* wygląd elementu - a - w momencie najechania na niego kursorem myszki */
color:white;
}

aside ul p {
color:  #ff7800;
}


header {
width:100%; 
height: 200px;
animation:ruch 400s linear infinite alternate;
-webkit-animation:ruch 400s linear infinite alternate; /* dla Google Chrome, Safari, Opera 15+ */
background-image:url('img/bg.jpg');
z-index: -1;
}

 /*------------------------ANIMACJA-RUCHOME-TŁO------------------------*/
      @keyframes ruch
      {
        0% {background-position:0 0, 0 0, 0 0;}
        100% {background-position:10000px 0, 7500px 0, 5000px 0;}
      }

      /* dla Google Chrome, Safari, Opera 15+ */
      @-webkit-keyframes ruch
      {
        0% {background-position:0 0, 0 0, 0 0;}
        100% {background-position:10000px 0, 7500px 0, 5000px 0;}
      }


nav{
margin: 0 auto;
width: 711px;
height: 200px;
background-color: none;       
}

.button{
margin: 60px 5px 0 5px;
float: left;
width:  69px;
height: 69px;
background-color: #e7e7e7;
text-align: left;
}

.button p {  /* tytuły boxów*/
	display: block;
	color: #4f582b;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 12px;
	padding: 0 0 0 3px;
}

.button img{
margin: -13px 0 0 0;
}

.push {
height: 21px;
}

footer{
height: 21px;
width:100%; 
background-color: #4f582b;
text-align: center;
}

h1 /*kontakt */
{
	color: #606060;
	font-family: 'Lato', sans-serif;
	font-weight: 600;
	font-size: 20px;
	text-align: center;
	padding: 30px;
}

h2 {	/*jak do nas dotrzeć */
	color: #606060;
	font-family: 'Lato', sans-serif;
	font-weight: 600;
	font-size: 18px;
	text-align: center;
	padding: 40px 0 0 0;
}

footer p  /* copyright */
{
	padding: 4px 0 0 0;
	color: #818f48;
	font-family: 'Lato', sans-serif;
	font-weight: 100;
	font-size: 10px;
}