body {
  margin-top: 40px;
  background-color: #fdfcf6;
  font-size: 12px;
  font: Helvetica, Arial, sans-serif;
  font-family: Arial, Helvetica, sans-serif;
  color: #3d3f39;
  text-align: center;
}

div.page {
  width: 750px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

div.hrSmall {
  background: #fff url(../gfx/hr.gif) center left repeat-x;
  height: 6px;
  margin: 0px;
  margin-bottom: 8px;
}

div.hrBig {
  background: #fff url(../gfx/hr.gif) center left repeat-x;
  height: 20px;
  margin: 0px;
  margin-bottom: 8px;
}

em {
  font-weight: bold;
  text-decoration: underline;
  line-height: 1.5em;
}

/* 3px float bug-fix :-( for IE.5, 5.5, 6.0  */
* html p {
  height: 1%;
  margin-left: 0px;
}

h1, h2, h3{
  margin: 0px;
  padding: 0px;
}

h3 {
  font-size: 12px;
  padding-bottom: 14px;
  padding-top: 6px;
}

hr,
a span,
h2 span,
h3 span{
  display: none;
}

a img{
  border: 0px;
}

dl{
  margin: 0px;
}

dt {
  font-weight: bold;
  font-size: 10;
}
dd {
  margin-left: 15px;
  padding-bottom: 8px;
  font-size: 10;
}

a {
  color: #ae1000;
  text-decoration: none;
}
a:hover{
  text-decoration: underline;
}


/* usefull classes
 */
.left { float: left;}
.right { float: right;}
.width180 {width: 180px;}
.width200 {width: 200px;}
.textLeft{text-align: left;}
.textRight{text-align: right;}
.clear{
  clear: both;
  height: 1px;
  font-size: 1px;
}


/* odnosniki
 */
a#interchemall { 
  background: url(../gfx/interchemall.png) top left no-repeat;
  width: 251px;
  height: 31px;
  display: block;
  margin-left: 22px;
}

a#design { 
  background: url(../gfx/design.png) top left no-repeat;
  width: 73px;
  height: 31px;
  display: block;
  margin-right: 14px;
}

#logo { 
  background: url(../gfx/logo.gif) top left no-repeat;
  width: 125px;
  height: 84px;
  display: block;
  margin-left: 20px;
  float: left;
}

#oFirmie {
  background: url(../gfx/menu/oFirmie.gif) top left no-repeat;
  width: 63px;
  height: 84px;
  display: block;
}
a#oFirmie:hover {
  background-position: bottom left;
}
#produkty {
  background: url(../gfx/menu/produkty.gif) top left no-repeat;
  width: 70px;
  height: 84px;
  display: block;
}
a#produkty:hover {
  background-position: bottom left;
}
a#produktyRynkowe {
  background: url(../gfx/menu/produkty_rynkowe.gif) top left no-repeat;
  width: 165px;
  height: 15px;
  display: block;
}
a#produktyPasja {
  background: url(../gfx/menu/produkty_pasja.gif) top left no-repeat;
  width: 165px;
  height: 15px;
  display: block;
}
a#produktyWorkowane {
  background: url(../gfx/menu/produkty_workowane.gif) top left no-repeat;
  width: 165px;
  height: 15px;
  display: block;
}

#politykaJakosci {
  background: url(../gfx/menu/politykaJakosci.gif) top left no-repeat;
  width: 112px;
  height: 84px;
  display: block;
}
a#politykaJakosci:hover {
  background-position: bottom left;
}
#lokalizacja {
  background: url(../gfx/menu/lokalizacja.gif) top left no-repeat;
  width: 80px;
  height: 84px;
  display: block;
}
a#lokalizacja:hover {
  background-position: bottom left;
}
#kontakt {
  background: url(../gfx/menu/kontakt.gif) top left no-repeat;
  width: 66px;
  height: 84px;
  display: block;
}
a#kontakt:hover {
  background-position: bottom left;
}
a.top {
  background: url(../gfx/top.png) top left no-repeat;
  width: 15px;
  height: 13px;
  display: block;
}
a.back {
  background: url(../gfx/back.png) top left no-repeat;
  width: 13px;
  height: 13px;
  display: block;
}


/* section : TOP
 */
div.top {
  height: 84px;
  margin: 0px;
  padding: 0px;
}

    .top div.memu {
      background: #ffaf03 url(../gfx/menuTop.gif) top left no-repeat;
      float: right;
      width: 574px;
      height: 84px;
      margin: 0px;
      padding: 0px;
    }


