.osoba_info {
  margin-bottom: 1em;
  padding-left: 60px;
  line-height: 1.6em;
  padding: 5px 5px 5px 65px;
  border: 1px solid #bbb;
  background-color: #fff; color: #000;
}
  .osoba_info h5 { display: inline; }
  .osoba_info img { border: 1px solid #002776; float: left; margin-right: 0.5em; margin-left: -60px; }

.plus { color: green; }
.minus { color: red; }

.highlight { background-color: #ffc; }

span.hlight.on { padding: 1px 3px; }
span.hlight.on.green { background-color: #cfc; }
span.hlight.on.blue { background-color: #c7f2ff; }
span.hlight.on.red { background-color: #fcc; }
span.hlight.on.yellow { background-color: #ffc; }

#hlight-agreg {
  background-color: #fff;
  padding: 3px 5px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin-bottom: 5px;
}

dl.dl1 dl { margin-top: .5em; margin-bottom: .3em; }
dl.dl1 dt img { vertical-align: middle; margin-left: 2px; }
dl.dl1 .bb_tit_sled { border-bottom: none; text-decoration: underline; }

/* fotogalerie */

table.fotogalerie {
  margin: 0.5em 0;
}
  table.fotogalerie td, form.casovy_formular {
    padding: 5px;
    margin-bottom: 3px;
    border: 1px solid #ddd;
    background-color: #f3f3f3;
    color: #000;
  }
  table.fotogalerie td { border-bottom: 2px solid #d3d3d3; }

  .fotogalerie td .fotka {
    height: 106px;
    line-height:106px;
    text-align: center;
    min-width: 106px;
  }
    * html .fotogalerie td .fotka { width: 106px; }

  .fotogalerie td h4 { font-size: 1.1em; text-align: center; }

  .fotogalerie p { margin: .3em 0; }

  .fotogalerie .fotka img {
    vertical-align: middle;
    border: 3px solid #666;
    margin: auto 0;
  }
  /* TODO sirka ze 14? */
  
/* strankovani */

.strankovani { line-height: 1.6em; margin: .5em 0; /*clear: left;*/ } 
.strankovani b { font-size: 120%; }
.strankovani a { text-decoration: none; }
  .strankovani a.pg, .strankovani a.pgoff, .strankovani .active {
    vertical-align: middle;
    padding: 2px 3px;
    border: 1px solid #aaa;
    background-color: #eee;
    font-size: 90%;
  }
  .strankovani a:hover { text-decoration: underline; }
  .strankovani .active {
    background-color: transparent;
    font-weight: bold;
  }
  .strankovani a.pgoff { color: #666; border-color: #ddd; }
  .strankovani a.pgoff:hover { text-decoration: none; }


a.ico { vertical-align: middle; }
a.ico img { border: none; }

a.okno {
  padding-right: 13px;
  background: transparent url('../../pics/design/73/p/nove-okno.png') 100% 70% no-repeat;
}
  .nedurazne a.okno, .privileg a.okno { background-image: url('../../pics/design/73/p/nove-okno2.png'); }

a.rozbal, a.sbal {
  padding-right: 10px;
  background: transparent url('../../pics/design/73/p/a-rozbal.png') 100% 60% no-repeat;
}
  a.sbal { background-image: url('../../pics/design/73/p/a-sbal.png'); }

a.rvp {
  background: transparent url('../../pics/design/73/p/a-rozbal-2.png') no-repeat 97% 70%;
  padding-right: 16px;
}

a.auth-klic {
  padding-left: 20px;
  background: transparent url('../../pics/design/73/p/ico/auth-klic.png') 0 0 no-repeat;
}

hr.clear {
  display: block; clear: both;
  visibility: hidden; overflow: hidden;
  height: 0; border-width: 0;
  margin: 0; padding: 0;
}

.box-tretina, .box-2tretiny, .box-pul, .box {
    float: left;
    margin: 0 1%;
    border-left: none;
}
  .box { width: 98%; margin-bottom: 1em; padding-bottom: 0.5em; }
  .box-2tretiny { width: 64%; }
  .box-tretina { width: 30%; } 
  .box-pul {
    width: 47%;
    float: left;
    margin-bottom: 1em;
  }

/* "ramecky" pro duraznejsi vypisy */
.info, .potvrzeni, .upozorneni, .varovani, .chyba {
  width: 90%;
  margin: 1em 0 1em 5%;
  padding: 0.5em 0;
  min-height: 2.4em;
  clear: both;
}
  .info h3, .potvrzeni h3, .upozorneni h3, .varovani h3, .chyba h3 {
    color: #000;
    margin: 0;
    margin-top: 1em;
    padding-left: 45px;
  }
  #aplikace .info h3, #aplikace .potvrzeni h3, #aplikace .upozorneni h3, 
  #aplikace .varovani h3, #aplikace .chyba h3 {
    font-size: 1em;
    padding-left: 45px;
    padding-right: 5px;
    background-image: none;
    display: block;
  }

.info {
  background: #fbfce4 url('../../pics/design/73/p/ico/box-info.png') 10px 10px no-repeat;
  border: 1px solid #b9b994;
}
  .info p, .info table, .info ul, .info pre  {
    color: #000;
    padding: 0.5em 0;
    margin: 0 1em 0 45px;
  }

.potvrzeni {
  background: #fbfce4 url('../../pics/design/73/p/ico/box-potvrzeni.png') 10px 10px no-repeat;
  border: 1px solid #71b086;
}
  .potvrzeni p, .potvrzeni table, .potvrzeni ul, .potvrzeni pre {
    color: #000;
    padding: 0.5em 0;
    margin: 0 1em 0 45px;
  }

.upozorneni {
  background: #fbfce4 url('../../pics/design/73/p/ico/box-upozorneni.png') 10px 10px no-repeat;
  border: 1px solid #317fb4;
}
  .upozorneni p, .upozorneni table, .upozorneni ul, .upozorneni pre {
    color: #000;
    padding: 0.5em 0;
    margin: 0 1em 0 45px;
  }

.varovani {
  background: #ffffcc url('../../pics/design/73/p/ico/box-varovani.png') 10px 10px no-repeat;
  border: 1px solid #e1771c;
}
  .varovani p, .varovani table, .varovani ul, .varovani pre {
    color: #000;
    padding: 0.5em 0;
    margin: 0 1em 0 45px;
  }

.chyba {
  background: #ffffcc url('../../pics/design/73/p/ico/box-chyba.png') 10px 10px no-repeat;
  border: 1px solid red;
}
  .chyba p, .chyba table, .chyba ul, .chyba pre {
    color: #000;
    padding: 0.5em 0;
    margin: 0 1em 0 45px;
  }

  .info h3, .potvrzeni h3, .upozorneni h3, .varovani h3, .chyba h3 {
    margin: 0;
    padding: 0.5em 0;
  }

/* "typewriter" */
pre, tt { font-size: 1.1em; }

/* tabulky */
td.ok, tr.ok { background-color: #91b56d; }
td.ko, tr.ko { background-color: #d16368; }
td.stav1, tr.stav1 { background-color: #ffffd7; }
td.stav2, tr.stav2 { background-color: #d5e1f3; }
td.stav3, tr.stav3 { background-color: #4987bc; }
td.stav4, tr.stav4 { background-color: #FFD74C; }

table { font-size: 1em; }
table.data1 {
  /* "klasicka" */
  margin-bottom: 1em;
  background-color: #FDFDFE;
  border-collapse: collapse;
  border: 1px solid #ccc;
  border-bottom-width: 3px;
}
  .data1 td {
    /*border-color: #ccc;*/
    padding: 3px;
    border: 1px solid #ccc;
  }
  .data1 td input.durazne { background-color: #ffffd7; color: red; }
  .data1 td.durazne { color: #000; background-color: #D8EBF1; }
  .data1 tr.durazne { background-color: #D8EBF1; }
  .data1 thead td { background-color: #ccc; }
  .data1 th {
    color: #AB0635;
    background-color: #f3f3f3;
    border: 1px solid #ccc;
    padding: 4px 3px;
  }
  .data1 th.ok { background-color: #90ee90; color: #000; }
  .data1 th.ko { background-color: #f66; color: #000; }

table.data2 { border-collapse: collapse; }

table.data2 td {
  /* "dvojice" */
  border: 1px solid #ddd;
  padding: 2px 6px;
  margin: 0;
}
  table.data2 tr:hover { background-color: #fff; }
  table.data2 th {
    color: #000;
    margin: 0;
    border: 1px solid #ddd;
    font-weight: normal;
    font-style: italic;
    padding: 2px 6px;
    text-align: right;
    vertical-align: top;
  }

/* durazne */
.durazne { color: #d64242; }
.durazne2 { color: #d64242; font-size: 1.3em; }
.durazneBg { color: #d64242; background-color: #fbfce4; padding: 0 0.2em; }
  tr.durazne { color: #fff; background-color: #4A86DE; }
  a.durazne { color: #d64242; }
  a.durazne:hover { color: #F07800; }

.nedurazne { color: gray; }
  .nedurazne a { color: gray; }
  .nedurazne a:visited { color: gray; }
  a.nedurazne { color: gray; }
  a.nedurazne:visited { color: gray; }

.privileg { color: #855757; }
  .privileg a { color: #855757; }

span.ok, p.ok { color: green; }
span.ko, p.ko { color: red;}

/* nova posta/student/aplikace */

#n-posta, #n-student, #n-aplikace { margin-bottom: 1em; }

#n-posta, #n-posta-plna, #n-aplikace {
  width: 500px;
  /* bgr transparent /73/b/posta.png 0 0 no-repeat */
  background-color: #f0f8ff;
  border: 1px solid #ccc;
  padding-top: 12px;
}
#n-aplikace {
  margin-top: 0.5em;
  /* img /73/b/n-aplikace.png */
}

  #n-posta h3, #n-aplikace h3 {
    font-size: 1.1em;
    position: relative;
    width: 130px; height: 22px;
    margin: 0 17px;
    margin-left: 40px;
    overflow: hidden;
  }
  #n-aplikace h3 { width: 145px; }

  #n-posta h3 span, #n-aplikace h3 span {
    display: block;
    width: 130px; height: 22px;
    position: absolute; left: 0; top: 0; z-index: 1;
    background: transparent url('../../pics/design/73/b/nadpis/n-posta.png') 0 0 no-repeat;
  }
    /*.en #n-posta h3 span { background-image: url('../../pics/design/73/b/nadpis/n-posta-en.png'); }*/

  #n-aplikace h3 span {
    width: 145px;
    background-image: url('../../pics/design/73/b/nadpis/n-aplikace.png');
  }
    /*.en #n-aplikace h3 span { background-image: url('../../pics/design/73/b/nadpis/n-aplikace-en.png') }*/

  #n-posta ul, #n-aplikace dl {
    /* bgr transparent /73/b/posta-dole.png left bottom no-repeat */
    padding-left: 40px;
    padding-bottom: 10px;
    margin-bottom: 0;
    padding-right: 5px;
  }
  #n-aplikace dl { padding-top: 0.5em; /*background-image: url('../../pics/design/73/b/n-aplikace-dole.png');*/ }

  #n-aplikace dt {
    font-size: 100%;
    font-weight: bold;
    /* background: transparent url('../../pics/design/73/b/n-aplikace-dt') 0 50% no-repeat; */
    padding-left: 14px;
  } 
  #n-aplikace dt a { border: none; text-decoration: underline; }
  #n-aplikace dt a:hover { color: #36c; }
  #n-aplikace a.help {
    padding-right: 20px;
    background: transparent url('../../pics/design/73/b/n-aplikace-help-ico.png') 100% 50% no-repeat;
  }
  #n-aplikace a.skryj {
    float: right;
    margin-top: -20px;
    margin-right: 10px;
    padding-right: 20px;
    font-size: 90%;
    line-height: 1.6em;
    background: transparent url('../../pics/design/73/b/n-aplikace-hide-ico.png') 100% 50% no-repeat;
  }
  
  #n-posta p { padding-left: 40px; }
  #n-posta-plna {
    /* pouze zapl. schranka */
    /*background: transparent url('../../pics/design/73/b/posta-plna.png') 0 0 no-repeat;*/
    padding-left: 40px;
    color: #00a0e2;
  }
  * html #n-posta-plna { height: 40px; }

  #n-posta #n-posta-plna {
    background: none;
    height: auto;
    padding-top: 0;
  }

#n-student {
  width: 500px;
  padding-top: 10px;
  background: transparent url('../../pics/design/14/b/student.png') 0 0 no-repeat;
}
  #n-student h3 {
    color: #d64242;
    font-weight: normal;
    font-size: 1em;
    padding-left: 70px;
  }
  * html #n-student h3 { margin-top: 20px; }
  #n-student ol {
    margin-left: 20px;
    margin-right: 5px;
  }
  * html #n-student ol { margin-left: 65px; }
  #n-student p.posledni {
    background: transparent url('../../pics/design/14/b/student-dole.png') left bottom no-repeat;
    padding-left: 30px;
    padding-bottom: 10px;
  }

/* JS menu */
.id-vyber {
  display: none;
  width: 200px;
  position: absolute;
  z-index: 20;
  margin-top: -2px;
  margin-left: 2px;
  color: #000;
  background: transparent url('../../pics/design/73/b/id-vyber.png') 0 0 no-repeat;
  line-height: 1.4em;
}
  * html .id-vyber { margin-left: -29px; }
    .id-vyber img {
      position: relative;
      margin: 0; padding: 0;
      left: -2px;
      top: 2px;
      float: none;
    }
    * html .id-vyber img { padding-top: 4px; }
    .id-vyber b { margin-top: 10px; }
    .id-vyber h3 {
      /*color: #AA0634;*/
      margin: 0;
      padding: 7px 6px 0 32px;
      font-size: 1.1em;
      height: 24px;
    }
    .id-vyber form { margin: 0 2px; padding: 5px; /*background-color: #e8e5dd;*/ }
    .id-vyber ul { padding-right: 10px; }
    .id-vyber input {
      clear: left;
      float: left;
      padding-bottom: 0.5em;
    }
    .id-vyber label {
      float: left; 
      margin-left: 10px;
    }
    .id-vyber-zavrit {
      background: #fff;
      border: 1px solid #FFCE71;
      border-top: none;
      clear: both;
      padding: 3px 5px;
    }
    .id-vyber-zavrit a {
      clear: both;
      cursor: pointer;
    }

/* 
#posta-slozka .suda { background-color: #DFD9C3; }
#posta-slozka .licha { background-color: #eee; }

#posta-slozka tr:hover { background-color: #FFFCEF; }
  #posta-slozka tr.inverzne:hover { background-color: #dadada; }

  #posta-slozka .zprava-dulezita-nova { color: #ce3e1f; font-weight: bold; }
    #posta-slozka .zprava-dulezita-nova a { color: #ce3e1f; }
    #posta-slozka .zprava-dulezita-nova a:hover { color: #36c; }
  #posta-slozka .zprava-dulezita { color: #ce3e1f; }
    #posta-slozka .zprava-dulezita a { color: #ce3e1f; }
    #posta-slozka .zprava-dulezita a:hover { color: #36c; }
  #posta-slozka .zprava-nova-moje { font-weight: bold; }
  #posta-slozka .zprava-nova { font-weight: bold; }
*/

/* nadpisy */
h1, h2, h3, h4, h5 { margin: 0.5em 0; }
h1 { font-size: 1.75em }
h2 { font-size: 1.5em }
h3 { font-size: 1.25em }
h4 { font-size: 1.1em; }
h5 { font-size: 1em; }
h6 { font-size: 1em; margin: 0.2em 0; }

   ul#dropdown_files_top li,  ul#dropdown_files_bottom li {
    background-image: none;
  }

a.texbadchar {
  font-weight: bold;
  font-size: 1.5em;
  border: 1px solid #d64242;
  padding: 0.1em;
  margin: 0.1em;
  background-color: #fff;
  line-height: 1.6em;
}

div#stuco {
  padding: 3px 5px;
  padding-left: 195px;
  background: #fbfce4 url('../../pics/design/73/b/stuco.png') 145px 50% no-repeat;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
}
  #stuco p { margin: 0; }
  #stuco.aktivni {
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #FF9A8F;
    background-image: url('../../pics/design/73/b/stuco-a.png');
  }
  #stuco.aktivni a:hover { color: #ffc; }

span.cekat {
  display: block;
  padding: 7px 40px;
  background: #fff url('../../pics/design/73/pracuji.gif') 6px 3px no-repeat;
  color: #000;
  border: 1px solid #ccc;
  margin-bottom: 0.3em;
}

table.navodek, div.navodek {
  width: 550px;
  color: green;
  margin: 2px 0;
}
  span.navodek { color: green; }
  .box-pul table.navodek, .box-pul div.navodek { width: auto; }

img.ico-navodek { border: none; vertical-align: middle; margin: 0 2px; }

/* hledani */
.vysledek {
  margin: 1em 0;
  /*border-left: 1px solid gray;*/
  /*padding-left: 0.5em;*/
}
.vysledek h5 {
  display: inline;
}
.vysledek p { margin: 0.15em 0; }
/*.vysledek .v_info { color: #666; }*/
.vysledek .url {
  color: green;
  border-bottom: 1px solid #9a9;
  text-decoration: none; 
}

/* strankovani */
.strankovani { line-height: 1.6em; } 
.strankovani b { font-size: 120%; }
.strankovani a { text-decoration: none; }
  .strankovani a.pg, .strankovani .active {
    vertical-align: middle;
    padding: 2px 3px;
    border: 1px solid #aaa;
    background-color: #DAECDC;
    font-size: 90%;
  }
  .strankovani a:hover { text-decoration: underline; }
  .strankovani .active {
    background-color: transparent;
    border-color: #ccc;
    font-weight: bold;
  }

/* odpovedniky */

.predvyplneno, .zvyr_hodn {
  color: #000;
  padding: 0.5em;
  margin-bottom: 0.75em;
  width: 88%;
  /*clear: left;*/
}

.predvyplneno {
  background-color: #E7E5DE;
  border: 1px solid #E7E5DE;
  border-left-width: 4px;
}
  .predvyplneno span {
    float: left;
    font-style: italic;
    color: #666;
    /*text-align: right;*/
  }
  .predvyplneno .pred_hodn span { float: none; font-style: normal; } 
  .pred_hodn {
    margin-left: 8em;
    padding-left: 0.5em;
    border-left: 2px solid #CFCDC7;
  }

.zvyr_hodn {
  background-color: #d7eaf8;
  border: 1px solid #3578aa;
  border-left: 4px solid #ce3e1f;
}

/* napoveda */

.help-bez { position:relative; top:5px; }

h1.help, h2.help {
  padding-left: 30px;
  background: transparent url('../../pics/design/73/b/ico/help.png') 0 50% no-repeat;
}

/* Tiskovy vystup */

#tisk_fs, #tisk_fs legend {
  margin: 0.5em 0;
  border: 1px solid #999;
  border-bottom-width: 3px;
  color: #000;
  background-color: #EFEFEF;
  padding: 5px; /**/
}
  #tisk_fs label {
    position: relative; left: -25px; padding-left: 25px;
    background: transparent url('../../pics/design/73/b/ico/i-tisk.png') 0 50% no-repeat; 
  }
  #tisk_fs legend { font-weight: bold; color: #666; padding: 2px 5px; border-bottom-width: 1px; }
  #tisk_fs select { margin: 5px 0; }
  #tisk_fs .navodek { width: auto; clear: left; }

  #tisk_fs .tisk_pul { float: left; margin: 0 25px 5px 25px; }

#tisk_pokrocile { clear: left; margin-bottom: 0.5em; padding-top: 0.5em; }
  #tisk_pokrocile label { background-image: none;}
  
  #tisk_pokrocile_active {
    position: relative; left: -25px; padding-left: 25px;
    background: transparent url('../../pics/design/73/b/ico/i-tisk4.png') 0 50% no-repeat;
  }

/* projekty */

.pr_plus, .pr_plus2 {
  padding-left: 20px;
  background: transparent url('../../pics/design/73/b/ico/i-plus3.png') 0 50% no-repeat;
}
  .pr_plus2 { background-image: url('../../pics/design/73/b/ico/i-plus2.png'); }

.pr_minus, .pr_minus2 {
  padding-left: 20px;
  background: transparent url('../../pics/design/73/b/ico/i-minus3.png') 0 50% no-repeat;
}
  .pr_minus2 { background-image: url('../../pics/design/73/b/ico/i-minus2.png'); }

.pr_zpet, .pr_obnovit {
  padding-left: 20px;
  background: transparent url('../../pics/design/73/b/ico/zpet.png') 0 50% no-repeat;
}
  .pr_obnovit { background-image: url('../../pics/design/73/b/ico/obnovit.png'); }

.pr_vpred {
  text-align: right;
  padding-right: 20px;
  background: transparent url('../../pics/design/73/b/ico/vpred.png') 100% 50% no-repeat;
}

/* hledani */

.vyh_polozka { margin: 1em 0; clear: left; }

  .vyh_polozka p { margin: 0.2em 0; } 

  .vyh_polozka h5 { font-size: 1.1em; display: inline; }
  .vyh_polozka .vyh_hlavicky { color: gray; margin: 0.2em 0; }
  .vyh_polozka .vyh_text { margin: 0.3em 0; }
  .vyh_polozka .vyh_url { color: green; }
  .vyh_polozka .highlight { font-weight: bold; }
  
  .vyh_polozka .pr_fo { /* lide foto */
    float: left;
    margin-right: .5em;
  }

/* TODO archiv */

#metadata {
  margin-right: 248px;
  padding: 5px 8px;
  border-right: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  background: #f7ffff url('../../pics/design/73/th/metadata-bg.png') 0 0 repeat-x;
}
  #metadata h2 { border-top: 1px solid #d9d9d9; margin: 0; padding-top: 3px; }
  #metadata h3, #metadata h5 { color: #000; font-size: 1em; color: gray; font-weight: normal; }
    #metadata h3 {
      position: relative;
      top: -5px; left: -8px;
      padding: 8px 0 0 8px; margin: 0;
      background: transparent url('../../pics/design/73/th/metadata.png') 0 0 no-repeat;
    }
    #metadata h3 b { color: #000; }
  #metadata h4 { color: #000; font-size: 1em; }

  #metadata h2.XXX {
    color: #db947c;
    font-size: 1.1em;
    border: none;
  }

  #metadata .anotace {
    padding-left: 30px;
    background: transparent url('../../pics/design/73/th/anotace.png') 0 0 no-repeat;
  }
  .klslova {
    padding-left: 53px;
    background: transparent url('../../pics/design/73/th/klslova.png') 30px 0 no-repeat;
    padding-bottom: 5px; margin-bottom: 0;
  }
  .klslova a { text-decoration: none; border-bottom: 1px solid #bacadd; }

#th-podr {
  font-size: 0.9em;
}

#th-obsah li a { vertical-align: middle; }

.oddil { margin-right: 248px; }

#th-sloupec {
  float: right;
  width: 240px;
  padding: 10px 0;
  margin-bottom: 0.5em;
  background: #eee url('../../pics/design/73/th/sloupec.png') 0 0 no-repeat;
}
  /*#th-sloupec .oceneni {
    color: #fff;
    background: #c93f13 url('') 0 0 no-repeat;
    ../../pics/design/73/th/oceneni.png
    padding: 13px 55px 5px 5px;
    margin-bottom: 1em;
  }
    #th-sloupec .oceneni h4 { color: #fff; }*/

  #th-sloupec .oddil {
    margin-right: 0;
    padding: 0 5px;
  }

  #th-sloupec .stejne { display: inline; }
  #th-sloupec .navodek { width: 230px; }

