/* layout */
body {
   background-color:#EAF2EB;
   color:#000000;
   font: "trebuchet MS", "Arial Narrow", "Franklin Gothic Medium";
   text-align: center;
   margin: 0;
}
img { border:none; }
a { color: #669AD4; }
div#container {
   position: relative;
   width: 843px; z-index: 1;
   margin-top: 2px; margin-left: auto; margin-right: auto;
   text-align: left;
}
div#flag {
   position: absolute; left: 0px; top: 0px; 
   width: 43px; height: 143px; z-index: 1;
   margin: 0px; border: 0px; padding: 0px;
   text-align: center;
}
div#flag img {
   margin: 0px; border: 0px; padding: 0px;
}
div#roh {
   position: absolute; left: 0px; top: 142px; 
   width: 43px; height: 43px; z-index: 2;
   margin: 0px; border: 0px; padding: 0px;
   text-align: right;
}
div#titul {
   position: absolute; left: 43px; top: 0; 
   width: 800px; height: 185px; z-index: 3;
   margin: 0px; border: 0px; padding: 0px;
   text-align: left;
}
div#banner-roh {
   position: absolute; left: 43px; top: 0px; 
   width: 29px; height:30px; z-index: 4;
   margin: 0px; border: 0px; padding: 0px;
   background: url(/images/banner-roh.gif) left no-repeat;
   text-align: left;
}
div#duha {
   position: absolute; left: 43px; top: 144px; 
   width: 800px; height: 41px; z-index: 4; 
   margin: 0px; border: 0px; padding: 0px;
   text-align: left;
}
div#nazev {
   position: absolute; left: 43px; top: 144px; 
   width: 800px; height: 51px; z-index: 5;
   margin: 0px; border: 0px; padding: 0px;
   text-align: center;
}
div#nazev div {
   width: 800px; height: 51px; z-index: 8;
   margin: 0px; border: 0px; padding: 0px;
   text-align: center;
}

