body {
  font-family: 'Helvetica CE', Arial, sans-serif;
  font-size: medium;
  background-color: #fff;
  =font-size: small;
  padding: 0;
  margin: 1em;
  color: #444;
  text-align: center;
}

#pageframe {
  text-align: left; 
  width: 50em;
  margin: 2em auto;
  border: 1px solid #ddd;
}

#header {
  background-color: #eef4fb; /*pozadi pod seminarem*/
  height: 100%;
}

h1 {
  margin: 0;
  padding: 0;
  color: #23598e; /*barva seminare*/
  font-size: 180%;
  padding-top: 1.5em;
}

div#logo {
  float: right;
}

ul.listing span.name {
  /*color: rgb(93,110,153);*/
  color: rgb(0,0,153);
  /*font-weight: bold;*/
  /*font-style: italic;*/
}

ol.listing span.name {
  /*color: rgb(149,166,192);*/
  color: rgb(0,0,153);
  /*font-weight: bold;*/
  /*font-style: italic;*/
}

img {
  border: 0;
}

#langswitch {
  background-color: #2e4f8e; /*barva pod vlajkou*/
}

#langs {
  float: right;
}

#topinfo {
  margin-top: .2em;
  background-color: #eeeeee; /*barva pod carou pod vlajeckou*/
  color: #fff;
}

#topinfo p {
  margin: 0;
  padding: 0;
}

#leftmenu {
  float: left;
  width: 10em;
  height: 100%;
  margin-top: .2em;
}

#leftmenu div.box {
  background-color: #ebebeb;
  margin-bottom: .2em;
  border: 1px solid #ddd;
}

#leftmenu div.box p {
  margin: .5em 0;
  margin-left: 1em;
  padding: 0;
}

#leftmenu div.box a {
  color: #0080c0;
}

#leftmenu ul {
  margin: .5em 0;
  margin-left: 1em;
  list-style: none;
  padding: 0;
  padding-left: .2em;
}

#leftmenu ul li {
  margin-top: .4em;
  color: #0080c0;
}

#leftmenu li.actual {
  font-weight: bold;
  color: #042ab9; /*barva aktualni v levem menu*/
}

#leftmenu li a {
  color: #042ab9; /*barva textu v levem menu*/
}

#main {
  overflow: auto;
  padding: 1em;
  =margin-left: 10em;
}

#main p {
  margin: 0;
  padding: 0;
  font-weight: bold;
}

#programlist {
  list-style: none;
  margin: 0;
  padding: 0;
}

#programlist div {
  border: 1px solid #777;
  margin-top: .5em;
  padding: .3em;
}

#programlist h2 {
  color: #23598e; /*v nazvu clanku*/
  font-size: medium;
  =font-size: small;
  text-align: justify;
  margin: .5em 0;
  padding: 0;
}

#programlist h2 a {
  margin-left: .4em;
  text-decoration: none;
}

ul.listing span.doicko {
  /*color: rgb(149,166,192);*/
  /*color: rgb(93,110,153); */
  font-size: 70%;
  /*font-weight: bold;*/
  /*font-style: italic;*/
}

ol.listing span.doicko {
  font-size: 70%;
}

#programlist img {
  border: 0;
}

#programlist dt {
  float: left;
  width: 6em;
}

#programlist dd {
  margin-left: 6em;
  text-align: justify;
}

#programlist dd.date {
  font-weight: bold;
}

#programlist dd span.name {
  font-weight: bold;
}

#programlist dd a {
  margin-left: .4em;
  font-size: 90%;
}

div.breaker {
  clear: both;
  font-size: 1px;
}

#cpinfo {
  padding-top: .5em;
}

#cpinfo p {
  font-size: 80%;
  color: #ccc;
  margin: 0;
  padding: 0;
}