@charset "utf-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background:#4b0000;
	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: #000;
}
map{
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-image: url(img/tlo.jpg);
	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: #000;
	}
.twoColHybLtHdr #container { 
	width: 900px;  /* szerokość kontenera będzie stanowić 80% szerokości okna przeglądarki */
	background:url("img/menu22.png");
	border: 1px solid #4b0000;
	margin: 0 auto; /* automatyczne marginesy (w połączeniu z szerokością) powodują wyśrodkowanie strony */
	text-align: left; /* ustawienie to przesłania domyślne ustawienie wyrównania tekstu: środkowanie w elemencie body. */
} 
.twoColHybLtHdr #header { 
	background: #4b0000; 
	padding: 0 ;  /* 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. */
} 
.twoColHybLtHdr #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 */
}

/* Wskazówki dotyczące paska bocznego sidebar1:
1. Ponieważ są używane jednostki względne, 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. Ponieważ pasek jest zdefiniowany przy użyciu jednostek em, należy mieć na uwadze, że jego szerokość będzie różna dla różnych domyślnych rozmiarów tekstu. 
3. 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 „.twoColHybLtHdr #`bar1 p”).
*/
.twoColHybLtHdr #sidebar1 {
	float: left;
	width: 13em; /* ponieważ jest to element pływający, należy określić szerokość */
	background:url("img/menu22.png"); /* kolor tła będzie widoczny tylko w wypełnionym obszarze kolumny, nie dalej */
	padding: 0;
	
}
.twoColHybLtHdr #sidebar1 h3, .twoColHybLtHdr #sidebar1 p {
	margin-left: 10px; /* wielkości lewych i prawych marginesów należy określić w przypadku wszystkich elementów, które będą umieszczane w kolumnach bocznych */
	margin-right: 10px;

}
.twoColHybLtHdr #sidebar2 {
	float: right;
	width: 18em; /* ponieważ jest to element pływający, należy określić szerokość */
	padding: 0;
	
}
.twoColHybLtHdr #sidebar2 h3, .twoColHybLtHdr #sidebar2 p {
	margin-left: 10px; /* wielkości lewych i prawych marginesów należy określić w przypadku wszystkich elementów, które będą umieszczane w kolumnach bocznych */
	margin-right: 10px;

}
/* 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. Należy mieć na uwadze, że jeśli element jest szerszy niż jego pojemność, określona wewnątrz znacznika div mainContent, to może wystąpić efekt opadania elementu pływającego (opadnięcie zwykłego obszaru mainContent poniżej paska bocznego). W przypadku układu hybrydowego (szerokość określona procentowo, a pasek boczny zdefiniowany w jednostkach em)  nie zawsze będzie można obliczyć dokładną, dostępną szerokość. Jeśli rozmiar tekstu użytkownika przewyższy rozmiar średni, to pasek boczny będzie szerszy, a w konsekwencji pozostanie mniej miejsca w elemencie mainContent. Należy pamiętać o tym ograniczeniu – zwłaszcza, jeśli klient dodaje zawartość za pomocą programu Contribute.
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.
*/
.twoColHybLtHdr #mainContent {
	text-align: left;
	font-family: Tahoma, Geneva, sans-serif;
	color: #000;
	margin-top: 0;
	margin-right: 30px;
	margin-bottom: 0;
	margin-left: 13em;
} 
.twoColHybLtHdr #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-image: url(..img/tlo.jpg);
	text-align: right;
	font: 60% Verdana, Arial, Helvetica, sans-serif;
} 
.twoColHybLtHdr #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: 10px 0; /* użycie dopełnienia zapewni marginesy, a jednocześnie uniemożliwi ich skrócenie */
}

/* 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;
}

#Menu{font-size: 10px;}
#Menu ul, ul li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

#Menu ul {
	
	padding: 1px 0 1px 1px;

}

#Menu ul li {
	float: left;
}

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

#Menu ul a:hover {
	
	background-color: #800;
	background-image: url("img/menu2.gif");
}
#kontakt{
	font-family: "Times New Roman", Times, serif;
	font-size: 100%;
	text-align: center;
}
a { color:  #e2ce89; text-decoration : none }
a:visited { color: #e2ce89; }
a:hover { color: #e2ce89; text-decoration : underline } 
aa {
	color: #903;
}