body {
  font-size: 62.5%; 
  margin: 0em auto; 
  padding: 0px; 
  font-family: arial, tahoma, verdana, sans-serif; 
  background: url(../img/background.gif) top center repeat-y;
  }
img { border: 0px } 
.page-container {
  width: 770px; 
  margin: 0px auto; 
  padding: 0px; 
  border-left: solid 1px rgb(125,125,125); 
  border-right: solid 1px rgb(125,125,125); 
  border-bottom: solid 1px rgb(125,125,125); 
  background-color: rgb(255,255,255);
  }

/* -- dočasně -- */
.img-header {clear: both; float: left; width: 770px; height: 100px; margin: 0px; padding: 0px;}
/* ------------- */

.nazev-stranky {width: 100%; margin: 0px 0px 10px 0px; padding: 0px 0px 5px 0px; background-color: transparent; border-bottom: solid 0px rgb(200,200,200); color: rgb(100,100,100); text-transform: uppercase; font-weight: bold; font-size: 140%;}
.prouzek-sidebar {float: left; width: 609px; min-height: 500px; height: auto !important; height: 500px; margin: 0px; padding: 0px 0px 20px 0px; border-left: solid 1px rgb(200,200,200); background-color: rgb(255,255,255);}


.top-menu-box {
  position: absolute; z-index: 3; 
  width: 770px; 
  top: 5px; 
  background-color: transparent;
  }
  .top-menu {float: right; width: 750px; margin: 0px 5px 0px 0px; padding: 0px; background-color: transparent;}	
  .top-menu ul {float: right; display: inline; list-style: none; margin: 0px; padding: 0px;}	
  .top-menu li {display: inline; white-space: nowrap; text-transform: none;}
  .top-menu li a {display: inline; margin: 0px; padding: 0px 0px 0px 4px; border-left: solid 1px rgb(100,100,100); color: rgb(150,150,150); font-weight: bold; text-decoration: none; font-size: 110%;}
  .top-menu a:hover {background-color: rgb(255,255,255); color: rgb(0,0,0); text-decoration: underline;}
  .img-images {display: inline; vertical-align: text-bottom; height: 1.0em; margin: 0px; padding: 0px; border: solid 1px rgb(0,0,0);}


