html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1.25;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*--------*/

img, a img {
border: 0;
}

html {
width: 100%;
height: 100%;
/*min-width: 450px;*/
color: #fff;
text-align: center;
font: 100% 'Archivo', sans-serif;
background: #000;
}

body {
width: 100%;
/*min-width: 480px;*/
margin: 0 auto;
	background-image:url("../images/tsoat2025_header-bg-stripes.svg");
	background-position:left top;
	background-repeat:no-repeat;
}

header {
width: 100%;
height: 390px;
margin: 0 auto;
/*min-height: 360px;*/
max-width: 1100px;
/*max-height: 360px;*/
text-align: left;
position: relative;
background: url("../images/tsoat2025_headerphoto-desktop.svg") no-repeat 350px 49px transparent;
background-size: 421px;
/*background-color: #e41d22;*/
}
/*357-466*/
/*
#tourname {
float: right;
clear: right;
font-size: 172%;
font-weight: bold;
text-align: right;
padding: 1em 0.7em 0.25em 1em;
font-family: 'Roboto Condensed', sans-serif;
color: #f00;
}
*/

h1 {
float:left;
width: 278px;
height: 310px;
display: block;
margin-left: 0px;
/*padding: 0 2em 0 2em;*/
/*margin-top: -0.5em;
margin-bottom: 1.5em;*/
margin-top: 50px;
/*margin-bottom: 0.8em;*/
position: relative;
z-index: 3;
}

h1 img {
display: block;
/*width: 100%;
height: auto;*/
/*min-width: 140px;*/
/*max-width: 418px;*/
}

#nejkoncerty {
float: right;
margin-top: 80px;/*92px*/
/*margin-top: 2em;*/
width: 15em;
/*height: 100%;*/
position: relative;
font-size: 100%;
text-align: right;
z-index: 3;
}

#nejkoncerty p {
padding: 0;
padding-top: 10px;
padding-bottom: 10px;
}

#nejkoncerty span {
/*font-family: 'Oswald', sans-serif;*/
font-family: 'Archivo Narrow', sans-serif;
letter-spacing: 0.04em;
font-weight: 300;
/*font-size: 90%;*/
display: block;
float: right;
clear: right;
padding: 0.2em 1.5em 0.45em 1.15em; /*0.35em 1.15em 0.35em 1.15em;*/
color: #FDD57B; /*#d9181b*/
/*font-style: italic;*/
}

a.nejkoncert {
float: right;
display: block;
/*width: 8.75em;
height: 3.5em;*/
/*background: #020606;*/
text-decoration: none;
padding: 0.35em 1.5em 0.35em 1.5em;
font-family: 'Archivo Narrow', sans-serif;
/*text-transform: uppercase;*/
margin-bottom: 0.2em;
color: #CDB370;
clear: right;
background: #000;
}

a.nejkoncert strong {
padding-left: 0.25em;
font-size: 100%;
color: #CDB370;
line-height: 100%;
font-weight: 700;
}

a.nejkoncert span {
font-size: 100%;
line-height: 100%;

}

a.nejkoncert:visited {
color: #CDB370;
}

nav {
/*display:block;*/
width: 100%;
max-width: 1116px;
/*max-width: 1100px;*/
height: 80px;
/*top: 50px;*/
/*left: 415px;*/
text-align: left;
margin: 0 auto;
text-align: center;
line-height: 1;
/*background: url("../images/tsgt2022_menu-shape.svg") no-repeat 0px 0px;*/
z-index: 3;
}

nav ul {
list-style: none;
display: flex;
position: relative;
max-width: 1050px;
/*margin-left: 0 auto;*/
font-size: 112%;
/*letter-spacing: 0.07em;*/
text-transform: uppercase;
font-family: 'Oswald', sans-serif;
font-weight: normal;
/*font-style: italic;*/
margin: 0 auto;
/*background: #202020;*/
}

nav ul li {
display: block;
padding: 0.25em 0.3em 0.25em 0.3em;
/*background: #202020;*/
}

nav ul li a {
display: block;
text-decoration: none;
padding: 0.8em 0.5em 0.8em 0.5em;
color: #fff;
/*background: #202020;*/
}

nav ul li a, nav ul li a:link, nav ul li a:visited {
color: #fff;
}

