html
{
  font-family: Tahoma;
  font-size: 11px;
  margin: 0;
  padding: 0;
  color: #000000;
}
body
{
  background-color: #E2E2E2;
  margin: 0;
  padding: 0;
  color: #808080
}

img
{
   border: 0;
}

a
{
   text-decoration:none;
}
p
{
  margin: 0px;
  padding-top: 5px;
}

#cotainer
{
   width: 968px;
   height: 303px;

   background-image: url('img/top.jpg');
   background-repeat: no-repeat;


   margin: 0 auto;
   padding: 0;
}

#logo
{
   width: 218px;
   height: 80px;

   margin: 13px 0 0 371px;

   float: left;
   display: inline;
   
}

#menu1
{
   color: #fff;
   font-weight: bold;
   margin: 11px 0 0 190px;

   float: left;
   display: inline;
}

#menu1 a
{
   color: #fff;
   text-decoration: none;
}


#menu
{
   width: 600px;
   height: 27px;
   color: #fff;

   margin: 37px 0 0 16px;

   float: left;
   display: inline;
   
}

#menu ul
{
   margin: 0;
   padding: 0;
}
#menu li
{
   margin: 6px 0 1px 0;
   list-style: none;
   width: 100px;
   text-align: center;

   float: left;
   display: inline;
}
#menu dd
{
  margin: 6px 0 1px 0;
  padding: 0;
}
#menu a
{
   text-decoration: none;
   color: #fff;
}

#szukaj
{
   width: 310px;
   height: 24px;

   padding-top: 3px;
   padding-left: 20px;

   margin: 37px 0 1px 0px;


   color: #fff;

   float: left;
   display: inline;
   
}

#szukaj input
{
   width: 227px;
   height: 15px;

   margin-top: 2px;
   margin-left: 10px;

   padding: 0;

   border: 1px #000 solid;

   float: left; display: inline;
}

#szukaj p
{
   margin: 3px 0 0 0; padding: 0;

   float: left;
   display: inline;
}

#kolumna-menu
{
   width: 200px;


   float: left;
   display: inline;
}

#kolumna-menu .naglowek1
{
   width: 190px;
   height: 17px;

   background-image: url('img/naglowek1.jpg');
   background-repeat: no-repeat;

   font-weight: bold;
   color: #fff;

   padding: 25px 0 0 10px;

   float: left;
   display: inline;
}

#kolumna-menu .naglowek2
{
   width: 190px;
   height: 17px;

   background-image: url('img/naglowek2.jpg');
   background-repeat: no-repeat;

   font-weight: bold;
   color: #fff;
   
   padding: 25px 10px 0 0px;

   margin: 0;
   
   text-align: right;

   float: left;
   display: inline;
}

#kolumna-menu ul
{
   margin: 0;
   padding: 0;

}
#kolumna-menu dl
{
   margin: 0;
   padding: 0;

}

#kolumna-menu .kat
{
   margin: 0;
   width: 179px;
   height: 18px;

   padding: 6px 0 0 20px;

   background-image: url('img/li1.jpg');
   background-repeat: no-repeat;

   list-style: none;
   color: #D4DBE1;
   font-weight: bold;

   float: left;
   display: inline;
   
   cursor: pointer;
   
   
}

#kolumna-menu .pusty
{
   width: 159px;
   min-height:18px;height:auto !important;height:18px;

   padding: 6px 20px 0 20px;

   background-image: url('img/li4.jpg');
   background-repeat: no-repeat;

   list-style: none;
   color: #D4DBE1;
   font-weight: bold;
   text-align: center;

   float: left;
   display: inline;
}
#kolumna-menu .kato
{
   width: 180px;
   min-height:18px;height:auto !important;height:18px;

   padding: 0px 0 0 20px;

   background-image: url('img/li_tlo.jpg');
   background-repeat: repeat-y;
   

   list-style: none;
   color: #D4DBE1;
   font-weight: bold;

   float: left;
   display: inline;
   
   cursor: pointer;
}
#kolumna-menu .kat_naglowek
{
  width: 200px;
  height: 3px;
  
  float: left;
  display: inline;
  
  background-image: url('img/li_naglowek.jpg');
  background-repeat: no-repeat;
  margin: 0;
  padding: 0;
  
  margin-left: -20px;
  margin-bottom: 3px;
  
}
#kolumna-menu .kat_tresc
{
  width: 180px;
  
  
  float: left;
  display: inline;
  
  background-image: url('img/li_strzalka.jpg');
  background-repeat: no-repeat;
  background-position: 0 -3px;
  
  margin-left: -20px;
  padding-left: 20px;
}
#kolumna-menu .kat_stopka
{
  width: 200px;
  height: 3px;
  
  float: left;
  display: inline;
  
  background-image: url('img/li_stopka.jpg');
  background-repeat: no-repeat;
  margin: 0;
  padding: 0;
  margin-left: -20px;
}

