body {font-family: "Times Sans Serif",Arial CE, Helvetica, Verdana; font-size: 12px; margin: 0px; padding: 0px; background: #f9f9f9;  }
img, img a {border: 0px solid;}
h1, h2, h3, h4, ul, li, p, img {margin: 0px; padding: 0px; font-size: 100%; font-weight: normal;}     
.both {clear: both;}
.normal {font-weight: normal;}
.italic {font-style: italic;}
.bold {font-weight: bold;} 
.underline {text-decoration: underline;}
.center {display: flex; justify-content: center; align-items: center;  }
.l {text-transform: lowercase}
.ne, .ne_letecky_z {display: none}
.odsazeni-g {float: left;height: 20px;width: 100%;clear: both}

 /* obecné*/
#hlavni {margin: 0px auto;float: none}
#hlavni2 {float: left;margin: 0px auto; }

.skryt, .vice-text,.detail,.strom1, .strom2, .top-odkazy,.odkazy, .lista, hotelRating,.recenze,.z768 {display: none}

 /* 360 */
@media (min-width: 360px) {
.dc, .i768, .vybaveni {display: none;}
#hlavni, #hlavni2, .body {width: 360px;border: #ccc 0px solid} 
.top {float: left;width: 100%;background: #fff;margin: 0px; height: 50px;padding: 0px;box-shadow:0 -0px 12px rgba(50,50,50,.2);}

.logo {font-family:'Helvetica Neue',Helvetica,Arial CE;text-transform: uppercase;}
.logo p {text-align: center;line-height: 50px;font-size: 13px; letter-spacing: .10em; font-weight: 300;text-shadow:2px 2px 3px rgba(50,50,50,.0);}
/*.logo p:first-child:first-letter {font-size: 150%; font-weight: 900;}*/
.logo a {text-decoration: none;color: #00a0af;}
.sun {color: #fbc834;font-weight: bold;text-shadow:0 3px 3px rgba(50,50,50,0);}
.strom {float: left; width: 100%;line-height: 30px;margin: 15px 0px 15px 25px;color: #4d5764;}
.strom .odsazeni {letter-spacing: 10px;}
.nadpis h1,.nadpis h2,.nadpis p {font-family:'Helvetica Neue',Helvetica,Arial CE;text-transform:uppercase;
clear: both;text-align: center; padding-bottom: 30px;padding-top:30px;font-size: 12px;color: #4d5764;}
.bigbox {float: left; width: 100%; clear: both; }
.bigbox-in {margin: 0px; margin: 0px auto;width: 340px;}

.bigbox-form {width: 75%;margin: 0px auto;clear: both;background: #fbc834;border-radius: 10px 10px 10px 10px;border: 0px solid;box-shadow:0 -0px 12px rgba(50,50,50,.25);text-align: center;padding-top: 25px;padding-bottom: 25px;margin-bottom:30px;}
.bigbox input {font-size: 80%; width: 94px; height: 19px; border-radius:6px 0px 0px 6px;padding-left: 10px;border: #777 1px solid;border-right: 0px solid;}
.bigbox input:placeholder {margin-left:11px}
.datedit {height: 0px;}
button.datedit {width: 23px;height: 23px;background: url('datedit/button.png') no-repeat center center;background-color: white;outline: none;border: #777 1px solid;border-left: 0px solid;border-radius:0px 6px 6px 0px;}  
.bigbox label {font-size: 100%; color: #00535e; font-weight: bold }
.bigbox select {font-size: 78%; width: 130px;padding:5px; border-radius:5px;outline: none;}
.bigbox h2, .bigbox h3 {font-size: 16px;padding-left: 20px; padding-top:15px}
.bigbox h4 {font-size: 14px;padding-left: 0px; padding-left: 20px; padding-top:12px; }
.bigbox-ads {margin-top: 20px;text-align: center;float: left;clear: both}

.g {text-align: right; float: right}
.g p {text-align: right; color: #aaa;font-size: 100%;float: right}
.labelinput {width: 227px; height: 40px; border: 0px solid;padding-right: 20px;text-align: right}
.labelinput em {background: yellow;}
  
.myButton {}
.myButton input {-webkit-transition:all 1s ease;transition:all .5s ease; border:2px solid #00a0af;border-radius:4px;white-space:nowrap;color:#00a0af;cursor:pointer;background-color:#00a0af;color:#fff;display:inline-block;font-size:14px;font-weight:700;text-decoration:none;padding:5px 20px;width: 130px;height: 35px;}
.myButton input:hover {box-shadow:0 -0px 12px rgba(50,50,50,.25);}
.myButton-ods {}
.zaznam {-webkit-transition:all 1s ease;transition:all 1s ease;float: left;border-radius: 7px 7px 7px 7px;box-shadow:0 -0px 12px rgba(50,50,50,.25);margin-bottom: 15px;}
.zaznam:hover {box-shadow:0 -0px 12px rgba(50,50,50,.35);}
.zaznam .foto img {-webkit-transition:all 1s ease;transition:all 1s ease; }
.zaznam:hover .foto img {-webkit-filter: brightness(100%);filter: brightness(100%);}

.foto {cursor: pointer;width: 340px; margin: 0px auto; clear: both;height: 150px;border: 0px solid}
.foto img {width: 340px; clear: left;object-fit: cover; height: 150px;border-radius: 7px 7px 0px 0px;border: 0px solid;-webkit-filter: brightness(92%);filter: brightness(92%);} 
.box {background: white; margin: 0px auto;padding: 0px;padding-bottom: 7px;float: left;width: 340px;clear: both;border-radius: 0px 0px 7px 7px;border: 0px solid;}
.box,.box a {text-decoration: none;color: #4d5764;}
.r1 {cursor: pointer;padding: 10px 0px 10px 10px; }
.title {float: left;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;width: 355px; font-family:'Helvetica Neue',Helvetica,Arial CE;font-size: 12px;font-weight: 900;color: #00535e;margin-right: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.stars {font-size: 18px;color: #fbc834;float: left;clear: left;line-height: 20px}                                                
.stars_r {font-size: 10px;color: #00535e;float: right;clear: right;margin-top: 2px;margin-right: 10px;line-height: 18px}
.doporucujeme {background: #fbc834;margin: 0px 2px 2px 0px; padding: 2px 4px 2px 4px; position: relative; top: -1px; color: #00535e;-webkit-border-radius: 5px; -moz-border-radius: 5px;-border-radius: 5px;border-radius: 5px;font-size: 10px;}

.sloupec1 {font-size: 11px;float: left;clear: left; margin-left: 10px; line-height: 16px }
.sloupec1 li, .sloupec2 li {list-style-type: none; }
.sloupec2 {float: right; text-align: right;clear: right;margin-right: 10px;cursor: pointer; } 
.sloupec2 li {font-size: 19px; line-height: 23px}
.old li {text-decoration: line-through; font-size: 17px;line-height: 23px}
.sleva li  {font-size: 13px; margin-top: -2px}
.hotelRating {float: left;display: inline;clear: left;margin-left: 12px;line-height: 16px;color: #00535e;  }
.hotelRating strong {letter-spacing: .10em;color: #00535e; }
.nenizajezd {text-align: center; font-size: 12px; margin-bottom: 0px;}
.navigace, .zapati {margin: 0px auto; text-align: center; margin-top: 25px; font-size: 19px; clear: both;  line-height: 35px; text-align: center;}
.navigace a {text-decoration: underline}
.predchozidalsi {width: 340px;width: 100%; clear: both; text-align: center; border: 0px solid; margin: 0px auto;}
.predchozi, .dalsi, .prvni {margin-top: 10px; margin-bottom: 10px; margin-left: 5px; margin-right: 5px; float: left; text-align: center; } 
.predchozi input, .dalsi input, .prvni input {letter-spacing: .05em;text-align: center} 
.dalsi { float: right;}
.prvni  {float: right;} 
.zobrazeno {margin: 0px auto; text-align: center; font-size: 13px; clear: both; font-style: italic; margin-bottom: 25px}
.vyhledavame {display: none;color: #4d5764;background: #eeeeee}
.copyright {margin: 0px auto; text-align: center; margin-top: 0px;width: 100%}
.zapati, .copyright {float: left;width: 100%;font-size: 90%;margin-top: 5px;margin: 0px auto;margin-top: 20px; line-height: 25px;color: #4d5764;}




@media (min-width: 768px) {
.logo, .top {height: 60px;}
.logo {float: left;margin-left: 25px;}
.logo p {font-size: 16px}
.logo p, .top-odkazy {line-height: 60px;}
.top-odkazy {float:right;color: #4d5764;margin-right: 50px}
.top-odkazy a {color: #4d5764;text-decoration: none} .top-odkazy a:hover {text-decoration: underline}
.top_ods {margin-left: 15px;margin-right: 15px;color: #ddd;}
#hlavni, #hlavni2, .body {width: 768px;border: #ccc 0px solid}   
.bigbox-in {margin: 0px; margin: 0px auto;width: 748px}
.strom1,.strom2,.dc, .i768, .vyhledavame, .skryt, .detail,.top-odkazy,.odkazy,.z768 {display: inline;}
.i768, .labelinput, .bigbox-form {float: left}
.strom{margin: 35px 0px 0px 25px;}
.strom a {color: #4d5764;}
.strom1, .strom2 {float: left;}
.dc {text-align: left;margin-left: 25px;text-decoration: underline; position: relative; float: left;}
.nadpis h1,.nadpis h2,.nadpis p {font-size: 18px;letter-spacing: 0px; line-height: 1;padding-top:45px;padding-bottom: 45px; }
.bigbox-form {width: 746px;margin: 0px auto;margin-top: 35px;clear: both;text-align: center;padding-top: 25px;padding-bottom: 25px}
.bigbox select {font-size: 100%; width: 130px;padding:5px; border-radius:5px;}
button.datedit {width: 25px;height: 29px;background: url('datedit/button.png') no-repeat center center;background-color: white;outline: none;}  
.bigbox input {height: 25px;width: 92px; font-size: 100%  }
.labelinput {height: 45px; }
.myButton input {width: 130px;height: 35px;}
.myButton {float: right; margin-right: 25px}
.zaznam {margin-bottom: 20px;padding-bottom: 0px;border-radius: 7px 7px 7px 7px;}
.foto {width: 373px; margin: 0px auto; clear: both;height: 180px;float: left; }
.foto img {width: 373px; clear: left;object-fit: cover; height: 180px;border-radius: 7px 0px 0px 7px;border: 0px solid;} 
.box {padding: 0px;float: left;clear: none;width: 373px;border-radius: 0px 7px 7px 0px;border: 0px solid;height: 180px;}
.title {font-size: 14px;font-weight: 700;margin-left: 6px}
.stars {font-size: 20px;line-height: 23px;margin-left: 4px}
.doporucujeme {padding: 2px 3px 2px 3px; margin: 2px 2px 2px 2px;position: relative; top: -1px; font-size: 11px;}
.stars_r {font-size: 12px;line-height: 23px;margin-right: 20px }
.sloupec1 {font-size: 12px;margin-left: 15px; line-height: 20px }
.hotelRating {margin-left: 15px; }
.vice-text {font-size: 10px;display: none; padding: 12px;background: white;z-index:3;width: 327px;margin: 11px 0px 0px 11px;position:absolute;border-radius: 7px 7px 7px 7px;border: 0px solid;box-shadow:0 -0px 12px rgba(50,50,50,.2);}
.vice-text h3 {font-size: 12px;text-transform:none;padding-left: 0px}
.sloupec2 {margin-right: 17px }
.sloupec2 li {font-size: 19px; line-height: 25px}
.old li {text-decoration: line-through; font-size: 17px;line-height: 25px}
.sleva li  {font-size: 13px; margin-top: -2px;line-height: 17px}
.detail {-webkit-transition:all 1s ease;transition:all 1s ease; border:2px solid #00a0af;border-radius:4px;white-space:nowrap;color:#00a0af;cursor:pointer;background-color:#fff;display:inline-block;font-size:14px;font-weight:700;text-decoration:none;width: 90px;height: 35px;margin-top: 5px}
.detail:hover {background-color:#00a0af;color:#fff;transition:background-color .4s linear;}
.detail p {text-align: center; margin: 0px auto; font-weight: bold;line-height: 35px}
.navigace {margin-top: 35px; font-size: 23px; clear: both;  line-height: 45px; text-align: center;}
.predchozi, .dalsi, .prvni {margin-left: 12%; margin-right: 12%;margin-top: 4%;margin-bottom: 4% } 
.zobrazeno {margin-bottom: 10px}
.bigbox-ads {margin-top: 30px;text-align: center;float: left;clear: both}
.odkazy {background: #fefefe;border: #ccc 1px solid; border-radius: 10px 10px 10px 10px;border: 0px solid;box-shadow:0 -0px 12px rgba(50,50,50,.3);padding-top: 25px;padding-bottom: 25px;margin-top:30px;margin-bottom:30px;}
.odkazy p {margin-left: 20px;margin-right: 20px;line-height: 18px;}
.odkazy ul {width: 100%;margin: 20px auto;float: left}
.odkazy li {float: left;width: 130px;padding-left: 3px;margin-left: 20px;margin-bottom: 10px;list-style-type: ">"}
.vyhledavame {float: left;margin: 0px auto;width: 100%;box-shadow:0 -0px 12px rgba(50,50,50,.4);margin-top: 25px;margin-bottom: 50px;padding-bottom: 12px;color: #4d5764;background: #eeeeee;padding-top: 26px;padding-bottom: 20px;border-radius: 10px 10px 10px 10px;  }
.vyhledavame p {text-align: center; }
.vyhledavame img {vertical-align:middle; padding-right: 15px }

}


@media (min-width: 1007px) {
#hlavni, #hlavni2, .body {width: 1007px;border: #ccc 0px solid} 
.logo p {font-size: 18px}
.nadpis h1,.nadpis h2,.nadpis p {font-size: 20px;} 
.lista {display: inline;font-size: 10px;color: #aaa;margin-top: 15px;float: left; margin-left: 25px;width: 100%}  
.dc {clear: both}
.bigbox-in {width: 987px;}
.bigbox-form {width: 100%;margin: 0px auto;margin-top: 35px;float: left;}
.zaznam {margin-bottom: 30px;}
.foto {width: 450px; margin: 0px auto; clear: both;height: 270px;float: left;}
.foto img {width: 450px; clear: left;object-fit: cover; height: 270px;border-radius: 7px 0px 0px 7px;border: 0px solid;box-shadow:0 -0px 12px rgba(50,50,50,.25);} 
.box {width: 537px;height: 270px;}
.title {font-size: 16px;font-weight: 700;margin: 3px 0px 0px 5px; width: 500px; }
.stars {font-size: 22px;line-height: 25px;margin-left: 3px; }
.doporucujeme {padding: 3px 6px 3px 6px; margin: 2px 2px 2px 2px;}
.stars_r {font-size: 14px;line-height: 25px;margin-right: 15px}
.sloupec1 {font-size: 12px;margin-left: 15px; line-height: 21px;border: 0px solid;width: 105px}
.vice-text {font-size: 11px;width: 396px;margin: 15px 0px 0px 15px;text-transform:none;box-shadow:0 -0px 12px rgba(50,50,50,.5);}
.vice-text h3 {font-size: 12px;text-transform:none;padding-left: 0px}
.sloupec_m {float: left; width: 290px;border: 0px solid;margin-top: 2px;margin-bottom: 4px;height: 135px;overflow: hidden; text-overflow: ellipsis;}
.sloupec2 li {font-size: 21px; line-height: 27px;}
.sloupec2 {margin-right: 14px;border: 0px solid}
.old li {font-size: 16px;line-height: 27px}
.sleva li  {font-size: 15px; margin-top: 0px;line-height: 19px}
.detail {margin-top: 10px;margin-bottom: 5px;font-size:15px;width: 100px;height: 38px;}
.detail p {line-height: 38px}
.vybaveni {display: inline;}
.vybaveni ul {float: left; margin-top: 0px; margin-left: 10px; margin-right: 10px;}
.vybaveni li {float: left; list-style-type: none; background: #00a0af;margin: 1px;padding: 2px 4px 2px 4px; margin: 2px 2px 2px 2px;color: white;-webkit-border-radius: 5px; -moz-border-radius: 5px;-border-radius: 5px;border-radius: 5px;font-size: 10px;}
.predchozi input, .dalsi, .prvni {font-size: 15px;padding-left: 5px;padding-right: 5px}
.myButton-ods input {padding: 15px;font-size: 16px;}
.hotelRating {margin-left: 15px;margin-top: 0px}
.recenze {display: inline; float: left;width: 100%;height: 58px;overflow: hidden; text-overflow: ellipsis;font-size: 11.5px;line-height: 16px; }
.recenze p {padding: 0px 10px 0px 15px;}
}

@media (min-width: 1349px) {
#hlavni, #hlavni2, .body {width: 1349px;border: #ccc 0px solid} 
.nadpis h1,.nadpis h2,.nadpis p {font-size: 22px;} 
.bigbox-in {width: 1329px;}
.bigbox-form {width: 100%;margin: 0px auto;margin-top: 35px;float: left;}
.foto {width: 450px; margin: 0px auto; clear: both;height: 300px;float: left;}
.foto img {width: 450px; clear: left;object-fit: cover; height: 300px;border-radius: 7px 0px 0px 7px;} 
.box {width: 878px;height: 300px;}
.title {font-size: 18px;font-weight: 700;margin: 7px 0px 1px 11px; width: 700px }
.stars {font-size: 24px;line-height: 27px;margin-left: 10px; }
.stars_r {font-size: 14px;line-height: 27px;margin-right: 25px}
.sloupec1 {font-size: 15px;margin-left: 22px; line-height: 24px;width: 170px }
.sloupec_m {font-size: 12px;border: 0px solid;float: left; width: 510px;margin-left: 10px;height: 119px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.vybaveni ul {height: 120px;}
.vybaveni li {float: left; list-style-type: none; margin: 4px;padding: 3px 7px 3px 7px; -webkit-border-radius: 10px; -moz-border-radius: 10px;-border-radius: 10px;border-radius: 10px;font-size: 11px;}
.sloupec2 {margin-right: 25px}
.sloupec2 li {font-size: 25px; line-height: 33px;}
.old li {font-size: 20px;line-height: 32px}
.sleva li  {font-size: 16px; margin-top: 0px;line-height: 27px}
.detail {margin-top: 5px;font-size:17px;width: 110px;height: 40px;}
.detail p {line-height: 40px}
.hotelRating {margin-left: 20px;margin-top: 17px;font-size: 13px}
.recenze {height: 77px;}
.recenze p {padding: 10px 35px 0px 20px; font-size: 13px;}


}