.topopravaler {
    height: 450px;
    margin: 0px;
    /*background: #fff url(http://fate.edu.br/wp-content/uploads/sites/2/2015/06/PraValerBannerSite.png) no-repeat top center;*/
    background: #eb5b00 url(http://fate.edu.br/wp-content/themes/faculdade/assets/images/pravaler/financiamento-sem-juros-graduacao-pravaler.jpg) no-repeat top center;
    /*background: #fff url(http://fate.edu.br/wp-content/themes/faculdade/assets/images/pravaler/topo-pravaler2.png) no-repeat top center*/
}

.topopravaler-pos {
    background: #eb5b00 url(http://fate.edu.br/wp-content/themes/faculdade/assets/images/pravaler/financiamento-sem-juros-pos-pravaler.jpg) no-repeat top center;
}

.vantagenspravaler {
    padding: 60px 0px 50px 0px;
    margin-bottom: 0px
}

.vantagenspravaler .itens .icon {
    width: 75px;
    height: 75px;
    float: left;
}

.vantagenspravaler .itens .content p {
    color: #eb5b00;
    font-size: 16px
}

.vantagenspravaler .itens .content span {
    font-weight: #ffbc01;
}

.vantagenspravaler .line {
    height: 1px;
    background: #eb5b00;
    margin: 30px 0px
}

.tabelapravaler {
    /*height: 600px;*/
    padding: 20px 0px 0px 0px;
    background: #501a8b;
    margin: 0px;
}

.tabelapravaler .container .title, .vantagenspravaler .title {
    margin: 40px 0px;
    text-align: center;
}

.tabelapravaler .container .title h2, .vantagenspravaler .title h2 {
    font-weight: normal;
    font-size: 32px;
    color: #ffffff;
    letter-spacing: -1px;
}

.tabelapravaler .container .title h2 span {
    color: #ffbc01;
    font-weight: bold;
}
.vantagenspravaler .title {margin: 0px 0px 60px 0px;}
.vantagenspravaler .title h2 {color: #4d4d4d; margin: 0px;}
.vantagenspravaler .title h2 span { color: #501a8b; }

.tabelapravaler table {
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
}

.tabelapravaler .table {
    width: 100%;
    margin-bottom: 20px;
}

.tabelapravaler .table th,.tabelapravaler .table td {
    border: #501a8b solid 5px;
    font-size: 14px;
    padding: 15px 20px;
    line-height: 14px;
    text-align: center;
    vertical-align: middle;
    background: #FFF;
    width: 700px;
}

.tabelapravaler .table th {
    line-height: 20px;
}

.tabelapravaler .table td:last-child {
    border-right: 0;
}

.tabelapravaler .table thead th {
    font-weight: bold;
    color: black;
    font-size: 22px;
}

.tabelapravaler .table thead th:nth-child(1) {
    background-color: transparent;
    /*border-color: transparent;*/
}

.tabelapravaler .table thead th:nth-child(2), .tabelapravaler .table tbody tr td:nth-child(2) {
    background-color: #ffbc01;
    color: #000000;
}

.tabelapravaler .table thead th:nth-child(3) {
    /*background-color: gray;*/
}

.passoapasso {
    /*height: 600px;*/
    padding-bottom: 50px;
    margin: 0px;
    background: #501a8b;
}

.passoapasso h2 {
    padding: 50px 0px;
    text-align: center;
    font-size: 30px;
    color: #fff;
    font-weight: bold
}

.passoapasso .passo .border-icon {
    border: 2px solid #501a8b;
    background: #501a8b;
    border-radius: 100%;
    width: 130px;
    height: 130px;
    float: left;
    margin: 20px 10px 0px 0px
}

.passoapasso .passo .border-icon .icon {
    margin: 27px 0 0 27px;
    color: transparent;
}

.passoapasso .passo .content h3 {
    font-size: 40px;
    margin: 0px
}

.passoapasso .passo .content p {
    color: #fff;
    line-height: 18px;
    margin-top: 5px
}

.passoapasso .passo .content .btn-yellow {
    background-color: transparent;
    border-color: #ffbc00;
    color: #ffbc00;
    border-radius: 5px;
    padding: 10px 15px;
    border: 1px solid #ffbc00;
    width: 100%;
    margin: 20px 0px;
    font-weight: bold;
    font-size: 22px;
}

.passoapasso .passo .content .btn-yellow:hover {
    background-color: #ffbc00;
    border-color: #ffbc00;
    color: #501a8b;
    -o-transition: .2s;
    -ms-transition: .2s;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    transition: .2s
}

.passoapasso .btn-simulador {
    color: #ffbc00;
    border: 1px solid #ffbc00;
    border-radius: 5px;
    padding: 15px;
    text-align: center;
    font-size: 18px;
    text-transform: uppercase
}

.passoapasso .botoes {
    padding: 10px 0px 0px 0px
}

.passoapasso .botoes .btn-ligamos {
    background: url(http://fate.edu.br/wp-content/themes/faculdade/assets/images/pravaler/btn-ligamos.png) no-repeat center center;
    height: 120px
}

.passoapasso .botoes .simulador {
    background: url(http://fate.edu.br/wp-content/themes/faculdade/assets/images/pravaler/img-simulacao.png) no-repeat center center;
    height: 120px
}

.icon-money,.icon-coffee,.icon-clocking,.icon-percent,.icon-cap,.icon-validate,.icon-user,.icon-pen,.icon-doc,.icon-call,.icon-arrow {
    background: url(http://fate.edu.br/wp-content/themes/faculdade/assets/images/pravaler/sprites.png) no-repeat
}

.icon-money {
    background-position: 0 0;
    width: 75px;
    height: 75px
}

.icon-coffee {
    background-position: -75px 0;
    width: 75px;
    height: 75px
}

.icon-clocking {
    background-position: -150px 0;
    width: 75px;
    height: 75px
}

.icon-percent {
    background-position: -225px 0;
    width: 75px;
    height: 75px
}

.icon-cap {
    background-position: -300px 0;
    width: 75px;
    height: 75px
}

.icon-validate {
    background-position: -375px 0;
    width: 75px;
    height: 75px
}

.icon-user {
    background-position: 0 -75px;
    width: 75px;
    height: 75px
}

.icon-pen {
    background-position: -75px -75px;
    width: 75px;
    height: 75px
}

.icon-doc {
    background-position: -150px -75px;
    width: 75px;
    height: 75px
}

.icon-call {
    background-position: -225px -75px;
    width: 75px;
    height: 75px
}

.icon-arrow {
    background-position: -300px -75px;
    width: 75px;
    height: 75px
}