html, body { background-color: #ffffff;
    background-image: url(obrazki/tlo_body.jpg);
    background-repeat: repeat-x;
    font-size: 1.1em;
    font-family: Arial Narrow;
          height:100%;
text-align:center;
    }

  h1,h2{
  font-size:120%;
  color:#ff0000;
  margin-left:40px;
  line-height: 100%;
  }

  #kontener{
text-align:left;
align:center;
    width: 849px;
    margin: 0 auto;
   
      }

      li{
     list-style-image: url(obrazki/kwadracik.gif);
   }
   a{

color:#000000;
   }


#gora{
width:849px;
  background-image: url(obrazki/gora.jpg);
  height: 41px;
}
#ramka {
float:left;
display:inline;
      width: 849px;
      clear:both;
     background-image: url(obrazki/ramka1.gif);
    background-repeat: repeat-y;
        background-color: #cce2f9;
      }
#strona{
float:left;
display:inline;
width: 836px;
     background-color: #cce2f9;
     background-image: url(obrazki/strona.jpg);
     background-repeat: repeat-x;

}
 #logo{
 float:left;
 display: inline;
 width:615px;

 }
 #logo p{
 float:left;
 display: inline;
   text-align:center;
   margin-left:60px;
 }
   #tekst1{
    padding-top:10px;
   margin-left:30px;
   margin-top:40px;
   clear:left;
 }

#tekst2{

display: inline;
   margin-right:40px;
   margin-top:10px;
 float:right;
 }
 #obrazek1{
  float:right;
 display: inline;
   width:180px;
   height:300px;
    background-image: url(obrazki/obrazek1.jpg);
     background-repeat:no-repeat;
 }

 #obrazek2{
  float:left;
 display: inline;
   width:180px;
   height: 470px;
    background-image: url(obrazki/obrazek2.jpg);
     background-repeat:no-repeat;
margin-right:20px;
 }
  #obrazek3{
  float:left;
  display: inline;

       background-image: url(obrazki/obrazek3.jpg);
     background-repeat:no-repeat;
     width:190px;
   height: 250px;
margin-top:26px;
   margin-left:50px;
 }

 #fragment2{
 margin-top:50px;
   clear:both;
 }
  #fragment3{
    clear:both;
    background-color: #cce2f9;
  }


 #margines_lewy {
 float:left;
 display:inline;
   width:6px;
   height:100%;
   background-image: url(obrazki/margines_lewy.gif);
     background-repeat:no-repeat;
 }
 #margines_prawy {
 float:right;
 display:inline;
   width:6px;
   height:100%;
   background-image: url(obrazki/margines_prawy.gif);
     background-repeat:no-repeat;
 }


#stopka{
   clear:both;
width:849px;
  background-image: url(obrazki/stopka.jpg);
  height: 57px;
  text-align: center;
  color:#8cb6e6;
  font-size:80%;
  line-height: 95%;
}

#stopka a{
color:#8cb6e6;

  }