obrazki/style.css

img {
	display: block;
	padding: 8px;
	margin: 8px;
	border-color: black;
	border-style: solid;
	border-width: 1px;
	float: left;
}

img:hover {
	border-color: #88f;
	background-color: #ddf;
}

img.pelny {
	border-color: red;
}

#poprz,#nast,.k4,.gora {
width : 160px;
height : 100px;
display: block;
margin: 3em;
background-repeat: no-repeat;
}

#poprz {
float:left;
clear: both;
background-image : url(poprz.png);
}

#poprz:hover {
background-image : url(poprzh.png);
} 

#nast {
	margin-top: 17em;
float:right;
margin-right: 0;
background-image : url(nast.png);
}

#nast:hover {
background-image : url(nasth.png);
} 

.k4 {
width: 210px;
height : 130px;
clear: both;
background-image : url(k4.png);
}

.k4:hover {
background-image : url(k4h.png);
} 

.gora {
float: left;
background-image : url(gora.png);
}

.gora:hover {
background-image : url(gorah.png);
} 

div {
	float: left;
	width: 200px;
}

td,th {
	border-color: black;
	border-style: solid;
	border-width: 3px;
	text-align: center;
}

th {
	border-width: 1px;
	padding: 3px;
}

td a {
	display: block;
	padding: 5px;
	font-weight: bolder;
}

td a:hover {
	background-color: #ddf;
}