@charset "utf-8";
/* CSS Document */

body {
    background-image: url('../images/ceu_azul.gif');
    color: #61380B;
    padding: 0px;
}

/*início da nav - bloco de navegação*/
.navbar-light {
    /*tipo e configuração da navbar*/
    width: 80%;
    margin: 0px auto;

    background-image: linear-gradient(to bottom, #5882FA, #CEE3F6);
}

.navbar {
    border-radius: 0px;
    border: 0px;
}

.navbar-nav {
    margin-top: -5%;
    padding-bottom: 8%;
    align-items: center;
    width: 100%;
}

@media (min-width:768px) {
    /*aqui definimos para barra de menus ficar alinhada na horizontal*/

    .navbar-nav {
        display: flex;
        justify-content: right;
    }

    .col-sm-12 {
        margin-top: -30px;
    }
}

.navbar-nav li {
    float: none;
    display: inline;
}

.navbar-nav li a {
    display: inline-block;
    color: #8B4513;
    padding-top: 1px;
    padding-bottom: 1px;
    font-size: 22px;
}

/*para dispositivos menores*/


.vertical {
    /*separadores dos itens do menu*/
    border: solid 1px #8B4513;
    width: 0.3px;
    height: 15px;
}

.navbar-nav>li>a:hover {
    color: #08298A;
    background-color: transparent;
}

.navbar-header img {
    margin-top: -15px;
    margin-left: 10px;
    width: 90px;
}

.dropdown-menu {
    position: absolute;
    background-color: #A9BCF5;
    top: 130%;
}


hr {
    font-size: 10px;
    text-align: center;
    width: 50%;
    border-top: 2px groove #CEE3F6;
    margin-top: 0px;
    margin-bottom: 0px;
}

.dropdown-menu .dropdown-item {
    margin-top: 5px;
    text-indent: 1px;
    font-size: 12px;
    padding-left: 5px;
    text-decoration: none;
}

.dropdown-menu a:visited {
    background-color: transparent;
}

.dropdown-menu a:hover {
    color: #08298A;
    background-color: transparent;
}

a#navbarDropdown.nav-link.dropdown-toggle {
    background: transparent;
}

.navbar-toggle {
    /*icone para expandir o menu*/
    position: relative;
    float: right;
    margin-top: 10px;
    padding-right: 2px;
}


/*fim do menu*/

/*   inicio conteúdo   */

.container1 {
    background-color: #A9BCF5;
    margin: -5px auto;
    width: 80%;

}

.rodape p {
    text-align: center;
    margin-top: 30px;
    padding-bottom: 100px;
}

.rodape a {
    color: #61380B;
}

.rodape a:hover {
    text-decoration: none;
    color: #0B0B61;
}

.rodape img {
    margin-left: 10px;
    margin-right: 10px;
    width: 20px;
}


/*navegação por abas*/


.tab-content li a:hover {
    text-decoration: none;
    color: #61380B;
}



.nav-tabs.nav-justified>.active>a:hover {
    color: #8B4513;
    font-weight: bold;
    text-decoration: none;
    background-color: transparent;

}

.nav-tabs li>a {
    font-size: 14px;
    color: #0B0B61;
}

.nav-tabs.nav-justified>.active>a {
    font-size: 14px;
    color: #0B0B61;

}

.nav-tabs li>a:hover {

    /*transparent;*/
    /*background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #08298A), color-stop(0.20, #fff));*/
    color: #8B4513;
    text-decoration: none;
    width: 80%;
    margin-left: 10%;
}

.nav-tabs>li.active>a {
    background-color: #4a4cee;
}

/*aba1*/

#painel1 {
    margin-top: 30px;
    padding-bottom: 50px;

}

#painel1 .contentPainel1 {
    width: 80%;
    margin: 20px auto;
}

#painel1 .contentPainel1 p {
    text-align: center;
    margin-top: 40px;
}

#painel1 .ccontentPainel1 p img {
    width: 180px;
}

#painel1 .contentPainel1 h3 {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 5px;
    font-weight: bold;
}

#painel1 .contentPainel1 h4 {
    font-style: italic;
    text-align: center;
    margin-bottom: 40px;
    margin-top: 35px;
    font-weight: bold;
}

#painel1 .contentPainel1 ul {
    margin-top: 15px;
    margin-left: 20px;
    font-size: 22px;
    color: #8B4513;
}

#painel1 .contentPainel1 ul li {
    align-items: center;
    margin-top: 5px;
    font-size: 18px;
    margin-left: 5%;
    list-style-image: url('../images/lupa3.png');
    /*não aparecem os marcadores- bolinhas - na lista, mas imagem lupa*/
}

#painel1 .contentPainel1 li a {
    text-decoration: none;
    color: #0B0B61;
}

#painel1 .contentPainel1 li a:hover {
    color: #8B4513;
}

#painel1 .contentPainel1.rodape p {
    text-align: center;
    font-style: italic;
}

#painel1 .contentPainel1 .rodape img {
    margin-left: 10px;
    margin-top: -10px;
    width: 30px;
}


/*aba2*/

#painel2 .section1 {
    width: 70%;
    margin: 50px auto;
}

#painel2 .section1 .box {
    color: #0B0B61;
    font-size: 18px;
    border: 2px groove #CED8F6;
    border-radius: 8px;
    background-color: #5858FA;
    width: 50%;
    height: 60px;
    margin: 0px auto;

}

#painel2 .section1 h3 {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 25px;
    font-weight: bold;
}

#painel2 .section1 h4 {
    text-align: center;
    margin-top: 20px;
    padding-bottom: -15px;
}

#painel2 .section1 img {
    padding-bottom: 50px;
}

#painel2 .section2 {
    width: 70%;
    margin: 50px auto;
    padding-bottom: 300px;
}

#painel2 .section2 .box {
    color: #0B0B61;
    font-size: 18px;
    border: 2px groove #CED8F6;
    border-radius: 8px;
    background-color: #5858FA;
    width: 50%;
    height: 50px;
    margin: 0px auto;
}

#painel2 .section2 h3 {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 25px;
    font-weight: bold;
}

#painel2 .section2 h4 {
    margin-left: 10%;
    padding-top: 50px;
    padding-bottom: 30px;
    text-align: left;

}


#painel2 .section2 ul {
    margin-left: 20%;
    list-style-type: decimal;
}

#painel2 .section2 ul li {
    list-style-image: url('../images/lupa3.png');
    margin-left: 10%;
}

#painel2 .section2 ul li a {
    text-decoration: none;
}


/*aba3*/

#painel3 .section1 {
    width: 70%;
    margin: 50px auto;
}

#painel3 .section1 .box {
    color: #0B0B61;
    font-size: 18px;
    border: 2px groove #CED8F6;
    border-radius: 8px;
    background-color: #5858FA;
    width: 50%;
    height: 60px;
    margin: 0px auto;
}

#painel3 .section1 h3 {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 25px;
    font-weight: bold;
}

#painel3 .section1 h4 {
    text-align: center;
    margin-top: 30px;
}

#painel3 .section1 img {
    padding-bottom: 50px;
}

#painel3 .section2 {
    width: 70%;
    margin: 50px auto;
    padding-bottom: 30px;
}

#painel3 .section2 .box {
    color: #0B0B61;
    font-size: 18px;
    border: 2px groove #CED8F6;
    border-radius: 8px;
    background-color: #5858FA;
    width: 50%;
    height: 50px;
    margin: 0px auto;
}

#painel3 .section2 h3 {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 25px;
    font-weight: bold;
}

#painel3 .section2 h4 {
    margin-left: 10px;
    margin-top: 30px;
}

#painel3 .section2 ul {
    margin-left: 20%;
    list-style-type: decimal;
}

#painel3 .section2 ul li {
    list-style-image: url('../images/lupa3.png');
}


/*aba4*/

#painel4 .section1 {
    width: 70%;
    margin: 50px auto;
}

#painel4 .section1 .box {
    color: #0B0B61;
    font-size: 18px;
    border: 2px groove #CED8F6;
    border-radius: 8px;
    background-color: #5858FA;
    width: 50%;
    height: 60px;
    margin: 0px auto;

}

#painel4 .section1 h3 {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 25px;
    font-weight: bold;
}

#painel4 .section1 h4 {
    text-align: center;
    margin-top: 30px;
}

#painel4 .section1 img {
    padding-bottom: 50px;
}

#painel4 .section2 {
    width: 70%;
    margin: 50px auto;
    padding-bottom: 30px;
}

#painel4 .section2 .box {
    color: #0B0B61;
    font-size: 18px;
    border: 2px groove #CED8F6;
    border-radius: 8px;
    background-color: #5858FA;
    width: 50%;
    height: 50px;
    margin: 0px auto;
}

#painel4 .section2 h3 {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 25px;
    font-weight: bold;
}

#painel4 .section2 h4 {
    margin-left: 10px;
    margin-top: 30px;
}

#painel4 .section2 ul {
    margin-left: 20%;
    list-style-type: decimal;
}

#painel4 .section2 ul li {
    list-style-image: url('../images/lupa3.png');
}

/*fim aba4*/

/*aba5*/

#painel5 .section1 {
    width: 70%;
    margin: 50px auto;
}

#painel5 .section1 .box {
    color: #0B0B61;
    font-size: 18px;
    border: 2px groove #CED8F6;
    border-radius: 8px;
    background-color: #5858FA;
    width: 80%;
    height: 60px;
    margin: 0px auto;

}

#painel5 .section1 h3 {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 25px;
    font-weight: bold;
}

#painel5 .section1 h4 {
    text-align: center;
    margin-top: 30px;
}

#painel5 .section1 h4 img {
    text-align: center;
    margin-top: 30px;
}


#painel5 .section2 {
    width: 70%;
    margin: 50px auto;
    padding-bottom: 30px;
}

#painel5 .section2 .box {
    color: #0B0B61;
    font-size: 18px;
    border: 2px groove #CED8F6;
    border-radius: 8px;
    background-color: #5858FA;
    width: 80%;
    height: 50px;
    margin: 0px auto;
}

#painel5 .section2 h3 {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 25px;
    font-weight: bold;
}

#painel5 .section2 h4 {
    text-align: center;
    margin-top: 30px;
}

#painel5 .section2 ul {
    margin-left: 20%;
    list-style-type: decimal;
}

