@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
 
* {
	scrollbar-face-color: #283a46;
	scrollbar-highlight-color: #283a46;
	scrollbar-3dlight-color: #1b2830;
	scrollbar-darkshadow-color: #1b2830;
	scrollbar-shadow-color: #283a46;
	scrollbar-arrow-color: #283a46;
	scrollbar-track-color: #1b2830;
}
#cmdControleVisualizarTudo {
	vertical-align: middle;
	display: none;
}
::-webkit-scrollbar {
 width: 4px;
 height: 4px;
 background: #343434;
}
::-webkit-scrollbar-thumb {
 background: #A6A6A6;
}
/* FIM BARRA DE ROLAGEM NO INTERNET EXPLORER CHROME E SAFARI */
body {
	margin: 0px;
	color: #FFF;
	/*background: #1b2830;*/
	background-repeat: repeat-x;
	background-size: 400px;
}/*
#barraTopo {
	min-height: 53px;
	background: #283a46;
	vertical-align: middle;
	width: 100%;
	border-bottom: 1px solid #1b2830;
}*/
#botao_menu {
	float: left;
	display: inline-block;
	height: 54px;
	width: 50px;
	border-bottom: 1px solid #1b2830;
	border-right: 1px solid #1b2830;
	vertical-align: middle;
	background-image: url(imagens/menu.png);
	background-position: center center;
	background-repeat: no-repeat;
}
#logo {
	display: none;
	background-image: url(imagens/logo-oficial.svg);
	background-position: 10px 7px;
	background-repeat: no-repeat;
	background-size: 180px;
	padding-top: 35px;
	font-size: 11px;
	width: 200px;
	vertical-align: middle;
	text-align: center;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 100;
	cursor:pointer;
}
#tituloPagina {
	display: inline-block;
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
	font-size: 18px;
}
#corpo {
	text-align: center;
}
.containerBID {
	position: relative;
	white-space: normal;
	display: inline-block;
	background-color: #283a46;
	padding-top: 40px;
	width: 200px;
	height: 310px;
	vertical-align: top;
	margin-left: 1px;
}
.inversaoSken {
/*-webkit-transform: skew(8deg);
	-moz-transform: skew(8deg);
	-o-transform: skew(8deg);*/
}
.containerBID:hover {
	background: #304553;
	transition-delay: 0.21s, 0.21s, 0.31s;
	transition-duration: 0.41s, 0.41s, 0.41s;
}
.containerFederacoes {
	position: relative;
	white-space: normal;
	display: inline-block;
	background-color: #283a46;
	padding-top: 100px;
	width: 200px;
	height: 250px;
	/*-webkit-transform: skew(-8deg);
	-moz-transform: skew(-8deg);
	-o-transform: skew(-8deg);*/
	vertical-align: top;
	margin-left: 1px;
	margin-top: 1px;
}
.containerFederacoes:hover {
	background: #304553;
	transition-delay: 0.21s, 0.21s, 0.31s;
	transition-duration: 0.41s, 0.41s, 0.41s;
}
.divQuadradoSimples {
	box-sizing: border-box;
	position: relative;
	white-space: normal;
	display: inline-block;
	background-color: #283a46;
	padding: 2px;
	vertical-align: top;
	margin-left: 1px;
	margin-top: 1px;
}
.containerLigasFiliadas {
	box-sizing: border-box;
	position: relative;
	white-space: normal;
	display: inline-block;
	background-color: #283a46;
	padding-top: 40px;
	width: 220px;
	height: 350px;
	/*-webkit-transform: skew(-8deg);
	-moz-transform: skew(-8deg);
	-o-transform: skew(-8deg);*/
	vertical-align: top;
	margin-left: 1px;
	margin-top: 1px;
}
.containerLigasFiliadas:hover {
	background: #304553;
	transition-delay: 0.21s, 0.21s, 0.31s;
	transition-duration: 0.41s, 0.41s, 0.41s;
}
.corCinzaClaro {
	color: #afb3b5
}
.corFundo {
	color: #1c2830
}
.botaomini {
	width: auto;
        background: #0063B1;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	text-align: center;
	color: #FFF;
	font-size: 13px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: 100;
	display: inline-block;
	border: 1.3px solid #FFF;
	font-family: 'Roboto Condensed', sans-serif;
	margin-top: 5px;
        margin-bottom: 5px;
}
.botaomini:hover {
	cursor: pointer;
	border-color: #63ba4d;
	background: #63ba4d;
}
.botaominiverde {
	width: auto;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	text-align: center;
	color: #FFF;
	font-size: 13px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 7px;
	padding-bottom: 7px;
	font-weight: 100;
	display: inline-block;
	border: 1.3px solid;
	font-family: 'Roboto Condensed', sans-serif;
	margin-top: 5px;
	border-color: #8ca53c;
	background: #8ca53c;
}
.botaominiverde:hover {
	cursor: pointer;
	border-color: #a2bf43;
	background: #a2bf43;
}
.botaominiverde2 {
	width: auto;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	text-align: center;
	color: #FFF;
	font-size: 13px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 7px;
	padding-bottom: 7px;
	font-weight: 100;
	display: inline-block;
	border: 1.3px solid;
	font-family: 'Roboto Condensed', sans-serif;
	margin-top: 5px;
	border-color: #8ca53c;
	background: #8ca53c;
}
.botaominiverde2:hover {
	cursor: pointer;
	background: #a2bf43;
}
h2 {
	font-family: 'Roboto', sans-serif;
	font-weight: lighter;
}
.divFederacaoCaixa {
	width: 150px;
	height: 70px;
	display: inline-block;
}
.divLigasFiliadasFoto {
	width: 110px;
	height: 110px;
	display: inline-block;
}
.girarTextos {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.btvoltar {
	margin-left: 10px;
}
.tabelaResult {
	display: flex;
}


.colunaA{
	width:35%; vertical-align:top
	}
.colunaB{
	width:35%; vertical-align:top
	}
.colunaM{
	width:29%; vertical-align:top
}

 @media screen and (min-width:  0px) and (max-width: 650px) {
 .tabelaResultadosConteudo {
 display:inline-block;
}
 .tabelaResult {
	 clear:both;
 display:  inline-block;
 
  flex-direction: column;
 display:inline-block;
}
.colunaB{
	width:35%; vertical-align:top;  margin-top:30px
	}
	
 .tabelaResultColunas {
	  clear:both;
	 display:inline-block;
 flex-direction: column;
  
}
.colunaA{
	width:100%; vertical-align:top
	}
.colunaB{
	width:100%; vertical-align:top
	}
.colunaM{
	width:100%; vertical-align:top
}

}
 @media screen and (min-width:  0px) and (max-width: 410 px) {
 .containerFederacoes {
 position: relative;
 white-space: normal;
 display: inline-block;
 background-color: #283a46;
 padding-top: 20px;
 width: 100%;
 height: 170px;
 vertical-align: top;
 margin-left: 1px;
 margin-top:1px;
}

 
}
.caixaSombra {
	-webkit-box-shadow: 0px 0px 90px 0px rgba(0, 0, 0, 0.83);
	-moz-box-shadow: 0px 0px 90px 0px rgba(0, 0, 0, 0.83);
	box-shadow: 0px 0px 90px 0px rgba(0, 0, 0, 0.83);
}
.dialogoTextoVerde {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	color: #60bb46;
	font-weight: 400;
}
.divLogo {
	text-align: center;
	padding: 10px;
	padding-top: 10px
}
.divLogo img {
	width: 200px;
}
#divFederacoes, #divLigasFiliadas {
	font-family: 'Raleway', sans-serif;
	margin-top: 20px;
	margin-bottom: 20px;
	overflow: auto;
	color: #FFF;
	overflow: auto;
	height: 400px;
}
.dialogoTextoRotulo {
	color: #9aa5ac;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
}
.divPFechar {
	text-align: right;
}
.modeloPreto {
	text-align: center !important;
	padding: 0px !important;
	background: #354b58 !important;
}
.divBarraBotoes {
	text-align: center;
	padding-top: 20px
}
.divPFechar img {
	width: 20px;
	padding: 20px;
	cursor: pointer
}
.textpreto {
	box-sizing: border-box;
	line-height: 1.4;
	padding-bottom: 8px;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 8px;
	white-space: nowrap;
	word-wrap: break-word;
	color: #FFF;
	background: #354b58;
	width: auto;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align: center;
	font-size: 14px;
	height: 31px;
	font-weight: 100;
	display: inline-block;
	border: 1.3px solid #FFF;
		font-family: 'Roboto', sans-serif;
}
.textpreto::placeholder {
 color: #CCC;
 opacity: 1; /* Firefox */
}
 .textpreto:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #CCC;
}
 .textpreto::-ms-input-placeholder { /* Microsoft Edge */
 color: #CCC;
}
.combopreta {
	box-sizing: border-box;
	line-height: 1.4;
	padding-bottom: 8px;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 8px;
	white-space: nowrap;
	word-wrap: break-word;
	color: #FFF;
	background: #354b58;
	width: auto;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	text-align: center;
	font-size: 14px;
	height: 31px;
	font-weight: 100;
	display: inline-block;
	border: 1.3px solid #FFF;
	font-family: 'Raleway', sans-serif;
}
.botao:hover {
	cursor: pointer;
	border-color: #689110;
	background: #689110;
}
.botao {
	width: auto;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	text-align: center;
	color: #FFF;
	font-size: 13px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 9px;
	padding-bottom: 9px;
	font-weight: 100;
	display: inline-block;
	border: 1.3px solid #FFF;
	font-family: 'Roboto Condensed', sans-serif;
}
.botao:hover {
	cursor: pointer;
	border-color: #63ba4d;
	background: #63ba4d;
}
.sigla {
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
        font-size:12px;
}
.textoComum {
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
	font-size: 12px;
}
.divFederacoesFilhos {
	text-align: center;
	width: 45%;
	display: inline-block;
	vertical-align: top;
}
#FotoFed, #FotoLiga, #FotoLigaCategoria, #FotoLigaCampeonatos, #FotoCamp, #FotoProxJogos, .proxJogosEscudo, #FotoResultados, #FotoArtilharia, #FotoMelhorDefesa, #FotoClube, #FotoClassificacao, #FotoClubeFiliado, #FotoBDI {
	width: 50px;
	height: 70px;
	display: inline-block;
	vertical-align: middle;
}
.divLigasFiliadasFilhos {
	vertical-align: top;
	display: inline-block;
	width: 100%;
	max-width: 280px;
	min-height: 150px;
	border: 1px solid #4d5d67;
	margin: 5px;
	text-align: left;
	padding-left: 65px;
}
.divLigasFiliadasFilhos:hover {
	background: #59666d;
	border: 1px solid #fff;
}
.divCategoriaFilho {
	vertical-align: top;
	display: inline-block;
	width: 100%;
	max-width: 280px;
	min-height: 30px;
	border: 1px solid #4d5d67;
	margin: 5px;
	text-align: left;
	padding: 20px;
}
.divCategoriaFilho:hover {
	background: #59666d;
	border: 1px solid #fff;
}
.divLigaFiliada {
	display: inline-block;
	padding: 20px;
}
.nomeliga {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	color: #60bb46;
	font-weight: 300;
	margin-bottom: 10px;
}
#divLigaCategorias, #divLigaCampeonatos, #divConteudoClubesFiliados, #divBID {
	overflow: auto;
	width: 100%;
	height: 340px;
}
#divConteudoCampeonato, #divProxJogos, #divResultados, #divArtilharia, #divMelhorDefesa, #divClubesAtletas, #divClassificacaoTabelas {
	overflow: auto;
	width: 100%;
	height: 390px;
}
.divConteudoTitulo {
	padding-top: 40px;
	text-align: center;
	font-family: 'Poiret One', cursive;
	font-size: 34px;
}
.divCampeonatos, .divCampeonatos:hover {
	background: url("imagens/trofeu.svg") -40px center / 120px no-repeat rgb(77, 93, 103);
}
.ladoAlado {
	vertical-align: middle;
	display: inline-block;
}
.divClubesFiliados, .divClubesFiliados:hover {
	background: url("imagens/escudo.svg") rgb(77, 93, 103);
	background-size: 470px;
	background-position: -210px center;
	background-repeat: no-repeat;
}
.divClubesBID, .divClubesBID:hover {
	background: url("imagens/camisa.svg") -40px center / 130px no-repeat rgb(77, 93, 103);
}
.divClubesCategorias {
	background: url("imagens/football.svg") rgb(77, 93, 103);
	background-size: 470px;
	background-position: -210px center;
	background-repeat: no-repeat;
}
.divClubesCategorias:hover {
	background: url("imagens/football.svg") rgb(77, 93, 103);
	background-size: 470px;
	background-position: -210px center;
	background-repeat: no-repeat;
}
.rotuloTotais {
	text-align: center;
	display: inline-block;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 100;
	margin: 10px;
	margin-bottom: 3px;
}
.rotulonumero {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 13px;
	color: #a0ce3a;
	font-weight: lighter;
}
.campeonatos_titulo {
	font-family: 'Poiret One', cursive;
	font-size: 24px;
	font-weight: lighter;
}
.divCampFilhos {
	vertical-align: top;
	display: inline-block;
	width: 100%;
	max-width: 230px;
	min-height: 40px;
	border: 1px solid #4d5d67;
	margin: 5px;
	text-align: center;
	padding: 20px;
}
.campeonatos_texto {
	padding-top: 20px;
}
.divCampFilhos:hover {
	background: #59666d;
	border: 1px solid #fff;
}
.divProximosJogos, .divProximosJogos:hover {
	background: url("imagens/campo03.svg") rgb(77, 93, 103);
	background-size: 70px;
	background-position: -25px center;
	background-repeat: no-repeat;
}
.divPlacar, .divPlacar:hover {
	background: url("imagens/placa.svg") rgb(77, 93, 103);
	background-size: 70px;
	background-position: -25px center;
	background-repeat: no-repeat;
}
.divClassificacao, .divClassificacao:hover {
	background: url("imagens/class.svg") rgb(77, 93, 103);
	background-size: 70px;
	background-position: -15px center;
	background-repeat: no-repeat;
}
.divArtilharia, .divArtilharia:hover {
	background: url("imagens/artilheiro.svg") rgb(77, 93, 103);
	background-size: 70px;
	background-position: -8px center;
	background-repeat: no-repeat;
}
.divMelhorDefesa, .divMelhorDefesa:hover {
	background: url("imagens/defesa01.svg") rgb(77, 93, 103);
	background-size: 70px;
	background-position: -30px center;
	background-repeat: no-repeat;
}
.divTJD, .divTJD:hover {
	background: url("imagens/juizes.svg") rgb(77, 93, 103);
	background-size: 70px;
	background-position: -23px center;
	background-repeat: no-repeat;
}
.divClubes, .divClubes:hover {
	background: url("imagens/clubes.svg") rgb(77, 93, 103);
	background-size: 70px;
	background-position: -10px center;
	background-repeat: no-repeat;
}
.divRegulamentos, .divRegulamentos:hover {
	background: url("imagens/book.svg") rgb(77, 93, 103);
	background-size: 70px;
	background-position: -20px center;
	background-repeat: no-repeat;
}
.tabelaproximosjogos {
	box-sizing: border-box;
	padding: 10px;
	border-top: 1px solid #4d5d67;
}
.tabelaCartoes {
	vertical-align: top;
	border: 1px solid #4c5f6b;
	font-family: 'Quicksand', sans-serif;
	font-size: 10px;
	font-weight: lighter;
}
.tabelaCartoes th {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 7px;
	padding-bottom: 7px;
	background: #59666d;
	color: #354b58;
}
.tabelaCartoes td {
	overflow: hidden;
	white-space: nowrap;
	padding : 5px;
}
.foto_mini {
	vertical-align: middle;
	height: 43px;
	width: 43px;
	background: url(imagens/ball.svg);
	background-repeat: no-repeat;
	background-position: center center;
	display: inline-block;
	vertical-align: top;
	margin-top: 3px;
	margin-left: 3px;
	margin-right: 3px;
	box-shadow: 1px 1px 1px #333;
	display: inline-block;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}
