/* CSS Document
   ============================================================================

   Author: Libuše Chudá (Bibi Violet)
   Project: Arkády Pankrác

============================================================================ */

/* ============================================================================
   Tags
=============================================================================== */

body {
  margin:0;
  padding:0;
  font-family:Arial,sans-serif;
  color:#49281a;
  font-size:14px;
  line-height:1.65;
  background:#462b1b url(../images/body.jpg) repeat-x center top;
}

a img {
  border:0;
}

form {
  margin:0;
  padding:0;
}

h1,h2,h3 {
  margin:0;
  padding:0;
  line-height:1.2;
}

h1 {
  color:#42271b;
  font-size:30px;
  padding:0 0 20px 0;
  margin:0 0 15px 0;
  border-bottom:1px solid #dfd5bd;
}

h2,h3,.header {
  color:#729d00;
  font-family:Georgia;
  font-weight:normal;
  margin:12px 0;
}

h3 {
  font-size:20px;
}

h2 {
  font-size:24px;
}

a,a:link,a:active {
  color:#729d00;
}

a:hover {
  color:#000;
  text-decoration:none;
}

a:visited {
  color:#49281a;
}

ul {
  margin:25px 0;
  padding:0;
}

ul li {
  margin:0;
  padding:0 0 0 15px;
  list-style-type:none;
}

form {
 margin:0;
 padding:0;
}

/* ============================================================================
   Classes
=============================================================================== */

.nocss-sep {
  display:none;
}

.hidden {
  display:none !important;
}

.clear {
  clear:both;
}

.cufonize {
  letter-spacing:-0.25px;
}

.green {
  color:#729d00 !important;
}

.no-margin {
  margin:0;
}

.margin-box {
  margin:20px 0;
}

.bold {
  font-weight:bold;
}

.t-right {
  text-align:right;
}

/* ============================================================================
   Layout
=============================================================================== */

#layout {
  width:1018px;
  margin:0 auto;
  position:relative;
  height:1000px;
}

#header {
  height:150px;
  background:transparent url(../images/header.png) no-repeat 0 0;
  padding:0 40px;
}

#content {
  background:transparent url(../images/layout.png) repeat-y 0 0;
  padding:10px 80px;
}

#footer {
  height:115px;
  background:transparent url(../images/footer.png) no-repeat 0 0;
  clear:both;
  margin-bottom:20px;
}

/* ============================================================================
   Header
=============================================================================== */

#logo {
  width:231px;
  height:0;
  padding-top:109px;
  overflow:hidden;
  background:transparent url(../images/logo.png) no-repeat 0 20px;
  display: block;
}

.motto {
  position:absolute;
  right:42px;
  top:35px;
  font-size:18px;
  color:#fff;
  text-align:right;
  line-height:1.2;
}

.motto strong {
  font-size:14px;
}

.note {
  font-style:italic;
  color:#865d4c;
  font-size:12px;
}

/* ============================================================================
   Menu
=============================================================================== */

ul#menu {
  margin:0;
  padding:0;
  border-top:1px solid #dfd5bd;
}

ul#menu li {
  margin:0;
  padding:0;
  border-bottom:1px solid #dfd5bd;
}

ul#menu li a {
  text-decoration:none;
  padding:5px 0 5px 30px;
  color:#90ad43;
  font-weight:bold;
  background:transparent url(../images/menu.jpg) no-repeat 10px 9px;
  display: block;
}

ul#menu li a.active {
  background:transparent url(../images/menu-hover.jpg) no-repeat 10px 9px;
  color:#42271b;
}

ul#menu li a:hover {
  background:#dfd5bd url(../images/menu-active.jpg) no-repeat 10px 9px;;
}


/* ============================================================================
   Footer
=============================================================================== */

#footer {
  padding:35px 80px 0 80px;
  color:#42271b;
  font-size:12px;
}

#footer ul {
  margin:0;
  width:100%;
  height:35px;
}

#footer ul li {
  float:left;
  padding:0;
  margin:0 15px 0 0;
}

