@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,700');

button#dphpokrq2s {
    width: 38%;
    position: relative;
    float: left;
    font-size: 1.6em;
    border: 2px solid grey;
    text-align: center;
    padding: 0.3em;
    margin-bottom: 2em;
    margin-top: 0em;
    height: 2em;
    background: black;
    color: white;
    min-width: 200px;
}
.red {
    color: red;
font-weight:bolder;
}
.clankove.red h2 {
    color: red;
    background: yellow;
}
.kondol.red {
    color: red;
    font-weight: bolder;
}
.potvrdadad {cursor:pointer;
}
.gere .polll {
    background: none;
    color: black;
}
.potvrdadad {
    width: 38%;
    position: relative;
    /* float: right; */
    font-size: 1.6em;
    border: 2px solid grey;
    text-align: center;
    padding: 0.6em;
    margin-bottom: 1em;
    margin-top: 1em;
    height: auto;
    top: -4px;
    font-size: 1.8em;
    color: white;
    height: 3em;
    position: relative;
    line-height: 2em;
    padding: 0.5em;
    background: #EA7A0E;
    width: 12em;
    /* text-align: right; */
    border-radius: 10px;
    vertical-align: -15px;
    /* float: right; */
    font-weight: bold;
    text-align: center;
    /* right: 2em; */
}
button#dphpokrq2n {
    width: 38%;
    position: relative;
    float: left;
    font-size: 1.6em;
    border: 2px solid grey;
    text-align: center;
    padding: 0.3em;
    margin-bottom: 2em;
    margin-top: 0em;
    height: 2em;
    background: black;
    color: white;
    min-width: 200px;
}

div#zostava .polll {
    background: none;
    color: black;
}
div#zostazosta777 {
    position: relative;
    float: left;
    width: 100%;
    height: 100px;
}
.zostazosta5 {
    position: fixed;
    top: 0px;
    width: 90%;
    background: grey;
}
.zostazosta5 .yccxycx .polll {
    margin-top: 0px;
}
.zostazosta {
    position: relative;
    float: left;
    width: 100%;
}
.yccxycx.cdx {
    position: absolute;
    top: 0px;
    left: 90%;
    /* float: right; */
    /* margin-right: 10%; */
}
.rzbal {
    width: 100%;
    text-align: center;
    float: left;
    position: relative;
}
.rzbal:hover {
    cursor: pointer;
}


.cetel.hottt8 {
    width: 100%;
    position: relative;
    float: left;
    color: black;
    text-align: left;
    margin-left: 10%;
    margin-bottom: 10em;
}


.red {
    color: white;
}
div#pomoc.skre {
    height: 4em;
    overflow: hidden;
}
div#pomoc2 {
    border: 1px solid grey;
    width: 16em;
    margin-left: 2em;
    padding: 0.6em;
}
div#pomoc2:hover {
cursor:pointer;
}
.fb-livechat,.fb-widget{display:none}.ctrlq.fb-button,.ctrlq.fb-close{position:fixed;right:24px;cursor:pointer}.ctrlq.fb-button{z-index:1;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyOCAxMjgiIGhlaWdodD0iMTI4cHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjggMTI4IiB3aWR0aD0iMTI4cHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnPjxyZWN0IGZpbGw9IiMwMDg0RkYiIGhlaWdodD0iMTI4IiB3aWR0aD0iMTI4Ii8+PC9nPjxwYXRoIGQ9Ik02NCwxNy41MzFjLTI1LjQwNSwwLTQ2LDE5LjI1OS00Niw0My4wMTVjMCwxMy41MTUsNi42NjUsMjUuNTc0LDE3LjA4OSwzMy40NnYxNi40NjIgIGwxNS42OTgtOC43MDdjNC4xODYsMS4xNzEsOC42MjEsMS44LDEzLjIxMywxLjhjMjUuNDA1LDAsNDYtMTkuMjU4LDQ2LTQzLjAxNUMxMTAsMzYuNzksODkuNDA1LDE3LjUzMSw2NCwxNy41MzF6IE02OC44NDUsNzUuMjE0ICBMNTYuOTQ3LDYyLjg1NUwzNC4wMzUsNzUuNTI0bDI1LjEyLTI2LjY1N2wxMS44OTgsMTIuMzU5bDIyLjkxLTEyLjY3TDY4Ljg0NSw3NS4yMTR6IiBmaWxsPSIjRkZGRkZGIiBpZD0iQnViYmxlX1NoYXBlIi8+PC9zdmc+) center no-repeat #0084ff;width:60px;height:60px;text-align:center;bottom:24px;border:0;outline:0;border-radius:60px;-webkit-border-radius:60px;-moz-border-radius:60px;-ms-border-radius:60px;-o-border-radius:60px;box-shadow:0 1px 6px rgba(0,0,0,.06),0 2px 32px rgba(0,0,0,.16);-webkit-transition:box-shadow .2s ease;background-size:80%;transition:all .2s ease-in-out}.ctrlq.fb-button:focus,.ctrlq.fb-button:hover{transform:scale(1.1);box-shadow:0 2px 8px rgba(0,0,0,.09),0 4px 40px rgba(0,0,0,.24)}.fb-widget{background:#fff;z-index:2;position:fixed;width:360px;height:435px;overflow:hidden;opacity:0;bottom:0;right:24px;border-radius:6px;-o-border-radius:6px;-webkit-border-radius:6px;box-shadow:0 5px 40px rgba(0,0,0,.16);-webkit-box-shadow:0 5px 40px rgba(0,0,0,.16);-moz-box-shadow:0 5px 40px rgba(0,0,0,.16);-o-box-shadow:0 5px 40px rgba(0,0,0,.16)}.fb-credit{text-align:center;margin-top:8px}.fb-credit a{transition:none;color:#bec2c9;font-family:Helvetica,Arial,sans-serif;font-size:12px;text-decoration:none;border:0;font-weight:400}.ctrlq.fb-overlay{z-index:0;position:fixed;height:100vh;width:100vw;-webkit-transition:opacity .4s,visibility .4s;transition:opacity .4s,visibility .4s;top:0;left:0;background:rgba(0,0,0,.05);display:none}.ctrlq.fb-close{z-index:4;padding:0 6px;background:#365899;font-weight:700;font-size:11px;color:#fff;margin:8px;border-radius:3px}.ctrlq.fb-close::after{content:'x';font-family:sans-serif}
.rohu2 {
    display: none;
}
.vide2a img:hover {
    cursor: pointer;
}
.helna4.emassa {
    background: green;
}
div#obr1vid {
    float: left;
    position: relative;
}

.rohu {
    position: absolute;
    right: 1em;
    font-size: 2em;
}
.rohu:hover {
    cursor: pointer;
}

.llll888888 {
    position: fixed;
    width: 5%;
    background: #414141;
    left: 0px;
    top: 0px;
    height: 100%;
    min-height: 100%;
}

div#upozr {
    color: red;
    font-size: 1.5em;
    font-weight: bold;
    float: left;
    position: relative;
    width: 100%;
}


.llll8888 {
    position: fixed;
    width: 5%;
    background: #414141;
    right: 0px;
    top: 0px;
    height: 100%;
    min-height: 100%;
}

.pe50 h2 {
    color: black;
    background: white;
}
.pe50 img {
    width: 3em;
    float: left;
    position: absolute;
    left: -2em;
}
span.helna3999 {
    font-size: 1.7em;
} 
.slideshow li.active {
    z-index: 10;
    opacity: 1.0;
    visibility: visible;
}
div#obr1 {
    margin-bottom: 3em;
}
.hladan:hover {
    cursor: pointer;
}
select {

    max-width: 100%;
}
.hwa {
    width: 100%;
    float: left;
    position: relative;
   
}
.hladan a:hover {
    color: red;
}

.hladan {
    margin-left: 10px;
    margin-right: 10px;
    float: left;
    /* margin-right: 10px; */
    padding: 10px;
    /* border: 1px solid #f39413; */
    background: #E9E9E9;
    border-radius: 9px;
    margin-bottom: 0.5em;
}
.hladanie {
    float: left;
    position: relative;
    width: 100%;
    margin-bottom: 2em;
    margin-top: 2em;
}

