*{ 
box-sizing: border-box;
}

.wrapper_vloz_rec{
background:#E6DFAF;
display: grid;
grid-template-columns: 1fr;
grid-gap:5px;
min-height: 100vh;
margin:0px;
padding:0px;
align-content:start;
grid-template-areas: 
"uvodni_vr";
}

.obal_vloz_uvod,.obal_vloz_surovina2{
grid-area:uvodni_vr;
grid-column:1/-1;
/*border:1px solid blue;*/	
}

.recept_jmeno{
grid-column:1/-1;
align-self: center;
justify-self: center;
text-align:center;
font-size:17px;
width:fit-content;
margin:0px auto;
padding:10px;
}

.vloz_nazev{
grid-column:1/-1;
align-self: center;
justify-self: center;
text-align:center;
margin:0;
padding:0;
width:100%;
height:30px;
font-size:17px;
outline:none;
border:none;
border-radius:10px;	
}

.form_nazev{
margin:0;
padding:0;	
width:100%;
padding:10px;
/*border:1px solid blue;*/	
}

.recept_suroviny_rozdel,.odkaz_select_dvakrat{
grid-column:1/-1;
align-self: center;
justify-self: center;
text-align:center;
margin-top:15px;
padding:0;	
font-size:17px;
font-weight:normal;
}

.kuk_suroviny_rozdel{
position:relative;
top:-20px;
right:0px;
left:0px;  
display:block;
margin:0px auto;
text-align:center;	
font-size:15px;
font-weight:normal;	
width:150px;
height:30px;
outline:none;
border:none;
border-radius:10px;	

}

.select_rozdel{
position:relative;
right:0px;
left:0px;  
display:block;
margin:0px auto;
text-align:center;	
width:150px;	
}

.label_odeslat_del{
position:relative;
right:0px;
left:0px;  
display:block;
margin:0px auto;
text-align:center;
width:110px;
height:40px;
background:yellow;
box-shadow: 0px 10px 10px rgba(185, 251, 255,0.8) inset, 0px 10px 10px rgba(0,0,0,0.4);	
border:1px solid white;	
}

.odeslat_del{
position:relative;
top:-20px;
right:0px;
left:0px;  
display:block;
margin:0px auto;
text-align:center;
width:110px;
height:40px;
background-color:transparent;
outline:none;
color:transparent;
border:1px solid white;	
}

.p_odeslat_del{
position:relative;
top:10px;
right:0px;
left:0px;  
display:inline;
text-align:center;	
}

.a_odeslat_del{
text-decoration:none;	
text-align:center;
}

.recepty_vloz_div,.recepty_vloz_div2,.recepty_vloz_div3,.recepty_vloz_div4,.recepty_vloz_div5{
grid-column:1/-1;
align-self: center;
justify-self: center;
text-align:center;
font-size:17px;
width:100%;
margin:0;
padding:10px;
/*border:1px solid black;*/	
/*background:#E6DFAF;*/
}

.recept_radky_volba{
grid-column:1/-1;
align-self: center;
justify-self: center;
text-align:center;
font-size:15px;
width:fit-content;
margin:0px auto;
padding:10px;
/*border:1px solid black;*/
}

.recept_radky_volba2A,.recept_radky_volba2B,.recept_radky_volba2C,.recept_radky_volba2D,.recept_radky_volba2E{
grid-column:1/-1;
align-self: center;
justify-self: center;
text-align:center;
font-size:15px;
width:fit-content;
margin:10px auto;
padding:10px;
border-radius:10px;
/*border:1px solid black;*/
}

.vloz_pocet_radku2A,.vloz_pocet_radku2B,.vloz_pocet_radku2C,.vloz_pocet_radku2D,.vloz_pocet_radku2E{
grid-column:1/-1;
align-self: center;
justify-self: center;
text-align:center;
margin:10px 0px 30px 0px;
width:100px;
height:25px;
font-size:15px;
outline:none;
border:none;
/*border:1px solid blue;*/
border-radius:10px;		
}

.obal_nazev_vla,.obal_nazev_vl{
grid-column:1/-1;
align-self: center;
justify-self: center;
text-align:center;
font-size:17px;
width:fit-content;
margin:0px auto;
padding:10px;
}

.surovina_ucel1,.surovina_ucel2,.surovina_ucel3,.surovina_ucel4,.surovina_ucel5{
grid-column:1/-1;
align-self: center;
justify-self: center;
text-align:center;
font-size:15px;
width:100%;
height:30px;
margin:0;
padding:10px;
border-radius:10px;	
border:none;	
}

.label_delit_tlac,.label_delit_tlac2,.label_delit_tlac3,.label_delit_tlac4,.label_delit_tlac5{
position:relative;
right:0px;
left:0px;  
display:block;
margin:0px auto;
text-align:center;
width:110px;
height:40px;
border:none;	
}

.delit_tlac,.delit_tlac2,.delit_tlac3,.delit_tlac4,.delit_tlac5{
position:relative;
top:0px;
right:0px;
left:0px;  
display:block;
margin:0px auto;
text-align:center;
width:110px;
height:40px;
outline:none;
background:yellow;
box-shadow: 0px 10px 10px rgba(185, 251, 255,0.8) inset, 0px 10px 10px rgba(0,0,0,0.4);	
border:1px solid white;	
}

.vloz_pocet_radku{
grid-column:1/-1;
align-self: center;
justify-self: center;
text-align:center;
margin:10px 0px 10px 0px;
padding:0;
width:100%;
height:30px;
font-size:17px;
outline:none;
border:none;
border-radius:10px;	
}

.obal_ch{
display:none;
}

.obal_ch_va,.obal_ch_v2,.obal_ch_v3,.obal_ch_v4,.obal_ch_v5{
display:none;	
}

.obal_chyby_vlm{
grid-column:1/-1;
align-self: center;
justify-self: center;
text-align:center;
margin:0;
padding:10px;	
font-size:17px;
font-weight:normal;
width:100%;
}

.chyby_cislo_vl,.chyby_cislo_vlm,.chyby_cislo{
background:red;
color:white;
grid-column:1/-1;
align-self: center;
justify-self: center;
text-align:center;
margin:5px 0px 5px 0px;
padding:5px;
width:100%;
height:30px;
font-size:17px;	
}

.obal_vloz_surovina2{
display: grid;
grid-template-columns: 1fr;
grid-gap:5px;
margin:0px;
padding:0px;
align-content:start;	
}

.nazev_f3{
grid-column:1/-1;
align-self: center;
justify-self: center;
text-align:center;
font-size:17px;
width:fit-content;
margin:0;
padding:10px;	
}

.zarad_sloupec1{
grid-column:1/-1;
width:100%;	
height:fit-content;
padding:10px;
/*border:1px solid blue;*/
}

.nadpis_sloupec1{
grid-column:1/-1;
align-self: center;
justify-self: center;
text-align:center;
font-size:16px;
width:fit-content;
margin:0px auto;
padding:0;
text-decoration:underline;	
}

.sekce_predkrmy,.sekce_hl_jidla,.sekce_polevky,.sekce_moucniky,.sekce_gril,.sekce_sal,.sekce_nap,.sekce_zav{
display: grid;	
grid-template-columns: repeat(2, minmax(fit-content, 1fr));
width:fit-content;
grid-gap:5px 15px;
margin-top:10px;
padding:0;
align-content:start;
/*border:1px solid blue;*/
}

