body {
  padding:0px; margin:0px;
  font-family: 'Arial CE', Arial, sans-serif; font-size: 12px;
  color: #586063;
  background: #d3d7da url('tlo_body.jpg') 0% 0% repeat-x;
}

h1 {
  padding-left:10px;
  line-height:100%;
  margin-top:10px;
  font-family: 'Trebuchet MS', 'Arial CE', Arial, sans-serif; font-size: 28px; font-weight:normal;
  color:#429c69;
  border-left:solid 10px #429c69;
}

h2 {
  margin-top:0px;
  text-align:left;
  font-family: 'Trebuchet MS', 'Arial CE', Arial, sans-serif; font-size: 21px; font-weight:normal;
  color:#586063;
}


a {
  color:#429c69;
  font-weight:bold;
  text-decoration:none;
}

a:hover {
  color:#429c69;
  text-decoration:underline;
}

#calosc {
  width:880px;
  margin:auto; padding:0px 10px;
  background-color:white;
  border:solid 1px #586063;border-top:none;
}

#naglowek {
  background: transparent url('tlo_naglowek.jpg') 0% 0% repeat-x;
}

#menu {
  text-align:center;
}

#menu ul {
  padding:0px; margin:0px;
}

#menu ul li {
  display: inline;
  padding:0px; margin:0px; margin-right:1px;
}

#menu ul li a {
  display: inline-block;
  width:109px; height:32px;
  padding:0px; padding-top:5px; margin:0px; margin-bottom:0px;
  color:white; font-weight:bold; text-decoration:none;
  font-family: 'Trebuchet MS', 'Arial CE', Arial, sans-serif; font-size: 12px; font-weight:bold;
  background: transparent url('tlo_button.jpg') 0% 0% no-repeat;
}

#menu ul li a:hover {
  color:#586063;
  background: transparent url('tlo_button_over.jpg') 0% 0% no-repeat;
}

#menu ul li a.current {
  color:#586063;
  background: transparent url('tlo_button_over.jpg') 0% 0% no-repeat;
}

#menu ul li a:hover span {
  position:relative; top: 5px;
}

#naglowek div.logo {
  float:left;
  width:336px;
  text-align:center;
  padding-top:60px;
}

#naglowek div.logo img {
  border:none;
}

#naglowek div.zdjecie img {
  float:left;
  width:526px;
  position:relative; top:20px; right:2px;
  border:solid 2px #70a287;
}

#tresc {
  padding:5px 15px;
  background: white url('tlo_tresc.jpg') 0% 0% repeat-x;
}

#tresc p {
  text-align:justify;
}

#tresc img.ramka {
  padding:1px;
  border:solid 2px #70a287;
}

#tresc p.ramka {
  padding:1px;
  border:solid 2px #70a287;
}

#tresc ul {
  text-align:justify;
  margin:0px; margin-left:20px;
  padding:0px;
}

#tresc ol {
  text-align:justify;
  margin:0px; margin-left:20px;
  padding:0px;
}

div.przypadki_zdjecie {
  float:left;
	width:230px;
	margin-bottom:30px;
	text-align:center;
}

div.kolumna_text {
  float:left;
  width:292px;
  margin-right:20px;
}

div.kolumna_text2 {
  float:left;
  width:604px;
  margin-right:20px;
}

div.kolumna_operacje {
  float:left;
  width:223px;
  margin:0px 0px;
}

div.kolumna_operacje div.srodek {
  padding:0px 10px;
  background: transparent url('tlo_operacje_srodek.gif') 0% 0% repeat-y;
}

ul.operacje {
  margin:0px; padding:0px;
}

ul.operacje li {
  margin:0px; margin-left:-6px;
  padding:0px;padding-bottom:3px;
  text-align:left;
}

div.navi {
  color:#7d7e80;
  font-weight: bold;
}

div.navi a {
  color:#7d7e80;
  text-decoration:none;
}

div.navi a:hover {
  color:#42996c;
}

#stopka {
  width:880px;
  margin:auto; padding:3px 10px 3px 10px;
  text-align:right;
  color:#586063;
}

#stopka div.menu_dolne {
  float:left;
  color:#586063;
}

#stopka div.menu_dolne a {
  font-weight:normal;
  color:#586063;
}


.clear {clear:both;}
.left {text-align:left}
.right {text-align:right}
.center {text-align:center}
.justify {text-align:justify}

.flowleft {float:left}
.flowright {float:right}