.AKCE-BLOK
{
     margin: 5vh 25px 10vh 25px;
     box-shadow: 6px 6px 6px 1px var(--basic-fg);
     border-width: 1px;
     border-style: solid;
     border-color: var(--basic-fg);
}

.AKCE-BLOK > .INFO-AKCE,
.AKCE-BLOK > .TEXT-AKCE
{
     padding: 25px;
     margin: 0;
}

@media (min-width: 1000px) {

     .AKCE-BLOK
     {
          display: -webkit-flex;
          display: -ms-flex;
          display: flex;
     }

     .AKCE-BLOK > DIV
     {
          width: 50%;
          vertical-align: top;
          transition: 1.8s;
          transition-delay: .2s;
          overflow: hidden;
     }

     .AKCE-BLOK:hover > DIV:hover
     {
          width: 65%;
          display: inline-block;
          vertical-align: top;
     }

     .AKCE-BLOK:hover > DIV:not(:hover)
     {
          width: 35%;
          display: inline-block;
          vertical-align: top;
     }

     .S-PLAKATEM > DIV
     {
          width: 33.3% !important;
          transition: 1.2s !important;
     }

     .S-PLAKATEM:hover > DIV:hover
     {
          width: 40% !important;
     }

     .S-PLAKATEM:hover > DIV:not(:hover)
     {
          width: 30% !important;
     }
     
     .TA-VI
     {
          border-width: 5px 0 0 0;
          border-style: solid;
          border-color: var(--basic-fg);
          padding: 15px 0 0 0;
          margin: 30px 0 0 0;
          text-align: center;
     }
     
}

.AKCE-BLOK .PLAKAT-AKCE
{
     background-color: var(--diff1-bg);
}

.AKCE-BLOK .PLAKAT-AKCE IMG
{
     max-width: 100%;
     height: auto;
}

.AKCE-BLOK .INFO-AKCE
{
     background-color: var(--diff2-bg);
}

.NEXT-ITEMS
{
     text-align: center;
     background-color: var(--diff1-bg);
     font-size: var(--fs-l);
     padding: 25px;
}

.NEXT-ITEMS:hover
{
     background-color: var(--diff2-bg);
}




.AKTUALITA
{
     border-color: var(--basic-fg);
     border-style: solid;
     border-width: 3px;
     border-radius: 5px;
     background-color: var(--basic-bg-hover);
     padding: 15px;
     box-shadow: 6px 6px 6px 1px var(--basic-fg);
}

.AKTUALITA H3
{
     padding: 15px 15px 50px 15px;
}







.DLAZDICE-POPLATEK
{
     display: block;
     margin: 0 0 25px 0;
     box-shadow: 10px 10px 10px 0 var(--basic-fg);
}

.DLAZDICE-POPLATEK H3
{
     background-color: var(--basic-bg-hover);
     padding: 25px;
     border-radius: 5px 5px 0 0;
}

.DLAZDICE-POPLATEK > DIV
{
     padding: 25px;
}

.DLAZDICE-PLATBA
{
     display: block;
     padding: 25px;
     background-color: var(--basic-bg);
     margin: 0 0 25px 0;
}

.DP-NEZAPLACENO
{
     background-color: var(--diff1-bg);
}

.DP-ZAPLACENO
{
     background-color: var(--bi);
     color: var(--diff1-bg);
}

.DP-ZAPLACENO > SPAN
{
     position: relative;
     float: right;
     top: 25px;
     right: 25px;
     color: var(--basic-fg);
     background-color: transparent;
}

.QR-KOD-PLATBY
{
     text-align: center;
     margin: 25px 0;
}