.radio_1,.radio_2,.radio_3,.radio_4,.radio_5,.radio_6,.radio_7,.radio_8{
grid-column:1/2;
grid-row:1/2;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
z-index:5;
opacity:0;
}

.p_popis_VL,.hl_popis_VL,.polevky_popis_VL,.moucniky_popis_VL,.gril_popis_VL,.sal_popis_VL,.nap_popis_VL,.zav_popis_VL{
grid-column:2/3;
grid-row:1/2;
align-self:start;
justify-self:start;
font-size:16px;
width:fit-content;
margin:0;
padding:0;	
}

.predkrmy_vloz,.hlavni_vloz,.polevky_vloz,.moucniky_vloz,.gril_vloz,.sal_vloz,.nap_vloz,.zav_vloz{
grid-column:1/2;
grid-row:1/2;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
background:url(but1_v.png)no-repeat;	
}

.radio_1:checked ~ .predkrmy_vloz,.radio_2:checked ~ .hlavni_vloz,.radio_3:checked ~ .polevky_vloz,.radio_4:checked ~ .moucniky_vloz,.radio_5:checked ~ .gril_vloz,.radio_6:checked ~ .sal_vloz,.radio_7:checked ~ .nap_vloz,.radio_8:checked ~ .zav_vloz{
background:url(but2_v.png)no-repeat;
}

.sekce_pod_predkrmy,.sekce_pod_hl_jidla,.sekce_pod_moucniky,.sekce_pod_gril,.sekce_pod_sal,.sekce_pod_nap,.sekce_pod_zav{
grid-column:2/3;
display: grid;	
grid-template-columns: repeat(2, minmax(fit-content, 1fr));
width:100%;
grid-gap:7px;
margin:0;
padding:0;
align-content:start;
/*border:1px solid blue;*/	
}

.pod_radio_1{
grid-column:1/2;
grid-row:1/2;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
z-index:5;
opacity:0;	
}

.p_stud_VL{
grid-column:2/3;
grid-row:1/2;
align-self:start;
justify-self:start;	
width:fit-content;
margin:0;
padding:0;
/*border:1px solid blue;*/;
}

.predkrmy_vloz_st{
grid-column:1/2;
grid-row:1/2;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
background:url(but1_v.png)no-repeat;	
}

.pod_radio_1:checked ~ .predkrmy_vloz_st {
background:url(but2_v.png)no-repeat;
}

.pod_radio_1_t{
grid-column:1/2;
grid-row:2/3;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
z-index:5;
opacity:0;	
}

.p_tep_VL{
grid-column:2/3;
grid-row:2/3;
align-self:start;
justify-self:start;	
width:fit-content;
margin:0;
padding:0;
/*border:1px solid blue;*/
}

.predkrmy_vloz_tep{
grid-column:1/2;
grid-row:2/3;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
background:url(but1_v.png)no-repeat;	
}

.pod_radio_1_t:checked ~ .predkrmy_vloz_tep {
background:url(but2_v.png)no-repeat;
}

.pod_radio_2_vep{
grid-column:1/2;
grid-row:1/2;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
z-index:5;
opacity:0;		
}


.hl_vep_VL{
grid-column:2/3;
grid-row:1/2;
align-self:start;
justify-self:start;	
width:fit-content;
margin:0;
padding:0;
/*border:1px solid blue;*/	
}

.hlavni_vloz_vep{
grid-column:1/2;
grid-row:1/2;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
background:url(but1_v.png)no-repeat;	
}

.pod_radio_2_vep:checked ~ .hlavni_vloz_vep {
background:url(but2_v.png)no-repeat;
}

.pod_radio_2_drub{
grid-column:1/2;
grid-row:2/3;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
z-index:5;
opacity:0;		
}

.hl_drub_VL{
grid-column:2/3;
grid-row:2/3;
align-self:start;
justify-self:start;	
width:fit-content;
margin:0;
padding:0;
/*border:1px solid blue;*/	
}

.hlavni_vloz_drub{
grid-column:1/2;
grid-row:2/3;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
background:url(but1_v.png)no-repeat;	
}

.pod_radio_2_drub:checked ~ .hlavni_vloz_drub {
background:url(but2_v.png)no-repeat;
}

.pod_radio_2_hov{
grid-column:1/2;
grid-row:3/4;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
z-index:5;
opacity:0;		
}

.hl_hov_VL{
grid-column:2/3;
grid-row:3/4;
align-self:start;
justify-self:start;	
width:fit-content;
margin:0;
padding:0;
/*border:1px solid blue;*/	
}

.hlavni_vloz_hov{
grid-column:1/2;
grid-row:3/4;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
background:url(but1_v.png)no-repeat;	
}

.pod_radio_2_hov:checked ~ .hlavni_vloz_hov {
background:url(but2_v.png)no-repeat;
}

.pod_radio_2_ryby{
grid-column:1/2;
grid-row:4/5;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
z-index:5;
opacity:0;		
}

.hl_ryby_VL{
grid-column:2/3;
grid-row:4/5;
align-self:start;
justify-self:start;	
width:fit-content;
margin:0;
padding:0;
/*border:1px solid blue;*/	
}

.hlavni_vloz_ryby{
grid-column:1/2;
grid-row:4/5;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
background:url(but1_v.png)no-repeat;	
}

.pod_radio_2_ryby:checked ~ .hlavni_vloz_ryby {
background:url(but2_v.png)no-repeat;
}

.pod_radio_2_ostm{
grid-column:1/2;
grid-row:5/6;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
z-index:5;
opacity:0;		
}

.hl_ostm_VL{
grid-column:2/3;
grid-row:5/6;
align-self:start;
justify-self:start;	
width:fit-content;
margin:0;
padding:0;
/*border:1px solid blue;*/
}

.hlavni_vloz_ostm{
grid-column:1/2;
grid-row:5/6;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
background:url(but1_v.png)no-repeat;	
}

.pod_radio_2_ostm:checked ~ .hlavni_vloz_ostm {
background:url(but2_v.png)no-repeat;
}

.pod_radio_2_bezm{
grid-column:1/2;
grid-row:6/7;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
z-index:5;
opacity:0;		
}

.hl_bezm_VL{
grid-column:2/3;
grid-row:6/7;
align-self:start;
justify-self:start;	
width:fit-content;
margin:0;
padding:0;
/*border:1px solid blue;*/	
}

.hlavni_vloz_bezm{
grid-column:1/2;
grid-row:6/7;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
background:url(but1_v.png)no-repeat;	
}

.pod_radio_2_bezm:checked ~ .hlavni_vloz_bezm {
background:url(but2_v.png)no-repeat;
}

.pod_radio_2_sladka{
grid-column:1/2;
grid-row:7/8;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
z-index:5;
opacity:0;		
}

.hl_sladka_VL{
grid-column:2/3;
grid-row:7/8;
align-self:start;
justify-self:start;	
width:fit-content;
margin:0;
padding:0;
/*border:1px solid blue;*/	
}

.hlavni_vloz_sladka{
grid-column:1/2;
grid-row:7/8;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
background:url(but1_v.png)no-repeat;	
}

.pod_radio_2_sladka:checked ~ .hlavni_vloz_sladka {
background:url(but2_v.png)no-repeat;
}

