BODY {
    background: #E0E0E0 url(/_layout/gfx/tlo.jpg) repeat-x top left;
    text-align: center;
    margin: 0;
    padding: 0;
    border-style: none;
}

BODY, HTML {
    scrollbar-face-color: #203040;
    scrollbar-shadow-color: #a9b2bf;
    scrollbar-highlight-color: #eae6e6;
    scrollbar-3dlight-color: #1f2f3f;
    scrollbar-darkshadow-color: #1f2f3f;
    scrollbar-track-color: #c5c8cd;
    scrollbar-arrow-color: #d4d5d8;
}

#main {
    position: relative;
    margin: 0 auto;
    width: 800px;
    text-align: left;
    min-height: 300px;
    height: auto;
    _height: 300px;
}

#gora-box {
    width: 800px;
    height: 153px;
    background: transparent url(/_layout/gfx/gora.jpg) no-repeat top left;
}

#gora-box #logo {
    position: absolute;
    top: 0;
    left: 0;
    width: 157px;
    height: 112px;
}

#gora-box #gora {
    position: absolute;
    top: 0;
    left: 157px;
    width: 643px;
    height: 153px;
}

#text-box {
    width: 800px;
    background: transparent url(/_layout/gfx/tlo3.gif) repeat-y top left;
    min-height: 437px;
    height: auto;
    _height: 437px;
}

#text-box #text {
    position: relative;

    padding-top: 28px;
    padding-left: 188px;
    padding-right: 224px;
    padding-bottom: 18px;

    background: transparent url(/_layout/gfx/tlo2.jpg) no-repeat top left;
    
    min-height: 550px;
    height: auto;
    _height: 550px;
    
    font-family: 'Trebuchet MS', Verdana, Arial;
    font-size: 10pt;
    /*font-size: 11px;*/
    color: #1D2B3D;
    /*text-align: justify;*/
}

#text-box #stopka {
    width: 800px;
    height: 10px;
    background: transparent url(/_layout/gfx/dol.gif) no-repeat top left;
}

#menu-box {
    position: absolute;
    top: 161px;
    left: 0;
    width: 157px;
    min-height: 465px;
    height: auto;
    _height: 465px;
}

#menu-box #menu {
    width: 157px;
    height: 465px;
}

#menu-box #menu-pod {
    width: 157px;
    height: 90px;
    background: transparent url(/_layout/gfx/menu-pod.jpg) no-repeat top left;
}

#menu-prawo-box {
    position: absolute;
    top: 156px;
    left: 606px;
    width: 194px;
    height: 382px;
}

#menu-prawo-box #prawo {
    text-align: center;
}

.tabelka {
    border: 1px solid gray;
    border-collapse: collapse;
    width: 100%;
}

.tabelka TH {
    border: 1px solid gray;
    text-align: left;
    padding: 3px;
    width: 40%;
}

.tabelka TD {
    border: 1px solid gray;
    padding: 3px;
    width: 60%;
}

.tabelka TR.j {
    background-color: WhiteSmoke;
}

.tabelka TR.c {
    background-color: LightGray;
}

.prod_nazwa {
    vertical-align: top;
    width: 150px;
}

h3 {
    position: relative;
    font-family: 'Trebuchet MS', Tahoma;
    font-size: 14pt;
    font-weight: bold;
    margin: 0;
    margin-bottom: 10px;
}

h4 {
    background: #4f5c6c url(/_layout/gfx/belka.gif) repeat-x top;
    font-size: 10pt;
    height: 16px;
    color: #bfe1a3;
    padding: 1px;
    padding-left: 5px;
    padding-right: 5px;
}

h4 A {
    text-decoration: none;
}

A IMG {
    border: 0;
}

.produkt-opis {
}

.krotki-opis-box {
    margin-bottom: 15px;
}

.krotki-opis {
}

.krotki-opis-box A {
    display: block;
    font-weight: bold;
}

.lewo {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}

.obwodka {
    border: 1px solid gray;
}

A:link {
    color: #1D2B3D;
}

A:visited {
    color: gray;
}

h4 A:link, h4 A:visited {
    color: #bfe1a3;
}

.produkt {

}

.wiecej {
    margin-top: 10px;
    margin-bottom: 30px;
    clear: all;
    text-align: left;
    font-weight: bold;
}

.cena {
    font-size: 14px;
    font-weight: bold;
}

.cena-przekreslona {
    font-size: 14px;
    font-weight: bold;
    text-decoration: line-through;
}

.cena-promocja {
    font-size: 14px;
    font-weight: bold;
    color: red;
}

#zdjecia-box {
    text-align: center;
    width: 385px;
}

.zdjecie {
    margin: 5px;
    width: 130px;
    height: 130px;
    border: 1px solid gray;
    background-color: white;
    padding: 5px;
    display: block;
    float: left;
}

.zdjecie-spis {
    margin: 5px;
    margin-left: 10px;
    border: 1px solid gray;
    background-color: white;
    padding: 5px;
    display: block;
    float: right;
}

.clear {
    clear: both;
}

.naglowek {
    position: absolute;
    color: orange;
    z-index: 50;
    letter-spacing: 2px;
}

.cien {
    position: absolute;
    color: #2f3c50;
    left: 1px;
    top: 1px;
    z-index: 49;
    letter-spacing: 2px;
}

.srodek {
    text-align: center;
}

.inputy {
    border: 1px solid silver;
    background: white url(/_layout/gfx/input.gif) no-repeat top left;
    padding: 4px;
    font-family: Verdana, Arial;
    font-size: 11px;
    width: 290px;
}

form {
	display: inline;
}

.zapytanie TH {
	width: 80px;
	vertical-align: top;
}

.mapka {
	border: 1px solid #1D2B3D;
}

.przycisk {
    font-family: Verdana, Arial;
    font-size: 11px;
	padding: 2px;
	color: #1D2B3D;
}

.buttony {
  text-align: left;
}

.buttony IMG {
  margin-right: 5px;
  margin-bottom: 5px;
}

.ref_dzial {
  margin-left: 20px;
}

.ref {
  text-align: center;
  border: 1px solid Silver;
  width: 160px;
  
  min-height: 100px;
  height: auto;
  _height: 100px;

  float: left;
  margin: 5px;
}
.ref_opis {
  background-color: Silver;
  padding: 3px;
}
.ref_foto {
  padding: 5px;
  background-color: White;
}

#kategorie, .pudelko {
  float: left;
  width: 400px;
}

.kategoria {
  text-align: center;
  width: 120px;
  
  min-height: 100px;
  height: auto;
  _height: 100px;

  float: left;
  margin-right: 5px;
  margin-bottom: 10px;
}

.infobox {
  border: 2px solid gray;
  background-color: whitesmoke;
  padding: 5px;
  margin-bottom: 15px;
  text-align: center;
  font-weight: bold;
}

.bialo, .bialo A {
  font-family: Verdana, Arial;
  font-size: 11px;
  color: #dcdfe9;
  line-height: 1.8em;
}

.ok,.blad {
  border: 5px solid;
  padding: 6px;
  text-align: center;
  margin-bottom: 10px;
  font-weight: bold;
  font-family: Arial, Tahoma, Verdana;
  font-size: 10pt;
}

.ok {
  border-color: green;
  color: green;
  background-color: white;
}
.blad {
  border-color: red;
  color: red;
  background-color: white;
}