<HTML>
<STYLE TYPE="text/css">

body {
    margin: 0;
    padding: 0;
    font: 12px Arial, Helvetica, sans-serif; 
    text-align: center;
    font-color: red;    
    xxbackground: #66999FF url(tlo_zima1.jpg) repeat;
    background: #FFF;
}

#tlowe {
    position: absolute; left: 8;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 800px;
    text-align: left;
    background-color: #FFF;
xxbackground-image: url(tlo_zima1.jpg);
    background-repeat: repeat;
    border: 0px solid Green;
}

#winieta {
    display: block;
    border: 0
    xxborder-left: 2px solid Black;
    xxborder-right: 2px solid Black;
    height: 110;
    width: 800;
    padding: 0;  
}


#main {
    position: relative; left: 162;
    margin: 0 0 0 0;
    padding: 0 10 5 10;
    width: 400px;
    text-align: left;
xxfloat: none;
    background-color: #FFF;
xxbackground-image: url(tlo_zima1.jpg);
    background-repeat: repeat;
xxborder: 3px solid Black;
}

#main EM {
    font-weight: 800; 
    color: #FF8000;
    font-style: normal;
}

#main H1 {

    color: #F80;
    padding: 0 0 0 0;
    margin: 13 0 0 0;
xxborder: 1px solid Red;
}

#main H3 {
display: block;
    color: White;
    padding: 0 0 0 20;
    margin: 18 0 6 0;
xxborder: 1px solid Red;
    font-family: Arial;
    xxletter-spacing: 1;
   background-color: #F80; 
   xxbackground-image: url(tlo_zima1.jpg);
}

#main H4 {

    color: #F80;
    padding: 0 0 0 0;
    margin: 12 0 0 0;
xxborder: 1px solid Red;
}

#main H5 {
    color: #White;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
xxborder: 1px solid Red;
    font-size: small;
}

#main P {
    color: Black;
    width: 380;
    padding: 0 0 0 0;
    margin: 0 0 12 20;
xxborder: 1px solid Red;
}


#main P.zw {
    color: Black;
    width: 600;
    padding: 0 0 0 0;
    margin: 0 0 0 20;
xxborder: 1px solid Red;
}

#main a {
    color: #F80;
}

#main a:hover {
    color: Black;
    text-decoration: none;
    background: #F80;
}

#main UL {
    width: 600;
    list-style-type: disc;
    color: Black;
    margin: 0 0 12 40;
    padding: 0 0 0 0;
    list-style-position: outside;
xxborder: 1px solid Lime;
}

#main LI {
    width: 360;
    xxcolor: Red;
    xxpadding: 0 0 0 10;
    xxborder: 1px solid Red;
}

#spis UL {
    list-style-type: none;
    border: none;
}


#spis ul li a {
    height: 20x;
    padding: 0 6 0 10;
    margin-left: 10;
    font: 12px/20px Arial, sans-serif;
    text-decoration: none;
    color: #F80;
    border-left: 4px solid #FFF;
xxborder: 1px solid Red;
}

#spis ul li a:hover {
    color: Black; 
    background: #F70;
}



#menu {
    height: 20px;
    background: #F70 url(images/menu.png);
    width: 800 px;
}

#menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#menu ul li {
    float: left;
}

#menu ul li a {
    display: block;
    float: left;
    height: 20x;
    padding: 0 25px;
    font: 12px/20px Arial, sans-serif;
    text-decoration: none;
    color: White;
    border-right: 1px solid #F80;
}

#menu ul li a:hover {
    color: Black; 
    background: #F80 url(images/menu_over.png);
}


#menubok {
    position: absolute; left: 0; top: 0;
    width: 150px;
    margin: 12 0 0 6;
    display: block;
xxfloat: left;
    background: #FFF;
}

#prawy {
    position: absolute; right: 6; top: 0; 
    width: 206px;
    margin: 12 0 0 0;
    display: block;
    background: #FFF;
}

#menubok  h2, #prawy h2 {
    margin: 0;
    height: 20px;
    font: bold 12px/20px Arial, Helvetica, sans-serif;
    text-align: center;
    color: #444;
    background: #FFF;
}

#menubok  h2  {
    width: 150px;
}

#menubok ul  {
   list-style: none;
   margin: 0 0 0 0;
   padding: 0;
   border-bottom: 2px solid #FFF;
   border-left: 2px solid #FFF;
   border-right: 2px solid #FFF;
}

#menubok ul li, #prawy ul li {
   margin: 0;
   padding: 0;
}


#menubok ul li a {
   display: block;
   margin: 0;
   padding: 0 0 0 10px;
   height: 20px;
   font: 12px/20px Arial, sans-serif;
   color: #F80;
   text-align: left;
   text-decoration: none;
   border: none
}

#menubok ul li a:hover, #prawy li a:hover {
   color: White; background: #F70;   
}


#prawy ul {
   list-style: none;
   margin: 0;
   padding: 0;
}


#prawy ul li {
   display: block;
   text-align: center;
   font: 12px/20px Arial, sans-serif;
   color: White;
   text-decoration: none;
   border: none;
}

#prawy ul li a {
   display: block;
   text-align: center;
   color: White;
   text-decoration: none;
}


IMG.gif  {
    margin: 8 0 0 0;
   xxborder: 1px solid Red; 

}

IMG.jpg  {
    margin: 8 0 0 0;
border: 1px solid Red; 
     max-width: 100;
overflow: auto;
}

#logoski {
    display: block;
    width: 794;
    margin: 6 0 0 0;
    padding: 0 0 5 6;
    background-color: #8BF;
xxbackground-image: url(tlo_zima1.jpg);
xxborder: 1px solid Red; 
    text-align: center;
  font: 12px/14px Arial, sans-serif bold; 
}

#logoski table {
    padding: 0;
    margin: 0;
    font: 11px/14px Arial, sans-serif; 
    text-align: center;
    xxbackground-color: #8BF;
}

#logoski img {
      border: none;
}

#logoski A {
    display: block;
    background-color: #8BF;
}

#logoski A:hover {
    background-color: #7AD;
}

#logoski A.ok:hover {
    color: Black; 
    background: #DDF;
}

</STYLE>
</HTML>