body, body * { padding: 0; margin: 0; }
body { background: url(../images/background.gif) repeat-x left top; }
html, body { height: 100%; }

#body { height: 100%; min-height: 100%; position: relative; background: url(../images/travnik.gif) repeat-x right bottom; font: 1em Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: left; }

.none { display: none; }
.clear { clear: both; }
.hidden { visibility: hidden; }
.center { text-align: center; }
.right { text-align: right; }
.fright { float: right; }
.fleft { float: left; }
.upcase { text-transform: uppercase; }

#container { height: 100%; min-height: 100%; width: 775px; text-align: left; margin-left: auto;  }
body>#body { height: auto; }
body>#container { height: auto; }

#top { height: 80px; }
h1 { background: url(../images/title.gif) no-repeat left top; height: 76px; }
h1 a { display: block; height: 76px; }
h1 strong { display: none; }

#menu, #content { font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; }

#menu { font-size: .9em; margin-left: 10px !important; margin-left: 20px; width: 596px; background: url(../images/menu-border.gif) repeat-x left bottom; }
#menu ul { padding-left: 10px; list-style: none; height: 1.8em;}
#menu li { background: url(../images/menu-active-right.gif) no-repeat right top; border: solid #FFEA9A; border-width: 0px 0px 3px 0px; float: left; margin: 2px 0 0 5px; }
#menu li a { display: block; padding: 4px 12px 2px 12px; font-size: .8em; color: #666; /*#EA912C; */ text-decoration: none; background: url(../images/menu-active-left.gif) no-repeat left top; }
#menu li.active { border-bottom: none; font-size: 1em;  background-image: url(../images/menu-active-right-a.gif) !important; background-image: url(../images/menu-active-right-a-ie.gif); /*background: #FFF1BD !important; background: white; */ margin-top: 0px; }
#menu li.active a { color: black; padding: 4px 15px 7px 15px; background-image: url(../images/menu-active-left-a.gif) !important; background-image: url(../images/menu-active-left-a-ie.gif); font-weight: bold; }
#menu li a:hover { color: black; }

#content {  width: 550px;
background: transparent url(../images/menu-background.png) !important;
margin: 0 0 100px 10px !important; background: white; float: left; border: solid #FFEA9A; border-width: 0px 3px 3px 3px; padding: 20px 20px 40px 20px; font-size: .8em; }

#container.gallery #content { width: 700px; }
#container.gallery #menu { width: 746px; }
#content.main p { padding-left: 10px; }
#content p { margin: 15px 0 15px 15px; line-height: 150%; }
#content a { color: black; border-bottom: 1px dashed black; text-decoration: none; }
#content a:hover { color: #EA912C; border-bottom: 1px dashed #EA912C; }
#content a.img { border: 0; }
#content a img { border: 2px solid black; }
#content ul { margin: 15px 0 15px 15px; list-style: none; }
#content li { margin-bottom: 10px; }

h2, h4, h5, h6, #content ul, .pday { margin-bottom: 15px; }

h2 { font-size: 1.4em; position: relative; color: #9C5607; font-family: "Trebuchet MS", Arial, Verdana, Geneva, Helvetica, sans-serif;}
#content h3 { font-size: 1.2em; margin-top: 25px; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;  }
h4 { font-size: 1.05em; color: #EA912C; }
h5 { font-size: 1.05em; }
h6 { font-size: 1em; }

#content p.navig { position: relative; }
#content p.navig a#prevtop, #content p.navig a#prevdown { position: absolute; left: 0; top: 0; }
p.navig a#nexttop, p.navig a#nextdown  { position: absolute; right: 0 !important; right: 20px; top: 0; }
#thumbs a, #thumbs a:hover  { border: 0; }
#thumbs a:hover img, #thumbs a.active img { border: 2px solid #FFCB01; }
#thumbs td { border: 1px solid #DDD; vertical-align: middle; }

small { color: #9C5607; font-weight: normal; font-size: .85em; }
table, td, tr { border-collapse: collapse; }
table { margin: 5px auto 15px 0; }
table.centered { margin: 15px auto; }
td { padding: 5px 10px; vertical-align: top; border-bottom: 1px solid #ccc; font-size: .95em; }
td h4 { font-size: 1.5em; margin: 0; }
li h4 { margin: 0; }
th { background: #F6CC00; font-size: .9em; padding: 3px; color: #333;  }
td em { font-size: .75em }
.first { width: 20%; }
.width50 { width: 50%; }
.width70 { width: 70%; }
.odkazy { width: 300px; }
table.odkazy td { border: 0; padding: 10px 0; }
.odkazy img { border: 0; }
.program { margin: 0 5px 0 15px; width: 200px; }
#content li { margin-top: 5px; }
#content li strong { text-transform: uppercase; font-size: 1.1em; }

#content .imgcont { padding: 5px;  /* background: #FFCB01;*/ margin: 5px -5px 5px 10px; }
#content .imgcont a, #content .imgcont a:hover, #content .flyer a, #content .flyer a:hover { border: 0; }
#content .imgcont img { border: 5px solid #FFCB01; }
#content .flyer img { border: 0; }

.pday { padding: 5px 0; background: #FFF2CF; }
fieldset { border: 0px solid #F7F7F7; background: transparent !important; background: #FFF2CF; padding: 10px;}
label { display: block; width: 70px; float: left; padding-top: 3px; }
label.inl { display: inline; float: none; width: auto; }
input, textarea { border: 1px solid #CBB977; margin-bottom: 5px; font: 12px Arial, Verdana, Geneva, Helvetica, sans-serif; padding: 2px;}
input.radio { margin-bottom: 0px; border: 0; }
input.web { width: 275px; }
input.button { margin-left: 70px; background: #FFCB01; color: black; }
dl { margin: 10px 0 10px 48px; }
dt { margin: 10px 0 5px 0; }
dd { margin-left: 25px; }
.guest { margin: 20px 0 0px 0; }
.guest h4 { color: black; font-size: .95em; position: relative; margin-bottom: 0; }
hr { border: 1px solid #FFEA9A; }
#content div.guest p { margin: 0; }
.guest h4 span { position: absolute; right: 0 !important; right: 30px; font-size: .9em;}
.msg { padding: 10px; }
p#down { text-align: center; font-size: 0.85em; }

#info { float: right; margin: -3px 0 100px 10px !important; font-size: .7em; }
#info h3 { margin-bottom: 10px; font-size: 1em; }
#info .item { width: 126px !important; width: 122px; padding: 8px; background: transparent url(../images/menu-background.png) !important; background: white; /*#FFF1BD;*/ margin-right: 10px !important; margin-right: 5px; border: 3px solid #ECE0B4; margin-bottom: 8px; }
p.loga { background: white; }
p.loga img { margin: 10px 3px 8px 3px; border: 0; }
p.loga a { color: black; }
#footer { position: absolute; bottom: 0px; right: 0px; height: 22px; color: #2DC438; font-size: .65em; padding: 140px 10px 0 10px; width: 100%; background: url(../images/siluety.gif) no-repeat right bottom; }