/* .ouska */

.ouska {
  clear: left;
  border-bottom: 1px solid #bbb;
  height: 1.8em; /* 2.1 FFF */
  margin: 0;
}
  .ouska li {
    float: left;
    margin-right: 5px;
    /* margin-top: 0.3em; FFF */
    padding-left: 1px;
    padding-top: 1px;
    background: #e9e9e9 url('../../pics/design/61/df/ousko.png') 0 0 no-repeat;
    border-right: 1px solid #8e8e8e;
  } 
  .ouska li.vpravo {
    background-color: transparent;
    background-image: none;
    border: none;
    float: right;
  }
    .ouska li.vpravo a.okno { padding-right: 13px; }
    .ouska li a, .ouska li span {
      padding: 0.2em 0.6em;
      line-height: 1.7em;
    }
    .ouska li span a { /*display: inline;*/ padding: 0; }

  /*.ouska li:hover { background-color: #F7F8FC; }*/
  .ouska li.aktivni {
    background-color: #fff;
    border-bottom: 1px solid #fff; /*F7F8FC*/
    /* margin-top: 0; FFF */
    /* height: 2em; FFF */
  }
    * html .ouska { height: 1.6em; } /* TODO */
    * html .ouska li a, * html .ouska li span { line-height: 1.5em; }

  .ouska-karta {
    background-color: #fff;
    border: 1px #bbb solid;
    border-top: none;
    padding: 5px
  }

