@font-face{font-family:'flamabook';src:url('../fonts/Flama/flama-book-webfont.eot');src:url('../fonts/Flama/flama-book-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/Flama/flama-book-webfont.woff') format('woff'),url('../fonts/Flama/flama-book-webfont.ttf') format('truetype'),url('../fonts/Flama/flama-book-webfont.svg#@font-family') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'flamamedium';src:url('../fonts/Flama/flama-medium-webfont.eot');src:url('../fonts/Flama/flama-medium-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/Flama/flama-medium-webfont.woff') format('woff'),url('../fonts/Flama/flama-medium-webfont.ttf') format('truetype'),url('../fonts/Flama/flama-medium-webfont.svg#@font-family') format('svg');font-weight:normal;font-style:normal}

html, body, section, div { 
	margin:0; 
	padding:0; 
}

html { 
	height:100%; 
	width:100%; 
}
			
body { 
	font-family: 'flamabook';
	min-height:100%; 
	width:100%; 
	font-family:'flamabook'; 
	overflow-x: hidden; 
	margin:0; 
	padding: 0; 
	min-width: 970px  
}

#OAS_Position1 {
	overflow: hidden;
	width: 970px;
	max-width: 100%;
	margin: 0 auto;
	text-align: center;
}

#siteBar {
	margin-bottom: 20px;
}

#timeline {
}

#timeline-title {
	font-family:'flamamedium';
	text-transform: uppercase;
	font-size: 18px;
	margin-bottom: 45px;
	text-align: center;
}

.content { 
	background-color:rgba(255,255,255,.2); 
	color:#fff; 
	font-size:16px; 
	height:400px; 
	left:50%; 
	margin:-250px 0 0 -250px; 
	padding:50px; 
	position:absolute; 
	top:50%; 
	width:400px; 
	z-index:1; 
}

.starfield { 
	height:100%; 
	position:absolute; 
	width:100%; 
	min-width: 1000px;
	z-index:-1; 
	height:1500px; 
}

body {
	margin: 0;
	color: #fff;
	font-family:'flamabook'
}

#full {
	width: 970px;
	margin: 0 auto !important;
}

#img-hubble {
	opacity: 1;
	margin-top: 40px;
}

#img-info {
	position: absolute;
	margin-top: 500px;
	margin-left: 370px;
	z-index: 1;
}

#gif-hubble {
	position: absolute;
	margin-top: 50px;
	margin-left: 0px;
}


#img-info-2 {
	margin-top: 130px;
	margin-bottom: 30px;
}

#image-container {
	overflow: hidden;
	position: relative;
	height: 100%;
}

#t1 {
    position: absolute;
	margin-left: 350px;
	margin-top: 390px;
}

#t2 {
    position: absolute;
	margin-left: 350px;
	margin-top: 220px;
}

#t3 {
    position: absolute;
	margin-left: 290px;
	margin-top: 520px;
}

#t4 {
    position: absolute;
	margin-left: 560px;
	margin-top: 280px;
}

#t5 {
    position: absolute;
	margin-left: 140px;
	margin-top: 640px;
}

#t6 {
    position: absolute;
	margin-left: 640px;
	margin-top: 215px;
}

#t7 {
    position: absolute;
	margin-left: 700px;
	margin-top: 225px;
}

#t8 {
    position: absolute;
	margin-left: 710px;
	margin-top: 370px;
}

#t9 {
    position: absolute;
	margin-left: 780px;
	margin-top: 230px;
}

#t10 {
    position: absolute;
	margin-left: 870px;
	margin-top: 100px;
}

#t11 {
    position: absolute;
	margin-left: 900px;
	margin-top: 330px;
}

#t12 {
    position: absolute;
	margin-left: 410px;
	margin-top: 410px;
}

#header {
	border-bottom: 1px solid #a8a8a8;
	height: 80px;
}

#title {
	display: inline-block;
	text-transform: uppercase;
	font-family: 'flamamedium';
	font-size: 25px;
	padding-top: 28px;
}

#touch-content {
	margin-top: 20px;
	float: right;
	display: inline-block;
	text-position: top;
	vertical-align: top;
}

#touch-icon {
	float: left;
	margin-right: 10px;
}

#touch-info {
	padding-top: 4px;
	width: 300px;
	opacity: 0.7;
}

#box-infos {
	clear: left;
}

#hubbleBox {
	position: absolute;
	margin-top: 100px;
	z-index: 1;
}

#hubbleGif {
	position: absolute;
	margin-top: 15px;
	z-index: 1;
}

#linha-content {
	margin-top: 20px;
	width: 500px;
	display: inline-block;
}

#bottom {
	margin-top: 20px;
	height: 36px;
	background-color: #000;
}


@-webkit-keyframes pulsate {
    0% {-webkit-transform: scale(1.0, 1.0); opacity: 0.4;}
    50% {-webkit-transform: scale(1.4, 1.4); opacity: 1;}
    100% {-webkit-transform: scale(1.0, 1.0); opacity: 0.4;}
}