html, body {
 background-color: #1e1e1e;

 margin: 0px 0px 0px 0px;
 padding: 0px;
}

.podcarou {
 background-color: #353535; 
 width: 800px; 
 height: 723px;
 text-align: left; 
 float: left;
 position: relative;
 top: 2px;
}

.cara {
 background-color: #979797;
 height: 2px;
 position: absolute;
 top: 152px;
 width: 100%;
 margin: 0px;
 float:left;
 font-size: 1;
}

html>body .cara {
 background-color: #979797;
 height: 2px;
 position: absolute;
 top: 150px;
 width: 100%;
 margin: 0px;
 float:left;
 font-size: 1;
}

.cara_kratka {
 background-color: #979797; 
 height: 2px; 
 width: 100%; 
 margin: 10px 0px; 
 float:left;
 font-size: 1;
}

.head {
 background-color: #000000;
 width: 800px;
 height: 150px;
}

.footer {
 width: 800px;
 line-height: 20px;
 padding: 5px;
 margin: 5px;
 color: #ddd9d9;
 font-size: 13px;
 text-align: center; 

}

.podnadpis {
 position: relative; 
 top: -43px;
 right: -60px;
 color: #ffffff;
 font-family: tahoma,verdana;
 font-size: 15px;
}

.celek {
 width: 800px;
 text-align: left;
 font-family: tahoma,verdana;
 margin: 0 auto 0 auto;
 position: relative;

}

.menu {
 margin-top: 0px;
 float: left;
 /*height: 650px;*/ 
 width: 200px;
 background-color: #353535;
}

.text {
 color: #ddd9d9; 
 background-color: #353535;
 padding: 10px 10px 0px 10px; 
 font-size: 13px;
 text-align: justify; 
 width: 600px;
 float: right;
}

html>body .text {
 color: #ddd9d9; 
 padding: 10px 10px 10px 10px; 
 font-size: 13;
 text-align: justify; 
 width: 580px;
 float: right;
}

.pp {
 border:0
}

.obrazek {
 float: left;
 margin: 0px 10px 10px 0px;
}

.p-obrazek {
 float: right;
 margin: 0px 0px 0px 10px;
}

#akt {
color: #ff0000;
}

#fotka {
 width: 540px;
 border: 0;
}

p {
text-align: left;
}

h1 {
 font-size: 20px;
 color: #ffffff;
}

h2 {
 font-size: 15px;
 font-weight: bold;
 color: #ffffff;
}

a {
 color: #ddd9d9;
 text-decoration: underline;
}

a:hover{
 text-decoration: none;
}

ul {
 list-style-type: none;
 padding: 0px;
 margin: 0px;
 vertical-align:middle;
}

li {
 height: 20px;
 margin-bottom: 2px;
 vertical-align:middle;
}

li a {
 height: 20px;
 color: #ffffff;
 background-color: #000000;
 display: block;
 vertical-align:middle;
 font-size: 15px;
 text-decoration:none;
 text-indent: 8px;
 _margin-bottom: 1px;
}

li a:hover {
 color: #ff0000;
 background-color:#ffffff;
 vertical-align:middle;
}

