/*--- definice telo+scroll ---*/
BODY {

  text-align: center;
  padding-left: 0px;
  padding-right: 0px;

font-family:'Titillium Web', 'Open Sans', serif;
  background-color: #f7f7f7;
  overflow-x: hidden;

}

.mezera{
  display: none;
    height: 60px;
  padding-bottom: 100px;
}
.mezera.posun{
    display: block;
  height: 60px;
  padding-bottom: 100px;
}
/* seo nadpis */
.seo-nadpis{
  position: absolute;
  z-index: -1;
  width: 20%;
}
.seo-nadpis span {
  position: absolute;
  text-indent: -9999px;
}

* {
  margin: 0;
  padding: 0;
  border: 0;
}
a{
  text-decoration: none;
}
.clear{
    clear: both;
}
.obsah90{
  width: 90%;

  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

.uvnitr{
  width: 100%;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  position: relative;
}

.uvnitr.center{
  width: 100%;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.topmargin{
  width: 100%;
  padding-top: 60px;
}



 @media all and (max-width: 1024px) {
  .topmargin{
  width: 100%;
  padding-top: 40px;
}

}
 @media all and (max-width: 600px) {
  .topmargin{
  width: 100%;
  padding-top: 30px;
}

}

/*
lista info

 */
 div.info{
width: 100%;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c2bfb8+1,d7d7d6+23,979289+100 */
background: rgb(255,255,255); /* Old browsers */



text-align: left;
position: relative;

z-index: 1111;


line-height: 50px;
height: 50px;
/*overflow: hidden; */


}


 .info a,  .info p{

  float: right;
  color: rgba(51, 51, 51, 1);
  font-size: 15px;
  position: relative;
  z-index: 111111;
  margin-top: 0px;
  line-height: 50px;

 -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;

}

.info p.nadpis1{

  float: left;
 color: rgba(118, 114, 107, 1);
  font-size: 13px;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-left: 10px;
  position: relative;
  z-index: 111111;
  margin-top:0 px;
  line-height: 50px;


}
.info p.nadpis2{

  float: left;
 color: rgba(25, 109, 74, 1);
  font-size: 12px;
  margin-left: 30px;
  position: relative;
  z-index: 111111;
  margin-top: 0px;
  line-height: 50px;
  background: url(resta.png) no-repeat left;
  padding-left: 69px;
  background-size: 59px;


}
 .info a:hover{


 -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;


}





.info a span{

}

.info .fcb, .info .hledej, .info .you, .info .mail, .info .instagram {
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin-right: 0px;
  text-align: center;
  margin-right: 1px;

  padding-left: 0px;
  padding-right: 0px;
  position: relative;
}


.info .you::before{

      content: "\f167";
 font-family: Font Awesome\ 5 Brands;
    top: 0px;
    left: 0px;
 font-size: 16px;
}

.info .fcb::before{

      content: "\f39e";
 font-family: Font Awesome\ 5 Brands;
    top: 0px;
    left: 0px;
 font-size: 16px;
}

.info .instagram::before{

      content: "\f16d";
 font-family: Font Awesome\ 5 Brands;
    top: 0px;
    left: 0px;
 font-size: 16px;
}





.info p.tel {
    width: auto;
    height: 45px;
      font-size: 14px;
    font-weight: 400;
    line-height: 45px;
    margin-right: 0px;

    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    float: right;


    color: rgba(51, 51, 51, 1);
}

.info p.tel.mobil{
    width: auto;
    height: 45px;
      font-size: 14px;
    font-weight: 400;
    line-height: 45px;
    margin-right: 20px;

    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    float: right;


   color: rgba(51, 51, 51, 1);
}

.info .mail::before{
      content: "\f2b6";
    font-family: Font Awesome\ 5 Free;
    top: 0px;
    left: 0px;
 font-size: 16px;

}

.info .tel::before{
      content: "\f095";
    font-family: FontAwesome;
    top: 0px;
    left: -10px;
 font-size: 16px;
 position: absolute;

}
.info .tel.mobil::before{
      content: "\f10b";
    font-family: FontAwesome;
    top: 0px;
    left: -10px;
 font-size: 16px;
 position: absolute;

}


.info .hledej::before{
   content: "\f3ee";
     font-family: Font Awesome\ 5 Brands;
    top: 0px;
    left: 0px;
 font-size: 18px;
 font-weight: bold;
}


/*
@media all and (max-width: 640px) {

 .info a{
   font-size: 11px;
   white-space: nowrap;
   padding-left: 5px;
   padding-right: 5px;
}
}
*/
 a.rezervace{
  background: rgba(8, 56, 107, 1);
  margin-top: 20px;
  margin-left: 10%;
  margin-right: 10px;
  float: right;
color: rgba(8, 56, 107, 1);

background: rgba(250, 190, 14, 1);
  font-size: 17px;
  position: relative;
  z-index: 111111;
  height: 44px;
  font-weight: 600;
  padding-left: 15px;
  padding-right: 55px;

  line-height: 44px;
  -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
  border-radius: 3px

}
 @media all and (max-width: 1430px) {
div#hlavicka.posun a.rezervace{

  right: 60px;

}
}

 a.rezervace::after {
    content: "\f073";
    font-family:"FontAwesome";
    text-align: center;
    top: 0px;
    right: 0px;
 font-size: 14px;


 position: absolute;
    color: rgba(8, 56, 107, 1);
    width: 40px;
    height: 44px;
    line-height: 44px;
    border-left: solid 1px rgba(8, 56, 107, .3);
      -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
a.rezervace:hover{
  background: rgba(8, 56, 107, 1);
color: rgba(250, 190, 14, 1);
  -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;

}

 a.rezervace:hover::after {
    content: "\f073";
    font-family:"FontAwesome";
   -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;

    color: rgba(250, 190, 14, 1);

    border-left: solid 1px rgba(250, 190, 14, .3);
}



/* kosik */






.info div.kosik {
    z-index: 100002;
    text-align: right;
    position: relative;
    margin-top: 5px;
    width: 70px;
    height: 50px;
    display: block;
    font-size: 17px;
    font-weight: bold;
    float: right;
    margin-right: 10px;

color:   #e30a1d;

    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    white-space: nowrap;
      /* border-left: solid 1px rgba(0, 0, 0, 1); */


}
.info.posun  {
    z-index: 1111;
    text-align: right;
    position: fixed;
  top: 15px;
    background: rgba(255, 255, 255, 0);
    margin-right: 0px;
    right: -10px;
    width: 70px;
    height: 50px;


}

.info.posun  a, .info.posun p.nadpis1, .info.posun p.nadpis2, .info.posun p.tel{
  display: none;
}
.info.posun div.kosik {
    z-index: 10000;
    text-align: right;
    margin-top: 0px;
    width: 70px;
    height: 50px;
    display: block;
    font-size: 17px;
    font-weight: bold;
    float: right;
    right: 0px;

color:  #e30a1d;

    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    white-space: nowrap;
      /* border-left: solid 1px rgba(0, 0, 0, 1); */


}




.info div.kosik a.kos{
  position: absolute;
  left: 0px;

  margin-top: 0px;
  top: 0px;
    width: 70px;
    height: 50px;
    display: block;
    font-size: 17px;
    font-weight: bold;


color:    #e30a1d;

    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;


}


div.info #zmena {
  float: right;
  margin-right: 20px;
  margin-top: 10px;
  margin-left: 20px;
  height: 20px

}
 @media all and (max-width: 1024px) {
div.info #zmena {
  float: right;
  margin-right: 10px;
  margin-top: 17px;

}
}



