body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: #23325c;
}

div#kontener {
	width: 730px;
/*	border: 1px dashed #CCCCCC;*/ /* border: robocze obramowanie */
	margin: 0px auto; /* 0px ustawia górny i dolny margines na zero, auto - prawy i lewy na automatyczny */
	background: #F4F7FC;
	padding-top: 10px;
	padding-bottom: 10px;
/*	padding-left: 10px; */
/*	text-align: justify; */
}

div#fs {
	width: 650px;
/*	border: 1px dashed #CCCCCC; */ /* border: robocze obramowanie */
	margin: 0px auto; /* 0px ustawia górny i dolny margines na zero, auto - prawy i lewy na automatyczny */
	margin-bottom: 20px;
	font-size: 8pt;
	font-family: verdana;
	font-weight: normal;
	color: #000000; 
	background: #F4F7FC;
	text-align: justify;
/*	background: transparent url('../wodnik1.png') no-repeat; */
/*	height: 165px; */
}

/*div#naglowek h1 {
	margin: 0px;
	visibility: hidden;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	text-align: center;
}*/

div#menu {
/*	height: 20px; */
}

div#menu ul {
/*	border: solid 1px red; */
	background: transparent url('tlo-menu.png') no-repeat;
	margin: 0px;
	padding: 0px;
	list-style-type: none; /* usuniecie kropek z listy porzadkowej */
	text-align: center;
	font-size: 8pt;
	font-family: Verdana;
}

div#menu ul li {
	display: inline; /* sposob wyswietlania elementow listy zmieniony z blokowego na liniowy (w linii) */
}

div#menu ul li a.wyjscie {
	color: #FFFF25;
}

div#menu ul li a {
	font-weight: bold;
	text-decoration: none;
	color: #A4BFE0;
	padding: 0px 5px; /* padding: odstepy miedzy linkami; 0px zeruje górne i dolne dopełnienie, 5px ustawia prawe i lewe dopełnienie */
	line-height: 1.7em; /* wysokość linii tekstu (wysrodkowanie pionowe) */
}

div#menu ul li a:hover {
	color: #F4F7FC;
/*	font-weight: bold;*/
}

div#tresc {
/*	background-color: #E4E4E4; */
/*	font-size: 12pt; */
	padding-left: 30px;
	padding-right: 30px;
/*	padding-bottom: 0px; */
	border: solid 1px red;
/*	height: 100%; */
	background: transparent url('tlo-tresc.png') repeat-y; /* aby obrazek był powielany względem osi Y */
}

div#tresc h1 {
	margin-top: 0px;
	padding-top: 15px;
}

div#tresc p {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-top: 0px
}

div#tresc * { /* dla wszystkich elementow wewnątrz sekcji tresc */
/*	padding-left: 30px;
	padding-right: 30px; */
/*	padding-bottom: 0px; */
/*	padding-top: 0px; */
	font-family: Verdana;
}

div#stopka {
/*	border: solid 1px red; */ 
	height: 20px;
	background: transparent url('tlo-menu.png') no-repeat;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
	font-size: 8pt;
	font-family: Verdana;
	padding-top: 3px;
	position: relative;
}
<!-- position: relative - polecenie pozycjonowania relatywnego (wzglednego) pozwala przesunąc wybrany element w dowolna strone wzgledem jego polozenia spoczynkowego, czyli pozycji gdy nie uzywamy zadnego pozycjonowania -->
<!-- ustawiamy sposob pozycjonowania na relatywny, dlatego, aby kazdy element w jej wnetrzu mogł byc pozycjonowany absolutnie wzgledem sekcji stopki -->

div#stopka p {
	margin-top: 0px;
	position: absolute;
	width: 100%;
	left: 0px;
	bottom: 10px;
	text-align: center;
	margin-bottom: 15px;
}
<!-- position: absolute (bezwzgledne) - ustala sztywno pozycje elementu w stosunku do strony (przegladarki). Jednak jezeli element, ktory pozycjonujemy znajduje sie wewnatrz innego elementu, ktory wczesniej zostal poddany pozycjonowaniu (absolutnemu, relatywnemu lub ustalonemu), to polozenie jest obliczane wzgledem pozycji tego elementu nadrzednego, a nie okna przegladarki -->

form {
	font-weight: normal;
	color: #000000;
/*	margin: auto auto; */
	margin-bottom: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}

