#osnova {
  border: 1px solid #002776;
  border-bottom-width: 2px;
  padding-bottom: 5px;
  background-color: #fff;
}

.podosnova { margin-left: 14px; clear: both; } /* todo clear :) */

#osnova .hlavicka {
  padding: 5px 10px;
  background-color: #002776;
  min-height: 2.15em;
}
  * html #osnova .hlavicka { height: 2.1em; }

#osnova .hlavicka h2 { color: #fff; margin: 0; /*float: left;*/ }

#osnova .podosnova .hlavicka {
  padding: 0 5px;
  margin-top: 6px;
  background: #e2e8ee url('/pics/design/14/io/podosnova.png') 0 0 no-repeat;
  
  padding-bottom: 1px;
  position: relative;
}

.podosnova .hlavicka img {
  /*margin-top: 3px;
  margin-left: 3px;
  float: right;*/
  position: absolute;
  right: 29px; top: 5px;
}
  * html .podosnova .hlavicka img { z-index: -5; }
  
  .podosnova .hlavicka img.zmeneno { right: 5px; }
  .podosnova .hlavicka img.io-pred { left: 5px; top: 5px; }
  /*.obsah img.io-pred { margin-left: 18px; margin-top: 0px; }*/

.podosnova .hlavicka h3 {
  /*margin: 5px 0 0 0;*/
  /*display: inline;*/
  /*float: left;*/
  /*width: 80%;*/
  position: relative;
  left: 20px; top: 3px;
  margin-top: 0;
  margin-right: 62px;
}

