.oc h3 { color: #1e5351; margin-top: 1.2em; }
  .oc .info h3, .oc .potvrzeni h3, .oc .upozorneni h3, 
  .oc .varovani h3, .oc .chyba h3 { margin-top: 0; }
.oc h4, .oc h5 { color: #00840b; }

.oc-b, .oc-bx {
  padding-left: 14px;
  background: transparent url('/pics/design/14/oc/oc-b.png') 0 50% no-repeat;
}
  .oc-bx {
    background-image: url('/pics/design/14/oc/oc-bx.png');
    text-decoration: none; }

.oc-r {
  text-align: right;
  padding-right: 13px;
  background: transparent url('/pics/design/14/oc/oc-r.png') 100% 55% no-repeat;
}

#menu h3 {
  margin-right: 15px;
  padding: 0 0.5em;
  color: #fff;
  font-size: 100%;
  background-image: none;
}

/*.oc #menu ul { margin-right: 5px; }*/

  #menu ul li {
    /*text-align: left;*/
    /*border-bottom: 1px solid #005A95; /*FFC725;*/
  }

  #menu ul.nabidka {
    /*background-color: #EDEBE3;*/ /* #048 */
    /*border-left: 3px solid #669DC0;*/
  }

  #menu ul { /* background: transparent url('/pics/design/14/p/hx.png') left bottom repeat-x; */ }

  #menu ul.nabidka li:hover {
    /*background: transparent url('/pics/design/14/p/li-aktivni-oc.png') 100% 50% no-repeat;*/
    /*background-color: #048;*/
    /*#EDEBE3;*/
  }


#odkazy-rel {
  float: left;
  width: 48%;
}

#promo {
    float: left;
    width: 48%;
}


#oc-app { float: left; width: 100%; margin-right: -250px; }
  /* * html #oc-app { margin-right: 220px; } */

#oc-app2 { margin-right: 250px; }

#oc-side {
  float: right;
  width: 220px;
  /*padding: 10px;*/
  /*margin-left: -220px;*/
  /*margin: 0.5em 0 10px 0.5em;*/
  /*background-color: #EFEFEF;*/
}

#kosik {
  background: transparent url('/pics/design/14/oc/kosik-dole.png') 0 100% no-repeat;
  padding-bottom: 1px;
}

  #kosik h3 {
    padding: 10px 5px 10px 40px; font-size: 1em; 
    background: transparent url('/pics/design/14/oc/kosik.png') 0 0 no-repeat;
  } 
  #kosik p { padding: 0 5px; } 

#vyhledavani { margin-top: 1em; }
  #vyhledavani .dotaz { width: 135px; }

/* titulka */
h4.tip, h5.tip, p.tip {
  padding-left: 22px;
  padding-top: 2px;
  background: transparent url('/pics/design/14/oc/tip.png') 0 0 no-repeat;
}

.oc-skupina h3 {
  background: transparent url('/pics/design/14/oc/oc-predm-40.png') 0 0 no-repeat;
  padding-left: 50px;
  line-height: 2.6em;
}
  .oc-skupina h3.konference { background-image: url('/pics/design/14/oc/oc-konf-40.png'); }
  .oc-skupina h3.knihy { background-image: url('/pics/design/14/oc/oc-kniha-40.png'); }
  .oc-skupina h3.isic { background-image: url('/pics/design/14/oc/oc-ISIC-40.png'); }
  .oc-skupina h3.zaznam { background-image: url('/pics/design/14/oc/oc-zaznam-40.png'); }
  .oc-skupina h3.promoce { background-image: url('/pics/design/14/oc/oc-promoce-40.png'); }
  .oc-skupina h3.pripravka { background-image: url('/pics/design/14/oc/oc-pripravka-40.png'); }
  .oc-skupina h3.reklamni { background-image: url('/pics/design/14/oc/oc-reklamni-40.png'); }
  .oc-skupina h3.sport-leto { background-image: url('/pics/design/14/oc/oc-sport-leto-40.png'); }
  .oc-skupina h3.sport-zima { background-image: url('/pics/design/14/oc/oc-sport-zima-40.png'); }
  .oc-skupina h3.CUS { background-image: url('/pics/design/14/oc/oc-CUS-40.png'); }
  .oc-skupina h3.PraF { background-image: url('/pics/design/14/oc/oc-fak-PraF-40.png'); }
  .oc-skupina h3.LF { background-image: url('/pics/design/14/oc/oc-fak-LF-40.png'); }
  .oc-skupina h3.PriF { background-image: url('/pics/design/14/oc/oc-fak-PriF-40.png'); }
  .oc-skupina h3.FF { background-image: url('/pics/design/14/oc/oc-fak-FF-40.png'); }
  .oc-skupina h3.PdF { background-image: url('/pics/design/14/oc/oc-fak-PdF-40.png'); }
  .oc-skupina h3.ESF { background-image: url('/pics/design/14/oc/oc-fak-ESF-40.png'); }
  .oc-skupina h3.FI { background-image: url('/pics/design/14/oc/oc-fak-FI-40.png'); }
  .oc-skupina h3.FSS { background-image: url('/pics/design/14/oc/oc-fak-FSS-40.png'); }
  .oc-skupina h3.FSpS { background-image: url('/pics/design/14/oc/oc-fak-FSpS-40.png'); }
  .oc-skupina h3.CJV { background-image: url('/pics/design/14/oc/oc-fak-CJV-40.png'); }

  .oc-skupina .sbal { font-size: 85%; }

