body {
  margin:0px;
  padding:0px;
  background-color:#eee;
  color:#000;
  font-family: Arial, Helvetica, Geneva, sans-serif;
  line-height:15px;
  font-size:76%;
}
h1, h2, h3, h4 {
  margin:0px;
  text-align:left;
}
p {
  margin:0;
  padding:0 0 15px 0;
}
img {
  border:0px none;
}
.clear {
  width:0px; height:0px;
  margin:0px; padding:0px;
  float:none; clear:both;
  line-height:0px; font-size:0px;
  border:0px none;
}

/*pozadí stránky*/
#body {
  position:relative;
  width:980px;
  margin:0px auto 0px auto;
  background-color:#fff;
}

/*hlavička*/
#head {
  position:relative;
  width:980px;
  height:80px;
  background:#19337E url(../images/name.jpg) right no-repeat;
  z-index:5;
}
#foto_head {
  position:relative;
  width:980px;
  height:440px;
  background:#56BAEB url(../images/bg-head.jpg) repeat-y;

}
#head h2 {
  position:absolute; left:0px; top:20px;
  width:170px; height:129px;
  text-align:center;
  font-size:16px;
  line-height:20px;
}
#logo {
  position:absolute; left:0px; top:-2px;
  width:170px; height:129px;
}

#top_foto {
  position:absolute; right:34px; top:20px;
  width:742px; height:386px;
}
#desc {
  position:absolute; right:34px; top:410px;
  width:742px;
}


#page {
  position:relative;
  width:946px;
  padding-right:34px;
  background:#56BAEB url(../images/bg-page.jpg) repeat-y;
}
#page_max {
  position:relative;
  width:946px;
  padding-right:34px;
  background:#56BAEB url(../images/bg-page-max.jpg) repeat-y;
}
#block {
  width:752px;
  float:left;
}


#content {
  position:relative;
  width:722px;
  float:right;
  padding:10px;
}
#block #content {width:528px;}

#content h1 {
  padding:4px 0 4px 30px;
  font-size:118%;
  cursor:default;
  background: url(../images/kytka.gif) no-repeat;
}
#content h2 {
  font-size:118%;
  margin:0 0 5px 0;
  color: #19337E;
}
#content h3 {
  font-size:100%;
}
#txt {
  padding:0 10px 10px 10px;
  text-align:justify;
}
#comment {
  margin:5px 10px 0 10px;
  text-align:justify;
}
#content_foto {
  width:400px;
  padding:0 10px;
}
#content_foto img {
  width:508px; height:380px;
}

.foto-l {
  float:left;
  margin:3px 5px 0 0;
}
.foto-r {
  float:right;
  margin:3px 0 0 5px;
}
.fm-l {
  float:left;
  width:108px;
  margin:3px 5px 0 0;
}
.anot .fm-l {
  width:80px;
}
.img-l {
  float:left;
  width:300px;
  margin:3px 10px 0 0;
}
.img-l2 {
  float:left;
  height:300px;
  margin:3px 10px 0 0;
}
.img-p {
  float:right;
  width:300px;
  margin:3px 0 0 10px;
}
.img-p2 {
  float:right;
  height:300px;
  margin:3px 0 0 10px;
}
.txt-c {
  text-align:center;
}
.txt-c img {
  margin:5px;
}
.autor {
  text-align:right; font-size:11px;
}
.reference {
  padding-top:10px;
  margin-top:10px;
  border-top:1px dashed #000;
}

#left_part {
  position:relative;
  padding-top:10px;
  width:170px;
  float:left;
}

#right_part {
  width:160px;
  float:right;
}

.h-blok-pruh {
  position:absolute; top:-32px;
  width:151px; height:30px;
  padding:1px 10px;
  background: url(../images/bgm-pruh.jpg);
}
.h-blok-content {
  width:480px; height:30px;
  padding:0 10px;
}
.h-blok-l {
  width:150px; height:31px;
  padding:0 10px;
}
.h-blok-l h4 {
  padding:4px 0 4px 30px;
  font-size:118%;
  color:#fff;
  cursor:default;
  background: url(../images/kytka-b.gif) no-repeat;
}

.cl  {width:150px; padding:3px 10px 0 10px;}
.cr  {width:140px; padding:3px 10px 0 10px; text-align:center; background:#fff;}
.cla {width:150px; padding:0 10px; font-size:92%; color:#fff; line-height:13px;}
.cla p {
  margin-bottom:0px;
}
.cla .anot {
  border-bottom:1px dashed #000;
}
.cla h3 {
  font-size:100%;
  margin-bottom:5px;
}

.odk-arch {
  padding:5px 0 10px 0;
  text-align:center;
}

#content h2 a {
  color: #19337E;
}
#content .vice a, #content h2 a:hover {
  color: #014FA2;
}
.vice {
  padding:5px 0;
  text-align:right;
  font-weight:bold;
  color: #56BAEB;
}
.column a, .cla a {
  color: #fff;
}
.column a:hover, .cla a:hover, .vice a {
  color: #56BAEB;
}
.vice a:hover, #content .vice a:hover {
  color: #FF0000;
}
#content .mm {
  font-size:92%; text-align:center; padding:5px 0; cursor:default;
}
#content .mm-top {
  border-bottom:1px dashed #000;
}
#content .mm-bottom {
  margin-top:10px;
  border-top:1px dashed #000;
}
#content .mm span {
  font-size:110%; color:#fff;
}
.odkaz, .external {
  color:#19337E; text-decoration: none;
}
#content .mm a, #content .mm a span {
  text-decoration:none;
  color:#19337E;
  cursor:pointer; cursor:hand;
}
#content .mm a:hover, #content .mm a:hover span, .odkaz:hover, .external:hover {
  text-decoration:underline; color:#ff0000;
}
#content ul, #content ol {
  margin-top:0px;
  margin-left:30px;
}
.datt {
  float:right;
  font-style:italic;
  padding-right:10px;
}
.reference .datt {
  padding-right:0px;
}

/* menu */
#menu {
  position:absolute; left:18px; top:170px;
  width:134px;
  background: #19337E;
}
#menu .lang {
  text-align:center;
  padding-bottom:15px;
}
#menu ul {
  margin:0px; padding:0px;
  list-style-type:none;
  /*font-weight:bold;*/

}
#menu ul li {
  float:left;
}
/*
#menu ul li.posl {
  border:0px;
}
ul.menu ul li {
  border-top:1px dashed #000;
  border-bottom:0px;
}
*/
#menu ul li a {
  display:block;
  width:109px;
  padding: 2px 0 5px 25px;
  text-decoration:none;
  color: #fff;
  background: url(../images/kytka-m.gif) no-repeat;
}
#menu ul li a:hover {
  color: #56BAEB;
  background: url(../images/kytka-m.gif) no-repeat;
}
#menu ul li a.sel, #menu ul li a.sel:hover {
  color: #56BAEB;
  background: url(../images/kytka-m-sel.gif) no-repeat;
}

#pruh_bottom {
  width:980px;
  height:25px;
  background:#56BAEB url(../images/bg-head.jpg) repeat-y;
}
#footer {
  text-align:center;
  background:#D3E7FF;
}
#author {
  padding:5px 0 10px 0;
  font-size:86%;
  background:#D3E7FF;
}



.up, .down {
  text-align:center;
  padding:5px;
}
.up img, .down img {
  cursor:pointer;
}

.thumb img {
  width:120px;
  margin-bottom:3px;
  border:1px solid #19337E;
}