*{ 
box-sizing: border-box;
list-style-type:none;
font-family:Segoe UI; 
}

.wrapper_uka_popis{
background:white;
display: grid;
grid-template-columns: 1fr;
grid-template-rows: minmax(100px, max-content);
grid-gap:0;
min-height:100vh;
margin:0px;
padding:0px;
align-content:start;
grid-template-areas: 
"ob_vse"
"penize_uka"
"obal_popis"
"penize_dva"
"diskuse";
}

@media (min-width:989px){
.wrapper_uka_popis{
grid-column:1/-1;
border:2px solid white;
border-radius:10px;
box-shadow: 0px 10px 10px #DBC09E inset, 0px 10px 10px rgba(0,0,0,0.4);
background:white;
padding:0;
margin:0;
/*border:1px solid black;*/
display: grid;
grid-template-columns: repeat(6, minmax(auto, 1fr));
grid-auto-rows: min-content;
/*grid-template-rows: minmax(100px, max-content);*/
grid-gap:0px;
min-height: 100vh;
width: 100%;
align-content:start;
grid-template-areas: 
"ob_vse ob_vse ob_vse ob_vse ob_vse ob_vse"
"penize_uka penize_uka penize_uka penize_uka penize_uka penize_uka"
"obal_popis obal_popis obal_popis obal_popis obal_popis obal_popis"
"penize_dva penize_dva penize_dva penize_dva penize_dva penize_dva"
"diskuse diskuse diskuse diskuse diskuse diskuse";
}
}

#obal_vse_info{
grid-area:ob_vse;
display: grid;
grid-template-columns: 1fr;
grid-column:1/-1;	
height:fit-content;
margin:0;
padding:0;
/*border:1px solid black;*/	
}

#penize_uka{
grid-area:penize_uka;
display: grid;
grid-template-columns: 1fr;
grid-column:1/-1;
align-self: center;
justify-self: center;
width:95%;
max-width:95%;	
min-height:1px;
max-height:400px;
/*margin:0;*/
padding:0;
/*background:yellow;*/
margin:30px 0px 100px 0px;
}



@media (min-width:620px){
#penize_uka{
display:none;
}
}



#penize_ukaD{
display:none;
}

@media (min-width:989px){
#penize_ukaD{
	display:block;
grid-area:penize_uka;
position:relative;
float:none;
left:0px;
right:0px;
top:0px;
margin:0px auto;
padding:0;
text-align:center;
min-width:250px;
width:95%;
max-width:95%;
min-height:1px;
max-height:600px;
margin:10px 0px 20px 0px;
}
}

@media (min-width:989px){
#penize_ukaD + .adsbygoogle{
position:relative;
float:none;
left:0px;
right:0px;
top:0px;
margin:0px auto;
padding:0;
text-align:center;
/*z-index:2;*/
display:block;
/*min-width:250px;*/
/*max-width:970px;*/
min-width:250px;
width:95%;
max-width:95%;
min-height:100px;
max-height:600px;
}
}

#penize_dva{
grid-area:penize_dva;
align-self: center;
justify-self: center;
display: grid;
grid-template-columns: 1fr;
grid-column:1/-1;
width:95%;
max-width:95%;
min-height:1px;
max-height:250px;	
padding:0px 0px 0px 0px;
margin:0px 0px 30px 0px;
}

.adsbygoogle{
position:relative;
float:none;
left:0px;
right:0px;
top:0px;
margin:0px auto;
padding:0;
text-align:center;
/*z-index:2;*/
display:block;
/*min-width:250px;*/
/*max-width:970px;*/
min-width:250px;
width:95%;
max-width:95%;
min-height:100px;
max-height:600px;
}

ins.adsbygoogle[data-ad-status="unfilled"] {
    display: none !important;
}



@media (min-width:989px){
#obal_vse_info{
display: grid;
grid-template-columns:repeat(6, minmax(80px, 1fr));
padding:0;
margin:0;
grid-gap:5px;
align-content:start;
border-bottom:1px solid  #DBC09E;
/*background-image: linear-gradient(white, #E6DFAF);*/
width:100%;
}
}

.uka_nazev{
grid-column:1/-1;
grid-row:1/2;
align-self: center;
justify-self: center;	
color:rgb(171, 118, 47);
font-weight:normal;
font-size:22px;
white-space: pre-line;
text-align:center;
padding:0px 5px 0px 5px;
/*border:1px solid black;*/
}

@media (min-width:989px) {
.uka_nazev{	
grid-column:1/7;
grid-row:1/2;
align-self:start;
height:auto;
box-sizing: border-box;
margin:10px 0px 15px 0px;
padding:0;
/*border:1px solid black;*/
}
}

.rec_info{	
display: grid;
grid-template-columns:repeat(2, minmax(80px, 1fr));
padding:0;
grid-gap:0px;
align-content:start;
width:100%;
}

@media (min-width:989px) {	
.rec_info{	
grid-column:1/-1;
display: grid;
grid-template-columns:repeat(6, minmax(80px, 1fr));
padding:0;
grid-gap:15px;
align-content:start;
width:100%;
}
}

.jedna{ 
grid-column:1/2;
grid-row:1/2;
align-self:start;
justify-self:start;
height:100%; 
width:fit-content;
padding:10px;
margin-left:10px;
/*box-shadow: 0px 10px 10px rgba(255,255,255,0.8) inset, 0px 10px 10px rgba(0,0,0,0.4);*/
/*background-image: linear-gradient(rgb(255,255,0),rgb(255,255,255));*/ 
text-align:left;
/*border:1px solid black;*/
}

@media (min-width:989px){
.jedna{
grid-column:1/2;
grid-row:2/3;
align-self:start;
justify-self:center; 
height:fit-content;
margin:0;
padding:0;
width:fit-content;	
}
}
	
.jedna_narocnost{
text-align:center;
color:rgb(171, 118, 47);  
width:100%;
margin:0;
}


.jedna_narocnost,.tri_narocnost,.dva_narocnost,.ctyri_narocnost,.rec_dodatek{
font-size:18px;  
font-weight:normal;
}


.dva{
grid-column:1/2;
grid-row:3/4;
align-self:start;
justify-self:start;
height:100%; 
width:fit-content;
padding:10px;
margin-left:10px;
/*box-shadow: 0px 10px 10px rgba(255,255,255,0.8) inset, 0px 10px 10px rgba(0,0,0,0.4);*/
/*background-image: linear-gradient(rgb(255,255,0),rgb(255,255,255));*/ 
text-align:left;

}

@media (min-width:989px){
.dva{
grid-column:5/6;
grid-row:2/3;
align-self:start;
justify-self:start; 
height:fit-content;
margin:0;
padding:0;
width:fit-content;	
}
}

.dva_narocnost{
text-align:center;
color:rgb(171, 118, 47);  
width:100%;
margin:0;
}

.tri{
grid-column:2/3;
grid-row:1/2;
align-self:end;
justify-self:end; 
width:fit-content;
padding:10px;
height:100%;
margin-right:10px;
/*box-shadow: 0px 10px 10px rgba(255,255,255,0.8) inset, 0px 10px 10px rgba(0,0,0,0.4);*/
/*background-image: linear-gradient(rgb(255,255,0),rgb(255,255,255));*/ 
text-align:left; 
}

