@media screen, projection {
  body {
    margin: 0; 
    padding: 0; 
    font: 0.9em/195% Calibri, "Trebuchet MS", "Geneva CE", lucida, sans-serif;
    text-align: center;
    background: #fff;
    color: #333;
  }
  a, a:link, a:active { color: #000; }
  a:visited { color: #555; }
  a:hover { color: #4b0; }
  abbr, acronym { cursor: help; border-bottom: 1px dashed #333; }

  pre code .note { color: #4b0; font: bold 95%/170% "Trebuchet MS", "Geneva CE", lucida, sans-serif; }
  pre code .string { color: #800; }
  pre, code {
    font-size: 95%;
    _font-size: 90%;
    font-family: Monaco, Consolas, 'Lucida Console', "Courier New", "Courier CE", "Courier New", courier, monospace;
  }

  .spot p { text-align: justify; }

  pre {
     width: 515px;
     padding: 5px;
     overflow: auto;
     background: #f7f7f7;
     border: 1px solid #ddd;
     margin: 20px 0;
  }
  li pre { width: 475px; }
  blockquote, q, cite, ins { font-style: italic; }
  blockquote { padding-left: 10px; border-left: 5px solid #ddd; }

  ins {
    display: block;
    text-decoration: none;
    padding-left: 10px;
    margin-left: 35px;
    border-left: 5px solid #390
  }
  ins pre {
    width: 450px;
  }

  .new { color: #390; font-weight: bold; }

  q:before { content: open-quote; }
  q:after { content: close-quote; }

  h1 {
    display: block; 
    position: relative; 
    width: 750px; 
    height: 80px; 
    margin: 0; 
    padding: 0;
  }
  h1 span {
    display: block; 
    position: absolute; 
    left: 0; 
    top: 0; 
    z-index: 1; 
    width: 750px; 
    height: 80px; 
    margin: 0; 
    padding: 0; 
    background: url("hlavicka.png") no-repeat;
  }
  h2 {
    margin: 0;
    color: #390;
    font-size: 100%;
    margin-bottom: 10px;
    text-align: right;
  }
  h3 {
    margin: 0;
    font-size: 125%;
    font-family: Cambria, Georgia, "New York CE", utopia, serif;
    background: #f5f5f5 url("cary.gif");
    padding: 3px 10px;
  }
  h3 a { text-decoration: none; }
  h4 {
    margin: 0;
    color: #4b0;
    font-size: 100%;
    margin-bottom: 5px;
  }

  td, th { vertical-align: top; }

  .noscreen { display: none; }
  .stred { text-align: center }
  .nomargin { margin: 0; }

  #main {
    width: 750px;
    background: #fff;
    text-align: left;
    margin: 30px auto;
  }

  #hlavicka { margin: 10px 0; }

  #obsah {
    float: left;
    width: 547px;
    _width: 567px;
    border: 1px solid #ddd;
    padding: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
  }

  #obsah ul li { list-style-type: square; }

  #obsah td, #obsah th {
    border: 1px solid #ddd;
    padding: 0.1em 0.2em;
  }

  #panel {
    float: left;
    width: 170px;
    line-height: 160%;
    margin-bottom: 10px;
  }

  #panel a img { border: none; }

  #autor {
    background: #999;
    text-align: center;
    padding: 0 0 10px 0;
  }

  #autor-foto {
    width: 170px;
    height: 135px;
    border: none;
  }

  #autor a { color: #fff; }
  #autor a:hover { color: #D5FFBE; }

  #panel2 {
    padding: 10px;
    margin-top: 10px;
    border: 1px solid #ddd;
  }
  #panel2 ul {
    margin: 10px 0 20px 0;
    padding: 0;
  }
  #panel2 ul li {
    margin: 0;
    padding: 0;
    font-size: 85%;
    margin-bottom: 3px;
    _height: 0;
    list-style: none;
  }
  #panel2 ul li a {
    display: block;
    padding: 3px 5px;
    text-decoration: none;
    border: 1px solid #ddd;
    border-left: 3px solid #ddd;
  }
  #panel2 ul li a:hover {
    color: #333;
    background: #caf1b3;
    border: 1px solid #caf1b3;
    border-left: 3px solid #caf1b3;
  }
  #panel2 ul li#aktivni a {
    color: #333;
    background: #caf1b3;
    border: 1px solid #caf1b3;
    border-left: 3px solid #caf1b3;
    font-weight: bold;
  }
  #panel2 ul li#aktivni a:hover {
    background: #fff;
    border: 1px solid #4b0;
    border-left: 3px solid #4b0;
  }
  #panel2 h2 { border: none; text-align: left; }

  #pruh, #paticka {
    color: #999;
    padding: 5px 0;
    text-align: center;
    background: #f5f5f5 url("cary.gif");
  }
  #paticka { clear: both; text-align: left; padding: 5px 20px; padding: 1px 2px; }
  #subnavigace { float: right; }

  #articlestats2, #articlestats5 { border: 1px solid #ddd; font-size: 95%; }
  #articlestats2 li, #articlestats5 li { margin: 1px 2px; display: block; }
  #articlestats2 a, #articlestats5 a { display: inline!important; border: none!important; background-color: transparent; text-decoration: none; }
  #articlestats2 a:hover, #articlestats5 a:hover { text-decoration: underline; }

  fieldset { border: 1px solid #ddd; margin: 0.5em 0; }
  fieldset p { margin: 0; font-size: 85%; }

  .obrazky-blok, obrazky-blok p { text-align: center; }
  .obrazky-blok a img, .obrazky-blok img { padding: 3px; border: 1px solid #ddd; }
  .obrazky-blok a:hover img { border: 1px solid #4b0; }

  .spot { padding: 5px 10px; }

  .list {
     width: 20px;
     height: 16px;
     border: none;
     margin-top: 3px
  }

  .info { color: #999; font-size: 95%; margin-bottom: 30px; }
  .info a { color: #999; }
  .info a:hover { color: #000; }
  .milacek {
    border-left: 5px solid red;
    padding-left: 10px;
  }
  .smajlik { font-weight: bold; color: red; }
  .banner { float: right; margin: 0 0 0.5em 2em; border: 1px solid #ddd; padding: 3px; }
  .podpis { font-style: italic; text-align: right!important; }

  .zdroj { font-size: 90%; text-align: right!important; }

  #toolbar {
    display: block;
    margin:5px 0 5px 0; clear:both;
  }
  #toolbar a:link,#toolbar a:visited, #toolbar a {
    display: block; float: left; width: 50px; height: 15px; background-color: #caf1b3;  border: 1px outset; margin: 3px; text-align: center; font-size: 11px; line-height: 14px; color: #000;
  }
  #toolbar a:hover{
    background-color: #4b0; color: #fff; border-style: inset;
  }

  h4+ol#comments { margin: 0; padding: 0; }
  h4+ol#comments li { list-style: none; margin: 0; padding: 0; font-size:11px; }
  h4+ol#comments address {
    font-size: 85%; font-style: normal; text-align: left; padding: 1px 10px; margin: 0;
  }
  h4+ol#comments p {
    font-size: 12px;
    line-height: 16px;
    margin: 5px 0px 5px 0px; text-align: justify; padding: 5px 10px 5px 10px;
  }
  h4+ol#comments ins {
    font-size: 10px; font-weight: bold; text-align: right; text-decoration: none; color: #000000; background-color: transparent; padding: 1px 5px 0px 0px; height: 17px; display: block; border: none; margin-bottom: 20px;
  }
  h4+ol#comments>li>a {
    text-indent: 30px; padding: 0px 0px 0px 0px; display: block; font-size: 11px; margin-bottom: 3px;
  }
  h4+ol#comments>li>a:hover { background-color: transparent; color: red; }
  .current { background-color: #CEE8F0; }
  .parent { background-color: #F8F3C7; }
  .child { background-color: #F6D4C9; }
  .notPart, .notPart *, .notPart p[id]::before { color: #ccc; background-color: transparent!important; border-color: #BFBFBF !important; }
  .notPart p[id]::before, .notPart ins { border-top: 1px solid #ccc; }
  .notPart a, h4+ol#comments>.notPart>p>span:first-child { color: #ccc; }
  .indent .current { background-color: #CEE8F0; margin: 0px 30px 30px 30px; }
  .indent .parent { background-color: #F8F3C7; margin: 0px 60px 30px 0px; }
  .indent .child { background-color: #F6D4C9; margin: 0px 0px 30px 60px; }
  .indent .notPart { display:none }
  .current p, .parent p, .child p, .indent p { background-color: transparent; }
  li .reset {display:none}
  .current .reset, .parent .reset, .child .reset, .notPart .reset { display: inline; }
  .current .show, .parent .show, .child .show, .notPart .show { right: 50px; }
  h4+ol#comments dfn {
    right: 0; color: #F1F8FA; background-color: transparent; border: 0px solid; font-size: 11px; cursor: pointer; font-style: normal; padding-right: 7px; margin-top: 1px; line-height: 16px; float: right;
  }


  .file-download {
    background-color: #caf1b3;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 5px 5px;
    border: 1px solid #ddd;
    padding: 0.25em 0.25em 0.25em 60px;
  }
  .file-download a:hover { color: #000; text-decoration: none; }
  .file-download p { margin: 1px; }
  .file-download .title { font-weight: bold; }
  .zip { background-image: url('icon-zip.png'); }
  .pdf { background-image: url('icon-pdf.png'); }
}

/* TISKOVÝ STYLOPIS */
@media print {
  body { 
    font: 12pt/14pt serif;
  }
  h1 {
    font-size: 20pt;
  }
  h2 {
    font-size: 16pt;
  }
  h3 {
    font-size: 14pt;
  }
  .noprint {
    display: none;
  }
}