* {
	margin: 0;
	padding: 0
}
body {
	min-width: 758px;
	font-family: Georgia, "New York CE", utopia, serif, sans-serif;
	font-size: 10pt;
	color: #000;
	background: #F9FADB url("../image/body.jpg") repeat-x;
	text-align: center;
	line-height: 1.5;
	margin: 0;
	padding: 0
}
html, body {
	height: 100%
}
html>body {
	font-size: 10pt
}
/* odkazy */
a:link, a:visited {
	text-decoration: underline;
	color: #000
}
a:hover {
  text-decoration: underline;
  color: #CF0D00
}
/* layout */
#up {
  width: 768px;
	position: relative;
	overflow: hidden;
	padding: 0 0 5px 0;
	margin: 0 auto;
	text-align: center
}
#hlavni {
  width: 758px;
	position: relative;
	overflow: hidden;
	text-align: center;
	padding: 0;
	margin: 0 auto
}
#nadpis {
  width: 758px;
  height: 38px;
	position: relative;
	text-align: center;
	padding: 0;
	margin: 4px 0 3px 0;
	background: #472817 url("../image/b.gif") repeat
}
#nadpis-in {
  width: 750px;
  height: 38px;
	position: relative;
	text-align: center;
	padding: 0;
	margin: 0 auto
}
h1, h1 span {
	width: 750px;
	height: 30px;
	font-size: 110%;
	color: #fff;
	position: absolute;
	top: 2px;
	left: 0;
	z-index: 1;
	margin: 0;
	padding: 0
}
h1 span {
	display: block;
	background: url("../image/top.png") no-repeat;
	cursor: pointer;
	z-index: 5
}
#nadpis h1 a:link, #nadpis h1 a:visited {
  color: #fff
}
#nadpis h1 a:hover {
  color: #fff
}
#hlavicka {
	width: 758px;
	height: 256px;
	background: #472817 url("../image/b2.gif") repeat;
	position: relative;
	text-align: center;
	margin: 0;
	padding: 0
}
#hlavicka-in {
	width: 750px;
	height: 248px;
	background: #5D4020 url("../image/hlavicka.jpg") no-repeat top center;
	position: absolute;
	top: 4px;
	left: 4px;
	z-index: 100;
	text-align: center;
	margin: 0;
	padding: 0
}
#slope-banner-in {
	width: 750px;
	height: 248px;
	background: #5D4020 url("../image/slope-banner.jpg") no-repeat top center;
	position: absolute;
	top: 4px;
	left: 4px;
	z-index: 100;
	text-align: center;
	margin: 0;
	padding: 0
}
#maasai-banner-in {
	width: 750px;
	height: 248px;
	background: #5D4020 url("../image/maasai-banner.jpg") no-repeat top center;
	position: absolute;
	top: 4px;
	left: 4px;
	z-index: 100;
	text-align: center;
	margin: 0;
	padding: 0
}
#picture-banner-in {
	width: 750px;
	height: 248px;
	background: #5D4020 url("../image/picture-banner.jpg") no-repeat top center;
	position: absolute;
	top: 4px;
	left: 4px;
	z-index: 100;
	text-align: center;
	margin: 0;
	padding: 0
}
#picture2-banner-in {
	width: 750px;
	height: 248px;
	background: #5D4020 url("../image/picture2-banner.jpg") no-repeat top center;
	position: absolute;
	top: 4px;
	left: 4px;
	z-index: 100;
	text-align: center;
	margin: 0;
	padding: 0
}
#door-banner-in {
	width: 750px;
	height: 248px;
	background: #5D4020 url("../image/door-banner.jpg") no-repeat top center;
	position: absolute;
	top: 4px;
	left: 4px;
	z-index: 100;
	text-align: center;
	margin: 0;
	padding: 0
}
#athens-banner-in {
	width: 750px;
	height: 248px;
	background: #5D4020 url("../image/athens-banner.jpg") no-repeat top center;
	position: absolute;
	top: 4px;
	left: 4px;
	z-index: 100;
	text-align: center;
	margin: 0;
	padding: 0
}
#skyline-banner-in {
	width: 750px;
	height: 248px;
	background: #5D4020 url("../image/skyline-banner.jpg") no-repeat top center;
	position: absolute;
	top: 4px;
	left: 4px;
	z-index: 100;
	text-align: center;
	margin: 0;
	padding: 0
}
#swing-banner-in {
	width: 750px;
	height: 248px;
	background: #5D4020 url("../image/swing-banner.jpg") no-repeat top center;
	position: absolute;
	top: 4px;
	left: 4px;
	z-index: 100;
	text-align: center;
	margin: 0;
	padding: 0
}
#ocean-banner-in {
	width: 750px;
	height: 248px;
	background: #5D4020 url("../image/ocean-banner.jpg") no-repeat top center;
	position: absolute;
	top: 4px;
	left: 4px;
	z-index: 100;
	text-align: center;
	margin: 0;
	padding: 0
}
#news-banner-in {
	width: 750px;
	height: 248px;
	background: #5D4020 url("../image/news-banner.jpg") no-repeat top center;
	position: absolute;
	top: 4px;
	left: 4px;
	z-index: 100;
	text-align: center;
	margin: 0;
	padding: 0
}
#rino-banner-in {
	width: 750px;
	height: 248px;
	background: #5D4020 url("../image/rino-banner.jpg") no-repeat top center;
	position: absolute;
	top: 4px;
	left: 4px;
	z-index: 100;
	text-align: center;
	margin: 0;
	padding: 0
}
#sunset-banner-in {
	width: 750px;
	height: 248px;
	background: #5D4020 url("../image/sunset-banner.jpg") no-repeat top center;
	position: absolute;
	top: 4px;
	left: 4px;
	z-index: 100;
	text-align: center;
	margin: 0;
	padding: 0
}
#cross-banner-in {
	width: 750px;
	height: 248px;
	background: #5D4020 url("../image/cross-banner.jpg") no-repeat top center;
	position: absolute;
	top: 4px;
	left: 4px;
	z-index: 100;
	text-align: center;
	margin: 0;
	padding: 0
}
#izzy-banner-in {
	width: 750px;
	height: 248px;
	background: #5D4020 url("../image/izzy-banner.jpg") no-repeat top center;
	position: absolute;
	top: 4px;
	left: 4px;
	z-index: 100;
	text-align: center;
	margin: 0;
	padding: 0
}
/* menu */
#menu {
	width: 758px;
	background: #6B3C22 url("../image/b2.gif") repeat;
	position: relative;
	font-size: 85%;
	color: #339966;
	overflow: hidden;
	text-align: center;
	padding: 3px 0 3px 0;
	margin: 2px auto 2px auto;
	list-style: none;
	line-height: 1.5
}
#menu-in {
	width: 752px;
	margin: 0 auto;
	padding: 0
}
#menu ul {
	color: #fff
}
#menu li {
	width: 92px;
  float: left;
	text-align: center;
	list-style: none;
	overflow: hidden;
	border-top: 1px solid #915850;
	border-left: 1px solid #915850;
	border-right: 1px solid #6B170A;
	border-bottom: 1px solid #6B170A
}
#menu a {
	min-height: 17px
}
#menu a:link, #menu a:visited {
	width: 92px;
  text-decoration: none;
	float: left;
	color: #FFF3CC;
	display: block;
	overflow: hidden;
	background: #39473A url("../image/a.jpg") no-repeat top center;
	padding: 4px 0 4px 1px;
	font-weight: normal
}
#menu a:hover {
	color: #FFF3CC;
	text-decoration: none;
	background: #445745 url("../image/a.jpg") no-repeat top right;
	padding: 4px 0 4px 1px;
	font-weight: normal
}
#menu strong {
	width: 92px;
	min-height: 17px;
  color: #FFF3CC;
  text-decoration: none;
  background: #39473A url("../image/a.jpg") no-repeat top center;
	display: block;
	float: left;
	overflow: hidden;
	padding: 4px 0 4px 1px;
	font-weight: bold
}
/* obsah = levy pruh a text */
#obsah {
	width: 758px;
	min-height: 350px;
	position: relative;
	overflow: hidden;
	text-align: center;
	margin: 0 auto;
	padding: 4px 0 4px 0;
	background: #6B3C22 url("../image/b3.gif") repeat
}
#obsah-in {
	width: 750px;
	min-height: 350px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	position: relative;
	background: #fff url("../image/bac-papir.jpg") repeat-y
}
#obsah-in2 {
	width: 100%;
	min-height: 350px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	position: relative;
	background: url("../image/obsah3.jpg") no-repeat top center
}
#jazyk {
  width: 150px;
  height: 100px;
  position: absolute;
  overflow: hidden;
  top: 16px;
  left: 20px;
  z-index: 100;
  text-align: left
}
#jazyk img {
	margin: 0;
	padding: 0;
	vertical-align: bottom
}
#jazyk a:link img, #jazyk a:visited img {
	border: 2px solid #42412D
}
#jazyk a:hover img {
	border: 2px solid #42412D
}
#jazyk a:link, #jazyk a:visited {
  color: #FFF2C7;
	text-decoration: none;
	font-size: 85%
}
#jazyk a:hover {
	color: #FFFFDE;
	text-decoration: none;
	font-size: 85%
}
#levy {
	width: 205px;
	float: right;
  text-align: center;
	color: #000;
	position: relative
}
#levy-img {
  width: 100%;
  min-height: 500px;
  margin: 20px 0 17px 1px;
  padding: 46px 0 0 0;
  background: url("") no-repeat top center;
  text-align: center
