@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&subset=latin,latin-ext);



/****** STAT COUNT - PAGÍNA INICIAL ******/
.stat {
   margin:150px auto;
   text-align:center;
}
.highlight_stat {
   color:#000000;
   padding:20px 0;
   font-weight:bold;
   display:block;
   overflow:hidden;
   margin-bottom:0;
   font-size:48px;
}
.stat i {
	color:#f7c221;
}
.milestone-details {
   font-weight:bold;
   font-size:18px;
   color:#999;
}




/****** REDEFININDO ******/

body {
	background: url(fundo-textura.jpg) repeat scroll 0 0;
}
.f-dropdown {
    max-width: 225px;
	-webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.25);
	margin-top: 8px;
	width: 225px;
	z-index: 1111;
	background: rgb(255, 255, 255) !important;
}
.f-dropdown li{
	width: 100% !important;
}
.f-dropdown li a:hover{
	color: #555555;
}
button.secondary, .button.secondary {
    background-color: #FFFFFF;
    border-color: #D0D0D0;
    color: #007DC6;
    font-size: 14px;
	font-weight: normal;
}

.dropdown.button.small {
    padding: 7px 0 0 15px;
}

.dropdown.button:before {
    border-style: none;
}




/****** ELEMENTOS ******/

.bt-padrao {
	-webkit-border-radius: 10px !important;
    border-radius: 10px !important;
	border: none;
	margin: 0 10px 30px;
	font-family: 'Open Sans',sans-serif;
    font-size: 14px;
	background: #2885c7; /* Old browsers */
	background: -moz-linear-gradient(top, #2885c7 0%, #2885c7 50%, #007dc6 51%, #007dc6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2885c7), color-stop(50%,#2885c7), color-stop(51%,#007dc6), color-stop(100%,#007dc6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #2885c7 0%,#2885c7 50%,#007dc6 51%,#007dc6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #2885c7 0%,#2885c7 50%,#007dc6 51%,#007dc6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #2885c7 0%,#2885c7 50%,#007dc6 51%,#007dc6 100%); /* IE10+ */
	background: linear-gradient(to bottom, #2885c7 0%,#2885c7 50%,#007dc6 51%,#007dc6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2885c7', endColorstr='#007dc6',GradientType=0 ); /* IE6-9 */
}

.bt-editar {
	background: url("fundo-bt-editar.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	font-weight: normal;
    height: 36px;
    margin: 10px 0;
    padding: 8px 22px 18px 50px;
}

.bt-cancelar {
	background: url("fundo-bt-cancelar.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	font-weight: normal;
    height: 36px;
    margin: 10px 0;
    padding: 8px 22px 18px 50px;
}


/****** HEADER ******/



.meu-avatar {
    margin: 20px 10px 0;
}

.meu-avatar img {
    border: 1px solid #d1d3d4;
}

.msg-bemvindo {
	color: #FFFFFF;
    font-family: 'Open Sans',sans-serif;
    margin: 20px 0 9px;
}

.bt-login {
	background: url("bt-dropdown-login.png") no-repeat scroll 187px 4px #FFF;
	-webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.45);
	box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.45);
    color: #007DC6;
    height: 34px;
    text-align: left;
    width: 224px;
	font-family: 'Open Sans',sans-serif;
}

.bt-dropdown-editarperfil {
	background: url("ico-dropodown-editarperfil.png") no-repeat scroll 15px 9px rgba(0, 0, 0, 0);
    color: #007DC6;
    padding: 7px 0 7px 35px !important;
}

.bt-dropdown-sair {
	background: url("ico-dropodown-sair.png") no-repeat scroll 15px 9px rgba(0, 0, 0, 0);
    color: #ff3333;
    padding: 7px 0 7px 35px !important;
}

.bt-dropdown-sair a {
    color: #ff3333 !important;
    padding: 7px 0 7px 35px !important;
}

.bt-dropdown-sair a:hover {
    color: #ff3333 !important;
    padding: 7px 0 7px 35px !important;
}

.menu-horizontal {
	background: url(fundo-menu-horizontal.png) repeat-x;
	display: table;
	height: 45px;
    margin: 0 0 70px;
	width: 100%;
}


/***** BOX PESQUISAS *****/

#box-pesquisas {
	display: none;
}

.box-pesquisas-moldura {
	border: 0px solid #007dc6;
	-webkit-border-radius: 7px 7px 0 0;
    border-radius: 7px 7px 0 0;
	margin: 0 10px 20px;	
}

.box-pesquisas-header {
	background: #007dc6;
	border: 1px solid #FFFFFF;
	-webkit-border-radius: 7px;
    border-radius: 7px;
	color: #FFFFFF;
    font-family: 'Open Sans',sans-serif;
    margin: 0;
	padding: 5px 0 0 0;
}

.box-pesquisas-header .titulo {
	background: url("ico-roko-branco.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-size: 18px;
    font-weight: 700;
    padding: 0 0 0 25px;	
	margin: 10px; 
}

.box-pesquisas-conteudo {
	background: none repeat scroll 0 0 #0067a2;
	-webkit-border-radius: 0px 0px 7px 7px;
    border-radius: 0px 0px 7px 7px;
    color: #231f20;
    font-family: 'Open Sans',sans-serif;
    margin: 0;
	text-align: center;
	font-size: 12px;
}

.inner-por-nome {
	text-align: center;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	padding: 10px 0;
	font-size: 14px;
}

.inner-por-divisao {
	text-align: center;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	padding: 10px 0;
	font-size: 14px;
}

.inner-por-chamada {
	text-align: center;
	border-top: 1px solid #FFF;
	padding: 10px 0;
	font-size: 14px;
}

.inner-cont-por-nome {
	text-align: center;
	border-right: 1px solid #FFF;
	padding: 10px 0;
}

.inner-cont-por-divisao {
	text-align: center;
	border-right: 1px solid #FFF;
	padding: 10px 0;
}

.inner-cont-por-chamada {
	text-align: center;
	padding: 10px 0;
}

.combo-pesquisa {
    margin: 10px 10px -10px;
}


/***** COLUNA RODADAS *****/

.box-moldura {
	border: 1px solid #808285;
	-webkit-border-radius: 10px;
    border-radius: 7px;
	margin: 0 10px 20px;	
}

.box-header {
	background: #808285;
	-webkit-border-radius: 7px;
    border-radius: 5px;
	color: #FFFFFF;
    font-family: 'Open Sans',sans-serif;
    margin: 0;
	padding: 5px 0 0 0;
}

.box-header .titulo {
	background: url("ico-roko-branco.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-size: 18px;
    font-weight: 700;
    padding: 0 0 0 25px;	
	margin: 10px; 
}

.inner-periodo {
	text-align: center;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	padding: 10px 0;
	font-size: 14px;
}

.inner-competidores {
	text-align: center;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	padding: 10px 0;
	font-size: 14px;
}

.inner-resultados {
	text-align: center;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	padding: 10px 0;
	font-size: 14px;
}

.inner-editar {
	text-align: center;
	border-top: 1px solid #FFF;
	padding: 10px 0;
	font-size: 14px;
}

.linha-1 {
	background: #fff;	
}

.linha-2 {
	background: #f1f2f2;	
}

.box-conteudo {
	-webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
	background: none repeat scroll 0 0 #FFFFFF;
    color: #231f20;
    font-family: 'Open Sans',sans-serif;
    margin: 0;
	padding: 0 0 10px;
	text-align: center;
	font-size: 12px;
}

.inner-cont-periodo {
	text-align: center;
	border-right: 1px solid #a7a9ac;
	padding: 10px 0;
	height: 100px;
}

.inner-cont-competidores {
	text-align: center;
	border-right: 1px solid #a7a9ac;
	padding: 10px 0;
	height: 100px;
}

.inner-cont-resultados {
	text-align: center;
	border-right: 1px solid #a7a9ac;
	padding: 10px 0;
	height: 100px;
}

.inner-cont-resultados .resultados {
	padding: 6px 0;	
}

.inner-cont-editar {
	text-align: center;
	padding: 10px 0;
	height: 100px;
}

.inner-linha-horizontal {
	margin: 0;
	padding: 0;
	height: 1px;
	background: #a7a9ac;
}

.bt-rodadas-editar {
	margin: 45px 0 0;
}

.bt-rodadas-editar a {
	background: url("ico-editar.png") no-repeat scroll center 0 rgba(0, 0, 0, 0);
	padding: 25px 0 0 0;
	color: #007dc6;
}

.bt-rodadas-editar a:hover {
	color: #000;
}

.sem-rodada {
	padding: 20px 0;	
}

.box-anfitriao {
	
}

.imagem-anfitriao img {
	border: 2px solid #d4d5d6;
}


.nome-anfitriao {
	padding: 5px 0;
    text-align: center;
}

.box-adversario {
	
}

.imagem-adversario img {
	border: 2px solid #d4d5d6;
}


.nome-adversario {
	padding: 5px 0;
    text-align: center;
}

.ico-vencedor {
	margin: 38px 0 0 20px;
    position: absolute;
    z-index: 1;
}



/****** COLUNA CLASSIFICAÇÃO ******/

.combo-divisoes {
	margin: 0 10px;	
}

.bt-divisoes {
	background: url("bt-dropdown-login.png") no-repeat scroll 260px 4px #FFF;
	-webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.45);
	box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.45);
    color: #007DC6;
    height: 34px;
    text-align: left;
    width: 100%;
	font-family: 'Open Sans',sans-serif;
}

.bt-dropdown-divisoes {
	border-bottom: 1px solid #e6e7e8;
    font-family: 'Open Sans';
    height: 40px;
    padding: 10px 0 16px 15px !important;
	color: #808285;
	text-align: left;
}

.box-classificacao-moldura {
	border: 1px solid #007dc6;
	-webkit-border-radius: 7px 7px 0 0;
    border-radius: 7px 7px 0 0;
	margin: 0 10px 20px;	
}

.box-classificacao-header {
	background: #007dc6;
	-webkit-border-radius: 5px;
    border-radius: 5px;
	color: #FFFFFF;
    font-family: 'Open Sans',sans-serif;
    margin: 0;
	padding: 5px 0 0 0;
}

.box-classificacao-header .titulo {
	background: url("ico-roko-branco.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-size: 18px;
    font-weight: 700;
    padding: 0 0 0 25px;	
	margin: 10px; 
}

.box-classificacao-conteudo {
	background: none repeat scroll 0 0 #FFFFFF;
    color: #231f20;
    font-family: 'Open Sans',sans-serif;
    margin: 0;
	text-align: center;
	font-size: 12px;
}

.inner-posicao {
	text-align: center;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	padding: 10px 0;
	font-size: 14px;
}

.inner-classificacao {
	text-align: center;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	padding: 10px 0;
	font-size: 14px;
}

.inner-pontos {
	text-align: center;
	border-top: 1px solid #FFF;
	padding: 10px 0;
	font-size: 14px;
}

.inner-cont-posicao {
	text-align: center;
	border-right: 1px solid #a7a9ac;
	padding: 10px 0;
}

.inner-cont-classificacao {
	text-align: center;
	border-right: 1px solid #a7a9ac;
	padding: 10px 0;
}

.inner-cont-pontos {
	text-align: center;
	padding: 10px 0;
}

.inner-cont-pontos-overlay {
	text-align: center;
	border-right: 1px solid #a7a9ac;
	padding: 10px 0;
}

.inner-cont-jogos {
	text-align: center;
	border-right: 1px solid #a7a9ac;
	padding: 10px 0;
}

.inner-cont-saldosets {
	text-align: center;
	border-right: 1px solid #a7a9ac;
	padding: 10px 0;
}

.inner-cont-saldodegames {
	text-align: center;
	border-right: 1px solid #a7a9ac;
	padding: 10px 0;
}

.inner-cont-wo {
	text-align: center;
	padding: 10px 0;
}

.grupo-verde {
	color: #009966;	
}

.grupo-intermediario {
	color: #231f20;	
}

.grupo-vermelho {
	color: #ff3a3a;	
}

.sou-eu {
	font-weight: bold;
	font-size: 14px;
}

.inner-linha-horizontal-verde {
	margin: 0;
	padding: 0;
	height: 1px;
	background: #009966;
}

.inner-linha-horizontal-vermelho {
	margin: 0;
	padding: 0;
	height: 1px;
	background: #ff3a3a;
}



/****** REGISTRAR CONFRONTO ******/

.box-registro-confronto-moldura {
    background: #FFF;
	border: 2px solid #BCBEC0;
    border-radius: 7px;
    margin: 0 auto 20px;
	width: 50%;
}

.box-registro-confronto-header {
    background: none repeat scroll 0 0 #FFF;
    border-radius: 5px;
    color: #007dc6;
    font-family: 'Open Sans',sans-serif;
    margin: 0;
    padding: 5px 0 0;
}

.box-registro-confronto-header .titulo {
    background: url("ico-roko-azul.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-size: 18px;
    font-weight: 700;
    margin: 10px;
    padding: 0 0 0 25px;
}

.box-registro-confronto-conteudo {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #231F20;
    font-family: 'Open Sans',sans-serif;
    font-size: 12px;
    margin: 0;
    text-align: center;
}

.inner-cont-registro-confronto-colesq {
    border-right: 1px solid #A7A9AC;
	border-top: 1px solid #A7A9AC;
	color: #007dc6;
    padding: 10px 0;
    text-align: center;
}

.inner-cont-registro-confronto-coldir {
	border-top: 1px solid #A7A9AC;
	text-align: center;
	padding: 10px 0;
}




/****** PAINEL DO JOGADOR ******/

.box-painel-jogador-moldura {
    background: #FFF;
	border: 2px solid #BCBEC0;
    border-radius: 7px;
    margin: 0 auto 20px;
	width: 50%;
}

.box-painel-jogador-header {
    background: none repeat scroll 0 0 #FFF;
    border-radius: 5px;
    color: #007dc6;
    font-family: 'Open Sans',sans-serif;
    margin: 0;
    padding: 5px 0 0;
}

.box-painel-jogador-header .titulo {
    background: url("ico-roko-azul.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-size: 18px;
    font-weight: 700;
    margin: 10px;
    padding: 0 0 0 25px;
}

.box-painel-jogador-conteudo {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #231F20;
    font-family: 'Open Sans',sans-serif;
    font-size: 12px;
    margin: 0;
    text-align: center;
}

.inner-cont-painel-jogador-colesq {
    border-right: 1px solid #e6e7e8;
	border-top: 1px solid #e6e7e8;
	color: #007dc6;
    padding: 10px 0;
    text-align: center;
}

.inner-cont-painel-jogador-coldir {
	border-top: 1px solid #e6e7e8;
	border-right: 1px solid #e6e7e8;
	text-align: center;
	padding: 10px 0;
}

.inner-cont-painel-jogador-colvazia {
	border-top: 1px solid #e6e7e8;
	text-align: center;
	padding: 10px 0;
}

.thumb-jogador-painel img {
	border: 2px solid #e5e6e8;
}



/****** FOOTER ******/

.footer {
	background: #007dc6;
	padding: 50px 0;
	
}

.texto-footer {
	color: #fff;
	font-size: 14px;
	margin: 0 0 20px 0;
}


/****** OVERLAY CLASSIFICAÇÃO DETALHADA ******/

.reveal-modal-bg {
	background: rgba(0, 0, 0, 0.8);
}

.reveal-modal {
	background-color: transparent;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	width: 100%;
	left: 40%;
}

.reveal-modal .close-reveal-modal {
	display: block;
    margin: 0;
    padding: 0 10px 20px;
    position: inherit;
    right: 0;
	top: 0;
}





/****** MEDIA QUERIES ******/

@media (min-width: 320px) and (max-width: 600px)  {
	
	
	
	.menu-horizontal {
		margin: 0 0 10px;
	}
	
	.box-registro-confronto-moldura {
		width: 100%;
	}
	
	.bt-editar {
		background: url("fundo-bt-editar.png") no-repeat scroll -8px 0 rgba(0, 0, 0, 0);
		padding: 8px 15px 18px 43px;
	}
	
	.bt-cancelar {
		background: url("fundo-bt-cancelar.png") no-repeat scroll -8px 0 rgba(0, 0, 0, 0);
		padding: 8px 15px 18px 43px;
	}
	.logo-barragem {
		position: relative;
	}
	
	.bt-divisoes {
    	background: url("bt-dropdown-login.png") no-repeat scroll 246px 4px #FFFFFF;
	}
	
	.top-bar .toggle-topbar.menu-icon a span {
		box-shadow: 0 10px 0 1px #666666, 0 16px 0 1px #666666, 0 22px 0 1px #666666;
		color: #000;
		font-family: 'Open Sans',sans-serif;
		font-weight: normal;
	}
	
	.top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {
		height: 0;
	}
	
	.inner-periodo, .inner-competidores, .inner-resultados, .inner-editar  {
		font-size: 10px;
	}
	
	.inner-resultados {
		border-right: medium none;
		padding: 10px 0 10px 14px;
	}
	
	.box-painel-jogador-moldura {
		width: 100%;
	}
}


/****** MEDIA QUERIES ******/

@media (max-width: 768px) {
	.inner-periodo, .inner-competidores, .inner-resultados, .inner-editar, .inner-posicao, .inner-classificacao, .inner-pontos   {
		font-size: 10px;
	}
	
	.top-bar .toggle-topbar.menu-icon a span {
		box-shadow: 0 10px 0 1px #666666, 0 16px 0 1px #666666, 0 22px 0 1px #666666;
		color: #000;
		font-family: 'Open Sans',sans-serif;
		font-weight: normal;
	}
	
	.top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {
		height: 0;
	}
	
	button.secondary, .button.secondary {
		width: 98%;
	}
	
	.bt-login {
		background: url("bt-dropdown-login.png") no-repeat scroll 150px 4px #FFF;
	}
	
	.bt-divisoes {
		background: url("bt-dropdown-login.png") no-repeat scroll 190px 4px #FFFFFF;
	}
}