div.info #zmena li{
  display: inline-block;
  vertical-align: top;
  width: 30px;
  height: 20px;
  list-style: none
}
div.info #zmena li a{
  opacity: 0.5;
}
div.info #zmena li a span{
  position: absolute;
  text-indent: -9999px;
}
div.info #zmena li a.cz{
  background: url(vlajka_cr.jpg);
  background-size: 30px;
  width: 30px;
  height: 20px;
  -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;

}
div.info #zmena li a.sk{
  background: url(vlajka_sk.jpg);
  background-size: 30px;
  width: 30px;
  height: 20px;
  -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;

}
div.info #zmena li a.hu{
  background: url(vlajka_hu.jpg);
  background-size: 30px;
  width: 30px;
  height: 20px;
  -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;

}
div.info #zmena li a span{
  position: absolute;
  text-indent: -9999px;
}
div.info #zmena li.aktivni a, div.info #zmena li a:hover{


  -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    opacity: 1;
}



.info div.kosik a.kos::before{
      content: "\f291";

    font-family:"FontAwesome";
    top: -1px;
    left: 15px;
 font-size: 25px;
 position: absolute;
    color:    #e30a1d;
      -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.info div.kosik:hover a.kos::before{
      content: "\f291";

    font-family:"FontAwesome";
    top: -1px;
    left: 15px;
 font-size: 25px;
 position: absolute;
    color:   rgba(8, 56, 107, 1);
      -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.info div.kosik strong{
  border-radius: 50%;
  border: solid 2px rgba(250, 190, 14, 1);
  background-color: rgba(255, 255, 255, 1);
  width: 24px;
  height: 24px;
      font-size: 13px;
    font-weight: 500;
  line-height: 24px;
  text-align: center;
  display: block;
  right: 10px;
  bottom: 2px;
  position: absolute;




color:  rgba(255, 0, 0, 1);

}


/*--- obsah kosiku absolutni pozice ---*/
#obsahKosiku table {font-size: 12px; color: rgba(0, 0, 0, 1);}
#obsahKosiku table a{color: #e30a1d;  margin-top: 0px; height: auto; line-height: normal; float: none; font-weight: 500;}

#obsahKosiku table th{padding: 6px 8px;border: 1px solid #F7F6F6;white-space: nowrap; font-weight: 500;}
#obsahKosiku table td{padding: 6px 8px;border: 1px solid #F7F6F6;white-space: nowrap; line-height: 20px; font-weight: 400;}

#obsahKosiku table td img{ height: 35px; width: auto; max-width: !important;}
#obsahKosiku{display: none; position : absolute; top : 50px; right : 0px;z-index: 999999; ;}
.info div.kosik:hover #obsahKosiku{display: block; position : absolute; top : 50px; right : 0px;z-index: 999999;}
#obsahKosiku table {border-collapse: collapse; border : 5px  #e30a1d solid; background: #fff;}
#obsahKosiku table td{padding: 6px 8px;border: 1px solid #F7F6F6;white-space: nowrap;}

.info.posun  #obsahKosiku table a{
  display: inline;
}




.hotovost.hidden td{
  display: none;
}
.hotovost td{
  display: table-cell;
}





 @media all and (max-width: 1024px) {



  .info p.tel, .info p.nadpis1, .info p.nadpis2 span{
    display: none;
}

.info p.nadpis2 {
     float: right;
    color: rgba(25, 109, 74, 1);
    font-size: 12px;
    margin-left: 10px;
    /* position: absolute; */
    /* z-index: 11111111111111; */
    margin-top: 1px;
    height: 50px;
    /* top: 10px; */
    left: 0px;
    line-height: 50px;
    background: url(resta.png) no-repeat left;
background-size: 38px;
    padding-left: 40px;
}

.info a{
  margin-top: 0px;
  float: right;

  font-size: 17px;
  position: relative;
  z-index: 111111;


  line-height: 50px;



}



.info .fcb, .info .hledej, .info .you, .info .mail, .info .instagram {
  width: 40px;
  height: 50px;
  line-height: 50px;

}
.info div.kosik {

    margin-top: -2px;
}
div.info {
  right: 50px;
  background: transparent;
  position: absolute;
  width: auto;



}

 a.rezervace{
  background: rgba(8, 56, 107, 1);
  margin-top: 7px;
  margin-left: 80px;
  float: left;
color: rgba(8, 56, 107, 1);
border: solid 3px rgba(250, 190, 14, 1);
background: rgba(250, 190, 14, 1);
  font-size: 14px;
  position: relative;
  z-index: 111111;
  height: 30px;
  padding-right: 36px;
  font-weight: 600;
  padding-left: 10px;
  line-height: 30px;
  border-radius: 3px



}


 a.rezervace::after {
    content: "\f073";
    font-family:"FontAwesome";
    text-align: center;
    top: 0px;
    right: 0px;
 font-size: 14px;


 position: absolute;
    color: rgba(8, 56, 107, 1);
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-left: solid 1px rgba(8, 56, 107, .3);
      -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}


}

 @media all and (max-width: 460px) {




div.info p.tel{
  display: none;



}

}

/*
hlavicka
 */




div#hlavicka{

width: 100%;
max-width: 100%;
height: 92px;
text-align: center;
position: relative;
margin-left: auto;
margin-right: auto;
top:0px;
margin-top: 0px;

border-left: none;
border-right: none;

z-index: 1111;
  background-color: rgba(255, 255, 255, .95);

-webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;

/*    -moz-box-shadow: 0px 3px 4px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 3px 4px rgba(0,0,0,0.1);
    box-shadow: 0px 3px 4px rgba(0,0,0,0.1);*/
}


