ul, ol {
    margin: 0;
    padding: 0;
    list-style: none; /* Убирает маркеры */
}

li {
    margin: 0;
    padding: 0;
}

BODY {
  text-shadow: 0.011em 0.011em 0.011em #9A855E;
  margin: 0;
  padding: 0;
  background-image: url("./images/paper2.jpg");
  background-attachment: fixed;
  font-size: 14px;
  font-family: Times, "Times New Roman", "serif";
  color: #332308
}
@viewport {
  width: extend-to-zoom 760px;
  min-zoom: 0.25;
  max-zoom: 5;
}

/* Стили для .container по умолчанию (для мобильных устройств) */
.container {
    width: 100%; /* На мобильных устройствах занимает 100% ширины */
    /* Добавьте padding, чтобы контент не прилипал к краям экрана на мобильных */
    padding: 0 10px; /* Отступы по бокам для мобильных */
    box-sizing: border-box; /* Важно, чтобы padding не увеличивал общую ширину */
}

/* Медиа-запрос для экранов НЕ на мобильных (т.е. шире определенного значения) */
/* Обычно используется breakpoint 768px для планшетов и десктопов, но можно выбрать и другой */
@media (min-width: 768px) {
    .container {
        width: 85%; /* На десктопах занимает 85% ширины */
        margin: 0 auto; /* Центрируем контейнер по горизонтали */
        padding: 0; /* Убираем padding, так как он уже не нужен с внешними отступами */
        /* Вы можете добавить max-width, чтобы на очень больших мониторах сайт не растягивался слишком сильно */
        /* max-width: 1200px; */
    }
}




#total {
  visibility: hidden;
}
#load {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 300px;
  height: 150px;
  margin: -100px 0 0 -150px;
  border: 1px solid black;
  border-radius: 14px;
  padding: 100px 10px 10px 10px;
  background: #ffffee;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  color: #006401;
}
#hide {
  position: absolute;
  width: 100%;
  height: 81px;
  top: -1319px;
}
A {
  font-size: 14px;
  color: #2D2414;
  font-family: "Liberation Serif", Times, "Times New Roman", "serif";
  text-decoration: underline;
  text-shadow: 3px 2px color: #131208;
}
A:visited {
  font-size: 14px;
  color: #7D6D5A;
  font-family: "Liberation Serif", Times, "Times New Roman", "serif";
  text-decoration: underline;
  text-shadow: 3px 2px color: #6A462E;
}
A:hover {
  font-size: 14px;
  color: #A06E3D;
  font-family: "Liberation Serif", Times, "Times New Roman", "serif";
  text-decoration: underline;
  text-align: left;
}
#book tr:nth-child(2n) {
  background: #FCF5E5; /* Цвет фона */
}
#book tr:nth-child(2n+1) {
  background: #f5f0e1; /* Цвет фона */
}
hr {
  border-color: #debb72
}
.block {
  display: inline-block;
  border: 1px solid black;
  border-radius: 7px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
  box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
}
input.gsc-input {
  border-color: #BCCDF0;
  -webkit-appearance: none;
  -moz-appearance: none;
  display: block;
  margin: 0;
  width: 100%;
  height: 35px;
  line-height: 35px;
  font-size: 14px;
  border: 1px solid #bbb;
}
input.gsc-search-button {
  border-color: #336699;
  background-color: #F5E3C2;
  -webkit-appearance: none;
  -moz-appearance: none;
  display: block;
  margin: 0;
  width: 100%;
  height: 35px;
  line-height: 35px;
  font-size: 14px;
  border: 1px solid #bbb;
}
BODY.preview {
  text-align: left;
  background: none repeat scroll 0 0 #F4EED9 font-size: 9px;
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 14px;
}
DIV.preview {
  margin: 15px;
}
INPUT, TEXTAREA {
  background: #FFFFF;
  border: #514636 1px solid;
}
input[type="text"] {
  background: #FFFFF;
  height: 14px;
  font-size: 14px;
  font-family: "Liberation Serif", Times, "Times New Roman", "serif";
}
}
input[type="text"]:focus {
  border: 1px solid #bbb;
}
A IMG {
  border: none;
}
.jfontsize-button {
  font-weight: bold;
  padding: 3px;
  color: #000;
  border: solid 1px #ccc;
}
.jfontsize-button:hover {
  text-decoration: none;
  background: #333;
  color: #fff;
  border: solid 1px #333;
}
.jfontsize-disabled, .jfontsize-disabled:hover {
  color: #aaa;
  border: solid 1px #eee;
  background: #eee;
}
.otstup {
  margin: 1%;
}
.btn:hover {
  background: #E9D9C0;
  background-image: "./images/titl.gif";
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-family: "Liberation Serif", Times, "Times New Roman", "serif";
  color: #FDEEE0;
  text-shadow: 1px 1px 1px #332308;
  font-size: 14px;
  padding: 0px 6px 0px 6px;
  border: solid #e6c27e 2px;
  text-decoration: none;
}
.btn {
  text-shadow: 1px 1px 1px #9A855E;
  background: #E9D9C0;
  background-image: "./images/titl.gif";
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-family: "Liberation Serif", Times, "Times New Roman", "serif";
  color: #251302;
  font-size: 14px;
  padding: 0px 6px 0px 6px;
  border: solid #e6c27e 2px;
  text-decoration: none;
}
.multi-fontszie {
  text-shadow: 0.011em 0.011em 0.011em #9A855E;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-family: "Liberation Serif", Times, "Times New Roman", "serif";
  color: #251302;
  font-size: 14px;
  padding: 0px 8px 0px 8px;
  border: solid #e6c27e 2px;
  text-decoration: none;
}
.flt {
  background: #f5f0e1;
  background-image: "/images/titl.gif";
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: "Liberation Serif", Times, "Times New Roman", "serif";
  color: #251302;
  font-size: 14px;
  font color: #fcf5e5;
  padding: 0px 8px 0px 8px;
  border: solid #e9e9ed 2px;
  text-decoration: none;
}
.tbl {
  -moz-box-shadow: 0 0 0px 2px #E9D9C0;
  -webkit-box-shadow: 0 0 0px 2px #E9D9C0;
  box-shadow: 0 0 0px 2px #E9D9C0;
}
.side {
  -moz-box-shadow: -2px 0px 0px 0px #E9D9C0;
  -webkit-box-shadow: -2px 0px 0px 0px #E9D9C0;
  box-shadow: -2px 0px 0px 0px #E9D9C0;
}
.date {
  text-shadow: 0.011em 0.011em 0.011em #9A855E;
  font-family: "Times New Roman", Times, serif;
  font-size: 13px;
  letter-spacing: 0px;
  word-spacing: -2.4px;
  color: #000000;
  font-weight: 700;
  text-decoration: none;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  color: #271A04
}
iframe#myiframe {
  position: absolute;
}
button[type=submit] {
  -webkit-appearance: none;
  -moz-appearance: none;
  display: block;
  font-size: 14px;
  color: #333;
  font-weight: bold;
  height: 25px;
  width: 100%;
  border: 1px solid #bbb;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}