body {
  background: url(img/left.gif) left bottom no-repeat fixed #eef;
  margin: 0;
  padding: 0;
  font-family: "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  font-size: 0.85em;
  color: #333;
  text-align: center;
}

div#main {
/*  width: 650px;
  margin-left: auto;
  margin-right: auto;*/
  margin-left: 15%;
  margin-right: 15%;
/*  padding: 0.5em 1em 0.5em 4.5em;*/
  padding: 0.5em 0 0.5em 0;
  text-align: left;
}

img {
  /*border: none;*/
  margin: 0.3em;
  background-color: #fff;
  border:1px solid #999;
  padding:3px
}
img.left {
  float: left;
  margin-right: 1em;
}
img.right {
  float: right;
  margin-left: 1em;
}

#r {
  text-align: right;
}

.pozn {
  font-style: italic;
}
.skrt {
  text-decoration: line-through;
}

h1 {
  height: 115px;
  background: url(img/2009-spolecne-male.png) right bottom no-repeat #33c;
/*  background: url(img/napis.gif) left top no-repeat #33c;*/
  color: #fff;
  font-family: sans-serif;
  font-size: 200%;
/*  line-height: 0.9em;*/
/*  font-weight: bold;*/
  margin: 0;
  padding: 0 0 0.7em 0;
/*  padding: 1.7em 0 0;*/
  text-align: left;
/*  text-align: right;*/
  text-transform: lowercase;
  letter-spacing: 0.13em;
  border-bottom: 1px solid #66e;
}

a:link {
  color: #f60;
  text-decoration: underline;
}
a:visited {
  color: #f60;
  text-decoration: underline;
}
a:hover {
  background-color: #f60;
  color: #fff;
  text-decoration: none;
}

/* definice hr pro zobrazeni bez ramu i v ie */
div.hr {
  height: 1em;
}
div.hr hr{
  display: none;
}

/* menu */
.menu ul, .menu2 ul {
  /*/*/margin: 0;
  white-space: nowrap;
  padding: 0;
  text-align: left;
}
.menu li, .menu2 li {
  display: inline;
  list-style-type: none;
}
.menu a, .menu2 a {
  /*/*/padding: 1px 8px 1px 20px;
  border: 1px solid #66e;
  font: 78% "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  font-weight: bold;
}
.menu a {
  background-color: #99f;
  background-image:  url(img/menu.gif);
}
.menu2 a {
  background-color: #66c;
  background-image:  url(img/menu.gif);
}
.menu a:link, .menu2 a:link, .menu a:visited, .menu2 a:visited {
  color: #000;
  /*/*/color: #eee;
  text-decoration: none;
}
.menu a:hover, .menu2 a:hover {
  border: 1px solid #333;
  background-color: #f60;
  background-image:  url(img/menu-ahover.gif);
  color: #fff;
}
br.cl {
  clear: left;
}

div.text {
  /*background-color: #fff;*/
  /*border-right: 1px solid #666;*/
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
/*div.text2 {
  background-color: #ffc;
}*/
div.text, div.text2 {
  line-height: 1.5em;
  margin: 0.5em 0.5em 0.4em 0.5em;
}
div.text p, div.text2 p {
/*  line-height: 1.2em;*/
  padding: 0 0.6em 0 0.6em;
/*  text-indent: 1.2em;*/
}
div.text p.autor, div.text2 p.autor {
  /*font-style: italic;
  letter-spacing: 0.13em;
  text-indent: 0px;*/
  font: 85% "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
}
div.text h2, div.text2 h2 {
  font: 85% "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  display: inline;
  border-top: 1px solid #ccc;

  /*background-color: #fc3;
  background-image:  url(img/titulek.gif);
  border-top: 1px solid #666;
  border-bottom: 1px solid #ccc;*/
  color: #036;
  /*font-family: times;
  font-size: 125%;*/
  margin: 0.5em 0 0 0;
  padding: 0 0.5em 0 0.5em;
}
div.text h3, div.text2 h3 {
  color: #66c;
  font: 140% georgia,serif;
  font-weight: bold;
  letter-spacing:.05em;
  margin: 0 0 0 0;
  padding: 0 0.5em 0 0.5em;
  /*text-align: right;*/
}
div.text p.centr, div.text2 p.centr {
  text-align: center;
}
div.text div.thumb {
  float: left;
  width: 160px;
  height: 150px;
  margin: 1em;
  text-align: center;
  font-size: 0.9em;
}
div.text div.thumb p {
  margin: 0.5em;
  text-align: center;
}

/*div.text table {
  font-size: 80%;
  width: 100%;
}
 div.text tr.svetle {
  background-color: #69c;
}
div.text tr.tmave {
  background-color: #69f;
}*/

/* sekce pro pocitadla pristupu */
div.merice img, img.pruhledne {
  border: 0;
  background-color: transparent;
}
/* end */

/* zapati
--------- */
div#pata {
  background: #eee none;
  font-size: 70%;
  letter-spacing: .15em;
  padding: 0.5em 1em 0.5em;
  border-top: 3px solid #ccc;
  text-align: right;
}
div#pata p {margin: 0.1em 0 0.2em;}
/* end zapti */