.procak.horee .polll {
    margin-top: 1em;
}
.procak.horee {
    margin-top: 1em;
}

.yccxycx .helna4 {
    float: left;
    font-size: 1em;
    left: 0em;
    margin-top: 0.5em;
}
.yccxycx p {
    font-size: 1em;
    padding-left: 5em;
}
.polllz {
    font-weight: 100;
    width: 20%;
    float: left;
    position: relative;
    padding: 4px;
}
.polllzz {
    font-weight: 100;
    width: 60%;
    float: left;
    position: relative;
    padding: 4px;
}

.polllzzz {
    font-weight: normal;
    width: 6%;
    float: left;
    position: relative;
    padding: 4px;
}
.polllzzzz {
    font-weight: normal;
    width: 14%;
    float: left;
    position: relative;
    padding: 4px;
}
h2.polll.praaa {
    float: right;
    font-size: 2em;
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
}
.helna4.emassa {
    float: left;
    font-size: 2em;
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    margin-left: 2em;
}

.helna2solos {
    WIDTH: 70%;
    FLOAT: LEFT;
    POSITION: RELATIVE;
    padding-left: 2em;
    font-weight: bold;
    text-align: left;
    margin-top: 1em;
    margin-bottom: 2em;
}
.helna4.upravka {
    top: -4px;
    font-size: 1.4em;
    color: white;
    height: 3em;
    position: relative;
    line-height: 2em;
    padding: 0.5em;
    background: #EA7A0E;
    width: auto;
    /* text-align: right; */
    border-radius: 10px;
    vertical-align: -15px;
    float: right;
    font-weight: bold;
    margin-top: 0.5em;
}




.helna4.emaa {
    /* margin: 1px; */
    margin-left: 5em;
    margin-top: 2em;
    margin-bottom: 2em;
}
.procak .hwa {
    /* padding: 2em; */
    font-size: 1em;
    padding-left: 5em;
}
.yccxycx p {
    font-size: 1em;
    padding-left: 5em;
}
.yccxycx .helna4 {
    float: left;
    font-size: 1em;
    left: 0em;
    margin-top: 0.5em;
    /* text-align: center; */
    /* display: contents; */
}


.helnad:hover {
    color: red;
}
h1 {
    text-align: center;
}
div#prvy6 {
    width: 50%;
    float: left;
    position: relative;
}
.helna4.gr {
    width: 38%;
    position: relative;
    float: right;
    font-size: 1.6em;
    border: 2px solid grey;
    text-align: center;
    padding: 0.6em;
    margin-bottom: 1em;
    margin-top: 1em;
    height: auto;
}


.m5 {
    margin-top: 3em;
}
button#hladany2 {
    top: 0px;
    font-size: 14px;
    color: #f39413;
    height: 28px;
    position: relative;
    line-height: 12px;
    padding: 2px;
}
input#hladany {
    border: 1px solid #f39413;
    font-size: 16px;
    color: #f39413;
    height: 24px;
}
div#prvy1 img {
    position: relative;
    top: 4em;
}
h2.typpc {
    width: 100%;
    background: none;
    color: black;
    font-size: 1.8em;
    margin-bottom: 2em;
    margin-top: 1em;
}
p.prec {
    text-decoration: line-through;
        color: #333131;
    top: 10px;
    position: relative;
}
.liii.pe40 {
    width: 33%;
    float: left;
    position: relative;
}
div#prvy6 p {
    width: 100%;
    position: relative;
    float: left;
}
.liii img {
    width: 100%;
}
.kondol {
    right: 1%;
    position: relative;
    float: right;
    font-size: 1.4em;
color:black;
    font-weight: 100;
}

.face2 {
    position: relative;
    left: 20px;
    top: -5px;
    width: 230px;

    float: left;
    font-weight: normal;
}
.face2 img {
    width: 35px;
    position: relative;
    top: 13px;
    left: 0px;
}
.face3 {
    position: relative;
    left: -10px;
    top: -5px;
    width: 100px;
    float: left;
}
.face3 img {
    width: 38px;
    position: relative;
    top: 13px;
    left: 0px;
}
.face {
    width: 100%;
    margin-left: 0%;
    float: left;
    position: relative;
    background: #f7931c;
    color: white;
   
    text-decoration: none;
    color: white;
    font-weight: normal;
    
    height: auto;
    padding: 10px;
    bottom: -3px;
}

.skry {
    display: none;
    opacity: 0;
}
.clankove {
    width: 90%;
    margin-left: 5%;
    float: left;
    position: relative;
 
}

.helnad {
    margin: 0 auto;
    position: relative;
    top: 100px;
    width: 200px;
}
.spodok {
    padding: 3em;
    position: relative;
    float: left;
 background-color: #333132;

    margin-top: 3px;
    width: 100%;
    margin-left: 0%;
}
.slideshow li {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8;
    opacity: 0.0;
list-style:none;
}
.clankove2 {
    width: 90%;
    margin-left: 5%;
    float: left;
    position: relative;
    margin-right: 5%;
    margin-bottom: 2em;
}
.dml {
    width: 50%;
    float: left;
    position: relative;
}

div#prvy1 {
    text-align: center;
    margin: 0 auto;
    display: table;
}
.yccxycx {
    width: 100%;
    float: left;
    position: relative;B
    margin-top: 3em;
}
.yccxycx h3 {
    width: 100%;
    position: relative;
    float: left;
    margin-top: 3em;
}
.polll {
    position: relative;
    width: auto;
    margin-top: 2em;
    background: #EA7A0E;
    padding: 10px;
    border-radius: 9px;
    float: left;
    color: white;
}
.dediv {
    float: left;
    position: relative;
    padding: 1em;
}
.desli {
    position: relative;
    float: left;
    width: 100%;
}
.denazov {
    width: 100%;
    padding: 1em;
    float: left;
    position: relative;
}
.detexty {
    padding: 1em;
}
.detexty {
    width: 100%;
    float: left;
    position: relative;
    font-weight: 100;
}
.zarpravo {
    float: right;
    margin-right: 1em;
}
.zarlavo {
    float: left;
    margin-right: 1em;
}
.slideshow li.last-active { z-index:9; } #slideshow li.last-active h2{ visibility: hidden;
} 
.slideshow {

    position: relative;
    top: 0px;
       margin: 0 auto;
}

.stredblocky {
    width: auto;
    display: inline-table;
}
.dedivobra img {
    float: left;
    position: relative;
    margin-right: 2em;
    margin-bottom: 2em;
}
.blocky {
    width: 90%;
    float: left;
    position: relative;
    margin-bottom: 1em;
text-align: center;
  left:5%;
}

@media screen and (orientation:landscape)  and (max-width: 769px) {
.niemob {
    display: none;
}


.vrchpo button#hladany2 {
    width: 40%;
}
button#hladany2 {
    top: 0px;
    font-size: 14px;
    color: #f39413;
    height: 28px;
    position: relative;
    line-height: 12px;
    padding: 2px;
}


div#prvy6 p {
    width: 100%;
    position: relative;
    float: left;
}
.yccxycx {
    width: 100%;
    float: left;
    position: relative;
    border-bottom: 1px solid grey;
    border-top: 1px solid grey;
}
.polll {
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 1em;
    text-align: center;
}
.mob {
      display: block;
    width: 100%;
    position: fixed;
    float: left;
    height: 74px;
    margin-top: 0px;
    z-index: 979;
    background: black;
top: 0px;
}
.menucko {
    width: 20%;
    /* height: 7px; */
    /* background-color: #000; */
    /* backface-visibility: hidden; */
    /* border-radius: 2px; */
    float: left;
    position: relative;
    PADDING-LEFT: 3%;
}
.uvod2 {
float: left;
position: relative;
left: 0%;
height: 100%;
width: 49%;
margin: 0 auto;
text-align: center;
}
.spodok {
      padding-left: 0em;
    padding-right: 3em;
    width: 100%;
    margin-left: 0%;
    padding-top: 3em;
}
.dml {
    width: 100%;
    margin-bottom: 2em;
 
}
.menucko2 {
    width: 43px;
    height: 62px;
}
.ciarme {
    width: 43px;
    height: 7px;
    background-color: white;
    backface-visibility: hidden;
    border-radius: 2px;
    float: left;
    position: relative;
    left: 4%;
    margin-top: 11px;
}
.uvod2 {
float: left;
position: relative;
left: 0%;
height: 100%;
width: 49%;
margin: 0 auto;
text-align: center;
}
ul.rd-navbar-nav {
    width: 100%;
    top: 75px;
    background: white;
    border: solid 1px grey;
    position: fixed;
    left: 0px;
}
a {
    color: black;
}
.rd-navbar-submenu-toggle {
    display: inline-block;
    width: 20px;
    text-align: center;
    vertical-align: middle;
    height: 20px;
    font-size: 21px;
    top: -5px;
    position: relative;
}
.logo {
    position: relative;
    top: 5px;
    height: 50px;
}
.menucko2a {
    float: right;
    position: relative;
    right: 0%;
    z-index: 999;
    WIDTH:31%;
}
.mob66 {
    float: left;
    position: relative;
    height: 90px;
    width: 100%;
}
.liii {
    min-height: 2em;
    float: left;
    position: relative;
    width: 100%;
    margin-left: 15%;
}
.mdi2 {
    display: inline-block;
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    width: 44px;
    height: 44px;
    font-size: 26px;
    position: relative;
    /* float: left; */
    color: white;
}

