@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;700&display=swap');
@font-face {
  font-family: technology;
  src: url(fonts/Technology.ttf);
}
@font-face {
    font-family: 'Digital Display';
    src: url('fonts/Digital-Display.woff2') format('woff2'),
        url('fonts/Digital-Display.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: impact;
    src: url('fonts/impact.ttf') format('ttf'),
        url('fonts/impact.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
	/*
	background: url(images/campo_vazio_light.png), url(images/torcida2.png);
    background-repeat: no-repeat, repeat;
    background-position-x: center, center;
    background-position-x: center, center;
    background-size: 0;
    background-position-y: 0;
	overflow:hidden;*/
	background-image: url(images/grama.jpg);
    background-size: 300px !important;
	
}
.lightblue	{ background-color: lightblue; }
.vermelho	{ background-color: red; }
.azul		{ background-color: blue; }
.verde 		{ background-color: green; }
.amarelo	{ background-color: yellow; }
.branco		{ background-color: white; }
.preto		{ background-color: black; }
.laranja	{ background-color: orange; }
.cinza		{ background-color: gray; }
.rosa		{ background-color: pink; }
.bordo 		{ background-color: #7A0A34; }

.bold { font-weight: bold }
.flex_container { display: flex; }


.parent.flex_container { 
	position: relative;
	margin-top: 5px;
} 
#main {
	width: 100%; 
	padding: 0;
	position:relative;
	font-family: "roboto", "calibri", "arial", sans-serif;
	font-size: 16px;
	color: black;
}
input { 
	font-size: 16px; 
	margin: 0;
	padding: 0; 
	border: 0;
}
input:focus {
	background: #ddd;
	border: none;
	outline: none;
	border-radius: 0;
	font-size: 20px;
	padding: 0;
	margin: 0;
}
select:focus { 
	border: none; 
	outline: none;
	border-radius: 0;
}
#nav_tabs {
	position:	relative;
	min-height: 62px;
	margin:		10px 0;
	background-color: #3b6b1b;
	width: 		100%;
}
#nav_tabs > div {
	text-align:  center;
    min-width:	 140px;
    line-height: 60px;
    font-size:	 24px;
    color:		 white;
    opacity:	 0.8;
	font-weight: bold;
	border-radius: 10px;
	margin-left: 10px;
} 
#nav_tabs > div:hover {
	background-color: green;
	opacity: 1;
	cursor: default;
}
#nav_tabs > div.selected {
	opacity: 1;
	background-color: #ffc000;
	color: black;
}
#nav_tabs #nome_estadio img {
	float: right;
    height: 76px;
    margin-top: -7px;
    margin-left: 10px;
}
#nav_tabs #nome_estadio {
	position: absolute; 
	right: 15px; 
	background: none;
	opacity: 1;
}

#tabs_content #lista { width: 80%; }

#tabs_content > div {
	position: 	relative;
	min-width:	120px;
	min-height: 120px;
	display:	none;	
	width:		97%; 
}
div#campo { 
	display: block; 
	width: 100vw;
}
#tabs_content > div:nth-child(4) {	display: block; }
#abertura, #contato {	
	background-image: url(images/grama.jpg);
    background-size: 300px;
    background-color: #00ff37;
    filter: brightness(1.25);
}
#streaming {	
	background-image: url(images/grama.jpg);
    background-size: 300px;
    background-color: #00ff37;
}
div#login {
	display: 		  block;
}
#login h1 {
	color: white;
    text-shadow: 2px 2px 2px BLACK;
    margin: 10px 20px;
}
#login table {
	background-color: white;
	padding: 10px;
	width: fit-content;
	border-radius: 10px;
    border: 5px solid black;
    margin: 10px auto;
}
#login table input, #login table label {
	font-size: 25px;
	margin: 10px 0;
}
#admin { padding: 20px; }
#admin #submit { margin-top: 10px 0px; }

#abertura > div, #franquias .contato {
	width: fit-content;
	padding: 10px;
	margin: 35px;
	border: 1px solid gray;
	border-radius: 10px;
	background-color: #FFC000;
	font-size: 20px;
	font-weight: bold;
	box-shadow: 2px 2px 10px  black;
	filter: brightness(0.8);
}
#abertura .logo { 	padding: 50px;}
#abertura img { 	width: 200px; }
#abertura > div.pedido {
	position: absolute;
	top:	  200px;
	left:	  350px;
}
#abertura .leia_abaixo {
	position: relative;
    left: 382px;
    top: -20px;
	font-weight: normal;
}
#abertura #estabelecimentos {
	float: right;
	width: 700px;
}

#estabelecimentos table img {
	width: 30px; 
	margin-bottom: -8px;
}
#abertura tr:first-child td {
	border-bottom: 1px solid black;
}
#abertura tr:not(:first-child):hover {
	background-color: #3b6b1b;
	color: white;
}
#abertura #balao {
    position: absolute;
    color: white;
    left: 470px;
    background-color: #3b6b1b;
    background-size: 650px;
    text-shadow: rgb(0 0 0) -1px -1px 0px, rgb(0 0 0) 1px -1px 0px, rgb(0 0 0) -1px 1px 0px, rgb(0 0 0) 1px 1px 0px;
}
#abertura #balao::after {
	_content: url(images/placa_fundo.png);
    position: absolute;
    transform: skew(-15deg);
    left: -34px;
    top: -2px;
}
#abertura #fornecedores {
    width: 92.5%;
    color: white;
    text-shadow: 4px 3px 1px black;
	background-color: #3b6b1b;
}
	
