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

@font-face {
	font-family: "bankgothicb";
	src: url(bankgothicb.ttf);
}

*{
	font-family: "bankgothicb"
}

body{
	margin: 0;
	padding: 0;
	background: #000000;
}

.corpo{
	width: 100%;
	max-width: 907px;
	height: auto;
	margin: auto;
}
	

/*----------------------header*/

.header{
	width: 100%;
	height: auto;
	padding: 7px 0;
	background: #177d00;
	text-align: center;
	border-top: 2px solid #656565;
}

.header img{
	margin: auto;
	display: inline-block; 
}

/*----------------------logo rare replay*/

.gow, .gow img{
	width: 100%;
	height: auto;
}

/*----------------------Geração*/

.geracao{
	width: 100%;
	height: auto;
	background: #000000;
	float: left;
}

.geracao table{
	height: 300px;
}

.geracao .tbImg{
	float: right;
	width: 40%;
}

.geracao .tbTxt{
	float: left;
	width: 50%;
}

.geracao .texto{
	margin-left: 20%;
	width: 80%;
	color: #FFFFFF;
}

.geracao .texto .titulo{
	font-size: 25px;	
}

.geracao .texto .corpoTxt{
	font-size: 14px;
	margin-top: 15px;	
}

@media screen and (max-width:859px){
	
	.geracao{
		padding: 30px 0;
		
	}
	
	.geracao table{
		height: auto;
	}


	.geracao .tbImg{
		float: right;
		width: 100%;
	}
	
	.geracao .tbImg img{
		width: 100%;
	}
	
	.geracao .tbTxt{
		float: left;
		width: 100%;
	}
	
	.geracao .texto{
		margin-left: 5%;
		width: 90%;
		color: #FFFFFF;
	}	
	
}

/*----------------------Texto*/

.contTextos, .contTexto .texto{

	width: 100%;
	height: auto;	
	
}

.contTextos{
	background: url(../img/fundoBody.jpg) center top no-repeat;
	color: #FFFFFF;	
	float: left;
	border-top: 1px solid #FF0000;
}

.txt .divTexto{
	width: 80%;
	margin: 0 10%;
}

.tipo1 table, .tipo2 table{
	height: 300px;
}

.tipo1 .txt{
	float: left;
	width: 49%;
}

.tipo1 .txt .titulo{
	font-size: 30px;
	margin-bottom: 30px;	
}

.tipo1 .txtImg{
	float: left;
	width: 49%;
}

.txtImg img{
	width: 100%;
}

.tipo2 .txt{
	float: left;
	width: 49%;
}

.tipo2 .txt .titulo{
	font-size: 30px;
	margin-bottom: 30px;		
}

.tipo2 .txtImg{
	float: right;
	width: 49%;
}

@media screen and (max-width:859px){
	
	.tipo1 .txt, 
	.tipo1 .txtImg, 
	.tipo2 .txt, 
	.tipo2 .txtImg{
		float: left;
		width: 90%;
		margin: 5%;
		height: auto;
	}
	
}


/*----------------------Divisor*/

.contDivisor{
	width: 100%;
	height: auto;
	padding: 5px;
	float: left;
}

.divisor{
	width: 40px;
	height: 0;
	border-bottom: 1px solid #FF0000;
	margin: auto;
}

/*----------------------Rodapé*/

.rodape{
	float: left;
}

/*>>>>>>>gold*/

.gold{
	background: url(../img/fundo.jpg);
	float: left;
	padding: 25px 0;
}

.gold .tbImg{
	float: right;	
	width: 40%;	
}

.gold .tbTxt{
	float: left;
	width: 58%;		
}

.gold .texto{
	margin-left: 5%;
	width: 94%;
	color: #FFFFFF;
}

.gold .texto .titulo{
	font-size: 35px;
	margin: 5px 0;
}

.gold .texto .corpoTxt{
	font-size: 17px;	
}

@media screen and (max-width:859px){
	
	.gold .tbImg{
		float: left;	
		width: 100%;
		margin: 15px 0;	
	}
	
	.gold .tbTxt{
		float: left;
		width: 100%;
		text-align: center;
		text-shadow: 0 0 8px #000000;		
	}

}

/*>>>>>>>XboxOne*/

.XboxOne{
	float: left;
}

.XboxOne .tbImg{
	float: left;	
	width: 58%;	
}

.XboxOne .tbTxt{
	float: left;
	width: 40%;		
}

.XboxOne .texto{
	margin-left: 5%;
	width: 94%;
	color: #FFFFFF;
}

.XboxOne .texto .titulo{
	font-size: 30px;
	margin: 5px 0;
}

.XboxOne .texto .corpoTxt{
	font-size: 16px;	
}

@media screen and (max-width:859px){
	
	.XboxOne .tbImg{
		float: left;	
		width: 100%;	
	}
	
	.XboxOne .tbTxt{
		float: left;
		width: 100%;
		text-align: center;
		text-shadow: 0 0 8px #000000;
		margin: 15px 0;		
	}

}

.logoMicrosoft{
	width: 100%;
	height: auto;
	padding: 7px 0;
	background: #177d00;
	text-align: right;
	float: left;
}

.logoMicrosoft img{
	margin: 0 20px;
}