body{
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
    background-color: Transparent;
}
html, body{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: "Arial CE",Arial,Tahoma,"Helvetica CE",Helvetica,sans-serif;
}
div,label,h1,a,span,input{
    position: relative;
    float: left;
    box-sizing: border-box;
}
.uppercase {text-transform:uppercase;}
.po_fl_no{
    position: static;
    float: none;
}
.cent{
    /*width: 1200px;*/
    width: 2048px;
    margin: 0 auto;
    height: 100%;
}
.visible{
    clip: rect(0px, 0px, 0px, 0px);
    position: absolute;
    float: none;
}
.hlavicka, .sekce{
    width: 100%;
}
.sekce.list {width:90%;max-width:1024px;margin-left:auto;margin-right:auto;float:none;}
/*hlavicka*/
.men_naz{
    width: 100%;
    height: auto;
    margin: 0 0 0 0;
    background: #74c4d4;
    padding: 0 0 8px 0;
}
.menu_butt{
    cursor: pointer;
    width: 5%;
    height: 55px;
    font-size: 40px;
    text-align: center;
    line-height: 55px;
    color:#000;
    text-decoration:none;
}
.fuc{
    display: none;
}
.nazev{
    margin: 0;
    width: 90%;
    text-align: center;
    color: white;
    font-size: 28px;
    line-height: 55px;
}
.option{
    background: url(/web/img/nastaveni.png) center center no-repeat;
    width: 5%;
    height: 55px;
}
.optionlist{
    background: url(/img/nastaveni.png) center center no-repeat;
    width: 5%;
    height: 55px;
}
#geoloc{
    background: url(/img/geoloc.png) center center no-repeat;
    width: 23px;
    height: 35px;
    cursor:pointer;
    background-size:cover;
    margin-left:23px;
    margin-top:13px;
}
.pozadi{
    width: 100%;
    height: auto;
    max-height: 430px;
}
.pozadi img{
    width: 100%;
    max-height: 430px;
    background-position: center center;
    background-size: cover;
}
.pozadi .leva{
    position: absolute;
    bottom: 20px;
    left: 25px;
}
.ikol{
    width: 91px;
    height: 66px;
    background: #74c4d4;
    border-radius: 10px;
    margin: 0 5px;
}
.iko_odk{
    width: 100%;
    height: 100%;
    padding: 44px 0 0 0;
    text-align: center;
    text-decoration: none;
    color: #f9fcfd;
}
.iko_odk span{float:none;}
.telefon{
    background: url(/web/img/tele.png) center 8px no-repeat;
}
.oblibene{
    background: url(/web/img/srce.png) center 8px no-repeat;
}
.fotografie{
    background: url(/web/img/fotak.png) center 8px no-repeat;
}
.web{
    background: url(/web/img/web.png) center 8px no-repeat;
}
.telefon, .oblibene, .fotografie, .web{
    background-size: 36%;
}
.pozadi .prava{
    position: absolute;
    right: 0;
    top: 50px;
    width: 220px;
}
.ikop{
    background: rgba(255, 255, 255, 0.85);
    float: right;
    border-radius: 10px 0 0 10px;
    margin: 5px 0;
    font-size: 22px;
    position:relative;
}
.share{
    background: url(/web/img/share.png) center center no-repeat;
    width: 35px;
    height: 35px;
    margin: 5px 10px;
}
#share {display:none;position:absolute;top:-5px;right:37px;padding-top:8px;padding-bottom:2px;padding-left:8px;background:#fff;width:232px;border-radius:10px 0 0 10px;}
.recenze{
    margin: 15px 15px;
    color: #c66d6c;
    min-width: 90px;
	float:left;
}
.cel_rec{
    float: right;
    background: #b3201b;
    color: #f8efef;
    text-align: center;
    margin: 11px 0;
    padding: 4px 8px;
    border-radius: 10px 0 0 10px;
}
/*hlavicka konec*/
/*menu*/
.menu{
    z-index: 1005;
    position: absolute;
    top: 60px;
    left: 0;
    background: #2a2a2a;
    box-shadow: 2px 2px 5px #2a2a2a;
    max-height: 850px;
    width: 0px;
    overflow: hidden;
    transition: width 1s;
}
.menulist{top:5px;}
.ukaz .menu{
    width: 210px;
    display: block;
}
#lang .menu 
{
    right: 0;
    left: unset;
    float: none;;
}
#lang
{
    float: right;
}
.str{
    min-width: 210px;
    max-height: 850px;
    padding: 10px 0 20px 20px;
    margin: 0;
    box-sizing: border-box;
}
.str li{
    border-bottom: 1px solid #77c4d3;
    list-style: none;
    padding: 0;
    margin: 0;
}
.str a{
    color: #ffffff;
    margin: 0;
    float: none;
    padding: 10px 0;
    font-size: 20px;
    display: block;
    text-decoration: none;
}
/*menu konec*/
/*sekce*/
.ramecky{
    background: white;
    width: 100%;
    margin: 0 0 0.5% 0;
    padding: 15px;
}/*border: 1px solid #74c4d4;*/
.ram_konec{
    border-bottom: none;
    margin: 0 0 0 0;
}
hr{
    position: relative;
    float: left;
    width: 100%;
    height: 1px;
    background: #e2e2e4;
    border: none;
    margin: 5px 0;
    clear:both;
}
.hlN:after,.hlN:before{
	content:"";width:40px;height:1px;
    background: #74c4d4;
    display:inline-block;
    margin:0 15px;vertical-align: middle;
}
.txt{
    width: 100%;
    color: #464955;
    font-size: 15px;
    margin-bottom:10px;
    margin-top:10px;
	word-wrap: break-word;
}
.txt a {
    float:none;
}
.popis_modra{
    color: #7aafbb;
    margin: 0 10px 0 0;
}
.pop_txt{
    width: 100%;
    color: #929497;
}
.txt_pul{
    width: auto;
}
.boxik:after{content:"";display:block;clear:both;}
.boxik{max-width:800px;margin:3em auto 0;float:none;}
.boxik .popis_modra{margin:1em 0 0;display:block;float: none;font-size: 1.2em;}
.boxik p{margin:0.8em 0 0;padding:0;}

