@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'pirulenregular';
    src: url('pirulen_rg-webfont.eot');
    src: url('pirulen_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('pirulen_rg-webfont.woff') format('woff'),
         url('pirulen_rg-webfont.ttf') format('truetype'),
         url('pirulen_rg-webfont.svg#pirulenregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewayregular';
    src: url('raleway-regular-webfont.eot');
    src: url('raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('raleway-regular-webfont.woff2') format('woff2'),
         url('raleway-regular-webfont.woff') format('woff'),
         url('raleway-regular-webfont.ttf') format('truetype'),
         url('raleway-regular-webfont.svg#ralewayregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
  font-family: 'Verdana';
  src: url('Verdana.eot?#iefix') format('embedded-opentype'),  
        url('Verdana.woff') format('woff'),
        url('Verdana.ttf')  format('truetype'),
        url('Verdana.svg#Verdana') format('svg');
  font-weight: normal;
  font-style: normal;
}

* {box-sizing: border-box;}

html {
font-size:100.01%;
color:#fff;
margin:0;
padding:0;
}

body, ul, p {
margin:0;
padding:0;
}

body {
font-family: ralewayregular, Verdana, Arial, Helvetica, sans-serif;
font-size:75%;
color:#bbb;
background-color:#000;
}

html, body {height:100%}   /* ešte otestovat */

a         {font-weight:normal; text-decoration:none;}
a:link    {color:#fff}
a:visited {color:#fff}
a:hover   {color:#d90;}
a:active  {color:#fff;} 

.kont a {color:#ccc; font-size:100%; }
.kont a:hover   {color:#d90;}

/* a::after {content: "  "url(../images/web.png);} */

#mainBackDiv { 
width: 100%;
height: 100%;  
position: fixed;
top: 0;
left: 0;
z-index:-2; 
background-repeat:no-repeat;
background-position: center center;
/* background-attachment: fixed; removed for Android */
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
/*  filter: grayscale(100%) brightness(80%);  */
}

.mb4 {background-image: url(../BACKS/mainback-4.jpg);}
.mb5blue {background-image: url(../BACKS/mainback-5.jpg);}
.mb6blue {background-image: url(../BACKS/mainback-6.jpg);}
.mb7blue {background-image: url(../BACKS/mainback-7.jpg);}
.mb8blue {background-image: url(../BACKS/mainback-8.jpg);}
.mb9blue {background-image: url(../BACKS/mainback-9.jpg);}
.mb10blue {background-image: url(../BACKS/mainback-10.jpg);}
.mb11blue {background-image: url(../BACKS/mainback-11.jpg);}
.mb12blue {background-image: url(../BACKS/mainback-12.jpg);}
.mb13blue {background-image: url(../BACKS/mainback-13.jpg);}

.centerblock {
	position: absolute;
	top: 45%;
	left: 53%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	max-width: 90%;
}

.indeximage {position:relative; top:35px;}

img { border:0; padding:0; margin:0;}
img.resiz {width:100%;}

.resiz {width:100%;}
.resiz2 {width:100%; height:auto;}

.imglink {
opacity:0.7;
filter:alpha(opacity=70); 
/* margin: 0 10px 5px 0; */
border: 1px solid #ddd;
cursor: pointer;
}

.imglink:hover {
/* background:#c00; */
opacity:1;
filter:alpha(opacity=100);
}

:focus {outline:none;}
::-moz-focus-inner {border:0;}

#mainContainer
    {
    min-width: 420px;
    padding: 0;
    margin: 0;
    }

#header    {
	position: relative;
    height:200px; 
    width:100%;
	background: linear-gradient(to bottom, rgba(0,0,0,0.5) 20%, rgba(0,0,0,0) 100%), url(../images/back-4x4-1.png);
    }

.mainheader{
position: relative;
width:100%;
/* max-width: 720px; */
height:200px;
}

.maintitle {
	position:absolute;
	left:20px;
	bottom:30px;
	-webkit-filter: blur(5px);
	-moz-filter: blur(35x);
	-ms-filter: blur(5px);
	-o-filter: blur(5px);
	filter: blur(5px);	
	opacity:0; 
	transition: all 1s ease-in;
}

.maintitle2{
	position:absolute;
	filter: blur(3px);
	opacity:0.1;
	left:150px;
	top:0px;
	width:60%;
	max-width:650px;
}
        
#MainWrapper {
	position:relative;
	width:100%;
 /*! max-width:1300px; */
	margin: 0 auto;
    padding:0;
    height:100%;
    }
    
#MenuContentWrapper {
position: relative;
float:left;
width:100%;
height:auto;
}

.rottext2 {
   position:absolute;
   display:block;
   top:-30px;
   left:-125px;
/*   right:0.5em; */
  /* height:1em; */
  width:4em;
  font-size:230%;
  color: rgba(176, 175, 175, 0.9);
  text-shadow: -0px 0px 4px #020202;
  
  transform:rotate(270deg);
  -ms-transform:rotate(270deg); /* IE 9 */
  -webkit-transform:rotate(270deg); /* Safari, Opera, Chrome */
  transform-origin:right;
  -ms-transform-origin:right;
  -webkit-transform-origin:right;  
   letter-spacing: 0.0em;
}

.rottext2 p {
	position:relative;
	float:right;
	text-align:right;
	font-family: pirulenregular, Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: -0.08em;
	padding: 0.3em 0.8em 0.5em 5em;
	right:0px;
	width: 0px;
	opacity:.1;
	color:#a80;
	overflow: hidden;
	transition: all 1.5s ease-out;
	}

.fullscale {width: 500px !important; opacity:1 !important; right:0px !important; transform:scale(1,1.3); letter-spacing: 0.1em !important; text-shadow: 1px 1px 1px black;}

.textnormal {font-size:100%; line-height: 1.3em;}
.prasenormal p {margin-left:2em; font-size:100%; line-height: 1.5em;}
.prase p {margin-left:5em; text-indent:-6.0em; font-size:100%; line-height: 1.7em;}
.prase p span {width:5em; display:inline-block; text-align: right; color:#fb0; transform: scale(1,1.5); vertical-align:top; margin-right:10px; }
.prase p span.neni {text-indent:10px; width:auto; text-decoration:none;}

.prase2 p {text-indent:-5em;}
.prase2 p span {width:11em; display:inline-block; text-align: right; color:#da0;}

boldwhite {color:#fff;transform: scale(1,1.4);display: inline-block; float: left; margin: -2px 6px 0 0;}

znak {
  font-size: 150%;
  color: #a00;
  margin-bottom: -4px;
}

hour {color:#da0;}

.ticket {
  font-size:90%;
  font-weight:normal !important;
  padding: 0 8px 3px 8px;
  background: #800;
  color: #eee !important;
  border-radius: 4px;
}

#MenuBlock {
	display:block;
	position: relative;
	width:100%;
	height:100%;
	padding: 0;
}

#MenuBlock ul {
	list-style-type:none;
	font-family: pirulenregular, Verdana, Arial, Helvetica, sans-serif;
	font-size:140%;
	letter-spacing: 0.04em;
}

#MenuBlock ul li a {
	display:block;
	float:left;
	min-height:22px; 
	color:#fff;
	padding: 5px 15px 5px 15px;
	line-height:1em;
	margin:0px 1px 2px 0;
}

#MenuBlock ul li a.one, #MenuBlock ul li a.two, #MenuBlock ul li a.three, #MenuBlock ul li a.four, #MenuBlock ul li a.five, #MenuBlock ul li a.six, #MenuBlock ul li a.seven, #MenuBlock ul li a.eight, #MenuBlock ul li a.nine, #MenuBlock ul li a.ten {background: rgba(0,0,0,0.6); color:#eee;} 

#MenuBlock ul li a:hover {background:#555; color:#eee;}

.current {background:rgba(255,255,255,1.0) !important; color:#000 !important;}

#extmainmenu {
/*! margin-top:90px; */
/*! float: right; */
width: 100%;
/*max-width: 760px; */
}

#ContentBlockfull {
position: relative;
float:right;
height:100%;
/*background-color:#a00;
/*float: right;*/
min-height:600px;
min-width:280px;
width:99%;
max-width:1260px;
}

.ContentBack1full {
position:relative;
float:right;
margin: 0px 0px 20px 40px;
font-size:100%;
line-height: 15px;
height:100%;
min-height:665px;
width:100%;
max-width:900px;
background:rgba(0,0,0,0.4);
backdrop-filter: blur(5px) grayscale(80%);
-webkit-backdrop-filter: blur(5px) grayscale(80%);
border-left: 38px solid rgba(255,255,255,0.2);
}

.ContentBack2full {
position:relative;
float:right;
margin: 0px 0px 20px 40px;
font-size:100%;
line-height: 15px;
height:100%;
min-height:765px;
width:100%;
max-width:810px;
background:rgba(0,0,0,0.4);
backdrop-filter: blur(5px) grayscale(80%);
-webkit-backdrop-filter: blur(5px) grayscale(80%);
border-left: 38px solid rgba(255,255,255,0.2);
}

.contentOne {
position:relative;
height:100%;
min-height:680px;
margin:0px 70px 10px 10px;
line-height: 20px;
color:#ccc;
-webkit-filter: blur(3px);
-moz-filter: blur(3px);
-ms-filter: blur(3px);
-o-filter: blur(3px);
filter: blur(3px);	
opacity:0; 
transition: all 1s ease-in;
/*	-webkit-transition: 1s blur ease-in; */
}

.unblur {
	-webkit-filter: blur(0px);
	-moz-filter: blur(0px);
	-ms-filter: blur(0px);
	-o-filter: blur(0px);
	filter: blur(0px);
	opacity:1; 
}

.pagetext {position:relative; margin:50px 0 0 20px; font-size: 150%; line-height: 1.3em;}
.pagetext2 {position:relative; margin:50px 0 0 20px; font-size:140%;}
.pagetext3 {position:relative; margin:40px 0 0 20px; font-size:130%;}

.pagetext a         {font-weight:bold; text-decoration:none;}
.pagetext a:link    {color:#fff}
.pagetext a:visited {color:#fff}
.pagetext a:hover   {color:#0bb;}
.pagetext a:active  {color:#fff;} 

.logo2{position:absolute; bottom:5px; right:8px;}
.logo2r{position:absolute; bottom:2px; right:3px;}

/* -------------- simplebox --------------------------*/
.thiscontainer img {
  height: 250px;
  border:1px solid #888;
}

.pagetext img {
  height: 300px;
  border:1px solid #888;
  width: 40%;
  height: auto;
}

.txtjustify {text-align:justify; hyphens:auto;}

.picleft { float:left; margin: 0px 30px 30px 0;}
.picright { float:right; margin: 0px 0px 30px 30px;}
/* ------------------------------------------------------*/

	
#footer {
font-family: ralewayregular, Verdana, Arial, Helvetica, sans-serif;
position:fixed;
/*width: 100%; */
height: 30px;
clear: both;
bottom:0;
 /*
background: -moz-linear-gradient(bottom, rgba(0,0,0,0.8) 20%, rgba(0,0,0,0.0) 100%);
background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.8) 20%, rgba(0,0,0,0.0) 100%);
background: linear-gradient(to top, rgba(0,0,0,0.8) 20%, rgba(0,0,0,0.0) 100%);  */

/* background: rgba(200,200,200, 0.7);	*/
}
    
.footer1 {position:relative; float: left; /*! width:300px; */ margin-left:10px;font-size:110%; padding:3px 8px; background:rgba(0,0,0, .7); border-radius:8px; }
.footer2 {position:relative; float: right; margin-right:10px;  font-size:100%; }
.footer3 {position:relative; float: left; width:340px; margin-left:10px;font-size:80%; padding:3px; background:rgba(0,0,0, .7); border-radius:8px; }

.webinfo {color:#fff}

#footer a:link {font-weight:bold; color:#fff}
#footer a:hover {font-weight:bold; color:#d90;}
    
.langflag {
position: absolute;
bottom:0px;
right:1px;
}

.fcb1 {
position: absolute;
top:10px;
right:8px;
}

.youtube{
position: absolute;
bottom:-1px;
right: 42px;
}

.googleplus{
position: absolute;
bottom:-1px;
right: 82px;
}

.roletka1 {max-height:1800px;  opacity: 1;}
.roletka2 {height:500px; max-height:1000px;  opacity: 1;}
.roletka3 {height:500px; max-height:1000px;  opacity: 1;}
.roletka4 {height:500px; max-height:1000px;  opacity: 1;}
.roletka5 {height: 100%; max-height:1800px;  opacity: 1;}

.tvorbaouter{position:relative; float:left; margin:20px 20px 20px 0; width:auto; height:auto; border: 1px solid #444; /* background: rgba(0,0,0,0.5); */ cursor:pointer;}
.tvorbainnerpic{position:relative; width:auto; height:auto;}
.tvorbainnerpic img{display:block; width:250px; height:2px; opacity: 0.2; margin: 0 auto;  transition: all 1.5s ease-in-out;}
.fullwidth {height:165px !important; opacity: 1.0 !important;}

.tvorbainnertext{text-align: center; padding:5px; font-size:130%; color:#fff; font-family: pirulenregular, Verdana, Arial, Helvetica, sans-serif; letter-spacing:0.08em;}

.popissekce {font-size:140%;}

.kont {
	position:relative;
	float:left;
	margin-top:10px;
	font-size:150%;
	line-height:1em;
	margin: 0 0 30px 30px;
	color:#fff !important;
	overflow-wrap: break-word;
	}
	
.kont2 {
	float:left;
	margin:0px 0px 20px 30px;	
	}
	
.kontsent {
	position:relative;
	float:left;
	margin-top:10px;
	font-size:150%;
	line-height:1em;
	margin-left:30px;
	color:#fb0 !important;
	overflow-wrap: break-word;
	}

#closeit {position:absolute; top: -10px; right:0px; cursor:pointer;}
#closeit2 {position:relative; float:right; right:-5px; cursor:pointer;}
#closemusic {position:absolute; top:-40px; right:10px; cursor:pointer;}

.okno1, .okno2, .okno3, .okno4 {
	position:absolute;
	top:0;
	left:0;
	width:auto;
	height:0px;
	background: rgba(0, 0, 0, 0.6);
	overflow:hidden;
	font-size:120%;
	line-height:1.3em;
	color:#fff;
	padding:3px 3px 0px 3px;
	transition: height .6s ease-out;
	}

/* -------------------- další část se týká links v položce YouTube ----------------- */

.youtub {position:absolute;}

.linkartist {font-weight:bold; color:#ddd;}
.linkartistmusic {font-size: 120%; font-weight:bold; color:#b00;}

.linkmenu {
position:relative;
margin:25px 0 30px 0;
float:right;
text-align:right;
width:100%;
}

.linkmenu a {
display:block;
/*! line-height: 1.2em; */
/* font-size:90%; */
font-weight:normal;
padding-right:4px;
margin:0;
text-decoration:none;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.linkmenu a:link {color:#aaa;}
.linkmenu a:visited {color:#bbb;}
.linkmenu a:hover {color:#fff; background:rgba(255,255,255, .2); font-weight:bold;}
.linkmenu a:active {color:#c90;}

/* .linkButt {color:#aaa !important}  */
.linkactive {font-weight:bold !important; color:#c90 !important;}

#linkFrame{width:100%;}

.audio-container {
	position:relative;
	margin-top:40px;
	padding-top:0px;
	width:100%;
	height:40px;
	overflow:hidden;
/*	border: 1px solid #444;
	background:#aaa;  */
}

.musicmenu{float:left; margin:20px 0 0 20px; width:270px; padding:10px; background: rgba(100,100,100,0.4); border-radius: 10px; cursor: pointer; max-height: 300px; width:45%; max-width:270px; min-width:180px;}
.musicmenu:hover {background: #500;}

.musicmenu img { float: none; width:10%; max-width:250px; transition: all 1s linear .3s;}
.fullimg {width:100% !important;}

.musicblock {margin:20px 0 0px 0px; width:100%; color:#aaa;}
.musicblock p {float:left;}

.musictrack {line-height:2.2em; font-size:90%; float:right !important;; text-align:right;}
.musictrack a {padding:5px;}
.musictrack a:hover {background:rgba(255,255,255, .2); color:#fff !important;}

.ifra {
width:100%;
max-width:800px;
height:390px;
}

iframe {width:100%;max-width:100%;}

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:0px;
	height:0;
	overflow:hidden;
	border: 1px solid #555;
}

.upsidedown {transform:rotate(180deg);}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/* -----------   audio ttW stuff --------------- */
#ttwMP {
position:relative;
width:100%;
/*
min-width:300px;
max-width:420px;
left: 30px; 
border: solid #666 1px;
    border-radius: 9px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px; */

padding: 20px 0 0 20px;
background: rgba(0,0,0,0.5);
margin: 20px 40px 20px 10px;
}

.cdpictext {
    position: relative;
    margin: 50px 0 0 30px;
}	

.jkplayerlogo{position:relative; float:right; margin-top:-10px; right:-10px; font-size:100%; color:#aaa;}

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

.isdown {height:80%; max-height:97%;}

.extfileFour {position: relative; float:left; width:100%;  max-width:1000px; min-height:600px;}
.extfileSix {position: relative; float:left; top:40px; left:10px; width:100%;  max-width:600px; min-height:600px; font-size:150%;line-height: 1.3em;}
.extfileFive {position: relative; float:left; width:100%;  max-width:750px; min-height:250px; border-right: 1px solid #555;}
.extfilegallery {position: relative; float:left; width:100%;  max-width:1000px;  min-height:600px; margin: 30px 0 0 20px;}

.objhidden {display:none}
.mainimg {margin-bottom:30px; width:100%;  max-width:840px; border: 1px solid #fff;}
.objshow {visibility:visible;}

.ug-textpanel-title: {font-weight:bold !important; color:#555 !important;}

.telno {color:#ddd; font-size:160%;}
.addressblock {margin:50px 0 0 24%;}


.cdtitle {
font-family: ralewayregular, Verdana, Arial, Helvetica, sans-serif;
color:#fff;
font-size:180%;
letter-spacing: 0.04em;
}

.cdpic {margin-top:20px;}
.cdpic2 {margin-top:0px;}

.cdtitle span {color:#999;}

.cdpic img{position:relative; /*float:left;*/ margin: 0 20px 0px 0;}

.cdpictext {
position: relative;
margin:50px 0 0 10px; 
}

.cdpopis {color:#eee; font-size: 100%; line-height:17px;}
.cdpopis span {color:#aaa;}

.cdpictextbutt {
position: relative;
height:100%;
min-height: 130px;
}

.cdtext {
	position:relative;
	float:left;
	max-width:480px;
	font-size: 110%;
	line-height:120%;
}

.cdtext span{color:#aaa;}
.cdtextTit {color:#b00; font-size: 170%; line-height:1.3em; transform: scale(1,1.3);}
.cdtextPopis {color:#eee; font-size: 130%; line-height:1.3em;}

.cdjacket {float:left; margin:6px 30px 20px 0;}

.wwwtitle {
position:absolute;
right:0px;
bottom:-30px;
font-size:300%;
font-weight:bold;
color:#770;
opacity:0.4;
filter:alpha(opacity=40);
}

.pisatel {
text-align:right;
font-weight:bold;
color:#fff;
}

.mediathumbs a {
margin-right: 20px;
line-height: 40px;
}


h1 {font-family: ralewayregular, Verdana, Arial, Helvetica, sans-serif; font-weight: normal; margin:0; padding:0; color:#da0; font-size: 160%; line-height:1.4em; letter-spacing: 0.07em; transform:scale(1,1.4); margin-bottom:10px;}
h2 {font-family: pirulenregular, Verdana, Arial, Helvetica, sans-serif; font-weight: normal; margin:0; padding:0; color:#da0; font-size:130%; letter-spacing: 0.07em;/*! transform: scale(1,1.4); */}
h3 {font-family: pirulenregular, Verdana, Arial, Helvetica, sans-serif; font-weight: normal; margin:0; padding:0; color:#fff; font-size:110%; letter-spacing: 0.1em;}
h4 {font-family: ralewayregular, Verdana, Arial, Helvetica, sans-serif; font-weight: normal; margin:0; padding:0; color:#fff; font-size:100%; letter-spacing: 0.05em; transform:scale(1,1.4);}

hr {
clear: both; 
margin:0;
padding:0;
}

hr.thin {
height: 1px;
border: 0px;
/*color: #333;*/
background-color: #666;
width: 100%;
}

.indent-1 {margin-left:20px;}

#maska {position:absolute; top:0; width:100%; height:100%; background:#111; opacity:0.5;}
.closewin {position:absolute; top:-5px; right:-5px; z-index:3005; cursor:pointer;}

textarea {
font-family: ralewayregular, Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
color:#000;
}

#submitbutt {
	height:2em;
	background:#555;
	border: 2px solid #fff;
	border-radius:16px;
	font-size:100%;
	font-weight:bold;
	color: #fff;
	letter-spacing: 0.1em;
	cursor:pointer;
}
        
.liempty {
display:block;
float:right;
width:30px;
height:24px;
margin:7px 5px 0 5px;
}

.liempty2 {height:24px; cursor:default !important; background-image:none !important}

.clear_both {clear: both;}
.texthidden {display:none;}
.closebutt1 {position:absolute; top:-5px; right:-5px;}
.closebutt2 {position:absolute; bottom: -9px; right:-5px;}


#rmbutt {
	position:absolute;
	top:15px;
	right:60px;
	cursor:pointer;
	display:none;
	z-index:0;
}

.showmenu {display:block !important;}

/* ------------------------------------- media stuff ------------------------------------------*/

@media screen and (min-width:1351px) {
	#MenuBlock {display:block !important;}	
} 

@media screen and (max-width:1350px){
	
	#MenuBlock {
		display:none;
		position:absolute;
		top:100px;
		width:95%;
		height:32em;
		z-index:100;
		padding:10px;
		border: 1px solid #aaa;
		background:rgba(0,0,0,0.8);
		font-size:140%;
		text-align:center;
		}
		
	#MenuBlock ul {margin-top:20px;}
		
	#MenuBlock ul li a {height:1.7em; width:95%; margin-bottom:10px;}
		
	#rmbutt {display:block;}

	#header {height:110px;}
	.maintitle {width: 50%; min-width:250px; bottom:45px;}
	.mainheader {height:140px;}
	
	.ContentBack1full {
		position:relative;
		float:right;
		top:0px;
	}