/* config - Padrões que o site irá seguir*/

a {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

#loading-lightbox {
	background:#FFF;
	height:100%;
	width:100%;
	z-index:3;
	position:absolute;
	top:0;
	left:0;
	opacity:0.7;
}

#loading-img {
	position:absolute;
	top:50%;
	left:50%;
	margin:-16px 0 0 -16px;
	z-index:4;
}

#lightbox {
	height:100%;
	width:100%;
	background:#000;
	opacity:0.6;
	position:absolute;
	top:0;
	left:0;
	display:none;
}

.lightbox-box {
	background:#FFF;
	border:1px #474747 solid;
	padding:15px;
	left:50%;
	width:600px;
	margin:0 0 0 -265px;
	min-height:100px;
	position:absolute;
	top:160px;
}
.ie6 .lightbox-box {
	height:100px;
}

.lightbox-box .fechar {
	background:url(/images/lightbox-fechar-ico.png) bottom;
	display:block;
	height:20px;
	position:absolute;
	right:15px;
	top:15px;
	width:20px;
}

.lightbox-box table {
	width:100%;
	margin:10px 0 0 0;
}

.lightbox-box table tr td {
	background:#FFF;
	height:20px;
	padding:0 3px;
	vertical-align:middle;
}
.lightbox-box table tr.odd td {
	background:#E4E4E4;
}

.lightbox-box p {
	margin:0 0 10px 0;
	clear:both;
}

.lightbox-box .acao p {
	padding:10px 0 0 0;
}

.lightbox-box .acao p .frase {
	float:left;
	margin:4px 0 0 0;
	color:#666;
}

.lightbox-box .acao p .frase a {
	color:#000;
	text-decoration:underline;	
}

.lightbox-box p label {
	width:60px;
	text-align:right;
	display:block;
	float:left;
	padding:0 10px 0 0;
	position:relative;
	top:3px;
	vertical-align:middle;
}

.completo-true p label {
	width:135px;
}

.lightbox-box p input {
	vertical-align:middle;
}

.lightbox-box p .ddd {
	width:30px;
}


body {
	background:#434343;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#geral {
	margin:0 auto;
	position:relative;
	width:990px;
}

input.text {
	height:16px;
}

input.text, textarea, select {
	border-top:1px #8D8D8D solid;
	border-bottom:1px #E3E3E3 solid;
	border-left:1px #CECECE solid;
	border-right:1px #CDCDCD solid;
	padding:3px 0 0 2px;
}

h1 {
	font-size:24px;
	font-weight:bold;
	margin:0 0 10px 0;
}

h2 {
	font-size:18px;
	margin-top:10px;
	color:#666;
}

h6 {
	font-weight:bold;
	font-size:14px;
	margin:30px 0 10px 0;
}

.box {
	background:#FFF;
	border-bottom:1px #777 solid;
	margin:0 20px 20px 0;
	padding:10px;
	position:relative;
}

.box .acao {
	color:#000;
	text-align:right;
}

.box .acao a {
	color:#000;
}

.box table {
	width:100%;
}

.box table tr td {
	background:#FFF;
	height:20px;
	padding:0 3px;
	vertical-align:middle;
}
.box table tr.odd td {
	background:#E4E4E4;
}

.btn {
	background:url(/images/btn-bg.png) 0 0;
	position:relative;
	display:block;
	float:right;
	color:#FFF;
	height:18px;
	padding:3px 12px 0 12px;
}

.btn .right {
	position:absolute;
	top:0;
	right:0;
}

#content {
	background:#EBEBEB;
	padding:10px;
}

#saudacao {
	margin:0 0 10px 0;
}

#saudacao .nome-usuario {
	font-weight:bold;
}

#saudacao a {
	color:#000;
	font-size:11px;
}

.explicacao {
	color:#474747;
	font-size:14px;
	font-weight:bold;
	margin:0 0 10px 0;
}

/* /config */

/* topo */

#topo {
	background:url(/images/topo-bg.png) repeat-x #7A7E7E;
}

#topo-arte-bg {
	background:url(/images/topo-arte-bg.jpg) 70px 0 no-repeat;
	width:100%;
	min-height:181px;
}

.ie #topo-arte-bg {
	height:181px;
}

#topo #main-banner {
	margin:0 0 5px 0px;
	padding:10px 0 0 0;
	text-align:center;
}

#topo #main-banner .banner {
	height:90px;
	margin:0 auto;
	width:728px;
}

#topo #logo {
	float:left;
	margin:10px;
	position:relative;
	top:50px;
}

