* {
  padding: 0;
  margin: auto;
}
html {
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 100%;
  background: url("img/bg.png") repeat left top;
}
body {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  font: 12px/16px Verdana, Arial, Trebuchet MS;
  color: #373131;
}
table {
  margin: 0px;
  empty-cells: show;
  height: 100%;
  border-collapse: separate;
}
td {
  font: 12px/16px Verdana, Arial, Trebuchet MS;
  border: 0px;
  padding: 0px;
  vertical-align: middle;
  cursor: default;
}
img {
  border: 0px;
}
a {
  text-decoration: none;
  color: #373131;
}
a:hover {
  text-decoration: underline;
  color: #000;
}
p,
form {
  margin: 0px;
  padding: 0px;
}
p {
  margin-bottom: 10px;
    font-size: 16px;
    line-height: 1.3;
}
h1 {
  padding: 5px 0 15px 0;
  margin: 0px;
  float: left;
  width: 100%;
  font: 22px/26px Verdana, Tahoma, Trebuchet MS, Verdana;
}
h2 {
  padding: 0px 0px 8px 0px;
  margin: 0px;
  font: 16px/18px Verdana, Tahoma, Trebuchet MS, Verdana;
  font-weight: bold;
}
input {
  border: 0;
  background-color: #dabbd6;
  width: 450px;
  height: 24px;
  border: 1px solid #909090;
}
textarea {
  border: 0;
  background-color: #dabbd6;
  font-family: Tahoma;
  width: 450px;
  font-size: 12px;
  height: 160px;
  overflow: hidden;
  border: 1px solid #909090;
}
div#content {
  width: 100%;
  float: left;
  min-height: 500px;
  background: url("img/pioro.png") no-repeat right top;
}
div#stopka {
  width: 100%;
  height: 65px;
  float: left;
  position: fixed;
  left: 0px;
  bottom: 0px;
  background: url("img/stopka.png") repeat-x left bottom;
}
div#menu {
  height: 51px;
  width: 920px;
  margin: auto;
  padding: 0;
}
div#menu a {
  margin-right: 1px;
}
/* pozycje menu *****************************************************/
a.strona_glowna {
  float: left;
  display: block;
  width: 135px;
  height: 51px;
  background: url("img/menu_glowna1.png") no-repeat left top;
}
a.strona_glowna:hover {
  background: url("img/menu_glowna2.png") no-repeat left top;
}
a.biografia {
  float: left;
  display: block;
  width: 99px;
  height: 51px;
  background: url("img/menu_bio1.png") no-repeat left top;
}
a.biografia:hover {
  background: url("img/menu_bio2.png") no-repeat left top;
}
a.ksiazki {
  float: left;
  display: block;
  width: 99px;
  height: 51px;
  background: url("img/menu_ksiazki1.png") no-repeat left top;
}
a.ksiazki:hover {
  background: url("img/menu_ksiazki2.png") no-repeat left top;
}
a.recenzje {
  float: left;
  display: block;
  width: 99px;
  height: 51px;
  background: url("img/menu_recenzje1.png") no-repeat left top;
}
a.recenzje:hover {
  background: url("img/menu_recenzje2.png") no-repeat left top;
}
a.kontakt {
  float: left;
  display: block;
  width: 99px;
  height: 51px;
  background: url("img/menu_kontakt1.png") no-repeat left top;
}
a.kontakt:hover {
  background: url("img/menu_kontakt2.png") no-repeat left top;
}
a.zorganizuj_event {
  float: left;
  display: block;
  width: 234px;
  height: 51px;
  background: url("img/menu_zorganizuj1.png") no-repeat left top;
}
a.zorganizuj_event:hover {
  background: url("img/menu_zorganizuj2.png") no-repeat left top;
}
/*******************************************************************/
div#txt {
  width: 920px;
  margin: auto;
  padding: 0;
  margin-top: 100px;
}
div.txt {
  float: left;
  width: 880px;
  padding: 10px;
  padding-bottom: 100px;
  min-height: 150px;
  background-color: #fff;
}
div.naglowek {
  float: left;
  margin-top: 10px;
  margin-bottom: 20px;
  width: 100%;
}
div#bottom {
  width: 950px;
  height: 65px;
  line-height: 65px;
  margin: auto;
  padding: 0;
  color: #fff;
  font-size: 11px;
}
div#bottom a,
div#bottom a:hover {
  color: #fff;
}
div#designed {
  float: right;
  color: #378788;
}
div#designed a,
div#designed a:hover {
  color: #378788;
}
div#formularz {
  width: 100%;
  float: left;
}
table.formularz {
  width: 450px;
  margin: auto;
  padding: 0;
}
table.formularz td {
  text-align: right;
}
div#mainpage {
  width: 990px;
  margin: auto;
  padding: 0;
  margin-top: 50px;
}
div#mainpage a {
  display: block;
}
a#main_dk {
  width: 347px;
  float: left;
  height: 33px;
  background: url("img/mainpage/dk.png") no-repeat left top;
}
a#main_bio {
  width: 480px;
  float: left;
  height: 69px;
  background: url("img/mainpage/bio1.png") no-repeat left top;
}
a#main_bio:hover {
  background: url("img/mainpage/bio2.png") no-repeat left top;
}
a#main_ksiazki {
  width: 473px;
  float: left;
  height: 110px;
  background: url("img/mainpage/ksiazki1.png") no-repeat left top;
}
a#main_ksiazki:hover {
  background: url("img/mainpage/ksiazki2.png") no-repeat left top;
}
a#main_recenzje {
  width: 324px;
  float: right;
  height: 60px;
  background: url("img/mainpage/recenzje1.png") no-repeat left top;
}
a#main_recenzje:hover {
  background: url("img/mainpage/recenzje2.png") no-repeat left top;
}
a#main_kontakt {
  width: 409px;
  float: right;
  margin-right: 40px;
  height: 59px;
  background: url("img/mainpage/kontakt1.png") no-repeat left top;
}
a#main_kontakt:hover {
  background: url("img/mainpage/kontakt2.png") no-repeat left top;
}
a#main_zorganizuj {
  width: 957px;
  float: left;
  height: 51px;
  background: url("img/mainpage/zorganizuj1.png") no-repeat left top;
}
a#main_zorganizuj:hover {
  background: url("img/mainpage/zorganizuj2.png") no-repeat left top;
}
a#fb {
  width: 63px;
  float: right;
  height: 63px;
  background: url("img/fb1.png") no-repeat left top;
  margin-right: 45px;
  margin-top: 20px;
}
a#fb:hover {
  background: url("img/fb2.png") no-repeat left top;
}
a#nk {
  width: 70px;
  float: right;
  height: 63px;
  background: url("img/nk1.png") no-repeat left top;
  margin-right: 20px;
  margin-top: 20px;
}
a#nk:hover {
  background: url("img/nk2.png") no-repeat left top;
}
div.recenzje_nazwa {
  font-weight: bold;
  font-size: 14px;
  float: left;
  width: 100%;
}
div.recenzje_nazwa h2 {
  color: #fff;
  background-color: #da3dc6;
  padding: 0px 2px 2px 2px;
  float: left;
  margin-top: 1px;
  font-size: 14px;
}
div.recenzje_nazwa a {
  color: #fff;
  text-decoration: none;
}
div.one_recenzja {
  float: left;
  margin-bottom: 15px;
}
input.wyslij {
  border: 0;
  background: none;
  width: 67px;
  height: 27px;
  cursor: pointer;
  background: url("img/wyslij1.png") no-repeat left top;
}
input.wyslij:hover {
  background: url("img/wyslij2.png") no-repeat left top;
}
a#kupksiazke {
  display: block;
  width: 121px;
  height: 121px;
  background: url("https://dariuszkazmierczak.pl/img/kup.png") no-repeat left
    top;
  position: fixed;
  right: 45px;
  top: 230px;
}

