@media screen, projection {
  body { height: 86%; margin: 0; padding: 0; background: #103 url(img/bcg.gif); text-align: center; }
  body, td { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10pt; color: #008; }
  img { border: none; }
  .schovat { display: none; }
  .jentisk { display: none; }
  a { color: #0000FF; text-decoration: none; }
  a:hover { color: #A00ACD; }
  hr { height: 1px; color: #008; }
  hr.inverze { color: #FED; }
  table { border-collapse: collapse; }
  .vpravo { text-align: right; }
  .cervena { color: #F00; }

  #mainblok { width: 760px; margin: 0 auto; position: relative; text-align: left;
              background: #FED url(img/sloupec.png) repeat-y; }

  #nahore { background: url(img/radka.png) repeat-x; height: 86px; width: 100%; margin: 0px; padding: 0; }

  #nahore #roh { background: url(img/roh.png) no-repeat; height: 86px; width: 86px; margin: 0px; border: none; padding: 0px; position: absolute; top: 0; left: 0; }
  #nahore #nadpis { margin: 0px; padding: 25px 0px 0px 140px; font-size: 28px; font-weight: bold; color: #FED; }

  #navigace1 { position: absolute; left: 0px; top: 0px; text-align: left; margin: 0px; padding: 2px 2px 1px 2px; }
  #navigace1 a { font-weight: bold; color: #008; text-decoration: none; text-align: center; margin: 0; padding: 0.3em 0.5em; }
  #navigace1 a:hover { background: #A00ACD; color: #FED; }
  #navigace1 a#logo { background: transparent; }

  #stred { margin: 0; padding: 0px; }

  #levy_sloupec { float: left; width: 120px; text-align: center; margin: 0 10px 0 0; padding: 15px 0 0 0; }
  #levy_sloupec .w3cb { margin: 2px auto; width: 9em; font-family: helvetica,arial,sans-serif; font-size: 10px; font-weight: bold; line-height: 1.2; text-align: left; }
  #levy_sloupec .w3cb a { display: block; width: 100%; }
  #levy_sloupec .w3cb a:link, .w3cb a:visited, .w3cb a:hover { border: 1px solid #ccc; background-color: #fc6; color: #000; text-decoration: none; }
  #levy_sloupec .w3cb a:hover { border: 1px ridge #eee; }
  #levy_sloupec .w3cb span.w3c { padding: 0 0.4em; background-color: #fff; color: #0c479d; }

  #navigace2 { text-align: center; margin: 0; padding: 0; font-size: 9pt; }
  #navigace2 a { display: block; font-weight: bold; color: #FED; text-decoration: none; text-align: left; margin: 0 0 15px 0; padding: 0.3em 0.5em; border-bottom: #FED solid 1px; background: #008; }
  #navigace2 a:hover { background-color: #FED; color: #008; border-bottom: #008 solid 1px; }
  #navigace2 a.zarizeni { display: block; font-weight: bold; color: #008; text-decoration: none; text-align: left; margin: 0 0 15px 0; padding: 0.3em 0.5em; border-bottom: #008 solid 1px; background: #FED; }
  #navigace2 a:hover.zarizeni { background-color: #008; color: #FED; border-bottom: #FED solid 1px; }

  #kalendar { text-align: center; margin: 15px 0 0 0; padding: 0px; }
  #kalendar th { background: #008; color: White; text-align: center; font-size: 7pt; }
  #kalendar td { background: #FED; text-align: center; font-size: 7pt; padding: 1px; }
  #kalendar a { color: #008; width: 100%; padding: 0px; display: block; }
  #kalendar a:hover { background-color: #6666BF; color: #FED; }
  #kalendar .out { color: Silver; background: #886600; }
  #kalendar .outweekend { color: Silver; background: Gray; }
  #kalendar .weekend { background: Silver; }
  #kalendar #today { background: #CCCCFF; font-weight: bold; }
  #kalendar #thisday { background: #CCFFFF; font-weight: bold; }
  #kalendar .weekend#today { background: #9999FF; }

  table.akce { border: 2px solid #008; border-collapse: collapse; }
  table.akce th,
  table.akce td { border: 1px solid #008; }
  table.akce .col1 { background: #FED; padding: 0 5px; }
  table.akce .col2 { background: #FEC; padding: 0 5px; }

  table.pron { border-collapse: collapse; border: 1px dotted #008;}
  table.pron tr.pron_head {background: #FEC; }
  table.pron td {padding: 0 5px;}
  table.pron caption { text-align: left; font-weight: bold; }
  table.pron .col1 { background: #FEC; padding: 0 5px; }
  table.pron .col2 { background: #FED; padding: 0 5px; text-align: right; }

  #vpravo { padding: 1em 1em 0 130px; margin: 15px 0px 0px 0px; }

  #hlavni_text { text-align: justify; padding: 0; margin: 0; }
  #hlavni_text h1, h2, h3, h4, h5 { text-align: left; }
  
  .aktualita { margin: 2em 0; padding: 1em; border: #90C solid; border-width: 0 0 1px 1px; min-height: 200px; _height: 200px; }
  .aktualita div.vlozeno { font-size: smaller; color: #E8F; }
  .aktualita div.datum { margin: 1em 0 0 0; }
  .aktualita img.obrazek { float: left; margin: 1em 1em 0 0; border: none; }
  .aktualita .text a { text-decoration: underline; }

  #inzerce { margin: 35px 0; }
  #inzerce hr { border: #90C solid; border-width: 0 0 1px 0; }
/*  #inzerce .inzerat { width: 468px; height: 60px; border: none; text-align: left; margin: 10px 0 0 0; } */
  #inzerce .inzerat { width: 468px; height: 60px; border: none; text-align: left; margin: 20px auto 0; }

  #pata { width: 100%; margin: 0; padding: 0px; background: #90C; color: #FED; border-top: #FED solid 1px; font-size: 7pt; clear: both; }
  #pata_in { margin: 0; padding: 0 0 0 130px; }
  #pata_in a { color: #FED; }

  img.obrazek { margin: 0 0 3px 0; border: 1px dotted #008; }
}

@media print {
  html, body, td { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 8pt; }
  body { margin: 0; padding: 0; }
  .schovat { display: none; }
  .netisknout { display: none; }
  a { color: #000000; text-decoration: none; }
  hr { height: 1px; }
  #nahore { display: none; }
  #levy_sloupec { display: none; }
  #novinky { display: none; }
  #inzerce { display: none; }
  #pata { width: 100%; margin: 0; padding: 0 15px 0 15px; background: #CCCCCC; color: #FFFFFF; font-size: 6pt; }

  table.akce { border: 2px solid black; border-collapse: collapse; }
  table.akce td { border: 1px solid black; }
  table.akce .col1 { background: #EEE; padding: 0 5px; }
  table.akce .col2 { background: #DDD; padding: 0 5px; }

  table.pron { border-collapse: collapse; border: 1px dotted black;}
  table.pron tr.pron_head {background: #E6E6E6; }
  table.pron td {padding: 0 5px;}
  table.pron caption { text-align: left; font-weight: bold; }
  table.pron .col1 { background: #DDD; padding: 0 5px; }
  table.pron .col2 { background: #EEE; padding: 0 5px; text-align: right; }

  img.obrazek { margin: 0 0 3px 0; border: 1px dotted black; }
}