html {
  width:100%;
}
body {
  background:#fff url('img/pozadi.png') 0 0 repeat-x;
  font:100%/140% 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
}
* {
  margin:0;
  padding:0;
}
a {
   color:#c01d38;
}
a:hover {
  text-decoration:none;
}
p {
  padding:0.5em 0;
  text-align:justify;
}
ul {
  margin-left:45px;
}
#obalka {
  width:970px;
  margin:0 auto;
}
h1 {
  float:left;
}
h1 a, h1 span {
  display: block;
  height: 180px;
  width: 440px;
}
h1 a {
  color: #c01d38;
  font-size:100%;
  position: relative;
  line-height: 50px;
  text-decoration:none;
}
h1 span {
  position: absolute;
  top: 0; left: 0;
  cursor: pointer;
}
h1 a span {
  background: url('img/hlavicka.png') 0 0 no-repeat;
}
h1 a:hover {
  color: #d02d48;
}
#logo {
  width:530px;
  height:300px;
  background: url('img/logo.png') 0 0 no-repeat;
  float:right;
}

#menu {
  width:430px;
  height:54px;
  list-style-type:none;
  font: 900 0.9em 'Arial CE', Arial, sans-serif;
  clear:left;
  margin:0;
}
#menu li {
  float:left;
}
#menu li a {
  display:block;
  margin: 8px 0 0 0;
  padding:0 29px;
  height:54px;
  line-height:54px;
  background:#cbd3d6 url('img/menu-r.png') 0 0 repeat-x;
  color:#c01d38;
  text-decoration:none;
  text-align:center;
}
#menu li a:hover, #menu #jsem {
  background:#576267 url('img/menu-hover.png') 10px 0 no-repeat;
  color:#fff;
}
h2 {
  clear:both;
  padding:30px 0 15px 30px;
  font: 900 1.1em 'Arial CE', Arial, sans-serif;
  color: #c01d38;
}
h2.bottom {
  background:#fff url('img/border.png') left bottom repeat-x;
  margin: 0 0 12px 0;
  width:98%;
}
h2.vypis {

}
h2.top {
  background:#fff url('img/border.png') left top repeat-x;
  padding:15px 0 25px 30px;
  width:98%;
}
h3 {
  padding:20px 0 10px 30px;
  font: 900 1em 'Arial CE', Arial, sans-serif;
  color: #c01d38;
}
.info h3, .data h3 {
  font: 900 0.9em 'Arial CE', Arial, sans-serif;
  color:#000;
  padding: 0 0 10px 15px;
}
.info, .data  {
  margin:15px 0 30px 0;
}
.info p, .data p {
  font-size:80%;
}
.info p strong, .data p strong {
  color:#c01d38;
  line-height:200%;
}
.data p strong {
  background:#fff url('img/odrazka.png') left center no-repeat;
  padding:0 0 0 40px;
  margin-left:15px;
}
.info p strong {
  background:#fff url('img/odrazka-3.png') left center no-repeat;
  padding:0 0 0 20px;
}
.info {
  width: 325px;
  padding: 0 50px 10px 15px;
  float:left;
}
.data {
  width:490px;
  padding:0 0 0 30px;
  float:left;
  position:relative;
  line-height:250%
}
input.vypis {
  width:235px;
  padding: 4px 16px;
  margin:4px 0;
  background:#f5f8f9;
  border: 1px solid #ced5d9;
  position:absolute;
  left:190px;
}
input.vypis:hover {
  border:1px solid #667075;
  background: url('img/input.png') left top repeat-x;
  color:#fff;
}
#vypis {
  font: 1em/1.2em monospace;
  padding:0 10px 15px 70px;
  overflow: hidden;
}
#vypis ol li * {
  font: normal normal 1em/1.2em monospace;
  vertical-align:top
}
#vypis ol li  {
  vertical-align:top
}
#vypis p small {
  padding-bottom:20px;
}
#paticka {
  display:block;
  margin:50px 0 0 0;
  height:28px;
  line-height:28px;
  width:100%;
  text-align:center;
  font-size:80%;
  color: #e9f3f8;
  background:#677076 url('img/paticka.png') 0 0 repeat-x;
}
#paticka a {
  color: #e9f3f8;
}
form#vlozit {
  clear:both;
}
#vlozit fieldset {
  border:0;
  padding:10px;
}
#vlozit label {
  display:block;
  margin:10px 0 5px 0 ;
  color:#c01d38;
  background:#fff url('img/odrazka-3.png') left center no-repeat;
  padding:0 0 0 20px;
}
#vlozit #vlho div {
  float:left;
  width:300px;
}
#vlozit strong {
  color:#c01d38;
  /*font-size:130%;*/
}
#vlozit input, #vlozit textarea, #vlozit select {
  background:#f5f8f9;
  border: 1px solid #ced5d9;
  padding:2px 3px;
  width:200px;
}
#vlozit .radio {
  display:inline;
  width:20px;
}
#vlozit label.radio {
  display:inline;
}
#vlozit textarea {
  width:800px;
}
#vlozit #submit {
  width:80px;
  margin:15px 0;
  display:block;
  border:1px solid #667075;
  background: url('img/input.png') left top repeat-x;
  color:#fff
}
#vlozit .chyba {
  display:block;
  padding:3px 0;
  color:#c01d38;
  font-style: italic;
  font-weight:bolder;
  font-size:80%;
}
#vlozit .kniha {
  padding:30px 0 10px 0;
}
#vlozit .mail {
  margin-left:100px;
}
#vlozit .radek {
  display:inline;
}
#vlozit .skryt {
  display:inline;
}
#vlozit input.skryt {
  width:15px;
  margin:5px;
}
#kniha textarea#text {
  width:700px !important;
  height:70px;
  padding:5px;
}
#kniha #submit {
  margin:0;
}
div.prispevek {
  padding:15px 10px 10px 10px;
  margin-top:20px;
  background:#fff url('img/border.png') left top repeat-x;
}
.zahlavi {
  padding:0;
  color:#c01d38;
}
.text {
  padding:5px 20px;
}
#vypis small {
  font-size:12px;
  display:block;
  padding:0 0 10px 0c;
}
.none, #hide {
  display: none;
}
#hide {
  background:#fff url('img/border.png') left top repeat-x;
}
.visible {
  display: block !important;
}

#login {
  display:block;
  width:412px;
  font-size:80%;
  padding:15px 0 10px 10px;
}
#login input {
  width:90px;
}
#login .odeslat {
  width:30px;
}


/* ------------ */

table#kody {
  border: 1px solid #000;
  margin-bottom:15px;
}
#kody img {
  border:0;
  margin:0 0 -5px 0;
  padding:0 5px;
}
#kody th, #kody td {
  text-align:left;
  overflow: hidden;
}
#kody th {
  background:#677076 url('img/paticka.png') 0 0 repeat-x;
  color:#fff;
  font-weight:normal;
}
table#kody td {
  background:#cbd3d6 url('img/menu-r.png') 0 bottom repeat-x;
  font-size:95%;
}
table#kody tr.suda td {
  background:#fff;
}
table#kody td input {
  width:40px;
  height:20px;
}
#submit.tabulka {
  width:120px !important;
}