/*
    kodowanie: www.zdzislowicz.pl
*/

html, body {
  background-image: url(../img/body.jpg);
  background-repeat:repeat-x;
  background-color: #FFFFFF;
  text-align: center;
  margin: 0;
  padding: 0px;
  font-family: Tahoma, Arial, Verdana, Sans-Serif;
  font-size: 13px;
}

table {
  border-collapse: collapse;
  width: 90%;
}

td {
  padding: 6px 6px 0 0;
  vertical-align: top;
}

h1 {
  margin: 0;
  padding: 0;
  color: #333333;
  font-size: 22px;
  font-weight: bold;
}

    h1 span {
      font-size: 14px;
    }

h2 {
  margin: 4px 0 0 0;
  padding: 0;
  color: #777777;
  font-size: 12px;
  font-weight: normal;
}

h3 {
  margin: 0 0 10px 0;
  padding: 0;
  color: #333333;
  font-size: 14px;
  font-weight: bold;
  clear: both;
  display: block;
}

a {
  font-family: Tahoma, Arial, Verdana, Sans-Serif;
  font-size: 13px;
  color: #333333;
  text-decoration: underline;
}

a:hover {
  color: #777777;
}

li {
  list-style: square;
  line-height: 18px;
}

img, form, fieldset {
  border: 0;
  padding: 0;
  margin: 0;
}

p {
  text-align: justify;
}

.strona {
  margin: 0 auto;
  text-align: center;
  width: 935px;
}

    .top {
      background: #666666;
      height: 119px;
      overflow: hidden;
    }

        .logo {
          background: url(../img/top_l.jpg) no-repeat left;
          height: 119px;
          float: left;
          width: 600px;
        }

            .logo img {
              padding: 0 0 0 0px;
              width: 569px;
              height: 119px;
            }

        .dane {
          background: url(../img/top_r.jpg) no-repeat right;
          height: 119px;
          float: right;
          width: 200px;
          text-align: right;
        }

            .dane img {
              padding: 0 20px 0 0;
              width: 185px;
              height: 119px;
            }

    ul.menu {
      clear: both;
      float: right;
    }

        ul.menu {
          margin: 1px 14px 1px 0;
          padding: 0 2px 0 0;
          list-style: none;
          background: url(../img/menu_bg.jpg) right no-repeat;
          height: 38px;
        }

        ul.menu li {
          float: right;
          height: 38px;
          background: url(../img/menu_bg.jpg) left no-repeat;
          line-height: 38px;
          padding: 0 0 0 2px;
          list-style: none;
        }

        ul.menu a {
          font-family: tahoma;
          display: block;
          padding: 0 20px 0 20px;
          color: #333333;
          text-decoration: none;
          font-weight: bold;
          line-height: 38px;
          font-size: 15px;
        }

        ul.menu a:hover {
          color: #ffffff;
          text-decoration: none;
          background: url(../img/menu_hover.jpg) repeat-x;
        }

        ul.menu .wybrane {
          color: #ffffff;
          text-decoration: none;
          background: url(../img/menu_hover.jpg) repeat-x;
        }

    .srodek {
      margin: 0 0 0 14px;
      text-align: center;
      clear: both;
      background: url(../img/srodek_bg.jpg) repeat-y;
      overflow: hidden;
      position: relative;
      height: 100%;
    }

        .opakowanie-top {
          position: absolute;
          left: 70px;
          bottom: -1px
        }

        .promocja {
          float: left;
          width: 412px;
          margin: 0 0 0 2px;
          background: url(../img/promocja_bg.jpg) repeat-x;
          height: 100%;
        }

            .przewijak {
              text-align: center;
              margin: 0 auto;
              width: 100%;
              margin: 20px 0 130px 0;
            }

        .zawartosc {
          float: right;
          width: 450px;
          margin: 10px 30px 20px 20px;
          text-align: left;
        }

            .ikonki {
              text-align: right;
              display: block;
              color: #777777;
              font-size: 12px;
            }

                .ikonki .small {
                  font-size: 13px;
                }

                .ikonki .big {
                  font-size: 15px;
                }

                .ikonki .bigger {
                  font-size: 19px;
                }