nav ul li a:hover {
color: #fff;
text-shadow: 0 0 2px #fff, 0 0 4px #fff;
}

#aktualne nav li.aktualne, #o-turne nav li.o-turne, #koncerty nav li.koncerty, #fotogalerie nav li.fotogalerie, #minule-rocniky nav li.minule-rocniky, #forum nav li.forum, #kontakty nav li.kontakty {
/*background-color: #000;*/
}

#aktualne nav li.aktualne a, #o-turne nav li.o-turne a, #koncerty nav li.koncerty a, #fotogalerie nav li.fotogalerie a, #minule-rocniky nav li.minule-rocniky a, #forum nav li.forum a, #kontakty nav li.kontakty a {
color: #CDB370;
text-shadow: 0 0 4px #CDB370, 0 0 8px #CDB370, 0 0 16px #000;
}


@content p em {
color: #444;
font-size: 9%;
font-style: italic;
}

.ticket__link img, .fb_link img {
background: #eee;
padding: 15px 0 15px 25px;
border: 2px solid #000;
border-radius: 5px;
width: 400px;
}

.ticket__link img , .fb_link img {
max-width: 400px;
}

.ticket__link:hover img , .fb_link:hover img {
background: #fff;
}

label {
float: left;
/*padding-top: 0;*/
width: 5em;
}

input, textarea {
padding: 0.2em 0.6em 0.2em 0.6em;
margin-bottom: 0.5em;
font-family: sans-serif;
font-size: 90%;
}

input.button {
/*margin-top: 0;
margin-left: 7.2em;
padding: 0.2em 1em 0.2em 1em;*/
}

hr {
color: #f3ebc9;
border: 0;
height: 0;
border-bottom: 1px solid #f3ebc9;
margin-top: 0.5em;
margin-bottom: 1em;
margin-left: 2.2em;
margin-right: 2.2em;
}

#forum h4 em.authorised {
background: #020606;
}

footer {
width: 100%;
height: 3em;
margin: 0 auto;
max-width: 1100px;
text-align: left;
color: #aaa; /*#B02010*/
font-family: 'Oswald', sans-serif;
font-weight: 300;
z-index: 3;
}

#content {
width: 100%;
max-width: 1100px;
margin: 0 auto;
text-align: left;
background-color: #fff; 
position: relative;
padding-bottom: 2em;
color: #000;
background: #fff;
z-index: 3;
}


h2 {
padding: 0.8em 1em 0.25em 1em;
/*padding: 0.2em 0.6em 0.15em 0.6em;*/
font-size: 220%;
color: #B9A367/*#e0212c*/;
font-weight: 400;
font-style: normal;
font-family: 'Oswald', sans-serif;
letter-spacing: 0.01em;
}

#topheading {
font-weight: 400;
/*font-style: italic;*/
}

h3 {
padding: 1em 2em 0.5em 2em;
font-size: 110%;
font-weight: bold;
color: #020606;
}

h3 .nazevtour {
margin: 0em -1.57em 0 -1.57em;
padding: 0.5em 1.5em 0.5em 1.5em;
font-size: 125%;
font-weight: bold;
/*background: #020606;*/
color: #B02C2C;
text-transform: uppercase;
font-family: 'Archivo Narrow', sans-serif;
}

h4 {
padding: 1em 2.2em 0.5em 2.2em;
font-size: 100%;
font-weight: bold;
color: #e31e24;
}

h4 em {
margin: 0 1em 0 -2.2em;
padding: 0.5em 2em 0.5em 2.2em;
/*background: url("../images/tsoat2023_red-dirty-rectangle.gif") no-repeat 0% 100%;*/
/*background-size: 195%;*/
background: #ca1a0c;
color: #fff;
}

h4 span.autor {
font-size: 72%;
padding-left: 1em;
font-weight: 400;
}

p {
padding: 1em 2.45em 0.5em 2.45em;
font-size: 90%;
line-height: 130%;
}

#content ul {
padding: 1em 2.45em 0.5em 2.45em;
font-size: 90%;
line-height: 130%;
}

#content ul li {
margin-top: 1em;
}

.topplakat + h2 {
	margin-top: 0;
	padding-top: 0;
	font-family: 'Archivo Narrow', sans-serif;
}

