body { background:#FFF; font-size:14px; }
.bgConcurso { margin-top:0px;  background:#FFF url(background.svg) top left repeat-x;
    min-height: 300px;
    position: absolute;
    background-size: 400px auto;
    width: 100%;
    z-index: 1;
    padding-bottom: 10px;} 
#DadosEmpresa { display:none; }

#Topo {
    height: auto;
    overflow: hidden;
    padding-bottom: 20px;
    margin-bottom: 60px;
    background: #fff;
    height: auto;
    overflow: hidden;
    border-bottom: 3px solid #ed305c ;
    padding-bottom: 20px;
    background: linear-gradient(to right,#2c2385 30%,#5352ed);
}

#TopLogin{
    color: #FFF;
}

.esqueci{
    color: #FFF;
}

#MenuLateral{
    margin-top: -60px;
}

#TopLogin h3 span { border-radius:20px; background-color:#ed305c }
.botao.preto { background-color:#ed305c; border:1px solid #ed305c }

.Miolo {
    border: 1px solid #dfe6e9;
    margin-top: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.mioloInterna {
    margin: 30px 20px;
}

h2.tituloPagina {
    border-bottom: 2px solid #2c2385;
    margin: 20px 20px 0 20px;
    line-height: 70px;
}

.bgConcurso h3 {
    margin-bottom: 0;
    width: 180px;
    font-size: 16px;
    margin-bottom: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
    border-bottom: 2px solid #4834d4;;
    color: #4b4b4b;
}
    
.bgConcurso .CategoriasConcursos ul {
    padding: 5px;
    width: 180px;
    padding: 0px;
    border-left: 0px solid #ecf0f1;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}
    
.bgConcurso .CategoriasConcursos ul li a {
    background: linear-gradient(to right, #5352ed ,#2c2385);
}

.bgConcurso .CategoriasConcursos ul li a:hover,
.bgConcurso .CategoriasConcursos ul li.ativo a {
    background: #2c2385;
    color: #fff;
}


@media (max-width: 580px) {
    body{
        color: #2c3e50 !important;
    }
   button{ 
        border-radius: 3px;
        background: linear-gradient(to right,#2c2385 30%,#5352ed); 
    }
    .btn-wrapper{
        background: #FFF;
    }
    .menu-title{
        font-size: 16px !important;
        color: #2c3e50;
    }

    .vagas > .botao{
        background: #5352ed;
        color: #FFF;
        font-size: 14px;
        border-radius: 4px;
    }
    #TopoMobile{
        background: linear-gradient(to right,#2c2385 30%,#5352ed);
    }
    #menu-mobile .menu-indicador{
        color: #FFF;
    }
}