*{ 
box-sizing: border-box;
}

.wrapper_uziv_rec{
background:rgb(252, 252, 252);
display: grid;
grid-template-columns: 1fr;
grid-gap:0;
min-height:100vh;
margin:0px;
padding:0px;
align-content:start;
grid-template-areas: 
"uz_ucet_ur;"
"nav_mala_ur"
"obal_az_ur"
"obsah_kuch_ur"
"strankovani_ur";
}

.obal_uz_uct{
grid-area:uz_ucet_ur;
grid-column:1/-1;	
margin:0;
padding:0;
display:grid;
grid-template-columns: repeat(3, minmax(auto, 1fr));
grid-gap:5px;
border:1px solid black;	
}

.uziv_nadpis_ur{
grid-column:1/-1;
grid-row:1/2;
align-self:start;
justify-self:center;
font-weight:normal;
font-size:17px;
width:fit-content;
text-align:center;
margin:0;
padding:0;	
}

.uz_uct_obr{
grid-column:1/2;
grid-row:1/2; 
align-self:start;
justify-self:start;
width:45px;
height:45px;
margin-left:5px;
border-radius:50px;	
/*margin-left:5px;*/
}

.obr_uct{
width:45px;
height:45px;
border-radius:50px;
width:fit-content;
margin:0;
padding:0;
}

.cis_rec{
grid-column:1/-1;
grid-row:2/3; 
align-self:start;
justify-self:start;
font-size:15px;
margin:0;
padding-left:5px;
width:fit-content;
font-weight:normal;
text-decoration:underline;
}

.cis_rdne{
grid-column:1/-1;
grid-row:3/4; 
align-self:start;
justify-self:start;
font-size:15px;
margin:0;
padding-left:5px;
font-weight:normal;
text-decoration:underline;	
}

.label_omp_ur{
grid-column: 2/3;
grid-row: 1/2;
align-self: end;
justify-self:center;
width:35px;
height:25px;
margin:30px 0px 0px 0px;
padding:0;
/*border:1px solid black;*/
background:url(open_Nmenu360.png)no-repeat;
cursor:pointer;
}

@media (min-width:989px){
.label_omp_ur{
display:block;	
}	
}

.checkbox_omp_ur{
grid-column: 2/3;
grid-row: 1/2;
align-self: end;
justify-self:center;
width:35px;
height:25px;
margin:30px 0px 0px 0px;
padding:0;
width:35px;
height:25px;  
cursor:pointer;
opacity:0;
}

@media (min-width:989px){
.checkbox_omp_ur{
display:block;	
}	
}

.obal_rnuz360{
grid-column:1/-1;
grid-row:4/5;
display:none;
width:100%;
height:600px;
/*border:1px solid black;*/
margin:0px auto;
z-index:10;
box-shadow: 0px 10px 10px rgba(255,255,255,0.8) inset, 0px 10px 10px rgba(0,0,0,0.4);
background-image: radial-gradient(rgb(185, 251, 255),rgb(255, 224, 137));
}

.checkbox_omp_ur:checked ~ .obal_rnuz360{
display:block;
}

.pr_nruz360{
position:relative; 
display:block;
top:15px;
left:0px;
right:0px;
width:124px;
height:60px;
background:url(pr_nr360.png)no-repeat;
margin:0px auto;
z-index:10;
}

.pol_nruz360{
position:relative; 
display:block;
top:20px;
left:0px;
right:0px;
width:124px;
height:60px;
background:url(pol_nr360.png)no-repeat;
/*border:1px solid black;*/
margin:0px auto;
z-index:10;
}

.hl_nruz360{
position:relative; 
display:block;
top:25px;
left:0px;
right:0px;
width:124px;
height:60px;
background:url(hl_nr360.png)no-repeat;
/*border:1px solid black;*/
margin:0px auto;
z-index:10;
}

.mouc_nruz360{
position:relative; 
display:block;
top:32px;
left:0px;
right:0px;
width:124px;
height:60px;
background:url(mouc_nr360.png)no-repeat;
/*border:1px solid black;*/
margin:0px auto;
z-index:10;
}

.gril_nruz360{
position:relative; 
display:block;
top:40px;
left:0px;
right:0px;
width:124px;
height:60px;
background:url(gril_nr360.png)no-repeat;
/*border:1px solid black;*/
margin:0px auto;
z-index:10;
}

.sal_nruz360{
position:relative; 
display:block;
top:47px;
left:0px;
right:0px;
width:124px;
height:60px;
background:url(sal_nr360.png)no-repeat;
/*border:1px solid black;*/
margin:0px auto;
z-index:10;
}

.nap_nruz360{
position:relative; 
display:block;
top:55px;
left:0px;
right:0px;
width:124px;
height:60px;
background:url(nap_nr360.png)no-repeat;
/*border:1px solid black;*/
margin:0px auto;
z-index:10;
}

.zav_nruz360{
position:relative; 
display:block;
top:60px;
left:0px;
right:0px;
width:124px;
height:60px;
background:url(zav_nr360.png)no-repeat;
/*border:1px solid black;*/
margin:0px auto;
z-index:10;
}

.nav_mala_ur{
grid-area:nav_mala_ur;	
display: grid;
grid-template-columns: 1fr;
grid-template-rows:min-content;
grid-column:1/-1;
grid-gap:10px;
width:100%;
height:fit-content;
align-content:start;
/*border:1px solid blue;*/	
}
