html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset,  label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
input{font-family:arial,sans-serif;font-size:17px;margin-bottom:0.2em;vertical-align:bottom; }
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1.4;
	color: black;
	background: white;
	font-size:10px;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

body {background: #FFF url(/img/bodybg.png) repeat-x top; font-family:Verdana, Geneva, sans-serif;}

a {text-decoration:none; cursor:pointer;}
a:hover {text-decoration:underline;}


a {text-decoration:underline; cursor:pointer;}
a:hover {text-decoration:none;}

/*HEADER*/
#header-index {background:url(/img/headerbg.png) center bottom; width:920px; height:102px; margin:0 auto; position:relative;}
#header-index #logo {width:300px; float:left; display:inline; margin:26px 0 0 27px;title:'Página Inicial/Home'}
#header-index #logo a {width:300px; height:64px; position:relative; display:block; cursor:pointer;title:'Página Inicial/Home'}
#header-index #logo a span, #header-erro-login #logo a span {background:url(_dot.gif); width:100%; height:auto; position:absolute;title:'Página Inicial/Home'}
#header-index #lingua li {color:#003060; font-size:1.1em; float:left; display:inline; padding:0 5px 0 0; margin:0 5px 0 0;}
#header-index #lingua li a {color:#003060;}
#header-index #lingua li.selecionado a {text-decoration:none; font-weight:bold;}
#header-index h2 {float:left; display:inline; margin:57px 0 0 35px; font-size:1.6em; color:#FFF; height:19px; line-height:19px; font-weight:bold;}
#header-index .btn-entrar {background:url(/img/form.png) 0 -37px; width:87px; height:27px; display:block; float:left; display:inline; border:none; cursor:pointer; margin:42px 0 0 0;}


/*HEADER*/
/*SINALIZAR LOGIN*/

/*SINALIZAR LOGIN*/
/*CORPO - IGUAL PRA TODAS*/
#corpo-index-topo {clear:both; background:url(/img/corpotopo.png) top; width:920px; height:8px; margin:0 auto;}
#corpo-index {background:url(/img/corpo.png) bottom; width:920px; height:auto !important; margin:0 auto; padding:0 0 10px 0; color:#5c5c5c;}
#conteudo {
width:920px;
margin:0px 0 0 15px;
float:left;
display:inline;
font-family:Tahoma, Geneva, sans-serif;
height:auto !important;
min-height:350px;
}
/*<--#corpo-index-topo form {float:center; display:inline; margin:14px 27px 0 0; width:466px; overflow:hidden;}-->
#corpo-index .campo-texto, #corpo-index .campo-captcha {border:solid 1px #a6a6a6;}
/*CORPO - IGUAL PRA TODAS*/

/*SÓ DA INDEX*/
.index .titulo {width:auto; align:center;height:auto; font-size:1.7em;}
.index .titulo a {color:#5C5C5C; text-decoration:none; font-size:1em;}
.index p {margin:10px 0 0 30px; font-size:0.9em; line-height:150%;}
/* .index p span {font-weight:bold; color:#509b07;}*/
.index .lista-jogos li {float:left; width:120px; height:120px; display:block; position:relative; margin:15px 0 0 0;}
.index .lista-jogos h3 {width:120px; height:115px; display:block; position:relative;}
.forma {float:right; margin:20px 15px 0 0; width:390px; display:inline; position:relative; height:auto;}
/* .index form {float:right; margin:20px 15px 0 0; width:390px; display:inline; position:relative; height:auto;}*/
/*.index p.cadastre {width:248px; height:28px; position:relative; display:block; margin:0 0 20px 98px;}*/

.index #cadastro {width:100%; height:auto;}
.index #cadastro li {display:block; height:auto; padding:5px 0; width:100%; clear:both;}

.index #cadastro li label {font-size:1.1em; color:#5c5c5c; font-weight:bold; float:left; display:inline; width:100%;}
.index #cadastro li label.nascimento {width:100px;}
.index #cadastro li .msg-erro {clear:both; font-size:11px; font-weight:normal; color:#F00; width:210px; margin:2px 0 10px 180px; line-height:105%; background:#FFFBFB; display:block; }
.index #cadastro li .instrucao {clear:both; font-size:1.1em; color:#999; width:200px; margin:1px 0 0 180px; display:block;}
.index #cadastro li span {width:170px; text-align:right; display:block; float:left; margin:0 10px 0 0; display:inline;}
.index #cadastro li .campo-texto {width:200px; display:inline; float:left;}
.index #cadastro li select {float:left; margin:0 5px 0 0; display:inline;}
.index .btn-cadastro {clear:both; background:url(/img/form.png) 0 0; width:186px; height:37px; display:block; border:none; cursor:pointer; margin:10px 0 0 180px;}

.index #termo {font-size:1em; color:#5c5c5c; margin:15px 0 10px 0; font-weight:normal;}
.index #termo a {color:#017dc9;}
.index #termo span {color:#939598; font-weight:normal;}

#footer-index {clear:both; background:url(/img/footerbg.png); font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; font-size:1.1em; width:920px; height:42px; margin:0 auto; padding:14px 15px 0px 15px;
	voice-family: "\"}\""; voice-family: inherit;	height:28px; width:890px;} html>body #footer-index  {height:28px; width:890px;}
