body {
  background: #000000;
  color: #C5AEA0;
  font-family: verdana, sans-serif;
  margin: 0; padding: 0;
  font-size: 0.8em;
}

#center {
	width: 760px;
	margin: 0; padding: 0;
	background: #ffffff url('img/background.jpg') repeat-y top left;
}



#top {
	margin:0;
  padding:0;
	position:relative;
  height:250px;
  width: 568px;
	margin:0;
  padding:0;
	overflow:hidden;
	text-align: center;
}

#top span {
	display:block;
	position:absolute;
  left:0;
  top:0;
  z-index:1;
  height:250px;
  width: 568px;
	margin:0;
  padding:0;
	background: url('img/logo.jpg') no-repeat top left;
}

#top a {cursor: pointer; _cursor: hand;}
#top h1 {display: inline; border: 0px none;}

#up {
	margin: 0 186px 0 38px;
	padding: 2px 0;
  text-align: center;
  background: #C5AEA0;
  border: 1px solid black;
}

#middle {
	margin: 0; padding: 0;
}

#left {
	float: right;
	width: 174px;
	margin:0; padding: 0;
}

#menu-content {
  margin: 0;
  padding: 5px 20px 5px 0;
}

#obsah {
  margin: 0 174px 0 0; padding: 0;
  text-align: justify;
}

#obsah-content {
	margin: 0;
	padding: 5px 25px 5px 50px;
}

#bottom {
  clear: both;
  text-align: center;
  padding: 1px 0 2px 0; margin: 0 186px 0 38px;
  background: #C5AEA0;
  border: 1px solid black;
  font-size: 0.9em;
  color: #000000;
}

/* ODKAZY */
a {color: #C5AEA0; padding: 0px; text-decoration: none;}
a:hover {border-style:none; border-width:medium; color: #C5AEA0; background: #F6F2F1; text-decoration: none; font-weight: bold; padding: 0px }

a img {border: 0px none; padding: 0}
a:hover img {background: transparent;}

#bottom a {color: #000000; font-weight: bold; text-decoration: none;}
#bottom a:hover {color: #C5AEA0; text-decoration: none;}

#up a {color: black; text-decoration: none;}
#up a:hover {color: black; background: C5AEA0;}

div.ep a {color: #F6F2F1; font-weight: bold; border: 0px none; text-decoration: none}
div.ep a:hover {color: #C5AEA0;  background: black; font-weight: bold;}

div.news a {color: #F6F2F1; font-weight: bold; border: 0px none; text-decoration: none}
div.news a:hover {color: #C5AEA0;  background: black; font-weight: bold;}

/* MENU */
ul.menu {
  margin: 0 0 15px 0; padding: 0;
  list-style-type: none;
  text-align: left;
  border-top: 1px solid #C5AEA0;
  border-bottom: 1px solid #C5AEA0;
}

ul.menu li {
  padding: 0;
  margin: 0;
}

ul.menu li a {
  padding-left: 20px;
  height: 15px;
  display: block;
  background: url('img/menu.gif') no-repeat top left;
}

ul.menu li a:hover {
  padding-left: 20px;
  display: block;
  color: #F6F2F1;
  background: #ffffff url('img/menu.gif') no-repeat top right;;
}


/* NEWS */
div.news {
  border: 1px solid #C5AEA0;
  padding: 5px;
  margin-bottom: 10px;
  text-align: justify;
}

div.news span {
  border: 1px solid #C5AEA0;
  background: #E0D5CD;
  padding: 1px 10px;
  margin-bottom: 5px;
  display: block;
  text-align: left;
  font-weight: bold;
  color: #000000;
}

.full-story {
  text-align: right;
  margin: 5px 0;
  padding: 0;
  font-weight: bold;

}

.autor {
  text-align: left;
  margin: 0;
  padding: 0;
  font-weight: bold;
}

/* Epizody */
div.ep {
  border: 1px solid #C5AEA0;
  padding: 5px;
  margin-bottom: 10px;
  text-align: justify;
}

div.ep span {
  border: 1px solid #C5AEA0;
  background: #E0D5CD;
  padding: 1px 10px;
  margin-bottom: 5px;
  display: block;
  text-align: left;
  font-weight: bold;
  color: #000000;
}


/* BLBOSTI */
.l {text-align: left;}
.r {text-align: right;}
.j {text-align: justify;}
.c {text-align: center;}

.rm {text-align: left; margin: 0 0 15px 0;}
.rm img {margin: 1px 0;}
.rm {text-align: center; margin: 0 0 15px 0;}
.rm img {margin: 1px 0;}
.rj {text-align: justify; margin: 0 0 15px 0;}
.rj img {margin: 1px 0;}
img.sponzor {width: 468px; height: 60px;}
img.bannery {width: 88px; height: 31px;}