/*
Kodowanie: www.zdzislowicz.pl
*/

body {
  background: url(../img/main/bg.jpg) repeat-x #656f70;
  font-family: tahoma;
  margin: 0 0 20px 0;
  font-size: 11px;
  line-height: 18px;
}

a {
  text-decoration: none;
  color: #1461fd;
}

ul {
  list-style: square;
}


a:hover {
  text-decoration: underline;
}

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

h1 {
  font-family: arial;
  margin: 0 20px 20px 10px;
  padding: 0 0 2px 14px;
  font-size: 16px;
  color: #68685b;
  background: url(../img/main/h1.gif) no-repeat left;
  border-bottom: 1px #bcbcb8 solid;
  clear: both;
}

#calosc {
  margin: 0 auto;
  margin-top: 41px;
  padding: 0;
  text-align: center;
  width: 977px;
  background: url(../img/main/calosc_bg.jpg) repeat-y;
  border-bottom: 1px #c2c4c3 solid;
}

    #calosc #strona {
      margin: 0 auto;
      width: 977px;
      overflow: hidden;
    }

        .zimowa {
          background: url(../img/main/top_zima.jpg) no-repeat;
        }

        .letnia {
          background: url(../img/main/top_lato.jpg) no-repeat;
        }


#strona #menu {
  margin: 70px 0 0 53px;
  width: 281px;
  float: left;
  background: url(../img/main/menu_bg.jpg) repeat-y;
}

    #menu img {
      display: block;
    }

    #menu ul {
      border: 0;
      margin: 0;
      padding: 0;
      list-style: none;
    }


    #menu li.dworek a {
      background: url(../img/main/menu_dworek.jpg) no-repeat top left;
      width: 281px;
      height: 58px;
      display: block;
    }

    #menu li.dworek_s a {
      background: url(../img/main/menu_dworek_s.jpg) no-repeat top left;
      width: 281px;
      height: 58px;
      display: block;
    }

    #menu li.rezerwacje a {
      background: url(../img/main/menu_rezerwacje.jpg) no-repeat top left;
      width: 281px;
      height: 50px;
      display: block;
    }

    #menu li.rezerwacje_s a {
      background: url(../img/main/menu_rezerwacje_s.jpg) no-repeat top left;
      width: 281px;
      height: 50px;
      display: block;
    }

    #menu li.krynica-i-okolice a {
      background: url(../img/main/menu_krynica_i_okolice.jpg) no-repeat top left;
      width: 281px;
      height: 50px;
      display: block;
    }

    #menu li.krynica-i-okolice_s a {
      background: url(../img/main/menu_krynica_i_okolice_s.jpg) no-repeat top left;
      width: 281px;
      height: 50px;
      display: block;
    }

    #menu li.galeria a {
      background: url(../img/main/menu_galeria.jpg) no-repeat top left;
      width: 281px;
      height: 50px;
      display: block;
    }

    #menu li.galeria_s a {
      background: url(../img/main/menu_galeria_s.jpg) no-repeat top left;
      width: 281px;
      height: 50px;
      display: block;
    }

    #menu li.kontakt a {
      background: url(../img/main/menu_kontakt.jpg) no-repeat top left;
      width: 281px;
      height: 50px;
      display: block;
    }

    #menu li.kontakt_s a {
      background: url(../img/main/menu_kontakt_s.jpg) no-repeat top left;
      width: 281px;
      height: 50px;
      display: block;
    }

    #menu li.opinie a {
      background: url(../img/main/menu_opinie.jpg) no-repeat top left;
      width: 281px;
      height: 50px;
      display: block;
    }

    #menu li.opinie_s a {
      background: url(../img/main/menu_opinie_s.jpg) no-repeat top left;
      width: 281px;
      height: 50px;
      display: block;
    }

    #menu li.cennik a {
      background: url(../img/main/menu_cennik.jpg) no-repeat top left;
      width: 281px;
      height: 50px;
      display: block;
    }

    #menu li.cennik_s a {
      background: url(../img/main/menu_cennik_s.jpg) no-repeat top left;
      width: 281px;
      height: 50px;
      display: block;
    }

    #menu li a:hover {
      background-position: 0 100%;
    }

    #menu #aktualnosci_skrot {
      margin: 0 auto;
      padding-bottom: 20px;
      min-height: 264px;
      background: url(../img/main/aktualnosci_skrot_bg.jpg) repeat-x;
    }

        #aktualnosci_skrot .skrot {
          margin: 0 auto;
          text-align: left;
          padding: 8px 0 22px 0;
          background: url(../img/main/aktualnosci_skrot_przerywnik.jpg) no-repeat bottom;
          width: 193px;
          height: 100%;
          clear: both;
        }

            .skrot span {
              margin-left: 10px;
              padding-left: 10px;
              font-size: 11px;
              font-weight: bold;
              background: url(../img/main/aktualnosci_skrot_span.gif) no-repeat left;
              width: 190px;
              display: block;
            }

            .skrot p {
              margin: 3px 0 0 20px;
              font-size: 11px;
              padding: 0;
              width: 190px;
            }

            .skrot a {
              padding-left: 10px;
              margin: 0 10px 0 0;
              text-align: right;
              color: #f85d00;
              font-weight: bold;
              font-size: 11px;
              background: url(../img/main/aktualnosci_skrot_span.gif) no-repeat left;
              float: right;
              display: block;
            }

        #aktualnosci_skrot span.aktualnosci_wszystkie {
          margin: 8px 0 0 0;
          color: #000000;
          display: block;
        }

            .aktualnosci_wszystkie a {
              color: #000000;
              font-size: 11px;
            }

