/* CSS Document */
body, html {
	background: #F5F5F5;
	margin: 0;
	padding: 0 0 15px 0;
	color: #000;
	font-family: 'Verdana', sans-serif;
}
.no {
  display: none;
}
#top {
  width: 763px;
  height: 169px;
  background: url(../img/logo.JPG) no-repeat;
  margin: 0 auto;
  margin-top: 30px;
}
#middle {
  width: 763px;
  background: url(../img/line.gif) repeat-y;
  margin: 0 auto;
}
#navigace{
  height: 30px;
  margin-left: 14px;
  margin-right: 14px;
}
#navigace ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#navigace li {
  float: left;
}
#uvod a, #uvod a:link {
  width: 146px;
  height: 30px;
  background: url(../img/uvod.gif) no-repeat;
  text-decoration: none;
  display: block;
  border-right: 1px #fff solid;
}
#uvod a:hover, #uvod a:active {
  background-position: -146px 0;
}
#zeny a, #zeny a:link {
  width: 146px;
  height: 30px;
  background: url(../img/zeny.gif) no-repeat;
  text-decoration: none;
  display: block;
  border-right: 1px #fff solid;
}
#zeny a:hover, #zeny a:active {
  background-position: -146px 0;
}
#zenyon a, #zenyon a:link {
  width: 146px;
  height: 30px;
  background: url(../img/zeny.gif) no-repeat;
  background-position: -146px 0;
  text-decoration: none;
  display: block;
  border-right: 1px #fff solid;
}
#zenyon a:hover, #zenyon a:active {
  background-position: 0px;
}
#muzi a, #muzi a:link {
  width: 146px;
  height: 30px;
  background: url(../img/muzi.gif) no-repeat;
  text-decoration: none;
  display: block;
  border-right: 1px #fff solid;
}
#muzi a:hover, #muzi a:active {
  background-position: -146px 0;
}
#muzion a, #muzion a:link {
  width: 146px;
  height: 30px;
  background: url(../img/muzi.gif) no-repeat;
  background-position: -146px 0;
  text-decoration: none;
  display: block;
  border-right: 1px #fff solid;
}
#muzion a:hover, #muzion a:active {
  background-position: 0px;
}
#deti a, #deti a:link {
  width: 146px;
  height: 30px;
  background: url(../img/deti.gif) no-repeat;
  text-decoration: none;
  display: block;
  border-right: 1px #fff solid;
}
#deti a:hover, #deti a:active {
  background-position: -146px 0;
}
#detion a, #detion a:link {
  width: 146px;
  height: 30px;
  background: url(../img/deti.gif) no-repeat;
  background-position: -146px 0;
  text-decoration: none;
  display: block;
  border-right: 1px #fff solid;
}
#detion a:hover, #detion a:active {
  background-position: 0px;
}

#kontakt a, #kontakt a:link {
  width: 147px;
  height: 30px;
  background: url(../img/kontakty.gif) no-repeat;
  text-decoration: none;
  display: block;
}
#kontakt a:hover, #kontakt a:active {
  background-position: -147px 0;
}
#subnavigace{
  height: 30px;
  padding: 0;
  margin-left: 14px;
  margin-right: 14px;
  background: #CF8F5D;
  border-top: 1px #fff solid;
}
ul#submenu {
  margin: 0;
  padding: 0;
  list-style: none;
  background: red;
}
ul#submenu li {
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  height: 30px;
  line-height: 30px;
  color: white;
  font-size: 80%;
}
ul#submenu li a, ul#submenu li a:link {
  text-decoration: none;
  color: white;
}
ul#submenu li a:hover, ul#submenu li a:active {
  text-decoration: underline;
  color: white;
}
#obsah {
  margin-left: 14px;
  margin-right: 14px;
  padding: 20px;
}
#obsah h2 {
  margin: 0;
  color: #FF7300;
  font-size: 120%;
  font-weight: normal;
}
#obsah p {
  font-size: 80%;
  line-height: 140%;
  text-align: justify;
}
#obsah a, #obsah a:link {
  color: #FF7300;
  text-decoration: underline;
}
#obsah a:hover, #obsah a:active {
  color: #FF7300;
  text-decoration: none;
}
#obsah a:visited {
  color: #000;
}
#obsah ul {
  font-size: 10pt;
}
#obsah li {
  line-height: 140%;
  list-style-type: circle;
}
#bottom {
  width: 763px;
  height: 20px;
  background: url(../img/bottom.gif) no-repeat;
  margin: 0 auto;
  margin-bottom: 30px; 
}
.right {
  float: right;
  clear: left;
  margin: 20px;
  margin-right: 0px;
}
#footer {
  margin: 0;
  margin-right: 24px;
  margin-left: 24px;
  margin-top: 3px;
  padding: 0;
  text-align: right;
  font-size: 60%;
  color: silver;
}
#footer a, #footer a:link {
  color: silver;
  text-decoration: underline;
}
#footer a:hover, #footer a:active {
  color: silver;
  text-decoration: none;
}
#autor {
  text-align: center;
  font-size: 60%;
  color: gray;
}
#autor a, #autor a:link {
  color: gray;
  text-decoration: underline; 
}
#autor a:hover, #autor a:active {
  color: gray;
  text-decoration: none;
}
.obrazky {
  background: #EBEBEB;
  float: left;
  color: #000;
  font-size: 70%;
  text-align: center;
  padding: 5px;
  margin: 30px;
  _margin: 24px;
  width: 156px;
}
.obrazky img {
  border: 1px solid #fff;
}
.cleaner {
	clear: both;
	color: #fff;
	height: 0px;
	border: 0px;
}
.right {
  float: right;
  clear: left;
}
.kvetiny {
  background: #EBEBEB;
  float: left;
  color: #000;
  font-size: 70%;
  text-align: center;
  padding: 5px;
  margin: 20px 5px 5px 5px;
  _margin: 4px;
}
.kvetiny img {
  border: 1px solid #fff;
}
address {
  font-size: 80%;
  font-style: normal;
}