body { margin: 0; font-family: Arial; font-size: 9pt; color: #000; text-align: center; background: #111; }

/* ----------------------------------------------------------------------------------------------------------
Layout
---------------------------------------------------------------------------------------------------------- */

* { margin: 0; padding: 0; }
div#obsah { position: relative; margin: 0 auto; width: 770px; text-align: left; background: url('images/hlavnipanel.gif') repeat; }

  div#hlavicka { height: 56px; background: url('images/hlavicka.gif') repeat-x; }
  div#hlavicka div.hlavicka-obsah { }

    div.hlavicka-obsah h1 { clear: both; position: relative; overflow: hidden; margin: 0; padding: 0; }
    div.hlavicka-obsah h1 span { display: block; clear: both; position: absolute; top: 0; left: 0; z-index: 1; }
    div.hlavicka-obsah h1 a { display: block; padding: 18px 0 18px 30px; font-size: 13pt; color: #fff; text-decoration: none; }

  div#hlavnipanel { clear: both; overflow: hidden; }
  div#hlavnipanel div.hlavnipanel-obsah { padding: 15px 30px; }
  
    div.hlavnipanel-obsah .blok, div.hlavnipanel-obsah ul { margin: 10px 0; padding: 10px; border: 1px solid #ccc; background-color: #F6E5E5; }
    div.hlavnipanel-obsah .blok-reklamni { margin: 10px 0; padding: 10px; border: 1px solid #ccc; background-color: #F0DEDE; }
    
    .blok a { font-weight: bold; text-decoration: none; }
    .blok a:hover { color: #000; text-decoration: none; }
    
    div.levypanel { float: left; overflow: hidden; width: 180px; }      
      div.levypanel ul { list-style: none; }
      div.levypanel li { display: inline; margin: 0; padding: 0; }      
      div.levypanel li a { display: block; color: #000; text-decoration: none; }
      div.levypanel li a:hover { display: block; color: #FF4477; text-decoration: none; }
      
    div.pravypanel { float: right; overflow: hidden; width: 500px; }  
      div.item { float: left; width: 115px; margin: 0 10px 10px 0; }
      div.item img { width: 115px; height: 85px; border: 1px solid #fff; vertical-align: middle; }
    
  div#paticka { margin: 5px 0 0; clear: both; min-height: 45px; =height: 45px; _height: 45px; padding: 0 30px; border-top: 1px solid #fff; }
  div#paticka p { margin: 17px 0; font-size: 7pt; }
  div#paticka a { font-size: 7pt; }
  
/* ----------------------------------------------------------------------------------------------------------
Obecne HTML tagy
---------------------------------------------------------------------------------------------------------- */

table, ul { overflow: hidden; margin: 10px 0; padding: 5px 0; }
p { margin: 0 0 5px; }

h2 { font-size: 13pt; }
h3 { font-size: 10pt; }

a { color: #000; text-decoration: underline; outline: 0; }
a:hover { color: #fff; text-decoration: none; outline: 0; }

/* ----------------------------------------------------------------------------------------------------------
Univerzalni formatovaci styly
---------------------------------------------------------------------------------------------------------- */

.f-left { float: left; } img.f-left { float: left; margin: 0 10px 0 0; }
.f-right { float: right; } img.f-right { float: right; margin: 0 0 0 10px; }

.t-left { text-align: left; }
.t-center { text-align: center; }
.t-right { text-align: right; }
.t-justify { text-align: justify; }

.va-top { vertical-align: top; }
.va-middle { vertical-align: middle; }
.va-bottom { vertical-align: bottom; }

.clear { clear: both; }
.noscreen { display: none; }

.nom { margin: 0; }
.nomt { margin-top: 0; }
.nomr { margin-right: 0; }
.nomb { margin-bottom: 0; }
.noml { margin-left: 0; }

.nop { padding: 0; }
.nopt { padding-top: 0; }
.nopr { padding-right: 0; }
.nopb { padding-bottom: 0; }
.nopl { padding-left: 0; }