@media screen {
/* common */
body {color: #333; background: url(../gfx/bgBody.png) top left repeat-x; background-color: #ADA89C; font-family: Arial, Helvetica, sans-serif; text-align: center; border: 0; margin: 0; padding-bottom: 10px;}
input, select, textarea {font-family: Arial, Helvetica, sans-serif; font-size: 100%;}
h1, h2, h3, h4, h5 {margin: 0;}

h1 {position: absolute; top: 20px; left: 44px;}

h3, h4 {color: #66c; margin-bottom: 5px;}
h3 {font-size: 1em;}
h4 {font-size: .9em; margin-bottom: 10px;}
h5 {color: #665E50; font-size: .9em; font-weight: normal; margin: 12px 0 3px 0;}

hr {overflow: hidden; clear: both; border: solid #B9C1C6; border-width: 1px 0 0 0; margin: .6em 0; padding: 0; height: 1px;}
p {font-size: .9em; line-height: 1.4em; margin: 0 0 1.33em 0;}
ul {font-size: .9em; list-style: none; margin: .6em 0 1.33em 0; padding: 0;}
ol {font-size: .9em; list-style: decimal; margin: .6em 0 1.33em 0; padding: 0;}
ul ul, ul ol, ol ol, ol ul {margin: 0 0 0 20px;}
ul li, ol li {margin-bottom: .6em;}

img {border: 0;}

fieldset {background: #F3F1F1; font-size: .9em; clear: both; border: 0; border-top: 4px solid #CFF1AD; padding: 12px; margin: 0 .05em 2em .05em;}

table {font-size: .8em; margin: .6em 0;}
th, td {font-family: Tahoma, Arial, Helvetica, sans-serif; text-align: center; padding: 5px 10px;}
th {color: #665E50; background: #F7F7C7; line-height: 1.4em; vertical-align: top;}
td {background: #F3F1F1;}
th span {font-weight: normal;}

abbr, acronym, dfn {border-bottom: 1px dashed; cursor: help; color: #693;}

a {color: #f90;}
a:active, a:focus {background: #fff;}
a:hover {text-decoration: none;}

/* layout */
#case {background: #fff; text-align: left; margin: 0 auto; position: relative; width: 860px;}
#hlava {background: url(../gfx/bgHlava.png) top left no-repeat; position: relative; border-bottom: 4px solid #fff; padding: 0 8px; height: 370px;}
#obsah {background: url(../gfx/bgObsah.gif) top right repeat-y; padding: 0 8px;}
#leftHolder {float: left; padding-bottom: 25px; width: 593px;}
#left {margin: 25px 25px 0 25px;}
#rightHolder {float: right; width: 251px;}
#right {background: #E3E8FF; padding: 25px 25px 0 25px;}
#pata {background: url(../gfx/bgPata.gif) top right no-repeat; background-color: #CFF1AD; font-size: .75em; border-bottom: 8px solid #fff; margin: 0 8px; padding: 12px 25px 0 25px;}

.yellow, .blue {float: right; padding-top: 12px; width: 251px;}
.yellow {background: #EDE7A7; border-bottom: 4px solid #fff; margin-top: 68px;}
.blue {background: #9FABDF; clear: right;}

img#head {position: absolute; border: 4px solid #fff; top: 27px; left: 226px; width: 367px; height: 314px;}

/* content */
h1 a, h1 a span {background: url(../gfx/Logo.png); display: block; width: 148px; height: 102px;}
h1 a {position: relative; z-index: 1; overflow: hidden;}
h1 a span {position: absolute; z-index: 2; top: 0; left: 0; cursor: pointer;}

.yellow h2, .blue h2 {font-size: 1em; margin: 0 25px 2px 25px;}
.yellow h2 {color: #868147;}
.blue h2 {color: #fff;}
.yellow p, .blue p {margin: 0 25px .6em 25px;}
.yellow p, .yellow a {color: #5E560C;}
.blue p, .blue a {color: #1C2850;}
.blue a.reserve {color: #fff; background: #66c; font-size: 1em; text-decoration: none; padding: 1px 5px; border: 1px outset #66c;}

ul#menu {background: #D1F0AD; font-family: Arial, Helvetica, sans-serif; font-size: 1em; margin: 0; padding: 0; position: relative; top: 200px; left: 32px; width: 185px;}
ul#menu li {color: #693; background: none; margin: 0 0 .4em 0;}
ul#menu a {color: #693; text-decoration: none; font-weight: bold;}
ul#menu a:hover {text-decoration: underline;}

#obsah h2 {color: #88909F; font-family: Georgia, serif; font-size: 1.3em; font-style: italic; margin-bottom: 15px;}
#obsah p, #pata p {line-height: 1.5em;}
#obsah ul li {background: url(../gfx/Bullet.gif) 0% 50% no-repeat; padding-left: 12px;}
a.reserve {color: #fff; background: #f90; font-size: .9em; text-decoration: none; padding: 1px 5px; border: 1px outset #f90;}
#right a {color: #f60;}

table.cenik {width: 540px;}

form table {border: 0;}
form td {text-align: left; padding-bottom: .5em;}
input {width: 185px;}
select {width: 189px;}
textarea {width: 398px; height: 120px;}
label.red {color: #66c;}
#pristylka, #postylka {margin: 1px 1px 0 0; width: auto;}
#oa, #on, #va, #vn {position: relative; top: 2px; width: auto;}
#prijezd, #odjezd {width: 165px;}
#dospeli, #deti {width: 54px;}
#submit {width: auto;}

p#tel {color: #693; font-family: Arial, Helvetica, sans-serif; font-size: .9em; font-weight: bold; position: absolute; top: 12px; right: 18px; margin: 0;}
p#lang {position: absolute; top: 42px; right: 13px;}
p#lang a, p#lang a span {display: block; width: 24px; height: 16px;}
p#lang a {position: relative; z-index: 1; overflow: hidden; float: left; margin-right: 5px;}
p#lang a span {position: absolute; z-index: 2; top: 0; left: 0; cursor: pointer;}

a#vCs, a#vCs span {background: url(../gfx/vCs.gif);}
a#vDe, a#vDe span {background: url(../gfx/vDe.gif);}
a#vEn, a#vEn span {background: url(../gfx/vEn.gif);}

#pata p {margin-bottom: 1em;}
#pata p a {color: #693; text-decoration: none;}
#pata p a:hover {text-decoration: underline;}
#pata p.vm {float: right; position: relative; top: 16px;}

.galerie {margin-bottom: 20px;}
.nahled {text-align: center; display: inline; float: left; border: 1px solid #B9C1C6; margin: 0 24px 24px 0; padding: 15px 0 10px 0; width: 155px;}
.nahled p {font-size: .75em; margin: 0 15px;}
.nahled p a {color: #333; text-decoration: none;}
.nahled p a:hover {text-decoration: underline;}
.nahled img {margin: 0 auto 5px auto;}

/* pre-defined */
.center {text-align:center;}
.right {text-align:right;}
.normal {font-weight: normal;}
.fl {float:left;}
.fr {float:right;}
.il {margin: 4px 25px 10px 0;}
.ir {margin: 4px 0 10px 25px;}
.noscr {visibility: hidden; overflow: hidden; clear: both; border: 0; margin: 0; padding: 0; height: 0;}
.clr {clear: both;}
.red {color: #c00;}
}

@media print {
body {font-family:georgia, serif;}
table {border-collapse: collapse; border: 0;}
th, td {border: 1px solid;}
.noprint, .noscr, #nav, #note {display: none;}    
}