/* CSS Document */

html, body { height: 100%; }
@font-face{ 
	font-family: 'Futura Md BT';
	src: url('futurab.eot');
	src: url('futurab.eot?#iefix') format('embedded-opentype'),
	     url('futurab.woff') format('woff'),
	     url('futurab.ttf') format('truetype'),
	     url('futurab.svg#webfont') format('svg');
}
@font-face{ 
	font-family: 'Museo Sans 500';
	src: url('aller.eot');
	src: url('aller.eot?#iefix') format('embedded-opentype'),
	     url('aller.woff') format('woff'),
	     url('aller.ttf') format('truetype'),
	     url('aller.svg#webfont') format('svg');
}
body { background: black url("../images/bordertop.png") repeat-x left -26px; background-size: normal; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: white; text-align: center; margin: 0; padding: 0; }
a { color: white; text-decoration: none; }
ul { list-style-type: none; }
img { border: none; }
div { position: relative; text-align: left; }
hr { border: none; height: 0px; visibility: hidden; clear: both; }
h1, h2, h3, h4, h5, h6, p, form, ul { margin: 0; padding: 0; }

/* basic layout */
#menucontainer { width: 60%; min-width: 1111px; margin: 0 auto; z-index: 100; position: fixed; left: 5%; right: 5%; }
#logo { width: 181px; height: 160px; display: block; position: absolute; margin-top: -1px; }
#sitemenu { min-width: 950px; }
#sitemenu ul { padding: 42px 0 0 229px; }
#sitemenu ul.subs { float: none; padding: 0; }
.scrollobject .secondmenu { width: 100%; height: 42px; background: url("../images/bordertop.png") repeat-x left bottom; position: fixed; top: -26px; left: 0; }
.content { height: 100%; position: relative; z-index: 1; text-align: center; margin-top: -5px; }
#footer { width: 100%; min-height: 350px; background: white url("../images/border-bottom.png") repeat-x left top; z-index: 99; top: -4px; margin: 0 auto; }

/* afterscroll menu */
.scrollobject1 #sitemenu { position: fixed; margin-top: -30px; }
.scrollobject1 .secondmenu { width: 100%; height: 42px; background: url("../images/bordertop.png") repeat-x left bottom; position: fixed; top: 0; left: 0; }
.scrollobject1 #topmenu li.plus a { display: block; text-indent: -9000px; width: 27px; height: 27px; background: url("../images/plusmenu.png") no-repeat right -27px; }
.scrollobject1 #topmenu li.category { padding-bottom: 30px; }
.scrollobject1 #topmenu li.beach { padding-bottom: 0; }
.scrollobject1 #topmenu li.category .subs a { color: white; }
.scrollobject1 #topmenu li:hover .subs { width: 150px; margin: 20px 0 0 -30px; background: url("../images/arrowsubmenu.png") no-repeat center 0; padding: 12px 0 6px 0; border-radius: 5px; position: absolute; top: auto; border: none; }
.scrollobject1 #topmenu .downmenu .subs li a, .scrollobject1 #topmenu .downmenu1 .subs li a { line-height: 18px; margin-left: 0; }
.scrollobject1 #topmenu li.downmenu:hover, .scrollobject1 #topmenu li.downmenu1:hover { border-left: none; background: url("../images/arrowmenu.png") no-repeat left 5px; margin-left: 2px; }
.scrollobject1 #topmenu li .subs a { float: none; text-indent: 0; background: none; width: auto; height: auto; text-align: center; padding: 6px 12px 9px 12px; margin: 0; -moz-transition: background 0.3s; -o-transition: background 0.3s; -webkit-transition: background 0.3s; transition: background 0.3s; }
.scrollobject1 #topmenu li .subs a:hover { color: #000; background: white; height: auto; }
#cat4 { display: none; }

