body, html, div, img, h1, h2, h3, h4, h5, h6, fieldset, form, label, ul, ol, li, p, a, span, legend {margin: 0; padding: 0; border: 0; font: 10pt/15pt 'Trebuchet MS', sans-serif;}
input, textarea, select {margin: 0; padding: 0; font: 10pt/15pt 'Trebuchet MS', sans-serif;}
div.clear, span.clear {display: block; clear: both; font-size: 0; height: 0; line-height: 0;}
a {color: #6e0300;}
a:hover {text-decoration: none;}

/* LAYOUT */
body {background: #DDDED0;}
#page {position: absolute; top: 0; left: 50%; margin-left: -460px; width: 920px; background: #a50000 url('img/bkg_top.gif') repeat-x;}
h1, h1 span {display: block; width: 920px; height: 236px; cursor: pointer; color: #92000C;}
h1 span {background: url('img/h1.gif') 44px 60px no-repeat; position: absolute; top: 0; left: 0;}
#inpage {margin-top: 30px; padding-left: 39px; background: url('img/bkg_page.gif') repeat-y;}
#two_right {float: right; width: 731px;}
#playground {float: left; width: 513px; padding: 35px;}
#right {float: left; width: 146px; padding: 1px;}
#left {float: right; width: 150px;}
#bottom {padding-left: 15px; line-height: 44px; background: #CBC99E; font-size: 8pt; color: #fff;}
#bottom a {font-size: 8pt; color: #fff; text-decoration: none;}
#header {position: absolute; top: 12px; right: 39px; border: 5px solid #F2E7B1; width: 529px; height: 193px; background: url('img/top_img.jpg') no-repeat;}
#flash_head {position: absolute; top: 0; left: 0; background: url('img/bkg_top.gif') top repeat-x;}
#flash_head_img {position: absolute; top: 12px; right: 39px; width: 539px; height: 203px;}

/* MENU */
#menu {display: block; list-style: none;}
#menu li {display: block; width: 148px; height: 33px; border: 1px solid #6C0009; margin-top: -1px;}
#menu li a, #menu li span.menu_item {color: #E87800; display: block; width: 108px; height: 13px; background: url('img/bkg_button.gif') no-repeat; padding: 10px 10px 10px 30px; text-decoration: none;}
#menu li a span, #menu li span.menu_item {color: #FFC000; font-weight: bold; font-size: 13px; line-height: 13px;}
#menu li a:hover, #menu li a.act, #menu li a.other {background-position: 0 -34px;}
#menu li a:hover span, #menu li a.act span, #menu li a.other span {color: #FFF;}
#menu li span.menu_item {display: block;}


/* LANG SELECTOR */
#lang_selector {position: absolute; right: 5px; top: 244px;}
#lang_selector a {display: block; float: left; width: 16px; height: 11px; margin: 0 3px;}
#lang_selector a span {display: none;}
#lang_selector a.cz {background: url('img/cz.png') no-repeat;}
#lang_selector a.de {background: url('img/de.png') no-repeat;}
#lang_selector a.en {background: url('img/gb.png') no-repeat;}

/* INSIDE */
div.ladder {font-size: 8pt; margin: 0 0 30px 0;}
div.ladder a {font-size: 8pt;}
h2, form h3.calculation {font-size: 14pt; margin: 0 0 30px 0; color: #E59100; font-weight: bold;}
div.page {}
div.page p {margin: 0 0 20px 0;}
div.page h3, div.page a.title, h3 {font-size: 11pt; color: #870000; margin: 0 0 20px 0; clear: both; font-weight: bold;}
div.page h3.gallery, h3.gallery {font-size: 10pt; font-weight: bold; background: #91000C; color: #FFC000; margin: 0 0 5px 0; padding: 5px 10px;}
div.page ul, div.page.ol {margin: 0 0 20px 20px; list-style: square;}
div.page img {border: 4px solid #CBCAB4; margin: 0 10px 10px 0;}
div.page img.left {float: left;}
div.page table {border-collapse: collapse; margin-bottom: 20px;}
div.page table td, div.page table th {text-align: center; border: 1px solid #E1DAB8; background: #CBC99E; padding: 5px 15px;}
div.page table th {background: #B9B890;}
div.page table th.top {background: #91000C; color: #FFC000;}
div.page table.informace td, div.page table.informace th {font-size: 8pt; padding: 5px; text-align: left; line-height: 10pt;}
div.page table.informace td a {font-size: 8pt;}
a.vseinfo {color: #E87800; display: block; float: left; font-weight: bold; width: 108px; line-height: 35px; background: url('img/bkg_button.gif') no-repeat; padding: 0 0 0 30px; text-decoration: none;}
table.transparent {clear: left;}
div.page table.transparent td {vertical-align: top; text-align: left; background: none;}
table.bordtop {border-top: 3px solid #91000C;}

/* IMAGES */
div.image_gallery {float: right;}
div.image_gallery div.image {padding: 5px;}
div.image_gallery div.image image {display: block; margin-bottom: 5px;}
div.image_gallery div.image a {color: #E1DAB8; font-size: 8pt; text-decoration: none; display: block;}
div.image_gallery div.image a span {display: none;}
div.page table.img {border-collapse: collapse; margin: 0 0 20px 0; border-bottom: 5px solid #B9B890;}
div.page table.img td {padding: 0 4px 6px 0; background: none;}
div.page table.img td.odd {padding-right: 0;}
div.page table.img td a {padding: 0; text-decoration: none;}
div.page table.img td a img {margin: 0;}
div.page table.img td a span {display: none;}
div.page table.img td.img a span {display: block; background: #CBCAB4; color: #000; font-size: 9pt;}

/* RIGHT */
#right h4 {margin: 1px; background: #91000C; color: #fff; text-align: center; padding: 10px 0; font-size: 11pt; font-weight: bold;}
#kemp_vltava {width: 146px; height: 70px; background: url('img/logo_kemp.jpg') no-repeat; display: block; clear: both;}
#ratan {width: 146px; height: 88px; background: url('img/logo_ratan.gif') no-repeat; display: block; clear: both; margin-top: 10px;}
#vino {width: 146px; height: 102px; background: url('img/logo_vino.jpg') no-repeat; display: block; clear: both; margin-top: 10px;}
#kemp_vltava span, #ratan span, #vino span {display: none;}

/* FORM */
form {margin: 20px;}
form h3 {font-size: 12pt; color: #335F00; margin-bottom: 20px; font-weight: bold;}
form div.row {padding: 10px 0; clear: both; display: block;}
form label {width: 130px; float: left; clear: both; display: block; text-align: right; margin: 5px; color: #313131;}
form input, form select, form textarea {margin: 2px; float: left; padding: 2px; width: 200px;}
form textarea {height: 200px;}
form label.error {color: #f00000;}
form label.required {font-weight: bold;}
form input.error {border-color: #f00000;}
form input.submit {width: auto; margin: 10px 200px 10px 0px; float: right;}
form input.alone {margin: 4px;}
form fieldset {display: block; width: 100%;}
form input.checkbox {border:0; margin: 9px 5px; width: auto; display: block;}
form p.form_error {color: #f00000; padding: 5px; float: left;}
#div__date_range input {width: 100px;}

#reset_calc2, #reset_calc3 {float: left; margin: 10px 10px 10px 10px;}
#div_ucast1 label, #div_ucast2 label, #div_ucast3 label {width: 300px;}
#div_ucast1 input, #div_ucast2 input, #div_ucast3 input {width: 30px;}
#div_owner label {width: 330px;}
#calc2 input, #calc2 select {width: 80px;}
#calc2 input.submit {width: auto;}
#calc2 label, #calc3 label {width: 350px; font-size: 9pt;}

#total_price {display: none; float: right; border: 2px solid #91000C; padding: 5px; margin-top: -65px;}


#reference {margin:3px 0 0 0; background: #910003 url('img/bkg_menu.jpg') no-repeat; border-bottom: 1px solid #6C0009; border-left: 1px solid #6C0009; width: 138px; padding-left: 10px;}
#reference h3 {color: #fff; margin: 8px 0 10px 5px; font-size: 10pt;}
#reference input {width: 120px; margin: 0;}
#reference div.row {padding: 0;}
#reference input.submit {margin: 10px;  width: auto; float: right; font-size: 9pt; color: #FFC000; border: 2px solid #FFC000; background-color: #6b0009; padding: 3px;}
#reference label {text-align: left; color:#fff; font-size: 9pt;}
#reference p.form_error {color: #FFC000;}

/* CALENDAR */
.legend {font-style: oblique; font-size: 7pt; line-height: 10pt; padding-right: 20px;}
#holder1 {margin-left: 27px;}
#holder2 {margin-left: 225px;}
div.panel, div.red_panel, div.orange_panel {border: 1px solid #B9B890; padding: 1px 0;}
div.panel table td {padding: 0;}
.panel, .red_panel, .orange_panel  {border: 1px solid #B9B890; background-color: #E1DAB8; border-width: 0 1px;}
.row_head {background-color: #E1DAB8; border: 1px solid #E1DAB8; border-width: 0 1px;}
.head {line-height: 21px; font-weight:bold; text-align:center; background-color: #91000C; color: #FFC000; cursor:default; border: 1px solid #E1DAB8; border-width: 0 1px;}
.arrow_prev, .arrow_prev_over, .arrow_prev_down, .arrow_next, .arrow_next_over, .arrow_next_down {width: 19px; line-height: 21px; text-decoration: none; font-weight: bold; background: #BC0010; border: 1px solid #E1DAB8; color: #FFC000; cursor:pointer;}
.row_week {border: 1px solid #E1DAB8; border-width: 0 1px;}
.weekday {line-height: 21px; width:23px; text-align:center; background: #B9B890; border: 1px solid #E1DAB8; color: #000; padding:1px; cursor:default; font-weight: bold;}
.row_day {padding: 0 1px;}
.day_over, .day_red, .day_orange, .day_down, .day_empty, .day_disabled, .day_current, .day_special, .day_other, .day_other_over, .day_other_current, .day
	{line-height: 23px; width:23px; text-align:center; color:#000; background-color:#CBC99E; border:1px solid #E1DAB8; padding:1px; cursor:pointer;}

.day_over {}
.day_down {}
.day_empty {}
.day {background: url('img/bkg_reservation.gif') center center repeat-x;}
.day_red, .day_over .day_red {background: #F97300;}
.day_orange, .day_over .day_orange {background: #D8002C;}
.info {display: none;}
.day_disabled {color: #E1DAB8; text-decoration: line-through; cursor:default;}
.day_current {background: #fff; font-weight: bold;}
.day_special {}
.day_other {font-size: 6pt;}
.day_other_over {font-size: 6pt;}
.day_other_current {font-size: 6pt;}
.row_foot {margin:1px;}
.foot, .foot_over, .foot_down {width: 50px; line-height: 19px; text-decoration: none; font-weight: bold; background: #E96000 url('img/bkg_submit.gif') repeat-x; border: 1px solid #FFB078; border-bottom: 0; border-right-color: #E96000; color: #BF2C13; cursor:pointer;}

table.calendar {width: 513px; border-collapse: collapse;}
table.calendar th {height: 21px; font-weight:bold; text-align:center; background-color: #91000C; color: #FFC000; width: 250px; border: 2px solid #E1DAB8; border-width: 0 8px 2px 6px;}
table.calendar td {padding: 1px 5px; width: 250px;}
.red_panel .day {cursor: default; background: #D8002C;}
.orange_panel .day {cursor: default; background: #F97300;}
.red_panel .day_over, .red_panel .day_down, .red_panel .day_empty, .red_panel .day_disabled, .red_panel .day_current, .red_panel .day, .red_panel .day_other,
.orange_panel .day_over, .orange_panel .day_down, .orange_panel .day_empty, .orange_panel .day_disabled, .orange_panel .day_current, .orange_panel .day, .orange_panel .day_other
	{line-height: 31px; width: 31px;}
.red_panel .arrow_prev, .red_panel .arrow_prev_over, .red_panel .arrow_prev_down, .red_panel .arrow_next, .red_panel .arrow_next_over, .red_panel .arrow_next_down, .red_panel .row_head,
.orange_panel .arrow_prev, .orange_panel .arrow_prev_over, .orange_panel .arrow_prev_down, .orange_panel .arrow_next, .orange_panel .arrow_next_over, .orange_panel .arrow_next_down, .orange_panel .row_head
	{display: none;}
.red_panel .weekday, .orange_panel .weekday {line-height: 31px; width: 31px; text-align:center; background: #B9B890; border: 1px solid #E1DAB8; color: #000; padding:1px; cursor:default; font-weight: bold;}
table.legenda {margin-left: 10px;}

table.calendar table.calendars {border-collapse: collapse; margin-bottom: 30px;}
table.calendar table.calendars th {line-height: 31px; font-weight:bold; text-align:center; background-color: #B9B890; color: #000; width: 29px; border-width: 2px; padding: 0;}
table.calendar table.calendars td {padding: 0;  border: 2px solid #E1DAB8; width: auto;}
table.calendar table.calendars td span {display: block; line-height: 31px; text-align:center; background-color: #CBC99E; color: #000; width: 33px; padding: 0; border: 0;}
table.calendar td.app111 table.calendars td span.free {background-color: #D8002C;}
table.calendar td.app222 table.calendars td span.free {background-color: #F97300;}


/* GOOGLE MAPS */

div.page div.google_okolo {background: #CBCAB4; padding: 4px;}
div.page div.google_okolo p {margin: 6px;}
#google_map {width: 505px; height: 505px;}
#google_map_bubble {width: auto; background: none;}
#google_map_bubble td {width: auto; background: none; padding: 4px; border: 0;}
#google_map_bubble th {width: auto;  background: #7A000A; padding: 4px; border: 0;}
#google_map_bubble img {border: 0; margin: 0;}
#google_map_bubble td input, #google_map_bubble td label {width: 100px; font-size: 8pt; margin: 5px; display: block; float: left; clear: left;}
#google_map_bubble td label {text-align: left; margin-left: 26px;}
#google_map_bubble td input {font-size: 8pt !important;}