* {
	margin: 0;
	padding: 0;
}

article img {
	position: relative;
	float: right;

}
header, footer, nav, article, section#zawartosc  {
	border: 2px dotted #FF702B;
	display: block; width: 1024px;
	min-height: 50px;
	margin: 0 auto;
	border-radius: 10px;
}
header {
	height: 167px; 
	background: url(wiosna3.jpg) no-repeat top;
	font-size: 25pt;
	font-weight: 800;
	color: white;
	text-align: center;

	}
footer {
	height: 97px; 
	background: url(stopka.png) no-repeat top;
}
nav {  
    position: relative;
    height: 50px; 
    background-color: yellow; 
}
nav ul {  
    margin: 0 auto;  
    width: 100%;  
    list-style: none;  
} 
nav ul li {  
    float: left;  
    
}  
nav ul li a {  
        display: block;  
        margin-right: 30px;  
        margin-top: 2px;
        margin-bottom: 2px;
        width: 140px;  
        font-size: 14px;  
        line-height: 44px;  
        text-align: center;  
        text-decoration: none;  
        color: #777;  
        border: 1px solid #FF8040;
		white-space: nowrap;	
    }  
  
nav ul li a:hover {  
            background-color: #FF8000;  
            color: white;
        }  
article {
	
	clear: both;
}
article a {
	display: block;
	width: 120px;
	height: 40px;
	float: left;
	background-color: #80FF00;
	margin-left: 2px;
	border: 1px solid #408000;
	text-align: center;
	line-height: 40px;
}
article a:hover {
	background-color: #FFFFB0;
}
a#zak {
	background-image: url(zakres.png); 
	}
a#zak:hover {
	background-image: url(zakresa.png); 
	}
a#bhp {
	background-image: url(bhp.png); 
	}
a#bhp:hover {
	background-image: url(bhpa.png); 
	}
a#cza {
	background-image: url(czas.png); 
	}
a#cza:hover {
	background-image: url(czasa.png); 
}
section#zawartosc {
	background-color: #C4FFC4;
}
section#zawartosc ol, ul {
	margin-left: 35px;
	margin-bottom: 15px;
}