.pod_radio_2_ostj{
grid-column:1/2;
grid-row:8/9;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
z-index:5;
opacity:0;		
}

.hl_ostj_VL{
grid-column:2/3;
grid-row:8/9;
align-self:start;
justify-self:start;	
width:fit-content;
margin:0;
padding:0;
/*border:1px solid blue;*/	
}

.hlavni_vloz_ostj{
grid-column:1/2;
grid-row:8/9;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
background:url(but1_v.png)no-repeat;	
}

.pod_radio_2_ostj:checked ~ .hlavni_vloz_ostj {
background:url(but2_v.png)no-repeat;
}

.pod_radio_4_kyn{
grid-column:1/2;
grid-row:1/2;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
z-index:5;
opacity:0;		
}


.mouc_kyn_VL{
grid-column:2/3;
grid-row:1/2;
align-self:start;
justify-self:start;	
width:fit-content;
margin:0;
padding:0;
/*border:1px solid blue;*/	
}

.moucniky_vloz_kyn{
grid-column:1/2;
grid-row:1/2;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
background:url(but1_v.png)no-repeat;	
}

.pod_radio_4_kyn:checked ~ .moucniky_vloz_kyn {
background:url(but2_v.png)no-repeat;
}

.pod_radio_4_pis{
grid-column:1/2;
grid-row:2/3;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
z-index:5;
opacity:0;		
}


.mouc_pis_VL{
grid-column:2/3;
grid-row:2/3;
align-self:start;
justify-self:start;	
width:fit-content;
margin:0;
padding:0;
/*border:1px solid blue;*/	
}

.moucniky_vloz_pis{
grid-column:1/2;
grid-row:2/3;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
background:url(but1_v.png)no-repeat;	
}

.pod_radio_4_pis:checked ~ .moucniky_vloz_pis {
background:url(but2_v.png)no-repeat;
}

.pod_radio_4_tren{
grid-column:1/2;
grid-row:3/4;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
z-index:5;
opacity:0;		
}


.mouc_tren_VL{
grid-column:2/3;
grid-row:3/4;
align-self:start;
justify-self:start;	
width:fit-content;
margin:0;
padding:0;
/*border:1px solid blue;*/	
}

.moucniky_vloz_tren{
grid-column:1/2;
grid-row:3/4;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
background:url(but1_v.png)no-repeat;	
}

.pod_radio_4_tren:checked ~ .moucniky_vloz_tren {
background:url(but2_v.png)no-repeat;
}

.pod_radio_4_list{
grid-column:1/2;
grid-row:4/5;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
z-index:5;
opacity:0;		
}


.mouc_list_VL{
grid-column:2/3;
grid-row:4/5;
align-self:start;
justify-self:start;	
width:fit-content;
margin:0;
padding:0;
/*border:1px solid blue;*/
}

.moucniky_vloz_list{
grid-column:1/2;
grid-row:4/5;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
background:url(but1_v.png)no-repeat;	
}

.pod_radio_4_list:checked ~ .moucniky_vloz_list {
background:url(but2_v.png)no-repeat;
}

.pod_radio_4_caj{
grid-column:1/2;
grid-row:5/6;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
z-index:5;
opacity:0;		
}


.mouc_caj_VL{
grid-column:2/3;
grid-row:5/6;
align-self:start;
justify-self:start;	
width:fit-content;
margin:0;
padding:0;
/*border:1px solid blue;*/	
}

.moucniky_vloz_caj{
grid-column:1/2;
grid-row:5/6;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
background:url(but1_v.png)no-repeat;	
}

.pod_radio_4_caj:checked ~ .moucniky_vloz_caj {
background:url(but2_v.png)no-repeat;
}

.pod_radio_4_dort{
grid-column:1/2;
grid-row:6/7;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
z-index:5;
opacity:0;		
}


.mouc_dort_VL{
grid-column:2/3;
grid-row:6/7;
align-self:start;
justify-self:start;	
width:fit-content;
margin:0;
padding:0;
/*border:1px solid blue;*/	
}

.moucniky_vloz_dort{
grid-column:1/2;
grid-row:6/7;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
background:url(but1_v.png)no-repeat;	
}

.pod_radio_4_dort:checked ~ .moucniky_vloz_dort {
background:url(but2_v.png)no-repeat;
}

.pod_radio_4_dez{
grid-column:1/2;
grid-row:7/8;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
z-index:5;
opacity:0;		
}


.mouc_dez_VL{
grid-column:2/3;
grid-row:7/8;
align-self:start;
justify-self:start;	
width:fit-content;
margin:0;
padding:0;
/*border:1px solid blue;*/	
}

.moucniky_vloz_dez{
grid-column:1/2;
grid-row:7/8;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
background:url(but1_v.png)no-repeat;	
}

.pod_radio_4_dez:checked ~ .moucniky_vloz_dez {
background:url(but2_v.png)no-repeat;
}

.pod_radio_4_krem{
grid-column:1/2;
grid-row:8/9;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
z-index:5;
opacity:0;		
}


.mouc_krem_VL{
grid-column:2/3;
grid-row:8/9;
align-self:start;
justify-self:start;	
width:fit-content;
margin:0;
padding:0;
/*border:1px solid blue;*/	
}

.moucniky_vloz_krem{
grid-column:1/2;
grid-row:8/9;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
background:url(but1_v.png)no-repeat;	
}

.pod_radio_4_krem:checked ~ .moucniky_vloz_krem {
background:url(but2_v.png)no-repeat;
}

.pod_radio_4_van{
grid-column:1/2;
grid-row:9/10;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
z-index:5;
opacity:0;		
}


.mouc_van_VL{
grid-column:2/3;
grid-row:9/10;
align-self:start;
justify-self:start;	
width:fit-content;
margin:0;
padding:0;
/*border:1px solid blue;*/	
}

.moucniky_vloz_van{
grid-column:1/2;
grid-row:9/10;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
background:url(but1_v.png)no-repeat;	
}

.pod_radio_4_van:checked ~ .moucniky_vloz_van {
background:url(but2_v.png)no-repeat;
}

.pod_radio_4_smaz{
grid-column:1/2;
grid-row:10/11;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
z-index:5;
opacity:0;		
}


.mouc_smaz_VL{
grid-column:2/3;
grid-row:10/11;
align-self:start;
justify-self:start;	
width:fit-content;
margin:0;
padding:0;
/*border:1px solid blue;*/	
}

.moucniky_vloz_smaz{
grid-column:1/2;
grid-row:10/11;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
background:url(but1_v.png)no-repeat;	
}

.pod_radio_4_smaz:checked ~ .moucniky_vloz_smaz {
background:url(but2_v.png)no-repeat;
}

.pod_radio_4_ostm{
grid-column:1/2;
grid-row:11/12;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
z-index:5;
opacity:0;		
}


.mouc_ostm_VL{
grid-column:2/3;
grid-row:11/12;
align-self:start;
justify-self:start;	
width:fit-content;
margin:0;
padding:0;
/*border:1px solid blue;*/	
}

.moucniky_vloz_ostm{
grid-column:1/2;
grid-row:11/12;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
background:url(but1_v.png)no-repeat;	
}

.pod_radio_4_ostm:checked ~ .moucniky_vloz_ostm {
background:url(but2_v.png)no-repeat;
}

.pod_radio_5_vep{
grid-column:1/2;
grid-row:1/2;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
z-index:5;
opacity:0;		
}


