@charset "utf-8";

body {
	margin: 0px;
	background: silver;
}

	a {
		text-decoration:none;
		user-select: none;
	}
	
	#divBody {
		justify-content: center;
		display: flex;
	}
	
		#divBodyIn {
			box-shadow: 0px 0px 20px 10px #888888;
		}
		
			#divTopo {
				background: linear-gradient(#790000, #ff0000 75%, white);
				height: 150px;
				width: 1000px;
				display:flex;
			}
				
				#divTopoLogo {
					margin-top:  33px;
					margin-left: 30px;
				}
					
				#divTopoBot {
					display: flex;
					margin: 22px 0px 0px 35px;
				}
					
					.gxBot {
						background: white;
						border-radius: 20px;
						font-size: 20px;
						padding: 8px;
						font-family: Arial, verdana;
						font-weight: bold;
						width: 100px;
						text-align: center;
						height: 24px;
						margin: 15px;
						box-shadow: 0px 0px 12px 6px #860000;
						color: #840000;	
					}
						
					.gxBot {
						transition: background 0.8s;	
					}
								
					.gxBot:hover {
						cursor:pointer;
						background:#ff9d9d;
					}
					
				#divTopoCont {
					background: #ffffff;
					width: 350px;
					border-radius: 15px;
					height: 70px;
					margin: 29px 0px 0px 35px;
					box-shadow: 0px 0px 5px 5px #ffffff;
					font-family: arial, verdana;
				}
				
					#divTopoLog {
						width:100%;
					}
					
					.divTopoLogado div {
						font-size: 18px !important;
    					padding: 4px;
					}
					
						.divTopoLogado div a {
							text-decoration:none;
							color:red!important;
						}
					
					#divTopoCont div {
						margin: 2px 10px 0px 10px;
						display:inline-flex;
						font-size:12px;
					}
						
						#divTopoCont div a {
							text-decoration:none;
							color:black;
						}

						.gxInput {
							border: 1px #ff0000 solid;
							font-size: 14px;
							margin: 5px 0px 5px 0px;
							padding:5px;
						}
							
						.gxSubmit {
							border: 1px #ff0000 solid;
							font-size: 14px;
							margin: 5px;
							font-weight: bold;
							color: #ffffff;
							background: #ff0000;
							padding: 5px;
						}
						
			#divCont {
				width: 1000px;
				display: table;
				background:white;
			}
					
			#divRodape {
				background: linear-gradient(#ffffff, #8a8989 25%, #757474 80%);
				height: 100px;
				display: inline-flex;
				width: 1000px;
				justify-content: center;
			}
				
				#divRodape div {
					font-family: Arial, Verdana;
					color: white;
					line-height: 7px;
					padding: 36px;
				}
					
					#divRodape div a {
						text-decoration:none;
						color:white;	
					}
	
	
	#gxDestaque {
		margin: 40px 0px 20px 0px;
		background: url(/data/img/destaque/gf3.jpg);
		height: 250px;
	}
	
		#gxDestaque div {
			height: 100%;
			width: 100%;
			background: linear-gradient(transparent 60%,#00000087,black);
			line-height: 440px;
			color: white;
			font-size: 30px;
			font-family: Arial, Verdana;
			font-weight: bold;
		}
		
		#gxDestaque div span {
			padding-left: 30px;
		}
	
	
	
	/* Lista de jogos - INICIO */				
					
	.gxJogoLi {
		font-size: 15px;
		font-family: Arial, Verdana;
		float: left;
		width: 160px;
		text-align: center;
		padding: 13px 20px 13px 20px;
		height: 181px;
	}
	
	.gxJogoLiD {
		height: 151px;
	}
	
	.gxJogoLi:hover{
		background:#E6E6E6;	
	}
	
	.gxJogoLi a {
		text-decoration:none;
		color:#000;	
	}
	
	.gxJogoLi div {
		padding:3px;	
	}
	
	.gxJogoLi div:first-child {
		font-weight:bold;
	}
	
	/* Lista de jogos - FIM */
	
	
	/* Jogo - INICIO */
	
		.b {
		cursor:pointer;
		color:black;
	}
	
	.b:hover {
		color:red;	
	}
	
	#gxGame {
		justify-content: center;
		width: 100%;
		display: flex;
	}
	
		#gxGameOp {
			display: flex;
			justify-content: center;
			font-size: 16px;
			font-family: Arial, Verdana;
			margin-top:20px;
		}
		
			#gxGameOp div {
				padding:10px;	
			}
			
			#gxGameOp div span {
				vertical-align: 3px;
				padding-left: 5px;
				padding-right: 10px;
			}
	
		#gxGameIn {
			width: 932px;/*700px*/
    		height: 506px;/*380px*/
		}
		
		#telaFull {
			display:none;	
		}
		
		#gxMaisJogos {
			font-size: 20px;
			font-family: Arial, Verdana;
			background: #E6E6E6;
			margin: 30px 33px 5px;
			padding: 20px;
			font-weight: bold;
		}
		
	/* Jogo - FIM */
	
	#gxMenorA {
		padding: 0px 200px 0px 200px;
		justify-content: center;
    	display: flex;
	}
	
	#gxMenorB {
		padding: 0px 100px 0px 100px;
		justify-content: center;
    	display: flex;
	}
	
	#gxCaixa {
		background: #fffee1;
		padding: 15px;
		border: 1px solid #ff3c3c;	
	}
	
	#gxCaixaB {
		background: #fffee1;
		padding: 15px;
		border: 1px solid #ff3c3c;
		width: 300px;	
	}