#topo #logo a {
	background:url(/images/logo.png);
	display:block;
	height:101px;
	width:203px;
}
.ie #topo #logo a {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/logo.png');

}

#topo #logo img {
	height:70px;
}

#topo .esquerda {
	float:left;
}

#topo #menu {
	position:relative;
	float:left;
	margin:30px 0 0 100px;
}
.ie #topo #menu {
	display:inline;
}

#topo #menu .borda-left {
	position:absolute;
	top:0;
	left:-35px;
}

#topo #menu .borda-right {
	position:absolute;
	bottom:0;
	right:-170px;
}

#topo #menu ul li {
	float:left;
}

#topo #menu ul li a {
	background:url(/images/menu-bg.png) top left;
	color:#FFF;
	text-transform:uppercase;
	font-size:14px;
	padding:9px 0 0 22px;
	position:relative;
	height:24px;
	display:block;
	float:left;
}
#topo #menu ul li a:hover {
	background-position:bottom left;
	color:#000;
	text-decoration:none;
}

#topo #menu ul li a:hover .link-borda-right {
	background-position:bottom left;
}

#topo #menu ul li span.current {
	background:url(/images/menu-bg.png) bottom left;
	color:#000;
	text-transform:uppercase;
	font-size:14px;
	padding:9px 0 0 22px;
	position:relative;
	height:24px;
	display:block;
	float:left;
}

#topo #menu ul li .link-borda-right {
	background:url(/images/menu-link-borda-right.png) top;
	display:block;
	right:-22px;
	height:33px;
	position:absolute;
	top:0;
	width:22px;
}
#topo #menu ul li .current .link-borda-right {
	background-position:bottom left;
}


/* /topo */

#col-direita, #col-esquerda {
	float:left;
}

#col-direita {
	width:310px;
}

#col-direita .box {
	margin-right:0;
}

#col-esquerda .banner {
	height:80px;
	width:310px;
	margin-bottom:20px;
}

#col-direita #arroba-banner {
	width:310px;
	text-align:center;
	height:250px;
	background:none;
}

#col-direita .banner-duplo {
	margin:0 0 10px 0;
}

#col-direita .banner-duplo .banner {
	float:left;
	width:150px;
	height:80px;
}
.ie #col-direita .banner-duplo .banner {
	display:inline;
}

#col-direita .banner-duplo .banner-left {
	margin:0 9px 0 0;	
}

/* formatação das colunas da home */
#apostas #col-esquerda-left {
	width:330px;
	float:left;
}

#apostas #col-esquerda-right {
	width:330px;
	float:left;
}


#apostas #col-direita {
	float:left;
	width:310px;
}




/* /formatação das colunas da home */

/* formatação das colunas dos rankings */


/* /formatação das colunas dos rankings */

/* faca aposta */
#faca-aposta  {
	height:247px;
}

#faca-aposta h1 {
	margin-bottom:5px;
}

#faca-aposta #faca-aposta-box .pergunta-box {
	margin:0 0 13px 0;
}

#faca-aposta #faca-aposta-box .pergunta-box .label {
	float:left;
	margin:0 10px 0 0;
}

#faca-aposta #faca-aposta-box .pergunta-box .resposta-left {
	float:left;
	position:relative;
	top:1px;
}

#faca-aposta #faca-aposta-box .pergunta-box .texto {
	border-top:1px #777 solid;
	border-bottom:1px #A2A2A2 solid;
	color:#777;
	cursor:pointer;
	display:block;
	float:left;
	height:17px;
	padding:3px 5px 0 5px;
	position:relative;
	top:1px;
	width:170px;
}

#faca-aposta #faca-aposta-box .pergunta-box .texto:hover {
	text-decoration:none;
}

#faca-aposta #faca-aposta-box .pergunta-box .resposta-seta {
	cursor:pointer;
	position:relative;
	top:1px;
}

#faca-aposta #faca-aposta-box .melhor-volta p {
	margin:0 0 8px 0 ;
}

#faca-aposta #faca-aposta-box .melhor-volta .texto {
	width:232px;
}


#faca-aposta #faca-aposta-box .acao {
	text-align:right;
	position:relative;
}

#faca-aposta #faca-aposta-box .acao .btn {
	color:#FFF;
	position:absolute;
	right:10px;
}

/* /faca aposta */

/* vencedores */
#vencedores {
	height:247px;
}

#vencedores .registre-box {
	margin:0 0 9px 0;
}

#vencedores .registre-box .registre-btn {
	float:left;
	margin:0 10px 0 0;
}

