/*
    kodowanie: www.zdzislowicz.pl
*/

body {
  margin: 0 auto;
  background: #383a31;
  border-top: 10px #f0a020 solid;
  font-family: "Lucida Grande",  Arial, Verdana, sans-serif;
  font-size: 12px;
  margin-bottom: 20px;
}

a {
  text-decoration: none;
}

img {
  border: 0;
}

table {
  border-collapse: collapse;
}

td {
  border: 1px #ffffff solid;
  border-bottom: 1px #eeeeee solid;
  padding: 6px;
  min-height: 20px;
}

tr {
}


.top {
  margin: 0 auto;
  width: 960px;
  height: 107px;
  overflow: hidden;
}

    .top .logo {
      float: left;
    }

    .top .wyglad {
      float: right;
    }

.menu {
  margin: 0 auto;
  width: 960px;
  background: #b54615;
  height: 40px;
  border-top: 2px #e9e9e9 solid;
}

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

    .menu li {
      margin: 0;
      padding: 0;
      float: left;
      border-right: 1px #ce5018 solid;
    }

    .menu a {
      color: #ffffff;
      font-weight: bold;
      line-height: 40px;
      display: block;
      padding: 0 14px 0 14px;
      font-size: 13px;
    }

    .menu a:hover {
      background: #e9e9e9;
      color: #000000;
      text-decoration: none;
      padding-top: 1px;
    }

    .menu .wybrane {
      background: #e9e9e9;
      color: #000000;
      text-decoration: none;
      padding-top: 1px;
    }

.polecamy {
  margin: 0 auto;
  margin-top: 10px;
  width: 960px;
  overflow: hidden;
  background: url(../img/polecamy-bg.jpg) no-repeat;
  border-top: 1px #44463e solid;
  border-bottom: 1px #44463e solid;
}

    .polecamy .polecamy_prev {
      float: left;
      width: 32px;
      height: 32px;
      padding: 32px 0 0 18px;
    }

        .polecamy_prev .polecamyPrev {
          display: block;
          background: url(../img/polecamy-prev.jpg) no-repeat;
          width: 32px;
          height: 32px;
          cursor: pointer;
        }

        .polecamy_prev .polecamyPrev:hover {
          background-position: 0 100%;
        }

    .polecamy .polecamy_box {
      float: left;
      width: 800px;
      height: 110px;
    }

        .polecamy_box span {
          font-size: 28px;
          color: #f0a020;
          font-weight: bold;
          display: block;
        }

        .polecamy_box li {
          text-align: center;
          display: block;
          margin: 0 auto;
          margin-top: 15px;
        }

        .polecamy_box a {
          margin-top: 10px;
          color: #ffffff;
          font-size: 13px;
        }

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

    .polecamy .polecamy_next {
      float: right;
      width: 32px;
      height: 32px;
      padding: 32px 18px 0 0;
    }

        .polecamy_next .polecamyNext {
          display: block;
          background: url(../img/polecamy-next.jpg) no-repeat;
          width: 32px;
          height: 32px;
          cursor: pointer;
        }

        .polecamy_next .polecamyNext:hover {
          background-position: 0 100%;
        }

    .polecamy li {
      display: none;
      list-style: none;
      color: #ffffff;
    }