@media (min-width:989px){
.tri{
grid-column:2/3;
grid-row:2/3;
align-self:start;
justify-self:center;
height:fit-content;
margin:0;
padding:0;
width:fit-content;	
}
}


.tri_narocnost{  
text-align:center;
color:rgb(171, 118, 47);  
width:100%;
margin:0;
/*line-height:1;*/
}


.ctyri{ 
grid-column:2/3;
grid-row:3/4;
align-self:end;
justify-self:end; 
width:fit-content;
padding:10px;
height:100%;
margin-right:10px;
/*box-shadow: 0px 10px 10px rgba(255,255,255,0.8) inset, 0px 10px 10px rgba(0,0,0,0.4);*/
/*background-image: linear-gradient(rgb(255,255,0),rgb(255,255,255));*/ 
text-align:left; 
}

@media (min-width:989px){
.ctyri{
grid-column:6/7;
grid-row:2/3;
align-self:start;
justify-self:start; 
height:fit-content;
margin:0;
padding:0;
width:fit-content;		
}
}

.ctyri_narocnost{
text-align:center;
color:rgb(171, 118, 47);  
width:100%;
margin:0;
}

.k_prazdna{
grid-column:2/3;
grid-row:3/4;
align-self:end;
justify-self:end; 
width:fit-content;
padding:10px;
height:100%;
margin-right:10px;
/*box-shadow: 0px 10px 10px rgba(255,255,255,0.8) inset, 0px 10px 10px rgba(0,0,0,0.4);*/
/*background-image: linear-gradient(rgb(255,255,0),rgb(255,255,255));*/ 
text-align:left;

}

@media (min-width:989px){
.k_prazdna{
grid-column:6/7;
grid-row:2/3;
align-self:start;
justify-self:start; 
height:fit-content;
margin:0;
padding:0;
width:fit-content;	
}
}

.rec_dodatek{
text-align:center;
/*color:rgb(0, 0, 128);*/
color:rgb(171, 118, 47);  
width:fit-content;
margin:0;
}

.uka_obr_uziv{
grid-column:1/-1;
grid-row:4/5; 
align-self:center;
justify-self:center;
margin-top:20px;
width:45px;
height:45px;
border-radius:50px;	
}

@media (min-width:989px){
.uka_obr_uziv{
grid-column:3/4;
grid-row:2/3;
align-self:start;
justify-self:center;
margin:0px 0px 0px 10px;
padding:0;
/*border:1px solid black;*/	
}
}	

.obr_in_uka{
width:100%;
height:100%;
margin:0px 0px 0px 0px;
border-radius:50px;
}

.uka_oko{
grid-column:1/-1;
grid-row:1/2;
align-self:start;
justify-self:center;
margin-right:90px;
width:25px;
height:15px;
background:url(ikona_oko.png) no-repeat;
z-index:5;
}

@media (min-width:989px) {
.uka_oko{
grid-column:3/4;
grid-row:2/3;
align-self:start;
justify-self:end;
margin:12px 0px 0px 0px;	
padding:0;
/*border:1px solid black;*/
}
}

.p_uka_oko{
grid-column:1/-1;
grid-row:1/2;
align-self:start;
justify-self:center;
margin-top:-3px;
z-index:5;
color:rgb(171, 118, 47);
font-weight:normal;
font-size:16px;
/*border:1px solid black;*/
}

@media (min-width:989px) {
.p_uka_oko{
grid-column:4/5;
grid-row:2/3;
align-self:start;
justify-self:start;
margin-top:10px;	
padding:0;
width:fit-content;
/*border:1px solid black;*/
}
}


.uka_odk{
text-decoration:none;	
}

.login_obr{
grid-column:1/-1;
grid-row:4/5; 
align-self:start;
justify-self:center;
font-size:14px;
color:rgb(171, 118, 47);
font-weight:normal;
width:fit-content;
}

@media (min-width:989px) {
.login_obr{
display:none;
}
}	


@media (min-width:989px) {
.uka_nazev2{
grid-column:1/7;
grid-row:1/2; 
align-self:end;
height:100px;

margin:0px 5px 0px 5px;
/*border:1px solid blue;*/
/*drive uka_nazev2*/
}
}

.rec_info_ul{
margin:0;
padding:0px 5px 0px 5px;
grid-column:1/-1;
grid-row:2/3;
align-self: center;
justify-self: center;
/*border:2px solid blue;*/
width:100vw;
/*object-fit:contain;*/
box-shadow: 0px 10px 10px rgba(255,255,255,0.8) inset, 0px 10px 10px rgba(0,0,0,0.4);
}

@media (min-width:989px) {
.rec_info_ul{
align-self:start;
justify-self:start;	
grid-column:1/4;
grid-row:3/4;
margin:0;
padding:0px 0px 0px 1px;
width:645px;
height:435px;
/*border:2px solid blue;*/	
}
}	
	
		
.obal_obr1{
align-self: center;
justify-self: center;
width:100%;
height:100%;
margin:0;
		
}

@media (min-width:989px){
.obal_obr1{
width:100%;
height:100%;
margin:0;		
}
}	
	
.obr_vypis_n{	
width:100%; 
height:100%;
border-radius:0px;
/*border:2px solid blue;*/

} 
   


.obal_male{
grid-column:1/-1;
width:100wv;
height:345px;
margin-top:5px;
padding:0px 5px 0px 5px;

}

@media (min-width:989px){	
.obal_male{
grid-column:5/7;	
grid-row:3/4;
align-self:start;
justify-self:start;
height:435px;
margin:0;
padding:0;
width:98.5%;
}
}	


    
.obal_obr2{
position:relative;
display:block;
top:0px;
right:0px;
left:0px;
margin:10px auto; 
width:100%;
/*margin-bottom:5px;*/	
text-align:center;
/*border:3px solid blue;*/	
}        

.obr_tlv{
display:none;	
}	

