html, body {
	background-color: #000;
	color: #fff;
	padding: 10;
font-family: Comic Sans MS;
font-size: 12px;
color: rgb(204, 204, 204);
text-align: center;
}

.pics { 
   /* wartości te powinny być conajmniej takie jak rozmiary zdjęć */
   height: 780px; /* szerokość elementu HTML gdzie osadzone są zdjęcia */
   width: 187px; /* wysykość elementu HTML gdzie osadzone są zdjęcia */
   padding: 0; 
   margin: 0; 
} 

.pics img { 
   padding: 3px; 
   border: 3px outset #ccc; 
   background-color: #000; 
   /* rozmiary zdjęć */
   width: 780px; /* szerokość wyświetlanych zdjęć */
   height: 187px; /* wysokość wyświetlanych zdjęć */
   top: 0; 
   left: 0 
} 




#top { width: 780px;
margin: 0 auto;
}

ul, ul li {
	display: block;
	list-style: none;
	padding: 8;
}


ul li {
	float: left;
}

ul a:link, ul a:visited {
	text-decoration: none;
	display: block;
	width: 120px;
height: 16px;
	text-align: center;
font-size: 12px;
font-weight: bold;
background-color: rgb(169, 190, 115);	
	color: #000;
	border: 3px outset rgb(200, 200, 200);
	padding: 5px;
}

ul a:hover {
	border-style: inset;
	padding: 7px 3px 3px 7px;
}


#NAGLOWEK {
}

#MENU {
clear: both;	
width: 780px;
}

#tresc2 {

	width: 780px;	
	float: left;
	text-align: center;
	overflow: hidden;
	color: rgb(204, 204, 204);
	background-color: #000;
	line-height: 1.8em;
	font-size: 40px;
	font-family: Comic Sans MS;	
}



#TRESC {
	width: 780px;	
	float: left;
	text-align: justify;
	overflow: hidden;
	color: rgb(204, 204, 204);
	background-color: #000;
	line-height: 1.8em;
	font-size: 15px;
	font-family: Comic Sans MS;	
}
#zdjecie1 {
float: left; 
margin-right: 10px;
margin-top: 11px;
}

#zdjecie2 {

float: right;
margin-left: 10px;
margin-top: 11px;
}

#podpis {
font-family: Monotype Corsiva;
font-size: 32px;
text-indent: 550px;
}
#STOPKA {
	clear: both;
	width: 100%;
color: rgb(204, 204, 204);
	background-color: #000;
	margin-left: 10px;
	text-align: center;
font-size: small;
}