#fotok.boxik,#map.boxik{margin-bottom:0.5em}

.tc{text-align:center;}
.tl{text-align:left;}div.tl{float:none;margin-top:0.8em;}div.tl ul{margin:0 0 0.8em 1.5em;padding:0;}
/*.tc .popis_modra{width: 0;white-space: pre;margin-right: 0;}*/
/*.tvetsi{font-size:1.2em;width:100%;margin-right:0;}*/
.tc.oh .popis_modra{float:left;margin-bottom: 0.8em ;}
.tc.oh .openhour .uppercase{float:none;}
.widd1{
    width: 18px;
}
.widd2{
    width: 36px;
}
.widd3{
    width: 54px;
}
.widd4{
    width: 72px;
}
.widd5{
    width: 90px;
}
.malej_fotak{
    background: url(/web/img/malej_fotak.png) no-repeat;
    width: 38px;
    height: 33px;
    margin: 5px 20px 0 0;
}
.mapa{
    background: url(/web/img/mapa.png) no-repeat;
    width: 26px;
    height: 38px;
    margin: 5px 20px 0 0;
}
.maps{
    width: 100%;
    height: 300px;
    border-radius: 10px;
}
.fotky{
    width: 100%;
}
.foto_box{
    width: 80px;
    height: 80px;
    margin: 0 15px 15px 0;
}
.fot_img, .fot_img img{
    width: 100%;
    height: 100%;
    border-radius: 8px;
}
.schov_foto{
    max-height: 0px;
    overflow: hidden;
    transition: max-height 1s;
}
.foto_dalsi .schov_foto{
    max-height: 475px;
    display: block;
}
.foto_hidden, .menu_hidden {display:none}

