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: 480px;
color: #000;
text-align: center;
font: 100% 'Open Sans', sans-serif;
background: url("../images/tsgt2019-bgpattern.gif") repeat 50% 0% #D32828;
}

body {
width: 100%;
/*height: 100%;*/
min-width: 480px;
/*max-width: 1600px;*/
/*position: relative;*/
/*text-align: center;*/
margin: 0 auto;
/*background: url("../images/tsrt2015-cunts.png");*/
/*background: url("../images/tsrt2016-sunburst.svg") no-repeat 50% 0% transparent;
background-size: 100%;*/
}

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/tsrt2017-pica.png") no-repeat 54px 18px transparent;*/
}
/*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: 338px;
display: block;
margin-left: 32px;
/*padding: 0 2em 0 2em;*/
/*margin-top: -0.5em;
margin-bottom: 1.5em;*/
margin-top: 8px;
/*margin-bottom: 0.8em;*/
position: relative;
}

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

#nejkoncerty {
float: right;
margin-top: 0px;/*92px*/
/*margin-top: 2em;*/
width: 20em;
/*height: 100%;*/
position: relative;
font-size: 100%;
text-align: right;
}

#nejkoncerty p {
padding: 0;
}

#nejkoncerty span {
font-family: 'Roboto Condensed', sans-serif;
font-size: 100%;
display: block;
float: right;
clear: right;
padding: 0.35em 1.15em 0.35em 1.15em;
color: #fff;
}

a.nejkoncert {
float: right;
display: block;
/*width: 8.75em;
height: 3.5em;*/
background: #B02010;
text-decoration: none;
padding: 0.35em 1.15em 0.35em 1.15em;
font-family: 'Roboto Condensed', sans-serif;
color: #fff;
clear: right;
}

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

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

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

nav {
position: absolute;
display:block;
width: 400px;
max-width: 1100px;
/*height: 3.25em;*/
top: 50px;
left: 415px;
text-align: left;
/*background-color: rgba(255,237,0,0.85);*/

}

nav ul {
list-style: none;
position: relative;
max-width: 1100px;
margin-left: 0.75em;
font-size: 100%;
/*letter-spacing: 0.05em;*/
font-family: 'Roboto', sans-serif;
font-weight: bold;
}

nav ul li {
padding: 0.35em 0.1em 0.35em 0.1em;
display: block;
float: left;
clear:left;
background-color: #fbf9eb;
}

nav ul li a {
text-decoration: none;
padding: 0.25em 0.9em 0.25em 0.9em;
color: #000;
}

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

nav ul li a:hover {
color: #B02C2C;
}

#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: #FFFBDB;
}

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: #d7b56d;
}

footer {
width: 100%;
height: 3em;
margin: 0 auto;
max-width: 1100px;
text-align: left;
color: #fff; /*#d7b56d*/ /*#B02010*/
font-family: 'Open Sans Condensed', sans-serif;
}

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


h2 {
padding: 0.8em 1em 0.25em 1em;
/*padding: 0.2em 0.6em 0.15em 0.6em;*/
font-size: 220%;
color: #e0212c;
font-weight: bold;
font-style: normal;
}

#topheading {
font-weight: bold;
font-style: italic;
}

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

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: #d7b56d;*/
color: #B02C2C;
text-transform: uppercase;
}

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

h4 em {
margin: 0 1em 0 -2.2em;
padding: 0.5em 1.1em 0.5em 2.2em;
background: #B02010;
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;
}

.date {
margin: -1em 1em 0 -1em;
padding: 0.25em 1em 0.25em 1em;
background: #B02010;
color: #fff;
/*padding: 0.5em 1.1em 0.5em 1em;*/
font-family: 'Open Sans', sans-serif;
font-weight: 700;
}

.city {
color: #B02010;
font-family: 'Open Sans Condensed', sans-serif;
}

.denvtydnu {
text-transform: uppercase;
font-size: 50%;
color: #B02010;
font-family: 'Open Sans', sans-serif;
}

.venue {
color: #B02010;
font-family: 'Open Sans Condensed', 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;

background: #d7b56d;
}

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

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

#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; /*#d7b56d;*/
}

/*
@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 (min-width: 450px) {
    body{font-size: 70%;}
    /*header{background-size: 68%;}*/
}

@media screen and (min-width: 600px) {
    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: 900px) {
    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%;}
} */