#painel5 .section2 ul li {
    list-style-image: url('../images/lupa3.png');
}


/*fim aba5*/



/*aba6*/

#painel6 .section1 {
    width: 70%;
    margin: 50px auto;

}

#painel6 .section1 .box {
    border: 2px groove #CED8F6;
    border-radius: 8px;
    background-color: #5858FA;
    width: 50%;
    height: 200px;
    margin: 10% auto;

}

#painel6 .section1 h3 {
    text-align: center;
    padding-top: 5%;
    padding-bottom: 5%;
    font-weight: bold;
    font-size: 18px;
}

#painel6 .section1 h3 a {
    color: #0B0B61;
}

#painel6 .section1 a:hover {
    color: #8B4513;
    text-decoration: none;
}

/*fim aba6*/



/*aba7 */

#painel7 .section1 {
    width: 70%;
    margin: 50px auto;
}

#painel7 .section1 .box {
    color: #0B0B61;
    font-size: 18px;
    border: 2px groove #CED8F6;
    border-radius: 8px;
    background-color: #5858FA;
    width: 50%;
    margin: 0px auto;
    height: 80px;
}

#painel7 .section1 h3 {
    text-align: center;
    padding-top: 2%;
    font-weight: bold;
}

#painel7 .section1 h4 {
    text-align: center;
}

#painel7 .section1 img {
    padding-bottom: 30px;
}

#painel7 .section2 {
    width: 70%;
    margin: -20px auto;
}

#painel7 .section2 .box {
    color: #0B0B61;
    font-size: 18px;
    border: 2px groove #CED8F6;
    border-radius: 8px;
    background-color: #5858FA;
    width: 50%;
    margin: 0px auto;
    height: 80px;
}

#painel7 .section2 h3 {
    text-align: center;
    padding-top: 2%;
    font-weight: bold;
}

#painel6 .section2 h4 {
    margin-top: 30px;
    text-align: center;
}

#painel7 .section2 ul {
    margin-left: 20%;
    list-style-type: none;
}

#painel7 .section2 ul li {
    list-style-image: url('../images/lupa3.png');
}

/* fim aba 7*/

/*aba8 */
#painel8 .section1 {
    width: 70%;
    margin: 50px auto;
}

#painel8 .section1 .box {
    color: #0B0B61;
    font-size: 18px;
    border: 2px groove #CED8F6;
    border-radius: 8px;
    background-color: #5858FA;
    width: 50%;
    margin: 0px auto;
    height: 80px;
}

#painel8 .section1 h3 {
    text-align: center;
    padding-top: 2%;
    font-weight: bold;
}

#painel8 .section1 h4 {
    text-align: center;
}

#painel8 .section1 img {
    padding-bottom: 30px;
}

#painel8 .section2 {
    width: 70%;
    margin: -20px auto;
}

#painel8 .section2 .box {
    color: #0B0B61;
    font-size: 18px;
    border: 2px groove #CED8F6;
    border-radius: 8px;
    background-color: #5858FA;
    width: 50%;
    margin: 0px auto;
    height: 80px;
}

#painel8 .section2 h3 {
    text-align: center;
    padding-top: 2%;
    font-weight: bold;
}

#painel8 .section2 h4 {
    margin-top: 30px;
    text-align: center;
}

#painel8 .section2 ul {
    margin-left: 20%;
    list-style-type: none;
}

#painel8 .section2 ul li {
    list-style-image: url('../images/lupa3.png');
}

/*fim aba8*/

/*aba9*/

#painel9 .section1 {
    width: 70%;
    margin: 50px auto;
}

#painel9 .section1 .box {
    color: #0B0B61;
    font-size: 18px;
    border: 2px groove #CED8F6;
    border-radius: 8px;
    background-color: #5858FA;
    width: 50%;
    margin: 0px auto;
    height: 80px;
}

#painel9 .section1 h3 {
    text-align: center;
    padding-top: 2%;
    font-weight: bold;
}

#painel9 .section1 h4 {
    text-align: center;
}

#painel9 .section1 img {
    padding-bottom: 30px;
}

#painel9 .section2 {
    width: 70%;
    margin: -20px auto;
}

#painel9 .section2 .box {
    color: #0B0B61;
    font-size: 18px;
    border: 2px groove #CED8F6;
    border-radius: 8px;
    background-color: #5858FA;
    width: 50%;
    margin: 0px auto;
    height: 80px;
}

#painel9 .section2 h3 {
    text-align: center;
    padding-top: 2%;
    font-weight: bold;
}

#painel9 .section2 h4 {
    margin-top: 30px;
    text-align: center;
}

#painel9 .section2 ul {
    margin-left: 20%;
    list-style-type: none;
}

#painel9 .section2 ul li {
    list-style-image: url('../images/lupa3.png');
}

/*fim aba9*/



/*aba10*/

#painel10 .section1 {
    width: 70%;
    margin: 50px auto;
}

#painel10 .section1 .box {
    color: #0B0B61;
    font-size: 18px;
    border: 2px groove #CED8F6;
    border-radius: 8px;
    background-color: #5858FA;
    width: 50%;
    margin: 0px auto;
    height: 80px;
}

#painel10 .section1 h3 {
    text-align: center;
    padding-top: 2%;
    font-weight: bold;
}

#painel10 .section1 h4 {
    text-align: center;
}

#painel10 .section1 img {
    padding-bottom: 30px;
}

#painel10 .section2 {
    width: 70%;
    margin: -20px auto;
}

#painel10 .section2 .box {
    color: #0B0B61;
    font-size: 18px;
    border: 2px groove #CED8F6;
    border-radius: 8px;
    background-color: #5858FA;
    width: 50%;
    margin: 0px auto;
    height: 80px;
}

#painel10 .section2 h3 {
    text-align: center;
    padding-top: 2%;
    font-weight: bold;
}

#painel10 .section2 h4 {
    margin-top: 30px;
    text-align: center;
}

#painel10 .section2 ul {
    margin-left: 20%;
    list-style-type: none;
}

#painel10 .section2 ul li {
    list-style-image: url('../images/lupa3.png');
}

/*fim aba10*/



/*media querys--------------------------------------------------------------------------------------*/