#vencedores .registre-box p {
	font-size:11px;
	padding:10px 0 0 0;
}

#vencedores .registre-box p a {
	color:#000;
	text-decoration:underline;
}

#vencedores #vencedores-box .vencedor {
	background:#FFF;
	padding:5px 13px;
}
#vencedores #vencedores-box .odd {
	background:#E4E4E4;
}

#vencedores #vencedores-box .vencedor .nome-gp {
	color:#474747;
	display:block;
	margin:0 0 5px 0;
}

#vencedores .acao {
	color:#000;
	font-size:11px;
	text-align:right;
}

.titulo-vencedores {
	margin:0px 10px 20px;
}

.mensagem-vencedores {
	margin:0px 10px 20px;
	padding:10px 0 0 0;
}

#vencedores .acao a {
	color:#000;
}

/* /vencedores */

/* ultimo-gp */
#ultimo-gp {
	height:232px;
}
#ultimo-gp .acao {
	margin:10px 0 0 0;
}

/* /ultimo-gp */

/* ranking-apostadores */
#ranking-apostadores {
	height:232px;
}
#ranking-apostadores .acao {
	margin:10px 0 0 0;
}

/* /ranking-apostadores */

.banner {
	background:#CCC;
}

/* pista */
#pista {
	padding:0 0 15px 0;
}

#pista h1 {
	background:#9F9F9F;
	color:#000;
	border-bottom:1px #959595 solid;
	font-size:14px;
	padding:5px 10px;
}

#pista h1 span {
	color:#000;
	font-size:11px;

}

#pista #pista-box {
	min-height:218px;
	width:310px;
	text-align:center;
}
.ie #pista #pista-box {
	height:218px;
}

#pista #pista-box #pista-foto, #pista #pista-box #pista-prev-tempo, #pista #pista-box #pista-recordes {
	display:none;
}

#pista .acao {
	margin:10px 0 0 0;
}

#pista .acao a {
	background:#E3E3E3;
	border:1px #B9B9B8 solid;
	border-bottom:none;
	display:block;
	float:right;
	padding:3px 5px;
	font-size:10px;
}

#pista .acao .current {
	border:none;
	background:#FFF;
}



/* /pista */

/* footer  */
#footer {
	color:#FFF;
	background:#666;
	padding:10px;
	position:relative;
}


#footer h1 {
	font-size:16px;
	position:relative;
}

#footer a {
	color:#FFF;
}

#footer #news {
	float:left;
	padding:0 10px 0 0;
}

#footer #news h1 a {
	border:none;
	position:absolute;
	right:0;
	top:2px;
}


#footer #news ul li {
	margin:0 0 7px 0;
}

#footer #news ul li span {
	font-size:10px;
}

#footer #news .leia-mais {
	display:block;
	padding:10px 0 0 0;
	text-align:right;
}

#footer-menu {
	float:left;
	padding:0 0 0 350px;
}

#footer-menu ul li {
	margin:0 0 7px 0;
}

#footer .by {
	position:absolute;
	bottom:10px;
	right:10px;
}

/* /footer */

/* lightbox faca sua aposta */

#lightbox-faca-aposta h1 {
	margin:-6px 0 0 0;
}

#lightbox-faca-aposta h1 img {
	margin:0 21px 0 0;
	position:relative;
	top:6px;
}

#lightbox-faca-aposta #lightbox-faca-aposta-box {
	margin:15px 0 0 0;
	padding:0 0 0 50px;
	height:260px;
	overflow:auto;
}

#lightbox-faca-aposta #lightbox-faca-aposta-box table td {
	vertical-align:middle;
	padding:10px 5px;
}

#lightbox-faca-aposta .acao {
	text-align:right;
	margin:10px 0 0 0;
}
/* /lightbox faca sua aposta */

/* box de registro*/
#lightbox-registre h1 {
	margin-bottom:5px;
}

#lightbox-registre .explicacao {
	font-weight:normal;
}

#lightbox-registre-box {
	margin:20px 0 0 0;
}

#usuario_login {
	width:300px;
}

#usuario_email {
	width:300px;
}

#usuario_password {
	width:125px;
}

#usuario_password_confirmation {
	width:125px;
}

#usuario_frase_criativa {
	height:60px;
}
/* /box de registro*/

/* box login */

#lightbox-login h1 {
	margin-bottom:5px;
}

#lightbox-login .explicacao {
	font-weight:normal;
}

#lightbox-login .explicacao a {
	color:#000;
	text-decoration:underline;
}