div#hlavicka.posun{

width: 100%;
max-width: 100%;
height: 92px;
text-align: center;
position: fixed;
margin-left: auto;
margin-right: auto;
top:0px;
margin-top: 0px;

border-left: none;
border-right: none;

z-index: 1000;
  background-color: rgba(255, 255, 255, .95);

-webkit-transition: all 2s;
    -moz-transition: all 2s;
    -ms-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;

   -moz-box-shadow: 0px 3px 10px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 3px 10px rgba(0,0,0,0.1);
    box-shadow: 0px 3px 10px rgba(0,0,0,0.1);
}


div#hlavicka::before{

width: 100%;
height: 1px;
position: absolute;
left: 0px;
top: 1px;
content: "";

background: rgba(229,229,229,1);
}













/* logo */


div#hlavicka .logo{


    height: 47px;
  width: 200px;
  display: block;
  position: absolute;
  z-index: 1;
  margin-top: 20px;

  margin-left: 10px;
  text-align: left;
  background: url(logo_lom2.png);
  background-size: 200px;


}
div#hlavicka .logo span{
  position: absolute;
  text-indent: -9999px;
}

 @media all and (max-width: 1024px) {
div#hlavicka, div#hlavicka.posun{

width: 100%;
max-width: 100%;
height: 50px;
text-align: center;
position: relative;
margin-left: auto;
margin-right: auto;
top:0px;
margin-top: 0px;

border-left: none;
border-right: none;

z-index: 1000;
  background-color: rgba(255, 255, 255, 1);

-webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;

    -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0);
    -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0);
    box-shadow: 0px 0px 0px rgba(0,0,0,0);
    border-bottom: solid 1px rgba(0, 0, 0, .1)
}
div#hlavicka::before, div#hlavicka::after{
  display: none;
}