.hodn_pri {
  padding: 5px;
  margin-right: 3px;
  margin-bottom: 3px;
  color: #000;
  background-color: #fff3ff;
  margin-top: 0.3em;
  border-top: 1px solid #ffb9ff;
} /* DF, bloky */

.hodn_pri pre { margin: 0; margin-top: 0.5em; }

/* studijni */

.stud_hrom {
  height: 58px;
  padding: 5px;
  padding-left: 28px;
  margin-top: 5px;
  background: #fff url('../../pics/design/73/b/ico/hrom-vyber-s.png') 3px 3px no-repeat;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  color: #000;
}
  .stud_hrom p { font-size: 85%; margin: 23px 0 0 148px; }
  .stud_hrom .pr_zpet { margin-left: 75px; margin-right: 2.3em; }
  .stud_hrom .pr_vpred { margin-right: 5px; margin-left: 2.3em; }

  .stud_hrom .pr_fo { position: absolute; border: none; margin-left: 10px; }
  
#stud_stud {
  width: 80%;
  /*color: #000;*/
  background-color: #eee;
  border: 1px solid #999;
  border-bottom-width: 3px;
  height: 203px;
  margin: 0.5em 0;
  padding-left: 5px;
}
  #stud_stud img { float: left; margin: 5px 1.5em 5px 0; }
  #stud_stud img.ryc { float: none; margin: 0; border: none; vertical-align: middle; }

  #stud_stud p { margin: 5px 0; }
  #stud_stud ul { margin-top: 0.25em; }
     #stud_stud ul.stud_apl { margin-top: 0; }
  #stud_stud ul li { font-size: 90%; }
  
