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: #220000;
text-align: center;
font: 100% sans-serif;
background: url("../images/cloudbg.jpg") no-repeat 50% 0% #e9a1b7;
background-size: 100%;
}

body {
width: 100%;
/*height: 100%;*/
min-width: 480px;
/*max-width: 1600px;*/

/*position: relative;*/
/*text-align: center;*/
margin: 0 auto;
}

header {
width: 100%;
height: 360px;
margin: 0 auto;
/*min-height: 360px;*/
max-width: 1260px;
/*max-height: 360px;*/
text-align: left;
position: relative;
/*bottom: 5%;*/
/*background-size: 1000%;
overflow:hidden;*/
background: url("../images/header-tourname.png") no-repeat 90% 96% transparent;
background-size: 703px;
}


h1 {
float:left;
width: 25em;
display: block;
margin-left: 2em;
/*padding: 0 2em 0 2em;*/
/*margin-top: -0.5em;
margin-bottom: 1.5em;*/
margin-top: -34px;
/*margin-bottom: 0.8em;*/
position: relative;
}

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

a.gambrinus {
position: absolute;
display: block;
left: 430px;
top: 3em;
width: 3.5em;
}

a.gambrinus img {
width: 100%;
height: auto;
}

#nejkoncerty {
float: right;
margin-top: 1.5em;
width: 26em;
/*height: 100%;*/
position: relative;
}

a.nejkoncert {
float: left;
display: block;
width: 8.75em;
height: 3.5em;
background: url("../images/lichobeznik.svg") no-repeat 0 0 transparent;
background-size: 100%;
text-decoration: none;
padding: 0.75em 1.5em 0.5em 1.75em;
font-family: 'compacta',arial,helvetica,sans-serif;
font-weight: bold;
font-style: italic;
color: #C6203A;
margin: 0.25em 0.01em 0.25em 0;
}

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

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


nav {
width: 100%;
max-width: 1260px;
height: 3.25em;
margin: 0 auto;
text-align: left;
background-color: rgba(255,237,0,0.85);
position: relative;
}

nav ul {
list-style: none;
position: relative;
max-width: 1260px;
margin-left: 0.75em;
font-size: 185%;
letter-spacing: 0.05em;
font-family: 'compacta',arial,helvetica,sans-serif;
font-weight: bold;
font-style: italic;
}

nav ul li {
padding: 0.25em 0.25em 0.25em 0.25em;
display: block;
float: left;
}

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

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

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

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



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: #800;
border: 0;
height: 0;
border-bottom: 1px solid #808080;
margin-top: 0.5em;
margin-bottom: 1em;
margin-left: 2.2em;
margin-right: 2.2em;
}

#forum h2#topheading {
/*margin-bottom: 20px;*/
}

#forum h4 {
/*font-size: 110%;
color: #404040;
margin: 20px 0 10px 30px;*/
}

#forum h4 em {
font-style: normal;
padding-left: 10px;
color: #800;
font-weight: normal;
}

#forum h4 strong.authorised {
padding-left: 123px;
background: url("../images/bg-gb-authorised.gif") no-repeat 0% 0% transparent;
color: #e40000;
}

#forum #content p {
/*margin: 10px 30px 15px 30px;*/
}



footer {
width: 100%;
height: 3em;
margin: 0 auto;
max-width: 1260px;
text-align: left;
}

#content {
width: 100%;
max-width: 1260px;
margin: 0 auto;
text-align: left;
background-color: rgba(255,255,255,0.85);
position: relative;
}


h2 {
padding: 0.2em 0.6em 0.15em 0.6em;
font-size: 360%;
font-family: 'compacta',arial,helvetica,sans-serif;
color: #800;
font-weight: bold;
font-style: normal;
}

#topheading{
text-transform: uppercase;
}

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

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

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

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

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

.city {
color: #dd3357;
font-weight: 200;
}

strong {
font-weight: bold;
}

#partnerbox {
float: right;
width: 30em;
max-width: 600px;
padding: 2em;
position: relative;
}

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

.float-right {
float: right;
}

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

/*
@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%;}
} */