div#hlavicka .logo{


    height: 23px;
  width: 100px;
  display: block;
  position: absolute;
  z-index: 1;
  margin-top: 13px;

  margin-left: 10px;
  text-align: left;
  background: url(logo_lom2.png);
  background-size: 100px;


}
}
div.pruh-bily.prvni, div.pruh-bily2.prvni{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */

  position: relative;
  padding-top: 40px;
  padding-bottom: 0px;
}
div.pruh-bily, div.pruh-bily2{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */

  position: relative;
  padding-top: 40px;
  padding-bottom: 40px;
}

div.pruh{
    background: url(sedy.jpg) no-repeat left bottom;
    /* -webkit-background-size: cover; */
    -moz-background-size: cover;
    -o-background-size: cover;
     background-size: cover;
  background-position: bottom left;
/*  background-size: 800px;   */
    position: relative;

}

div.pruh.bez{
    background: none ;


}

div.pruh-sedy{
    position: relative;

}
/*div.pruh-bily::after {
    content: "";
    width: 100%;
    position: absolute;
    bottom: -6px;
    left: 0px;
background: url(prouzek_dolu_bily.png) 0 bottom repeat-x;
    background-size: 23px 6px;

    height: 6px;
    z-index: 1;
    width: 100%;

 }

div.pruh-bily2::before {
    content: "";
    width: 100%;
    position: absolute;
    top: -6px;
    left: 0px;
    background: url(prouzek_nahoru_bily.png) 0 bottom repeat-x;
    background-size: 23px 6px;
    height: 6px;
    z-index: 100;
    width: 100%;
}*/

 div.pruh-modry {
    padding-top: 50px;
    padding-bottom: 20px;
    text-align: center;
    width: 100%;
    position: relative;
   background-color: rgba(128, 207, 240, 1);
}
 div.pruh-modry.posun {
    padding-top: 180px;
    padding-bottom: 20px;
    text-align: center;
    width: 100%;
    position: relative;
   background-color: rgba(128, 207, 240, 1);
}
div.pruh-modry::after {
    width: 100%;
    height: 3px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    content: "";
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(21,145,197,1) 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(21,145,197,1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(21,145,197,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#1591c5',GradientType=1 );
}

div.pruh-modry::before {

    width: 40px;
    height: 40px;
    content: "";
    left: 50%;
    margin-left: -20px;
    bottom: -20px;
    position: absolute;
   background-color: rgba(128, 207, 240, 1);
     -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    z-index: 10;
    border-left: solid 2px rgba(73, 175, 218, 1);
    border-bottom: solid 2px rgba(73, 175, 218, 1);
}



/*
pruhy s obrazkem
 */

 div.pruh-obrazek{
   width: 100%;
   min-height: 400px;

       background: url(sedy3.jpg);
    background-color: #f4f4f4;
    padding-bottom: 30px;
    margin-bottom: 0px;
    padding-top: 30px;
    background-attachment: fixed;
    background-size: 50% 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;


}


 div.pruh-obrazek .bunka{
   width: 50%;
   float: left;
   text-align: left;
}


 div.pruh-obrazek .bunka.right{
   width: 50%;
   float: right;
}

@media all and (max-width: 1200px) {
 div.pruh-obrazek .bunka{
   width: 70%;
   float: left;
   text-align: left;
   margin-left: 5%;
}


 div.pruh-obrazek .bunka.right{
   width: 70%;
   float: right;
   margin-right: 5%;
}

}



 div.pruh-obrazek .bunka h2{

   padding-top: 40px;


   color: rgba(255, 255, 255, 1);
    text-shadow: 0 1px 2px rgba(0,0,0,.9);
    font-size: 35px;
    font-weight: 300;
    line-height: 45px;
    /* background: rgba(29, 103, 155, 0.8); */
    padding-bottom: 20px;
    /* text-transform: uppercase; */
}
 div.pruh-obrazek .bunka h2 h2 strong {
    font-size: 60px;
    font-weight: 900;
}
 div.pruh-obrazek .bunka h3{
   font-size: 25px;
   font-weight: 400;
   color: rgba(255, 255, 255, 1);
    text-shadow: 0 1px 2px rgba(0,0,0,.9);
}

 div.pruh-obrazek .bunka p{
   font-size: 16px;
   font-weight: 400;
 color: rgba(255, 255, 255, 1);
    text-shadow: 0 1px 2px rgba(0,0,0,.9);
}
 div.pruh-obrazek .bunka p.radky{
   font-size: 14px;
   font-weight: 400;
   color: rgba(0, 0, 0, 1);
   padding-top: 0px;
   line-height: 30px;
   height: 32px;
   width: 100%;
}

@media all and (max-width: 1200px) {
 div.pruh-obrazek .bunka{
   width: 90%;
   float: left;
   text-align: left;
   margin-left: 5%;
}


 div.pruh-obrazek .bunka.right{
   width: 90%;
   float: right;
   margin-right: 5%;
}

 div.pruh-obrazek .bunka h2{

   padding-top: 40px;


   color: rgba(255, 255, 255, 1);
    text-shadow: 0 1px 2px rgba(0,0,0,.9);
    font-size: 25px;
    font-weight: 300;
    line-height: 45px;
    /* background: rgba(29, 103, 155, 0.8); */
    padding-bottom: 20px;
    /* text-transform: uppercase; */
}
 div.pruh-obrazek .bunka h2 h2 strong {
    font-size: 60px;
    font-weight: 900;
}
 div.pruh-obrazek .bunka h3{
   font-size: 18px;
   font-weight: 400;
   color: rgba(255, 255, 255, 1);
    text-shadow: 0 1px 2px rgba(0,0,0,.9);
}

 div.pruh-obrazek .bunka p{
   font-size: 14px;
   font-weight: 400;
 color: rgba(255, 255, 255, 1);
    text-shadow: 0 1px 2px rgba(0,0,0,.9);
}
 div.pruh-obrazek .bunka p.radky{
   font-size: 14px;
   font-weight: 400;
   color: rgba(49, 49, 49, 1);
   padding-top: 0px;
   line-height: 30px;
   height: 32px;
   width: 100%;
}


}



 div.pruh-obrazek input[type=text] {
   font-size: 14px;
   background-color: transparent;
   height: 30px;
   line-height: 30px;
   float: right;
   width: 60%;
    font-weight: 600;
   border-bottom: solid 1px rgba(255, 255, 255, 1)
}

 div.pruh-obrazek .pole-male {
   font-size: 14px;

   height: 39px;
   line-height: 39px;
   float: left;
   width: 120px;
    font-weight: 600;
    margin-right: 20px;
    color: #000;
   border-bottom: solid 1px rgba(255, 255, 255, 1)
}
 div.pruh-obrazek .pole-male input{
   font-size: 14px;
   background-color: rgba(255, 255, 255, .1);
   height: 39px;
   line-height: 30px;
   float: right;
   width: 20px;
    font-weight: 600;
    margin-right: 0px;
    color: #000;
    width: 60%;

}

 div.pruh-obrazek input.pole-male::placeholder {
  color: black;
}




 /* ikony na uvodu */
div.postava{

    width: 38%;
    margin-right: 1%;
    float: right;

    max-width: 100px
}

div.postava img{
  width: 100%;

}
div.postavaikony{

    margin-left: 1%;
    float: left;
    width: 98%;

}



div.postavaikony div.ikona1{
  background: url(kolo1.png) no-repeat left;
  background-size: 90px;
  height: 100px;
  margin-bottom: 10px;
  width: 45%;
  display: inline-block;
  vertical-align: top;
  margin-left: 1%;
}
div.postavaikony div.ikona2{
  background: url(kolo2.png) no-repeat left;
  background-size: 90px;
  height: 100px;
    margin-bottom: 10px;
      width: 45%;
        display: inline-block;    vertical-align: top;
         margin-left: 1%;
}



div.postavaikony div.ikona1 p, div.postavaikony div.ikona2 p, div.postavaikony div.ikona3 p, div.postavaikony div.ikona4 p{
  float: left;
  margin-left: 100px;
  margin-top: 15px;
  font-size: 16px;
}
div.postavaikony div.ikona1 p{
  color: rgba(51, 51, 51, 1);
}
div.postavaikony div.ikona2 p{
  color: rgba(51, 51, 51, 1);
}
div.postavaikony div.ikona3 p{
  color: rgba(51, 51, 51, 1);
}
div.postavaikony div.ikona4 p{
  color: rgba(51, 51, 51, 1);
}



div.postavaikony p strong{

  font-size: 22px;
}



 @media all and (max-width: 640px) {
 div.postavaikony div.ikona1,  div.postavaikony div.ikona2,  div.postavaikony div.ikona3,  div.postavaikony div.ikona4{

  background-size: 40px;
  height: 40px;
  margin-bottom: 10px;
  width: 45%;
  display: inline-block;
  vertical-align: top;
}

div.postavaikony div.ikona1 p, div.postavaikony div.ikona2 p, div.postavaikony div.ikona3 p, div.postavaikony div.ikona4 p{

  font-size: 14px;
    margin-left: 50px;
    line-height: 19px;
    margin-top: 0px

}
div.postava{
  margin-top: 50px;
}

div.postavaikony p strong{

  font-size: 18px;
}

}

 @media all and (max-width: 420px) {

  div.postavaikony div.ikona1,  div.postavaikony div.ikona2,  div.postavaikony div.ikona3,  div.postavaikony div.ikona4{

  background-size: 40px;
  height: 40px;
  margin-bottom: 10px;
  width: 45%;
  display: inline-block;
  vertical-align: top;
}
 }







/*
paticka
 */



div#paticka{
  width: 100%;
  min-height: 300px;
  position: relative;
  z-index: 10;
  margin-bottom: 0px;
  padding-top: 40px;
  text-align: center;
    background: rgba(0, 99, 46, 1);

}


div#paticka .uvnitr{
  text-align:center;
}