@media(max-width: 339px) {
    /*dispositivos extra small */

    /*menu*/

    .navbar-nav {
        margin-top: 12px;
    }

    .navbar-collapse {
        text-align: center;
        padding: 0;
        margin: 1% auto;
    }

    .navbar-nav li {
        text-align: center;
    }

    .navbar-nav li a {
        font-size: 12px;
        text-align: center;
    }

    .navbar-header img {
        width: 60px;
        padding-left: 15px;
        padding-top: 10%;
    }

    .navbar-header h5 {
        font-style: italic;
        font-size: 10px;
        margin-left: 18px;
    }

    /*fim menu*/

    /*abas*/

    .container1 {
        width: 100%;
        margin-top: -10px;
    }

    /*aba1*/

    #painel1 .contentPainel1 {
        margin: 5px auto;
        padding: 0;
    }

    #painel1 .contentPainel1 p {
        font-size: 12px;
    }

    #painel1 .contentPainel1 p img {
        width: 100px;
    }

    #painel1 .contentPainel1 h3 {
        font-size: 1.0em;
        text-align: center;
    }

    #painel1 .contentPainel1 h4 {
        font-size: 0.9em;
        font-style: italic;
    }

    #painel1 .contentPainel1 ul {
        margin-left: -2%;

    }

    #painel1 .contentPainel1 ul li {
        font-size: 12px;
    }


    /*aba2*/

    #painel2 .section1 {
        width: 80%;
        margin-top: 4%;
        margin-left: 10%;
        margin-right: 10%;
    }

    #painel2 .section1 .box {
        color: #0B0B61;
        font-size: 14px;
        border: 2px groove #CED8F6;
        border-radius: 8px;
        background-color: #5858FA;
        width: 100%;
        height: 70px;
        margin: 1px auto;
    }

    #painel2 .section1 h3 {
        text-align: center;
        padding-top: 15px;
        padding-bottom: 25px;
        font-weight: bold;
    }

    #painel2 .section1 h4 {
        text-align: center;
        margin-top: 20px;
    }

    #painel2 .section1 img {
        padding-bottom: 0px;
    }

    #painel2 .section2 {
        width: 80%;
        margin: 0px auto;
        padding-bottom: 100px;
    }


    #painel2 .section2 .box {
        color: #0B0B61;
        font-size: 14px;
        border: 2px groove #CED8F6;
        border-radius: 8px;
        background-color: #5858FA;
        width: 100%;
        height: 70px;
        margin: 1px auto;

    }

    #painel2 .section2 h3 {
        width: 50%;
        text-align: center;
        padding-top: 20px;
        font-weight: bold;
    }

    #painel2 .section2 h4 {
        width: 100%;
        text-align: left;
        font-size: 14px;
        margin-left: 0px;
    }


    #painel2 .section2 ul {
        width: 100%;
        margin-left: 2%;
        list-style-type: none;
    }

    #painel2 .section2 ul li {
        list-style-image: url('../images/lupa3.png');

    }


    /*aba3*/
    #painel3 .section1 img {
        width: 30px;
    }

    #painel3 .section1 {
        width: 80%;
        margin-top: 4%;
        margin-left: 10%;
        margin-right: 10%;
    }

    #painel3 .section1 .box {
        color: #0B0B61;
        font-size: 14px;
        border: 2px groove #CED8F6;
        border-radius: 8px;
        background-color: #5858FA;
        width: 100%;
        height: 70px;
        margin: 1px auto;
    }

    #painel3 .section1 h3 {
        text-align: center;
        padding-top: 15px;
        padding-bottom: 25px;
        font-weight: bold;
    }

    #painel3 .section1 h4 {
        text-align: center;
        margin-top: 20px;
    }

    #painel3 .section1 img {
        padding-bottom: 0px;
    }

    #painel3 .section2 {
        width: 80%;
        margin: 0px auto;
        padding-bottom: 100px;
    }


    #painel3 .section2 .box {
        color: #0B0B61;
        font-size: 14px;
        border: 2px groove #CED8F6;
        border-radius: 8px;
        background-color: #5858FA;
        width: 100%;
        height: 70px;
        margin: 1px auto;

    }

    #painel3 .section2 h3 {
        width: 50%;
        text-align: center;
        padding-top: 20px;
        font-weight: bold;
    }

    #painel3 .section2 h4 {
        width: 100%;
        text-align: left;
        margin-bottom: 10px;
        font-size: 14px;
        margin-left: 0px;
    }


    #painel3 .section2 ul {
        width: 100%;
        margin-left: 2%;
        list-style-type: none;
    }

    #painel3 .section2 ul li {
        margin-bottom: 10px;

    }


    /*aba4*/
    #painel4 .section1 img {
        width: 30px;
    }

    #painel4 .section1 {
        width: 80%;
        margin-top: 4%;
        margin-left: 10%;
        margin-right: 10%;
    }

    #painel4 .section1 .box {
        color: #0B0B61;
        font-size: 14px;
        border: 2px groove #CED8F6;
        border-radius: 8px;
        background-color: #5858FA;
        width: 100%;
        height: 70px;
        margin: 1px auto;
    }

    #painel4 .section1 h3 {
        text-align: center;
        padding-top: 15px;
        padding-bottom: 25px;
        font-weight: bold;
    }

    #painel4 .section1 h4 {
        text-align: center;
        margin-top: 20px;
    }

    #painel4 .section1 img {
        padding-bottom: 0px;
    }

    #painel4 .section2 {
        width: 80%;
        margin: 0px auto;
        padding-bottom: 100px;
    }


    #painel4 .section2 .box {
        color: #0B0B61;
        font-size: 14px;
        border: 2px groove #CED8F6;
        border-radius: 8px;
        background-color: #5858FA;
        width: 100%;
        height: 70px;
        margin: 1px auto;

    }

    #painel4 .section2 h3 {
        width: 50%;
        text-align: center;
        padding-top: 20px;
        font-weight: bold;
    }

    #painel4 .section2 h4 {
        width: 100%;
        text-align: left;
        margin-bottom: 10px;
        font-size: 14px;
        margin-left: 0px;
    }


    #painel4 .section2 ul {
        width: 100%;
        margin-left: 2%;
        list-style-type: none;
    }

    #painel4 .section2 ul li {
        margin-bottom: 10px;

    }


    /*aba5*/

    #painel5 .container {
        width: 100%;
    }

    #painel5 .section1 img {
        width: 30px;
    }

    #painel5 .section1 .box {
        font-size: 1em;
        width: 100%;
    }

    #painel5 .section1 h3 {
        padding-top: 5px;
        font-size: 12px;
    }

    #painel5 .section1 h4 {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    #painel5 .section2 .box {
        width: 100%;
    }

    #painel5 .section2 h3 {
        padding-top: 5px;
        font-size: 12px;
    }

    #painel5 .section2 h4 {
        margin-left: -10%;
        text-align: left;
    }

    #painel5 .section2 ul {
        margin-left: -5%;
    }


    /*aba6*/

    #painel6 {
        width: 90%;
        margin-left: 5%;
    }

    #painel6 .section1 {
        width: 90%;
    }

    #painel6 .section1 img {
        width: 30px;
    }

    #painel6 .section1 .box {
        font-size: 16px;
        width: 100%;
        margin-left: 0px;

    }

    #painel6 .section1 h3 {
        padding-top: 3%;
    }

    #painel6 .section1 h4 {
        margin-top: 20px;
    }

    #painel6 .section2 {
        width: 90%;
    }


    #painel6 .section2 .box {
        font-size: 16px;
        width: 100%;
        margin-left: 0px;
    }

    #painel6 .section2 h3 {
        padding-top: 4%;
    }

    #painel6 .section2 h4 {
        font-size: 14px;
    }

    #painel6 .section2 ul {
        margin-left: 2%;
    }

    /*aba7*/


    #painel7 {
        width: 90%;
        margin-left: 5%;
    }

    #painel7 .section1 {
        width: 90%;
    }

    #painel7 .section1 img {
        width: 30px;
    }

    #painel7 .section1 .box {
        font-size: 16px;
        width: 100%;
        margin-left: 0px;
    }

    #painel7 .section1 h3 {
        padding-top: 3%;
    }

    #painel7 .section1 h4 {
        margin-top: 20px;
    }

    #painel7 .section2 {
        width: 90%;
    }


    #painel7 .section2 .box {
        font-size: 16px;
        width: 100%;
        margin-left: 0px;
    }

    #painel7 .section2 h3 {
        padding-top: 4%;
    }

    #painel7 .section2 h4 {
        font-size: 14px;
    }

    #painel7 .section2 ul {
        margin-left: 2%;
    }


    /*aba8*/

    #painel8 {
        width: 90%;
        margin-left: 5%;
    }

    #painel8 .section1 {
        width: 90%;
    }

    #painel8 .section1 img {
        width: 30px;
    }

    #painel8 .section1 .box {
        font-size: 16px;
        width: 100%;
        margin-left: 5%;
    }

    #painel8 .section1 h3 {
        padding-top: 3%;
    }

    #painel8 .section2 .box {
        font-size: 16px;
        width: 100%;
        margin-left: 5%;
    }

    #painel8 .section2 h3 {
        padding-top: 4%;
    }

    #painel8 .section2 h4 {
        margin-left: -5%;
        font-size: 14px;
    }

    #painel8 .section2 ul {
        margin-left: -2%;
    }





    /*aba9*/

    #painel9 {
        width: 90%;
        margin-left: 5%;
    }

    #painel9 .section1 {
        width: 90%;
    }

    #painel9 .section1 img {
        width: 30px;
    }

    #painel9 .section1 .box {
        font-size: 16px;
        width: 100%;
        margin-left: 5%;
    }

    #painel9 .section1 h3 {
        padding-top: 3%;
    }

    #painel9 .section2 .box {
        font-size: 16px;
        width: 100%;
        margin-left: 5%;
    }

    #painel9 .section2 h3 {
        padding-top: 4%;
    }

    #painel9 .section2 h4 {
        margin-left: -5%;
        font-size: 14px;
    }

    #painel9 .section2 ul {
        margin-left: -2%;
    }

    /*aba10*/

    #painel10 .section1 img {
        width: 30px;
    }

    #painel10 .section1 .box {
        font-size: 16px;
        width: 90%;
        margin-left: 5%;
    }

    #painel10 .section1 h3 {
        padding-top: 3%;
    }

    #painel10 .section2 .box {
        font-size: 16px;
        width: 90%;
        margin-left: 5%;
    }

    #painel10 .section2 h3 {
        padding-top: 4%;
    }

    #painel10 .section2 h4 {
        text-align: center;
        font-size: 14px;
    }

    #painel10 .section2 ul {
        margin-left: 5%;
    }


}


@media (min-width: 340px) and (max-width: 575.98px) {
    /*dispositivos extra small */

    /*menu*/

    .navbar-nav {
        width: 100%;
        margin-top: 12px;
    }

    .navbar-nav li a {
        font-size: 12px;
    }

    .navbar-header img {
        width: 60px;
        padding-left: 15px;
        padding-top: 6.5%;
    }

    /*abas*/
    .container1 {
        width: 100%;
        margin-top: -20px;
    }

    /*aba1*/

    #painel1 .contentPainel1 p img {
        width: 120px;
    }

    #painel1 .contentPainel1 h3 {
        font-size: 1.2em;
    }

    #painel1 .contentPainel1 h4 {
        font-size: 1.0em;
    }

    #painel1 .contentPainel1 ul {
        margin-left: -20px;
    }

    #painel1 .contentPainel1 ul li a {
        font-size: 0.7em;
    }

    #painel1 .contentPainel1 .rodape img {
        width: 20px;
    }


    /*aba2*/


    #painel2 .section1 img {
        width: 30px;
    }

    #painel2 .section1 .box {
        font-size: 14px;
        width: 100%;
    }

    #painel2 .section1 h3 {
        padding-top: 5%;
    }

    #painel2 .section1 h4 {
        margin-bottom: -60px;
    }

    #painel2 .section2 .box {
        font-size: 14px;
        width: 100%;
    }

    #painel2 .section2 h3 {
        padding-top: 6%;
    }

    #painel2 .section2 h4 {
        font-size: 14px;
        width: 100%;
        margin-left: 1%;
    }

    #painel2 .section2 ul {
        margin: 10px auto;
    }


    /*aba3*/
    #painel3 .section1 img {
        width: 30px;
    }

    #painel3 .section1 .box {
        font-size: 14px;
        width: 100%;
    }

    #painel3 .section1 h3 {
        padding-top: 5%;
    }

    #painel3 .section1 h4 {
        margin-bottom: -60px;
    }

    #painel3 .section2 .box {
        font-size: 14px;
        width: 100%;
    }

    #painel3 .section2 h3 {
        padding-top: 6%;
    }

    #painel3 .section2 h4 {
        font-size: 14px;
    }

    #painel3 .section2 ul {
        margin: 10px auto;
    }


    /*aba4*/
    #painel4 .section1 img {
        width: 30px;
    }

    #painel4 .section1 .box {
        font-size: 14px;
        width: 100%;
    }

    #painel4 .section1 h3 {
        padding-top: 5%;
    }

    #painel4 .section1 h4 {
        margin-bottom: -60px;
    }

    #painel4 .section2 .box {
        font-size: 14px;
        width: 100%;
    }

    #painel4 .section2 h3 {
        padding-top: 6%;
    }

    #painel4 .section2 h4 {
        font-size: 14px;
    }

    #painel4 .section2 ul {
        margin: 10px auto;
    }


    /*aba5*/
    #painel5 .section1 img {
        width: 30px;
    }

    #painel5 .section1 .box {
        font-size: 14px;
        width: 90%;
        margin-left: 5%;
    }

    #painel5 .section1 h3 {
        padding-top: 3%;
    }

    #painel5 .section2 .box {
        font-size: 14px;
        padding-top: 7px;
    }


    #painel5 .section2 h4 {
        text-align: left;
        margin-left: -30px;
        font-size: 14px;
    }

    #painel5 .section2 ul li {
        margin-left: -15%;
    }



    /*aba6*/




    #painel6 .section1 img {
        width: 30px;
    }

    #painel6 .section1 .box {
        font-size: 16px;
        width: 90%;
        margin-left: 5%;
    }

    #painel6 .section1 h3 {
        padding-top: 3%;
    }

    #painel6 .section1 h4 {
        margin-top: 20px;
    }

    #painel6 .section2 .box {
        font-size: 16px;
        width: 90%;
        margin-left: 5%;
    }

    #painel6 .section2 h3 {
        padding-top: 4%;
    }

    #painel6 .section2 h4 {
        font-size: 14px;
    }

    #painel6 .section2 ul {
        margin-left: 2px;
    }

    /*aba7*/



    #painel7 .section1 img {
        width: 30px;
    }

    #painel7 .section1 .box {
        font-size: 16px;
        width: 90%;
        margin-left: 5%;
    }

    #painel7 .section1 h3 {
        padding-top: 3%;
    }

    #painel7 .section2 .box {
        font-size: 16px;
        width: 90%;
        margin-left: 5%;
    }

    #painel7 .section2 h3 {
        padding-top: 4%;
    }

    #painel7 .section2 h4 {
        text-align: left;
        font-size: 14px;
        padding-top: 3%;
    }

    #painel7 .section2 ul {
        margin-left: -2%;
        padding-bottom: 10%;
    }

    /*aba8*/
    #painel8 .section1 img {
        width: 30px;
    }

    #painel8 .section1 .box {
        font-size: 16px;
        width: 90%;
        margin-left: 5%;
    }

    #painel8 .section1 h3 {
        padding-top: 3%;
    }

    #painel8 .section2 .box {
        font-size: 16px;
        width: 90%;
        margin-left: 5%;
    }

    #painel8 .section2 h3 {
        padding-top: 4%;
    }

    #painel8 .section2 h4 {
        text-align: center;
        font-size: 14px;
    }

    #painel8 .section2 ul {
        margin-left: 5%;
    }

    /*aba9*/
    #painel9 .section1 img {
        width: 30px;
    }

    #painel9 .section1 .box {
        font-size: 16px;
        width: 90%;
        margin-left: 5%;
    }

    #painel9 .section1 h3 {
        padding-top: 3%;
    }

    #painel9 .section2 .box {
        font-size: 16px;
        width: 90%;
        margin-left: 5%;
    }

    #painel9 .section2 h3 {
        padding-top: 4%;
    }

    #painel9 .section2 h4 {
        text-align: center;
        font-size: 14px;
    }

    #painel9 .section2 ul {
        margin-left: 5%;
    }

    /*aba10*/

    #painel10 .section1 img {
        width: 30px;
    }

    #painel10 .section1 .box {
        font-size: 16px;
        width: 90%;
        margin-left: 5%;
    }

    #painel10 .section1 h3 {
        padding-top: 3%;
    }

    #painel10 .section2 .box {
        font-size: 16px;
        width: 90%;
        margin-left: 5%;
    }

    #painel10 .section2 h3 {
        padding-top: 4%;
    }

    #painel10 .section2 h4 {
        text-align: center;
        font-size: 14px;
    }

    #painel10 .section2 ul {
        margin-left: 5%;
    }
}




