#DSearch {
  margin-top: -25px;
  z-index: 10;
  position: absolute;
  right: 45px;
  background-color: #EDEBE3;
  padding: 5px;
  padding-bottom: 0px;
  
  border: 1px solid #cd778d;
  border-bottom: none;

  height: 15px;
  -webkit-border-top-right-radius: 15px;
  -webkit-border-top-left-radius: 15px;
  -moz-border-radius-topright: 15px;
  -moz-border-radius-topleft: 15px;
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
}
  * html #DSearch { 
    width: 210px; margin-top: -15px;
    height: auto;
    border: none;
  }
 
  #DSearch .dotaz {
    background-color: #F9FFD0;
    width: 180px;
    height: 20px;
    border: 1px solid #515758;
    border-right: none;

    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    
    padding-left: 5px;
  }
  #DSearch form { margin: 0; height: 20px; }

  #DSearch .tlacitko {
    width: 20px; height: 20px;
    cursor: pointer; 
    background: transparent url('/pics/design/64/b/hledani-btn.png') 0 0 no-repeat;
    border: 0;
  }

    @-moz-document url-prefix() {
      #DSearch .tlacitko { top: 1px; position: relative; }
    }
    @media screen and (-webkit-min-device-pixel-ratio:0) {
      #DSearch .tlacitko { position: relative; top: -1px; }
    }


#FAQico {
  float: right;
  margin-top: -25px;
  z-index: 50;
  position: absolute;
  right: 10px;
  background-color: #EDEBE3;
  
  display: block;
  width: 30px;
  height: 18px;
  -webkit-border-top-left-radius: 15px;
  -webkit-border-top-right-radius: 15px;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-topright: 15px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;

  border: 1px solid #cd778d;
  border-bottom: none;
}
  * html #FAQico {
    margin-top: -15px;
    height: auto; border: none; border-right: none;
  }
  #FAQico img { border: none; position: relative; left: 5px; top: 5px; }

#FAQdata {
  position: absolute;
  right: 10px;
  max-width: 350px;
  background: #fff url('/pics/design/64/df/bg.png') left bottom repeat-x;
  border: 1px solid #ddd;
  border-bottom-width: 3px;
  padding: 5px 10px;
  
  margin-top:-25px;
  z-index: 55;
}
  * html #FAQdata { width: 350px; }
  #FAQdata img { cursor: pointer; margin-top: 5px; }
  
  #FAQdata #vyhledavani .dotaz { width: 250px; }

.osoba_info {
  margin-bottom: 1em;
  padding-left: 60px;
  line-height: 1.6em;
  padding: 5px 5px 5px 65px;
  border: 1px solid #bbb;
  background-color: #fff;
}
  .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/64/p/nove-okno.png') 100% 70% no-repeat;
}
  .nedurazne a.okno, .privileg a.okno { background-image: url('/pics/design/64/p/nove-okno2.png'); }

a.rozbal, a.sbal {
  padding-right: 10px;
  background: transparent url('/pics/design/64/p/a-rozbal.png') 100% 60% no-repeat;
}
  a.sbal { background-image: url('/pics/design/64/p/a-sbal.png'); }

a.rvp {
  background: transparent url('/pics/design/64/p/a-rozbal-2.png') no-repeat 97% 70%;
  padding-right: 16px;
}