.oc-sbaleno h4 { 
  padding: 5px 0px 5px 22px;
  background: transparent url('/pics/design/14/oc/oc-resize.png') 0 .5em no-repeat;
  /* TODO c9 */
}
.oc-sbaleno h4 a { text-decoration: none; border-bottom: 1px solid #bba; color: #1E5351; } 
  .oc-sbaleno h4 a:visited { color: #1E5351; }
  .oc-sbaleno h4 a:hover { color: #1E5351; text-decoration: underline; border: none; }

  .oc-tli1, .oc-tli2 {
    float: left;
    width: 46%;
    border: 1px solid #FFC725;
    padding: 3px;
    color: #000;
    background: #F3EBCB url('/pics/design/14/oc/bg.png') 0 1.7em repeat-x;
    margin-right: 10px;
    margin-bottom: 5px;
  }
  .oc-tli2 { margin-right: 0px; }
  * html .oc-tli1, * html .oc-tli2 { width: 30%; }

  .oc-tli1 h5, .oc-tli2 h5 {
    margin: -3px; padding: 5px; padding-left: 10px;
    background: #F7F8FC url('/pics/design/14/oc/tli1-h5.png') 0 .5em no-repeat;
    border-bottom: 1px solid #FFC725;
  }
  .oc-tli1 p, .oc-tli2 p { margin-bottom: 0; }

.oc-close {
  text-indent: -999em;
  float: right;
  width: 16px; height: 16px;
  background: transparent url('/pics/design/14/oc/oc-close.png') 0 0 no-repeat;
}
  .oc-skupina .oc-close { margin-top: 10px; }

.oc-help {
  background: transparent url('/pics/design/14/oc/napoveda.png') 0 0 no-repeat;
  padding-left: 22px;
}

.oc-vm {
  float: right;
  position: relative;
  top: -1.8em;
  font-size: 120%;
  font-weight: bold;
  /*background-color: #F4EBCB;*/
}
  h3 a.rozbal, .oc-vm a.rozbal { text-decoration: none; }
  h3 a.rozbal { margin-left: 1em; }

.oc-kniha {
  /*border: 1px solid gray;
  background-color: #fff; color: #000; */
  margin-right: 15px;
  margin-bottom: 0.2em;
  padding-right: 5px;
  width: 260px;
  /*height: 170px;*/
  height: 16.5em;
  overflow: hidden;
  float: left;
  background: transparent url('/pics/design/14/oc/kniha.png') 6px 6px no-repeat;
}
  .oc-kniha img {
    float: left; /*margin: 6px;*/ 
    margin: 5px 10px 5px 5px; 
    border: 1px solid #666;
  }
  .oc-kniha a:hover img { border: 1px solid #FFC725; }

  .oc-kniha span { color: gray; }
  .oc-kniha .cena a {
    padding-left: 18px;
    background: transparent url('/pics/design/14/oc/koupit.png') 0 80% no-repeat;
  }


  .oc-kniha .anotace {
    margin-left: 5px;
    font-size: 85%;
    clear: left;
  }

/*.oc-mezera { width: 20px; height: 120px; float: left; }*/

/* regal */

.oc-img {
  float: right;
  border: 1px solid #666;
  margin-left: 0.5em;
}

/* baleni */
.oc-popis {
  padding: 0.5em;
  padding-top: 34px;
  background: #f3f3f3 url('/pics/design/14/oc/popis.png') top right no-repeat;
  margin-bottom: 1em;
  border-bottom: 3px solid #E7D5AE;
}
.oc-vec, .oc-vec-predm, .oc-vec-kniha {
  border-bottom: 1px solid #bbb;
  padding-left: 24px;
  padding-bottom: 0.3em;
  margin-bottom: 0.5em;
}
  .oc-vec ul, .oc-vec-predm ul, .oc-vec-kniha ul { clear: left; }
  .oc-vec h4, .oc-vec-predm h4, .oc-vec-kniha h4 {
    margin-left: -24px;
    padding-left: 24px;
    min-height: 18px;
    background: transparent url('/pics/design/14/oc/vec-h4.png') 0 50% no-repeat;
  }
      .oc-vec ul h4, .oc-vec-predm ul h4, .oc-vec-kniha ul h4 {
        background-image: none; margin-left: 0; padding-left: 0;
      }
  .oc-vec-predm h4 {
    background-image: url('/pics/design/14/oc/vec-h4-predm.png');
    clear: left;
  }
  .oc-vec-kniha h4 {
    background-image: url('/pics/design/14/oc/vec-h4-kniha.png');
    clear: left;
  }
  .oc-vec-predm h5, .oc-vec-kniha h5 { clear: left; }

.oc-zaver {
  /*color: #30466F;*/
  background: #F4EBCB url('/pics/design/14/oc/bg.png') 0 0 repeat-x;
  border: 1px solid #E7D5AE; /* #FFC725 */
  border-bottom-width: 3px; 
  margin-top: 0.5em;
  padding: 0.5em;
  clear: left;
}
  .oc-zaver b { color: #F00; font-size: 110%; } /* #1E5351 */
  .oc-zaver input { margin-top: 0.5em; }
  .oc-zaver p { margin-bottom: 0; }

  input.oc-button {
    background: #e0e8ea url('/pics/design/14/oc/tlacitko.png') 0 0 repeat-x;
    height: 25px;
    border: 1px solid #002776;
    border-top-color: #fff;
    border-left-color: #eee;
  }
  .oc-zaver input.oc-button {
    background-image: url('/pics/design/14/oc/tlacitko-baleni.png');
    padding-left: 30px;
  }
  #obj input.oc-button {
    float: right;
    margin-top: -32px;
    font-weight: bold;
    background-image: url('/pics/design/14/oc/tlacitko-obj.png');
    padding-left: 30px;
  }
    #obj { margin-bottom: 1em; }

#objzpsbpltb .navodek { margin-left: 25px; }
#objzpsbpltb input { vertical-align: bottom; }

.oc-anotace img { 
  float: left;
  margin: 0 0.75em 0.75em 0;
  border: 1px solid #666;
}

.vec-odsaz, #rozvrh, #osnova, #omezenizap, #infoucit {
  margin-left: 20px;
}
  .vec-odsaz { clear: left; }


.oc-ucitel {
  margin-left: 20px;
  width: 250px;
  height: 74px;
  float: left;
  background: transparent url('/pics/design/14/oc/ucitel-p.png') 0 0 no-repeat;
}
  .oc-ucitel img { float: left; margin: 6px; margin-right: 12px; }

/* objednavka */
.oc fieldset {
  background-color: #fff;
  border: 1px solid #FFC725; 
  margin: 0 1em;
  padding: 0.5em;
  margin-bottom: 1em;
}
  #oc-spol { background: #fff url('/pics/design/14/p/ep-spol.jpg') 92% 10% no-repeat; }

ol.kroky {
  padding-left: 0;
  margin-left: 0;
  background: transparent url('/pics/design/14/p/hr.png') 0 100% repeat-x;
  min-height: 4em; /* 3 + .5 + .5 */
  width: 100%;
}

  ol.kroky li {
    float: left;
    list-style-position: inside;
    /*border-right: 1px solid #FFC725;*/
    /*margin-left: 1em;*/
    padding: 0.5em;
    padding-left: 32px;
    background: transparent url('/pics/design/14/oc/kroky-sipka.png') 0 50% no-repeat;
    line-height: 3em;
  }
  ol.kroky li.durazne { background-image: url('/pics/design/14/oc/kroky-sipka-d.png'); }

#smlouvy, #smlouvy-tisk {
  width: 80%;
  margin-left: 10%;
}

#smlouvy {
  color: #000;
  background-color: #fff;
  height: 200px;
  border: 1px solid gray;
  padding: 5px;
  overflow: auto;
  font-family: serif;
}
  #smlouvy h1, #smlouvy h2, #smlouvy h3, #smlouvy h4, #smlouvy h5, #smlouvy h6 { color: #000; }

  #smlouvy-tisk { text-align: right; }

  .box {
    margin: 0 0 1em 0; padding-bottom: 0.5em;
    border: 1px solid #EAB200;
    border-left: none;
    background: #fcf4d9 url('/pics/design/14/oc/box-bg.png') 0 0 no-repeat;
  }
    .box h3 {
      margin-top: 0.5em;
      padding: 0 10px;
    }
    .box p {
      padding: 0 10px;
    }
    #aplikace h3.sipka, #aplikace h4.sipka {
      padding-left: 20px;
      padding-right: 5px;
      background: transparent url('/pics/design/14/oc/hx-sipka.png') 0 50% no-repeat;
    }

form#osobniudaje label, form#zmenahesla label, form#nnh label  {
  float: left;
  width: 12em;
  padding-top: 4px;
  clear: left;
}
  form#osobniudaje table label { float: none; width: auto; }
  
form#osobniudaje input, form#zmenahesla input, form#osobniudaje .rc {
  margin-top: 3px;
}


#K_adresa_zobrazeni_js, #F_adresa_zobrazeni_js { margin-left: 12em; padding-top: 3px; } 

#K_adresa_radky, #F_adresa_radky { }