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

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

*{
	font-family: "segoe"
}

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*/

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

/*----------------------30 sucessos*/

.sucessos{
	width: 100%;
	height: auto;
	background: #207e2a;
	float: left;
}

.sucessos table{
	height: 300px;
}

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

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

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

.sucessos .texto .titulo{
	font-size: 35px;	
}

.sucessos .texto .corpoTxt{
	font-size: 16px;
	margin-top: 15px;	
}

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


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

/*----------------------Logos*/

.contLogos{
	width: 100%;
	float: left;
}

.contLogos .titulo{
	width: 100%;
	font-size: 30px;
	text-align: center;
	color: #FFFFFF;
	margin-top: 40px;
}

.contLogos img{
	width: 20%;
	float: left;	
}

@media screen and (max-width:859px){
	
	.contLogos img{
		width: 33%;
		float: left;	
	}
	
}

@media screen and (max-width:599px){
	
	.contLogos img{
		width: 50%;
		float: left;	
	}
	
}

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


/*>>>>>>>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;
}