#fornecedores img {     
	border-radius: 10px;
    margin-top: 5px;
    box-shadow: 2px 2px 5px black; 
	width: 125px;
}
#lance {
	position: absolute;
	top: 23px;
	left: -180px;
	width: fit-content;
	font-family: 'arial black', 'arial bold';
	font-size: 30px;	
	
}
#lance div span {
	padding: 10px;
	outline: 4px solid black;
}
#numeroLance { 	
	background-color: black;
    color: deepskyblue;
}
#numeroLance::before, #valorLance::before {
    content: '88';
    position: absolute;
    left: 5px;
    top: 5px;
    opacity: 0.25;
}
#valorLance { 
    background-color: black;
    color: greenyellow;
}
#lance button {
	font-size: 24px;
	margin: 20px -4px;
}
#campo #gerarLance {
    width: 150px;
    background-position-y: 9px;
    background-position-x: -3px;
    background-size: 191px;
    line-height: 20px;
}
#valor_porcentagem_camiseta {
    position: absolute;
    color: white;
    width: fit-content;
    padding: 5px 10px;
    left: 0;
    bottom: 16px;
    text-align: end;
    font-size: 20px;
}
/* animação de gol */
#gol, #defesa, #sorteio_lance, #final_de_jogo, #bola_sorteio, #ficha_cadastral {
	display: none; 
	position: fixed; 
	z-index: 3; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
	overflow: hidden;
	opacity: 1;
}
#final_de_jogo .nome_jogador {
    font-size: 20px;
}
#final_de_jogo > div {
    color: white;
    font-size: 60px;
    position: fixed;
    left: 50%;
    top: 25%;
    transform: translate(-50%) scale(1.2);
	text-align: center;
}
#final_de_jogo #final_bola_de_ouro > img { 
	width: 80px;
    margin: 10px;
    margin-bottom: -11px;
	box-shadow: 0px 0px 10px 7px lightblue;
    border-radius: 66px;
}

#final_bola_de_ouro > span {
	color: white;
    font-family: 'impact';
    text-shadow: rgb(0 0 0) 3px 3px 0px;
}
#final_bola_de_ouro .jogador {
	position: relative !important;
    width: 61% !important;
    left: 50% !important;
    top: 5px !important;
    transform: translateX(-50%);
}
#final_bola_de_ouro .jogador .gols_jogador {
	font-size: 18px; 
	text-align: center;
}
#scout {
	font-size: 20px;
}
#scout table {
	margin: auto;
	background: rgb(0, 32, 32, 0.7);
} 

#scout td, #scout th {
	border: 1px solid white;
	padding: 5px;
} 
#scout td:first-child { 
	text-align: left;
}
#sorteio_lance span {
	font-size: 60px;
	display: inline-block;
	width: 40px;
	color: white;
	outline: 2px solid red;
}
#gol > div:not(#tsparticles), #defesa > div,#sorteio_lance > div {
    width: fit-content;
    position: absolute;
    top: 35%;
    left: 50%;
	transform: translate(-50%, -50%) scale(1.5);	
	border-radius: 10px;
	min-width: 190px;
}
#gol .gol_banner {
	top: auto !important;
    bottom: 50px;
    border: 1px solid black;
    background: #ffc000;
    width: 20% !important;
    height: 20%;
    padding: 10px;
    text-align: center;
	filter: opacity(0.80);
}
#gol .gol_banner img { width: 100%; height: 100% };

#defesa > div { transform: translate(-50%, 125%) scale(1.2);}
#autor_defesa { transform: translate(-50%, -100%) scale(1.5) !important;  } 
#gol span, #defesa span {
	 -webkit-text-stroke-width: 2px;
	 -webkit-text-stroke-color: #000;
	 font-size: 100px;
	 text-shadow: 0 0px #f3c623, 0 0px #f2aaaa;
	 transform: translate(0, 100%) rotate(4deg);
	 animation: gol 1.5s ease-in-out infinite ;
	 display: inline-block;
	 font-family: "Arial Black", sans-serif;
	 color: #fff;
}
#defesa span { transform: translate(0, 100%) rotate(0deg); animation: defesa 4s ease-in-out infinite;}
#gol span:nth-child(1) { animation-delay: 120ms; }
#gol span:nth-child(2) { animation-delay: 240ms; }
#gol span:nth-child(3) { animation-delay: 360ms; }
#gol span:nth-child(4) { animation-delay: 480ms; }
#gol span:nth-child(5) { animation-delay: 600ms; }
#gol span:nth-child(6) { animation-delay: 720ms; }
#gol span:nth-child(7) { animation-delay: 840ms; }

#defesa span:nth-child(1), #defesa span:last-child { transform: scale(-1,1); }

@keyframes gol {
	 33% { text-shadow: 0 60px #f37121, 0 150px #f2aaaa; }
	 50% {
		 transform: translate(0, 0) rotate(-4deg);
		 text-shadow: 0 0px #8fc0a9, 0 0px #84a9ac;
	}
	 66.67% { text-shadow: 0 -60px #d54062, 0 -150px #8fc0a9; }
}
@keyframes defesa {
	 33% { text-shadow: 0 60px #0C8EDE, 0 150px #0D5555; }
	 50% {
		 transform: translate(0, 0) rotate(0deg);
		 text-shadow: 0 0px #8fc0a9, 0 0px #84a9ac;
	}
	 66.67% { text-shadow: 0 -60px #2ABF9D, 0 -150px #8fc0a9; }
}

#placar {
	padding: 8px 0 5px;
    background: #003895;
	background: linear-gradient(0deg, rgba(0,93,248,1) 0%, rgba(0,89,237,1) 8%, rgba(0,60,160,1) 16%, rgba(0,60,160,1) 44%, rgba(0,91,243,1) 91%, rgba(255,255,255,1) 94%, rgba(238,244,255,1) 96%, rgba(150,189,254,1) 98%, rgba(255,255,255,1) 100%);
    display: block;
	outline: 1px solid #000f28;
}
div#placar > div {
    width: fit-content;
    margin: auto;
}
#placar_footer {
	position: relative;
	display: flex;
}
div#placar_footer button { padding: 4px; }
div#placar_footer select { padding: 2px; }

#placar_footer .autoplay { display: none; }

#placar_footer button img {
	width: 28px;
	height: 25px;
	width: auto;
	margin: 0;
}
#placar_footer #lance_container { margin-top: -5px; /* shameful */}

.float_right { float: right; }

button.botaoBrasaoModal {
	position: absolute;
	top: -23px;
}
.amostra_brasao { margin-right: 15px !important; }

