html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
}
body {
  font-family: 'Trebuchet MS', Arial;
  color: #000;
  font-size: 13px;
  min-width: 1050px;
}
a {
  color: #fff;
  text-decoration: none;
}
.hidden {
  display: none;
}
.center {
  text-align: center;
}
.clear {
  clear: both;
}
.wrap-width {
  width: 100%;
}
.wrap-page {
  width: 946px;
  margin: 0 auto;
}
#wrap-page {
  width: 100%;
  float: left;
  background: #fff;
  margin: 30px 0 30px 0;
  padding: 0 0 30px 0;
  position: relative;
  -moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.5);
  box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.5);
}
.wrap-page-index {
  width: 1050px;
  margin: 0 auto;
}
#header,
#footer {
  background: url('../images/black-bg.png');
  height: 155px;
}
#menu,
#sign {
  background: url('../images/trueBlack-bg.png');
}
#header-notifikation {
  background: #d4d20b;
}
#wrap-body {
  background: #fff;
}
#wrap-index {
  background: transparent;
}
#wrap {
  background: transparent;
}
.winter .club-classic {
  background: url("../images/pozadi/zima/club-classic.jpg") no-repeat 50% 0px fixed;
}
.winter .badminton,
.winter .pickleball {
  background: url("../images/pozadi/zima/badminton.jpg") no-repeat 50% 0 fixed;
}
.winter .tenis {
  background: url("../images/pozadi/zima/tenis.jpg") no-repeat 50% 0 fixed;
}
.winter .squash,
.winter .pingpong {
  background: url("../images/pozadi/leto/squash.jpg") no-repeat 50% 0 fixed;
}
.winter .posilovna {
  background: url("../images/pozadi/zima/posilovna.jpg") no-repeat 50% 0 fixed;
}
.winter .hokej {
  background: url("../images/pozadi/zima/hokej.jpg") no-repeat 50% 0 fixed;
}
.winter .fotbal {
  background: url("../images/pozadi/leto/fotbal.jpg") no-repeat 50% 0 fixed;
}
.summer .club-classic {
  background: url("../images/pozadi/leto/club-classic.jpg") no-repeat 50% 0px fixed;
}
.summer .badminton,
.summer .pickleball {
  background: url("../images/pozadi/leto/badminton.jpg") no-repeat 50% 0 fixed;
}
.summer .fotbal {
  background: url("../images/pozadi/leto/fotbal.jpg") no-repeat 50% 0 fixed;
}
.summer .volejbal {
  background: url("../images/pozadi/leto/voleyball.jpg") no-repeat 50% 0 fixed;
}
.summer .tenis {
  background: url("../images/pozadi/leto/tenis2.jpg") no-repeat 50% 0 fixed;
  background-size: cover;
}
.summer .squash,
.summer .pingpong {
  background: url("../images/pozadi/leto/squash.jpg") no-repeat 50% 0 fixed;
}
.summer .posilovna {
  background: url("../images/pozadi/leto/posilovna.jpg") no-repeat 50% 0 fixed;
}
.summer .masaze,
.winter .masaze {
  background: url("../images/pozadi/leto/masaze.jpg") no-repeat 50% 0 fixed;
}
@media (max-width: 1024px) {
  .summer .masaze,
  .winter .masaze {
    background: url("../images/rezervace_bg.png") repeat-y;
  }
}
#sharp {
  background: url('../images/sharp.png');
}
#logo,
#logo h1,
#logo h1 a {
  width: 233px;
  height: 155px;
  float: left;
}
#logo h1 a {
  display: block;
  background: url('../images/club-classic-logo.png') no-repeat left top;
}
#logo h1 a span {
  display: none;
}
#lang-switcher {
  width: 100%;
  float: left;
  text-align: right;
  margin: 10px 0 0 0;
  color: #969696;
  list-style-type: none;
}
#lang-switcher ul {
  display: inline;
  width: 100%;
}
#lang-switcher ul li {
  display: inline;
}
#lang-switcher ul li a {
  color: inherit;
}
#lang-switcher ul li a.active {
  font-size: 15px;
  color: #fff;
}
#header-box {
  width: 686px;
  float: right;
}
#header-user-info {
  width: 100%;
  float: left;
  text-align: right;
  color: #fff;
  font-size: 12px;
  margin: 25px 0 0 0;
}
#header-user-info p span {
  font-weight: bold;
}
#header-user-info a {
  color: #c29d55;
  text-decoration: underline;
}
#header-user-info.no-login {
  display: none;
}
#header-menu {
  width: 100%;
  float: left;
  text-align: right;
  margin: 32px 0 0 0;
}
#header-menu ul {
  display: inline;
  width: 100%;
  list-style-type: none;
}
#header-menu ul li {
  display: inline;
}
#header-menu ul li a {
  color: #969696;
  font-size: 12px;
  background: url('../images/header-menu-gap.png') no-repeat 100% 50%;
  margin: 0 10px 0 0;
  padding: 0 10px 0 0;
  text-decoration: underline;
}
#header-menu ul li a:hover {
  text-decoration: none;
}
#header-menu ul li a.search_reservations {
  margin: 0;
  padding: 0;
  background: none;
}
#header-menu ul li a.search_reservations img {
  border: none;
  position: relative;
  top: 5px;
}
#header-menu.no-login {
  display: none;
}
#menu.no-login {
  height: 12px;
  width: 100%;
  float: left;
}
#menu ul {
  width: 100%;
  float: left;
  list-style-type: none;
}
#menu ul li {
  float: left;
}
#menu ul li {
  position: relative;
}
#menu ul li a {
  display: block;
  height: 62px;
  line-height: 62px;
  padding: 0 35px 0 35px;
  color: #d4d4d4;
  text-align: left;
  -webkit-transition: color 0.2s ease-in;
  -moz-transition: color 0.2s ease-in;
  -o-transition: color 0.2s ease-in;
  transition: color 0.2s ease-in;
  font-size: 14px;
}
#menu ul li a:hover {
  color: #f6f6f6;
  text-decoration: underline;
  text-decoration: none;
  background: url('../images/hover-menu.png');
}
#menu ul li a.active {
  border-top: 1px solid #c29d55;
  font-weight: bold;
}
#menu ul li a.last {
  margin: 0;
}
#menu ul li ul {
  position: absolute;
  float: left;
  width: 150px;
  z-index: 9999;
  left: -10px;
  display: none;
  margin: 2px 0 0 -1px;
  padding: 0 0 0 0;
  list-style: none;
  background: url('../images/trueBlack-bg.png');
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
#menu ul li ul li {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}
#menu ul li ul li a {
  display: block;
  width: 130px;
  line-height: 35px;
  height: 35px;
  float: left;
  margin: 0 0 0 10px;
  padding: 0;
  color: #d4d4d4;
  border-bottom: 1px solid #666;
}
#menu ul li ul li a:hover {
  background: none;
  color: #f6f6f6;
}
#menu ul li ul li a.last-sec {
  border: none;
}
html #menu ul li ul {
  margin: 0 0 0 -2px;
}
#login-box {
  width: 370px;
  float: right;
  text-align: right;
  margin: 40px 0 0 0;
}
#login-box.yes-login {
  display: none;
}
#login-box p {
  display: block;
  text-align: left;
  float: left;
}
#login-box p.input-text {
  width: 134px;
  margin-right: 12px;
}
#login-box p input[type='text'],
#login-box p input[type='password'] {
  border: 1px solid black;
  background: #000000;
  background: rgba(0,0,0,0.7);
  color: #d4d4d4;
  height: 25px;
  width: 124px;
  line-height: 23px;
  padding: 0 5px;
  font-size: 11px;
  float: left;
}
#login-box p input[type='text']:focus,
#login-box p input[type='password']:focus {
  outline: none;
}
#login-box p input[type='submit'] {
  position: relative;
  top: 20px;
  width: 68px;
  color: #000;
  border: none;
  cursor: pointer;
  display: block;
  height: 25px;
  line-height: 25px;
  float: left;
  text-align: center;
  background: #765f35 url('../images/anchor-box.png') left top;
  -webkit-transition: color 0.2s ease-in;
  -moz-transition: color 0.2s ease-in;
  -o-transition: color 0.2s ease-in;
  transition: color 0.2s ease-in;
  font-size: 11px;
}
#login-box p input[type='submit']:hover {
  color: #2e2e2e;
}
#login-box p label {
  color: #969696;
  text-align: left;
  float: left;
  margin: 0 0 4px 0;
}
.login-helper {
  color: #c29d55;
  width: 100%;
  float: left;
  margin: 6px 0 0 0;
}
.login-helper a {
  color: #c29d55;
  text-decoration: none;
}
.login-helper a:hover {
  text-decoration: underline;
}
.login-helper p {
  float: right;
  margin-left: 95px;
  text-align: left;
}
#header-notifikation p {
  width: 100%;
  float: left;
  text-align: center;
  line-height: 28px;
}
#index-menu {
  width: 100%;
  float: left;
  list-style-type: none;
  margin: 18px 0 0 0;
}
#index-menu li {
  width: 267px;
  height: 267px;
  float: left;
  margin: 0 37px 27px 37px;
  background: url('../images/index-menu-blur.png') no-repeat left top;
}
#index-menu li a {
  display: block;
  width: 237px;
  height: 237px;
  position: relative;
  margin: 16px 0 0 15px;
}
#index-menu li a span {
  position: absolute;
  top: 0;
  left: 0;
  width: 237px;
  height: 237px;
  z-index: 99;
  display: none;
  text-indent: -10000px;
}
#index-menu li a#tenis {
  background: url('../images/tenis.png') no-repeat left top;
}
#index-menu li a#tenis span {
  background: url('../images/tenis.png') no-repeat right top;
}
#index-menu li a#badminton {
  background: url('../images/badminton.png') no-repeat left top;
}
#index-menu li a#badminton span {
  background: url('../images/badminton.png') no-repeat right top;
}
#index-menu li a#squash {
  background: url('../images/telocvicna.png') no-repeat left top;
}
#index-menu li a#squash span {
  background: url('../images/telocvicna.png') no-repeat right top;
}
#index-menu li a#pingpong {
  background: url('../images/stolni-tenis.png') no-repeat left top;
}
#index-menu li a#pingpong span {
  background: url('../images/stolni-tenis.png') no-repeat right top;
}
#index-menu li a#fotbal {
  background: url('../images/fotbal.png') no-repeat left top;
}
#index-menu li a#fotbal span {
  background: url('../images/fotbal.png') no-repeat right top;
}
#index-menu li a#volejbal {
  background: url('../images/volejbal.png') no-repeat left top;
}
#index-menu li a#volejbal span {
  background: url('../images/volejbal.png') no-repeat right top;
}
#index-menu li a#posilovna {
  background: url('../images/posilovna.png') no-repeat left top;
}
#index-menu li a#posilovna span {
  background: url('../images/posilovna.png') no-repeat right top;
}
#index-menu li a#hokej {
  background: url('../images/hokej.png') no-repeat left top;
}
#index-menu li a#hokej span {
  background: url('../images/hokej.png') no-repeat right top;
}
.intro-boxes {
  width: 100%;
  float: let;
}
.intro-box {
  width: 305px;
  height: 150px;
  float: left;
  margin: 0 0 0 10px;
}
.intro-box h2 {
  width: 90px;
  margin: 16px 0 0 160px;
  font-size: 19px;
  text-transform: uppercase;
  color: #fff;
  float: left;
}
.intro-box p {
  width: 135px;
  float: left;
  margin: 5px 0 0 160px;
  color: #fff;
}
.intro-box.kosmetika {
  margin: 0;
  background: url('../images/kosmetika.png') no-repeat left top;
}
.intro-box.masaze {
  background: url('../images/masaze.png') no-repeat left top;
}
.intro-box.pickleball {
  background: url('../images/pickleball.png') no-repeat left top;
}
.intro-box.fitness {
  background: url('../images/fitness.png') no-repeat left top;
}
div.intro-news {
  width: 100%;
  padding: 0 0 25px 0;
  float: left;
  margin: 20px 0 30px 0;
  background: black;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  background: #000000;
  background: rgba(0,0,0,0.8);
}
div.intro-news.count-2 .news {
  width: 436px;
}
div.intro-news.count-1 {
  width: 436px;
}
div.intro-news.count-1 .news {
  width: 436px;
}
div.intro-news.count-0 {
  padding: 0px;
}
.news {
  width: 284px;
  height: 180px;
  float: left;
  border-right: 1px dotted #82827b;
  margin: 25px 0 0 28px;
}
.news h2 {
  color: #a9894b;
  font-size: 16px;
  font-weight: bold;
  width: 260px;
  float: left;
}
.news p {
  color: #fff;
  font-size: 13px;
  width: 260px;
  float: left;
  margin: 15px 0 0 0;
}
.news a {
  padding: 0 23px;
  margin: 25px 0 0 0;
  font-size: 13px;
  font-weight: bold;
  color: #000;
  display: block;
  height: 25px;
  line-height: 25px;
  float: left;
  text-align: center;
  background: #765f35 url('../images/anchor-box.png') left top;
  -webkit-transition: color 0.2s ease-in;
  -moz-transition: color 0.2s ease-in;
  -o-transition: color 0.2s ease-in;
  transition: color 0.2s ease-in;
}
.news a:hover {
  color: #2e2e2e;
}
.nobd {
  border: none;
}
#page-menu {
  width: 100%;
  float: left;
  background: url('../images/page-menu.png') repeat-x left top;
  height: 79px;
  text-align: left;
}
#page-menu ul {
  width: 100%;
  float: left;
  list-style-type: none;
  text-align: left;
}
#page-menu ul li {
  float: left;
  text-align: left;
}
#page-menu ul li#pm-active {
  background: url('../images/page-menu-activebg.png') repeat-x left top;
}
#page-menu ul li#pm-active a {
  background: url('../images/page-menu-active.png') no-repeat 50% 100%;
}
#page-menu ul li a {
  display: block;
  float: left;
  height: 79px;
  line-height: 72px;
  font-weight: bold;
  font-size: 13px;
  text-align: center;
  color: #414141;
  text-indent: 0px;
}
#page-menu ul li a span {
  display: inline-block;
  height: 72px;
  line-height: 72px;
  text-indent: 38px;
  text-align: left;
  width: 135px;
  float: left;
  background-position: 13px 50%;
}
#page-menu ul li a:hover {
  background: url('../images/page-menu-activebg.png') repeat-x left top;
}
#page-menu .page-posilovna {
  text-indent: 46px;
}
#page-menu .page-badminton {
  text-indent: 41px;
}
#page-menu .page-squash {
  text-indent: 39px;
}
#page-menu .page-pingpong {
  text-indent: 39px;
}
#page-menu .page-tenis {
  text-indent: 42px;
}
body.summer .page-tenis {
  background: url('../images/p-tenis.png') no-repeat 0% 50%;
}
body.summer .page-badminton {
  background: url('../images/p-badminton.png') no-repeat 0% 50%;
}
body.summer .page-squash,
body.summer .page-pingpong {
  background: url('../images/p-squash.png') no-repeat 0% 50%;
}
body.summer .page-fotbal {
  background: url('../images/p-fotbal.png') no-repeat 0% 50%;
}
body.summer .page-volejbal {
  background: url('../images/p-volejbal.png') no-repeat 0% 50%;
}
body.summer .page-posilovna {
  background: url('../images/p-posilovna.png') no-repeat 0% 50%;
}
body.winter .page-tenis {
  background: url('../images/wp-tenis.png') no-repeat 0% 50%;
}
body.winter .page-badminton {
  background: url('../images/wp-badminton.png') no-repeat 0% 50%;
}
body.winter .page-squash,
body.winter .page-pingpong {
  background: url('../images/wp-squash.png') no-repeat 0% 50%;
}
body.winter .page-fotbal {
  background: url('../images/wp-fotbal.png') no-repeat 0% 50%;
}
body.winter .page-volejbal {
  background: url('../images/wp-volejbal.png') no-repeat 0% 50%;
}
body.winter .page-posilovna {
  background: url('../images/wp-posilovna.png') no-repeat 0% 50%;
}
.big-modal {
  display: none;
  width: 700px;
  background: #fff;
}
.big-modal .select-sport {
  width: 660px;
  float: left;
  margin: 0 0 10px 20px;
}
.big-modal .select-sport h3 {
  font-weight: bold;
  font-size: 13px;
}
.big-modal .box-sport {
  width: 105px;
  float: left;
  margin: 0 0 0 14px;
}
.big-modal .text-box {
  width: 290px;
  float: left;
  border: 1px solid #aaaaaa;
  background: #e6e6e6;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  padding: 10px;
  margin: 10px 0 0 0;
}
.text-box p {
  width: 100%;
  float: left;
  margin: 10px 0 0 0;
}
.text-box p .odst {
  display: block;
  width: 50px;
  float: left;
}
.text-box p .ar {
  text-align: right;
  margin-right: 10px;
}
.big-modal .mbox {
  margin-left: 30px;
}
.big-modal .radio {
  display: block;
  width: 200px;
  float: right;
  line-height: 25px;
}
.big-modal .validto {
  width: 300px;
  float: left;
  margin: 0 0 0 20px;
}
.big-modal-submit-btn {
  margin-right: 20px;
  float: right;
  height: 30px;
  line-height: 30px;
  margin-bottom: 20px;
  margin-top: 4px;
}
.big-modal .validto .pick {
  position: relative;
  top: 6px;
}
.modal {
  display: none;
  width: 460px;
  background: #fff;
}
.modal h2,
.big-modal h2 {
  background: #f2e9d6;
  width: 100%;
  float: left;
  height: 62px;
  line-height: 62px;
  font-size: 16px;
  text-align: center;
  font-weight: bold;
}
.winter .modal h2,
.winter .big-modal h2 {
  background: #70acd5;
  background: -moz-linear-gradient(top,#70acd5 0%,#5a9fcf 100%);
  background: -webkit-linear-gradient(top,#70acd5 0%,#5a9fcf 100%);
  background: -o-linear-gradient(top,#70acd5 0%,#5a9fcf 100%);
  background: linear-gradient(top,#70acd5 0%,#5a9fcf 100%);
  color: white;
  text-shadow: 1px 1px 2px #555;
}
.summer .modal h2,
.summer .big-modal h2 {
  background: #8EBE3F;
  background: -moz-linear-gradient(top,#8EBE3F 0%,#78b139 100%);
  background: -webkit-linear-gradient(top,#8EBE3F 0%,#78b139 100%);
  background: -o-linear-gradient(top,#8EBE3F 0%,#78b139 100%);
  background: linear-gradient(top,#8EBE3F 0%,#78b139 100%);
  color: white;
  text-shadow: 1px 1px 2px #555;
}
.modal .text-box {
  width: 199px;
  float: left;
  margin: 30px 0 0 20px;
}
.modal .text-box h3 {
  width: 100%;
  float: left;
  border-bottom: 1px solid #b2b2b2;
}
.modal .text-box p {
  width: 100%;
  float: left;
  margin: 10px 0 0 0;
  font-weight: bold;
}
.modal .modal-submit {
  width: 418px;
  margin: 20px 0 0 20px;
  float: left;
  border-top: 1px solid #b2b2b2;
}
a.gold-btn {
  border: 1px solid #c5bfb4;
  padding: 0 18px;
  font-size: 11px;
  color: #000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: #e8c88a;
  background: -moz-linear-gradient(top,#e8c88a 0%,#cc923f 100%);
  background: -webkit-linear-gradient(top,#e8c88a 0%,#cc923f 100%);
  background: -o-linear-gradient(top,#e8c88a 0%,#cc923f 100%);
  background: linear-gradient(top,#e8c88a 0%,#cc923f 100%);
  height: 24px;
  line-height: 24px;
}
a.gold-btn:hover {
  background: #cc923f;
  background: -moz-linear-gradient(top,#cc923f 0%,#e8c88a 100%);
  background: -webkit-linear-gradient(top,#cc923f 0%,#e8c88a 100%);
  background: -o-linear-gradient(top,#cc923f 0%,#e8c88a 100%);
  background: linear-gradient(top,#cc923f 0%,#e8c88a 100%);
}
a.grey-btn {
  border: 1px solid #c5c5c5;
  padding: 0 18px;
  font-size: 11px;
  color: #000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: #eaeaea;
  background: -moz-linear-gradient(top,#eaeaea 0%,#cfcfcf 100%);
  background: -webkit-linear-gradient(top,#eaeaea 0%,#cfcfcf 100%);
  background: -o-linear-gradient(top,#eaeaea 0%,#cfcfcf 100%);
  background: linear-gradient(top,#eaeaea 0%,#cfcfcf 100%);
  height: 24px;
  line-height: 24px;
}
a.grey-btn:hover {
  background: #cfcfcf;
  background: -moz-linear-gradient(top,#cfcfcf 0%,#eaeaea 100%);
  background: -webkit-linear-gradient(top,#cfcfcf 0%,#eaeaea 100%);
  background: -o-linear-gradient(top,#cfcfcf 0%,#eaeaea 100%);
  background: linear-gradient(top,#cfcfcf 0%,#eaeaea 100%);
}
a.modal-submit-btn {
  margin: 17px 0 25px 0;
  float: right;
}
a.modal-edit-btn {
  margin: 17px 0 25px 0;
  float: left;
}
div.form-box {
  width: 415px;
  float: left;
  margin: 30px 0 0px 37px;
}
.form-box h4 {
  font-size: 18px;
  margin: 0 0 27px 0;
}
.rbox {
  width: 100%;
  float: left;
}
.rbox div.shortbox {
  width: 160px;
  float: left;
  margin: 13px 0 0 0;
}
.rbox div.shortbox label {
  width: 100%;
  float: left;
}
.rbox div.shortbox input[type="text"] {
  width: 100px;
  float: left;
  height: 23px;
  z-index: 9998;
  position: relative;
}
.rbox div.shortbox input[type="text"]:focus {
  outline: none;
}
.rbox div.shortbox button {
  border: none;
  float: left;
  cursor: pointer;
  width: 24px;
  height: 26px;
  background: url('../images/calendar.png') no-repeat left top;
  margin: 1px 0 0 5px;
}
.rbox div.shortbox button span {
  display: none;
}
.rbox .select-label {
  margin-bottom: 15px;
}
div.box-select {
  width: 150px;
  float: left;
  margin-left: 10px;
}
div.box-select.fl_right {
  float: right;
}
div.box-select-short {
  width: 65px;
  float: left;
}
div.box-select-short ul.sbOptions {
  width: 65px;
}
.form-box p {
  float: left;
  line-height: 23px;
  color: #4a4a4a;
}
.form-box p strong {
  font-weight: bold;
}
.form-box input[type="text"],
.form-box input[type='password'] {
  width: 200px;
  float: right;
  height: 30px;
  padding: 0 10px;
  line-height: 30px;
}
.form-box input[type="text"]:focus,
.form-box input[type='password']:focus {
  outline: none;
}
.form-box input[type="checkbox"] {
  margin: 8px 8px 3px 3px;
}
.form-box .redsubmit {
  padding: 3px 15px;
  height: auto;
}
.form-box.newsletter p.fullw {
  line-height: 25px;
}
.form-box #reservationAjax {
  float: left;
  width: 100%;
  padding-top: 10px;
}
.form-box #reservationAjax ul {
  height: 50px;
  width: 225px;
  border: 1px solid #B6B6B6;
  overflow-y: scroll;
  float: right;
}
.form-box #reservationAjax ul li {
  list-style: none;
}
.form-box #reservationAjax #reservationAjaxCount {
  float: right;
  width: 225px;
  font-size: 80%;
  padding-top: 3px;
}
.form-box #reservationAjax #reservationAjaxWarning {
  float: right;
  font-size: 110%;
  padding-top: 10px;
  color: red;
}
.form-box #repl_cont {
  margin-top: 10px;
  float: left;
  width: 100%;
}
.form-box.urgent-notifs {
  width: 800px;
}
.form-box.urgent-notifs textarea {
  float: right;
  width: 600px;
  height: 40px;
}
p.fullw {
  width: 100%;
  float: left;
  line-height: 30px;
  margin-bottom: 5px;
}
p.fullw em {
  font-style: italic;
  color: #000;
  line-height: 20px;
  display: block;
  width: 100%;
  float: left;
  font-size: 11px;
}
.reservation-type p,
.reservation-doubles p {
  width: 200px;
  float: left;
}
.form-box h5 {
  font-size: 14px;
  font-weight: bold;
  width: 100%;
  float: left;
  margin: 32px 0 21px 0;
}
.rbox textarea {
  width: 400px;
  padding: 5px;
  margin-top: 10px;
  background: #f4f4f4;
  border: 1px solid #b5b5b5;
  float: left;
  height: 70px;
  text-align: left;
  font-family: 'Trebuchet MS', Arial;
  resize: non;
}
e
    .rbox textarea:focus {
  outline: none;
}
.reservation-btn {
  width: 258px;
  height: 37px;
  line-height: 37px;
  background: url('../images/orange-btn.png') no-repeat left top;
  border: none;
  text-align: center;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  color: #4f330a;
  margin-top: 15px;
  text-shadow: #e4c495 1px 1px;
}
body .form-box input[select] {
  float: right;
}
body .form-box .shortbox .jquery-selectbox {
  float: left;
  margin: 0;
  padding: 0;
}
.date-changer {
  display: block;
  width: 117px;
  height: 65px;
  color: #414141;
  position: absolute;
  top: 117px;
  z-index: 99;
}
.date-changer span {
  width: 75px;
  display: block;
  line-height: 15px;
  float: left;
}
.date-changer:hover {
  text-decoration: underline;
}
.day-reservation .date-changer {
  top: 41px;
}
#date-back {
  background: url('../images/move-date-back.png') no-repeat left top;
  left: -11px;
  -webkit-transition: left 0.05s ease-in;
  -moz-transition: left 0.05s ease-in;
  -o-transition: left 0.05s ease-in;
  transition: left 0.05s ease-in;
}
#date-back span {
  float: right;
  margin: 11px 5px 0 0;
}
#date-back:hover {
  left: -15px;
  background-position-y: -65px;
}
#date-forward {
  background: url('../images/move-date-forward.png') no-repeat left top;
  right: -11px;
  -webkit-transition: right 0.05s ease-in;
  -moz-transition: right 0.05s ease-in;
  -o-transition: right 0.05s ease-in;
  transition: right 0.05s ease-in;
}
#date-forward span {
  margin: 11px 0 0 13px;
}
#date-forward:hover {
  right: -15px;
  background-position-y: -65px;
}
body .period {
  position: absolute;
  top: 132px;
  right: 170px;
  width: 148px;
  height: 27px;
}
body .period.S {
  background: url('../images/summer.png') no-repeat left top;
}
body .period.W {
  background: url('../images/winter.png') no-repeat left top;
}
body .period ul {
  list-style-type: none;
  float: left;
  width: 100%;
  height: 27px;
  line-height: 27px;
}
body .period ul li {
  float: left;
}
body .period ul li a {
  display: block;
  width: 74px;
}
body.summer .period {
  background: url('../images/summer.png') no-repeat left top;
}
body.summer .period ul li {
  width: 73px;
}
body.summer .period .first {
  text-align: center;
}
body.summer .period .first a {
  text-align: center;
  color: #5e5e5e;
  width: 73px;
}
body.summer .period .second {
  text-align: center;
}
body.summer .period .second a {
  text-align: left;
  color: #5e5e5e;
  width: 76px;
  text-indent: 23px;
}
body.winter .period {
  background: url('../images/winter.png') no-repeat left top;
}
body.winter .period ul li {
  width: 73px;
}
body.winter .period .first {
  text-align: center;
}
body.winter .period .first a {
  text-align: left;
  color: #5e5e5e;
  width: 73px;
  text-indent: 25px;
}
body.winter .period .second {
  text-align: center;
}
body.winter .period .second a {
  text-align: center;
  color: #5e5e5e;
  width: 76px;
}
.period-price {
  position: absolute;
  top: 34px;
  right: 35px;
  width: 148px;
  height: 27px;
}
.period-price ul {
  list-style-type: none;
  float: left;
  width: 100%;
  height: 27px;
  line-height: 27px;
}
.period-price ul li {
  float: left;
}
.period-price ul li a {
  display: block;
  width: 74px;
}
.period-price ul li a:hover {
  text-decoration: underline;
}
body.summer .period-price {
  background: url('../images/summer.png') no-repeat left top;
}
body.summer .period-price ul li {
  width: 73px;
}
body.summer .period-price .first {
  text-align: center;
}
body.summer .period-price .first a {
  text-align: center;
  color: #5e5e5e;
  width: 73px;
}
body.summer .period-price .second {
  text-align: center;
}
body.summer .period-price .second a {
  text-align: left;
  color: #5e5e5e;
  width: 76px;
  text-indent: 15px;
}
body.winter .period-price {
  background: url('../images/winter.png') no-repeat left top;
}
body.winter .period-price ul li {
  width: 73px;
}
body.winter .period-price .first {
  text-align: center;
}
body.winter .period-price .first a {
  text-align: left;
  color: #5e5e5e;
  width: 73px;
  text-indent: 25px;
}
body.winter .period-price .second {
  text-align: center;
}
body.winter .period-price .second a {
  text-align: center;
  color: #5e5e5e;
  width: 76px;
}
.page-notifikation {
  margin: 6px 0 0 0;
  width: 100%;
  float: left;
  background: #d1ce05 url('../images/notifikation-box.png') repeat-x left top;
  background: -moz-linear-gradient(top,#ebea20 0%,#d1ce05 100%);
  background: -webkit-linear-gradient(top,#ebea20 0%,#d1ce05 100%);
  background: -o-linear-gradient(top,#ebea20 0%,#d1ce05 100%);
  background: linear-gradient(top,#ebea20 0%,#d1ce05 100%);
}
.page-notifikation p {
  padding: 10px;
  text-align: center;
}
.page-notifikation.info {
  background: #D7FFD2;
  border-radius: 5px;
  border: 1px solid #01E201;
  color: #10A810;
  font-weight: bold;
}
.page-notifikation.error {
  background: #FFD7D2;
  border-radius: 5px;
  border: 1px solid #E25201;
  color: #ea3312;
  font-weight: bold;
}
#page-area,
#pricelist,
#page-area-reservation {
  width: 889px;
  margin: 35px 0 0 27px;
  float: left;
}
.page-date {
  width: 100%;
  float: left;
  text-align: center;
  padding: 0 0 30px 0;
  position: relative;
}
.pick {
  margin-left: 5px;
  cursor: pointer;
}
#page-area .page-date h3 {
  display: inline;
  font-size: 14px;
  text-align: center;
  height: 26px;
  line-height: 26px;
  position: relative;
}
#datepicker {
  text-indent: -10000px;
  border: none;
  display: inline-block;
  width: 24px;
  height: 26px;
  position: absolute;
  top: -5px;
  margin-left: 10px;
  background: url('../images/calendar.png') no-repeat left top;
  cursor: pointer;
}
#datepicker:focus {
  outline: none;
}
#datepicker,
.datepicker {
  z-index: 1000;
}
.info-panel {
  position: absolute;
  top: 26px;
  left: 0;
  height: 300px;
  width: 200px;
  background: red;
  z-index: 9999;
}
#legends {
  width: 100%;
  float: left;
  margin: 20px 0 0 100px;
}
#legends ul {
  width: 270px;
  float: left;
  list-style-type: none;
}
#legends ul li {
  width: 100%;
  float: left;
  margin: 0 0 9px 0;
}
#legends ul li span {
  display: block;
  height: 23px;
  line-height: 23px;
  text-indent: 33px;
}
#legends ul li span.volno {
  background: url('../images/lvolno.png') no-repeat left 50%;
}
#legends ul li span.zaplaceno {
  background: url('../images/lzaplaceno.png') no-repeat 1px 50%;
}
#legends ul li span.nezaplaceno,
#legends ul li span.obsazeno {
  background: url('../images/lnezaplaceno.png') no-repeat 1px 50%;
}
#legends ul li span.klub-clen {
  background: url('../images/lklub-clen.png') no-repeat 1px 50%;
}
#legends ul li span.zavreno {
  background: url('../images/lzavreno.png') no-repeat 1px 50%;
}
#legends ul li span.pernamentka {
  background: url('../images/lpernamentka.png') no-repeat 1px 50%;
}
#legends ul li span.nahrada {
  background: url('../images/lnahrada.png') no-repeat 1px 50%;
}
#legends ul li span.student {
  background: url('../images/lstudent.png') no-repeat 1px 50%;
}
#legends ul li span.rezervace {
  background: url('../images/lnezaplacena-rezervace.png') no-repeat 1px 50%;
}
#legends ul li span.firma {
  background: url('../images/lclen-firmy.png') no-repeat 1px 50%;
}
#pricelist p {
  width: 100%;
  float: left;
}
#pricelist h2 {
  font-size: 30px;
  text-align: center;
}
#pricelist h3 {
  font-size: 18px;
  text-align: center;
}
#pricelist table {
  width: 100%;
  float: left;
  border-collapse: collapse;
  border: 2px solid #c7c7c7;
  margin: 36px 0 12px 0;
}
#pricelist table thead {
  background: #e6e6e6;
}
#pricelist table td,
#pricelist table th {
  border: 1px solid #cbcbcb;
  height: 45px;
  vertical-align: middle;
  text-align: center;
}
#pricelist table tr.smaller td,
#pricelist table tr.smaller th {
  height: 23px;
}
#pricelist table th.sport-name {
  background: #5a9fcf;
  box-sizing: border-box;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  line-height: 45px;
  padding: 0 20px;
  text-align: left;
  text-indent: 30px;
  width: 150px;
}
#pricelist table td {
  font-weight: bold;
  font-size: 14px;
}
#pricelist strong {
  font-size: 14px;
  font-weight: bold;
}
#pricelist table .grey-col {
  background: #e6e6e6;
}
#pricelist table .grey-col2 {
  background: #d6d6d6;
  width: 80px;
}
#pricelist table .setw {
  width: 130px;
}
#pricelist .price-block {
  padding: 20px 10px;
  margin-top: 25px;
}
#pricelist .price-block h3 {
  font-weight: bold;
  text-shadow: #D4D4D4 1px 1px 2px;
}
#pricelist table th.sport-name {
  background-repeat: no-repeat;
  background-position: 14px 13px;
}
#pricelist table th.sport-name.pposilovna {
  background-image: url('../images/white-posilovna.png');
}
#pricelist table th.sport-name.psquash {
  background-image: url('../images/white-squash.png');
}
#pricelist table th.sport-name.ppingpong {
  background-image: url('../images/white-squash.png');
}
#pricelist table th.sport-name.pbadminton {
  background-image: url('../images/white-badminton.png');
}
#pricelist table th.sport-name.ptenis {
  background-image: url('../images/white-tenis.png');
}
#pricelist table th.sport-name.pfotbal {
  background-image: url('../images/white-fotbal.png');
}
#pricelist table th.sport-name.pvolejbal {
  background-image: url('../images/white-volejbal.png');
  background-position: 14px 50%;
}
body.winter #pricelist .price-block {
  background-color: #d9ecf9;
}
body.winter #pricelist .price-block h3 {
  color: #1e72aa;
}
body.winter #pricelist table th {
  background-color: #5a9fcf;
}
body.summer #pricelist .price-block {
  background-color: #e4ffcf;
}
body.summer #pricelist .price-block h3 {
  color: #67aa1e;
}
body.summer #pricelist table th {
  background-color: #93c245;
}
#footer h4 {
  text-transform: uppercase;
  color: #969696;
  width: 100%;
  float: left;
  font-size: 12px;
  font-weight: bold;
  margin: 20px 0 0 0;
}
#footer ul {
  width: 100%;
  float: left;
  list-style-type: none;
  margin: 30px 0 0 0;
}
#footer ul li {
  float: left;
}
#footer ul li a {
  display: block;
  height: 60px;
}
#footer ul li a.awd {
  background: url('../images/swisslife.png') no-repeat left top;
  width: 160px;
}
#footer ul li a.babolat {
  background: url('../images/babolatstore.png') no-repeat left top;
  width: 92px;
  margin: 0 0 0 65px;
}
#footer ul li a.izol-plastik {
  background: url('../images/izol-plastik.png') no-repeat left top;
  width: 185px;
  margin: 0 0 0 65px;
}
#footer ul li a.penzion-iberica {
  background: url('../images/iberica-penzion.png') no-repeat left top;
  width: 130px;
  margin: 0 0 0 65px;
}
#footer ul li a.iberica {
  background: url('../images/iberica-festival.png') no-repeat left top;
  width: 112px;
  margin: 0 0 0 65px;
}
#footer ul li a.sovanet {
  background: url('../images/sova-net.png') no-repeat left top;
  width: 112px;
}
#footer ul li a span {
  display: none;
}
#sign p {
  float: left;
  width: 700px;
  color: #969696;
  font-size: 12px;
  line-height: 30px;
}
#sign p a {
  color: #d4d4d4;
  text-decoration: underline;
}
#sign p.created {
  float: right;
  width: 200px;
}
#sign p.created a {
  text-decoration: none;
}
#sign p.created a span {
  color: #969696;
}
.page-title-view {
  width: 100%;
  float: left;
  text-align: center;
}
.page-title {
  width: 100%;
  float: left;
}
strong {
  font-weight: bold;
}
#big {
  margin: 15px 20px;
}
#big a {
  color: #161616;
}
#big h2 {
  padding-bottom: 20px;
}
#big h3 {
  float: none;
  padding: 30px 0 10px 0;
  text-align: left;
  font-size: 16px;
  font-weight: bold;
}
#big h3 a {
  color: #c29d55;
  text-decoration: underline;
}
#big p a {
  color: #c29d55;
  text-decoration: underline;
}
#big p.vtext {
  float: left;
  margin: 0 40px 10px 40px;
}
#big table {
  border: 2px solid #c7c7c7;
  float: left;
  text-align: left;
  border-collapse: collapse;
  text-align: left;
  margin-bottom: 30px;
}
#big table td,
#big table th {
  border: 1px solid #cbcbcb;
  background: #f4f4f4;
  color: #161616;
  padding: 4px;
}
#big table td a,
#big table th a {
  color: #161616;
  text-decoration: none;
}
#big table td a:hover,
#big table th a:hover {
  text-decoration: none;
}
#big table td.redsubmit,
#big table th.redsubmit {
  padding: 2px 4px 0 4px;
}
.page-title h2 {
  width: 100%;
  float: left;
  font-size: 30px;
  text-align: center;
}
.page-title-view h2 {
  font-size: 30px;
  text-align: center;
  display: inline-block;
  text-indent: 25px;
}
.divkey {
  width: 100%;
  float: left;
  margin: 10px 0 10px 0;
}
.divkey p {
  float: left;
  text-align: left;
}
.btable {
  border-collapse: collapse;
  border: 2px solid #c7c7c7;
  width: 100%;
  float: left;
  font-size: 12px;
  margin: 6px 0 0 0;
}
.btable td,
.btable th {
  border: 1px solid #cbcbcb;
  background: #f4f4f4;
  color: #161616;
  text-align: center;
  vertical-align: center;
}
.denni-prehled.sluzby {
  width: 400px;
  float: left;
}
.denni-prehled tr.rows:hover th {
  background-color: #d4d4d4;
  font-weight: bold;
}
.denni-prehled tr th.heading {
  text-align: center;
}
.denni-prehled tr th.heading span {
  display: inline-block;
  background-position: 0% 50%;
  padding: 8px 0 8px 22px;
  margin-left: 5px;
}
.denni-prehled tr td {
  height: 23px;
  margin: 0;
  padding: 0;
}
.denni-prehled tr td a {
  color: inherit;
  text-decoration: underline;
  display: block;
  width: 100%;
  line-height: 23px;
  height: 23px;
  height: 100%;
  position: relative;
}
.denni-prehled tr td a strong {
  position: relative;
  font-weight: bold;
  white-space: nowrap;
}
.denni-prehled tr td a strong .bstav {
  display: inline-block;
  margin-left: 4px;
  color: yellow;
}
.denni-prehled tr td a strong .popup {
  color: #fff;
  text-align: left;
  position: absolute;
  z-index: 999;
  display: none;
  width: 200px;
  right: -220px;
  top: -15px;
  background: url('../images/popup.png') no-repeat left 16px;
  font-size: 11px;
}
.denni-prehled tr td a strong .popup-bg {
  width: 194px;
  margin: 0 0 0 6px;
  padding: 7px 0;
  height: 100%;
  display: block;
  background: #101010;
}
.denni-prehled tr td a strong .popup-bg span {
  display: block;
  width: 184px;
  margin: 0 0 0 10px;
  white-space: normal;
}
.denni-prehled tr td a strong .popup-bg hr {
  border: 0;
  border-top: 1px solid #aaa;
  width: 90%;
}
.denni-prehled tr td a strong .popup-name {
  font-size: 12px;
  font-weight: bold;
}
.denni-prehled tr td a strong .popup-email {
  margin: -3px 0 0 10px;
  text-decoration: underline;
}
.denni-prehled tr td a strong .popup-oddo {
  margin-top: 10px;
  padding-top: 10px;
}
.denni-prehled tr .volno {
  height: 23px;
  line-height: 23px;
  margin: 0;
  padding: 0;
}
.denni-prehled tr .volno a:hover {
  background: #E4E4E4 url('../images/table-volno-hover.png') repeat-x left top;
  background: -moz-linear-gradient(top,#D4D4D4 0%,#E4E4E4 100%);
  background: -webkit-linear-gradient(top,#D4D4D4 0%,#E4E4E4 100%);
  background: -o-linear-gradient(top,#D4D4D4 0%,#E4E4E4 100%);
  background: linear-gradient(top,#D4D4D4 0%,#E4E4E4 100%);
}
.denni-prehled tr .nezaplaceno a,
.denni-prehled tr .obsazeno a {
  background: #be3c28 url('../images/table-nezaplaceno.png') repeat-x left top;
  background: -moz-linear-gradient(top,#e6533c 0%,#be3c28 100%);
  background: -webkit-linear-gradient(top,#e6533c 0%,#be3c28 100%);
  background: -o-linear-gradient(top,#e6533c 0%,#be3c28 100%);
  background: linear-gradient(top,#e6533c 0%,#be3c28 100%);
  color: #fff;
  text-decoration: none;
}
.denni-prehled tr .nezaplaceno a:hover,
.denni-prehled tr .obsazeno a:hover {
  background: #e6533c url('../images/table-nezaplaceno-hover.png') repeat-x left top;
  background: -moz-linear-gradient(top,#be3c28 0%,#e6533c 100%);
  background: -webkit-linear-gradient(top,#be3c28 0%,#e6533c 100%);
  background: -o-linear-gradient(top,#be3c28 0%,#e6533c 100%);
  background: linear-gradient(top,#be3c28 0%,#e6533c 100%);
}
.denni-prehled tr .zaplaceno a {
  background: #6eac09 url('../images/table-zaplaceno.png') repeat-x left top;
  background: -moz-linear-gradient(top,#8cc927 0%,#6eac09 100%);
  background: -webkit-linear-gradient(top,#8cc927 0%,#6eac09 100%);
  background: -o-linear-gradient(top,#8cc927 0%,#6eac09 100%);
  background: linear-gradient(top,#8cc927 0%,#6eac09 100%);
  text-decoration: none;
  color: #fff;
}
.denni-prehled tr .zaplaceno a:hover {
  background: #8cc927 url('../images/table-zaplaceno-hover.png') repeat-x left top;
  background: -moz-linear-gradient(top,#6eac09 0%,#8cc927 100%);
  background: -webkit-linear-gradient(top,#6eac09 0%,#8cc927 100%);
  background: -o-linear-gradient(top,#6eac09 0%,#8cc927 100%);
  background: linear-gradient(top,#6eac09 0%,#8cc927 100%);
}
.denni-prehled tr .klub-clen a {
  background: #ac750d url('../images/table-klub-clen.png') repeat-x left top;
  background: -moz-linear-gradient(top,#c19745 0%,#ac750d 100%);
  background: -webkit-linear-gradient(top,#c19745 0%,#ac750d 100%);
  background: -o-linear-gradient(top,#c19745 0%,#ac750d 100%);
  background: linear-gradient(top,#c19745 0%,#ac750d 100%);
  text-decoration: none;
  color: #fff;
}
.denni-prehled tr .klub-clen a:hover {
  background: #c19745 url('../images/table-klub-clen-hover.png') repeat-x left top;
  background: -moz-linear-gradient(top,#ac750d 0%,#c19745 100%);
  background: -webkit-linear-gradient(top,#ac750d 0%,#c19745 100%);
  background: -o-linear-gradient(top,#ac750d 0%,#c19745 100%);
  background: linear-gradient(top,#ac750d 0%,#c19745 100%);
}
.denni-prehled tr .zavreno a {
  background: #4f4f4f url('../images/table-zavreno.png') repeat-x left top;
  background: -moz-linear-gradient(top,#7a7a7a 0%,#4f4f4f 100%);
  background: -webkit-linear-gradient(top,#7a7a7a 0%,#4f4f4f 100%);
  background: -o-linear-gradient(top,#7a7a7a 0%,#4f4f4f 100%);
  background: linear-gradient(top,#7a7a7a 0%,#4f4f4f 100%);
  text-decoration: none;
  color: #fff;
}
.denni-prehled tr .zavreno a:hover {
  background: #7a7a7a url('../images/table-zavreno-hover.png') repeat-x left top;
  background: -moz-linear-gradient(top,#4f4f4f 0%,#7a7a7a 100%);
  background: -webkit-linear-gradient(top,#4f4f4f 0%,#7a7a7a 100%);
  background: -o-linear-gradient(top,#4f4f4f 0%,#7a7a7a 100%);
  background: linear-gradient(top,#4f4f4f 0%,#7a7a7a 100%);
}
table.default tr th {
  font-weight: bold;
  font-size: 13px;
}
table tr th {
  vertical-align: middle;
  text-align: center;
  padding: 0 2px;
}
table#reservation-view tr:hover td {
  background-color: #E3E3E3;
}
table#reservation-view tr th.col1 {
  width: 60px;
}
table#reservation-view tr th.col2 {
  width: 130px;
}
table#reservation-view tr th.col3 {
  width: 72px;
}
table#reservation-view tr th.col4 {
  width: 122px;
}
table#reservation-view tr th.col5,
table#reservation-view tr th.col6 {
  width: 40px;
}
table#reservation-view tr th.col7 {
  width: 57px;
}
table#reservation-view tr th.col8 {
  width: 72px;
}
table#reservation-view tr th.col9 {
  width: 40px;
}
table#reservation-view tr th.col10 {
  width: 61px;
}
table#reservation-view tr th.keys {
  width: 100px;
}
table#reservation-view tr th.col12 {
  width: 35px;
}
table#reservation-view tr th .jquery-selectbox {
  margin-bottom: 4px;
}
table#reservation-view tr td {
  height: 45px;
  padding: 0 4px;
}
table#reservation-view tr td.tprice {
  font-weight: bold;
  font-size: 13px;
  width: 50px;
}
table#reservation-view tr td.tname {
  padding: 0;
  margin: 0;
  height: 50px;
}
table#reservation-view tr td.tname a {
  width: 100%;
  height: 100%;
  line-height: 50px;
  display: block;
}
table#reservation-view tr td.tname a strong {
  position: relative;
  font-weight: bold;
  white-space: nowrap;
}
table#reservation-view tr td.tname a strong .bstav {
  display: inline-block;
  margin-left: 4px;
  color: yellow;
}
table#reservation-view tr td.tname a strong .popup {
  color: #fff;
  text-align: left;
  position: absolute;
  z-index: 999;
  display: none;
  width: 200px;
  right: -220px;
  top: -15px;
  background: url('../images/popup.png') no-repeat left 16px;
  font-size: 11px;
  line-height: 20px;
}
table#reservation-view tr td.tname a strong .popup-bg {
  width: 194px;
  margin: 0 0 0 6px;
  padding: 7px 0;
  height: 100%;
  display: block;
  background: #101010;
}
table#reservation-view tr td.tname a strong .popup-bg span {
  display: block;
  width: 184px;
  margin: 0 0 0 10px;
}
table#reservation-view tr td.tname a strong .popup-bg hr {
  border: 0;
  border-top: 1px solid #aaa;
  width: 90%;
}
table#reservation-view tr td.tname a strong .popup-name {
  font-size: 12px;
  font-weight: bold;
}
table#reservation-view tr td.tname a strong .popup-email {
  margin: -3px 0 0 10px;
  text-decoration: underline;
}
table#reservation-view tr td.tname a strong .popup-oddo {
  margin-top: 10px;
  padding-top: 10px;
}
table#reservation-view tr td.tname .nezaplaceno,
table#reservation-view tr td.tname .obsazeno {
  background: #be3c28 url('../images/table-nezaplaceno.png') repeat-x left top;
  background: -moz-linear-gradient(top,#e6533c 0%,#be3c28 100%);
  background: -webkit-linear-gradient(top,#e6533c 0%,#be3c28 100%);
  background: -o-linear-gradient(top,#e6533c 0%,#be3c28 100%);
  background: linear-gradient(top,#e6533c 0%,#be3c28 100%);
  color: #fff;
  text-decoration: none;
}
table#reservation-view tr td.tname .nezaplaceno:hover,
table#reservation-view tr td.tname .obsazeno:hover {
  background: #e6533c url('../images/table-nezaplaceno-hover.png') repeat-x left top;
  background: -moz-linear-gradient(top,#be3c28 0%,#e6533c 100%);
  background: -webkit-linear-gradient(top,#be3c28 0%,#e6533c 100%);
  background: -o-linear-gradient(top,#be3c28 0%,#e6533c 100%);
  background: linear-gradient(top,#be3c28 0%,#e6533c 100%);
}
table#reservation-view tr td.tname .zaplaceno {
  background: #6eac09 url('../images/table-zaplaceno.png') repeat-x left top;
  background: -moz-linear-gradient(top,#8cc927 0%,#6eac09 100%);
  background: -webkit-linear-gradient(top,#8cc927 0%,#6eac09 100%);
  background: -o-linear-gradient(top,#8cc927 0%,#6eac09 100%);
  background: linear-gradient(top,#8cc927 0%,#6eac09 100%);
  text-decoration: none;
  color: #fff;
}
table#reservation-view tr td.tname .zaplaceno:hover {
  background: #8cc927 url('../images/table-zaplaceno-hover.png') repeat-x left top;
  background: -moz-linear-gradient(top,#6eac09 0%,#8cc927 100%);
  background: -webkit-linear-gradient(top,#6eac09 0%,#8cc927 100%);
  background: -o-linear-gradient(top,#6eac09 0%,#8cc927 100%);
  background: linear-gradient(top,#6eac09 0%,#8cc927 100%);
}
table#reservation-view tr td.tname .klub-clen {
  background: #ac750d url('../images/table-klub-clen.png') repeat-x left top;
  background: -moz-linear-gradient(top,#c19745 0%,#ac750d 100%);
  background: -webkit-linear-gradient(top,#c19745 0%,#ac750d 100%);
  background: -o-linear-gradient(top,#c19745 0%,#ac750d 100%);
  background: linear-gradient(top,#c19745 0%,#ac750d 100%);
  text-decoration: none;
  color: #fff;
}
table#reservation-view tr td.tname .klub-clen:hover {
  background: #c19745 url('../images/table-klub-clen-hover.png') repeat-x left top;
  background: -moz-linear-gradient(top,#ac750d 0%,#c19745 100%);
  background: -webkit-linear-gradient(top,#ac750d 0%,#c19745 100%);
  background: -o-linear-gradient(top,#ac750d 0%,#c19745 100%);
  background: linear-gradient(top,#ac750d 0%,#c19745 100%);
}
table#reservation-view tr td.tname .zavreno {
  background: #4f4f4f url('../images/table-zavreno.png') repeat-x left top;
  background: -moz-linear-gradient(top,#7a7a7a 0%,#4f4f4f 100%);
  background: -webkit-linear-gradient(top,#7a7a7a 0%,#4f4f4f 100%);
  background: -o-linear-gradient(top,#7a7a7a 0%,#4f4f4f 100%);
  background: linear-gradient(top,#7a7a7a 0%,#4f4f4f 100%);
  text-decoration: none;
  color: #fff;
}
table#reservation-view tr td.tname .zavreno:hover {
  background: #7a7a7a url('../images/table-zavreno-hover.png') repeat-x left top;
  background: -moz-linear-gradient(top,#4f4f4f 0%,#7a7a7a 100%);
  background: -webkit-linear-gradient(top,#4f4f4f 0%,#7a7a7a 100%);
  background: -o-linear-gradient(top,#4f4f4f 0%,#7a7a7a 100%);
  background: linear-gradient(top,#4f4f4f 0%,#7a7a7a 100%);
}
.td-cancel {
  width: 60px;
  color: #969696 !important;
  white-space: nowrap;
}
.td-cancel a {
  vertical-align: top;
  text-align: left;
  margin-left: 5px;
}
.cancel-box {
  display: block;
  float: left;
  width: 20px;
  height: 19px;
  background: url('../images/cancel-box.png') no-repeat left top;
  margin: 3px 0 0 0px;
}
.cancel-box:hover {
  opacity: 0.7;
}
.cancel-box span {
  display: none;
}
.cancel-boxp {
  display: block;
  float: left;
  width: 24px;
  height: 23px;
  background: url('../images/cancel-boxp.png') no-repeat left top;
  margin: 0px 0 0 0px;
}
.cancel-boxp:hover {
  opacity: 0.7;
}
.cancel-boxp span {
  display: none;
}
table#reservation-view tr td {
  vertical-align: middle;
}
table#reservation-view tr td .tstav {
  vertical-align: middle;
}
.redsubmit {
  border: 1px solid #b9b9b9;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: #e8ca8e;
  background: -moz-linear-gradient(top,#e8ca8e 0%,#cc923f 100%);
  background: -webkit-linear-gradient(top,#e8ca8e 0%,#cc923f 100%);
  background: -o-linear-gradient(top,#e8ca8e 0%,#cc923f 100%);
  background: linear-gradient(top,#e8ca8e 0%,#cc923f 100%);
  cursor: pointer;
  font-weight: bold;
  height: 22px;
  line-height: 18px;
  padding: 0 4px;
  margin: 0;
}
.redsubmit:hover {
  background: #cc923f;
  background: -moz-linear-gradient(top,#cc923f 0%,#e8ca8e 100%);
  background: -webkit-linear-gradient(top,#cc923f 0%,#e8ca8e 100%);
  background: -o-linear-gradient(top,#cc923f 0%,#e8ca8e 100%);
  background: linear-gradient(top,#cc923f 0%,#e8ca8e 100%);
}
.klicky_satna {
  width: 50px;
  padding: 4px;
  vertical-align: middle;
  text-align: left;
}
.klicky_satna button {
  margin: 0 1px 1px 1px;
  cursor: pointer;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  line-height: 12px;
}
.klicky_satna button.storno_keys {
  background-color: #FAA;
  border: 1px solid #D60000;
  width: 70px;
  height: 14px;
  font-size: 10px;
  margin: 1px 10px;
}
.klicky_satna a,
#sport_items .returns a {
  float: left;
  display: block;
  width: 15px;
  height: 15px;
  line-height: 15px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #aeaeae;
  background: #e8e8e8;
  background: -moz-linear-gradient(top,#e8e8e8 0%,#bd0d0d 0 100%);
  background: -webkit-linear-gradient(top,#e8e8e8 0%,#bd0d0d 0 100%);
  background: -o-linear-gradient(top,#e8e8e8 0%,#bd0d0d 0 100%);
  background: linear-gradient(top,#e8e8e8 0%,#bd0d0d 0 100%);
  text-decoration: none;
  margin: 2px;
  padding: 0;
  font-size: 11px;
  text-align: center;
  color: #000;
  cursor: pointer;
}
.klicky_satna a.key_count:hover,
#sport_items .returns a.key_count:hover {
  background: #b5e881;
  background: -moz-linear-gradient(top,#d9f4b9 0%,#b5e881 100%);
  background: -webkit-linear-gradient(top,#d9f4b9 0%,#b5e881 100%);
  background: -o-linear-gradient(top,#d9f4b9 0%,#b5e881 100%);
  background: linear-gradient(top,#d9f4b9 0%,#b5e881 100%);
}
.klicky_satna a.key_number:hover,
#sport_items .returns a.key_number:hover {
  background: #e59180;
  background: -moz-linear-gradient(top,#f2cdb8 0%,#e59180 100%);
  background: -webkit-linear-gradient(top,#f2cdb8 0%,#e59180 100%);
  background: -o-linear-gradient(top,#f2cdb8 0%,#e59180 100%);
  background: linear-gradient(top,#f2cdb8 0%,#e59180 100%);
}
.klicky_satna.divkey {
  width: 100%;
}
.equip-default {
  width: 34px;
  height: 34px;
  display: block;
  float: left;
  vertical-align: middle;
}
.equip-default span {
  display: none;
}
.equip-default:hover {
  opacity: 0.7;
}
.equip {
  width: 34px;
  height: 34px;
  display: block;
  float: left;
  vertical-align: middle;
  background: url('../images/equip.png') no-repeat left top;
}
.equip span {
  display: none;
}
.equip:hover {
  opacity: 0.7;
}
.edit-equip {
  width: 34px;
  height: 34px;
  display: block;
  float: left;
  vertical-align: middle;
  background: url('../images/edit-equip.png') no-repeat left top;
}
.edit-equip span {
  display: none;
}
.edit-equip:hover {
  opacity: 0.7;
}
.table-popup {
  float: left;
  background: black;
  display: block;
  width: 200px;
  display: none;
}
.form-box table td {
  padding: 4px;
  text-align: left;
}
.reservation-name h3 {
  font-size: 18px;
  width: 100%;
  text-align: center;
}
.mselect {
  width: 200px;
}
select.suser {
  width: 225px;
  float: right;
  height: 30px;
  line-height: 30px;
  padding: 0 0 0 10px;
}
select.replacements {
  width: 225px;
  float: right;
  height: 80px;
}
.modal_form {
  text-align: center;
  display: none;
}
.modal_form label {
  width: 137px;
  text-align: right;
  margin-right: 3px;
}
.modal_form input,
.modal_form select {
  height: 21px;
  margin-bottom: 10px;
}
.modal_form input[type="submit"] {
  width: 150px;
  margin: 5px 5px 0 0;
}
.sbHolder {
  background: #ececec;
  border: 1px solid #b6b6b6;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  color: #41332b;
  font-size: 11px;
  height: 22px;
  line-height: 22px;
  font-weight: normal;
  position: relative;
  width: 100%;
  text-align: left;
}
.sbHolder:focus .sbSelector {
  color: #41332b;
}
.sbSelector {
  display: block;
  height: 22px;
  left: 0;
  line-height: 22px;
  outline: none;
  overflow: hidden;
  position: absolute;
  text-indent: 3px;
  top: 0;
  width: 100%;
  color: #41332b;
}
.sbSelector:link,
.sbSelector:visited,
.sbSelector:hover {
  color: #41332b;
  outline: none;
  text-decoration: none;
}
.sbToggle {
  background: url('../images/select-btn.png') no-repeat 100% 0;
  display: block;
  height: 22px;
  outline: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  z-index: 999;
}
.sbToggleOpen {
  background: url('../images/select-btn.png') no-repeat 100% 0;
}
.sbToggleOpen:hover {
  background: url('../images/select-btn.png') no-repeat 100% 0;
}
.sbHolderDisabled {
  background-color: #3C3C3C;
  border: solid 1px #515151;
}
.sbOptions {
  background: #ececec;
  border: 1px solid #b6b6b6;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  color: #41332b;
  font-size: 11px;
  list-style: none;
  left: -1px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 22px;
  width: 150px;
  z-index: 1;
  overflow-y: auto;
  z-index: 9999;
  text-indent: 3px;
}
.sbOptions li {
  padding: 0 7px;
}
.sbOptions a {
  color: #41332b;
  border-bottom: dotted 1px #515151;
  display: block;
  outline: none;
}
.sbOptions a:link,
.sbOptions a:visited {
  color: #41332b;
  text-decoration: none;
}
.sbOptions a:hover,
.sbOptions a:focus,
.sbOptions a.sbFocus {
  color: #41332b;
  background-color: #ccc;
}
.sbOptions li.last a {
  border-bottom: none;
}
.sbOptions .sbDisabled {
  border-bottom: dotted 1px #515151;
  color: #fafafa;
  display: block;
}
.sbOptions .sbGroup {
  border-bottom: dotted 1px #515151;
  color: #41332b;
  font-weight: bold;
  font-size: 12px;
  display: block;
  font-weight: bold;
}
.sbOptions .sbSub:hover {
  background-color: #ccc;
}
#big table tr th.name {
  width: 120px;
}
#big table tr th.actions {
  width: 120px;
}
#big table tr.season_W td.class {
  background-color: #9CF;
}
#big table tr.season_S td.class {
  background-color: #FF9;
}
#big table.default tr th {
  font-weight: bold;
  background-color: #d4d4d4;
}
div.xls_export {
  width: 20%;
  float: right;
  text-align: right;
  padding-right: 5px;
}
div.xls_export img {
  vertical-align: top;
  margin: 0 3px;
}
#big table.registration tr td {
  text-align: left;
}
.green {
  color: #08BE2F !important;
  font-weight: bold;
}
.error,
.red {
  color: #ea3312 !important;
  font-weight: bold;
}
#price .final {
  font-weight: bold;
}
#hncaptcha_private_key {
  float: none;
}
#BP_table td {
  width: 120px;
}
#BP_table td.first {
  font-weight: bold;
}
#BP_table tr.row_odecteno td img {
  vertical-align: text-top;
}
#BP_table tr.row_years td {
  background-color: #F1F3E6;
}
#BP_table tr.row_celkem td {
  background-color: #FFCC99;
}
#BP_table tr.row_bilance td {
  background-color: #FF9900;
}
#BP_table tr.row_akce td {
  background-color: #fffaaa;
}
.services .anotation {
  padding-top: 30px;
}
.services .anotation h3 {
  color: #c29d55;
  font-weight: bold;
  font-size: 15px;
}
.services .anotation p {
  padding: 20px;
  text-align: justify;
}
.services .redsubmit {
  float: right;
  padding: 10px 30px;
  margin: 10px 20px;
  height: auto;
  text-shadow: #333 0px 0px 3px;
  text-transform: uppercase;
  font-size: 1.2em;
}
.sluzby-reservation table.denni-prehled {
  float: left;
  width: 450px;
}
.sluzby-reservation .units-info {
  float: left;
  width: 370px;
  padding-left: 40px;
  padding-top: 20px;
}
.sluzby-reservation .units-info h3 {
  font-size: 18px;
  margin: 0 0 27px 0;
}
.sluzby-reservation .units-info h4 {
  font-size: 16px;
  font-weight: bold;
  margin: 20px 0 5px 0;
  color: #c29d55;
}
.sluzby-reservation .units-info p {
  color: #777;
}
.sluzby-reservation .units-info table {
  border-collapse: collapse;
}
.sluzby-reservation .units-info table tr th {
  padding: 8px;
  font-weight: bold;
  background-color: #d4d4d4;
}
.sluzby-reservation .units-info table tr td {
  padding: 8px;
}
.sluzby-reservation .units-info table tr td.duration,
.sluzby-reservation .units-info table tr td.price {
  text-align: center;
}
.sluzby-reservation .units-info table tr td label {
  font-weight: bold;
}
.sluzby-reservation .units-info table tr:hover {
  background-color: #F4F4F4;
}
.sluzby-reservation .units-info:hover p {
  color: #000;
}
.spacer-hight {
  height: 300px;
}
#big .greybox {
  background-color: #f4f4f4;
  padding: 8px 11px;
  color: #707070;
  margin: 10px 0 14px 15px;
}
#big .greybox a {
  color: #606060;
  text-decoration: underline;
}
#big .greybox label {
  color: #888;
  font-size: 115%;
  float: left;
  width: 145px;
  margin: 0;
  line-height: 23px;
}
#big .greybox strong {
  font-size: 130%;
  margin: 0;
  line-height: 23px;
}
.modal_form label {
  width: 130px;
  text-align: right;
  margin-right: 3px;
  float: left;
}
.modal_form input,
.modal_form select {
  height: 21px;
  margin-bottom: 10px;
}
.modal_form {
  text-align: center;
  display: none;
}
.modal_form input[type="submit"] {
  width: 150px;
  margin: 5px 5px 0 0;
}
table#bonus_program_gifts .logo img {
  height: 55px;
}
table#bonus_program_gifts td {
  text-align: center;
  position: relative;
  width: 20%;
  height: 250px;
  font-size: 15px;
  color: #634521;
}
table#bonus_program_gifts td.dark {
  background-color: #f4f4f4;
}
table#bonus_program_gifts td.light {
  background-color: #fafafa;
}
table#bonus_program_gifts td .title {
  font-weight: bold;
  margin-top: 15px;
}
table#bonus_program_gifts td .desc {
  font-weight: normal;
  height: 55px;
  padding: 10px 10px;
  line-height: 17px;
}
table#bonus_program_gifts td .order_button a {
  display: block;
  height: 30px;
  padding-top: 4px;
  width: 100%;
  font-size: 14px;
}
table#bonus_program_gifts td.dark .order_button a {
  background: top center url('../images/design/order_bg_dark.png') no-repeat;
}
table#bonus_program_gifts td.light .order_button a {
  background: top center url('../images/design/order_bg_light.png') no-repeat;
}
table#bonus_program_gifts td .order_button a:link,
table td .order_button a:visited {
  color: white;
  font-weight: bold;
}
table#bonus_program_gifts td .order_button a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
table#bonus_program_gifts td .web {
  height: 30px;
}
table#bonus_program_gifts td .web a:link,
table td .web a:visited {
  font-weight: bold;
  color: #634521;
}
table#bonus_program_gifts td .web a:hover {
  text-decoration: underline;
}
table#bonus_program_gifts td .logo {
  margin: 25px 0;
}
table#bonus_program_gifts td label {
  float: none;
  font-size: 86%;
}
table#bonus_program_gifts td input {
  width: auto;
}
table#bonus_program_gifts td div.gifts div {
  text-align: center;
  height: 110px;
  padding: 10px 10px;
}
table#bonus_program_gifts td div.gifts div:hover {
  background-color: #ccc;
}
table#bonus_program_gifts td a {
  color: #c29d55;
}
#user_detail_gift_list {
  width: 100%;
  border-collapse: collapse;
  font-size: 110%;
  color: #707070;
}
#user_detail_gift_list td {
  background-color: #F4F4F4;
  border-bottom: 1px solid #C8C8C8;
  padding: 4px 15px;
}
#user_detail_gift_list td.odd {
  background-color: #E9E9E9;
}
#user_detail_gift_list td.points {
  color: #89B73B;
  font-weight: bold;
  text-align: right;
  padding-right: 60px;
}
#user_detail_gift_list td.extra_bonus {
  color: #89B73B;
  width: 120px;
  font-weight: bold;
}
#user_detail_gift_list tr.strong_line td {
  border-top: 2px solid #C8C8C8;
}
#user_detail_gift_list thead td {
  font-weight: bold;
}
#user_detail_gift_list.bp_voucher_list th.datum {
  width: 200px;
}
#user_detail_gift_list.bp_voucher_list th.kod {
  width: 200px;
}
#user_detail_gift_list.bp_voucher_list th.hodnota {
  width: 100px;
}
#user_detail_gift_list.bp_voucher_list th.klient {
  width: 200px;
}
#user_detail_gift_list.bp_voucher_list th.pdf {
  width: 60px;
}
#user_detail_gift_list.bp_voucher_list tbody td.kod {
  color: #89B73B;
  font-weight: bold;
}
.new_prices {
  display: none;
}
table.add_record th {
  background-color: #3f7f00;
}
table.user_list tr {
  background-color: #ccffcc;
}
table.user_list tr:hover {
  background-color: #edffed;
}
table.user_list tr.inactive {
  background-color: #ffdddd;
}
table.user_list tr.inactive:hover {
  background-color: #fcefef;
}
table.user_list td.user_name a {
  color: black;
}
table.user_list td.user_name a:hover {
  text-decoration: underline;
}
#big table.sport {
  border: 1px solid #666666;
  width: 100%;
  margin-bottom: 5px;
  background-color: #fff;
  border: 1px solid #666666;
}
#big table.sport tr td {
  padding: 2px 5px;
  border-bottom: 1px solid #666666;
}
#big table.sport tr td.lborder {
  border-left: 1px solid #bbbbbb;
}
#big table.sport tr td.day_1 {
  background-color: #ccffcc;
}
#big table.sport tr td.day_2 {
  background-color: #ffdddd;
}
#big table.sport tr td.day_3 {
  background-color: #fef9d3;
}
#big table.sport tr td.day_4 {
  background-color: #ceffff;
}
#big table.sport tr td.day_5 {
  background-color: #e4ccff;
}
#big table.sport tr td.day_6 {
  background-color: #e5e5e5;
}
#big table.sport tr td.day_7 {
  background-color: #b2b2b2;
}
#big table.sport tr.dark td {
  border-top: 1px solid #444;
}
#big table.sport thead {
  background-color: #dddddd;
}
#big table.sport thead tr {
  background-color: #dddddd;
  border: 1px solid black;
}
#big table.sport tbody .new_prices input {
  border: 1px solid #00e800;
}
#big table.sport input,
#big table.sport table.sport.add_record .submit {
  width: 60px;
}
table.sport.add_record input {
  width: 55px;
}
table.sport.add_record select {
  width: 40px;
}
#big table.rezervace .season_S td.name {
  background: #FFFF99;
}
#big table.rezervace .season_W td.name {
  background: #99CCFF;
}
#big table.rezervace.closed {
  width: 100%;
}
#work_shifts_form table tr td {
  background: none;
}
#work_shifts_form p a {
  color: #414141;
}
@media (max-width: 1024px) {
  .winter .fotbal,
  .winter .hokej,
  .winter .posilovna,
  .winter .squash,
  .winter .pingpong,
  .winter .tenis,
  .winter .badminton,
  .winter .club-classic {
    background: url("../images/rezervace_bg.png") repeat-y;
  }
  .summer .fotbal,
  .summer .hokej,
  .summer .posilovna,
  .summer .squash,
  .summer .pingpong,
  .summer .tenis,
  .summer .badminton,
  .summer .club-classic {
    background: url("../images/rezervace_bg.png") repeat-y;
  }
  .masaze {
    background: url("../images/rezervace_bg.png") repeat-y;
  }
  #sharp {
    background: none;
  }
}
.corner-flag {
  display: block;
  width: 6px;
  height: 6px;
  background-color: #00d6ff;
  position: relative;
  top: 0px;
  float: right;
}
.contact-helper {
  margin-right: 20px;
}
.contact-helper a {
  color: #C29D55;
  text-decoration: none;
}
#sport_items td,
#sport_items th {
  padding: 10px;
}