#strona #tresc {
  margin: 0 0 20px 0;
  float: right;
  text-align: left;
  width: 620px;
}

    #tresc .porcjowanie {
      display: block;
      clear: both;
      margin-top: 10px;
      text-align: center;
      font-size: 13px;
      font-weight: bold;
    }

        .porcjowanie a {
          font-weight: normal;
        }


    #tresc #animacja {
      float: right;
      margin-right: 1px;
      position: relative;
    }

    #tresc #ogloszenie {
      margin-top: 390px;
      position: absolute;
      z-index: 4;
    }

        #ogloszenie a {
          color: #ffffff;
          font-size: 14px;
        }


    #tresc #dworek {
      clear: both;
      margin-right: 20px;
      padding-top: 40px;
      display: block;
    }

    #tresc .wiadomosc {
        clear: both;
        display: block;
    }

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

    #tresc .zdjecie {
      width: 33%;
      float: left;
      text-align: center;
      margin-bottom: 20px;
      height: 120px;
    }

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


        .wiadomosc p {
          margin: 0 0 0 0;
          padding: 0;
        }

        .wiadomosc h2 {
          margin: 0;
          padding: 0;
          font-size: 11px;
          color: #68685b;
        }

            .wiadomosc span {
              font-weight: normal;
              padding: 0 5px 0 0;
            }

            .wiadomosc h2 a {
              margin: 0 0 5px 0;
              padding: 0;
              font-size: 12px;
              color: #68685b;
              font-weight: bold;
            }

        .wiadomosc a.wiecej {
          padding-left: 10px;
          margin: 0 10px 10px 0;
          display: block;
          text-align: right;
          color: #000000;
          font-size: 11px;
          background: url(../img/main/aktualnosci_skrot_span.gif) no-repeat left;
          float: right;
        }

#realizacja {
  margin: 0 auto;
  margin-top: 10px;
  width: 977px;
  height: 31px;
  background: url(../img/main/realizacja.jpg) no-repeat;
  overflow: hidden;
  color: #1d1d1d;
  font-size: 11px;
  line-height: 31px;
}

    #realizacja #o_dworku {
      margin-left: 10px;
      float: left;
      width: 40%;
    }

        #o_dworku a {
          font-size: 11px;
          color: #1d1d1d;
        }

    #realizacja #wykonanie {
      margin-right: 10px;
      float: right;
      width: 55%;
      text-align: right;
    }

        #wykonanie a {
          font-size: 11px;
          color: #ffffff;
        }

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

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

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

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

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

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

    .formularz .input_normal {
      width: 310px;
      padding: 4px;
      border: 1px #8e8c8d solid;
      border-top: 1px #b1b1b1 solid;
      border-left: 1px #b1b1b1 solid;
      background: #fbfbfb;
      font-size: 13px;
      font-weight: bold;
      font-family: tahoma;
      background: #F6F6F6;
    }

    .formularz .textarea_normal {
      width: 310px;
      height: 200px;
      padding: 4px;
      border: 1px #8e8c8d solid;
      border-top: 1px #b1b1b1 solid;
      border-left: 1px #b1b1b1 solid;
      background: #fbfbfb;
      font-size: 13px;
      font-weight: bold;
      font-family: tahoma;
      background: #F6F6F6;
    }

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

    .komunikat_ok {
      display: block;
      text-align: center;
      clear: both;
      font-size: 15px;
      margin: 14px 0 14px 0;
      font-weight: bold;
      padding: 5px 0 5px 0;
      background: #5089fc;
      color: #ffffff;
      line-height: 30px;
    }

    .komunikat_blad {
      display: block;
      text-align: center;
      clear: both;
      font-size: 15px;
      margin: 14px 0 14px 0;
      font-weight: bold;
      padding: 5px 4px 5px 4px;
      background: #fd5e00;
      color: #ffffff;
      line-height: 30px;
    }

    .formularz .token_przeladuj {
      cursor: pointer;
      cursor: hand;
    }

    .formularz .in_token {
      width: 152px;
      border: 1px #8e8c8d solid;
      border-top: 1px #b1b1b1 solid;
      border-left: 1px #b1b1b1 solid;
      background: #fbfbfb;
      font-size: 15px;
      padding: 4px;
      background: #F6F6F6;
    }

    .formularz .select {
      border: 1px #8e8c8d solid;
      border-top: 1px #b1b1b1 solid;
      border-left: 1px #b1b1b1 solid;
      background: #fbfbfb;
      font-size: 15px;
      padding: 2px;
      background: #F6F6F6;
    }

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

    .formularz .wyslij {
      background: #8e8c8d;
      border: 2px #b1b1b1 solid;
      color: #ffffff;
      font-weight: bold;
      padding: 4px 6px 4px 6px;
      cursor: pointer;
      cursor: hand;
      width: 162px;
    }