.aikona1 {
    width: 100%;
    top: 76px;
    background: white;
    border: solid 1px grey;
    position: fixed;
    left: 0px;
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
}
.logo img {
    height: 100%;
}
.ciarko {
    width: 15px;
    height: 15px;
    background: black;
    border-radius: 50%;
    margin-bottom: 5px;
    margin-top: 6px;
}
.oikona1bb {
    font-size: 1.2em;
}
.odk2a {
    font-size: 1.2em;
}
li {
    z-index: 99999999;
    width: 100%;
    color: black;
    font-size: 1.3em;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 42px;
}

}
@media screen and (orientation:portrait) {
.niemob {
    display: none;
}

.vrchpo button#hladany2 {
    width: 40%;
}

div#prvy6 p {
    width: 100%;
    position: relative;
    float: left;
}
.yccxycx {
    width: 100%;
    float: left;
    position: relative;
    border-bottom: 1px solid grey;
    border-top: 1px solid grey;
}
.polll {
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 1em;
    text-align: center;
}
.mob {
      display: block;
    width: 100%;
    position: fixed;
    float: left;
    height: 74px;
    margin-top: 0px;
    z-index: 979;
    background: black;
top: 0px;
}
.menucko {
    width: 20%;
    /* height: 7px; */
    /* background-color: #000; */
    /* backface-visibility: hidden; */
    /* border-radius: 2px; */
    float: left;
    position: relative;
    PADDING-LEFT: 3%;
}
.uvod2 {
float: left;
position: relative;
left: 0%;
height: 100%;
width: 49%;
margin: 0 auto;
text-align: center;
}
.spodok {
      padding-left: 0em;
    padding-right: 3em;
    width: 100%;
    margin-left: 0%;
    padding-top: 3em;
}
.dml {
    width: 100%;
    margin-bottom: 2em;
 
}
.menucko2 {
    width: 43px;
    height: 62px;
}
.ciarme {
    width: 43px;
    height: 7px;
    background-color: white;
    backface-visibility: hidden;
    border-radius: 2px;
    float: left;
    position: relative;
    left: 4%;
    margin-top: 11px;
}
.uvod2 {
float: left;
position: relative;
left: 0%;
height: 100%;
width: 49%;
margin: 0 auto;
text-align: center;
}
ul.rd-navbar-nav {
    width: 100%;
    top: 75px;
    background: white;
    border: solid 1px grey;
    position: fixed;
    left: 0px;
}
a {
    color: black;
}
.rd-navbar-submenu-toggle {
    display: inline-block;
    width: 20px;
    text-align: center;
    vertical-align: middle;
    height: 20px;
    font-size: 21px;
    top: -5px;
    position: relative;
}
.logo {
    position: relative;
    top: 5px;
    height: 50px;
}
.menucko2a {
    float: right;
    position: relative;
    right: 0%;
    z-index: 999;
    WIDTH: 31%;
}
.mob66 {
    float: left;
    position: relative;
    height: 30px;
    width: 100%;
}
.liii {
    min-height: 2em;
    float: left;
    position: relative;
    width: 100%;
    margin-left: 10%;
}
.mdi2 {
    display: inline-block;
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    width: 44px;
    height: 44px;
    font-size: 26px;
    position: relative;
    /* float: left; */
    color: white;
}

.aikona1 {
    width: 100%;
    top: 76px;
    background: white;
    border: solid 1px grey;
    position: fixed;
    left: 0px;
    text-align: center;
}
.logo img {
    height: 100%;
}
.ciarko {
    width: 15px;
    height: 15px;
    background: black;
    border-radius: 50%;
    margin-bottom: 5px;
    margin-top: 6px;
}
.oikona1bb {
    font-size: 1.3em;
}
.odk2a {
    font-size: 1.3em;
}
li {
    z-index: 99999999;
    width: 100%;
    color: black;
    font-size: 1.3em;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 42px;
}
}

.mob669 {
    position: relative;
    float: left;
    text-align: center;
}
@media screen and (orientation:landscape)  and (min-width: 769px) { 

.mob669 {
    display: none;
}
.mob {
    display: none;
}
.niemob {
    display: block;
}


.pe50 {
    width: 50%;
}
.pe40 {
    width: 40%;
}
.pe60 {
    width: 60%;
}
.pe80 {
    width: 80%;
}
.pe100 {
    width: 100%;
}


.delavo {
    text-align: left;
}
.destred {
    text-align: center;
}
.dejusti {
    text-align: justify;
}
.depravo {
    text-align: right;
}

.denazov h1, h2 {
    /* font-size: 50px; */
    display: block;
    font-size: 2em;
    -webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}




.helna4:hover {
    cursor: pointer;
}
.liii {
    min-height: 2em;
    float: left;
    position: relative;
    width: 85%;
    margin-left: 15%;
}

}


.liii {
    text-decoration: none;
    color: white;
    font-weight: normal;
   
}

*,h1,h2,h3,h4,h5,h6  { margin: 0;	padding: 0; }

a,a:hover {
	text-decoration: inherit;
	color: inherit;
	font: inherit;
}

ul, li {
margin: 0;
	line-height: inherit; 
	padding: 5px 3px;
	margin-left: 19px;
}






.liii2 {
height: 2.3em;
    float: left;
    position: relative;
    width: 31%;
    margin-left: 2%;
    margin-top: 5px;
    text-align: left;
}



.helna2ce {
    width: 100%;
    position: relative;
    float: left;
    margin-bottom: 2em;
    margin-top: 2em;
}


h1.nazow {
    font-size: 2em;
    font-weight: bold;
    text-align: left;
    margin-top: 2em;
    margin-bottom: 2em;
}
.helna3 {
    position: relative;
    float: left;
    width: auto;
    text-align: center;
    font-size: 1.6em;
    font-weight: bold;
    height: 2em;
    margin-bottom: 2em;
    margin-top: 0em;
    text-align: center;
    left: 3em;
}
.helna4 {
    top: -4px;
    font-size: 1.8em;
    color: white;
    height: 3em;
    position: relative;
    line-height: 2em;
    padding: 0.5em;
    background: #EA7A0E;
    width: 12em;
    /* text-align: right; */
    border-radius: 10px;
    vertical-align: -15px;
    float: right;
    font-weight: bold;
    text-align: center;
right: 2em;
}

.helna4k {
    top: -4px;
    font-size: 1.8em;
    color: white;
    height: 3em;
    position: relative;
    line-height: 2em;
    padding: 0.5em;
    background: #888888;
    width: 12em;
    /* text-align: right; */
    border-radius: 10px;
    vertical-align: -15px;
    float: left;
    font-weight: bold;
    text-align: center;
    left: 16%;
}
.helna1 img {
    width: 100%;
}
.helna2 {
    float: left;
    width: 76%;
    position: relative;
    font-size: 1.5em;
    margin-top: 3%;
    font-weight: bold;
}
.helna1 {
    width: 20%;
    position: relative;
    float: left;
    margin: 1%;
    text-align: center;
min-height: 170px;
}

