body {
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  background-color: #f0f6f9;
  font-family: Verdana, Arial, Tahoma;
  font-size: 80%;
  color: black;
}

img {
  border: 0px;
}

hr {
  height: 1px;
  width: 90%;
  color: #96a5be;
  text-align: center;
  margin-top: 25px;
  margin-bottom: 25px;
}

div.dictionary {
  width: 564px;
  height: 425px;
  overflow: scroll;
}

table.slovnik { font-family: Verdana; width: 1750px; background: white; }
table.slovnik td { text-align: left; }
td.lang { background: #96a5be; color: black; font-weight: bold; text-align: center; }
td.capture { font-size: 100%; background: #b7c8d2; }
td.obsah { font-size: 100%; }
td.odsazeni1 { font-size: 100%; padding-left: 20px; }
td.odsazeni2 { font-size: 100%; padding-left: 40px; }
td.obsah_odsazeny { font-size: 100%; background: #d3dde1; padding-left: 20px; }

table.kvizi { width: 100%; }
table.kvizi td { text-align: left; vertical-align: top; width: 75%; padding: 2px; }
td.wide { width: 40%; }
td.narrow { width: 10%; }

p {
  margin-top: 0px;
}

dl { line-height: 1em; }
dd {
  position: relative;
  bottom: 1em;
}


table {
  border: 0px solid black;
  border-collapse: collapse;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-bottom: 5px;
}

td {
  border: 1px solid black;
  text-align: center;
}

td.left_c, td.right_c {
  border: 0;
  border-right: 1px solid black;
  vertical-align: top;
  text-align: justify;
  padding-left: 10px;
  padding-right: 10px;
}

td.right_c {
  border: 0;
}

td.blnk {
  border: 0;
  height: 30px;
}

td.misto {
  background-color: #96a5be;
}

td.ukazka {
  background-color: white;
  padding: 5px 5px 5px 5px;
}

td.udaje_o_zemi {
  border: 0px;
  text-align: left;
  vertical-align: top;
  text-align: justify;
  padding-right: 10px;
}

td.didakticke_hry {
  border: 0;
  width: 200px;
  vertical-align: top;
}

img.blank {
  border: 0px;
  width: 10px;
  height: 1px;
}

img.z_vpravo {
  margin-left: 10px;
  margin-top: 5px;
  border: 0px;
  float: right;
}

img.z_vlevo {
  margin-right: 10px;
  margin-top: 5px;
  border: 0px;
  float: left;
}

.z_center {
  text-align: center;
}

img.noty {
  border: 1px solid black;
}

.under {
  text-decoration: underline;
}

.copy {
  text-align: right;
  margin-top: 2px;
  font-size: 11px;
  padding-right: 10px;
}

.web {
  color: gray;
}

.it {
  color: #4F627D;
}

.music {
  text-align: center;
}

.flag {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

h1#ariv {
  position: relative;
  top: 375px;
}

#logo {
  position: absolute;
  top: 170px;
  left: 194px;
  z-index: 1;
}

#socrates {
  position: absolute;
  top: 40px;
  left: 30px;
}

#education_and_culture {
  position: absolute;
  top: 40px;
  right: 30px;
}

.znaky {
  position: absolute;
  top: 0px;
  right: 10px;
}

.pictures {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.signature {
  font-weight: bold;
  text-align: right;
}

h1.nadpis_top {
  position: absolute;
  font-size: 300%;
  visibility: hidden;
}

.top {
  position: relative;
  background-image: url(../images/top.jpg);
  background-repeat: no-repeat;
  background-position: bottom;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
  text-align: center;
  width: 760px;
  height: 100px;
}

.main {
  background-image: url(../images/bottom.gif);
  background-repeat: no-repeat;
  background-position: bottom;
  position: relative;
  right: 5px;
  margin-top: -2px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 736px;
  background-color: #96a5be;
  padding-bottom: 3px;
}

ul {
  margin-top: 0px;
  margin-bottom: 10px;
  margin-left: 20px;
  padding-left: 0px;
}

li.norm, li.proj, li.prog {
  font-weight: normal;
  color: black;
}

li.zeme {
  font-size: 12px;
  font-weight: normal;
}

li.proj {
  list-style-type: decimal;
  margin-left: 10px;
}

li.prog {
  list-style-type: lower-alpha;
  margin-left: 35px;
}

li {
  font-weight: bold;
  list-style-type: square;
  color: #4F627D;
  padding-left: 0px;
  margin-left: 0px;
}

h1 {
  font-size: 175%;
  color: #7788a3;
  font-weight: normal;
  font-family: Verdana;
  text-align: center;
  margin-top: 25px;
  margin-bottom: 25px;
}

h3 {
  font-size: 125%;
  color: #7788a3;
  font-weight: bold;
  font-family: Verdana;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 15px;
}

h2 {
  font-weight: bold;
  color: #7788a3;
  font-size: 100%;
  margin-bottom: 5px;
}

h2.dg {
  font-size: 120%;
  text-decoration: underline;
}

.menu {
  width: 148px;
  padding-top: 15px;
  text-align: left;
  float: left;
  background-color: #96a5be;
  font-size: 13px;
}

.text, #galerie {
  position: relative;
  background-image: url(../images/text_back.gif);
  background-repeat: no-repeat;
  background-position: bottom left;
  width: 564px;
  padding-top: 15px;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 10px;
  min-height: 490px;
  _height: 490px;
  background-color: #d3dde1;
  text-align: justify;
  float: left;
}

#galerie {
  width: 575px;
  padding-left: 9px;
  padding-right: 4px;
}

.nahled {
  padding: 2px;
  margin: 3px;
  border: 1px solid black;
  background: #96a5be;
}

.velky_nahled {
  margin: auto;
  margin-right: 3px;
  padding: 2px;
  border: 1px solid black;
  background: #96a5be;  
}

.handler, .handler_sml, .handler_btm {
  width: 569px;
  height: 55px;
  margin-bottom: 5px;
  text-align: center;
  border: 1px solid black;
  background: #96a5be;
}

.handler_btm { margin-top: 10px; height: 40px; }
.handler h1 { margin: 0 0 10px 0; color: black; font-size: 20px; }
.handler_sml { height: 20px; }

.hand_prev, .hand_prev_dis { margin: 3px; width: 150px; text-align: left; float: left; }
.hand_next, .hand_next_dis { margin: 3px; width: 150px; text-align: right; float: right; }
.hand_next_dis, .hand_prev_dis { color: gray; }

.it_ce {
  font-style: italic;
  text-align: center;
}
.it_le { width: 98%; font-style: italic; }

a:link, a:visited {
  text-decoration: none;
  color: #171D24;
}

a:active, a:hover {
  text-decoration: none;
  color: white;
}

a.inText:link, a.inText:visited {
  text-decoration: underline;
}

a.inText:active, a.inText:hover {
  text-decoration: none;
  color: #4F627D;
}