@import url("../font/stylesheet.css");
@import url("kontakt_form.css");
img {border: 0;}
a {cursor: pointer;}
.dn { display: none; }
.clr {clear: both;}
* {padding: 0; margin: 0;}
.zarovnani {box-sizing: border-box; -moz-box-sizing: border-box; position: relative; width: 98%; max-width: 1430px; margin: auto auto;}
.obsahSkryty, .dalsiFotky, .vypisRecenzi, .obsahSkrytyKemp {display: none;}
.smazano {font-size: 50%; color: red;}
.pulnapul img {width: 100%; height: auto;}

body {
  font-size: 40px; 
  font-family: "Montserrat-Light";
  width: 100%;
  background-color: white;
  color: white;
}

#header {
    width: 100%;
    height: 1024px;
    background-image: url("../img/header.jpg");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
}
#header .kosik {position: absolute; right: 100px; top: 40px; z-index: 999}
.podstrana #header {
    background-image: none;
    background-color: #2f2c2f;
    height: 110px;
}
#header .zarovnani {max-width: 1510px;}
#header .zarovnani a.logo {display: block; padding-top: 30px; height: 147px; width: 171px; float: left;}
.podstrana #header .zarovnani a.logo {padding-top: 14px; height: 78px; width: 91px;}
#header .zarovnani a.logo img {width: 100%;}
#header .zarovnani ul {margin-top: 45px; list-style: none; float: right; max-width: 960px; width: 75%; text-align: center;}
.podstrana #header .zarovnani ul {margin-top: 25px;}
#header .zarovnani ul li {display: inline-block; margin-left: 25px; margin-right: 25px;}
#header .zarovnani ul li:first-child {margin-left: 0px;}
#header .zarovnani ul li:last-child {margin-right: 0px;}
#header .zarovnani ul li a {           
    font-family: "Montserrat-SemiBold";
    color: white;
    font-size: 37.5%;
    text-decoration: none; 
    padding-bottom: 10px;
}
#header .zarovnani ul li a:hover, #header .zarovnani ul li a.active {border-bottom: #ec783b solid 2px;}
#header .zarovnani h1 {
    font-size: 200%;
    font-family: "Montserrat-SemiBold";
    text-transform: uppercase;
    width: 730px;
    margin-top: 120px;
}
#header .zarovnani p {
    font-size: 55%;
    width: 740px;
    margin-top: 60px;
}
#header .zarovnani a.nabidka {
    background-color: #ec783b;
    color: white;
    text-decoration: none;
    font-size: 45%;
    font-family: "Montserrat-Bold";
    width: 285px;
    height: 40px;
    display: block;
    margin-top: 65px;
    transition: 0.5s;
    text-align: center;
    text-transform: uppercase;
    padding-top: 20px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;    
}
#header .zarovnani a.nabidka:hover {
    background-color: white;
    color: #ec783b;
}


::-webkit-input-placeholder {color: #283066;}
::-moz-placeholder {color: #283066;}
:-ms-input-placeholder {color: #283066;}
:-moz-placeholder {color: #283066;}

#content {padding-bottom: 0px;}
#content .navigace {
    font-size: 30%;
    padding-top: 20px;
    float: left;
}
#content .navigace a {
    color: #2f2c2f;
    text-transform: uppercase;
    font-family: "Montserrat-Regular";
}
#content .navigace a:hover {text-decoration: none;}
#content .navigace img {margin-left: 8px; margin-right: 8px;}
#content a.zpet {
    padding-top: 30px;
    font-size: 40%;
    float: right;
    color: #878787;
    text-transform: uppercase;
    font-family: "Montserrat-Bold";
}
#content a.zpet:hover {text-decoration: none;}
#content .kosik_vypis.mensi {font-size: 85%;}
#content .kosik_vypis.mensi .vypis .item .leva {float: none; width: 100%;}
#content .kosik_vypis.mensi p {text-align: left;}
#content .kosik_vypis {padding-bottom: 60px;}
#content .kosik_vypis h1 {
    color: #2f2c2f;
    font-size: 120%;
    font-weight: normal;
    font-family: "Montserrat-Light";
    text-transform: uppercase;
    margin-top: 60px;
    margin-bottom: 20px;
    text-align: center;
}
#content .kosik_vypis .vypis {margin-top: 70px;}
#content .kosik_vypis .vypis .item {
    width: 100%;
    color: #2f2c2f;
    text-transform: uppercase; 
    margin-bottom: 20px;   
}
#content .kosik_vypis .vypis .item .leva {float: left; width: 91%;}
#content .kosik_vypis .vypis .item .kemp {
    float: left;
    width: 40%;
    font-size: 50%;
    height: 22px;
    overflow: hidden;
    font-family: "Montserrat-Bold";
}
#content .kosik_vypis .vypis .item .datum {
    float: left;
    width: 30%;
    font-size: 50%;
    height: 22px;
    overflow: hidden; 
    font-family: "Montserrat-Medium";   
    text-align: center;
}
#content .kosik_vypis .vypis .item .cena {
    float: left;
    width: 15%;
    font-size: 50%;
    height: 22px;
    overflow: hidden;    
    color: #ec783b;
    font-family: "Montserrat-Medium";
    text-align: center; 
}
#content .kosik_vypis .vypis .item .pocet_mist {
    float: left;
    width: 15%;
    font-size: 50%;
    height: 22px;
    overflow: hidden;    
    color: #159849;  
    font-family: "Montserrat-Medium";  
    text-align: right;
}
#content .kosik_vypis .vypis .item p {
    font-size: 32%; 
    border-top: #bfbfbf solid 1px; 
    margin-top: 5px; 
    padding-top: 5px;
    text-transform: none;
    height: auto;
}
#content .kosik_vypis .vypis .item .kemp span {font-size: 75%;}


@media screen and (max-width: 1000px) {
  #content .kosik_vypis .vypis .item .odstranit {
      float: left; 
      width: 6%; 
      margin-left: 2%;
      background-color: #b5b5b5;
      text-align: center;
      padding-top: 10px;
      color: white;
      text-decoration: none;
      font-family: "Montserrat-Light";
      transition: 0.5s;
      height: 61px;
  }
}

@media screen and (min-width: 1001px) {
#content .kosik_vypis .vypis .item .odstranit {
    float: left;
    width: 2%;
    margin-left: 2%;
    background-color: #b5b5b5;
    text-align: center;
    padding-top: 3px;
    color: white;
    text-decoration: none;
    font-family: "Montserrat-Light";
    transition: 0.5s;
    height: 20px;
    font-size: 15px;
}
}

