html, body { margin: 0px; padding: 0px; font-family: 'PT Sans', sans-serif;text-align: center;color: #212c54;}
img { border: 0px;}

header {height: 1055px; background: #bed8f1 url('../images/header_cs.jpg') no-repeat center top;text-align: center;}
.en header {background-image: url('../images/header_en.jpg');}
header .menu {list-style-type: none; padding: 6px 23px 0 0; margin: 0px; font-size: 16px; float: right;}
header .menu li {display: inline; padding: 0 3px; margin: 0px;}
header .menu li:not(:first-child)::before {content: '|'; margin-right: 5px;}
header .menu a {color: #212c54;text-decoration: none;}
header .menu .active a {font-weight: bold;}
header .nav {max-width: 910px; margin: auto; padding-top: 20px;}
header .fb {display: block; width: 43px; height: 42px;background: url('../images/fb_ico.png') no-repeat left top; float: right;}
header .fb:hover {background-image: url('../images/fb_ico_a.png');}

header .content { padding-top: 700px; margin: 0px;}
header .content p {font-size: 18px; font-family: 'PT Sans Narrow'; color: #2f96c9; margin: 0; line-height: 20px; padding-bottom: 30px;}
header .content h3 { font-size: 28px; color: #dc2c20; font-weight: bold; font-style: normal; line-height: 28px; padding: 0; margin: 0;}
header .content h4 {font-family: 'PT Sans Narrow'; font-weight: bold; letter-spacing: 2px; font-style: normal; color: #2f96c9; font-size: 28px; text-transform: uppercase; margin-top: 10px;}

header .tickets {background-color: #e01b12; border: 3px solid #f5cc82;cursor: pointer; color: white; font-size: 24px; font-weight: bold; padding: 10px 0px; text-transform: uppercase; letter-spacing: 2px; margin-top: 30px; width: 258px;}
header .tickets:hover {background-color: #fa2e24; }
header .ticketportal {display: block; width: 80px; height: 60px;background: url('../images/ticketportal_logo.png') no-repeat left top; position: absolute; left: 50%; margin: 28px 0 0 160px;}
header .hodiny {display: block; width: 68px; height: 96px;background: url('../images/hodiny.png') no-repeat left top; position: absolute; left: 50%; margin: -120px 0 0 -280px;}


section.content {text-align: center;}
section.content hr {border: 0px none; padding: 0px; margin: 70px 0px 50px 0px; display: block; height: 14px;background: url('../images/spacer.png') no-repeat center center; }
section.content p {max-width: 704px; margin: 50px auto;line-height: 3.5ex; padding: 0px 10px;}
section.content p em {font-family: 'PT Serif', serif; font-size: 18px; line-height: 4ex;}
section.content p em strong{ font-style: normal;}
section.content p strong span{ text-transform: uppercase;  color: #2f96c9;}
.vojaci {display: block; width: 100%; max-width: 1200px; height: 182px;background: url('../images/vojaci.png') no-repeat 922px top; position: absolute; left: 50%; margin: 70px -600px 0 -600px;}
.mysi {display: block; width: 278px; height: 182px;background: url('../images/mysi.png') no-repeat left top; position: absolute; left: 50%; margin: 70px 0 0 -640px;}

section.gallery {background-color: #f4f8fd; padding: 30px 0 50px 0px;}
.video-container{width: 100%; max-width: 800px; margin: auto; margin-top: 30px;}
.video-container object{width: 90%;margin: auto;height: 410px;}

.content table, .content td, .content th { font-size: 12px;}
.content h1 { font-size: 18px; margin:0px; font-weight: bold; padding: 10px 0px;}
h2 { font-size: 40px; margin:0px; font-weight: normal; padding: 10px 0px; text-transform: uppercase;}
.content h3 { font-size: 16px; font-weight: normal; font-style: italic; margin: 6px 0px; padding: 0px;}
.content h4 { font-size: 14px; font-weight: bold; margin: 6px 0px; padding: 0px;}
.content h5 { font-size: 14px; font-weight: normal; font-style: italic; margin: 6px 0px; padding: 0px;}
.content h6 { font-size: 13px; font-weight: bold; margin: 3px 0px; padding: 0px;}

.content a {color: #212c54;}

footer {padding-bottom: 50px;}
footer p {line-height: 80px; text-transform: uppercase; padding: 30px 0px;}
footer p img { vertical-align: middle; margin: 0 30px 0 10px;}

.sep::before {content: ' / ';}

@media all and (max-width: 1200px) {
	.vojaci {display: none;}
	.sepi.b {display: block;}
}
@media all and (max-width: 750px) {
	header {background-size: auto 100%; height: 800px;}
	header .content { padding-top: 520px; margin: 0px;}
	header .content p {padding-bottom: 10px;}
	header .tickets { margin-top: 2px;}
	header .ticketportal {margin-top: 0px;}
	.vojaci, .mysi {display: none;}
	.sepi {display: block;}
}

@media all and (max-width: 620px) {
	header {background-size: 250% auto; height: auto;background-color: #e5eff8; padding-bottom: 20px;}
	header .content { padding-top: 90%;}
	header .menu {position: absolute; right: 10px; top: 56px; float: none; padding: 0;}
	header .fb {position: absolute; right: 10px; top: 10px; float: none;}
	.sep::before {content: ' '; display: block;}
	.video-container object{height: 310px;}
}
@media all and (max-width: 510px) {
	header .ticketportal {position: absolute; left: 50%; margin: 70px -40px 0 -40px;}
	header { padding-bottom: 100px;}
	.video-container object{height: 250px;}
}