.gril_vep_VL{
grid-column:2/3;
grid-row:1/2;
align-self:start;
justify-self:start;	
width:fit-content;
margin:0;
padding:0;
/*border:1px solid blue;*/	
}

.gril_vloz_vep{
grid-column:1/2;
grid-row:1/2;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
background:url(but1_v.png)no-repeat;	
}

.pod_radio_5_vep:checked ~ .gril_vloz_vep {
background:url(but2_v.png)no-repeat;
}

.pod_radio_5_hov{
grid-column:1/2;
grid-row:2/3;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
z-index:5;
opacity:0;		
}


.gril_hov_VL{
grid-column:2/3;
grid-row:2/3;
align-self:start;
justify-self:start;	
width:fit-content;
margin:0;
padding:0;
/*border:1px solid blue;*/
}

.gril_vloz_hov{
grid-column:1/2;
grid-row:2/3;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
background:url(but1_v.png)no-repeat;	
}

.pod_radio_5_hov:checked ~ .gril_vloz_hov {
background:url(but2_v.png)no-repeat;
}

.pod_radio_5_drub{
grid-column:1/2;
grid-row:3/4;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
z-index:5;
opacity:0;		
}


.gril_drub_VL{
grid-column:2/3;
grid-row:3/4;
align-self:start;
justify-self:start;	
width:fit-content;
margin:0;
padding:0;
/*border:1px solid blue;*/	
}

.gril_vloz_drub{
grid-column:1/2;
grid-row:3/4;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
background:url(but1_v.png)no-repeat;	
}

.pod_radio_5_drub:checked ~ .gril_vloz_drub {
background:url(but2_v.png)no-repeat;
}

.pod_radio_5_ryby{
grid-column:1/2;
grid-row:4/5;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
z-index:5;
opacity:0;		
}


.gril_ryby_VL{
grid-column:2/3;
grid-row:4/5;
align-self:start;
justify-self:start;	
width:fit-content;
margin:0;
padding:0;
/*border:1px solid blue;*/	
}

.gril_vloz_ryby{
grid-column:1/2;
grid-row:4/5;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
background:url(but1_v.png)no-repeat;	
}

.pod_radio_5_ryby:checked ~ .gril_vloz_ryby {
background:url(but2_v.png)no-repeat;
}

.pod_radio_5_zel{
grid-column:1/2;
grid-row:5/6;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
z-index:5;
opacity:0;		
}


.gril_zel_VL{
grid-column:2/3;
grid-row:5/6;
align-self:start;
justify-self:start;	
width:fit-content;
margin:0;
padding:0;
/*border:1px solid blue;*/	
}

.gril_vloz_zel{
grid-column:1/2;
grid-row:5/6;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
background:url(but1_v.png)no-repeat;	
}

.pod_radio_5_zel:checked ~ .gril_vloz_zel {
background:url(but2_v.png)no-repeat;
}

.pod_radio_5_ost{
grid-column:1/2;
grid-row:6/7;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
z-index:5;
opacity:0;		
}


.gril_ost_VL{
grid-column:2/3;
grid-row:6/7;
align-self:start;
justify-self:start;	
width:fit-content;
margin:0;
padding:0;
/*border:1px solid blue;*/	
}

.gril_vloz_ost{
grid-column:1/2;
grid-row:6/7;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
background:url(but1_v.png)no-repeat;	
}

.pod_radio_5_ost:checked ~ .gril_vloz_ost {
background:url(but2_v.png)no-repeat;
}

.pod_radio_6_zel{
grid-column:1/2;
grid-row:1/2;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
z-index:5;
opacity:0;		
}


.sal_zel_VL{
grid-column:2/3;
grid-row:1/2;
align-self:start;
justify-self:start;	
width:fit-content;
margin:0;
padding:0;
/*border:1px solid blue;*/	
}

.sal_vloz_zel{
grid-column:1/2;
grid-row:1/2;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
background:url(but1_v.png)no-repeat;	
}

.pod_radio_6_zel:checked ~ .sal_vloz_zel {
background:url(but2_v.png)no-repeat;
}

.pod_radio_6_ovo{
grid-column:1/2;
grid-row:2/3;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
z-index:5;
opacity:0;		
}


.sal_ovo_VL{
grid-column:2/3;
grid-row:2/3;
align-self:start;
justify-self:start;	
width:fit-content;
margin:0;
padding:0;
/*border:1px solid blue;*/	
}

.sal_vloz_ovo{
grid-column:1/2;
grid-row:2/3;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
background:url(but1_v.png)no-repeat;	
}

.pod_radio_6_ovo:checked ~ .sal_vloz_ovo {
background:url(but2_v.png)no-repeat;
}

.pod_radio_6_test{
grid-column:1/2;
grid-row:3/4;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
z-index:5;
opacity:0;		
}


.sal_test_VL{
grid-column:2/3;
grid-row:3/4;
align-self:start;
justify-self:start;	
width:fit-content;
margin:0;
padding:0;
/*border:1px solid blue;*/	
}

.sal_vloz_test{
grid-column:1/2;
grid-row:3/4;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
background:url(but1_v.png)no-repeat;	
}

.pod_radio_6_test:checked ~ .sal_vloz_test {
background:url(but2_v.png)no-repeat;
}

.pod_radio_6_ost{
grid-column:1/2;
grid-row:4/5;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
z-index:5;
opacity:0;		
}


.sal_ost_VL{
grid-column:2/3;
grid-row:4/5;
align-self:start;
justify-self:start;	
width:fit-content;
margin:0;
padding:0;
/*border:1px solid blue;*/
}

.sal_vloz_ost{
grid-column:1/2;
grid-row:4/5;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
background:url(but1_v.png)no-repeat;	
}

.pod_radio_6_ost:checked ~ .sal_vloz_ost {
background:url(but2_v.png)no-repeat;
}

.pod_radio_7_alko{
grid-column:1/2;
grid-row:1/2;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
z-index:5;
opacity:0;		
}


.nap_alko_VL{
grid-column:2/3;
grid-row:1/2;
align-self:start;
justify-self:start;	
width:fit-content;
margin:0;
padding:0;
/*border:1px solid blue;*/	
}

.nap_vloz_alko{
grid-column:1/2;
grid-row:1/2;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
background:url(but1_v.png)no-repeat;	
}

.pod_radio_7_alko:checked ~ .nap_vloz_alko {
background:url(but2_v.png)no-repeat;
}

.pod_radio_7_nealko{
grid-column:1/2;
grid-row:2/3;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
z-index:5;
opacity:0;		
}


.nap_nealko_VL{
grid-column:2/3;
grid-row:2/3;
align-self:start;
justify-self:start;	
width:fit-content;
margin:0;
padding:0;
/*border:1px solid blue;*/	
}

.nap_vloz_nealko{
grid-column:1/2;
grid-row:2/3;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
background:url(but1_v.png)no-repeat;	
}

.pod_radio_7_nealko:checked ~ .nap_vloz_nealko {
background:url(but2_v.png)no-repeat;
}

.pod_radio_7_mleko{
grid-column:1/2;
grid-row:3/4;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
z-index:5;
opacity:0;		
}


.nap_mleko_VL{
grid-column:2/3;
grid-row:3/4;
align-self:start;
justify-self:start;	
width:fit-content;
margin:0;
padding:0;
/*border:1px solid blue;*/	
}

