/*
    KODOWANIE:
    www.zdzislowicz.pl
*/

body {
  font-family: Tahoma;
  font-size: 13px;
  margin: 0 0 20px 0;
  padding: 0;
  background: url(../img/bg.gif) repeat-x #cecdcd;
  color: #000000;
}

a {
  text-decoration: none;
  color: #0A21F1;
  font-size: 13px;
}

a:hover {
  text-decoration: underline;
}

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

h1 {
  font-family: "Lucida Grande", "Lucida Unicode", "Calibri",  Arial, Verdana, sans-serif;
  margin: 0 0 10px 0;
  padding: 10px 0 4px 8px;
  color: #23528a;
  border-bottom: 1px #E6E6E6 solid;
  clear: both;
}

    h1 span {
      font-size: 18px;
    }

p {
  margin: 0;
  padding: 5px 0 5px 0;
}

ul {
  list-style-type: square;
  margin-top: 0;
}

p, ul {
  line-height: 20px;
}

.strona {
  margin: 0 auto;
  margin-top: 30px;
  padding: 0;
  padding-bottom: 5px;
  width: 980px;
  background: #ffffff;
}

    .strona .logo {
      margin: 4px 0 6px 0;
      float: left;
      padding: 0 0 0 0;
      width: 260px;
      height: 43px;
      text-align: center;
    }

    .strona .slogan {
      float: left;
      margin: 20px 0 6px 0;
      font-family: "Lucida Grande", "Lucida Unicode", "Calibri",  Arial, Verdana, sans-serif;
      color: #000000;
      font-size: 14px;
      font-weight: bold;
    }


    .strona .opcje {
      float: right;
      margin: 0 10px 0 0;
      padding: 20px 6px 0 0;
      font-size: 11px;
      height: 17px;
      border-bottom: 1px #EFEFEF solid;
    }

        .opcje a {
          color: #9A9A9A;
          font-size: 11px;
        }

        .opcje a:hover {
          color: #333333;
          background-position: bottom right;
        }

        .opcje .strona_glowna {
          padding: 0 15px 0 0;
          margin: 0 5px 0 5px;
          background: url(../img/strona-glowna.gif) no-repeat top right;
        }

        .opcje .mapa_strony {
          padding: 0 15px 0 0;
          margin: 0 0 0 5px;
          background: url(../img/mapa-strony.gif) no-repeat top right;
        }

        .opcje .kontakt {
          padding: 0 15px 0 0;
          margin: 0 5px 0 5px;
          background: url(../img/kontakt.gif) no-repeat top right;
        }

        .opcje .wybrane {
          color: #333333;
          text-decoration: underline;
          background-position: bottom right;
        }

        .opcje .szukaj {
          text-align: right;
          margin: 22px 0 0 0;
        }

    .strona .linki {
      background: url(../img/menu-bg.gif) repeat-x;
      height: 34px;
      text-align: center;
      clear: both;
    }

        .linki ul {
          text-align: center;
          margin: 0;
          padding: 9px 0 9px 0;
          list-style: none;
          display: inline;
          border-left: 1px #b8b8b8 solid;
        }

        .linki li {
          margin: 0;
          padding: 0;
          display: inline;
        }

        .linki a {
          font-size: 13px;
          font-weight: bold;
          color: #fffffc;
          line-height: 34px;
          padding: 9px 14px 9px 14px;
          border-right: 1px #b8b8b8 solid;
        }

        .linki a:hover {
          text-decoration: none;
          background: url(../img/menu-bg-hover.gif) repeat-x;
        }

        .linki .wybrane {
          text-decoration: none;
          background: url(../img/menu-bg-hover.gif) repeat-x;
        }

    .strona .nawigacja {
      margin: 0 auto;
      margin-top: 10px;
      width: 970px;
      line-height: 34px;
      clear: both;
      display: block;
      border-bottom: 1px #ececec solid;
      font-size: 11px;
      color: #4d4d4d;
    }

        .nawigacja a {
          color: #4d4d4d;
          font-size: 11px;
        }

            .nawigacja span {
              padding: 0 10px 0 10px;
              font-weight: bold;
            }

