a{
    text-decoration: none;
    color: white;
}
a:hover{
    color: white;
}
body{
    padding: 0;
    margin: 0;
    background: #0c3f6a;
}
.linkt{
    width: 30%;
    margin-left: 35%;
    margin-right: 35%;
}
.banner{
    width: 100%;
    background: white;
}
.img-banner{
    width: 100%;
}
.botoes{
    width: 100%;
    background: #0c3f6a;
}
.linha{
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 10%;
    height: 18vh;
}
.linha2{
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 3%;
    height: 18vh;
}
.esq{
    width: 33%;
    border-left: 2px solid white;
    float: left;
}
.esq:hover{
    cursor: pointer;
    background: #6bace2;
}
.meio:hover{
    cursor: pointer;
    background: #6bace2;
}
.direita:hover{
    cursor: pointer;
    background: #6bace2;
}
.meio{
    width: 34%;
    border-left: 2px solid white;
    border-right: 2px solid white;
    float: left;
}
.direita{
    width: 33%;
    border-right: 2px solid white;
    float: right;
}
.img-bot{
    width: 70%;
    margin-left: 15%;
    margin-right: 15%;
}
.rodape{
    width: 100%;
}
.img-rod{
    width: 30%;
    margin-left: 35%;
    margin-right: 35%;
    margin-top: 3%;
}
.img-pe{
    width: 100%;
}