float: right;
}
#levy-img-in {
  width: 100%;
  min-height: 500px;
  margin: 0 0 32px 0;
  padding: 0 0 22px 0;
  background: url("") no-repeat bottom center;
  text-align: center
float:right;
}
#levy img {
  margin: 0 0 20px 0;
  border: 1px solid #BB9A67;
  text-align: center;
  vertical-align: top
float: right;
}
#text {
	width: 100%;
	min-height: 350px;
	float: left;
  position: relative;
	color: #000;
	line-height: 1.5;
	padding: 0;
	margin: 0
}

#text-in {
	width: 100%;
	padding: 0 0 10px 10px;
	margin: 0;
	font-size: 10pt;
}
/* paticka */
#paticka {
	width: 758px;
	min-height: 30px;
	background: #6B3C22 url("../image/b3.gif") repeat;
	clear: both;
	position: relative;
	margin: 0 auto;
	padding: 0 0 4px 0;
}
#paticka-in {
	width: 750px;
	min-height: 30px;
	position: relative;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background: #472817 url("../image/paticka.jpg") repeat-y top center
}
#paticka p {
	font-size: 85%;
	color: #FFF3CC;
	font-weight: normal;
	text-align: center;
	line-height: 1.5;
	margin: 0;
	padding: 7px 0 9px 0
}
#paticka img {
  border: none;
  vertical-align: middle
}
#paticka a:link, #paticka a:visited {
	text-decoration: underline;
	color: #FFF3CC
}
#paticka a:hover {
	color: #FFF3CC;
	text-decoration: none
}
/* text */
#text p {
	font-size: 10pt;
	color: #000;
	text-align: left;
	margin: 12px 28px 12px 0;
	line-height: 1.5
}
#text p.left {
	font-size: 10pt;
	color: #000;
	text-align: left;
	margin: 12px 28px 12px 0;
	line-height: 1.5
}
#text h2 {
  font-size: 123%;
  margin: 20px 28px 18px 0;
  padding: 0 0 0 0;
  text-align: left;
  font-weight: bold;
  font-style: normal;
  display: block;
  color: #824940
}
#text h3 {
	display: block;
	font-size: 93%;
	color: #003300;
	font-weight: bold;
	text-align: left;
	margin: 22px 28px 15px 0px;
	padding: 1px 0 1px 7px;
	background: #F6F1DD url("../image/h3.jpg") repeat-x top;
	line-height: 1.5;
	border-left: 10px solid #EBE1C0
}
#text h4 {
	font-size: 93%;
	color: #000;
	font-weight: bold;
	text-align: left;
	margin: 12px 28px 12px 0;
	line-height: 1.5
}
#text p.poznamka {
	font-size: 100%;
	color: #000;
	text-align: left;
	margin: 12px 28px 12px 0;
	font-style: normal;
	line-height: 1.5
}
#text p.ukazka {
	font-size: 93%;
	color: #000;
	text-align: left;
	margin: 3px 28px 9px 0;
	font-style: normal;
	font-weight: bold;
	line-height: 1.5
}
#text p.zpet {
	text-align: left;
  margin: 0 28px 12px 0;
  padding: 0;
  line-height: 1.5
}
#text p.zpet-cd {
	text-align: left;
  margin: 18px 28px 18px 0;
  padding: 0;
  line-height: 1.5
}
#text p.citace {
	font-size: 100%;
	color: #000;
	text-align: left;
	margin: 12px 28px 12px 0;
	line-height: 1.5;
	font-style: italic
}
#text em {
  font-size: 93%;
  font-style: normal;
  font-weight: bold
}
#text p.foto-nadpis {
	text-align: center;
	padding: 0 0 2px 0;
	margin: 22px 28px 30px 0;
	font-weight: normal;
	line-height: 1.5;
	background: url("../image/h3.jpg") repeat-x top;
}
#text p.foto-nadpis a:link, #text p.foto-nadpis a:visited {
	text-decoration: none
}
#text p.foto-nadpis a:hover {
	text-decoration: none
}
#text p.foto-nadpis2 {
	text-align: center;
	padding: 0 0 2px 0;
	margin: 22px 28px 30px 0;
	font-weight: normal;
	line-height: 1.5;
	background: url("../image/h3.jpg") repeat-x top;
}
#text p.back {
	text-align: center;
  padding: 0 0 2px 0;
	margin: 15px 28px 25px 0;
	font-weight: normal;
	line-height: 1.5;
	background: url("./image/h3.jpg") repeat-x top;
}
#text p.foto-popis {
	text-align: center;
	padding: 0;
	margin: 10px 62px 0 30px;
	font-size: 90%;
	line-height: 1.5;
	color: #000;
	font-weight: normal
}
#text p.foto-autor {
	text-align: center;
	padding: 0;
	margin: 10px 20px 0 0;
	font-size: 90%;
	line-height: 1.5;
	color: #000;
	font-weight: normal
}
#text p.author img {
	vertical-align: middle
}
/* seznamy */
#text ul {
	text-align: left;
	margin: 0 28px 8px 0;
	padding: 1px 0 0 0;
	line-height: 1.5
}
#text ol {
	text-align: left;
	margin: 0 28px 6px 0px;
	padding: 1px 0 0 0;
	line-height: 1.5
}
#text ul li {
  list-style: circle;
	margin: 0 0 3px 18px;
	padding: 0
}
#text ol li {
	list-style: decimal;
	margin: 0 0 5px 30px
}
#text ol li ul li {
	list-style: circle
}
#text ol li ul, #text ul li ul {
	margin: 6px 0 6px 0
}
/* seznamy program */
#text ul.program {
	text-align: left;
	margin: 0 25px 8px 0;
	padding: 1px 0 0 0;
	line-height: 1.5
}
#text ul.program li {
  list-style: circle;
	margin: 0 0 6px 18px;
	padding: 0
}
/* seznamy diskografie */
#text ul.cd {
	text-align: left;
	margin: 0 28px 8px 0;
	padding: 0;
	line-height: 1.5
}
#text ul.cd a:visited {
	color: #800080
}
#text ul.cd li {
	list-style: circle;
	margin: 0 0 10px 18px
}
#text ul.cd li ul {
	margin: 0;
	padding: 3px 0 2px 0
}
#text ul.cd li ul li {
	list-style-image: url("");
	margin: 0 0 0 19px;
	padding: 1px 0 1px 2px
}
/* seznamy cd shop */
#text ul.cd2 {
	text-align: left;
	margin: 0 28px 11px 0;
	padding: 0;
	line-height: 1.5
}
#text ul.cd2 a:visited {
	color: #800080
}
#text ul.cd2 li {
	list-style-image: url("");
  margin: 0 0 1px 25px;
	padding: 0 0 0 2px
}
#text ul.cd2 li.bez-not {
	list-style: none;
  margin: 0 0 1px 25px;
	padding: 0 0 0 2px
}
#text strong {
	font-size: 100%;
  color: #003300
}
/* seznamy odkazy */
#text ul.odkazy {
	text-align: left;
	margin: 0 28px 8px 0;
	padding: 1px 0 0 0;
	line-height: 1.5
}
#text ul.odkazy li {
 list-style: circle;
	margin: 0 0 10px 18px;
	padding: 0;
}
/* box */
.box-music-uvod {
	width: 100%;
	padding: 0 0 8px 0;
	margin: 12px 0 0 0;
	background: url("../image/cara.jpg") no-repeat bottom left;
	border: none;
	text-align: left
}
.box-music-obal {
	width: 100%
}
.box-music {
	width: 100%;
	min-height: 138px;
	padding: 1px 0 10px 0;
	margin: 5px 0 0 0;
	background: url("../image/cara.jpg") no-repeat bottom left;
	border: none;
	text-align: left
}
.box-music img {
  float: right;
  border: none;
  margin: 16px 35px 0 25px;
  vertical-align: baseline
}
.box-music a:visited {
	color: #800080
}
/* tabulky */
table {
	border-collapse: collapse;
font-size: 85%;
	color: #000000;

	border: none
}
.table {
	text-align: center
}
th, td, tr {
	padding: 0 0 0 2px;
	border: none;
	line-height: 1.5
}
#text p.tab {
	margin: 0 0 0 20px;
	padding: 0;
	text-align: left
}



