/*  TYPOkvitek, Vit Zyka
 */

html { 
  width: 100%; height: 100%;
}

body {
  width: 100%; height: 100%;
  padding: 0%; margin: 0%; overflow: auto;
  border-style: none; border-width: 0;
  background-color: #ffffff;
  font-family: Verdana,Tahoma,Helvetica,Arial,Sans-serif,sans-serif; 
  font-weight: bold; font-size: 10.5pt;
}

#central {
  width: 100%; height: 100%;
  border-style: none; border-width: 0;
  margin: auto;
  vertical-align: middle;
  text-align: center;
}

.grid {
  margin: auto; /* !!! */
  padding: 0;
  vertical-align: middle; text-align: center;
  border-style: none; border-width: 0;
  border-collapse: separate;
  border-spacing: 10px;
}

.navig-top {
  position: absolute;
  top: 1px; left: 0px;
  width: 100%;
  text-align: center;
}

.navig-bot {
  position: absolute;
  bottom: 0px; left: 0px;
  width: 100%;
  text-align: center;
}

/*
embed {
  margin: auto; padding: auto;
}
*/

.midcenter { text-align: center; vertical-align: middle }
.center { text-align: center }
.left   { text-align: left   }
.right  { text-align: right  }
.middle { vertical-align: middle }
.top    { vertical-align: top    }
.bottom { vertical-align: bottom }
.max    { width: 100%; height: 100% }
.nomargin { margin: 0; padding: 0 }
.noborder { border: 0px none #000000 }
.nowidth  { width: 0px }
.normal { font-weight: normal }
.bold   { font-weight: bold   }
.small  { font-size: 90% }
.tiny   { font-size: 70% }

/* typography */
/*:first-letter { color:rgb(70%,0%,0%); }*/ /* destoy layout in IE ! */
/*li:first-letter { color:rgb(0%,0%,0%); }*/

/* cell overlay */
.cell-overlay {
  position:absolute;
  left:20px; right:16px; top:20px; bottom:16px;
  width:90%; /*height: 86%;*/ /*height: 220px;*/ /*height: auto;*/
  z-index:1; text-align: left;
  /*overflow-y:auto;*/ overflow-x:hidden; 
  overflow: auto; /*scroll;*/ /*auto;*/
}
.relative { position:relative; left:0px; top:0px; }
.absolute { position:absolute; left:0px; top:0px; }

/* links */
a { text-decoration: none }
a:link, a:visited, a:active { color: rgb(50%,40%,0%) }
a:hover { color: rgb(50%,40%,0%); text-decoration: underline }
a.none:link, a.none:visited, a.none:active, a.none:hover {
  border: 0px none #000000;
  color: #000000;
}
a.border:link, a.border:visited, a.border:active {
  color: rgb(70%,0%,0%); border: 2px solid #000000;
}
a.border:hover {
  color: rgb(100%,0%,0%); border: 2px solid #ff0000;
}

/* items */
ul,ol {
  margin: 0px 0px 6px 24px;
  marker-offset: 0px; padding: 0px 0px 0px 0px;
}
ul { list-style-image: url('item.gif'); }
li { margin: 6px 0px 0px 0px; padding: 0px 0px 0px 0px; }
/*
ul { list-style-type: none; overflow: visible; }
ul li { background: url('item.gif') -4px 10px no-repeat; }
*/
/*
li:before {display: marker; marker-offset: 50px; width: 20px; }
*/

/* headers */
h1 { text-align: center; font-size: 13pt; margin: 10px 0px 6px 0px; }
h2 { text-align: center; font-size: 12pt;
     margin: 6px 0px 4px 0px; color:rgb(70%,0%,0%); }
h3 { text-align: center;   font-size: 11pt; margin: 4px 0px 2px 0px;
     font-style: oblique; }
h4 { text-align: left;   font-size: 11pt; margin: 4px 0px 2px 0px;
     /*font-style: oblique;*/ }

p { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}

br { font-size: 1px; line-height: 10px; }
br.small { font-size: 1px; line-height: 4px; }

/* \*/
/* * html .gainlayout { height: 1%; } */
/* */
.gainlayout { _height: 0; }
.gainlayout { min-height: 0; }

/* fonts */
@font-face {
   font-family: 'Semafor-Regular';
   src: url("tex/fonts/semafor/smfr10.otf") format("opentype"),
        url("tex/fonts/semafor/smfr10.svg#Semafor-Regular") format("svg");
}
.semafor {
  font-family: 'Semafor-Regular';
  font-size: 54px;
}

.gap { margin-top: 3px; margin-bottom: 3px; }