@media (max-width: 767.98px) {

    /*código universal para todo o menu para dispositivos menores*/

    .navbar-light {
        width: 100%;
        background-image: linear-gradient(to bottom, #5882FA, #A9BCF5);
        border: 0px;
    }

    .container1 {
        width: 100%;
        margin: -5px auto;
    }

    .navbar-nav li {

        /*menu aberto vertical */

        display: block;
        float: none;
        text-align: center;
        width: 100%;
        font-size: 14px;
        border: 0px;
    }

    .navbar-light .navbar-toggle .icon-bar {
        background-color: #08298A !important;
        margin-left: 20px;
    }

    .dropdown-menu a {
        font-size: 14px;
        text-align: center;
    }

    .dropdown-divider {
        width: 25%;
    }

    .navbar-collapse in {
        margin-top: -50px;
    }

    #painel6 .section1 h3 a {
        font-size: 12px;
    }

}


@media (min-width: 576px) and (max-width: 767.98px) {
    /*dispositivos pequenos*/


    /*menu*/

    .navbar-nav {
        margin-top: 12px;
        margin-left: -15px;
        margin-right: -15px;
    }

    .navbar-nav li a {
        font-size: 12px;
    }

    .container1 {
        width: 100%;
        margin-top: -10px;
    }

    .navbar-header img {
        width: 70px;
        padding-left: 15px;
        padding-top: 4%;
    }


    /*aba1*/

    #painel1 .contentPainel1 img {
        width: 160px;
    }

    #painel1 .ccontentPainel1 ul {
        margin-top: 50px;
        margin-left: 20px;
    }

    #painel1 .contentPainel1 ul li {
        margin-left: 1%;
    }

    #painel1 .contentPainel1 h3 {
        font-size: 18px;
        text-align: center;
    }

    #painel1 .ccontentPainel1 h4 {
        font-size: 16px;
        text-align: center;
        font-style: italic;
    }

    #painel1 .contentPainel1 li a {
        text-decoration: none;
        font-size: 16px;
        color: #0B0B61;
        margin-left: 2px;
    }

    #painel1 .contentPainel1 li a:hover {
        color: #8B4513;
    }

    #painel1 .contentPainel1 .rodape img {
        width: 20px;
    }

    /*aba2*/

    #painel2 .section1 img {
        width: 30px;
    }

    #painel2 .section1 .box {
        font-size: 16px;
        width: 90%;
        margin-left: 5%;
    }

    #painel2 .section1 h3 {
        padding-top: 3%;
    }

    #painel2 .section1 h4 {
        margin-bottom: -50px;
    }

    #painel2 .section2 .box {
        font-size: 16px;
        width: 90%;
        margin-left: 5%;
    }

    #painel2 .section2 h3 {
        padding-top: 4%;
    }

    #painel2 .section2 h4 {
        font-size: 14px;
        width: 90%;
    }

    #painel2 .section2 ul {
        margin: 20px auto;
    }



    /*aba3*/
    #painel3 .section1 img {
        width: 30px;
    }

    #painel3 .section1 .box {
        font-size: 16px;
        width: 90%;
    }

    #painel3 .section1 h3 {
        padding-top: 3%;
    }

    #painel3 .section1 h4 {
        margin-bottom: -50px;
    }

    #painel3 .section2 .box {
        font-size: 16px;
        width: 90%;
    }

    #painel3 .section2 h3 {
        padding-top: 4%;
    }

    #painel3 .section2 h4 {
        font-size: 14px;
    }

    #painel3 .section2 ul {
        margin: 20px auto;
    }


    /*aba4*/
    #painel4 .section1 img {
        width: 30px;
    }

    #painel4 .section1 .box {
        font-size: 16px;
        width: 90%;
        margin-left: 5%;
    }

    #painel4 .section1 h3 {
        padding-top: 3%;
    }

    #painel4 .section1 h4 {
        margin-bottom: -50px;
    }

    #painel4 .section2 .box {
        font-size: 16px;
        width: 90%;
        margin-left: 5%;
    }

    #painel4 .section2 h3 {
        padding-top: 4%;
    }

    #painel4 .section2 h4 {
        font-size: 14px;
    }

    #painel4 .section2 ul {
        margin: 20px auto;
    }


    /*aba5*/
    #painel5 .section1 img {
        width: 30px;
    }

    #painel5 .section1 .box h3 {
        margin-top: 200px;
    }


    #painel5 .section1 .box {
        font-size: 16px;
        width: 90%;
        margin-left: 5%;

        padding-left: 2%;
        padding-right: 2%;
    }


    #painel5 .section2 h4 {
        text-align: left;
        margin-left: 5%;
    }

    #painel5 .section2 ul li {
        margin-left: 5%;
    }

    /*aba6*/
    #painel6 .section1 img {
        width: 30px;
    }

    #painel6 .section1 .box {
        font-size: 16px;
        width: 90%;
        margin-left: 5%;
    }

    #painel6 .section1 h3 {
        padding-top: 3%;
    }

    #painel6 .section1 h4 {
        margin-top: 20px;
    }

    #painel6 .section2 .box {
        font-size: 16px;
        width: 90%;
        margin-left: 5%;
    }

    #painel6 .section2 h3 {
        padding-top: 4%;
    }

    #painel6 .section2 h4 {
        margin-left: 10%;
        font-size: 14px2
    }

    #painel6 .section2 ul {
        margin-left: 5%;
    }

    #painel6 .section2 ul li {
        margin-left: 15%;
    }

    /*aba7*/
    #painel7 .section1 img {
        width: 30px;
    }

    #painel7 .section1 .box {
        font-size: 16px;
        width: 90%;
        margin-left: 5%;
    }

    #painel7 .section1 h3 {
        padding-top: 3%;
    }

    #painel7 .section2 .box {
        font-size: 16px;
        width: 90%;
        margin: 1% auto;
    }

    #painel7 .section2 h3 {
        padding-top: 3%;
    }

    #painel7 .section2 h4 {
        text-align: left;
        font-size: 14px;
        padding-top: 2%;
    }

    #painel7.section2 ul {
        margin-top: 1%;
        margin-left: -2%;
        padding-bottom: 10%;
    }

    /*aba8*/
    #painel8 .section1 img {
        width: 30px;
    }

    #painel8 .section1 .box {
        font-size: 16px;
        width: 90%;
        margin-left: 5%;
    }

    #painel8 .section1 h3 {
        padding-top: 3%;
    }

    #painel8 .section2 .box {
        font-size: 16px;
        width: 90%;
        margin-left: 5%;
    }

    #painel8 .section2 h3 {
        padding-top: 4%;
    }

    #painel8 .section2 h4 {
        text-align: center;
        font-size: 14px;
    }

    #painel8 .section2 ul {
        margin-left: 5%
    }



    /*aba9*/
    #painel9 .section1 img {
        width: 30px;
    }

    #painel9 .section1 .box {
        font-size: 16px;
        width: 90%;
        margin-left: 5%;
    }

    #painel9 .section1 h3 {
        padding-top: 3%;
    }

    #painel9 .section2 .box {
        font-size: 16px;
        width: 90%;
        margin-left: 5%;
    }

    #painel9 .section2 h3 {
        padding-top: 4%;
    }

    #painel9 .section2 h4 {
        text-align: center;
        font-size: 14px;
    }

    #painel9 .section2 ul {
        margin-left: 5%
    }


}

