* {
	margin: 0;
	padding: 0
}
body {
	min-width: 858px;
	font-family: Georgia, "New York CE", utopia, serif, sans-serif;
	font-size: x-small;
	color: #000;
	background: #ECEBCF 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: small
}
li {
	display: list-item
}
/* odkazy */
a:link, a:visited {
	text-decoration: underline;
	color: #000
}
a:hover {
	text-decoration: underline;
	color: #CF0D00
}
#nadpis h1 a:link, #nadpis h1 a:visited {
	color: #fff
}
#nadpis h1 a:hover {
	color: #fff
}
#jazyk a:link, #jazyk a:visited {
	color: #FFF2C7;
	text-decoration: none;
	font-size: 85%
}
#jazyk a:hover {
	color: #FFFFEB;
	text-decoration: none;
	font-size: 85%
}
#text ul.cd a:link, #text ul.cd2 a:link, .box-music a:link {
	color: #000
}
#text ul.cd a:visited, #text ul.cd2 a:visited, .box-music a:visited {
	color: #800080
}
#text ul.cd a:hover, #text ul.cd2 a:hover, .box-music a:hover {
	color: #CF0D00
}
#paticka a:link, #paticka a:visited {
	text-decoration: underline;
	color: #FFF3CC
}
#paticka a:hover {
	color: #FFFFEB;
	text-decoration: underline
}
/* layout */
#up {
	width: 868px;
	position: relative;
	overflow: hidden;
	padding: 0 0 5px 0;
	margin: 0 auto;
	text-align: center
}
#hlavni {
	width: 858px;
	position: relative;
	overflow: hidden;
	text-align: center;
	padding: 0;
	margin: 0 auto;
  font-size: 115%
}
#nadpis {
	width: 858px;
	height: 38px;
	position: relative;
	text-align: center;
	padding: 0;
	margin: 4px 0 -3px 0;
	background: #3B3532 url("/image/b.gif") repeat
}
#nadpis-in {
	width: 850px;
	height: 38px;
	position: relative;
	text-align: center;
	padding: 0;
	margin: 0 auto
}
h1, h1 span {
	width: 850px;
	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.jpg") no-repeat;
	cursor: pointer;
	z-index: 5
}
#hlavicka {
	width: 858px;
	height: 256px;
	background: #3B3532 url("/image/b2.gif") repeat;
	position: relative;
	text-align: center;
	margin: 0;
	padding: 0
}
#hlavicka-in {
	width: 850px;
	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
}
/* menu */
#menu {
    width: 858px;
    background: #3B3532 url("/image/b2.gif") repeat;
    position: relative;
    font-size: 14px;
    color: #339966;
    overflow: hidden;
    text-align: center;
    padding: 0px 0 0px 2px;
    margin: 0px auto 0px auto;
    list-style: none;
    line-height: 1.5;
}
#menu-in {
	width: 852px;
	margin: 0 auto;
	padding: 0
}
#menu ul {
	color: #fff
}
#menu li {
	width: 104px;
	float: left;
	text-align: center;
	list-style: none;
	overflow: hidden;
	border-top: 1px solid #915850;
	border-left: 1px solid #915850;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}
