.doc-1 {
  margin: 0px 0px 0px 0;
  background: url(navi/1.jpg) no-repeat 0 0;
  height: 25px;
  width: 50px;
  display:block;
  float:left;
}
.a-doc-1 {
  margin: 0px 0px 0px 0;
  background: url(navi/1a.jpg) no-repeat 0 0;
  height: 25px;
  width: 50px;
  display:block;
  float:left;
}

.doc-1 a:hover {
  margin: 0px 0px 0px 0;
  background: url(navi/1a.jpg) no-repeat 0 0;
  height: 25px;
  width: 50px;
  display:block;
  float:left;
}

.doc-2 {
  margin: 0px 0px 0px 0;
  background: url(navi/2.jpg) no-repeat 0 0;
  height: 25px;
  width: 77px;
  display:block;
  float:left;
}
.a-doc-2 {
  margin: 0px 0px 0px 0;
  background: url(navi/2a.jpg) no-repeat 0 0;
  height: 25px;
  width: 77px;
  display:block;
  float:left;
}
.doc-2 a:hover {
  margin: 0px 0px 0px 0;
  background: url(navi/2a.jpg) no-repeat 0 0;
  height: 25px;
  width: 77px;
  display:block;
  float:left;
}

.doc-3 {
  margin: 0px 0px 0px 0;
  background: url(navi/3.jpg) no-repeat 0 0;
  height: 25px;
  width: 76px;
  display:block;
  float:left;
}
.a-doc-3 {
  margin: 0px 0px 0px 0;
  background: url(navi/3a.jpg) no-repeat 0 0;
  height: 25px;
  width: 76px;
  display:block;
  float:left;
}
.doc-3 a:hover {
  margin: 0px 0px 0px 0;
  background: url(navi/3a.jpg) no-repeat 0 0;
  height: 25px;
  width: 76px;
  display:block;
  float:left;
}

.doc-4 {
  margin: 0px 0px 0px 0;
  background: url(navi/4.jpg) no-repeat 0 0;
  height: 25px;
  width: 114px;
  display:block;
  float:left;
}
.a-doc-4 {
  margin: 0px 0px 0px 0;
  background: url(navi/4a.jpg) no-repeat 0 0;
  height: 25px;
  width: 114px;
  display:block;
  float:left;
}
.doc-4 a:hover {
  margin: 0px 0px 0px 0;
  background: url(navi/4a.jpg) no-repeat 0 0;
  height: 25px;
  width: 114px;
  display:block;
  float:left;
}
.doc-5 {
  margin: 0px 0px 0px 0;
  background: url(navi/5.jpg) no-repeat 0 0;
  height: 25px;
  width: 67px;
  display:block;
  float:left;
}
.a-doc-5{
  margin: 0px 0px 0px 0;
  background: url(navi/5a.jpg) no-repeat 0 0;
  height: 25px;
  width: 67px;
  display:block;
  float:left;
}
.doc-5  a:hover {
  margin: 0px 0px 0px 0;
  background: url(navi/5a.jpg) no-repeat 0 0;
  height: 25px;
  width: 67px;
  display:block;
  float:left;
}
.doc-6 {
  margin: 0px 0px 0px 0;
  background: url(navi/6.jpg) no-repeat 0 0;
  height: 25px;
  width: 159px;
  display:block;
  float:left;
}
.a-doc-6 {
  margin: 0px 0px 0px 0;
  background: url(navi/6a.jpg) no-repeat 0 0;
  height: 25px;
  width: 159px;
  display:block;
  float:left;
}
.doc-6  a:hover{
  margin: 0px 0px 0px 0;
  background: url(navi/6a.jpg) no-repeat 0 0;
  height: 25px;
  width: 159px;
  display:block;
  float:left;
}
.doc-7 {
  margin: 0px 0px 0px 0;
  background: url(navi/7.jpg) no-repeat 0 0;
  height: 25px;
  width: 58px;
  display:block;
  float:left;
}
.a-doc-7{
  margin: 0px 0px 0px 0;
  background: url(navi/7a.jpg) no-repeat 0 0;
  height: 25px;
  width: 58px;
  display:block;
  float:left;
}

.doc-7 a:hover{
  margin: 0px 0px 0px 0;
  background: url(navi/7a.jpg) no-repeat 0 0;
  height: 25px;
  width: 58px;
  display:block;
  float:left;
}

.doc-8 {
  margin: 0px 0px 0px 0;
  background: url(navi/8.jpg) no-repeat 0 0;
  height: 25px;
  width: 73px;
  display:block;
  float:left;
}
.a-doc-8 {
  margin: 0px 0px 0px 0;
  background: url(navi/8a.jpg) no-repeat 0 0;
  height: 25px;
  width: 73px;
  display:block;
  float:left;
}

.doc-8 a:hover {
  margin: 0px 0px 0px 0;
  background: url(navi/8a.jpg) no-repeat 0 0;
  height: 25px;
  width: 73px;
  display:block;
  float:left;
}
.doc-9 {
  margin: 0px 0px 0px 0;
  background: url(navi/9.jpg) no-repeat 0 0;
  height: 25px;
  width: 79px;
  display:block;
  float:left;
}
.a-doc-9 {
  margin: 0px 0px 0px 0;
  background: url(navi/9a.jpg) no-repeat 0 0;
  height: 25px;
  width: 79px;
  display:block;
  float:left;
}
.doc-9  a:hover{
  margin: 0px 0px 0px 0;
  background: url(navi/9a.jpg) no-repeat 0 0;
  height: 25px;
  width: 79px;
  display:block;
  float:left;
}