.txt a {
  color: #800000;
}

.go-to-store-button {
  margin-top: 25px;
}
.go-to-store-button a {
  font-size: 12px;
  font-weight: bold;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #800000;
}

.book-details img {
  float: left;
  margin: 0 30px 10px 0;
  width: 200px;
  height: auto;
}
.book-details h2 {
  color: #800000;
  font: 22px/26px Verdana, sans-serif;
}
.clear-separator {
  clear: both;
  margin-bottom: 30px;
}
/* RWD: Mobile styles */
@media (max-width: 768px) {
  body {
    font-size: 16px;
    line-height: 1.5;
    padding: 5px;
  }
  table {
    width: 100% !important;
    height: auto;
    font-size: 15px;
  }
  td {
    font-size: 15px;
    padding: 5px;
  }
  img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
  }
  p {
    margin-bottom: 12px;
  }
  a {
    font-size: 15px;
    word-break: break-word;
  }
  .container,
  .main,
  .content,
  .header,
  .txt,
  #txt,
  #menu,
  #bottom,
  #mainpage,
  .footer {
    width: 100% !important;
    padding: 5px !important;
    box-sizing: border-box;
  }
  /* Ukryj elementy zbędne na mobile, jeśli występują */
  .sidebar,
  .menu,
  .ads {
    display: none !important;
  }
}