.zawartosc {
  margin: 0 auto;
  margin-top: 10px;
  clear: both;
  width: 960px;
  overflow: hidden;
  background: url(../img/main/srodek_bg.gif) repeat-y;
}

    .zawartosc .menu {
      float: left;
      width: 260px;
    }

        .menu ul {
          margin: 8px 0 14px 5px;
          padding: 0 0 10px 0;
          list-style: none;
          background: #F8F8F8;
          border: 1px #e0e0e0 solid;
        }

        .menu li {
          padding: 0 0 0 20px;
          margin: 0;
          background: url(../img/menu-li-bg.gif) no-repeat left bottom;
          line-height: 29px;
          height: 29px;
        }

        .menu a {
          font-size: 13px;
          /* color: #4d4d4d; */
          text-decoration: none;
          padding: 0 0 0 14px;
        }

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

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

        .menu .naglowek {
          padding: 7px 0 5px 4px;
          height: 24px;
          background: none;
          font-size: 18px;
        }

            .naglowek a {
              font-size: 16px;
              font-family: "Lucida Grande", "Lucida Unicode", "Calibri",  Arial, Verdana, sans-serif;
              color: #252525;
            }

        .menu .box {
          margin: 8px 0 14px 5px;
          padding: 0 0 14px 0;
          list-style: none;
          background: #F8F8F8;
          border: 1px #e0e0e0 solid;
          text-align: center;
          overflow: hidden;
        }

            .menu .box p {
              padding: 14px 18px 20px 18px;
            }

            .box .dziel {
              margin: 0 auto;
              overflow: hidden;
              width: 90%;
              line-height: 20px;
            }

                .box .dziel_l {
                  float: left;
                  width: 40%;
                  text-align: right;
                }

                .box .dziel_p {
                  float: right;
                  width: 58%;
                  text-align: left;
                  font-size: 12px;
                }

                    .box .dziel_p .gg {
                      padding: 0 25px 0 0;
                    }

                    .box .dziel_p a {
                      margin: 0;
                      padding: 0;
                      cursor: pointer;
                    }

            .box h2 {
              margin: 0;
              padding: 15px 0 0 19px;
              line-height: 16px;
              background: none;
              font-size: 16px;
              color: #252525;
              font-family: "Lucida Grande", "Lucida Unicode", "Calibri",  Arial, Verdana, sans-serif;
              display: block;
              text-align: left;
            }

            .box a {
              color: #0A21F1;
              cursor: pointer;
            }

            .box ul.projekty {
              padding: 0;
              margin: 0;
              border: 0;
            }

            .box ul.projekty li {
              background: none;
              padding: 0;
              margin: 0;
              border: 0;
              height: auto;
              width: 253px;
              list-style: none;
            }

            .box ul.projekty li div {
              margin: 5px 0 0 0;
            }

            .box ul.projekty img {
              border: 6px #f0f0f0 solid;
              padding: 2px;
              background: #ffffff;
              width: 200px;
              height: 150px;
              display: block;
              margin: 0 auto;
              margin-bottom: 6px;
            }

            .box ul.projekty a {
              margin: 0;
              padding: 0;
            }

            .box .doprojektu {
              margin: 6px 0 0 0;
              padding: 0;
              clear: both;
            }

            .box p {
              padding: 0 10px 0 10px;
            }

            .box .pokaz {
              float: right;
              clear: both;
              padding: 0 5px 0 0;
            }

                .box .pokaz img {
                  display: block;
                }

            .box .ukryj {
              float: right;
              clear: both;
              margin: 10px 0 0 0;
              padding: 0 5px 0 0;
            }

                .box .ukryj img {
                  display: block;
                }

            .box .box_pokaz {
              padding: 15px 0 0 0;
              display: block;
            }

            .box .box_ukryj {
              padding: 5px 0 0 0;
              display: block;
            }

        .menu .swieta {
          margin: 8px 0 14px 5px;
          border: 1px #e0e0e0 solid;
        }

            .menu .swieta img {
              display: block;
            }

            .menu .swieta a {
              padding: 0;
              margin: 0;
            }
            
    .zawartosc .tresc {
      width: 670px;
      float: right;
      text-align: left;
      font-family: "Trebuchet MS";
      border-left: 1px #ececec solid;
      padding-left: 15px;
    }

        .tresc .naglowek {
          width: 662px;
          margin: 0 0 10px 0;
          overflow: hidden;
          height: 50px;
          border-bottom: 1px #ececec solid;
        }

            .tresc .naglowek h1 {
              font-family: "Lucida Grande", "Lucida Unicode", "Calibri",  Arial, Verdana, sans-serif;
              margin: 0 0 10px 0;
              padding: 10px 0 4px 8px;
              color: #23528a;
              float: left;
              width: 77%;
              border-bottom: none;
            }

                .tresc .naglowek h1 span {
                  font-size: 18px;
                }

            .tresc .naglowek .czcionka {
              float: right;
              width: 12%;
              text-align: right;
              padding: 16px 5px 0 0;
              color: #9A9A9A;
              font-size: 16px;
            }

                .tresc .naglowek .czcionka a {
                  font-family: tahoma;
                }

                .tresc .czcionka .small {
                  font-size: 13px;
                  color: #343434;
                }

                .tresc .czcionka .big {
                  font-size: 16px;
                  color: #343434;
                }

                .tresc .czcionka .bigger {
                  font-size: 19px;
                  color: #343434;
                }

            .tresc .naglowek .drukuj {
              float: right;
              width: 4%;
              text-align: center;
              padding: 20px 0 0 0;
            }

        .tresc .opis {
          margin: 0 0 10px 0;
          padding: 8px 16px 8px 16px;
          background: #F8F8F8;
          border: 1px #e0e0e0 solid;
          width: 628px;
        }

            .opis .realizacje {
              margin: 0 auto;
              margin-top: 10px;
              overflow: hidden;
              display: block;
            }

                .realizacje .realizacja {
                  padding: 10px 0 0 0;
                  width: 300px;
                  height: 300px;
                  border-bottom: 1px #f0f0f0 solid;
                }

                    .realizacja .realizacja_opis {
                      font-size: 12px;
                      padding: 0 0 0 10px;
                    }

                    .realizacja img {
                      border: 6px #f0f0f0 solid;
                      padding: 2px;
                      width: 280px;
                      height: 210px;
                      background: #ffffff;
                      margin: 0 0 4px 0;
                    }

                    .realizacja span.rData {
                      font-size: 11px;
                      padding: 0 0 0 10px;
                      font-weight: bold;
                    }

                    .realizacja span.rKlient {
                      font-size: 12px;
                      padding: 0 0 0 10px;
                    }

                    .realizacja .link {
                      padding: 2px 0 0 10px;
                      display: block;
                    }


                .realizacje .l {
                  float: left;
                  margin: 0 0 0 6px;
                }

                .realizacje .p {
                  float: right;
                  margin: 0 6px 0 0;
                }


        .tresc h2 {
          font-size: 11px;
          color: #6a6969;
          font-weight: normal;
          padding: 0;
        }

            .tresc h2 a {
              color: #252525;
              font-weight: bold;
            }

        .tresc a {
          white-space: nowrap;
        }

        .tresc ul {
          padding-top: 4px;
        }


