* {margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body
{
	background: #fff;
	font-size: 1em;
	color: #014e70;
	font-family: Helvetica, sans-serif;
	width: 100%;
	height: 100%;
}
article,aside,details,figcaption,figure,footer,header,nav,section,summary {display: block;}

.all {clear: both;}
br.ano, br.torneio, br.divide, span.nomePq {display: none;}
a {color: #0188c3;}
a:hover {color: #014e70;}
a.clubes {color: #0188c3;font-weight: bold;}
a.clubes:hover {color: #014e70;}

div.geral, div.topo, nav {width: 980px; margin: 0px auto;}

/* DIVS ESTRUTURAIS */

div#peloBanner
{
	display: none;
	width: 100%;
	margin: 0px auto;
	margin-top: 1.6em;
}
div.faixaHalf
{
	display: table;
	width: 100%;
	margin: 0px auto;
}
div.faixaInteira
{
	width: 100%;
	margin: 0px auto;
}
div.metade1
{
	width: 49%;
	padding-right: 1%;
	float: left;
}
div.metade2
{
	width: 49%;
	padding-left: 1%;
	float: left;
}
table.cc
{
	margin: 0px auto;
	border-collapse: collapse;
	border: 1px solid #017cb0;
	clear: both;
}
table.saidas
{
	border-collapse: collapse;
	border: 1px solid #017cb0;
	clear: both;
}
table.saidas td, table.cc td
{
	padding: 0.4em;
	border: 1px solid #017cb0;
}

/* BANNER BANNER BANNER */
aside
{ 
	display: table;
	width: 440px;
	float: right;
}
div#campo
{
	width: 100%;
	clear: both;
}

div#flutua
{
	width: 100%;
	text-align: center;
	clear: both;
}
.naipe
{
	cursor: pointer;
	padding-right: 0.7em;
	font-size: 1.5em;
	color: #ff3100;
	text-shadow:1px 1px 10px black;
}
.naipe2
{
	cursor: pointer;
	padding-right: 0.7em;
	font-size: 1.5em;
	color: #e5a400;
	text-shadow:3px 3px 10px #333;
}
img.banner
{
	width: 440px;
	height: 330px;
	border: 8px solid #e5a400;
}
img.cinzas
{
	display: block;
	width: 600px;height: 675px;
	margin: 0px auto;
}
img.ernesto
{
	display: block;
	width: 468px;height: 800px;
	margin: 0px auto;
}
div#legenda
{
	width: 100%;
	padding-bottom: 1em;
	clear: both;
}
p.legenda
{
	font-size: 1.05em;
	color:#016590;
	font-weight: bold;
	padding-top: 1em;
	text-align: center;
}

/* DECORAÇÃO */

hr.amarela {display: block;height: 1px;border: 0;border-top: 1px solid #ffbf1b;width: 100%;margin: 1.5em 0;}

/* IMG IMG IMG */

/* UL UL UL */

ol.cc
{
	list-style-position: outside;
	padding-left: 1em;
	margin-bottom: 0.5em;
}
ul.bolinha
{
	list-style-type: square;
	list-style-position: outside;
	padding-left: 1em;
	margin-bottom: 0.5em;
}
ul.bolinha li, ol.cc li
{
	line-height: 120%;
}

/* TXT TXT TXT */

h1.tituloNoticia
{
	font-size: 1.3em;
	font-family: verdana,trebuchet ms,times;
	padding-bottom: 1.2em;
	color: #b12200;
	font-weight: bolder;
	text-align: center;
}
h2.estados
{
	font-size: 1.2em;
	font-family: verdana,trebuchet ms,times;
	padding: 1.2em 0;
	color: #b12200;
	font-weight: bolder;
}
p {text-align: justify;margin-bottom: 0.5em;}
p.atas {line-height: 125%;}
p.justificado {text-align: justify;text-indent: 3em;margin-bottom: 0.5em;}
p.esquerda {text-align: left;margin-bottom: 0.5em;}
p.direita {text-align: right;margin-bottom: 0.5em;}
p.esq50
{
	width: 50%;
	float: left;
}
span.grifado {text-decoration: underline;}
span.negrito {font-weight: bold;}
span.vermelho {font-size: 150%;	color: #e52c00;}
span.vermelho:hover {font-size: 150%;	color: #333;}
p.vermelho {color: #e52c00;}
p.vermelho:hover {font-size: 125%; color: #333;}

/* RODAPÉ RODAPÉ RODAPÉ */
footer
{
	display: table;
	width: 100%;
	background-color: #ffbf1b;
	padding: 1em 0;
}
p.esq33
{
	width: 33%;
	color: #b12200;
	text-align: left;
	float: left;
}
p.esq33 a
{
	text-decoration: none;
	color: #b12200;
}
p.esq33 a:hover
{
	text-decoration: none;
	color: #014e70;
}

/* CABEÇALHO CABEÇALHO CABEÇALHO */

div.menu {background-color: #e52c00;border-top: 1px solid #ffbf1b;border-bottom: 1px solid #e52c00;}
nav.menuPC
{
	font-size: 0.95em;
	height: auto;
	line-height: 3.2em;
	color: #fff;
}
nav.menuPC a
{
	color: #a11200;
	text-decoration: none;
	background-color: #ffbf1b;
	padding: 4px 6px;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	margin: 0;
}
nav.menuPC a:hover
{
	color: #fff;
	background-color: #b12200;
}
a.contato {border-right: 1px solid #fff;}
div.topo
{
	display: table;
	width: 980px;
	height: 131px;
	margin-top: 14px;
	margin-bottom: 16px;
	clear: both;
}
div#logo, div#logoTxt {float: left;}
img#logoFPBri
{
	width: 122px;
    height: 131px;
    border: 0;
}
h1.tituloLogo
{
	font-size: 2.1em;
	font-family: arial, sans;
	line-height: 131px;
	color: #0189c3;
	padding-left: 0.8em;
	text-shadow: 1px 1px #444;
}

/* CABEÇALHO TABLET CABEÇALHO TABLET CABEÇALHO TABLET */

div.menuTablet {display: none; background-color: #e52c00;border-top: 1px solid #ffbf1b;border-bottom: 1px solid #e52c00;}

/* CABEÇALHO CEL CABEÇALHO CEL CABEÇALHO CEL */

div.menuCel {display: none; background-color: #e52c00;}
nav.menuCel
{
	font-size: 1.3em;
	heigth: auto;
	line-height: 2em;
	color: #fff;
	text-align: center;
}
nav.menuCel a
{
	color: #ffbf1b;
	text-decoration: none;
	padding: 4px 10px;
	margin: 0;
}
div.topoCel
{
	display: none;
	height: 106px;
	margin: 0px auto;
	margin-top: 11px;
	margin-bottom: 12px;
	clear: both;
}
img#logoFPBriCel {width: 122px;height: 131px;}
div#logoCel, div#logoTxtCel {float: left;}
div#logoTxtCel {padding-left: 1em;padding-top: 0.6em;}
h1.tituloLogoCel
{
	font-size: 1.8em;
	font-family: arial, sans;
	line-height: 43px;
	color: #0189c3;
	padding-left: 0.8em;
	text-shadow: 1px 1px #444;
}

/* PAGINAÇÃO */

div.pagination 
{
	font-size: 0.8em;
	clear: both;
}
div.pagination span
{
	padding: 0.1em 0.3em 0.1em 0.3em;
	margin: 0.25em;
}
.class_geral
{
	border:	1px solid #017cb0;
	color: #017cb0;
	cursor: pointer;
}
.class_geral:hover
{
	background:#dcdcdf;
}
.current
{
	border: 1px solid #017cb0;
	font-weight: bold;
	background-color: #017cb0;
	color: #fff;
}
.disabled 
{
	border: 1px solid #EEE;
	color: #dcdcdf;
}
table.paginacao
{
	margin: 0px auto;
	border: 0;
	text-align: center;
	clear: both;
}

/* RANKING */

.alinhaCentro, .estado
{
	text-align: center;
}
.alinhaDir, .soma
{
	text-align: right;
}
table.ranking
{
	margin: 0px auto;
	border-collapse: collapse;
	border: 1px solid #017cb0;
	clear: both;
}
table.ranking td
{
	padding: 0.4em;
	border: 1px solid #017cb0;
}
table.ranking tr:nth-child(even):not(.fundoAzul,.fundoRosa)
{
	background: #dcdcdf;
}
tr.fundoAzul
{
	background: #017cb0;
	color: #fff;
	font-weight: bold;
}
tr.fundoRosa
{
	background: #ffbf1b;
	color: #014e70;
	font-weight: bold;
}
tr.fundoAzul td, tr.fundoRosa td
{
	border-right: 1px solid #34afd3;
	text-align: center;
}
input.botaoRanking
{
	color: #b12200;
	background-color: #ffbf1b;
	padding: 0.3em 0.3em;
	border: 0;
}
input.botaoRankingMg
{
	color: #b12200;
	background-color: #ffbf1b;
	padding: 0.3em 0.3em;
	margin-top: 0.55em;
	border: 0;
}
input.botaoRanking:hover, input.botaoRankingMg:hover
{
	color: #ffbf1b;
	background-color: #b12200;
}
input, select, textarea
{
	border: 1px solid #ff471b;
	color: #014e70;
}
input.size2 {width: 2em;padding: 1px;}
input.size4 {width: 4em;padding: 1px;}
input.size25 {width: 25em;padding: 1px;}
input.size36 {width: 36em;margin: 0.5em 0;padding: 1px;}
input.size40 {width: 40em;padding: 1px;}
td.size6 {width: 6em;padding: 1px;}
textarea.size40-5 {width: 40em; height: 5em;padding: 1px;}
textarea.contato {width: 600px; height: 180px;}

@media screen and (max-width: 1024px) {
	div.geral, nav {width: 96%; margin: 0px auto;}
	div.topo {margin-left: 1em;}
}

@media screen and (max-width: 900px) {
	div.menu {display: none;}
	div.menuTablet {display: block;}
	div.topo {height: 118px;margin-left: 0.8em;margin-top: 12px;margin-bottom: 14px;}
	img#logoFPBri {width: 110px;height: 118px;}
	h1.tituloLogo {font-size: 1.8em;line-height: 118px;padding-left: 0.8em;}
	aside {width: 400px;}
	img.banner {width: 400px;height: 300px;}
	ol, ul {list-style-position: inside;}
	
}

@media screen and (max-width: 850px) {
	aside {width: 360px;}
	img.banner {width: 360px;height: 270px;}
	h1.tituloNoticia {font-size: 1.15em;}
	h2.estados {font-size: 1.1em;}
	p {font-size: 0.95em;}
	p.esq50 {width: 50%;float: left;font-size: 0.9em;line-height: 155%;}
	p.esq33 {font-size: 0.9em;line-height: 155%;}
	p.atas {font-size: 0.9em; line-height: 180%;}
}

@media screen and (max-width: 780px) {
	div.topo {height: 106px;margin-left: 0.8em;margin-top: 11px;margin-bottom: 12px;}
	div#muda {display: none;}
	div#peloBanner {display: block;}
	img#logoFPBri {width: 99px;height: 106px;}
	h1.tituloLogo {font-size: 1.5em;line-height: 106px;padding-left: 0.8em;}
	div.faixaHalf {display: table;width: 96%;height: auto;margin: 0px auto;text-align: center;clear: both;}
	aside {width: 96%;margin: 0px auto;float: none; margin-top: 1.6em;clear: both;}
	div.metade1, div.metade2 {width: 100%; padding: 0;float: none;clear: both;}
	br.divide {display: block;}
	div#campo {width: 100%;	height: 270px;}
	div#legenda {width: 100%;padding-bottom: 1.3em;clear: both;}
	p.legenda {font-size: 1em;}
	table.ranking, table.saidas {font-size: 0.8em;}
	table.ranking td {padding: 0.1em;}
	div.pagination span {padding: 0.1em 0.3em 0.1em 0.3em;margin: 0.25em 0.15em;}
}

@media screen and (max-width: 700px) {
	p.esq50 {width: 100%;float: none;font-size: 0.9em;}
	p.esq33 {width: 100%;float: none; text-align: center;text-transform: uppercase;}
	footer {padding: 1em 0 0 0;}
	.some700 {display: none;}
	.estado {display: none;}
	.soma {width: 19%;}
}

@media screen and (max-width: 640px) {
	div.topoCel {display: table;}
	div.topo {display: none;}
	div.menuCel {display: block;}
	div.menu {display: none;}
	div.menuTablet {display: none;}
	p.legenda {font-size: 0.95em;}
	img#logoFPBriCel {width: 112px;height: 120px;}
	h1.tituloLogoCel {font-size: 1.6em;line-height: 40px;padding-left: 0.5em;}
	textarea.contato {width: 90%; height: 80px;}
	img.cinzas {width: 94%;height: auto;}
}

@media screen and (max-width: 600px) {
	br.ano {display: block;}
	p.ranking {line-height: 160%;}
	input.size36 {width: 80%;}
	input.size40 {width: 98%;}
	textarea.size40-5 {width: 98%;}
	td.nomesist {display: none;}
}

@media screen and (max-width: 500px) {
	img.banner {border: 6px solid #e5a400;}
	p.legenda {font-size: 0.9em;}
	div.pagination span {padding: 0.1em 0.2em 0.1em 0.2em;margin: 0.15em 0.15em;}
	select.ranking {font-size: 0.7em;}
	span.nomeGr {display: none;}
	span.nomePq {display: inline;}
	img.ernesto {width: 94%;height: auto;}
}

@media screen and (max-width: 450px) {
	img.banner {width: 96%;height: auto;}
	div#campo {width: 100%;	height: auto;}
	img#logoFPBriCel {width: 99px;height: 106px;}
	h1.tituloLogoCel {font-size: 1.5em;line-height: 34px;padding-left: 0.2em;}
	.some450 {display: none;}
	br.torneio {display: block;}
	table.ranking, table.saidas, table.cc {font-size: 0.7em;}
	
}

@media screen and (max-width: 400px) {
	img.banner {border: 5px solid #e5a400;}
	p.legenda {font-size: 0.8em;}
}