* {margin: 0; padding: 0;} 
body {
background: #630; 
font-family: Palatino Linotype,serif
}
#all {
width: 1000px;
margin: 0 auto;
margin-top: 1em;
padding: 1em;
}

table {
  width: 100%;
}

html {
  background: #630;
}

#t1 {
  background: #fff;
  border: 5px solid #c60;
  text-align: center;
  font-size: 1.6em;
  font-weight: bold
}

#t2 {
  margin-top: 1em;
}

ul {
  list-style: none;
}

#ul {

  width: 200px;
  border: 5px solid #c60;
  padding-left: 1em;
  padding-top: 1em;
  height: 252em;
  background-image: url(ul.png);
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-color: #fff;
}

#ul a {
  text-decoration: none;
}

a {
  color: #000;
}

a:hover {
  color: #c60;
}

#text {
  background-color: #fff;
  border: 5px solid #c60;
  width: 645px;
  height: 247em;
  background-image: url(ugo.png);
  background-repeat: no-repeat;
  background-position: 100% 100%;
  padding-left: 3em;
  padding-top: 1em;
  padding-right: 3em;
  padding-bottom: 5em;
}

#tdtext {
  padding-left: 1.1em;
}

#konec {
  display: block;
  height: 3em;
  width: 988px;
  background: #fff;
  border: 5px solid #c60;
  font-size: 0.7em;
  text-align: center;
}

#t3 {
    margin-top: 1em;
}

#ludovig {
  vertical-align: top;
}

#t4 {
  margin-top: 2em;
}

.img {
  padding-top: 2em;
}