.detaillogo {
  position: absolute;
  right: 5px;
  top: 0px;
  width: 80px;
  border:5px solid white;
  border-bottom:0;
  border-top:0;  
  border-radius:4px;
  z-index:5;
  background-color: white;
  box-shadow: 1px 1px 5px rgba(0,0,0,0.4);
}


h3 {
background-color: var(--modra);
color:white;
}





.galeriefotka {
margin:0 10px 0 0;
display:inline-block;
transition:all 200ms ease;
}

.galeriefotka:hover {
transform:scale(1.1);

}

.galeriefotka img {
height:100px !important;
}

.searchforminput {
width:100%;
max-width:calc(100% - 50px);
}


form, .textbox, .infodiv, .cenaboxin {
padding: 10px ;
display: block;
border-radius:5px;
font-size: var(--fs-small);
border:1px dotted var(--modra);
background: linear-gradient(to bottom right, #E8F0F3, #f8fcff, #E8F0F3);
}

.filtr_checkbox {
  font-size: 12px;
  padding: 1px 2px;
  line-height: 16px;
  display: inline-block;
  background-color: #f0f0f0;
  margin: 1px 2px;
  transition: .40s ease;
  cursor: pointer;
}

.filtr_checkbox span {
  font-size: 10px;
  color: #808080;
}

form input {
background-color:white;
color:black;
padding:3px 15px;
font-size:18px;
border:0;
border-radius:3px;
border:1px solid #909090;
}


form .searchformsubmit, .button_normal {
background-color: var(--modra2);
color:white;
padding:3px 15px;
font-size:18px;
border:0;
border-radius:3px;
cursor: pointer;
transition:200ms all ease-in;
}



form .searchformsubmit:hover, .button_normal:hover {
background-color: var(--modra);
}




.kategoriebox {
box-sizing: border-box;
width:calc( (100% / 3 ) - 6px);
margin:1px;
display: inline-block;
line-height:15px;
font-size:15px;
text-decoration: none;
float:left;
height:140px;
position: relative;
background-color: #909090;
overflow: hidden;
transition: .40s ease;
border-radius:3px;
opacity:0.85;
}

.kategoriebox b {
background-color:rgba(0,0,0,0.85);
position: absolute;
bottom:0px;
display:inline-block;
width:100%;
color:white;
transition: .40s ease;
}

.kategoriebox b span {
padding:5px 3px 5px 8px;
display: block;
}


.kategoriebox i {
background-color:rgba(0,0,0,0.8);
position: absolute;
top:140px;
display:inline-block;
width:100%;
color:white;
height:100px;
transition: .40s ease;
}


.kategoriebox i span {
display:block;
font-size:11px;
line-height:12px;
padding:5px;
}




.kategoriebox:hover b {
bottom:30px;
}

.kategoriebox:hover i {
top:110px;
}

.kategoriebox:hover  {
background-size: 110% auto;
opacity:1;
}

.kategorieboxbg1 {
background:url(/obrazky/kategorie1.jpg) top  right;
background-size: 100% auto;
}

.kategorieboxbg2 {
background:url(/obrazky/kategorie7.jpg) top  right;
background-size: 100% auto;
}

.kategorieboxbg3 {
background:url(/obrazky/kategorie3.jpg) top  right;
background-size: 100% auto;
}

.kategorieboxbg4 {
background:url(/obrazky/kategorie4.jpg) top  right;
background-size: 100% auto;
}

.kategorieboxbg5 {
background:url(/obrazky/kategorie5a.jpg) top  right;
background-size: 100% auto;
}

.kategorieboxbg6 {
background:url(/obrazky/kategorie6a.jpg) top right;
background-size: 100% auto;
}


















.bunka {
box-sizing: border-box;
float: left;
width:calc((100% / 4) - 2px);
border:0;
text-align: center;
margin:0 0 10px 0;
cursor:pointer;
transition: .40s ease;
position: relative;
height:315px;
}

.bunka:hover {
  transform: scale(1.04,1.04);
}
.polozka_nadpis {
border-radius:4px 4px 0 0;
transition: .40s ease;

font-size:var(--fs-small) !important;
line-height:var(--lh-small) !important;

}

.bunka:hover .polozka_nadpis {
background-color:black;


}

.produkt_logo {
position: absolute;
right:0;
top:30px;
width:50px;
height:20px;
border-radius:4px;
border-left:5px solid white;
border-right:5px solid white;
box-shadow:  2px 2px 4px 2px rgba(0,0,0,0.1);
}

.produkt_kategorie_nazev {
font-size:10px;
color:#808080;
font-weight: normal;
text-align: center;
}
.hranice {
width:95%;
border:0;
margin:0 auto;
  box-shadow: inset 0 0 10px 10px #f0f0f0;
  height:315px;
  border-radius:4px;  
}

.hranice_reference {
width:95%;
border:0;
margin:0 auto;
border-radius:10px;

  height:315px;
}

.polozka_nadpis a {
text-decoration: none;
padding:4px 8px 0 8px;
display: block;
}






.bunka .popisek,.bunka .pic_nahled {
margin: 0 auto;
}

.popisek {
padding:10px 10px 0 10px; font-size:12px;
border-radius:6px;
overflow: hidden;
box-sizing:border-box;

}

.produkt_skladem {
position: absolute;
font-size:12px;
left:10px;
bottom:4px;
}

.produkt_cena {
font-size: 12px;;
background-color: #d0d0d0;
text-align: right;
padding:2px 5px;
margin:5px 0 0 0;
}
.produkt_cena big {
font-weight:bold;
font-size:16px;
}

.produkt_cena small {
display: block;
font-style: italic;
line-height: 12px;
}



.polozka_nadpis {
  border-radius: 8px 8px 0 0;
  transition: .40s ease;
}
.polozka_nadpis {
  background-color: var(--modra);
  text-align: center;
  color: #333333 !important;
  font-weight: bold;
  padding-left: 3px;
  padding-top: 3px;
  padding-bottom: 3px;
  font-style: normal;
  font-variant: normal;
  font-size: 100%;
  height: 40px;
  min-height: 40px;
  
}

.polozka_nadpis  a {
color:white;
}




@media (max-width: 1100px) {
.kategoriebox,.bunka {
width:calc((100% / 3) - 2px);
}

}



@media (max-width: 700px) {
.kategoriebox,.bunka {
width:calc( (100% / 2 ) - 4px);
}


.detaillogo {
  width: 50px;
}


}

@media (max-width: 400px) {
.kategoriebox,.bunka {
width:100%;
}

}