body {
    font-family: Verdana, Arial;
    background-color: #736a3b;
}
a {
    color: #582C2C;
    outline: none !important;
    text-decoration: none;

}
a:visited {
    color: #6F7051;
}
p {
    font-size: 80%;
    margin: 0;
    padding: 0 20px 0px 25px;
    /*padding: 0 20px 15px 25px;*/
}
h1 {
    font-size: 30px;
    font-weight: bold;
    margin: 0;
    padding: 15px 25px;
    text-shadow: 1px 1px 0px #ffffff;
    font-family: Candara, Geneva, Arial, Helvetica, sans-serif;
    text-align:center;
}
h2 {
    font-size: 105%;
    font-weight: bold;
    margin: 0;
    padding: 5px 25px;
    text-shadow: 2px 2px 0px #ffffff;
}
img#star {
    left: 40px;
    position: absolute;
    top: 295px;
}
hr {
    color: #696969;
}
.clear {
    clear:left;
}
.star {
    padding:20px;
    float:left;
}
footer {
    background-color: #96976D;
    clear: both;
    height: 50px;
    margin: 0;
    padding: 0;
}
footer .container-fluid{
    background-color: #96976D;
}
footer p{
    background-color: #96976D;
}


footer a {
    color: #000000;
}
footer a:hover{
    color: red;
}
.accordion {
    --bs-accordion-bg: none;
    --bs-accordion-border-width: none;
    --bs-accordion-btn-color: #1467ba;
    --bs-accordion-btn-icon: none;
    --bs-accordion-btn-active-icon: none;
    --bs-accordion-btn-color: none;
    --bs-accordion-active-bg: none;
    --bs-accordion-active-color:none;
    --bs-accordion-border-color: none;
}
.accordion .accordion-button{
    color: #582C2C;
    font-size: 70%;
    margin: 0;
    padding: 0 0 0 0px;
}/*
.accordion-button:focus {
    border-color: none;
}*/
.accordion-collapse {
    font-size: 80%;
}

/*li.mi {list-style-image: url('/images1/red_star.gif'); font-size: 80%; margin-left:40px;}
li.mi a { text-decoration:none; color: #433E26;}
li.mi a:hover {color: red;}*/

.leftimg {
    float:left; /* Выравнивание по левому краю */
    margin: 7px 7px 7px 0; /* Отступы вокруг картинки */
   }
   .rightimg  {
    float: right; /* Выравнивание по правому краю  */
    margin: 7px 0 7px 7px; /* Отступы вокруг картинки */
   }

#menu, #menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#menu {
    margin: 1px auto;
    border: 1px solid #222;
    background-color: #736a3b;
    background-image: -moz-linear-gradient(#736a3b, #403b25);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#736a3b), to(#403b25));
    background-image: -webkit-linear-gradient(#736a3b, #403b25);
    background-image: -o-linear-gradient(#736a3b, #403b25);
    background-image: -ms-linear-gradient(#736a3b, #403b25);
    background-image: linear-gradient(#736a3b, #403b25);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
    -webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
    box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
}

#menu:before,
#menu:after {
    content: "";
    display: table;
}

#menu:after {
    clear: both;
}

#menu {
    zoom:1;
}

#menu li {
    float: left;
    border-right: 1px solid #222;
    -moz-box-shadow: 1px 0 0 #444;
    -webkit-box-shadow: 1px 0 0 #444;
    box-shadow: 1px 0 0 #444;
    position: relative;
}

#menu a {
    float: left;
    padding: 12px 25px;
    color: #ccc;
    text-transform: uppercase;
    font: bold 12px Arial, Helvetica;
    text-decoration: none;
    text-shadow: 0 1px 0 #000;
}

#menu li:hover > a {
    color: yellow;
}


#menu ul {
    background-position: 0% 0%;
    margin: 20px 0 0 0;
    _margin: 0; /*IE6 only*/
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 38px;
    left: 0;
    z-index: 9999;
    box-shadow: 0 -1px 0 rgba(255,255,255,.3);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));
    background-color: #444;
    background-repeat: repeat;
    background-attachment: scroll;
}

#menu li:hover > ul {
    opacity: 1;
    visibility: visible;
    margin: 0;
}

/*#menu ul ul {
    top: 0;
    left: 150px;
    margin: 0 0 0 20px;
    _margin: 0; /*IE6 only*/
/*    -moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
    -webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);
    box-shadow: -1px 0 0 rgba(255,255,255,.3);
}*/

#menu ul li {
    float: none;
    display: block;
    border: 0;
    _line-height: 0; /*IE6 only*/
    -moz-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
    -webkit-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
    box-shadow: 0 1px 0 #111, 0 2px 0 #666;
}

#menu ul li:last-child {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#menu ul a {
    padding: 10px;
    _height: 10px; /*IE6 only*/
    display: block;
    white-space: nowrap;
    float: none;
    text-transform: none;
}