.foto_mini:hover {
	opacity: 0.75;
	-moz-opacity: 0.75;
	filter: alpha(opacity=75);
	cursor: pointer;
}
.foto_normal {
	vertical-align: middle;
	height: 60px;
	width: 60px;
	background: url(imagens/ball.svg);
	background-repeat: no-repeat;
	background-position: center center;
	display: inline-block;
	vertical-align: top;
	margin-top: 3px;
	margin-left: 3px;
	margin-right: 3px;
	box-shadow: 1px 1px 1px #333;
	display: inline-block;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}
.foto_normal:hover {
	opacity: 0.75;
	-moz-opacity: 0.75;
	filter: alpha(opacity=75);
	cursor: pointer;
}
.divBIDAtleta {
	font-family: 'Poiret One', cursive;
}
.tabelaArtilharia {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 100;
	font-size: 13px;
}
.tabelaArtilharia th {
	background: #222e36;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 15px;
}
.BannerLigasFiliadas {
	width: 220px;
}
 @media screen and (min-width: 0px) and (max-width: 410px) {
.containerFederacoes {
	position: relative;
	white-space: normal;
	display: inline-block;
	background-color: #283a46;
	padding-top: 20px;
	width: 100%;
	height: 170px;
	vertical-align: top;
	margin-left: 1px;
	margin-top: 1px;
}
.containerLigasFiliadas, .BannerLigasFiliadas {
	width: 100%;
	margin-top: 1px;
}
}