body {
  margin: 0;
  padding: 0;
  background: url(images/tlo.gif) repeat-x;
  /*background: #333;*/
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #333;
}
a {color: #02428B;}
a:hover, #footer div a:hover {
  color: #B40101;
  text-decoration: underline;
}
#hidden {display: none;}

.abs {position: absolute;}
.rel {position: relative;}
.h30 {height: 30px}
.rgt {text-align: right}

.thead td {padding: 4px; border-bottom: 1px solid #aaa; font-weight: bold; text-align: center}
.gr1 td {padding: 4px; background-color: #eee}
.gr2 td {padding: 4px; background-color: #ccc}
.pink td {padding: 4px; background-color: #ebb4b1; font-weight: bold}
.ct {text-align: center}
.gr1 .pis {padding: 4px; background-color: #afd0ee}
.gr2 .pis {padding: 4px; background-color: #8faecf}
.pink .pis {padding: 4px; background-color: #e29593}

.red {color: #e33;}

td.tab_os {padding: 4px; font-weight: normal; background-color: #fff; border-bottom: 1px solid #aaa;}


#content {
  width: 650px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 8px;
  position: relative; 
}

#sa {position: absolute; top: 0; right: 0; width: 135px; height: 135px; background: url(sa.gif) no-repeat}

.hr {height: 1px; background-image: url(images/hr.gif); background-repeat: repeat-x; margin: 10px 0 10px 0; font-size: 2px;}

td {vertical-align: top; color: #333;}

p {margin: 6px 0 6px 0}

label {cursor: pointer}

/*stopka*/
#footer {
  clear: both;
  position: relative;
  border-top: 8px solid #F5F5F5;
  width: 100%;
  height: 20px;
  padding-top: 5px;
  padding-bottom: 10px;
}
#footer div {float: right;}
#footer div a {
  color: #6B6B6B;
  font-weight: normal;
  text-decoration: none;
}
#footer div a:hover {color: #B40101; text-decoration: underline;}

h1 {
  margin-top: 9px;
  padding: 0;
  margin-bottom: 9px;
  font-size: 14px;
  color: #02428B;
}

input.pole {
  font-size: 12px;
  border: 1px solid #7C7C7C;
  color: #000;
  padding: 2px 2px;
  margin-top: 5px;
  margin-bottom: 5px;
}
select.pole {
  font-size: 10px;
  border: 1px solid #7C7C7C;
  color: #838383;
  margin-top: 5px;
  margin-bottom: 5px;
}

input.przycisk {
  border: 0;
}

form {display: inline;}

#pojemnik {
  position: relative;
  margin-top: 0;
  width: 100%;
}

#title1 {
  padding: 6px;
  font-size: 14px;
  font-weight: bold;
  color: #04386d;
  background: #fff url(images/title_bg1.jpg) repeat-y;
}

#title2bg {
  margin-top: 0;
  background: #fff url(images/title_bg2.jpg) repeat-y;
}

#title2 {
  margin-top: 0;
  padding: 6px;
  font-size: 14px;
  font-weight: bold;
  color: #04386d;
}

#bg_monety {
  margin-top: 1px;
  font-size: 11px;
  color: #333;
  padding: 10px;
  /*
  background: #fff url(images/bg_monety.gif) no-repeat;
  background-position: top right;
  */
  background: #fff;
}
#bg_monety p {
  line-height: 140%;
}

#raport {
  margin-top: 1px;
  font-size: 11px;
  color: #333;
  padding: 10px;
  background: #fff;
  width: 458px;
  float: left;
}
#raport p {
  font-size: 12px;
  margin-bottom: 10px;
}

#newsletter {
  margin-top: 1px;
  width: 170px;
  float: right;
  background: #fff url(images/newsletter_bg.jpg) repeat-x;
}
#newsletter p {
  margin: 8px;
  color: #333;
}
#newsletter a {
  color: #B90909;
}

#bg_blue {
  margin-top: 1px;
  background: #fff;/* url(images/bg_form.gif) repeat-x;*/
  border: 1px solid #999;
  margin-bottom: 10px;
}

#bg_kalk {
  padding: 10px;
  /*
  background: url(images/bg_kalk.gif) no-repeat;
  background-position: top right;
  */
}

#newsletter a.ekonomisci {
  color: black;
  text-decoration: underline;
}
#newsletter a.ekonomisci:hover {
  color: #B40101;
  text-decoration: underline;
}