/* 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: url(../images/back.jpg) repeat; font: 16px/1em arial, verdana; color: #000;}
a, a:visited {text-decoration: underline; color: #000;}
a:hover {color: #fff;}
a img {border: 0;}
.clear {clear: both;}
strong {font-weight: bold;}
em {font-style: italic;}
.red {color: red;}
hr {border-width: 0; border-top: 1px solid #000; height: 0px; width: 98%; margin: 10px 0 18px 0;}



/* Forms
----------------------------------------------- */
fieldset {border: 1px solid #aaa; width: 460px; padding: 20px 10px 10px 10px;}
.yellow-box {background: url(../images/yellow-box.jpg) no-repeat #fffede; border: 1px solid #efeb80; min-height: 105px;}
.grey-box {background: #a8a8a8; border: 1px solid #373737; min-height: 105px;}
.red-box {background: url(../images/red-box.jpg) no-repeat #ffe3e3; border: 1px solid #eeafaf;}
.blue-box {background: url(../images/blue-box.jpg) no-repeat; border: 1px solid #c2e0e6;}
.orange-box {background: url(../images/orange-box.jpg) no-repeat #fff3c8; border: 1px solid #f5dd88;}

.input-cell {width: 450px; text-align: left; height: 35px;}
.input-textarea {width: 450px; text-align: left;}
.input-text {width: 150px; height: 22px; float: left; text-align: right; font-weight: bold; padding: 4px 7px 0 0;}
.input-text-selectbox {width: 150px; height: 24px; float: left; text-align: right; font-weight: bold; padding: 2px 7px 0 0;}
.input-text-text {width: 150px; height: 22px; float: left; text-align: right; font-weight: bold; padding: 0 7px 0 0;}
.input-text-checkbox {width: 250px; height: 22px; float: left; text-align: right; font-weight: bold; padding: 4px 7px 0 0;}
.input-img {padding: 0 0 10px 0;}
.input-delete {width: 100%; text-align: right;}
.input-delete input.button {font-weight: bold;}
.input-input {width: 290px; float: left; text-align: left;}
.input-input input.field {height: 20px; border: 1px solid #aaa; background: #fff; padding: 3px 3px 0 3px; width: 270px;}
.input-category {margin: 20px 0; padding-bottom: 20px;}
.select-ftp-upload {margin-right: 10px;}

.input-input-checkbox {width: 190px; float: left; text-align: left;}
.input-input-checkbox input.field {height: 20px; border: 1px solid #aaa; background: #fff; padding: 3px 3px 0 3px; width: 170px;}

.input-input textarea {height: 150px; width: 290px; border: 1px solid #aaa; background: #fff; padding: 3px 3px 0 3px; margin: 0 0 10px 0;}
.input-input input.button {font-weight: bold;}



/* Layout
----------------------------------------------- */
#container {text-align: left; width: 954px; margin: 0 auto; background: url("../images/content.jpg");}
#header {height: 211px; background: url("../images/header.jpg");}
#header h1 {display: none;}

#header ul#topmenu {position: absolute; left: 50%; margin: 45px 0 0 -290px;}
#header ul#topmenu li.head {color: #fff; font-weight: bold; font-size: 0.875em; margin-bottom: 7px;}
#header ul#topmenu li a, #header ul#topmenu li a:visited {color: #fff; text-decoration: none; font-weight: bold; font-size: 0.75em;}
#header ul#topmenu li a:hover {text-decoration: underline;}

#header div.icon-foto {position: absolute; left: 50%; margin: 31px 0 0 -199px; width: 100px; height: 112px; background: url("../images/icon_foto.jpg");}
#header div.icon-user {position: absolute; left: 50%; margin: 31px 0 0 -199px; width: 100px; height: 112px; background: url("../images/icon_user.jpg");}
#header div.icon-news {position: absolute; left: 50%; margin: 31px 0 0 -199px; width: 100px; height: 112px; background: url("../images/icon_news.jpg");}
#header div.icon-forum {position: absolute; left: 50%; margin: 31px 0 0 -199px; width: 100px; height: 112px; background: url("../images/icon_forum.jpg");}
#header div.icon-rada {position: absolute; left: 50%; margin: 31px 0 0 -199px; width: 100px; height: 112px; background: url("../images/icon_rada.jpg");}
#header div.icon-info {position: absolute; left: 50%; margin: 31px 0 0 -199px; width: 100px; height: 112px; background: url("../images/icon_info.jpg");}
#header div.icon-osobnosti {position: absolute; left: 50%; margin: 31px 0 0 -199px; width: 100px; height: 112px; background: url("../images/icon_osobnosti.jpg");}

#header ul#rowmenu {width: 920px; position: relative; top: 158px; left: 5px;}
#header ul#rowmenu li {display: inline;}
#header ul#rowmenu li a.current {color: #000; background: #c4c4c4;}
#header ul#rowmenu li a {color: #000; text-decoration: none; float: left; height: 22px; text-align: center; padding: 7px 20px 0 20px; font-size: 0.875em; font-weight: bold;}
#header ul#rowmenu li a:hover {color: #000; background: #c4c4c4;}

#advertise {position: absolute; left: 50%; margin: 19px 0 0 -94px; width: 540px; height: 106px;}
#advertise img {width: 540px; height: 106px; position: absolute; z-index: 10;}

#content {float: left; width: 645px; margin: 0 0 0 28px; padding: 20px;}
#content h2 {font-weight: bold; margin-bottom: 20px; color: #000; text-decoration: underline; line-height: 1.5em;}
#content p {font-size: 0.75em; margin-bottom: 20px; color: #000;}



#content .info-box {margin-bottom: 20px; font-size: 0.75em;}
#content .info-box img {border: 1px solid #000;}
#content .info-box h2 {font-weight: bold; color: #000; padding: 10px 0 0 10px;}
#content .info-box span.podnadpis {position: relative; top: -20px; left: 10px; font-style: italic;}
#content .info-back {background: #a8a8a8; width: 292px; padding: 17px 10px 0 10px;}
#content .info-back p {font-size: 1.0em; color: #000;}
#content .info-top {width: 312px; height: 37px; background: url("../images/news-top.jpg") no-repeat #a8a8a8; text-align: left;}
#content .info-bottom1 {width: 312px; height: 37px; background: url("../images/news-bottom1.jpg") no-repeat #a8a8a8; text-align: right;}
#content .info-bottom2 {width: 312px; height: 37px; background: url("../images/news-bottom2.jpg") no-repeat #a8a8a8; text-align: right;}
/*#content .info-bottom:hover {width: 312px; height: 37px; background: url("../images/news-bottom-hover.jpg") no-repeat #a8a8a8;}*/
#content .info-bottom1 .view-news, #content .info-bottom2 .view-news {position: relative; top: 13px; left: -68px;}

#sidebar {float: right; width: 202px; margin: 0 33px 0 0;}
#sidebar div.side-header {background: url("../images/sidebar-header.jpg") no-repeat; width: 175px; height: 35px; font-size: 0.75em; font-weight: bold; padding: 9px 0 0 17px;}
#sidebar p {font-size: 0.69em; padding: 5px 7px 10px 32px;}
#sidebar em {color: #464646;}
#sidebar img {margin: 0 0 7px 37px; border: 2px solid #a8a8a8;}
#sidebar img:hover {border: 2px solid #000;}

#footer {background: url("../images/footer.jpg"); clear: both; width: 100%; height: 67px;}
#footer p {text-align: center; font-size: 0.75em; padding: 23px 0 0 0;}

.kontakt-box {float: left; width: 180px; font-size: 0.875em; margin-right: 35px;}
.kontakt-box-top {border: 1px solid #000; padding: 10px 10px 5px 10px; background: #cecece; width: 180px; margin-bottom: 10px; height: 20px;}
#content .kontakt-box-top h2 {color: #000; text-decoration: none;}
.kontakt-box-text {border: 1px solid #000; padding: 10px; background: #a8a8a8; width: 180px; height: 620px;}
.kontakt-box-text:hover {background: #cecece; cursor: pointer;} 
.kontakt-box a {font-style: italic;}
.kontakt-box a:hover {font-style: normal; color: #000;}

.osobnosti-box {width: 135px; float: left; background: #a8a8a8; margin: 0 8px 8px 0; padding: 10px; border: 1px solid #000; font-size: 0.69em;}
.osobnosti-box a {text-decoration: none; margin-bottom: 5px;}
.osobnosti-box a.osobnosti-autori {margin-left: 6px;}



.nahledy-feq {width: 200px; height: 200px; border: 1px solid #000; float: left; margin: 0 10px 10px 0; text-align: center; background: #8d8d8d;}
.nahledy-feq:hover {background: #a9a9a9; cursor: pointer;}

.nahledy-feq-autori {width: 200px; height: 230px; border: 1px solid #000; float: left; margin: 0 10px 10px 0; text-align: center; background: #8d8d8d;}
.nahledy-feq-autori:hover {background: #a9a9a9; cursor: pointer;}
.nahledy-feq-autori a.autor-popis, .nahledy-feq-autori a.autor-popis:visited {font-size: 0.75em; font-weight: bold; text-decoration: none;}
.nahledy-feq-autori a.autor-popis:hover {text-decoration: none;}

.nahledy-user {width: 140px; height: 160px; border: 1px solid #000; float: left; margin: 0 10px 10px 0; text-align: center; background: #8d8d8d;}
.nahledy-user:hover {background: #a9a9a9; cursor: pointer;}


/* Forum
----------------------------------------------- */
#forum-kategorie {width: 630px; background: #727272; font-size: 0.75em;}
#forum-kategorie tr.head th, #forum-kategorie tr.head td {background: #ffa618; font-weight: bold;}
#forum-kategorie tr td h3, #forum-kategorie tr th h3 {font-weight: bold; font-size: 1.0em;}
#forum-kategorie th {background: #a8a8a8; border: 2px solid #727272; padding: 5px;}
#forum-kategorie td {background: #a8a8a8; border: 2px solid #727272; padding: 5px; font-size: 0.875em;}
#forum-kategorie p {font-size: 0.875em;}

#forum-tema {width: 630px; background: #727272; font-size: 0.75em; margin-top: 15px;}
#forum-tema tr.head th, #forum-tema tr.head td {background: #ffa618; font-weight: bold;}
#forum-tema tr td h3, #forum-tema tr th h3 {font-weight: bold; font-size: 1.0em;}
#forum-tema th {background: #a8a8a8; border: 2px solid #727272; padding: 5px; font-weight: bold;}
#forum-tema th span {display: block; font-weight: normal; font-size: 0.875em;}
#forum-tema td {background: #a8a8a8; border: 2px solid #727272; padding: 5px; font-size: 0.875em;}

#forum-seznam {font-size: 0.75em; font-weight: bold;}
#forum-seznam a, #forum-seznam a:visited {text-decoration: none;}

#forum-form a, #forum-form a:visited {font-size: 0.75em; font-weight: bold; text-decoration: none; padding-left: 10px;}
.more a, .more a:visited {font-size: 0.75em; font-weight: bold; text-decoration: none; padding-left: 10px;}

#forum-insert input {background: #a9a9a9; border: 1px solid #626262; margin-bottom: 5px; position: relative; top: 7px;}
#forum-insert textarea {background: #a9a9a9; border: 1px solid #626262;  margin-bottom: 5px; position: relative; top: 7px;}
#forum-insert select {background: #a9a9a9; border: 1px solid #626262;  margin-bottom: 5px; position: relative; top: 7px;}
#forum-insert th {font-weight: bold; text-align: right; padding-right: 6px; font-size: 0.75em;}

.forum-comments {background: #a9a9a9; border: 1px solid #626262; width: 500px; margin-bottom: 6px; padding: 7px; font-size: 0.875em;}
.forum-comments h4 {font-weight: bold; font-size: 0.92em; padding-bottom: 3px;}

select.categ {background: #a9a9a9; border: 1px solid #626262; margin-bottom: 5px; position: relative; top: 7px;}
input.categ {background: #a9a9a9; border: 1px solid #626262; position: relative; top: 2px;}



/* Alerts
----------------------------------------------- */
.alert-bad {border: 1px solid red; width: 350px; font-size: 0.75em; padding: 5px 5px 5px 30px; font-weight: bold; background: url(../images/cancel.jpg) no-repeat 8px 4px #ffe3e3; margin: 10px 0 30px 0;}
.alert-good {border: 1px solid green; width: 350px; font-size: 0.75em; padding: 5px 5px 5px 30px; font-weight: bold; background: url(../images/accept.jpg) no-repeat 8px 4px #d4ead4; margin: 10px 0 30px 0;}



/* Strankovani
----------------------------------------------- */
ul#pagination {margin: 20px 0 15px; clear: both; padding: 0 0 20px 30px; font-size: 0.75em;}
#pagination li {color: #000; display: block; float: left; padding: 0 2px; margin-right: 2px;}
#pagination .previous, #pagination .next {font-weight: bold;}
#pagination .active {color: #000; font-weight: bold;}
#pagination .active:hover {color: #fff; cursor: pointer;}

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

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



/* Clenove
----------------------------------------------- */
ul#stripnav {list-style: none; margin: 0 0 35px 20px;}
ul#stripnav li {float: left;	margin-right: 2px;}
ul#stripnav li a {font-size: 10px; font-weight: bold; text-align: center; background: #a8a8a8;	color: #000; text-decoration: none; display: block;	padding: 0px 6px;}
ul#stripnav li a:hover {background: #fff;}
ul#stripnav li a.current {background: #000;	color: #fff;}

.user-list {float: left; background: #a8a8a8; width: 520px; margin: 10px 0 0 20px; padding: 10px;}
.user-list h3 {text-decoration: none; font-size: 0.875em; font-weight: bold; border-bottom: 1px solid #000; margin-bottom: 4px; padding-bottom: 4px;}
.user-list span {font-size: 0.69em;}

.user-list-left {float: left; width: 300px;}
.user-list-right {float: left; width: 210px; text-align: right;}
.user-list-right img {margin: 2px; border: 1px solid #000;}



/* Ikony
----------------------------------------------- */
#kontakt-detail { padding: 7px; margin-top: 15px;}
#kontakt-detail li {margin: 30px 0;}

#osobnost-detail { }
#osobnost-detail li {margin: 10px 0;}

#seznam-detail {border: 1px solid #000; background: #a8a8a8; padding: 7px; font-size: 0.75em; margin-top: 15px;}
#seznam-detail li {margin: 30px 0;}
a.ikona-word {height: 16px; background: url(../prilohy/ikony/word.png) no-repeat 0 0; padding: 6px 0 30px 40px; text-decoration: underline;}



/* Slideshow
----------------------------------------------- */
#slideshow {width: 215px;	height: 215px; border: 1px solid #000; float: left; margin-left: 7px; background: #a8a8a8; text-align: center;}
#slideshow img {border: 0px solid #000; position: relative; top: 50%; margin: -82px 0 0 0;}



/* Muzeum
----------------------------------------------- */
#muzeum {width: 215px;	height: 49px; border: 1px solid #000; float: left; margin: 7px 0 0 7px; background: #a8a8a8; text-align: center; padding: 7px 0; cursor: pointer;}



/* Logo
----------------------------------------------- */
#logo {float: left; padding: 10px 0 0 7px;}
#logo p {line-height: 20px;}
#logo a, #logo a:visited {color: #e5e5e5; text-decoration: none;}
#logo a:hover {color: #fff;}



/* Aktuality a vystavy
----------------------------------------------- */
.zobrazit-vsechny {font-weight: bold; font-size: 0.875em; margin-left: 120px;}



/* Seznamy
----------------------------------------------- */
ol {margin: 0 0 20px 0;}
ol li {list-style-type: decimal; font-size: 1.0em; margin: 0 0 0 30px;}



/* Formatovani clanku
----------------------------------------------- */
.article-images img {border: 1px solid #000; margin: 10px;}

.download {margin: 12px 0 30px 2%; float: left; font-size: 0.75em;}
.download li {line-height: 2.0em;}
.download li a {padding-left: 25px;}

.download li.ext-jpg {background: url("../download/ext_jpg.png") 1px 4px no-repeat;}
.download li.ext-doc {background: url("../download/ext_doc.png") 1px 4px no-repeat;}
.download li.ext-xls {background: url("../download/ext_xls.png") 1px 4px no-repeat;}
.download li.ext-pdf {background: url("../download/ext_pdf.png") 1px 4px no-repeat;}