@-webkit-keyframes show {
  0% {-webkit-transform:scale(0.2, 0.2);transform:scale(0.2, 0.2); display:block;}
  100% {-webkit-transform:scale(1, 1);transform:scale(1, 1);}
}

@keyframes show {
  0% {-webkit-transform:scale(0.2, 0.2);transform:scale(0.2, 0.2); display:block;}
  100% {-webkit-transform:scale(1, 1);transform:scale(1, 1);}
}

@-webkit-keyframes hide {
  100% {-webkit-transform:scale(0.2, 0.2);transform:scale(0.2, 0.2); opacity:0.5; visibility:hidden;}
}

@keyframes hide {
  100% {-webkit-transform:scale(0.2, 0.2);transform:scale(0.2, 0.2); opacity:0.5; visibility:hidden;}
}

BODY {background-color: #000; margin: 0px; padding: 0px; font-family: 'Open Sans', sans-serif;}
  
  #gallery-content {width: 100%; float: left;}
  #gallery-content .photoFrame {width: 100%; float: left;}
  #gallery-content .photoFrame .photoItem {width: calc((100% / 9) - (72px / 9)); height: auto; float: left; margin: 0 9px 9px 0;}
  #gallery-content .photoFrame .photoItem:nth-child(9n) {margin-right: 0;}
  #gallery-content .photoFrame .photoItem IMG {display: block;}
  
	.hideText {display: none;}
  .photoFrame .pager A {width:10.75%; margin:0 2% 2% 0;outline: 3px solid #FFF; float:left;}
  .photoFrame .pager A.active {outline-color:#1742e5;}
  .photoFrame .pager IMG {display:block; width:100%;}
  .gallery .gallery-buttons {-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;}
  .gallery H3 {color:#fff;}
  .bgRezervace .rg-col1-3:nth-child(3n), .bgKontakt .rg-col1-3:nth-child(3n) {margin-right:0;}

	#mainFrame {width: 100%; margin-left: auto; margin-right: auto; background-position: center top; float: left;}

	.bgHome {background-image: url(../images/bg-home.jpg); background-attachment: scroll;}
    .bgHomeDe {background-image: url('/images/bg-home-de.jpg');}
	.bgUbytovani {background-image: url(../images/bg-home.jpg); min-height: 1714px; background-attachment: scroll;}
	.bgUniverzal {background-image: url(../images/bg-univerzal.jpg); min-height: 900px; background-attachment: scroll;}
	.bgKontakt {background-image: url(../images/bg-univerzal.jpg); min-height: 1200px; background-attachment: scroll;}
	.bgGallery {background-image: url(../images/bg-gallery.jpg); min-height: 905px; background-attachment: fixed;}
	.bgAktivity {background-image: url(../images/bg-aktivity.jpg); min-height: 903px; background-attachment: fixed;}
	.bgPoptavka {background-image: url(../images/bg-poptavka.jpg); min-height: 960px; background-attachment: scroll;}
	.bgRezervace {background-image: url(../images/bg-rezervace.jpg); min-height: 960px; background-attachment: scroll;}
	.bgCenik {background-image: url(../images/bg-cenik.jpg); min-height: 960px; background-attachment: scroll;}
	.bgMista {background-image: url(../images/bg-mista.jpg); min-height: 903px; background-attachment: fixed; background-position: center center;}


		#menu {width: 100%; float: left;}
			#menu .sizer  {margin: 0px auto 0px auto; position: relative;}
				#menu .navigation {float: left; list-style: none; padding: 0px 0px 0px 0px; margin: 0px;}
					#menu .navigation LI {float: left; background-image: url(../images/menu-delimiter.jpg); background-repeat: no-repeat; background-position: right top;}
					#menu .navigation LI:last-child {background-image: none;}
						#menu .navigation LI A {float: left; margin: 47px 12px 0px 12px; color: #FFF; text-transform: uppercase; text-decoration: none; font-size: 15px;}
						#menu .navigation LI .smallFont {font-size: 14px;}
				#menu .languages {float: right;  list-style: none; padding: 0px; margin: 0px;}
					#menu .languages LI {float: left; height: 29px;}
					#menu .languages LI:last-child {background-image: none;}
						#menu .languages LI A {color: #ab7a00; text-decoration: none; float: left; margin: 6px 10px 0px 10px; font-size: 11px; font-style: italic;}

		#menu .sizer .facebook {width: 35px; height: 35px; float: left; display: block; background-image: url('/images/facebook.png'); position: absolute; top: 40px; left: 1000px; text-decoration: none;}
		#mobileMenu  {display:none; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;color: #fff;padding: 20px 10px;}
    #mobileMenu BUTTON {background:url(/images/menu.png) no-repeat center; background-size:32px; width:40px; height:40px; margin-left:20px; border:none;}
    #mobileMenu .controls {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
    /*#mobileMenu .langs .val {margin-left:5px;border: 1px solid;float: right;padding: 2px;}*/
    #mobileMenu .langs {position:relative; border:1px solid #fff; border-radius:2px; padding:2px;}
    #mobileMenu .langs:after {content: "";background: url(/images/lang-arrow.png) no-repeat center;background-size: 10px;width: 20px;height: 20px;float: right;}
    #mobileMenu .langs .val {text-transform:uppercase;}
    #mobileMenu .langs A {text-decoration:none;color: #ab7b00;width: 100%;text-align: center;float: left;}
    #mobileMenu .menu {display:none;font-size:14px;}
    #mobileMenu .menu UL {margin:0; padding:0; list-style:none;}
    #mobileMenu .menu UL LI {float:left; width:100%;border-bottom: 1px solid #323232;}
    #mobileMenu .menu UL LI:last-child {border:none;}
    #mobileMenu .menu A {color:#fff;text-decoration:none;float:left;width:100%;padding: 5px 0;}
    #mobileMenu .langs UL {display:none; margin:0;padding:0;list-style:none;position: absolute;background: #fff;padding: 5px;left: -1px;right: -1px;top: -26px;}

		#mainContent {width: 100%; float: left;}
			#mainContent .sizer  {margin: 0px auto 0px auto;}
				#mainContent H1 {font-size: 16px; font-weight: bold; color: #FFF; text-transform: uppercase; -moz-text-shadow: 1px 1px #000; -webkit-text-shadow: 1px 1px #000; text-shadow: 1px 1px #000;}
					#mainContent H1 A {color: #FFF;}
				#mainContent .noTopMargin {padding: 0px 0px 0px 30px;}
				#mainContent .button {float: left; background-color: #ab7b00; text-align: center; font-size: 24px; font-family: 'Allura', cursive; text-decoration: none; color: #FFF; cursor: pointer;}
				#mainContent .button2 {width: 485px; height: 141px; padding: 82px 0px 0px 0px; float: left; display: block; background-color: #ab7b00; text-align: center; font-size: 55px; font-family: 'Allura', cursive; text-decoration: none; color: #FFF;}
				#mainContent .buttonDelimiter {width: 9px; height: 138px; float: left;}
				#mainContent .insidePlace {float: left; background-color: #ab7b00;}
					#mainContent .insidePlace P {font-size: 13px; color: #FFF; margin: 0px 0px 10px 0px; line-height: 1.6;}
					#mainContent .insidePlace H3 {font-size: 16px; color: #FFF; margin: 12px 0px 10px 0px;}
					#mainContent .insidePlace .formRow {float: left; height: 65px;}
						#mainContent .insidePlace .formRow .formDesc {height: 25px; float: left; font-size: 12px; color: #FFF;}
						#mainContent .insidePlace .formRow .formInput {width: 100%; float: left;}
 							#mainContent .insidePlace .formRow .formInput INPUT {width: 100%; float: left; font-size: 12px; color: #333; border: 0px; padding: 5px; font-family: 'Open Sans', sans-serif; box-sizing:border-box;}
					#mainContent .insidePlace .formRow2 {float: right; height: 195px;}
						#mainContent .insidePlace .formRow2 .formDesc {height: 25px; float: left; font-size: 12px; color: #FFF;}
						#mainContent .insidePlace .formRow2 .formInput {width:100%;float: left;}
							#mainContent .insidePlace .formRow2 .formInput TEXTAREA {width: 100%; height: 150px; float: left; font-size: 12px; color: #333; border: 0px; padding: 5px; font-family: 'Open Sans', sans-serif;box-sizing: border-box;}
					#mainContent .insidePlace .formRow3 {width: 615px; float: right; height: 195px;}
						#mainContent .insidePlace .formRow3 .formDesc {width: 615px; height: 25px; float: left; font-size: 12px; color: #FFF;}
						#mainContent .insidePlace .formRow3 .formInput {width: 615px; float: left;}
							#mainContent .insidePlace .formRow3 .formInput TEXTAREA {width: 605px; height: 150px; float: left; font-size: 12px; color: #333; border: 0px; padding: 5px; font-family: 'Open Sans', sans-serif;}
					#mainContent .insidePlace .formAS {float: left; padding: 20px 0px 0px 0px;}
						#mainContent .insidePlace .formAS .formDesc {float: left; text-align: right; font-size: 12px; color: #FFF; padding: 5px 0px 0px 0px;}
						#mainContent .insidePlace .formAS .formImage {float: right; text-align: right; font-size: 12px; color: #FFF;}
						#mainContent .insidePlace .formAS .formInput {width:100%; float: left;}
							#mainContent .insidePlace .formAS .formInput INPUT {width: 100%; float: left; font-size: 12px; color: #333; border: 0px; padding: 5px; font-family: 'Open Sans', sans-serif; box-sizing:border-box;}
					#mainContent .insidePlace .formSubmit {height: 30px; float: left; padding: 20px 0px 0px 0px;}
						#mainContent .insidePlace .formSubmit INPUT {width: 100%; height: 30px; border: 0px; background-color: #000; font-size: 14px; color: #FFF; font-family: 'Open Sans', sans-serif; font-weight: bold;}
					#mainContent .insidePlaceMista H2 {font-size: 16px; color: #FFF; margin: 0px 0px 5px 0px;}
						#mainContent .insidePlaceMista H2 A {color: #FFF;}
					#mainContent .insidePlaceMista P {font-size: 13px; color: #FFF; margin: 0px; line-height: 1.4;}
					#mainContent .insidePlaceMista IMG {border: 0px; float: left; margin: 0px 20px 0px 0px;}
				#mainContent .insidePlaceMistaDelimiter {width: 30px; height: 120px; float: left;}
				#mainContent #map-canvas {width: 100%; height: 390px;}

    #sideContent {width: 100%; float: left; background-image: url(../images/cnt-bg.png); border-top: 1px solid #ab7a00; border-bottom: 1px solid #ab7a00;}
		  #sideContent .content {margin: 0px auto;}
      #sideContent H2 {text-align: left; margin: 20px auto 0px auto; padding: 10px 0px 0px 0px; color: #FFF; line-height: 2;}
		  #sideContent H3 {text-align: left; margin: 10px auto 0px auto; padding: 10px 0px 0px 0px; color: #FFF; line-height: 2;}
			#sideContent P {text-align: left; margin: 0px auto 10px auto; padding: 10px 0px 0px 0px; font-size: 13px; color: #FFF; line-height: 1.5;}
			#sideContent UL, #mainContent .insidePlace UL {list-style-type: square; color: #FFF; margin-left: 15px; font-size: 13px; margin-top: 0px; padding: 5px 0px 0px 10px;}
      #sideContent A {color: #FFF;}
			#sideContent TABLE, TABLE.pricer {width: 980px; margin: 20px auto 20px auto; border: 0px; border-collapse: collapse;}
			#sideContent TABLE TD, TABLE.pricer TD {background-color: #000; color: #cecece; padding: 8px 12px; border: 1px #cecece solid;}
			#sideContent TABLE TH, TABLE.pricer TH {background-color: #ab7a00; color: #FFF; padding: 8px 12px; border: 1px #cecece solid; font-size: 16px;}
			#sideContent TABLE P, #sideContent TABLE H2, #sideContent TABLE H3, #sideContent TABLE H4 , TABLE.pricer p {width: auto;}
			#sideContent .obrazekVlevo {float: left; margin: 0px 15px 10px 0px;}
      #sideContent .obrazekVpravo {float: right; margin: 0px 0px 10px 15px;}

    #mainContent A {color: #FFF;}

.homeLink {width: 980px; height: 850px; margin: 20px auto; display: block;}

		#photoRow {width: 100%; float: left;background-image: url(../images/home-photos.jpg); background-repeat: no-repeat; background-position: center top;}

      #photoRow .sizer  {margin: 0px auto 0px auto;}
				#photoRow .galleryButton {width: 127px; height: 77px; float: left; padding: 50px 0px 0px 0px; display: block; text-align: center; text-decoration: none; color: #FFF; background-image: url(../images/galerie-button.png); font-size: 24px; font-family: 'Allura', cursive;}

		#bottomLogo {position:relative; width: 100%; height: 181px; float: left; border-bottom: 1px solid #FFF; background-image: url(../images/bottom-logo.jpg); background-repeat: no-repeat; background-position: center center; background-color: #000;}
    #bottomLogo A {position:absolute;width:146px;height:66px;left: -webkit-calc(50% - 73px);left: calc(50% - 73px);top: -webkit-calc(50% - 33px);top: calc(50% - 33px);}

		#footer {width: 100%; float: left; background-color: #000;}
			#footer .sizer  { margin: 0px auto 0px auto;}
				#footer .copyright {line-height: 1.8; float: left; color: #ab7a00; font-size: 11px;}
				#footer .createdBy {line-height: 1.8; float: left; color: #ab7a00; font-size: 11px;}
					#footer .createdBy A {text-decoration: none; color: #ab7a00;}
				#footer .addsBottom {float: left; color: #ab7a00; font-size: 11px;}
					#footer .addsBottom UL {float: left; margin: 0px; padding: 0px; list-style: none;}
						#footer .addsBottom UL LI {width: 120px; float: left; margin: 0px 0px 5px 0px; padding: 0px;}
							#footer .addsBottom UL LI A {text-decoration: none; color: #ab7a00;}
.ns-cnt-block {float:left; width:100%;}
#network {text-align: center; margin: 5px 0 1px 0;}

#mainContent .bx-viewport, #sideContent .bx-viewport {border:none;}
#slideshow {height:600px; text-align:center;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}
#slideshow A {border:none; outline:none;}
#slideshow .slide {background:#000;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;}
#slideshow .slide A {position:absolute;left: 0;top: 0;right: 0;bottom: 0;width: 100%;margin: 0;border: none; outline:none;}
#slideshow IMG { width:auto;}
.photoFrame .button {width:50px;height:50px;background:rgba(2, 1, 0, 0.38); padding:0; position: absolute;top: -webkit-calc(50% - 25px);top: calc(50% - 25px);z-index: 10;background-repeat: no-repeat;background-position: center;}
.photoFrame .button.next {right:0;background-image: url(/images/btn-next.png);}
.photoFrame .button.prev {background-image: url(/images/btn-prev.png);}


#bottomLogo {-webkit-box-ordinal-group:6;-webkit-order:5;-ms-flex-order:5;order:5;}
#menu {-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2;}
#sideContent, #mainContent {-webkit-box-ordinal-group:4;-webkit-order:3;-ms-flex-order:3;order:3;}
#photoRow {-webkit-box-ordinal-group:5;-webkit-order:4;-ms-flex-order:4;order:4;}
#footer {-webkit-box-ordinal-group:6;-webkit-order:5;-ms-flex-order:5;order:5;}
#mainFrame.bgKontakt #sideContent {-webkit-box-ordinal-group:4;-webkit-order:3;-ms-flex-order:3;order:3;}
#mainFrame.bgKontakt #mainContent {-webkit-box-ordinal-group:5;-webkit-order:4;-ms-flex-order:4;order:4;}

/*#slideshow .swiper-slide {background:#000;display: flex; align-items: center; justify-content: center;}
#slideshow .slide A {position:absolute;left: 0;top: 0;right: 0;bottom: 0;width: 100%;margin: 0;border: none; outline:none;}
#slideshow IMG {width:auto; display:initial;}

#slideshowThumb {margin-top:15px;}
#slideshowThumb .swiper-slide.swiper-slide-active {outline: 2px solid #e7ab15; outline-offset: -2px;}*/