* {padding: 0; margin: 0}
body                  { font-family: "Verdana", arial,  sans-serif;
padding-left: 2em;padding-top: 1em;  background-color: rgb(0,51,102)
                        /*font-weight: bold;*/
                      }

.copyright            { color: #7F7F7F;
                      }

/* Title page formatting */

div.slidesinfo           { text-align: center; }

div.titlepage {font-size: 100%; width: 900px; height:565px; margin: auto auto; border: 3px inset; background-color: #fff; padding: 1em;
background: url(../graphics/pozadi5.jpg) no-repeat 400px 320px white ;
}
table.index {/*width: 100%*/; border-style: none; margin: auto auto; margin-top: 20px}
.index td {/*width: 50%;0 height: 180px;*/ text-align: center;}
.index a {display: block; width: 200px; /*height: 200px;*/ text-align: center; padding-top: 180px;padding-bottom: 5px; border: 5px outset; margin: 0.3em; font-weight: bold; color:#000; text-decoration: none; font-size: 90%}

.index a:hover {text-decoration: underline}

#flyroom { background: url(../graphics/flyroom.jpg) no-repeat center 10px; }
#principy { background: url(../graphics/genet.jpg) no-repeat center 10px; }
#mutace { background: url(../graphics/mutace.jpg) no-repeat center 10px; }
#mucha { background: url(../graphics/mucha.jpg) no-repeat center 10px; }
#slovnik { background: url(../graphics/dict.jpg) no-repeat center 10px; }

.slidesinfo h1.title  { 
                      }
.slidesinfo h2.subtitle  { color: blue; 
                      }
.slidesinfo h1.author { color: green;
                      }

.slidesinfo .copyright { color: black;
                      }


/* ToC page formatting */

.tocpage h1.title     { color: blue;
			text-align: center;
                      }

.tocpage a            { text-decoration: none; }
.tocpage a:link       { color: blue; }
.tocpage a:visited    { color: blue; }

.toc-body             { margin-left: 0.5in;
                        margin-right: 0.5in;
                      }
.toc-body ul {font-weight:bold}
.toc-body ul ul {font-weight:normal}
.toc-body a {color: black}
.toc-body a:hover {text-decoration: underline}

/* Foil page formatting */
div.main-title {/*text-align: right; font-variant: small-caps;*/
  color: darkblue;/* background: #def;*/ padding: 0.2em;padding-bottom: 0.5em; 
  margin:0; font-size: 100%; font-weight: bold; border-bottom: 3px double black}

div.foil  {font-size: 100%; width: 900px; height:565px; margin: auto auto; border: 3px inset; background-color: #fff; padding: 0.5em
  }

.foil h1.title        { 
font-size: 150%; background: #eee; margin-left: -2em; padding-left: 2em; padding-top: 0.1em; padding-bottom:0.1em;
      margin-bottom: 0.3em; margin-top:0;
      color: #000;
text-align: left; font-weight: normal
  
                      }
.foil h2.subtitle     { text-align: left;


                      }


div.foil-body { font-size: smaller;  height: 500px;
      overflow: auto;
      
      border-left: 1px solid;
      padding: 0.5em; padding-left:2em; 
                      }
 .foil-body ul, .foil-body p, .foil-body div, .foil-body ol { margin-top: 0; margin-bottom: 0.3em;  font-size: 100%; }
 .foil-body ul, .foil-body ol { padding-left: 1em}

/* div.foil-body div.mediaobject {float:left; margin-right:1em; margin-top: 0}*/

/* Foilgroup page formatting */

div.foilgroup            {font-size: 100%; width: 900px; height:565px; margin: auto auto;background-color: #fff ; padding: 0.5em
                      }
div.foilgroup-body h1  { font-size: 150%; /*background: #eee; margin-left: -2em; padding-left: 2em; */padding-top: 0.1em; padding-bottom:0.1em;
      margin-bottom: 0.3em; margin-top:0;
      color: #000;font-weight: normal;
text-align: left;
                      }
.foilgroup h2.subtitle { text-align: center;
                        color: blue;
			padding-top: 0pt;
			margin-top: 0pt;
                      }

div.foilgroup-body       {   font-size: smaller;  height: 490px;
      
      
      border-left: 1px solid;
      padding: 0.5em; padding-left:2em; 
                      }

.menu-left { float: left; width: 185px; height: 36em;
       overflow: auto;  padding-top: 0.5em;padding-left: 0.5em;padding-right: 0.5em; font-size: 80%;  }
.menu-left a { margin-top:0; margin-bottom: 0.3em; text-decoration: none; /*font-weight:bold*/}
.menu-left ul {font-size: 90%;margin: 0; list-style-type: none; padding-left: 2em}
.menu-left li {margin-bottom: 0.3em; list-style-type: decimal}
/* Navigation header formatting */

.navhead .slidestitle { font-weight: normal;
                        font-size: 10pt;
                        font-style: italic;
                      }

/* Navigation footer formatting */

.navfoot              { border-top: 3px double ;
                      background: #fff; 
                      }



div.navig-levy, .navig-center {float:left; padding: 0.2em; /*margin-left: 200px;*/ background: #fff; width: 32%}
.navig-center {text-align: center}
div.navig-levy a { padding-left: 20px; background: url(../graphics/active/nav-prev.png) no-repeat left center;}
div.navig-pravy a {padding-right: 20px; background: url(../graphics/active/nav-next.png) no-repeat right center;}
div.navig-pravy {float:right; padding:0.2em; text-align: right;  background: #fff;; width: 30%;  }
div.navig-levy img, div.navig-pravy img { padding-left:0.2em; padding-right:0.2em; border:0 none; vertical-align: top}
div.navig-levy a, div.navig-pravy a, .navig-center a  {text-decoration: none; font-size: smaller}
div.navig-levy a:hover, div.navig-pravy a:hover  {text-decoration: underline; }

/* General navigation formatting */

.link-text            { font-weight: bold;
                        font-size: 10pt;
                      }


.link-text a          { text-decoration: none; }
.link-text a:link     { color: blue; }
.link-text a:visited  { color: blue; }

.no-link-text         { color: #7F7F7F; }

div.mediaobject img {border: 1px solid; margin-top: 0.5em; margin-bottom:0.2em; padding: 0.2em}
.left {float: left;} 
.left img {margin-right: 1em; margin-bottom: 1em}
.right img{margin-left: 1em; margin-bottom: 1em}
.right {float: right;}
p.img-title {font-size: smaller; font-style: italic; text-align: left}
table p.img-title {font-size: smaller; font-style: italic; text-align: center}
p.subtitle {margin-top:0.8em;margin-bottom:0.1em; font-weight: bold; font-size: 125%;
  font-family: "verdana", "Arial Black", sans-serif; 
  }
p.citation {font-style: italic; font-size: 70%; text-align: left}
p.important {font-style: italic; font-weight: bold; border: 2px solid red; padding: 0.2em; background-color: #fdd}
p.example { font-size: 90%; border-left: 1px solid black; margin-left: 2em; padding-left: 0.5em;
            margin-bottom:0; padding-bottom: 0.15em; padding-top: 0.15em; background: #eee    }

table {border: 2px outset; border-collapse: collapse; margin-top: 0.5em; margin-bottom: 0.3em; font-size: 90%}
div.table td, th {border: 1px solid black; padding: 0.2em }
th {border-bottom: 3px double black; background: #eee}
td {vertical-align: top}
.sub {font-size: 70%;vertical-align: -0.2em}
b {display: none}

div.informaltable table {width: 100%; border-style: none; border-collapse: separate;}
div.informaltable td {border-style: none; text-align: center;padding: 0.2em}
p.pozn {font-size: 70%}

dt {font-weight: bold; margin-top: 0.5em; margin-bottom: 0.1em}
dd {margin-left: 1.5em; font-size: 90%}

em.sup {font-size: 70%; vertical-align: 0.7em}
/* EOF */