/* layout */
html, body {
   background-color:#DCD1C4;
   color:#000000;
   font-family:Arial, Helvetica, sans-serif;
   text-align: center;
   scrollbar-base-color: #FFFFFF;
   margin: 0;
}
img { border:none; }
.stin {
   position: relative;
   padding: 0; margin:0; margin-top:7px; margin-right:auto; margin-left:auto;
   width: 806px; z-index: 0;
   background: #999999;
   border: solid #CCCCCC 1px;

}
div#container {
   position: relative; 
   top: -5px; left: -4px; /* udava velikost stinu */
   width: 800px; height:800px; z-index: 1;
   margin-top: 2px; margin-left: auto; margin-right: auto;
   border: #663300 solid 3px;
   text-align: center;
}
div#flag {
   position: absolute; left: 10px; top: 10px; 
   width: 120px; height: 30px; z-index: 4;
   margin: 0px; border: 0px; padding: 0px;
   text-align: left;
}
div#flag img {
   margin: 2px; border: 0px; padding: 0px;
}
div#bannerH {
   position: absolute; left: 0px; top: 0; 
   width: 800px; height: 254px; z-index: 3;
   margin: 0px; border: 0px; padding: 0px;
   text-align: left;
}
div#bannerD {
   position: absolute; left: 0px; bottom:0px;
   width: 800px; height: 195px; z-index: 3;
   margin: 0px; border: 0px; padding: 0px;
   text-align: center;
}
div#board {
   position: absolute; left: 0px; top: 210px; 
   width: 800px; height: 407px; z-index: 2;
   margin: 0px; border: 0px; padding: 0px;
   background-image:url(../images/bg.gif);
   background-repeat:no-repeat;
   text-align: left;
   overflow: hidden;
}
div#mboard {
   position: absolute; left: 180px; top: 30px; 
   width: 610px; height: 360px; z-index: 6; 
   margin: 0px; border: 0px; padding: 0px;
   text-align: left;
   overflow: hidden;
}

/* menu */
div#menu {
   position: absolute; left: 5px; top: 30px; 
   width: 170px; height: 360px; z-index: 5;
   margin: 0px; border: 0px; padding: 0px;
   text-align:center;
   overflow: hidden;
}
div#menu img {
   margin: 1px; border: 0px; padding: 0px;
}

/* board and mboard */
div#nadpis {
   position: absolute; left: 50px; top: 10px; 
   width: 500px; height:35px; z-index: 9;
   margin: 0px; border: 0px; padding: 0px;
}
div#nadpis h1 {
   font-size:24px; 	
   font-family:Arial, Helvetica, sans-serif;
   color:#694118;
   text-align:center;
   margin: 5px 0px 0px 30px;
}
div#obsah {
   font-size:16px;
   font-family:Arial, Helvetica, sans-serif;
   text-align: justify;
   position: absolute; left:0px; top:50px; 
   width: 570px; height:300px; z-index: 9;
   margin: 0px; border:0px; padding:0px 15px 10px 15px; 
   scrollbar-base-color: #DACABB;
   overflow: auto;
}
div#obsah img {
   margin: 0px; border:0px; padding:10px 0px 0px 10px; 
}
div#ram {
   font-size:16px;
   font-family:Arial, Helvetica, sans-serif;
   color:#FFFFFF;
   background: #694118;
   text-align: justify;
   position: absolute; right:5px; bottom:10px; 
   width: 325px; height:200px; z-index: 9;
   margin: 0px; border:0px; padding:5px; 
   scrollbar-base-color: #694118;
   overflow: auto;
}
div#ram {
  filter: alpha(opacity=80, style=0);
  opacity: 0.8;
  -khtml-opacity: 0.5; 
}
div#ram h1 {
   font-size:20px; 	
   font-family:Arial, Helvetica, sans-serif;
   color:#FFFFFF;
   text-align:center;
   margin: 5px 0px 3px 0px;
}
div#ram p {
	text-align:left;
	margin: 0px; 
}
div#ram h4 {
   font-family:Arial, Helvetica, sans-serif;
   color:#FFFFFF;
   margin: 8px 0px -13px 20px;
}
.chyba { font-size:14px; color:#FF3366; }