@media (min-width: 768px) and (max-width: 825px) {
    /*menu */

    .navbar-light {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        height: 100px;
    }

    .navbar-nav li a {
        font-size: 12px;
    }

    .container1 {
        width: 90%;
        margin-left: 5%;
        padding-bottom: 20%;
    }

    .navbar-header img {
        width: 60%;
        margin-top: 10%;
    }

    /*fim menu*/

    /*aba1*/

    .contentPainel1 p img {
        width: 180px;
    }

    /*aba2*/

    #painel2 .section1 .box {
        font-size: 18px;
        width: 80%;
        margin-left: 10%;
    }

    #painel2 .section1 h3 {
        font-size: 16px;
    }

    #painel2 .section1 h4 {
        margin-bottom: -50px;
    }

    #painel2 .section2 .box {
        font-size: 18px;
        width: 80%;
        margin-left: 10%;
    }

    #painel2 .section2 h3 {
        font-size: 16px;
    }

    #painel2 .section2 h4 {
        margin-left: 10%;
        font-size: 16px;
    }

    #painel2 .section2 ul {
        margin: 15px auto;
        width: 400px;

    }

    /*aba3*/
    #painel3 .section1 .box {
        font-size: 18px;
        width: 80%;
        margin-left: 10%;
    }

    #painel3 .section1 h3 {
        font-size: 16px;
    }


    #painel3 .section1 h4 {
        margin-bottom: -50px;

    }

    #painel3 .section2 .box {
        font-size: 18px;
        width: 80%;
        margin-left: 10%;
    }

    #painel3 .section2 h3 {
        font-size: 16px;
    }

    #painel3 .section2 h4 {
        margin-left: 10%;
    }

    #painel3 .section2 ul {
        margin: 15px auto;
        width: 400px;

    }

    /*aba4*/

    #painel4 .section1 .box {
        font-size: 18px;
        width: 80%;
        margin-left: 10%;
    }

    #painel4 .section1 h3 {
        font-size: 16px;
    }

    #painel4 .section1 h4 {
        margin-bottom: -50px;
    }

    #painel4 .section2 .box {
        font-size: 18px;
        width: 80%;
        margin-left: 10%;
    }

    #painel4 .section2 h3 {
        font-size: 16px;
    }

    #painel4 .section2 h4 {
        margin-left: 10%;
    }

    #painel4 .section2 ul {
        margin: 15px auto;
        width: 400px;

    }

    /*aba5*/

    #painel5 .section1 .box {
        font-size: 18px;
        width: 80%;
        margin-left: 10%;
    }

    #painel5 .section1 h3 {
        font-size: 16px;
    }

    #painel5 .section2 h4 {
        text-align: left;
        margin-left: 5%;
    }

    #painel5 .section2 ul li {
        margin-left: 5%;
    }



    /*aba6*/

    #painel6 .section1 h3 img {
        width: 40px;
    }

    #painel6 .section1 .box {
        font-size: 18px;
        width: 90%;
    }

    #painel6 .section1 h3 {
        padding-top: 3%;
    }

    #painel6 .section1 h4 {
        margin-top: 3%;
    }

    #painel6 .section2 .box {
        font-size: 18px;
        width: 90%;
    }

    #painel6 .section2 h3 {
        padding-top: 5%;
    }

    #painel6 .section2 ul {
        margin-left: 25%;
    }

    .rodape p {
        margin-top: 30px;
        padding-bottom: 200px;
    }

    .rodape p img {
        width: 20px;

    }

    /*aba7*/

    #painel7 .section1 img {
        width: 40px;
    }

    #painel7 .section1 .box {
        font-size: 18px;
        width: 90%;
    }

    #painel7 .section1 h4 {
        margin-top: 3%;
    }

    #painel7 .section1 h3 {
        padding-top: 3%;
    }

    #painel7 .section2 .box {
        font-size: 18px;
        width: 90%;
    }

    #painel7 .section2 h3 {
        padding-top: 5%;
    }

    #painel7 .section2 ul {
        margin-left: 20%;
        padding-bottom: 5%;
    }


    #painel7 .section2 h4 {
        margin-left: 5%;
        padding-top: 3%;

    }

    /*aba8*/

    #painel8 .section1 img {
        width: 40px;
    }

    #painel8 .section1 h4 {
        margin-top: 3%;
    }

    #painel8 .section1 h3 {
        padding-top: 3%;
    }

    #painel8 .section1 .box {
        font-size: 16px;
        width: 100%;
    }


    #painel8 .section2 .box {
        font-size: 16px;
        width: 100%;
    }

    #painel8 .section2 h3 {
        font-size: 14px;
        padding-top: 5%;
    }

    #painel8 .section2 ul li {
        margin-left: 10%;
    }



    /*aba9*/

    #painel9 .section1 img {
        width: 40px;
    }

    #painel9 .section1 h4 {
        margin-top: 3%;
    }

    #painel9 .section1 h3 {
        padding-top: 3%;
    }

    #painel9 .section1 .box {
        font-size: 16px;
        width: 100%;
    }


    #painel9 .section2 .box {
        font-size: 16px;
        width: 100%;
    }

    #painel9.section2 h3 {
        font-size: 14px;
        padding-top: 5%;
    }

    #painel9 .section2 ul li {
        margin-left: 10%;
    }


}


@media (min-width: 826px) and (max-width: 881px) {


    .navbar-light {
        height: 100px;
    }

    .navbar-nav li a {
        font-size: 12px;
    }

    .navbar-header img {
        width: 60%;
        margin-top: 10%;
    }

    /*aba1*/

    .contentPainel1 p img {
        width: 180px;
    }

    /*aba2*/

    #painel2 .section1 .box {
        font-size: 18px;
        width: 80%;
        margin-left: 10%;
    }


    #painel2 .section1 h4 {
        margin-bottom: -50px;
    }

    #painel2 .section2 .box {
        font-size: 18px;
        width: 80%;
        margin-left: 10%;
    }

    #painel2 .section2 h4 {
        margin-left: 10%;
        font-size: 16px;
        width: 90%;
    }

    #painel2 .section2 ul {
        margin: 15px auto;
        width: 400px;

    }

    /*aba3*/
    #painel3 .section1 .box {
        font-size: 18px;
        width: 80%;
        margin-left: 10%;
    }


    #painel3 .section1 h4 {
        margin-bottom: -50px;

    }

    #painel3 .section2 .box {
        font-size: 18px;
        width: 80%;
        margin-left: 10%;
    }

    #painel3 .section2 h4 {
        margin-left: 10%;
    }

    #painel3 .section2 ul {
        margin: 15px auto;
        width: 400px;

    }

    /*aba4*/
    #painel4 .section1 .box {
        font-size: 18px;
        width: 80%;
        margin-left: 10%;
    }


    #painel4 .section1 h4 {
        margin-bottom: -50px;

    }

    #painel4 .section2 .box {
        font-size: 18px;
        width: 80%;
        margin-left: 10%;
    }

    #painel4 .section2 h4 {
        margin-left: 10%;
    }

    #painel4 .section2 ul {
        margin: 15px auto;
        width: 400px;

    }

    /*aba5*/

    #painel5 .section1 .box {
        font-size: 18px;
        width: 80%;
        margin-left: 10%;
    }


    #painel5 .section2 h4 {
        text-align: left;
        margin-left: 5%;
    }

    #painel5 .section2 ul li {
        margin-left: 5%;
    }




    /*aba6*/


    #painel6 .section1 h3 img {
        width: 40px;
    }

    .rodape p img {
        width: 20px;
    }

    #painel6 .section1 .box {
        font-size: 18px;
        width: 90%;
    }

    #painel6 .section1 h3 {
        padding-top: 3%;
    }

    #painel6 .section1 h4 {
        margin-top: 3%;
    }

    #painel6 .section2 .box {
        font-size: 18px;
        width: 90%;
    }

    #painel6 .section2 h3 {
        padding-top: 5%;
    }

    #painel6 .section2 ul {
        margin-left: 25%;
    }

    /*aba7*/

    #painel7 .section1 img {
        width: 40px;
    }

    #painel7 .section1 .box {
        font-size: 18px;
        width: 90%;
    }

    #painel7 .section1 h4 {
        margin-top: 3%;
    }

    #painel7 .section1 h3 {
        padding-top: 3%;
    }

    #painel7 .section2 .box {
        font-size: 18px;
        width: 90%;
    }

    #painel7 .section2 h3 {
        padding-top: 5%;
    }

    #painel7 .section2 ul {
        margin-left: 20%;
        padding-bottom: 5%;
    }


    #painel7 .section2 h4 {
        margin-left: 5%;
        padding-top: 3%;

    }

    /*aba8*/

    #painel8 .section1 img {
        width: 40px;
    }

    #painel8 .section1 h4 {
        margin-top: 3%;
    }

    #painel8 .section1 h3 {
        padding-top: 3%;
    }

    #painel8 .section1 .box {
        font-size: 16px;
        width: 100%;
    }


    #painel8 .section2 .box {
        font-size: 16px;
        width: 100%;
    }

    #painel8 .section2 h3 {
        font-size: 14px;
        padding-top: 5%;
    }

    #painel8 .section2 ul li {
        margin-left: 10%;
    }



    /*aba9*/

    #painel9 .section1 img {
        width: 40px;
    }

    #painel9 .section1 h4 {
        margin-top: 3%;
    }

    #painel9 .section1 h3 {
        padding-top: 3%;
    }

    #painel9 .section1 .box {
        font-size: 16px;
        width: 100%;
    }


    #painel9 .section2 .box {
        font-size: 16px;
        width: 100%;
    }

    #painel9 .section2 h3 {
        font-size: 14px;
        padding-top: 5%;
    }

    #painel9 .section2 ul li {
        margin-left: 10%;
    }

}


