/* general */

* {
margin: 0;
padding: 0;
border: 0;
}

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 75%;
color: black;
background: white;
text-align: center;
}

a {
color: #ff0000;
text-decoration: underline;
}

a:visited {
color: black;
}

a:hover, a:active, a:focus {
color: #666666;
}

.red {
color: #ff0000;
}

.black {
color: black;
}

.white {
color: white;
}

.grey {
color: #666666;
}


/* logo */

h1 {
width: 317px;
height: 125px;
color: #ff0000;
font-size: 180%;
font-weight: normal;
margin: 0;
background: black;
float: left;
}

h1 a {
display: block;
}

h2 {
font-size: 150%;
font-weight: normal;
color: black;
margin: 0 0 10px;
}

h3 {
font-size: 100%;
font-weight: bold;
color: #ff0000;
margin: 20px 0 10px;
}

h4 {
font-size: 110%;
font-weight: bold;
color: #479ad4;
margin: 20px 0 10px;
}

h5 {
font-size: 100%;
color: #002f87;
font-weight: bold;
margin: 0 0 10px 0;
}

h6 {
font-size: 100%;
color: #04345a;
font-weight: bold;
margin-bottom: 10px;
}

p {
margin-bottom: 20px;
line-height: 150%;
font-size: 100%;
}

.nula {
margin: 0 !important;
}

ul, ol {
margin-bottom: 20px;
}

ol {
margin-bottom: 30px;
}

ul li {
margin-left: 30px;
line-height: 150%;
padding-bottom: 5px;
list-style: disc;
}

ol li {
margin-left: 30px;
line-height: 140%;
padding-bottom: 5px;
list-style: decimal;
}

.cistic {
_height: 1px;
_width: 1px;
_font-size: 1px;
_line-height: 1px;
_margin: -1px -1px 0 0;
clear: both;
}

.strong {
font-weight: bold;
}

input, textarea, select {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
padding: 3px;
}

img.right {
margin: 0 0 15px 15px;
float: right;
}

img.left {
margin: 0 15px 15px 0;
float: left;
}

.small {
font-size: 90%;
line-height: 140%;
}

.big {
font-size: 150%;
}

table {
width: 100%;
border-collapse: collapse;
font-size: 90%;
border: 1px solid #959595;
}

table a {
color: black;
}

table a:visited {
color: #959595;
}

table a:hover, table a:active, table a:focus {
color: #ff0000;
}

td {
padding: 8px;
border: 1px solid #959595;
background: #ebeaea;
}

td.firma {
width: 150px;
}

td.amount {
background: #959595;
color: white;
text-align: center;
}

th {
padding: 8px;
background: #ccc;
color: #333;
font-weight: bold;
}

/***************** layout *************/

#main {
width: 984px;
text-align: left;
margin: 0 auto;
}

#top {
width: 667px;
height: 125px;
background: black url("../grafika/header.jpg") no-repeat;
float: left;
}

#login {
width: 221px;
height: 223px;
color: #333;
background: #959595 url("../grafika/login.jpg") no-repeat;
float: left;
}

#login h3 {
width: 208px;
height: 25px;
line-height: 25px;
padding-left: 13px;
margin: 0;
font-weight: bold;
color: white;
}

#login form {
padding: 23px 0 0 23px;
}

#login a, #login a:visited {
color: black;
font-size: 90%;
text-decoration: underline;
}

#login a:hover, #login a:active, #login a:focus {
color: #fe4901;
}

.oddelovac {
color: white;
padding: 0 7px;
}

#login label {
display: block;
font-size: 90%;
}

#login input {
width: 168px;
background: white;
border: 1px solid #666;
}

#login input.button {
width: 168px;
height: 22px;
background: #ccc;
border: 1px solid white;
color: #666;
font-weight: bold;
margin-bottom: 20px;
}

#people {
width: 763px;
height: 223px;
background: url("../grafika/people.jpg") no-repeat;
float: left;
}

#lista {
width: 954px;
height: 44px;
line-height: 44px;
padding: 0 15px;
background: black url("../grafika/lista.jpg") no-repeat;
border-bottom: 4px solid #ff0000;
float: left;
}

#lista h2 {
width: 719px;
color: #989898;
margin: 0;
float: left;
}

#pocet {
width: 235px;
color: #959595;
font-weight: bold;
text-align: right;
float: right;
}

#pocet span {
font-weight: normal;
}

#obsah {
width: 960px;
min-height: 300px;
_height: 300px;
padding: 20px 0 20px 24px;
float: left;
}

.panel_left {
width: 350px;
padding-right: 30px;
float: left;
}

#panel_right {
width: 200px;
float: right;
}

.datum {
font-weight: bold;
}

#foto img {
border: 2px solid #989898;
}

/* paticka */


#paticka {
width: 954px;
height: 30px;
line-height: 30px;
font-size: 90%;
padding: 0 15px;
background: #959595;
color: black;
float: left;
}

#zobrazeni {
width: 477px;
float: left;
}

#copyright {
width: 477px;
color: #333;
text-align: right;
float: right;
}

#paticka a {
color: black;
}

#paticka a:visited {
color: #333;
}

#paticka a:hover, #paticka a:active, #paticka a:focus {
color: #f5030a;
}

#paticka .oddelovac {
color: #f5030a;
}