.botao {
    font-family: 'Baloo Tamma 2', cursive;
    background-color: #f1f1f1;
    border: 1px solid #ccc;
    border-radius: 4px 4px 4px 4px;
    color: #000000;
    cursor: pointer;
    font-size: 12px;   
    padding: 4px 8px;
    width: 80px;
    text-decoration: none;
    font-weight: bold;	
}

.botao:hover {
  background-color: #ddd;
}

.botao.active {
  background-color: #ccc;
}

.campo {
    font-family: 'Baloo Tamma 2', cursive;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #C8C7C9;
    border-radius: 3px 3px 3px 3px;
    color: #939598;
    font-size: 14px;
    outline: medium none;
    padding: 4px;
    vertical-align: middle;
    margin-top: 1px;
}
    
.grids{
    background: #fafafa;    
    box-shadow: 1px 1px 1px 1px #DCDCDC; 
    width: 99%;
    font-family: 'Baloo Tamma 2', cursive;
    text-align: center;
    margin-bottom: 5px;
    line-height: 2;
}

.titulos{
    font-size: 16px;  
    background: #F5F5F5;    
    box-shadow: 1px 1px 1px 1px #DCDCDC; 
    width: 99%;
    font-family: 'Baloo Tamma 2', cursive;    
    margin-bottom: 5px; 
}

.barra_campos{
    font-size: 15px;  
    background: #F5F5F5;    
    box-shadow: 1px 1px 1px 1px #DCDCDC; 
    width: 99%;
    font-family: 'Baloo Tamma 2', cursive;    
    margin-bottom: 5px;
    line-height: 3;
}

.font{
    font-size: 14px;   
    font-family: 'Baloo Tamma 2', cursive;  
    color: #000;
    text-decoration: none;
}

.tabelas{
    box-shadow: 1px 1px 1px 1px #DCDCDC;
    font-family: 'Baloo Tamma 2', cursive;
    font-size: 14px;
    background: #F5F5F5;
    width: 99%;
    margin-bottom: 5px;	
}