a.auth-klic {
  padding-left: 20px;
  background: transparent url('/pics/design/64/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, .otazka {
  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, .otazka h3 {
    color: #000;
    font-size: 1em;
    background-image: none;
    display: block;
    margin: 0;
    padding: .5em 5px .5em 45px;
  }

.info {
  background: #fbfce4 url('/pics/design/64/b/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/64/b/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/64/b/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/64/b/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/64/b/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;
  }

.otazka {
  background: #ffffcc url('/pics/design/64/b/ico/box-otazka.png') 10px 10px no-repeat;
  border: 1px solid #c60;
} 
  .otazka .obsah { margin-left: 45px; margin-top: .5em; }
  .otazka form { padding-top: 0.75em; }
  .otazka .ano, .otazka .ne { font-size: 115%; }
  .otazka .ano { font-weight: bold; }
  /* aby se otazka v jquery_expose popupu roztahla na cely popup */
  #jswifr .otazka {
    margin: 0;
    height: 100%;
    width: 100%;
  }

/* "typewriter" */
pre, tt { font-size: 1.1em; }

/* tabulky */
td.ok, tr.ok { background-color: #91b56d; }
td.ko, tr.ko { background-color: #d16368; }
td.ko2, tr.ko2 { background-color: #fe9a96; }
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; }
td.hover, tr.hover, .data1 th.hover { background-color: #ffff99; }

table { font-size: 1em; }
table.data1 {
  /* "klasicka" */
  margin-bottom: 1em;
  background-color: #f7f4ed;
  border-collapse: collapse;
  border: 1px solid #999;
  border-bottom-width: 3px;
}
  .data1 td {
    padding: 3px;
    border: 1px solid #999;
  }
  .data1 td input { background-color: #ffffd7; color: red; }
  .data1 td.durazne { background-color: #F2D7D9; }
  .data1 tr.durazne { background-color: #AA0634; }
  .data1 thead td { background-color: #ccc; } 
  .data1 th {
    color: #AA0634;
    background-color: #dcd9d2;
    border: 1px solid #999;
    padding: 4px 3px;
  }
  .data1 th.ok { background-color: #90ee90; color: #000; }
  .data1 th.ko { background-color: #f66; color: #000; }

  .subdata1 td { border: none; }

  .data1 .navodek td { border: none; }

  .data1 div.rozek span.rozek { top: -3px; right: -3px; }
  
table.data2 {
  border-collapse: collapse;
}

table.data2 td {
  /* "dvojice" */
  border: 1px solid #999;
  padding: 2px 6px;
  margin: 0;
}
  table.data2 tr:hover { background-color: #F2D7D9; }
  table.data2 th {
    color: #AA0634;
    margin: 0;
    border: 1px solid #999;
    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, li.ok, a.ok, a.ok:visited, .ok a, .ok a:visited, .ok-text { color: green; }
span.ko, p.ko, li.ko, a.ko, a.ko:visited, .ko a, .ko a:visited, .ko-text { color: red; }
  td.ok a, td.ko a, td.ok a:visited, td.ko a:visited { color: #002776; }
  td.ok a:hover, td.ko a:hover { color: #000; }
span.maybe, a.maybe, .maybe a { color: #c60; }

span.rozek {
  font-size: 2px;
  width: 9px; height: 9px;
  position: absolute;
  top: 0; right: 0;
  background: transparent url('/pics/design/rozky.png') 0 0 no-repeat;
}
  span.rozek.ok { background-position: -9px 0; }
  span.rozek.ko { background-position: -9px -9px; }
  span.rozek.maybe { background-position: 0 -9px; }
  
  div.rozek { position: relative; }
  td div.rozek, th div.rozek { height: 100%; } /* workaround FF bug */

span.alttext, span.alttexthover:hover { border-bottom: 1px dotted #999; }

.mensi { font-size: 90%; }

/* nova posta/student/aplikace */

#n-posta, #n-student, #n-aplikace { margin-bottom: 1em; }

#n-posta, #n-posta-plna, #n-aplikace {
  width: 500px;
  /*background: transparent url('/pics/design/64/b/posta.png') 0 0 no-repeat;*/
  background-color: #F2D7D9;
  border: 1px solid #fff;
  padding-top: 12px;
}
#n-aplikace { margin-top: 0.5em; }

  #n-posta h3, #n-aplikace h3 {
    font-size: 1.1em;
    position: relative;
    width: 130px; height: 22px;
    margin: 0 17px;
    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/64/b/nadpis/n-posta.png') 0 0 no-repeat;
  }
  #n-aplikace h3 span {
    width: 145px;
    background-image: url('/pics/design/64/b/nadpis/n-aplikace.png');
  }
  #n-posta ul, #n-aplikace dl {
    /*background: transparent url('/pics/design/64/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/64/b/n-aplikace-dole.png');*/ }

  #n-aplikace dt {
    font-size: 100%;
    font-weight: bold;
    /*background: transparent url('/pics/design/64/b/n-aplikace-dt') 0 50% no-repeat; TODO ? */
    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/64/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/64/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/64/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;
  }

/* TODO */
#n-student {
  width: 500px;
  padding-top: 10px;
  background: transparent url('/pics/design/14/b/student.png') 0 0 no-repeat;
}
  #n-student h3 {
    color: #00a0e2;
    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;
  margin-top: -3px;
  margin-left: 2px;
  background: #e9edf3 url('/pics/design/64/p/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: 3px;
      float: none;
    }
    * html .id-vyber img { padding-top: 4px; }
    .id-vyber b { margin-top: 10px; }
    .id-vyber h3 {
      color: #002776;
      margin: 0;
      padding: 7px 6px 0 4px;
      font-size: 1.1em;
      height: 24px;
    }
    .id-vyber form { margin: 0 2px; padding: 5px; background-color: #e8e5dd; }
    .id-vyber ul { padding-right: 10px; background-color: #E8E5DD; }
    .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 #ab0635;
      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 #00a0e2;
  padding: 0.1em;
  margin: 0.1em;
  background-color: #fff;
  line-height: 1.6em;
}

div.zmeneno, span.zmeneno {
  color: gray; font-size: .9em; 
  line-height: 1.6em;
  padding-left: 28px; margin-top: 5px;
  background: transparent url('/pics/design/64/b/ico/zmeneno-zmenil.png') 0 50% no-repeat;
}

  div.zmeneno a, span.zmeneno a { color: gray; }

div#stuco {
  padding: 3px 5px;
  padding-left: 175px;
  border-bottom: 1px solid #fda; /*#f33;*/ 
  background: #fbfce4 url('/pics/design/64/b/stuco.png') 127px 50% no-repeat;
}
  #stuco p { margin: 0; }
  #stuco.aktivni {
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #80BDE2;
    background-image: url('/pics/design/64/b/stuco-a.png');
    border-top: 1px solid #f00;
    border-bottom: 1px solid #f00;
  }
  #stuco.aktivni a:hover { color: #ffc; }

#edit_nav, .edit_nav {
  margin: 0.5em 0; padding: 5px;
  border-top: 1px solid gray;
  background-color: #fff;
}

span.cekat {
  display: block;
  padding: 7px 40px;
  background: #fff url('/pics/design/64/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;
}
  p.navodek, span.navodek { color: green; }
  .box-pul table.navodek, .box-pul div.navodek { width: auto; }

img.ico-navodek { border: none; vertical-align: middle; margin-right: 2px; }

.z_vazba {
	color:#424242;
	display:inline;
}

/* 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/64/b/ico/help.png') 0 50% no-repeat;
}

.help-otazky { margin-left: 30px; }

/* Tiskovy vystup */

#tisk_fs, #tisk_fs legend {
  margin: 0.5em 0;
  border: 1px solid #999;
  border-bottom-width: 3px;
  color: #000;
  background-color: #FFFCF5;
  padding: 5px; /**/
}
  #tisk_fs label {
    position: relative; left: -25px; padding-left: 25px;
    background: transparent url('/pics/design/64/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/64/b/ico/i-tisk4.png') 0 50% no-repeat;
  }

/* projekty */

.pr_plus, .pr_plus2 {
  padding-left: 20px;
  background: transparent url('/pics/design/64/b/ico/i-plus3.png') 0 50% no-repeat;
}
  .pr_plus2 { background-image: url('/pics/design/64/b/ico/i-plus2.png'); }

.pr_minus, .pr_minus2 {
  padding-left: 20px;
  background: transparent url('/pics/design/64/b/ico/i-minus3.png') 0 50% no-repeat;
}
  .pr_minus2 { background-image: url('/pics/design/64/b/ico/i-minus2.png'); }

.pr_zpet, .pr_obnovit {
  padding-left: 20px;
  background: transparent url('/pics/design/64/b/ico/zpet.png') 0 50% no-repeat;
}
  .pr_obnovit { background-image: url('/pics/design/64/b/ico/obnovit.png'); }

.pr_vpred {
  text-align: right;
  padding-right: 20px;
  background: transparent url('/pics/design/64/b/ico/vpred.png') 100% 50% no-repeat;
}
  .pr_vpred_m {
    text-align: right;
    padding-right: 13px;
    background: transparent url('/pics/design/14/oc/oc-r.png') 100% 55% no-repeat;
  }


.pr_fieldset, .pr_fieldset legend {
  margin: 0.5em 0;
  border: 1px solid #999;
  background-color: #EFEFEF;
}
  .pr_fieldset legend { font-weight: bold; color: #666; padding: 2px 5px; }

/* 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.lide .vyh_url { display: block; clear: left; }
  .vyh_polozka .highlight { font-weight: bold; }
  .vyh_polozka .rel { color: gray; }
    .vyh_polozka .rel a { color: #546ea4; }
    .vyh_polozka .rel a:hover { color: #F07800; }
  
  .vyh_polozka .pr_fo { /* lide foto */
    float: left;
    margin-right: .5em;
  }

/* vyhledavani */

#vyhledavani { margin: .5em 0; }
  #vyhledavani .dotaz { background: #F9FFD0 url('/pics/design/14/hledani-lupa-m.png') 3px -2px no-repeat; }

#fulltext {
  border: 1px solid #ddd; padding: 12px;
  background: #f9f9f9 url('/pics/design/14/hledani-lupa.png') 335px -8px no-repeat;
}
  #fulltext input { margin-left: 20px; border-color: #690; }
  #fulltext span.search_obalka {
    width: 335px; 
    background-color: #F9FFD0;
    border: 2px solid;
    border-color: #395500 #D1E0B2 #D1E0B2 #395500;
    padding: 2px;
    cursor: text;
  }
  #fulltext input.dotaz { 
    margin-left: 0px; 
    width: 300px;
    background: transparent;
    border: none;	
  }
  #fulltext input.dotaz:focus { outline: none; }
  #fulltext span#vymaz {
    cursor: pointer;
    font-size: 120%;
    font-weight: bold;
    color: #999;
    margin: 5px;
  }

#fulltext dt { margin-bottom: .2em; font-size: 100%; }

#ftagends {
  background-color: #F9F9F9;
  border-top: 1px solid #CCCCCC;
  padding: 5px; 
}
  #ftagends ul { margin: 0; }

  #ftagends input[type="checkbox"] { vertical-align: middle; }

  #ftagends a.aktivni { background-color: #fbbf9c; padding: 2px 4px; font-weight: bold; }

  #ftagends p { margin: .5em 0; } 