.hlavicka input { margin: 2px; }
  .hlavicka input.bm { background-color: #FCFCE4; }
.podosnova .hlavicka input { float: left; }

.dalsi_info, .doporuceni {
  clear: both;
  background-color: #E2E8EE;
  border-left: 1px solid #7B8FB9;
  padding: 2px;
  padding-left: 22px;
}
.doporuceni { background-color: #FCFCE4; color: #555; }

.dalsi_info .zvety_posun { margin-left: 135px; }

.podosnova .obsah {
  clear: both;
  padding: 4px 0 4px 4px;
  border-left: 1px solid #7b8fb9;
  border-bottom: 2px solid #7b8fb9;
}

/* prvky IO
.odkaz_web, .sloztest, .slozka, .soubor, .htmltext, .diskuse, .ko_prvek */
 
.ioprvek {
  clear: both;
  padding: 5px;
  padding-left: 36px;
  margin-top: 5px;
  margin-left: 14px;
}
  * html .ioprvek { width: 100%; }

  .ioprvek img.zmeneno { float: right; margin-top: -2px; } /* hodiny */

.ioprvek img { border: 0; vertical-align: middle; }

.sloztest { background: #f2f7e0 url('/pics/design/14/io/prvek-sloztest.png') 0 0 no-repeat; } /* ebf3cf */
.odkaz_web { background: #ebf2f5 url('/pics/design/14/io/prvek-odkaz_web.png') 0 0 no-repeat; } /* d2e6f6 */
.slozka { background: #f7dfd6 url('/pics/design/14/io/prvek-slozka.png') 0 0 no-repeat; } /* f3cec0 */
.soubor { background: #f4f1ef url('/pics/design/14/io/prvek-soubor.png') 0 0 no-repeat; } /* eeeae7 */
  .soubor p { margin-top: 0; }
.diskuse { background: #e2dcd2 url('/pics/design/14/io/prvek-diskuse.png') 0 0 no-repeat; } /* d2c8b9 */
  #osnova .diskuse .pr_plus { background-image: url('/pics/design/14/io/i-plus3-prvek-diskuse.png'); }
.ko_prvek { border: 1px solid #CE3E1F; border-right: 0; background-color: #ffe; }
  .ko_prvek p { margin-top: 0; margin-bottom: 0.2em; } 
.htmltext { padding-left: 5px; background: transparent url('/pics/design/14/io/prvek-html.png') 0 0 no-repeat; }
  .htmltext img.zmeneno { float: right; }
  .htmltext .smedho { height: 24px; }

.nova-podosnova {
  background-color: #E2E8EE;
  margin-top: 5px;
  margin-left: 14px;
  padding: 5px;
  border-bottom: 2px solid #7B8FB9;
}

#osnova .hod { position: relative; }
  * html #osnova .hod { display: inline; float: right; } /* h */

#osnova .hodiny {
  display: none;
  position: absolute;
  z-index: 10; top: -22px; right: 22px;
  width: 300px;
  padding: 3px 5px;
  background-color: #eee;
  border: 1px solid #333;
  font-size: 0.9em;
}
  * html #osnova .hodiny { right: 2px; }

  #osnova .hlavicka .hodiny { top: -50px; right: 22px; }

.io-zpet {
  padding-left: 20px;
  background: transparent url('/pics/design/14/io/prejit-zpet.png') 0 0 no-repeat;
}

/* presun */
.presunco, .presunkam { font-weight: bold; }

.presunkam {
  background: transparent url('/pics/design/14/io/dashed.png') 80px 50% no-repeat;
  padding-left: 12px;
  margin: 0.5em 0;
}
  .presunkam input { vertical-align: middle; }
  .presunkam label { 
    background: transparent url('/pics/design/14/io/presunkam.png') 0 50% no-repeat;
    padding-left: 14px;
  }

.presunco { 
  float: left;
  margin: 0 5px;
}
  .presunco input { vertical-align: middle; }
  .hlavicka .presunco { padding-top: 5px; }
  .hlavicka .presunco input { margin-top: 2px; }
    * html .hlavicka .presunco input { margin-top: 0px; }

/* edit */
.novy_prvek {
  margin-top: 2px;
  margin-left: 14px;
  padding: 2px 2px 2px 22px;
  background: transparent url('/pics/design/14/io/i-plus3.png') 2px 2px no-repeat;
  /*#F6F8FC*/
  font-size: 0.9em;
}
  .novy_prvek a { color: #96b1b2; }
  .novy_prvek a:hover { color: #2cba00; }

.smazat {
  float: left;
  margin: 0 9px 0 3px;
  padding-left: 20px;
  background: transparent url('/pics/design/14/io/i-minus3.png') 0 50% no-repeat;
}
  .smazat a:hover { color: #CE3E1F; }
  .hlavicka .smazat { clear: left; float: none; margin-left: 18px; }
      
.editovat {
  float: left;
  margin: 0 6px 0 0;
  padding-left: 20px;
  background: transparent url('/pics/design/14/io/i-edit3.png') 0 50% no-repeat;
}
  .editovat a, .smazat a {
    text-decoration: underline; 
    cursor: pointer;
  }
  
  .hlavicka .editovat, .hlavicka .smazat { margin-top: 5px; }

.volba_df {
  /*margin-left: 2em;*/
  background: #D2C8B8 url('/pics/design/14/io/volba_df.png') 0 0 no-repeat;
  padding: 0.5em;
}
  
.zmena_predmetu { margin-left: 2em; margin-bottom: 0.5em; }

.rvp {
  float: right;
  padding-right: 24px;
  /*margin-right: 5px;*/
  margin-top: -3px;
  line-height: 1.8em;
  background: transparent url('/pics/design/14/io/rozbalit-vse.png') 100% 50% no-repeat;
}

.svp {
  float: right;
  line-height: 2em;
  padding-right: 24px;
  background: transparent url('/pics/design/14/io/sbalit-vse.png') 100% 50% no-repeat;
}

p.volba_aplikace {
  background-color: #E2E8EE;
  padding: 5px;
  padding-bottom: 8px;
  margin-bottom: 0;
}

@media print {
  .top-odkazy { display: none; }
  .hlavicka { border: 1px solid #7B8FB9; border-bottom: none; }
  .zmeneno { display: none; }
  .svp { display: none; }

  #paticka-odkazy { display: none; }
}