.helna.pec {
    float: left;
    width: 76%;
    position: relative;
    margin: 0px;
    line-height: 2em;
    margin-top: 1em;
    height: auto;
font-weight: 100;
}

.helnasu {
    font-size: 1.4em;
    /* right: 0px; */
    position: absolute;
    background: #EA7A0E;
    padding-right: 1em;
    padding-left: 1em;
    color: white;
    font-weight: bold;
    bottom: 1em;
    min-width: 8em;
    border-radius: 12px;
    left: 2em;
}

.helnasu {
    font-size: 1.2em;
    /* right: 0px; */
    position: absolute;
    background: #EA7A0E;
    padding-right: 1em;
    padding-left: 1em;
    color: white;
    font-weight: bold;
    bottom: 1em;
    min-width: 7em;
    border-radius: 12px;
    left: 1.5em;
}
.helna {
    font-size: 1em;
    margin: 1em;
    height: 4em;
    margin-bottom: 0em;
    overflow: hidden;
    overflow-wrap: break-word;
}
.kart img {
    max-height: 50%;
    max-width: 50%;
}
.kart:hover {
    border: 1px solid grey;
}
a:hover {
     color: white;
}

.objednav {
    width: 100%;
    float: left;
    position: relative;
    text-align: center;
}
.kondol {
    right: 1%;
    position: relative;
    float: right;
    font-size: 1.4em;
color:black;
    font-weight: 100;
}

.face2 {
    position: relative;
    left: 20px;
    top: -5px;
    width: 230px;

    float: left;
    font-weight: normal;
}
.face2 img {
    width: 35px;
    position: relative;
    top: 13px;
    left: 0px;
}
.face3 {
    position: relative;
    left: -10px;
    top: -5px;
    width: 100px;
    float: left;
}
.face3 img {
    width: 38px;
    position: relative;
    top: 13px;
    left: 0px;
}
.face {
    width: 100%;
    margin-left: 0%;
    float: left;
    position: relative;
    background: #EA7A0E;
    color: white;

    text-decoration: none;
    color: white;
    font-weight: normal;

    height: auto;
    padding: 10px;
    bottom: -3px;
}

.liii2sk {
    float: left;
    width: 45px;
    position: relative;
    text-align: center;
    left: -5px;
    top: 0px;
}
.rd-navbar-dropdown {
    visibility: visible;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    background: white;
    position: absolute;
    left: 22em;
    z-index: 999;
    border: solid 1px black;
    top: 44px;
    width: 800px;
    padding-bottom: 2em;
}
.wf-wrap {
    text-align: center;
}
ul#me3 li {
    height: 22px;
    float: left;
    width: 100%;
}
.skry {
    display: none;
    opacity: 0;
}

.kart {
    width: 16em;
    height: 17em;
    float: left;
    position: relative;
    text-align: center;
    overflow: hidden;
}
.kart {
    width: 12em;
    height: 14em;
    float: left;
    position: relative;
    text-align: center;
    overflow: hidden;
}
.kart img {
   
}

.kart img:hover {
    backgound:grey;
}


section h2.mt0r {
    color: red;
}


.jazyk {
    position: relative;
    right: 20px;
    float: right;
}.biel p {
    background: white;
    opacity: 0.8;
    padding: 8px;
}
div#titlekocz {
    display: none;
}
div#titlekosk {
    display: none;
}
.kuk2 {
    margin-bottom: 100px;
}
span.hrube {
    font-weight: bold;
}

div#map {
    position: relative;
    float: left;
    width: 800px;
    height: 400px;
}

.chris img {
 
}
video.vide {
    width: 100%;
}
.vide2 {
    width: 100%;
    float: left;
    position: relative;
}
.stredv {
    width: 100%;
    float: left;
    position: relative;
    min-height: 370px;
}
.vide2a img {
    width: 100%;
}
.vide2a {
    width: 30%;
    float: left;
    position: relative;
    margin: 1%;
}

.chris2 p {
    text-align: left;
}
.chris2 p {
    font-size: 1em;
    margin-top: 20px;
    max-width: 800px;
    margin: auto;
}
.chris2 h2.mt0 {
    font-size: 1em;
    margin-top: 20px;
    max-width: 800px;
    margin: auto;
}
.chris88 {
    position: relative;
    float: left;
}

.chrise {
    max-width: 960px;
    margin: auto;
}
.chrisd {
    max-width: 800px;
    margin: auto;
}
.stud1 {
    width: 50%;
    float: left;
    position: relative;
    padding: 20px;
}
.chris2 {
    position: relative;
    float: left;
    text-align: left;
    width: 100%;
top: -64px;
}
.chrise h2.mt0 {
    position: relative;
    float: left;
    width: 100%;
}
.chris {
    float: left;
    text-align: center;
    margin-top: 15px;
    /* height: 250px; */
    position: relative;
    width: 41%;
    margin-right: 71px;
}
.velk {
    width: 100%;
    text-align: left;
    float: left;
    margin: 6px;
}
.prvotina h2 {
font-size: 40px;
    text-align: left;
    margin-left: 6px;
    margin-top: 15px;
    margin-bottom: 15px;
}
.lavo {
    width: 10%;
    float: left;
    position: relative;
    top: 70px;
}
.stred {
    width: 80%;
    float: left;
    position: relative;
    min-height: 370px;
}
input#a114 {
    /* font-size: 2em; */
    height: 1em;
    width: 1em;
    position: relative;
    top: 3px;
    margin-right: 10px;
}
.oblo {
    position: relative;
    width: 42px;
    height: 30px;
    overflow: hidden;
    float: left;
    top: -5px;
}
.velk img {
    height: 100%;
}
div#doprava1 {
    width: 60%;
    margin-left: 20%;
}
.velk {
    width: 100%;
    text-align: left;
    float: left;
    margin: 6px;
}
.po2 input[type="text"] {
    margin: 6px;
    font-size: 1.2em;
    max-width: 400px;
    width: 100%;
    height: 40px;
}
section.kk8 {
      padding-top: 80px;
    padding-bottom: 60px;
    margin-bottom: 20px;
    background: rgba(255,255,255,0.61);
}
.po1 {
    width: 100%;
    text-align: center;
    font-size: 1.1em;
    margin: 6px;
}
.po2 input[type="submit"] {
    width: 60%;
    height: 51px;
    margin-top: 44px;
}

.pravo {
    width: 10%;
    float: left;
    position: relative;
    top: 70px;
}
.nakpro {
    font-size: 1.4em;
    margin-top: 20px;
    position: relative;
    float: left;
}
.podklad {
    background-size: 100% auto;
    background-image: url(../surf.jpg);
    background-position: 0px -157px;
    background-repeat: no-repeat;
    color: #440506;
    text-align: center;
    background-color: rgba(43, 178, 200, 1);
    border-radius: 0;
    box-shadow: 0.1px 0.99px 3px 0px rgba(0,0,0,0.5);
    border: 3px solid transparent;
    margin: 7px;
    box-shadow: 0.1px 0.99px 3px 0px rgba(0,0,0,0.5);
    border: 1px solid rgba(136, 10, 12, 1);
}
.okno2a {
    margin: 40px;
    background-color: brown;
    background-color: rgba(237, 165, 166, 1);
    padding: 20px;
}
section.kk {
    padding: 0 0;
    margin-bottom: 20px;
}
.okno2b {
    text-align: center;
    background-color: rgba(237, 165, 166, 1);
padding-bottom: 20px;
}
.okno2b h2.mt3.text-center {
    color: #440506;
    line-height: 0.8em;
    text-align: center;
    font: normal normal normal 59px/1.2em 'eb garamond',serif;
}
.odnas:hover {
    background: #6ee7ec;
    font-weight: bold;
    color: black;
}
.odnas1 {
    width: 100%;
}
.odnas2 {
    width: 50%;
    float: left;
    position: relative;
}
body.obr1 {
    background: url(../pozadiecer.jpg) no-repeat fixed 0 top #FFFFFF;
}
body.obr2 {
    background: url(../surf.jpg) no-repeat fixed 0 top #FFFFFF;
}

