body,html{
    margin:0;
    padding:0;
}



#wrapper-barra-brasil{
    
    height:30px;
    
}

.brasil-flag{
    height:30px;
    box-sizing: initial;
}




a.box-link{
    background-color:#E1E1E1; 
    display:block; 
    padding:20px;
    text-decoration: none;
    float:left;
    font-size:32px;
    width:200px;
    border-bottom:solid 1px #ccc;
}

a:hover.box-link{
    background-color:#FFFFFF; 
}

.form_erro{
    background:#FFFFFF url('erp/diplim/imagens/ico-erro.png') no-repeat ;
    background-position: 280px 15px;
    border:solid 1px #FF0000;
}

.form_success{
    background:#FFFFFF url('erp/diplim/imagens/ico-ok.png') no-repeat ;
    background-position: 280px 15px;
    border: solid 1px #CCCCCC;
}


.container{
    width:500px;
}

a.box-aluno{
    float:left;
}

a.box-servidor{
    float:right;
}



@media screen and (max-width: 770px) {

    #barra-brasil{
        display:none;
    }

    .container{
        width:100%;
    }

    .box-aluno{
        width:100%;
        float:none;
        margin-bottom: 30px;
    }

    .box-servidor{
        width:100%;
        float:none;
        margin-bottom: 30px;
    }

    a.box-link{
        float:none;
        width:100%;
    }

}