#kolumna-menu .pod
{
   width: 180px;
   min-height:19px;height:auto !important;height:19px;
   
   margin: 0;

   padding: 4px 0 0 20px;

   background-image: url('img/li3.jpg');
   background-repeat: repeat-y;
   

   list-style: none;
   color: #737A84;
   font-weight: bold;

   float: left;
   display: inline;
   
   cursor: pointer;
}
#kolumna-menu .pod_stopka
{
  width: 200px;
  height: 1px;
  background-image: url("img/li3_stopka.jpg");
  background-repeat: no-repeat;
  margin: 0;
  padding: 0;
  margin-left: -20px;
  display: inline;
  float: left;
  
  margin-top: 4px;
  margin-bottom: -10px;
}
#kolumna-menu .pod a
{
  color: #737A84;
  
}

#kolumna-menu .przerywnik
{
   width: 190px;
   height: 16px;

   background-image: url('img/przerywnik.jpg');
   background-repeat: no-repeat;

   margin: 0;
   padding: 1px 0 0 10px;

   list-style: none;
   font-weight: bold;
   color: #fff;

   float: left;
   display: inline;
}

#kolumna-menu .przerywnik_prawy
{
   width: 190px;
   height: 16px;

   background-image: url('img/przerywnik.jpg');
   background-repeat: no-repeat;

   padding: 1px 10px 0 0;

   list-style: none;
   font-weight: bold;
   color: #fff;
   
   text-align: right;

   float: left;
   display: inline;
}



.prawy
{
   margin-right: 18px;      
   
   float: right;   
   display: inline;
}

#kolumna-menu .produkt
{
   width: 174px;
   height: 76px;

   background-image: url('img/produkt.jpg');
   background-repeat: no-repeat;

   padding: 10px 13px 10px 13px;
   
   margin: 0;

   list-style: none;
   font-weight: bold;

   float: left;
   display: inline;
}

.produkt img
{
   float: left;
   display: inline;
}

.produkt .cena
{
   margin: 2px 0;
   text-align: right;
   width: 110px;
   float: left;
   display: inline;
}

.produkt .tytul
{
   margin: 0px 0;
   text-align: center;
   margin-left: 8px;
   font-weight: normal;
   width: 110px;
   float: left;
   display: inline;
   height: 14px; 
   overflow: hidden;
}
.produkt .koszyk1
{
   width: 160px;
   margin: 0;
   margin-top: 5px;
   margin-left: 8px;
   text-align: center;
   font-weight: normal;
   border-top: 1px #B2B2B2 solid;
   
   padding: 2px 0;
   
   float: left; display: inline;
}

#srodek
{
   width: 540px;
   
   margin: 0;
   padding: 0;
   
   
   overflow: hidden;
   
   float: left; display: inline;
}

#srodek .drzewo
{
   margin: 0;
   padding: 20px 0 0 15px;
   
   float: left; 
   display: inline;
}

#srodek .drzewo a
{
   color: #515151;
}

#stopka
{
   width: 940px;
   margin: 0 10px 10px 10px;
   padding: 4px 0;
   
   border-top: 1px #ccc solid;
   
   color: #818181;
   
   text-align: center;
   
   float: left;
   display: inline;
}

.kartka
{
   width: 531px;
   
   background-image: url('img/srodek.jpg');
   
   margin-top: 4px;
   margin-left: 6px;
   
   float: left; display: inline;
}

.kartka .naglowek
{
   width: 531px;
   height: 18px;

   background-image: url('img/srodek_gora.jpg');
   background-repeat: no-repeat;

   float: left;
   display: inline;
}

.kartka .stopka
{
   width: 531px;
   height: 23px;

   background-image: url('img/srodek_dol.jpg');
   background-repeat: no-repeat;

   float: left;
   display: inline;
}

#stopka a
{
   color: #818181;
}

#kolumna-menu a
{
   color: #D4DBE1;
}

.pod a
{
   color: #737A84;
}

#menu a
{
   color: #fff;
}


h1
{
   font-size: 12px;
   font-weight: bold;
   text-align: left;
   margin: 5px 0 0 30px;
   padding: 0;
   color: #3F3F3F;
}

h2
{
   font-size: 12px;
   font-weight: bold;
   text-align: left;
   margin: 5px 30px 0 30px;
   padding: 0;
   color: #3F3F3F; 
}
h3
{
   font-size: 12px;
   font-weight: bold;
   text-align: left;
   margin: 5px 30px 0 30px;
   padding: 0;
   color: #3F3F3F; 
}
h4
{
   font-size: 12px;
   font-weight: bold;
   text-align: left;
   margin: 5px 30px 0 30px;
   padding: 0;
   color: #3F3F3F; 
}


.spis_produkt
{
   width: 500px;
   
   margin: 10px 0 0 15px;
   
   border-bottom: 1px #B2B2B2 solid;
   
   float: left; display: inline;
}