@media (min-width: 882px) and (max-width: 965px) {

    /*menu*/

    .navbar-light {
        padding-top: 2%;
        height: 100px;
    }

    .navbar-nav li a {
        font-size: 14px;
    }

    .navbar-header img {
        width: 60%;
        margin-top: -5%;
    }

    /*aba1*/

    .contentPainel1 p img {
        width: 200px;
    }

    /*aba2*/

    #painel2 .section1 .box {
        font-size: 18px;
        width: 80%;
        margin-left: 10%;
    }


    #painel2 .section1 h4 {
        margin-bottom: -50px;
    }

    #painel2 .section2 .box {
        font-size: 18px;
        width: 80%;
        margin-left: 10%;
    }

    #painel2 .section2 h4 {
        margin-left: 10%;
        font-size: 16px;
    }

    #painel2 .section2 ul {
        margin: 15px auto;
        width: 400px;

    }

    /*aba3*/
    #painel3 .section1 .box {
        font-size: 18px;
        width: 80%;
        margin-left: 10%;
    }


    #painel3 .section1 h4 {
        margin-bottom: -50px;

    }

    #painel3 .section2 .box {
        font-size: 18px;
        width: 80%;
        margin-left: 10%;
    }

    #painel3 .section2 h4 {
        margin-left: 10%;
    }

    #painel3 .section2 ul {
        margin: 15px auto;
        width: 400px;
    }

    /*aba4*/
    #painel4 .section1 .box {
        font-size: 18px;
        width: 80%;
        margin-left: 10%;
    }

    #painel4 .section1 h4 {
        margin-bottom: -50px;
    }


    #painel4 .section2 .box {
        font-size: 18px;
        width: 80%;
        margin-left: 10%;
    }

    #painel4 .section2 h4 {
        margin-left: 10%;
    }

    #painel4 .section2 ul {
        margin: 15px auto;
        width: 400px;

    }

    /*aba5*/

    #painel5 .section1 .box {
        font-size: 18px;
        width: 80%;
        margin-left: 10%;
    }

    #painel5 .section2 h4 {
        text-align: left;
        margin-left: 5%;
    }

    #painel5 .section2 ul li {
        margin-left: 5%;
    }


    /*aba6*/

    #painel6 .section1 h3 img {
        width: 40px;
    }

    .rodape p img {
        width: 20px;
    }

    #painel6 .section1 .box {
        font-size: 18px;
        width: 90%;
    }

    #painel6 .section1 h3 {
        padding-top: 3%;
    }

    #painel6 .section1 h4 {
        margin-top: 3%;
    }

    #painel6 .section2 .box {
        font-size: 18px;
        width: 90%;
    }

    #painel6 .section2 h3 {
        padding-top: 5%;
    }

    #painel6 .section2 ul {
        margin-left: 25%;
    }

    /*aba7*/

    #painel7 .section1 img {
        width: 40px;
    }

    #painel7 .section1 .box {
        font-size: 18px;
        width: 90%;
    }

    #painel7 .section1 h4 {
        margin-top: 3%;
    }

    #painel7 .section1 h3 {
        padding-top: 3%;
    }

    #painel7 .section2 .box {
        font-size: 18px;
        width: 90%;
    }

    #painel7 .section2 h3 {
        padding-top: 5%;
    }

    #painel7 .section2 ul {
        margin-left: 20%;
        padding-bottom: 5%;
    }


    #painel7 .section2 h4 {
        margin-left: 5%;
        padding-top: 3%;

    }

    /*aba8*/

    #painel8 .section1 img {
        width: 40px;
    }

    #painel8 .section1 h4 {
        margin-top: 3%;
    }

    #painel8 .section1 h3 {
        padding-top: 3%;
    }

    #painel8 .section1 .box {
        font-size: 16px;
        width: 100%;
    }


    #painel8 .section2 .box {
        font-size: 16px;
        width: 100%;
    }

    #painel8 .section2 h3 {
        font-size: 14px;
        padding-top: 5%;
    }

    #painel8 .section2 ul li {
        margin-left: 10%;
    }


    /*aba9*/

    #painel9 .section1 img {
        width: 40px;
    }

    #painel9 .section1 h4 {
        margin-top: 3%;
    }

    #painel9 .section1 h3 {
        padding-top: 3%;
    }

    #painel9 .section1 .box {
        font-size: 16px;
        width: 100%;
    }


    #painel9 .section2 .box {
        font-size: 16px;
        width: 100%;
    }

    #painel9 .section2 h3 {
        font-size: 14px;
        padding-top: 5%;
    }

    #painel9 .section2 ul li {
        margin-left: 10%;
    }
}

@media(min-width: 966px) and (max-width: 991px) {

    /*menu */

    .navbar-light {
        padding-top: 2%;
        height: 100px;
    }

    .navbar-nav li a {
        font-size: 14px;
    }

    .navbar-header img {
        width: 60%;
        margin-top: -5%;
    }

    /*aba2*/

    #painel2 .section1 .box {
        font-size: 18px;
        width: 80%;
    }


    #painel2 .section1 h4 {
        margin-bottom: -50px;
    }

    #painel2 .section2 .box {
        font-size: 18px;
        width: 80%;
    }

    #painel2 .section2 h4 {
        margin-left: 10%;

    }

    #painel2 .section2 ul {
        margin: 15px auto;
        width: 400px;

    }

    /*aba3*/
    #painel3 .section1 .box {
        font-size: 18px;
        width: 80%;
    }

    #painel3 .section1 h4 {
        margin-bottom: -50px;
    }

    #painel3 .section2 .box {
        font-size: 18px;
        width: 80%;

    }

    #painel3 .section2 h4 {
        margin-left: 10%;
    }

    #painel3 .section2 ul {
        margin: 15px auto;
        width: 400px;

    }

    /*aba4*/

    #painel4 .section1 .box {
        font-size: 18px;
        width: 80%;
        margin-left: 10%;
    }


    #painel4 .section1 h4 {
        margin-bottom: -50px;

    }

    #painel4 .section2 .box {
        font-size: 18px;
        width: 80%;
        margin-left: 10%;
    }

    #painel4 .section2 h4 {
        margin-left: 10%;
    }

    #painel4 .section2 ul {
        margin: 15px auto;
        width: 400px;

    }

    /*aba5*/

    #painel5 .section1 .box {
        font-size: 18px;
        width: 80%;
        margin-left: 10%;
    }

    #painel5 .section2 h4 {
        text-align: left;
        margin-left: 10%;
    }

    #painel5 .section2 ul li {
        margin-left: 10%;
    }


    /*aba6*/

    #painel6 .section1 h3 img {
        width: 40px;
    }

    .rodape p img {
        width: 20px;
    }

    #painel6 .section1 .box {
        font-size: 18px;
        width: 90%;
    }

    #painel6 .section1 h3 {
        padding-top: 3%;
    }

    #painel6 .section1 h4 {
        margin-top: 3%;
    }

    #painel6 .section2 .box {
        font-size: 18px;
        width: 90%;
    }

    #painel6 .section2 h3 {
        padding-top: 5%;
    }

    #painel6 .section2 ul {
        margin-left: 25%;
    }

    /*aba7*/

    #painel7 .section1 img {
        width: 40px;
    }

    #painel7 .section1 .box {
        font-size: 18px;
        width: 90%;
    }

    #painel7 .section1 h4 {
        margin-top: 3%;
    }

    #painel7 .section1 h3 {
        padding-top: 3%;
    }

    #painel7 .section2 .box {
        font-size: 18px;
        width: 90%;
    }

    #painel7 .section2 h3 {
        padding-top: 5%;
    }

    #painel7 .section2 ul {
        margin-left: 30%;
        padding-bottom: 5%;
    }


    #painel7 .section2 h4 {
        margin-left: 5%;
        padding-top: 3%;

    }

    /*aba8*/

    #painel8 .section1 img {
        width: 40px;
    }

    #painel8 .section1 h4 {
        margin-top: 3%;
    }

    #painel8 .section1 h3 {
        padding-top: 3%;
    }

    #painel8 .section1 .box {
        font-size: 16px;
        width: 100%;
    }


    #painel8 .section2 .box {
        font-size: 16px;
        width: 100%;
    }

    #painel8 .section2 h3 {
        font-size: 14px;
        padding-top: 5%;
    }

    #painel8 .section2 ul li {
        margin-left: 10%;
    }


    /*aba9*/

    #painel9 .section1 img {
        width: 40px;
    }

    #painel9 .section1 h4 {
        margin-top: 3%;
    }

    #painel9 .section1 h3 {
        padding-top: 3%;
    }

    #painel9 .section1 .box {
        font-size: 16px;
        width: 100%;
    }


    #painel9 .section2 .box {
        font-size: 16px;
        width: 100%;
    }

    #painel9 .section2 h3 {
        font-size: 14px;
        padding-top: 5%;
    }

    #painel9 .section2 ul li {
        margin-left: 10%;
    }
}