#menu ul a:hover {
    background-color: #ff0000;
    background-image: -moz-linear-gradient(#ff0000, #89090a);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff0000), to(#89090a));
    background-image: -webkit-linear-gradient(#ff0000, #89090a);
    background-image: -o-linear-gradient(#ff0000, #89090a);
    background-image: -ms-linear-gradient(#ff0000, #89090a);
    background-image: linear-gradient(#ff0000, #89090a);
}

#menu ul li:first-child > a {
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

#menu ul li:first-child > a:after {
    content: '';
    position: absolute;
    left: 40px;
    top: -6px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #444;
}

/*#menu ul ul li:first-child a:after {
    left: -6px;
    top: 50%;
    margin-top: -6px;
    border-left: 0;
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    border-right: 6px solid #3b3b3b;
}*/

#menu ul li:first-child a:hover:after {
    border-bottom-color: #ff0000;
}

/*#menu ul ul li:first-child a:hover:after {
    border-right-color: #ff0000;
    border-bottom-color: transparent;
}*/

#menu ul li:last-child > a {
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}

.card{
    --bs-card-bg:null;
    --bs-card-border-width:null;
}

.card-body {
        padding:0;
}

.card-title{
    background-color: #808000;
    border-bottom: #fff 2px solid;
    color: #fff;
    font-size: 120%;
    margin: 0px 0px 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    text-align: center;
    font-weight: bold;
    text-shadow: 1px 1px 0px #000000;
}
.card-title hr{
    color: #fff;
}


.search {
    color: #000;
    font-size: 70%;
    padding-top: 7px;
    text-align: center;
}

.navbar-toggler {
    background-color: #816526f2;
}
.bg-body-tertiary {
    background-color: #736a3b !important;
}

nav-link active{
    color: #ffc107 !important;
}
#contentMain {
    /*color: black;*/
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px;
    margin: 0;
    padding: 0;
    border:2px solid #7e7333;
    margin:10px 30px 30px 30px;
    -webkit-box-shadow:-3px 0px 3px rgba(255,255,255,0.4), 3px 3px 10px rgba(0,0,0,0.2) inset;
    -moz-box-shadow:-3px 0px 3px rgba(255,255,255,0.4), 3px 3px 10px rgba(0,0,0,0.2) inset;
    box-shadow:-3px 0px 3px rgba(255,255,255,0.4), 3px 3px 10px rgba(0,0,0,0.2) inset;
    background-color: #DDD7C3;
    background-image: url('/images1/bg.jpg');
}
#content {
    /*color: black;*/
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px;
    margin: 0;
    padding: 0;
    border:2px solid #7e7333;
    margin:10px 30px 30px 30px;
    -webkit-box-shadow:-3px 0px 3px rgba(255,255,255,0.4), 3px 3px 10px rgba(0,0,0,0.2) inset;
    -moz-box-shadow:-3px 0px 3px rgba(255,255,255,0.4), 3px 3px 10px rgba(0,0,0,0.2) inset;
    box-shadow:-3px 0px 3px rgba(255,255,255,0.4), 3px 3px 10px rgba(0,0,0,0.2) inset;
    background-color: #DDD7C3;
    background-image: url('/images1/bg1.jpg');
}
#glow1 {
    -webkit-box-shadow: 10px 10px 25px #8b827b;
    -moz-box-shadow: 10px 10px 25px #8b827b;
    box-shadow: 10px 10px 25px #8b827b;
}

#abs {
    color: #736a3b;
}
/* ======= ===== Кнопка Вернуться к началу ============*/
.btn-up {
  /* фиксированное позиционирование */
  position: fixed;
  /* цвет фона */
  background-color: #DAA520;
  /* расстояние от правого края окна браузера */
  right: 20px;
  /* расстояние от нижнего края окна браузера */
  bottom: 0;
  /* скругление верхнего левого угла */
  border-top-left-radius: 8px;
  /* скругление верхнего правого угла */
  border-top-right-radius: 8px;
  /* вид курсора */
  cursor: pointer;
  /* отображение элемента как flex */
  display: flex;
  /* выравниваем элементы внутри элемента по центру вдоль поперечной оси */
  align-items: center;
  /* выравниваем элементы внутри элемента по центру вдоль главной оси */
  justify-content: center;
  /* ширина элемента */
  width: 60px;
  /* высота элемента */
  height: 50px;
}

.btn-up {
  position: fixed;
  background-color: #DAA520;
  right: 60px;
  bottom: 100px;
  border-radius: 22px;
  cursor: pointer;
  width: 44px;
  height: 44px;
}

.btn-up::before {
  content: "";
  text-align: center;
  position: absolute;
  width: 20px;
  height: 20px;
  left: 12px;
  top: 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 17V4M3 10l7-7 7 7'/%3E%3C/g%3E%3C/svg%3E");
}

.btn-up_hide {
  display: none;
}

@media (hover: hover) and (pointer: fine) {
  .btn-up:hover {
    background-color: #B8860B; /* цвет заднего фона при наведении */
  }
}