/*
Pro tisk se nesmí použít pozicování fixed protože to by vedlo k pøekrývání
textu hlavièkou a patièkou na dalších stránkách.
Pro tisk je vhodné vypnout menu.

Dodìlat:
  Alternativní fonty (font-family)
  Alternativní styly (pro stránkovaná média)
  Nadpis tabulky
*/


/*============================================================================*/
/* Globální nastavení                                                         */
/*============================================================================*/


/* Sjednocení nastavení celého dokumentu */
/* ------------------------------------- */
html, body {
  background: none #FFFFFF;           /* barva pozadí bez obrázku */
  color: #000000;                     /* barva písma */
        margin: 0px;                        /* sjednotíme okraje pro všechny prohlížeèe */
  padding: 0px;
}

body {
/*  _padding: 0.5em;                    /* IE6 okraj okolo pozor velikost se nemìní pøi zmìnì obraení */
 }

/*============================================================================*/
/* Nastavení písma textu a nadpisù                                            */
/*============================================================================*/


/* Standardní písmo odstavcù */
/* ------------------------- */
p {                                   /* standardní písmo odstavce */
        font-family: "Times New Roman";     /* øez písma */
        line-height:   1.3em;               /* mezera mezi øádky uvnitø odstavce */
  margin-left:     0px;               /* standarnì text od okraje */
  margin-right:    0px;               /* k okraji, mezera zajištìna paddingem */
  margin-top:   0.75em;               /* mezera pøed odstavcem */
  margin-bottom: 0.9em;               /* mezera za odstavcem */
}


/* Titulek, podtitul a autor èlánku */
/* -------------------------------- */
p.Titul, li.Titul, div.Titul,
p.Title, li.Title, div.Title {        /* titulek èlánku, obdoba H1 */
        font-family:   Arial;               /* nadpisové písmo */
  font-weight:  bolder;               /* tlistší písmo */
        text-align:   center;               /* centrované */
        font-size:      200%;               /* velké písmo */
        color:       #CC0000;               /* hlavní nadpisová barva */
  margin-top:    0.5em;               /* mezera pøed odstavcem */
  margin-bottom: 0.5em;               /* mezera za odstavcem */
}

p.Autor, li.Autor, div.Autor {        /* standardní písmo */
        font-family:   Arial;               /* nadpisovým písmem */
        text-align:   center;               /* centrované */
        color:          blue;               /* vedlejší nadpisová barva */
  margin-top:   0.25em;               /* mezera pøed odstavcem */
}

p.MsoSubtitle, li.MsoSubtitle, div.MsoSubtitle,
p.Subtitle, li.Subtitle, div.Subtitle {
        font-family: Arial;                 /* nadpisové písmo */
        font-style: italic;                 /* sklonìné */
        text-align: center;                 /* centrované */
        font-size:    120%;                 /* trošku vìtší písmo */
        color:     #0000FF;                 /* vedlejší nadpisová barva */
        margin-top:    1em;                 /* mezera pøed */
        margin-bottom: 2em;                 /* mezera za vypadá lépe když je vìtší */
        margin-left:   10%;                 /* není od okraje do okraje */
        margin-right:  10%;                 /* ani na jedné stranì */
}


/* spoleèné vlastnosti nadpisù a nadpisy */
/* ------------------------------------- */
h1, h2, h3, h4, h5, h6 {
        page-break-inside: avoid;           /* nedìlit stránky v nadpisech */
        page-break-after:  avoid;           /* zákaz zalomení pod nadpisem */
        font-family:       Arial;           /* nadpisový font */
  font-weight:      bolder;           /* tlistší písmo */
        margin-top:          1em;           /* mezera pøed trochu vìtší */
        margin-bottom:    0.75em;           /* mezera za */
}

h1 {                                  /* viz styl titulku */
        font-size:      200%;               /* veliké písmo */
        color:       #CC0000;               /* hlavní nadpisová barva */
}

h2 {
        font-size:      150%;               /* velké písmo */
        color:          blue;               /* vedlejší barva nadpisu */
}

h3 {
        font-size:      120%;               /* vìtší písmo */
        color:          blue;               /* vedlejší barva nadpisu */
}

