/* desktops tela pequena */

@media only screen and (max-width: 1200px) {
    #div-logo-topo {
        background: url('../img/fundo-logo-2.png') no-repeat;
        width: 280px;
    }
    #div-logo-topo img {
        margin: 25px 7%;
        width: 213px;
    }
    #div-menu-topo {
        width: 57%;
    }
    .menu {
        width: 57%
    }
    #geral-meio {
        width: 100%;
    }
    #meio_telefone {
        width: 100%;
        margin: 10px auto;
    }
    #inewsletter button {
        width: 26%;
    }
    #validacoes {
        width: 17%;
    }
}

/* tablets */

@media only screen and (max-width: 992px) {
    #box-ferramentas {
        min-height: 490px;
        width: 94%;
        margin: 10px auto;
        padding: 10% 0% 8% 0%;
        background: #043061;
        clear: both;
    }
    #box-tools-1 {
        background: #0951A1;
        width: 98%;
        min-height: 400px;
        margin: 30px 1%;
        padding: 9% 0% 4% 0%;
        float: left;
    }
    #texto-conteudo p {
        margin: 0px 0px 10px 0px;
        color: #fff;
        text-align: center;
        font-size: 1.25em;
        font-family: Calibri;
        width: 100%;
        clear: both;
        margin: 0 auto;
        line-height: 22px;
        padding-bottom: 11px;
    }
    #selecaodecor {
        display: none;
    }
    #wrap-topo {
        position: static;
        height: 165px
    }
    #div-logo-topo {
        background: none;
        text-align: center;
        float: none;
        margin: 0px auto;
        height: 110px;
    }
    #div-menu-topo {
        width: 100%;
        float: none;
        margin: 0px auto;
    }
    .menu {
        width: 100%;
    }
    #wrap-conteudo {
        padding: 0px;
    }
    #box-tools-1 {
        width: 98%;
        float: none;
    }
    #box-tools-2 {
        width: 94%;
        float: none;
    }
    #box-ferramentas {
        min-height: 565px;
    }
    .ferramentas {
        width: 27%;
        min-height: 215px;
    }
    #contato {
        width: 90%;
        padding: 15px;
        background-color: #ffffff;
        position: static;
        color: #000;
        margin-left: 0%;
        margin-top: 1%;
        border: 0px;
    }
}

/* celulares */

@media only screen and (max-width: 768px) {
    #box-tools-1 {
        background: #0951A1;
        width: 98%;
        min-height: 500px;
        margin: 30px 1%;
        padding: 9% 0% 4% 0%;
        float: left;
    }
    #div-logo-topo img {
        width: 100%;
        clear: both;
        margin: 0 auto;
    }
    #full-slider-wrapper {
        display: none;
    }
    #box-atalhos {
        width: 100%;
        border: 0px;
    }
    #box-infor {
        width: 100%;
        margin: 0px auto;
    }
    .ferramentas {
        width: 48%;
    }
    #box-ferramentas {
        min-height: 1246px;
    }
    #idocumentos-form button {
        padding: 0%;
        font-size: 0.7em;
    }
    #inewsletter button {
        font-size: 0.6em;
    }
    #inewsletter p {
        margin-top: -13px;
    }
    #texto-inewsletter {
        height: 60px;
    }
    #wrap-rodape {
        min-height: 440px;
    }
    #rodape-esquerdo {
        width: 100%;
        margin: 10px auto;
        float: none;
        border: 0px;
    }
    #rodape-meio {
        width: 100%;
        margin: 10px auto;
        float: none;
    }
    #validacoes {
        width: 100%;
        margin: 10px auto;
        float: none;
    }
    .g-recaptcha {
        transform: scale(0.77);
        -webkit-transform: scale(0.77);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
        position: absolute;
    }
    .btnenvia,
    .btnreseta {
        margin-top: 40%;
        width: 31%;
    }
    .tb-form_formulario tr td button {
        margin-top: 40%;
    }
}

@media only screen and (max-width: 380px) {
    #texto-conteudo h2 {
        font-size: 2em;
        margin-bottom: 19px;
        color: #fff;
    }
    #texto-conteudo {
        width: 94%;
        clear: both;
        margin: 0 auto;
        text-align: center;
    }
    #texto-conteudo p {
        margin: 0px 0px 10px 0px;
        color: #fff;
        text-align: center;
        font-size: 1.2em;
        font-family: Calibri;
        width: 100%;
        clear: both;
        margin: 0 auto;
        line-height: 22px;
        padding-bottom: 11px;
    }
    #box-atalhos h2 {
      color: #fff;
      font-size: 1.8em;
      text-align: center;
      width: 80%;
      clear: both;
      margin: 0 auto;
      text-align: center;
    }
}