body {
margin: 0;
padding: 0;
color: #FFFFFF;
font-family: Verdana,"Georgia", sans-serif; 
line-height: 19px;
font-size: 13px;
/*background: rgb(55,55,55);*/
background: url('bg.png');
text-align: center;
}

pre {
font-family: Courier;
font-size:12px;
}

pre.smallbasic {
font-family:"courier new";
font-size:11px;
background:gray;
color:black;
}

code.vim {
display:block;
font-family:"courier new";
background:rgb(96,96,96);
border:1px solid rgb(64,64,64);
color:rgb(224,224,224);
padding:4px;
margin:4px 0;
font-size:13px;
}

code.mysql {
display:block;
font-family:"courier new";
background:rgb(96,96,96);
border:1px solid rgb(64,64,64);
color:rgb(224,224,224);
padding:4px;
margin:4px 0;
font-size:13px;
}


h1 {
font-size:24px;
}

h2 {
font-size:20px;
}

h3  {
font-size:15px;
margin:15px 0 0 0;
color:rgb(255,255,102);
}

ol {
margin:0 0 0 2px; 
padding-left:22px;
}

li {
margin:0;
}
input, textarea {
border: 1px solid rgb(224,224,224);
background: black;
color:white;
}

img {
border: 0;
margin: 2px;
}

.img-center {
border:0;
margin:3px;
}

#horni {
padding:0;
margin:0;
border:2px solid black;
}

#celek {
width: 770px;
margin: 5px auto;
text-align:left;
font-size: 13px;
max-width: 1024px;
background: #333333;
background-image: url('pozadi.bmp');
border: 2px solid #666666;
/*border-top-width:1px;
border-bottom-width:1px;*/
min-height: 500px;
_height: 500px;
}

.spotinfo {
text-align:right;
margin:0;
font-size:10px;
}

#obsah {
padding:6px;
width:590px;
float:left;
}

#menu {
padding:6px;
width:145px;
float:right;
}

hr.cleaner {
      clear:both;
      height:1px;
      margin: -1px 0 0 0; padding:0;
      border:none;
      visibility: hidden;
      }

#top {
width: 750px;
margin: 5px auto;
padding: 10px;
text-align:center;
font-size: 15px;
max-width: 1024px;
background: rgb(0,0,102);
border: 2px solid #666666;
}

#uc {
width: 450px;
margin: 5px auto;
padding: 2px;
text-align:center;
font-size: 15px;
max-width: 1024px;
background: rgb(204,0,0);
border: 2px solid #666666;
}

hr {
background: grey;
}

hr.cleaner {
clear:both;
height:0px;
margin: -1px 0 0 0; padding:0;
border:none;
visibility: hidden;
}

a {
color: rgb(255,171,45);
}
a:hover {
color: yellow;
}

a.nav {
font-weight:bold;
color: rgb(255,255,128);
}
a.nav:hover {
color: rgb(254,205,10);
}


.trbg {
background-color: rgb(0,0,153);
color: yellow;
}

table {
border-collapse:collapse;
border: solid 1px white;
font-size:12px;
}

td {border: solid 1px white; padding:5px}
th {
border: solid 1px white; 
padding:5px;
background-color: rgb(204,51,0);}

table.komentar {
border:0;
font-size:12px;
}

td.komentar {
border-collapse:separate;
border:0;
}

.center {
text-align:center;
}

.nadpis {
color: white;
text-decoration:none;
}

fieldset.komentare {
border: 1px dashed rgb(224,224,224);
}

legend {
background:black;
}

.komentinfo {
font-size:10px;
color: rgb(192,192,192);
}

.koment {
border:1px solid rgb(112,112,112);
padding:3px;
margin:3px;
}

.komentare_chyby{
border:2px dashed red;
padding:4px;
text-align:center;
color:red;
background:white;
font-weight:bold;
font-size:13px;
margin:4px 0;
}
.komentare_pridano{
border:1px dashed orange;
padding:4px;
text-align:center;
color:orange;
font-weight:bold;
font-size:13px;
margin:4px 0;
}