@media only screen and (max-width: 480px) and (orientation: portrait) {
    /* For mobile phones: */
    .tabelas{
        padding: 0;
        width: 100%;
    }
    .imagem{
        height: 10%;
    }
   
    .table {
        width: 100%;
        font-size: 8px;
    }
    
}

@media only screen and (max-width: 480px) and (orientation: landscape) {
    /* For mobile phones: */
    .table {
        width: 100%;
        font-size: 10px;
    }
    
}
.margema{
    margin:5px 5px 5px 10px;
}

.margemb{
    margin:5px 0px 5px -10px;
    
}


.aviso{
    border: 2px solid #000;
    text-align: center;
    padding: 5px;
}

.avisorisco{
    border: 2px solid #000;
    text-align: center;
    font-size: 8px;
}

#tabelamarti2, #tabelapro2, #tabela1232, #tabelasoros2{
    display: none;
}

.tabela{
    width: 100%;
}


.icones{
    text-align: center;
    height: 50px;
    width: 100%;
}

.icone1{
    height: 50px;
    width: 50px;
}

.fundo{
    background-image: url(../images/fundo.jpg);
    width: 100%;
    opacity: 0.60;
}

.ft{
    float: left;
    width: 40%;
    margin: 2px;
}

.fimfloat{
    clear: both;
}

.textomet{
    background-color: #ccc;
    border: 2px solid #ccc;
    border-radius: 4px;
    padding: 4px;
    margin: 4px;
}

.bots{
    margin-top: 0px;
}