section.kk.kuk1 {
    margin-bottom: 0px;
}
section.kk.kuk1.medz {
    margin-top: 100px;
}
.cya img {
         width: 100%;
    height: 100%;
}
.nastred {
        text-align: center;
    position: relative;
    /* float: left; */
    display: inline-table;
    background: rgba(255,255,255,0.61);
    padding-bottom: 40px;
    padding-top: 40px;
}
.nakprocel {
  text-align: center;
    width: 650px;
    /* float: left; */
    position: relative;
    margin: 0 auto;
}
.napra {
    float: right;
    position: relative;
    /* text-align: right; */
    margin-top: 30px;
}
span.prec {
    position: relative;
    float: left;
    font-size: 1.4em;
    margin-top: 20px;
    position: relative;
    float: left;
    text-decoration: line-through;
}
.item-button {
      border: 2px solid black;
    max-width: 139px;
    min-height: 50px;
    color: black;
    padding-top: 4px;
    font-size: 1.2em;
    text-align: center;
    cursor: pointer !important;
    position: absolute;
    width: 150px;
    /* right: 10px; */
    top: 15px;
    position: relative;
    float: left;
    margin-left: 80px;
}
.odnas3 {
    color: #FFFFFF;
    font: normal normal normal 13px/1.4em helvetica-w01-light,helvetica-w02-light,sans-serif;
    transition: color 0.4s ease 0s;
    color: #FFFFFF;
    display: inline-block;
    margin: calc(-1 * 0px) 0px 0;
    position: relative;
    white-space: nowrap;
    /* background-color: rgba(156, 156, 49, 1); */
    /* border-color: rgba(189, 191, 55, 1); */
    background-color: rgba(23, 165, 203, 1);
    border-radius: 36px;
    /* position: absolute; */
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: border-color 0.4s ease 0s, background-color 1s ease 0s;
    padding-bottom: 9px;
    padding-top: 9px;
    padding-left: 15px;
    padding-right: 15px;
}
.okno2b h3.mt3.text-center {
    color: #440506;
    line-height: 0.8em;
    text-align: center;
    font: normal normal normal 59px/1.2em 'eb garamond',serif;
    font: normal normal normal 23px/1.2em 'eb garamond',serif;
    letter-spacing: normal;
    line-height: 1.1em;
    text-align: center;
    /* font-size: 30px; */
    margin-left: 31%;
    margin-right: 31%;
}

.odnas {
    font: normal normal normal 13px/1.2em 'Open Sans',sans-serif;
    transition: color 0.4s ease 0s;
    color: white;
    display: inline-block;
    margin: 19px;
    position: relative;
    white-space: nowrap;
    background-color: rgba(86, 86, 86, 1);
    border: solid transparent 1px;
    cursor: pointer !important;
    width: 160px;
    height: 33px;
    font-size: 17px;
    padding: 7px;
    font-weight: bold;
}
h3.mt0.text-center {
    font-size: 20px;
    margin-left: 12%;
    margin-right: 12%;
}
header .menu a:hover {
    color: red;
}

h2.mt0.text-center {
    width: 100%;
    text-align: center;
}
.okno2 {
width: 100%;
    height: auto;
    min-height: 313px;
    padding: 7px;
    opacity:0.8;
    background-color: rgba(43, 43, 43, 1);
}
body.obrz {
        background: url(/img/znapl.jpg) no-repeat center center fixed;
}
body.obrkaj {
        background: url(/img/kaj.jpg) no-repeat center center fixed;
}
.odnas3:hover {
    background: rgba(156, 156, 49, 1);
    cursor: pointer;
}
.oknote3ko img {
    width: 62%;
}
.oknote3ko {
      position: relative;
    float: left;
    top: -22px;
    left: -26px;
}

.podkladkaj {
    background-size: 100% auto;
    background-image: url(/img/kaj.jpg);
    background-position: 0px -157px;
    background-repeat: no-repeat;
    color: #440506;
    text-align: center;
    background-color: rgba(43, 178, 200, 1);
    border-radius: 0;
    box-shadow: 0.1px 0.99px 3px 0px rgba(0,0,0,0.5);
    border: 3px solid transparent;
    margin: 7px;
    box-shadow: 0.1px 0.99px 3px 0px rgba(0,0,0,0.5);
    border: 1px solid rgba(136, 10, 12, 1);
}
.podkladz {
    background-size: 100% auto;
    background-image: url(/img/znapl.jpg);
    background-position: 0px -157px;
    background-repeat: no-repeat;
    color: #440506;
    text-align: center;
    background-color: rgba(43, 178, 200, 1);
    border-radius: 0;
    box-shadow: 0.1px 0.99px 3px 0px rgba(0,0,0,0.5);
    border: 3px solid transparent;
    margin: 7px;
    box-shadow: 0.1px 0.99px 3px 0px rgba(0,0,0,0.5);
    border: 1px solid rgba(136, 10, 12, 1);
}

.kuk {
    margin-top: 100px;
}
span.menu_m {
      text-transform: uppercase;
    top: 0px;
    position: relative;
}
.oknote2x {
   
    color: #440506;
    font-size: 20px;
    width: 56%;
    float: left;
    position: relative;
    height: 80px;
}
.okno2 p {
    font: normal normal normal 13px/1.2em 'eb garamond',serif;
    line-height: normal;
    letter-spacing: normal;
    /* font-weight: bold; */
    color: rgb(255, 255, 255);
    width: 95%;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
    text-align: left;
    font-size: 1.3em;
    display: list-item;
    text-align: -webkit-match-parent;
}

.sirka {
   width: 341px;
    right: 0px;
    position: relative;
    float: right;
}
h2.mt0.text-center {
    font-size: 1.4em;
}

.pr1 h2.mt0 {
    font-size: 1.4em;
}
h3.mt0 {
    font-size: 1em;
    margin-top: 20px;
}
h2.mt0 {
    font-size: 1em;
    margin-top: 20px;
}
.sirka h3 {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
    color: #440506;
    line-height: normal;
    letter-spacing: normal;
    font: normal normal normal 28px/1.2em 'Open Sans',sans-serif;
    font-size: 24px;
}
.sirka p {
    color: #440506;
    font-size: 15px;
    line-height: normal;
    letter-spacing: normal;
    word-wrap: break-word;
}

.sirka h4 {
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
    color: #440506;
    line-height: normal;
    letter-spacing: normal;
    font: normal normal normal 28px/1.2em 'Open Sans',sans-serif;
    font-size: 12px;
    word-wrap: break-word;
    font: normal normal normal 23px/1.2em 'eb garamond',serif;
    display: block;
    /* font-size: 0.67em; */
    -webkit-margin-before: 2.33em;
    -webkit-margin-after: 2.33em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    /* font-weight: bold; */
    letter-spacing: 0.1em;
}
.contact2 {
    display: block;
    
    color: #440506;
        box-shadow: 0.1px 0.99px 3px 0px rgba(0,0,0,0.5);
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px;
    content: "";
    border-radius: 0;
    
}
.headerr {
    height: 294px;
    position: relative;
    float: left;
    width: 100%;
}
.tcer {
    font-size: 2em;

}

.cerr {
    height: 143px;
    float: left;
    width: 100%;
    position: relative;
}

section.bg1 {
    /* background: rgb(240, 246, 249); */
    background-color: rgba(168, 224, 244, 0.8);
    position: relative;
    margin-left: 10%;
    width: 80%;
    margin-top: 150px;
}

.menu.c {
    position: relative;
    /* left: 200px; */
    text-align: center;
    width: 90%;
}
.slocer {
    line-height: 1.5em;
width: 300px;
    left: 50px;
    position: relative;
}
.vrte {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}

 section p {
    color: black;
    max-width: 1000px;
    margin: auto;
    font-size: 17px;
    text-align: center;
}



.header-secondary .container {
    width: 95%;
}


img.img-responsive.himg8 {
    background: none;
    border: none;
    /* width: 100%; */
    /* width: 100%; */
    max-width: 100%;
    max-height: 100%;
}

.mt0 {
    margin-top: 0px;
    margin-bottom: 15px;
    color: #440506;
    font: normal normal normal 13px/1.2em 'Open Sans',sans-serif;
    line-height: normal;
    letter-spacing: normal;
    font-size: 29px;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.6), -1px -1px 1px rgba(0, 0, 0, 0.6);
}