h4, h5, h6 {                          /* písma jen mírnì odlišná */
        font-style:   italic;               /* sklonìné */
        color:          blue;               /* vedlejší barva nadpisu */
}

samp {                                /* ukázky výpisù a podobnì */
        font-family: "Courier New";         /* neproporcionální písmo */
}

/* První slovo má první písmeno zvýraznìné */
.FirstWord:first-letter {
        color: red;
}


/*============================================================================*/
/* Nastavení pro hlavièku, patièku a menu                                     */
/*============================================================================*/


/* Spoleèná nastavení pro Hlavièku Menu a Patièku */
/* ---------------------------------------------- */
div.InnerHeader, div.InnerMenu, div.InnerFooter {
  /*border: dotted #FF8080 1px;       /* pro ladìní */
        width:     100%;                    /* pøes celou stránku */
        margin:     0em;                    /* pro jistotu žádný vnìjší okraj */
        border:     0em;                    /* pro jistotu */
        background-color: #FFFFCC;          /* pozor na prùhlednost pøi rolování */
  color:      #993300;                /* barva písma */
}


/* Nastavení specifická pro Hlavièku */
/* --------------------------------- */
div.InnerHeader {                     /* kontejner na hlavièku */
  /*border: solid 1px red;            /* pro ladìní */
        position:     fixed;                /* fixní umístìní na stránce */
        _position:   static;                /* IE6 neumí position fixed */
        border-bottom: solid 2px #993300;   /* linka pod hlavickou */
  top:           -2px;                /* umistìní na stránce o tloušku linky */
        white-space: nowrap;                /* je zakázáno zalomit hlavièku */
        overflow:    hidden;                /* co pøeèuhuje zahoï */
  font-size:      3em;                /* velikost písma vzhedem k rodièi */
  padding:        0em;                /* vnitøní výplò (vzhledem k mému písmu) */
  line-height:   100%;                /* vzdálenost øádek od sebe */
}

div.InnerHeader .HeaderLogo {         /* text loga "MLAB" v hlavièce*/
  /*background: #CCFFCC;              /* pro ladìní */
  padding-left:   0.2em;              /* mezera vlevo */
}

div.InnerHeader img {                 /* textu "online" v hlavièce */
  /*border: solid 1px red;            /* pro ladìní neprùhledného obrázku */
  /*background: #FFCCCC;              /* pro ladìní prùhledného obrázku */
  height: 0.7em;                      /* gumová výška podle velikosti textu */
  width:    2em;                      /* gumová šíøka podle velikosti textu */
}

div.InnerHeader .HeaderText {         /* nadpis stránky (title) v hlavièce */
  /*border: solid 1px yellow;         /* pro ladìní */
  background:    #FFFFCC;             /* IE6 aby text zvítìzil pøi konfliktu s logem */
  /*background: #CCFFCC;              /* pro ladìní */
  position:    absolute;              /* absolutní umístìní */
  text-align:    center;              /* centrovaný obsah IE6 ignoruje */
  left:           5.3em;              /* posunutí o logo */
  _left:           auto;              /* IE6 natahuje se místo vlevo od textu */
  right:            0px;              /* pravý okraj až na konci */
  top:              2px;              /* posunutí o èáru jako u ostatních èástí hlavièky */
  _padding-right: 0.2em;              /* IE6 mezera vpravo */
}

div.InnerHeader a {                   /* odkaz v hlavièce */
  text-decoration: none;              /* odkaz není podtržený */
  color:   inherit;                   /* odkaz nemá zvláštní barvu */
  _color:  #993300;                   /* IE6 nám nìjak nedìdí barvu */
}

div.InnerHeader a:hover {             /* pøi najetí kurzoru na odkaz v hlavièce */
  color: #FF0000;                     /* zmìò barvu odkazu */
}