div#pruh {
   position: absolute; left: 0px; top: 185px; 
   width: 43px; height:560px; z-index: 2;
   margin: 0px; border: 0px; padding: 0px;
   background: url(/images/pruh.gif) left repeat-y;
   text-align: left;
}
div#pruh1 {
   position: absolute; left: 0px; top: 185px; 
   width: 43px; height:28px; z-index: 2;
   margin: 0px; border: 0px; padding: 0px;
   background: url(/images/pruh.gif) left repeat-y;
   text-align: left;
}
div#pruh2 {
   position: absolute; left: 12px; top: 210px; 
   width: 31px; height:495px; z-index: 3;
   margin: 0px; border: 0px; padding: 0px;
   background: url(/images/pruh2.gif) left repeat-y;
   text-align: left;
}
div#purple-i1 {
   position: absolute; left: 43px; top: 195px; 
   width: 10px; height:550px; z-index: 5;
   margin: 0px; border: 0px; padding: 0px;
   background: url(/images/purple1.gif) left repeat-y;
   text-align: left;
}
div#purple-i2 {
	font-size:1px;
	position: absolute; left: 43px; top: 185px;
	width: 800px; height:10px; z-index: 4;
	margin: 0px; border: 0px; padding: 0px;
	background: url(/images/purple1.gif) left repeat-x;
	text-align: left;
}
div#purple-b1 {
   position: absolute; left: 235px; top: 195px; 
   width: 10px; height:80px; z-index: 5;
   margin: 0px; border: 0px; padding: 0px;
   background: url(/images/purple1.gif) left repeat-y;
   text-align: left;
}
div#purple-b2 {
	font-size:1px;
	position: absolute; left: 235px; top: 185px;
	width: 608px; height:10px; z-index: 4;
	margin: 0px; border: 0px; padding: 0px;
	background: url(/images/purple1.gif) left repeat-x;
	text-align: left;
}
div#purple-b3 {
   position: absolute; left: 225px; top: 275px; 
   width: 20px; height:20px; z-index: 6;
   margin: 0px; border: 0px; padding: 0px;
   background: url(/images/purple3.gif) left no-repeat;
   text-align: left;
}
div#purple-b4 {
	font-size:1px;
	position: absolute; left: 96px; top: 285px;
	width: 129px; height:10px; z-index: 4;
	margin: 0px; border: 0px; padding: 0px;
	background: url(/images/purple1.gif) left repeat-x;
	text-align: left;
}
div#purple-b5 {
   font-size:1px;
   position: absolute; left: 86px; top: 285px; 
   width: 10px; height:10px; z-index: 7;
   margin: 0px; border: 0px; padding: 0px;
   background: url(/images/purple2.gif) left;
   text-align: left;
}
div#purple-b6 {
	font-size:1px;
	position: absolute; left: 86px; top: 295px;
	width: 10px; height:410px; z-index: 4;
	margin: 0px; border: 0px; padding: 0px;
	background: url(/images/purple1.gif) left repeat-y;
	text-align: left;
}
div#yellow-b1 {
	font-size:1px;
	position: absolute; left: 69px; top: 285px;
	width: 10px; height:420px; z-index: 4;
	margin: 0px; border: 0px; padding: 0px;
	background: url(/images/yellow1.gif) left repeat-y;
	text-align: left;
}
div#yellow-b2 {
   font-size:1px;
   position: absolute; left: 0px; top: 213px; 
   width: 79px; height:74px; z-index: 9;
   margin: 0px; border: 0px; padding: 0px;
   background: url(/images/yellow2.gif) left;
   text-align: left;
}
div#mboard {
   position: absolute; left: 53px; top: 195px; 
   width: 790px; height: 550px; z-index: 5; 
   margin: 0px; border: 0px; padding: 0px;
   text-align: left;
   overflow: auto;
}
div#menu {
   position: absolute; left: 53px; top: 305px; 
   width: 190px; height: 400px; z-index: 6;
   margin: 0px; border: 0px; padding: 0px;
   overflow: hidden;
}
div#board {
   position: absolute; left: 243px; top: 195px; 
   width: 600px; height: 510px; z-index: 5; 
   margin: 0px; border: 0px; padding: 0px;
   text-align: left;
   overflow: auto;
}
div#wz {
   position: absolute; left: 0px; top: 705px; 
   width: 843px; height: auto; z-index: 3; 
   margin: 0px; border: 0px; padding: 0px;
   text-align: center;
}
/* moduls */
div#login {
   position: absolute; left: 43px; top: 195px; 
   width: 190px; height: 100px; z-index: 8;
   margin: 0px; border: 0px; padding: 0px;
   text-align: center;
   font-size:11px;
   overflow: visible;
}
div#login * { margin: 0px; border: 0px; padding: 0px; }
div#login table { text-align:left; }
div#login input { font-size:9px; width: 70px; height:12px; }
div#login .pole { border:#669AD4 solid 1px; }
div#login .tlacitko { background-image:url(/images/tlacitko.gif); font-weight:bold; width:110px; height:23px; font-size:11px; cursor:hand; color:#FFFFFF; position:relative; top:3px; }
div#login h4 { font-size:15px; }
div#login p { text-align:right; margin:0px 13px 0px 0px; position:absolute; bottom:12px; right:0px; }