.leve-menu {
  clear: both; 
  float: left; 
  width: 160px; 
  min-height: 500px;
  height: auto !important; 
  height: 500px; 
  margin: 0px; 
  padding: 0px; 
  background-color: rgb(255,255,255);
  font-size: 1.0em;
  }
  .leve-menu ul {float: left; list-style: none; width: 160px; margin: 0px; padding: 0px; border-bottom: solid 1px rgb(200,200,200);}	
  .leve-menu li {margin: 0px; padding: 0px;}
  .leve-menu li.title {vertical-align: top; margin: 0px; padding: 0px 5px 0px 20px; color: rgb(100,100,100); text-transform: uppercase; font-weight: bold; font-size: 140%;}
  .leve-menu li a {display: block; min-height: 1.5em; height: auto !important; height: 1.5em; line-height: 1.5em; margin: 1px 0px 1px 0px; padding: 0px 7px 0px 10px; border-left: solid 10px rgb(149,203,102); color: rgb(100,100,100); text-decoration: none; font-size: 120%;}
  .leve-menu li a:hover, .leve-menu li a.selected {border-left: solid 10px rgb(97,177,25); color: #000000; text-decoration: none;}

/* -- Proužky velké -- */
  .prouzek-velky-nic {float: left; width: 563px; min-height: 500px; height: auto !important; height: 500px; margin: 0px; padding: 0px 20px 0px 20px; background-color: transparent; color: rgb(100,100,100);} /* Width should be 569px, but IE-duplication bug forces us to reduce with 6px to 563px */
  .prouzek-velky-container {clear: both; float: left; width: 560px; margin: 0px 0px 15px 0px; padding: 0px;} /* Width should be 563px, but IE-duplication bug forces us to reduce with 3px to 560px */
  .prouzek-velky-1-1 {width: 559px; margin: 0px; padding: 0px;}
  .prouzek-velky-1-2 {float: left; width: 273px; margin: 0px; padding: 0px;}
  .prouzek-velky-2-2 {float: right; width: 273px; margin: 0px; padding: 0px;}
  .prouzek-velky-1-3 {float: left; width: 176px; margin: 0px 17px 0px 0px; padding: 0px;}
  .prouzek-velky-2-3 {float: left; width: 176px; margin: 0px; padding: 0px;}
  .prouzek-velky-3-3 {float: right; width: 176px; margin: 0px; padding: 0px;}

/* -- Proužky malé -- */
  .content {float: left; width: 428px; margin: 0px; padding: 0px 0px 0px 20px; background-color: transparent; color: rgb(75,75,75);} /* Width should be 444px, but IE-duplication bug forces us to reduce with 6px to 428px */
  .prouzek-maly-container {clear: both; float: left; width: 425px; margin: 0px 0px 15px 0px; padding: 0px;} /* Width should be 428px, but IE-duplication bug forces us to reduce with 3px to 425px */
  .prouzek-maly-1-1 {width: 425px; margin: 0px; padding: 0px;}
  .prouzek-maly-1-2 {float: left; width: 205px; margin: 0px; padding: 0px;}
  .prouzek-maly-2-2 {float: right; width: 205px; margin: 0px; padding: 0px;}
  .prouzek-maly-1-3 {float: left; width: 134px; margin: 0px 13px 0px 0px; padding: 0px;}
  .prouzek-maly-2-3 {float: left; width: 134px; margin: 0px; padding: 0px;}
  .prouzek-maly-3-3 {float: right; width: 134px; margin: 0px; padding: 0px;}

/* -- Funkce pro proužky -- */
  .prouzek-nepodbarveny {margin: 0px; padding: 0.7em 0px 0px 0px; background-color: transparent; font-size: 110%;}
  .prouzek-podbarveny {margin: 0px; padding: 7px 10px 5px 10px; }
  .prouzek-nazev {margin: 0px; padding: 1px 0px 2px 3px; color: rgb(75,75,75); font-weight: bold; font-size: 110%;}
  .box-on {float: left; min-width: 0.5em; margin-right: 0.2em; padding-left: 0.3em;}
  .box-off {display: none;}

/* -- Práce s textem -- */
  p {margin: 0px 0px 0.5em 0px; padding: 0px; line-height: 1.2em; font-size: 110%; }
  p.vice {margin: -0.2em 0px 0.5em 0px; padding: 0px; line-height: 1.2em; font-size: 110%; }

/* -- Seznamy UL -- */
  /* Lists */
  ul.noindent {margin: 0px 0px 7px 15px; padding: 0px; list-style-type: disc; list-style-position: outside; font-size: 120%;}
  ul.indent {margin: 0px 0px 7px 15px; padding: 0px 0px 0px 15px; list-style-type: disc; font-size: 120%;}
  ol {margin: 0px 0px 0px 9px; padding: 0px 0px 0px 25px; list-style-type: decimal; list-style-position: outside; font-size: 120%;}

  /* Link List */
  ul.linklist-noindent {margin: -0.3em 0px 0.5em 0px; padding: 0px; list-style-type: none; line-height: 1.2em; font-size: 120%; }
  ul.linklist-indent {margin: -0.3em 0px 0.5em 0px; padding: 0px 0px 0px 10px; list-style-type: none; line-height: 1.2em; font-size: 120%; }

/* -- Tabulka -- */
  .table {clear: left; margin: 0.5em 0px 0.2em 30px; border: solid 1px rgb(150,150,150); empty-cells: show; border-collapse: collapse; background-color: rgb(233,232,244);}
  .table tr {margin: 0px; padding: 0px;}
  .table td {padding: 2px 7px 2px 7px; border: solid 1px rgb(150,150,150); text-align: left; font-size: 120%;}
  .table th {margin: 0px; padding: 2px 7px 2px 7px; border: solid 1px rgb(150,150,150); empty-cells: show; text-align: left; font-size: 120%; 	}

/* -- Patička -- */
.paticka {clear: both; width: 770px; height: 3.0em; margin: 0px; padding: 0.5em 0px 0.5em 0px; border-top: solid 1px rgb(125,125,125); background-color: rgb(159,182,213); color: rgb(255,255,255);}
.paticka p {margin: 0px; padding: 0px; text-align: center; line-height: 1.3em; font-size: 110%;}
.paticka a {color: #FFFFFF; text-decoration: underline;}
.paticka a:hover {color: #000000; text-decoration: none;}

/* -- výchozí barvy -- */
.text-bily {color: #FFFFFF;}
.text-cerny {color: #000000;}

.barva01 {background-color: rgb(237,246,229);}
.barva02 {background-color: rgb(220,238,204);}
.barva03 {background-color: rgb(202,229,178);}
.barva04 {background-color: rgb(185,220,153);}
.barva05 {background-color: rgb(167,211,127);}
.barva06 {background-color: rgb(149,203,102);}
.barva07 {background-color: rgb(132,194,76);}
.barva08 {background-color: rgb(114,185,51);}
.barva09 {background-color: rgb(97,177,25);}
.barva10 {background-color: rgb(79,168,0);}


/* doplňky */
br {clear: none;}