.reenio-reservation-btn {font-size: 20px; color: #fff; background-color: #f05033; border-radius: 4px; font-weight: bold; display: inline-block; padding: 15px 30px; text-decoration: none; position: fixed; z-index: 100; top: 20px; right: 20px;}

.block { box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.full {width:100%;}
.half {width:50%;}
.left {float:left;}
.right {float:right;}
.lgrid {box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; float:left; width:100%;}
.rgrid {box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; float:right; width:100%;}
.radius-3 {border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;}
.wrapper {width:1028px; margin:0 auto; position:relative;}

.graphic-heading {height: 55px; text-align:center;}
.graphic-heading SPAN {visibility:hidden;}

/** Dialog */
.dialog-overlay {position: fixed; z-index: 1000;text-align:center; background: rgba(0, 0, 0, 0.83); top: 0; left: 0; right: 0; height: 100%;}
.dialog-box {width: auto; display: inline-block;height: 90%;position: relative;top: 5%;}
.dialog {text-align: initial;background:#fff;position: relative;height: 90%;border-radius: 2px;}
.dialog .title {padding: 25px; text-align: left; font-size: 20px;}
.dialog .title H2 {margin:0;}
.dialog .content {padding: 0 25px;top: 74px;bottom: 75px;overflow-y: auto;position: absolute;}
.dialog .option {position:relative;height: 50px; line-height:50px; font-size: 18px;font-weight: 700; cursor:pointer;}
.dialog .option:before {content:""; width:30px; height:30px; border-radius:50%;border: 3px solid #ccc;z-index: 10;float: left;margin: 7px 20px 0 0;display: block;}
.dialog .option:after {content:""; width:20px; height:20px; border-radius:50%;display: block; left: 8px; top: 15px; position:absolute;}
.dialog .option.selected {}
.dialog .option.selected:before {border-color:#B1D23B;}
.dialog .option.selected:after {display:block; background:#B1D23B;}
.dialog .buttons {position: absolute; bottom: 0; height: 75px; border-top: 1px solid #ccc;padding: 10px 25px;font-size: 19px;color: #616161;font-weight: 900;}
.dialog .buttons .button {float: right; line-height: 50px;}

BODY {margin:0; font-family: 'Titillium Web', sans-serif; font-size:20px; color:#706f6f; overflow-x:hidden;}

#pageUp {position:fixed; visibility:hidden; transition:0.3s; right:50px; bottom: 50px; width: 50px;height: 50px;text-align: center;}
#pageUp.visible {visibility:visible;}
#pageUp A {background-image:url(/images/icon-arrow-up-inactive.png); float:left; width:100%; height:100%;background-repeat: no-repeat;background-position: center;}
#pageUp A:HOVER {background-image:url(/images/icon-arrow-up-active.png);}

/*#header {position:relative;min-height: 561px; background: url(/images/header-bg2.jpg) no-repeat top center;padding-top: 515px;} */
#header {position:relative;min-height: 561px; background: url(/images/header-bg3.jpg) no-repeat top center;padding-top: 515px;}
#header #buttons {position:absolute; top: -522px; left: 290px;}
#header #buttons #btn1 {margin:0 70px 0 0; cursor:pointer;}
#header #buttons #btn2 {margin:0 70px 0 0;}
#header #canvas {position:absolute;top: -400px;/*left: 185px;*/ left:155px; width: 420px; z-index: 2;}
/*#header #sliderOverlay {position:absolute; width: 750px; height: 322px;left: 280px;top: -279px; background: url(/images/slideshow-overlay.png) no-repeat left; z-index: 1000;}
#header #nsslider {width: 720px; height: 291px;left: 290px;top: -264px;position: absolute;overflow: hidden;}*/
#header #sliderOverlay {position:absolute; width: 745px; height: 380px;left: 258px;top: -345px; background: url(/images/slideshow-overlay3.png) no-repeat left top; z-index: 1000;overflow: hidden;}
#header #nsslider {width: 730px; height: 353px;left: 266px;top: -324px;position: absolute;overflow: hidden;}
.cycle-pager {position: absolute; bottom: 20px; right: 90px; z-index:1000;}
.cycle-pager .paging {float: left; width: 20px; height: 20px; background-color: #10C5D8; border-radius: 20px; margin: 0 0 0 5px; cursor:pointer;}
.cycle-pager .paging.cycle-pager-active {border:1px solid #fff;}
#header UL {list-style:none; padding: 82px 0 0 64px; }
#header UL LI { height: 30px; display: inline-block; background-position: left center; background-repeat:no-repeat; margin: 0 28px 0 0;}
#header UL LI:last-child {margin-right:0;}
#header UL LI A {width: 100%; float: left; padding: 18px;}
#header UL LI SPAN {display:none;}
#header UL LI.item1 {background-image:url(/images/menu-onas.png); width: 55px;}
#header UL LI.item1:HOVER {background-image:url(/images/menu-onas-h.png)}
#header UL LI.item2 {background-image:url(/images/menu-expozice.png); width: 88px;}
#header UL LI.item2:HOVER {background-image:url(/images/menu-expozice-h.png)}
#header UL LI.item3 {background-image:url(/images/menu-pro-skoly.png); width: 93px;}
#header UL LI.item3:HOVER {background-image:url(/images/menu-pro-skoly-h.png)}
#header UL LI.item4 {background-image:url(/images/menu-cenik.png); width: 55px;}
#header UL LI.item4:HOVER {background-image:url(/images/menu-cenik-h.png)}
#header UL LI.item5 {background-image:url(/images/menu-oteviraci-doba.png); width: 155px;}
#header UL LI.item5:HOVER {background-image:url(/images/menu-oteviraci-doba-h.png)}
#header UL LI.item6 {background-image:url(/images/menu-kontakt.png); width: 80px;}
#header UL LI.item6:HOVER {background-image:url(/images/menu-kontakt-h.png)}
#header UL LI.item7 {background-image:url(/images/menu-tabory.png); width: 80px;}
#header UL LI.item7:HOVER {background-image:url(/images/menu-tabory-h.png)}
#header UL LI.item8{background-image:url(/images/menu-infocentrum.png); width: 162px;}
/* #header UL LI.item8:HOVER {background-image:url(/images/menu-tabory-h.png)} */
#header #sparkle {position: absolute; top: -273px; left: 203px;}

#o-nas {min-height:500px; background:url(/images/horizont.png) no-repeat top center;padding-top: 248px;margin-top: -84px;}
#o-nas H2 {background:url(/images/heading_onas.png) no-repeat center;}
#o-nas .intro {text-align:center; width:500px; margin:0 auto;}
#o-nas .intro P {}
#o-nas .container {background:url(/images/houpacka-bg.png) center top no-repeat; min-height: 800px;}
#o-nas #medailons .medailon {width: 250px; margin: 45px; text-align: center;/*background-color: #fff;*/font-size: 16px;}
#o-nas #medailons .medailon .img {width: 175px; height: 175px; border-radius: 150px; border: 6px solid #e40006;overflow: hidden;float: none;display: inline-block;}
#o-nas #medailons .medailon .img IMG {width:100%;}

#o-nas #points .point {padding: 0 0 0 96px; background: url(/images/point.png) no-repeat left top; width: 840px; margin: 0 135px 50px 135px;}
#post BLOCKQUOTE, #o-nas #points .point BLOCKQUOTE {font-style:italic; margin:0;}
#post .col P {margin: 0;}
#pro-skoly #table .quote BLOCKQUOTE:before, #post BLOCKQUOTE:before, #o-nas #points .point BLOCKQUOTE:before {content: "„";}
#pro-skoly #table .quote BLOCKQUOTE:after ,#post BLOCKQUOTE:after, #o-nas #points .point BLOCKQUOTE:after {content: "“";}
#o-nas #points .point .name {color:#e40006; text-transform:uppercase; font-weight: 100; font-size:24px;}
#o-nas #points BLOCKQUOTE P {margin:0; display:inline;}

#expozice {min-height:700px; background:url(/images/expozice-bg.jpg) no-repeat top;margin-top: -150px;padding-top: 700px; background-color: #E3AD27;color:#fff;}
#expozice H2 {background:url(/images/expo-heading.png) no-repeat center;}
#expozice .medailon {width: 290px; margin: 10px 0; text-align: center;padding-top: 14px;}
#expozice .medailon.first {margin-left: 50px;}
#expozice .medailon.middle {margin: 10px 28px;}
#expozice #historie, #expozice #gastro {margin-top: 0; padding-top: 0;}

#post .col {text-align:center; padding: 40px 0 0 0;width: 230px; background: url(/images/point-white.png) no-repeat center top;font-weight: 100;}
#post .col.first {margin-left: 88px;}
#post .col.middle {margin: 0 19px;width: 370px;}
#post .col .name {color:#e40006; font-weight: 100;}
#post BLOCKQUOTE P {margin:0; display:inline;}

#pro-skoly {background:url(/images/skoly-bg.jpg) no-repeat top center; min-height:500px;margin-top: -200px; padding-top: 240px;}
#pro-skoly H2 {background:url(/images/skoly-heading.png) no-repeat center;}
#pro-skoly #table {background: url(/images/table.png) no-repeat top center; height: 412px;margin: 100px 0 0 0;padding: 13px 190px;color: #fff; text-align:center;}
#pro-skoly #table .quote {background: url(/images/bod-white-big.png) no-repeat top left; padding: 0 110px; text-align:left;}
#pro-skoly #table .quote BLOCKQUOTE {margin:0; font-weight:300; font-style:italic;}
#pro-skoly #table .quote .name {font-weight: 600; text-transform:uppercase; font-size:23px;}
#pro-skoly H3 {background:url(/images/cyrcle-skoly.png) no-repeat top center; color:#e40006;padding: 185px 325px 0 325px;text-align: center;text-transform: uppercase;font-weight: 700;font-size: 23px;}
#pro-skoly H3 SPAN {font-weight:500;}
#pro-skoly .price {text-align:center; background: url(/images/cena-point.png) no-repeat top center;padding: 35px 0 0 0;margin: 0;}
#pro-skoly .col.first {margin:0 0 0 165px;}
#pro-skoly .col.second {margin: 0 0 0 50px;}
#pro-skoly UL {}
#pro-skoly UL LI { list-style-image: url(/images/odrazka.png); padding-left: 7px;}
#pro-skoly P:last-child {font-style:italic; text-align:center;}
#pro-skoly .info {color:#e40006;}

#tabory {background:url(/images/tabory-bg.jpg) no-repeat top center;height: 1480px;padding-top: 180px; margin-bottom: -245px;background-color: #30B3A1; color:#fff;}
#tabory H2 {height:105px;margin: 0 0 225px 160px;background: url(/images/tabory-heading.png) no-repeat left center;}
#tabory H2 SPAN {display:none;}
#tabory .wrapper {padding-left:210px; position:initial;}
#tabory .article {width:500px; font-size:16px; margin-bottom:35px;}
#tabory .article .heading {font-size:23px;position: relative;text-transform: uppercase;}
#tabory .article .heading .label {position: absolute; top: 6px; left: -30px; background: #fff; width: 20px; height: 20px; border-radius: 50%; color: #30B3A1; text-align: center; line-height: 20px; font-size: 15px;}
#tabory .article P {margin:10px 0 0 0;}
#tabory .terms {width:245px;margin-top: 200px;}
#tabory .terms .heading {background: url(/images/heading-terms.png) no-repeat left top;height: 55px;margin: 0 0 8px 80px;}
#tabory .terms .heading SPAN {display:none;}
#tabory .terms .term {background: #fff;color: #30B3A1;padding-right: 30px;margin-bottom: 10px;height: 35px;min-width: 120px;}
#tabory .terms .term:after {content: "";position: absolute;width: 100%;background: #FFF;height: 35px;margin: 0 0 0 30px;}
#tabory .terms .term.first {}
#tabory .terms .term.first:before {content:"";position:absolute;height: 35px;width: 60px;margin: 0px 0 0 -59px;background: url(/images/term1.png) no-repeat left top;}
#tabory .terms .term.second {}
#tabory .terms .term.second:before {content:"";position:absolute;height: 41px;width: 60px;margin: -1px 0 0 -59px;background: url(/images/term2.png) no-repeat left top;}
#tabory .terms .term.third {}
#tabory .terms .term.third:before {content:"";position:absolute;height: 35px;width: 62px;margin: 0 0 0 -61px;background: url(/images/term3.png) no-repeat right top;}
#tabory .terms .term.empty {}
#tabory .terms .term.empty:before {content:"";position:absolute;height: 35px;width: 62px;margin: 0 0 0 -61px;background: url(/images/term.png) no-repeat right top;}

#cenik {background:url(/images/cenik-bg.png) no-repeat top center; min-height: 745px; padding-top:150px;}
#cenik H2 {background:url(/images/cenik-heading.png) no-repeat top center;height: 60px;}
#cenik #prices {margin: 80px auto 0 auto; width:700px; color:#fff; font-size: 23px;}
#cenik .heading {text-align:right;}
#cenik .full {color:#235698;}
#cenik .row {background:url(/images/dots.png) repeat-x bottom; margin: 0 0 13px 0;}
#cenik .row P {margin:0;border-bottom: 3px solid #83DFEA;line-height: 10px;padding: 0 5px;}
#cenik .row P:first-child {float:left; font-style:italic; font-weight: 300;}
#cenik .row P:last-child {float:right;min-width: 80px;text-align: center;}

#kontakt {background:url(/images/kontakt-bg.png) no-repeat top center; min-height: 300px; padding-top:150px;margin-top: -90px; font-size:23px;}
#kontakt H2 {background:url(/images/kontakt-heading.png) no-repeat center;}
#kontakt .col {width:325px;}
#kontakt .col.middle { margin: 0 26px; text-align:center;}
#kontakt .col.middle IMG {margin:25px 0 0 0;}
#kontakt .col.right {text-align:right;font-style: italic;}
#kontakt #hours .row P {margin:0;}
#kontakt #hours .row P:first-child {float:left; color:#e40006; min-width: 100px;}
#kontakt #hours .row P:last-child {float:right; min-width: 150px; text-align:center;}
#kontakt #networks {margin:115px 0 0 0;}
#kontakt #networks IMG {margin:0 20px 0 0;}
#kontakt #networks P {margin:0;}
#kontakt .card {margin:0 0 25px 0; line-height: 28px;}
#kontakt .card P {margin:0; font-size:20px; font-style:italic;}
#kontakt .card .name {color:#e40006; font-weight:700;}
#kontakt #povi {text-align:center; padding: 50px 0; display: flex; align-items: center; justify-content: space-between;}

#popupForm {color:#fff; padding:20px 65px; background:#25c5d5; font-size:20px;font-weight: 100;width:600px;overflow: hidden;max-height: 100%;overflow-y: auto;}
#popupForm INPUT {padding:25px 15px;font-size: 20px;background:#78dbe5; border:none; box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
#popupForm LABEL {float:left;margin:0 0 5px 0;}
#popupForm .header {text-align:center;}
#popupForm .row {margin:0 0 20px 0;}
#popupForm .row.info {font-size:11px;}
#popupForm #info.success {font-size: 26px;color: #7CFE83;}
#popupForm .row.controls .checkbox {margin:0;}
#popupForm .row.controls .star {width:210px; font-size:16px;}
#popupForm .row P {margin:0;}
#popupForm .row INPUT {width:100%;}
#popupForm INPUT.error, #popupForm .input.error {background: #FD6A6A;}
#popupForm .row INPUT:focus {outline: 1px solid #fff;}
#popupForm .row INPUT[type=submit] {width:210px; text-transform:uppercase; color:#fff;background-image:url(/images/form-lucerna.png); background-repeat:no-repeat;background-position: left 15px center;font-size: 20px;text-align: right;float: left;}
#popupForm .row .set {margin:0 0 5px 0;}
#popupForm .row .set:last-child {margin:0;}
#popupForm .row .set INPUT {width:210px;float:left; }
#popupForm .row .set INPUT:nth-child(even) {float:right;}
#popupForm .checkbox {cursor:pointer;position:relative;width:27px; height:27px; background:#78dbe5;margin: 20px 20px 0 0;}
#popupForm .checkbox INPUT {visibility:hidden;}
#popupForm .checkbox.checked:after {content:""; float:left;width: 34px; background:url(/images/form-checked.png); background-repeat:no-repeat;height: 100%;top: -4px;left: 4px;position: absolute;}
#popupForm #addChildren:after {content:"+"; cursor:pointer; width: 100%;float: left;text-align: center;line-height: 20px;font-size: 35px;}
::-webkit-input-placeholder {color:#fff; font-weight:100;}
:-moz-placeholder { /* Firefox 18- */color: #fff; font-weight:100;}
::-moz-placeholder {  /* Firefox 19+ */color: #fff; font-weight:100;}
:-ms-input-placeholder {color: #fff; font-weight:100;}

.logosFrame {width: 100%; float: left; display: flex; align-items: center; justify-content: space-between; margin: 0px 0px 50px 0px;}
.logosFrame IMG {max-height: 80px; max-width: 300px;}
.logosFrame .link {color: #706f6f;}

.infoCentrum { height: 710px; padding-top: 45px; background-image: url('/images/bg-infocentrum.png'); background-position: center top; background-repeat: no-repeat; }
.container { width: 100%; float: left; padding-top: 130px; padding-right: 80px; padding-left: 45px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.col-71 { width: 71%; float: left; }
.col-71 UL { padding-left: 5px; margin-top: 0; margin-bottom: 7px; list-style: none; }
.col-71 LI { position: relative; padding-left: 30px; }
.col-71 LI:before { content: ''; width: 15px; height: 15px; position: absolute; left: 0; top: calc(50% - 7.5px); background: #95c11f; border-radius: 50%; }
.col-71 P { margin-top: 5px; }
.infoCentrum A { text-decoration: underline; color: #26c5d6; }

.col-25 { width: 25%; float: right; line-height: 1.2; text-align: right; }
.infoCentrum TABLE { font-size: 23px; width: auto; float: right; }
.infoCentrum TABLE TD:first-child { text-align: left; color: #95c11f; }

.logo-olc { display: -webkit-flex; -webkit-justify-content: space-between; -webkit-align-items: center; }
.logo-olc { width: 100%; float: left; margin: 65px auto; display: flex; justify-content: space-between; align-items: center; }
.logo-olc .logo {flex: 1; margin-right: 20px;}
.logo-olc .logo:last-child {margin-right: 0px;}
.logo-olc IMG {max-width: 100%;}
           
.filesAbsolute {width: 100%; float: left; position: relative;}
.filesAbsolute .files {width: 100%; float: left; position: absolute; top: -15px; left: 0px;}
.filesAbsolute .files A {color: #235798;}

.zeleny {color: #95c11f !important;}

.infocentrumLogo {width: auto;}
.flexCenter {display: flex; align-items: center; flex-direction: column;}