body{padding: 0; margin: 0; background: #fff; color: #5c5c5c; font-family: 'Open Sans', sans-serif; font-size: 15px; min-width: 292px}
.cleaner{width: 0; height: 0; line-height:0; font-size: 0; clear: both}
*{transition: all 0.2s;}
.fancybox-overlay,.fancybox-wrap,.fancybox-wrap *{transition: none}
#tc{max-width: 1366px; min-width: 292px; width: 100%; margin: 0 auto}
#logo{float: left; margin-left: 2.41%; margin-top: 24px; width: 16.32%; height: 77px; display: block; position: relative}
#logo a{display: block}
#logo img{width: 100%}
#logo span{display: block; width: 130px; height: 27px; color: #fff; line-height: 27px; font-weight: 600; text-align: center; background: #5eb695; position: absolute; left: 30.49%; top:94%; font-size: 13px}
#greenArea{width: 59.73%; float: left; background: #5eb695; height: 136px; margin-left: 2.41%; color: #fff}
#rezervation{width: 19.13%; float: left; background: #632581; height: 75px; color: #fff; display: block; padding-top: 61px; text-align: center; text-decoration: none; font-size: 28px; font-weight: 600}
#rezervation:hover{color: #fff; text-decoration: underline}
#sliderArea{margin-top: 10px}
#sliderArea img{width: 100%}
#menu{padding-top: 70px; padding-left: 15px; float: left}
#menu>a{display: none}
#menu>ul{margin: 0; padding: 0;list-style: none}
#menu>ul>li{list-style-image: none; margin: 0; padding: 0; float: left; text-indent: 0}
#menu>ul>li>a{color: #fff; text-decoration: none; font-size: 16px; font-weight: 600; padding: 0 10px; display: block}
#menu>ul>li.selected>a,#menu>ul>li:hover>a{color: #fff; text-decoration: underline}
#menu ul li::before{content: ''; padding-left: 0}
#lang{float: left; display: block; margin-left: 30px; margin-top: 70px; color: #fff; text-decoration: none; font-size: 17px; position: relative}
#lang>span{background: url(images/icoLang.png) no-repeat right center; padding-right: 25px;}
#cta{float: right; margin-right: 25px; padding-top: 72px}
#hpBtns{margin-top: 5px}
#hpBtns a{width: calc(50% - 4px); color: #fff; text-decoration: none; height: 150px; line-height: 150px; font-size: 36px; font-weight: 600; text-align: center; display: block; text-transform: uppercase}
#hpBtns a:nth-child(1){float: left; background: #5eb695}
#hpBtns a:nth-child(2){float: right; background: #632581}
#content{max-width: 1200px; margin: 100px auto 0; width: 100%; padding-bottom: 60px}
#content .boxLeft{width: 51%; float: left}
#content .boxLeft h1{text-align: left}
#content .boxRight{width: 41.6%; float: right; background: #f3f3ef}
#content .boxRight .in{padding: 20px}
#content .boxRight .item{text-decoration: none; display: block; color: #5c5c5c; margin-bottom: 2.8em}
#content .boxRight .item:nth-child(2){margin-bottom: 0.7em}
#content .boxRight .item .img{padding: 5px; background: #fff; text-align: center}
#content .boxRight .item .img img{max-width: 100%}
#content .boxRight .item .title{font-size: 17px; font-weight: 600; margin-top: 20px; margin-bottom: 4px}
#content .boxRight .item .date{font-size: 11px}
#content .boxRight .item .perex{margin-bottom: 0em}
#content .boxRight .item .perex p{margin: 0}
.twoCols .col{width: 49%; margin-right: 2%; float: left}
.twoCols .col:nth-child(2){margin-right: 0}
.threeCols .col{width: 31%; float: left; margin-right: 3.5%}
.threeCols .col:nth-child(3){margin-right: 0}
footer{background: url(images/footerWrap.png) repeat-y center top; height: 136px}
footer .in{margin: 0 auto; max-width: 1366px; width: 100%; }
#flogo{margin-left: 2.41%; margin-top: 24px; float: left; width: 16.32%; height: 77px; display: block; position: relative}
#flogo a{display: block}
#flogo img{width: 100%}
#flogo span{display: block; width: 130px; height: 27px; color: #5eb695; line-height: 27px; font-weight: 600; text-align: center; background: #fff; position: absolute; left: 30.49%; top:94%; font-size: 13px}
#fcenter{float: left; margin-left: 5.86%; margin-top: 50px}
#fcenter a{color: #fff; text-decoration: none}
#fcenter .top a:nth-child(1){margin-right: 40px}
#fcenter .top a:nth-child(1):hover{text-decoration: underline}
#fcenter #copy{margin-top: 28px; font-size: 12px}
#fcenter #copy a:nth-child(1)::after{content: ', '}
#fcenter #copy a:hover{text-decoration: underline}
#fRezervation{width: 19.13%; float: right;  height: 86px; color: #fff; display: block; padding-top: 50px; text-align: center; text-decoration: none; font-size: 28px; font-weight: 600}
#fRezervation:hover{color: #fff; text-decoration: underline}
#greyBTArea{background: #f3f3f3; padding: 40px; }
#greyBTArea .in{max-width: 1200px; width: 100%; margin: 0 auto}
#greyBTArea ul{margin-bottom: 0}
#greyBTArea .title{margin-bottom: 30px; text-transform: uppercase; font-size: 17px; font-weight: 600}
#bfThreeBtns{max-width: 1200px; margin: 80px auto; width: 100%}
#bfThreeBtns a{width: 33%; display: block; float: left; margin-right: 0.5%; background: #632581; color: #fff; height: 90px; line-height: 90px; text-align: center; text-decoration: none; font-weight: 600; font-size: 21px; text-transform: uppercase}
#bfThreeBtns a:nth-child(3){margin-right: 0;}
#bfThreeBtns a:hover{background: #5eb695; color: #fff}
#w1000{max-width: 1000px; width: 100%; margin: 0 auto}
.aGBg{margin-top: 40px; background: #f3f3ef; padding: 20px}
.aGBg .item{display: block; text-decoration: none; width: 48%; margin-right: 4%; float: left; margin-bottom: 30px}
.aGBg .item:nth-child(2n){margin-right: 0}
.aGBg .item .img{padding: 5px; background: #fff; text-align: center}
.aGBg .item .img img{max-width: 100%}
.aGBg .item .title{font-size: 17px; font-weight: 600; margin-top: 20px; margin-bottom: 4px}
.aGBg .item .date{font-size: 11px}
.aGBg .item .perex{margin-bottom: 0em}
.aGBg .item .perex p{margin: 0}
.pager{padding: 10px; margin-top: 20px; text-align: center; font-size: 17px; font-weight: 600}
.pager span,.pager a{text-decoration: none; display: inline-block; width: 10px; text-align: center; margin-right: 5px}
.pager span,.pager a:hover{text-decoration: underline}
.Dimg{background: #fff; padding: 10px; text-align: center; margin-bottom: 30px}
.Dimg img{width: 100%;}
.Ddate{margin-bottom: 20px; font-size: 13px}
.return{text-align: center; font-size: 19px}
#gtrans{display: none; position: absolute; left: 0; top:25px}
#cookies{background: rgba(0,0,0,0.7); color: #fff; text-align: center; width: 100%; padding: 7px 0; position: fixed; bottom: 0; left: 0; right: 0; line-height: 25px; z-index: 100}
#cookies.hidden{display: none}
#cookies a{color: #fff}
#cookies a.btn{background: #632581; padding: 3px 5px; display: inline-block; text-decoration: none; color: #fff; margin-left: 15px}

#mContext{transition-property: left,width,transform; transition-duration: .25s;transition-timing-function: cubic-bezier(.35,0,.25,1);width: 100%;-webkit-backface-visibility: hidden;}
#mContext.shrinked{transform: translate3d(200px,0,0); position: fixed; min-height: 0; overflow: hidden;}
#overlaymContext{opacity: 0.8; background: #000; width: 100%; height: 100%;position: fixed;top: 0; z-index: 200}
.sidenav{position: fixed; width: 200px; transform: translate(-100%,0); transition: all .25s ease-in-out; left: 0; top:0; height: 100%; background: #fff; color: #000; visibility: hidden; padding: 0 10px; overflow-y: scroll}
.sidenav.expanded{transform: translate(0,0); visibility: visible;}
.sidenav .supertitle{padding: 15px 0 15px 20px; font-size: 20px; font-weight: bold;}
.sidenav ul{list-style: none; margin: 0; padding: 0}
.sidenav>ul{background-color: #fff;width: 180px;}
.sidenav>ul>li{background-color: #fff;border-bottom: 1px solid #dcdcdc;display: block;width: 180px; line-height: 20px;}
.sidenav ul li a{line-height: 1em; padding: 9px 0 9px 20px;text-decoration: none;transition: all .2s ease-in-out; color: #a2a2a2; display: block}
.sidenav ul li:before{content:''; padding-left: 0}
.sidenav ul li.selected>a,.sidenav ul li>a:hover{color: #000}
.sidenav ul li ul li a{padding-left: 25px;}
.sidenav ul li ul li ul li a{padding-left: 30px;}
.sidenav ul li ul li ul li ul li a{padding-left: 35px;}
.sidenav ul li ul li ul li ul li ul li a{padding-left: 40px;}
.sidenav ul li ul li ul li ul li ul li ul li a{padding-left: 40px;}
.sidenav ul li ul li ul li ul li ul li ul li ul li a{padding-left: 45px;}
.sidenav ul li ul li ul li ul li ul li ul li ul li ul li a{padding-left: 50px;}
p{line-height: 1.5em; padding: 0; margin: 0 0 1.8em; text-align: justify}
h1,h2,h3,h4,h5,h6{margin: 0 0 1em; padding: 0; font-weight: 600}
h1{font-size: 36px; color: #5eb695; text-align: center; text-transform: uppercase}
h1 .grey{text-transform: none; color: #cac4b3; display: block}
h2{font-size: 19px;}
h3{font-size: 16px}
h4,h5,h6{font-size: 15px}
a{color: #5c5c5c; text-decoration: underline}
a:hover{color: #5c5c5c; text-decoration: none}
ul{list-style: none; margin: 0 0 1.8em; padding: 0}
ul li{padding-left: 0; text-indent: -0.7em; padding-top: 3px; padding-bottom: 3px}
ul li::before{content: '• '; color: #5eb695; padding-left: 10px;}
ul li ul{margin-bottom: 0; padding-left: 10px}
ul.odrazkyHP li::before{font-size: 20px}
.btn{display:inline-block; padding:8px 20px; text-decoration:none;background:#632581; color:#fff}
.btn:hover{text-decoration:none; color:#fff;background:#733591}
@media screen and (max-width:1300px){
    #greenArea{width: 63.73%}
    #rezervation{width: 15.13%}
    #content{width: 96%}
    #fRezervation{width: 15.13%;background: #632581;}
    footer{background: #5eb695}
}
@media screen and (max-width:1200px){
    #menu>ul{display:none}
    #menu>a{display: block; font-size: 40px; text-decoration: none; color: #fff;}
    header{height: 120px}
    #logo,#flogo{width: 233px}
    #greenArea{width: auto; position: absolute; right: 200px; top:0; height: 120px}
    #rezervation{width: 200px; position: absolute; right: 0; top:0; padding-top: 40px; height: 80px}
    #cta{padding-top: 54px}
    #lang{margin-top: 51px; margin-right: 30px}
    #menu{padding-top: 43px}
    #fRezervation{width: 200px}
}
@media screen and (max-width:1050px){
    #fcenter #copy a:nth-child(1)::after{content: ''}
    #fcenter #copy a{display: block}
}
@media screen and (max-width:900px){
    #fcenter .top a:nth-child(2),#fcenter .top a:nth-child(3){display: none}
}
@media screen and (max-width:840px){
    #fcenter .top{display: none}
    #fcenter{float: right;width: calc(100% - 295px); margin-top: 0; padding-top: 20px; margin-left: 0; text-align: right; margin-right: 20px}
    #fcenter #copy{margin-top: 0}
    #fRezervation{padding-top: 0; height: 60px; line-height: 60px; width: calc(100% - 275px);}
}
@media screen and (max-width:740px){
    header{height: auto}
    #greenArea{width: calc(100% - 233px - 2.41% - 2.41%); float: right; position: relative; top:0; right: 0; height: 60px}
    #rezervation{width: calc(100% - 233px - 2.41% - 2.41%);position: relative; top:0; right: 0; float: right; padding-top: 0; height: 60px; line-height: 60px; font-size: 24px}
    #menu>a{font-size: 25px}
    #menu{padding-top: 20px}
    #cta{padding-top: 23px}
    #lang{margin-top: 20px}
    #hpBtns a{font-size: 30px; height: 100px; line-height: 100px}
    #hpBtns{margin-top: 4px}
    #content {margin-top: 50px}
    #content .boxLeft{width: 100%}
    #content .boxRight{width: 100%}
    .twoCols .col:nth-child(n),.threeCols .col:nth-child(n){width: 100%; margin-right: 0; margin-bottom: 25px}
}
@media screen and (max-width:620px){
    #fRezervation{width: 100%}
    #flogo{width: 100%; margin-left: 0; margin-top: 0; height: auto}
    #flogo a{display: none}
    #flogo span{width: 100%; font-size: 15px; position: relative; left: 0; top:0}
    #fcenter{width: 100%; text-align: center; margin-right: 0; padding-top: 10px; padding-bottom: 10px}
    footer{height: auto}
    h1{font-size: 26px}
    #bfThreeBtns a:nth-child(n){width: 100%; margin-right: 0; margin-top: 1px}
}
@media screen and (max-width:530px){
    #logo{width: 100%; text-align: center; margin-left: 0; margin-right: 0; padding-top: 15px; margin-top: 0; height: auto}
    #logo img{max-width: 100%; width: auto}
    #logo span{position: relative; width: 100%; left: 0; top:0; font-size: 15px}
    #greenArea{width: 100%; margin-left: 0; margin-top: 1px}
    #rezervation{width: 100%; margin-left: 0}
    #hpBtns a{font-size: 24px;height: 60px;line-height: 60px;}
}