table { border-collapse: collapse; table-layout: fixed; background: #fff; width: 100%; margin: 1em 0; }
td, th { text-align: left; border: 1px #000 solid; padding: 0.25em; }
caption { text-align: left; font-weight: bold; font-size: medium; }

@media screen, projection {
    body { font-family: sans-serif; background-color: #002; padding: 0; margin: 0; }
    div#globalbox { width: 800px; margin: 0 auto; background: #006 url(img_nav/dlo.gif) repeat-y center top;  }
    div#top_line { width: 720px; margin: 0 auto; font-size: 0.6em; height: 1.5em; color: white; text-align: right; background-color: #008; border-bottom: #000 solid 1px; border-top: #000 solid 2px; clear: both; }
      div#top_line div#drobecky { float: left; color: #F90; }
      div#top_line div#drobecky a { color: #FFF; }
      div#top_line div { padding: 0 2em; }
      div#top_line a { text-decoration: none; color: #FFF; }
      div#top_line a:hover { color: #F90; text-decoration: underline; }
    div#top { height: 150px; width: 720px; margin: 0 auto; padding: 0; background-color: #000; color: white; }
    div#logo { width: 150px; height: 150px; padding: 0; margin: 0; background: #039 url(img_nav/musle_logo.png) no-repeat center center; float: left; }
    div#header { height: 150px; padding: 0; margin: 0 0 0 150px; background: #000 url(img_nav/head.jpg) no-repeat left center; color: white; }
    div#menu_line  { height: 1.2em; width: 720px; margin: 0 auto; padding: 0.25em 0; font-size: 0.8em; background-color: #008; color: #FFF; border-bottom: #000 solid 2px; border-top: #000 solid 1px; clear: both; }
      div#menu_line h4 { float: left; font-size: 1em; padding: 0; margin: 0 0.5em; color: #F90; min-width: 150px; }
      div#menu_line ul { list-style: none; padding: 0; margin: 0; }
      div#menu_line ul li { float: left; padding: 0; margin: 0 0.5em; }
      div#menu_line a { text-decoration: none; color: #FFF; }
      div#menu_line a:hover { color: #F90; text-decoration: underline; }
    div#middle   { width: 720px; margin: 0 auto; background-color: #004; clear: both; }
    div#menu_left  { width: 150px; float: left; font-size: 0.8em; background-color: #004;  }
      div#menu_left ul { list-style: none; padding: 0; margin: 0; }
      div#menu_left ul li { padding: 0; margin: 0; }
      div#menu_left a { text-decoration: none; color: #FFF; padding: 0.5em; margin: 0; border-bottom: #F90 solid 1px; display: block; }
      div#menu_left a:hover { color: #FFF; background-color: #D60; border-bottom-color: #FFF; text-decoration: underline; }
    div#maincontent { background-color: #EEE; color: #113; border-right: #000 solid 2px;
                      padding: 1em 2em; margin: 0 0 0 150px; min-height: 500px; _height: 500px;
                      font-size: small; }
      div#maincontent a { color: #008; font-weight: bold; text-decoration: none; }
      div#maincontent a:hover { color: #D60; text-decoration: underline; }
      div#maincontent a[href^='http:'] { padding-right:8px; background-image: url(img_nav/out-link.gif); background-position: 100% 30%; background-repeat: no-repeat; }
      div#maincontent h1 { border-bottom: #D60 solid 1px; }
      div#maincontent h2 { border-bottom: #D60 dotted 1px; }
/*       div#maincontent h3 { border-bottom: #F90 dotted 1px; clear: both; } */
      div#maincontent p.autor { text-align: right; color: #D60; }
      div#maincontent div.fotka { float: right; text-align: center; color: #D60; margin: 0 0 1em 1em; font-size: x-small; width: 200px; }
      div#maincontent table.kontakt { background: #fff; width: 100%; margin: 1em 0; }
        div#maincontent table.kontakt th { width: 25%; background-color: #FC6; }
        div#maincontent table.kontakt td { width: 75%; }
        div#maincontent table.kontakt th,
        div#maincontent table.kontakt td { border: #D60 dotted 1px; padding: 1em; text-align: left; }
        div#maincontent table.kontakt tr.vyrazna td,
        div#maincontent table.kontakt tr.vyrazna th { background: #F90; color: #000; padding: 0.5em 1em; font-weight: bold; font-size: 1.2em; }
      div#maincontent a.pict_th img { text-align: center; border: 0; margin: 0 0 1em 1em; font-size: x-small; float: left; margin: 0 1em 1em 0; }
        div#maincontent a.pict_th img.right { float: right; margin: 0 0 1em 1em; }
      div#maincontent div.galerie_th { }
        div#maincontent div.galerie_th div { width: 150px; height:150px; padding: 2px; border: none; float: left; text-align: center; }
        div#maincontent div.galerie_th div img { border: none; margin: 0 auto; }
        div#maincontent div.galerie { }
        div#maincontent div.galerie img { padding: 2px; background-color: #F90; border: 10px black solid; }
    div#footer { width: 800px; margin: 0 auto; font-size: 0.75em; height: 1.5em; color: white; text-align: right; background: #002 url(img_nav/dlo_p.gif) no-repeat center bottom; clear: both; }
      div#footer div { padding: 0 40px; }
      div#footer a { text-decoration: none; color: #FFF; }
      div#footer a:hover { color: #F90; text-decoration: underline; }
}

@media print {
    .netisknout, div#header, div#top_line, div#top, div#menu_line, div#menu_left { display: none; }
    div#logo { width: 150px; height: 150px; padding: 0; margin: 0 2em 1em 0; background: #039 url(img_nav/musle_logo.png) no-repeat center center; float: left; }
    div#footer { width: 100%; font-size: 0.75em; height: 1.5em; color: white; text-align: center; background-color: black; clear: both; }
    div#footer a { text-decoration: none; color: #FFF; }

    div#maincontent table.kontakt { background: #fff; width: 100%; margin: 1em 0; border: #666 solid 1px;  }
    div#maincontent table.kontakt th { width: 25%; background-color: #CCC; }
    div#maincontent table.kontakt td { width: 75%; }
    div#maincontent table.kontakt th,
    div#maincontent table.kontakt td { border: #666 dotted 1px; padding: 0 0.25em; text-align: left; }
    div#maincontent table.kontakt tr.vyrazna td,
    div#maincontent table.kontakt tr.vyrazna th { background: #AAA; color: #000; font-weight: bold; font-size: 1.2em; }

    div#maincontent a.pict_th img { padding: 2px; background-color: #CCC; border: 4px #888 solid; float: left; margin: 0 1em 1em 0; }
    div#maincontent a.pict_th img.right { float: right; margin: 0 0 1em 1em; }
    div#maincontent div.galerie_th { }
    div#maincontent div.galerie_th img { padding: 2px; background-color: #CCC; border: 4px #888 solid; float: left; }
    div#maincontent div.galerie_th img.right { float: right; }
    div#maincontent div.galerie { }
    div#maincontent div.galerie img { padding: 2px; background-color: #CCC; border: 10px #888 solid; }

}