.vyh_polozka { margin: 1.2em 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_hlavicky a {
    color: gray;
    text-decoration: none;
    border-bottom: 1px solid #ddd; 
  }
    .vyh_polozka .vyh_hlavicky a:hover { color: #000; border-bottom-color: #000; }

  .vyh_polozka .vyh_text { margin: 0.3em 0; }
  .vyh_polozka .vyh_url {
    color: green;
    /* border-bottom: 1px solid #9a9; */
    /* text-decoration: none; */ 
  }
    .vyh_polozka.lide .vyh_url {
      display: block;
      clear: left;
    }
  .vyh_polozka .highlight { font-weight: bold; }
 
  /* lide foto */
  .vyh_polozka .pr_fo {
    float: left;
    margin: .2em .5em .2em 0;
    border: none;
  }

  .vyh_polozka img.favikonka {
    vertical-align: middle;
    border: none; 
  }
  
  .kalkulacka {
    min-height: 50px;
    background: transparent url('/pics/design/64/p/hledani-kalk.png') 0 0 no-repeat;
    padding-left: 75px;
    margin: 1.2em 0;
    line-height: 50px;
    font-size: 1.5em;
    font-weight: bold;
  }
  * html .kalkulacka { height: 50px; }

/* archiv */

#metadata {
  margin-right: 248px;
  padding: 5px 8px;
  border-right: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  background: #f7ffff url('/pics/design/64/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/64/th/metadata.png') 0 0 no-repeat;
    }
    #metadata h3 b { color: #000; }
  #metadata h4 { color: #000; font-size: 1em; }

  #metadata h2 { background-image: none; }
  #metadata h2.XXX {
    color: #db947c;
    font-size: 1.1em;
    border: none;
  }

  #metadata .anotace, #metadata .cil {
    padding-left: 30px;
    background: transparent url('/pics/design/64/th/anotace.png') 0 0 no-repeat;
    min-height: 25px;
  }
    #metadata .cil { background-image: url('/pics/design/64/th/cil.png'); }
    * html #metadata .anotace, * html #metadata .cil { height: 25px; }

  .klslova {
    padding-left: 53px;
    background: transparent url('/pics/design/64/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: #E1DFD8 url('/pics/design/64/th/sloupec.png') 0 0 no-repeat;
}
  /*#th-sloupec .oceneni {
    color: #fff;
    background: #c93f13 url('') 0 0 no-repeat;
    /pics/design/64/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/64/df/ousko.png') 0 0 no-repeat;
    border-right: 1px solid #8e8e8e;
  } 
  .ouska li#link_vse { float:right; }
  .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/64/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/64/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/64/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/64/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/64/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: #AB0635 url('/pics/design/64/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; }

.seminar { margin: .25em 0; }
  .seminar h5, dl.seminare h5 { display: inline; margin: 0; }

/* OA */

#t_prep, #t_vyveska_np, #t_diskuse_np, #t_evolby_np, #izppn {
  border: 1px solid #eee;
  border-bottom-width: 3px;
  padding: 5px;
  background-color: #FFF;
  margin-bottom: 0.5em;
}
  #t_prep {
    background: #FFF url('/pics/design/64/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;
  }
  #t_vyveska_np dt { background: none; }