#footer ul li a {
  padding:0px 15px 0px 0;
  display: block;
  text-decoration:none;
  border-right:1px solid #735944;
  color:#682000;
  
}

#footer a {
  color:#682000;
}

#footer ul li a.active {
  color:#42271b;
}

#footer ul li.last a {
  border:0;
}

#footer ul li a:hover {
  text-decoration:underline;
}

.footer-left {
  float:left;
}

.footer-right {
  float:right;
}


/* ============================================================================
   Main
=============================================================================== */

.main-left {
  width:180px;
  float:left;
}
.main-right {
  width:645px;
  float:right;
}


.promo-box {
  height:341px;
  position:relative;
  overflow:hidden;
}

.promo-box.small {
  height:247px;
  margin:0 0 20px 0;
  overflow:hidden;
}

.promo-box-round-top {
  width:638px;
  height:3px;
  position:absolute;
  top:0;
  left:0;
  background:transparent url(../images/promo.png) no-repeat 0 0;
  z-index:999;
}

.promo-box-round-bottom {
  width:638px;
  height:3px;
  position:absolute;
  bottom:0;
  left:0;
  background:transparent url(../images/promo.png) no-repeat left bottom;
  z-index:999;
}

ul.promo-menu {
  position:absolute;
  bottom:0;
  left:0;
  width:640px;
  height:106px;
  margin:0;
  z-index:1;
}

ul.promo-menu li {
  width:127px;
  height:87px;
  float:left;
  padding:0;
  margin:0 1px 0 0;
}

ul.promo-menu li a {
  font-size:14px;
  text-decoration:none;
  color:#fff !important;
  font-weight:bold;
  display: block;
  width:98px;
  height:57px;
  background:transparent url(../images/promo-menu.png) repeat-x 0 19px;
  line-height:18px;
  padding:34px 15px 15px 15px;
}

ul.promo-menu li a:hover {
  background:transparent url(../images/promo-menu-hover.jpg) repeat-x 0 19px;
}

ul.promo-menu li a.active {
  background:transparent url(../images/promo-active.png) no-repeat 0 0;
  padding:19px 15px 30px 15px;
}

.promo-text {
  position:absolute;
  top:20px;
  left:30px;
  color:#fff;
}

.promo-text big {
  font-size:24px;
  font-weight:bold;
}

.promo-text big.mini {
  font-size:19px;
  font-weight:bold;
}

.promo-text a {
  font-weight:bold;
  text-decoration:none;
  font-size:16px;
  color:#90ad43 !important;
  float:left;
}

.arrow {
  width:10px;
  height:8px;
  display: block;
  background:transparent url(../images/promo-arrow.png) no-repeat 0 0;
  float:left;
  margin:8px 5px 0 0;
  line-height:1;
  padding:0;
  font-size:1px;
}

.main-box h2 {
  color:#42271b;
  font-size:18px;
  border-bottom:1px solid #dfd5bd;
  padding:20px 0 10px 0;
}

.news-item {
  width:199px;
  float:left;
  margin-right:10px;
  font-size:12px;
}

.news-item.last {
  margin:0;
}

.news-item h3 {
  margin:0;
}

.news-item h3 a {
  font-size:16px;
  font-family:arial;
  font-weight:bold;
}

.news-item .date {
  color:#9e8276;
}

.main-right-left {
  width:245px;
  float:left;
}

.main-right-right {
  width:355px;
  float:right;
}

.calendar {
  width:225px;
  height:257px;
  padding:10px;
  background:transparent url(../images/calendar-bg.jpg) no-repeat 0 0;
}

.calendar table {
  width:100%;
  text-align:center;
  line-height:1;
}

.calendar table.top td.prev,.calendar table.top td.next {
  width:16px;
}

.calendar table.top {
  height:43px;
  color:#fff;
}

.calendar table.top td.prev a,.calendar table.top td.next a {
  width:16px;
  height:0;
  padding-top:16px;
  display: block;
  overflow:hidden;
  margin:3px 0 0 0;
}

.calendar table.top td.prev a {
  background:transparent url(../images/calendar-prev.jpg) no-repeat 0 0;
}