/* Nastavení specifická pro Menu */
/* ----------------------------- */
div.InnerMenu {                       /* kontejner pro menu */
        position:   fixed;                  /* fixní umístìní na stránce */
        _position: static;                  /* IE6 neumí position fixed */
        width:        7em;                  /* šíøka bloku s menu */
        _width:      100%;                  /* IE6 šíøka pøes celou stránku */
  top:          3em;                  /* výška hlavièky = výška písma + 2*padding */
        _top:         0px;                  /* IE6 umístìní hned pod hlavièku */
  left:        -2px;                  /* kompenzace šíøky èáry */
  _left:        0px;                  /* IE6 tady èáru nemáme */
        bottom:       0px;                  /* umístìní dole až dolu */
        border-right:   solid 2px #993300;  /* oddìlující linka vpravo */
        _border-right:  none;               /* IE6 bez èáry vpravo */
        _border-bottom: solid 4px #993300;  /* oddìlující linka dole (tlustá jako ty 2 nahoøe) */
        _background: #993300;               /* IE6 pozadí stejné jako linky */
        _color:      #FFFFFF;               /* IE6 barva textu menu uvnitø pruhu */
  text-align:   center;               /* centrovaný obsah IE6 ignoruje */
        font-weight:    bold;               /* tlusté písmo odkazu */
}

div.InnerMenu .Navigation {           /* vnitøní kontejner na navigaèní tlaèítka */
  /*_background: #333333;             /* ladící pozadí */
  margin-left:     2px;               /* kompenzace kompenzace èáry */
  _margin-left:  0.5em;               /* IE6 tady potøebuji jen okraj */
  _border:         0px;               /* IE6 žádný okraj */
  _padding:        0px;               /* IE6 žádná výplò */
}

div.InnerMenu .MenuText {             /* popisky v navigaci */
  /*background: #DDDDDD;              /* ladící pozadí */
  border:    none;                    /* žádný okraj */
  margin:     3px;                    /* malé mezery okolo */
}

/* Zobrazení seznamu odkazù v menu */
/* ------------------------------- */
div.InnerMenu ul {                    /* navigace jako seznam odkazù */
        list-style:    none;                /* seznam je bez odrážek */
        margin:         0px;                /* bez odsazení IE */
        padding:        0em;                /* bez odsazení FF */
        white-space: nowrap;                /* zákaz lámání položek menu do øádek */
}

div.InnerMenu li {                    /* jednotlivé odkazy */
  /*background: #BBBBBB;              /* ladící pozadí */
  border: solid 1px #993300;          /* tenký rámeèek */
  margin:          2px;               /* malé mezery okolo */
  _background: #FFFFCC;               /* IE6 svìtlé pozadí "tlaèítek" v lištì */
  _color:      #000000;               /* IE6 tmavá písmena na "tlaèítkách" */
}

div.InnerMenu a {                     /* odkazy v menu */
        text-decoration: none;              /* odstranìní podtržení odkazù */
  color:        inherit;              /* barva písma odkazu jako by to nebyl odkaz */
        _color:       #000000;              /* IE6 neumí dìdit */
}

div.InnerMenu a:hover {               /* po najetí kurzoru na odkazy v menu */
  color: #FF0000;                     /* zmìn barvu písma */
}

/* Zobrazení v menu */
/* ---------------- */
div.InnerMenu * {                     /* Pro IE6 je celé menu plovoucí v øádce */
        _float:        left;                /* IE6 všechny prvky menu plavou vlevo */
        _padding-left:  2px;                /* IE6 mezera mezi prvky vlevo */
        _padding-right: 2px;                /* IE6 mezera mezi prvky vpravo */
}


/* Nastavení specifická pro Patièku */
/* -------------------------------- */
div.InnerFooter{                      /* patièka */
        position:    fixed;                 /* fixní umístìní na stránce */
        _position:  static;                 /* IE6 neumí position fixed */
        bottom:        0px;                 /* umístìní na stránce */
        border-top:    solid 2px #993300;   /* linka nad hlavièkou */
  border-bottom: solid 2px #993300;   /* linka pod hlavièkou */
        font-size:     85%;                 /* písmo v patièce trochu zmenšit */
  /*padding-left: 1em;                /* to nejde použít protože IE6 neumí poèítat */
}                                     /* pøidal jsem pevnou mezeru do textu */


/*============================================================================*/
/* Nastavení pro tìlo dokumentu                                               */
/*============================================================================*/