#content .kosik_vypis .vypis .item .odstranit:hover {background-color: #e02443;}
#content .kosik_vypis .vypis .cena_komplet {
    text-align: right; 
    color: #ec783b;
    font-family: "Montserrat-Bold";
    font-size: 75%;
    margin-top: 50px;
    margin-bottom: 20px;
}
#content .kosik_vypis .zpet {
    float: left;
}
#content .kosik_vypis .objednavka {
    background-color: #159849;
    color: white;
    text-decoration: none;
    padding: 10px 30px;
    font-size: 50%;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    transition: 0.5s;
    float: right;
    width: 270px;
}
#content .kosik_vypis .objednavka:hover {background-color: #ec783b;}
#content .objednavka {padding-bottom: 100px;}
#content .objednavka .vlevo, #content .objednavka .vpravo {
    float: left;
    width: 50%;
}
#content .objednavka .fakturacni_udj {
    color: #2f2c2f;
    font-size: 40%;
    text-align: center;
    text-decoration: underline;
    cursor: pointer;
    margin-top: 40px;
    width: 185px;
    margin-left: auto;
    margin-right: auto;
}
#content .objednavka .fakturacni_udj:hover {text-decoration: none;}
.fakturacni_udaje {display: none;}
#content .objednavka .vlevo h2 {margin-bottom: 20px;}
#content .objednavka .vlevo p {text-align: left; padding-bottom: 5px;}
#content .objednavka .vpravo h2 {margin-bottom: 20px;}
#content .objednavka .vpravo p {text-align: right; padding-bottom: 5px;}
#content .objednavka h1 {
    color: #2f2c2f;
    font-size: 120%;
    font-weight: normal;
    font-family: "Montserrat-Light";
    text-transform: uppercase;
    margin-top: 60px;
    margin-bottom: 20px;
    text-align: center;
}
#content .objednavka h2 {
    color: #2f2c2f;
    font-size: 75%;
    font-weight: normal;
    font-family: "Montserrat-Light";
    text-transform: uppercase;
    margin-top: 40px;
    margin-bottom: 10px;
    text-align: center;
}
#content .objednavka p {
    color: #2f2c2f;
    font-size: 45%;  
    text-align: center;
    padding-bottom: 20px;
}
#content .objednavka {max-width: 920px; width: 100%; margin-left: auto; margin-right: auto;}
#content .objednavka.detail {max-width: 1450px; text-align: left!important;}
#content .objednavka.detail h2, #content .objednavka.detail p {text-align: left!important;}
#content .objednavka input {
    float: left;
    width: 47%;
    margin-left: 1%;
    margin-right: 1%;
    padding: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin-bottom: 10px;
}
#content .objednavka textarea {
    width: 96%;
    height: 100px;
    margin-left: 1%;
    margin-right: 1%;
    padding: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin-bottom: 10px;
}
#content .objednavka input[type="submit"] {
    background-color: #159849;
    color: white;
    text-decoration: none;
    padding: 10px 30px;
    font-size: 50%;
    border: none;
    margin-left: auto;
    margin-right: auto; 
    float: none;
    cursor: pointer;
    display: block;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    transition: 0.5s;
}
#content .objednavka input[type="submit"]:hover {background-color: #ec783b;}
#content .o_nas {
    height: 1070px; 
}
#content .o_nas .bile  {
    height: 550px;
    position: relative;
}
#content .o_nas .bile #tenista {
    margin-top: 8px;
    position: absolute;
    width: 598px;
    height: 1066px;
    background-image: url("../img/tenista.png");
    background-position: center bottom;
}
#content .o_nas .bile h1 {
    color: #2f2c2f;
    font-size: 120%;
    font-weight: normal;
    font-family: "Montserrat-Bold";
    width: 700px;
    float: right;
    text-transform: uppercase;
    margin-top: 110px;
    margin-bottom: 20px;
}
#content .o_nas .bile p {
    color: #2f2c2f;
    width: 700px;
    float: right;
    font-size: 35%;   
    margin-bottom: 20px; 
    text-transform: uppercase;
    line-height: 200%;
}
#content .o_nas .bile p strong {
    color: #2f2c2f;
    font-family: "Montserrat-SemiBold";
    font-size: 128%;
}   
#content .o_nas .bile .odkazy {
    width: 700px;
    float: right;
}
#content .o_nas .bile .odkazy a {
    text-decoration: none;
    font-size: 45%;
    font-family: "Montserrat-Bold";
    width: 230px;
    height: 40px;
    display: block;
    margin-top: 65px;
    transition: 0.5s;
    text-align: center;
    text-transform: uppercase;
    padding-top: 20px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;   
    float: left; 
}
#content .o_nas .bile .odkazy a.vice_informaci {
    background-color: #757575;
    color: white;
    border: solid 1px #757575;
}
#content .o_nas .bile .odkazy a.galerie {
    background-color: white;
    color: black;
    border: solid 1px #a7a7a7;
    width: 190px;
    margin-left: 20px; 
    padding-bottom: 0px;  
}
#content .o_nas .bile .odkazy a.vice_informaci:hover {
    background-color: white;
    color: #757575;
}
#content .o_nas .bile .odkazy a.galerie:hover {
    background-color: black;
    color: white;
}
#content .o_nas .oranzove  {
    height: 400px;
    background-color: #ec783b;
}
#content .o_nas .oranzove .pomoc_s_float {float: left; width: 50%; display: block; height: 1px;}
#content .o_nas .oranzove .statistika {
    width: 700px;
    float: right;
    margin-top: 75px;
}
#content .o_nas .oranzove .statistika .stat {
    width: 50%;
    float: left;
    margin-bottom: 45px;    
} 
#content .o_nas .oranzove .statistika .stat span {display: block;}
#content .o_nas .oranzove .statistika .stat span.big {font-size: 130%; font-family: "Montserrat-Regular";} 
#content .o_nas .oranzove .statistika .stat span.small {font-size: 35%; font-family: "Montserrat-Light"; text-transform: uppercase;} 
#content .o_nas .oranzove .statistika .stat span.podtrzitko {width: 65px; height: 5px; background-color: #dddd9b; margin-top: 10px;}
#content .o_nas .bile.mensi  {
    height: 120px;
}
#content .o_nas .zarovnani {
    max-width: 1410px;
}
#content .kempy {padding-bottom: 240px;}
#content .kempy.detail {padding-bottom: 200px;}
#content .kempy .zarovnani {max-width: 1400px;}
#content .kempy .zarovnani h1 {
    color: #2f2c2f;
    font-size: 120%;
    font-weight: normal;
    font-family: "Montserrat-Bold";
    text-align: center;
    text-transform: uppercase;
    margin-top: 110px;
    margin-bottom: 80px;
}
#content .kempy.detail .zarovnani h1 {margin-top: 35px; margin-bottom: 80px;}
#content .kempy .kemp {
    width: 27.2%;
    margin-left: 4.4%;
    margin-right: 4.4%;
    float: left;
    max-width: 380px;
}
#content .kempy .kemp:nth-child(2) {margin-left: 0%;}
#content .kempy .kemp:nth-child(4) {margin-right: 0%;}
#content .kempy .kemp .nadtrzitko {width: 60px; height: 5px; background-color: #ec783b; display: block;}
#content .kempy .zarovnani .kemp a {text-decoration: none;}
#content .kempy .zarovnani .kemp h2 {
    color: #2f2c2f;
    font-size: 75%;
    font-weight: normal;
    font-family: "Montserrat-Light";
    text-align: left;
    text-transform: uppercase;
    margin-top: 30px;
    height: 30px;
    overflow: hidden;
}
#content .kempy .zarovnani .kemp .datum, #content .kempy .zarovnani .kemp .hotel {
    color: #2f2c2f;
    font-size: 60%;
    font-weight: normal;
    font-family: "Montserrat-Light";
    text-align: left;
    text-transform: uppercase;
    margin-top: 2px;
    height: 24px;
    overflow: hidden;
}
#content .kempy .zarovnani .kemp .cena {
    color: #979797;
    font-size: 45%;
    font-weight: normal;
    font-family: "Montserrat-Light";
    text-align: left;
    text-transform: uppercase;
    margin-top: 2px;
    float: left;
}       
#content .kempy .zarovnani .kemp .terminy {
    color: #159849;
    font-family: "Montserrat-Medium";
    font-size: 37%;
    font-weight: normal;
    text-align: left;
    text-transform: uppercase;
    margin-top: 7px;
    float: right;
}
#content .kempy .zarovnani .kemp .obsazeni {
    color: #979797;
    font-size: 45%;
    font-weight: normal;
    text-align: left;
    text-transform: uppercase;
    margin-top: 2px;
    float: right;
}
#content .kempy .zarovnani .kemp .obsazeni.plno {
    color: #f53030;
    font-family: "Montserrat-Regular";
}
#content .kempy .zarovnani .kemp .obsazeni.volno {
    color: #159849;
    font-family: "Montserrat-Bold";
}
#content .kempy .zarovnani .kemp .obr {
    display: block;
    width: 100%;
    height: 280px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 40px;
}
#content .kempy .zarovnani .kemp .odkaz {
    text-decoration: none;
    font-size: 40%;
    font-family: "Montserrat-Bold";
    width: 230px;
    height: 37px;
    display: block;
    margin-top: 35px;
    transition: 0.5s;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    color: white;
    text-transform: uppercase;
    padding-top: 23px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    transition: 0.5s;
    background-color: #ec783b;
}
#content .kempy .zarovnani .kemp .odkaz.neaktivni {
    background-color: #dadada;
}
#content .kempy .zarovnani .kemp .odkaz.aktivni {
    background-color: #ec783b;
}
#content .kempy .zarovnani .kemp .odkaz:hover {
    color: #ec783b;
    background-color: white;
}
#content .kempy.detail .zarovnani h1 {
    margin-top: 70px;
    background-image: url("../img/nadpis.jpg");
    background-repeat: no-repeat;
    background-position: bottom center;
    padding-bottom: 32px;   
    margin-bottom: 0px; 
}
#content .kempy.detail .zarovnani .vypis_kempu {
    max-width: 1080px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 15px;
    margin-bottom: 50px;
}
#content .kempy.detail .zarovnani .vypis_kempu .item {
    width: 100%;
    border-bottom: #bfbfbf solid 1px;
    padding-bottom: 24px;
    margin-top: 30px;
}
#content .kempy.detail .zarovnani .vypis_kempu .item .datum {
    float: left;
    color: #2f2c2f;
    font-size: 75%;
    text-transform: uppercase;
    font-family: "Montserrat-Medium";
    width: 42%;
    margin-left: 2%;
}
#content .kempy.detail .zarovnani .vypis_kempu .item .cena {
    float: left;
    color: #ec783b;
    font-size: 60%;
    margin-top: 5px;
    text-transform: uppercase;
    font-family: "Montserrat-Medium";
    width: 18%;
}
#content .kempy.detail .zarovnani .vypis_kempu .item .obsazeni {
    float: left;
    font-size: 35%;
    margin-top: 10px;
    text-transform: uppercase;
    font-family: "Montserrat-Bold";
    width: 15%;
    text-align: center;
}
#content .kempy.detail .zarovnani .vypis_kempu .item .obsazeni.plno {color: #e02443;}
#content .kempy.detail .zarovnani .vypis_kempu .item .obsazeni.volno {color: #159849;}
#content .kempy.detail .zarovnani .vypis_kempu .item .objednani {
    float: right;
    font-size: 35%;
    padding-top: 10px;
    text-transform: uppercase;
    font-family: "Montserrat-Bold";
    text-align: center;
    margin-right: 2%;
    width: 21%;
    cursor: pointer;
    max-width: 180px;
    background-color: #159849;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    height: 27px;    
    transition: 0.5s;
}
#content .kempy.detail .zarovnani .vypis_kempu .item .objednani:hover {background-color: #ec783b;}
#content .kempy.detail .zarovnani .tenisovy_balicek {
    width: 26%;
    float: left;
    margin: 10px 0.66%;
    padding: 30px 2.5%;
    background-color: #efefef;
        height: 400px;
}