div#podpaticka{
  width: 100%;

     background: rgba(255, 255, 255, .95);
     padding-top: 15px;
     padding-bottom: 15px;
     text-align: left;

}
div#podpaticka .uvnitr{

     text-align: left;

}


div#podpaticka p{
 font-size: 13px;
 color: rgba(51, 51, 51, 1);
 display: inline-block;
 margin-left: 10px;
 line-height: 25px;
 vertical-align: top;


}
div#podpaticka p a{
 font-size: 13px;
 color: rgba(51, 51, 51, 1);
}

div#podpaticka .patlogo1{


    height: 23px;
  width: 100px;
  display: inline-block;
  z-index: 1;



  margin-left: 15px;
  text-align: left;
  background: url(logo_lom2.png);
  background-size: 100px;


}
div#podpaticka .patlogo2{


    height: 25px;
  width: 49px;
  display: inline-block;

  z-index: 1;



  margin-left: 15px;
  text-align: left;
  background: url(resta.png) no-repeat top;
  background-size: 49px;


}



div#paticka .uvnitr .bily{
  text-align: left;
  background-color: rgba(255, 255, 255, 1.0);
}








  @media all and (max-width: 790px) {



div#paticka  {
     padding-bottom: 70px;


}
}




  @media all and (max-width: 600px) {



}


  div.fb-like{

 text-align: center;
 display: inline-block;
 width: 100%;
 margin-top: 20px;
}




 @media all and (max-width: 480px) {
div#podpaticka{
  text-align: center;
}
div#podpaticka p{
 font-size: 11px;


}
div#podpaticka p a{
 font-size: 11px;
}
}