.calendar table.top td.next a {
  background:transparent url(../images/calendar-next.jpg) no-repeat 0 0;
}

.calendar table.top td {
  vertical-align:top;
}

.calendar table.top td.month {
  font-weight:bold;
  font-size:18px;
  line-height:1;
}

.calendar table.days td {
  font-size:12px;
  width:28px;
  height:28px;
  overflow:hidden;
  padding:0;
}

.calendar table.days {
  position:relative;
  left:-5px;
  top:0;
  margin:0;
}

.calendar table.days td a {
  width:28px;
  height:20px;
  background:transparent url(../images/calendar-item.jpg) no-repeat 0 0;
  display: block;
  color:#fff;
  text-decoration:none;
  font-weight:bold;
  text-align:center;
  padding:8px 0 0 0;
}

.calendar table.days td a.today {
  background:transparent url(../images/calendar-item-today.jpg) no-repeat 0 0;
}

table.weather {
  width:100%;
  text-align:center;
  font-size:12px;
}

table.weather td {
  width:22%;
  padding:0 0 5px 0;
  border-right:1px solid #dfd5bd;
}

table.weather td span {
  font-weight:bold;
  font-size:14px;
}

table.weather td.last {
  border:0;
}

table.weather td.first {
  width:32%;
}

table.weather.days {
  border-top:1px solid #dfd5bd;
  margin:15px 0 0 0;
}

table.weather.days td {
  width:25%;
  border:0;
  padding:10px 0 0 0;
}

.left-box {
  margin:40px 0;
}

.left-box a {
  text-decoration:none;
  color:#42271b;
  font-weight:bold;
  line-height:16px;
  display: block;
  clear:both;
  background:transparent url(../images/main-arrow.jpg) no-repeat 60px 40px;
  height:50px;
}

.left-box a img {
  float:left;
}

.left-box a span {
  margin:5px 0 0 0;
  display: block;
  float:left;
}

.hr {
  height:1px;
  border-bottom:1px solid #dfd5bd;
  clear:both;
}

.left-box .hr {
  margin:0 0 15px 0;
  padding:10px 0 0 0;
}

.left-box a:hover {
  color:#90ad43;
}

.text-page {
  padding:10px 25px;
}

.text-page cite,.special-box {
  padding:20px 30px;
  border:1px solid #e5d4a8;
  background:#ecdbab url(../images/cite.jpg) repeat 0 0;
  display: block;
  font-style:italic;
  margin:40px 0;
  text-align:center;
  font-family:georgia;
  font-size:17px;
  line-height:26px;
}

.special-box {
  margin:0;
}

.main-right li {
  background:transparent url(../images/li.jpg) no-repeat 0 8px;
}

.main-right ul.promo-menu li {
  background:transparent;
}

/* rezervace */

.reservation {
  margin:60px 0 0 0;
}

.reservation h2 {
  margin:25px 0 15px 0;
}

.special-box-2 {
  padding:20px;
  border:1px solid #e6dbbc;
  background:#efe4c3 url(../images/special-box-2.jpg) repeat 0 0;
  position:relative;
}

.special-box-2 .arrow {
  width:48px;
  height:25px;
  background:transparent url(../images/special-box-2-arrow.jpg) repeat 0 0;
  position:absolute;
  bottom:-25px;
  right:30px;
}

.res-table {
  font-size:12px;
}

.res-table th,.res-table td {
  padding:2px 20px 2px 0;
}

.res-table th {
  font-weight:normal;
  text-align:left;
}

input.text {
  border:1px solid #d5c9a8;
  background:#fff none;
  padding:2px 5px;
}

input.error{
    border: 1px solid red;
}

select.error{
    border: 1px solid red;
}

#stornoError{
    min-height: 100px !important;
}

label {
  margin:0 10px 0 5px;
}

.res-table input.text {
  width:150px;
}

.res-table select {
  width:150px;
}

a.pick-date {
  display: block;
  width:15px;
  height:0;
  padding-top:15px;
  overflow:hidden;
  position:absolute;
  left:142px;
  top:4px;
  background:transparent url(../images/pick-date.jpg) no-repeat 0 0;
  float:left;
}

