@charset "utf-8";
/* CSS Document */

/* startsscreen */
.restaurantstartscreen { width: 100%; max-width: 811px; position: absolute; left: 50%; top: 50%; margin: -5px 0 0 125px; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%);  -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); text-align: left; }
.restaurantstartscreen h1 { font: 39px 'Museo Sans 500'; font-weight: normal; line-height: 49px; margin-bottom: 30px; color: #fff; }
.restaurantstartscreen h1 span.restheading { display: block; font-size: 16px; color: #dca958; line-height: 24px; }
.restaurantstartscreen h1 span.restaurantstate { display: block; font-size: 18px; max-width: 450px; line-height: 28px; color: #d2e3f0; }
.restaurantstartscreen p { font: 14px 'Museo Sans 500'; font-weight: normal; line-height: 24px; color: white; max-width: 500px; }

/* navigation buttons */
.vyhliadka-navbuttons { position: absolute; top: 5%; left: -200px; }
.vyhliadka-navbuttons a { display: block; text-indent: -9000px; width: 50px; height: 50px; margin-bottom: 16px; background: url(../images/contactbuttons.png) no-repeat left -66px; }
.vyhliadka-navbuttons a:hover { background-position: left -66px; -moz-transition: background 0.3s; -o-transition: background 0.3s; -webkit-transition: background 0.3s; transition: background 0.3s; }
.vyhliadka-navbuttons a.govyhliadka { width: 50px; height: 66px; background-position: -50px -66px; }
.vyhliadka-navbuttons a.govyhliadka:hover { background-position: -50px top; }
.vyhliadka-navbuttons a.gofotovyhliadka { background-position: -150px -66px; }
.vyhliadka-navbuttons a.gofotovyhliadka:hover { background-position: -150px top; }
.vyhliadka-navbuttons a.govstupne { background: url(../images/navbuttons.png) -52px top; }
.vyhliadka-navbuttons a.govstupne:hover { background-position: -52px -66px; }
.vyhliadka-navbuttons a.goreservate { width: 52px; height: 66px; margin-left: -1px; background: url(../images/navbuttons.png) no-repeat left top; }
.vyhliadka-navbuttons a.goreservate:hover { background-position: left -66px; }

/* predstavenie */
.restaurantintro { width: 100%; max-width: 750px; position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%);  -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); text-align: center; }
.restaurantintro img { display: block; margin: 0 auto 0 auto; }
.restaurantintro h2 { font: 45px 'Museo Sans 500'; font-weight: normal; color: #dca958; }
.restaurantintro h2 span { display: block; margin-bottom: 30px; font-size: 15px; color: gray; }
.restaurantintro p { font: 16px 'Museo Sans 500'; font-weight: normal; line-height: 26px; color: white; margin-bottom: 24px; }

/* jedla a napoje */
.fooddrink { width: 100%; max-width: 450px; margin-left: -95px; position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%);  -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); text-align: left; }
.fooddrink h2 { font: 30px 'Museo Sans 500'; font-weight: normal; color: #4c5304; margin-bottom: 20px; }
.fooddrink p { font: 14px 'Museo Sans 500'; font-weight: normal; line-height: 24px; color: black; margin-bottom: 36px; }

/* navigation buttons */
.fooddrinkmenu { position: absolute; top: 50%; left: -150px; margin-top: -112px; text-indent: -9000px;  }
.fooddrink a { display: block; width: 50px; height: 50px; margin-bottom: 16px; background: url(../images/navbuttons.png) no-repeat -102px top; }
.fooddrink a:hover { background-position: -102px -66px; -moz-transition: background 0.3s; -o-transition: background 0.3s; -webkit-transition: background 0.3s; transition: background 0.3s; }
.fooddrink a.drinkmenu { background-position: -152px top; }
.fooddrink a.drinkmenu:hover { background-position: -152px -66px; }

/* cards */
#giftcards { width: 100%; max-width: 500px; position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%);  -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); text-align: center; }
#giftcards h2 { font: 40px 'Museo Sans 500'; font-weight: normal; color: #000; margin: 10px 0 15px 0; }
#giftcards p { font: 14px 'Museo Sans 500'; font-weight: normal; line-height: 24px; color: white; }
a.giftsweb { display: block; font: 14px 'Futura Md BT'; font-weight: bold; max-width: 195px; padding: 15px 0 17px 0; margin: 30px auto 0 auto; background: #fff; color: black; border-color: white; border-radius: 10px; transition: background 0.3s; -moz-transition: background 0.3s; -webkit-transition: background 0.3s; -o-transition: background 0.3s; }
a.giftsweb:hover { color: white; background: rgba(0,0,0,0.6); border: 1px solid #808080; }