* {
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%;
}

.wrapper {
width:100%; 
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -21px;
background-color: #efefef;
}

.contain {
	margin: 0 auto;
	width: 640px; 
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

.contain p {
	color: #606060;
	font-family: 'Lato', sans-serif;
	font-weight: 100;
	font-size: 20px;
	line-height: 25px;
	padding: 0 0 20px 0;
}
.contain li {
color: #606060;
	font-family: 'Lato', sans-serif;
	font-weight: 100;
	font-size: 20px;
	text-align: left;
	line-height: 30px;
}

.contain ul {
	padding: 0 0 0 80px;
}

.contain a{
	padding: 30px 0 0 0;
	color: #606060;
	font-family: 'Lato', sans-serif;
	font-size: 20px;
}

.top {
width:100%; 
height: 25px;
background-color: #5c5f22;
}

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

aside ul {/* wygląd elementu - ul */
list-style-type: none;
text-decoration: none;
 }
 
aside ul p {
color:  #ff7800;
}

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;
}

header {
width:100%; 
height: 254px;
background-image:url('img/baner_gallery2.jpg');
background-repeat: no-repeat;
background-position: center;
background-color: #2b2b2b;
z-index: -1;
}


nav{
margin: 0 auto;
width: 730px;
height: 100px;  
}

.nav_bg{
width: 100%;
background-color: #5c5f22;   
height: 110px;
}

.button_press{
margin: 20px 2px 0 2px;
float: left;
width:  69px;
height: 69px;
background-color: none;
text-align: left;
}

.button{
margin: 20px 2px 0 2px;
float: left;
width:  69px;
height: 69px;
text-align: left;
background-color:#efefef;
}

.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;
}

.center {
margin: 0 auto;
width: 800px;
min-height: 100%;
height: auto !important;
}

.center2 {
float: left;
margin: 0 auto;
width: 500px;
min-height: 220px;
height: auto !important;
}

.center3 {
margin: 0 auto;
width: 700px;
min-height: 220px;
height: auto !important;
}



.center p {
	color: #606060;
	font-size: 17px;
	margin: 0 20px 0 0;
	font-family: 'Kalam', sans-serif;
	text-decoration: none;
	margin: 30px auto 10px auto;
}

.center a {
	text-decoration: none;
}

.hr {
clear: both;
padding: 20px 0 30px 0;
}

.hr hr{
width: 100%;

background-color: #606060;
height: 1px;
color: #606060;
border: 0px;


}

#contain {
float: left;
width:  800px;
height: auto !important;
min-height: 100%;
}

#contain p {
	color: #606060;
	font-size: 17px;
	margin: 0 20px 0 0;
	font-family: 'Kalam', sans-serif;
	text-decoration: none;
	margin: 30px auto 10px auto;
	clear: both;
}


.box {
float: left;
padding: 3px
}


.push {
height: 21px;
clear: both;
}

footer{
height: 21px;
width:100%; 
background-color: #5c5f22;
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;
}

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



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

footer p {
	color: #81834a;
	font-family: 'Lato', sans-serif;
	font-weight: 100;
	font-size: 10px;
	padding: 4px 0 0 0;
}