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

/* Default style, feel free to remove if not needed. */
body, body * {
	vertical-align: baseline;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
	font-family: 'Roboto Mono', monospace;
}

#container{
	width: 300px;
	height: 250px;
	position: relative;
	top: 0px;
	left:0px;
	overflow: hidden;
}

#content{
	position: absolute;
    width: 298px;
    height: 248px;
    top: 0px;
    left: 0px;
    background-color: #ededed;
    z-index: 100;
    overflow: hidden;
    border: 1px solid #000000;
    opacity: 1;
}

#clicktag{
	position:absolute;
	left:0;
	top:0;
	width:300px;
	height:250px;
	z-index:9;
	/*background:transparent;*/
	cursor:pointer;
}

.btnPlay {
	background-image:url('btnPlay.png');
	background-size:80px 80px;
	width:80px;
	height:80px;
    position:absolute;
    left: 110px;
    top: 85px;
	opacity:0.7;
    z-index:10;
    cursor: pointer;
}


#text1a{
	font-family: 'Roboto Mono', monospace;
	font-size: 16px;
	color: #424242;
	top:-30;
	position:absolute;
}


#text2a{
	font-family: 'Roboto Mono', monospace;
	font-size: 16px;
	color: #424242;
	top:-30;
	z-index: 5;
	position:absolute;
}
#text2b{
	font-family: 'Roboto Mono', monospace;
	font-size: 16px;
	color: #424242;
	top:-30;
	z-index: 5;
	position:absolute;
}
#text2c{
	font-family: 'Roboto Mono', monospace;
	font-size: 16px;
	color: #424242;
	top:-30;
	z-index: 5;
	position:absolute;
}
#text2d{
	font-family: 'Roboto Mono', monospace;
	font-size: 16px;
	color: #424242;
	top:-30;
	z-index: 5;
	position:absolute;
}
#text2e{
	font-family: 'Roboto Mono', monospace;
	font-size: 16px;
	color: #424242;
	position:absolute;
	top:-30;
	z-index: 5;
}
#text2f{
	font-family: 'Roboto Mono', monospace;
	font-size: 16px;
	color: #424242;
	top:-30;
	z-index: 5;
	position:absolute;
}
#text2g{
	font-family: 'Roboto Mono', monospace;
	font-size: 16px;
	color: #424242;
	top:-30;
	z-index: 5;
	position:absolute;
}
#text2h{
	font-family: 'Roboto Mono', monospace;
	font-size: 16px;
	color: #424242;
	top:-30;
	z-index: 5;
	position:absolute;
}
#text2i{
	font-family: 'Roboto Mono', monospace;
	font-size: 16px;
	color: #424242;
	top:-30;
	z-index: 5;
	position:absolute;
}
#text2j{
	font-family: 'Roboto Mono', monospace;
	font-size: 16px;
	color: #424242;
	top:-30;
	z-index: 5;
	position:absolute;
}
#text2k{
	font-family: 'Roboto Mono', monospace;
	font-size: 16px;
	color: #424242;
	top:-30;
	z-index: 5;
	position:absolute;
}
#text2l{
	font-family: 'Roboto Mono', monospace;
	font-size: 16px;
	color: #424242;
	top:-30;
	z-index: 5;
	position:absolute;
}


#text3a{
	font-family: 'Roboto Mono', monospace;
	font-size: 16px;
	color: #00b5e9;
	top:-30;
	z-index: 5;
	position:absolute;
}
#text3b{
	font-family: 'Roboto Mono', monospace;
	font-size: 16px;
	color: #00b5e9;
	top:-30;
	z-index: 5;
	position:absolute;
}

.bbold
{
	font-family: 'Roboto Mono', monospace;
	font-weight: 700;
	top:0;
}
.norm
{
	font-family: 'Roboto Mono', monospace;
	font-weight: 400;
}

       
.btn{
	background-image: url("btn.png");
	position:absolute;
	left:41px;
	top:167px;
	width:218px;
	height:37px;
	z-index: 2;
	opacity:0;
}




