*{ 
box-sizing: border-box;
}

.wrapper_hledat_rec{
background:rgb(252, 252, 252);
display: grid;
grid-template-columns: 1fr;
grid-gap:5px;
min-height: 100vh;
width:100vw;
margin:0;
padding:0;
align-content:start;
grid-template-areas: 
"vysledek_hl"
"obsah_kart_hl"
"strankovani_a"
"vysledek_pb"
"obsah_kart_pb"
"strankovani_pb"
"penizky_pod";
}

@media (min-width:989px){
.wrapper_hledat_rec{
grid-column:1/-1;
align-content:start;
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%;
margin:5px 0px 0px 0px;
grid-template-areas: 
"vysledek_hl vysledek_hl vysledek_hl vysledek_hl vysledek_hl vysledek_hl"
"obsah_kart_hl obsah_kart_hl obsah_kart_hl obsah_kart_hl obsah_kart_hl obsah_kart_hl"
"strankovani_a strankovani_a strankovani_a strankovani_a strankovani_a strankovani_a"
"vysledek_pb vysledek_pb vysledek_pb vysledek_pb vysledek_pb vysledek_pb"
"obsah_kart_pb obsah_kart_pb obsah_kart_pb obsah_kart_pb obsah_kart_pb obsah_kart_pb"
"strankovani_pb strankovani_pb strankovani_pb strankovani_pb strankovani_pb strankovani_pb";	
}
}

.obal_hl_vyraz{
grid-area:vysledek_hl;
grid-column:1/-1;
align-self: center;
justify-self: center;
font-size:17px;
width:fit-content;
margin:0;
padding:5px 0px 5px 0px;
/*border:1px solid black;*/	
}


.obal_vysledky_hl{
grid-area:obsah_kart_hl;
width:100vw;

}

@media (min-width:989px){
.obal_vysledky_hl{
grid-area:obsah_kart_hl;
width:100%;
align-content:start;
display: grid;
grid-gap:10px;
grid-template-columns: repeat(6, minmax(auto, 1fr));
grid-auto-rows: min-content;
/*border:2px solid black;*/
}
}

.obal_kar360LHL,.obal_kar360PHL{
display:none;
}

@media (min-width:989px){
.obal_kar360LHL{
display:grid;
grid-column:1/4;
/*border:2px solid black;*/
margin:0px 0px 20px 0px;
padding:0px 0px 10px 0px;
background-image: linear-gradient(to bottom,white,rgb(247, 237, 9));
box-shadow: 0px 10px 10px rgba(185, 251, 255,0.8) inset, 0px 10px 10px rgba(0,0,0,0.4);
}
}

@media (min-width:989px){
.obal_kar360PHL{
display:grid;
grid-column:4/7;
/*border:2px solid black;*/
margin:0px 0px 20px 0px;
padding:0px 0px 10px 0px;
background-image: linear-gradient(to bottom,white,rgb(247, 237, 9));
box-shadow: 0px 10px 10px rgba(185, 251, 255,0.8) inset, 0px 10px 10px rgba(0,0,0,0.4);
}
}

.obal_kar360HL{
display: grid;
grid-gap:0px;
grid-template-columns: 1fr 1fr;
grid-template-rows:min-content;	
/*border:2px solid black;*/
margin:0px 5px 20px 5px;
padding:0px 0px 10px 0px;
background-image: linear-gradient(to bottom,white,rgb(247, 237, 9));
box-shadow: 0px 10px 10px rgba(185, 251, 255,0.8) inset, 0px 10px 10px rgba(0,0,0,0.4);
}

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

.obl_naz_nadpisHL{
grid-column:1/4;
grid-row:1/2;
width:fit-content;	
align-self: center;
justify-self: center;
text-align:center;
/*border:1px solid blue;*/
}

.obal_figure_HL{
grid-column:1/4;
grid-row:2/3;
width:100%;
height:fit-content;
margin:0;
padding:0;
font-size:0;
line-height:0;
/*border:2px solid yellow;*/	
}

.obr_vypis_oblHL{
grid-column:1/4;
grid-row:2/3;
width:100%;
height:fit-content;
max-height:316px;
font-size:0;
line-height:0;		
}