@media(min-width: 992px) and (max-width: 1068px) {

    /*menu*/

    .navbar-light {
        padding-top: 2%;
        height: 100px;
    }

    .navbar-nav li a {
        font-size: 14px;
    }

    .navbar-header img {
        width: 60%;
        margin-top: -5%;
    }

    /*aba1*/

    .contentPainel1 p img {
        width: 200px;
    }

    /*aba2*/

    #painel2 .section1 .box {
        font-size: 18px;
        width: 80%;
    }

    #painel2 .section1 h4 {
        margin-bottom: -50px;
    }

    #painel2 .section2 .box {
        font-size: 18px;
        width: 80%;
    }

    #painel2 .section2 h4 {
        margin-left: 10%;
    }

    #painel2 .section2 ul {
        margin: 15px auto;
        width: 400px;

    }

    /*aba3*/
    #painel3 .section1 .box {
        font-size: 18px;
        width: 80%;
    }


    #painel3 .section1 h4 {
        margin-bottom: -50px;
    }

    #painel3 .section2 .box {
        font-size: 18px;
        width: 80%;
    }

    #painel3 .section2 h4 {
        margin-left: 10%;
    }

    #painel3 .section2 ul {
        margin: 15px auto;
        width: 400px;

    }

    /*aba4*/

    #painel4 .section1 .box {
        font-size: 18px;
        width: 80%;
    }


    #painel4 .section1 h4 {
        margin-bottom: -50px;
    }

    #painel4 .section2 .box {
        font-size: 18px;
        width: 80%;
    }

    #painel4 .section2 h4 {
        margin-left: 10%;
    }

    #painel4 .section2 ul {
        margin: 15px auto;
        width: 400px;

    }

    /*aba5*/

    #painel5 .section1 .box {
        font-size: 18px;
        width: 80%;
        margin-left: 10%;
    }

    #painel5 .section2 h4 {
        text-align: left;
        margin-left: 10%;
    }

    #painel5 .section2 ul li {
        margin-left: 10%;
    }



    /*aba6*/
    #painel6 .section1 h3 img {
        width: 40px;
    }

    .rodape p img {
        width: 20px;
    }

    #painel6 .section1 .box {
        font-size: 18px;
        width: 90%;
    }

    #painel6 .section1 h3 {
        padding-top: 3%;
    }

    #painel6 .section1 h4 {
        margin-top: 3%;
    }

    #painel6 .section2 .box {
        font-size: 18px;
        width: 90%;
    }

    #painel6 .section2 h3 {
        padding-top: 5%;
    }

    #painel6 .section2 ul {
        margin-left: 25%;
    }

    /*aba7*/

    #painel7 .section1 img {
        width: 40px;
    }

    #painel7 .section1 .box {
        font-size: 18px;
        width: 90%;
    }

    #painel7 .section1 h4 {
        margin-top: 3%;
    }

    #painel7 .section1 h3 {
        padding-top: 3%;
    }

    #painel7 .section2 .box {
        font-size: 18px;
        width: 90%;
    }

    #painel7 .section2 h3 {
        padding-top: 5%;
    }

    #painel7 .section2 ul {
        margin-left: 25%;
        padding-bottom: 5%;
    }


    #painel7 .section2 h4 {
        margin-left: 5%;
        padding-top: 3%;

    }



    /*aba8*/

    #painel8 .section1 img {
        width: 40px;
    }

    #painel8 .section1 h4 {
        margin-top: 3%;
    }

    #painel8 .section1 h3 {
        padding-top: 3%;
    }

    #painel8 .section1 .box {
        font-size: 16px;
        width: 100%;
    }


    #painel8 .section2 .box {
        font-size: 16px;
        width: 100%;
    }

    #painel8 .section2 h3 {
        font-size: 14px;
        padding-top: 5%;
    }

    #painel8 .section2 ul li {
        margin-left: 10%;
    }



    /*aba9*/

    #painel9 .section1 img {
        width: 40px;
    }

    #painel9 .section1 h4 {
        margin-top: 3%;
    }

    #painel9 .section1 h3 {
        padding-top: 3%;
    }

    #painel9 .section1 .box {
        font-size: 16px;
        width: 100%;
    }


    #painel9 .section2 .box {
        font-size: 16px;
        width: 100%;
    }

    #painel9 .section2 h3 {
        font-size: 14px;
        padding-top: 5%;
    }

    #painel9 .section2 ul li {
        margin-left: 10%;
    }
}


@media(min-width: 1069px) and (max-width: 1285px) {

    /*menu*/
    .navbar-light {
        padding-top: 2%;
        height: 100px;
    }

    .navbar-nav li a {
        font-size: 16px;
    }



    /*aba1*/

    .contentPainel1 p img {
        width: 200px;
    }

    /*aba2*/
    #painel2 .section1 .box {
        font-size: 18px;
        width: 80%;
    }

    #painel2 .section2 .box {
        font-size: 18px;
        width: 80%;
    }

    #painel2 .section1 h4 {
        margin-bottom: -50px;
    }



    #painel2 .section2 ul {
        margin: 15px auto;
        width: 400px;

    }

    /*aba3*/
    #painel3 .section1 .box {
        font-size: 18px;
        width: 80%;
    }

    #painel3 .section2 .box {
        font-size: 18px;
        width: 80%;
    }

    #painel3 .section2 h4 {
        margin-left: 10%;
    }

    #painel3 .section2 ul {
        margin: 15px auto;
        width: 400px;

    }

    /*aba4*/

    #painel4 .section1 .box {
        font-size: 18px;
        width: 80%;
    }


    #painel4 .section1 h4 {
        margin-bottom: -50px;
    }

    #painel4 .section2 .box {
        font-size: 18px;
        width: 80%;
    }

    #painel4 .section2 h4 {
        margin-left: 10%;
    }

    #painel4 .section2 ul {
        margin: 15px auto;
        width: 400px;
    }

    /*aba5*/

    #painel5 .section1 .box {
        font-size: 18px;
        width: 80%;
        margin-left: 10%;
    }

    #painel5 .section2 h4 {
        text-align: left;
        margin-left: 10%;
    }

    #painel5 .section2 ul li {
        margin-left: 10%;
    }


    /*aba6*/

    #painel6 .section1 .box {
        font-size: 18px;
        width: 90%;
    }

    #painel6 .section1 h3 img {
        width: 40px;
    }

    .rodape p img {
        width: 20px;
    }

    #painel6 .section1 h3 {
        padding-top: 3%;
    }

    #painel6 .section2 .box {
        font-size: 18px;
        width: 90%;
    }

    #painel6 .section2 h3 {
        padding-top: 5%;
    }

    #painel6 .section2 ul {
        margin-left: 25%;
    }

    /*aba7*/


    #painel7 .section1 .box {
        font-size: 18px;
        width: 90%;
    }

    #painel7 .section1 img {
        width: 40px;
    }

    #painel7 .section1 h4 {
        margin-top: 5%;
    }

    #painel7 .section1 h3 {
        padding-top: 3%;
    }

    #painel7 .section2 .box {
        font-size: 18px;
        width: 90%;
    }

    #painel7 .section2 h3 {
        padding-top: 5%;
    }

    #painel7 .section2 ul {
        margin-left: 30%;
        padding-bottom: 5%;
    }


    #painel7 .section2 h4 {
        margin-left: 5%;
        padding-top: 3%;

    }

    /*aba8*/

    #painel8 .section1 img {
        width: 40px;
    }

    #painel8 .section1 .box {
        font-size: 16px;
        width: 100%;
    }

    #painel8 .section1 h3 {
        padding-top: 3%;
    }

    #painel8 .section2 .box {
        font-size: 16px;
        width: 100%;
    }

    #painel8 .section2 h3 {
        padding-top: 5%;
    }

    #painel8 .section1 h4 {
        margin-top: 5%;
    }

    #painel8 .section2 h4 {
        font-size: 14px;
    }

    #painel8 .section2 ul li {
        margin-left: 15%;
    }

    /*aba9*/

    #painel9 .section1 img {
        width: 40px;
    }

    #painel9 .section1 .box {
        font-size: 16px;
        width: 100%;
    }

    #painel9 .section1 h3 {
        padding-top: 3%;
    }

    #painel9 .section2 .box {
        font-size: 16px;
        width: 100%;
    }

    #painel9 .section2 h3 {
        padding-top: 5%;
    }

    #painel9 .section1 h4 {
        margin-top: 5%;
    }

    #painel9 .section2 h4 {
        font-size: 14px;
    }

    #painel9 .section2 ul li {
        margin-left: 15%;
    }
}


@media(min-width: 1286px) and (max-width: 1450px) {

    .navbar-light {
        padding-top: 2%;
        height: 120px;

    }

    .navbar-nav li a {
        font-size: 16px;
    }


    /*aba1*/

    .contentPainel1 p img {
        width: 200px;
    }

    /*aba2*/
    #painel2 .section1 .box {
        font-size: 18px;
        width: 80%;
    }

    #painel2 .section2 .box {
        font-size: 18px;
        width: 80%;
    }

    #painel2 .section1 h4 {
        margin-bottom: -50px;
    }

    #painel2 .section2 h4 {
        margin-left: 80px;
    }

    /*aba3*/
    #painel3 .section1 .box {
        font-size: 18px;
        width: 80%;
    }

    #painel3 .section1 h4 {
        margin-bottom: -50px;

    }

    #painel3 .section2 .box {
        font-size: 18px;
        width: 80%;
    }

    #painel3 .section2 h4 {
        margin-left: 80px;
    }

    /*aba4*/

    #painel4 .section1 .box {
        font-size: 18px;
        width: 80%;
    }


    #painel4 .section1 h4 {
        margin-bottom: -50px;
    }

    #painel4 .section2 .box {
        font-size: 18px;
        width: 80%;
    }

    #painel4 .section2 h4 {
        margin-left: 80px;
    }

    /*aba5*/

    #painel5 .section1 .box {
        font-size: 18px;
        width: 80%;
        margin-left: 10%;
    }

    #painel5 .section2 h4 {
        text-align: left;
        margin-left: 15%;
    }


    /*aba6*/

    #painel6 .section1 .box {
        font-size: 18px;
        width: 90%;
    }

    #painel6 .section1 h3 img {
        width: 40px;
    }

    .rodape p img {
        width: 20px;
    }

    #painel6 .section1 h4 {
        margin-top: 5%;
    }

    #painel6 .section2 .box {
        font-size: 18px;
        width: 90%;
    }

    #painel6 .section2 h3 {
        padding-top: 3%;
    }

    #painel6 .section2 ul {
        margin-left: 25%;
    }

    /*aba7*/


    #painel7 .section1 .box {
        font-size: 18px;
        width: 90%;
    }

    #painel7 .section1 img {
        width: 50px;
    }

    #painel7 .section1 h4 {
        margin-top: 5%;
    }

    #painel7 .section2 .box {
        font-size: 18px;
        width: 90%;
    }

    #painel7 .section2 h3 {
        padding-top: 3%;
    }



    #painel7 .section2 ul {
        margin-left: 30%;
        padding-bottom: 5%;
    }


    #painel7 .section2 h4 {
        margin-left: 10%;
        padding-top: 3%;

    }

    /*aba8*/

    #painel8 .section1 img {
        width: 50px;
    }

    #painel8 .section1 .box {
        font-size: 16px;
        width: 100%;
    }

    #painel8 .section1 h4 {
        margin-top: 5%;
    }

    #painel8 .section1 h3 {
        padding-top: 2%;
    }

    #painel8 .section2 .box {
        font-size: 16px;
        width: 100%;
    }

    #painel8 .section2 h3 {
        padding-top: 3%;
    }

    #painel8 .section2 h4 {
        font-size: 14px;
    }

    #painel8 .section2 ul li {
        margin-left: 15%;
    }




    /*aba9*/

    #painel9 .section1 img {
        width: 50px;
    }

    #painel9 .section1 .box {
        font-size: 16px;
        width: 100%;
    }

    #painel9 .section1 h4 {
        margin-top: 5%;
    }

    #painel9 .section1 h3 {
        padding-top: 2%;
    }

    #painel9 .section2 .box {
        font-size: 16px;
        width: 100%;
    }

    #painel9 .section2 h3 {
        padding-top: 3%;
    }

    #painel9 .section2 h4 {
        font-size: 14px;
    }

    #painel9 .section2 ul li {
        margin-left: 15%;
    }



}

