/* 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 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;}

.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 {text-align: center; padding:10px 0}
.warning-in {border:solid 1px #F1C3BB; margin:0 auto;width:490px;color:#CD0101; font-family:gergia; border-radius:6px;  font-size:150%;  text-align: center; background:#FAFAF4 url('warning.png') top center no-repeat}
.warning-in1 {padding:130px 100px 20px; }
.warning-in a {color:#CD0101}
.warning-in a:hover {text-decoration: none;}
.warning .warning-in {width:610px; background:#FAFAF4 url('warning.png') center left no-repeat; text-align: left; }
.warning .warning-in .warning-in1 {padding:30px 20px 35px 130px}

.info {text-align: center; padding:10px 0}
.info-in {border:solid 1px #D2E0BD; margin:0 auto;width:490px;color:#488909; font-family:gergia; border-radius:6px;  font-size:150%;  text-align: center; background:#FAFAF4 url('info.png') top center no-repeat}
.info-in1 {padding:130px 100px 20px; }
.info-in a {color:#488909}
.info-in a:hover {text-decoration: none;}
.info .info-in {width:610px;background:#FAFAF4 url('info.png') center left no-repeat; text-align: left; }
.info .info-in .info-in1 {padding:30px 20px 35px 130px}

#header {background: url('bg-header.png') no-repeat top center; height: 138px;}
#header-in {background: url('bg-header-in.png') no-repeat top center; height: 172px;}
#header-in1 {width: 1100px; height: 144px; position: relative; margin: 0px auto; position: relative;}

#header .play-with-us {position: absolute; top: 100px; left: 140px; color: #5c5c5c; font-size: 140%;}
#header .phone {position: absolute; top: 12px; right: 14px; color: #aeaeae; font-size: 140%;}
#header .phone img {vertical-align: middle; }

#header .menu {position: absolute; top:0; left: 0; width: 1100px; height: 162px; background: url('bg-navigation.png')}
#header .menu ul {position: absolute; z-index: 10; right: 13px; top: 51px; margin: 0; padding: 0;}
#header .menu ul li {display: block; float: left; list-style: none;}
#header .menu ul li:hover {background-position: top;}
#header .menu ul li.sel {background-position: bottom;}
#header .menu ul li a {width: 100%; height: 100%; display: block; }
#header .menu ul li a span {display: none;}

#header .menu .home {height: 105px; width: 111px; background: url('btn-home.png') center center no-repeat;}
#header .menu .kontakty {height: 105px; width: 153px; background: url('btn-kontakty.png') center center no-repeat;}
#header .menu .cenik {height: 105px; width: 110px; background: url('btn-cenik.png') center center no-repeat;}
#header .menu .nase-nabidka {height: 105px; width: 181px; background: url('btn-nase-nabidka.png') center center no-repeat;}
#header .menu .rezervace {height: 105px; width: 167px; background: url('btn-rezervace.png') center center no-repeat;}

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

#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: 40px auto 3px auto; width: 1300px; height: 308px;}
#main-banner-in {float: right; width: 1201px; position: relative}
#main-banner .pager {position: absolute; top: 270px; left: 950px;}
#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;}

#news {}
#news .box {background: url('bg-box-news.png') no-repeat; width: 495px; height: 201px }
#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: 157px; height: 115px; text-align: center; padding: 1px;}
#news .box .text {float: right; width: 280px; color: #fff}
#news .box .text .detail { color: #ddd; display: block; float: right; 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: #fff; background-position: bottom;}
#news .more-refresh {text-align: right; margin-top: 30px; margin-right: -8px;}

#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;}


#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 .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 .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;}
#offer .tab a:hover {color: #fff200;}
#offer .tab.selected {background: url('bg-offer-tab-sel.png');}
#offer .tab.games {left: 244px;}
#offer .tab.drink {left: 500px;}
#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 .offer-row .pager {float: right; margin-top: 22px; margin-right: 30px;}
#offer .offer-row .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;}
#offer .offer-row .pager a.selected {color: #000; font-weight: bold;  background: url('slider-button-sel.png') no-repeat;}
#offer .offer-row .prev {position: absolute; top: 50px; left: -10px;}
#offer .offer-row .next {position: absolute; top: 50px; right: -10px;}
#offer .drinks {color: #fff; font-size: 110%; margin: 30px 40px; background: url('bg-drink.png') no-repeat 580px 0px }

#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 .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;}
#slider-play .next {position: absolute; top: 50px; right: -10px;}

#game-servers {background: url('bg-game-servers.png') no-repeat top center #000; height: 241px;}
#game-servers-in {width: 1000px; margin: 0 auto;}
#game-servers a {margin-right: 2px;}

#footer {background: url('bg-footer.png') no-repeat top center #000; height: 315px;}
#footer-in {width: 1000px; margin: 0 auto;}
#footer .menu {float: right;margin: 64px 0;}
#footer .menu ul {margin: 0; padding: 0;}
#footer .menu ul li {display: block; float: left; list-style: none;}
#footer .menu ul li:hover {background-position: top;}
#footer .menu ul li a {width: 100%; height: 100%; display: block; }
#footer .menu ul li a span {display: none;}

#footer .menu .home {height: 28px; width: 49px; background: url('footer-home.png') center center no-repeat; margin-right: 40px;}
#footer .menu .kontakty {height: 28px; width: 88px; background: url('footer-kontakty.png') center center no-repeat; margin-right: 40px;}
#footer .menu .cenik {height: 28px; width: 110px; b/*ackground: url('footer-cenik.png') center center no-repeat;*/ margin-right: 40px;}
#footer .menu .nase-nabidka {height: 28px; width: 118px; background: url('footer-nase-nabidka.png') center center no-repeat; margin-right: 40px;}
#footer .menu .rezervace {height: 28px; width: 87px; background: url('footer-rezervace.png') center center no-repeat;}

#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; }

.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 .parameters {margin: 0 0 18px 0;}
.popup-box-game .description {}