/* Reset
----------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
body {line-height: 1; color: black; background: #fff;}
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}



/* Basic
----------------------------------------------- */
body {background: #f0f0f0; font: 16px/1em verdana, arial; color: #7d7c7c;}
a {text-decoration: underline; color: #425a42;}
a:visited {text-decoration: underline; color: #425a42;}
a:hover {text-decoration: none; color: #b4b450;}
a img {border: 0;}
.clear {clear: both;}
strong {font-weight: bold;}
em {font-style: italic;}
.hr {border-bottom: 2px solid #506750; width: 150px; padding: 0 0 10px 10px; position: relative; left: 15px;}



/* Alerts
----------------------------------------------- */
.alert-bad {height: 20px; width: 550px; font-size: 0.75em; padding: 5px 5px 5px 30px; font-weight: bold; margin: 10px 0 30px 0; color: #000;}
.alert-good {height: 20px; width: 550px; font-size: 0.75em; padding: 5px 5px 5px 30px; font-weight: bold; margin: 10px 0 30px 0; color: #000;}



/* Layout
----------------------------------------------- */
#container {text-align: left; width: 1006px; margin: 0 auto; background: #fff;}
#content {float: right; width: 755px;}
#container h1.zahlavi {position: absolute; left: 50%; top: 10px; margin: 0 0 0 -470px; width: 200px; height: 70px;}
#container h1.zahlavi a, #container h1.zahlavi a:visited {text-decoration: none; display: block; width: 200px; height: 70px;}
#container h1.zahlavi span {visibility: hidden;}



/* Header
----------------------------------------------- */
#header {height: 392px;}
#header #top-button {width: 320px; height: 27px; background: url("../images/top-button.jpg"); position: relative; left: 670px; top: -1px;}
#header #top-button a.mapa, #header #top-button a.mapa:visited {float: left; color: #425a42; font-size: 0.62em; font-weight: bold; text-decoration: none; position: relative; left: 29px; top: 3px;}
#header #top-button a.mapa:hover {color: #b4b450;}
#header #top-button form {float: left; position: relative; left: 75px; top: 0px;}
#header #top-button form input {position: relative; top: 4px;}
#header #top-button form input.search {background: url("../images/form-input.jpg") no-repeat; width: 130px; height: 19px; border: 0px; position: relative; top: 0px; font-size: 0.75em; padding-left: 4px;}
#header #lista {font-weight: bold; font-size: 0.62em; margin: 71px 0 0 20px;}
#header #lista a:hover {color: #000;}

#header h2 {font-weight: normal; text-transform: uppercase; color: #4b6e4b; font-size: 1.30em; width: 100%; text-align: center; margin-top: 232px; line-height: 26px;}
#header h2.h2-titulka {margin-top: 320px;}

ul.menu {position: absolute; top: 69px; left: 50%; margin: 0 0 0 -250px; width: 745px;}
ul.menu li {display: block; float: left; background: url("../images/menu-left.jpg") no-repeat; height: 25px; margin-right: 3px;}
ul.menu li.selected {position: relative; top: 1px;}
ul.menu li a, ul.menu li a:visited {display: block; color: #425a42; font-size: 0.69em; font-weight: bold; text-decoration: none; padding: 0 10px; background: url("../images/menu-right.jpg") top right no-repeat; height: 22px; padding-top: 3px;}
ul.menu li a:hover {color: #b4b450;}

#left {float: left; width: 246px; margin-bottom: 30px;}
#left #left-content {background: url("../images/left-content.jpg") repeat-y; width: 216px; padding-left: 30px;}
#left #left-bottom {background: url("../images/left-bottom.jpg") no-repeat; width: 246px; height: 13px;}



/* Menu
----------------------------------------------- */
#left-content .treeview .hitarea {float: left; cursor: pointer;}
#left-content * html .hitarea {display: inline; float: none;}

#left-content .treeview li {width: 200px; padding: 7px 0; border-bottom: 1px solid #cfd9cf;}
#left-content .treeview li li {border: 0; font-size: 0.92em; margin-left: 30px; width: 185px; padding: 3px 0; color: #6d6d6d;}
#left-content .treeview li li span a, #left-content .treeview li li span a:visited, #left-content .treeview li li span {color: #6d6d6d;}
#left-content .treeview li li span a:hover {color: #304030; text-decoration: underline;}
#left-content .treeview li li li {width: 140px;}
#left-content .treeview li li li span a, #left-content .treeview li li li span a:visited {color: #6d6d6d; font-weight: normal;}
#left-content .treeview li li li span a:hover {color: #304030; font-weight: normal;}
#left-content .treeview li span {font-size: 0.75em; color: #749074; font-weight: bold;}
#left-content .treeview li span:hover {color: #304030; cursor: pointer; text-decoration: underline;}
#left-content .treeview li span a, #left-content .treeview li span a:visited {color: #749074; font-weight: bold; text-decoration: none;}
#left-content .treeview li span a:hover {color: #304030;}
#left-content .treeview .hover {color: #b4b450; cursor: pointer;}
#left-content .treeview li.lastmenu {border: 0;}



/* Right
----------------------------------------------- */
#right {float: right; width: 190px; margin: 0 18px 30px 0;}
#right #left-content {background: url("../images/aktuality-content.jpg") repeat-y; width: 190px; padding-left: 0px; font-size: 0.62em; color: #d2dcd2;}
#right #left-content p {padding: 10px 15px;}
#right #left-content p span {font-weight: bold;}
#right #left-bottom {background: url("../images/aktuality-bottom.jpg") no-repeat; width: 190px; height: 20px;}



/* Footer
----------------------------------------------- */
#footer {height: 56px; background: url("../images/footer.jpg") no-repeat #fff; clear: both; width: 100%;}
#footer p {color: #becbbe; text-align: right; font-size: 0.62em; padding: 18px 10px 0 0;}



/* Article
----------------------------------------------- */
#article {font-size: 0.75em; line-height: 1.25em; padding: 30px;}
#article img {margin: 0 7px 5px 0; border: 1px solid #b9b9b9;}
#article p {margin: 6px 0; line-height: 1.5em; clear: both;}

#article h1 {font-weight: bold; font-size: 1.5em; margin-top: 15px; line-height: 1.6em;}
#article h2 {font-weight: bold; font-size: 1.20em; margin-top: 15px;}
#article h3 {font-weight: bold; font-size: 1.15em; margin-top: 15px;}
#article h4 {font-weight: bold; font-size: 1.10em; margin-top: 15px;}
#article h5 {font-weight: bold; font-size: 1.10em; color: #b4b450; margin-top: 15px;}
#article h6 {font-weight: bold; font-size: 1.10em; color: #749074; margin-top: 15px;}

#article blockquote {padding-left: 8px; font-style: italic; font-size: 1.1em; border: 1px solid #d2edc8; background: #e8ffdf; margin: 10px 0;}

#article ul {list-style: disc; margin-left: 30px; padding-top: 3px;}
#article ul li {padding: 3px 0;}
#article ul li ul {list-style: circle; margin-left: 30px;}
#article ul li ul li ul {list-style: square; margin-left: 40px;}

#article ol {list-style: decimal; margin-left: 20px; padding-top: 3px;}
#article ol li {padding: 3px 0;}
#article ol li ol {list-style: decimal; margin-left: 30px;}
#article ol li ol li ol {list-style: decimal; margin-left: 40px;}

.article-anotace {float: left; width: 690px; margin: 0 0 20px 30px;}
.article-left {float: left; width: 150px;}
.article-left img {width: 130px; border: 1px solid #5d5d5d;}
.article-right {float: left; width: 540px;}
.article-right h3 {color: #a0a0a0; font-size: 1.25em; padding-bottom: 5px;}
.article-right h2 {padding: 5px 0 0 0;}
.article-anotace .article-right a, .article-anotace .article-right a:visited {color: #a0a0a0; text-decoration: none;}
.article-anotace .article-right a:hover {color: #4f4f4f;}
.article-right p {color: #505050; font-size: 0.69em;}
.article-odsazeni {float: left; width: 690px; height: 50px;}
.article-anotace .article-right span {float: right; margin-right: 15px;}
.article-anotace .article-right span a, .article-anotace .article-right span a:visited {font-size: 0.69em; color: #a0a0a0;}
.article-anotace .article-right span a:hover {color: #4f4f4f;}
h4.prilozena-galerie {margin: 5px 25px 10px 25px; font-weight: bold; text-transform: uppercase;}

#videogalerie {margin-left: 25px;}
#videogalerie li {margin: 30px 0;}
#videogalerie a.ikona-video {width: 35px; height: 36px;  background: url(../img/video_icon.png) no-repeat 0 0; padding: 7px 0 30px 50px; text-decoration: none;}


/* News
----------------------------------------------- */
.article-new {float: left; width: 690px; margin: 0 0 20px 30px;}
.article-left {float: left; width: 150px;}
.article-left img {width: 130px; border: 1px solid #5d5d5d;}
.article-right {float: left; width: 540px;}
.article-right h3 {color: #a0a0a0; font-size: 1.05em; margin-bottom: 5px;}
.article-right h2 {font-weight: bold; font-size: 0.75em;}
.article-new .article-right a, .article-new .article-right a:visited {color: #a0a0a0; text-decoration: none;}
.article-new .article-right a:hover {color: #4f4f4f;}
.article-right p {color: #505050; font-size: 0.69em;}
.article-odsazeni {float: left; width: 690px; height: 50px;}
.article-new .article-right span {float: right; margin-right: 15px;}
.article-new .article-right span a, .article-new .article-right span a:visited {font-size: 0.69em; color: #a0a0a0;}
.article-new .article-right span a:hover {color: #4f4f4f;}



/* Thumbnails
----------------------------------------------- */
.thumbnail {width: 140px; height: 160px; float: left; text-align: center; font-size: 0.69em; margin-left: 25px;}
.thumbnail img {border: 1px solid #000; margin: 0 0 5px 0; height: 130px; width: 130px;}



/* Strankovani
----------------------------------------------- */
#pagination {clear: both; font-size: 0.69em; position: relative; left: 30%; font-weight: bold;}
#pagination li {color: #000; display: block; float: left; padding: 2px 4px; margin-right: 2px;}
#pagination li a:hover {color: #000; text-decoration: underline;}
#pagination .active {background: none; color: #000; text-decoration: underline;}
#pagination .active:hover {color: #000; text-decoration: underline;}

#pagination a, #pagination a:visited {text-decoration: none; color: #4b6e4b;}
#pagination li:hover {color: #000;}

#pagination .dotty {text-decoration: none;}
#pagination .dotty:hover {text-decoration: none;}




.vyroci {position: absolute; width: 220px; height: 234px; background: url("../images/20.jpg") no-repeat; top: 430px; left: 50%; margin: 0 0 0 283px;}