#hlavni_menu {
background-color: rgba(35, 156, 235, 1);
}
.brz-menu__item {
background-color: rgba(35, 156, 235, 1);
}
.brz-menu__item a {
padding: 5px 10px 5px 10px;
}

.active, .brz-menu__item:hover {
background-color: #37D4C4;
}

#aktivni-sekce {
text-align: center;
background-color: white;
color: #239ceb;
text-transform: uppercase;
font-weight: bold;
}

.zakladna {
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}

.shadow {
/*max-height: 50vh;*/
overflow: hidden !important;
width: 60% !important;
max-width: 60% !important;
-webkit-mask-size: 100% 100%;
-webkit-mask-image: -webkit-gradient(linear, right center, left center, 
   color-stop(0.00,  rgba(0,0,0,0)),
   color-stop(1.00,  rgba(0,0,0,1)));
mask-size: 100% 100%;
mask-image: -webkit-gradient(linear, right center, left center, 
   color-stop(0.00,  rgba(0,0,0,0)),
   color-stop(1.00,  rgba(0,0,0,1)));
}

.shadow p {
white-space: nowrap !important; 
}

.noshadow {
width: 100% !important;
max-width: 100% !important;
}

.ilustrace {
max-width: 40% !important;
/*max-height: 50vh;*/
text-align: center;
}
.ilustrace img {
max-height: 40vh;
}

.skryt {
display: none !important;
}


.sipka{
width:24px;
height:24px;
position: absolute;  
top: 50%;
right:0px;
z-index: 9999;
cursor: pointer;
font-size: x-large;
text-align: center;
background-color: #239ceb;
color: white;
line-height: 80%;
border-radius: 12px;
}

.sipka2{
/*padding-top: 10px;*/
width:24px;
height:24px;
position: absolute;  
top: -10px;
left:0;
z-index: 1000;
cursor: pointer;
font-size: x-large;
display: none;
text-align: center;
background-color: #239ceb;
color: white;
line-height: 80%;
border-radius: 12px;
}

.zakladna {
width: 100%;
min-width: 100%;
}