/* lista socialni site, kontakt tel */
div#paticka .socialni{
background-color: rgba(0, 78, 36, 1);
/*
  background-color:rgba(0, 99, 46, 1); */
    min-height: 50px;
    width: 100%;
    margin-top: 0px;
    padding-bottom: 20px;
    text-align: center;
}
div#paticka .socialni a, div#paticka .socialni p{

  font-size:18px ;
 color: rgba(255, 255, 255, 1);

 line-height: 24px;

 font-weight: 600;
      text-align: left;
        vertical-align: top;
        margin-top: 30px;

  width: 24%;
}
div#paticka .socialni a.mail{


 display: inline-block;


}
div#paticka .socialni p.tel{

 display: inline-block;

}

div#paticka .socialni a.fcb{

 display: inline-block;

}



div#paticka .socialni a.fcb span, div#paticka .socialni p.tel span, div#paticka .socialni a.mail span{
  display: inline-block;


}
div#paticka .socialni a.fcb span strong, div#paticka .socialni p.tel span strong, div#paticka .socialni a.mail span strong{

   font: lighter 14px  "Open Sans", Arial;
}


div#paticka .socialni a.fcb i, div#paticka .socialni p.tel i, div#paticka .socialni a.mail i{
  font-size: 30px;
  display: inline-block;
  margin-right: 5px;
    vertical-align: top;

  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 40px;
