\html {
    height: 100%;
}

.mobilpresun h1 {
color: rgb(142,11,11);
	font-family: 'Merriweather', serif;
  font-size: 18px;
	text-align: center;
  font-weight: 400;
	letter-spacing: 0px;
  text-transform: uppercase;
  line-height: 20px;
}
.sipkadolu {
background-size: contain;
width: 15%;
background-repeat: no-repeat;
}
.desktop {
display: none;
}
.mobile {
display: initial;
}
.menuwrapper{
  display: none;
  position: relative;
  background: rgb(255,255,255);
  //border:5px solid black  ;
  width: 100%;
  height: 850px;
  text-align: left;
  color: white;
  z-index: 2000;
  position: fixed;
  top: 100px;
  right: 0;
  margin: 0px;
  overflow: scroll;
  
}
.menuwrapper img{
display: none;
}

.logotopmobile {
display: block;
position: absolute;
top:20px
left: 20px;
margin-top: 15px;
}
.logotop {
display: none;
}
.menu {
width: 100%;
}
.menuwrapper ul {
width: 100%;
margin: 0 auto;
border-top:2px solid rgb(186,162,90);
}
.menuwrapper li {
  //text-align: center;
  text-align: left;
   padding-left: 20px;
  width: 100%;
  color: rgb(190,157,80);
  margin-top: 15px;
  margin-bottom: 15px;
  padding-bottom:10px;
  font-size: 14px;
  font-weight: bold;
  float: left;
   line-height: 19px;
  //background:green;
  border-bottom: 2px solid rgb(186,162,90);
}

.ulmenuwrapper {
display:block ;
top: 50px;
 position: absolute;
right: 0;
//background: green;  
width: 100%;
//height: 60px;
border-bottom: 0px solid rgb(186,162,90);


}
.delicmenu {
display: none;
}
.trojuhelnik {
display: none;
}
.menuikona {
display: block;
float: right;
z-index: 1005;
cursor: pointer;
color: rgb(121,18,18);
position: absolute;
top: 50px;
right: 20px;
}

.delicmenu {
display: none;
}

.langwrapper {
color: rgb(186,162,90);
  font-family: 'Merriweather', serif;
  font-size:17px;
  font-weight:700;
  letter-spacing:1px;
  line-height:25px;
position: absolute;
right: 20px;
top:10px;

}


.stredni-sloupec {
width: 90%;
top: 40px;
}

.tri-sloupce {
-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
 text-align: justify;   
}

.dva-sloupce {
-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
    -webkit-column-gap: 20px; /* Chrome, Safari, Opera */
    -moz-column-gap: 20px; /* Firefox */
    column-gap: 20px;
 text-align: justify;   
}
.stopadesat {
width:200px;
}
.sto {
width:200px;
}

.homepage-obrazek {
width: 100%;
min-height: 500px;
background: red;
background-image: url(img/obrazek-homepag-mobil.jpg);
background-size: cover;
}
.homepage-obrazek2 {
 position: relative;
width: 100%;

min-height: 400px;
top:60px;
//background: red;
//background-image: url(img/obrazek-homepag.jpg);
//background-size: cover;
}

.pullitr-uvod {
position: relative;
min-width: 33px;
min-height: 0px;
//height: 0px;
height: auto;
//background: red;
float: left;
margin: 0px;
//border:1px solid black;
text-align: center;



}
.pullitr1{
 position:relative;
 left:30px;
  width: 80%;
  height: auto;
}
.pullitr2{
 position:relative;
 left:30px;
 width: 90%;
 height: auto;
}
.pullitr3{
 position:relative;
 left:30px;
   width: 80%;
   height: auto;
}

.pul1 {
width:100%;
}
.pul2 {
width:100%;
}
.pul3 {
width:100%;
}

.footer {
position: relative;
padding-top: 20px;
vertical-align: middle;
width: 100%;
height: auto;
background:rgb(122,18,19);
font-family: 'Merriweather', sans-serif;
text-align: center;
font-size: 16px;
font-weight: 400;
float: left;
top: 40px;

}
.patickavlevo {
text-align: left;
position: relative;
//left: 150px;
display: block;
top: 30px;
float: left;

}

.patickavpravo {
text-align: left;
position: relative;
//right: 150px;
display: block;
top: 40px;
/min-width: 300px;
text-decoration: underline;
float: left;
}

.delicdole:before {
content:' ';
clear: right;
display: block;
//width: 20px;
//background: blue;
}
.fcbdole {
position: relative;
//right: -70px;
//top:-15px;
}

.uzky {
width: 100%;
}
.levysloupec {
float: left;
display: block;
width: 99%;
//background: red;
min-height: 50px;
//margin-right: 30px;
font-size: 12px;
line-height: 18px;
}

.pravysloupec {
float: left;
display: block;
width: 100%;
//background: red;

min-height: 50px;
} 
.logobklr {
position: relative;
margin: 0 auto;
width: 40%;

}

.pravysloupec {
width: 100%;
position: relative;
padding-right: 20px;
padding-left: 20px;

}


.beerbanner {
 font-family: 'Merriweather Sans', sans-serif;
 text-align: center;
 color: rgb(122,18,19);
 font-size: 14px;
 font-weight: normal;
 line-height: 19px;
}  
.znacka-wrapper h1 {
font-size: 18px;
line-height: 19px;
font-weight: normal;
} 

.znacka-medaile {
float: left;
position: relative;
left: 0%;
top: 40px;
width: 65%;
//background: red;
display: block;

}
.znacka-medaile img {
width: 25%;
}
.popismedaile {
font-size: 12px;
}


.znacka-lahev {
position: relative;
float: left;
width: 35%;
left: 10%;
}
.znacka-pullitr {
//float: left;
//position: relative;
left:45%;
//bottom: 0;
width: 45%;
}
.kolotoc {
position: relative;
top:70px;
}

.forum-vlevo {
float: left;
position: relative;
width: 100%;
display: block;
margin: 15px;
background: white;
width: 100%;
padding:10px  ;
height: 500px;
//overflow-y: scroll;
overflow: hidden;
}
.forum-vpravo {
float: left;
position: relative;
width: 100%;
display: block;
margin: 15px;
background: transparent;

min-height: 400px;
}
.hnutyzleva {
left:0px;
//width:900px;
}
.prodejnapopis {
position: relative;
float: left;
margin-left: 0px;

}
.prodejnafoto {
width: 100%;
height: auto;
}
.bezniceho {
left: 0px;
}
.listyminiatura {
width: 70%;
}
.agecheck-wrapper{
width: 100%;
}
.welcomeimage {
width:100%;
height:auto;
}
.TeamsObrazky {
display: none;
}
.ProhlaseniGR {
display: none;

}