/* obrazky */
.gal {
	text-align: left;
	margin: 0 0 15px 0;
	padding: 10px 0 0 0;
	font-size: 1px;
}
.gal img {
	margin: 0 22px 18px 0;
	vertical-align: top
}
.gal a:link img, .gal a:visited img {
	border: 1px solid #A3946C
}
.gal a:hover img {
	border: 1px solid #F6F0BE
}
.gal a:active img {
	border: 1px solid #E0CB94;
	margin: 0 22px 18px 0;
	vertical-align: top
}
.img {
	width: 100%;
	text-align: left;
	margin: 10px 0 0 30px
}
.img a:link img, .img a:visited img {
	border: 1px solid #B3A277
}
.img a:hover img {
  border: 1px solid #E7DBA9
}
#text p.imageright {
	float: right;
	padding: 0;
	margin: -15px 0 15px 0;
	border: none;
	text-align: center
}
#text p.imageright img {
	display: block;
	margin: 22px 28px 0 25px;
	padding: 0;
	text-align: center;
	border: 1px solid #BB9A67
}
#text p.imageright a:link img, #text p.imageright a:visited img {
	border: 1px solid #A3946C
}
#text p.imageright a:hover img {
	border: 1px solid #ECE2AF
}
#text p.imageright2 {
	float: right;
	padding: 0;
	margin: -15px 0 15px 0;
	border: none;
	text-align: center
}
#text p.imageright2 img {
	display: block;
	margin: 22px 28px 0 25px;
	padding: 0;
	text-align: center;
	border: none
}
/* ruzne */
abbr, acronym {
  border-bottom: 1px dashed #BB9A67;
  cursor: help
}
.skryte {
  position: absolute;
  width: 300px;
	left: 0;
	top: -2000px
}
hr {
	display: none
}
.end {
	clear: both
}
a.mail {
	background: url("../image/mail.gif") no-repeat right center;
	padding: 0 22px 0 0;
	margin: 0 0 0 2px;
	font-weight: bold
}
a.externi {
	background: url("../image/externi.gif") no-repeat right center;
	padding: 3px 8px 3px 0
}
a.externi-css {
	background: url("../image/externi.gif") no-repeat right center;
	padding: 3px 8px 3px 0;
	font-weight: normal
}
a.externi2 {
	background: url("../image/externi2.gif") no-repeat right center;
	padding: 0 7px 0 0
}
a.cd {
	padding: 6px 0 6px 27px;
	margin: 0 0 0 -2px;
	font-size: 93%;
	font-weight: bold;
	background: url("") no-repeat left center
}