.podpis {
  margin: 0 auto;
  margin-top: 20px;
  padding: 10px 0 10px 0;
  width: 970px;
  background: #ececec;
  overflow: hidden;
}

    .podpis .podpis_firma {
      margin: 0 0 0 20px;
      padding: 0 0 2px 0;
      text-align: left;
      float: left;
      color: #F8F8F7;
      line-height: 22px;
    }

    .podpis .podpis_realizacja {
      padding: 0 20px 0 0;
      text-align: right;
      float: right;
      width: 280px;
      color: #4b4b4b;
      font-size: 11px;
    }

    .podpis a {
      color: #4b4b4b;
      font-size: 11px;
    }

    .podpis a.wybrane {
      text-decoration: underline;
    }

    .podpis ul {
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .podpis li {
      margin: 0 0 0 4px;
      padding: 0;
      float: left;
    }

    .podpis_realizacja span {
      font-weight: bold;
    }

    .podpis_realizacja p {
      margin: 0;
      padding: 0;
      line-height: 20px;
    }

.formularz {
  margin: 0 auto;
  clear: both;
  display: block;
  padding: 0 0 5px 0;
}

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

    .ok {
      color: #777777;
      font-size: 13px;
      display: none;
      background: url(../img/komunikat_ok.jpg) left no-repeat;
      padding: 0 0 0 20px;
      margin-top: 2px;
      margin-left: 2px;
      font-family: Arial;
      vertical-align: top;
      float: left;
      height: 14px;
    }

    .not_ok {
      color: #777777;
      font-size: 13px;
      display: none;
      background: url(../img/komunikat_blad.jpg) left no-repeat;
      padding: 0 0 0 20px;
      margin-left: 2px;
      font-family: Arial;
      float: left;
    }

    .formularz .fieldset {
      clear: both;
      display: block;
      overflow: hidden;
      width: 100%;
    }

    .formularz label {
      display: inline-block;
      width: 210px;
      text-align: right;
      font-size: 13px;
      font-family: Arial;
      clear: both;
      line-height: 30px;
      padding: 8px 10px 0 0;
      vertical-align: top;
      float: left;
      text-align: right;
    }

    .formularz .field {
      float: right;
      width: 394px;
      display: inline-block;
      padding: 10px 0 10px 0;
      border-bottom: 1px #ebebeb solid;
      text-align: left;
    }

    .formularz .fieldSubmit {
      display: inline-block;
      padding: 10px 0 10px 10px;
      border-bottom: 0;
    }

    .formularz .inputText {
      padding: 4px;
      margin: 0 0 5px 0;
      width: 384px;
      border: 1px #cccccc solid;
      background: #efefef;
      font-size: 13px;
      font-family: tahoma;
    }

    .formularz .textarea {
      padding: 4px;
      margin: 0 0 5px 0;
      width: 384px;
      height: 150px;
      border: 1px #cccccc solid;
      background: #efefef;
      font-size: 13px;
      font-family: tahoma;
    }

    .formularz .select {
      width: 310px;
      border: 1px #cccccc solid;
      background: #ffffff;
      padding: 4px;
      font-size: 13px;
      font-family: tahoma;
    }

    .formularz .formularz_blad {
      display: block;
      clear: both;
      font-size: 11px;
      color: #999999;
      margin: 2px 0 4px 165px;
    }

    .formularz .wyslijWiadomosc {
      background: url(../img/wyslij_wiadomosc.gif) no-repeat;
      width: 160px;
      height: 28px;
      border: 0;
      cursor: pointer;
    }

.komunikat {
  margin: 0 auto;
  display: block;
  font-size: 13px;
  width: 100%;
  text-align: left;
  vertical-align: middle;
  overflow: hidden;
  padding: 15px 0 15px 0;
  margin-bottom: 15px;
}

    .komunikat .komunikat_lewo {
      float: left;
      text-align: right;
      width: 27%;
    }

    .komunikat .komunikat_prawo {
      float: right;
      text-align: left;
      width: 69%;
      padding: 5px 15px 0 0;
    }

    .komunikat .komunikat_ok {
      color: #349645;
      font-weight: bold;
    }

    .komunikat .komunikat_blad {
      color: #a4160c;
      font-weight: bold;
    }

.wiecej {
  font-weight: bold;
  color: #000000;
  font-size: 11px;
}

.prawo {
  padding: 10px 0 0 0;
  text-align: right;
}

    .prawo a {
      font-weight: bold;
    }

.news {
  padding-bottom: 10px;
  margin-bottom: 5px;
  border-bottom: 1px #f0f0f0 solid;
}

.porcjowanie {
  padding: 15px 0 10px 0;
  text-align: right;
  clear: both;
}

    .porcjowanie span {
      font-weight: bold;
      padding: 0 3px 0 3px;
      font-size: 11px;
    }

    .porcjowanie a {
      background: #396496;
      color: #ffffff;
      font-size: 11px;
      font-weight: bold;
      padding: 4px 8px 4px 8px;
    }

    .porcjowanie a:hover {
      color: #ffffff;
      background: #a7a7a7;
      text-decoration: none;
    }

    .porcjowanie .wybrane {
      color: #ffffff;
      background: #a7a7a7;
      text-decoration: none;
    }


.opcje_pod {
  float: right;
  margin: 0 4px 0 0;
  padding: 14px 6px 0 0;
  font-size: 11px;
  height: 19px;
  border-bottom: 1px #EFEFEF solid;
}

    .opcje_pod a {
      color: #9A9A9A;
      font-size: 11px;
    }

    .opcje_pod a:hover {
      color: #333333;
      background-position: bottom right;
    }

    .opcje_pod .dogory {
      padding: 0 15px 0 5px;
      margin: 0 0 0 0;
      background: url(../img/dogory.gif) no-repeat top right;
    }

        .opcje_pod .dogory:hover {
          background: url(../img/dogory.gif) no-repeat bottom right;
        }

    .opcje_pod .wstecz {
      padding: 0 5px 0 15px;
      margin: 0 0 0 5px;
      background: url(../img/wstecz.gif) no-repeat top left;
      cursor: pointer;
    }

        .opcje_pod .wstecz:hover {
          background: url(../img/wstecz.gif) no-repeat bottom left;
        }

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

.hide {
  display: none;
}

.pracownik {
  display: block;
  height: 150px;
  clear: both;
}

    .pracownik img {
      border: 6px #f0f0f0 solid;
      padding: 2px;
      background: #ffffff;
      width: 100px;
      height: 123px;
      float: left;
      margin: 0 10px 10px 0;
    }

.partner {
  display: block;
}

    .partner img {
      border: 6px #f0f0f0 solid;
      padding: 2px;
      background: #ffffff;
    }