html, body {
	background-color: #dcdcdc;
	margin: 0;
	padding:0;
}
div {
  width: 120px;
  height: 600px;
  overflow: hidden;
  position: relative;
  overflow:hidden;
  margin:auto;
}
#stage {
  width: 0px;
  height: 600px;
  position: absolute;
  background: #08569e;
  overflow:hidden;
}
canvas{
	position:absolute;
	margin:0px;
	padding:0px;
}

span{
	position:absolute;
	left: 0px;
  	top: 0px;
	width: 120px;
	height: 600px;
	background-size: contain;
}


#nebe {background-image: url('nebe.jpg');}

#logo01 {background-image: url('logo01.png');}
#logo02 {background-image: url('logo02.png');}
#logo03 {background-image: url('logo03.png');}

#lista {background-image: url('lista.png');}


#txt01 {background-image: url('txt01.png');}

#txt02a {background-image: url('txt02a.png');}
#txt02b {background-image: url('txt02b.png');}
#txt02c {background-image: url('txt02c.png');}
#txt02d {background-image: url('txt02d.png');}


#ico02a {
	background-image: url('ico02a.png');
	transform-origin: 32% 34%;
}

#ico02b {background-image: url('ico02b.png');}
#lista {background-image: url('lista.png');}

#diabloA {background-image: url('diabloA.jpg');}

#diablo, #diabloA {transform-origin: 50% 80%}

#plaminek01 {
	width:150px;left: -15px;
	transform-origin: 9% 89%;
	background-image: url('plaminek01.png');
}
#plaminek02 {
	width:150px;left: -15px;
	transform-origin: 16% 86%;
	background-image: url('plaminek02.png');
}
#plaminek03 {
	width:150px;left: -15px;
	transform-origin: 25% 86%;
	background-image: url('plaminek03.png');
}
#plaminek04 {
	width:150px;left: -15px;
	transform-origin: 80% 86%;
	background-image: url('plaminek04.png');
}
#plaminek05 {
	width:150px;left: -15px;
	transform-origin: 94% 88%;
	background-image: url('plaminek05.png');
}
#plaminek06 {
	width:150px;left: -15px;
	transform-origin: 100% 89%;
	background-image: url('plaminek06.png');
}

#txt03 {background-image: url('txt03.png');}

#ico03a {background-image: url('ico03a.png');}
#ico03b {background-image: url('ico03b.png');}
#ico03c {background-image: url('ico03c.png');}
#ico03d {background-image: url('ico03d.png');}
#ico03e {background-image: url('ico03e.png');}

#tv {width:150px;left: -15px;
	background-image: url('tv.jpg');}


#cta {
	background-image: url('cta.png');
}
#ctaTxt {
	background-image: url('ctaTxt.png');
}

/*#sipka {background-image: url('sipka.png');}*/

#light {
	width: 40px;
	height: 150px;
	top:-50px;
	left:-100px;
	background: #fff;
	opacity: 0.5;
	transform: rotate(30deg);
	filter:blur(2px);
}

#cover01, #cover02 {background:#000;}
#flash{background:#fff;}
.mask{overflow:hidden;}

#borderA, #borderB, #borderC, #borderD {background: #e6e6e6;}
#borderA{width: 100%; height: 1px;}
#borderB{width: 1px; height: 100%;right:0px;left:auto;}
#borderC{width: 100%; height: 1px;bottom:0px;top:auto;}
#borderD{width: 1px; height: 100%;}