#content .kempy.detail .zarovnani .tenisovy_balicek.ctyri {
    width: 18.5%;
    font-size: 90%;
        height: 420px;
}
#content .kempy.detail .zarovnani .tenisovy_balicek ul {
    margin-left: 0px;
    margin-bottom: 20px;
    margin-top: 35px;
}
#content .kempy.detail .zarovnani .tenisovy_balicek ul li {
    background: transparent url(../img/sipicka.jpg) no-repeat left 20%;
    list-style-type: none;
    padding: 0px 0px 15px 20px;
    margin-left: 0px;
    color: #2f2f2f;
    font-size: 40%;
}
#content .kempy.detail .zarovnani .vice_informaci_kemp {
    color: #2f2c2f;
    font-size: 40%;
    margin-top: 100px;
    margin-bottom: 50px;
    padding-bottom: 0px;
    line-height: 160%;
    word-spacing: 3px;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    display: inline-block;
    font-family: "Montserrat-Medium";
    transition: 0.5s;
    cursor: pointer;
}
#content .kempy.detail .zarovnani .vice_informaci_kemp span {
    border-bottom: #abaaab 1.5px solid;
}
#content .kempy.detail .zarovnani .vice_informaci_kemp:hover span {border: none;} 
#content .kempy.detail .zarovnani .obsahSkrytyKemp {padding-top: 50px;}
#content .kempy.detail .zarovnani .zarovnani_mensi {max-width: 990px; margin-left: auto; margin-right: auto; width: 100%;}
#content .kempy.detail .zarovnani h2 {
    margin-top: 25px;
    padding-bottom: 45px;   
    margin-bottom: 0px; 
    color: #2f2c2f;
    font-family: "Montserrat-Bold";
    font-weight: normal;
    font-size: 75%;
    text-align: center;
    word-spacing: 5px;
}
#content .kempy.detail .zarovnani h3 {
    margin-top: 0px;
    padding-bottom: 10px;   
    margin-bottom: 0px; 
    color: #2f2c2f;
    font-family: "Montserrat-Bold";
    font-weight: normal;
    font-size: 40%;
    text-align: left;
    word-spacing: 5px;
}
#content .kempy.detail .zarovnani p {
    color: #2f2c2f;
    font-size: 40%;
    text-align: left;
    padding-bottom: 40px;
    line-height: 160%;
    word-spacing: 3px;
    font-family: "Montserrat-Regular";
}
#content .kempy.detail .zarovnani p strong {font-family: "Montserrat-Bold"; font-weight: normal;}
#content .kempy.detail .zarovnani p:last-of-type {padding-bottom: 20px;}
#content .kempy.detail .zarovnani .cely_popis {
    color: #2f2c2f;
    font-size: 40%;
    padding-bottom: 0px;
    line-height: 160%;
    word-spacing: 3px;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    display: inline-block;
    font-family: "Montserrat-Medium";
    transition: 0.5s;
    cursor: pointer;
}
#content .kempy.detail .zarovnani .cely_popis span {
    border-bottom: #abaaab 1.5px solid;
}
#content .kempy.detail .zarovnani .cely_popis:hover span {border: none;} 
#content .kempy.detail .zarovnani .galerie {margin-top: 75px; text-align: center;}
#content .kempy.detail .zarovnani .galerie a.obr {
    width: calc(20% - 30px);
    float: left;
    height: 190px;
    display: block;
    margin: 15px;
}
#content > div.kempy.detail > div > div.galerie > span {
    color: #2f2c2f;
    font-size: 40%;
    padding-top: 15px;
    padding-bottom: 0px;
    line-height: 160%;
    word-spacing: 3px;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    display: block;
    font-family: "Montserrat-Medium";
    transition: 0.5s;
    cursor: pointer;
    float: none;
    clear: both;
}
#content .kempy.detail .zarovnani .galerie .vsechny_fotky span {
    border-bottom: #abaaab 1.5px solid;
}
#content .kempy.detail .zarovnani .galerie .vsechny_fotky:hover span {border: none;} 
#content .kempy.detail .recenze {max-width: 1140px; width: 100%; margin-left: auto; margin-right: auto;}
#content .kempy.detail .recenze h2 {
    margin-top: 160px;
    padding-bottom: 45px;   
    margin-bottom: 0px; 
    color: #7b7b7b;
    font-family: "Montserrat-Bold";
    font-weight: normal;
    font-size: 75%;
    text-align: center;
    word-spacing: 5px;
    text-transform: uppercase;
}
#content .kempy.detail .recenze .item {
    float: left; 
    width: 47%;
    margin-bottom: 30px;
}
#content .kempy.detail .recenze .item:nth-child(even), #content .kempy.detail .recenze .vypisRecenzi .item:nth-child(odd) {margin-right: 3%;}
#content .kempy.detail .recenze .item:nth-child(odd), #content .kempy.detail .recenze .vypisRecenzi .item:nth-child(even)  {margin-left: 3%;}
#content .kempy.detail .recenze .vypisRecenzi .item:nth-child(odd) {margin-left: 0px;}
#content .kempy.detail .recenze .vypisRecenzi .item:nth-child(even) {margin-right: 0px;}
#content .kempy.detail .recenze .item .obr {
    display: block;
    float: left;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 99px;
    width: 99px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}
#content .kempy.detail .recenze .item .obsah {
    float: left;
    width: calc(100% - 125px);
    margin-left: 25px;
}