#lightbox-login input#login {
	width:305px;
}

#lightbox-login #lightbox-login-box {
	margin:25px 0 0 0;
}

#login-email {
	width:300px;
}

/* /box login */

/* listar-rankings */
#rankings #col-esquerda {
	width:640px;
}

#listar-rankings-box {
	background:#FFF;
	float:left;
	margin:0 20px 0 0;
	padding:10px;
}

#listar-rankings-box .ranking-box {
	width:285px;
	float:left;
	margin:0 30px 30px 0;
}

#listar-rankings-box .even {
	margin-right:0;
}

#listar-rankings-box .ranking-box table td {
	
}

#listar-rankings-box .ranking-box table {
	width:100%;
}

#listar-rankings-box .ranking-box table tr td {
	background:#FFF;
	height:20px;
	padding:0 3px;
	vertical-align:middle;
}
#listar-rankings-box .ranking-box table tr.odd td {
	background:#E4E4E4;
}

#listar-rankings-box .ranking-box .acao a {
	color:#000;
	text-decoration:underline;
}
#listar-rankings-box .ranking-box .acao a:hover {
	text-decoration:none;
}

#listar-rankings-box .ranking-box .acao {
	margin:10px 0;
	text-align:right;
}

/* /listar-rankings */

/* visualizar-ranking */

#visualizar-ranking-box {
	background:#FFF;
	margin:0 20px 0 0;
	padding:10px;
	width:600px;
}

#visualizar-ranking-box .even {
	margin-right:0;
}

#visualizar-ranking-box .ranking-box table {
	width:100%;
}

#visualizar-ranking-box .ranking-box table {
	width:100%;
}

#visualizar-ranking-box table th {
	padding:0 0 15px 0;
}

#visualizar-ranking-box .ranking-box table tr td {
	background:#FFF;
	height:20px;
	padding:0 3px;
	vertical-align:middle;
}

#visualizar-ranking-box .ranking-box table tr.odd td {
	background:#E4E4E4;
}


#visualizar-ranking-box .ranking-box .acao a {

}

#visualizar-ranking-box .pagination {
	padding:10px 0;
	text-align:right;
}

#visualizar-ranking-box .pagination a {
	color:#000;
}

/* /visualizar-ranking */

/* flash-message*/
.flash-message .flash-message-box {
	clear:both;
	height:26px;
	border-width:1px;
	border-style:solid;
	margin:15px 0;
	padding:4px 0 0 0;
	position:relative;
}

.ie .flash-message .flash-message-box {
	height:30px;	
}

.flash-message .flash-message-box strong {
	color:#000;
	position:relative;
	top:4px;
}

.flash-message .flash-message-box span.ico {
	position:relative;
	float:left;
	top:3px;
	margin:0 10px;
	display:block;
	height:16px;
	width:16px;
}

.flash-message .flash-message-box a.hide-message {
	background:url(/images/flash-message-fechar-ico.png) top;
	display:block;
	position:absolute;
	top:8px;
	right:5px;
	height:15px;
	width:20px;
}

.flash-message .flash-message-box a.hide-message:hover {
	background-position:bottom;
}

.flash-message .sucesso {
	background:#F2FAE2;
	border-color:#E9F5CD;
}

.flash-message .sucesso span.ico {
	background:url(/images/flash-message-sucesso-ico.png);
}

.flash-message .warning {
	background:#FAF9E2;
	border-color:#F4F5CD;
}
.flash-message .warning span.ico {
	background:url(/images/flash-message-warning-ico.png);
}

.errorExplanation {
	background:#FAF9E2;
	border-color:#F4F5CD;
	clear:both;
	border-width:1px;
	border-style:solid;
	margin:15px 0;
	padding:10px;
	position:relative;
}

.errorExplanation  h2 {
	font-size:16px;
	font-weight:bold;
}

.errorExplanation p {
	margin:10px 0;
}

.errorExplanation ul li {
	margin:5px 15px;
	list-style:circle;
}

/* /flash-message */

/* texto */

.texto #col-esquerda {
    width:660px;
}

.texto-box {
    background:#FFF;
    margin:0 20px 0 0;
    padding:10px;
}

.texto-box .even {
    margin-right:0;
}

.texto-box .ranking-box .acao a {
    border-bottom:2px #BFBFBF solid;
    color:#000;
}

.texto-box p {
    margin:0 0 20px 0;
    line-height:1.5;
}

/* /texto */

/* aviso ranking */
#ranking-apostadores .aviso-ranking {
	padding-left:10px;
}
.aviso-ranking {
	font-weight:normal;
	line-height:1.6;
}
/* /aviso ranking */

