* { margin: 0; padding: 0}
body { background: url('../images/bg.png'); font-family: Tahoma; color: #ccc16e; }
a { color: #ccc16e }
h1 {font-size: 20px; }
img { border: 0; }
#main { background: #2d1106; width: 980px; margin: auto; }
#header { width: 980px; height: 178px; background: url('../images/top.png') no-repeat 100% 0%; position: relative; }
#logo { position: absolute; width: 444px; height: 107px; top: 40px; left: 0px; }
#menu { position: relative; width: 980px; height: 40px; background: url('../images/menu_bg.png'); }
#menu div a {  font-size: 14px; font-family: Georgia; font-weight: bold; text-shadow: #f5f3a0 1px 1px; color: #2e1809; text-decoration: none; filter: dropshadow(color=#f5f3a0,offX=1,offY=1);}
#menu #menuStronaGlowna { position: absolute; top: 12px; left: 50px; }
#menu #menuONas { position: absolute; top: 12px; left: 235px; }
#menu #menuKontakt { position: absolute; top: 12px; left: 327px; }
#menu #menuArchitekt { position: absolute; top: 12px; left: 445px; }
#menu #menuGaleria { position: absolute; top: 12px; left: 717px; }
#menu #menuRegulamin { position: absolute; top: 12px; left: 830px; }

#p404 { margin-top: 10px; }
div.margin { margin-top: 10px; }
div.margin20 { margin-top: 15px; }
p { margin-bottom: 5px; margin-top: 5px;}
br.clear { clear: both; }
input.lupa { width: 27px; height: 22px; background: url('../images/lupa.png') no-repeat; border: 0; vertical-align: bottom; }

table td { padding: 5px; }
input.tekst { padding: 4px; border: 0; color: white; font-size: 12px; background: #857240; width: 300px; margin: 3px; }
textarea.tekst { padding: 4px; border: 0; color: white; font-size: 12px; background: #857240; width: 300px; margin: 3px; }

select { border: 0; color: white; font-size: 12px; background: #857240; width: 308px; margin: 3px; }
input.brown_button { margin-top: 10px;  background: url('../images/button_brown.png'); width: 181px; height: 20px; border: 0; color: #ccc16e; font-size: 11px; vertical-align: top; cursor: pointer; }
input.dark_brown_button { margin-top: 16px;  background: url('../images/button_dark_brown.png'); width: 120px; height: 20px; border: 0; color: #ccc16e; font-size: 11px; vertical-align: top; cursor: pointer; }
input.gold_button { margin-top: 20px;  background: url('../images/button_gold.png'); width: 181px; height: 20px; border: 0; color: #2e1809; font-size: 11px; vertical-align: top; cursor: pointer; }

div.box .boxContent .image { width: 180px; margin: auto; background: url('../images/right_bg.gif') no-repeat; height: 170px; text-align: center; padding-top: 10px; }
div.box .boxContent .ProdTitle { width: 160px; margin: auto; font-size: 12px; text-align: center; margin-top: 10px; }
#right div.box .boxContent .ProdTitle a { color: #ccc16e; text-decoration: none; font-size: 12px;  font-weight: bold; }
div.box .boxContent .ProdButton { width: 160px; margin: auto; font-size: 16px; text-align: center; }

div.opis div.cena { margin-top: 20px; font-size: 16px; }
div.opis div.cena span { font-weight: bold; }
div.opis div.dostepnosc { margin-top: 10px;  font-size: 16px; }
div.opis div.dostepnosc span { font-weight: bold; }
div.opis div.zamow { margin-top: 30px; font-size: 16px; }
div.opis div.zamow span { font-weight: bold; }

#left { width: 200px; float: left; }
#left div.box { width: 200px; margin-top: 15px; }
#left div.box h2 { width: 200px; background: url('../images/belka_lewa.png') no-repeat; height: 23px; font-size: 14px; font-family: Georgia; font-weight: bolder; text-shadow: #f5f3a0 1px 1px; color: #2e1809; text-decoration: none; filter: dropshadow(color=#f5f3a0,offX=1,offY=1); text-align: center; padding-top: 7px; }
#left div.box div.boxContent { padding: 16px 10px 6px; width: 180px; background: #3d2212; color: white; font-size: 11px; }
#left div.box div.boxBottom { background: url('../images/left_brown_bottom.png') no-repeat; width: 200px; height: 10px;}
#left div.box div.boxContent input.box { height: 18px; color: white; border: 0; background: #857240; padding-top: 4px; padding-left: 3px; width: 150px; font-size: 11px;}
#left div.box div.boxContent a { color: #ccc16e; font-size: 11px; font-weight: normal; }
#left div.box div.boxContent ul.products { list-style: none; }
#left div.box div.boxContent ul.products li { padding-top: 10px; padding-left: 15px; background: url('../images/strzala.gif') no-repeat 0% 50%; border-bottom: 1px solid #5c4638; height: 24px; }
#left div.box div.boxContent ul.products li a { color: white; text-decoration: none; font-size: 12px; }
#left div.box div.boxContent ul.products li a.active { color: #ccc16e; text-decoration: none;  font-size: 12px; }
#left div.box div.boxContent input.zaloguj { background: url('../images/zaloguj.png'); height: 22px; width: 54px; border: 0; float: right; margin-top: 5px; margin-bottom: 5px; }
#left div.box div.boxContent input.username { width: 170px;  height: 15px; padding: 5px; color: white; background: #857240; border: 0; margin: 3px 0; }

div.footer { margin-top: 20px; width: 960px; height: 20px; padding: 0 10px; }
div.footer * { color: #ccc16e; font-size: 11px; text-decoration: none; }
div.footer div.left { float: left; }
div.footer div.right { float: right; }

#center { width: 559px; margin-left: 10px; margin-right: 10px; float: left;  }
#center_big { width: 759px; margin-left: 9px; margin-right: 10px; float: left; }
#breadcrumbs { height: 28px; padding-top: 12px; margin-top: 10px; background: url('../images/breadcrumbs.png'); width: 749px; margin-left: 9px; float: left; padding-left: 20px; color: #ccc16e; font-size: 11px; position: relative;}
#breadcrumbs a { font-size: 11px; color: white; }
#breadcrumbs_small { height: 28px; padding-top: 12px; margin-top: 15px; margin-bottom: 5px; background: url('../images/breadcrumbs_small.png'); width: 541px; padding-left: 20px; color: #ccc16e; font-size: 11px;}
#breadcrumbs_small a { font-size: 11px; color: white; }
#breadcrumbs div.breadcart { color: #ccc16e; width: 150px; text-align: left; margin-top: 0px; position: absolute; top: 11px; right: 0px;}

#product { background: #211406; width: 729px; color: white; font-size: 12px; padding: 16px 20px 10px; }
#product .title { font-size: 14px; width: 559px; color: white; font-weight: bold; margin-bottom: 20px; }
#product .image { float: left; width: 410px; height: 510px; }
#product .obrazki { float: left; width: 64px; padding-left: 10px; height: 410px; }
#product .obrazki img { margin-bottom: 3px; cursor: pointer;  }
#product .opis { float: left; width: 233px; color: white; padding-left: 10px; position: relative; }
#product .warianty { margin-top: 10px; width: 410px; }
#product .zamow { position: absolute; bottom: 0px; right: 0px; text-align: right; }
#product .dostepnosc { position: absolute; bottom: 90px; right: 0px; }
#product .cena { position: absolute; bottom: 110px; right: 0px; }
div.przyklad { width: 230px; margin: 5px 0 10px; line-height: 2.4; }

#ooptionsSeparator { height: 140px; }
div.polecaneTop { width: 769px; height: 12px; background: url('../images/light_top.gif') no-repeat; margin-top: 15px; }
div.polecaneBottom { width: 769px; height: 12px; background: url('../images/light_bottom.gif') no-repeat; }
#polecane { width: 729px; color: white; font-size: 12px; padding: 5px 20px 10px; background: #3d2212; font-weight: bold;  }
#polecane div.polecaneIcons { width: 730px; height: 230px; background: url('../images/polecane_bg.gif') no-repeat; margin: auto; margin-top: 10px; position: relative; }
#polecane div.polecaneIcons div.item1 { width: 182px; height: 230px; position: absolute; top: 0px; left: 30px; margin-top: 20px; }
#polecane div.polecaneIcons div.item2 { width: 182px; height: 230px; position: absolute; top: 0px; left: 275px; margin-top: 20px;  }
#polecane div.polecaneIcons div.item3 { width: 182px; height: 230px; position: absolute; top: 0px; left: 520px; margin-top: 20px;  }
#polecane div.polecaneIcons .more { padding-top: 2px; margin: auto; width: 150px; height: 18px; background: url('../images/cat_more.png') no-repeat; text-indent: 16px; color: #2e1809; font-size: 12px; font-weight: bold; margin-top: 10px; }
#polecane div.polecaneIcons .more a { color: #ccc16e; font-size: 11px; text-decoration: none; font-weight: normal; padding-right: 12px; }
#polecane div.polecaneIcons .image { margin: auto; width: 160px; height: 160px; }

#opinie { width: 729px; color: white; font-size: 11px; padding: 5px 20px 10px; background: #3d2212;   }
#opinie span { font-weight: bold; font-size: 12px; }
#opinie .item {padding: 5px; border-bottom: 1px dotted gray; }
#opinie .first { width: 25%; float: left; }
#opinie .second { width: 70%; float: left; }

div.product_bottom { width: 769px; height: 11px; background: url('../images/single_product_bottom.png'); }

#right { width: 200px; float: left; }
#right div.box { width: 200px; margin-top: 15px; }
#right div.box h2 { width: 200px; background: url('../images/belka_lewa.png') no-repeat; height: 23px; font-size: 14px; font-family: Georgia; font-weight: bolder; text-shadow: #f5f3a0 1px 1px; color: #2e1809; text-decoration: none; filter: dropshadow(color=#f5f3a0,offX=1,offY=1); text-align: center; padding-top: 7px; }
#right div.box div.boxContent { padding: 16px 10px 6px; width: 180px; background: #3d2212; color: white; font-size: 11px; }
#right div.box div.boxBottom { background: url('../images/left_brown_bottom.png') no-repeat; width: 200px; height: 10px;}
#right div.box div.boxContent input.box { height: 20px; color: white; border: 0; background: #857240; padding-top: 2px; padding-left: 3px; width: 150px;}
#right div.box div.boxContent a { color: #ccc16e; font-size: 11px; font-weight: normal; }
#right div.box div.boxContent img.koszyczek { float: left; margin: 10px 0; padding-right: 15px; }
#right div.box div.boxContent div.koszykInfo { margin-top: 17px; }

#right div.belka { width: 168px; height: 17px; background: url('../images/belka.png') no-repeat; padding-top: 3px; padding-left: 32px; margin-top: 10px; }
#right div.belka a { color: #2e1809; font-size: 11px; text-decoration: none; }

#center .cat_product { background: #211406; width: 182px; float: left; margin: 2px; }
#center .cat_product .top { width: 182px; height: 10px; background: url('../images/kat_top.png') no-repeat; }
#center .cat_product .bottom { width: 182px; height: 10px; background: url('../images/kat_bottom.png') no-repeat; }
#center .cat_product .more { padding-top: 2px; margin: auto; width: 150px; height: 18px; background: url('../images/cat_more.png') no-repeat; text-indent: 16px; color: #2e1809; font-size: 12px; font-weight: bold; }
#center .cat_product .more a { color: #ccc16e; font-size: 11px; text-decoration: none; font-weight: normal; padding-right: 12px; }
#center .cat_product .image { margin: auto; width: 160px; height: 160px; }
#center .cat_product .title { margin: auto; width: 140px; margin-top: 10px; margin-bottom: 10px; height: 34px; }
#center .cat_product .title a { font-size: 12px; color: #c0af97; font-weight: bold; text-decoration: none; }

#center table td { font-size: 11px; }
#center table th { font-size: 11px; background-color: #ccc16e; color: #211406; padding-top: 7px; padding-bottom: 7px;}
#center table.ramka { border: 1px solid #ccc16e; }

#center div.message { margin-top: 10px; color: red; text-align: center; width: 100%; }

div.chemi { width: 400px; }
div.address {  text-align: right; }

input.button { width: 84px; height: 22px; border: 0; background: url('../images/button.png') no-repeat; color: #2e1809; }