body  {
	font: Verdana, Arial, Helvetica, sans-serif;
	background: #000000;
	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: #FFFFFF;
	font-size: 10px;
}

.twoColLiqLtHdr #container {
	width: 900px; /* automatyczne marginesy (w połączeniu z szerokością) powodują wyśrodkowanie strony */
	border: 0px solid #000000;
	text-align: left; /* ustawienie to przesłania domyślne ustawienie wyrównania tekstu: środkowanie w elemencie body. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #000;
	height: auto;
	
} 
.twoColLiqLtHdr #header {
	background: #000000;  /* 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. */
	height: 200px;
	width: 532px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	float: left;
	background-image: url(images/baner.jpg);
}
.twoColLiqLtHdr #header1 {
	background: #000000;  /* 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. */
	height: 100px;
	width: 368px;
	padding-top: 0px;
	padding-bottom: 0px;
	float: right;
	clear: none;
	padding-right: 0;
	background-image: url(images/best_bend_neon.gif);
}
.twoColLiqLtHdr #header2 {
	background: #000000;  /* 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. */
	height: 100px;
	width: 170px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: left;
	background-image: url(images/Bez-nazwy-1_03.jpg);
}
.twoColLiqLtHdr #header3 {
	 /* 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. */
	height: 72px;
	width: 198px;
	padding-top: 0;
	padding-bottom: 0px;
	float: right;
	clear: none;
	padding-right: 0;
	font-size: 14px;
	text-align: left;
	color: #ECCB0A;
	font-size: 12px;
	font-weight: bold;
	font-family: Tahoma, Geneva, sans-serif;
	background-image: url(images/Bez-nazwy-1_04.jpg);
}
.twoColLiqLtHdr #header4  {
	background: #000000;  /* 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. */
	height: 28px;
	width: 198px;
	padding-top: 0;
	padding-bottom: 0px;
	float: right;
	clear: none;
	padding-right: 0;
	background-image: url(images/Bez-nazwy-1_05.jpg);
}
.twoColLiqLtHdr #header5  {
	width: 900px;
	float: left;
}
/* Wskazówki dotyczące paska bocznego sidebar1:
1. Ponieważ jest używana miara procentowa, najlepiej nie stosować do paska bocznego dopełnienia. Dopełnienie będzie powiększało szerokość paska w typowych przeglądarkach, a w konsekwencji rzeczywista szerokość paska będzie nieprzewidywalna. 
2. Odstępy między bocznymi krawędziami elementu div a jego elementami wewnętrznymi można utworzyć, określając wielkości lewych i prawych marginesów elementów wewnętrznych (tak jak w przykładowej regule „.twoColLiqLtHdr #sidebar1 p”).
3. Ponieważ program Explorer oblicza szerokości po zakończeniu renderowania elementu macierzystego, to w przypadku kolumn definiowanych przy użyciu miary procentowej mogą wystąpić czasami niewyjaśnialne problemy. Aby ograniczyć ryzyko ich wystąpienia, można zdefiniować kolumny przy użyciu pikseli.
*/
.twoColLiqLtHdr #sidebar1 {
	float: left;
	width: 102px; /* ponieważ jest to element pływający, należy określić szerokość */
	background: #000000; /* kolor tła będzie widoczny tylko w wypełnionym obszarze kolumny, nie dalej */
	padding: 0px 0; /* dopełnienie górne i dolne pozwalają uzyskać odpowiednie odstępy wewnątrz elementu div  */
	margin-top: 0px;
	text-align: left;
	
}



ul {
	
}

 li {
	float: none;
	list-style-type: disc;
	margin-left: 5px;	
}

ul a:link, ul a:visited {
	text-decoration: none;
	display: block;
	font-weight: bold;
	background: #000 url("tlo.gif") repeat-x center;
	color: #FFFFFF;
	padding: 10px 20px;
	border-right: 1px solid #fff;
	border-right: 1px solid #fff;
}

ul a:hover {
	background-color: #800;
	background-image: url("tlo2.gif");
}
/* Wskazówki dotyczące elementu mainContent:
1. Odstęp między elementem mainContent i paskiem bocznym sidebar1 jest określany z uwzględnieniem lewego marginesu elementu mainContent. Niezależnie od liczby elementów na pasku bocznym sidebar1 odstęp kolumnowy pozostanie. Lewy margines można usunąć. Wtedy tekst skojarzony z elementem #mainContent będzie wypełniał element #sidebar1, począwszy od końca zawartości elementu #sidebar1.
2. aby przy minimalnej rozdzielczości 800 x 600 piks. nie wystąpił efekt opadania elementu pływającego, elementy zawarte wewnątrz elementu mainContent nie powinny być większe niż 430 piks. (dotyczy to również obrazów).
3. W poniższym warunkowym komentarzu dla przeglądarki Internet Explorer użyto właściwości zoom (powiększenie) i nadano jej wartość „hasLayout”. Wartość ta pozwala uniknąć szeregu błędów typowych dla przeglądarki IE.
*/
.twoColLiqLtHdr #mainContent {
	margin-left: 105px;
	margin-top: 10px;
	margin-bottom: 0px;
	padding-left: 5px;
	
} 
.twoColLiqLtHdr #footer {
	padding: 0 10px; /* takie dopełnienie jest zgodne z wielkością wyrównania do lewej tych elementów div, które leżą powyżej. */
	background:#DDDDDD;
	background-color: #000;
	float: none;
	
} 
.twoColLiqLtHdr #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: 0px 0; /* użycie dopełnienia zapewni marginesy, a jednocześnie uniemożliwi ich skrócenie */
	text-align: right;
	float: right;
}

 a {
	font-size: 10px;
	color: #FF9900;
	text-decoration: underline;
}
a:link {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 10px;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: none;
	color: #FF9900;
}
a:active {
	text-decoration: none;
	color: #FFCC00;
}
.style2 {color: #ECCB0A}
.style3 {color: #ECCB0A; font-size: 12px; }
.style4 {font-size: 10px}
H1   {
   color: #FF9900;
   font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 16px;
	}
h2 {
	color: #FF9900;
   font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 10px;
	font-weight: bold;
}	
/* Różne użyteczne klasy */
.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;
}
.fltlft { /* ta klasa może zostać użyta do zdefiniowania płynnego przesunięcia elementu w lewo. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* tę klasę należy umieścić w elemencie div lub break, powinna ona stanowić ostatni element kontenera zawierającego element pływający */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	margin-left: 5px;
}