h1 {
   color: #377AC9;
   font-size: 13pt;
   margin: 0 0 15px 0;
   font-family: cursive, Helvetica,Verdana,Arial,sans-serif;
   font-weight: normal;
   }

body {
  margin: 0;
  padding: 0;
  font-size: 12pt;
  font-family: Helvetica,Verdana,Arial,sans-serif;
  text-align: left;
}
.bg  {
  text-align: left;
  background: url(images/tlo.jpg) no-repeat center top #387BCA;
  }
a img {
  border:  none;
}
#top {
  margin: 10px auto;
  width: 800px;
}
#LOGO {
  margin: 0px;
  padding: 0px;
  font-size: 36px;
  font-family: Helvetica,Verdana,Arial,sans-serif;
  color: #000000;
  text-align: center;
  font-weight: bold;
}
#LINKI {
  margin: 0px 0 0 0px;
  padding: 37px 0 0 26px;
  font-size: 0px;
  font-family: Helvetica,Verdana,Arial,sans-serif;
  color: #ffffff;
  text-align: center;
}
#LINKI .menulevel1 a {
  
  font-size: 0;
}
#LINKI a:link {
  color: transparent;
  text-decoration: none;
  font-weight: bold;
  font-style: normal;
  font-size: 0px;
  }
#LINKI a:visited {
  color: #e0e0e0;
  text-decoration: none;
  font-weight: bold;
  font-style: normal;
  font-size: 0px;
  
  
}
#LINKI a:hover {
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  font-style: normal;
  font-size: 0px;
  
}
#LINKI ul {
  margin: 0;
  padding: 0;
  display: block;
  list-style-type: none;
}
#LINKI ul li {
  margin: 0 5px;
  padding: 0;
  display: inline;
  list-style-type: none;
  line-height: 75px;
}
#MENU {
  width: 213px;
  overflow: hidden;
  float: left;
}
#MENU .NAGLOWEK {
  margin: 0px 10px 0px 0px;
  padding: 5px 10px;
  font-size: 14px;
  font-family: Helvetica,Verdana,Arial,sans-serif;
  color: #ffffff;
  text-align: center;
  font-weight: bold;
}
#MENU .ZAWARTOSC {
  margin: 0px 10px 10px 0px;
  padding: 5px 10px 15px;
  font-size: 12px;
  font-family: Helvetica,Verdana,Arial,sans-serif;
  color:#500400;
}
#MENU .ZAWARTOSC a:link {
  color: #000080;
  text-decoration: underline;
  font-weight: normal;
  font-style: normal;
}
#MENU .ZAWARTOSC a:visited {
  color: #000080;
  text-decoration: underline;
  font-weight: normal;
  font-style: normal;
}
#MENU .ZAWARTOSC a:hover {
  color: #0000ff;
  text-decoration: underline;
  font-weight: normal;
  font-style: normal;
}
#MENU .ZAWARTOSC ul {
  margin: 0;
  padding: 0;
  display: block;
  list-style-type: none;
}
#MENU .ZAWARTOSC ul li {
  margin: 0;
  padding: 0;
  display: block;
  list-style-type: none;
}
#TRESC {
  width: 564px;
  float: left;
  margin-right:23px;
  
}
#tresc-top{
   background: url(images/tresc-top.png) no-repeat center top;
   height: 24px;
}
#tresc-bottom{
   background: url(images/tresc-bottom.png) no-repeat center bottom;
   height: 24px;
}
#TRESC .ZAWARTOSC {
  padding: 0px 33px 0px 63px;
  font-size: 9.5pt;
  olor: #510400;
  background-color: #ffffff;
  height: 360px;
  overflow: auto;
  font-family: 'Nobile';
  color:#500400;
  }
#TRESC .ZAWARTOSC p {
  margin: 0px 0px 8px 0px;
  }
#TRESC .ZAWARTOSC a:link {
  color: #377AC9;
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
}
#TRESC .ZAWARTOSC a:visited {
  color: #377AC9;
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
}
#TRESC .ZAWARTOSC a:hover {
  color: #ff0000;
  text-decoration: underline;
  font-weight: normal;
  font-style: normal;
}
#TRESC .ZAWARTOSC ul {
  margin: 0;
  padding: 0;
}
#TRESC .ZAWARTOSC li {
  background-image:url(images/circle.jpg);
  background-position:left top;
  background-repeat:no-repeat;
  list-style-type:none;
  margin:0 0 0 0;
  padding-left:10px;
  padding-top:1px;
}
#STOPKA {
  height: 100px;
  margin: 0px 0 20px 0;
  font-size: 0px;
  font-family: Helvetica,Verdana,Arial,sans-serif;
  color: #000000;
  text-align: center;
  clear: both;
  background: url(images/bottom.png) no-repeat center top;
}
#STOPKA1 {
  height: 10px;
  font-size: 0px;
  text-align: center;
  clear: both;
}
#navi {
  text-align: left;
  clear: both;
  padding: 34px 0px 0 16px;
}
#STOPKA a:link, #STOPKA a:visited {
  color: #fff;
  text-decoration: none;
  font-size: 0px;
}
#STOPKA a:hover {
  color: #fff;
  text-decoration: none;
  font-size: 0px;
}
#bottom {
  padding: 10px 0 0px 0;
  margin: 0px 0 10px 0;
clear: both;
}