/* common */
* {margin: 0; padding: 0;}

img {border: 0;}
table {font-size: 100%;}
th {text-align: left;}

a:hover {text-decoration: none;}

.clnr {font-size: 0; clear: both;}
.fr {float: right;}
.fl {float: left;}

.right {text-align: right;}

.red {color: #BC4221;}

/* elements */
body {color: #000; background: url(../graphics/bgBody.jpg) top left repeat; background-color: #EBE8E3; font-family: Georgia, serif; text-align: center;}

h1 {position: absolute; top: 35px; left: 15px;}
h2 {color: #BE674F; font-size: 110%; font-style: italic; margin-bottom: 12px;}
form {margin-bottom: 15px;}

/* layout */
#main {background: url(../graphics/bgMain.gif) top left repeat-x; text-align: left; position: relative; margin: 0 auto; width: 920px;}
#header {background: url(../graphics/bgHeader.gif) top right repeat-y; position: relative; height: 115px;}
#menu {background: url(../graphics/bgLight.gif) top right; font-size: 75%; font-weight: bold; padding: 6px;}
#content {padding: 15px 0 0 15px;}
#leftHolder {float: left; width: 395px;}
#left {padding: 0 21px 0 0;}
#rightHolder {float: right; width: 501px;}
#footerHolder {background: url(../graphics/bgDark.gif) top left; margin: 15px 0 0 15px; padding: 6px 6px 0 6px;}
#footer {background-color: #DED6CC; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 70%; padding: 15px 15px 40px 15px;}

/* header */
h1 a, h1 a span {background: url(../graphics/Logo.png) top left no-repeat; display: block; width: 220px; height: 59px;}
h1 a {position: relative; z-index: 1; overflow: hidden;}
h1 a span {position: absolute; z-index: 2; top: 0; left: 0;}

#adresa {background: url(../graphics/bgAdresa.png) top left no-repeat; position: absolute; top: 0; left: 592px; width: 298px; height: 136px;}
#adresa table {font-family: Arial, Helvetica, sans-serif; font-size: 80%; line-height: 1.4em; margin: 30px 0 0 26px;}
#adresa th {color: #BE674F; text-align: right; vertical-align: top;}
#adresa td {padding-left: 10px;}
#adresa a {color: #000;}

.adresa th {vertical-align: top;}

#lang {position: absolute; top: 75px; left: 480px;}
#lang a, #lang a span {background: left bottom no-repeat; display: block; width: 22px; height: 15px;}
#lang a {float: left; position: relative; z-index: 1; overflow: hidden; margin-right: 7px;}
#lang a span {position: absolute; z-index: 2; top: 0; left: 0;}
#lang a:hover, #lang a:hover span {background-position: top;}

#lang a#cs, #lang a#cs span {background-image: url(../graphics/fCs.gif);}
#lang a#de, #lang a#de span {background-image: url(../graphics/fDe.gif);}
#lang a#en, #lang a#en span {background-image: url(../graphics/fEn.gif);}

/* menu */
#menu p {color: #665E50; background: #F7F4F2; padding: 10px 10px 9px 8px;}
#menu a {color: #665E50; text-decoration: none; margin: 0 5px;}
#menu a:hover, #menu a.current {text-decoration: underline;}
#menu a.current {color: #BE674F;}

/* content */
#content p {line-height: 1.3em; margin-bottom: 1em;}
#content a {color: #BC4221;}
#content ul {list-style: none; margin: .33em 0 1em 0;}
#content ul li {background: url(../graphics/Li.gif) 0px 5px no-repeat; margin-bottom: .4em; padding-left: 20px;}

#content table {font-family: Arial, Helvetica, sans-serif; font-size: 90%; margin-bottom: 1em;}
#content table th, #content table td {padding: 0 15px 12px 0;}
#content table.cenik th, #content table.cenik td {vertical-align: top; border-bottom: 1px solid #C3BDAF; padding: 7px 10px;}
#content table.cenik tr.noBorder th, #content table.cenik tr.noBorder td {border: 0;}
#content table.cenik td.right {color: #BE674F;}

#content .lBox table {margin: 0 15px; width: 444px;}
#content .lBox table th, #content .lBox table td {padding: 15px 0;}

#content table.rezervace {color: #665E50; font-size: 75%; font-weight: bold;}
#content table.rezervace .normal {font-weight: normal;}
table input {width: 157px;}
#oa, #on, #va, #vn {position: relative; top: 2px; width: auto;}
#prijezd, #odjezd {margin-right: 5px; vertical-align: middle; width: 136px;}
#dospeli, #deti {width: 54px;}

a.kalendar, a.kalendar span {background: url(../graphics/cal.gif) top left no-repeat; width: 16px; height: 16px;}
a.kalendar {position: relative; z-index: 1; overflow: hidden;}
a.kalendar span {position: absolute; z-index: 2; top: 0; left: 0;}

.dBox {background: url(../graphics/bgDark.gif) top left; position: relative; margin-bottom: 1em; padding: 6px;}
.dBoxIn {background: #DED6CC; padding: 15px 15px 2px 15px;}
.dBoxIn p {color: #322308;}
.lBox {background: url(../graphics/bgLight.gif) top left; line-height: 0; margin-bottom: 1em; padding: 6px;}
.lBoxIn {background: #fff; padding: 7px 0 0 7px;}
.lBoxIn img {margin: 0 7px 7px 0;}
.lBox table {line-height: normal;}

#znamka {position: absolute; top: -20px; right: -20px; width: 134px; height: 133px;}
.znamka {padding-right: 120px;}

/* footer */
#footer p {line-height: 1.5em;}
#footer p.fl {color: #322308;}
#footer p.fr {color: #000; width: 475px;}
#footer p.fl a {color: #BC4221; text-decoration: none;}
#footer p a:hover {text-decoration: underline;}
#footer p.fr a {color: #000; text-decoration: none;}
#footer p.fr a:hover, #footer p.fr a.current {color: #979088; text-decoration: underline;}
#footer span.red {color: #BC4221;}