#menu a {
	min-height: 17px
}
#menu a:link, #menu a:visited {
	width: 104px;
	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: #FFFFE6;
	text-decoration: none;
	background: #4C614D url("/image/a.jpg") no-repeat top right;
	padding: 4px 0 4px 1px;
	font-weight: normal
}
#menu strong {
	width: 104px;
	min-height: 17px;
	color: #FFF3CC;
	text-decoration: none;
	background: #4C614D 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: 858px;
	min-height: 500px;
	position: relative;
	overflow: hidden;
	text-align: center;
	margin: 0 auto;
	padding: 4px 0 4px 0;
	background: #3B3532 url("/image/b3.gif") repeat
}
#obsah-in {
	width: 850px;
	min-height: 500px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	position: relative;
	background: #fff url("/image/bac-papir.jpg") repeat-y
}
#obsah-in2 {
	width: 100%;
	min-height: 500px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	position: relative;
	background: url("/image/obsah.jpg") no-repeat top center
}
#obsah-in3 {
	width: 100%;
	min-height: 500px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	position: relative;
	background: url("/image/obsah3.jpg") no-repeat bottom center
}
#jazyk {
	width: 150px;
	height: 100px;
	position: absolute;
	overflow: hidden;
	top: 16px;
	left: 20px;
	z-index: 100;
	text-align: left
}
#jazyk img {
	margin: 0 0 3px 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
}
#levy {
	width: 205px;
	float: left;
	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("/image/noty.gif") no-repeat top center;
	text-align: center
}
#levy-img-in {
	width: 100%;
	min-height: 500px;
	margin: 0 0 32px 0;
	padding: 0 0 22px 0;
	background: url("/image/noty-b.gif") no-repeat bottom center;
	text-align: center
}
#levy img {
	margin: 0 0 20px 0;
	border: 1px solid #BB9A67;
	text-align: center;
	vertical-align: top
}
#text {
	width: 636px;
	min-height: 500px;
	float: right;
	position: relative;
	color: #000;
	line-height: 1.5;
	padding: 0;
	margin: 0
}
#text-in {
	width: 100%;
	padding: 0 0 50px 0;
	margin: 0;
  font-size: 16px
}
/* paticka */
#paticka {
	width: 858px;
	min-height: 20px;
	background: #6B5142 url("/image/b3.gif") repeat;
	clear: both;
	position: relative;
	margin: 0 auto;
	padding: 0 0 4px 0;
}
#paticka-in {
	width: 850px;
	min-height: 20px;
	position: relative;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background: #472817 url("/image/paticka.jpg") repeat-y top center
}
#paticka p {
	font-size: 14px;
	color: #FFF3CC;
	font-weight: normal;
	text-align: center;
	line-height: 1.5;
	margin: 0;
	padding: 7px 0 7px 0
}
#paticka img {
	border: none;
	vertical-align: middle
}
/* text */
#text p, address {
	font-size: 16px;
	color: #000;
	font-style: normal;
	text-align: left;
	margin: 12px 28px 12px 0;
	line-height: 1.5
}
#text p.left {
	font-size: 100%;
	color: #000;
	text-align: left;
	margin: 12px 28px 12px 0;
	line-height: 1.5
}
#text h2 {
	font-size: 21px;
	margin: 20px 28px 18px 0;
	padding: 0 0 0 0;
	text-align: left;
	font-weight: bold;
	font-style: normal;
	display: block;
	color: #6E3D36
}
#text h3 {
	display: block;
	font-size: 17px;
	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: 16px;
	color: #000;
	font-weight: bold;
	text-align: left;
	margin: 12px 28px 12px 0;
	line-height: 1.5
}
#text p.poznamka {
	font-size: 16px;
	color: #000;
	text-align: left;
	margin: 12px 28px 12px 0;
	font-style: normal;
	line-height: 1.5
}
#text p.ukazka {
	font-size: 16px;
	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 {
	font-size: 93%;
	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-nadpis2 {
	font-size: 93%;
	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 {
	font-size: 93%;
	text-align: center;
	padding: 0 0 2px 0;
	margin: 25px 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: 8px 62px 0 30px;
	font-size: 93%;
	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: 93%;
	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 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("/image/mp3.gif");
	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 li {
	list-style-image: url("/image/mp3.gif");
	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: 180px;
	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 25px 25px;
	vertical-align: baseline
}
img.normal {
	float: none;
	border: none;
	margin: 10px 0 0 0;
	vertical-align: baseline
}
.box {
	width: 100%;
	padding: 5px 0 0 0;
	margin: 20px 0 0 0;
	background: url("/image/cara.jpg") no-repeat top left;
	border: none;
	text-align: left
}
/* tabulky */
table {
	border-collapse: collapse;
	font-size: 85%;
	color: #000000;
	text-align: left;
	width: 400px;
	border: none
}
.table {
	padding: 0 0 15px 25px;
	margin: 0;
	text-align: left
}
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 37px 28px 0;
	vertical-align: top
}
.gal a:link img, .gal a:visited img {
	border: 1px solid #A3946C;
    transition: 0.2s;
}
.gal a:hover img {
	border: 1px solid #F6F0BE;
    opacity: 0.8;
    transition: 0.2s;
}
.gal a:active img {
	border: 1px solid #E0CB94;
	margin: 0 37px 28px 0;
	vertical-align: top;
    transition: 0.2s;
}
.img {
	width: 100%;
	text-align: left;
	margin: 10px 0 0 30px
}
.img a:link img, .img a:visited img {
	border: 1px solid #B3A277;
    transition: 0.2s;
}
.img a:hover img {
	border: 1px solid #E7DBA9;
    opacity: 0.8;
    transition: 0.2s;
}
#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;
    transition: 0.2s;
}
#text p.imageright a:hover img {
	border: 1px solid #ECE2AF;
    opacity: 0.8;
    transition: 0.2s;
}
#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
}
.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 10px 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("/image/cd.jpg") no-repeat left center
}
hr {
	display: none
}
#text span.new {
	font-size: 85%;
	font-style: normal;
	color: #FFFFE6;
	padding: 1px 4px;
	margin: 0 7px 0 0;
	font-weight: bold;
	border: 1px solid #7F0800;
	background: #39473A url("/image/a.jpg") no-repeat top center;
}
img.border {
	border: 1px solid #E6D3B8
}
a.rss {
	background: url("/image/rss3.jpg") no-repeat left center;
	padding: 4px 1px 6px 15px !important
}
a.nahoru {
	background: url("/image/nahoru.gif") no-repeat right center;
	padding: 4px 2px 4px 0 !important
}
a.tisk {
	background: url("/image/tisk.gif") no-repeat left center;
	padding: 4px 2px 4px 20px !important
}
p#nahoru {
	width: 350px;
	position: absolute;
	bottom: 15px;
	right: 0;
	min-height: 20px;
	z-index: 2;
	background: none;
	text-align: right;
	padding: 5px 0 5px 0;
	margin: 0 35px 0 0;
	color: #800000;
	font-size: 93%
}
p#nahoru a {
	padding: 4px 0
}
#imageDetails {
  font-size: 13px !important
}
img.left {
    float: right;
    border: none;
    margin: 10px 35px 40px 25px;
    vertical-align: baseline;
}
/* MOBILE */
@media screen and (max-width:900px) {
body, html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, #content, #text, #text-in, #obsah-in, #hlavicka, #hlavicka-in, #menu, #menu-in, #obsah, #obsah-in, #levy, #menu li, a, #levy, #levy-img, #levy-img-in, #hlavni, #up, #paticka, #paticka-in {
	background: none !important;
    width: auto !important;
    min-width: 0 !important;
    float: none !important;
    color: #000 !important;
    border: none !important;
    height: auto !important;
    min-height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left  !important;
    top: 1px !important;
    left: 1px !important;
    position: relative !important;
    clear: both  !important;
    line-height: 1.5  !important;
}
body {
    margin: 0 !important;
    margin: 20px !important;
    width: 100% !important;
    max-width:  100% !important;
}
#text ul.cd li {
    margin-top: 5px !important;
}
#text-in {
    padding-right: 3em !important;
}
#paticka {
    margin-top: 20px !important;
}
#nadpis h1 a:link, #nadpis h1 a:visited {
    font-size: 20px !important;
}
.box-music img {
    width: 350px !important;
    height: auto !important;
}
.box-music-obal, #text ul.cd li {
    border-top: 1px solid #000 !important;
    padding: 20px 0 !important;
}



}