img.img-responsive.himg {
    background: none;
    border: none;
    width: 100%;
}
.oknoobr1 {
    width: 42%;
    float: left;
    position: relative;
}
.oknote1 {
 
    color: #440506;
    font-size: 1.5em;
    width: 56%;
    float: left;
    position: relative;
    height: 77px;
    line-height: 1em;
}
.oknote2 {
    
    color: #440506;
    font-size: 20px;
    width: 56%;
    float: left;
    position: relative;
    height: 175px;
}
.oknote2ce {
  
    color: #440506;
    font-size: 20px;
    width: 56%;
    float: left;
    position: relative;
    height: 57px;
}
.oknote2cea {
    width: 50%;
    float: left;
    position: relative;
    text-decoration: line-through;
}
.oknote2ceb {
    width: 50%;
    float: left;
    position: relative;
    font-size: 1.2em;
    font-weight: bold;
    top: -4px;
}
.Celkovo {
    background-color: rgba(43, 178, 200, 1);
    width: 100%;
    border: 1px solid black;
    margin-top: 25px;
    position: relative;
    float: left;
    margin-bottom: 25px;
    padding-bottom: 15px;
    padding-top: 15px;
}
.minu48 {
    float: left;
    position: relative;
    width: 100%;
    margin-top: 40px;
    margin-bottom: 40px;
}
.minu48 img {
    height: 100px;
}
.sirka.biel h4 {
    margin-top: 20px;
}
button#objednaj {
     width: 60%;
    height: 43px;
    background-color: rgba(130,130,130,1) !important;
    border-color: rgba(130,130,130,1);
    border-width: 1.4907786885245902px;
    color: white;
    font: normal normal normal 23px/1.2em "open sans",sans-serif;
    /* font-weight: bolder; */
}
button#objednavam {
    width: 60%;
    height: 43px;
}
.obj1a {
    width: 100%;
    text-align: center;
    font-size: 1.1em;
}
.obj1b input {
    margin: 6px;
    font-size: 1.2em;
    max-width: 400px;
    width: 100%;
    height: 40px;
}
.prvotina1 h3 {
    margin-bottom: 10px;
    margin-top: 30px;
    font-size: 2em;
    font-weight: bold;
}
.nevid {
    display: none;
}
.obj1 select {
    margin: 6px;
    font-size: 1.2em;
    max-width: 400px;
    width: 100%;
    height: 40px;
}

.oknote3 {
    
    color: black;
    font-size: 0.9em;
    /* width: 56%; */
    float: right;
    position: relative;
    top: 10px;
    right: 27px;
   
}
.minu4 {
float: left;
    position: relative;
    font-size: 1em;
    /* font-weight: bolder; */
    /* border: 1px solid black; */
    padding: 5px;
    font-family: fantasy;
    width: 48px;
    /* background: grey; */
    /* border-radius: 22px; */
}

.plu4 {
    float: left;
    position: relative;
    font-size: 1em;
    font-weight: bolder;
    /* border: 1px solid black; */
    padding: 5px;
    font-family: fantasy;
    width: 48px;
    /* background: grey; */
    /* border-radius: 22px; */
}
.minu3 {
float: left;
    position: relative;
    font-size: 1em;
    /* font-weight: bolder; */
    /* border: 1px solid black; */
    padding: 5px;
    font-family: fantasy;
    width: 48px;
    /* background: grey; */
    /* border-radius: 22px; */
}

.plu3 {
   float: left;
    position: relative;
    font-size: 1em;
    font-weight: bolder;
    /* border: 1px solid black; */
    padding: 5px;
    font-family: fantasy;
    width: 48px;
    /* background: grey; */
    /* border-radius: 22px; */
}
input.input-quantity4 {
    float: left;
    position: relative;
    width: 20px;
    float: left;
    position: relative;
    font-size: 1.2em;
    font-weight: bolder;
    /* border: 1px solid black; */
    padding: 5px;
    font-family: fantasy;
    width: 30px;
    /* background: grey; */
    margin-left: 5px;
    margin-right: 5px;
    text-align: center;
}
input.input-quantity2 {
    float: left;
    position: relative;
    width: 20px;
    float: left;
    position: relative;
    font-size: 1.2em;
    font-weight: bolder;
    /* border: 1px solid black; */
    padding: 5px;
    font-family: fantasy;
    width: 30px;
    /* background: grey; */
    margin-left: 5px;
    margin-right: 5px;
    text-align: center;
}
.minu2:hover {
    cursor: pointer;
    z-index: 999;
}
.minu4:hover {
    cursor: pointer;
    z-index: 999;
}
.plu4:hover {
    cursor: pointer;
    z-index: 999;
}
.minu3:hover {
    cursor: pointer;
    z-index: 999;
}
.plu2:hover {
    cursor: pointer;
    z-index: 999;
}
.plu3:hover {
    cursor: pointer;
    z-index: 999;
}
input.input-quantity3 {
    float: left;
    position: relative;
    width: 20px;
    float: left;
    position: relative;
    font-size: 1.2em;
    font-weight: bolder;
    /* border: 1px solid black; */
    padding: 5px;
    font-family: fantasy;
    width: 30px;
    /* background: grey; */
    margin-left: 5px;
    margin-right: 5px;
    text-align: center;
}
.minu4 {
float: left;
    position: relative;
    font-size: 1em;
    /* font-weight: bolder; */
    /* border: 1px solid black; */
    padding: 5px;
    font-family: fantasy;
    width: 48px;
    /* background: grey; */
    /* border-radius: 22px; */
}

.plu4 {
   float: left;
    position: relative;
    font-size: 1em;
    font-weight: bolder;
    /* border: 1px solid black; */
    padding: 5px;
    font-family: fantasy;
    width: 48px;
    /* background: grey; */
    /* border-radius: 22px; */
}

.minu2 {
float: left;
    position: relative;
    font-size: 1em;
    /* font-weight: bolder; */
    /* border: 1px solid black; */
    padding: 5px;
    font-family: fantasy;
    width: 48px;
    /* background: grey; */
    /* border-radius: 22px; */
}

.plu2 {
    float: left;
    position: relative;
    font-size: 1em;
    font-weight: bolder;
    /* border: 1px solid black; */
    padding: 5px;
    font-family: fantasy;
    width: 48px;
    /* background: grey; */
    /* border-radius: 22px; */
}
.minu img {
    width: 100%;
}
.plu img {
    width: 100%;
}
.minu2 img {
    width: 100%;
}
.plu2 img {
    width: 100%;
}
.minu3 img {
    width: 100%;
}
.plu3 img {
    width: 100%;
}
.minu4 img {
    width: 100%;
}
.plu4 img {
    width: 100%;
}
.minu {
float: left;
    position: relative;
    font-size: 1em;
    /* font-weight: bolder; */
    /* border: 1px solid black; */
    padding: 5px;
    font-family: fantasy;
    width: 48px;
    /* background: grey; */
    /* border-radius: 22px; */
}

.plu {
    float: left;
    position: relative;
    font-size: 1em;
    font-weight: bolder;
    /* border: 1px solid black; */
    padding: 5px;
    font-family: fantasy;
    width: 48px;
    /* background: grey; */
    /* border-radius: 22px; */
}
.oknote4ob {
    width: 56%;
    float: left;
    position: relative;
    height: 61px;
    width: 140px;
    left: 52px;
}
.oknote3ob {
    width: 56%;
    float: left;
    position: relative;
    height: 61px;
    width: 140px;
    left: 52px;
}
.plu:hover {
    cursor: pointer;
    z-index: 999;
}
.minu:hover {
    cursor: pointer;
    z-index: 999;
}

input.input-quantity {
     float: left;
    position: relative;
    width: 20px;
    float: left;
    position: relative;
    font-size: 1.2em;
    font-weight: bolder;
    /* border: 1px solid black; */
    padding: 5px;
    font-family: fantasy;
    width: 30px;
    /* background: grey; */
    margin-left: 5px;
    margin-right: 5px;
    text-align: center;
}
.lavo:hover {
    cursor: pointer;
}
.pravo:hover {
    cursor: pointer;
}
.okno {
        background-color: rgba(43, 178, 200, 1);
    width: 100%;
    height: auto;
    min-height: 328px;
    padding: 7px;
    float: left;
}
.skry {
    display: none;
}
span.menu_m {
    color: #440506;
}