/*  border: solid 1px rgba(255, 255, 255, 1);  */
    text-align: center;
}


  @media all and (max-width: 1300px) {

div#paticka .socialni {

text-align: center;
}

div#paticka .socialni a, div#paticka .socialni p{

  font: bold 14px  "Open Sans", Arial;

 line-height: 20px;
 margin-top: 20px;
      text-align: left;

}
div#paticka .socialni a.mail{

 display: inline-block;
 margin-left: 0px;
}
div#paticka .socialni p.tel{

 display: inline-block;
 margin-left: 0px;
}

div#paticka .socialni a.fcb{

 display: inline-block;
 margin-left: 0px;
}


div#paticka .socialni a.fcb i, div#paticka .socialni p.tel i, div#paticka .socialni a.mail i{
  font-size: 18px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: top;


  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 40px;


}


 }





  @media all and (max-width: 900px) {


  div#paticka .socialni a, div#paticka .socialni p{

width: 45%;
}


}


 @media all and (max-width: 600px) {


  div#paticka .socialni a, div#paticka .socialni p{

width: 90%;
}


}


div#paticka .col_3{
  width: 24%;
/*  min-width: 320px; */
  min-height: 100px;
  display: inline-block;
  vertical-align: top;
  margin-top: 0px;
  position: relative;
  text-align: left;

}

div#paticka .col_2{
  width: 65%;

  min-height: 100px;
  display: inline-block;
  vertical-align: top;
  margin-top: 0px;
  position: relative;
  float: right;

}

div#paticka .col_3 p{
  font-weight: 300;
  font-size: 12px;
  line-height: 20px;
    color: rgba(255, 255, 255, .7);
  margin-left: 10px;
/*  white-space: nowrap; */
  margin-bottom: 30px;

}
div#paticka .col_3 a{

    color: rgba(255, 255, 255, .7)


}
 div#paticka .col_3 a:hover{

  color: rgba(255, 255, 255, 1)


}

div#paticka .col_3 h3{
  font-weight: 800;
  font-size: 16px;
  line-height: 17px;
  color: #fff;
  margin-left: 10px;
  white-space: nowrap;
  margin-bottom: 24px;

}
div#paticka .col_3 ul{
  margin-left: 10px;
}


div#paticka .col_3 ul li{
  font-weight: 800;
  font-size: 12px;
  line-height: 24px;

  margin-left: 0px;
  white-space: nowrap;

  width: 31%;

}
div#paticka .col_3 ul li a{
  font-weight: 300;
  font-size: 12px;
  line-height: 24px;

}
div#paticka .col_3 ul li a:hover{


}



 @media all and (max-width: 600px) {

div#paticka .col_2, div#paticka .col_3{

  width: 90%;
  margin-left: 0%;
  overflow: hidden;
  padding-top: 25px;
  padding-bottom: 25px;
  float: none;


}