/* Nastavení tìla dokumentu */
/* ------------------------ */
div.Text, div.Section1 {              /* tìlo stránky */
        /*border: dotted #80FF80 1px;       /* pro ladìní */
        padding:       2ex;                 /* oddìlení textu od okrajù */
        margin-top:    3em;                 /* když funguje fixní pozicování vynech hlavièku */
        _margin-top:   0px;                 /* IE6 umístìní rovnou pod hlavièku */
        margin-left:   7em;                 /* odsazení o velikost menu a kousek */
        _margin-left:  0px;                 /* IE6 levý okraj vznikne sám obtékáním menu */
        margin-bottom: 2em;                 /* když funguje fixní pozicování vynech patièku */
        _margin-bottom: 0px;                /* IE6 umístìní patièku hned za textem */
}


/* centrování vyznaèených elementù */
.center {
        text-align: center;
}

/* obarvení textù psaných kurzivou */
p i, div i, span i {
        color: #990000;
}


/* Tabulky */
/* ------- */
table {
        border-collapse: separate;          /* pøíèky v tabulce */
        border: 3px solid #CCCCCC;          /* vnìjší okraj tabulky */
        margin-top: 0.5em;                  /* odstup nahoøe (oddìlení od souseda) */
        margin-bottom: 0.5em;               /* odstup dole */
        background-color: #EEFFEE;          /* pozadí tabulky */
}

/* pøíèky mezi buòkami */
th, td {
        border: 1px solid #CCCCCC;          /* pøíèky mezi buòkami (v FF se barva chybnì dìdí) */
        text-align: left;                   /* pøebití centrování th prvku */
        padding: 0.5em;                     /* mezera mezi obsahem buòky a pøíèkami */
}

th {
        color: #FF2020;                     /* odlišení hlavièkových øádek */
}

table p, table div, table li, table ol, table ul {
        margin-top: 0.3em;                  /* omezeni nadbyteèné mezery u FF */
        margin-bottom: 0.3em;               /* omezeni nadbyteèné mezery u FF */
}

/* Tabulka Soupiska */
/* ---------------- */
/*  Tabulka s rozpiskou souèástek                                   */
/* Formát tabulky vychází z obecné tabulky                          */
/* první <th> je legenda                                            */
/* další <th> jsou skupinou souèástek                               */
/* znaèky <td> jsou vlastní seznam, první sloupec odskoèený vpravo  */
table.Soupiska td {
        padding: 0px 0.5em;                 /* mezera mezi obsahem buòky a pøíèkami */
}

table.Soupiska tr td:first-child {
        padding-left: 2ex;                  /* odsazení referenci, nefunguje v IE6 */
}

table.Soupiska tr > th {              /* funkci potomek IE6 nezná */
        font-style: italic;                 /* a tak se to v IE ignoruje */
        font-weight: normal;                /* jinak vše th je hubené písmo kurzivou */
}

table.Soupiska tr:first-child > th {
        font-style: normal;                 /* vše kromì prvního th (opìt v IE6 nefunguje) */
        font-weight: bold;
}




/*============================================================================*/
/* Formáty pro stránku o autorech                                             */
/*============================================================================*/


/* List pro jednoho autora */
/* ----------------------- */
div.AboutAuthor {
        border: solid 1px red;              /* rámeèek okolo èlovìka */
        padding: 2em;                       /* mezera uvnitø rámeèku */
        margin-bottom: 1em;                 /* mezera mezi rámeèky pod sebou */
}

/* Položka jména autora */
/* -------------------- */
div.AboutAuthor .Name {               /* jméno autora */
        font-style: italic;                 /* kurzíva */
        color: red;                         /* barva jména */
}

/* Vložený obrázek autora */
/* ---------------------- */
div.AboutAuthor img {                 /* obrázek autora (kdyby tak fungovalo abs. pozicování) */
        float:right;                        /* plovoucí vpravo */
        padding-left: 20px;                 /* mezera mezi textem a obrázkem */
}

/* Seznam èinností autora */
/* ---------------------- */
div.AboutAuthor ul {
        font-style: italic;                 /* písmo seznamu èinností */
        list-style: none;                   /* seznam je bez odrážek */
}