body {
  color: #000000;
  font-size: 11px;
  font-family: Verdana, Arial, Helvetica;
  background: #f4f4f3 url(../grafika/wood_bg.jpg);
}

body, div, a, p, img {
  border: 0;
  padding: 0;
  margin: 0;
}

table, tr, td, th, tbody, thead, tfoot {
    margin: 0;
    padding: 0;
    border: 0;
    border-width: 0;
    border-spacing: 0;
    border-collapse: collapse;
} 

strong {
  color: #665a5a;
}

a {
  color: #8d291e;
  text-decoration: none;
}

a:hover { 
  text-decoration: underline;
}

hr {
  text-align: left;
  width: 400px;
  height: 1px;
  border: 0;
  margin: 1px 0;
  padding: 0;
  background: #4c4343;
  color: #4c4343;
}

h1, h2, h3, h4 {
  font-family: Georgia, Tahoma, Verdana, Serif;
  font-size: 15px;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

h1 {
  font-size: 18px;
  letter-spacing: 2px;
  color: #d3911a;
}

h2 {
  font-size: 18px;
  font-variant: small-caps;
  letter-spacing: 2px;
  color: #b42323;
  margin: 0 0 30px 0;
  border-bottom: 1px solid #793328;
}

h3 {
  letter-spacing: 1px;
  margin: 0 0 10px 0;
  padding: 0 0 2px 10px;
  color: #b42323;
  border-left: 6px solid #476468;
  border-bottom: 1px solid #793328;
}

h4 {
  letter-spacing: 1px;
  color: #50584e;
  margin: 20px 0 0px 0;
  border: 0;
}

h4 img {
  float: left;
  margin: 0 5px 0 0;
}

p {
  line-height: 150%;
}

ul {
  margin: 0;
  padding: 0;
}

li {
  margin: 0 0 0 20px;
  padding: 0;
}

form {
  margin: 20px 0 0 0;
  padding: 0;
}

textarea  {
  width: 370px; 
  height: 200px;
  font-family: Verdana, Arial, Helvetica;
  font-size: 11px; 
  border: 1px solid #8b8281;
  background-color: #fcfcfb;
  color: #000000; 
  margin: 0;
  padding: 4px;
  overflow: auto;
}

input {
  font-family: Verdana, Arial, Helvetica;
  font-size: 11px; 
  font-style: normal;
  font-weight: normal; 
  border: 1px solid #8b8281;
  margin: 0;
  padding: 0;
}

input.przyciski {
  text-align: center;
  height: 24px;
  width: 100px;
  margin: 10px 0;
  cursor: hand;
  letter-spacing: 2px;
}

input.SklepPoleMale {
  width: 30px;
  height: 15px;
  text-align: center;
}

select.SklepLista {
  width: 150px;
  font-family: Verdana, Arial, Helvetica;
  font-variant: normal;
  font-size: 11px; 
}

input.SklepDoKoszyka {
  border-width: 0px;
  height: 22px;
  width: 124px;
  margin: 20px 0 10px 0;
  cursor: hand;
}

input.SklepKoszykZam {
  border-width: 0px;
  height: 22px;
  width: 73px;
  margin: 20px 0 10px 0;
  cursor: hand;
}

input.KoszykaPrzelicz {
  border-width: 0px;
  height: 22px;
  width: 73px;
  margin: 2px 0 2px -5px;
  cursor: hand;
}

input.KoszykPoleTxt  {
  width: 200px;
  height: 20px;
  padding: 1px 2px;
}

input.KlientLogin  {
  width: 60px;
  height: 15px;
  background-color: #ede6c7;
  border: 1px solid #68583a;
  padding: 1px 2px;
}

#Splash {
  width: 874px;
  margin: 20px auto;
}

#Splash img {
  float: left;
}

#Szablon { 
  width: 962px;  
  margin: 0 auto 20px auto;
}

#TabMenu {
  width: 811px; 
  height: 24px;
}

#TabMenu img {
  display: block;
  border: 0;
}

#Flagi {
  float: left;
  width: 100px;
  margin: 17px 0 0 80px;
}

#Flagi img {
  float: left;
  margin: 0 15px 0 0;
}

#LoginKlient  {
  float: left;
  height: 10px;
  color: #503727;
  font-family: Georgia, Tahoma, Verdana, Serif;
  margin: 14px 0 0 90px;
}

#LoginKlient p {
  font-size: 12px;
  float: left;
  padding: 3px 0 0 40px;
}

#LoginKlient strong {
  margin: 0 0px 0 3px;
  color: #6c351e;
}

#LoginKlient form {
  margin: 0;
}