.brasoes, .chapeu, .amostra_brasao {
	margin:		0;
	margin-bottom: 12px;
    padding:	0;
    width:		100px;
    height:		67px;
    overflow:	hidden;
    display: 	inline-block;
    vertical-align: bottom;
}
.mandante_visitante {
	outline:	1px solid white;
    text-align: center;
    width:		80px;
    margin:		auto;
    border-radius: 5px;
    font-size:	12px;
    line-height: 18px;
	color:		white;
}
#placar .cartola_jogador {
	width: 50px;
	margin: 10px;
	position: absolute;
	right: 0;
}
.chapeu { display: none } /* desativando temporariamente os chapeus */

#placar .nome_jogador.cartola, #placar .nome_jogador.cartola input {
    position: relative;
	width: 21vw;
    height: 100%;
    display: inline-block;
    padding-left: 0;
    padding-bottom: 10px;
    text-transform: uppercase;
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    line-height: 10px;
    color: white;
    background: transparent;
    text-shadow: rgb(0 0 0) -1px -1px 0px, rgb(0 0 0) 1px -1px 0px, rgb(0 0 0) -1px 1px 0px, rgb(0 0 0) 1px 1px 0px;
}

#placar .nome_jogador.cartola input  {
    margin: 0;
    color: white;
    background: transparent;
    _font-size: 18px;
    border-radius: 0;
    font-weight: bold;
}
#placar .nome_jogador.cartola input::placeholder { color: white; }
#score, #score.cartola{ 
	display: 		inline-block; 	
	overflow: 		hidden;
	font-size: 		30px;
	font-weight: 	bold;
	line-height: 	60px;
	vertical-align: bottom;
	white-space: 	nowrap;
	position: relative;
}
#score { padding: 0; position: relative; color: white;}

#score > span {
	display:		inline-block;
	font-size:		80px;
	font-family:	'Digital Display';
	font-weight:	300;
	border:			1px solid #888;
	border-radius:	10px;
	text-align:		center;
	user-select:	none;
	text-indent:	10%;
	background: 	black;
    color:			white;
	position:		relative;
	padding:		5px 10px;
}
#score > span::before {
    content: 	'8';
    position: 	 absolute;
    left: 		 10px;
    opacity:	 0.25;
    font-size:	 80px;
    font-weight: normal;
    z-index:	 2;
}
#score input:focus{
	background: white;
	user-select: none;
}

#brasao1.brasoes, .amostra_brasao { background: url(images/moldura_brasao1.png) repeat center / contain, linear-gradient(270deg, blue 35%,white 35%, white 65%, black 65%);}
#brasao2.brasoes { 					background: url(images/moldura_brasao1.png) repeat center / contain, linear-gradient(270deg, red 35%, white 35%, white 65%, red 65%);}

.time1 .chapeu { background: url(images/cartola.png) no-repeat center / contain, linear-gradient(blue 60%, white 60%, white 75%, black 75%); }
.time2 .chapeu { background: url(images/cartola.png) no-repeat center / contain, linear-gradient(red  60%, white 60%, white 75%, red   75%); }
#modalFundo {
	display: none; 
	position: fixed; 
	z-index: 3; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.1); /* Black w/ opacity */
}
#modalFundo .modalConteudo {
	position: relative;
	top: 110px;
	z-index: 10;	
	background-color: #fefefe;
	margin: auto;
	padding: 10px;
	border: 1px solid #888;
	width: fit-content;
	max-width: 98%;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.6),0 6px 20px 0 rgba(0,0,0,0.6);
	animation-name: animatetop;
	animation-duration: 0.6s;
	border: 4px solid black;
	border-radius: 10px;
	overflow: hidden;
}
#modalFundo .modalConteudo > span {
	display: block;
    text-align: right;
    font-family: 'arial black';
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 10px;
    color: gray;
	cursor: default;
	border-bottom: 1px solid gray;
}
#modalFundo .modalConteudo span span { /* botao de fechar modal */
	display: inline-block;
    padding: 2px;
    border: 1px solid black;
	margin-bottom: 2px;
}
#modalFundo .modalConteudo span span:hover { background-color: #ccc}
/* adicionar animação */
@keyframes animatetop {
  from {top: -110px; opacity: 0 }
  to {	top:  110px; opacity: 1 }
}

/* cores brasão */
table.tabela_cores { 
	border-collapse: collapse; 
	line-height: 0;
	border: 1px solid black;
}
button.cor2 {
    border-top: 1px solid !important;
    border-bottom: 1px solid !important;
}
#modalFundo .tabela_cores button {
	height: 25px;
	width: 25px;
	border: none;
}
#modalFundo .nome_cor {
	width: auto;
	outline: 1px solid black;
	display: none;
}
#modalFundo > div {display: none}

#modalBrasao {
	top: 7px !important;
}
#botoes_campo {
	margin: 6px;
    position: absolute;
	z-index: 3;
}
#salvar_carregar {
	position: absolute;
    right: 0;
    padding: 5px;
	z-index: 3;
}
#salvar_carregar input {
	outline: 3px solid green;
    border: 4px inset orange;
    padding: 5px;
    font-size: 20px;
    line-height: 32px;
    width: 100px;
    border-radius: 10px;
    box-shadow: 5px 5px 5px #000;
}
#iniciar_campeonato { display: none; } 

