html { background: rgb(209,177,94); color: #122636; }

strong { font-weight: bold; }

#doc4 {
  background-color: rgb(234,217,173);
}

/******* Absolute positioned ******/
#hd ul#menu,
#hd h1,
#bd #winners { display: block; position: absolute; z-index: 5; }

/******* Relative position wrappers ******/
#hd,
#bd,
#ft { position: relative; z-index: 2; }

/******* Header ******/
#hd {
  display: block;
  float: left;
  width: 100%;
  background: rgb(165,41,52);
  height: 150px;
}

#navigace {
  display: block;
  float: left;
  width: 100%;
  margin-bottom: 15px;
  background: rgb(165,41,52);
  margin-top: 2px;
}


#navigace ul#menu { top: 0; left: 360px; width: 100%;}
#navigace ul#menu li { display: block; float: left; border-right: 2px solid rgb(234,217,173); }
#navigace ul#menu li a { display: block; padding: 15px 1.5em; color: rgb(249,221,62); text-transform: uppercase; text-decoration: none; background: rgb(165,41,52); margin-right: 1px; font-size: 115%;  height:18px; font-weight: bold;}
#navigace ul#menu li a:hover { text-decoration: underline; background-color: rgb(249,221,62); color: black;}
#navigace ul#menu li.active a { background: #122636; }

#bd div.image_slideshow { float: left; width: 325px; height: 400px; overflow: hidden; }

#hd h1 { left: 360px; top: 3.5em; }
#hd h1 a { font-size: 167%; font-weight: bold; color: #122636; text-decoration: none; }
#hd h1 span { display: block; width: 242px; height: 110px; background: transparent url(/images/sprites.png) no-repeat; background-position: 0 -78px; margin-left: -1em; margin-bottom: .5em; }

#hd div.text_content { margin: 16em 2em 2em 360px; }
#hd div.text_content p.author { margin-bottom: 1em; margin-right: 3em; padding: .3em .5em; color: white; background: #025d81; font-size: 100%; font-weight: bold; }
#hd div.text_content a.more { background-position: 0 -59px; }
#hd div.text_content a.more:hover { background-position: -192px -19px; }

/******* Body ******/
#bd { float: left; width: 100%; clear: both;
  margin: 0px 0px 0px 20px;
}
#bd .text_content { margin-left: 340px; width: 574px;  border-left: 1px dashed rgb(165,41,52); padding-left: 20px;}
#bd .text_content a.more { clear: both; }

.text_content h1 { font-size: 190%; font-weight: bold; margin-bottom: 20px;}
.text_content h2 { font-size: 146.5%; font-weight: bold; margin: 1em 0 .5em 0; color: rgb(165,41,52);}
.text_content h3 { font-size: 116%; font-weight: bold; margin: 10px 0 .5em 0; }
.text_content h4 { margin: 1em 0 .5em 0; font-weight: bold; }
.text_content strong { font-weight: bold; }
.text_content em { font-style: italic; }
.text_content strong em { font-weight: bold; }
.text_content a { color: red; }
.text_content a:hover { color: #000; }
.text_content p { text-align: left; line-height: 140%; margin-bottom: 1em; font-size: 110%;}
.text_content ol,
.text_content ul { padding-left: 1.5em; margin-bottom: 1em; }
.text_content ol ol,
.text_content ol ul,
.text_content ul ol,
.text_content ul ul { padding-left: 1.2em; margin-bottom: 0; margin-top: .4em; }
.text_content ol li, 
.text_content ul li { margin-bottom: .4em; color: #122636; font-size: 110%;}
.text_content ol li { list-style: decimal; color: #122636; }
.text_content ul li { list-style: square; }
.text_content ol ol li { list-style: lower-alpha; }
.text_content ul ul li { list-style: circle; }
.text_content ol ul li { list-style: square; }
.text_content ul ol li { list-style: decimal; }
.text_content address { white-space: pre; line-height: 130%; display: block; margin-bottom: 1em; }
.text_content .images { float: left; width: 100%; margin-bottom: 1em; clear: both; }
.text_content .images img { border: 3px solid #025d81; float: left; margin: 0 .5em .5em 0; }
hr { margin: 0; border-style: none; background: transparent; height: 1px; overflow: hidden; clear: both; *visibility: hidden; *margin: 0; }
.text_content a.more { display: block; height: 19px; line-height: 19px; background: transparent url(/images/sprites.png) no-repeat; background-position: 0 -40px; padding-left: 25px; text-decoration: none; text-transform: uppercase; color: #122636; }
.text_content a.more:hover { background-position: -192px 0; text-decoration: underline; }
.text_content .video img { border-style: none; }

#bd #winners { left: 0; top: 0; width: 320px; font-size: 110%;}
#bd #winners div { float: left; width: 100%; margin-bottom: 20px; }
#bd #winners img { float: right; }
#bd #winners h2 { font-size: 100%; }
#bd #winners h2 a { text-decoration: underline; color:black; }
#bd #winners h2 span { clear: both; font-weight: bold; font-size: 131%;}
#bd #winners h2 img { float: none; display: inline; }
#bd #winners a.more { background: #122636; color: white; display: block; float: left; padding: .3em 1em; font-size: 93%; margin-top: 1.5em; text-decoration: none; }
#bd #winners a.more:hover { text-decoration: underline; }

.right {
  float: right;
  padding: 10px 0px 10px 20px;
}



/******* Footer ******/
#ft { margin: 4em 0 2em 360px; font-size: 85%; border-top: 1px solid #122636; padding-top: .5em;}
#ft a { color: #122636; }
#ft a:hover { color: black; }
#ft p { margin-right: 180px; text-align: justify; margin-bottom: 20px; }





.img-vysledky {
  border: 15px solid rgb(209,177,94);
  margin-bottom: 10px;
  width: 200px;
}


.vitez {
  width: 320px;
  font-size: 20px;
  margin: 0px;
}

#bd #winners .vitez img {
  float: none;
  text-align: left;
  vertical-align: bottom;
}

#bd #winners .vitez .img-vitez {
  float: left;
  width: 80px;
  margin-right: 10px;
  border: 5px solid rgb(209,177,94);
}


.vitez h3 {
  color: black;
  margin: 5px 0px 5px 0px;
  font-size: 19px;  
}


.flickr {
  height: 444px;
}