* { font-family: Verdana, Arial, Helvetica, sans-serif; }
@font-face { font-family: RePublicText; src: url(RePublicText.ttf); }
body { margin: 0; padding: 0; border: 0; background-color: black; }
html { margin: 0; padding: 0; font-size: 12px; line-height: 150%; }
h1 { width: 1026px; height: 188px; margin: 0 0 12px 0; padding: 0; background-repeat: no-repeat; background-position: 0 0; background-image: url(h1.jpg); }
h1 span { display:none; }
h1 a { display: block; width: 1026px; height: 188px; }
h2 { margin: 0 0 7px 0; font-size: 18px; font-weight: normal; padding: 0; color: white; }
h3 { margin: 0 0 4px 0; font-size: 18px; font-weight: normal; padding: 0; color: #f0b327; }
h3 a { font-weight: normal; color: #f0b327; }
h2, h3, h2 *, h3 * { font-family: RePublicText, Verdana, Arial, Helvetica, sans-serif; }
h2, h3, h4, h4 * { line-height: 150%; }
div.debug { width: 100%; position: absolute; top:0; left: 0; height: 4px; background-color: #ff4000; }
div.debug span { display: none; }


div.wrap { text-align: center; margin: 0; padding: 0; }
div.page { margin: 0 auto; width: 1026px; text-align: left; background-repeat: repeat-y; background-position: 0 0; background-image: url(background.png); }
div.mainmenu { width: 205px; height: 316px; float: left; }
div.mainmenu h2 { margin-left: 15px; }
div.mainmenuinside { margin-left: 15px; }
div.mainmenu ul { margin: 0; padding: 8px; color: white; list-style: none; background-repeat: no-repeat; background-position: 0 0; background-image: url(podmainmenu.png); width: 190px; height: 326px; }
div.mainmenu li { margin: 0 0 0 8px; padding: 0; line-height: 160%; }
div.mainmenu li a { color: white; }
div.mainmenu li a.englishinfo { padding-left: 20px; padding-top: 0px; padding-bottom: 1px;background-repeat: no-repeat; background-position: left; background-image: url(jm.gif);  }
div.rightcolumn { width: 230px; float: right; }
div.rightcolumn a { font-weight: normal; }
div.rightcolumn table { margin: 0 15px 20px 0; font-size: 11px; border: 2px solid #f0b327; color: white; border-spacing: 0; border-collapse: collapse; text-transform: uppercase; }
div.rightcolumn th { text-align: left; font-weight: bold; background-color: #f0b327; color: #1b1110; }
div.rightcolumn th a { color: #1b1110; font-weight: bold; }
div.rightcolumn td { border-top: 1px solid #f0b327; }
div.rightcolumn td b { font-weight: normal; color: #f0b327; }
div.rightcolumn td b a { color: #f0b327; }
div.rightcolumn td.cover { width: 45px; }
div.rightcolumn input.text { width: 120px; }
div.main { color: white; width: 550px; margin-left: 224px; }
div.main span.author { float: right; }
div.footer { clear: both; background-repeat: no-repeat; background-position: 0 0; background-image: url(footer.png); height: 84px; }

blockquote { margin: 15px 0 15px 0; padding-left: 20px; font-style: italic; }
textarea { font-size: 12px; line-height: 150%; }

body.gate {
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
}
body.gate a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding: 0;
	margin: 0;
}
body.gate a span { display: none; }

img.imgthumbnail {  }
img.imgfull { margin: 4px 0; }
img.imgleft { float: left; margin: 4px 8px 4px 0; }
img.imgright { float: right; margin: 4px 0 4px 8px; }
img.icoleft { float: left; margin: 4px 8px 4px 0; }
img.icoright { float: right; margin: 4px 0 4px 8px; }

span.new { background-color: #f0b327; color: #281712; font-weight: bold; font-size: 10px; text-transform: uppercase; }
div.altbg, table.altbg { background-color: #341e17; }

.h { font-weight:bold; font-size:16px; color:white; }
.k { text-align:justify; }
.i { color:white; }
pre { font-family: "Courier New", Courier, mono; font-size: 12px; }

a { font-weight:bold; color: white; text-decoration: none; }
a:hover { text-decoration: underline; }

a img { border: 0; }

ul.errorlist { padding:0; margin: 0; list-style: none; display: inline;}
ul.errorlist li { display: inline; margin: 0 4px 0 4px; }

div.pager { clear: both; margin-bottom: 7px; margin-top: 7px; }
div.pager div.left { float: left; }
div.pager div.right { float: right; }

div.news div.article { margin-bottom: 24px; float: left; width: 100%; padding: 4px; position: relative; top: -4px; left: -4px; }
div.news div.article.altbg:first-child { margin-top: 4px; }

div.kapela div.column.left { float: left; width: 315px; }
div.kapela div.column.right { float: left; width: 215px; margin-left: 20px; }
div.kapela table { margin: 16px 0; }
div.kapela table.events th { font-weight: normal; }
div.kapela th { white-space: nowrap; padding-right: 8px; text-align: right; vertical-align: top; }
div.kapela h4 { margin-top: 0; }
div.kapela a.prevnext { float: right; color: #f0b327; font-weight: normal; font-size: 9px; padding: 4px; margin-left: 4px; }
div.kapela a.prevnext:hover { text-decoration: none; }

div.kapely h3 { margin-top: 16px; }
div.kapely h3:first-child { margin-top: 0; }
div.kapely.list h3 { text-transform: uppercase; }

div.katalog.list p { margin: 0 0 30px 110px; }
div.katalog.list img { float: left; margin: 4px 4px 4px 0; }
div.katalog span.soldout { color: red; font-weight: bold; }

div.sekta.list img { margin-bottom: 8px !important; }
div.sekta.list p { width: 158px; height: 209px; line-height: 150%; font-size: 10px; float: left; background-color: #2f1f17; padding: 8px; margin-right: 8px; }
div.sekta.list a.title { text-transform: uppercase; font-weight: normal; }
div.sekta span.catnum { color: #f0b327; }

form#downloadcodeform input#id_code { width: 80px; }
div.sekta.detail img { float: left; margin-right: 10px; }
div.sekta.detail ol { padding-left: 0; list-style-position: inside; }

div.shop form { margin: 4px 0 0 0; }
div.shop table.cart { padding: 4px; position: relative; top: -4px; left: -4px; width: 100%; margin: 12px 0 16px 0; }
div.shop table.cart td { vertical-align: top; line-height: 200%; }
div.shop table.cart td.name { padding: 0 4px 0 0; }
div.shop table.cart td.detail { padding: 0 4px 0 0; white-space: nowrap; }
div.shop table.cart td.quantity { padding: 0 4px 0 0; }
div.shop table.cart td.price { text-align: right; }
div.shop table.cart td.buttons { text-align: right; }
div.shop table.cart input.quantity { width: 25px; text-align: center; }
div.shop table.cart td.total { text-align: right; }

div.shop table.shipping input[type="text"] { float: left; }
div.shop table.shipping ul.errorlist { line-height: 200%; }
div.shop table.shipping th { text-align: right; }
div.shop table.shipping textarea { width: 420px; height: 100px; }
div.shop table.shipping td.buttons { text-align: right; }
div.shop table.shipping td.address { text-align: right; }

div.shop table.catlist { margin-bottom: 16px; }
div.shop table.catlist td { padding-right: 32px; }

div.shop div.item { margin: 0 0 12px 0; padding: 4px; position: relative; top: -4px; left: -4px; }

div.koncerty p { margin-bottom: 16px; }
div.koncerty.detail table td { line-height: 150%; }
div.koncerty.detail td.url { padding-left: 8px; }
div.koncerty h4 { margin: 0 0 4px 0; font-size: 18px; font-weight: normal; padding: 0; color: white; font-family: RePublicText, Verdana, Arial, Helvetica, sans-serif; }
div.koncerty h4 a { color: white; font-weight: normal; font-family: RePublicText, Verdana, Arial, Helvetica, sans-serif; }
div.koncerty div.event { padding: 4px; position: relative; top: -4px; left: -4px; margin-bottom: 8px; }
div.koncerty div.event.altbg:first-child { margin-top: 4px; }

div.ofisl ul { list-style: none; padding: 0; margin: 0 0 16px 0; }

div.nejkecy h3 { margin-bottom: 12px; }
div.nejkecy table { margin-bottom: 12px; width: 100%; }
div.nejkecy td { color: white; }
div.nejkecy td.title { width: 68%; }
div.nejkecy td.author { width: 20%; }
div.nejkecy td.date { width: 12%; text-align: right; padding-right: 8px; }
div.nejkecy ul { list-style: none; padding: 0; margin: 0 0 16px 0; }

div.inkvizice h3.year { margin-bottom: 12px; }
div.inkvizice h4 { margin-bottom: 12px; }
div.inkvizice h4 { width: 480px; height: 303px; margin: 16px 0; padding: 0; background-repeat: no-repeat; background-position: 0 0; background-image: url(inkvizice.png); }
div.inkvizice h4 span { display:none; }

div.inkvizice table { margin-bottom: 12px; width: 100%; }
div.inkvizice .podpis { font-style: italic; }
div.inkvizice ul { list-style: none; padding: 0; margin: 16px 0 16px 0; }
div.inkvizice td { color: white; }
div.inkvizice td.date { text-align: right; padding-right: 8px; }

div.forum form { width: 100%; color: white; margin-bottom: 16px; }
div.forum textarea { width: 100%; height: 130px; margin-bottom: 4px; }
div.forum div.post { width: 100%; padding: 4px; position: relative; top: -4px; left: -4px; margin-bottom: 6px; }
div.forum div.post.dim { color: #734b3e; }
div.forum div.post.dim a { color: #734b3e; }
div.forum div.blbost { display: block; background-image: url(blbost.gif); position: absolute; background-position: 0px 0px; float: left; background-repeat: no-repeat; margin-left: 180px; width: 120px; height: 51px; top: -1px; z-index: 2; }
div.forum div.trapny { display: block; background-image: url(trapny.png); position: absolute; background-position: 0px 0px; float: left; background-repeat: no-repeat; margin-left: 180px; width: 120px; height: 51px; top: -1px; z-index: 2; }
div.forum div.mrdka { display: block; background-image: url(mrdka.gif); position: absolute; background-position: 0px 0px; float: left; background-repeat: no-repeat; margin-left: 180px; width: 120px; height: 42px; z-index: 2; }
div.forum div.arantip { display: block; background-image: url(aranovo_tipy_550.jpg); background-position: 0px 0px; background-repeat: no-repeat; width: 550px; height: 166px; position: relative; }
div.forum span.autor { float: left; font-weight: bold;}
div.forum span.datumcas { float: right; }
div.forum span.oficialni { padding-left: 20px; color: #f0b327; padding-top: 1px; padding-bottom: 1px; background-repeat: no-repeat; background-position: left; background-image: url(oficialni.png); }
div.forum span.label { color: #f0b327; font-weight: bold; }
div.forum div#pager { text-align: center; }
div.forum a.horsky { float: left; margin-left: 160px; }
div.forum div.error { margin: 8px 0 8px 0; color: #f0b327; font-weight: bold; }
div.forum ul { list-style: none; padding: 0; margin: 4px 0 16px 0; }

div.kontakt ul { list-style: none; padding: 0; margin: 4px 0 16px 0; }

div.mailinglist #email { width: 100px; }

div.zebricky ul { list-style: none; padding: 0; margin: 4px 0 16px 0; }
div.zebricky ol { margin: 10px 0 10px 30px; padding: 0;}
div.zebricky li { margin: 0; padding: 0; }
div.zebricky div.single { padding: 10px 0 10px 30px; }
div.zebricky input[type="text"] { width: 100%; margin-bottom: 2px; }
div.zebricky textarea { width: 100%; }
div.zebricky .oficialni { padding-left: 20px; color: #f0b327; padding-top: 1px; padding-bottom: 1px;background-repeat: no-repeat; background-position: left; background-image: url(oficialni.png); }
div.zebricky .oficialni a { color: #f0b327; }
div.zebricky table.submissions { margin-top: 12px; }
div.zebricky table.submissions a:visited { color: gray; }
div.zebricky td.date { text-align: right; padding: 0 4px; }
div.zebricky div.column { width: 46%; float: left; margin-right: 20px; }
div.zebricky h4 { margin: 8px 0 0 0; color: white; font-weight: bold; }
div.zebricky div.verdikt {clear: both; margin: 12px 0 12px 0; text-align:center; background-image: url(verdikt.png); background-repeat: no-repeat; width: 400px; height: 78px; }
div.zebricky div.verdikt div { text-align:center; position: relative; left: 35px; top: 18px; display: inline; color: black; }
div.zebricky div.verdikt b { font-size: 14px; font-weight: bold; text-transform: uppercase; }
div.zebricky div.error { margin: 8px 0 8px 0; padding: 4px; color: #f0b327; font-weight: bold; }
div.zebricky div.customquestion input { font-size: 24px; }

div.archiv ul { list-style: none; padding: 0; margin: 4px 0 16px 0; }
div.archiv a img { border: 0; }

div.english ul { list-style: none; padding: 0; margin: 0 0 16px 0; }
div.english img { margin-bottom: 60px; }
div.english a { white-space: nowrap; }

@media (max-width: 1024px) {
    h1 {
    	width: 100%; height: auto; padding-bottom: 18%; background-size: contain;
    }
    h1 a { width: 100%; height: auto; }
    h2 { font-size: 2.4em;}
    h3 { font-size: 2.2em;}
    h4 * { font-size: 2.0em;}

	div.rightcolumn { width: 100%; float: none; }
	div.rightcolumn table { width: 100%; padding: 4px;}
	div.mainmenu { width: 100%; height: auto; float: none; }
	div.mainmenu ul { width: 100%; height: auto; margin: 0 0 8px 0; padding: 0; background-image: none; }
	div.mainmenu li { display: inline; margin: 0; }
	div.mainmenu li a { padding: 16px 8px 16px 8px; }
	div.mainmenu h2 { margin: 0; }
	div.mainmenuinside { margin: 0;}
	div.page { width: 100%; background-size: contain; }
	div.main { width: 100%; margin-left: 0px; margin-right: 0px;}
	div.wrap { margin: 4px; }
	html, p, table, td, textarea { font-size: 1.3em; }
	p { line-height: 150%;}
	th { font-size: 1.5em; }
	img { max-width: 90%; height: auto;}
	iframe { max-width: 90%; }
	div.news div.article { padding-right: 0; margin-bottom: 48px; }
	body.gate {
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
	}
}


#srr-player {
    margin-top: 2rem;
}

#srr-player .audio-player {
    text-align: center;
    background-color: #341e17;
    padding: 1.8rem;
}

#srr-player .audio-player .time-line .duration
{
    height: 1rem;
}

#srr-player .audio-player .time-line .progress-bar {
    border: 1px solid white;
    cursor: pointer;
}

#srr-player .audio-player .time-line .progress-bar .progress {
    height: 1.8rem;
    width: 0;
    background-color: white;
}


#srr-player .audio-player .control-button {
    cursor: pointer;
    width: 6.2rem;
    height: 6.2rem;
    display: inline-block;
    text-align: center;
    margin: 0 0.5rem;
    border: 1px solid white;
    border-radius: 2px;
}

#srr-player .audio-player .control-button.control-play:after
{
    content: '';
    display: block;
    position: relative;
    top: 25%;
    left: 30%;
    width: 0;
    height: 0;
    border-top: 1.5rem solid transparent;
    border-right: 0;
    border-bottom: 1.5rem solid transparent;
    border-left: 3rem solid white;
    box-sizing: border-box;
}

#srr-player .audio-player .control-button.control-play.playing:after
{
    width: 2.6rem;
    height: 3rem;
    border: 1rem solid white;
    border-top-width: 0;
    border-bottom-width: 0;
}

#srr-player .audio-player .control-button.control-rewind:before
{
    content: '';
    display: block;
    position: absolute;
    margin-top: 2.1rem;
    margin-left: 1rem;
    width: 0;
    height: 0;
    border-top: 1rem solid transparent;
    border-right: 2rem solid white;
    border-bottom: 1rem solid transparent;
    border-left: 0;
    box-sizing: border-box;
}

#srr-player .audio-player .control-button.control-rewind:after
{
    content: '';
    display: block;
    position: absolute;
    margin-top: 2.1rem;
    margin-left: 2.7rem;
    width: 0;
    height: 0;
    border-top: 1rem solid transparent;
    border-right: 2rem solid white;
    border-bottom: 1rem solid transparent;
    border-left: 0;
    box-sizing: border-box;
}


#srr-player .audio-player .control-button.control-forward:before
{
    content: '';
    display: block;
    position: absolute;
    margin-top: 2.1rem;
    margin-left: 1.5rem;
    width: 0;
    height: 0;
    border-top: 1rem solid transparent;
    border-right: 0;
    border-bottom: 1rem solid transparent;
    border-left: 2rem solid white;
    box-sizing: border-box;
}

#srr-player .audio-player .control-button.control-forward:after
{
    content: '';
    display: block;
    position: absolute;
    margin-top: 2.1rem;
    margin-left: 3.2rem;
    width: 0;
    height: 0;
    border-top: 1rem solid transparent;
    border-right: 0;
    border-bottom: 1rem solid transparent;
    border-left: 2rem solid white;
    box-sizing: border-box;
}

#srr-player .track-list
{
    margin: 2rem 1rem 0 1rem;
}

#srr-player .track-list td
{
    padding: .4em 0;
}

#srr-player .track-list .control-button
{
    width: 1.5rem;
    height: 1.5rem;
}

#srr-player .track-list .control-button.control-play:after
{
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 0.5rem solid transparent;
    border-right: 0;
    border-bottom: 0.5rem solid transparent;
    border-left: 1rem solid white;
    box-sizing: border-box;
    margin-left: 0.2rem;
}

#srr-player .track-list .control-button.control-play.playing:after
{
    width: .9rem;
    height: .9rem;
    border: .3rem solid white;
    border-top-width: 0;
    border-bottom-width: 0;
}

#srr-player .track-list tr.playable {
    cursor: pointer;
}