body {
  background-color: #EAE4CC;
  font-family: Arial, Verdana, Tahoma, sans-serif;
  font-size: 80%;
  line-height: 1.4;
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
}
p {
text-align: justify;
}
* {
margin: 0px;
padding: 0px;
}

h1  {
font-size: 170%;
margin-bottom: 0.2em;
}

h3  {
font-size: 120%;
margin-top: 1em;
}

h4  {
text-align: right;
font-size: 100%;
}

a img {
border: 0px solid black;
}



.pom  {
float: left;
margin-right: 15px;
}

.vrch {
width: 790px;
background-image: url("img/vrch.jpg");
background-repeat: no-repeat;
margin: auto;
padding-top: 120px;
background-color: black;
position: relative;
}

.jazyk {
position: absolute;
top: 10px;
right: 10px;
text-align: right;
color: blue;
z-index: 2;
}

.jazyk a  {
text-decoration: none;
color: #7497E8;
font-size: 80%;
font-weight: bold;
}

.jazyk a:hover  {
color: white;
}


.vrch table {
border-collapse: collapse;
margin: auto;
font-size: 90%;
}

.vrch table tr td {
text-align: center;
border: 1px solid black;
}

.vrch table a {
background-color: #002D88;
display: block;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
color: white;
text-decoration: none;
font-weight: bold;
}

.vrch a:hover  {
background-color: #BFD5FF;
color: black;
}

.vrch .oznacene {
color: black; 
background-color: white;
}




.obsah  {
width: 790px;
margin: auto;
text-align: left;
background-color: white;
}


.obsah a  {
color: #002D88;
}

.obsah a:hover  {
background-color: #ECF5FF;
}

.obsah table  {
border-collapse: collapse;
font-size: 90%;
}

.obsah table tr td  {
border: 1px solid #AAC8FF;
padding-left: 10px;
padding-right: 10px;
padding-top: 3px;
padding-bottom: 3px;
vertical-align: top;
}

.chlivek td {
background-color: #DFEBFF;
font-weight: bold;
}

.obsah .vnoreny  {
padding: 15px;
}



.ukazky {
width: 360px;
float: left;
margin-right: 15px;
}

.ukazky h3  {
background-color: #DFEBFF;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 7px;
}



.ukazky table {
width: 100%;
}

.spodek {
color: white;
width: 790px;
padding-left: 5px;
font-size: 70%;
background-image: url("img/prouzek.gif");
margin-bottom: 15px;
margin: auto;
}

.spodek a {
color: #BFD5FF;
text-decoration: none;
}

.spodek a:hover {
text-decoration: underline;
}

.clanek {
margin-bottom: 5px;
}

.clanek a {
background-color: white;
display: block;
text-decoration: none;
color: black;
border: 1px solid #AAC8FF;
padding: 8px;
}

.clanek a:hover {
border: 1px solid #002062;
}