*
 {
  font-family: tahoma, verdana, arial ;
  font-size:10px;
  font-style:normal;
  color:#8b8b8b;
 }
html, body
 {
  background:#fff;
  text-align:left;
  margin:0;
  border:0;
 }
#pasek
 {
  position:relative;
  background:#ffc600 url('img/pasek.jpg') left no-repeat;
  height:10px;
  width:100%;
 }
#top
 {
  position:relative;
  height:132px;
 }
 #logo
  {
   position:relaitve;
   background:url('img/logo.jpg') 30px 20px no-repeat;
   height:132px;
   width:350px;
   float:left;
  }
 #menu
  {
   position:relaitve;
   
   height:132px;
   width:650px;
   float:left;
  }
 ul#navigation               {position:absolute;list-style-type: none;display: block;margin: 0;padding: 0;top:25px;left:380px;}
 ul#navigation li            {display:inline;list-style-type: none;margin: 0;padding: 0;}
 ul#navigation li a          {display:block;overflow:hidden;position:absolute;height:75px;}
 ul#navigation li a:hover    {background-position: 0px -75px;}
   a#ofi {background:url('img/ofi.jpg') top;width:97px;left:0px}
   a#ofe {background:url('img/ofe.jpg') top;width:101px;left:97px}
   a#kli {background:url('img/kli.jpg') top;width:100px;left:198px}
   a#rea {background:url('img/rea.jpg') top;width:98px;left:298px}
   a#por {background:url('img/por.jpg') top;width:99px;left:396px}
   a#kon {background:url('img/kon.jpg') top;width:98px;left:495px}
#srodek
 {
  position:relative;
  width:913px;
 }
 #tekst1
  {
   position:relaitve;
   background:url('img/serd.jpg');
   width:444px;
   float:left;
  }
  #tekst
  {
   position:relaitve;
   background:url('img/serd.jpg');
   height:192px;
   width:444px;
   float:left;
  }
  #tekst div
   {
    position:relative;
    width:275px;
    left:130px;
    top:15px;
   }
	#tekst1 div
   {
    position:relative;
    width:275px;
    left:130px;
    top:15px;
   }
   .wiecej
    {
     position:relative;
     display:block;
     height:21px;
     float:right;
     width:45px;
     right:10px;
     top:8px;
    }
   .reali
    {
     top:25px;
    }
 #fresh
  {
   position:relaitve;
   background:url('img/fresh.jpg');
   height:192px;
   width:469px;
   float:left;
  }
