* {
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;
text-align: center;
}

.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:#efefef;
 }

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

.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: 400;
	font-size: 16px;
	padding: 0 0 30px 0;
	line-height: 24px;
}

.contain a:link /* link*/{
 color: #606060;
}

.contain a:visited /* odwiedzony link*/{
color: #606060;
}

.contain img {
margin: 0 auto;
padding: 20px 0 40px 0 ;
}

#rewizja ul {
margin: 0 auto;
padding: 0 0 50px 0;
text-decoration: none;
text-align:left;
color: #606060;
font-family: 'Lato', sans-serif;
font-weight: 100;
width:  300px;
height: 60px;
}

#rewizja li {
text-decoration: none;
color: #606060;
font-family: 'Lato', sans-serif;
font-weight: 100;
line-height: 24px;
}

#grupy {
padding: 0 0 90px 0;
}
#grupy ul {
margin: 0 auto;
text-decoration: none;
text-align:left;
color: #606060;
font-family: 'Lato', sans-serif;
font-weight: 100;
width:  300px;
height: 50px;   
}



#grupy li {
text-decoration: none;
color: #606060;
font-family: 'Lato', sans-serif;
font-weight: 100;
line-height: 24px;  
}


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

#left {
float: left;
width:  300px;
height: auto !important;
}

#left img{
padding: 0 10px 10px 50px;
float: right;
}

#right {
float: left;
width:  340px;
height: auto !important;
padding: 0 0 40px 0;
}

#right ul {
padding: 0 0 0 30px;
list-style-type: none;
text-decoration: none;
text-align:left;
color: #606060;
font-family: 'Lato', sans-serif;
font-weight: 100;
 }

 #right li {
padding: 39px 0 54px 0;
}
.push {
height: 21px;
}

.clear{
clear: both;
}

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: 3px;
}

.look{
	color: #4e4e4c;
	font-size: 50px;
	margin: 0 20px 0 0;
	font-family: 'Kalam', sans-serif;
	line-height: 62px;
}


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

h2 {	/*jak do nas dotrzeć */
	color: #606060;
	font-family: 'Lato', sans-serif;
	font-weight: 100;
	font-size: 20px;
	text-align: left;
	padding: 5px 0 7px 110px;
}

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