:root
{
--aspect-ratio: 1; /* Defaultní hodnota */
}

body
{
color:rgb(200, 200, 200);
font-family: "Arial Narrow", Gadget, sans-serif;
background-color:rgb(20, 20, 20);
}

*>a{outline: none;} 
a{color:white;}

.page
{  
width:96vw; 
margin:auto; 
}

.page2
{  
width:96vw; 
}

.top
{
width:96vw; 
height:40vw; 
background-image:url('../img/headerM.png');  
background-size:96vw 40vw;    
display: flex;
flex-direction: column;
}  

.menu
{  
margin-top: -12vw;
position:sticky;
top:0;
width:100%;  
height:12vw;
background-image:url('../img/menu_back.png');  
background-size:96vw 12vw;     
z-index: 1000;    
}

.menu_polozka
{        
display: flex;
align-items: center;  
justify-content: center;
width:16vw;                                              //96/početpolozek;
height:12vw;
text-align:center;
font-size:2.5vw;   
float:left;
cursor:pointer;
transition: all 0.3s ease;
}   

.menu_polozka:hover
{
background-color:rgba(20, 20, 20, 0.6);       
text-shadow:
    0 0 2px rgb(200, 200, 200),
    0 0 10px rgb(200, 200, 200),
    0 0 50px rgb(200, 200, 200);
}   


.bottom
{  
position:sticky;
bottom:0;
width:100%;  
height:8vw;
padding: 0.5vw 0vw 0.5vw 0vw;
background-color:black;     
z-index: 1000;    
}

.bottom1
{  
display: flex;
align-items: center;  
width:10vw;    
height:8vw;
font-size:2.5vw; 
float:left;
margin-left:1vw;
}

.bottom2
{  
display: flex;
align-items: center;  
justify-content: center; 
width:20vw;    
height:8vw;
font-size:2vw;
float:left;
margin-left:1vw;
}

.soc
{
height:3vw;
margin-left:1vw;
}


.clear
{
clear:both;
}   

.mid
{
width:96vw;      
}  

.mid_polozka
{
scroll-margin-top: 5vw;
width:94vw;   
padding:2vw 1vw 1vw 1vw;    
background: linear-gradient(
    to bottom,
    rgb(25, 25, 25),
    rgb(40, 40, 40)
); 
}   

.nadpis_menu
{
font-size:6vw;
} 

.corner-box
{
position: fixed;
right: 2vw;
bottom: 10vw;
background-image:url('../img/up.png');
background-size:12vw 12vw;    
color: white;
opacity: 0;
pointer-events: none;
transform: translateY(20px);
transition: opacity 0.3s ease, transform 0.3s ease;
z-index: 2000;
width:12vw;
height:12vw;
cursor:pointer;
}

.corner-box.visible
{
opacity: 1;
pointer-events: auto;
transform: translateY(0);
}

.nadpis2
{
font-size:5vw;
}

.nadpis3
{
font-size:4vw;
}

.nadpis4
{
font-size:2.8vw;
}

.nadpis5
{
font-size:3vw;
}

.biol
{
margin-top:2vh;
font-size:2.8vw;
width:70vw;
float:left;
}

.biop
{
margin-top:2vh;
width:24vw;
float:left;
}

.clenoveimg
{
width:24vw;
}

.telefonodkaz
{
font-size:2vw;
text-decoration:underline;
}


.konc
{
font-size:2.5vw;
margin-top:1vw;
border-collapse: collapse;
margin-bottom:5vw;
}

.konctd
{
border-top: 1px solid white;
border-bottom: 1px solid white;
width:28vw;
padding:4vw 3vw 4vw 0vw;
}

.konctd2
{
border-top: 1px solid white;
border-bottom: 1px solid white;
width:28vw;
padding:4vw 3vw 4vw 0vw;
color:rgb(150, 150, 150)
}

.podtrhni
{
text-decoration:underline;
}