body {margin: 0; padding: 0; outline: none; text-align: center; background: url('../images/body-bg.gif') top left repeat-x; font-size: 0.9em; }
body, input, select, textarea {font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;}

form {margin: 0; padding: 0;}
input {vertical-align: middle;}

.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}

.clear {clear: both;}
/* Headers and paragraphs */
h1, h2, h3, h4, h5, h6 {margin: 0.5em 0 0.3em; font-size: 1em; color: #457B2D;}
h1 {font-size: 2em; margin: 0 0 2px 0; font-weight: normal }
h2 {font-size: 1.5em; margin: 0.83em 0; font-weight: normal;}
h3 {font-size: 1.3em; margin: 1em 0; font-weight: normal;}
h4 {font-size: 1.1em; margin: 1.33em 0; border-bottom: #D0D0D0 solid 1px}
h5 {font-size: 1.4em; margin: 1.67em 0; color: #767676}
h6 {font-size: 1em; margin: 2.33em 0; color: #000; font-weight: normal;}
p {font-size: 0.9em; margin: 1em 0;}

/* link */
a {color: #000;}
a:hover {text-decoration: none;}
a span { cursor:pointer; }

/* list */
ul, ol {margin: 0 0 1.5em 0; padding: 0 20px;}
ul ul, ul ol, ol ul {margin: 0;}
li {margin-left: 35px; padding: 2px 0;}
ul li {list-style: square;}
ol li {list-style: decimal;}
.no-bullets li {margin-left: 0; list-style: none;}


/* table */
div.table {width: 500px; _clear: both; margin: 0; @margin-left: 0;}
table {border-collapse: collapse; width: 100%; clear: both; margin: 0 0 1.5em 0;}
tr {background: 0;}
td, th {text-align: left; padding: 2px 3px; font-size: 1em; font-weight: normal;}
th {font-weight: bold;}
tr:nth-child(even) {border-bottom: #caefc3 solid 1px;}
tr:nth-child(odd) {background: #e0f9d5; border-bottom: #caefc3 solid 1px;}
div.table tr:nth-child(even), div.table tr:nth-child(odd) {background: 0; border: 0;}


/* image */
img2 {border: 1px solid #DBDBDB; vertical-align: middle; margin: 2px; background: #FFF url('/system/images/bg_img.gif') center center no-repeat;}
img.image-left {float: left;  margin: 3px 8px 2px 0;}
img.image-right {float: right; margin: 3px 0 2px 8px;}
span.image-left  {float: left;  margin: 3px 8px 2px 0;}
span.image-right {float: right; margin: 3px 0 2px 8px;}
img.no-border {border: 0;}
img.ico {background: #f0f8ff; margin-right: 5px;}

/* Code and such */
pre {line-height: 1; padding: 10px; margin: 10px 0; font-family: monospace; border: 1px solid #000; background: #f8faff; font-size: 1em; white-space: normal; _width: 570px; _overflow: auto; display: block; }
code {font-family: monospace; font-weight: bold; }
acronym {border-bottom: 1px dotted black; cursor: help;}

hr {display: none;}

/* Hlavni kostra */
#header {width: 900px; padding: 0; margin: 0 auto; text-align: left; position: relative; height: 350px;}
#header .top {height: 100px; width: 100%;}
#header .top h1 {display: block; position: absolute; left: -88px; top: 0;}
#header .top h1 a {display: block; width: 350px; height: 100px; background: url('../images/logo.png') top left no-repeat;}
#header .top h1 .hide {display: none;}
#header .bottom {margin: 20px 20px 0 20px; background: #FFF  url('../images/header-top-bg.gif') top left repeat-x}
#header .bottom h3 {font-size: 1em; margin: 0; padding: 0; font-weight: bold; font-size: 1.05em; color: #000;}
#header .bottom .bleft {width: 850px; background: url('../images/header-left-bg.gif') top left no-repeat; padding-left: 10px;}
#header .bottom .bright {width: 840px; background: url('../images/header-right-bg.gif') top right no-repeat; padding-right: 10px; padding-top: 10px;}
#header .bottom .bmain {background: url('../images/babicka.gif') top right no-repeat; padding: 12px 20px; height: 196px;}
#header .bottom .bmain .blue {height: 20px; width: 480px; padding: 10px; background: #476BB0; text-align: center;}
#header .bottom .bmain .blue h3 {color: #FFF;}
#header .bottom .bmain .green {width: 480px; padding: 10px; background: #D9FFC8; margin: 5px 0; }
#header .bottom .bmain .green ul, #header .bottom .bmain .green li {list-style: none; margin: 0; padding: 0}
#header .bottom .bmain .green h3 {color: #103201;}
#header .bottom .bmain .green li {background: url('../images/checkbox.gif') center left no-repeat; padding: 2px 0 2px 25px;}
#header .bottom .bmain .green li:first-child {padding-top: 0;}
#header ul.navigation {position: absolute; list-style: none; margin: 0; padding: 0; top: 20px; left: 740px; _left: 735px; }
#header ul.navigation li {float: left; list-style: none; margin: 0 15px 0 0}
#header ul.navigation a {padding: 0 0 0 20px; font-size: 0.8em; text-decoration: none; color: #9BD183 }
#header ul.navigation .home { background: url('../images/ico-homepage.gif') 4px center no-repeat;}
#header ul.navigation .contact { background: url('../images/ico-contact.gif') center left no-repeat;}

#content {width: 100%; background: url('../images/content-bg.gif') top left repeat-x}
#content .main {width: 810px; margin: 0 auto;}
#content .main .left {width: 500px; float: left; margin: 0 0 0 5px; padding: 25px 0; overflow: hidden }
#content .main .right {width: 285px; float: right; padding: 25px 0; text-align: left;}

#menu ul, #menu li, #menuleft ul, #menuleft li {margin: 0; padding: 0; list-style: none;}
#menu ul {float: right; margin: 60px 30px 0 0; _margin: 60px 15px 0 0; width: 608px; height: 40px; overflow: hidden;}
#menu li {float: left; margin: 0 0 0 2px;}
#menu li span, #menu li a {display: block; height: 28px; padding: 12px 0 0 0; text-align: center; overflow: hidden; font-weight: bold }
#menu li.first {margin: 0}
#menu li a {color: #FFF; text-decoration: none }
#menu li a:hover, #menu li .active {color: #467B2E;}
#menu li .nosub {width: 120px; background: #7FB567;}

#menuleft {margin: 0 0 25px 0;}
#menuleft ul {width: 269px; padding: 8px; background: #D9FFC8}
#menuleft li {border-top: #CAEFC3 solid 1px; padding: 6px 0 6px 23px; background: url('../images/li-flower.gif') 3px center no-repeat}
#menuleft li.first {border: 0}
#menuleft li a, #menuleft li span {color: #457B2D; font-weight: bold; text-decoration: none }
#menuleft li span {color: #476BB0;}

#contact {margin: 0 0 25px 0;}
#contact h3 {color: #457B2D; font-size: 1.55em; font-weight: bold; margin: 0 0 0.3em 0}

#cms_foot {width: 100%; background: #DDFFCE; border-top: #C6E5B9 solid 1px; padding: 10px 0 0 0;}
#cms_foot .container {margin: 0 auto; width: 810px;}
#cms_foot table {border-collapse: collapse;}
#cms_foot table tr {background: none; border: none;}
#cms_foot table td {margin: 0 auto; padding: 3px 0; font-size: 0.8em; border: none;}
#cms_foot table td:last-child {text-align: right;}
#cms_foot td, #cms_foot td a {color: #457B2D;}
#cms_foot a {display: inline-block; text-decoration: none;}
#cms_foot a img {display: inline-block; padding: 0 5px 0 0; vertical-align: middle;}

/* nastaveni CMS */
#path { margin: 10px 0;}
#path a {color: #000;}

#gallery_box .gallery_thumb_img a:hover {border: 2px solid #426532;}

#comments_box .comment_header {background-color: #9E0B0E;}
#comments_box .comment_item {border: 1px solid #9E0B0E;}
#comments_box .comment_header a.comment_user span {background-color: #9E0B0E;}

#poll_box { width: 216px; margin: 10px 0; padding: 10px; background: #EEEFF0 url('../images/corner-top.gif') top left no-repeat }
#poll_box p { padding: 5px 0}
#poll_box .graph {border: 1px solid #D4D5D5; background: #D4D5D5; height:14px; line-height:14px;}
#poll_box .graph a, #poll_box .graph a:hover {background: #CD0007; border-bottom: 9px solid #CD0007; border-right: 1px solid #D4D5D5;}

.green {background: #D9FFC8; font-size: 0.8em; padding: 10px;}

#gallery_box {padding: 0 0 15px 0;}
#gallery_box .gallery_thumbs .gallery_thumbs_item {margin: 4px 4px 12px 4px;}
#gallery_box .gallery_thumb_img a {border: solid 2px #dfdcdc;}
#gallery_box .gallery_thumbs .small {height: auto; margin: 4px 4px 12px 4px;}
#gallery_box .gallery_thumb_title {width: auto; padding: 0 10px;}
#gallery_box .gallery_thumb_img a img {vertical-align: top;}
#gallery_box .date {margin-top: 10px; color: #;}

#news {margin: 0 0 25px 0;}
#news ul, #news ul li {margin: 0; padding: 0; list-style-type: none;}
#news ul li {margin: 0 0 10px 0; background: #D9FFC8; padding: 10px; font-size: 0.8em;}
#news ul li .datum {font-weight: bold; display: block; margin: 0 0 5px 0; }
#news ul li p {margin: 5px 0 0 0; font-size: 1em;}

#slider {overflow: hidden;}
#slider ul, #slider ul li {margin: 0; padding: 0; list-style-type: none;}
#slider ul li img {vertical-align: top;}

#post_box {padding: 0 3px;}

.container:before,
.container:after {
  content:"";
  display:table;
}
.container:after {
  clear:both;
}
.container {
  zoom:1; /* For IE 6/7 (trigger hasLayout) */
}