body {
 background-color: #ccccccc;
 color: #000;
 margin: 0;
 padding: 0;
 font-family: ARIAL;
 font-weight: NORMAL;
 font-style: NORMAL;
 font-size: 12px;
 color: #333333;
 text-align: center;
}

#intro {
    position: absolute; left: 452px; #left: 446px;
    border: 0px;
    text-align: center;
    margin: 0 auto 0 auto;
}

#main {
    position: relative; right: 200px;
    border: 0px; width: 50%;
    text-align: left;
    margin: 0 auto 0 auto;
}

a.lista:link, a.lista:visited {
color: #0066CC;
text-decoration: none;
}

a.lista:hover {
color: #99CCFF;
text-decoration: none;
}

p.news {
  text-align: justify;
  padding: 20px;
}


p.news-b {
  text-align: center;
  font-weight: BOLD;
  font-size: 14px;
}

p.news-b2 {
  text-align: center;
  font-size: 16px;
}

p.news-c {
  text-align: center;
  padding: 20px;
}

p.news-c1 {
  text-align: center;
  padding: 0px;
}

p.news-r {
  text-align: right;
  padding: 20px;
  position:relative; top: -30px; #top: -40px;
}

img.news-img {
    border: 0px;
    padding: 20px;
    float: left;
}


img.news-img2 {
    border: 0px;
    padding: 0px 5px;
    float: left;
    
}

img.news-img3 {
    border: 0px;
    padding: 20px; 10px;
    float: left;
    
}

img.news-aktualnosci {
    border: 0px;
    padding: 10px 42px;
    
}

img.flag {
    border-width: 1px;
}


p.menu {
    position: absolute; left: 80px; top: 73px; #top: 85px;

}


p.header {
    position: absolute; left: 25px; top: -8px; #top: 5px;
    font-family: ARIAL;
    font-weight: BOLD;
    font-size: 13px;
    color: #666666;
}

p.header2 {
    position: absolute; left: 55px; top: -8px; #top: 5px;
    font-family: ARIAL;
    font-weight: BOLD;
    font-size: 13px;
    color: #666666;
}

p.stopka {
    position: relative; top: -5px; #top: 5px;
    font-family: TIMES NEW ROMAN;

    font-size: 11px;
    color: #666666;
}

#logo {
 background-image: url('img/logo-knem.png');
 position: absolute; left: 25px; top: 20px;
 width: 152px;
 height: 100px;
}

#top {
 background-image: url('img/top-knem.png');
 position: absolute; left: 220px; top: 20px;
 width: 655px;
 height: 106px;
}

#lside {
  background-color: #ffffff;
  position: absolute; left: 10px; top: 140px;
  width: 190px;
}

#lside-top {
 background-image: url('img/lside-top.png');
 position: absolute; left: 10px; top: 0px;
 width: 190px;
 height: 32px;
}

#lside-l {
  background-color: #999999;
  position: absolute; left: 10px; top: 28px;
  width: 1px;
  height: 332px;
}

#lside-content {
  position: relative; left: 8px; top: 30px; #top: 40px;
  width: 190px;
  height: 314px;
}

#lside-r {
  background-color: #999999;
  position: absolute; left: 199px; top: 28px;
  width: 1px;
  height: 332px;
}

#lside-bottom {
 background-color: #999999;
 position: absolute; left: 10px; top: 360px;
 width: 190px;
 height: 1px;
}

#middle {
 position: absolute; left: 210px; top: 140px;
 width: 655px;
}

#mid-top {
 background-image: url('img/mid-top.png');
 position: relative; left: 10px; top: 0px;
 width: 655px;
 height: 32px;
}

#mid-top2 {
 background-image: url('img/mid-top.png');
 position: relative; left: 10px; top: 0px;
 width: 655px;
 height: 32px;
}

#mid-l {
  background-color: #999999;
  position: absolute; left: 10px; top: 28px;
  width: 1px;
  height: 332px;
}

#mid-l1 {
  background-color: #999999;
  position: absolute; left: 10px; top: 20px;
  width: 1px;
  height: 170px;
}

#mid-content {            <!-- je?eli szalblon jest z jedna ramka bez scrolla-->
  position: relative; left: 8px; top: 0px; #top: 10px;
  width: 655px;
  height: 314px;
}

#mid-content-scroll {  <!--  srodkowa ramka ze scrollem -->
  position: relative; left: 8px; top: 0px; #top: 10px;
  width: 655px;
  height: 314px;
  overflow-y: scroll;
}

#mid-content1 {           <!-- 1 ramka przy 2 ramkach na srodku -->
  position: relative; left: 8px; top: 0px; #top: 10px;
  width: 655px;
  height: 144px;
  overflow-y: scroll;
}

#mid-content2 {               <!-- 2 ramka przy 2 ramkach na srodku -->
  position: relative; left: 8px; top: 0px; #top: 10px;
  width: 655px;
  height: 144px;
  overflow-y: scroll;
}


#mid-r {
  background-color: #999999;
  position: absolute; left: 664px; top: 28px;
  width: 1px;
  height: 332px;
}

#mid-r1 {
  background-color: #999999;
  position: absolute; left: 417px; top: 20px;
  width: 1px;
  height: 170px;
}

#mid-r2 {
  background-color: #999999;
  position: absolute; left: 417px; top: 20px;
  width: 1px;
  height: 170px;
}

#mid-bottom {
 background-color: #999999;
 position: absolute; left: 10px; top: 360px;
 width: 655px;
 height: 1px;
}


#stopka-belka {
 background-image: url('img/stopka.png');
 position: absolute; left: 20px; top: 520px;
 width: 855px;
 height: 32px;
 text-align: center;
}

#flag {
 position: absolute; left: 80px; top: 280px;
 width: 35px;
 height: 23px;
}