/* texto */
.texto #col-esquerda {
	width:660px;
}

.texto p {
	margin:0 0 10px 0;
	line-height:1.6;
}

.texto a {
	color:#000;
}
/* /faq */

/* classificacao */
#classificacao select {
	position:absolute;
	top:15px;
	right:10px;
}
#classificacao #col-esquerda {
	width:660px;
}

#classificacao table {
	margin:10px 0 30px 0;
}

#classificacao table th {
	padding-bottom:20px;
}
/* /classificacao */

/* grupos */
.ie #grupos {
	zoom:1;
}

.ie #grupos #col-esquerda {
	width:658px;
}
#grupos #col-esquerda .box a {
	text-decoration:underline;
}

#faq-box {
	width:620px;
}

#lightbox-add-grupo textarea {
	height:100px;
	width:300px;
}

#lightbox-add-grupo .text {
	width:300px;	
}

#lightbox-add-grupo h1 {
	margin-bottom:20px;
}

#grupos #listar-grupos {
	zoom:1;
}

#grupos #listar-grupos .grupo-box {
	width:288px;
	float:left;
	margin:0 30px 30px 0;
}

#grupos #listar-grupos .even {
	margin-right:0;
}

#grupos .grupo-box table {
	width:100%;
}

#grupos .grupo-box table tr td {
	background:#FFF;
	height:20px;
	padding:0 3px;
	vertical-align:middle;
}
#grupos .grupo-box table tr.odd td {
	background:#E4E4E4;
}

#grupos .grupo-box .acao {
	margin:10px 0;
	text-align:right;
}

#grupos .grupo-box table tr .posicao {
	width:20px;
}

#grupos .grupo-box table tr .nome {
	
}

#grupos .grupo-box table tr .apagar {
	width:15px;
}

#grupos .grupo-box table tr .pontos {
	width:45px;
}

#grupos .grupo-box table tr .aceitar {
	width:40px;
}


#grupos .descricao {
	margin:10px 0;
	color:#666;
}


#grupos #participantes-pendentes {
	margin-top:20px;
}

#grupos #participantes-pendentes p {
	margin-bottom:5px;
}

#grupos #participantes-pendentes td {
	background:#FFDDDD;
}

#grupos #participantes-pendentes .odd td {
	background:#FFCCCC;
}
/* /grupos */

/* participante */
#lightbox-add-participantes .text {
	width:300px;	
}

#lightbox-add-participantes h1 {
	margin-bottom:20px;
}
/* /participante */

/* convite-grupo */
.convite-grupo a {
	color:#000;
	text-decoration:underline;	
}

.convite-grupo a:hover {
	text-decoration:none;
}

.convite-grupo p {
	font-size:15px;
	margin:0 0 10px 0;
}

.convite-grupo .descricao {
	margin-bottom:0;
	color:#666;
	font-style:italic;
	font-size:13px;
}

.convite-grupo .acao {
	margin:20px 0 0 0;
	text-align:left;
}

.convite-grupo .acao a {
}

.convite-grupo .acao .btn {
	color:#FFF;
	float:left;	
	text-decoration:none;
}

.convite-grupo .acao .nao {
	float:left;
	position:relative;
	top:4px;
	margin:0 0 0 5px;
}

.convite-grupo .acao .nao a {
	font-weight:bold;
	font-size:13px;
}
/* convite-grupo */

/* esqueceu senha */
#esqueceu-senha #col-esquerda .box {
	width:620px;
}

#esqueceu-senha #col-esquerda .box label {
	margin:20px 0 10px 0;
	display:block;
}

#esqueceu-senha #col-esquerda .box .text {
	float:left;
	position:relative;
	top:1px;
	margin:0 10px 0 0;
}

#esqueceu-senha #col-esquerda .box .submit {
	float:left;	
}
/* /esqueceu senha */

/* alterar senha */
#alterar-senha #col-esquerda .box {
	width:620px;
}

#alterar-senha #col-esquerda .box label {
	margin:20px 0 10px 0;
	display:block;
}

#alterar-senha #col-esquerda .box .text {
	position:relative;
	top:1px;
	margin:0 10px 0 0;
}

#alterar-senha #col-esquerda .box .submit {
	float:left;	
}

#alterar-senha #col-esquerda .box .acao {
	margin:10px 0 0 0;
}

#alterar-senha #col-esquerda .box .acao a {
	color:#FFF;
}
/* /esqueceu senha */