#content .kempy.detail .recenze .item .hodnoceni {
    width: 170px;
    height: 35px;
    display: block;
    margin-bottom: 20px;
}
#content .kempy.detail .recenze .item .hodnoceni .cela {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-image: url("../img/hvezda.png");
    width: 23px;
    height: 21px;
    display: block;
    float: left;
    margin-right: 6px;
}
#content .kempy.detail .recenze .item .hodnoceni .pul {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-image: url("../img/hvezda-pul.png");
    width: 23px;
    height: 21px;
    display: block;     
    float: left;
    margin-right: 6px;
}
#content .kempy.detail .recenze .item h3 { 
    margin-bottom: 0px; 
    color: #7b7b7b;
    font-family: "Montserrat-Bold";
    font-weight: normal;
    font-size: 35%;
    text-align: left;
    word-spacing: 2px;
    line-height: 0%;
}
#content .kempy.detail .recenze .item p { 
    margin-bottom: 0px; 
    color: #7b7b7b;
    font-family: "Montserrat-Regular";
    font-weight: normal;
    font-size: 35%;
    text-align: left;
    word-spacing: 2px;
    height: 0px;
    overflow: hidden;
    line-height: 140%;
    padding-top: 5px;
}
#content .kempy.detail .recenze .item .cela_recenze {
    color: #7b7b7b;
    font-size: 35%;
    padding-top: 5px;
    padding-bottom: 0px;
    line-height: 160%;
    word-spacing: 3px;
    text-align: left;
    width: 100%;
    display: block;
    font-family: "Montserrat-Regular";
    transition: 0.5s;
    cursor: pointer;
}
#content .kempy.detail .recenze .item .cela_recenze a {
    color: #7b7b7b;
}
#content .kempy.detail .recenze .item .cela_recenze a:hover {text-decoration: none;}
#content .kempy.detail .recenze .item .cela_recenze span {
    border-bottom: #abaaab 1px solid;
}
#content .kempy.detail .recenze .item .cela_recenze:hover span {border: none;} 
#content .kempy.detail .recenze .vsechny_recenze {
    color: #2f2c2f;
    font-size: 40%;
    padding-top: 15px;
    padding-bottom: 0px;
    line-height: 160%;
    word-spacing: 3px;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    display: block;
    font-family: "Montserrat-Medium";
    transition: 0.5s;
    cursor: pointer;
    float: none;
    clear: both;
}
#content .kempy.detail .recenze .vsechny_recenze span {
    border-bottom: #abaaab 1px solid;
}
#content .kempy.detail .recenze .vsechny_recenze:hover span {border: none;} 
#content .kempy.detail .objednavka {max-width: 1050px; width: 100%; margin-left: auto; margin-right: auto;}
#content .kempy.detail .objednavka h2 {
    margin-bottom: 70px; 
    color: #ec783b;
    font-family: "Montserrat-Bold";
    font-weight: normal;
    font-size: 120%;
    text-align: center;
    word-spacing: 5px;
    line-height: 100%;    
    padding-bottom: 0px;
    margin-top: 140px;    
}
#content .kempy.detail .objednavka form select, #content .kempy.detail .objednavka form input {
    width: 100%;
    background-color: #ec783b;
    border: none;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    height: 85px;    
    font-size: 40%;
    font-family: "Montserrat-Medium";
    color: white;
    /*text-transform: uppercase;*/
    padding-left: 45px;
    margin-bottom: 60px;
}
#content .kempy.detail .objednavka form select {
   -webkit-appearance: none; 
   -moz-appearance: none;
   appearance: none;
   background-image: url("../img/sipka.png");
   background-repeat: no-repeat;
   background-position: 97% 50%; 
}
#content .kempy.detail .objednavka form .half {
    float: left;
    width: 47%;
    margin-left: 3%;
    margin-right: 3%;
}
#content .kempy.detail .objednavka form .half:nth-child(odd) {margin-left: 0px;}
#content .kempy.detail .objednavka form .half:nth-child(even) {margin-right: 0px;}
#content .kempy.detail .objednavka form ::-webkit-input-placeholder {color: white;}
#content .kempy.detail .objednavka form ::-moz-placeholder {color: white;}
#content .kempy.detail .objednavka form :-ms-input-placeholder {color: white;}
#content .kempy.detail .objednavka form :-moz-placeholder {color: white;}
#content .kempy.detail .objednavka form input[type="submit"] {
    background-color: #2f2c2f;
    margin-left: auto;
    margin-right: auto;
    display: block;
    cursor: pointer;
    width: 260px;
    height: 60px;
    font-size: 40%;
    padding-left: 0px;
    transition: 0.5s;
    padding: 0px;    
}
#content .kempy.detail .objednavka form input[type="submit"]:hover {
    background-color: #ec783b;
}
#content .zarovnani.reference {max-width: 920px;}
.podstrana #content .zarovnani.reference .formatovani_textu h2 {margin-top: 0px; font-size: 75%; color: #ec783b;}
.podstrana #content .zarovnani.reference .formatovani_textu p.mensi {font-size: 30%; padding-bottom: 20px;}
.reference .galerie h2 {margin-top: 70px!important;}
.reference .galerie a.galerie {width: 23%;}
#content .novinky {padding-bottom: 110px;}
#content .novinky.vypis {padding-top: 100px;}
#content .novinky .zarovnani {max-width: 1520px;}
#content .novinky .zarovnani h1 {
    color: #2f2c2f;
    font-size: 120%;
    font-weight: normal;
    font-family: "Montserrat-Bold";
    text-align: left;
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 50px;
}
#content .novinky .novinka {
    float: left;
    width: 31%;
    margin-left: 2.15%;
    margin-right: 2.15%;
    max-width: 460px;
}
#content .novinky .novinka:nth-child(2) {margin-left: 0%;}
#content .novinky .novinka:nth-child(4) {margin-right: 0%;}
#content .novinky .novinka .obr {
    display: block;
    width: 100%;
    height: 260px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