.top ul {
  margin: 0px;
  padding: 0px;
  margin-left: 34px;
}

.top li {
  list-style: none;
  float: left;
  margin: 0px;
  padding: 0px;
}

.top a{
  height: 84px;
  display: block;
}

.top a#logo {
  float: left;
}



/* section : MAIN
 */
div.main {
  background: #fff2c5 url(../gfx/mainBg.gif) top left no-repeat;
  clear: both;
  margin-top: 4px;
  z-index: 1;
}

div.indexGfx {
  background: transparent url(../gfx/contetBottomIndex.png) bottom right no-repeat;
  padding-bottom: 148px;
}

div.textIndex {
  background: transparent url(../gfx/textIndex.png) bottom right no-repeat;
}

    .main p {
      margin: 0px;
      padding-bottom: 10px;
      margin-right: 5px;
      font-size: 10;
      z-index: 1;
    }

    }
    .main p.produkty {
      padding-top:
      padding-bottom:
    }

    .main .content h2{
      margin-top: 0px;
    }

    .main div.hrTop {
      background-image: url(../gfx/contentHrTop.gif);
      width: 750px;
      height: 24px;
    }

    .main div.hrBottom {
      background-image: url(../gfx/contentHrBottom.gif);
      width: 750px;
      height: 30px;
      clear: both;
    }

    .main div.content {
      background-color: #ffffff;
      margin-left: 194px;
      margin-right: 10px;
    }

    .main div.teaser{
      width: 164px;
      float: left;
      text-align: right;
      padding: 0px;
      margin: 0px;
    }
        .main .teaser a{
          font-size: 8;
          color: #ae1000;
          text-decoration: none;
          line-height: 1.7em;
        }
        .main .teaser a:hover{
          text-decoration: underline;
        }

        .main .teaser img {
          margin-top: 30px;
          float: right;
        }

div.text{
  padding-left: 180px;
  padding-right: 10px;
  text-align: justify;
  font-size: 8;
  z-index: 1;
}


table {
  font-size: 9px;
}

table.kontakt{
  font-size: 10px;
}

thead {
  background-color: #ffaf03;
  color: #ffffff;
  line-height: 1.0em;
  padding: 7px;
  text-align: center;
}
tbody {
  padding: 4px;
}
td.first {
  text-align: left;
  padding: 7px;
  padding-left: 15px;
}

tbody tr {
  background-color: #faf5e4;
  text-align: center;
}

div.produkty{
  padding-left: 180px;
  padding-top: 10px;
  padding-bottom: 5px;
  margin-right: 10px;
}
div.produktyBottom {
  margin-right: 10px;
  padding-top: 2px;
  height: 25px;
}
div.bottomLinks {
  clear: both;
  height: 13px;
  margin-right: 10px;
}

div.rynkowe{
  background: url(../gfx/produkty/rynkowe.gif) bottom left no-repeat;
}
div.pasja{
  background: url(../gfx/produkty/pasja.gif) bottom left no-repeat;
}
div.workowane{
  background: transparent url(../gfx/produkty/workowane.gif) bottom left no-repeat;
}

h2.produkty {
  background: url(../gfx/titles/produkty.png) bottom left no-repeat;
  width: 164px;
  height: 24px;
}
h2.index {
  background: url(../gfx/titles/index.png) bottom left no-repeat;
  width: 250px;
  height: 46px;
}
h2.oFirmie {
  background: url(../gfx/titles/oFirmie.png) bottom left no-repeat;
  width: 164px;
  height: 24px;
}
h2.politykaJakosci {
  background: url(../gfx/titles/politykaJakosci.png) bottom left no-repeat;
  width: 164x;
  height: 24px;
}
h2.lokalizacja {
  background: url(../gfx/titles/lokalizacja.png) bottom left no-repeat;
  width: 164x;
  height: 24px;
}
h2.kontakt {
  background: url(../gfx/titles/kontakt.png) bottom left no-repeat;
  width: 160x;
  height: 24px;
  display: block;
}

/* FOOTER
 */

div#footer {
  clear: both;
  background: url(../gfx/footerBg.png) no-repeat;
  width: 565px;
  height: 31px;
  text-align: center;
  font-size: 10px;
  margin-top: 4px;
  margin-bottom: 10px;
}