.nap_vloz_mleko{
grid-column:1/2;
grid-row:3/4;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
background:url(but1_v.png)no-repeat;	
}

.pod_radio_7_mleko:checked ~ .nap_vloz_mleko {
background:url(but2_v.png)no-repeat;
}

.pod_radio_8_ovo{
grid-column:1/2;
grid-row:1/2;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
z-index:5;
opacity:0;		
}


.zav_ovo_VL{
grid-column:2/3;
grid-row:1/2;
align-self:start;
justify-self:start;	
width:fit-content;
margin:0;
padding:0;
/*border:1px solid blue;*/	
}

.zav_vloz_ovo{
grid-column:1/2;
grid-row:1/2;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
background:url(but1_v.png)no-repeat;	
}

.pod_radio_8_ovo:checked ~ .zav_vloz_ovo {
background:url(but2_v.png)no-repeat;
}

.pod_radio_8_zel{
grid-column:1/2;
grid-row:2/3;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
z-index:5;
opacity:0;		
}


.zav_zel_VL{
grid-column:2/3;
grid-row:2/3;
align-self:start;
justify-self:start;	
width:fit-content;
margin:0;
padding:0;
/*border:1px solid blue;*/	
}

.zav_vloz_zel{
grid-column:1/2;
grid-row:2/3;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
background:url(but1_v.png)no-repeat;	
}

.pod_radio_8_zel:checked ~ .zav_vloz_zel {
background:url(but2_v.png)no-repeat;
}

.pod_radio_8_ost{
grid-column:1/2;
grid-row:3/4;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
z-index:5;
opacity:0;		
}


.zav_ost_VL{
grid-column:2/3;
grid-row:3/4;
align-self:start;
justify-self:start;	
width:fit-content;
margin:0;
padding:0;
/*border:1px solid blue;*/
}

.zav_vloz_ost{
grid-column:1/2;
grid-row:3/4;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
background:url(but1_v.png)no-repeat;	
}

.pod_radio_8_ost:checked ~ .zav_vloz_ost {
background:url(but2_v.png)no-repeat;
}

.zarad_sloupec2{
grid-column:1/-1;
width:100%;	
height:fit-content;
margin-top:15px;
padding:10px;
/*border:1px solid blue;*/	
}

.nadpis_sloupec2{
grid-column:1/-1;
align-self: center;
justify-self: center;
text-align:center;
font-size:16px;
width:fit-content;
margin:0px auto;
padding:0;
text-decoration:underline;		
}

.sekce_zarad_narocnost{
display: grid;	
grid-template-columns: repeat(2, minmax(fit-content, 1fr));
width:fit-content;
grid-gap:5px 15px;
margin:10px;
padding:0;
align-content:start;
/*border:1px solid blue;*/
}

.radion1_sn{
grid-column:1/2;
grid-row:1/2;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
z-index:5;
opacity:0;
}


.nar_snad_VL{
grid-column:2/3;
grid-row:1/2;
align-self:start;
justify-self:start;	
width:fit-content;
margin:0;
padding:0;
font-size:15px;
/*border:1px solid blue;*/		
}

.narocnost_vloz1{
grid-column:1/2;
grid-row:1/2;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
background:url(but1_v.png)no-repeat;
}

.radion1_sn:checked ~ .narocnost_vloz1{
background:url(but2_v.png)no-repeat;
}

.radion2_stred{
grid-column:1/2;
grid-row:2/3;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
z-index:5;
opacity:0;
}

.nar_stred_VL{
grid-column:2/3;
grid-row:2/3;
align-self:start;
justify-self:start;	
width:fit-content;
margin:0;
padding:0;
font-size:15px;
/*border:1px solid blue;*/	
}

.narocnost_vloz2{
grid-column:1/2;
grid-row:2/3;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
background:url(but1_v.png)no-repeat;
}

.radion2_stred:checked ~ .narocnost_vloz2{
background:url(but2_v.png)no-repeat;
}

.radion3_obt{
grid-column:1/2;
grid-row:3/4;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
z-index:5;
opacity:0;
}

.nar_obt_VL{
grid-column:2/3;
grid-row:3/4;
align-self:start;
justify-self:start;	
width:fit-content;
margin:0;
padding:0;
font-size:15px;
/*border:1px solid blue;*/		
}

.narocnost_vloz3{
grid-column:1/2;
grid-row:3/4;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
background:url(but1_v.png)no-repeat;
}

.radion3_obt:checked ~ .narocnost_vloz3{
background:url(but2_v.png)no-repeat;
}

.zarad_sloupec3{
grid-column:1/-1;
width:100%;	
height:fit-content;
padding:10px;
/*border:1px solid blue;*/	
margin-top:20px;
}

.nadpis_sloupec3{
grid-column:1/-1;
align-self: center;
justify-self: center;
text-align:center;
font-size:16px;
width:fit-content;
margin:0px auto;
padding:0;
text-decoration:underline;		
}

.sekce_zarad_porce{
display: grid;	
grid-template-columns: repeat(2, minmax(fit-content, 1fr));
width:fit-content;
grid-gap:5px 15px;
margin:10px;
padding:0;
align-content:start;
/*border:1px solid blue;*/
}

.radiop1_dve{
grid-column:1/2;
grid-row:1/2;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
z-index:5;
opacity:0;
}

.por_dva_VL{
grid-column:2/3;
grid-row:1/2;
align-self:start;
justify-self:start;	
width:fit-content;
margin:0;
padding:0;
font-size:15px;
/*border:1px solid blue;*/		
}

.porce_vloz1{
grid-column:1/2;
grid-row:1/2;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
background:url(but1_v.png)no-repeat;
}

.radiop1_dve:checked ~ .porce_vloz1{
background:url(but2_v.png)no-repeat;
}

.radiop2_ctyri{
grid-column:1/2;
grid-row:2/3;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
z-index:5;
opacity:0;
}

.por_ctyri_VL{
grid-column:2/3;
grid-row:2/3;
align-self:start;
justify-self:start;	
width:fit-content;
margin:0;
padding:0;
font-size:15px;
/*border:1px solid blue;*/	
}

.porce_vloz2{
grid-column:1/2;
grid-row:2/3;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
background:url(but1_v.png)no-repeat;
}

.radiop2_ctyri:checked ~ .porce_vloz2{
background:url(but2_v.png)no-repeat;
}

.radiop3_vice{
grid-column:1/2;
grid-row:3/4;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
z-index:5;
opacity:0;
}

.por_vice_VL{
grid-column:2/3;
grid-row:3/4;
align-self:start;
justify-self:start;	
width:fit-content;
margin:0;
padding:0;
font-size:15px;
/*border:1px solid blue;*/	
}

.porce_vloz3{
grid-column:1/2;
grid-row:3/4;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
background:url(but1_v.png)no-repeat;
}

.radiop3_vice:checked ~ .porce_vloz3{
background:url(but2_v.png)no-repeat;
}

.zarad_sloupec4{
grid-column:1/-1;
width:100%;	
height:fit-content;
padding:10px;
/*border:1px solid blue;*/	
margin-top:20px;
}

.nadpis_sloupec4{
grid-column:1/-1;
align-self: center;
justify-self: center;
text-align:center;
font-size:16px;
width:fit-content;
margin:0px auto;
padding:0;
text-decoration:underline;		
}