div#paticka .col_3 ul{
  margin-left: 0px;
}




}


 div#paticka .col_3 a.fa{
   margin-left: 0px;



      width: 30px;
    height: 30px;
  color: #fff;
  text-align: center;
  line-height: 30px;
  margin-left: 10px;
}


 @media all and (max-width: 600px) {

div#paticka .col_3 ul{

  width: 100%;

}


div#paticka .col_3 ul li{
  font-weight: 800;
  font-size: 13px;
  line-height: 35px;
  border-top: solid 1px rgba(211, 211, 211, .4);
  margin-left: 0px;
  white-space: nowrap;
  display: inline-block;
  width: 100%;

}
div#paticka .col_3 p, div#paticka .col_3 a.logo, div#paticka .col_3 h3{
  margin-left: 0px;

}


 div#paticka .col_3 a.fa{
   margin-left: 0px;
      width: 30px;
    height: 30px;
  color: #fff;
  text-align: center;
  line-height: 30px;

}

}


/*
 tlacitko nahoru
  */
#back-top {
    position: fixed;
    bottom: 15px;
    right: 10px;
    z-index: 100;
}

#back-top a {
    width: 40px;
    height: 40px;
    display: block;
    text-decoration: none;
    color: #fff;
    /* zpomalování */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
    border-radius: 50%;
    background-color: rgba(51, 51, 51, 1);
    position: relative;
    z-index: 11111111;

}
#back-top a:hover {
    color: #fff;
}


#back-top a::before {
    content: "\f105";
    font-family:"FontAwesome";
    text-align: center;
    top: 0px;
    right: 0px;
 font-size: 18px;
 font-weight: 300;
 position: absolute;
 z-index: 11111111;
    color: rgba(255, 255, 255, .8);
    width: 40px;
    height: 40px;
    line-height: 40px;
        -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);






}




/* reklama  */
.dialog-background {width: 100%; height: 100%; background: #000; opacity: .85; position: fixed; z-index: 1000000; left: 0; top: 0; display: none}
.dialog {width: 40%; max-width: 550px;  position: fixed; left: 60%; top: 5%; min-height: 200px; margin-top: -10px; margin-left: -25%; background: #fff; color: #000; display: none; z-index: 1000000;
    -moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}
.dialog img {
  width: 100%;
}

@media all and (max-width: 640px) {
.dialog {width: 85%; position: fixed; left: 10%; top: 10%; min-height: 200px; margin-top: -10px; margin-left: -5%; background: #fff; color: #000; display: none; z-index: 1000000;
    -moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}
}


.show .dialog, .show .dialog-background {display: block;}
.dialog .zavri{ background: url(zavri.png); width: 30px; height: 30px; position: absolute; right: -20px; top: -10px; text-indent: -99999px; cursor: pointer;

        -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.6);
    box-shadow:0px 0px 5px rgba(0,0,0,0.6);
border-radius: 30px}


/* Kontejner log */
.loga {
    background-color: #f7f7f7; /* pozadí */
    height: 40px; /* výška divu */
    position: relative;
}

/* Vnit?ní wrapper pro zarovnání a max ší?ku */
.loga ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex; /* loga vedle sebe */
    gap: 10px; /* rozestup mezi logy */
    align-items: center; /* vertikální centrování */
    height: 100%;
    max-width: 1320px; /* maximální ší?ka */
    margin-left: auto; /* centrování kontejneru */
    margin-right: auto;
    justify-content: flex-end; /* zarovnání log doprava */
}

/* Odstran?ní default stylu odkazu */
.loga ul li a {
    display: block;
    width: 90px; /* ší?ka loga */
    height: 23px; /* výška loga */
    max-height: 20px; /* maximální výška loga */
    text-indent: -9999px; /* skryje text */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* Jednotlivé loga */
.loga ul li a.zulova {
    background-image: url('logo_zulova.png');
	width: 70px;
}

.loga ul li a.brehov {
    background-image: url('logo_brehov.png');
}

.loga ul li a.svatuse {
    background-image: url('logo_svatuse.png');
}

.loga ul li a.ladmovce {
    background-image: url('logo_ladmovce.png');
}

/* Zakomentované logo Orechová pokud se n?kdy použije */
.loga ul li a.orechova {
    background-image: url('logo_orechova.png');
}

/* ?ára pod logy */
.loga::after {
    content: "";
    display: block;
    height: 4px;
    background-color: rgba(0, 99, 46, 1);
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}