@media (min-width:989px) {
.obr_tlv{
display:block;	
grid-column:5/7;	
grid-row:4/5;
align-self:start;
justify-self:center;
height:435px;
margin-top:-12px;
font-size:18px;
white-space:pre-line;
width:178px;
height:23px;
box-shadow: 0px 10px 10px rgba(255,255,255,0.8) inset, 0px 10px 10px rgba(0,0,0,0.4);
border-radius:3px;
/*border:1px solid black;*/
z-index:11;
background-image: linear-gradient(white, #E6DFAF);
color:rgb(127, 81, 4);
} 
}

@media (min-width:989px) {
.jed_vlevo{
float:right;
width:fit-content;
cursor:pointer;
padding:0px 5px 0px 5px;
/*border:1px solid black;*/
}
}

@media (min-width:989px) {
.jed_vpravo{
float:left;
width:fit-content;
cursor:pointer;
padding:0px 5px 0px 5px;
/*border:1px solid black;*/
}
}

.slider{
grid-column:1/-1; 	
width:245px;
height:100%; 
background:white; 
align-self: center;
justify-self: center;
box-shadow: 0px 10px 10px rgba(255,255,255,0.8) inset, 0px 10px 10px rgba(0,0,0,0.4);
/*overflow: hidden;*/
/*overflow-x:scroll;*/
padding:0;
z-index:10;
/*border:1px solid yellow;*/
margin:15px auto;

}

@media (min-width:989px) {
.slider{
grid-column:5/7;
align-self:start;
justify-self:start;	
width:100%;
overflow: hidden;
border-radius:5px;
margin:0px auto;
padding:0;
border-top:1px solid #E6DFAF;
/*overflow:scroll;*/
/*border:1px solid black;*/
}
}

.slides{
grid-column:1/-1; 
width:100%; 
height:100%;
align-self: center;
justify-self: center;
text-align:center;
z-index:10;
/*border:2px solid green;*/
overflow:scroll;
}

@media (min-width:989px) {
.slides{
align-self: center;
justify-self: center;
white-space: nowrap; 
width:fit-content;
height:2000px;
/*border:2px solid red;*/
margin:0px auto;
padding:0;
overflow:hidden;
/*overflow:scroll;*/
}
}
  
     
.slide{
grid-column:1/-1; 
margin:0px auto;
padding:0;
align-self: center;
justify-self: center;	
width:235px;
height:156px;
list-style-type:none;
text-align:center;
z-index:10;
overflow:hidden;
/*border:2px solid black;*/
}

@media (min-width:989px) {
.slide{
margin:15px 0px 0px 0px;
width:232px;
height:156px;
overflow:hidden;
/*border:2px solid black;*/
/*overflow:scroll;*/
}
}

 

.obr_vypis_m{ 
cursor:pointer;  
border-radius:5px; 
width:100%;
overflow: hidden;
align-self: center;
justify-self: center;
text-align:center;
margin:0px auto;
/*border:2px solid black;*/
}

.obr_vypis_mB{
cursor:pointer;  
border-radius:5px; 
width:100%;
overflow: hidden;
align-self: center;
justify-self: center;
text-align:center;

}


.obal_volby{
grid-column:1/-1;	
margin:0;
padding:0;
display:grid;
grid-template-columns:repeat(5, minmax(50px, 1fr));
grid-gap:0px;	
align-content:start;
border-top:1px solid #DBC09E;
border-bottom:1px solid #DBC09E;
/*border:3px solid yellow;*/
}

@media (min-width:989px){
.obal_volby{
grid-row:4/5;	
display: grid;
grid-template-columns:repeat(6, minmax(auto, 1fr));
/*background:#F2E8D3;*/
box-sizing: border-box;
padding:0;
margin-top:15px; 
}
}

.cek_vseB{
position:relative;
float:left;
display:block;
cursor: pointer;
width: 28px;
height: 28px; 
z-index:1; 
top:28px;
right:0px;
left:5px;
opacity:0;
margin:0px auto;
}

.lbl_vseB{
position:relative;
display:block;
cursor: pointer;
width: 28px;
height: 28px; 
z-index:1; 
top:0px;
right:0px;
left:5px;
/*border:2px solid blue;*/
}	

.lbl_vseB:before {
position:relative; 
content: "";
float:left;
width: 28px;
height: 28px;
background: url(but1.png)no-repeat;
top:0px;
}

.cek_vseB:checked + .lbl_vseB:before {
display:block;
float:left;
width: 28px;
height: 28px;
background: url(but2.png)no-repeat; 
}

.cek_vse2{
position:relative;
float:left;
display:block;
cursor: pointer;
width: 28px;
height: 28px; 
z-index:1; 
top:28px;
right:0px;
left:5px;
opacity:0;
margin:0px auto;
}

.lbl_vse2{
position:relative;
display:block;
cursor: pointer;
width: 28px;
height: 28px; 
z-index:1; 
top:0px;
right:0px;
left:5px;
/*border:2px solid blue;*/
}	

.lbl_vse2:before {
position:relative; 
content: "";
float:left;
width: 28px;
height: 28px;
background: url(but1.png)no-repeat;
top:0px;
}

.cek_vse2:checked + .lbl_vse2:before {
display:block;
float:left;
width: 28px;
height: 28px;
background: url(but2.png)no-repeat; 
}
	
.uka_pocet_diskuse{
grid-column:5/6;
align-self:center;
justify-self:center;		
margin:0;	
padding:0;		
width:40px;
height:30px;
background:url(ikona_diskuse.png) no-repeat;
cursor:pointer;
/*border:1px solid blue;*/
}

.a_diskuse{
width:45px;
align-self:center;
justify-self:center;
}

@media (min-width:989px){
.a_diskuse{	
align-self:center;
justify-self:end;
}
}


.mail_recept{
grid-column:2/3;
grid-row:1/2;
align-self:center;
justify-self:center;
margin:0;	
padding:0;	
width:37px;
height:48px;
cursor:pointer;
background:url(ikona_sdilej.png) no-repeat;
z-index:5;
/*border:1px solid blue;*/
}

@media (min-width:989px){
.mail_recept{	
align-self:center;
justify-self:end;
}
}


.uziv_wayS{
grid-column:2/3;
grid-row:2/3;
align-self:center;
justify-self:center;
width:70px;
height:80px;
margin-top:5px;
border-radius:15px;
display:none;
z-index:11;
border:2px solid white;
/*box-shadow: 0px  3px  3px  3px 	rgb(127, 81, 4);*/
background-image:radial-gradient(rgb(255,238,155),white);
}

@media (min-width:989px){
.uziv_wayS{
align-self:center;
justify-self:end;
}
}

.fb_ikn{
position:relative;
cursor:pointer;
margin:5px 0px 0px 10px;	
width:31px;
height:31px;
background:url(fb_ikn.png)no-repeat;
} 

.twt_ikn{
position:relative;
cursor:pointer;
margin:10px 0px 0px 10px;
width:31px;
height:31px;
background:url(twt_ikn.png)no-repeat;
}

.uloz_kniha{
grid-column:4/5;
grid-row:1/2;
align-self:center;
justify-self:center;		
margin:0;	
padding:0;		
width:40px;
height:38px;
background:url(ikona_kucharka.png) no-repeat;
cursor:pointer;
/*border:1px solid blue;*/
} 

.uloz_kniha2{
grid-column:4/5;
grid-row:1/2;
align-self:center;
justify-self:center;		
margin:0;	
padding:0;		
width:44px;
height:38px;
background:url(ikona_kucharka2.png) no-repeat;
cursor:pointer;
/*border:1px solid blue;*/
}

@media (min-width:989px){
.uloz_kniha,.uloz_kniha2{
align-self:center;
justify-self:end;
}
}

.tlac_uloz{   
position:relative;
top:0px;
right:0px;
left:0px;  
display:block;
margin:0px auto;
text-align:center;	
width:36px;
height:34px;
cursor:pointer;
/*border:1px solid blue;*/
z-index:5;
opacity:0;
cursor:pointer;
}


.hlasuj{
grid-column:3/4;
grid-row:1/2;
align-self:center;
justify-self:center;
margin:0;	
padding:0;		
width:34px;
height:34px;
background:url(ikona_hlasy.png) no-repeat;
cursor:pointer;
z-index:11;
/*border:1px solid blue;*/
}

@media (min-width:989px){
.hlasuj{
align-self:center;
justify-self:end;
}
}

#tlac_hlas_rdne{   
position:relative;
top:0px;
right:0px;
left:0px;  
display:block;
margin:0px auto;
text-align:center;	
width:34px;
height:34px;
cursor:pointer;
border:1px solid blue;
z-index:9;
opacity:0;
cursor:pointer;
}

.hlasy_pocet{  
grid-column:3/4;
align-self:start;
justify-self:start; 
width:fit-content;
height:fit-content;
margin:8px auto;
font-size:17px;
color:#804D2F;
/*border:1px solid black;*/
}