.sekce_zarad_priprava{
display: grid;	
grid-template-columns: repeat(2, minmax(fit-content, 1fr));
width:fit-content;
grid-gap:5px 15px;
margin:10px;
padding:0;
align-content:start;
/*border:1px solid blue;*/
}

.radiopr1{
grid-column:1/2;
grid-row:1/2;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
z-index:5;
opacity:0;
}

.pr_tricet_VL{
grid-column:2/3;
grid-row:1/2;
align-self:start;
justify-self:start;	
width:fit-content;
margin:0;
padding:0;
font-size:15px;
/*border:1px solid blue;*/		
}

.priprava_vloz1{
grid-column:1/2;
grid-row:1/2;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
background:url(but1_v.png)no-repeat;
}

.radiopr1:checked ~ .priprava_vloz1{
background:url(but2_v.png)no-repeat;
}

.radiopr2{
grid-column:1/2;
grid-row:2/3;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
z-index:5;
opacity:0;
}

.pr_tricet_vice_VL{
grid-column:2/3;
grid-row:2/3;
align-self:start;
justify-self:start;	
width:fit-content;
margin:0;
padding:0;
font-size:15px;
/*border:1px solid blue;*/	
}

.priprava_vloz2{
grid-column:1/2;
grid-row:2/3;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
background:url(but1_v.png)no-repeat;
}

.radiopr2:checked ~ .priprava_vloz2{
background:url(but2_v.png)no-repeat;
}

.radiopr3{
grid-column:1/2;
grid-row:3/4;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
z-index:5;
opacity:0;
}

.pr_sede_VL{
grid-column:2/3;
grid-row:3/4;
align-self:start;
justify-self:start;	
width:fit-content;
margin:0;
padding:0;
font-size:15px;
/*border:1px solid blue;*/		
}

.priprava_vloz3{
grid-column:1/2;
grid-row:3/4;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
background:url(but1_v.png)no-repeat;
}

.radiopr3:checked ~ .priprava_vloz3{
background:url(but2_v.png)no-repeat;
}

.radiopr4{
grid-column:1/2;
grid-row:4/5;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
z-index:5;
opacity:0;
}

.pr_deva_VL{
grid-column:2/3;
grid-row:4/5;
align-self:start;
justify-self:start;	
width:fit-content;
margin:0;
padding:0;
font-size:15px;
/*border:1px solid blue;*/		
}

.priprava_vloz4{
grid-column:1/2;
grid-row:4/5;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
background:url(but1_v.png)no-repeat;
}

.radiopr4:checked ~ .priprava_vloz4{
background:url(but2_v.png)no-repeat;
}

.radiopr5{
grid-column:1/2;
grid-row:5/6;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
z-index:5;
opacity:0;
}

.pr_deva_vice_VL{
grid-column:2/3;
grid-row:5/6;
align-self:start;
justify-self:start;	
width:fit-content;
margin:0;
padding:0;
font-size:15px;
/*border:1px solid blue;*/		
}

.priprava_vloz5{
grid-column:1/2;
grid-row:5/6;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
background:url(but1_v.png)no-repeat;
}

.radiopr5:checked ~ .priprava_vloz5{
background:url(but2_v.png)no-repeat;
}

.zarad_sloupec5{
grid-column:1/-1;
width:100%;	
height:fit-content;
padding:10px;
/*border:1px solid blue;*/
margin-top:20px;
}

.nadpis_sloupec5{
grid-column:1/-1;
align-self: center;
justify-self: center;
text-align:center;
font-size:16px;
width:fit-content;
margin:0px auto;
padding:0;
text-decoration:underline;		
}

.sekce_zarad_kuchyne{
display: grid;	
grid-template-columns: repeat(2, minmax(fit-content, 1fr));
width:fit-content;
grid-gap:5px 15px;
margin:10px;
padding:0;
align-content:start;
/*border:1px solid blue;*/
}

.radiok1{
grid-column:1/2;
grid-row:1/2;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
z-index:5;
opacity:0;
}

.kuch_popis_cz_VL{
grid-column:2/3;
grid-row:1/2;
align-self:start;
justify-self:start;
font-size:16px;
width:fit-content;
margin:0;
padding:0;	
}

.kuch_vloz_cz{
grid-column:1/2;
grid-row:1/2;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
background:url(but1_v.png)no-repeat;
}

.radiok1:checked ~ .kuch_vloz_cz{
background:url(but2_v.png)no-repeat;
}

.sekce_pod_kraje{
grid-column:2/3;
display: grid;	
grid-template-columns: repeat(2, minmax(fit-content, 1fr));
width:100%;
grid-gap:7px;
margin:0;
padding:0;
align-content:start;
/*border:1px solid blue;*/	
}

.pod_radiok1{
grid-column:1/2;
grid-row:1/2;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
z-index:5;
opacity:0;	
}

.kraj_obec_VL{
grid-column:2/3;
grid-row:1/2;
align-self:start;
justify-self:start;	
width:fit-content;
margin:0;
padding:0;
font-size:15px;
/*border:1px solid blue;*/	
}

.kuch_vloz_cz1{
grid-column:1/2;
grid-row:1/2;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
background:url(but1_v.png)no-repeat;
}

.pod_radiok1:checked ~ .kuch_vloz_cz1{
background:url(but2_v.png)no-repeat;
}

.pod_radiok2{
grid-column:1/2;
grid-row:2/3;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
z-index:5;
opacity:0;	
}

.kraj_jih_cz_VL{
grid-column:2/3;
grid-row:2/3;
align-self:start;
justify-self:start;	
width:fit-content;
margin:0;
padding:0;
font-size:15px;
/*border:1px solid blue;*/		
}

.kuch_vloz_cz2{
grid-column:1/2;
grid-row:2/3;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
background:url(but1_v.png)no-repeat;
}

.pod_radiok2:checked ~ .kuch_vloz_cz2{
background:url(but2_v.png)no-repeat;
}

.pod_radiok3{
grid-column:1/2;
grid-row:3/4;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
z-index:5;
opacity:0;	
}

.kraj_sev_cz_VL{
grid-column:2/3;
grid-row:3/4;
align-self:start;
justify-self:start;	
width:fit-content;
margin:0;
padding:0;
font-size:15px;
/*border:1px solid blue;*/	
}

.kuch_vloz_cz3{
grid-column:1/2;
grid-row:3/4;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
background:url(but1_v.png)no-repeat;
}

.pod_radiok3:checked ~ .kuch_vloz_cz3{
background:url(but2_v.png)no-repeat;
}

.pod_radiok4{
grid-column:1/2;
grid-row:4/5;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
z-index:5;
opacity:0;	
}

.kraj_stred_cz_VL{
grid-column:2/3;
grid-row:4/5;
align-self:start;
justify-self:start;	
width:fit-content;
margin:0;
padding:0;
font-size:15px;
/*border:1px solid blue;*/		
}

.kuch_vloz_cz4{
grid-column:1/2;
grid-row:4/5;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
background:url(but1_v.png)no-repeat;
}

.pod_radiok4:checked ~ .kuch_vloz_cz4{
background:url(but2_v.png)no-repeat;
}

.pod_radiok5{
grid-column:1/2;
grid-row:5/6;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
z-index:5;
opacity:0;	
}