.stopka {
  height: 120px;
  background: url(../img/stopka_bg.jpg) repeat-x;
}

    .opis {
      margin: 0 auto;
      text-align: center;
      width: 935px;
      background: #333333;
      height: 120px;
      position: relative;
    }

        .opakowania {
          height: 120px;
          float: left;
          background: url(../img/stopka_l.jpg) no-repeat left top;
        }

            .opakowania img {
              width: 240px;
              padding: 0 0 0 84px;
              display: block;
            }

        .menu_naw {
          height: 120px;
          float: right;
          background: url(../img/stopka_r.jpg) no-repeat right top;
          color: #fe0000;
          font-weight: bold;
          width: 590px;
        }

            .menu_naw ul {
              float: right;
              clear: both;
              margin: 15px 25px 0 0;
              padding: 0;
            }

            .menu_naw li {
              float: right;
              list-style: none;
            }

            .menu_naw a {
              color: #ffffff;
              font-size: 11px;
              text-decoration: none;
              font-weight: bold;
              padding: 0 4px 0 3px;
            }

            .menu_naw a:hover {
              text-decoration: underline;
              color: #ffffff;
            }

            .menu_naw .wybrane {
              text-decoration: underline;
            }

                .dane-stopka {
                  margin: 22px 0 0 0;
                  padding: 0;
                  float: right;
                  text-align: right;
                  clear: both;
                }

                    .dane-stopka img {
                      padding: 0;
                      margin: 0 16px 0 0;
                      width: 280px;
                      height: 60px;
                    }

.podpis {
  margin: 0 auto;
  margin-top: 10px;
  width: 880px;
  text-align: left;
  color: #666666;
  font-size: 12px;
  overflow: hidden;
}

    .podpis .ostronie {
      float: left;
    }

        .ostronie p {
          margin-top: 4px;
          margin-bottom: 4px;
        }

        .ostronie a {
          color: #666666;
          text-decoration: none;
        }

        .ostronie a:hover {
          text-decoration: underline;
        }

        .ostronie .wykonanie {
          padding-top: 0;
          margin-top: 0;
          margin-bottom: 30px;
        }

        .ostronie .wykonanie, .wykonanie a {
          font-size: 11px;
        }

        a.dogory {
          margin-top: 4px;
          float: right;
          color: #666666;
          font-size: 10px;
          background: url(../img/dogory.gif) no-repeat right;
          padding: 0 12px 0 4px;
          text-decoration: none;
          font-weight: bold;
        }

        a:hover.dogory {
          text-decoration: underline;
        }

.formularz {
  clear: both;
  display: block;
}

    .formularz fieldset {
      border: 0 solid;
      margin: 0 0 10px 0;
    }

    .formularz legend {
      font-weight: bold;
      padding: 2px 5px;
    }

    .formularz fieldset ul {
      margin: 0;
      padding: 0;
    }

    .formularz fieldset li {
      list-style: none;
      margin: 0;
      padding: 5px;
    }

    .formularz label {
      display: inline-block;
      width: 267px;
      vertical-align: top;
      padding: 4px 0 2px 0;
      font-size: 12px;
    }

    .formularz .input_normal {
      width: 420px;
      padding: 6px;
      border: 1px #666666 solid;
      background: #fbfbfb;
      font-size: 13px;
      font-family: tahoma;
    }

    .formularz .textarea_normal {
      width: 420px;
      height: 200px;
      padding: 6px;
      border: 1px #666666 solid;
      background: #fbfbfb;
      font-size: 13px;
      font-family: tahoma;
    }

    .formularz .formularz_blad {
      display: block;
      clear: both;
      font-size: 11px;
      color: red;
      margin: 2px 0 4px 0;
      text-align: right;
    }

    .komunikat_ok {
      display: block;
      text-align: center;
      clear: both;
      font-size: 15px;
      margin: 14px 0 14px 0;
      font-weight: bold;
      padding: 15px 0 15px 0;
    }

    .komunikat_blad {
      display: block;
      text-align: center;
      clear: both;
      font-size: 15px;
      color: #fe2e2e;
      margin: 14px 0 14px 0;
      font-weight: bold;
      padding: 15px 0 15px 0;
    }

    .formularz .token_przeladuj {
      cursor: pointer;
    }

    .formularz .in_token {
      width: 156px;
      border: 1px #666666 solid;
      background: #fbfbfb;
      font-size: 13px;
      padding: 6px 2px 6px 2px;
      color: #898989;
    }

    .formularz .token {
      border: 1px #666666 solid;
    }

