body, html {
  background-image: url("/img/main/pattern.png");
  background-repeat: repeat; /* Opakování vzoru */
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
}

header, html {
  background-color: white;
}

.div_menu{
    border-top: 3px solid #B52316; /* Červená barva v hex kódu */
    border-bottom: 3px solid #B52316; /* Červená barva v hex kódu */
    /* Další styly pro tento div... */
    display: flex;
    background-color: transparent;
    width: 100%;
    letter-spacing: 2px;
  }

  .div_menu li {
    margin-right: 20px;
  }

  .div_menu li a {
    text-decoration: none;
    color: #000000;
  }


  .div_menu li a:hover {
    background-color: #474962; /* Barva pozadí při najetí myší */
    color: #ffffff; /* Barva textu při najetí myší */
    bottom: 5px;
    height: -5px;

  }

  .div_menu li a.active {
    background-color: #B52316; /* Barva pozadí pro aktivní položku */
    color: #ffffff; /* Barva textu pro aktivní položku */
  }


.a_header a{
    color: #B52316;
    text-decoration: none;
    padding: 5px;
  }
.a_header a:hover{
  color: #474962;
    text-decoration: none;
    padding: 5px;
  }