ul.stud_apl {
  float: right;
  width: 15em;
  height: 197px;
  overflow-y: scroll;
  padding: 3px 5px;
  margin: 0;
  margin-left: 1.5em;
  background-color: #fff;
  /*background: #fff url('../../pics/design/14/b/paticka.png') 0 -1px repeat-x;*/
  border-left: 1px solid #ccc;
}
  * html ul.stud_apl { height: 198px; }
  html:first-child ul.stud_apl { overflow: scroll; } /* Opera */

ul.stud_apl a.tisk, .lide_tabulka a.tisk {
  padding-right: 13px;
  background: transparent url('../../pics/design/73/b/ico/i-tisk4.png') 100% 50% no-repeat;
}

ul.stud_apl li {
  background-position: 1px 50%;
  /*background-color: red;*/
}
  ul.stud_apl li.aktivni {
    font-weight: bold;
    background-image: url('../../pics/design/14/b/li2.png');
    /*background-color: #eee;*/
    background-position: 0px 50%;
  }

ul.scroll {
  height: 70px; /* 92? */
  padding-right: 5px;
  overflow-y: scroll;
  margin: 0;
}

.stud_volby { width: 18%; float: right; }
.stud_volby input { vertical-align: middle; } 
.stud_volby .navodek { width: auto; }