#content .novinky .novinka a {text-decoration: none;}
#content .novinky .novinka h2 {
    color: #2f2c2f;
    font-size: 60%;
    width: 360px;
    height: 52px;
    line-height: 120%;
    font-weight: normal;
    font-family: "Montserrat-Light";
    text-align: left;
    text-transform: uppercase;
    margin-top: 35px;
    margin-bottom: 5px;
    overflow: hidden;
}
#content .novinky .novinka .datum {
    font-family: "Montserrat-Light";
    color: #b7b7b7;
    font-size: 35%;
    text-transform: uppercase;
}
#content .novinky .novinka p {
    color: #808080;
    font-family: "Montserrat-Light";
    font-size: 40%;
    line-height: 150%;
    margin-top: 25px;
    height: 140px;
    overflow: hidden;
}
#content .novinky .novinka .odkaz {
    text-decoration: none;
    font-size: 27.5%;
    font-family: "Montserrat-Bold";
    width: 160px;
    height: 24px;
    display: block;
    margin-top: 35px;
    transition: 0.5s;
    text-align: center;
    margin-right: auto;
    color: white;
    text-transform: uppercase;
    padding-top: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    transition: 0.5s;
    background-color: #ec783b;
}
#content .novinky .novinka .odkaz:hover {
    color: #ec783b;
    background-color: white;
}
#content .newsletter {
    width: 100%;
    height: 569px;
    background-image: url(../img/newsletter.jpg);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 20px;
}
#content .newsletter .zarovnani {
    max-width: 770px;
}
#content .newsletter .zarovnani h1 {
    color: white;
    font-size: 120%;
    font-weight: normal;
    font-family: "Montserrat-Bold";
    text-align: center;
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 10px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 180px;
}
#content .newsletter .zarovnani p {
    color: white;
    font-size: 45%;
    font-weight: normal;
    font-family: "Montserrat-Light";
    text-align: center;
    margin-top: 0px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0px;
}
#content .newsletter .zarovnani form {
    width: 690px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 28px;
}
#content .newsletter .zarovnani form p {
    background-color: white;
    width: 495px;
    height: 55px;
    float: left;
    color: #878787;
    font-family: "Montserrat-Light";
    font-size: 40%;
    text-align: left;
}
#content .newsletter .zarovnani form p label {
    padding-left: 25px;
    padding-top: 17px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 55px; 
    display: block;
    float: left;  
}
#content .newsletter .zarovnani form p input {
    width: 450px;
    height: 51px;
    outline: none;
    border: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box; 
    padding-left: 10px;       
}
#content .newsletter .zarovnani form input[type=submit] {
    float: right;
    width: 185px;
    cursor: pointer;
    height: 55px;
    font-size: 40%;
    font-family: "Montserrat-Bold";
    color: white;
    background-color: #ec783b;
    outline: none;
    border: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;    
    transition: 0.5s;   
}
#content .newsletter .zarovnani form input[type=submit]:hover {
    color: #ec783b;
    background-color: white;
}
.album {
    float: left;
    width: 23%;
    margin-left: 1%;
    margin-right: 1%;
}
.album .obr {
    display: block;
    width: 100%;
    height: 180px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.album h3 {
    font-family: "Montserrat-Light"!important;
    font-size: 75%!important;
}
.album h3 a {color: black!important; text-decoration: none!important;}
.album p {padding-bottom: 20px!important; margin-top: 0px!important;}
.novinka.detail p.datum {
    text-transform: uppercase;
}
.novinka.detail p.uvod {font-size: 32.5%!important; color: gray!important;}
.kontakt_formular {float: right; width: 800px;}

.podstrana #content .formatovani_textu div.pulnapul { width: 45%; margin: 0 2%!important; float: left }
    
.podstrana #content .formatovani_textu .kontakt_formular h2 {margin-top: 0px; text-align: center;}
.podstrana #content .formatovani_textu .kontakt_formular input {
    width: 32%;
    margin-left: 1%;
    float: left;
    background-color: #ec783b;
    border: none;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    height: 65px;
    font-size: 50%;
    font-family: "Montserrat-Medium";
    color: white;
    text-transform: uppercase;
    padding-left: 45px;
    margin-bottom: 20px;    
}
.podstrana #content .formatovani_textu .kontakt_formular ::-webkit-input-placeholder {color: white;}
.podstrana #content .formatovani_textu .kontakt_formular :-moz-placeholder {color: white;}
.podstrana #content .formatovani_textu .kontakt_formular :-ms-input-placeholder {color: white;}
.podstrana #content .formatovani_textu .kontakt_formular :-moz-placeholder {color: white;}
.kontakt_formular textarea {
    margin-top: 10px;
    height: 150px;
    width: 98%;
    margin-left: 1%;
    background-color: #ec783b;
    border: none;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    font-size: 50%;
    font-family: "Montserrat-Medium";
    color: white;
    text-transform: uppercase;
    padding-left: 45px;
    padding-top: 20px;
    margin-bottom: 20px;
}
.podstrana #content .formatovani_textu .kontakt_formular input[type="submit"] {
    background-color: #2f2c2f;
    margin-left: auto;
    margin-right: auto;
    display: block;
    cursor: pointer;
    width: 260px;
    height: 60px;
    font-size: 40%;
    padding-left: 0px;
    transition: 0.5s;
    margin-left: 1%;
    float: left;    
    margin-right: 25px;
}
.podstrana #content .formatovani_textu .kontakt_formular input[type="submit"]:hover {
    background-color: #ec783b;
}
.podstrana #content .formatovani_textu .kontakt_formular p {font-size: 32%;}
.souhlas_objednavka {width: 54%; margin-left: auto; margin-right: auto; margin-bottom: 30px;}
#content .objednavka .souhlas_objednavka input {width: 20px; height: 20px; border: solid black 1px; background-color: white; float: left;}
#content .objednavka .souhlas_objednavka p {font-size: 40%;}
#footer {
  width: 100%;
  color: #2d3233;
  height: 265px;
  padding-top: 70px;
  padding-bottom: 20px;
  position: relative;
}    
#footer .zarovnani {max-width: 1240px; margin-left: 230px;}  
#footer .zarovnani .info {float: left; width: 330px;}   
#footer .zarovnani .info h2 {
    color: #2f2c2f;
    font-size: 60%;
    font-weight: normal;
    font-family: "Montserrat-Light";
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 0px;   
    background-image: url("../img/avatar.png");
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 40px;
    margin-bottom: 25px;
}
#footer .zarovnani .info a.mail {
    color: #ec783b;
    font-size: 60%;
    font-weight: normal;
    font-family: "Montserrat-Light";
    margin-top: 0px;
    margin-bottom: 0px;   
    background-image: url("../img/mail.png");
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 40px;
    display: block;
    text-decoration: none;
    margin-bottom: 20px;
    transition: 0.5s;
}
#footer .zarovnani .info a.tel {
    color: #ec783b;
    font-size: 60%;
    font-weight: normal;
    font-family: "Montserrat-Light";
    margin-top: 0px;
    margin-bottom: 0px;   
    background-image: url("../img/telefon.png");
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 40px;
    display: block;
    text-decoration: none;
    transition: 0.5s;    
}
#footer .zarovnani .info a:hover {color: #2f2c2f;}
#footer .zarovnani .nejblizsi_kemp {
    width: 360px;
    float: left;
    margin-left: 185px;
    position: relative;
}
#footer .zarovnani .nejblizsi_kemp h1 {
    color: #2f2c2f;
    font-size: 60%;
    font-weight: normal;
    font-family: "Montserrat-Light";
    text-transform: uppercase;
    margin-top: 0px;   
    margin-bottom: 35px;
}
#footer .zarovnani .nejblizsi_kemp a {text-decoration: none;}
#footer .zarovnani .nejblizsi_kemp a h2 {
    color: #ec783b;
    font-size: 45%;
    line-height: 45%;
    height: 20px;
    font-weight: normal;
    font-family: "Montserrat-Bold";
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 0px;   
    margin-bottom: 5px;
    transition: 0.5s;
}
#footer .zarovnani .nejblizsi_kemp a:hover h2 {color: #2f2c2f;}
#footer .zarovnani .nejblizsi_kemp span {
    color: #2f2c2f;
    font-size: 35%;
    display: block;
    font-weight: normal;
    font-family: "Montserrat-Light";
    margin-top: 0px;   
    margin-bottom: 5px;
}
#footer .zarovnani .nejblizsi_kemp p {
    position: absolute;
    right: 0px;
    bottom: 0px;
    color: #ec783b;
    font-size: 120%;
    font-family: "Montserrat-Regular";    
}
#footer .zarovnani .nejblizsi_kemp p.bohuzel {
    position: relative!important;
    color: #f53030!important;
    font-size: 45%!important;
}
#footer .zarovnani .social {
    width: 210px;
    float: left;
    margin-left: 150px;
    font-size: 30%;
    color: #858585;     
    font-family: "Montserrat-Regular";      
}
#footer .zarovnani .social a {margin-left: 2px; margin-right: 2px;}
#footer .zarovnani .social a img {
    transition: 0.5s;
    margin-bottom: 50px;
}
#footer .zarovnani .social a img:hover {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}
#footer .zarovnani .social a.normal{
    text-decoration: none;
    color: #858585;       
}
#footer .develop {
    position: absolute;
    bottom: 15px;
    right: 25px;
    font-size: 25%;
    color: #aaaaaa;
    font-family: "Montserrat-Regular";
}