.strona {
  margin: 0 auto;
  margin-top: 10px;
  width: 960px;
  overflow: hidden;
}

    .strona .lewo {
      width: 252px;
      float: left;
    }

        .lewo .menu-rozszerzone {
          border-top: 1px #ffffff solid;
          border-bottom: 1px #666666 solid;
          display: block;
          background: #131313;
          padding: 16px;
          margin: 0 0 10px 0;
        }

            .menu-rozszerzone span {
              padding: 0;
              margin: 0 0 14px 0;
              font-size: 16px;
              font-weight: bold;
              color: #ffffff;
              display: block;
            }

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

            .menu-rozszerzone p {
              margin: 0;
              padding: 0;
              color: #ffffff;
              line-height: 16px;
            }

            .menu-rozszerzone p.right {
              text-align: right;
              display: block;
            }

                .menu-rozszerzone p.right a {
                  border: 0;
                  margin: 0;
                  padding: 0;
                  font-weight: bold;
                  background: none;
                  display: inline;
                }

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


            .menu-rozszerzone li {
              margin: 1px 0 0 0;
              padding: 0;
              width: 220px;
              height: 25px;
            }

            .menu-rozszerzone a {
              display: block;
              background: url(../img/menu-rozszerzone-bg.gif) no-repeat;
              font-size: 11px;
              color: #ffffff;
              padding: 3px 0 8px 26px;
            }

            .menu-rozszerzone a:hover {
              background-position: 0 100%;
            }

            .menu-rozszerzone .wybrane {
              background-position: 0 100%;
            }

    .strona .prawo {
      width: 690px;
      float: right;
    }

        .prawo .nawigacja {
          border-top: 1px #ffffff solid;
          padding: 0 14px 0 6px;
          overflow: hidden;
          line-height: 34px;
          display: block;
        }

            .nawigacja .adres {
              float: left;
              width: 80%;
            }

            .nawigacja .czcionka {
              float: right;
              width: 20%;
              text-align: right;
              color: #777777;
            }

                .czcionka a {
                  color: #000000;
                }

                .czcionka .small {
                  font-size: 15px;
                }

                .czcionka .big {
                  font-size: 17px;
                }

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


            .nawigacja span {
              font-weight: bold;
              color: #e8e8e8;
              padding: 0 2px 0 2px;
            }

            .nawigacja a {
              color: #ffffff;
            }

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

        .prawo .tresc .blok {
          background: #ffffff;
          padding: 15px 20px 15px 20px;
          overflow: hidden;
          height: 100%;
          font-size: 13px;
          width: 650px;
        }

            .tresc h1 {
              padding: 0;
              margin: 0 0 10px 0;
              font-size: 20px;
              color: #141414;
            }

            .tresc h2 {
              padding: 0;
              margin: 0 0 20px 0;
              font-size: 17px;
              color: #3C3C3C;
            }

            .tresc a {
              color: #b54615;
            }

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

                .tresc .mapaStrony ul {
                  list-style-type: square;
                }

                .tresc .mapaStrony li {
                  line-height: 22px;
                }


        .prawo .tresc .dodatki {
          clear: both;
          float: right;
          display: block;
          width: 100%;
          text-align: right;
          margin: 10px 10px 0 0;
        }

            .dodatki a.dogory {
              color: #dddddd;
              background: url(../img/dogory.gif) no-repeat right;
              text-decoration: none;
              font-size: 12px;
              font-family: arial;
              padding: 0 12px 0 0;
              line-height: 22px;
              font-weight: normal;
            }

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



.podpis {
  margin: 0 auto;
  margin-top: 20px;
  padding-top: 14px;
  padding-bottom: 10px;
  width: 960px;
  border-top: 1px #646858 solid;
  text-align: center;
  font-size: 36px;
  font-weight: bold;
  color: #ffffff;
}

    .podpis span {
      color: #CACCCA;
    }


.stopka {
  margin: 0 auto;
  margin-top: 10px;
  width: 960px;
  border-top: 2px #646858 solid;
  overflow: hidden;
  color: #646858;
}

    .stopka ul {
      margin: 0;
      padding: 10px 0 0 10px;
      float: left;
      list-style: none;
    }

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

    .stopka a {
      color: #ffffff;
      padding: 0 8px 0 2px;
    }

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

    .stopka p {
      margin: 0;
      padding: 10px 2px 0 0;
      float: right;
      text-align: right;
      display: block;
    }

        .stopka p a {
          margin: 0;
        }


/* INNE */
.zdjecia .zdjecie {
  width: 33%;
  float: left;
  text-align: center;
  margin-top: 5px;
  height: 130px;
}

    .zdjecie img {
      border: 2px #b54615 solid;
    }

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

/* formularz */
.formularz {
  margin: 0 auto;
  clear: both;
  display: block;
  padding: 20px 0 10px 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: 240px;
      text-align: right;
      font-size: 13px;
      font-family: Arial;
      clear: both;
      line-height: 30px;
      padding: 5px 10px 0 0;
      vertical-align: top;
      float: left;
      text-align: right;
    }

    .formularz .field {
      float: right;
      width: 400px;
      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 0;
      border-bottom: 0;
    }

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

    .formularz .textarea {
      padding: 4px;
      margin: 0 0 5px 0;
      width: 390px;
      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;
    }


.gwiazdka {
  font-weight: bold;
  color: red;
  font-size: 15px;
  font-family: Arial;
}

.light {
  margin: 0 auto;
  text-align: center;
}

.lista_opinii {
  display: block;
  clear: both;
  padding: 10px 0 0 0;
}

    .lista_opinii span.data {
      color: #666666;
      font-weight: bold;
      font-size: 12px;
    }

    .lista_opinii p {
      margin: 5px 0 5px 0;
      padding: 10px;
      border: 1px #cccccc solid;
      background: #efefef;
    }

.komunikat_ok {
  color: red;
  font-weight: bold;
  font-size: 16px;
  margin: 0 auto;
  text-align: center;
  line-height: 30px;
}

.komunikat_blad {
  color: red;
  font-weight: bold;
  font-size: 16px;
  margin: 0 auto;
  text-align: center;
  line-height: 30px;
}

.porcjowanie {
  display: block;
  margin: 0 auto;
  text-align: center;
  padding: 0 0 20px 0;
}


/* mediaboxAdvanced - black theme */
#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;
/*	Sets the style for inline content, if no style is given	*/
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 19px;
	font-size: 12px;
	color: #fff;
	text-align: left;
}

/*	Sets the style for inline content, if no style is given	*/
#mbImage a, #mbImage a:link, #mbImage a:visited {
	color: #ddd;
}

/*	Sets the style for inline content, if no style is given	*/
#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;
}