.uziv_hlasoval{	
grid-column:3/4;
grid-row:2/3;
align-self:center;
justify-self:center;
display:none;
width:160px;
height:fit-content;
border-radius:15px;
/*display:block;*/
z-index:9;
border:2px solid white;
box-shadow: 0px  3px  3px  3px 	rgb(127, 81, 4);
background-image: linear-gradient(white, rgb(255,244,160));
color:#804D2F;
}

@media (min-width:989px){
.uziv_hlasoval{
position:relative;
left:61px;
}
}

.p_uziv_hlas{
color:#804D2F;	
margin:0;
padding:0;
text-align:center;	
}

.uloz_menu{  
grid-column:1/2;
grid-row:1/2;
align-self:center;
justify-self:center;	
margin:0;	
padding:0;		
width:36px;
height:46px;
background:url(ikona_menicko.png) no-repeat;
cursor:pointer;
/*border:1px solid black;*/
}

@media (min-width:989px){
.uloz_menu{
align-self:center;
justify-self:end;
}
}

.label{  
cursor:pointer;
}

.label360{  
cursor:pointer;
}

.obal_pnz300{
grid-area:penizky;
width:100%;
height:100px;
margin:0px 0px 0px 0px;
/*border:1px solid blue;*/
}

.obal_popis{
grid-area:obal_popis;
width:100%;
margin:30px 0px 0px 0px;
border-radius:5px;
font-size:23px; 
color:rgb(127, 81, 4);
padding:5px;
/*background:#ffe88dff;*/
}

@media (min-width:989px){
.obal_popis{
display: grid;
grid-template-columns:repeat(2, minmax(80px, 1fr));
padding:0;
grid-gap:10px;
align-content:start;
width:100%;
border-bottom:1px solid  #DBC09E;
}
}