.menu_box{
    width: 80px;
    height: 80px;
    margin: 0 15px 15px 0;
}
.openhour {float:none;}
.dolar {color:#bbb;width:100%;}
.dolarAll{font-size: 1.5em;}
.dolar .dolarcolor {color:#65b46e;float:none;}
.dolar.tc .txt{line-height:0;}

.butt_all{
    width: 250px;
    height: auto;
    margin: 10px auto;
    font-size: 20px;
    line-height: 48px;
    text-align: center;
    text-decoration: none;
    color: white;
    border-radius: 10px;
    background: #74c4d4;
    float:none;
    padding: 0 20px;
    display:block;
    clear:both;
}
.butt_all:hover{
    background: #333745;
}
#jidellist {text-align:center;}
/*#jidellist h2 {float:left;}*/
#jidellist a {float:none;clear:both;display:block;}
/*#jidellist a:link , #jidellist a:hover, #jidellist a:active, #jidellist a:visited {color:#000;text-decoration:none;}*/
#jidellist .butt_all {line-height:100px;}
#jidellist .butt_all img {vertical-align: middle;margin-right:10px;margin-bottom:3px;}
.box_hodnoceni{
    width: 100%;
    font-size: 13px;
}
.d_leva{
    width: 300px;
}
.d_prava{
    float: right;
    width: 250px;
}
.portret{
    position: relative;
    float: left;
    border-radius: 10px;
}
.jmeno, .jmenolist p {color: #7aafbb;margin: 0 0 0 15px;}
.jmeno {line-height: 78px;}
.sekce.list .jmeno, .sekce.list .adresa p, .jmenolist p {font-size:1.3em;}
.sekce.list .adresa, .sekce.list .jmenolist {height: 78px;display:table;}
.sekce.list .adresa div, .sekce.list .jmenolist div {vertical-align:middle;display:table-cell;float:none;}
.sekce.list .adresa div {text-align:center;}
.sekce.list .adresa p, .sekce.list .jmenolist p{margin:0;float:none;}
.sekce.list .jmenolist {margin-left:10px;width:200px}
.cas_datum{
    background: url(/web/img/hodiny.png) no-repeat;
    width: auto;
    height: 26px;
    color: #8b8b8b;
    line-height: 26px;
    margin: 15px 0 0 0;
    padding: 0 0 0 35px;
}
.hodnoceni{
    color: #c05655;
    line-height: 31px;
    margin: 0 10px 0 0;
}
.clearFloat {clear:both; width:100%;float:none;}
.clearAfter {margin-bottom:5px; width:100%}
.hvezda{
    background: url(/web/img/hvezda_plna.png);
    width: 31px;
    height: 31px;
}
.hvezda.prazdna{
    background: url(/web/img/hvezda_prazdna.png);
}
.odkad{
    margin: 15px 0 0 0;
    padding: 0 35px 0 0;
    width: 220px;
    height: 35px;
    line-height: 35px;
}
.zakaznik{
    background: url(/web/img/rege.png) no-repeat right;
    color: #757575;
}
.navstevnik{
    background: url(/web/img/pribor.png) no-repeat right;
    color: #d4c15f;
}
body.restList{background:none!important;}
.restList {padding-top:64px}
.restList .hlavicka {position:fixed;top:0;z-index:1;min-width:335px;}
.restList .list {margin-left:auto;margin-right:auto;color:#808288;font-size:20px;width:90%;height:172px;background-color:#fff;position:relative;margin-bottom:4px;margin-top:2px;border:2px solid #74c4d4;float:none;}
.restList .list .resLogo {top:17px;left:22px;position:absolute;}
.restList .list .resLogo img, .restList .list .resLogo {width:134px;height:134px;border-radius:14px;}
.restList .list .resAddress {top:62px;left:177px;position:absolute;background:url(/web/img/mapa.png) 0 0 no-repeat;background-size:14px 20px;padding-left:28px;}
.restList .list .resName {top:21px;left:174px;position:absolute;color:#333746;font-size:28px;}
.restList .list .resRating {top:114px;left:177px;position:absolute;}
.restList .list .resRating span {padding-left:10px;line-height:35px;}
.restList .list .resPhone {top:119px;left:469px;position:absolute;background:url(/web/img/tele.png) 0 0 no-repeat;background-size:20px 20px;padding-left:28px;}
.restList .list .resPhoto {top:119px;left:686px;position:absolute;background:url(/web/img/fotak.png) 0 0 no-repeat;background-size:23px 20px;padding-left:28px;}
.restList .list .resPrice {top:117px;right:20px;position:absolute;font-size: 27px;font-weight: bold;}
.restList .list .resPrice span {color:#62b56b;}

.restList .list:hover {border-color:#333746;background-color:#333746;}
.restList .list:hover .hvezda {background-image: url(/web/img/hvezda_plna_hover.png);}
.restList .list:hover .hvezda.prazdna {background-image: url(/web/img/hvezda_prazdna_hover.png);}
.restList .list:hover .resAddress {background-image:url(/web/img/mapa_hover.png);}
.restList .list:hover .resPhone {background-image:url(/web/img/tele_hover.png);}
.restList .list:hover .resPhoto {background-image:url(/web/img/fotak_hover.png);}
.restList .list:hover .resName {color:#fff;}

#filter_div{ background-color:#f0f0f0; position:absolute;top:62px;left:0;width:100%;padding:20px;}
#filter_div div{padding:5px;}
#filter span {width:90%;position:relative;margin-top:4px;}
.round_button {border-radius: 10px;color:#fff;background-color:#77c4d3;padding:10px;margin:5px 5px 0 0;font-size:1em;font-weight:bold;border:none;}
.round_button.set_hidden_selected {background-color:#333745;}
.round_select {border-radius: 10px;margin:5px 5px 0 0;border:2px solid #333745;font-size:1em;}
.round_select option {padding:10px;font-size:1em;}
.round_input {border-radius: 10px;margin:5px 5px 0 0;border:2px solid #333745;font-size:1em;padding:10px;}
#header_search_text {width:95%;margin-left:5%;}
#filter_button {position:absolute;top:10px;border:none;background-image:url('/img/setup.png');width:50px;height:35px;background-color:transparent;right:5px;background-size:cover;cursor:pointer;}

#noresult {margin-left: 5%;margin-top: 20px;}
.restList .option{
    width: 35px;
    height:35px;
    background-size: cover;
    margin-top: 13px;
    margin-left: 15px;
}

/*sekce konec*/

#obchpodm h2 {text-decoration:underline;cursor:pointer;}

/*responziv*/
@media(max-width:2048px) {
    .cent{
        width: 100%;
    }
}
@media(max-width:1200px) {
    /*    .cent{
    width: 100%;
    }*/
    .menu_butt, .option{
        width: 10%;
    }
    #geoloc{width:16px;height:24px;margin-left:16px;margin-top:18px;}
    .nazev{
        width: 80%;
    }
    .restList .option{
        width: 24px;
        height:24px;
        margin-top: 17px;
        margin-left: 5px;
    }

}
@media(max-width:1024px){
    .restList .list .resPhone {top:170px;left:22px;}
    .restList .list .resPhoto {top:170px;left:239px;}
	.restList .list{height:208px;}
	.restList .list .resLogo, .restList .list .resName, .restList .list .resAddress, .restList .list .resRating, .restList .list .resPhone, .restList .list .resPhoto{font-size: 0.8em;}
}
@media(max-width:740px) {
    .restList #filter {
        width: 95%;
    }
}
@media(max-width:730px){
    .pozadi .prava{
        top: 0;
        width: 200px;
    }
    .recenze{min-width: 80px;}
}
@media(max-width:640px) {
	.restList .list{width:100%;}
}
@media(max-width:639px) {
/*    body {transform: scale(0.75)}*/
}
@media(max-width:479px) {
    /*body {transform: scale(0.5)}*/
}
@media(max-width:605px) {
    .d_prava,.d_leva{
        float: left;
    }
    body{
        min-width: 335px;
    }
    .pozadi .leva{
        bottom: 7px;
        left: 5px;
    }
    .pozadi, .pozadi img{
        /*min-height: 325px;*/
    }
    .recenze,.cel_rec{font-size:3vw;}
}
@media(max-width:540px) {
	.restList .list .resPrice{top:165px;}
}
@media(max-width:533px) {
    .ikol{
        margin: 0 5px 5px 0;
        width: 23%;
        height: auto;
    }
	.iko_odk{
		font-size:0em;
		padding: 41px 0 0 0;
		background-position: center;
	}
    .ikol span{display:none;} 
    .pozadi .leva{
        width: 270px;
    }
    .butt_all{
        font-size: 17px;
        line-height: 40px;
    }
    .pozadi .prava{width:30%;}
    .recenze{padding: 14.5px 0.51em;margin: 0;min-width: 71px;}.cel_rec{margin: 10px 0;}
}
@media(max-width:500px) {
    .nazev{font-size: 5.5vw;}
    .restList #filter {width: 90%;}
}
@media(max-width:480px) {
	.restList .list{height:auto;padding: 0 5px;box-sizing: border-box;text-align: center;}
	.restList .list .resLogo,.restList .list .resName,.restList .list .resAddress,.restList .list .resRating,.restList .list .resPhone,.restList .list .resPhoto,.restList .list .resPrice{position:relative;top:auto;left:auto;right:auto;bottom:auto;display: block;float: none;clear: both;margin: 5px 0;box-sizing: border-box;}
	.restList .list .resLogo{margin: 5px auto;}
	.restList .list .resName{text-align: center;}
	.restList .list .resAddress{padding-left:20px;display: inline-block;background-size:12px 17px;}
	.restList .list .resRating{display:block;margin: 0 auto;width: 100%;min-width: 280px;max-width: 200px;}
	.restList .list .resPhone{display:inline-block;background-size:17px 17px;}
	.restList .list .resPhoto{display:inline-block;background-size:20px 17px;}
	.restList .list .resPrice{font-size:1.1em;}
	.restList .list .resPrice span{float:none;}
	.restList .list .resRating:after{content:"";display:block;clear:both;}
	
}
@media(max-width:425px) {
	.pozadi .leva{width: 125px;}.ikol{width:55px;}
    /* .pozadi .prava{width: 65%;top: 25%;} */
	.share{width:25px;height:25px;background-size: contain;}
	.ikop:nth-child(1){/*! border-radius: 0 0 0 0; */}.ikop:nth-child(2){position: relative;top: 0;margin: 0;}
	.recenze{padding: 8.5px 0.51em;}.cel_rec{margin: 4px 0;}
	#share{z-index:50;}
	.hlN:after,.hlN:before{width:15px;margin:0 5px;}
}
@media(max-width:390px) {
	.recenze, .cel_rec{font-size:0.6em;/*! border-radius:10px; */}.pozadi .leva{bottom: 2px;left: 2px;}
    .nazev{font-size: 1.1em;}.pozadi .prava{width:40%;}
}
@media(max-width:365px) {
	.ikol {width:48px;}.iko_odk{padding:36px 0 0 0;}
    .restList #filter span {width: 85%;}
	.recenze{min-width: 65px;}
}
/*responziv konec*/