.kraj_vych_cz_VL{
grid-column:2/3;
grid-row:5/6;
align-self:start;
justify-self:start;	
width:fit-content;
margin:0;
padding:0;
font-size:15px;
/*border:1px solid blue;*/	
}

.kuch_vloz_cz5{
grid-column:1/2;
grid-row:5/6;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
background:url(but1_v.png)no-repeat;
}

.pod_radiok5:checked ~ .kuch_vloz_cz5{
background:url(but2_v.png)no-repeat;
}

.pod_radiok6{
grid-column:1/2;
grid-row:6/7;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
z-index:5;
opacity:0;	
}

.kraj_zap_cz_VL{
grid-column:2/3;
grid-row:6/7;
align-self:start;
justify-self:start;	
width:fit-content;
margin:0;
padding:0;
font-size:15px;
/*border:1px solid blue;*/		
}

.kuch_vloz_cz6{
grid-column:1/2;
grid-row:6/7;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
background:url(but1_v.png)no-repeat;
}

.pod_radiok6:checked ~ .kuch_vloz_cz6{
background:url(but2_v.png)no-repeat;
}

.pod_radiok7{
grid-column:1/2;
grid-row:7/8;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
z-index:5;
opacity:0;	
}

.kraj_praha_cz_VL{
grid-column:2/3;
grid-row:7/8;
align-self:start;
justify-self:start;	
width:fit-content;
margin:0;
padding:0;
font-size:15px;
/*border:1px solid blue;*/		
}

.kuch_vloz_cz7{
grid-column:1/2;
grid-row:7/8;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
background:url(but1_v.png)no-repeat;
}

.pod_radiok7:checked ~ .kuch_vloz_cz7{
background:url(but2_v.png)no-repeat;
}

.pod_radiok8{
grid-column:1/2;
grid-row:8/9;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
z-index:5;
opacity:0;	
}

.kraj_sev_mor_VL{
grid-column:2/3;
grid-row:8/9;
align-self:start;
justify-self:start;	
width:fit-content;
margin:0;
padding:0;
font-size:15px;
/*border:1px solid blue;*/		
}

.kuch_vloz_cz8{
grid-column:1/2;
grid-row:8/9;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
background:url(but1_v.png)no-repeat;
}

.pod_radiok8:checked ~ .kuch_vloz_cz8{
background:url(but2_v.png)no-repeat;
}

.pod_radiok9{
grid-column:1/2;
grid-row:9/10;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
z-index:5;
opacity:0;	
}

.kraj_stred_mor_VL{
grid-column:2/3;
grid-row:9/10;
align-self:start;
justify-self:start;	
width:fit-content;
margin:0;
padding:0;
font-size:15px;
/*border:1px solid blue;*/		
}

.kuch_vloz_cz9{
grid-column:1/2;
grid-row:9/10;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
background:url(but1_v.png)no-repeat;
}

.pod_radiok9:checked ~ .kuch_vloz_cz9{
background:url(but2_v.png)no-repeat;
}

.pod_radiok10{
grid-column:1/2;
grid-row:10/11;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
z-index:5;
opacity:0;	
}

.kraj_jih_mor_VL{
grid-column:2/3;
grid-row:10/11;
align-self:start;
justify-self:start;	
width:fit-content;
margin:0;
padding:0;
font-size:15px;
/*border:1px solid blue;*/		
}

.kuch_vloz_cz10{
grid-column:1/2;
grid-row:10/11;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
background:url(but1_v.png)no-repeat;
}

.pod_radiok10:checked ~ .kuch_vloz_cz10{
background:url(but2_v.png)no-repeat;
}

.sekce_pod_bul,.sekce_pod_cz,.sekce_pod_fr,.sekce_pod_it,.sekce_pod_mad,.sekce_pod_nem,.sekce_pod_rak,.sekce_pod_rec,.sekce_pod_slov,.sekce_pod_span,.sekce_pod_cina,.sekce_pod_ind,.sekce_pod_jap,.sekce_pod_mex,.sekce_pod_mis,.sekce_pod_thai,.sekce_pod_tur,.sekce_pod_usa,.sekce_pod_viet,.sekce_pod_ost{
display: grid;	
grid-template-columns: repeat(2, minmax(fit-content, 1fr));
width:fit-content;
grid-gap:5px 15px;
margin:5px;
padding:0;
align-content:start;
/*border:1px solid blue;*/
}

.radiok2_bul,.radiok3_fr,.radiok4_it,.radiok5_mad,.radiok6_nem,.radiok7_rak,.radiok8_rec,.radiok9_slov,.radiok10_span,.radiok11_cina,.radiok12_ind,.radiok13_jap,.radiok14_mex,.radiok15_mis,.radiok16_thai,.radiok17_tur,.radiok18_usa,.radiok19_viet,.radiok20_ost{
grid-column:1/2;
grid-row:1/2;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
z-index:5;
opacity:0;
}

.kuch_popis_bul_VL,.kuch_popis_fr_VL,.kuch_popis_it_VL,.kuch_popis_mad_VL,.kuch_popis_nem_VL,.kuch_popis_rak_VL,.kuch_popis_rec_VL,.kuch_popis_slov_VL,.kuch_popis_span_VL,.kuch_popis_cina_VL,.kuch_popis_ind_VL,.kuch_popis_jap_VL,.kuch_popis_mex_VL,.kuch_popis_mis_VL,.kuch_popis_thai_VL,.kuch_popis_tur_VL,.kuch_popis_usa_VL,.kuch_popis_viet_VL,.kuch_popis_ost_VL{
grid-column:2/3;
grid-row:1/2;
align-self:start;
justify-self:start;
font-size:16px;
width:fit-content;
margin:0;
padding:0;	
}

.kuch_vloz_k2bul,.kuch_vloz_k3fr,.kuch_vloz_k4it,.kuch_vloz_k5mad,.kuch_vloz_k6nem,.kuch_vloz_k7rak,.kuch_vloz_k8rec,.kuch_vloz_k9slov,.kuch_vloz_k10span,.kuch_vloz_k11cina,.kuch_vloz_k12ind,.kuch_vloz_k13jap,.kuch_vloz_k14mex,.kuch_vloz_k15mis,.kuch_vloz_k16thai,.kuch_vloz_k17tur,.kuch_vloz_k18usa,.kuch_vloz_k19viet,.kuch_vloz_k20ost{
grid-column:1/2;
grid-row:1/2;
align-self:start;
justify-self:start;
width:22px;
height:22px;
margin:0;
padding:0;
background:url(but1_v.png)no-repeat;	
}

.radiok2_bul:checked ~ .kuch_vloz_k2bul,.radiok3_fr:checked ~ .kuch_vloz_k3fr,.radiok4_it:checked ~ .kuch_vloz_k4it,.radiok5_mad:checked ~ .kuch_vloz_k5mad,.radiok6_nem:checked ~ .kuch_vloz_k6nem,.radiok7_rak:checked ~ .kuch_vloz_k7rak,.radiok8_rec:checked ~ .kuch_vloz_k8rec,.radiok9_slov:checked ~ .kuch_vloz_k9slov,.radiok10_span:checked ~ .kuch_vloz_k10span,.radiok11_cina:checked ~ .kuch_vloz_k11cina,.radiok12_ind:checked ~ .kuch_vloz_k12ind,.radiok13_jap:checked ~ .kuch_vloz_k13jap,.radiok14_mex:checked ~ .kuch_vloz_k14mex,.radiok15_mis:checked ~ .kuch_vloz_k15mis,.radiok16_thai:checked ~ .kuch_vloz_k16thai,.radiok17_tur:checked ~ .kuch_vloz_k17tur,.radiok18_usa:checked ~ .kuch_vloz_k18usa,.radiok19_viet:checked ~ .kuch_vloz_k19viet,.radiok20_ost:checked ~ .kuch_vloz_k20ost{
background:url(but2_v.png)no-repeat;
}