select.wybor {
	border-right: black 1px solid;
	border-top: black 1px solid;
	font-size: 8pt;
	background: rgb(255,255,255);
	border-left: black 1px solid;
	color: #000000;
	border-bottom: black 1px solid;
	font-family: verdana;
	font-weight: normal
}

INPUT {
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	width: 250px;
	font-size: 8pt;
	background: #FFFFFF;
	color: #000000;
	font-family: verdana;
	font-weight: normal
	padding-left: 0px;
	padding-right: 0px;
}

input#id_user { width: 32px; }
input#date_reading { width: 70px; }
input#nr_watermeter1 { width: 74px; }
input#reading11 { width: 40px; }
input#reading12 { width: 19px; }
input#nr_watermeter2 { width: 74px; }
input#reading21 { width: 40px; }
input#reading22 { width: 19px; }
input#nr_subwatermeter1 { width: 74px; }
input#subreading11 { width: 40px; }
input#subreading12 { width: 19px; }
input#nr_subwatermeter2 { width: 74px; }
input#subreading21 { width: 40px; }
input#subreading22 { width: 19px; }

INPUT.submit {
	border-color: #000000;
	border-top-width: 1px;
	font-weight: bold;
	border-left-width: 1px;
/*	font-size: 8pt; */
	border-bottom-width: 1px;
	background-color: #D7EAEE;
	border-right-width: 1px;
	cursor: hand;
}

INPUT.button {
	width: 200px;
	height: 18px;
	border-color: #000000;
	font-weight: bold;
	border-top-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-right-width: 1px;
 	font-size: 7pt;
	background-color: #AABBD2;
	cursor: hand;
	margin: 0px;
	padding: 0px;
}

textarea {
	BORDER-RIGHT: black 1px solid;
	BORDER-TOP: black 1px solid;
	FONT-SIZE: 7pt;
	BACKGROUND: rgb(255,255,255);
	BORDER-LEFT: black 1px solid;
	COLOR: #000000;
	BORDER-BOTTOM: black 1px solid;
	FONT-FAMILY: verdana;
	FONT-WEIGHT: normal;
/*	overflow: hidden; /* ukrycie paska przewijania */
}


table {
	width: 650px;
	font-size: 8pt;
	font-family: verdana;
	font-weight: normal;
	background-color: #F4F7FC;
/*	margin-top: 0px; */
/*	margin-bottom: 0px; */
	margin: 0 auto; /* wycentrowanie w poziomie tabelki */
	padding: 0px;
/*	border: solid 2px blue; */
/*	border-left: 1px dotted fuchsia; */
}

td {
	width: 50%;
 	font-size: 8pt;
	height: 25px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
/*	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid; */
/*	border-top: 1px dotted fuchsia; */
}

td#r { text-align: right; }
td#re { text-align: right; color: #EF0E0E; }
td#r2 { text-align: center; }
td#re2 { font-weight: bold; color: #EF0E0E; text-align: center; }

th {
 	font-size: 8pt;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-style: solid;
	border-width: 1px;
	border-color: red gray blue silver; 
/*	border-top: 1px dotted fuchsia; */
	text-align: right;
}

tr {
/*	padding: 0px; */	
}

fieldset {
	width: 650px;
	background: #F4F7FC;
/* 	background: #E6FFA2; */ 
	border: 2px solid;
	border-color: #23325c;
	margin: auto auto;
} 

legend {
	font-weight: bold;
	padding: 2px 5px;
	background: #23325c;
/*	background: #F4F7FC; */
/*	background: #195D00; */ 
 	color: #FFFFFF; 
}

fieldset ul {
	margin: 0px;
	padding: 0px;
}

fieldset li {
	list-style: none;
	margin: 0;
	padding: 5px;
/*	border: solid 1px red; */
/*	background: #F3FFA0; */
}

label {
	display: inline-block; /* wyswietlenie w linii pionowej wszystkich pol */
	width: 250px;
	text-align: left;
	margin-right: 5px;
}

em {
	color: #EF0E0E; 
	font-style: normal; 
	font-weight: bold; 
}

div#form {
/*	width: 650px; */
	font-size: 8pt;
	font-family: verdana;
	font-weight: normal;
	margin: auto auto;
/*	margin-left: auto; /* ustawienie lewego i prawego marginesu na auto srodkuje */
	margin-right: auto; */
}

a:link {
	font-weight: bold;
	text-decoration: none;
	color: #23325c;
}

h2 {
	margin-top: 0px;
	margin-bottom: 10px;
/*	visibility: hidden; */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
}