img.ryc { border: none; }

/* fmgr */

#aplikace .odsazeni { padding-left: 20px; }

.odsazeni p { 
  margin: 2px 0;
  padding-left: 8px;
  background: transparent url('../../pics/design/73/mapa-l.png') 0 0 no-repeat;
}
.odsazeni p img { vertical-align: middle; margin-right: 2px; }
.odsazeni img { border: none; }

.odsazeni .prpopis {
  color: #000;
  position: absolute;
  background:#cfcfcf;
  border: 1px solid #bbb;
  visibility: hidden;
  padding: 1px;
  max-width: 60%;
}

.radek { text-decoration: none; }
.radek span.nazev a { color: brown; text-decoration: none; } 
.radek span.nazev a:hover {color: brown; text-decoration: underline; }
 
.radek .fmgr_info { color: grey; text-decoration: none; }

/* search window */

.sw_storage {
  background-color: #e4e4fb;
  padding: 4px;
  margin: 5px 0;
  border-bottom: 2px solid #B7ADFB;
}
  .sw_storage a {
    background: transparent url('../../pics/design/73/sw-trojuhelnik.png') 0 50% no-repeat;
    padding-left: 10px;
  }
  .sw_storage form { margin: 0; }
  .sw_storage input.sw_url {
    padding-left: 25px; 
    background: #fff url('../../pics/design/73/sw-lupa.png') 2px 50% no-repeat; 
  }
  .sw_storage .sw_help { color: green; margin: 3px 0; }