#kolumny
 {
  position:relative;
  width:913px;
  clear:both;
 }
 #kolumna_lewa
 {
  position:relative;
  width:752px;
  float:left;
 }
  #lup
  {
   position:relative;
   background:url('img/lkol.jpg') no-repeat;
   height:194px;
   width:100%;
  }
   #aktu
    {
     position:relative;
     height:180px;
     width:195px;
     float:right;
     right:70px;
     top:14px;
    }
   #last
    {
     position:relative;
     height:180px;
     width:235px;
     float:right;
     top:14px;
    }
    .p1 {background:url('img/ik2.gif') left top no-repeat;padding:0 0 0 15px;margin:3px 0 2px 0;width:65px;float:left;}
    .p2 {background:url('img/ik3.gif') left top no-repeat;padding:0 0 0 15px;margin:3px 0 2px 0;width:65px;float:left;}
    .p3 {background:url('img/ik4.gif') left top no-repeat;padding:0 0 0 15px;margin:3px 0 2px 0;width:65px;float:left;}
    .p4 {padding:0;margin:3px 0 3px 0;width:80px;float:left;}
   #realizacje
    {
     position:relative;
     height:180px;
     width:510px;
     float:right;
     top:14px;
    }
     #realizacje #strony
     {
      position:absolute;
      bottom:20px;
      right:15px;
     }
    .wykonane
    {
     position:relative;
     float:left;
     width:165px;
     margin:0 0 0 2px;
    }
   #kont
    {
     position:relative;
     height:180px;
     width:195px;
     float:right;
     right:35px;
     top:14px;
    }
   #form
    {
     position:relative;
     height:180px;
     width:270px;
     float:right;
     top:14px;
    }
     #form table
     {
      position:relative;
      top:10px;
      height:88px;
     }
     #form td
     {height:30px;}
     #form .input2
     {
      background:url('img/input2.jpg') no-repeat;
      padding:2px 5px 10px 5px!important;padding:0 5px 0 5px;
      width:105px;
      border:0px;
     }
     #form .reset
     {background:url('img/reset.jpg');width:45px;height:21px;cursor:pointer}
     #form .submit
     {background:url('img/wyslij.jpg');width:45px;height:21px;cursor:pointer}
     #form input
     {background:none;border:0px;font-size:11px;width:90px;}
     #form .textarea
     {background:url('img/textarea.jpg') no-repeat;border:0px;width:132px;height:88px;padding:2px 10px 5px 5px;}
     #form textarea
     {width:125px;height:80px;border:0px;background:none;font-size:11px;overflow:hidden}
  #left
  {
    position:relative;
    background:url('img/left.jpg');
    height:111px;
    width:500px;
    float:left;
  }
   #tleft
   {
    padding:6px 0 0 250px;
   }
    #tleft input
     {border:0px;background:none;font-size:11px;color:#ff7901;width:120px;}
    #tleft table
     {position:relative;top:7px;}
    #tleft td
     {height:25px;}
    #tleft .input
     {
      background:url('img/input.jpg') no-repeat;
      padding:2px 5px 0 5px;
      width:135px;
      border:0px;
     }
    #tleft .log
     {
      background:url('img/log.gif');
      width:45px;
      height:21px;
      border:0px;
     }
   #right
   {
    position:relative;
    background:url('img/right.jpg');
    height:111px;
    width:249px;
    float:left;
    left:3px;
   }
    #tright
    {
     padding:6px 0 0 15px;
    }
    #tright img {padding:0 0 6px 0}
    span#s1 {display:block;background:url('img/s1.jpg') left no-repeat;padding:0 0 0 60px;}
    span#s2 {display:block;background:url('img/s2.jpg') left no-repeat;padding:0 0 0 60px;}
    span#s3 {display:block;background:url('img/s3.jpg') left no-repeat;padding:0 0 0 60px;}
    span#s4 {display:block;background:url('img/s4.jpg') left no-repeat;padding:0 0 0 60px;}
    span#s5 {display:block;background:url('img/s5.jpg') left no-repeat;padding:0 0 0 60px;}
 #kolumna_prawa
 {
  position:relative;
  background:url('img/rtop.jpg') top no-repeat;
  width:161px;
  float:left;
 }
  #rcon
  {
   position:relative;
   background:url('img/rcon.jpg');
   height:290px;
   width:100%;
   top:10px;
  }
   .trcon
    {
     padding:3px 0 15px 25px;
    }
   .trcon .oferta
    {
     position:relative;
     top:10px;
     left:70px;
     display:block;
     height:21px;
     width:45px;
    }
   .trcon td
    {height:15px;vertical-align:top}
   .trcon table
    {position:relative;top:10px;width:135px}
  #rbot
  {
   position:relative;
   background:url('img/rbot.jpg') no-repeat;
   width:100%;
   height:5px;
   top:10px;
  }
#stopka
 {
  position:relative;
  color:#ffa600;
  clear:both;
  left:15px;
  top:5px;
  width:300px;
 }
 #stopka strong {color:#ffa600}

 a.przyklad       {border:3px solid #646464;width:70px;height:70px;display:block;float:left;margin:0 5px 0 0;}
 a:hover.przyklad {border:3px solid #ffcb46;}
 
a         {color:#ffa600;text-decoration:none}
a:hover   {color:#ffa600;text-decoration:underline}
h4        {color:#ffa700;margin:6px 0 3px 0;font-size:11px;}
h5        {margin:10px 0 15px 0}
img       {border:0px;vertical-align:middle;}
.ffa700   {color:#ffa700}
form      {margin:0}