body {
background-image: url(../bg/fundo.png);
background-repeat: no-repeat;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
.letra-1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
text-decoration: none;
}
.botao-1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #349EAD;
background-color: #FFFFFF;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}.letra-2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
text-decoration: none;
}
.letra-3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #999999;
text-decoration: none;
}
.letra-4 {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #666666;
text-decoration: none;
}
.letra-5 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #3197A6;
text-decoration: none;
}
.letra-6 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FF6600;
text-decoration: none;
}
.botao-2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #000000;
text-decoration: none;
background-color: #FFFFFF;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}

.botao-3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
text-decoration: none;
background-color: #FFFFFF;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
.botao4 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
background-color: #EFEFEF;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
font-weight: bold;
}

.letra-7 {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666666;
text-decoration: none;
}
.letra-8 {
font-family: Arial, Helvetica, sans-serif;
font-size: 22px;
font-weight: bold;
color: #29166F;
text-decoration: none;
}
.letra-9 {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #29166F;
text-decoration: none;
}
.letra-10 {
font-family: Arial, Helvetica, sans-serif;
font-size: 22px;
color: #000000;
text-decoration: none;
}
.letra-11 {
font-family: Arial, Helvetica, sans-serif;
font-size: 22px;
color: #666666;
text-decoration: none;
}
.letra-12 {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
text-decoration: none;
}
.letra-13 {
font-family: Arial, Helvetica, sans-serif;
font-size: 28px;
font-weight: bold;
color: #333333;
text-decoration: none;
}
.letra-14 {
font-family: Arial, Helvetica, sans-serif;
font-size: 28px;
font-weight: bold;
color: #FF3300;
text-decoration: none;
}
.letra-15 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #999999;
text-decoration: none;
}
.letra-16 {
font-family: Arial, Helvetica, sans-serif;
font-size: 22px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
}
.letra-17 {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #B2B4BF;
text-decoration: none;
}
.letra-18 {
font-family: Arial, Helvetica, sans-serif;
font-size: 28px;
font-weight: bold;
color: #7C7C7C;
text-decoration: none;
border: 1px solid #CCCCCC;
}
.letra-19 {
font-family: Arial, Helvetica, sans-serif;
font-size: 28px;
font-weight: bold;
color: #FF0000;
text-decoration: none;
background-color: #DFDFDF;
}
.letra-20 {
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
color: #333333;
text-decoration: none;
}
.letra-21 {
font-family: Arial, Helvetica, sans-serif;
font-size: 28px;
font-weight: bold;
color: #7C7C7C;
text-decoration: none;
}
.letra-22 {
font-family: Arial, Helvetica, sans-serif;
font-size: 28px;
font-weight: bold;
color: #333333;
text-decoration: none;
background-color: #DFDFDF;
border: 1px dashed #FF0000;
}
.letra-23 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #FF0000;
text-decoration: none;
}
.letra-24 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #0066CC;
}
.letra-25 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FF0000;
text-decoration: none;
}

.letra-treino-realizar {
font-family: Arial, Helvetica, sans-serif;
font-size: 28px;
font-weight: bold;
color: #000000;
text-decoration: none;
background-color: #DCFF71;
border: 1px solid #B9BBC5;
}
.letra-treino-realizado {
font-family: Arial, Helvetica, sans-serif;
font-size: 28px;
font-weight: bold;
color: #000000;
text-decoration: none;
background-color: #95E4FF;
border: 1px solid #B9BBC5;
}
.letra-treino-perdido {
font-family: Arial, Helvetica, sans-serif;
font-size: 28px;
font-weight: bold;
color: #000000;
text-decoration: none;
background-color: #FF9D9D;
border: 1px solid #B9BBC5;
}

.letra-prova-realizar {
font-family: Arial, Helvetica, sans-serif;
font-size: 28px;
font-weight: bold;
color: #000000;
text-decoration: none;
background-color: #DCFF71;
border: 1px solid #B9BBC5;
}
.letra-prova-realizado {
font-family: Arial, Helvetica, sans-serif;
font-size: 28px;
font-weight: bold;
color: #000000;
text-decoration: none;
background-color: #95E4FF;
border: 1px solid #B9BBC5;
}
.letra-prova-perdido {
font-family: Arial, Helvetica, sans-serif;
font-size: 28px;
font-weight: bold;
color: #000000;
text-decoration: none;
background-color: #FF9D9D;
border: 1px solid #B9BBC5;
}
.tabela {
background-color: #FFFFFF;
border: 2px solid #F3F3F4;
}
.tabela2 {
background-color: #FAFAFA;
border: 5px solid #F3F3F4;
}
.tabela3 {
background-color: #F4F3F5;
border: 1px solid #B9BBC5;
}
.tabela4 {
background-color: #FBFBFB;
border: 1px dashed #FF0000;
}
.caixa {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
text-decoration: none;
border: 1px solid #E0DFE3;
}
.form{
margin: 0;
}


.formata { /* esta classe é somente 
para formatar a fonte */
font: 12px arial, verdana, helvetica, sans-serif; 
}

a.dcontexto{
position:relative; 
padding:0;
font-family: Arial, Helvetica, sans-serif;
font-size: 28px;
font-weight: bold;
color: #000000;
text-decoration: none;
cursor:help; 
z-index:24;
}
a.dcontexto:hover{
z-index:25; 
}
a.dcontexto span{display: none}

a.dcontexto:hover span{ 
display:block;
position:absolute;
width:190px; 
top:1em;
text-align:justify;
left:0;
font: 12px arial, verdana, helvetica, sans-serif; 
padding:5px 10px;
border:1px solid #999;
background:#F0EFF1; 
color:#000;
}

#avatar {
position:absolute;
left:200px;
top:300px;
width:644px;
height:338px;
z-index:1;
background-color: #F7F7F8;
border: 3px solid #CCCCCC;
}

.botao {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
background-color: #FFFFFF;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
font-weight: bold;
}