#trvmodd { text-align: right; }
#trvmodi {
  background: transparent url('/pics/design/64/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/64/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/64/b/oa/studijni.png'); }
#t-rozcestnik #M30 { background-image: url('/pics/design/64/b/oa/ucitel.png'); }
#t-rozcestnik #student { background-image: url('/pics/design/64/b/oa/student.png'); }

#t-rozcestnik #M40 { background-image: url('/pics/design/64/b/oa/rozvrh.png'); }

#t-rozcestnik #M10 { background-image: url('/pics/design/64/b/oa/vyveska.png'); }
#t-rozcestnik #M60 { background-image: url('/pics/design/64/b/oa/setkavani.png'); }
#t-rozcestnik #M70 { background-image: url('/pics/design/64/b/oa/storage.png'); }
#t-rozcestnik #M80 { background-image: url('/pics/design/64/b/oa/elportal.png'); }

#t-rozcestnik #M90 { background-image: url('/pics/design/64/b/oa/obchod.png'); }
#t-rozcestnik #M100 { background-image: url('/pics/design/64/b/oa/karty.png'); }
#t-rozcestnik #M110 { background-image: url('/pics/design/64/b/oa/hry.png'); }

#skord { 
  margin: .3em 0;
  padding-top: 5px;
  border-top: 1px solid #e3e3e3;
}