/* FORMATOVANI OBSAHU */
.podstrana #content .zarovnani.uzsi {max-width: 920px; padding-bottom: 200px;}
#content .formatovani_textu h1 {    
    color: #2f2c2f;
    font-size: 120%;
    font-weight: normal;
    font-family: "Montserrat-Bold";
    text-transform: uppercase;
    margin-top: 50px;
    margin-bottom: 20px;
}
.podstrana #content .formatovani_textu h2 {
    color: #2f2c2f;
    font-size: 100%;
    font-weight: normal;
    font-family: "Montserrat-Light";
    text-transform: uppercase;
    margin-top: 50px;
    margin-bottom: 20px;
}   
.podstrana #content .formatovani_textu h3 {font-family: "Montserrat-Medium";; padding-top: 25px; color: #737373; text-transform: uppercase; padding-bottom: 5px; font-size: 90%;}
.podstrana #content .formatovani_textu h4 {font-family: "Montserrat-Light"; padding-top: 40px; color: black; padding-bottom: 5px; text-transform: uppercase; font-size: 80%;}
.podstrana #content .formatovani_textu h5 {font-family: "Montserrat-Light"; padding-top: 15px; color: #585a5f; padding-bottom: px; text-transform: uppercase; font-size: 50%;}
#content .formatovani_textu p {color: #808080; font-family: "Montserrat-Light"; font-size: 40%; line-height: 150%; margin-top: 25px;}
#content .formatovani_textu p.blok {text-align: justify;}
#content .formatovani_textu p.centrovani {text-align: center; padding-top: 75px; line-height: 180%;}
#content .formatovani_textu p.nastred {text-align: center;}
#content .formatovani_textu p.kontakt {color: #2f2f2f; line-height: 190%;}  
.podstrana #content .formatovani_textu p.maly_1 {font-size: 50%;}
.podstrana #content .formatovani_textu p.maly_2 {font-size: 60%;}
.podstrana #content .formatovani_textu p.maly_3 {font-size: 45%;}
.podstrana #content .formatovani_textu p.velky_1 {font-size: 50%;}
.podstrana #content .formatovani_textu p.velky_2 {font-size: 55%;}
.podstrana #content .formatovani_textu p.velky_3 {font-size: 60%;}
.podstrana #content .formatovani_textu p.nejvetsi {font-size: 90%;}
.podstrana #content .formatovani_textu p.velky {font-size: 70%;} 
.podstrana #content .formatovani_textu p.vyrazny {color: white; background-color: #2f2c2f;padding: 20px; margin: 10px;}
.podstrana #content .formatovani_textu p.vyrazny2 {font-weight: bold; color: white; background-color: #ec783b; padding: 20px; margin: 10px;} 
#content .formatovani_textu p span.nejvetsi {font-size: 125%;}
.podstrana #content .formatovani_textu p span.vyrazny {font-weight: normal; color: #0080c3;}
.podstrana #content.formatovani_textu  p strong.vetsi {font-size: 130%; font-weight: bold; color: black;}
.podstrana #content .formatovani_textu p span.vyrazny_vice {font-size: 125%; font-weight: bold;}
.podstrana #content .formatovani_textu p span.vyrazny_vice2 {font-size: 125%; font-weight: bold; color: #ff0072;}
.podstrana #content .formatovani_textu p span.vyrazny_pozadi {font-weight: bold; background-color: black; color: white; padding: 5px;}
.podstrana #content .formatovani_textu p span.vyrazny_pozadi2 {font-weight: bold; background-color: #ff0072; color: white; padding: 5px;}
.podstrana #content .formatovani_textu p strong.velky {font-weight: bold; font-size: 150%;}
.podstrana #content .formatovani_textu p strong.nejvetsi {font-weight: bold; font-size: 200%; color: black;}
.podstrana #content .formatovani_textu a {color: #ec783b; font-size: 83%;  transition: 0.6s;}
.podstrana #content .formatovani_textu a:hover {text-decoration: none;}
.podstrana #content .formatovani_textu a.mail {
    color: #ec783b;
    font-size: 100%;
    font-weight: normal;
    font-family: "Montserrat-Light";
    margin-top: 0px;
    margin-bottom: 0px;   
    background-image: url("../img/mail.png");
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 40px;
    display: block;
    text-decoration: none;
    margin-bottom: 20px;
    transition: 0.5s;
}
.podstrana #content .formatovani_textu a.tel {
    color: #ec783b;
    font-size: 100%;
    font-weight: normal;
    font-family: "Montserrat-Light";
    margin-top: 0px;
    margin-bottom: 0px;   
    background-image: url("../img/telefon.png");
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 40px;
    display: block;
    text-decoration: none;
    transition: 0.5s;    
}
.podstrana #content .formatovani_textu a.mail:hover, .podstrana #content .formatovani_textu a.tel:hover {color: black;}
.podstrana #content .formatovani_textu a.a_vyrazny {color: #e83d3d; text-decoration: underline; transition: 0.6s;}
.podstrana #content .formatovani_textu a.a_vyrazny:hover {text-decoration: none; color: black;}
.podstrana #content .formatovani_textu a.a_nevyrazny {color: black; text-decoration: underline; transition: 0.6s;}
.podstrana #content .formatovani_textu a.a_nevyrazny:hover {text-decoration: none; color: black;}
.podstrana #content .formatovani_textu a.a_cta {color: #fff; background-color: gray; padding: 15px 70px; font-size: 125%; text-decoration: none; transition: 0.6s; display: table; margin-top: 20px; margin-bottom: 20px;}
.podstrana #content .formatovani_textu a.a_cta:hover {background-color: #212a2b;}
.podstrana #content .formatovani_textu a.a_cta2 {color: #fff; background-color: #ec783b; padding: 15px 70px; font-size: 125%;  text-decoration: none; transition: 0.6s; display: table; margin-top: 20px; margin-bottom: 20px;}
.podstrana #content .formatovani_textu a.a_cta2:hover {background-color: #8E9394;}
.podstrana #content .formatovani_textu a.a_cta3 {color: #fff; background-color: #212a2b; padding: 15px 70px; font-size: 125%;  text-decoration: none; transition: 0.6s; display: table; margin-top: 20px; margin-bottom: 20px;}
.podstrana #content .formatovani_textu a.a_cta3:hover {background-color: #8E9394;}
.podstrana #content .formatovani_textu table.table_svetla {margin: 25px 0px; color: #585a5f; width: 100%; font-size: 45%; border-collapse: collapse;}
.podstrana #content .formatovani_textu table tr.table_svetla td {border: solid #585a5f 1px; }
.podstrana #content .formatovani_textu table tr td.table_svetla {border: solid #585a5f 1px;}
.podstrana #content .formatovani_textu table.table_svetla td {border: solid #585a5f 1px; padding: 5px;}
.podstrana #content .formatovani_textu table.table_tmava {margin: 25px 0px; width: 100%; font-size: 45%; border-collapse: collapse; color: white;}
.podstrana #content .formatovani_textu table tr.table_tmava td {border: solid white 1px; background: #ec783b;}
.podstrana #content .formatovani_textu table tr td.table_tmava {border: solid white 1px; background: #ec783b;}
.podstrana #content .formatovani_textu table.table_tmava td {border: solid white 1px; background: #ec783b; padding: 5px;}
.podstrana #content .formatovani_textu table tr td p {font-size: 100%; margin-top: 0px; line-height: 100%;} 
.podstrana #content .formatovani_textu table.table_tmava tr td p {color: white;}
.podstrana #content .formatovani_textu table.table_svetla tr td p {color: #585a5f;}
.podstrana #content .formatovani_textu img.img_vlevo {
 float: left;
 margin: 10px 10px 10px 0px;
}
.podstrana #content .formatovani_textu img.img_vpravo {
 float: right;
 margin: 10px 0px 10px 10px;
}
.podstrana #content .formatovani_textu img.img_100 {
 clear: both;
 width: 100%;
 height: auto!important;
 margin: 15px auto 15px auto;
 text-align: center;
}
#content .formatovani_textu ul, #content .kempy.detail .zarovnani_mensi ul {
  margin-left: 0px;
  margin-bottom: 20px;
  margin-top: 35px;
}
 #content .formatovani_textu ul li,  #content .kempy.detail .zarovnani_mensi ul li {
  background: transparent url(../img/sipicka.jpg) no-repeat left 20%;
  list-style-type: none;
  padding: 0px 0px 15px 20px;
  margin-left: 0px;
  color: #2f2f2f;
  font-size: 40%;
}
#content .formatovani_textu img.prava {float: right; margin-top: 75px;}
#content .strankovani {text-align: center; font-family: "Montserrat-Light"; color: #ec783b; font-size: 44%; padding-top: 10px; padding-bottom: 55px;}
#content .strankovani a {-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; vertical-align: middle;  display: inline-block;  margin-left: 2px; margin-right: 2px; border: solid 1px #ec783b;}
#content .strankovani a.active {color: white; background-color: #ec783b; text-decoration: none;}
#content .strankovani a.pag_number {color: #ec783b; text-decoration: none; font-family: "Montserrat-Light"; padding: 6px 10px;}
#content .strankovani a.pag_number.active, #content .strankovani a.pag_number:hover {background-color: #ec783b; color: white;}
#content .strankovani a.prev_link {text-decoration: none; color: #ec783b; vertical-align: middle; margin-right: 2px; width: 8px; height: 22px; display: inline-block; padding: 6px 10px;}
#content .strankovani a.next_link {text-decoration: none; color: #ec783b; vertical-align: middle; margin-left: 2px; width: 8px; height: 22px; display: inline-block; padding: 6px 10px;}
#content .strankovani a.prev_link:hover {background-color: #ec783b; color: white;}
#content .strankovani a.next_link:hover {background-color: #ec783b; color: white;}
#content .strankovani span {margin-left: 14px; margin-right: 14px;}
.galerie  {padding-bottom: 50px;}
.galerie a.galerie {
  display: inline-block;
  width: 18%;
  height: 180px;
  margin-left: 1%;
  margin-right: 1%;
  margin-bottom: 10px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%; 
  background-position-x: 50%; 
  background-position-y: 50%;   
  float: none;
  margin: auto;
  position: relative;
  padding-bottom:0px;
}    
.galerie a.galerie img {display: none;}
/* KONEC FOTMATOVANI OBSAHU */