.uka_nazev2A{
grid-column:1/-1;	
width:fit-content;
height:fit-content;
margin:0px auto;
line-height:0.6;
/*background:#E6DFAF;*/
border-radius:10px;
padding:10px;
background-image: linear-gradient(white, #E6DFAF);
/*border:1px solid black;*/	
}


.p_nadpis{
width:100%;	
text-align: center;
font-weight:normal;
font-size:20px;
}

.obal_p_popis{
white-space:pre-wrap;
width:100%;	
text-align:left;
font-size:18px;
margin:0px 0px 0px 0px;
padding:0px 10px 0px 10px;
/*box-shadow: 0px 10px 10px #f1ecd7ff inset, 0px 10px 10px rgba(0,0,0,0.4);*/
/*background:yellow;*/
/*border-radius:10px;*/	
border-top:1px solid #DBC09E;
color:rgb(127, 81, 4);
/*border-bottom:1px solid  #DBC09E;*/
}

@media (min-width:989px){
.obal_p_popis{
grid-column:2/3;
grid-row:1/2;
padding:0;
margin:0;
border-bottom:1px solid  #DBC09E;
/*border:1px solid black;*/
}
}

.obal_s2{
grid-column:1/-1;
/*grid-area:obal_s2;*/
width:100%;
height:fit-content;
margin:0;
/*box-shadow: 0px 10px 10px rgba(255,255,255,0.8) inset, 0px 10px 10px rgba(0,0,0,0.4);*/
border-radius:5px;
/*background:#ffe88dff;*/
padding:5px;
/*border:1px solid black;*/	
}

@media (min-width:989px){
.obal_s2{
grid-column:1/2;
grid-row:1/2;
padding:0;
margin:0;
}
}


.obal_suroviny,.obal_suroviny2{ 
grid-column:1/-1;
align-self:center;
justify-self:center;
margin:0px auto;	
width:100%;
padding:5px 5px 20px 5px;
border-top:1px solid  #DBC09E;
border-bottom:1px solid  #DBC09E;

}

.ul_suroviny{	
width:100%;
height:100%;
list-style-type:none;
/*border:2px solid black;*/
}

.obal_polozky_spT,.s_nadpis1,.s_nadpis2,.s_nadpis3,.s_nadpis4,.s_nadpis5{
width:100%;
height:100%;
text-align:center;
color:rgb(127, 81, 4);
font-size:20px; 
text-decoration:underline;
/*border:1px solid black;*/	
}

.obal_polozky_spT2{
width:100%;
height:100%;
text-align:center;
color:rgb(127, 81, 4);
font-size:20px; 
/*border:2px solid black;*/
}

.li_suroviny,.li_surovinyp1,.li_surovinyp2,.li_surovinyp3,.li_surovinyp4,.li_surovinyp5{
position:relative;
display:block;	
top:0px;
left:0px;
right:0px;
margin:0px auto;
word-wrap: break-word;
line-height:1.2;
font-size:18px; 
color:rgb(127, 81, 4);
padding:5px;
/*border:1px solid black;*/	
width:100%;
}

.p_suroviny{   
width:100%;
height:100%;
overflow-wrap: break-word;
text-align:left;
color:rgb(127, 81, 4);
padding:0;
/*border:1px solid black;*/	
}

.p_popis{
width:100%;
height:100%;
overflow-wrap: break-word;
text-align:left;
color:rgb(127, 81, 4);
padding:0px 10px 0px 10px;
font-size:18px;	
}

.zatrh_sur,.zatrh_sur1,.zatrh_sur2,.zatrh_sur3,.zatrh_sur4,.zatrh_sur5{
position:relative;
display:inline-block;	
top:0px;
left:0px;
right:0px;
margin:0px auto;
cursor: pointer;
width: 28px;
height: 28px;
z-index:100; 
/*border:10px solid black;*/
}


.zatrh_visacka,.zatrh_visacka1,.zatrh_visacka2,.zatrh_visacka3,.zatrh_visacka4,.zatrh_visacka5{
position:relative;
display:inline-block;	
top:-30px;
left:0px;
right:0px;
margin:0px auto;
width:100%;
height:100%; 
text-align:center;
/*border:1px solid blue;*/
}

.zatrh_visacka:before,.zatrh_visacka1:before,.zatrh_visacka2:before,.zatrh_visacka3:before,.zatrh_visacka4:before,.zatrh_visacka5:before {
z-index:10;
content: "";
float:left;
width: 28px;
height: 28px;
background: url(but1.png)no-repeat;
margin:0px 0px 0px 0px;
/*border:1px solid blue;*/
}

.zatrh_sur:checked + .zatrh_visacka:before,.zatrh_sur1:checked + .zatrh_visacka1:before,.zatrh_sur2:checked + .zatrh_visacka2:before,.zatrh_sur3:checked + .zatrh_visacka3:before,.zatrh_sur4:checked + .zatrh_visacka4:before,.zatrh_sur5:checked + .zatrh_visacka5:before {
float:left;
width: 28px;
height: 28px;
background: url(but2.png)no-repeat;
margin:0px 0px 0px 0px;
z-index:5;
/*border:2px solid red;*/    
}

.zatrh_sur:checked + .zatrh_visacka,.zatrh_sur1:checked + .zatrh_visacka1,.zatrh_sur2:checked + .zatrh_visacka2,.zatrh_sur3:checked + .zatrh_visacka3,.zatrh_sur4:checked + .zatrh_visacka4,.zatrh_sur5:checked + .zatrh_visacka5 {   
border-bottom:1px solid rgb(127, 81, 4); 
}

.zatrh_sur,.zatrh_sur1,.zatrh_sur2,.zatrh_sur3,.zatrh_sur4,.zatrh_sur5{
/*border:1px solid black;*/ 
opacity:0;
}

.obal_tl_s,.obal_tl_s2{
margin:0px auto;
width:190px;
height:50px;
text-align:center;
border-radius:5px;	
}

.odeslat1,.odeslat2{
position:relative;
display:inline-block;	
top:0px;
left:0px;
right:0px;
margin:0px auto;
width:190px;
height:50px;
text-align:center;
outline-width:0;
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;	
border-radius:5px;
font-size:16px;
color:rgb(127, 81, 4);
cursor:pointer;
}

.odes_seznam1,.odes_seznam{
position:relative;
display:inline-block;	
top:0px;
left:0px;
right:0px;
margin:0px auto;	
border-radius:10px;
border: 0;
color:rgb(59, 128, 22);
font-weight:bold;
font-size:20px;
width:190px;
height:50px;
outline:0;
background:rgb(255,255,153);
background-image: linear-gradient(rgb(185, 251, 255), yellow);
box-shadow: 0px 5px 5px rgba(185, 251, 255,0.8) inset, 0px 5px 5px rgba(0,0,0,0.4);	
cursor:pointer;
}

.obal_polozky_sp,.obal_polozky{
width:inherit;	
text-align: center;
font-weight:normal;	
/*border:2px solid black;*/
}

.all-items_sdilej{
grid-column:1/2;
grid-row:2/3;
height:1px;	
opacity:0;
}

.checkbox_sdilej{  
grid-column:2/3;
grid-row:1/2;
align-self:center;
justify-self:center;	
margin:0;	
padding:0;		
width:36px;
height:46px;
cursor:pointer;
/*border:1px solid black;*/
opacity:0;
z-index:5;
}

.checkbox_sdilej:checked ~ .all-items_sdilej {
grid-column:1/2;
grid-row:2/3;
align-self:start;
justify-self:start;	
margin:0;	
padding:0;		
width:190px;
height:80px;
cursor:pointer;
/*border:1px solid black;*/
z-index:5;
opacity:1;
border:2px solid white;
box-shadow: 0px  3px  3px  3px 	rgb(127, 81, 4);
background-image: linear-gradient(white, rgb(255,244,160));
}

.all-items{
grid-column:1/-1;
grid-row:2/3;
height:1px;	
/*opacity:0;*/
display:none;
}

.checkbox{  
grid-column:1/2;
grid-row:1/2;
align-self:center;
justify-self:center;	
margin:0;	
padding:0;		
width:36px;
height:46px;
cursor:pointer;
/*border:1px solid black;*/
opacity:0;
}

@media (min-width:989px){
.checkbox{  
align-self:center;
justify-self:end;	
opacity:0;
}
}

.checkbox:checked ~ .all-items {
grid-column:1/-1;
grid-row:2/3;
display:block;
align-self:center;
justify-self:center;	
border-radius:10px;
overflow-x:scroll;
margin:0px auto;
white-space: nowrap;
background-image: linear-gradient(to bottom,rgb(255,255,240),#D9FFB3);
z-index:2;
padding-bottom:1rem;
width:100%;
min-height:600px;
height:100%;
opacity:1;
}

@media (min-width:989px){
.checkbox:checked ~ .all-items{
overflow:hidden;
overflow-x:hidden;
}
}

	
.kalendar_obal{
position:relative;
width:100vw;
height:100%;
overflow-x:scroll; 
}

@media (min-width:989px){
.kalendar_obal{
width:100%;
height:970px;
overflow:hidden;
overflow-x:hidden;
}
}



.obal_kaldnes{
width:auto;
height:30px;
}

.kryj_mes{
width:100%;
font-size:15px;
margin:0px auto;
cursor:pointer;	
text-align:center;
/*border:1px solid blue;*/
}

.mesic_menit{
display:flex;
flex-wrap: wrap;
height:fit-content;
width:fit-content;
top:10px;
left:0px;
margin:10px 0px 0px 0px; 
/*text-align:center;*/ 

color:blue;
font-size:16px;
padding:0px 5px 0px 5px;
}

@media (min-width:989px){
.mesic_menit{
margin:10px 0px 0px 150px; 
/*border:1px solid black;*/
width:fit-content;
}
}


.mesic_menitB{
display:flex;
flex-wrap: wrap;
height:fit-content;
width:fit-content;
top:10px;
left:0px;
margin:10px 0px 0px 0px; 
text-decoration-line:none; 
/*text-align:center;*/ 

color:blue;
font-size:16px;
padding:0px 5px 0px 5px;
}

@media (min-width:989px){
.mesic_menitB{
margin:10px 0px 0px 150px; 
/*border:1px solid black;*/
width:fit-content;
align-self:center;
}
}

.kalendar_dneska{
margin:10px auto;
width:100%; 
text-align:center;
color:#804D2F;
font-size:17px;
font-weight:450;
/*border:5px solid blue;*/	
}

@media (min-width:989px){
.kalendar_dneska{
position:relative;
display:block;
top:0px;
left:-25px;
right:0px; 
/*border:1px solid black;*/
width:fit-content;

}
}

.kam_vyber_obal{ 
display: grid;
grid-template-columns:1fr 1fr;
grid-template-rows:repeat(2,30px);
/*border:3px solid black;*/
width:100%;
height:100%;
margin:25px auto;
color:#804D2F;
font-size:17px;
font-weight:450;
}

.in_snidane{
grid-column:1/2;
grid-row:1/2;
opacity:1;
margin:5px 0px 0px 5px;
width:22px; 
height:22px;
visibility:hidden;
cursor:pointer;
}

.in_snidane:after {
content: " ";
background-color: #fff;
position: relative;
display: inline-block;
top:0px;
left:0;
right:0px;
margin:0px auto;
color:#804D2F;
width: 22px;
height: 22px;
visibility: visible;
border: 1px solid #FFF;
border-radius: 10px;
box-shadow: 0 0 15px 0 rgba(0,0,0,0.08), 0 0 2px 0 rgba(0,0,0,0.16);
}

.in_snidane:checked:after {
content: "\2714";
font-size:22px;
border-radius: 10px;
font-weight:normal;
width: 22px;
height: 22px;
display: inline-block;
color:#FEB700;
}

.lab_snidane{
grid-column:1/2	;
grid-row:1/2;
margin:5px 0px 0px 30px;	
width:fit-content; 
height:22px;
/*border:1px solid blue;*/	
}

.in_obed{
grid-column:2/3;
grid-row:1/2;	
width:22px; 
height:22px;
margin:5px 0px 0px 5px;
visibility:hidden;
cursor:pointer;
}

.in_obed:after {
content: " ";
background-color: #fff;
position: relative;
display: inline-block;
top:0px;
left:0;
right:0px;
margin:0px auto;
color:#804D2F;
width: 22px;
height: 22px;
visibility: visible;
border: 1px solid #FFF;
border-radius: 10px;
box-shadow: 0 0 15px 0 rgba(0,0,0,0.08), 0 0 2px 0 rgba(0,0,0,0.16);
}

.in_obed:checked:after {
content: "\2714";
font-size:22px;
border-radius: 10px;
font-weight:normal;
width: 22px;
height: 22px;
display: inline-block;
color:#FEB700;
}


.lab_obed{
grid-column:2/3;
grid-row:1/2;
margin:5px 0px 0px 30px;	
width:fit-content; 
height:22px;
/*border:1px solid blue;*/	
}

.in_vecere{
grid-column:1/2	;
grid-row:2/3;	
opacity:1;
margin:5px 0px 0px 5px;
width:22px; 
height:22px;
visibility:hidden;
cursor:pointer;
}

.in_vecere:after {
content: " ";
background-color: #fff;
position: relative;
display: inline-block;
top:0px;
left:0;
right:0px;
margin:0px auto;
color:#804D2F;
width: 22px;
height: 22px;
visibility: visible;
border: 1px solid #FFF;
border-radius: 10px;
box-shadow: 0 0 15px 0 rgba(0,0,0,0.08), 0 0 2px 0 rgba(0,0,0,0.16);
}

.in_vecere:checked:after {
content: "\2714";
font-size:22px;
border-radius: 10px;
font-weight:normal;
width: 22px;
height: 22px;
display: inline-block;
color:#FEB700;
}

.lab_vecere{
grid-column:1/2;
grid-row:2/3;
margin:5px 0px 0px 30px;	
width:fit-content; 
height:22px;
/*border:1px solid blue;*/	
}

.in_svac{
grid-column:2/3	;
grid-row:2/3;	
opacity:1;
margin:5px 0px 0px 5px;
width:22px; 
height:22px;
visibility:hidden;
cursor:pointer;
}

.in_svac:after {
content: " ";
background-color: #fff;
position: relative;
display: inline-block;
top:0px;
left:0;
right:0px;
margin:0px auto;
color:#804D2F;
width: 22px;
height: 22px;
visibility: visible;
border: 1px solid #FFF;
border-radius: 10px;
box-shadow: 0 0 15px 0 rgba(0,0,0,0.08), 0 0 2px 0 rgba(0,0,0,0.16);
}

.in_svac:checked:after {
content: "\2714";
font-size:22px;
border-radius: 10px;
font-weight:normal;
width: 22px;
height: 22px;
display: inline-block;
color:#FEB700;
}

.lab_svac{
grid-column:2/3;
grid-row:2/3;	
margin:5px 0px 0px 30px;	
width:fit-content; 
height:22px;
/*border:1px solid blue;*/	
}

.obal_tyden1{
grid-column:1/-1;
margin:15px auto;
width: 140px;
height: 82px;
/*border:1px solid black;*/
} 

@media (min-width:989px){
.obal_tyden1{   
position:relative;
top:0px;
left:-380px;
right:0px;
margin-top:10px; 

}
}

.obal_tyden2{
grid-column:1/-1;
margin:15px auto;
width: 140px;
height: 82px;
/*border:1px solid black;*/
}

@media (min-width:989px){
.obal_tyden2{   
position:relative;
top:-679px;
left:-226px;
right:0px;
margin-top:10px; 
}
}

.obal_tyden3{
grid-column:1/-1;
margin:15px auto;
width: 140px;
height: 82px;
/*border:1px solid black;*/
} 

@media (min-width:989px){
.obal_tyden3{   
position:relative;
top:-1358px;
left:-75px;
right:0px;
margin-top:10px; 
}
}

.obal_tyden4{
grid-column:1/-1;
margin:15px auto;
width: 140px;
height: 82px;
/*border:1px solid black;*/
}

@media (min-width:989px){
.obal_tyden4{   
position:relative;
top:-2037px;
left:78px;
right:0px;
margin-top:10px; 
}
}

.obal_tyden5{
grid-column:1/-1;
margin:15px auto;
width: 140px;
height: 82px;
/*border:1px solid black;*/
}

@media (min-width:989px){
.obal_tyden5{   
position:relative;
top:-2716px;
left:230px;
right:0px;
margin-top:10px; 
}
}

.obal_tyden6{
grid-column:1/-1;
margin:15px auto;
width: 140px;
height: 82px;
/*border:1px solid black;*/
}

@media (min-width:989px){
.obal_tyden6{   
position:relative;
top:-3395px;
left:380px;
right:0px;
margin-top:10px; 
}
}

.kal_d, .kal_d2, .kal_d3 , .kal_d4, .kal_d5, .kal_d6,.kal_dm, .kal_dm2, .kal_dm3 , .kal_dm4, .kal_dm5, .kal_dm6{
position:relative;
display:block;
width:100%;
height: 80px;
background:white;
border:2px solid rgb(0,255,204);
border-radius:10px;
margin-left:0px;
cursor:pointer;
margin-top:0px; 
box-shadow:0px 5px 10px rgba(255,255,255,0.8) inset, 0px 5px 10px rgba(0,0,0,0.4);

}

.cek_kal, .cek_kal2 , .cek_kal3, .cek_kal4, .cek_kal5, .cek_kal6, .cek_kalm, .cek_kalm2 , .cek_kalm3, .cek_kalm4, .cek_kalm5, .cek_kalm6{ 
width:fit-content;
height:82px;
z-index:2;
opacity:0;
position:relative;
display:block;
margin:0px auto;
top:0px;
left:0px;
right:0px;

}

.kal_d, .kal_d2, .kal_d3 , .kal_d4, .kal_d5, .kal_d6,.kal_dm, .kal_dm2, .kal_dm3 , .kal_dm4, .kal_dm5, .kal_dm6{ 
width: 140px;
height: 82px;
border-radius:5px;
top:-85px;
border:2px solid #E6DBC9;
/*z-index:2;*/
}

.kal_p,.kal_p2,.kal_p3, .kal_p4, .kal_p5, .kal_p6, .kal_m,.kal_m2,.kal_m3, .kal_m4, .kal_m5, .kal_m6{
width:100%;
color:#804D2F;
font-size:17px;
font-weight:450;
left:0px;
margin:30px 0px 0px 0px;
text-align:center;
}
}

.kal_d:hover > .kal_p, .kal_d2:hover > .kal_p2, .kal_d3:hover > .kal_p3, .kal_d4:hover > .kal_p4, .kal_d5:hover > .kal_p5, .kal_d6:hover > .kal_p6, .kal_dm:hover > .kal_m, .kal_dm2:hover > .kal_m2 , .kal_dm3:hover > .kal_m3, .kal_dm4:hover > .kal_m4, .kal_dm5:hover > .kal_m5, .kal_dm6:hover > .kal_m6{
color:red;
font-weight:bold;
}

.cek_kal:checked + .kal_d, .cek_kal2:checked + .kal_d2, .cek_kal3:checked + .kal_d3, .cek_kal4:checked + .kal_d4, .cek_kal5:checked + .kal_d5, .cek_kal6:checked + .kal_d6, .cek_kalm:checked + .kal_dm, .cek_kalm2:checked + .kal_dm2, .cek_kalm3:checked + .kal_dm3, .cek_kalm4:checked + .kal_dm4 ,.cek_kalm5:checked + .kal_dm5, .cek_kalm6:checked + .kal_dm6{
background-image: linear-gradient(to bottom,white, #FEB700);
box-shadow: 0px 10px 10px rgba(185, 251, 255,0.8) inset, 0px 10px 10px rgba(0,0,0,0.4);
}

.cek_kal:checked + .kal_d > .kal_p, .cek_kal2:checked + .kal_d2 > .kal_p2, .cek_kal3:checked + .kal_d3 > .kal_p3, .cek_kal4:checked + .kal_d4 > .kal_p4, .cek_kal5:checked + .kal_d5 > .kal_p5, .cek_kal6:checked + .kal_d6 > .kal_p6, .cek_kalm:checked + .kal_dm > .kal_m, .cek_kalm2:checked + .kal_dm2 > .kal_m2, .cek_kalm3:checked + .kal_dm3 > .kal_m3, .cek_kalm4:checked + .kal_dm4 > .kal_m4, .cek_kalm5:checked + .kal_dm5 > .kal_m5, .cek_kalm6:checked + .kal_dm6 > .kal_m6{
color: white;
font-weight:bold;
}


.obal_diskuse{
grid-column:1/-1;	
grid-area:diskuse;
display: grid;
grid-template-columns:1fr;
grid-auto-rows:min-content;
padding:5px;
/*border:1px solid red;*/	
}

.diskuse_n{
align-self: center;
justify-self: center;
width:170px;
height:86px;
background:url(diskuse_n.png) no-repeat;
}


.obal_posli{
position:relative;	
display:block;
margin:0px auto;
top:0px;
right:0px;
left:0px;	
font-size:17px;
color:black;
text-align:left;
white-space:pre-line;
border-radius:5px;
width:100%;
max-width:100%;
height:auto;
min-height:400px;
background:rgb(255,255,204);
box-shadow: 0px 0px 0px rgba(185, 251, 255,0.8) inset, 0px 10px 10px rgba(0,0,0,0.4);
padding:0px 5px 0px 5px;
font-weight:normal;
}

.dotaA{
width:200px;
display: grid;
grid-gap:0px;
grid-template-columns: 1fr;
grid-auto-rows: min-content;
/*border:2px solid red;*/
margin:0px auto;
font-weight:normal;
}

@media (min-width:989px){
.dotaA{
position:absolute;  
width:200px;
height:fit-content;
left:0px;
right:0px;
display:block;
/*border:2px solid red;*/
margin:0px auto;
font-weight:normal;

}
}

.dotaB{
width:200px;
display: grid;
grid-gap:0px;
grid-template-columns: 1fr;
grid-auto-rows: min-content;
/*border:2px solid red;*/
margin:0px auto;
font-weight:normal;
}

@media (min-width:989px){
.dotaB{
position:absolute;  
width:200px;
height:fit-content;
left:0px;
right:0px;
display:block;
/*border:2px solid red;*/
margin:0px auto;
font-weight:normal;
}
}

.odeslat_kal{  
position:relative;
display:block;
width:144px;
height:61px; 
top:0px;
left:0px;
right:0px;
margin:0px auto;
border:2px solid #E6DBC9; 
border-radius:5px;
background:#FFC857;
/*box-shadow: 0px 8px 8px rgba(185, 251, 255,0.8) inset, 0px 8px 8px rgba(0,0,0,0.4);*/	
cursor:pointer;
font-size:17px;
/*color: #80421F;*/
color:white;
}

@media (min-width:989px){
.odeslat_kal{  
position:absolute;
display:block;
width:144px;
height:61px; 
top:810px;
left:0px;
right:0px;
margin:0px auto; 
}
}

.odeslat_kal2{  
position:relative;
display:block;
width:144px;
height:61px; 
top:0px;
left:0px;
right:0px;
margin:0px auto;
border:2px solid #E6DBC9; 
border-radius:5px;
background:#FFC857;
/*box-shadow: 0px 8px 8px rgba(185, 251, 255,0.8) inset, 0px 8px 8px rgba(0,0,0,0.4);*/	
cursor:pointer;
font-size:17px;
/*color: #80421F;*/
color:white;
}

@media (min-width:989px){
.odeslat_kal2{  
position:absolute;
display:block;
width:144px;
height:61px; 
top:810px;
left:0px;
right:0px;
margin:0px auto;
}
}
  

.obal_vlozil{
align-self: center;
justify-self:center;
margin:0.5rem auto;
font-size:17px;
color:black;
text-align:center;
white-space:pre-line;
border-radius:5px;
width:250px;
height:auto;
background:white;
box-shadow: 0px 0px 0px rgba(185, 251, 255,0.8) inset, 0px 10px 10px rgba(0,0,0,0.4);
/*border:2px solid blue;*/
}

.uziv_vlozil{

display:grid;
align-self: center;
justify-self:center;
text-align:center;
margin:1rem auto;
font-size:17px;
color:black;
text-align:center;
white-space:pre-line;
border-radius:5px;
min-width:150px;
width:200px;
height:auto;
outline: none; 
border:0px;
box-shadow: 0px 0px 0px rgba(185, 251, 255,0.8) inset, 0px 10px 10px rgba(0,0,0,0.4);
/*border:1px solid blue;*/
}

label[for="label_nazor"]{
display:block;
text-align:center;
right:0px;
left:0px;
width:auto;
height:23px;
margin:3px auto;
/*border:1px solid blue;*/
font-size:18px;
}

.label_odes{
display:block;
height:35px;
top:0px;
left:0px;
right:0px;
cursor:pointer;
width:200px;
font-weight:normal;
margin:10px auto;
text-align:center;
outline-width:0;
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;	
border-radius:5px;
font-size:16px;
color:rgb(127, 81, 4);
outline: none;  
line-height:2;
border-radius:5px;
/*border:1px solid blue;*/
}

.formik{
padding:5px;
width:100%;
height:auto;	
}

.recept_nazor{
align-self: center;
justify-self:center;
font-size:17px;
color:black;
white-space:pre-line;
border-radius:5px;
width:100%;
height:auto;
min-height:200px;
border:2px solid blue;
resize: none;
overflow:auto;
outline: none; 
border:0px;
box-shadow: 0px 0px 0px rgba(185, 251, 255,0.8) inset, 0px 10px 10px rgba(0,0,0,0.4);
}



.odeslat{
position:relative;
display:block;	
top:-35px;
left:0px;
right:0px;
margin:0px auto;
width:100%;
height:35px;
text-align:center;
opacity:0;
cursor:pointer;
border:1px solid blue;
}

.obal_jmeno{ 
width:100%;
height:100%;
right:0px;
left:0px;  
display:block;
margin:0px auto;
box-shadow: 0px  0px  10px  0px yellow;
background-image: linear-gradient(white, yellow);
border:2px solid white; 
background:yellow; 
}

.obal_jmeno2{ 
width:100%;
height:100%;
right:0px;
left:0px;  
display:block;
margin:0px auto;
box-shadow: 0px  0px  10px  0px yellow;
background-image: linear-gradient(white, yellow);
background:yellow;
border:2px solid white;
}

.prispevek_jmeno, .prispevek_vypis{
line-height:1.5;
margin:0.3rem ;
}

.obal_prispevek{
position:relative;
display:block;
top:0px;
left:0px;
right:0px;
margin:1rem 2px 1rem 2px;
font-weight:bold;
font-size:17px;
color:black;
text-align:left;
white-space:pre-line;
border-radius:5px;
width:auto;
height:auto;
/*border:2px solid blue;*/
}

.obal_horni_cast{
position:relative;
display:block;
top:0px;
left:0px;
right:0px;
width:100%;
height:50px;
background:rgb(255,255,204);
border-radius: 5px 5px 0px 0px;
box-shadow: 0px 10px 10px rgba(185, 251, 255,0.8) inset, 0px 10px 10px rgba(0,0,0,0.4);
font-weight:normal;
}

.obal_spodni_cast{
position:relative;
display:block;
top:0px;
left:0px;
right:0px;
width:100%;
height:auto;
min-height:80px;
border-radius: 0px 0px 10px 10px;
background:rgb(238, 255, 170);
box-shadow: 0px 10px 10px rgba(185, 251, 255,0.8) inset, 0px 10px 10px rgba(0,0,0,0.4);
/*border:2px solid green;*/
white-space: pre-line;
text-align:left;
padding-bottom:0.3rem;
font-weight:normal;
}

.obal_horni_castO{
position:relative;
display:block;
top:0px;
left:0px;
right:0px;
width:100%;
height:50px;
background:rgb(238, 255, 170);
border-radius: 5px 5px 0px 0px;
box-shadow: 0px 10px 10px rgba(185, 251, 255,0.8) inset, 0px 10px 10px rgba(0,0,0,0.4);
}

.obal_spodni_castO{
position:relative;
display:block;
top:0px;
left:0px;
right:0px;
width:100%;
height:auto;
min-height:80px;
border-radius: 0px 0px 10px 10px;
background:rgb(255,255,204);
box-shadow: 0px 10px 10px rgba(185, 251, 255,0.8) inset, 0px 10px 10px rgba(0,0,0,0.4);
/*border:2px solid green;*/
white-space: pre-line;
text-align:left;
padding-bottom:0.3rem;
}

.tlac_odp{
display:block;
border: none;
width:100px;
height:40px;
cursor:pointer;
font-size:17px;
background:rgb(255, 230, 128);
color:rgb(0, 0, 128);
/*border:2px solid white;*/
border-radius:10px;
box-shadow: 0px 0px 0px rgba(185, 251, 255,0.8) inset, 0px 10px 10px rgba(0,0,0,0.4);
margin:0rem 0.5rem 0rem 0.15rem;
/*border:1px solid black;*/
}

.tlac_odp2{
display:block;
border: none;
width:100px;
height:40px;
cursor:pointer;
font-size:17px;
background:yellow;
color:rgb(0, 0, 128);
/*border:2px solid white;*/
border-radius:10px;
box-shadow: 0px 0px 0px rgba(185, 251, 255,0.8) inset, 0px 10px 10px rgba(0,0,0,0.4);
margin:0rem 0.5rem 0rem 0.15rem;
/*border:1px solid black;*/
}


.obal_prispevek2{
float:left;
background:yellow;
width:100%;
height:100%;
border:1px solid white;   
box-shadow: 0px  0px  10px  0px  yellow;
background-image: linear-gradient(yellow), white);
margin:0px 0px 15px 0px;
}

.vypis_prispevek_od{
position:relative;
float:none;
right:0px;
left:0px; 
width:100%;
height:100%; 
display:block;
text-align:center;
margin:15px auto;  
/*border:2px solid black;*/
}

.obal_vlozil_od{
position:absolute;
display:block;
right:0px;
left:0px;
max-width:400px;
width:85%;
height:40px;
margin:0px auto;
border:1px solid blue;
}

.odp_vlozil{
position:absolute;
display:block;
right:0px;
left:0px;
max-width:85%;
width:85%;
height:35px;
margin:30px auto;
font-size:20px;
/*border:3px solid blue;*/ 
}

.recept_odp{
display:block;
right:0px;
left:0px;
width:85%;
margin:100px auto;
font-size:18px;
}

.label_odp{
position:relative;
float:none;
display:block;
height:35px;
top:-57px;
left:0px;
right:0px;
cursor:pointer;
width:200px;
font-size:17px;
font-weight:bold;
color:rgb(0, 0, 128);
margin:-2px auto;
border-radius:0px 0px 25px 25px;
text-align:center;
background:yellow;
box-shadow: 0px  0px  3px  0px 	rgb(0,255,255);
background-image: linear-gradient(yellow, white);
border:2px solid rgb(0,255,255); 
outline: none;  
line-height:2;
/*border:1px solid blue;*/ 
}

.odeslat_odp{
position:relative;
display:block;
right:0px;
left:0px;
top:-117px;
max-width:100%;
width:65%;
margin:0px auto;
font-size:16px;
text-align:center;
margin:0px auto;
/*border:1px solid blue;*/
}
}    