#jswifr {
  width: 75%;
  height: 75%;
  position: fixed;
  left: 12.5%; top: 12.5%;
  z-index: 100;
  border: none;
  background-color: #fff; color: #000;
  /* scroll */
}
  * html #jswifr { position: absolute; }

  #jswifr_close { 
    position: fixed;
    left: 12.5%; top: 12.5%;
    margin-top: -22px;
    display: block;
    background: #A2CEEC url('../../pics/design/73/close.png') 3px 3px no-repeat;
    padding: 3px 5px 5px 25px;
    z-index: 200;
    color: #fff;
  }
    #jswifr_close:hover { color: #F07800; }

  #jswifr_wait {
    position: fixed;
    left: 50%; top: 50%;
    margin: -12px 0 0 -12px;
    z-index: 200;
  }

/* publikace */

a.autor_publikace, a.autor_publikace:visited {
  color: #333333;
  border-bottom: 1px solid #ccc;
  text-decoration: none;
}
  a.autor_publikace:hover { color: #F5811E; border-bottom-color: #F5811E; }

/* Progress bar */

.progress_bar {
	width: 65%;
	margin-left: 22%;
	padding: 10px;
	padding-bottom: 5px;
	border: 1px solid #a9a5a2;
	border-bottom-width: 3px;
	background-color: #eee;
}
  .progress_bar table { margin-top: 5px; }

  .progress_bar .progress_bar_border {
    background: #fff url('../../pics/design/progbar.png') 0 100% repeat-x;
  	border: 1px solid #317FB4;
  	height: 2em;
  	line-height: 2em;
  	position: relative;
  }
  
  .progress_bar .progress_gauge {
    background: #ffc url('../../pics/design/progbar2.png') 0 100% repeat-x;
  	height: 2em;
  	line-height: 2em;
  	position: absolute;
  }
  
  .progress_bar .progress_percent {
  	height: 2em;
  	line-height: 2em;
  	position: relative;
  	text-align: center;
  	font-weight: bold;
  }

  .progress_bar .stop { margin-left: 45%; }

/* odpovednik */

#odp-student {
  text-align: center;
  margin-top: 15px;
  padding-top: 5px;
  width: 130px;
  background-color: #fff; 
  color: #000;
  line-height: 2em;
  overflow: hidden;
  opacity: .90;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
  border-radius: 6px;
  -moz-border-radius: 6px;
  position: fixed;
  left: 20px;
}
  #odp-student b { font-size: 1.5em; }

