/* section */
section {
    padding: 36px 0;
}

    section::after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        line-height: 0;
        visibility: hidden;
    }

.section-home {
    padding: 0;
    margin: 0;
}

.section-titulo {
    background-color: #2e3658;
    width: 100%;
}

/* sections-portal */
.section-portal-titulo {
    background-color: #2e3658;
    padding: 38px 32px;
}

.section-portal-sobre {
    background-color: #2e3658;
    padding: 38px 38px;
}

/* sections-inscricao */
.section-inscricao-resumo {
    padding: 36px 0 15px 0;
}

.section-inscricao-informacao,
.section-inscricao-valores {
    padding: 15px 0;
}

/* footer */
.footer {
    padding: 32px 0;
    background-color: #2e3658;
}

.footer-texto {
    color: #F26805;
    font-weight: 700;
    font-size: 75%;
    line-height: 68px;
    float: left;
    left: 10%;
    margin-left: 10px;
}

.footer-img-centro {
    height: 70px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.footer-img-direita {
    height: 70px;
    float: right;
    margin-right: 10%;
}

/* top */
.top-menu {
    background-color: #d1d5e7;
    position: fixed; /* pra fixar, Set the navbar to fixed position */
    top: 0; /* pra fixar. Position the navbar at the top of the page */
    width: 100%;
    z-index: 1;
    box-shadow: 0 3px 5px 3px #3f4b79;
    margin-bottom: 3px;
    z-index: 3;
}

.top-line {
    width: 100%;
    height: 29px;
    display: block;
    background-color: #222842;
    margin: 0;
}

.top-links {
    background-color: #f2f4f8;
}

.top-nav-right {
}

    .top-nav-right li {
        display: inline;
        float: left;
    }

        .top-nav-right li:before {
            content: '';
        }

        .top-nav-right li a:link,
        .top-nav-right li a:visited {
            padding: 0 12px 0;
            display: block;
            box-sizing: border-box;
            border-top: 2px solid #006195;
            color: #006195;
            font-size: 75%;
            font-weight: 700;
            height: 70px;
            line-height: 70px;
            text-transform: uppercase;
            text-decoration: none;
            transition: all 0.20s linear 0s;
            -o-transition: all 0.20s linear 0s;
            -ms-transition: all 0.20s linear 0s;
            -moz-transition: all 0.20s linear 0s;
            -webkit-transition: all 0.20s linear 0s;
        }

        .top-nav-right li a:hover,
        .top-nav-right li a:active,
        .top-nav-right li.active-item a {
            background: none repeat scroll 0 0;
            border-top: 2px solid #F37820;
            color: #F37820;
            position: relative;
        }

.top-menu-lbl-cinzento {
    color: #bdc3c7;
    font-size: 70%;
    font-weight: 500;
    text-decoration: none;
    height: 23px;
}

.social-facebook-top {
    background-color: #bdc3c7;
    height: 22px;
    width: 22px;
    border-radius: 50px;
    color: #d1d5e7;
    display: inline-block;
    margin: 4px 0 1px 0;
    transition: all 0.20s linear 0s;
    -o-transition: all 0.20s linear 0s;
    -ms-transition: all 0.20s linear 0s;
    -moz-transition: all 0.20s linear 0s;
    -webkit-transition: all 0.20s linear 0s;
}

    .social-facebook-top:hover {
        background-color: #e67e22;
    }

    .social-facebook-top i {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        display: block;
        padding: 2px 5px 3px 5px;
        text-align: center;
        font-size: 80%;
        color: #222842;
    }

.logo-img-top {
    padding: 2px 0 2px 5px;
    max-width: 100%;
    width: auto;
    height: 70px;
    display: block;
    border: 0;
}

/* anchor */
a.anchor {
    display: block;
    position: relative;
    top: -130px;
    visibility: hidden;
}

/* labels */

.lbl-sub-titulo {
    color: #3e464d;
    font-size: 110%;
    font-weight: 700;
    text-decoration: none;
    display: block;
    float: left;
    text-decoration: underline;
    letter-spacing: 0.5px;
}

.lbl-negrito {
    color: #3e464d;
    font-size: 90%;
    font-weight: 500;
    text-decoration: none;
    display: block;
    float: left;
}

.lbl-laranja {
    color: #F26805;
    font-size: 90%;
    font-weight: 500;
    text-decoration: none;
}

.lbl-resposta {
    color: #3e464d;
    font-size: 90%;
    font-weight: 700;
    text-decoration: none;
    display: block;
    float: left;
    padding-left: 3px;
}

.tbx-simples {
    display: block;
    color: #F26805;
    font-size: 85%;
    font-weight: 500;
    text-decoration: none;
}

.rbl-simples {
    background-color: transparent;
    display: block;
    color: #F26805;
    font-size: 90%;
    font-weight: 500;
    text-decoration: none;
}

    .rbl-simples td {
        padding-left: 5px;
    }

/* texto */
.regiao-texto {
    text-align: justify;
}

    .regiao-texto ul {
        margin-left: 20px;
    }

.texto-centralizado {
    text-align: center;
    width: 100%;
}

/* botões */
.btn-inscrevase {
    background-color: transparent;
    width: 130px;
    margin: 0 auto;
    font-size: 85%;
    font-weight: 500;
    padding: 5px;
    text-align: center;
    cursor: pointer;
    border: 1px solid #FBA840;
    color: #FBA840;
    text-decoration: none;
    display: block;
}

    .btn-inscrevase:hover,
    .btn-inscrevase:active {
        background-color: rgba(251, 168, 64, 0.2);
    }

.btn-proximo {
    background-color: transparent;
    width: 100%;
    padding: 3px;
    text-align: center;
    cursor: pointer;
    border: 1px solid #F26805;
    color: #f26805;
}

    .btn-proximo:hover,
    .btn-proximo:active {
        background-color: rgba(242, 104, 5, 0.2);
    }

.btn-voltar {
    background-color: transparent;
    width: 100%;
    padding: 3px;
    text-align: center;
    cursor: pointer;
    border: 1px solid #b15d75;
    color: #b15d75;
}

    .btn-voltar:hover,
    .btn-voltar:active {
        background-color: rgba(199, 139, 156, 0.2);
    }

/* visualizar somente */
.lbl-voltar:link, .lbl-voltar:visited {
    font-weight: 700;
    font-size: 125%;
    color: #2c7240;
    border-bottom: 2px solid #2c7240;
    text-decoration: none;
    transition: all 0.20s linear 0s;
    -o-transition: all 0.20s linear 0s;
    -ms-transition: all 0.20s linear 0s;
    -moz-transition: all 0.20s linear 0s;
    -webkit-transition: all 0.20s linear 0s;
}

.lbl-voltar:hover,
.lbl-voltar:active {
    color: #26A65B;
    border-bottom: 2px solid #26A65B;
}
    
/* inscrição somente */
.div-pagamento {
    min-height: 52px;
    margin: auto;
    overflow: auto;
}

/* portal somente */
.box-curso {
    max-width: 380px;
    margin: auto;
    text-align: center;
}

    .box-curso a {
        text-decoration: none;
    }

        .box-curso a div {
            margin: 0 auto 5px auto;
            width: 200px;
            height: 150px;
        }

            .box-curso a div img {
                z-index: 1;
                margin: 0 25px;
                position: absolute;
                border: 0;
                display: block;
                max-width: 100%;
                width: auto;
            }

.curso-titulo {
    color: #F37820;
    font-weight: 700;
    font-size: 100%;
    letter-spacing: -1px;
    margin: 0 0 0.25em;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    text-decoration: none;
}

.curso-subtitulo {
    font-size: 90%;
    color: #E67E22;
    font-weight: 700;
    letter-spacing: -1px;
    margin: 0 0 0.25em;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    text-decoration: none;
}

.lbl-vazio {
    color: #F37820;
    font-size: 170%;
    font-weight: 500;
    text-decoration: none;
    display: block;
    text-align: center;
    text-justify: inter-word;
    width: 100%;
}

.sobre-bloco {
    padding: 38px 20px;
    margin-left: auto;
    margin-right: auto;
}

.sobre-img {
    max-width: 400px;
    max-height: 300px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.sobre-div-texto {
    max-width: 600px;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
}

.sobre-titulo {
    font-size: 225%;
    font-weight: 900;
    color: #F37820;
    padding: 0 0 10px 0;
    font-family: 'Open Sans', sans-serif;
}

.sobre-texto {
    color: #b7591e;
    font-weight: 700;
    font-size: 75%;
    text-align: justify;
}

.tabs {
    display: block;
}

.tab-nav {
    display: table;
}

.contato-linha {
    width: 100%;
    margin: 5px 5px 5px 0;
}

.contato-img {
    max-width: 300px;
    max-height: 250px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.contato-input {
    text-align: justify;
    background-color: #e7e9f3;
    border: 1px solid transparent;
    border-radius: 3px;
    font-size: 85%;
    font-weight: 200;
    padding: 10px 5px;
    width: 100%;
    transition: border .5s;
    color: #34495E;
}

    .contato-input:focus {
        border: 1px solid #0a7aa5;
        box-shadow: none;
    }

.contato-btn {
    -moz-box-shadow: inset 0px 1px 0px 0px #f89b53;
    -webkit-box-shadow: inset 0px 1px 0px 0px #f89b53;
    box-shadow: inset 0px 1px 0px 0px #f89b53;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e67e22), color-stop(1, #f26805));
    background: -moz-linear-gradient(top, #e67e22 5%, #d05b36 100%);
    background: -webkit-linear-gradient(top, #e67e22 5%, #d05b36 100%);
    background: -o-linear-gradient(top, #e67e22 5%, #d05b36 100%);
    background: -ms-linear-gradient(top, #e67e22 5%, #d05b36 100%);
    background: linear-gradient(to bottom, #e67e22 5%, #d05b36 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e67e22', endColorstr='#d05b36',GradientType=0);
    background-color: #f89b53;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #CC6217;
    display: inline-block;
    cursor: pointer;
    color: #d1d5e7;
    font-size: 83%;
    font-weight: 700;
    text-decoration: none;
    text-shadow: 0px 1px 0px #222842;
    padding: 6px 0px;
    width: 200px;
    text-align: center;
}

    .contato-btn:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d05b36), color-stop(1, #e67e22));
        background: -moz-linear-gradient(top, #d05b36 5%, #e67e22 100%);
        background: -webkit-linear-gradient(top, #d05b36 5%, #e67e22 100%);
        background: -o-linear-gradient(top, #d05b36 5%, #e67e22 100%);
        background: -ms-linear-gradient(top, #d05b36 5%, #e67e22 100%);
        background: linear-gradient(to bottom, #d05b36 5%, #e67e22 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d05b36', endColorstr='#e67e22',GradientType=0);
        background-color: #d05b36;
    }

    .contato-btn:active {
        position: relative;
        top: 1px;
    }

.endereco {
    font-size: 75%;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    color: #F37820;
    text-align: justify;
    margin: 5px 5px 5px 0;
}

.social {
    font-size: 75%;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    color: #F37820 !important;
    display: inline-block;
    position: relative;
    text-decoration: none !important;
    padding: 0 5px;
}

.social-facebook {
    background-color: #F37820;
    height: 25px;
    width: 25px;
    border-radius: 50px;
    color: #d1d5e7;
    display: inline-block;
    margin: 5px 5px 5px 0;
}

    .social-facebook i {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        display: block;
        padding: 2px 6px 3px 5px;
        text-align: center;
    }

.contato-mapa {
    padding: 20px 5px;
}

.contato-iframe {
    width: 100%;
    height: 450px;
    border: 0;
}