.spis_produkt p
{
   margin: 0 0 5px 0;
}

.spis_produkt .miniaturka
{
   width: auto;
   height: auto;
   
   padding: 15px;
   
   float: left; 
   display: inline;
}

.blad
{
   border: 1px #DD0000 solid;
   color: #DD0000;
   background-color: #FF9F9F;
   width: 80%;
   padding: 10px;
   margin: 10px auto 10px auto;
   clear: both;
}

.strony
{
   text-align: center; width: 521px; margin: 10px 0 0 0; float: left; display: inline;
}
.strony a
{
   color: #000;
}   
div.skrocony_opis
{
  
  width: 270px;
  display: inline;
  float: left;
  
  text-align: justify;
  margin: 0 0px;
  
  
}
div.opis_produktu
{
  display: inline;
  float: left;
  width: 300px;
  
  
}
div.opis_produktu p
{
  margin: 5px 0;
}
div.skrocony_opis p
{
  
  margin:10px 0px;
}
.box_ceny
{
  display: inline; float: right;
  width: 138px;
  
  background-image:url("img/panel_ceny_tlo1.jpg");
  background-repeat: no-repeat;
  
  
  border-style: solid;
  border-width: 1px;
  
  padding-bottom: 10px;
}
.box_zdjecia
{
  display: inline; float: right;
  width: 160px; 
  
  text-align: center;
  
  border-width: 1px;
  
  margin-top: 20px;
  
  overflow: hidden;
}
.box_ceny .cena
{
  display: inline;
  float: left;
  width: 138px;
  
  font-size: 14px;
  color: #000;
  font-weight: bold;
  margin-top: 20px;
  text-align: center;
}
.box_ceny .status
{
  display: inline;
  float: left;
  width: 138px;
  text-align: center;
  color: #000;
  margin-top: 5px;
}
.box_ceny .koszykk
{
  display: inline;
  float: left;
  width: 138px;
  
  font-size: 12px;
  color: #000;
  text-align: center;
  margin-top: 20px;
}
.box_ceny .koszykk a
{
  text-decoration: none;
  color: #000;
}
ul
{
  margin: 0;
  margin-left: 20px;
  padding: 0;
}
.box_ceny .koszyk a img
{
}
p.produkt_miniaturki
{
  margin-top: 20px;
  margin-left: 20px;
  display: inline;
  float: left;
}
p.produkt_miniaturki img
{
  border-style: solid;
  border-width: 1px;
  border-color: #E0DFE3;
  padding: 2px;
}
div.promocja
{
  
  width: 300px;
  height: auto;
  display: inline; 
  float: left;
     
  padding-top: 20px;
  padding-bottom: 20px;
   
}
div.promocja h1
{
  margin: 10px 0; 
  color: #c82424;
}
div.promocja p
{
  margin: 10px 0;
}
div.koszyk
{
 margin: 20px;
 
 width: 481px;
}
div.koszyk .naglowek
{
  width: 481px;
  height: 6px;
  
  background-image: url("img/promocja_naglowek.jpg");
  background-repeat: no-repeat;
}
div.koszyk .stopka
{
  width: 481px;
  height: 6px;
  
  background-image: url("img/promocja_stopka.jpg");
  background-repeat: no-repeat;
}
div.koszyk .tresc
{
  width: 461px;
  height: auto;
  padding: 0px;
  text-align: center;
}
div.koszyk .tresc table
{
  width: 80%;
  text-align: center; 
  border-spacing: 0;
  margin: 0 auto;
}
div.koszyk .tresc table td
{
  border-style: solid;
  border-width: 0 1px 1px 0;
  border-color: #000;
  padding: 4px;
  color: #000;
}
div.koszyk .tresc table td.ostatnia
{
  border-width: 0 0 1px 0;
}
div.koszyk .tresc table td.naglowek_tabeli
{
  font-weight: bold;
  color: #000;
}
div.koszyk .tresc p
{
  text-align: right;
  margin: 0;
  padding: 0;
  width: 300px;
  margin-left: 100px;
}
div.koszyk .tresc .button
{
  display: inline;
  float: right;
  padding-top: 5px;
  width: 100px;
  height: 25px;
  font-weight: bold;
  background-image: url("img/button.jpg");
  background-repeat: no-repeat;
  
  text-align: center;
  color: #000;
  margin-top: 10px;
  margin-right: 10px;
  font-size: 10px;
  
  border:0;
}
div.koszyk .tresc input.button
{
  padding-top: 0px;
  padding-bottom: 5px;
  cursor: pointer;
}

.tresc
{
   margin: 20px;
}

.ok
{
   border: 1px #339933 solid;
   color: #339933;
   background-color: #CCFFCC;
   width: 80%;
   padding: 10px;
   margin: 10px auto 10px auto;
   clear: both;
}