/* CSS Document */
body {font-family: Arial, "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif;
	font-size:90%;  color:#000;  padding:0; margin:0; background: url('bg-main2.png') repeat-y #0b0b0b}

body.homepage {background: #fff}

a {color:#FBF208;	}
a img{border:none; vertical-align: middle;}
p {margin:0;padding:3px 0}
table {font-size:100%}
form {margin:0}

.white {color:#FFF}
.black {color:#000}

.font7 {font-size:60%}
.font9 {font-size:80%}
.font10 {font-size:90%}
.font11 {font-size:105%}
.font12 {font-size:120%}
.font13 {font-size:125%}
.font14 {font-size:130%}
.font15 {font-size:140%}
.font16 {font-size:150%}
.font17 {font-size:160%}
.font18 {font-size:170%}
.font23 {font-size:230%}

.line-through {text-decoration: line-through;}

.tac {text-align:center}
.tar {text-align:right}
.tal {text-align:left}
.vam {vertical-align:middle; }
.vat {vertical-align:top; }
.vab {vertical-align:bottom; }
.van {vertical-align: baseline;; }
.bold {font-weight:bold}
.float-l {float:left}
.float-r {float:right}
.line-through {text-decoration: line-through;}
.clearer-l {clear:left; height:1px; overflow:hidden; margin:0; padding:0;}
.clearer-r {clear:right; height:1px; overflow:hidden; margin:0; padding:0;}
.clearer {clear:both; height:1px; overflow:hidden; margin:0; padding:0;}
.dnone {display: none;}
.prelative {position: relative;}

.checkFormWarning {background-color: #FF9999;}


h1 {font-size: 160%; color: #fff; text-transform: uppercase; font-weight: normal; padding: 28px 0; margin: 0}
h1 span {display: none;}

h2 {font-size: 160%; color: #fff; text-transform: uppercase; font-weight: normal; padding: 28px 0; margin: 0}
h2 span {display: none;}

#whereIAm {padding:15px 0 20px 10px ; margin:0 0 1px 0; border-bottom:solid 1px #D8D8D8; font-size:95% }
#whereIAm .selected { color:#959595}
#whereIAm a {color:#959595}
#whereIAm a:hover {text-decoration: none;}
#whereIAm img {margin:0 10px}

.warning {position: absolute; top: 300px; left: 50%; z-index: 200}
.warning-in {text-align: center; padding:10px 0; width: 506px; background: url('warning-box-center.png') repeat-y; color: #fff; font-size: 140%; margin-left: -253px;}
.warning .warning-in1 {padding: 10px 30px 0 90px; background: url('warning-box-logo.png') 20px 0px no-repeat; min-height: 52px;}
.warning .decor {background: url('warning-box-top.png') no-repeat; position: absolute; top: -20px; left:0; width: 506px; height: 20px; margin-left: -253px;}
.warning .decor2 {background: url('warning-box-bottom.png') no-repeat; position: absolute; bottom: -20px; left: 0; width: 506px; height: 20px; margin-left: -253px;}
.warning .close {position: absolute; top:0; right: 16px;}

.info {position: absolute; top: 300px; left: 50%; z-index: 200;}
.info-in {text-align: center; padding:10px 0; width: 506px; background: url('info-box-center.png') repeat-y;  color: #5DA424; font-size: 140%; margin-left: -253px;}
.info .info-in1 {padding: 10px 30px 0 90px; background: url('info-box-logo.png') 20px 0px no-repeat; min-height: 52px;}
.info .decor {background: url('info-box-top.png') no-repeat; position: absolute; top: -20px; left:0; width: 506px; height: 20px; margin-left: -253px;}
.info .decor2 {background: url('info-box-bottom.png') no-repeat; position: absolute; bottom: -20px; left: 0; width: 506px; height: 20px; margin-left: -253px;}
.info .close {position: absolute; top:0; right: 16px;}

#top_menu_partners {background: #080808; height: 39px; border: 1px solid #202020; min-width: 1108px;}
#top_menu_partners-in {width: 1100px; margin: 0 auto;}
#top_menu_partners ul {margin: 0; padding: 0;}
#top_menu_partners ul li {display: block; float: left; padding: 0 1px 0 0 ; margin: 0; list-style: none; background: url('bg-top-banner-separator.png') no-repeat center right; height: 33px;}
#top_menu_partners ul li.last {padding-right: 0;}
#top_menu_partners ul li .link {background: url('bg-top-banner-link-center.png') repeat-x; height: 100%}
#top_menu_partners ul li .link-in {background: url('bg-top-banner-link-left.png') no-repeat center left; height: 100%}
#top_menu_partners ul li .link-in1 {background: url('bg-top-banner-link-right.png') no-repeat center right; height: 100%}
#top_menu_partners ul li a {color: #727272; text-decoration: none; display: block; padding: 8px 26px 0 26px;}
#top_menu_partners ul li a:hover {text-decoration: underline;}

#header {background: url('bg-header.png') no-repeat top center; height: 138px; min-width: 1110px;}
#header-in {background: url('bg-header-in.png') no-repeat top center; height: 172px; position: relative; z-index: 100}
#header-in1 {width: 1100px; height: 144px; position: relative; margin: 0px auto; position: relative;}
#header .logo {position: absolute; top: 10px; left: 20px; z-index: 1000;}

#header .play-with-us {position: absolute; top: 114px; left: 140px; color: #5c5c5c; font-size: 130%;}
#header .phone {position: absolute; top: 12px; right: 14px; color: #aeaeae; font-size: 130%; z-index: 100}
#header .phone img {vertical-align: middle; margin-right: 10px}
#header .kde-nas-najdete {position: absolute; top: 14px; right: 200px; color: #aeaeae; font-size: 130%; text-decoration: none; z-index: 5000}
#header .kde-nas-najdete:hover {text-decoration: underline;}
#header .kde-nas-najdete img {margin-right: 10px; vertical-align: middle;}

#header .watch-us {position: absolute; top: 14px; left: 370px; color: #aeaeae; font-size: 130%; z-index: 5000}

#header .menu {position: absolute; top:0; left: 0; width: 1100px; height: 162px;}
#header .menu ul {position: absolute; z-index: 10; right: 6px; top: 60px; margin: 0; padding: 0;}
#header .menu ul li, #footer .menu ul li {display: block; float: left; list-style: none; padding: 18px 14px 2px 14px;}
#header .menu ul li.sel a, #footer .menu ul li.sel a{color: #00D114;}
#header .menu ul li a, #footer .menu ul li a {text-decoration: none; color: #aeaeae; font-size: 130%; text-transform: uppercase;}
#header .menu ul li a:hover, #footer .menu ul li a:hover {color: #fbf208;text-decoration: underline;}

#header .menu ul li.rezervace, #footer .menu ul li.rezervace {padding-top: 0;}
#header .menu .reservation, #footer .menu .reservation {background: url('btn-contact-reservation.png') no-repeat top center; display: block; width: 162px; height: 54px; float: right;}
#header .menu .reservation:hover, #footer .menu .reservation:hover {background-position: bottom center;}

#footer .menu {float: right;margin: 64px 0;}
#footer .menu ul {margin: 0; padding: 0;}

#main {background: url('bg-main.png') no-repeat top center #0b0b0b; min-width: 1110px;}
#main-in {width: 1000px; margin: 0 auto; min-height: 500px;}

#banner-streamy {position: absolute; top: 200px; right: 0px; width: 150px; height: 201px; z-index: 10000}
#banner-streamy a {position: fixed;}

#banner-eshop {position: absolute; top: 400px; right: 0px; width: 150px; height: 201px; z-index: 10000}
#banner-eshop a {position: fixed;}

#main-box {background: url('bg-main-box.png') repeat-y; margin: 50px 0 10px 0; position: relative;}
#main-box-in {padding: 20px;}
#main-box .decor-top {background: url('bg-main-box-top.png') no-repeat; position: absolute; top: 0; width: 1000px; height: 6px;}
#main-box .decor-bottom {background: url('bg-main-box-bottom.png') no-repeat; bottom: 0; width: 1000px; height: 6px;}

#main-banner {margin: -17px auto 0 auto; height: 352px; text-align: center; overflow: hidden; min-width: 1110px;}
#main-banner-in { position: relative; width: 1920px; margin: 0 auto;}
#main-banner .pager {position: relative; width: 1000px; margin: 0 auto;}
#main-banner .pager-in {position: absolute; top: -70px; right: 0;}
#main-banner .pager a {text-decoration: none; color: #fff; font-weight: bold; background: url('slider-button.png') no-repeat center center; display: block; float: left; width: 29px; height: 49px; line-height: 49px; margin: 0; text-align: center;}
#main-banner .pager a.selected {color: #000; font-weight: bold;  background: url('slider-button-sel.png') no-repeat;}
#main-banner .titles {display: none;}
#main-banner ul {margin: 0; padding: 0;}
#main-banner ul li {list-style: none;}

#news {}
#news .box {background: url('bg-box-news.png') no-repeat; width: 495px; height: 201px; position: relative; }
#news .box .box-in {margin: 18px;}
#news .box.left {float: left;}
#news .box.right {float: right;}
#news .box h3 {overflow: hidden;}
#news .box h3 a {color: #fff; text-decoration: none; font-weight: normal; font-size: 120%; white-space: nowrap;}
#news .box h3 a:hover {color: #fefb00;}
#news .box .img {float: left; background: url('bg-news-image.png') no-repeat; width: 156px; height: 115px; text-align: center; padding: 1px;}
#news .box .text {float: right; width: 280px; color: #fff}
#news .box .text .detail { color: #ddd; display: block; position: absolute; bottom: 20px; right: 10px; text-decoration: none; background: url('bg-box-detail.png') no-repeat top center; width: 99px; height: 29px; line-height: 29px; text-align: center; vertical-align: middle}
#news .box .text .detail:hover { color: #fff200; background-position: bottom;}
#news .more-refresh {text-align: right; margin-right: -8px;}
#news .more-refresh a { display: block; margin-top: 6px; width: 202px; height: 53px; background: url('btn-more-re-fresh.png') no-repeat top center; float: right;}
#news .more-refresh a:hover {background-position: bottom center;}

#contacts {margin: 0 16px;}
#contacts .working {color: #19d413; font-size: 130%; margin-bottom: 10px}
#contacts .contacts {color: #b0b0b0; font-size: 140%; margin-bottom: 30px;}
#contacts .contacts a {color: #b0b0b0; text-decoration: none; }
#contacts .contacts a:hover {text-decoration: underline;}
#contacts .contacts td {vertical-align: middle;}
#contacts .address {color: #fff; font-size: 120%}
#contacts .map {width: 518px; height: 514px; background: url('text-kde-nas-najdete.png') no-repeat; float: right; position: relative; margin-right: 50px;}
#contacts .map-in {width: 472px; height: 472px; background: #fff; position: absolute; bottom: 0; right: 0;}
#contacts .reservation-box {width: 220px;}
#contacts .reservation {background: url('btn-contact-reservation.png') no-repeat top center; display: block; width: 162px; height: 54px; float: right;}
#contacts .reservation:hover {background-position: bottom center;}

#reload {margin: 0 16px;}
#reload h1 {color: #00D114}
#reload p {width: 500px; color: #b0b0b0; /*float: left;*/ font-size: 120%}
#reload .logo {display: block; float: right; width: 230px; margin: -20px 60px;}

#information {margin-top: 100px; position: relative; background: url('bg-offer.png') no-repeat top center; color: #fff;}
#information h1 {position: absolute; top: -68px; left: 0;}
#information-in {padding: 40px 20px 0 20px;}

#offer {background: url('bg-offer.png') no-repeat top center; margin-top: 100px; position: relative;}
#offer-in {padding: 40px 0 0 0;}
#offer h1 {position: absolute; top: -68px; left: 0;}
#offer .arrow {position: absolute; left: 136px; top: 8px;}
#offer .inner-buttons {width: 460px; margin: 0 auto;}
#offer .inner-buttons2 {width: 460px; margin: -20px auto 0 auto;}
#offer .pc-games {display: block; float: left; background: url('btn-pc-games.png') no-repeat top center; width: 202px; height: 54px;}
#offer .pc-games:hover {background-position: bottom center;}
#offer .pc-games.selected {display: block; background: url('btn-pc-games-sel.png') no-repeat top center; width: 202px; height: 78px;}
#offer .board-games {display: block; float: left; background: url('btn-board-games.png') no-repeat top center; width: 202px; height: 54px; margin-left: 50px;}
#offer .board-games:hover {background-position: bottom center;}
#offer .board-games.selected {display: block; background: url('btn-board-games-sel.png') no-repeat top center; width: 202px; height: 78px;}
#offer .inner-buttons2 .btn-stream {display: block; float: left; background: url('btn-streamy.png') no-repeat center -48px; width: 202px; height: 40px;}
#offer .inner-buttons2 .btn-stream:hover {background-position: center -8px;}
#offer .inner-buttons2 .btn-stream.selected {display: block; background: url('btn-streamy-sel.png') no-repeat center -8px; width: 202px; height: 78px;}
#offer .inner-buttons2 .btn-players {display: block; float: left; background: url('btn-lets-players.png') no-repeat center -48px; width: 202px; height: 40px; margin-left: 50px;}
#offer .inner-buttons2 .btn-players:hover {background-position: center -8px;}
#offer .inner-buttons2 .btn-players.selected {display: block; background: url('btn-lets-players-sel.png') no-repeat center -8px; width: 202px; height: 78px;}
#offer .tab {position: absolute; top: -53px; width: 249px; height: 64px; background: url('bg-offer-tab.png') no-repeat; font-size: 150%; text-align: center; line-height: 64px; vertical-align: middle;}
#offer .tab a {color: #fff; text-decoration: none; display: block;}
#offer .tab a:hover {color: #fff200;}
#offer .tab.selected {background: url('bg-offer-tab-sel.png');}
#offer .tab.games {left: 228px;}
#offer .tab.drink {left: 484px;}
#offer .tab.stream {left: 740px;}
#offer .offer-row {background: url('bg-play.png') no-repeat center 124px transparent; height: 224px; text-align: center; position: relative; margin: 30px 0;}
#offer .offer-row-in {margin: 0 auto; width: 900px;}
#offer .offer-row a {margin: 0 10px;}
#offer .offer-row li {position: relative; float: left;}
#offer .offer-row li .fog {display: block; position: absolute; background: #000; width: 100px; height: 157px; top: 0; left: 10px; opacity: 0.7; display: none;}
#offer .offer-row li .about {display: block; background: url('btn-about-game.png') no-repeat; width: 100px; height: 43px; position: absolute; display: none; top: 56px; left: 10px;}
#offer .offer-row li a:hover .fog, #offer .offer-row li a:hover .about {display: block;}
#offer .drinks-box {color: #fff; font-size: 110%; margin: 30px 40px; background: url('bg-drink.png') no-repeat 580px 0px }
#offer .games-box {min-height: 200px;}
#offer .stream-box {padding: 18px;}
#offer .stream-box .stream {margin: 0 20px 20px 0; float: left;}
#offer .stream-box .stream.last {margin-right: 0;}
#offer .stream-box .stream-mini {margin: 0 24px 24px 0; float: left;}
#offer .stream-box .stream-mini.last {margin-right: 0;}

#slider-play {background: url('bg-play.png') no-repeat center 124px transparent; height: 224px; text-align: center; position: relative;}
#slider-play-in {margin: 0 auto; width: 900px;}
#slider-play a {margin: 0 10px;}
#slider-play ul {margin:0; padding:0;}
#slider-play li {position: relative; float: left;}
#slider-play li .fog {display: block; position: absolute; background: #000; width: 100px; height: 157px; top: 0; left: 10px; opacity: 0.7; display: none;}
#slider-play li .about {display: block; background: url('btn-about-game.png') no-repeat; width: 100px; height: 43px; position: absolute; display: none; top: 56px; left: 10px;}
#slider-play li a:hover .fog, #slider-play li a:hover .about {display: block;}
#slider-play .pager {float: right; margin-top: 22px; margin-right: 30px;}
#slider-play .pager a {text-decoration: none; color: #fff; font-weight: bold; background: url('slider-button.png') no-repeat center center; display: block; float: left; width: 29px; height: 49px; line-height: 49px; margin: 0;}
#slider-play .pager a.selected {color: #000; font-weight: bold;  background: url('slider-button-sel.png') no-repeat;}
#slider-play .prev {position: absolute; top: 50px; left: -10px; background: url('slider-arrow-left.png') bottom center; width: 29px; height: 46px;}
#slider-play .prev:hover {background-position: top center;}
#slider-play .next {position: absolute; top: 50px; right: -10px; background: url('slider-arrow-right.png') top center; width: 29px; height: 46px;}
#slider-play .next:hover {background-position: bottom center;}

#game-servers {background: url('bg-game-servers.png') no-repeat top center #000; min-height: 241px; min-width: 1110px;}
#game-servers-in {width: 1000px; margin: 0 auto;}
#game-servers a {margin: 0 6px 8px 0; width: 245px; height: 99px; overflow: hidden; display: block; float: left;}
#game-servers a.last {margin-right: 0;}

#partners {background: url('bg-partners.png') no-repeat top center #060606; min-height: 241px; min-width: 1110px;}
#partners-in {width: 1000px; margin: 0 auto;}
#partners a {margin-right: 2px; width: 237px; height: 135px; overflow: hidden; display: block; float: left; background: url('bg-partners-logo.png') no-repeat; padding: 13px 0 0 12px;}
#partners a.last {margin-right: -2px;}
#partners h2 {padding-bottom: 10px;}

#footer {background: url('bg-footer.png') no-repeat top center #000; height: 315px; min-width: 1110px;}
#footer-in {width: 1000px; margin: 0 auto; position: relative;}
#footer .button-top {position: absolute; top: -29px; left: 471px; background: url('btn-bottom-arrow-up.png') top center; width: 58px; height: 57px;}
#footer .button-top:hover {background-position: bottom center;}

#footer .contacts {color: #aeaeae; font-size: 130%; text-transform: uppercase;}
#footer .contacts a {color: #aeaeae; text-decoration: none}
#footer .contacts a:hover {text-decoration: underline}
#footer .contacts img {vertical-align: middle; }

#footer .logo {position: absolute; top: 14px; left: 0;}

.popup-box-game {width:823px; background: url('bg-popup-box-center.png') repeat-y; position: relative; margin: 18px 0; color: #fff;}
.popup-box-game-in {padding: 30px;}
.popup-box-game .decor {width:823px; height: 18px; position: absolute; top:-18px; left: 0; background: url('bg-popup-box-top.png') no-repeat;}
.popup-box-game .decor2 {width:823px; height: 18px; position: absolute; bottom:-18px; left: 0; background: url('bg-popup-box-bottom.png') no-repeat;}
.popup-box-game .left {float: left; width: 240px;}
.popup-box-game .right {float: right; width: 520px; }
.popup-box-game h3 {margin: 0 0 26px 0;}
.popup-box-game h3 a {color: #fff; text-decoration: none;}
.popup-box-game h3 a:hover {text-decoration: underline;}
.popup-box-game .parameters {margin: 0 0 18px 0;}
.popup-box-game .description {}

.popup-small-box {width:481px; background: url('bg-box-small-center.png') repeat-y; position: relative; margin: 18px 0; color: #fff;}
.popup-small-box-in {padding: 30px 48px;}
.popup-small-box .decor {width:481px; height: 18px; position: absolute; top:-18px; left: 0; background: url('bg-box-small-top.png') no-repeat;}
.popup-small-box .decor2 {width:481px; height: 18px; position: absolute; bottom:-18px; left: 0; background: url('bg-box-small-bottom.png') no-repeat;}
.popup-small-box h3 {margin: 0 0 26px 0;}
.popup-small-box input[type=text] {background: url('bg-small-box-input.png') no-repeat #212121; border: none; width: 218px; height: 32px; padding: 0 5px; color: #fff}
.popup-small-box .green {color: #6ce300;}
.popup-small-box input.date {width: 70px}
.popup-small-box input.time {width: 40px; margin-left: 10px;}
.popup-small-box label.hand {cursor: pointer;}
.popup-small-box label.hand:hover {color: #fff200;}
.popup-small-box td {padding: 4px 0;}
.popup-small-box td:first-child {padding-right: 6px;}
.popup-small-box td img {vertical-align: middle;}
.popup-small-box .dateUp, .popup-small-box .timeUp {display: block; width: 32px; height: 16px; background: url('btn-arrow-up.png') no-repeat top center;}
.popup-small-box .dateUp:hover, .popup-small-box .timeUp:hover {background-position: bottom;}
.popup-small-box .dateDown, .popup-small-box .timeDown {display: block; width: 32px; height: 16px; background: url('btn-arrow-down.png') no-repeat top center;}
.popup-small-box .dateDown:hover, .popup-small-box .timeDown:hover {background-position: bottom;}
.popup-small-box .boxDate {width: 162px; float: left;}
.popup-small-box .boxDate input {float: left;}
.popup-small-box .boxDate .arrows {float: left; margin-left: 6px;}
.popup-small-box .boxTime .arrows {float: right; margin-left: 6px;}
.popup-small-box .ui-datepicker-trigger {float: right;}
.popup-small-box .boxTime {float: right; width: 104px;}
.popup-small-box .boxTime input {float: right;}
.popup-small-box #people {width: 70px;}
.popup-small-box textarea {background: url('bg-textarea.png') no-repeat #151515; border: none; width: 218px; height: 90px; max-width: 218px; max-height: 90px; padding: 5px; color: #fff; font-size: 100%; font-family: Arial,"Arial CE","Lucida Grande CE","Helvetica CE",Verdana,Arial,lucida,sans-serif;}

.popup-small-box .send-reservation {background: url('btn-send-reservation.png') no-repeat top center; display: block; width: 222px; height: 54px; border: none; margin: 0 auto;}
.popup-small-box .send-reservation:hover {background-position: bottom center;}

.JSinfoBox {display: none; position: absolute; background: #a6a6a6; width: 200px; top: -32px; left: 40px; z-index: 2000; padding: 16px; color: #000; font-size: 110%;
  -webkit-border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;}
.JSinfoBox .arrow {background: url('info-box-arrow.png') no-repeat; position: absolute; top: 23px; left: -21px; width: 25px; height: 42px;}

#page404 {position: relative; background: url('bg-404.png') no-repeat -48px 202px; height: 500px}
#page404 h1 {font-size: 190%; font-weight: bold;}
#page404 p {color: #fff; font-size: 100%; width: 440px; padding-bottom: 16px;}
#page404 .back {background: url('arrow-404.png') no-repeat left center; padding-left: 30px; color: #fff; font-weight: bold; font-size: 110%;}
#broken-navigation {position: absolute; top: -102px; left: 225px; z-index: 500}