html, body { height: 100%; }
body *, body { margin: 0; padding: 0; }
body { background: #259B0F url(../images/background.jpg) repeat-x left top; font: 1em Verdana, Arial, Geneva, Helvetica, sans-serif; }

.none { display: none; }
.right { text-align: right; }
.center { text-align: center; }
#content .first { margin-top: 0; }

#container { height: 100%; min-height: 100%; position: relative; width: 775px; margin: 0 auto; background: url(../images/container-backgrnd.jpg) repeat-x left top;}
body>#container { height: auto; }

#top { height: 140px; background: url(../images/city.gif) no-repeat left bottom; margin-bottom: 10px; }
h1 { font-size: 1.5em; padding: 10px 0 0 10px; }
h1 a { color: black; text-decoration: none; }
h1 small { font-size: .4em; color: #136204; display: block; }
h1 a img { float: left; margin: 2px 7px 0 0; }
a img { border: 0; }

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

#menu, #info { width: 180px; float: right; margin-top: .3em; padding-right: 10px; }
#menu h3, #info h3 { color: #FFE86A; font-size: .9em; padding: 0 25px 2px 0; text-transform: uppercase; text-align: right; background: url(../images/menu-top.gif) no-repeat left bottom; }

#menu ul, ul.comment, ul.comment ul {  list-style: none; }
#menu ul.main { background: #F6D625 url(../images/menu-down.gif) no-repeat left bottom; padding-bottom: 20px; }
#menu li { font-weight: bold; border-bottom: 1px solid #E2C523; }
#menu a { color: #136204; font-size: .8em; text-decoration: none; display: block; padding: 2px 10px; }
#menu a:hover { color: black; background: #FFE86C; }
#menu a.active { text-decoration: underline; }

#menu li ul a { color: black; }
#menu li ul li { font-weight: normal; padding: 1px 10px; border: 0; }

/* content */
#content-col { margin-left: 10px !important; margin-left: 5px; width: 565px; float: left; }

h2 { color: white; background: url(../images/content-top.gif) no-repeat left bottom; text-transform: uppercase; font-size: 1.2em; padding-left: 10px; }
#content { background: white url(../images/content-down.gif) no-repeat left bottom; padding: 20px; font-size: .75em; position: relative; min-height: 400px; height: auto !important; height: 400px; }

#content h3 { margin-bottom: 10px; font-size: 1.3em; color: #136204; clear: both; font-family: "Trebuchet MS", sans-serif, Geneva, Arial, Verdana, Helvetica;}
#content .clanek h3 { margin-bottom: 0; }
#content div.clanek { margin-bottom: 15px;  }

#content h4 { font-size: 1em; margin-top: 10px; }

#content p, address { margin: 10px 0 10px 10px; line-height: 1.75em; }
#content p.datum, #content p.comment { margin: 0; font-size: .8em; color: #425D3D; }
img.ikona { border: 1px solid #425D3D; float: left; margin: 5px 10px 0 -10px; position: relative; }

#content ul { margin-left: 50px; }
#content hr { border: 1px solid #EEE; }

#content a { color: #259B0F; }
#content a:hover { color: black; }

#content fieldset { border: 1px solid #F7F7F7; background: #F7F7F7; padding: 10px;}
label { display: block; width: 7em; float: left; padding-top: 3px; }
label.inl { display: inline; float: none; width: auto; }
input, textarea { border: 1px solid #136204; margin-bottom: 5px; font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif; padding: 2px;}
input.radio { margin-bottom: 0px; border: 0; }
input.web { width: 275px; }
input.button { margin-left: 70px; background: #288D19; color: white; }

#content dl { margin: 10px 0 10px 20px; font-size: .9em; }
#content dt { margin: 10px 0 5px 0; font-weight: bold; }
#content dd { margin: 0 0 5px 25px; }

#content .imgleft, #content .imgright { float: left; padding: 5px; background: #CCC; position: relative; margin: 0 5px; }
#content .imgright { float: right; }

.guest { margin: 20px 0 0px 0; font-size: .9em }
.guest h4 { position: relative; }

.data { color: #288D19; }
h4 small { font-size: .8em; color: #136204; }
h4 span { color: #136204; font-size: .85em; }
.guest h4 span { position: absolute; right: 10px; }

div.pager { font-size: .85em; margin-top: 10px !important; }
div.pager a, div.pager span { padding: 1px 4px; text-decoration: none;}
#content div.pager a { background: #259B0F; color: white; }
div.pager span { background: #136204; color: white; }
#content div.pager a:hover { background: #136204; color: white; }

#content ul { margin-bottom: 10px; line-height: 1.75em; }
#content ul.comment { margin: 0; }
#content ul.comment ul { margin-left: 20px; }
/* info */
#info { margin-bottom: 1.6em !important; margin-bottom: 10px; }
#info h3 { background: url(../images/info-top.gif) no-repeat left bottom; margin-top: 0px; }
#info .item { padding: 10px; font-size: .7em; background: #FFE86A url(../images/info-down.gif) no-repeat left bottom; padding-bottom: 20px; }
#info a { color: #136204; }
#info a:hover { color: black; }
#info h4 { font-size: 1em; }
#info p.last { color: #555; margin: 5px 0 10px 10px; font-size: 1.05em; }
#info fieldset { border: 1px solid #FFE86A; }

#info h3 span, #menu h3 span { display: block; margin-right: -25px; padding-right: 25px; }
#infoico span { background: url(../images/info-ico.gif) no-repeat right top; }
#citatico span { background: url(../images/citat-ico.gif) no-repeat right top; }
#anketaico span { background: url(../images/anketa-ico.gif) no-repeat right top; }
#menuico span { background: url(../images/menu-ico.gif) no-repeat right top; }
#searchico span { background: url(../images/search-ico.gif) no-repeat right top; }

.anketacont { border: 1px solid black; font-size: .5em; margin-bottom: 3px; }
.anketacont div { background: #060; }

hr.last { border: 1px solid #259B0F; clear: both; }
/* footer */
#footer { color: #259B0F; font-size: .5em; padding: 20px 0 0 0; position: absolute; right: 10px; bottom: 0; background: url(../images/footer-top.gif) no-repeat left top; width: 180px; z-index: 0;}
#footer p { background: #136204; /*color: #136204; /* width: 545px; float: left; */ padding: 0 10px .1em 10px; width: 160px; float: right; }
#footer a { color: #3EAF28; }