.primeiro
    { border-left: 5px solid #3498db; padding: 5px; height: 40px;
        }
     .primeiro:hover{

    background: none repeat scroll 0 0 #3887bd;
    height: 40px;
    transition: all 0.65s ease 0s;
    width: 700px;
    color: #fff;
    
    }
    
     
    .primeiro:hover .txt{
     color: #fff;
    }    
    
    .primeiro:hover .categoria{
     color: #fff;
    } 
    
        .alert
    { border-left: 5px solid #e74c3c; padding: 5px; height: 40px;
        }
    
        .alert:hover{

    background: none repeat scroll 0 0 #c0392b;
    height: 40px;
    transition: all 0.65s ease 0s;
    width: 700px;
    color: #fff;    }
    
          
    .alert:hover .txt{
     color: #fff;
    }    
    
    .alert:hover .categoria{
     color: #fff;
    }   
        
    
    
        .apoiados
    { border-left: 5px solid #2ecc71; padding: 5px; height: 40px;
        }
    
      .apoiados:hover{

    background: none repeat scroll 0 0 #27ae60;
    height: 40px;
    transition: all 0.65s ease 0s;
    width: 700px;
    color: #fff;
    
    }    
  
    .apoiados:hover .txt{
     color: #fff;
    }    
    
    .apoiados:hover .categoria{
     color: #fff;
    }
   
  
    .txt {
    color: #777;
    display: block;
    font-family: Roboto;
    font-size: 0.875rem;
    font-weight: 300 !important;
    position: relative;
    text-transform: uppercase;
    transition: all 0.25s linear 0s;
    z-index: 1;
    }
    .categoria {
    color: #464652;
    font-family: Roboto;
    font-size: 1.125rem;
    font-weight: 700 !important;
    text-transform: uppercase;
    transition: all 0.25s linear 0s;
}
    .titulo {
    color: #464652;
    font-family: Roboto;
    font-size: 1.125rem;
    font-weight: 700 !important;
    text-transform: uppercase;
    transition: all 0.25s linear 0s;
    border: 1px solid #ccc;    
    padding: 10px;
}
    
    .table {
    width: 730px;
    }
    
    .table tr td {
       background-color: #fff;
	   padding-top: 5px;
    }
    
    
    .eventosAnoreg { width: 10px;
    height: 10px; background-color:#3498db; border: 5px solid #3498db; margin: 5px;
 }
    .eventosPendentes {
        height: 10px; background-color:#3498db; border: 5px solid #c0392b; margin: 5px;
    }
    .eventosLigadosaAnoreg{
        height: 10px; background-color:#3498db; border: 5px solid #2ecc71; margin: 5px;
    }