table#tab9 { text-align:center; margin-top:10px; }
table#tab9 td { width:180px; height:180px; }
table#tab9 .tab9-1 { background: url(/images/ramecek_s1.gif) left no-repeat; }
table#tab9 .tab9-2 { background: url(/images/ramecek_s2.gif) left no-repeat; }
table#tab9 .tab9-3 { background: url(/images/ramecek_s3.gif) left no-repeat; }
table#tab9 .tab9-4 { background: url(/images/ramecek_s4.gif) left no-repeat; }
table#tab9 .tab9-456 { background: url(/images/ramecek_s456.gif) left no-repeat; width:540px; }
table#tab9 .tab9-5 { background: url(/images/ramecek_s5.gif) left no-repeat; }
table#tab9 .tab9-6 { background: url(/images/ramecek_s6.gif) left no-repeat; }
table#tab9 .tab9-7 { background: url(/images/ramecek_s7.gif) left no-repeat; }
table#tab9 .tab9-8 { background: url(/images/ramecek_s8.gif) left no-repeat; }
table#tab9 .tab9-9 { background: url(/images/ramecek_s9.gif) left no-repeat; }
table#tab9 img { border:double 4px #669AD4; }
table#tab9 a { text-decoration:none; }
.divA { width:150px; height:155px; text-align:center; margin-left:12px; cursor:hand; }
.divA3 { width:515px; height:155px; text-align:center; margin-left:12px; cursor:hand; }
.ram2 { background: url(/images/ramecek_1.gif) left no-repeat; width:170px; height:170px; }
.ram1 { background: url(/images/ramecek_2.gif) left no-repeat; width:170px; height:170px; }
.ram1 a, .ram2 a { text-decoration:none; color:#000000; }
.ram1 div, .ram2 div { width:170px; height:170px; text-align:center; vertical-align:text-bottom; cursor:hand; }

div#pocitadlo {
   font: "trebuchet MS", "Arial Narrow", "Franklin Gothic Medium";
   position: absolute; left: 0px; top: 370px; 
   width: 120px; height: 25px; z-index: 5;
   margin: 0px; border: 0px; padding: 0px;
   text-align: right;
}
/* menu */
div#m1 {
   position: absolute; left: 6px; top: 6px; 
   width: 175px; height: 51px; z-index: 1;
   margin: 0px; border: 0px; padding: 0px;
   text-align: right;
}
div#m2 {
   position: absolute; left: 6px; top: 72px; 
   width: 155px; height: 45px; z-index: 1;
   margin: 0px; border: 0px; padding: 0px;
   text-align: right;
}
div#m3 {
   position: absolute; left: 6px; top: 135px; 
   width: 165px; height: 48px; z-index: 1;
   margin: 0px; border: 0px; padding: 0px;
   text-align: right;
}
div#m4 {
   position: absolute; left: 6px; top: 195px; 
   width: 145px; height: 41px; z-index: 1;
   margin: 0px; border: 0px; padding: 0px;
   text-align: right;
}
div#m5 {
   position: absolute; left: 6px; top: 258px; 
   width: 155px; height: 45px; z-index: 1;
   margin: 0px; border: 0px; padding: 0px;
   text-align: right;
}
div#m6 {
   position: absolute; left: 6px; top: 314px; 
   width: 145px; height: 41px; z-index: 1;
   margin: 0px; border: 0px; padding: 0px;
   text-align: right;
}
/* board and mboard */
div#nadpis {
   position: absolute; left: 85px; top: 28px; 
   width: 489px; height:53px; z-index: 9;
   margin: 0px; border: 0px; padding: 0px;
   background: url(/images/Hn.gif) left no-repeat;
}
div#nadpis h1 {
   font-size:24px; 	
   font-family:Trebuchet MS;
   text-align:center;
   margin: 12px 60px 0px 15px;
}
div#obsah {
   font-size:16px;
   font-family:Trebuchet MS;
   text-align: center;       
   position: absolute; left: 10px; top: 100px; 
   width: 578px; height:403px; z-index: 9;
   margin: 0px; border: 0px; padding: 0px; 

  scrollbar-base-color: #EAF2EB;
  overflow: auto;
}
div#obsah h3 {
   font-family:Trebuchet MS;
   text-align:left;
   margin: 0px 0px 0px 20px;
}
div#obsah .subkat {
   font-size:18px;
   line-height:140%;
   color:#000000;
}
div#obsah p {
   font-size:14px;
   font-family:Trebuchet MS;
   text-align: justify;
}
div#obsah table {
   text-align: left;
}
div#obsah hr {
   text-align: center;
   color:#0099FF;
   width: 520px;
}
table.forum {
   width: 93%;
}
table.forum tr td {
   vertical-align:top;
   font-size:14px;
   font-family:Trebuchet MS;
   text-align:justify;
   padding:4px;
   }
table.forum tr td.nadpis {
   font-family:Trebuchet MS;
   font-size:18px;
   font-weight:bold;
   text-align:left;
}

table.forum tr td.dalsi {
   font-size:13px;
}
table.sakce { width:520px; }
table.sakce tr th { vertical-align:top; text-align:left;}
table.sakce tr td { text-align:left;}
table.sakce tr td textarea { width:490px;}
fieldset { width:90% }
a.profil { color:#000000; font-size:18px; }
.bold { font-weight:bold; }
.chyba { font-size:14px; color:#FF3366; }
.black { color:#000000; }
.red { color:#FF3366 !important;}
.zelena { border-left:solid #88CA8A 2px; border-bottom:solid #F58466 1px; }
.cervena { border-left:solid #F58466 2px; border-bottom:solid #88CA8A 1px; }
.oddAkce { font-weight:bold; font-size:20px; line-height:1.8; }
.ww { display:none; }