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


#page {width: 1000px; border: 1px outset; margin: auto auto}
div.book {width: 520px; height: 480px; overflow: auto; padding: 10px; border-bottom: 1px inset}
/*
.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}
*/

/* leve menu */
.menu-left {font-family: Verdana, Arial, sans-serif;width: 210px; height: 480px; overflow: auto; float: left;padding: 10px 5px 10px 5px; 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 p {margin: 0;font-weight: bold;}*/
.menu-left ol {padding-left: 2em; margin: 0;}
.menu-left ul {padding-left: 2em; margin: 0;font-weight: normal;}

.menu-left h2 {margin-top: 1em; margin-bottom: 0; background: #999; color: white; padding: 0.2em}

.navheader {
  background: url("images/blue_1000.png") repeat-x; padding-bottom: 5px
 /* margin-bottom: 5px*/
}
.navheader h1 {margin: 0 0 0.1em 80px; color: #fff}
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}
.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/logoff352.gif") no-repeat 5px; background-color: #eee; text-align: right}


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

p.aktivita {padding: 0.2em; padding-left: 40px; background-image: url("ikonky/icon_activity32.gif"); background-repeat: no-repeat; background-position: 3px 3px; background-color: #eec; border: 1px solid #a66; min-height: 35px}

p.priklad {font-size: 90%; padding: 0.5em; margin-left: 40px; border-left: 1px solid black  }
 p.pozn {font-size: 90%}
 em.term { font-style: normal; font-weight: bold; text-decoration: underline}
 em.fonet {font-style: normal; letter-spacing: 0.1em }
 em.ul {text-decoration: underline}
      span.sound {/*border: 1px solid #800; padding: 0.1em;*/ cursor: pointer; background-image: url(ikonky/zvuk.gif); background-position: right center; background-repeat: no-repeat; padding-right: 16px; text-decoration: underline; color: #800}
      img.sound {/*border: 1px solid #800; padding: 0.1em;*/ cursor: pointer; background-image: url(ikonky/zvuk.gif); background-position: right center; background-repeat: no-repeat;}
img.IPA {/*background: red;*/ vertical-align: -0.2em; height: 1.2em}
img {border: 1px solid black}

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

#ovladani {display: none}
#prehravac {font-size: 0; clear: both; border: 1px solid; width: 95%; height:94%}
#prednaska {
  text-align: center;
}
li {text-align: left}
li p.list-title {font-weight: bold; font-size: 110%}
li p { font-weight: normal; margin-bottom: 0.5em; margin-top: 0} 
.menu-left ul {margin-left: 10px; padding: 0}
.menu-left li {list-style-type: none; border: 1px outset; padding: 5px}
.menu-left li a { margin-top: 0.5em;  cursor: pointer}
.menu-left li a:hover {color: #eee; background-color: #999}

a.pdf {padding: 3px;padding-left: 20px; background: url(images/f_ap_pdf.gif) no-repeat }
a.app {padding: 3px;padding-left: 20px; background: url(images/f_ap.gif) no-repeat }

/* formatovani rejstriku */
.sect-index {margin-left: 20px; }
.sect-index h2 {margin-left: -20px; margin-bottom:0.2em; padding: 0.1em;border-bottom: 1px outset; border-right: 1px outset;background-color: #eee}
.sect-index dl {margin-top: 0}
.sect-index dt {font-weight: bold; margin-top: 0.3em}
.sect-index dd {margin-left: 1em}
.sect-index a {text-decoration: none; color: #000}
.sect-index a:hover {text-decoration: underline;}