/* CELEK */
#base {position: absolute; width: 802px; height: 602px; top: 1px; left: 1px; margin-left: auto; margin-right: auto; background-color: black; border-style: solid; border-width: 0px; border-color: white;}

/* HORNI PRUH */
#top {position: absolute; width: 800px; height: 167px; left: 0px; top: 0px; background-image: url('design/top.jpg'); color: white;}

/* LEVY SLOUPEC */
#left {position: absolute; width: 151px; height: 395px; top: 167px; left: 0px; background-image: url('design/left.jpg'); color: white;}

/* STRED */
#center {position: absolute; width: 499px; height: 395px; top: 166px; left: 151px; color: black; border-color: green; border-width: 0px; background-color: white; border-style: solid; }

/* STRED - INDEX */
#center_index {position: absolute; width: 499px; height: 395px; top: 166px; left: 151px; color: black; border-color: green; border-width: 0px; background-image: url('design/center.jpg'); border-style: solid; }

/* STRED - ZAVRIT */
#center_zavrit {width: 100%; font: normal 8pt Verdana; height: 10px; top: 545px; left: 151px; color: black; border-color: green; border-width: 0px; background-color: white; border-style: solid; text-align: center;}
.center_zavrit a:link {color: black; text-decoration: none;}
.center_zavrit a:visited {color: black; text-decoration: none;}
.center_zavrit a:hover {color: green; text-decoration: none;}

/* OBSAH */
#cont {position: absolute; font: normal 10pt Verdana; text-align: justify; letter-spacing: 0pt; OVERFLOW: auto; WIDTH: 486px; HEIGHT: 363px; border-style: solid; top: 25px; left: 5px; border-width: 0px; padding-right: 5px;}
.cont a:link {color: black}
.cont a:visited {color: black}
.cont a:hover {color: green}
/* // TABULKA - REFERNCE // */
#cont_table_r {text-align: center; font: normal 10pt Verdana; letter-spacing: 0pt; border-width: 0px; color: black; width: 100%;}
.cont_table_img {border-color: white;}
.cont_table_img a:link {border-color: white;}
.cont_table_img a:visited {border-color: white;}
.cont_table_img a:hover {border-color: green; border-width: 1px;border-style: solid;}
/* /// bunka obrazku /// */
.cont_table_td {width: 50%; vertical-align: top;}
/* // TABULKA - NABIZIME // */
#cont_table_n {font: normal 10pt Verdana; letter-spacing: 0pt; border-spacing: 0px; border-width: 0px; border-style: solid; border-color: green; color: black;}
/* /// levy sluopec /// */
.cont_table_nls {text-align: right; font: bold; vertical-align: top; background-color: #8BCC88;}
/* /// pravy sloupec /// */
.cont_table_nps {border-bottom: 0px; border-top: 1px; border-left: 0px; border-right: 0px; border-style: solid; border-color: #8BCC88;}
/* // TABULKA - KONTAKTY // */
#cont_table_k {font: normal 10pt Verdana; letter-spacing: 0pt; border-width: 1px; border-style: solid; border-color: #8BCC88; color: black;}
/* /// KARES AKUSTIK /// */
/* /// nazev spolecnosti - 1. radek /// */
.cont_table_ns {font: bold 13pt Verdana; background-color: 8BCC88; text-align: center; border-color: 8BCC88; padding: 5px 5px 5px 5px;}
/* /// 2. radek /// */
.cont_table_dr {text-align: center}
/* /// 3. radek /// */
.cont_table_tr {text-align: center}
/* /// PETR KLEČKA /// */
/* /// 2 sloucene bunky /// */
.cont_table_sb {text-align: center; border-bottom: 1px; border-top: 0px; border-left: 0px; border-right: 0px; border-style: solid; border-color: #8BCC88;}
/* /// levy sluopec /// */
.cont_table_ls {text-align: right}
/* /// pravy sloupec /// */
.cont_table_ps {}
/* // TABULKA - UVOD // */
#cont_table_uvod {width: auto; font: normal 10pt Verdana; color: black; text-align: left; }
/* /// TABULKA - UVOD - TD /// */
#cont_table_uvod_td {letter-spacing: 0pt; padding-left: 15px;}

/* PRAVY SLOUPEC */
#right {position: absolute; width: 150px; height: 395px; top: 167px; left: 650px; background-image: url('design/right.jpg'); color: white}

/* SPODNI PRUH */
#bottom {position: absolute; font: normal 7pt Verdana; width: 800; height: 39px;  left: 0px; top: 561px; background-image: url('design/bottom.jpg'); color: black; text-align: center; line-height: 20px;}
.bottom a:link {color: black; text-decoration: none;}
.bottom a:visited {color: black; text-decoration: none;}
.bottom a:hover {color: black; text-decoration: none;}

/* LISTA */
<!--
BODY {background: black;
      color: 9F5000;
      scrollbar-track-color: FFFFFF;
      scrollbar-face-color: FFFFFF;
      scrollbar-highlight-color: FFFFFF;
      scrollbar-3dlight-color: 636363;
      scrollbar-darkshadow-color: FFFFFF;
      scrollbar-shadow-color: 636363;
      scrollbar-arrow-color: 9F5000;
     }
-->

/* VYCENTROVANI */
body, html {
  height:100%;
  border:0;
  padding:0;
  margin:0;
  text-align:center;
}
#container {
  min-width:820px;
  min-height:620px;
  width:100%;
  height:100%;
  width:expression(document.body.clientWidth < 835?
    "835px": "100%" ); /* pro IE */
  height:expression(document.body.clientHeight < 635?
    "635px": "100%" ); /* pro IE */
  position:absolute;
  top:0;
  left:0;
}
#container-horizontal {
  text-align:left;
  margin:auto;
  position:absolute;
  top:50%;
  left:50%;
}
#container-in {
  position:absolute;
  top:-318px;
  left:-417px;
  width:835px;
  height:635px;
  background:black;
  overflow:auto;
}