.mapaStrony span {
  display: block;
  font-size: 12px;
  color: #777777;
  padding: 0 0 4px 0;
}


.zdjecia .zdjecie {
  width: 50%;
  float: left;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 5px;
  height: 190px;
}

    .zdjecie img {
      border: 5px #666666 solid;
    }

    .zdjecie span {
      color: #666666;
      font-size: 13px;
      width: 96%;
      display: block;
      margin: 0 auto;
      text-align: center;
    }

/* slider */
.anythingSlider {
  background: url(../img/tlo.jpg);
  background-position: center top;
  width: 360px;
  height: 261px;
  position: relative;
  margin: 0 auto;
}

    .anythingSlider .wrapper {
      width: 337px;
      overflow: auto;
      height: 261px;
      margin: 0 0;
      position: absolute;
      top: 0;
    }

    .anythingSlider .wrapper ul {
      width: 99999px;
      list-style: none;
      position: absolute;
      top: 0;
      left: 0;
      margin: 0;
      top: 53px;
    }

    .anythingSlider ul li {
      display: block;
      float: left;
      margin: 0 auto;
      padding: 0;
      height: 316px;
      width: 276px;
      margin: 0;
    }

    .anythingSlider .arrow {
      display: block;
      height: 261px;
      width: 44px;
      background: url(../images/arrows.png) no-repeat 0 0;
      text-indent: -9999px;
      position: absolute;
      cursor: pointer;
    }

    .anythingSlider .forward {
      right: 0;
      background: url(../img/strzalka_p.gif);
    }

    .anythingSlider .back {
      left: 0;
      background: url(../img/strzalka_l.gif);
    }

    .anythingSlider .forward:hover {
    }

    .anythingSlider .back:hover {
    }

/* mediabox */
#mbOverlay {
  position: absolute;
  z-index: 9998;
  left: 0;
  width: 100%;
  background-color: #838A9A;
  cursor: pointer;
}

    #mbOverlay.mbOverlayFF {
      background: transparent url(../img/mediabox/80.png) repeat;
    }

    #mbOverlay.mbOverlayIE {
      background: transparent url(../img/mediabox/50.gif) repeat;
    }

#mbCenter, #mbBottomContainer {
  position: absolute;
  z-index: 9999;
  left: 50%;
  overflow: hidden;
  background-color: #000;
}

.mbLoading {
  background: #000 url(../img/mediabox/BlackLoading.gif) no-repeat center;
}

#mbImage {
  position: absolute;
  left: 0;
  top: 0;
  border: 10px solid #000;
  background-repeat: no-repeat;
  font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
  line-height: 19px;
  font-size: 12px;
  color: #fff;
  text-align: left;
}

    #mbImage a, #mbImage a:link, #mbImage a:visited {
      color: #ddd;
    }

    #mbImage a:hover, #mbImage a:active {
      color: #fff;
    }

#mbBottom {
  font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
  line-height: 19px;
  font-size: 12px;
  color: #999;
  text-align: left;
  border: 10px solid #000;
  border-top-style: none;
}

#mbTitle {
  display: inline;
  color: #fff;
  font-weight: bold;
  line-height: 20px;
  font-size: 12px;
}

#mbNumber {
  display: inline;
  color: #999;
  line-height: 14px;
  font-size: 10px;
}

#mbCaption {
  display: block;
  color: #999;
  line-height: 14px;
  font-size: 10px;
}

#mbPrevLink, #mbNextLink, #mbCloseLink {
  display: block;
  float: right;
  height: 20px;
  width: 68px;
  background: transparent url(../img/mediabox/BlackClose.gif) no-repeat center;
  margin: 0;
  outline: none;
}

    #mbPrevLink {
      width: 90px;
      background: transparent url(../img/mediabox/BlackPrevious.gif) no-repeat center;
    }

    #mbNextLink {
      width: 74px;
      background: transparent url(../img/mediabox/BlackNext.gif) no-repeat center;
    }

    #mbCloseLink {
      width: 68px;
      background: transparent url(../img/mediabox/BlackClose.gif) no-repeat center;
    }

#mbError {
  position: relative;
  top: 30%;
  font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
  line-height: 19px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  border: 10px solid #700;
  padding: 20px 10px 30px;
  margin: auto;
}