.od_form{
float:left;
width:100%;
height:100%;
margin:20px 0px 0px 0px;
/*border:2px solid red;*/
} 

.obal_obr_d{
float:right;
width:45px;
height:45px;
/*border:1px solid black;*/
margin:3px 38px 0px 0px; 
}

.obr_d{
width:100%;
height:100%;
border-radius:50px;
z-index:5;
}

.obal_posunUK{
position:relative;
display:block;
top:0px;
right:0px;
left:0px; 
margin:1rem 0.5rem 1rem 0.5rem;
width:auto;
height:20px;
background:rgb(255, 255, 159);
padding:0.8rem;
box-shadow: 0px 10px 10px rgba(185, 251, 255,0.8) inset, 0px 10px 10px rgba(0,0,0,0.4);
border-radius:5px;
}

.strankovani_gridUK{
grid-column:1/-1;
width:100%;
height:fit-content;
/*border:1px solid blue;*/	
}

.obal_strankovani_celeUK{
grid-area:strankovani_n;
width:100%;	
/*box-shadow: 0px 10px 10px rgba(255, 255, 159,0.8) inset, 0px 10px 10px rgba(0,0,0,0.4);*/
box-shadow: 0px 10px 10px rgba(185, 251, 255,0.8) inset, 0px 10px 10px rgba(0,0,0,0.4);
position:relative;
top:0px;
right:0px;
left:0px; 
width:auto;
margin:1rem 0rem 0.5rem 0rem;
padding:0.5rem;
border-radius:5px;
}



