@charset "utf-8";
body  {
	margin: 0; /* zaleca się wyzerowanie dopełnienia i marginesu elementu body, tak aby mogły być uwzględniane różne domyślne ustawienia przeglądarki */
	padding: 0;
	text-align: center; /* kontener zostaje wyśrodkowany w oknach przeglądarek IE 5*. Następnie tekst określony przez selektor #container jest wyrównywany domyślnie do lewej */
	color: #333;
	background-color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
}
.thrColAbsHdr #container {
	position: relative; /* określanie położenia: położenie dwóch pasków bocznych jest określane względem kontenera */
	width: 1000px;  /* użycie szerokości mniejszej o 20 piks. od pełnej szerokości 800 piks. pozwala uatrakcyjnić okno przeglądarki i uniknąć poziomego paska przewijania */
	background: #FFFFFF; /* automatyczne marginesy (w połączeniu z szerokością) powodują wyśrodkowanie strony */
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
} 

/* Wskazówki dotyczące pasków bocznych o położeniu bezwzględnym, z nagłówkiem i stopką:
1. Elementy o położeniu bezwzględnym (elementy AP) muszą być określone pod względem górnej krawędzi (top) i strony (left lub right). Jeśli położenie górnej krawędzi nie zostanie określone, to element AP będzie zaczynał się bezpośrednio za ostatnim elementem strony (zgodnie z pierwotną kolejnością elementów strony). A zatem, jeśli paski boczne stanowią pierwszy element kontenera (zgodnie z kolejnością w dokumencie źródłowym), to będą one wyświetlane u góry kontenera, niezależnie od ustawienia górnej krawędzi (top). Jeśli jednak później, z jakiegokolwiek powodu, zmieni się ich pozycja w dokumencie źródłowym, to dla utrzymania ich dotychczasowego położenia będzie potrzebne ustawienie górnej krawędzi.
2. Elementy o położeniu bezwzględnym (elementy AP) są traktowane jak elementy spoza dokumentu. Znaczy to, że elementy dokumentu są umieszczane na stronie bez uwzględniania położenia elementów AP. Dlatego też znacznik div elementu AP powinien być używany tylko do definiowania kolumny bocznej – o ile wiadomo, że środkowy znacznik div #mainContent będzie zawierał najwięcej elementów strony. Jeśli któryś z pasków bocznych miałby zawierać więcej elementów, to pasek ten wychodziłby poza dolną krawędź macierzystego elementu div, a w konsekwencji ani stopka, ani sam pasek nie byłyby widoczne.
3. O ile powyższe wymagania są spełnione, to paski boczne o położeniu bezwzględnym pozwalają w łatwy sposób kontrolować kolejność elementów dokumentu.
4. Na wypadek zmian pierwotnej kolejności elementów wartość parametru top (górna krawędź) powinna równać się wysokości nagłówka. Dzięki temu kolumny będą wizualnie wyrównane do nagłówka.
*/
.thrColAbsHdr #header {
	height: 136px;  /* takie dopełnienie jest zgodne z wielkością wyrównania do lewej tych elementów div, które leżą poniżej. Jeśli w elemencie #header użyto obrazu zamiast tekstu, można usunąć dopełnienie. */
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
	white-space: normal;
} 
.ramka {
	float: left;
	height: 24px;
	width: 469px;
	margin-top: 68px;
	margin-left: 5px;
}
.thrColAbsHdr #header h1 {
	margin: 0; /* wyzerowanie marginesu w ostatnim elemencie nagłówka #header pozwoli uniknąć skrócenia marginesów – tj. dodania niepotrzebnych spacji między elementami div. Jeśli element div ma obramowanie, czynność ta jest niepotrzebna, ponieważ obramowanie również zapobiega skróceniu marginesów */
	padding: 10px 0; /* użycie dopełnienia, a nie marginesu, pozwoli utrzymać odpowiednią odległość między elementem a krawędziami elementu div */
}
.thrColAbsHdr #sidebar1 {
	position: absolute;
	top: 140px;
	left: 1px;
	width: 306px; /* wartości dopełnienia (padding) określają odstępy zawartości znacznika div od krawędzi */
	border: 1px solid #005CA2;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	font-size: 94%;
}
#sidebar1 h1 {
	line-height: normal;
	margin: 5px;
	font-size: 190%;
}
.thrColAbsHdr #sidebar2 {
	position: absolute;
	top: 140px;
	right: -1px;
	width: 180px; /* wartości dopełnienia (padding) określają odstępy zawartości znacznika div od krawędzi */
	border: 1px solid #005CA2;
	padding-bottom: 5px;
	text-align: center;
}
.thrColAbsHdr #mainContent {
	margin-top: 4px;
	margin-right: 195px;
	margin-bottom: 0px;
	margin-left: 337px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	border: 1px solid #005CA2;
}
.thrColAbsHdr #footer {
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #333;
	margin-top: 15px;
	padding: 3;
	text-align: center;
} 
.thrColAbsHdr #footer p {
	margin: 0; /* wyzerowanie marginesów pierwszego elementu w stopce pozwoli uniknąć ewentualnego skrócenia marginesów - tj. dodania niepotrzebnych spacji między elementami div */
	padding: 5px 0; /* użycie dopełnienia zapewni marginesy, a jednocześnie uniemożliwi ich skrócenie */
	font-size: 95%;
	color: #000;
}
.fltrt { /* ta klasa może zostać użyta do zdefiniowania płynnego przesunięcia elementu w prawo. Przesuwany element musi poprzedzać element, który ma następować na stronie po nim. */
	float: right;
	margin-left: 8px;
}
a {
	text-decoration: none;
}

.fltlft { /* ta klasa może zostać użyta do zdefiniowania płynnego przesunięcia elementu w lewo. */
	float: left;
	margin-right: 8px;
}
.ramka_1 {
	float: left;
	border: 1px solid #005CA2;
	margin-top: 5px;
	color: #F00;
	text-align: center;
	font-size: 130%;
	vertical-align: bottom;
	width: 440px;
	margin-bottom: 20px;
}
#mainContent h4 {
	font-size: 95%;
}