#contato .toggleFullScreen, #abertura .toggleFullScreen, #botoes_campo button, #abertura #mostrar_enquadramento_legal, #gerarLance, .nome_time_ok, .trocar_brasao, .trocar_angulo, #salvar_carregar button, #modal_ficha_cadastral input[type=submit], #btn_fac, #click-photo, #btn_usar_foto, #btn_nova_partida, #login table button[type=submit], .jogador .gerar_camisetas, #autoplay, button.autoplay, select.autoplay, #btn_rodada_campeonato, #sortear_times, #iniciar_campeonato, #novo_campeonato, #imprimir, .botao {
    border-radius: 6px;
	height: fit-content;
    border: 1px solid #FEE378;
    outline: 1px solid #fff;
    background-image: url(images/button_bg2.png);
    background-size: 130px;
    background-position-y: 12px;
    background-repeat: no-repeat;
    background-color: #FDD33F !important;
    margin-right: 18px;
    font-family: IMPACT;
    color: #363636;
    text-shadow: 2px 2px 1px #e3dbc5;
    font-size: 24px;
	height: 37px;
	font-weight: 300;
    letter-spacing: 1px;
    box-shadow: 0 0 0 3px #ed9301, 0 0 0 5px #efefef;
}
#tempo { 
	border-radius: 6px 0 0 6px;
    margin-right: 0;
}
#dado {
	border-radius: 0 6px 6px 0;
    margin-left: 0;
}
#novo_campeonato { display: none }
#campeao_foodbol { display: none }

#dataurl-container #canvas {
	background: antiquewhite;
    background-image: url(images/camera_bg.png);
    background-position: center;
    background-repeat: no-repeat;
	border-radius: 15px;
}
#ficha_vencedor input[type=submit], #modal_ficha_cadastral input[type=submit], #login table button[type=submit] {
	height: 45px;
    width: auto;
    line-height: normal;
    margin-left: 2px;
}
#btn_fac {
	position: absolute;
	left: 125px;
	top: 390px;
	background-size: 233px;
}
#btn_contato {
	position: relative;
    left: 50%;
    transform: translateX(-50%);
	background-size: 207px;
	margin: 20px 0;
}
.trocar_angulo, .trocar_brasao { 
	background-size: 171px;
	margin: 20px 18px 0 0;	
}
#modalBrasao div.jogador {
	height: 70px;
    padding: 3px;
    border-radius: 5px;
    cursor: default;
    user-select: none;
	margin-right: 10px;
	outline: 1px solid black;
}

#modal_tutorial, #modalFundo #modal_enquadramento_legal { width: 80% }

#main #modal_campeonato { 
    width: 		97%;
    max-width:  99%;
    top: 		17vh;
}
#modal_campeonato .botoes_campeonato { padding: 10px; }

#modal_campeonato .flex_container div { 
    text-align: center;
    display: flex;
    flex-direction: column;
    min-height: 95px;
    padding: 0;
    margin: auto;
	position: relative;
}
#modal_campeonato .flex_container div > div {
    margin: 5px 1px 25px;
    flex-grow: 0;
    height: fit-content;
    position: relative;
    top: 30%;
}
#modal_campeonato .final div, #modal_campeonato .final span { width: 50% !important; }

#btn_rodada_campeonato { display: none; }

#modal_campeonato .flex_container > div h2 { width: 100%; }

#modal_campeonato .flex_container > div:nth-child(3) { 	flex-direction: row; }

#modal_campeonato img {     
	height: 12vh;
    margin: auto; 
	display: block;
} 
#modal_campeonato .flex_container .time_campeonato { 
    width:			9vw;
    margin:			5px 1px 25px;
    height:			12vh;
    padding:		0;
    outline:		none;
    position:		relative;
	background-size: cover !important;
}
#modal_campeonato .flex_container .time_campeonato img { display: none; }

#modal_campeonato h1, #modal_campeonato h2 { 
	text-align: center; 
	margin: 5px; 
	flex-grow: 1;
	width: 100%;
}
#modal_campeonato span {
	display: block;
    text-align: center;
    font-family: 'arial black';
    font-size: 18px;
    line-height: 18px;
    color: #515151;
    cursor: default;
}
#modal_campeonato .time_campeonato:after, 
#modal_campeonato .quartas_de_final > div:after, 
#modal_campeonato .semifinais > div:after, 
#modal_campeonato .final > div:after {
	content: attr(data-content);
    position: absolute;
    width: 200px;
    left: 50%;
    text-align: center;
    bottom: -20px;
    transform: translateX(-50%);
}
#modal_campeonato #campeao {
	position: absolute;
	top: 0;
	width: 100%
	margin: 10px !important;
}
.quartas_de_final, .semifinais, .final {
    flex-direction: row !important;
    outline: 1px solid green;
    border-radius: 5px;
    margin: 2px !important;
}
.quartas_de_final, .semifinais, .final > div {margin:auto}
#campo #valor_camiseta, #campo #porcentagem_bola { 
	width: 45px; 
	background: lightgreen; 
	text-align: right;
}
#porcentagem_bola::after {
	content: '%';
	position: absolute;
}
#campo #modalBrasao .bandeiras {
	float: left;
}
#campo #modalBrasao table {	
	border-spacing: 5px 10px;
}
#modalBrasao table img { 
	width: 110px;
	display: block;
}
#nome_time_container {
	display: inline-block;
	width: 250px;
}
.bandeiras { margin-top: 20px; }
#nome_time_container input, 
#modal_ficha_cadastral input, 
#modal_ficha_cadastral select, 
#modal_ficha_cadastral textarea,
#ficha_vencedor input, 
#ficha_vencedor select, 
#ficha_vencedor textarea,
#login table input {
    background: lightcyan;
    outline: 1px solid lightblue;
    display: inline-block;
    width: 160px;
    border-radius: 5px;
    line-height: 40px;
    padding: 5px;
    font-size: 20px;
    margin-right: 10px;
	border: 0;
}
#ficha_vencedor input, #modal_ficha_cadastral input { 
	width: 98%;
    padding: 0px 10px;
    margin-bottom: 5px; 
}
#modal_ficha_cadastral input[type=checkbox], #ficha_vencedor input[type=checkbox],
#modal_ficha_cadastral input[type=radio], #ficha_vencedor input[type=radio] {
    width: auto;
    outline: 0;
	margin-right: 5px;
}
label[for=radio_cpf] { margin-right: 20px; }
#modal_ficha_cadastral select,#ficha_vencedor select { width: auto; }
#modal_ficha_cadastral textarea, #ficha_vencedor textarea { width: 100%; }
#tr_estabelecimento { display: none }
/* gerador de jogadas */

