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

html{
height:100%;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;     
line-height: 1;}

body {
font-family: "euro";
font-family: euro;
height:100%;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color:#000;
margin: 0;
padding: 0;}



@font-face {
    font-family: 'euro';
    src: url("fonts/euro.eot");
    src: url("fonts/euro.eot") format("embedded-opentype"), url("fonts/euro.woff2") format("woff2"), url("fonts/euro.woff") format("woff"), url("fonts/euro.ttf") format("truetype");}

@font-face {
    font-family: 'Eurostile LT Std Ext Two';
    src: url("fonts/EurostileLTStd-BoldEx2.eot");
    /* IE9 Compat Modes */
    src: url("fonts/EurostileLTStd-BoldEx2.eot?#iefix") format("embedded-opentype"), url("fonts/EurostileLTStd-BoldEx2.woff") format("woff"), url("fonts/EurostileLTStd-BoldEx2.ttf") format("truetype");
    /* Legacy iOS */}

strong, b {font-family: 'Eurostile LT Std Ext Two';}

	

P.whitecaptions {
width: 87%;
margin-top:-15px;
margin-bottom:100px;
margin-left: auto;
margin-right: auto;
text-align:right;
font-size:10.5px;
text-shadow: 0px 0px 5px #000;
opacity:1;
color:#666}	
		
#intro {
width: 100%;
height:100%;
position:fixed;
z-index:100;
margin:0;
background-color:#000;}



#textbg {
position:fixed;	
width: 100%;
height:100%;
z-index:99;
margin:0;
background-color:#000;
}

#introtext {
	position:relative;
width: 80%;
margin-top:17%;
margin-left: auto;
margin-right: auto;
text-align:center;
background-color:#000;
z-index:98;
line-height: 160%;
color:#FFF;
font-size:11px;}


#launchglow{
	font-size:20px;
	color:#666;
	background-color:#000;
	}
#launchglow:hover
{
	color:#fff;
   text-shadow: 0px 0px 15px #fff;
   -o-transition:1s;
  -ms-transition:1s;
  -moz-transition:1s;
  -webkit-transition:1s;
  transition:1s;
}

#logoIntro {
	opacity:1;	
	position:fixed;
	margin-left:auto;
	margin-right:auto;
	margin-top:20%;
	color: #FFF;
	background-color:#000;
	top:0;
	left:0px;
	right:0;
    width: 14%;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 40000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 40000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 40000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 40000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

#logoEnd {
	opacity:1;	
	position:fixed;
	margin-left:auto;
	margin-right:auto;
	margin-top:30%;
	color: #FFF;
	top:0;
	left:0px;
	right:0;
    width: 10%;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 40000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 40000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 40000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 40000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}



@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
	
@-webkit-keyframes fadein {
from {opacity:0;} 
to {opacity:1;}}

@-webkit-keyframes fadeout {
from {opacity:1;}
to {opacity:0;}}


a:link {color: #FFF;}
a:visited {color: #FFF;}
a:hover {color: #FFF;}
a:active {color: #FFF;}

#info{
	position:fixed;
	top:20px;
	right:20px;
	width:50px;
	height:50px;
	z-index:97;
	}

#contact_BG {
width: 100%;
height:100%;
z-index:1;
position:fixed;
margin:0;
opacity:1}

#contact {
width: 80%;
z-index:1;
margin-top:17%;
margin-left: auto;
margin-right: auto;
text-align:center;
line-height: 160%;
color:#FFF;
font-size:11px}



#xoaxle{
	opacity:1;
	z-index:13;
	position:absolute;

	}

#hoax{
	opacity:1;
	z-index:12;
	position:absolute;
}
		
		
#milenio 
	{	opacity:1;
	position:absolute;
	z-index:11}

#ilxx 
	{opacity:1;
	position:absolute;
	z-index:10}	

#unmanned 
	{opacity:1;
	position:absolute;
	z-index:9}

#semivivum
	{opacity:1;
	position:absolute;
	z-index:8}

#mutagen 
	{opacity:1;
	position:absolute;
	z-index:7}
					
#valdoxan 
	{opacity:1;
	position:absolute;
	z-index:6}

#concrete 
	{opacity:1;
	position:absolute;
	z-index:5}

#crustcore 
	{opacity:1;
	position:absolute;
	z-index:4}
	
#havaxik 
	{opacity:1;
	position:absolute;
	z-index:3}	

#silueta 
	{opacity:1;
	position:absolute;
	z-index:2}		
	
img.bg {
  overflow:scroll;
  width: 100%;
  height: auto;
  position: relative;
 
  top: 0;
  left: 0;
}

@media screen and (max-height: 800px) { /* Specific to this particular image */
  img.bg(erase) {
    top: 50%;
    margin-top: 400px;   /* 50% */
  }
}

@media screen and (max-width: 1200px) { /* Specific to this particular image */
  img.bg(erased) {
    left: 50%;
    margin-left: -600px;   /* 50% */
	top:50%;
  }
}

#label{
	font-family: "euro";
font-family: euro;
background-color:#000;
margin-left:12px;
color:#999;
font-size:12px;
	}