body {
  color: #FFFFCC;
  background-color: #000000;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif, Tahoma;
}

#main {
  width: 1024px;
  margin: 0px auto;
}

#center {
  width: 1024px;
  margin-top: 5px;
  background-color: #000000;
  height: auto;
  float: left;
}

#center_content {
  color: #FFFF00;
  margin-top: 15px;
  margin-left: 15px;
  display: inline;
  width: 1024px;
  text-align: justify;
  float: left;  
  padding-bottom: 10px;
}

/************************************** LOGO *********************************************************************/
#logotop {
  float: left;
  background-image: url(../grafika/index_logo.gif);
  width: 1024px;
  height: 200px;
}

/************************************** LINKA MENU ***************************************************************/
#logobot{
  background-image:  url(../grafika/index_line.gif);
  float: left;
  width: 1024px;
  line-height: 30px;
  height: 30px;
  color: #99FF00;
}


/************************************** ARCHIV ***************************************************************/
#archiv{
  background-image:  url(../grafika/archiv.gif);
  float: left;
  width: 730px;
  line-height: 13px;
  height: 13px;
  text-align: center;
}

#archiv a {
  text-decoration: none;
  color: #FFFFCC;
  font-family: Comic Sans MS;
  font-size: 15px;
  padding-left: 20px;
  padding-right: 20px;
}

#archiv a:hover {
  padding-left: 20px;
  padding-right: 20px;
  font-weight: bold;
  color: #99FF00;
}

/************************************** UDAJE ***************************************************************/
.udaje_item {
  background-color: #000000;
  width: 720px;
  height: auto;
  float: left;
  margin-bottom: 10px;
  border: 0px solid black;
  padding: 5px;
  text-align: left;
}

.udaje_nadpis {
  color: #99FF00;
  font-weight: bold;
  float: left;
  width: 200px;
  margin-left: 20px;
  font-size: 13px;
}

.udaje_hodnota {
  color: #FFFFCC;
}

.udaje_udaje {
  width: 720px;
  height: auto;
  float: left;
  margin-top: 20px;
  font-size: 11px;
}

/************************************** TABULKA ***************************************************************/

.nadpis {
  text-align: center;
  background-color: #111111;
  color: #99FF00;
  font-weight: bold;
  height:16px;
  vertical-align: middle;
  padding-left: 5px;
}

.lichy {
  text-align: center;
  background-color: #666666;
  color: #FFFFCC;
  vertical-align: middle;
  padding-left: 5px;
}

.sudy {
  text-align: center;
  background-color: #333333;
  color: #FFFFCC;
  vertical-align: middle;
  padding-left: 5px;
}


.nadpis_2 {
  text-align: center;
  background-color: #000000;
  color: #99FF00;
  font-weight: bold;
  height:16px;
  vertical-align: middle;
  padding-left: 5px;
}

.lichy_2 {
  text-align: center;
  background-color: #000000;
  color: #FFFFCC;
  vertical-align: middle;
  padding-left: 5px;
  height:16px;
}

.sudy_2 {
  text-align: center;
  background-color: #000000;
  color: #FFFFCC;
  vertical-align: middle;
  padding-left: 5px;
  height:16px;
}

/************************************** NADPIS ***************************************************************/
h1 {
margin: 0 0 0 15px;
font-size: 150%;
font-weight: normal;
color: #99FF00;
text-decoration: underline;
}

h2 {
margin: 15px;
padding: 0 0 0px 5px;
font-size: 125%;
font-weight: bold;
text-decoration: underline;
color: #99FF00;
}

h3 {
margin: 5px 15px;
padding: 0 0 3px 5px;
font-size: 110%;
font-weight: bold;
text-decoration: underline;
color: #FFFFCC;
}

/************************************** OBTEKANI ***************************************************************/
div#body {
width: 1024px;
text-align: left;
}

/************************************** OBSAH STRANKY *********************************/
div#obsah {
width: 750px;
float: right;
margin-right: 50px;
font-size: 12px;
font-family: Tahoma;
font-weight: normal;
border-bottom : 10px solid #222222;
border-top : 10px solid #222222;
border-left : 10px solid #222222;
border-right : 10px solid #222222;
color: #FFFFCC;
}

/************************************** PODMENU ***************************************/
div#menu {
width: 200px;
float: left;
text-align: left;
}

div#menu p{
font-size: 80%;
}

div#menu li{
font-size: 80%;
}

div#menu ul {
margin: 0px 10px 10px 20px;
padding: 0;
border-bottom : 10px solid #222222;
border-top : 10px solid #222222;
border-left : 10px solid #222222;
border-right : 10px solid #222222;
}

div#menu ul li {
margin: 5px 0;
padding: 0;
list-style-type: none;
font-weight: bold;
}

div#menu ul li p {
text-align: right;
}

/************************************** TLACITKA PODMENU ******************************/
a.tlac{
background-color : #222222;
font-size : 14px;
font-family : Comic Sans MS;
width : 140px;
padding : 0px 5px 0px 5px;
color : #99FF00;
display : block;
text-align: center;

}

a.tlac:link{
text-decoration: none;
color : #99FF00;
}

a.tlac:visited{
text-decoration: none;
color : #99FF00;
}

a.tlac:hover{
text-decoration: none;
background-color : #E9E9E9;
color : #000000;
} 

/************************************** PATKA *****************************************/
p#patka {
margin: 0;
clear: both;
font-size: 80%;
text-align: center;
color: #99FF00;
}

/************************************* ODKAZ ******************************************/
a:link {
color: #000000;
}
a:visited {
color: #000000;
}
a:hover {
color: #000000;
}

/************************************* BOX ******************************************/
p.box {
margin: 10px;
color: #000000;
padding: 10px;
background-color: #999999;
}



p {
margin: 15px;
line-height: 130%;
}

ol, ul {
margin: 15px 25px 15px 50px;
padding: 0;
}
li {
margin: 15px 10px;
padding: 0;
line-height : 130%;
}