* {
   font-family: Times;
   font-size: 10pt;
}

body {
   background-image: url('../img/pozadi.jpg');
}

hr {
   width: 95%;
}

a {
  color: black;
}

#main {
   width: 50em;
   border: 1px solid black;
   background: black;
}

#header {
   width: 100%;
   padding-top: 0.5em;
   padding-bottom: 0.3em;
   background: #808080;
   border-bottom: 3px solid white;
   text-align: right;
}


#uvod {
   width: 36em;
   float: left;
   background: #D3D3D3;
   border-style: solid;
   border-color: #808080;
   border-width: 1px 0px 1px 0px;
   text-align: center;
   padding-bottom: 0.5em;
   color: maroon;
}

.blog_space {
   background-color: transparent;
   height:1px;
   clear:left;
   overflow: hidden;
}

.blog_img {
   text-align:right;
   width:6.5em;
   float:left;
   clear: left;
   padding-top:0.5em;
   background-color: transparent;
   overflow: hidden;
}

.blog_text {
   width: 28.5em;
   float:left;
   padding-top:0.3em;
   padding-left:0.5em;
   padding-bottom:0.5em;
   background: transparent;
   text-align: justify;
}

#panel {
  width: 13em;
  float: right;
  background: black;
  color: yellow;
  text-align: center;
  overflow: hidden;
  padding-top: 2em;
  padding-right: 0.5em;
  padding-bottom: 0.5em;
  text-align: center;
}

#other {
   width: 100%;
   background: #D3D3D3;
   border-style: solid;
   border-color: #808080;
   border-width: 1px 0px 1px 0px;
}

#linx {
   width: 100%;
   background: black;
   border-style: solid;
   border-color: green;
   border-width: 1px 0px 1px 0px;
   color: silver;
}

#footer {
   clear: both;
   width: 100%;
   padding-top: 0.5em;
   padding-bottom: 0.3em;
   background: #808080;
   border-top: 3px solid white;
   color: yellow;
   text-align: right;
}

.img_bordered {
   border: 1px solid black;
}

.kniha {
   background-color: maroon;
   font-size: 25pt;
   color: white;
}