body
  {
    margin           : 0;
    padding          : 0;
    background-color : #ffffdd;
    font-family      : sans-serif;
  }
h1
  {
    color            : #000099;
    font-size        : 32pt;
    text-align       : center;
  }
h2
  {
    color            : #000099;
    font-size        : 18pt;
    text-align       : center;
    font-weight      : lighter;
  }
p
  {
    margin           : 1em;
  }
p.top
  {
    background-color : #000099;
    color            : #ffff66;
    a_background-color : #ffff00;
    a_color            : #000066;
    margin           : 0;
    padding          : 4pt;
    height           : 74px;
  }
p.sub
  {
    margin           : 0;
    padding          : 4pt;
    height           : 32px;
    xtext-transform  : uppercase;
    font-size        : 8pt;
    border-bottom    : solid #cccccc 1px;
  }
p.btm
  {
    margin           : 0;
    padding          : 4pt;
    width            : 100%;
    xtext-transform  : uppercase;
    font-size        : 8pt;
    xm_position         : absolute;
    xm_bottom           : 0;
    border-top       : solid #000000 1px;
    clear            : both;
  }
@media print {
body {
    background-color : ffffff;
  }
p.top
  {
    color            : #000066;
    background       : transparent;
  }
p.btm
  {
    font-size        : 7pt;
    x-position         : absolute;
    bottom           : 0;
  }
}
.ttla
  {
    font-size        : 24pt;
    font-weight      : bolder;
  }
.ttlb
  {
    font-size        : 18pt;
    font-weight      : bolder;
  }
img.logo
  {
    position         : absolute;
    right            : 4px;
    top              : 4px;
  }
a
  {
    color            : #666666;
    text-decoration  : none;
  }
a:hover
  {
    color            : #000000;
    text-decoration  : underline;
  }

/* menu */

p.menu
  {
    width            : 140px;
    float            : left;
    margin           : 0;
    padding          : 0;
    padding-left     : 4pt;
  }

.xsect
  {
    font-size        : 10pt;
    font-weight      : bolder;
    width            : 200px;
    height           : 70px;
    background-image : url(ico/sect.gif);
    margin           : 0;
    padding          : 6pt;
  }

div.sect
  {
x-border : solid 1px red;
    float            : left;
    position         : relative;
  }
a.sect
  {
    display: block;
    float: left;
    background-image : url(ico/sect.sx.gif);
    background-repeat: no-repeat;
  }
.sect
  {
    font-size        : 8pt;
    font-weight      : bold;
    width            : 128px;
    x-height           : 16px;
    margin           : 0;
    padding          : 3pt;
  }

.xsect:hover  { background-image: url(ico/sect.gr.gif); text-decoration: none; }
.sect:hover    { text-decoration: none; }

.xs01:hover   { background-image: url(ico/sect-01.gif); }
.xs02:hover   { background-image: url(ico/sect-02.gif); }
.xs03:hover   { background-image: url(ico/sect-03.gif); }
.xs04:hover   { background-image: url(ico/sect-04.gif); }
.xs06:hover   { background-image: url(ico/sect-06.gif); }
.xs08:hover   { background-image: url(ico/sect-08.gif); }
.xs09:hover   { background-image: url(ico/sect-09.gif); }
.xs10:hover   { background-image: url(ico/sect-10.gif); }
@media print
{
  .menu     { display: none; }
  .ssm
    {
      background-color : #ffffff;
      border           : 2pt solid #000000;
      color            : #000000;
    }
  a.sect
    {
      background-image : none;
      background-color : #ffff99;
      border           : 1px solid #ffffff;
      color            : #000000;
      height : 4em;
    }
}

/* ceník */
table.cenik
  {
    font-size: 9pt;
  }
td.cen
  {
    xfont-size: 10pt;
    margin-left      : 0;
    margin-right     : 0;
    padding-left     : 2pt;
    padding-right    : 2pt;
  }
td.p1
  {
    font-weight      : bolder;
  }
p.nahledy
  {
    width            : 160px;
    float            : right;
    margin           : 0;
    padding          : 0;
  }
img.nahled
  {
    width            : 150px;
    height           : 225px;
    margin           : 0;
    border           : 1px solid #000000;
  }
@media print
{
  p.nahledy  { width: 25mm; }
  img.nahled { width: 20mm; height: 30mm; }
  .cenik th  { border-top: 1px solid #000000; border-bottom: 1px solid #000000; }
  .cenik td  { font-size: 8pt; border-bottom: 1px solid #000000; }
}

/* plain text */
p.plain { margin-top: 0; margin-bottom: 0; margin-left: 1em; margin-right: 1em; text-indent: 2em; font-size: 10pt; text-align: justify; }
p.first { text-indent: 0; font-size: 12pt; width: 50%; height: 35px; padding-top: 12pt; }
@media print {
  .mapa { width: 90mm; height: 70mm; }
}