.lineCont {
	width:280px;
	height:300px;
	position:absolute;
	overflow:hidden;
	left:10px;
	top:0px;
	opacity:1;
	z-index:5;
}

.movingLines {
	position:absolute;
}
.bottomLines {
	background-image:url('lines-double.png');
	position:absolute;
	width:560px;
	height:10px;
	left:0px;
	top:234px;
	opacity:1;
	z-index:5;
}
.topLines {
	background-image:url('lines-double.png');
	position:absolute;
	width:560px;
	height:10px;
	left:0px;
	top:4px;
	opacity:1;
	z-index:5;
}

.lineLeftRightCont{
	position:absolute;
	overflow:hidden;
	opacity:1;
	z-index:5;
	width:200px;
	height:159px;
	left:0px;
	top:45px;
}
.lineLeft {
	background-image:url('lineLeft.png');
	width:1px;
	height:159px;
	position:absolute;
	opacity:0;
	z-index:3;
}
.lineRight {
	background-image:url('lineRight.png');
	width:1px;
	height:49px;
	position:absolute;
	opacity:0;
	z-index:3;
}
.lineLeftFrame3 {
	background-image:url('lineRightFrame3.png');
	width:1px;
	height:90px;
	position:absolute;
	opacity:0;
	z-index:3;
}
.lineRightFrame3 {
	background-image:url('lineRight.png');
	width:1px;
	height:49px;
	position:absolute;
	opacity:0;
	z-index:3;
}


.logoLinesCentre {
	background-image:url('logoLinesCentre.png');
	width:265px;
	height:193px;
	position:absolute;
	left:16px;
	top:24px;
	opacity:0;
	z-index:3;
}
.logoLinesLeftCont {
	overflow:hidden;
	position:absolute;
	width:62px;
	height:117px;
	left:16px;
	top:50px;
}
.logoLinesLeft {
	background-image:url('logoLinesLeft.png');
	width:62px;
	height:117px;
	position:absolute;
	opacity:0;
	z-index:3;
}
.logoLinesRightCont {
	overflow:hidden;
	position:absolute;
	width:66px;
	height:114px;
	left:215px;
	top:78px;
}
.logoLinesRight {
	background-image:url('logoLinesRight.png');
	width:66px;
	height:114px;
	position:absolute;
	opacity:0;
	z-index:3;
}

.enfer-e {
	background-image:url('enfer-E.png');
	width:76px;
	height:21px;
	position:absolute;
	left:109px;
	top:112px;
	opacity:0;
	z-index:4;
}
.enfer-n {
	background-image:url('enfer-N.png');
	width:76px;
	height:21px;
	position:absolute;
	left:109px;
	top:112px;
	opacity:0;
	z-index:4;
}
.enfer-f {
	background-image:url('enfer-F.png');
	width:76px;
	height:21px;
	position:absolute;
	left:109px;
	top:112px;
	opacity:0;
	z-index:4;
}
.enfer-e2 {
	background-image:url('enfer-E2.png');
	width:76px;
	height:21px;
	position:absolute;
	left:109px;
	top:112px;
	opacity:0;
	z-index:4;
}
.enfer-r {
	background-image:url('enfer-R.png');
	width:76px;
	height:21px;
	position:absolute;
	left:109px;
	top:112px;
	opacity:0;
	z-index:4;
}




#mainBg {
	background-image:url('background.jpg');
	width:300px;
	height:250px;
	position:absolute;
	top:0px;
	left:0px;
	opacity:1;
	z-index:0;
}

#mainBgTop {
	background-image:url('background.jpg');
	width:300px;
	height:250px;
	position:absolute;
	top:0px;
	left:0px;
	opacity:1;
	z-index:9;
}



.innerNeutral {
  	position: absolute;
	left:76px;
	top:52px;
}

#clicktag{
	position:absolute;
	left:0;
	top:0;
	width:300px;
	height:250px;
	z-index:9;
	cursor:pointer;
}



/*
for safari
font-kerning: none;
-webkit-text-rendering: optimizeSpeed;
text-rendering: optimizeSpeed;
-webkit-transform: translateZ(0);
transform: translateZ(0);
*/



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