@media(min-width: 1451px) and (max-width: 1600px) {

    .navbar-light {
        padding-top: 2%;
        height: 120px;
    }

    .navbar-nav li a {
        font-size: 16px;
    }



    /*aba1*/
    #painel1 .contentPainel1 ul li {
        margin-left: 15%;
    }

    /*aba2*/

    #painel2 .section1 .box {
        font-size: 18px;
        width: 80%;
    }

    #painel2 .section2 .box {
        font-size: 18px;
        width: 80%;
    }


    #painel2 .section1 h4 {
        margin-bottom: -50px;
    }

    #painel2 .section2 h4 {
        margin-left: 100px;
    }

    /*aba3*/
    #painel3 .section1 .box {
        font-size: 18px;
        width: 80%;
    }

    #painel3 .section1 h4 {
        margin-bottom: -50px;
    }

    #painel3 .section2 .box {
        font-size: 18px;
        width: 80%;
    }

    #painel3 .section2 h4 {
        margin-left: 100px;
    }

    /*aba4*/

    #painel4 .section1 .box {
        font-size: 18px;
        width: 80%;
    }

    #painel4 .section1 h4 {
        margin-bottom: -50px;
    }

    #painel4 .section2 .box {
        font-size: 18px;
        width: 80%;
    }

    #painel4 .section2 h4 {
        margin-left: 100px;
    }

    /*aba5*/

    #painel5 .section1 .box {
        font-size: 18px;
        width: 80%;
        margin-left: 10%;
    }

    #painel5 .section2 h4 {
        text-align: left;
        margin-left: 15%;
    }



    /*aba6*/

    #painel6 .section1 .box {
        font-size: 18px;
        width: 90%;
    }

    #painel6 .section1 h3 img {
        width: 60px;
    }

    .rodape p img {
        width: 25px;
    }

    #painel6 .section1 h4 {
        margin-top: 3%;
    }

    #painel6 .section2 .box {
        font-size: 18px;
        width: 90%;
    }

    #painel6 .section2 ul {
        margin-left: 25%;
    }

    /*aba7*/


    #painel7 .section1 .box {
        font-size: 18px;
        width: 90%;
    }

    #painel7 .section1 img {
        width: 60px;
    }

    #painel7 .section2 .box {
        font-size: 18px;
        width: 90%;
    }

    #painel7 .section1 h4 {
        margin-top: 3%;
    }

    #painel8 .section2 h3 {
        padding-top: 2%;
    }

    #painel7 .section2 ul {
        margin-left: 30%;
        padding-bottom: 5%;
    }

    #painel7 .section2 h4 {
        margin-left: 10%;
        padding-top: 3%;

    }

    /*aba8*/

    #painel8 .section1 img {
        width: 60px;
    }

    #painel8 .section1 .box {
        font-size: 16px;
        width: 100%;
    }

    #painel8 .section1 h4 {
        margin-top: 3%;
    }

    #painel8 .section2 .box {
        font-size: 16px;
        width: 100%;
    }

    #painel8 .section2 h3 {
        padding-top: 2%;
    }

    #painel8 .section2 h4 {
        font-size: 16px;
    }

    #painel8 .section2 ul li {
        margin-left: 25%;
    }



    /*aba9*/

    #painel9 .section1 img {
        width: 60px;
    }

    #painel9 .section1 .box {
        font-size: 16px;
        width: 100%;
    }

    #painel9 .section1 h4 {
        margin-top: 3%;
    }

    #painel9 .section2 .box {
        font-size: 16px;
        width: 100%;
    }

    #painel9 .section2 h3 {
        padding-top: 2%;
    }

    #painel9 .section2 h4 {
        font-size: 16px;
    }

    #painel9 .section2 ul li {
        margin-left: 25%;
    }


}

@media(min-width: 1601px) and (max-width: 1700px) {

    /*menu*/

    .navbar-light {
        height: 130px;
        padding-top: 1%;
    }


    /*paineis*/

    /*aba1*/
    #painel1 .contentPainel1 ul li {
        margin-left: 15%;
    }

    /*aba2*/

    #painel2 .section1 h4 {
        margin-bottom: -50px;
    }

    #painel2 .section2 h4 {
        margin: 20px auto;
        width: 50%;
    }

    #painel2 .section2 ul {
        margin: 15px auto;
        width: 400px;
    }

    /*aba3*/

    #painel3 .section1 h4 {
        margin-bottom: -50px;
    }

    #painel3 .section2 h4 {
        margin: 20px auto;
        width: 50%;
    }

    #painel3 .section2 ul {
        margin: 15px auto;
        width: 400px;
    }

    /*aba4*/

    #painel4 .section1 h4 {
        margin-bottom: -50px;
    }

    #painel4 .section2 h4 {
        margin: 20px auto;
        width: 50%;
    }

    #painel4 .section2 ul {
        margin: 15px auto;
        width: 400px;
    }

    /*aba5*/
    #painel5 .section1 .box {
        width: 80%;
    }

    #painel5 .section2 h4 {
        text-align: left;
        margin-left: 15%;
    }

    /*aba6*/

    #painel6 .section1 .box {
        font-size: 18px;
        width: 90%;
    }

    #painel6 .section1 h4 {
        margin-top: 3%;
    }


    #painel6 .section1 h3 img {
        width: 60px;
    }

    .rodape p img {
        width: 25px;
    }

    #painel6 .section2 .box {
        font-size: 18px;
        width: 90%;
    }

    #painel6 .section2 ul {
        margin-left: 25%;
    }

    /*aba7*/

    #painel7 .section1 .box {
        font-size: 18px;
        width: 90%;
    }

    #painel7 .section1 h4 {
        margin-top: 3%;
    }

    #painel7 .section1 img {
        width: 60px;
    }

    #painel7 .section2 .box {
        font-size: 18px;
        width: 90%;
    }

    #painel7 .section2 ul {
        margin-left: 30%;
        padding-bottom: 5%;
    }


    #painel7 .section2 h4 {
        margin-left: 10%;
        padding-top: 3%;

    }

    /*aba8*/

    #painel8 .section1 img {
        width: 60px;
    }

    #painel8 .section1 h4 {
        margin-top: 3%;
    }

    #painel8 .section1 .box {
        font-size: 16px;
        width: 100%;
    }

    #painel8 .section2 .box {
        font-size: 16px;
        width: 100%;

    }

    #painel8 .section2 h3 {
        padding-top: 2%;
    }

    #painel8 .section2 h4 {
        text-align: center;
        font-size: 14px;
    }

    #painel8 .section2 ul {
        margin-left: 35%;
    }


    /*aba9*/

    #painel9.section1 img {
        width: 60px;
    }

    #painel9 .section1 h4 {
        margin-top: 3%;
    }

    #painel9 .section1 .box {
        font-size: 16px;
        width: 100%;
    }

    #painel9 .section2 .box {
        font-size: 16px;
        width: 100%;

    }

    #painel9 .section2 h3 {
        padding-top: 2%;
    }

    #painel9 .section2 h4 {
        text-align: center;
        font-size: 14px;
    }

    #painel9 .section2 ul {
        margin-left: 35%;
    }
}


@media(min-width: 1701px) {

    /*menu*/

    .navbar-light {
        height: 130px;
        padding-top: 2%;
    }


    /*paineis*/

    /*aba1*/
    #painel1 .contentPainel1 ul li {
        margin-left: 20%;
    }

    /*aba2*/

    #painel2 .section1 h4 {
        margin-bottom: -50px;
    }

    #painel2 .section2 h4 {
        margin: 20px auto;
        width: 50%;
    }

    #painel2 .section2 ul {
        margin: 15px auto;
        width: 400px;
    }

    /*aba3*/

    #painel3 .section1 h4 {
        margin-bottom: -50px;
    }

    #painel3 .section2 h4 {
        margin: 20px auto;
        width: 50%;
    }

    #painel3 .section2 ul {
        margin: 15px auto;
        width: 400px;
    }

    /*aba4*/

    #painel4 .section1 h4 {
        margin-bottom: -50px;
    }

    #painel4 .section2 h4 {
        margin: 20px auto;
        width: 50%;
    }

    #painel4 .section2 ul {
        margin: 15px auto;
        width: 400px;
    }

    /*aba5*/

    #painel5 .section1.box {
        min-height: 300px;
    }

    #painel5 .section1 img {
        width: 80px;
    }

    #painel5 .section2 h4 {
        text-align: left;
        margin-left: 15%;
    }


    /*aba6*/

    #painel6 .section1 .box {
        font-size: 18px;
        width: 90%;
    }


    #painel6 .section1 h3 img {
        width: 80px;
    }

    .rodape p img {
        width: 30px;
    }

    #painel6 .section2 .box {
        font-size: 18px;
        width: 90%;
    }

    #painel6 .section2 ul {
        margin-left: 25%;
    }

    /*aba7*/


    #painel7 .section1 .box {
        font-size: 18px;
        width: 90%;
    }

    #painel7 .section1 img {
        width: 80px;
        margin-top: 3%;
    }

    #painel7 .section2 .box {
        font-size: 18px;
        width: 90%;
    }

    #painel7 .section2 ul {
        margin-left: 25%;
    }

    #painel7 .section2 h4 {
        margin-left: 10%;
        padding-top: 3%;
    }


    /*aba8*/

    #painel8 .section1 .box {
        font-size: 18px;
        width: 90%;
    }

    #painel8 .section1 img {
        width: 80px;
        margin-top: 3%;
    }

    #painel8 .section2 .box {
        font-size: 18px;
        width: 90%;
    }

    #painel8 .section2 ul {
        margin-left: 25%;
    }


    /*aba9*/

    #painel9 .section1 .box {
        font-size: 18px;
        width: 90%;
    }

    #painel9 .section1 img {
        width: 80px;
        margin-top: 3%;
    }

    #painel9 .section2 .box {
        font-size: 18px;
        width: 90%;
    }

    #painel9 .section2 ul {
        margin-left: 25%;
    }


}