body {
border: 0; margin: 0; font-family: Verdana, sans-serif
}

#body {
min-width: 770px; max-width: 1200px
}

img {
border: 0
}

blockquote, q {
margin-left: 0; quotes: "\201E" "\201C" "\201A" "\2018"
}

blockquote:lang(en), q:lang(en) {
quotes: inherit
}

/* --- top menu --- */

#menu_top {
position: relative; height: 1.5em; background: #646464; font-size: 0.7em
}

#menu_top ul {
margin: 0; padding: 0.2em
}

#menu_top li {
display: inline
}

a {
color: white; text-decoration: none
}

#lang_bar {
position: absolute; top: -0.1em; right: 0.2em
}

/* --- page logo --- */

#logo {
display: block; height: 100px; background: #848484;
border-bottom: 1px solid #646464; overflow: hidden
}

#middlebar {
height: 22px; background: #848484; border-top: 1px solid #adadad;
border-bottom: 1px solid #646464; color: white
}

#middlebar #login {
float: right; font-size: 0.7em; margin: 0
}

#middlebar input.submit, input.button {
background: #ffa500; color: white; padding: 0; font-size: 1em; cursor: pointer;
margin: 0; height: 19px; border: 1px solid; border-color: #adadad #646464 #646464 #adadad
}

#middlebar input.text {
border: 1px solid black; background: #646464; color: white; font-size: 1em; width: 10em
}

#find {
float: left; font-size: 0.7em; margin: 0
}

/* --- side menus --- */

.menu {
font-size: 0.7em; float: left; width: 120px; background: url(../img/sikma_nahore_l.gif) no-repeat bottom; padding-bottom: 61px
}

.menu ul, .menu li {
margin: 0; width: 118px
}

.menu ul {
padding: 0; list-style: none
}

.menu li {
min-height: 20px; _height: 20px
}

.menu a {
background: #848484 no-repeat; display: block; width: 118px; min-height: 20px; _height: 20px; border: solid; border-width: 1px; border-color: #adadad #646464 #646464 #adadad
}

.menu a span {
display: block; text-align: center; padding-top: 3px; padding-left: 20px
}

.menu img {
float: left
}

.menu a:hover {
color: #ffa500
}

.menu a.open {
background-color: #ffaa22 !important; font-weight: bold
}

.menu a.open:hover { /* + všechny levely */
color: gray
}

.menu a.level1 {
background-color: #949494
}

.menu a.level1.open {
background-color: #ee9911 !important
}

/* --- content --- */

#content {
margin-left: 120px; padding: 1em; color: black; max-width: 825px; _height: 1%;
text-align: justify; font-size: 0.9em
}

#content #text {
margin-top: 1em
}

#text img {
border: 1px solid; border-color: #adadad #646464 #646464 #adadad; margin: 0.2em
}

#text img.smiley {
border: 0; margin: 0
}

#head {
background: #ffa500; border: 1px solid; border-color: #adadad #646464 #646464 #adadad;
min-height: 10px
}

#head img {
position: absolute; margin-top: 3px; margin-left: 3px; z-index: 1 /*XXX*/
}

h1 {
font-size: 150%; font-weight: bold;
position: absolute; margin-top: 10px; margin-left: 70px; max-width: 600px
}

#head #descr {
position: relative; margin-top: 70px; padding-left: 70px; background: #848484; padding-right: 10px
}

#head #date {
position: relative; margin-top: 70px; background: #848484; padding-right: 10px; text-align: right
}

#dl_files, #questions, .box {
background: #848484; border: solid; border-color: #a8a8a8 #646464 #646464 #a8a8a8; border-width: 1px 1px 0 1px;
width: 34%; _width: 95%; margin-left: 65%; margin-bottom: 1em
}

#dl_files ul {
list-style: none; padding-left: 0; margin: 0; counter-reset: cislo
}

#dl_files li {
border: solid; border-width: 1px 0; border-color: #a8a8a8 #a8a8a8 #646464
}

