* {
  margin: 0;
  padding: 0
}
body {
	background-color: #333;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 75%;
	color: #111;
  padding: 20px 0
}
a {
	color: #69C;
	text-decoration: none
}
a:hover, a:active, a:focus {	
  border-bottom: 1px solid #69c
}
a:hover img {
  text-decoration: none
}
.c {
	clear: both
}
h2, h3 {
	font-size: 120%;
  font-family: Helvetica, Arial, sans-serif;
	line-height: 16px
}
#t {
	width: 713px;
	background: url(bg.gif) transparent left top repeat-y;
	margin: 0 auto
}
#l {
	background-color: #fff;
	float: left;
	width: 263px;
	padding: 10px
}
h1 {
  background-color: #333;
  color: #fff;
  font-size: 200%;
  margin-bottom: -5px
}
#h {
	width: 377px;
	float: right;
	padding: 7px 20px 10px 20px;
	background-color: #fff
}
html>body #h {
  width: 380px
}
#h p {
	padding: 5px 0;
	line-height: 16px;
	text-align: justify
}
#h p.prvni {
  text-indent: 0
}
#f {
	text-align: right;
	color: #555;
	padding-top: 5px;
	font-size: 90%;
	background-color: #333
}
#f a:hover, #f a:active, #f a:focus {
  color: #C09260;
  text-decoration: underline;
  background: transparent;
  border: 0
}
.n ul {
  width: 245px;
  list-style-type: none
}
.n h3 {
  margin-top: 10px
}
table {
	margin-top: 5px;
	border: 0;
	width: 380px
}
.li {
	background: url(c.gif) transparent left top repeat-x;
	margin-top: 5px;
	padding-top: 10px
}
.ti {
	text-align: right;
	line-height: 20px
}
cite {
  display: block;
  text-align: right;
  font-style: normal;
  margin-bottom: 5px
}
blockquote {
  font-style: italic
}
.s {
	position:absolute;
	top:-5000px;
	width:1px;
	height:1px;
	overflow:hidden
}
#flickr img {
	float:left;
	margin: 5px 8px 5px 0;
	padding: 4px;
}
#flickr h3 {
  color: #0063DC;
  margin-bottom: 6px
}
#flickr h3 span {
  color: #FF0084;
}
@media print {
body {
  background-color: #fff
}
}