* {
  margin: 0;
  padding: 0;
}

body {
	background: #222 url(media/tlo.jpg);
	font: 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#pojemnik {
  position: absolute;
  top: 10px;
  left: 50%;
  width: 898px;
	margin: 0 0 0 -459px;
  padding-bottom: 10px;
  border: 14px solid #ffc742;
  background-color: #fff;
}

#naglowek { 
  position: relative;
  top: 0;
  left: 0;
  width: 898px;
  height: 156px;
  margin: 0;
  padding: 0;
  background: #fff url(media/naglowek_tlo.png) no-repeat; 
}

h1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 898px;
  height: 116px;

  background: transparent url(media/bio3000.gif) no-repeat;
}

h1 a, h1 a:hover {
  display: block;
  width: 728px;
  height: 116px;
  padding: 15px 0 0 170px;
	font: 0.54em 'Arial Black', Helvetica, Arial, sans-serif;
  color: #fff;
  text-transform: uppercase;;
}

h2 {
  margin: 5px 0;
  padding-left: 10px;
  background: transparent url(media/wsk.gif) left no-repeat;
  font: bold 17px Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #8b0000;
}

h3.oddzial {
  font: bold 17px Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #8b0000;
}

h3 {
  margin-bottom: 20px;
  font: bold 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #000;
}

h4 {
  margin-bottom: 10px;
  font: bold 13px Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #000;
}

h3 a {
  margin-bottom: 20px;
  font: bold 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#kolumna_tresci h4 {
	width: 100%;
}

h4.program {
  padding-left: 10px;
  background: transparent url(media/wsk.gif) left no-repeat;
}

#adres {
  position: absolute;
  top: 15px;
  right: 30px;
  font: bold 0.65em Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #fff;
}

#telefony {
  position: absolute;
  top: 45px;
  left: 170px;
  font: 0.65em Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #fff;
}

#menu {
  float: left;
  width: 164px;
}
  
#menu li {
  width: 164px;
  padding: 0 0 6px 0;
  list-style: none;
  text-align: right;
  background: transparent url(media/menu_tlo.png) no-repeat;
}

#menu li a { 
  display: block;
  width: 149px;
  height: 30px;
  padding: 2px 15px 0 0;
  font: bold 0.7em Verdana, Arial, Helvetica, sans-serif;;
  color: #ae0c00;
  text-transform: uppercase;
}

#menu li a:first-letter {
  font: bold 1.2em Verdana, Arial, Helvetica, sans-serif;;
}

#menu li a span.podpis {
  font: 0.9em Arial, Verdana, Geneva, Helvetica, sans-serif;
  color: #000;
  text-transform: none;
}


#tresc {
  float: right;
  width: 704px;
  padding: 0 5px 5px;
}

img {
  border: none;
}

#kolumna_tresci { 
  float: right;
  width: 320px;
  margin: 0 30px 0 0;
}

#mapa_glowna {
  float: left;
  width: 259px;
  height: 242px;
  margin: 0 0 0 50px;
}

#mapa_oddzialy{
  float: left;
  width: 259px;
  height: 242px;
  margin: 0 0 0 20px;
}


p {
  margin-bottom: 12px;
  font: 13px/16px Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #222;
}

#sciezka, #sciezka a {
  font: 11px Arial, Verdana, Geneva, Helvetica, sans-serif;
}

a {
  font: 13px tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #ae0C00;
	text-decoration: none
}

ul#program li a:hover, #sciezka a:hover {
  color: #55c;
}

.srodek {
  text-align: center;
}

address {
  margin-bottom: 20px;
  font: 13px/16px Arial, Verdana, Geneva, Helvetica, sans-serif;
}

.odstep_gora {
  margin-top: 10px;
}

.rozpoczecie_kursu {
 color: #930;
}

#oddzial {
  float: right;
  width: 520px;
  margin: 0 30px 0 0;
}

#mapa_oddzialu {
  float: left;
  width: 117px;
  height: 110px;
}

hr {
  border-width: 1px 0 0 0;
  height: 1px;
}

ul#program {
  width: 100%;  
  margin-bottom: 10px;
}

ul#program li {
  width: 100%;  
  text-align: center;
  list-style: none;
}


#mapa li{
  list-style: none;
}

#mapa li li {
  padding-left: 10px;
  list-style: none;
}

#mapa li.pierwszy a {
  font-weight: bold;
}