/* === RESPONZIVNÍ VERZE === */

@media screen and (max-width: 1580px) {  
    #content .novinky .novinka {width: 30%;}
    #footer .zarovnani {margin-left: auto; margin-right: auto;}    
}

@media screen and (max-width: 1440px) {    
    #content .kempy .zarovnani .kemp h2 {font-size: 60%; margin-top: 15px;}
    #content .kempy .zarovnani .kemp .datum, #content .kempy .zarovnani .kemp .hotel {font-size: 50%;}
    #content .kempy .zarovnani .kemp .obsazeni, #content .kempy .zarovnani .kemp .cena {font-size: 38%;}
}

@media screen and (max-width: 1400px) {
    #content .o_nas .bile #tenista {width: 280px; height: 550px; background-size: contain; background-repeat: no-repeat; background-position: center center;}
} 

@media screen and (max-width: 1300px) {  
    #footer .zarovnani .info {width: 30%;}
    #footer .zarovnani .nejblizsi_kemp {width: 30%; margin-left: 10%;}
    #footer .zarovnani .social {width: 20%; margin-left: 10%;}
}

@media screen and (max-width: 1230px) {   
    body {font-size: 30px;}    
    #header .zarovnani ul li {margin-left: 15px; margin-right: 15px;}
    #header .zarovnani a.nabidka {width: 200px; height: 35px;}
    #content .o_nas .bile .odkazy a  {width: 200px; height: 35px;}
    #content .novinky .novinka .obr {height: 210px;}
    #content .novinky .novinka .odkaz {margin-top: 10px;}
    #content .novinky .novinka h2 {width: 100%;}
    #footer .zarovnani .info h2, #footer .zarovnani .info a.tel {padding-top: 10px; padding-bottom: 10px;}
    #footer .zarovnani .social a.normal {float: left; display: block;}
    #footer .svislice {display: none;}
    #content .kempy.detail .zarovnani .vypis_kempu .item .objednani {padding-top: 12px; height: 23px;}
    #content .kempy.detail .zarovnani .galerie a.obr {width: calc(25% - 30px);}
    .galerie a.galerie {width: 22.5%;}
    .podstrana #content .formatovani_textu a.tel {padding-top: 10px; padding-bottom: 10px;}
}

@media screen and (max-width: 1200px) {
    #content .o_nas {height: 850px;}
    #content .o_nas .bile h1, #content .o_nas .bile p {text-align: right;}
    #content .o_nas .bile .odkazy a  {float: right; margin-left: 20px;}
    #content .o_nas .oranzove {height: 200px;}
    #content .o_nas .oranzove .statistika {float: none; width: 100%; padding-top: 50px;}
    #content .o_nas .oranzove .statistika .stat {width: 25%; text-align: center;}
    #content .o_nas .oranzove .statistika .stat span.podtrzitko {margin-left: auto; margin-right: auto;}
    #content .o_nas .bile.mensi {display: none;}        
    #content .kempy .zarovnani .kemp .obr {margin-top: 20px; height: 210px;}    
    .album .obr {height: 150px;}    
}  

@media screen and (max-width: 1100px) { 
    #footer .zarovnani .nejblizsi_kemp {width: 35%; margin-left: 5%;}
    #footer .zarovnani .social {width: 25%; margin-left: 5%;}
    .kontakt_formular {width: 70%;}
}

@media screen and (max-width: 1010px) {    
    #header .kosik {right: 30px;}
    #header .zarovnani .nav ul {margin-right: 50px!important;}
}

@media screen and (max-width: 1000px) { 
    #content .kempy.detail .zarovnani .galerie a.obr {width: calc(33% - 30px);}
    #content .kempy.detail .recenze .item {width: 100%; margin-left: auto!important; margin-right: auto!important; float: none; clear: both; max-width: 520px;}
}

@media screen and (max-width: 920px) {   
  #header .zarovnani .nav {position: relative;} 
  #header .zarovnani .nav ul {max-width: 100%; display: none; width: 100%; margin-left: auto; margin-top: 70px; /*z-index: 9999;*/ position: absolute;}
  #header .nav #hamburger {cursor: pointer; position:relative; display: block; width: 50px; height: 35px; top: 55px; margin-left: auto; margin-right: auto;  -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; } 
  #header .nav #hamburger div{display: block; position: absolute; height: 6px; width: 100%; background-color: white; border-radius: 3px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}  
  #header .nav #hamburger div:nth-child(1) { top: 0px;}
  #header .nav #hamburger div:nth-child(2) { top: 12px;}
  #header .nav #hamburger div:nth-child(3) { top: 24px;}
  #header .nav #hamburger.open  div{background-color: #b94949;} 
  #header .nav #hamburger.open div:nth-child(1) { top: 17px;  -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);}
  #header .nav #hamburger.open div:nth-child(2) { opacity: 0; left: -60px;}
  #header .nav #hamburger.open div:nth-child(3) { top: 17px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg);}
  #header .zarovnani .nav ul li {display: block; background-color: #383636; padding: 0px; z-index: 999; position: relative; margin-right: 0px; margin-left: 0px; margin-top: 0px;}
  #header .zarovnani .nav ul li a {width: auto; display: block; padding-top: 20px; padding-bottom: 20px;}
  #content .kempy .kemp, #content .novinky .novinka {width: 100%; float: none; margin-left: auto!important; margin-right: auto!important; margin-bottom: 70px;}
  #content .kempy {padding-bottom: 170px;}
  #content .novinky .zarovnani h1 {text-align: center;}
  #footer {height: auto;}
  #footer .zarovnani .info, #footer .zarovnani .nejblizsi_kemp, #footer .zarovnani .social {float: none; clear: both; width: 100%; margin-left: auto!important; margin-right: auto!important; margin-bottom: 30px; max-width: 320px;}
  #footer .zarovnani .info, #footer .zarovnani .nejblizsi_kemp  {margin-bottom: 80px;}
  #footer .zarovnani .social {max-width: 200px;}
  #content .kempy.detail .objednavka form .half {width: 100%; margin-left: auto!important; margin-right: auto!important; float: none; clear: both;}
  #content .kempy.detail .objednavka form select, #content .kempy.detail .objednavka form input {margin-bottom: 30px;}
  .galerie a.galerie {width: 31.5%;}
  .album {width: 31%;}
}    

@media screen and (max-width: 900px) { 
    .podstrana #content .formatovani_textu .kontakt_formular input {padding-left: 0px; text-align: center;}    
}