.obal_dopln_stat{
grid-column:1/-1;
align-self: center;
justify-self: center;
text-align:center;
font-size:17px;
width:fit-content;
margin:0px auto;
padding:10px;	
}

.cyklus_for_prvni,.cyklus_for_druhy,.cyklus_for_treti,.cyklus_for_ctvrty,.cyklus_for_paty{
grid-column:1/-1;
align-self: center;
justify-self: center;
text-align:center;
margin-top:10px;
padding:10px;
width:100%;
font-size:17px;	
}

.ost_st_input{
grid-column:1/-1;
align-self: center;
justify-self: center;
text-align:center;
margin:0;
padding:0;
width:200px;
height:30px;
font-size:17px;
outline:none;
/*border:1px solid blue;*/
border-radius:10px;		
}

#obal_vloz_surovinaA1,#obal_vloz_surovinab1#obal_vloz_surovinab2#obal_vloz_surovinac1#obal_vloz_surovinac2#obal_vloz_surovinac3,#obal_vloz_surovinad1,#obal_vloz_surovinad2,#obal_vloz_surovinad3,#obal_vloz_surovinad4,#obal_vloz_surovinae1,#obal_vloz_surovinae2,#obal_vloz_surovinae3,#obal_vloz_surovinae4,#obal_vloz_surovinae5{
grid-column:1/-1;
align-self: center;
justify-self: center;
text-align:center;
margin:0;
padding:10px;
width:100%;
height:fit-content;
font-size:17px;
outline:none;
/*border:1px solid blue;*/
border-radius:10px;	
}

.vloz_surovinaA1,.vloz_surovinab1,.vloz_surovinab2,.vloz_surovinac1,.vloz_surovinac2,.vloz_surovinac3,.vloz_surovinad1,.vloz_surovinad2,.vloz_surovinad3,.vloz_surovinad4,.vloz_surovinae1,.vloz_surovinae2,.vloz_surovinae3,.vloz_surovinae4,.vloz_surovinae5{
grid-column:1/-1;
align-self: center;
justify-self: center;
text-align:center;
margin-top:10px;
padding:0;
width:100%;
height:30px;
font-size:17px;
outline:none;
/*border:1px solid blue;*/
border-radius:10px;
border:none;	
}

.obal_tl_menit{
display: grid;	
grid-template-columns: repeat(2, minmax(fit-content, 1fr));
width:100%;
height:35px;
grid-gap:15px;
margin-top:10px;
padding:0;
align-content:start;
/*border:1px solid blue;*/	
font-size:16px;
outline:none;
/*border:1px solid blue;*/
border-radius:10px;		
}

#plusa1,#plusb1,#plusb2,#plusc1,#plusc2,#plusc3,#plusd1,#plusd2,#plusd3,#plusd4,#pluse1,#pluse2,#pluse3,#pluse4,#pluse5{
grid-column:1/2;
align-self: end;
justify-self:end;
width:33px;
height:32px;
cursor:pointer;
background:url(plus_radek.png)no-repeat;	
}

#minusa1,#minusb1,#minusb2,#minusc1,#minusc2,#minusc3,#minusd1,#minusd2,#minusd3,#minusd4,#minuse1,#minuse2,#minuse3,#minuse4,#minuse5{
grid-column:2/3;
align-self:start;
justify-self:start;	
width:33px;
height:32px;
cursor:pointer;
background:url(minus_radek.png)no-repeat;	
}

#popis_receptu{
grid-column:1/-1;
align-self: center;
justify-self: center;
margin-top:10px;
padding:10px;
min-height:300px;
width:100%;
max-height:fit-content;	
}

.recept_popis{
grid-column:1/-1;
align-self: center;
justify-self: center;
margin-top:10px;
padding:10px;
min-height:300px;
width:100%;
max-height:fit-content;
overflow:scroll;
border-radius:10px;
resize:none;
outline-width:0;
border:none;	
/*border:1px solid blue;*/
}

.dalsi_krok1{
grid-column:1/-1;
align-self: center;
justify-self: center;
text-align:center;
margin:0px auto;
width:150px;
margin-top:15px;
height:fit-content;
background:yellow;
box-shadow: 0px 10px 10px rgba(185, 251, 255,0.8) inset, 0px 10px 10px rgba(0,0,0,0.4);	
border:1px solid white;	
}


.odes_b{
position:relative;
top:10px;
right:0px;
left:0px;  
display:inline;
margin:0px auto;
text-align:center;	
width:150px;
height:40px;
outline:none;		
}

#odes_b{
grid-column:1/-1;
align-self: center;
justify-self: center;
text-align:center;
margin:-17px auto;
width:150px;
height:40px;
vertical-align: top;
outline:none;	
border:1px solid white;
opacity:0;	
background:transparent;
color:transparent;
outline-width:0;
}

.nadpis_foto_vloz{
grid-column:1/-1;
align-self: center;
justify-self: center;
text-align:center;
margin:0px auto;
width:fit-content;
height:fit-content;	
background:yellow;
padding:10px;
border-radius:10px;
text-decoration:underline;
}

.foto_ostatni{
grid-column:1/-1;
align-self: center;
justify-self: center;
text-align:center;	
width:100%;
height:fit-content;
padding:10px;
text-align:left;
font-size:15px;
}

.obal_fs1,.obal_fs2,.obal_fs3,.obal_fs4,.obal_fs5{
display: grid;	
grid-template-columns: 1fr;
width:100%;
height:150px;
grid-gap:65px;
margin-top:10px;
padding:0;
align-content:start;
/*border:1px solid blue;*/	
font-size:16px;
outline:none;
border-radius:10px;
}

.soubor1,.soubor2,.soubor3,.soubor4,.soubor5{
grid-column:1/-1;
grid-row:1/2;
align-self:start;
justify-self:start;
width:100px;
height:30px;
padding:5px;
font-size:15px;	
background:yellow;
border:2px solid white;
}

.soubor_obr1,.soubor_obr2,.soubor_obr3,.soubor_obr4,.soubor_obr5{
grid-column:1/-1;
grid-row:1/2;
align-self:start;
justify-self:start;
width:100%;
height:55px;
border:none;   
outline-width:0;

/*visibility:hidden;*/
}

.palec{
grid-column:1/-1;
grid-row:1/2;
align-self:start;
justify-self:start;
margin:50px auto;	
width:80px;
height:60px;	
}

.vel_info1,.vel_info2,.vel_info3,.vel_info4,.vel_info5{
grid-column:1/-1;
grid-row:1/2;
align-self:start;
justify-self:start;
width:fit-content;
height:fit-content;
margin-top:125px;	
}

.odeslata{
grid-column:1/-1;
align-self:start;
justify-self:start;
text-align:center;
width:120px;
height:30px;
margin-top:15px;
background:yellow;
border:2px solid white;
}