/* lang menu */
#langs { position: absolute; right: 40px; z-index: 99; }
#langs li a { display: block; font: 16px 'Futura Md BT'; font-weight: bold; color: white; background: black; padding: 30px 8px 7px 8px; border-radius: 0 0 5px 5px; }
.sublangs { display: none; }
#enlang:hover .sublangs { display: block; }
#langs .sublangs a { color: black; background: white; border-top: 1px solid white; border-radius: 0; padding: 8px 8px 10px 8px; display: block; -moz-transition: background 0.3s; -o-transition: background 0.3s; -webkit-transition: background 0.3s; transition: background 0.3s; margin-left: -1px; }
#langs .sublangs a:hover { color: white; background: black; border-top: 1px solid white; }
#langs #rulang a { border-radius: 0 0 5px 5px; }
#langs:hover a { border-radius: 0; }

/* plus menu */
#topmenu li.plus { float: left; margin: -7px 0 0 14px; }
#topmenu li.plus a { display: block; text-indent: -9000px; width: 27px; height: 27px; background: url("../images/plusmenu.png") no-repeat right top; }
#topmenu li.plus a:hover { background: url("../images/plusmenu.png") no-repeat right -27px; }
.scrollobject #topmenu li.plus .subs { margin: 0 0 0 -38px; max-width: 125px; min-height: 95px; /* povodne 125px*/ background: url("../images/arrowsubmenu.png") no-repeat center 3px; padding: 15px 0 0 0; border-radius: 5px; position: relative; top: auto; border: none;  }
.scrollobject1 #topmenu li.plus .subs { margin: 0 0 0 -49px; max-width: 125px; min-height: 95px; /* povodne 125px*/ }
#topmenu li.plus .subs a { float: none; text-indent: 0; background: none; width: auto; height: auto; text-align: center; padding: 6px 12px 8px 12px; margin: 0; -moz-transition: background 0.3s; -o-transition: background 0.3s; -webkit-transition: background 0.3s; transition: background 0.3s; font: 13px Arial, Helvetica, sans-serif; }
#topmenu li.plus .subs a:hover { color: #000; background: white; height: auto; }