.okno1 {
   
    float: left;
    background-color: rgba(43, 178, 200, 1);
    border-radius: 0;
    box-shadow: 0.1px 0.99px 3px 0px rgba(0,0,0,0.5);
    border: 3px solid transparent;
    margin: 7px;
    box-shadow: 0.1px 0.99px 3px 0px rgba(0,0,0,0.5);
    border: 1px solid white;
    padding-top: 11px;
}


h3.mt10 {
    color: #440506;
    font: normal normal normal 13px/1.2em 'Open Sans',sans-serif;
    line-height: normal;
    letter-spacing: normal;
    font-size: 19px;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.6), -1px -1px 1px rgba(0, 0, 0, 0.6);
    margin-bottom: 20px;
}
.himg {
	max-height: 280px;
	padding: 5px;
	border: 1px solid rgb(216, 215, 215);
	background: #ffffff;
}

.ikona {
	width: 40px;
	float: left;
	margin: 0 20px;
}

.w50 { width: 50px;}
.w65 { width: 65px;}


.himg2 {
	height: 350px;
	padding: 5px;
	border: 1px solid rgb(216, 215, 215);
	background: #ffffff;
}

.ikona {
	width: 40px;
	float: left;
	margin: 0 20px;
}

.w50 { width: 50px;}
.w65 { width: 65px;}



.kart:hover {
    cursor: pointer;
}
.kartvel {
    position: relative;
    float: left;
    width: 100%;
    background: #E9E9E9;
    color: black;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 15px;
}

body {
	    
width: 100%;
    height: 100%;
       font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: normal;
color: #2B2A29;
   
  }

.helna1solo {
    width: 30%;
    position: relative;
    float: left;
    min-height: 400px;
}
.helna1solo img {
    width: 100%;
}

.helna4.fe {
    width: 38%;
    position: relative;
    float: right;
    font-size: 1.2em;
    border: 2px solid grey;
    text-align: center;
    padding: 0.3em;
    margin-bottom: 1em;
    margin-top: 0em;
    height: auto;
}


.helna2solo {
    WIDTH: 70%;
    FLOAT: LEFT;
    POSITION: RELATIVE;
    padding-left: 2em;
    font-size: 2em;
    font-weight: bold;
    text-align: left;
    margin-top: 1em;
    margin-bottom: 2em;
    overflow-wrap: break-word;
}
.helna3solo {
    float: left;
    position: relative;
    width: 100%;
    background: #E9E9E9;
    padding: 2em;
    font-weight: 100;
    overflow-wrap: break-word;
}



.hrubq {
    font-weight: bold;
   
}


.procak h3 {
    padding-left: 1em;
}
.procak h2 {
    margin-bottom: 1em;
    margin-top: 1em;
}
.procak p {
        padding: 1em;
    font-weight: 100;
}
.skrys {
    display: none;
}
.procak {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    background: #ef7033;
}



div#prvy1 p {
    top: 0em;
    position: absolute;
    text-align: center;
    left: 44%;
}

h1,h2 { font-size: 50px; }
h3 { font-size: 40px; }




.bg2 p {
    color: #440506;
}
.bg2 h2 {
    padding-bottom: 8px;
    font-weight: 700;
    font: normal normal normal 59px/1.2em 'eb garamond',serif;
}
.jedin {
    text-align: center;
    margin-top: 60px;
}

.kont1 input.field__input.ng-pristine.ng-invalid.ng-invalid-required.ng-valid-pattern.ng-touched {
    border-width: 1.4907786885245902px;
    border-color: rgba(68,5,6,1);
    background-color: rgba(221,119,121,1);
    color: rgb(255, 255, 255);
    font: normal normal normal 15px/1.2em "open sans",sans-serif;
    width: 50%;
    height: 38px;
}




#slideshow { 
    position: relative;
    width: 100%;
    height: 350px;
}

#slideshow > div { 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    right: 10px; 
    bottom: 10px; 
}


.pravacka h2 {
    text-align: center;
    color: #440506;
    margin-top: 20px;
}



.pravacka {
      background-color: rgba(237, 165, 166, 0.4);
    height: 340px;
    float: left;
    top: 15px;
    right: 15px;
}

#slider {
    position: relative;
    overflow: hidden;
    
    width: 100%;
    height: 350px;
}
.lapra {
    position: relative;
    height: 350px;
}
.lapra img {
    position: absolute;
}
.lavacka {
    /* background-color: rgba(237, 165, 166, 0.4); */
 
    height: 350px;
    float: left;
    top: 0px;
    position: absolute;
    left: 0%;
}
span.ng-binding.ng-scope {
    background-color: rgba(130,130,130,1) !important;
    border-color: rgba(130,130,130,1);
    border-width: 1.4907786885245902px;
    color: white;
    font: normal normal normal 15px/1.2em "open sans",sans-serif;
}
button.button.subscribe-button {
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    background-color: rgba(130,130,130,1) !important;
    border-color: rgba(130,130,130,1);
    border-width: 1.4907786885245902px;
    color: white;
    font: normal normal normal 15px/1.2em "open sans",sans-serif;
    padding: 9px 14px;
    border-style: solid;
    white-space: nowrap;
}


.konta {
    height: 175px;
    margin-top: 30px;
}
.konta2 {
    margin-top: 75px;
}


.kont1 {
    font-size: 0.6em;
    height: 60px;
    text-align: left;
    float: left;
    width: 100%;
    position: relative;
    font: normal normal normal 22px/27px "eb garamond",serif;
}

img.img-responsive.himg2 {    background: none;
    border: none;
    width: 100%;}



header .menu a { padding: 0 20px; font-size: 17px; }

.logo { display: inline-block;}

.home {
	width: 100%;
	background: url("/img/bg_header.jpg");
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
	color: rgb(255,255,255);
	text-align: center;
	min-height: 400px;
}

.home h1, .home h2 {     
	margin: 90px 0 20px;
   display: inline-block;
   padding: 10px 30px;
   background: rgb(37, 108, 177);
   font-weight: bold; 
}
   