/* zjednodusena OA */

#izppn .portlet { margin-bottom: .5em; }

#izppn ul, #izppn li, #izppn h3 { display: inline; }
  #izppn h3, #izppn li { margin-right: 1em; }
  #izppn h3 { font-size: 1.05em; }
  #izppn #t_vyveska_np { border: none; }

/* zvyrazneni */

#fixa {
  background: #dfefd5 url('/pics/design/64/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/64/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/64/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/64/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/64/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/64/b/ousko-skryt-cs.png') 0 0 no-repeat;
    margin-left: -221px;
    margin-top: 0.8em;
  }
    .en #ousko { background-image: url('/pics/design/64/b/ousko-skryt-en.png'); }
  #ouskoS {
    display: block;
    width: 14px;
    height: 121px; /*108*/
    margin-top: 140px; /*148*/
    background: transparent url('/pics/design/64/b/ousko-skryt-cs.png') 0px -140px no-repeat;
    cursor: pointer;
  }
    #ouskoS:hover { background-position: -15px -140px; }
    .en #ouskoS { background-image: url('/pics/design/64/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; }

  #panel .portlet {
    width: 188px;
    padding: 5px;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
  }
    * html #panel .portlet { width: 200px; } /* 198 */

  #panel .portlet h3 {
    margin: 5px -5px;
    width: 188px;
    padding: 3px 5px;
    font-size: 1.05em;
    position: relative;
    overflow: hidden;
    background-color: #f7d8e0;
  }
    * html #panel .portlet h3 { width: 196px; margin-left: -3px; }

  #nej a.aktivni {
    text-decoration: none;
    color: #000;
  }