#dl_files li:before {
content: counter(cislo) ". "; counter-increment: cislo
}

dd {
margin-bottom: 1em
}

.downl, .qs, .box_header {
background: #ffa500; font-weight: bold
}

code {
text-align: left
}

ins {
text-decoration: none; font-style: italic
}

.articles, #searchresults {
background: #848484; border: solid; border-width: 1px 1px 0; border-color: #a8a8a8 #646464 #646464 #a8a8a8; margin-bottom: 1em
}

.on_main_page {
float: left; width: 63%
}

.title {
margin-left: 25px; margin-right: 0.5em
}

.title a {
font-style: normal !important; font-size: 1.1em
}

.art_descr {
margin-left: 25px; margin-right: 0.5em
}

.aut_rel {
margin-left: 25px; font-size: 0.75em
}

.symbol {
border: 1px solid #646464; font-weight: bold; background: #a8a8a8; color: #646464
}

#dl_files .dl_info {
font-size: 0.75em
}

.art {
background: #848484; border: solid; border-width: 1px 0; border-color: #a8a8a8 #646464 #646464 #a8a8a8
}

.art img {
float: left
}

.arts_header {
background: #ffa500; font-weight: bold
}

.arts_header a {
color: white !important
}

.on_cat_page {
margin-top: 10px
}

.update:before, .dnes:before, .vcera:before {
font-weight: bold; text-transform: uppercase; font-size: 65%; background: inherit
}

.update:before {
content: "update "; color: #006400
}

.dnes:before {
content: "dnes "; color: red
}

.vcera:before {
content: "včera "; color: maroon
}

.dnes:lang(en):before {
content: "today "
}

.vcera:lang(en):before {
content: "yesterday "
}

.dnes.update:before {
content: "update dnes "
}

.dnes.update:lang(en):before {
content: "update today "
}

.vcera.update:before {
content: "update včera "
}

.vcera.update:lang(en):before {
content: "update yesterday "
}

#files {
margin-top: 1em; background: #848484; border: 1px solid; border-color: #a8a8a8 #646464 #646464 #a8a8a8
}

#files th, #text_footer th {
background: #6c7a4c; font-weight: bold
}

#text_footer td {
vertical-align: top
}

#rel_art ul {
list-style: none; padding-left: 0; font-size: 0.75em
}

#content a {
color: #ffa500; font-style: italic; text-decoration: none
}

#text_footer {
margin-top: 1em; background: #848484; border: 1px solid; border-color: #a8a8a8 #646464 #646464 #a8a8a8
}

h2 {
font-size: 140%
}

h3 {
font-size: 125%
}

h4 {
font-size: 110%
}

/* --- footer --- */
#footer {
clear: both; background: url(../img/sikma_dole_l.gif) no-repeat; border-right: 1px solid #646464
}

#footer #banner {
border-top: 1px solid #adadad; border-bottom: 1px solid #646464; margin-left: 120px;
height: 60px; text-align: center; background: #848484
}

#icons, #copy {
text-align: center; color: white
}

#icons {
background: #848484; border: solid #adadad; border-width: 1px 0
}

#copy {
height: 1.8em; background: #646464; font-size: 0.7em
}

table {
color: white
}

code {
font-weight: bold
}

#banner_top {
	height: 60px; background: #848484; border: 1px solid; border-color: #adadad #646464 #646464 #adadad; color: white; margin-bottom: 1em
}

@media print {
body { background: white }
#body { min-width: inherit }
#content { color: black; margin: 0 !important; padding: 0 !important }
#text { padding: 0 !important }
#content a { color: grey !important }
.menu, #menu_top, a#logo, #middlebar, #banner_top, #head img, #footer, #text_footer, #files { display: none }
#head, #descr, h1 { background: white; margin: 0 !important; padding: 0 !important; position: relative; border: 0 }
#descr { font-style: italic; margin-top: 1em !important }
}