body { font-family: Verdana, Arial, sans-serif;
    background: #fff; font-size: smaller
}



#page {width: 900px; border: 1px outset; margin: auto auto}
div.chapter, div.sect1, div.book, div.preface, div.appendix, div.index, div.bibliography, div.glossary {height: 460px; overflow: auto; padding: 10px; border-bottom: 1px inset}

div.book {background-image: url(resources/titul.jpg); background-repeat:  no-repeat; background-position: center 100px }

div.chapter div.bibliography { height: auto; border-style:none}
.menu-top {padding: 3px 10px 5px 10px ; text-align: right; font-size: smaller; font-weight: bold; border-bottom: 1px outset}
a.menu-item {padding: 1px 5px}

.menu-right {font-family: Verdana, Arial, sans-serif;width: 375px; height: 460px; overflow: auto; float: right;padding: 5px; padding-top: 10px; font-size:85%; border-right: 1px inset;  border-bottom: 1px inset; background-color: #eee}


.menu-left a {color: black; text-decoration: none}
.menu-left a:hover {text-decoration: underline}
.menu-left dl {margin-left: 0; margin: 0}
.menu-left dt { margin-top: 0.5em; font-weight: bold}
.menu-left dd dd dt{ margin-top: 0.2em; font-weight: normal}
.menu-left dd {margin-left: 1em}
.menu-left table {width: 100%; border-collapse: collapse; border: 2px outset; font-size: 100%}
.menu-left table a {font-weight: bold;  display: block; padding-top: 0.5em; padding-bottom: 0.5em;/*width: 3em; height: 2em text-decoration: underline*/}
.menu-left table td { border: 1px inset; padding: 0.5em}

.navheader {
  background: url("images/blue_900a.png") repeat-x; padding: 5px
 /* margin-bottom: 5px*/
}
.navheader h1 {margin: 0 0 0.1em 80px; color: #fff; font-size: 130%}
div.subtitle {/*font-style: italic;*/ color: #fff; font-weight: bold; margin-left: 80px; }

.navfooter { padding: 5px;  margin-left: 240px; font-size: smaller; font-weight: bold; background-color: white}
.navig-left, .navig-home, .navig-right {padding: 0.2em; padding-bottom: 0.5em}
div.navig-left {float: left; width: 32%}
div.navig-home {float: left; width: 32% ;text-align: center;}
div.navig-right {float: right; width: 32% text-align: right}

#base {font-size: small; padding: 0.5em;border-top: 2px outset; padding-left: 45px; background: url("images/logo_prf.png") no-repeat 5px; background-color: #eee; text-align: left; padding-left: 50px; color: #666}
#base a { color: #333}

h1, h2, h3 {font-family: Verdana, Arial, sans-serif}
h1 {font-size: 150% }
h2 {font-size: 140%}
h3 {font-size: 120%}


img {border: 1px solid black}

table {border-collapse: collapse; /*width: 100%*/; font-size: 90%; margin-right: -10px}
td {padding: 0.2em;}
.informaltable table {border: 0px none white;border-collapse: separate }
.informaltable td {border: 0px none white }

#prehravac {font-size: 0; clear: both}
li {text-align: left}



/* format titulni strany publikace */
.chapters { /*border-top: 1px solid black;*/ border-bottom: 1px solid black; margin-top: 2em}
.toc-simple {/*float: left; width: 45%; margin: 0em;border: 3px groove;height: 2em;*/ padding: 0.5em;  font-size: 100%}
.toc-simple a {color: black; /*font-weight: bold;*/ text-decoration: none}
.toc-simple a:hover {text-decoration: underline}
.clearer {clear:both; font-size: 0}
 
 div.mini {  margin-bottom: 10px; clear: both; /*height: 100px*/ }
      
      div.mini p { margin: 0; margin-bottom: 0.3em}
      p.title {font-style: italic; font-weight: bold}
      p.author { font-weight: bold}
      p.prilohy { clear: both; text-align: right/**/}
      a.ppt {padding: 2px; padding-left: 18px; background: url(images/ppt.gif) no-repeat }
      a.avi {padding: 2px; padding-left: 18px; background: url(images/avi.gif) no-repeat }
      img.nahled {display: block; float: left; margin-right: 0.5em; margin-bottom: 1em; cursor: pointer; }