/*=================RESET=================*/


#conteudo * {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	font-family:"questrial", Source Sans Pro, Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height:1.3; 
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	list-style-type: none;
	color: #FFF;


}
 

@font-face {
     font-family: questrial;
     src: url('fonts/QUESTRIAL-REGULAR (1).ttf');
}

/*=================BASE=================*/

#conteudo .opacidade {
	opacity: 0;
}
#conteudo {
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	padding:0px;
	position:relative;
	overflow:hidden;
	line-height: 25px;
	color: #000;
	box-sizing:border-box;
}
#conteudo p {
	margin-top: 10px;
	color: FFF;
	
	font-family: 'questrial', Source Sans Pro, Arial, Helvetica, sans-serif;
}
#conteudo strong {
	font-weight:bold;
}

#conteudo a {
	margin: 0px;
	padding: 0px;
}
#conteudo h1 {
	font-size: 25px;
	line-height:30px;
	color:#fff;

}
#conteudo h2 {
	font-size: 20px;
	line-height:25px;
	color:#000;
}

#conteudo .imagem {
	margin-left: auto;
    margin-right: auto;

}

#conteudo .clique {
	max-width:230px;
	min-height: 43px;
	margin-left: auto;
    margin-right: auto;

}

#conteudo .clique:hover {
	max-width:230px;
	min-height: 43px;
	margin-left: auto;
    margin-right: auto;

	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition: all 400ms ease-in;
	
	cursor: pointer;
	

}




#conteudo .redes {
	max-width:430px;
	min-height: 90px;
	margin-left: auto;
    margin-right: auto;


}

#conteudo .sociais {
	max-width:80px;
	min-height: 90px;
	float: left;
	margin-left: auto;
    margin-right: auto;
	cursor: default;

}



#conteudo .sociais:hover {
	max-width:80px;
	min-height: 90px;
	display:block;
	margin-left: auto;
    margin-right: auto;
	float: left;	
	cursor: pointer;	
	-webkit-transform: rotate(10deg); 
	   -moz-transform: rotate(10deg); 
	     -o-transform: rotate(10deg);
		transform: rotate(10deg);

}	

	
#conteudo .icon {
	max-width:450px;
	min-height: 110px;
	display:block;
	margin-left: auto;
    margin-right: auto;
	cursor: pointer;	
	

}



#conteudo .astronauta {
	min-width:226px;
	min-height:189px;
	background-image:url(img/astronauta.png);
	background-repeat:no-repeat;
	top:25px;
	left:0px;
	overflow:hidden;
	position:absolute;
	z-index:2;
 	animation-duration: 50s;
  	animation-name: pac_01;
 	animation-iteration-count: infinite;
}


@keyframes pac_01 {
    0%   {margin-top: 30px; margin-left:-1800px; margin-right:-50px}
    30%  {margin-top: 150px; margin-left:100px; margin-right:-40px}
    50%  {margin-top: 250px; margin-left:1100px; margin-right:-40px}	
    100% {margin-top: 10px; margin-left:3500px; margin-right:-10px}
}


#conteudo .novidade {
	max-width:776px;
	min-height: 311px;
    margin-left: auto;
    margin-right: auto;
	z-index:20;
 	animation-duration: 15s;
  	animation-name: boneco_01;
 	animation-iteration-count: infinite;
}


@keyframes boneco_01 {
    0%   {margin-top: 30px; margin-left:-20px; margin-right:-35px}
    50%  {margin-top: 40px; margin-left:30px; margin-right:20px}
    100% {margin-top: 30px; margin-left:-20px; margin-right:-35px}
}



#conteudo .flutuar {
	max-width:750px;
	min-height: 311px;
    margin-left: auto;
    margin-right: auto;
	z-index:5;
 	animation-duration: 8s;
  	animation-name: boneco_02;
 	animation-iteration-count: infinite;
}


@keyframes boneco_02 {
    0%   {margin-top: 60px; }
    50%  {margin-top: 50px; }
    100% {margin-top: 60px; }
}





#conteudo .nave {
	min-width:143px;
	min-height:70px;
	background-image:url(img/nave.png);
	background-repeat:no-repeat;
	overflow:hidden;
	position:absolute;
	z-index:2;
 	animation-duration: 10s;
  	animation-name: nave;
 	animation-iteration-count: infinite;
}


@keyframes nave {
    0%   {margin-top: 0px; margin-left:-1800px; }
    50%  {margin-top: 5px; margin-left:250px; }
    100% {margin-top: 0px; margin-left:3000px; }
}











/*=================ALINHAMENTO=================*/

#conteudo .ptop {
	margin-top:15px;
}

#conteudo .ptop1 {
	margin-top:8%;
}

#conteudo .ptop2 {
	margin-top:30px;
}
#conteudo .ptop3 {
	margin-top:45px;
}
#conteudo .ptop4 {
	margin-top:60px;
}
#conteudo .ptop5 {
	margin-top:75px;
}
#conteudo .ptop6 {
	margin-top:90px;
}
#conteudo .ptop7 {
	margin-top:105px;
}
#conteudo .ptop8 {
	margin-top:120px;
}
#conteudo .ptop9 {
	margin-top:135px;
}
#conteudo .ptop10 {
	margin-top:150px;
}