/* OA */

#t_prep, #t_vyveska_np, #t_diskuse_np, #t_evolby_np {
  border: 1px solid #eee;
  border-bottom-width: 3px;
  padding: 5px;
  background-color: #FFF;
  margin-bottom: 0.5em;
}
  #t_prep {
    background: #FFF url('../../pics/design/73/b/oa/box-info-gray.png') 10px 10px no-repeat;
    padding-left: 45px;
    line-height: 1.6em; 
  }

  #t_vyveska_np dl, #t_diskuse_np dl, #t_evolby_np dl {
    margin-bottom: 0;
  }

#trvmodd { text-align: right; }
#trvmodi {
  background: transparent url('../../pics/design/73/b/ico/i-plus2.png') no-repeat 100% 70%;
  padding-right: 22px;
}

.t-sekce {
  padding-left: 60px;
  padding-bottom: 10px;
  background: transparent url('../../pics/design/73/b/oa/dummy.png') 0 0 no-repeat;
  min-height: 35px;
  line-height: 1.5em;
}
  * html .t-sekce { height: 50px; } 
  .t-sekce h2 { 
    font-size: 1.3em;
    margin: 1em 0 .2em;
    padding-top: 3px; 
  }
  .t-sekce img {
    border: none; vertical-align: middle;
    margin-left: 5px;
  }
  .t-sekce img.TPA { cursor: pointer; }
  
  .t-sekce .XYZ { color: gray; font-weight: normal; }
  .t-sekce i { font-style: normal; font-weight: bold; color: gray; }

#t-rozcestnik #studijni { background-image: url('../../pics/design/73/b/oa/studijni.png'); }
#t-rozcestnik #M30 { background-image: url('../../pics/design/73/b/oa/ucitel.png'); }
#t-rozcestnik #student { background-image: url('../../pics/design/73/b/oa/student.png'); }

#t-rozcestnik #M40 { background-image: url('../../pics/design/73/b/oa/rozvrh.png'); }

#t-rozcestnik #M10 { background-image: url('../../pics/design/73/b/oa/vyveska.png'); }
#t-rozcestnik #M60 { background-image: url('../../pics/design/73/b/oa/setkavani.png'); }
#t-rozcestnik #M70 { background-image: url('../../pics/design/73/b/oa/storage.png'); }
#t-rozcestnik #M80 { background-image: url('../../pics/design/73/b/oa/elportal.png'); }

#t-rozcestnik #M90 { background-image: url('../../pics/design/73/b/oa/obchod.png'); }
#t-rozcestnik #M100 { background-image: url('../../pics/design/73/b/oa/karty.png'); }
#t-rozcestnik #M110 { background-image: url('../../pics/design/73/b/oa/hry.png'); }

#skord { 
  margin: .3em 0;
  padding-top: 5px;
  border-top: 1px solid #e3e3e3;
}

/* zvyrazneni */