td div.date {
  position:relative;
}

strong.small {
  font-size:12px;
}

.f12 {
  font-size:12px;
}

.special-box-2.check {
  text-align:center;
  margin:35px 0 0 0;
}

.reservation .button {
  text-align:center;
}

.reservation input.submit {
  width:190px;
  height:40px;
  background:transparent url(../images/button.jpg) no-repeat 0 0;
  border:0;
  color:#fff;
  text-transform:uppercase;
  font-weight:bold;
  font-family:arial;
  font-size:12px;
  margin:40px 0 0 0;
}

.promo-box-border {
  width:638px;
  height:241px;
  padding:3px;
  background:transparent url(../images/free-time-promo.jpg) no-repeat 0 0;
}

.free-time h1 {
  margin:25px 0 25px 0;
  padding:0;
  border:0;
}

ul.tab-menu {
  margin:0;
  padding:0 0 0 15px;
  height:37px;
  background:transparent url(../images/tab-menu.jpg) repeat-x left bottom;
  overflow:hidden;
}

ul.tab-menu li {
  float:left;
  padding:0;
  background:none;
  margin:0 5px 0 0;
  height:37px;
  width:auto;
  
}

ul.tab-menu li span {
  display: block;
  float:left;
}

ul.tab-menu li a span.tab-l,ul.tab-menu li a span.tab-r {
  width:5px;
  height:37px;
  font-size:0;
  overflow:hidden;
}

ul.tab-menu li a span.tab-m {
  height:30px;
  padding:7px 5px 0 25px;
  font-weight:bold;
  background:transparent url(../images/menu.jpg) no-repeat 5px 12px;
}

ul.tab-menu li.active a span.tab-m,ul.tab-menu li a:hover span.tab-m {
  background:transparent url(../images/menu-hover.jpg) no-repeat 5px 12px;
}

ul.tab-menu li.active a,ul.tab-menu li a:hover {
  color:#482e21;
}

ul.tab-menu li.active {
  background:transparent url(../images/tab-m.jpg) repeat-x 0 0;
}

ul.tab-menu li a {
  color:#90AD43;
  text-decoration:none;
  cursor:pointer;
}

ul.tab-menu li.active a span.tab-l {
  background:transparent url(../images/tab-l.jpg) no-repeat 0 0;
}

ul.tab-menu li.active a span.tab-r {
  background:transparent url(../images/tab-r.jpg) no-repeat 0 0;
}

.tab-content {
  padding:20px 30px;
}

.tab-content .special-box {
  margin:20px 0 0 0;
}

.header {
  font-size:18px;
  line-height:1.2;
  margin:35px 0 15px;
}

.free-time-table {
  width:100%;
  border-top:1px solid #90ad43;
}

.free-time-table td,.free-time-table th {
  padding:7px 15px;
  border-bottom:1px solid #90ad43;
}

.free-time-table th {
  font-weight:normal;
  text-align:left;
  width:410px;
}

.free-time-table tr.row-0 td,.free-time-table tr.row-0 th {
  background:transparent url(../images/tr.jpg) repeat 0 0;
}

.special-box-2 h3 {
  margin:0px 0 15px 0;
}

.free-time h2 {
  margin:35px 0 15px;
}

.special-box-2 div.img {
  width:187px;
  height:166px;
  background:transparent url(../images/free-time-img.jpg) no-repeat 0 0;
  float:right;
  padding:15px 0 0 29px;
  position:relative;
}

.history .special-box-2 {
  margin:0 0 17px 0;
}

#contact-table{
    width: 650px;
    height: 130px;
}

#contact-table td{
    vertical-align: top;
}

#loading{
    background: url(../images/ajax-loader.gif) no-repeat center center;
    width: 50px;
    height: 51px;
    position: absolute;
    left: 270px;
    top: 100px;
}

.new th{
    width: 150px;
}

.new th:first-child{
    width: 355px;
}

.new td{
    text-align: right;
}