/*
display:
  block - zobrazeni jako blok (default u blokovych elementu)
  inline - zobrazeni jako radkovy element (default u radkovych elementu)
  none - element nebude pritomen na strance

visibility:
  vibible - prvek viditelny (default)
  hidden - prvek neviditelny
  //pozn: zmenu visibility aplikace wnd neprovadi, zobrazovani/skryvani se deje pouze pres vlastnost display

overflow: 
  visible - necha se pretect (default)
  hidden - pretekajici cast bude oriznuta
  scroll - posuvnik bude videt porad, pokud obsah pretece, stane se aktivni
  auto - pokud obsah pretece, objevi se posuvnik 
*/

/* obecna nastaveni*/
body {
   background-color: black;
   margin-left:auto;
   margin-right:auto;
   margin-top:20px;
   margin-bottom:20px;
   padding:0;
   color: #52899f;
	font-family: Verdana, sans-serif;
	font-size: 15px;
   letter-spacing: 2px;
   width: 1020px;

}

#main{
   background-color: #09212c;
}

table{
}

#outer{
        height: 760px;
}

td{
	border-left: 1px solid #84bdd0;
	border-right: 1px solid #84bdd0;
	vertical-align: top;
}

table.noborder tr td {
	border: 0;
	vertical-align: top;
}

div {
padding: 8px;
}


form {

}


/* nastaveni DIVu, tvoricich hlavni layout aplikace*/
#main {  
}

#menu {
 top:10px;
  left:10px;
  width:300px;
  border-right:none;
  background-color: #09212c;
  height: 100%;
}

.menuitem {
  background-color: #09212c;
  font-size: 15px;
  letter-spacing: 3px;
  text-transform: lowercase;
}

#content {
	
  top: 10px;
  left: 320px;
  width: 679px;  
  background-color: #09212c;
  height: 100%;
  padding:10px;
}

a
{
  text-decoration: none;
  color: white;
  font-weight: bold;
}

a:hover
{
	text-decoration: underline;
}

#logo
{
	text-align: center;
        font-size: 18px;
	letter-spacing: 3px;          	
	font-weight: bold;	
	margin-bottom: 25px;
	padding: 0px;
	color:#85bed1;
}

h1{
	color:#85bed1;
	text-align: center;
	text-transform: lowercase;
	font-size:19px;
	border-bottom: solid 1px #85bed1;
	padding-top: 12px;
	padding-bottom: 10px;

}

h2{
	color:#85bed1;
	text-align: left;
	text-decoration: underline;
	border-bottom: solid 1px #85bed1;
	padding-top: 12px;
	padding-bottom: 10px;

text-transform: lowercase;
	font-size:14px;
}

h3{
	color:#85bed1;
	text-align: left;	
	border-bottom: solid 1px #85bed1;
	padding-top: 12px;
	padding-bottom: 10px;

	text-transform: lowercase;
	font-size:12px;
}

li
{	
	padding: 5px;
}

p{
	text-align: justify;	
	margin-left: 10px;
	margin-right: 10px;
	padding: 3px;
}
p.time {
  margin-top: 0px;
  margin-bottom: 0px;
  font-style: italic;
}

pre{
	font-size: 15px;
	line-height: 22px;
	font-weight: bold;
	letter-spacing: 0px;          	
	color:#85bed1;
}

small{
	font-size: 9px;
}

br{

}

strong{
color:#85bed1;
}

input{
	border: none;
	color: black;
	background-color: #85bed1;

}

textarea{
	margin-top: 10px;
	margin-bottom: 10px;
	border: none;
	color: black;
	background-color: #85bed1;

}
img {
	border: none;
}

input.odeslat{
	border: 1px solid #85bed1;
	background-color: black;
	color: #52899f;

}

ol li {
	padding-top: 10px;
	padding-left: 10px;
}

#hraci{
	width: 100%;
	margin: 10px;
	text-align: center;
}