#footer-index #menu-institucional li {float:left; display:inline; margin:0 8px 0 0; padding:0 8px 0 0;}
#footer-index #menu-institucional li a {color:#FFF;}
/*#footer-index p {float:right; width:400px; display:inline; text-align:right;}*/

#sobre-nos-index {width:720px; height:auto; margin:16px auto;}
#sobre-nos-index h4 {width:125px; height:33px; position:relative; display:block;}
#sobre-nos-index p {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#58595b; font-size:0.9em; margin:10px 0 5px 0;}
/*SÓ DA INDEX*/

/*PÁGINA DE ERRO AO LOGAR*/
.login-erro a {color:#1972bc;}
.login-erro h2 {color:#479600; font-size:2.2em; margin:0 0 70px 25px; padding:5px 0 0 0;}
.login-erro h2 strong {font-weight:bold;}
.login-erro #msg-erro {clear:both; width:75%; height:auto; padding:10px; background:#fef2ea; border:1px solid #ecb9b2; color:#f02800; font-weight:bold; font-size:1.2em; text-align:center; margin:0 auto 15px auto;}
.login-erro form {width:400px; height:auto; margin:0 auto 30px auto; float:none; display:block;}
.login-erro label {clear:both; font-size:1.1em; color:#5c5c5c; font-weight:bold; display:block; padding:5px 0;}
.login-erro label span {width:140px; text-align:right; display:block; float:left; margin:0 10px 0 0; display:inline;}
.login-erro .lembrete {width:170px; padding:0 0 0 147px;}
.login-erro .lembrete span {float:right; width:140px;}
.login-erro .lembrete .checkbox {float:left;}
.login-erro .campo-texto {border:solid 1px #a6a6a6; width:200px; display:inline; float:left;}
.login-erro #botoes {clear:both; margin:5px 0 0 0;}
.login-erro #botoes li {float:left; display:inline; font-size:1.3em; margin:0 10px 0 0;}
.login-erro #botoes li.cadastre {padding:25px 0 0 0; font-weight:bold;}
.login-erro .recuperar-senha {font-size:1.1em; margin:10px 0 0 150px;}
.login-erro .btn-entrar {clear:both; background:url(/img/form.png) 0 -64px; width:104px; height:37px; display:block; display:inline; border:none; cursor:pointer; margin:5px 5px 0 150px;}
/*PÁGINA DE ERRO AO LOGAR*/

/*FLUXO CADASTRO*/
.fluxo-cadastro #titulo {font-size:2.3em; color:#017dc9; padding:4px 0 0 22px; width:280px; float:left; display:inline;}
.fluxo-cadastro #titulo span {font-weight:bold;}
.fluxo-cadastro #pular-etapa {float:right; display:inline; padding:7px 0 0 0; margin:0 16px 0 0; font-size:1.4em; font-weight:bold;}
.fluxo-cadastro #pular-etapa a {color:#1972bc; font-weight:bold;}
/*FLUXO CADASTRO*/

/*CONFIRMAR EMAIL*/
#confirmar-email a {color:#1972bc; font-weight:bold;}
#confirmar-email h3 {color:#80be00; font-size:1.8em; font-weight:bold;}
#confirmar-email dl {}
#confirmar-email dl dt {font-size:1.4em;}
#confirmar-email dl dd {font-size:1.8em; font-weight:bold; margin:15px 15px 0 60px; float:left;}
#confirmar-email dl dd#mudar-email {margin:19px 0 0 10px; font-size:1.3em;}
#confirmar-email dl dd#form-email {float:none; width:100%; height:auto; margin:20px 0 0 0;}
#confirmar-email dl dd#form-email #newEmail {width:60%; border:1px solid #a6a6a6; height:18px; line-height:18px; color:#000; padding:0 0 0 3px;}
#confirmar-email .btn-enviar {background:url(/img/form.png) 0 -101px; height:31px; width:104px; border:none; cursor:pointer;}
#confirmar-email #reenvio-sucesso {clear:both; float:none; padding:10px; background:#F0FFE1; border:1px solid #CEFFE7; font-size:1.2em; margin:10px 0; text-align:center; color:#006F00;}
#confirmar-email #reenvio-erro {clear:both; float:none; padding:10px; background:#fff8f2; border:1px solid #CEFFE7; font-size:1.2em; margin:10px 0; text-align:center; color:#e90000;}
#confirmar-email #aviso {color:#e90000; font-weight:bold; padding:15px; background:#fff8f2; border:2px solid #efcbbf; margin:14px 0 0 0;}
#confirmar-email #aviso h4 {font-size:1.3em;}
#confirmar-email #aviso p {font-size:1.2em;}
#confirmar-email #explicacao {padding:10px; background:#f5f8f9; border:2px solid #e3ecf4; margin:15px 0 30px 0;}
#confirmar-email #explicacao h4 {font-size:1.8em; color:#017dc9; font-weight:bold; margin:8px 0 0 0;}
#confirmar-email #explicacao p {font-size:1.4em; color:#58595b;}
/*CONFIRMAR EMAIL*/

/*RECUPERAR SENHA*/
.recuperar-senha a {color:#339900;}
.recuperar-senha h2 {color:#479600; font-size:2.2em; margin:0 0 20px 25px; padding:5px 0 0 0; float:left;}
.recuperar-senha h2 span {font-weight:bold;}
.recuperar-senha #voltar {float:right; font-size:1.4em; margin:11px 30px 0 0;}
.recuperar-senha .explicacao {clear:both; font-size:1.3em; color:#58595b; width:72%; margin:0 0 5px 25px;}
.recuperar-senha .explicacao strong {font-weight:bold;}
.recuperar-senha form {margin:0 0 30px 0;}
.recuperar-senha .formulario {width:70%; margin:10px auto;}
.recuperar-senha .formulario li {clear:both; display:block; height:auto; padding:10px 10px 5px 10px;}
.recuperar-senha .formulario li label {}
.recuperar-senha .formulario label span {float:left; font-size:1.2em; color:#666; margin:0 0 2px 0; width:200px;}
.nao-vip .formulario label span {width:145px;}
.recuperar-senha .formulario label .campo-texto {width:325px; float:left;}
.recuperar-senha .formulario .msg-erro {background:#fef4f3; clear:both; color:#FF0000; display:block; font-size:11px; font-weight:normal; line-height:105%; margin:2px 0 10px 200px; width:300px;}
.nao-vip .formulario .msg-erro {margin:2px 0 10px 145px;}

.recuperar-senha .formulario .instrucoes {width:430px; margin:10px 0 0 0; font-size:1.2em; color:#999;}
.recuperar-senha #captcha {clear:both; margin:0 auto; width:100%; border-top:1px dotted #E6E6E6; position:relative;}
.recuperar-senha #captcha img {float:right; padding:5px; border:1px solid #E6E6E6; margin:0 100px 15px 0; background:#FFF;}
.nao-vip #captcha img {margin:0 139px 15px 0;}
.recuperar-senha #captcha .campo-captcha {float:left; width:160px;}
.recuperar-senha #captcha .instrucoes {width:350px; position:absolute; top:40px; left:145px; font-size:1.2em; color:#999;}
.nao-vip #captcha .instrucoes {width:345px;}
.recuperar-senha .btn-enviar {background:url(/img/form.png) 0 -133px; width:112px; height:41px; border:none; cursor:pointer; margin:10px 0 0 200px;}
.nao-vip .btn-enviar {margin:10px 0 0 145px;}
/*RECUPERAR SENHA*/