.SklepLista {
  list-style-type: none;
  font-weight: normal;
  font-family: Georgia, Tahoma, Verdana, Serif;
  font-variant: small-caps;
}

.SklepLista a {
  color: #321f0b;
}

.SklepListaGrupa {
  font-size: 15px;
  font-weight: bold;
  margin: 20px 14px 0 8px;
}

.SklepListaGrupa a {
  color: #b81f1f;
  letter-spacing: 2px;  
}

.SklepListaKategoria {
  font-size: 12px;
  margin: 5px 12px 0 12px;   
}

.SklepListaKategoria a {
  color: #321f0b;
  letter-spacing: 0px;  
}

.SklepListaKategoria img  {
  float: left;
  padding: 2px 3px 0 0;
}

.SklepListaPodkategoria {
  font-size: 12px;
  margin: 5px 16px 0 23px;   
}

.SklepListaPodkategoria img {
  float: left;
  padding: 3px 3px 0 0;
}

.SklepProdukt, .SklepNowoscPromocja  {
  width: 580px; 
  margin: 20px 0 10px 20px;
  border: 0px solid #793328;
}

.SklepZdjecie  {
  float: left;
  width: 165px;
  margin: 0 5px 0 0;
}

.SklepZdjecieDodatkoweLista {
  margin: 8px auto;
  text-align: center;
}

.SklepZdjecieDodatkoweShow {
  width: 170px;
  float: left;
  text-align: center;
  margin: 30px 10px 10px 10px;
  border: 0px solid #793328;
}

.SklepZdjecieDodatkoweLista img {
  padding: 0 5px;
}

.SklepProduktInfo  {
  float: right;
  width: 400px; 
}

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

img.Zdjecie {
  display: block;
  border: 0;
}

.SeparatorGrafika  {
  flat: left;
  margin: 10px 0 10px 70px; 
}

.Cena  {
  color: #732b2b;
}

.CenaPrzedPromocja {
  color: #000000;
  text-decoration: line-through;
}

.CenaPromocja {
  color: #c51d1d;
  padding: 0 0 0 5px;
}

.PZobaczWiecej, .PDoKoszyka {
  padding: 10px 0 0 0; 
}

.SklepGrafikaKoszyk  {
  float: right;
  margin: 0;
}

#KoszykInfo {
  float: right;
  width: 280px;
  margin: 16px 0 0 0;
}

#KoszykInfo p {
  line-height: 150%;
  color: #574630;
  font-family: Georgia, Tahoma, Verdana, Serif;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 1px;
  float: left;
  padding: 1px 0 0 0;
  display: inline;
}

#KoszykInfo img  {
  float: left;
  padding: 1px 6px 0 2px;
}

#Dodatki {
  margin: 20px 0;
  padding: 0 0 8px 20px;
  border-bottom: 1px solid #793328;
}

#Dodatki h3 {
  font-size: 13px;
  margin: 0 0 10px -20px;
  padding: 0 0 2px 0;
  color: #732b2b;
  border-left: 0;
}

.DodatkiInput  {
  margin: 5px 10px 0 0;
  display: inline;
}

.DodatkiCena {
  margin: 0 0 0 10px;
  color: #732b2b;
}

.ProduktParametryText  {
  width: 100px;
  height: 15px;
  margin: 10px 10px 5px 0;
  padding: 3px 0;
  text-align: right;
  float: left;
}

.ProduktParametryInput, .ProduktParametryTextarea  {
  width: 200px;
  margin: 10px 0 5px 0;
  text-aligh: left;
  float: left;
}

.ProduktParametryInput  {
  height: 20px;
}

.ProduktParametryTextarea textarea {
  width: 180px;
  height: 60px;
}

.SklepProduktNewProm {
  float: left;
  width: 150px;
  height: 220px;
  margin: 10px 13px;
  padding: 0 5px 5px 5px;
  border: 1px solid #b78d67;
  background-color: #e3dcbb;
}

.SklepProduktNewProm a {
  color: #5d3416;
  font-weight: bold;
}

#PageContener  {
  width: 727px;
  margin: 20px 30px 0 30px;
}

#PageContener #AddProduktBladHead {
  width: 230px;
  float: left;
  margin: 0 10px;
  text-align: right;
}

#PageContener h2 img {
  float: left;
  margin: 0 5px 0 0;
}

.MagazynProdukt  {
  width: 727px; 
  margin: 20px 0 10px 0;
}

.MagazynZdjecie  {
  float: left;
  width: 178px;
  height: 170px;
  margin: 0 5px 0 0;
}

.MagazynProduktInfo  {
  float: right;
  width: 540px; 
}

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