.obl_nazvy360HL{
grid-column:1/4;
grid-row:3/4;
display: grid;
grid-gap:5px;
grid-template-columns: 1fr 1fr;
grid-template-rows:min-content;	
width:100%;
height:fit-content;
box-shadow: inset 0px 5px 2px 0px white;
border-top:1px solid white;
margin:0;
padding:0;	
}

@media (min-width:989px){
.obl_nazvy360HL{
width:100%;
text-align:center;
height:fit-content;
box-shadow: inset 0px 5px 2px 0px white;
border-top:1px solid white;	
}
}	

.info_vypis1HL{
grid-column:1/2;
grid-row:3/4;
width:fit-content;	
align-self: center;
justify-self: center;
/*border:1px solid blue;*/	
}

@media (min-width:989px){
.info_vypis1HL{
margin:2px 0px 0px 0px;
}
}

.info_vypis2HL{
grid-column:2/4;
grid-row:3/4;
width:fit-content;	
align-self: center;
justify-self: center;
/*border:1px solid blue;*/	
}

@media (min-width:989px){
.info_vypis2HL{
margin:4px 0px 0px 10px;
}
}

.info_vypis3HL{
grid-column:1/2;
grid-row:4/5;
width:fit-content;	
align-self: center;
justify-self: center;
/*border:1px solid blue;*/	
}

@media (min-width:989px){
.info_vypis3HL{
margin:4px 0px 0px 0px;
}
}

.info_vypis4HL{
grid-column:2/4;
grid-row:4/5;
width:fit-content;	
align-self: center;
justify-self: center;
/*border:1px solid blue;*/	
}

@media (min-width:989px){
.info_vypis4HL{
margin:4px 0px 0px 10px;
}
}

.obal_pod_podobny{
grid-area:vysledek_pb;
grid-column:1/-1;
align-self: center;
justify-self: center;
font-size:17px;
width:fit-content;
margin:0;
padding:5px 0px 5px 0px;	
}

.obal_podobny{
grid-area:obsah_kart_pb;
width:100vw;
}

@media (min-width:989px){
.obal_podobny{
grid-area:obsah_kart_pb;
width:100%;
align-content:start;
display: grid;
grid-gap:10px;
grid-template-columns: repeat(6, minmax(auto, 1fr));
grid-auto-rows: min-content;
/*border:2px solid black;*/
}
}

.obal_posunHL{
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;

}


.obal_strankovani_celeHL{
grid-area:strankovani_a;
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 0.5rem 0.5rem 0.5rem;
padding:0.5rem;
border-radius:5px;
/*border:2px solid blue;*/
}



.obal_jeden_vHL{
position:absolute;
top:0px;
right:0px;
left:25px; 
margin:0px auto;
text-align:center;
width:20px;
}

.obal_jeden_zHL{
position:relative;
top:-13px;
right:0px;
left:-20px; 
margin:0px auto;
text-align:center;
width:20px;
}

.obal_plus10HL{
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_minus10HL{
position:absolute;
top:2px;
right:0px;
left:-115px; 
margin:0px auto;
width:40px;
width:40px;
font-family:Quicksand;
font-size:20px;
color:rgb(171, 118, 47);
}

.obal_strankovani1HL{
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_strHL{
font-weight:bold;
}

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

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

.obal_posunHLB{
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;

}


.obal_strankovani_celeHLB{
grid-area:strankovani_pb;
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 0.5rem 0.5rem 0.5rem;
padding:0.5rem;
border-radius:5px;
/*border:2px solid blue;*/
}



.obal_jeden_vHLB{
position:absolute;
top:0px;
right:0px;
left:25px; 
margin:0px auto;
text-align:center;
width:20px;
}

.obal_jeden_zHLB{
position:relative;
top:-13px;
right:0px;
left:-20px; 
margin:0px auto;
text-align:center;
width:20px;
}

.obal_plus10HLB{
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_minus10HLB{
position:absolute;
top:2px;
right:0px;
left:-115px; 
margin:0px auto;
width:40px;
width:40px;
font-family:Quicksand;
font-size:20px;
color:rgb(171, 118, 47);
}

.obal_strankovani1HLB{
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_strHLB{
font-weight:bold;
}

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

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