#numeroLance, #valorLance {
    outline: 1px solid black;
    font-size: 60px;
    padding: 5px;
    width: auto;
    display: inline-block;
    font-family: 'Digital Display';
	position: relative;
	line-height: 37px;
}
div#numeroLance:after {
    content: "/30";
}
#lance_container span {     
	font-size: 2vw;
    font-family: roboto;
    color: white;
}
/*

#numeroLance::after, #valorLance::after { 
	content: 'TEMPO';
    position: absolute;
    left: -110px;
    font-size: 30px;
    font-family: roboto;
    color: white;
    top: 7px;
}
#valorLance::after { 
	content: 'LANCE'; 
	left: 132px; 
}*/
#banners_esquerda { left: 0; display: none !important; }
#banners_direita  { right: 0; display: none !important; }
#campo .banners_laterais {
	width: 200px;
    height: 700px;
	display: flex;
	flex-direction: column;
	box-shadow: 5px 5px 9px black;
	border-radius: 15px;
    border: 1px solid #333;	
    overflow: hidden;
	filter: saturate(0.6);
	position: absolute;
}
#campo .banners_laterais > div {
	outline: 1px solid green;
	position: relative;
	_margin: 5px;
    text-align: center;
    line-height: 75px;
    font-size: 30px;
    height: 33.33%;
}
#campo .banners_laterais > div span {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	line-height: normal;
	color: rgb(255, 255, 255, 1);
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    font-size: 20px;
    transform: translate(-50%, -50%);
    line-height: 22px;
    text-shadow: rgb(0 0 0) -1px -1px 0px, rgb(0 0 0) 1px -1px 0px, rgb(0 0 0) -1px 1px 0px, rgb(0 0 0) 1px 1px 0px;
}
/****campo de jogo****/
.escalacao {
	width:		416px;
    min-height: 700px;
    overflow:	hidden;
	padding: 	0 5px; 
`}
.escalacao.time1 { background-color: #548235; color: white; }
.escalacao.time2 { background-color: #92D050; }
.escalacao.time1 > div { margin: 1px 0; }.escalacao .jogador_dados input {text-transform: capitalize;}

.escalacao h2 {
	margin: 	3px auto;
	text-align: center;
}
.banco {
	height:  85px;
	display: block;
	margin:  5px;
}
#campo .jogador {
	position: absolute;
    color: white;
    border: 1px solid white;
    padding: 2px;
    width: 15%;
    height: 56px; 
    border-radius: 5px;
    cursor: default;
    z-index: 1;
    box-shadow: 2px 2px 3px rgba(0,0,0,0.7);
    _outline: none;
    user-select: none;
}
#campo #bola_de_ouro {
    _width: 250px;
    display: block;
    text-transform: capitalize;
    margin: auto;
    margin-top: 10px;
    border-radius: 5px;
    line-height: 30px;
	padding-left: 5px;
	
}
#campo #bola_de_ouro:disabled {
	background: white;
}
#campo .jogador .fechar {
	background: white;
    color: red;
    display: block;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    text-align: center;
    border-radius: 5px;
    font-family: "arial black", sans-serif;
    outline: 1px solid red;
}
#campo #bola_de_ouro_container {
    margin: 10px 4px;
    width: 200px;
    overflow: hidden;
    position: absolute;
    left: 5px;
	display: none;	
}
#campo #bola_de_ouro_container span {
    display: inline-block;
    color: white;
    min-width: 50px;
    margin-top: 2px;
}

#campo .jogador.selecionado { animation: glow 1s ease-in-out infinite alternate; }

.posse_de_bola {
	position: absolute;    
	right: 5px;
    bottom: 5px;
    font-size: 30px;
	animation: rotate 2s infinite linear; 
	display: none;
	width: 30px;
	display: none;
}

.aberto_passe {     
	outline: 5px dashed green !important;
    box-shadow: 0 0 0 7px #ffffff, 12px 12px 10px rgb(0 0 0 / 70%) !important; 
}
.aberto_chute {     
	outline: 5px dashed red !important;
    box-shadow: 0 0 0 7px #ffffff, 12px 12px 10px rgb(0 0 0 / 70%) !important;
}

@-webkit-keyframes rotate {
  from {
    -webkit-transform: translateX(-50%) rotate(0deg);
  }
  to {
    -webkit-transform: translateX(-50%) rotate(359deg);
  }
}
@keyframes glow {
  from {    box-shadow: 0 0 5px 10px pink ;  }  
  to {    box-shadow: 0px 0px 5px 10px lightblue;  }
}
.jogador img.avatar_jogador, #autor_do_gol .jogador img.avatar_jogador, #autor_defesa .jogador img.avatar_jogador, .comentarista .avatar_jogador {
    width: 40px;
    float: left;
    margin-right: 2px;
    border-radius: 5px;
}
.jogador.time2 img.avatar_jogador {
	float: right;
    margin-right: 0;
    margin-left: 5px;
}

#campo #bola_em_campo {
	position: absolute;
	z-index: 2;
	width: 30px;
	animation: rotate 1s infinite linear; 
	display: none;
	left: 50%;
    top: 41%;
	border-radius: 16px;
    box-shadow: rgb(255 255 255) -2px -2px 2px, 
				rgb(255 255 255) 2px -2px 2px, 
				rgb(255 255 255) -2px 2px 2px, 
				rgb(255 255 255) 2px 2px 2px;
}
.jogador.time1{ 
	background-color: white; 
	background: 	  linear-gradient(blue 35%, white 35%, white 70%, black 70%); 
	border-color:	  white;
	_z-index: 		  3 !important;
	overflow: 		  hidden;
}/*red; }*/
.jogador.time2 { 
	background-color: white; 
	background: 	  linear-gradient(red 35%, white 35%, white 70%, red 70%); 
	border-color:	  black;
	_z-index: 		  99 !important;
}/*#263254; }*/

.jogador .nome_jogador {
    white-space: nowrap;
    overflow: hidden;
    line-height: 23px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
}
.name_jogador_input {
	border-radius: 3px;
    width: 125px;
    text-align: center;
	font-weight: bold;
	width: 100%;
	font-size: 20px;
	height: auto;
}

.jogador .gerar_camisetas {
	padding: 1px 4px;
    font-size: 17px;
    text-transform: uppercase;
    margin-top: 0px;
    position: absolute;
    right: -10px;
}
.jogador.time2 .gerar_camisetas {
    right: auto;
    left: 4px;
}
.jogador .numero_jogador {
    font-weight: bold;
    text-align: center;
    line-height: 18px;
    font-size: 18px;
	height: 20px;
}
.jogador:not(.ignore).time1 .numero_jogador::after {
	content: '►';
    font-size: 11px;
    position: absolute;
    right: -2px;
    top: 9px;
    filter: opacity(0.5);
}

.jogador:not(.ignore).time2 .numero_jogador::before {
	content: '◄';
    font-size: 11px;
    position: absolute;
    left: 2px;
    top: 9px;
    filter: opacity(0.5);
}

.jogador .numero_jogador img {
	width:  20px;
	height: 20px;
	margin: 0;
}
.campo_container .goleira_topo, .goleira_fundo {
	height: 50px;
	position: absolute;
}
.goleira_topo {	 bottom: 0; }
.goleira_fundo { top:	 0; }

.jogador .gols_jogador { 
	letter-spacing: 2px;
    text-shadow: white 0px 0px 11px;
    text-align: center;
    float: left;
    margin-left: 5px;
	font-size: 12px;
}
.campo_container { 
	display: grid;
    width: 100%;
    grid-template-columns: 16.66% 16.66% 16.66% 16.66% 16.66% 16.66%;
    grid-template-rows: 65px 65px 65px 65px 65px;
    gap: 0px 0px;
    grid-auto-flow: row;
    grid-template-areas:
        "Area-Livre-1 L-1 P-1 P-3 L-3 Area-Livre-3"
        "Area-Livre-1 D-1 A-1 A-4 D-4 Area-Livre-3"
        "Goleira-1 D-2 A-2 A-5 D-5 Goleira-2"
        "Area-Livre-2 D-3 A-3 A-6 D-6 Area-Livre-4"
        "Area-Livre-2 L-2 P-2 P-4 L-4 Area-Livre-4";
    color: black;
    margin: 0 auto;
    background-image: url(images/logo.png), url(images/grama.jpg);
    background-size: 10%, 300px;
    background-position-x: center, center;
    background-position-y: 50%, 52%;
    background-blend-mode: darken, normal;
    background-repeat: no-repeat, repeat;
}
.campo_container div {
	text-align:  center;
	position:	 relative;
	line-height: 100%;
	user-select: none;	
}
/*
#campo #mostrar_var, #campo #gerarLance, #campo #numeroLance, #campo #valorLance { display: none }
*/
.campo_container div span, .campo_container div input, .campo_container div input::placeholder  { /* centraliza o texto no campo */
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	color: rgb(255, 255, 255, 1);
	font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
	font-size: 20px;
	transform: translate(-50%, -50%);
	line-height: 22px;    
	text-shadow: rgb(0 0 0) -1px -1px 0px, rgb(0 0 0) 1px -1px 0px, rgb(0 0 0) -1px 1px 0px, rgb(0 0 0) 1px 1px 0px;
	background-color: transparent;
	_width: 379px;
    text-align: center;
}
.banner.propaganda { border-radius: 10px; overflow: hidden; height: 58%}

.campo_container div.Area-Livre-1 div span, 
.campo_container div.Area-Livre-2 div span, 
.campo_container div.Area-Livre-3 div span, 
.campo_container div.Area-Livre-4 div span, 
.campo_container div.Goleira-1 span,
.campo_container div.Goleira-2 span { color: white;}
.campo_container .time1 { 	  background-color: rgb(84 130 53 / 70%); }
.campo_container .time2 { 	  background-color: rgb(146 208 80 / 70%); }
.campo_container .time1 img { transform: translate(-50%, -50%) rotate(90deg);  }
.campo_container .time2 img { transform: translate(-50%, -50%) rotate(270deg); }

.campo_container .area_jogo {
	color: rgb(255, 255, 255, 0.9);
    font-weight: bold;
	line-height: 100px;
	background-position-y: center;
}

.L-1, .D-1, .D-2, .D-3, .L-2 { border-left:  4px solid white; }
.L-3, .D-4, .D-5, .D-6, .L-4 { border-right: 4px solid white; }
.L-1, .P-1, .P-3, .L-3 { border-top:	4px solid white; }
.L-2, .P-2, .P-4, .L-4 { border-bottom: 4px solid white; }

 .Goleira-1, 
 .time1.goleira_topo, 
 .time1.goleira_fundo  { 
	border-left: 4px solid white; 		
	opacity: 1;
	background-image: linear-gradient(#C1E49E 0.8px, transparent 0.8px), linear-gradient(to right, #C1E49E 0.8px, #548235 0.8px);
	background-size:  16px 16px;
	width: 98%;
 }
 .Goleira-2,
 .time2.goleira_topo, 
 .time2.goleira_fundo  {  
	border-right: 4px solid white; 	
	opacity: 1;
	background-image:  linear-gradient(#C1E49E 0.8px, transparent 0.8px), linear-gradient(to right, #C1E49E 0.8px, #92D050 0.8px);
	background-size: 16px 16px;
	width: 98%;
 }
 .time1.goleira_topo {
	 border-top: 4px solid white; 
	 border-radius: 30px 0 0 0;
 }
  .time1.goleira_fundo {
	 border-bottom: 4px solid white; 
	 border-radius: 0 0 0 30px;
 }
  .time2.goleira_topo {
	 border-top: 4px solid white; 
	 border-radius: 0 30px 0  0;
 }
  .time2.goleira_fundo {
	 border-bottom: 4px solid white; 
	 border-radius: 0 0 30px 0;
 }
 
.Banner-1 { grid-area: Banner-1; }
.Banner-2 { grid-area: Banner-2; }
.Banner-3 { grid-area: Banner-3; }
.Banner-4 { grid-area: Banner-4; }

.Banner-3 h3 {
    margin: 5px 0;
    text-align: left;
}
.comentarista { 
	background: white;
    margin: 5px 0;
    border-radius: 10px;
    padding: 5px;
    overflow: auto;
    height: 50px;
}
.comentarista p { /*comentarista*/
    margin: 0px;
    text-align: left;
    font-size: 21px;
    line-height: normal;
}
.comentarista .avatar_jogador {	
	outline: 1px solid red;
    margin: 5px;
    /*height: 85px;*/
}

.Area-Livre-1 { grid-area: Area-Livre-1; }

.Area-Livre-1 > div.banner, .Area-Livre-3 > div.banner {  
    width: 100%;
	background-size: cover !important;
 }
 .Area-Livre-2 > div.banner, .Area-Livre-4 > div.banner { 
    width: 100%;
    top: 1px;
    position: relative;
	background-size: cover !important;
 }

.campo_container .banner.propaganda a img {
	width: 100%; 
	height: 100%; 
	position: relative; 
	top: 50%; 
	left: 50%; 
	transform: translate(-50%, -50%);'
}
.Area-Livre-2 { grid-area: Area-Livre-2; }
.Area-Livre-3 { grid-area: Area-Livre-3; }
.Area-Livre-4 { grid-area: Area-Livre-4; }
.Goleira-1 { grid-area: Goleira-1; border-right: none; }
.Goleira-2 { grid-area: Goleira-2; border-left: none; }
.L-1 { grid-area: L-1; }
.L-2 { grid-area: L-2; }
.L-3 { grid-area: L-3; }
.L-4 { grid-area: L-4; }
.D-1 { grid-area: D-1; border-top: 2px solid white; border-right: 2px solid white; }
.D-2 { grid-area: D-2; border-right: 2px solid white;}
.D-3 { grid-area: D-3; border-bottom: 2px solid white; border-right: 2px solid white; }
.D-4 { grid-area: D-4; border-top: 2px solid white; border-left: 2px solid white;}
.D-5 { grid-area: D-5; border-left: 2px solid white;}
.D-6 { grid-area: D-6; border-bottom: 2px solid white;border-left: 2px solid white;}
.P-1 { grid-area: P-1; border-right: 1px solid white;}
.P-2 { grid-area: P-2; border-right: 1px solid white;}
.P-3 { grid-area: P-3; border-left: 1px solid white;}
.P-4 { grid-area: P-4; border-left: 1px solid white;}
.A-1 { grid-area: A-1; border-right: 1px solid white;}
.A-2 { 
	grid-area: A-2; 
	/*background-image: url(images/circulo.png), url(images/circulo.png);
	background-repeat: no-repeat;
	background-position-x: 125%, -50px;
	background-position-y: center;*/

	border-right: 1px solid white;
}
.A-3 { grid-area: A-3; border-right: 1px solid white;}
.A-4 { grid-area: A-4; border-left: 1px solid white;}
.A-5 { 
	grid-area: A-5; 
	border-left: 1px solid white;
	/*background-image: url(images/circulo.png), url(images/circulo.png);
	background-repeat: no-repeat;
	background-position-x: 125%, -50px;
	background-position-y: center;*/

}
.A-6 { grid-area: A-6;  border-left: 1px solid white;}
/***** fim de campo de jogo *****/
#campo #teste_prob {    
	position: absolute;
    background: white;
    padding: 5px;
    left: -400px;
    bottom: -120px;
    outline: 2px solid black;
    border-radius: 10px;
    box-shadow: 5px 5px;
	width: 320px;
	height: 170px;
	display: none;
}
#campo #teste_prob > span { display: block; font-size: 26px; }
#campo #teste_prob h1 {     margin: 0; }
#contato { filter: brightness(1); }
#contato div.title, #streaming div.title {
	width: fit-content;
	padding: 10px;
	margin: auto;
	margin-top: 20px;
	border: 1px solid gray;
	border-radius: 10px;
	background-color: #FFC000;
	font-size: 25px;
	font-weight: bold;	
	box-shadow: 2px 2px 10px  black;
}
#contato div, #streaming div { 
	width: 640px; 
	margin: auto;
}
/*
#contato div:nth-child(3) {
	width: 640px;
	text-align: center;
}*/
#contato h2 {
	width: 640px;
    margin: 10px auto;
	text-align: left;
}
#streaming h2 { 
	margin: auto;
    width: fit-content;
}
#contato p, #streaming p {
	width: 640px;
    margin: 10px auto;
    padding: 10px;
	font-size: 19px;
	font-weight: normal;
}
#streaming p { 	width: auto;}
#streaming ul li li { font-weight: 300; }
#streaming ul ul { margin-bottom: 10px; }

#contato .proposta, #streaming .proposta { 
	width: fit-content;
	padding: 10px;
	margin: auto;
	margin-top: 20px;
	border: 1px solid gray;
	border-radius: 10px;
	background-color: #FFC000;
	font-size: 20px;
	font-weight: bold;
	box-shadow: 2px 2px 10px  black;
}
.proposta:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(images/logo.png) no-repeat center;
    background-size: 13%;
    border-radius: 10px;
    filter: opacity(0.2);
}
#streaming .proposta { 
	margin: 2vw;
}

#contato .laterais, #streaming .laterais {
	width: 390px;
	position: absolute;
	top: 60px;
}
#contato .laterais.esquerda, #streaming .laterais.esquerda { left: 0; }
#contato .laterais.direita, #streaming .laterais.direita { right: 70px; }
#contato .laterais p, #streaming .laterais p {     
	line-height: 50px;
    color: white;
    text-shadow: 1px 1px 1px black;
    font-family: impact;
    font-size: 22px; 
}
#contato .laterais p img, #streaming .laterais p img { 
	width: 50px;     
	margin: 0 10px;
    margin-bottom: -15px;
	box-shadow: 3px 2px 3px black;
    border-radius: 24px;
}
#franquias .fornecedores{
	background-color: #ffc000;
    padding: 		   10px;
    border-radius:	   10px;
	width: 			   500px;
    margin: 		   auto;
	box-shadow: 	   2px 2px 10px black;
	border: 		   1px solid gray;
}
#franquias .marca > div, #franquias .ponto > div {
	background:    yellow;
	padding: 	   10px;
	width: 		   350px;
	border-radius: 10px;
	box-shadow:    2px 2px 10px black;
	border: 	   1px solid gray;
}
#modalFundo #flip-card {
  width: fit-content;
  perspective: 1500px;
  border-radius: 5px;
  display: flex;
  gap: 8px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%) scale(0.75);	
  z-index: 99; 
}

.flip-card-inner {
	position: relative;
	width: 250px;
	height:230px ;
	text-align: center;

	transition: transform 2s;
	transition-property: transform;
	transition-duration: 2s;
	transition-timing-function: ease;
	transition-delay: 0.5s;
	transform-style: preserve-3d;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}
.flip-card-back:hover {	
  outline: 5px solid red;
}

.flip-card:hover .flip-card-inner {
  _transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-card-front {
  background-color: #FFC000;
  color: black;
}

.flip-card-back {
	_background-color: #2980b9;
	color: white;
	transform: rotateY(180deg);
	background-image: url(images/camiseta.png);
	background-size: contain;
	background-repeat: no-repeat;
	text-shadow: 5px 5px 4px black;
}
.flip-card-back  h1 {
	margin-top: 30px;
}
.flip-card-back p {
	font-family: 'arial black', sans-serif;
	transform: scale(1.5);
}
#mostrar_camiseta {
	display: none;
}
.pyro>.after,.pyro>.before{position:absolute;width:10px;height:10px;border-radius:50%;box-shadow:-120px -218.66667px #00f,248px -16.66667px #00ff84,190px 16.33333px #002bff,-113px -308.66667px #ff009d,-109px -287.66667px #ffb300,-50px -313.66667px #ff006e,226px -31.66667px #ff4000,180px -351.66667px #ff00d0,-12px -338.66667px #00f6ff,220px -388.66667px #9f0,-69px -27.66667px #ff0400,-111px -339.66667px #6200ff,155px -237.66667px #0df,-152px -380.66667px #00ffd0,-50px -37.66667px #0fd,-95px -175.66667px #a6ff00,-88px 10.33333px #0d00ff,112px -309.66667px #005eff,69px -415.66667px #ff00a6,168px -100.66667px #ff004c,-244px 24.33333px #f60,97px -325.66667px #f06,-211px -182.66667px #00ffa2,236px -126.66667px #b700ff,140px -196.66667px #9000ff,125px -175.66667px #0bf,118px -381.66667px #ff002f,144px -111.66667px #ffae00,36px -78.66667px #f600ff,-63px -196.66667px #c800ff,-218px -227.66667px #d4ff00,-134px -377.66667px #ea00ff,-36px -412.66667px #ff00d4,209px -106.66667px #00fff2,91px -278.66667px #000dff,-22px -191.66667px #9dff00,139px -392.66667px #a6ff00,56px -2.66667px #09f,-156px -276.66667px #ea00ff,-163px -233.66667px #00fffb,-238px -346.66667px #00ff73,62px -363.66667px #08f,244px -170.66667px #0062ff,224px -142.66667px #b300ff,141px -208.66667px #9000ff,211px -285.66667px #f60,181px -128.66667px #1e00ff,90px -123.66667px #c800ff,189px 70.33333px #00ffc8,-18px -383.66667px #0f3,100px -6.66667px #ff008c;animation:1s ease-out infinite backwards bang,1s ease-in infinite backwards gravity,5s linear infinite backwards position}.pyro>.after{animation-duration:1.25s,1.25s,6.25s}@keyframes bang{from{box-shadow:0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff}}@keyframes gravity{to{transform:translateY(200px);-moz-transform:translateY(200px);-webkit-transform:translateY(200px);-o-transform:translateY(200px);-ms-transform:translateY(200px);opacity:0}}@keyframes position{0%,19.9%{margin-top:10%;margin-left:40%}20%,39.9%{margin-top:40%;margin-left:30%}40%,59.9%{margin-top:20%;margin-left:70%}60%,79.9%{margin-top:30%;margin-left:20%}80%,99.9%{margin-top:30%;margin-left:80%}}

#gol .pyro{width:500px;}

#placar_topo .nome_cartola { display: none; }

.gray {filter: grayscale(1);}

#btn_aba_contato, #btn_aba_streaming { display: none; } 
iframe { display: none }
/*
iframe {   
	display: none;
	transform: rotate(-90deg);
    transform-origin: left top;
    width: 100vh;
    height: 100vw;
    overflow-x: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 9999;
}*/
@media screen and (max-width: 1279px) and (orientation: landscape) {
  #nav_tabs {    display: none;  }
  #btn_aba_contato, #btn_aba_streaming { _display: block; }
  #streaming .laterais {
	  position: relative;
	  top: 0;
	  left: 0;
  }
  .comentarista { display: none }
}
@media (pointer:coarse) and (orientation: portrait) {
	#main { display: none }
	iframe {
		display: block;
        transform: rotate(-90deg);
        transform-origin: left top;
        width: 100vh;
        height: 100vw;
        overflow-x: hidden;
        position: absolute;
        top: 100%;
        left: 0;
		z-index: 999;
	}
	button.toggleFullScreen { display: none }
	/* div#campo {
		display: block;
		width: 100vh;
	}
	.campo_container { grid-template-rows: auto; } */
	.comentarista { display: none }
}
@media screen and (min-width: 1919px) {
	.campo_container{ grid-template-rows: 120px 120px 120px 120px 120px; }

	#campo .jogador { height: 100px; }

	.jogador .nome_jogador { height: 37%; margin-bottom: 9px; line-height: 34px; }	
	
	.name_jogador_input, .jogador .nome_jogador {  font-size: 23px; }
	
	.jogador .numero_jogador { font-size: 20px; height: 29%}
	
	.jogador img.avatar_jogador { width: 60px; }
	
	.jogador .gerar_camisetas { bottom: 6px; }
	
	.banner.propaganda { height: 77%; }
}