#fixa {
  background: #dfefd5 url('../../pics/design/73/b/fixa.png') 0 0 repeat-x;
  border-bottom: 1px solid #9dcd81;
  display: block;
  padding: 5px; 
  padding-left: 3px;
  margin: -7px -1px 5px 4px;
}
  #menu #fixa a { 
    color: #390;
    background: #dfefd5 url('../../pics/design/73/b/ohrefhead-menu.png') 0 50% no-repeat;
    padding-left: 20px; 
  }
  #menu #fixa a:visited { color: #390; }
  #menu #fixa a:hover { color: #9dcd81; }  

#ohrefhead {
  background: #dfefd5 url('../../pics/design/73/b/ohrefhead.png') 0 0 repeat-x;
  border-bottom: 1px solid #9dcd81;
  margin-top: -7px; 
  margin-bottom: 5px;
  padding: 5px 5px 0;
  line-height: 1.6em;
  margin-left: -6px;
}
  #ohrefhead h3 { display: inline; font-size: 110%; }
  #ohrefhead ul { display: inline; }
  #ohrefhead li { display: inline; margin-right: 3px; }
  
  #ohrefhead .oper {
    font-size: 85%; color: gray;
    padding: 3px 0px;
  }
    #tedmodi, #tedzvyraz { background-color: #ecfde1; padding: 2px 4px; }

.ZZX { position: relative; }
  
.TSRO {
  /*display: block;*/
  position: absolute;
  z-index: 20;
  width: 320px;
  background: transparent url('../../pics/design/73/b/ohref_f.png') 0 0 no-repeat;  
  border-bottom: 2px solid #9dcd81;
  padding-top: 15px;
  left: -10px;
  top: 7px; /* 3 */
  line-height: 1.7em;
}
  .TSRO span {
    display: block; padding: 5px;
    background-color: white;
    margin: 0 2px; 
  }
  .TSRO .close {}

    .TSRO .red, .TSRO .blue, .TSRO .green, .TSRO .yellow { 
      padding: 0 3px;
      margin: 0 5px 5px 0;
      float: left; 
    }
    .TSRO .green { clear: left; } 
    
    .TSRO a.green { background-color: #cfc; }
    .TSRO a.blue { background-color: #c7f2ff; }
    .TSRO a.red { background-color: #fcc; }
    .TSRO a.yellow { background-color: #ffc; }
    
    .TSRO a.close, .TSRO a.more { float: right; padding-right: 20px; } /* , .TSRO a.delete */
    .TSRO a.close { background: transparent url('../../pics/design/73/closewo.png') 100% 50% no-repeat; }

fieldset.TFRF { position: absolute; z-index: 100; }

fieldset.TFRF, fieldset.TFRF legend {
  background-color: #fff;
  margin: 0.5em 0;
  border: 1px solid #999;
}
  fieldset.TFRF legend { font-weight: bold; color: #666; padding: 2px 5px; }
  fieldset.TFRF input, fieldset.TFRF select { margin: 2px 3px; }
  fieldset.TFRF .help { color: green; }
  fieldset.TFRF form { margin-bottom: 0; }
  
  a.ohref_s { color: brown; }
  a.ohref_s img { border: none; vertical-align: middle; }

/* panel */

div#panel {
  margin-bottom: 0.8em;
  background-color: #F3F3F3;
  min-height: 400px;
  border: 1px solid #dddfe2;

  float: left;
  width: 200px;
  margin-left: -207px; 
  margin-top: 0.8em;
}
  * html panel { height: 400px; }

  #ousko {
    float: left;
    width: 14px;
    height: 420px;
    background: transparent url('../../pics/design/73/b/ousko-skryt-cs.png') 0 0 no-repeat;
    margin-left: -221px;
    margin-top: 0.8em;
  }
    .en #ousko { background-image: url('../../pics/design/73/b/ousko-skryt-en.png'); }
  #ouskoS {
    display: block;
    width: 14px;
    height: 121px; /*108*/
    margin-top: 140px; /*148*/
    background: transparent url('../../pics/design/73/b/ousko-skryt-cs.png') 0px -140px no-repeat;
    cursor: pointer;
  }
    #ouskoS:hover { background-position: -15px -140px; }
    .en #ouskoS { background-image: url('../../pics/design/73/b/ousko-skryt-en.png'); }

  #panel-vrsek {
    border: 1px solid #fff;
    border-bottom: none;
    padding: 5px;
  }
    #panel-vrsek h3 { margin: 0; }

  #panel-konf {
    padding: 5px;
    background-color: white;
  }

  #port-vyveska img, #port-pozvanky img {
    margin: 0 2px; margin: -1px 2px 2px; vertical-align: middle; 
  }
  
  #port-diskuse ul { margin-bottom: 0; padding-left: .5em; }
    #port-diskuse ul li { margin-bottom: .5em; }

  .portlet {
    width: 188px;
    padding: 5px;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
  }
    * html .portlet { width: 200px; } /* 198 */

  .portlet h3 {
    margin: 5px -5px;
    width: 188px;
    padding: 3px 5px;
    font-size: 1.05em;
    position: relative;
    overflow: hidden;
    background-color: #ddeefa;
  }
    * html .portlet h3 { width: 196px; margin-left: -3px; }

  #nej a.aktivni {
    text-decoration: none;
    color: #000;
  }