#MagazynBladHead {
  float: left;
  font-weight: bold;
  color: #fdd650;
  line-height: 150%;
  margin: 0 10px;
}

#PageContener .SeparatorGrafika  {
  margin: 20px 0 20px 130px; 
}

.Stronicowanie {
  float: right;
  height: 15px;
  margin: 10px 0 10px 0;
}

table.lista {
  margin: 20px auto 0 auto;
  border-right: 1px solid #ae987a;
  border-bottom: 1px solid #ae987a;
}

table.lista td, table.lista th {
  border-left: 1px solid #ae987a;
  border-top: 1px solid #ae987a;
  padding: 6px 4px;
  text-align: center;
}

table.lista td.NazwaProduktu {
 text-align: left;
}

table.lista td.NazwaProduktu strong {
  color: #1d3a5b;
}

table.lista td.NazwaProduktu p.KoszykNazwaProduktu {
  color: #7c551e;
  font-weight: bold;
}

table.lista td.NazwaProduktu p.KoszykListaOpcji {
  margin-left: 10px;
}

table.lista td.Usuwanie {
  text-align: left;
}

table.lista td.Usuwanie img {
  float: left;
  margin: 0 6px 0 7px;
}

table.lista tfoot td  {
  text-align: left;
  font-weight: bold;
  background-color: #f1eacd;
  padding: 10px;
}

table.lista tfoot strong {
  color: #901916;
}

table.lista th  {
  height: 20px;
  padding: 10px 0;
  font-size: 12px;
  font-variant: small-caps;
  color: #903e16;
  background-color: #d4c99a;
}

p.N_Pusty {
  margin: 20px 70px;
  font-family: Georgia, Tahoma, Verdana, Serif;
  font-size: 15px;
  font-style: italic;
}

#AddProduktBlad {
  font-size: 11px;
  font-variant: normal;
  color: #ffffff;
  margin: 20px 0;
  padding: 10px 0 10px 10px;
  background-color: #a52929;
}

#AddProduktBladHead {
  float: left;
  font-weight: bold;
  color: #fdd650;
  line-height: 150%;
}

#AddProduktBladInfo {
  float: left;
  line-height: 150%;
  margin: 0 0 0 10px;
}

#AddProduktBladInfo strong {
   color: #ffffff;
}

#KoszykPrzyciski  {
  margin: 20px 10px 20px 0;
}

#KoszykPrzyciski img { 
  float: right;
  margin: 0 0 0 20px;
}

.InputTextOpis {
  width: 260px;
  float: left;
  padding: 10px 0 5px 0;
  margin: 4px 10px;
  text-align: right;
}

.InputForm {
  float: left;
  margin: 4px 0;
  padding: 5px 0;
  text-align: left;
}

.InputForm p {
  margin: 2px 0 0 0;
}

ul.Texty {
  list-style-image: url(../grafika/text_pkt.gif);
  margin: 3px 30px;
  line-height: 150%;
}

ul.Texty li span {
  margin-left: 20px;
}

li.TextyOficKlienci {
  line-height: 130%;
  margin-top: 8px;
}

p.ZamPotwierdzenie {
  font-family: Georgia, Tahoma, Verdana, Serif;
  font-size: 15px;
  font-style: italic;
}

#DivPicContener {
  margin: 10px auto;
}

.DivPic {
  float: left;
  width: 165px;
  margin: 0 15px 0 0;
}

#StopkaL, #StopkaR {
  float: left;
  color: #745032;
  margin: 0 0 0 245px;
}

#StopkaR {
  margin: 0 0 0 145px;
}

#StopkaL a, #StopkaR a {
  color: #8b4a45;
  font-weight: bold;
}

.MailText {
  width: 150px;
  margin: 10px 10px 10px 0;
  padding: 4px 0;
  text-align: right;
  float: left;
}

.MailInput {
  margin: 10px 0;
  text-aligh: left;
  float: left;
}

textarea.MailTexarea {
  width: 300px;
  height: 150px;
}

#AddProduktBladHeadMail {
  width: 120px;
  float: left;
  margin: 0 10px;
  text-align: right;
  font-weight: bold;
  color: #fdd650;
  line-height: 150%;
}

address {
  line-height: 150%;
  margin: 4px 10px;
}

#TablicaOgloszen  {
 float: right;
 margin: 0 10px 20px 10px;
}

#TablicaOgloszenText  {
 width: 320px;
 padding: 10px;
 background-color: #e3dabc;
}

#TablicaOgloszenText h3 {
  padding: 0 0 2px 0;
  text-align: center;
  border-left: 0px solid #476468;
}