#rezerwacjaMiesiace {
  overflow: hidden;
  margin: 0 auto;
  margin-bottom: 20px;
}

    #rezerwacjaMiesiace #rezerwacjaDworekMaly {
      float: left;
      width: 49%;
      margin: 0 auto;
      text-align: center;
    }

    #rezerwacjaMiesiace #rezerwacjaDworekDuzy {
      float: right;
      width: 49%;
      margin: 0 auto;
      text-align: center;
    }

    #rezerwacjaMiesiace a {
      cursor: pointer;
      cursor: hand;
    }

    #rezerwacjaMiesiace .rezerwacjaMiesiac {
      margin: 0 auto;
      text-align: center;
      width: 262px;
      height: 256px;
      padding: 6px;
      border: 2px #cccccc solid;
    }

    .rezerwacjaMiesiac table {
      width: 262px;
      margin: 0 auto;
      border-collapse: collapse;
      padding: 0;
      margin: 0;
      text-align: center;
      display: block;
    }

    .rezerwacjaMiesiac .n {
      background: #444444;
      color: #ffffff;
      text-align: center;
      height: 24px;
      line-height: 24px;
      font-size: 11px;
    }

    .rezerwacjaMiesiac .a {
      background: #DDDDDD;
      text-align: center;
    }

    .rezerwacjaMiesiac .a_z {
      background: red;
      text-align: center;
    }

    .rezerwacjaMiesiac .a_start {
      background: url(../img/main/start.gif);
      text-align: center;
    }

    .rezerwacjaMiesiac .a_start_s {
      background: url(../img/main/start_s.gif);
      text-align: center;
    }

    .rezerwacjaMiesiac .a_stop {
      background: url(../img/main/stop.gif);
      text-align: center;
    }

    .rezerwacjaMiesiac .a_stop_s {
      background: url(../img/main/stop_s.gif);
      text-align: center;
    }

    .rezerwacjaMiesiac td {
      width: 38px;
      border: 1px #eeeeee solid;
      text-align: center;
      padding: 0;
      line-height: 24px;
      height: 24px;
    }
    .rezerwacjaMiesiac table a {
      display: block;
      color: #333333;
      display: block;
	  cursor: pointer;
      cursor: hand;
    }

    .rezerwacjaMiesiac div.wybranyMiesiac {
      display: block;
      margin: 1px 0 1px 0;
      text-align: center;
      font-weight: bold;
      background: #444444;
      padding: 4px 0 4px 0;
      width: 261px;
      color: #ffffff;
      font-size: 14px;
      overflow: hidden;
    }
        .wybranyMiesiac span {
          display: block;
          line-height: 30px;
          font-size: 12px;
        }

            .wybranyMiesiac .wybranyMiesiacPodzial {
              overflow: hidden;
              display: block;
              clear: both;
              height: 20px;
            }

                .wybranyMiesiacPodzial .miesiacPrawo {
                  float: right;
                }

                    .miesiacPrawo a {
                      padding-right: 10px;
                      color: #ffffff;
                      font-size: 11px;
                      font-weight: normal;
                      width: 40%;
                      text-align: right;
                    }

                .wybranyMiesiacPodzial .miesiacLewo {
                  float: left;
                }

                    .miesiacLewo a {
                      padding-left: 10px;
                      color: #ffffff;
                      font-size: 11px;
                      font-weight: normal;
                      width: 40%;
                      text-align: left;
                    }

    .rezerwacjaMiesiac table a:hover {
      background: #fd5e00;
      text-decoration: none;
      color: #FFFFFF;
	  cursor: pointer;
      cursor: hand;
      display: block;
    }

    .rezerwacjaMiesiac table .tds a {
      background: #2ab00a;
      color: #FFFFFF;
      display: block;
    }

    .rezerwacjaDworek {
      background: #2ab00a;
      font-size: 12px;
      font-weight: bold;
      width: 261px;
      color: #ffffff;
      line-height: 25px;
    }

    .legenda {
      display: block;
      margin: 0 auto;
      border: 2px #CCCCCC solid;
      margin-top: 4px;
      margin-bottom: 30px;
    }

.listaOpinii {
  display: block;
  margin: 0 0 20px 0;
}

    .listaOpinii span.data {
      font-weight: normal;
      padding: 0 5px 0 0;
    }

    .listaOpinii span.nick {
      margin: 0 0 5px 0;
      padding: 0;
      font-size: 12px;
      color: #68685b;
      font-weight: bold;
    }