body {BACKGROUND-COLOR: #2f97ff; margin-top: 0; margin-bottom: 1em; text-align: center;
  behavior: url(grafika/csshover.htc);} /* WinIE behavior call */
  
h1 { color:#024FCE; margin: 10px; text-align: left; font-size: large; font-weight: bold;}
h2 { font-size: 14px; text-align: center; font-weight: bold; color: #012307 }
h3 { font-size: large; text-align: center; font-weight: bold; color: #012307 }

#main {color: #CCC; margin-left: 7em; padding: 2em 0 1px 5%;
  border-left: 1px solid;}

UL.znacz {
		text-align: left;
		list-style-type: none;
		margin-left: 10px;
}

a.mapi {
		text-decoration: none;
		color: #093668;
		font-weight: bold;
}

a.mapi:hover {
		color: #FFFFFF;
}

.header {
	text-align: right;
	font-size: 10px;
	color: #252F24;
}
	
.tekst {
	margin-left: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	text-align: justify;
}
	
.zielony .lista_ol { font-weight: bold; }
.zielony ol li {margin-left: 30px; margin-right: 40px; color: #000; text-align: left; }
.zielony { margin-left: 60px; margin-right: 60px; margin-bottom: 20px; margin-top: 20px; border: 3px solid #044A11; background: #22FC4B;  text-align: center;  padding: 2px; }

.wyroznij { font-weight: bold; color: #0B01A0}
.wyloguj {text-align: right}
.wyloguj a {font-weight: bold; color: #0000FF;}
.alert {font-weight: bold; color: #E3001B; text-align: center}
.alert a {font-weight: bold; color: #0000FF;}
.telefon { font-weight: bold; color: #1808E8; text-align: center; margin-top: -15px; margin-bottom: -15px;}
	
tr.chara {background: #8CEA9E; }	
th {background: #03D32A; text-align: center; font-weight: bold;}
td.cen {text-align: center}
td.cen2 {text-align: center; font-size: 11px;}
td.dyrekcja { font-family: cursive; color: #08036F; }
td.nazwisko { font-family: cursive; font-style: italic; color: #0A00B1; }
td.bold {font-weight: bold;}

.boce {font-weight: bold; margin-left: 60px;}	

.podpis {font-style: italic; text-align: right; margin-right: 60px; margin-bottom: 80px; margin-top: 80px}
.tresc { font-family: times; font-weight: normal, color: #000000; margin-left: 30px; margin-right:20px; margin-top: 30px; margin-bottom: 20px; text-indent: 40px; text-align: justify;
}

.lewy-margin {margin-left: 8px; margin-top: 20px;}

.tresc2 { font-family: times; font-weight: normal, color: #000000; margin-left: 30px; margin-right:20px; margin-top: 30px; margin-bottom: 20px; text-align: justify;
}

.tresc3 { font-family: times; font-weight: normal, color: #000000; margin-left: 30px; margin-right:20px; margin-top: 30px; margin-bottom: 20px; text-align: justify; text-indent: 40px;
}
	
p { font-family: times; font-weight: normal, color: #000000; margin-left: 30px; margin-right:20px;
    margin-top: 30px; margin-bottom: 20px;
     text-align: justify;
}
p.gruby { font-weight: bold; text-align: justify; margin-left: 10%}

/* wygląd linku w stopce */
.footer {text-decoration: none; font-size: 11px;
         font-family: times; font-weight: normal;  color: #008000}
a.footer {text-decoration: none; font-size: 10px;
         font-family: times; font-weight: bold;  color: #033B6B}

td.stopka {background: #252F24; height: 20px; text-align:center}

/* tekst na I strone */
.zdrowy {
	MARGIN-TOP: 80px; MARGIN-LEFT: 340px; TEXT-ALIGN: left;
       FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #ffffff; FONT-FAMILY: georgia,verdana,helvetica,sans-serif;
}

.zdrowy2 {
	FONT-WEIGHT: bold; COLOR: #08036F; 
}

/* tlo podstron */
.tlo_podstron { 
	background: #6FFC8C;
	height: 200px;
}

/* napis mapka */
.mapka {margin-left: 20px; font-weight: bold; font-size: 10pt;}

/* obrazek */
.obrazek {margin: 0 0 100px 20px}


table.fotki {
	width: 90%;
	text-align: center;
	background: yellow;
}
table.fotki td {
	padding: 10px;
}



/* wielkosc napisow */  
div#nav {float:left; margin: -1px 0 0 0em;
  background: #008000;  width:720px;
  FONT-FAMILY: verdana; FONT-SIZE: 9pt; FONT-WEIGHT: bold; 
  border-bottom: 1px solid black;
  }
  
/* kolor listy pokazującej się */  
div#nav ul {margin: 0; padding: 0; background: black;
  border: 1px solid #CCC; border-width: 0 1px; text-align: center; }
  
/* szerokosc gornych przyciskow menu*/  
div#nav li {position: relative; list-style: none; margin: 0;
  float: left; padding: 6px; line-height: 1em; }
  
/* podswietlenie przyciskow po najechaniu tylko w Firefox dziala */  
div#nav li:hover {background: #0161FF;}


/* podswietlenie klawiszy u gory */
div#nav li.submenu:hover {background-color: #11B511; color: #FFFFFF}
div#nav li a {display: block; padding: 0.25em 0 0.25em 0.5em;
  text-decoration: none;  color: #FFFFFF}
div#nav>ul a {width: auto;}

/* Aby w IE przyciski rozwijane były dluzsze */
div#nav ul.level2 a {width: auto;} 

/* ROZNE DLUGOSCI MENU DOLNYCH ROZWIJANYCH*/
div#nav ul.level2-long a {width: auto;}
div#nav ul.level2-short a {width: auto;}
div#nav ul.level22 a {width: auto;}

/* przyciski pokazujace się, jak zaszeroko to ustawiają się obok siebie zamiast w dol */
div#nav ul ul {position: absolute; display: none;
text-align: left;
}

/* zmieniona szerokosc dolnych pozycji menu, dla firefox jeszcze raz kolor */  
/* kolor pozycji menu bez najazdu */
div#nav ul ul li {border-bottom: 1px solid #CCC; background: #024FCE; width: 220px}



/* test roznej szerokosci menu dolnych */
div#nav ul.level2-long li {border-bottom: 1px solid #CCC; background: #024FCE; width: 200px}
div#nav ul.level2-short li {border-bottom: 1px solid #CCC; background: #024FCE; width: 140px}

/* kolor hovera dla Firefoxa */
div#nav ul.level2-long li:hover {border-bottom: 1px solid #CCC; background: #0161FF; width: 200px;}
div#nav ul.level2-short li:hover {border-bottom: 1px solid #CCC; background: #0161FF; width: 140px}

div#nav ul.level22 li {border-bottom: 1px solid #CCC; background: #024FCE; width: 120px}

div#nav li.submenu li.submenu {background: url(submenu.gif) 95% 50% no-repeat;}

/* kolor podswietlenia dolnych pozycji menu dla IE */
div#nav li.submenu li.submenu:hover {background-color: #0161FF}
div#nav ul.level1 li.submenu:hover ul.level2, 
div#nav ul.level2 li.submenu:hover ul.level3 {display:block;}
div#nav ul.level2 {top: 1.5em; left: -1px;}

/***** ostatnia kolumna menu w drugą stronę */
div#nav ul.level1 li.submenu:hover ul.level22, 
div#nav ul.level22 li.submenu:hover ul.level3 {display:block;}
div#nav ul.level22 {top: 1.5em; left: -24px;}

div#nav ul.level1 li.submenu:hover ul.level2-long,
div#nav ul.level2-long li.submenu:hover ul.level3 {display:block;}
div#nav ul.level2-long {top: 1.5em; left: -1px;}

div#nav ul.level1 li.submenu:hover ul.level2-short,
div#nav ul.level2-short li.submenu:hover {display:block;}
div#nav ul.level2-short {top: 1.5em; left: -1px;}


div#nav ul.level3 {top: -1px; left: 7em;
  border-top: 1px solid #CCC;}