.obal_jeden_vUK{
position:absolute;
top:0px;
right:0px;
left:25px; 
margin:0px auto;
padding:0;
text-align:center;
width:fit-content;
height:fit-content;
}

.obal_jeden_zUK{
position:relative;
top:-13px;
right:0px;
left:-20px; 
margin:0px auto;
padding:0;
text-align:center;
width:fit-content;
height:fit-content;
}

.obal_plus10UK{
position:absolute;
top:2px;
right:0px;
left:125px; 
margin:0px auto;
width:40px;
font-family:Quicksand;
font-size:20px;
color:rgb(171, 118, 47);
}

.obal_minus10UK{
position:absolute;
top:2px;
right:0px;
left:-115px; 
margin:0px auto;
width:40px;
font-family:Quicksand;
font-size:20px;
color:rgb(171, 118, 47);
}

.obal_strankovani1UK{
display:inline-block;
height:40px;
margin:1.5rem 0.5rem 0.5rem 0.5rem;
text-align:center;
line-height:2;
background:rgb(255, 255, 159);
border-radius:5px;
font-family:Quicksand;
font-size:20px;
color:rgb(171, 118, 47);
min-width:40px;
box-shadow: 0px 10px 10px rgba(255, 255, 159,0.8) inset, 0px 10px 10px rgba(0,0,0,0.4);
}

.klik_strUK{
font-weight:bold;
}

.a_strUK{
display:block;
height:40px;
width:100%;
text-decoration:underline;
color:rgb(171, 118, 47);
cursor:pointer;
}

.b_strUK{
text-decoration:none;
color:rgb(171, 118, 47);
max-height:20px;
font-family:Quicksand;
font-size:20px;
font-weight:bold;
}