.home h2 { margin: 20px 0 20px; color: #ffffff;}
.home .maxbox { max-width: 800px; margin: 0 auto; margin-top: 50px;}
.home .mb {	margin-bottom: 40px;}

.navbar-toggle { 
	border: 2px solid rgb(255, 255, 255); 
	position: static ; 
	float: none;
	margin-right: 10px;
	padding: 9px 10px;
	margin: 0;
	border-radius: 4px;
}
.navbar-toggle .icon-bar { background: #ffffff; }

section { padding: 70px 0;}

section .bold h2 { 
padding-bottom: 8px;
    font-weight: 100;
    font-size: 2em;
    color: #440506;
    margin-top: 20px;
    margin-bottom: 20px;
}


section h2 { color: rgb(37, 108, 177); font-weight: bold; }
.mt0 { margin-top: 0px; margin-bottom: 15px; }
section p  {  max-width: 1000px; margin: auto; font-size: 18px }

section h2.dg { color: #2e2e2e }


contact {
    display: block;
    /* background: rgb(37, 108, 177); */
    color: #ffffff;
    font-size: 33px;
    line-height: 120px;
    font-weight: bold;
        background: linear-gradient(to bottom,#11A5C9 , #90C62A);
    padding: 6px;
    width: 90%;
    margin-left: 5%;
}

contact .maxbox {	max-width: 800px;	margin: 0 auto;}

.menu > button { display: none; }

@media screen and (min-width: 768px) and (max-width: 992px) {
	header .col-sm-12 { text-align: center;}
}

@media screen and (max-width: 768px) {
	section h2 { margin-top: auto;}
		ul, li { list-style: none; padding: 10px;}
	.ikona { display: block; float: none; margin: 15px auto;} 
	
	section img { margin: 0 auto; }	
	contact { font-size: 30px; line-height: 80px;	}
	footer {	padding-bottom: 30px;}
	.display-cell { display: block;}
	.img-responsive {	display: inline-block;}
	.menu_m { display: none; width: 100%;}
	.navbar-toggle .icon-bar { background: #ffffff; }
	.display-table{ display: block; table-layout: auto;}
	.text-left, .c { text-align: center;}
	.menu a {
	  	display: none;
    	width: 100%;
      display: block;	
      font-size: 20px;
    	line-height: 35px; 	
	}
	.menu button {
    	display: block;
    	margin: 0 auto;
    	margin-top: 10px;
    	margin-bottom: 15px;
	}
}



@media screen and (min-width: 768px)  {
	.okno1 {     width: 32%;}
    .lavacka {     width: 50%;}
   .pravacka {     width: 49%;}
 .pravacka {position: absolute;}}

@media screen and (max-width: 768px)  {
	.okno1 {     width: 100%;}.lavacka {     width: 100%;text-align: left;}
   .pravacka {     width: 100%;}
 
.pravacka {text-align: left;}}


@media screen and (max-width: 768px){

.vrchpo button#hladany2 {
    width: 40%;
}
.helna4 {
    width: 100%;
}
.helna4k{
    width: 100%;
}

.blocky {
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 1em;
  left:0%;
}
.stredblocky {
    display: block;
 width: 100%;
}

.helna1 {
    width: 100%;
    position: relative;
    float: left;
    margin: 0%;
    text-align: center;
}
.helna2 {
    float: left;
    width: 100%;
    position: relative;
    font-size: 1.2em;
    margin: 0%;
        overflow-wrap: break-word;
}
.helna3 {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    font-size: 1.6em;
    font-weight: bold;
    height: 2em;
    margin-bottom: 2em;
    margin-top: 2em;
    text-align: left;
}
.helna4 {
    top: -4px;
    font-size: 1.8em;
    color: white;
    height: 3em;
    position: relative;
    line-height: 2em;
    padding: 0.5em;
    background: #EA7A0E;
    width: 12em;
    /* text-align: right; */
    border-radius: 10px;
    vertical-align: -15px;
    float: right;
    font-weight: bold;
    text-align: center;
right: 2em;
}
.helna.pec {
    margin: 1%;
    float: left;
    width: 76%;
    position: relative;
    /* font-size: 1.5em; */
    height: auto;
    font-weight: 100;
}
.helna4k {
    top: -4px;
    font-size: 1.8em;
    color: white;
    height: 3em;
    position: relative;
    line-height: 2em;
    padding: 0.5em;
    background: #888888;
    width: 12em;
    /* text-align: right; */
    border-radius: 10px;
    vertical-align: -15px;
    float: left;
    font-weight: bold;
    text-align: center;
    left: 2em;
}
.helna.pec {
    margin: 1%;
    float: left;
    width: 76%;
    position: relative;
    /* font-size: 1.5em; */
    height: auto;
    font-weight: 100;
}
.kartvel {
    FONT-SIZE: 0.8em;
}


.clankove {
    width: 100%;
    margin-left: 0%;
    float: left;
    position: relative;
}
.helna4 {
    left: 0%;
    float: left;
    margin-top: 1em;
}

.helna4k {
    left: 0%;
    float: left;
    margin-top: 1em;
}
.helna1solo {
    width: 100%;
}

.helna2solo {
    WIDTH: 100%;
    overflow-wrap: break-word;
}

.helna4.gr {
    width: 100%;
}

.procak .hwa {
    /* padding: 2em; */
    font-size: 0.8em;
    padding-left: 0em;
}
.polllz {
    width: 100%;
font-weight: 100;
}
.polllzz {
    width: 100%;
font-weight: 100;
}
.polllzzz {
    width: 50%;
}

.polllzzzz {
    width: 50%;
}
.helna1 img {
    width: 80%;
}

.helna1solo img {
    width: 90%;
}
.helna2solos {
    WIDTH: 90%;
}
h1.nazow {
    font-size: 1.6em;
    font-weight: 100;
}
.helna3 {
    width: 100%;
    left: 0em;
text-align: center;
}
.helna4.upravka {
    font-size: 1.4em;
    margin-top: 1.5em;
    right: 0em;
}
.helna1solo {
    min-height: 40px;
}
h1.nazow {
    font-size: 1.6em;
    font-weight: 100;
    margin-top: 0em;
    margin-bottom: 0em;
    overflow-wrap: break-word;
}

.pe50 {
    width: 100%;
}
.pe40 {
    width: 100%;
}
.dediv {
  padding: 0em; 
}

.pe60 {
    width: 100%;
}
.pe80 {
    width: 100%;
}
.pe100 {
    width: 100%;
}
.rohu {
    display: none;
}
.rohu2 {
    position: absolute;
    right: 0em;
    font-size: 2em;
    top: 2em;
    display: block;
    z-index: 99999;
}
}


.fe {

    margin-bottom: 0.5em;
    margin-top: 0.5em;

}


.uprav {
    margin-bottom: 2em;
    margin-top: 2em;
}
.kart:hover {
    background: #CECECE;
    
}


h2 {
    /* font-size: 22px; */
    width: auto;
    margin: auto;
    background: #EA7A0E;
    padding: 10px;
    border-radius: 9px;
    float: left;
    color: white;
}
.hh2 {
    clear: both;
}

.helna4.uprav {
    top: -4px;
    font-size: 1.8em;
    color: white;
    height: 3em;
    position: relative;
    line-height: 2em;
    padding: 0.5em;
    background: #EA7A0E;
    width: auto;
    /* text-align: right; */
    border-radius: 10px;
    vertical-align: -15px;
    float: right;
    font-weight: bold;
}

.kartvelsolo {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 3em;
}



@media screen and (max-width: 768px){
.zostazosta5 {
    top: 74px;
    width: 100%;
}
.zostazosta5 .yccxycx {

    position: relative;
    border-bottom: none; 
    border-top: none; 
}

.yccxycx.cdx {
    position: relative;
    top: 0px;
    left: 0%; 
    /* float: right; */
    margin-top: -1em;
 width: 50%;
    margin-bottom: -1em;
}
.rzbal {
    width: 50%;
    text-align: center;
    float: left;
    position: relative;
    text-align: center;
    top: -12px;
}


div#prvy6 p {
    width: 100%;
}
.helna4.emaa {
    margin-left: 0em;
}
.helna4.emassa {
    margin-left: 0em;
}
div#prvy6 {
    width: 100%;
}
.hladan {
    font-size: 0.8em;
}

.helna4 {
    width: 100%;
}
.helna4k{
    width: 100%;
}
.helna.pec {
    width: 100%;
}
.headerr {
    height: 76px;
}
.clankove2 h2 {
    width: 100%;
    text-align: center;
}

.llll8888 {
      display: none;
}

.llll888888 {
       display: none;
}
.pe50 img {
        display: none;
}
.roh {
    position: absolute;
    left: 94%;
    font-size: 1.2em;
    font-weight: bold;
}
.helna4.fe {
    width: 100%;
}

}

ul#menucko2 {
    PADDING-LEFT: 67PX;
    background: black;
    color: white;
    text-align: left;
}

ul, li {
    margin-left: -22px;
    /* right: 10px; */
    /* left: 0px; */
    margin-right: 0px;
    line-height: 1em;
}
ul#menucko2 a {
    color: white;
}
span#kusss8mo {
    height: 52px;
    min-width: 34px;
    background: #EB7B0F;
    float: right;
    margin: 5px;
    padding: 8px;
        font-size: 1.5em;
    color: white;
    border-radius: 8px;
}


.helnad {
    margin: 0 auto;
    position: relative;
    /* top: 100px; */
    width: 60px;
    height: 60px;
    background: #EA7A0E;
    border-radius: 8px;
    color: white;
    font-weight: bold;
    font-size: 2em;
    top: 3em;
}
.sviet {
    background: yellow;
}
.butvelk {
    background-color: green;
}


.akcia {
    position: absolute;
    -webkit-transform: rotate(-45deg);
    transform: rotateY(45deg);
    transform: rotate(-45deg);
    top: 6em;
    background: #16eb30;
    font-size: 1em;
    opacity: 0.8;
    font-weight: bolder;
    color: black;
    left: 2em;
}


.hh2.red {
    background: #93e593;
    color: black;
    font-weight: bolder;
    font-size: 2em;
}