@media screen and (max-width: 870px) {
    #content .o_nas .bile #tenista {display: none;}
    #content .o_nas .bile h1, #content .o_nas .bile p {width: 100%; text-align: center;}
    #content .o_nas .bile .odkazy a.vice_informaci {float: left;}
    #content .o_nas .bile .odkazy {width: 100%;}
    #content .kempy.detail .zarovnani .vypis_kempu .item .objednani {float: none; clear: both; margin-left: auto; margin-right: auto;}
    #content .kempy.detail .zarovnani .vypis_kempu .item .obsazeni {width: 27%; margin-left: 3%;}
    #content .kempy.detail .zarovnani .vypis_kempu .item .datum {width: 40%; margin-right: 3%;}
    #content .kempy.detail .zarovnani .vypis_kempu .item .cena {width: 25%; margin-left: auto; margin-right: auto; margin-bottom: 20px;}
    .kontakt_formular {width: 100%; margin-bottom: 50px;}
    #content .kosik_vypis .vypis .item .kemp {width: 65%;}
    #content .kosik_vypis .vypis .item .datum {width: 35%; text-align: right;}
    #content .kosik_vypis .vypis .item .cena {width: 50%; text-align: left;}
    #content .kosik_vypis .vypis .item .pocet_mist {width: 50%; text-align: right;}
} 

@media screen and (max-width: 800px) {      
    #header .zarovnani h1, #header .zarovnani p {width: 100%;}
    #content .o_nas {height: 850px;}
    #content .o_nas .bile h1, #content .o_nas .bile p {text-align: right;}
    #content .o_nas .bile .odkazy a  {float: right; margin-left: 20px;}
    #content .o_nas .oranzove {height: 200px;}
    #content .o_nas .oranzove .statistika {float: none; width: 100%; padding-top: 50px;}
    #content .o_nas .oranzove .statistika .stat {width: 25%; text-align: center;}
    #content .o_nas .oranzove .statistika .stat span.podtrzitko {margin-left: auto; margin-right: auto;}
    #content .o_nas .bile.mensi {display: none;}    
    #content .newsletter .zarovnani form {width: 100%;}
    #content .newsletter .zarovnani form p, #content .newsletter .zarovnani form input[type=submit] {width: 50%; margin-left: auto; margin-right: auto;}
    #content .newsletter .zarovnani form p label {width: 25px; padding-left: 5px;}
    #content .newsletter .zarovnani form p input {width: calc(95% - 45px);}   
    #content .kempy.detail .zarovnani .galerie a.obr {width: calc(50% - 30px);}    
    .reference .galerie a.galerie {width: 31%;}
    .podstrana #content .zarovnani .formatovani_textu div.pulnapul { width: 96%!important; margin: 0 2%!important }
}

@media screen and (max-width: 750px) {
    #content .kempy.detail .zarovnani .tenisovy_balicek {width: 93%; margin-bottom: 10px; height: 290px}
    

#content .kempy.detail .zarovnani .tenisovy_balicek.ctyri {
    width: 93%;
    font-size: 90%;
        height: 290px;
}

}

@media screen and (max-width: 700px) {
 .album {width: 48%;}
}

@media screen and (max-width: 650px) {
    #content .kosik_vypis .vypis .item .kemp {width: 100%;}
    #content .kosik_vypis .vypis .item .datum {width: 45%; text-align: left;}
    #content .kosik_vypis .vypis .item .cena {width: 25%; text-align: center;}
    #content .kosik_vypis .vypis .item .pocet_mist {width: 30%; text-align: right;}
}

@media screen and (max-width: 600px) {
    .galerie a.galerie {width: 48%;}
    #content .kempy.detail .zarovnani .vypis_kempu .item .cena, #content .kempy.detail .zarovnani .vypis_kempu .item .datum, #content .kempy.detail .zarovnani .vypis_kempu .item .obsazeni, #content .kempy.detail .zarovnani .vypis_kempu .item .objednani {width: 100%; margin-left: auto; margin-right: auto; margin-bottom: 20px; float: none; clear: both; text-align: center;}
    .reference .galerie a.galerie {width: 48%;}
}    

@media screen and (max-width: 540px) {    
    #header .zarovnani a.logo {margin-left: 20px;}
    #header .kosik {right: 130px; top: 50px; z-index: 9999;}
    #header {background-position: 80% bottom;}
    #header .nav #hamburger {margin-right: unset;}
    #header .zarovnani h1, #header .zarovnani p {text-align: center;}
    #header .zarovnani h1 {font-size: 170%;}
    #header .zarovnani a.nabidka {margin-left: auto; margin-right: auto; margin-top: 30px;}
    #content .o_nas .bile h1, #content .o_nas .bile p {text-align: center;}
    #content .kosik_vypis .vypis .item .datum {width: 100%; text-align: left;}
    #content .kosik_vypis .vypis .item .cena {width: 50%; text-align: left;}
    #content .kosik_vypis .vypis .item .pocet_mist {width: 50%; text-align: right;}
    #content .kosik_vypis .vypis .item .odstranit {padding-top: 22px;}
}

@media screen and (max-width: 500px) {    
    #header {height: 800px; background-size: initial; background-position: 80% 10%;}
    #content .o_nas .bile h1 {margin-top: 60px;}
    #content .o_nas .bile p {line-height: 150%;}
    #content .o_nas .bile .odkazy a {margin-top: 30px;}
    #content .o_nas .bile {height: 400px;}
    #content .o_nas {height: 650px;}
    #content .kempy {padding-bottom: 40px;}
    #content .novinky .novinka h2 {height: 42px;}
    #content .novinky .novinka p {height: 110px;}
    #content .novinky {padding-bottom: 30px;}
    #footer .zarovnani .info {margin-bottom: 30px;}
    #content .kempy .zarovnani h1 {margin-top: 50px;}
}


/* reference form */
#recenze_form {
    max-width: 400px;
    margin: 20px auto;
}
#recenze_form .hodnoceni {
    position: relative;
    max-width: 140px;
    margin: 10px auto;
    height: 40px;
}
#recenze_form .hodnoceni img {
    z-index: 0;
    position: absolute;
    top: 0px;
    left: 0px;
}
#recenze_form .hodnoceni input {
    display: none;
}
#recenze_form .hodnoceni p {
    background-color: transparent;
    width: 22px;
    height: 22px;
    padding: 0px!important;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 999;
    cursor: pointer;
}
#recenze_form .hodnoceni p.hvezda2 {
    left: 28px;
}
#recenze_form .hodnoceni p.hvezda3 {
    left: 56px;
}
#recenze_form .hodnoceni p.hvezda4 {
    left: 84px;
}
#recenze_form .hodnoceni p.hvezda5 {
    left: 112px;
}

#recenze_form input, #recenze_form select, #recenze_form textarea {
    width: 100%;
    background-color: #ec783b;
    border: none;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    height: 65px;
    font-size: 50%;
    line-height: 50px;
    font-family: "Montserrat-Medium";
    color: white;
    text-transform: uppercase;
    padding-left: 45px;
    margin-bottom: 20px;
}
#recenze_form input[type="file"] {
    padding-top: 10px;
    font-size: 18px;
}
#recenze_form input[type="submit"] {
    padding-left: 0px;
    background-color: black;
    cursor: pointer;
}
#recenze_form input[type="submit"]:hover {
    background-color: white;
    color: black;
}
#recenze_form textarea {
    height: 195px;
    line-height: 30px;
    padding-top: 35px;
}
#recenze_form input::-webkit-input-placeholder, #recenze_form textarea::-webkit-input-placeholder {color: white;}
#recenze_form input::-moz-placeholder, #recenze_form textarea::-moz-placeholder {color: white;}
#recenze_form input:-ms-input-placeholder, #recenze_form textarea:-ms-input-placeholder {color: white;}
#recenze_form input:-moz-placeholder, #recenze_form textareat:-moz-placeholder {color: white;}

.team_show {
    padding-top: 25px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 50px;
}
.team_show .team_member {
    display: block;
    width: 100%;
    cursor: pointer;
}
.podstrana #content .formatovani_textu .team_show .team_member h3 {
    font-family: "Montserrat-Medium";
    color: #737373;
    text-transform: uppercase;
    padding-bottom: 5px;
    font-size: 18px;
}
.podstrana #content .formatovani_textu .team_show .team_member img {
    display: block;
    width: 100%;
    height: auto;
}
.info_member .info_team {
    display: none;
}

@media screen and (max-width: 1024px) {  
    .team_show {
        grid-gap: 20px;
    }  
}

@media screen and (max-width: 770px) {  
    .team_show {
        grid-template-columns: repeat(2, 1fr);
    }  
}