.date {
margin: -1em 1em 0 -1em;
padding: 0.6em 3.2em 0.3em 1em;
color: #e31e24;
font-weight: 900;
font-size: 130%;
font-family: 'Archivo Narrow', sans-serif;
}

.city {
color: #e31e24;
/*font-family: 'Oswald', sans-serif;*/
}

.denvtydnu {
text-transform: uppercase;
font-size: 50%;
color: #e31e24;
/*font-family: 'Source Sans Pro', sans-serif;*/
}

.venue {
color: #e31e24;
/*font-family: 'Oswald', sans-serif;*/
}

strong {
font-weight: bold;
}

p.topplakat {
padding-top: 0;
padding-bottom: 0.1em;
padding-left: 5.5em;
}

#partnerbox {
width: 100%;
max-width: 1100px;
margin: 1em auto;
text-align: left;
/*background-color: #fff;*/
position: relative;
/*float: right;*/
/*width: 30em;
max-width: 600px;
padding: 2em;
position: relative;*/
}

#partnerbox h4 em {
padding-right: 2em;
color: #e31e24;
background: #fff;
}

#partnerbox img {
width: 100%;
height: auto;
}

.float-right {
float: right;
margin-left: 1.5em;
}

#right {
display:none;
position: absolute;
right: 0;
top: 0;
}

a, a:visited {
color: #000;
}

#forum h4 em a, #forum h4 em a:visited, footer a, footer a:visited {
color: #fff; /*#352e6d;*/
}

#gmap_canvas {
width: 100%;
height: 20em;
}

.ytube_canvas {
width: 70%;
/*height: 20em;*/
}

p a.plakat img {
width: 235px;
height: 332px;	
}




/*
@media only screen and (max-width: 400px) {
body { font-size:90%;}
}

@media only screen and (max-width: 800px) {
body { font-size:100%;}
}  

@media only screen and (max-width: 1100px) {
body {font-size:120%;}
}*/
/*
@media screen and (min-width: 0px) {
    body{font-size: 70%;}
    header{background-size: 68%;}
}
*/
/*
@media screen and (max-width: 450px) {
    body{font-size: 70%;}
    header{background-size: 68%;}
}
*/

@media screen and (max-width: 500px) {
    body{font-size: 75%;}
	nav ul {font-style: normal;
font-family: 'Oswald', sans-serif;
	font-weight: 700;}
	
	nav ul li {padding: 0.5em 0 0.2em 0;}
    /*header{background-size: 68%;}*/
}

@media screen and (min-width: 500px) {
    body{font-size: 75%;}
    /*header{background-size: 68%;}*/
}

@media screen and (min-width: 700px) {
    body{font-size: 80%;}
    /*header{background-size: 68%;}*/
}

@media screen and (min-width: 800px) {
    body{font-size: 93%;}
    /*header{background-size: 41%;}*/
}

@media screen and (min-width: 900px) {
    body{font-size: 107%;}
    /*header{background-size: 46%;}*/
}    

@media screen and (min-width: 1000px) {
    body{font-size: 116%;}
    /*header{background-size: 51%;}*/
}    

@media screen and (min-width: 1100px) {
    body{font-size: 128%;}
    /*header{background-size: 53%;}*/
}    

@media screen and (min-width: 1200px) {
    body{font-size: 140%;}
    /*header{background-size: 704px;}*/
}


/**/

@media screen and (max-width: 800px) {
    #genpart{display:none;}
	header{background-image: none;}
	.float-right {float:none; display: block; width: 100%;} 
	.gmap_canvas {width: 100%;}
	.ticket__link img, .fb_link img {width: 100%; height: auto;}
	/*nav{font-family: 'Oswald', sans-serif;}*/
	/*header{height: 185px;}*/
    /*header h1{margin-top: -161px;}*/
}

@media screen and (max-width: 500px) {
    #genpart{display:none;}
	header{background-image: none;}
	.ticket__link img, .fb_link img {width: 80%; height: auto;}
	/*nav{font-family: 'Oswald', sans-serif;}*/
	/*header{height: 185px;}*/
    /*header h1{margin-top: -161px;}*/
}



@media screen and (max-width: 1000px) {
    #nejkoncerty {width: 16em;}
    #nejkoncerty a.navic {display:none;}
    #nejkoncerty a {clear: left;}
}
 
/*
@media screen and (min-width: 1400px) {
    body{font-size: 150%;}
} */