/* foooter styles */
#footer div.footerdiv { max-width: 1111px; margin: 0 auto; font-family: Arial, Helvetica, sans-serif; }
div.footerdiv a { color: black; text-decoration: underline; }
div.footerdiv a:hover { color: #808080; }
.footerdiv div { float: left; color: black; }
.footerdiv h3 { font: 16px 'Futura Md BT'; font-weight: bold; text-transform: uppercase; }
.footerone { width: 175px; }
.footerone img { margin: -24px 0 8px 0; }
.footerone p  { color: black; font-size: 11px; line-height: 16px; width: 175px; text-align: center; }
.footerone ul { border-top: 1px solid black; font-size: 11px; padding-top: 24px; margin-top: 20px; }
.footerone li { line-height: 16px; padding-left: 20px; }
.footerone li a:hover { color: #808080; }
.footertwo { width: 290px; box-sizing: border-box; padding: 20px 0 0 60px; }
.footertwo h3 { margin: 32px 0 10px 0; }
.footertwo p, .footerthree p { line-height: 18px; }
.footerthree { width: 209px; box-sizing: border-box; padding: 20px 0 0 37px; }
.footerthree h3 { margin: 26px 0 5px -37px; padding: 0 0 0 37px; background: url(../images/navigator-icon.png) no-repeat left top; line-height: 30px; }
.footerthree h4 { margin: 23px 0 5px 0; }
.footerthree p { padding-right: 12px; }
.footerthree li, .footerfive li { line-height: 18px; }
.footerfour { width: 198px; box-sizing: border-box; }
.footerfour h3 { margin: 52px 0 15px 20px; }
.footerfour li { border-bottom: 1px solid #808080; }
.footerfour ul { border-top: 1px solid #808080; max-width: 161px; }
div.footerdiv .footerfour a { text-decoration: none; display: block; padding: 7px 0 9px 24px; }
.footerfive { width: 206px; box-sizing: border-box; }
.footerfive h3 { margin: 52px 0 13px 0; }
.footerfive ul { margin: 18px 0 30px 0; }
div.footerdiv .footerfive a { text-decoration: none; padding: 0 0 0 26px; background: url(../images/arrowlinks.png) no-repeat 11px center; }
div.footerdiv .footerfive a.ntlsubscription { display: inline-block; padding: 10px 25px 12px 25px; background: #ed0281; border-radius: 15px; color: black; font-weight: bold; }
div.footerdiv .footerfive a.ntlsubscription:hover { background: gray; color: white; }
.footerfive input { border: 2px solid #808080; border-radius: 6px; font-size: 13px; color: rgba(0,0,0,0.5); padding: 6px 0 8px 10px; max-width: 155px; }
.footerfive input#submit { padding: 6px 4px 8px 4px; border: none; background: #ed0281; color: white; font: 15px 'Futura Md BT'; font-weight: bold; line-height: 18px; letter-spacing: -0.02em; margin: 0 0 0 2px; }
.footerfive p { color: #c8c8c8; font-size: 11px; margin-top: 8px; }
.footerfive #author { display: block; max-width: 160px; text-decoration: none; background: url(../images/myage.png) no-repeat right 2px; padding: 0 20px 0 0; font-size: 11px; line-height: 18px; }
.footerfive:after { content: ""; display: table; clear: both; }
#footer li.gdpr { margin-top: 12px; line-height: 120%; }

/* social media home */
.socialmedia { width: 370px; margin: 0 0 0 -185px; position: absolute; left: 50%; bottom: 15%; }
.socialmedia li { display: block; float: left; }
.socialmedia a { display: block; width: 50px; height: 50px; text-indent: -9000px; margin: 0 14px 0 0; background: url(../images/socialbuttons.png) no-repeat left -50px; transition: background 0.4s; -moz-transition: background 0.4s; -webkit-transition: background 0.4s; -o-transition: background 0.4s;  }
.socialmedia a:hover { background-position: left -50px; margin-top: -10px; }
.socialmedia a.tw { background-position: -63px -50px; }
.socialmedia a.tw:hover { background-position: -63px -50px; }
.socialmedia a.fs { background-position: -126px top; display: none; }
.socialmedia a.fs:hover { background-position: -126px -50px; }
.socialmedia a.pl { background-position: -189px top; display: none; }
.socialmedia a.pl:hover { background-position: -189px -50px; }
.socialmedia a.yt { background-position: -254px -50px; }
.socialmedia a.yt:hover { background-position: -254px -50px; }
.socialmedia a.pi { background-position: -317px top; display: none; }
.socialmedia a.pi:hover { background-position: -317px -50px; }
.socialmedia a.ig { background-position: -380px -50px; }
.socialmedia a.ig:hover { background-position: -380px -50px; }
.socialmedia a.ta { width: 99px; background-position: -453px -50px; }
.socialmedia a.ta:hover { background-position: -453px -50px; }

/* social media minimal */
.overbreak-3 { width: 100%; min-height: 126px; box-sizing: border-box; background: url(../images/homedivider2.jpg) no-repeat center top; box-shadow: 0 0 30px rgba(0, 0, 0, 0.5); }
.socialmedia-minimal { width: 240px; margin: 0 0 0 -120px; position: absolute; left: 50%; padding: 35px 0; }
.socialmedia-minimal li { display: block; float: left; }
.socialmedia-minimal a { display: block; width: 36px; height: 36px; text-indent: -9000px; margin: 0 10px 0 0; background: url(../images/socialbuttons-minimal.png) no-repeat left top; transition: margin 0.4s; -moz-transition: margin 0.4s; -webkit-transition: margin 0.4s; -o-transition: margin 0.4s; }
.socialmedia-minimal a:hover { background-position: left -36px; margin-top: -5px; }
.socialmedia-minimal a.tw { background-position: -46px top; }
.socialmedia-minimal a.tw:hover { background-position: -46px -36px; }
.socialmedia-minimal a.fs { background-position: -92px top; display: none; }
.socialmedia-minimal a.fs:hover { background-position: -92px -36px; }
.socialmedia-minimal a.pl { background-position: -137px top; display: none; }
.socialmedia-minimal a.pl:hover { background-position: -137px -36px; }
.socialmedia-minimal a.yt { background-position: -183px top; }
.socialmedia-minimal a.yt:hover { background-position: -183px -36px; }
.socialmedia-minimal a.pi { background-position: -229px top; display: none; }
.socialmedia-minimal a.pi:hover { background-position: -229px -36px; }
.socialmedia-minimal a.ig { background-position: -275px top; }
.socialmedia-minimal a.ig:hover { background-position: -275px -36px; }
.socialmedia-minimal a.ta { width: 89px; background-position: -321px top; }
.socialmedia-minimal a.ta:hover { background-position: -321px -36px; }

/* mapa */
#googlemap { position: relative; width: 100%; height: 550px; top: 0; font-family: Arial, Helvetica, sans-serif; color: black; }
.ufomap { background: url("../images/ufomap.jpg") no-repeat center center; }
.plazmap { background: url("../images/plazmap.jpg") no-repeat center center; }
.rmgmap { background: url("../images/rmgmap.jpg") no-repeat center center; }
#googlemap a { display: block; background: rgba(255,255,255,0); text-indent: -9000px; width: 100%; height: 100%; }
#googlemap div { padding: 30px; background: white; position: absolute; top: 11%; left: 50%; margin-left: -110px; width: 220px; box-sizing: border-box; }
#googlemap strong { display: block; }
#googlemap img { position: absolute; left: 50%; bottom: 0; margin: 0 0 -11px -12px; }
#googlemap div a.callbtn { color: black; text-indent: 0; }

/* parallax */
.overcontainer { width: 100%;  text-align: center; }
.fixedbg { position: relative; min-height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; z-index: 1; overflow: hidden; }
.fixedbg2 { position: relative; min-height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; z-index: 1; overflow: hidden; }

@media only screen and (min-width: 970px) {
  .fixedbg, .fixedbg2 { background-attachment: fixed; }
}

@media only screen and (min-height: 900px) {
.fixedbg { min-height: 80%; }
.fixedbg2 { min-height: 80%; }
}
.scrollbg { background: rgba(0,0,0,0.7); padding: 0; box-shadow: 0 0 60px rgba(0, 0, 0, 0.5); z-index: 2; }
.scrollbg2 { background: rgba(0,0,0,0.7); padding: 0; z-index: 2; }
.boxshadow { padding: 0; box-shadow: 0 0 60px rgba(0, 0, 0, 0.6); z-index: 2; width: 100%; }

/* homepage */
.fixedbg.cd-bg-1 { background-image: url("../images/bgs/hp-main-sk.jpg?19-4"); min-height: 100%; }
#en .fixedbg.cd-bg-1, #de .fixedbg.cd-bg-1 { background-image: url("../images/bgs/hp-main-en.jpg?19-4"); min-height: 100%; }
.fixedbg.cd-bg-2 { background-image: url("../images/bgs/hp-catering.jpg"); }
.fixedbg2.cd-bg-3 { background-image: url("../images/bgs/hp-loft.jpg"); }

/* vyhliadka */
.fixedbg.cd-bg-4 { background-image: url("../images/bgs/ufo-tower-main.jpg"); }
.fixedbg.cd-bg-5 { background-image: url("../images/bgs/ufo-tower-intro.jpg"); }
.fixedbg.cd-bg-6 { background-image: url("../images/bgs/ufo-tower-facts.jpg"); }
.fixedbg.cd-bg-7 { background-image: url("../images/bgs/ufo-tower-techinfo.jpg"); }

/* vstup na vyhliadku */
.fixedbg.cd-bg-8 { background-image: url("../images/bgs/ufo-in-main.jpg"); }
.fixedbg.cd-bg-9 { background-image: url("../images/bgs/ufo-in-see.jpg"); }

/* restauracia & bar */
.fixedbg.cd-bg-10 { background-image: url("../images/bgs/ufo-rb-main.jpg"); }
.fixedbg.cd-bg-11 { background-image: url("../images/bgs/ufo-rb-intro.jpg"); }
.fixedbg.cd-bg-12 { background-image: url("../images/bgs/ufo-rb-fooddrink.jpg"); }
.fixedbg.cd-bg-13 { background-image: url("../images/bgs/ufo-rb-giftcard.jpg"); }

/* prenajom priestorov */
.fixedbg.cd-bg-14 { background-image: url("../images/bgs/ufo-res-main.jpg"); }
.fixedbg.cd-bg-15 { background-image: url("../images/bgs/ufo-res-info.jpg"); }
.fixedbg.cd-bg-16 { background-image: url("../images/bgs/ufo-res-atmo.jpg"); }

/* plaz pod ufom */
.fixedbg.cd-bg-17 { background-image: url("../images/bgs/plaz-main.jpg"); }

/* catering */
.fixedbg.cd-bg-18 { background-image: url("../images/bgs/catering-main.jpg"); }

/* loft */
.fixedbg.cd-bg-19 { background-image: url("../images/bgs/loft-main.jpg"); }

/* others */
.fixedbg.cd-bg-20 { background-image: url("../images/bgs/classicpage.jpg"); }
.fixedbg.cd-bg-21 { background-image: url("../images/bgs/classicpage2.jpg"); }
.fixedbg.cd-bg-22 { background-image: url("../images/bgs/classicpage3.jpg"); }
.fixedbg.cd-bg-23 { background-image: url("../images/bgs/competition.jpg"); }
.fixedbg.cd-bg-24 { background-image: url("../images/bgs/classicpage5.jpg"); }

/* vipevents */
.fixedbg.cd-bg-25 { background-image: url("../images/bgs/vipevents-bg.jpg"); }

.fixedbg.cd-bg-27 { background-image: url("../images/bgs/vipevents-bg.jpg"); }

.fixedbg.cd-bg-28 { background-image: url("../images/bgs/reservation.jpg"); }
/* fotogaleria slajdy */

#slides {
  position: relative;
  top: 0;
}
#slides .slides-container {
  display: none;
}
.slides-navigation {
  margin: 0 auto;
  position: absolute;
  z-index: 3;
  top: 46%;
  width: 100%;
}
.slides-navigation a {
  position: absolute;
  display: block;
  width: 30px;
  height: 52px;
  text-indent: -9000px;
}
.slides-navigation a.prev {
  left: 0;
  background: url(../images/galleryarrow-left.png) no-repeat left top;
}
.slides-navigation a.next {
  right: 0;
  background: url(../images/galleryarrow-right.png) no-repeat left top;
}

#frlang, #rulang { display: none; }

/* jazykove verzie */
#en .scrollobject #topmenu li.plus .subs { min-height: 95px; }
#en .scrollobject1 #topmenu li:hover .subs { width: 170px; }
#en .scrollobject1 #topmenu li.plus .subs { min-height: 95px; }
#en #langs { position: absolute; right: 20px; z-index: 99; }

#de .scrollobject1 #topmenu li:hover .subs { width: 190px; margin: 20px 0 0 -50px; }
#de .scrollobject #topmenu li.plus .subs { margin: 0 0 0 -64px; max-width: 175px; min-height: 95px; }
#de .scrollobject1 #topmenu li.plus .subs { margin: 0 0 0 -74px; max-width: 175px; min-height: 95px; }

.fdcinfo { width: 100%; padding: 3% 28%; text-align: center; background: transparent; box-sizing: border-box; line-height: 21px; }
#closed { width: 100%; height: 100%; background: rgba(0,0,0,0.8); position: fixed; top: 0; left: 0; z-index: 9999; text-align: center; padding-top: 10%; }
#closed img { display: block; margin: auto; max-width: 400px; }

a#bookatable { z-index: 999; display: block; position: absolute; bottom: -3px; right: 5%; background: #ed0281; border-radius: 25px 25px 0 0; border: 3px solid #ed0281; }
a#bookatable:hover { border: 3px solid #fff; }
a#bookatable img { display: block; padding: 20px 15px 45px 15px; width: 59px; height: 75px; z-index: 999; }

#webcardslink { display: block; background: rgba(0,0,0,0); width: 100%; height: 100%; z-index: 99; position: absolute; }
#webcardslink:hover { display: block; background: rgba(0,0,0,0.2); width: 100%; height: 100%; z-index: 99; position: absolute; }