/* CSS da Págima Mobile */


@media screen and (max-width:600px)

{

    .paginaDesktop
    {
        display: none;
    }

    .paginaDesktopRodape
    {
        display: none;
    }
    .desktopHeader
    {
        display: none;
    }

    *
    {
        margin: 0 auto;
        padding: 0;
        box-sizing: border-box; 
        -webkit-box-sizing: border-box; 
        -moz-box-sizing: border-box; 
        -o-box-sizing: border-box; 
        -ms-box-sizing: border-box;
    }

    @font-face
    {
        font-family:"Optima";
        src: url('/res/assets/fontes/Optima.ttc');
        
        font-family:"Toxigenesis";
        src: url('/res/assets/fontes/toxigenesis bd.ttf');

        font-family:"Quicksand";
        src: url('/res/assets/fontes/Quicksand_Light.otf');
    }
    @font-face
    {
        font-family:"BikoR";
        src: url('/res/assets/fontes/Biko_Regular.otf');
    }
    @font-face
    {
        font-family:"Alte";
        src: url('/res/assets/fontes/AlteHaasGroteskRegular.ttf');
    }
    @font-face
    {
        font-family:"Aquawax";
        src: url('/res/assets/fontes/Aquawax Light Trial.ttf');
    }

    @font-face
    {
        font-family:"Klik";
        src: url('/res/assets/fontes/Klik-Light.otf');
    }

    html
    {
        width: 98%;
        margin:0 auto;
    }

    body
    {
        font-size: 100%;
        font-family: BikoR, Alte, Arial;
        width: 100%;
        margin:0 auto;
    }

    label[for="bt_menu"]
    {
        padding: 0.3%;
        background-color: #335A64;
        color: white;
        font-family: Alte;
        font-size: 150%;
        cursor: pointer;
        height: auto;
        margin-left: 0.5%;
        position: static;
    }
    #bt_menu
    {
        display: none;
    }
    #bt_menu:checked ~ .menuTopoMobile
    {
        margin-left: 0.5%;
        max-height: 250px;
    }

    .barraSuperiorMbl
    {
        width: 99%;
        background-color: #20385A;
        height: 25px;
        float: left;
        font-family: Klik;
        font-size: 10%;
        margin: 0.5%;
        padding: 0.5%;
    }
    .barraSuperiorMbl a
    {
        display: inline;
        color: white;
        text-decoration: none;
    }
    .barraSuperiorMbl p
    {
        display: inline;
        color: white;
        float: right;
        margin-left:1%;
        margin-right:1%;
    }
    .barraSuperiorMbl li
    {
        display: inline;
        color: white;
        float: left;
        margin-left:3%;
        margin-right:1%;
    }

    .barraLateralProfileMbl
    {
        width: 25%;
        color: #335A64;
        font-family: Alte;
        font-size: 90%;
        float:left;
        height: auto;
        margin-top: 9.6%;
        line-height: 200%;
        vertical-align: middle;
    }
    .barraLateralProfileMbl li
    {
        display: block;
        padding: 1%;
        margin-top: 1px;
        vertical-align: middle;
    }

    .barraLateralProfileMbl a
    {
        text-decoration: none;
        font-weight: bold;
        color:#335A64;
    }

    .blocosMbl
    {
        width: 100%;
        height: auto;
    }
    .blocoServicoMbl
    {
        display: inline-block;
        width: 50%;
        height: 30px;
        background-color:#335A64;
        float: left;
        transition: all 500s ease-out 1s;
    }
    .blocoServicoMbl h2
    {
        padding-top:1%;
        color: white;
        text-align: center;
        font-family: Quicksand;
        font-size: 85%;
    }

    .blocoCaixasAcessoMbl
    {
        width: 99%;
        margin: 0 auto;
        padding-top: 5%;
    }

    .blocoIconesMbl
    {
        width: 99%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 2%;
        font-family: BikoR;
        font-size: 90%;
        text-align: center;
        height: auto;
      
    }
    .blocoIconesVantagensMbl
    {
        width: 33%;
        float: left;
        padding-top:1%;
        padding-bottom: 1%;
        font-family: BikoR;
        line-height: 120%;
    }
    .blocoIconesVantagensMbl img
    {
        width:300px;
    }
    .blocoIconesVantagenMbls p
    {
        font-family: Bikor;
        color:#0000;
    }

    .blocoIcones2Mbl
    {
        width: 70%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 2%;
        background-color: #CCC;
        font-family: BikoR;
        font-size: 100%;
        text-align: center;
    }
    .blocoIconesVantagens2Mbl
    {
        width: 50%;
        float: left;
        background-color: #7EA6B1;
        padding-top:2%;
        padding-bottom: 4%;
        font-family: BikoR;
    }
    .blocoIconesVantagens2Mbl img
    {
        width: 20%;
    }
    .blocoIconesVantagens2Mbl p
    {
        font-family: BikoR;
        color:white;
    }

    .blocosValoresPlanosMbl
    {
        width: 90%;
        margin: 0 auto;
    }

    .blocoValoresMbl
    {
        width: 35%;
        border: 2px solid #CCC;
        border-radius: 5px;
        float: left;
        margin-left: 10%;
        margin-bottom: 3%;
    }
    .blocoValoresTituloMbl
    {
        text-align: center;
        background-color: #636363;
        font-family: Quicksand;
        font-weight: bold;
        font-size: 100%;
        color: white;
        border-bottom: 1px solid #CCC;
        line-height: 150%;
    }
    .blocoValoresConteudoTituloMbl
    {
        text-align: center;
        font-family: Quicksand;
        font-weight: bold;
        font-size: 90%;
        color: black;
        padding: 3px;
        border-bottom: 1px solid #CCC;
        line-height: 110%;
    }
    .blocoValoresConteudoDescricaoMbl
    {
        font-family: Quicksand;
        font-weight: bold;
        font-size: 90%;
        color: black;
        padding: 3px;
        border-bottom: 1px solid #CCC;
        line-height: 110%;
    }
    .blocoValoresConteudoDescricaoMbl li
    {
        list-style: none;
    }
    .blocoValoresConteudoDescricaoValorMbl
    {
        text-align: center;
        font-family: Quicksand;
        font-weight: bold;
        line-height: 120%;
        font-size: 100%;
        font-weight: bold;
        color: white;
        border-bottom: 1px solid #CCC;
        background-color: #335A64;
    }

    .blocoPlanosTituloMbl
    {
        text-align: center;
        background-color: #636363;
        font-family: Quicksand;
        font-weight: bold;
        font-size: 90%;
        color: white;
        border-bottom: 1px solid #CCC;
        line-height: 150%;
    }
    .blocoPlanosConteudoTituloMbl
    {
        text-align: center;
        font-family: Quicksand;
        font-weight: bold;
        font-size: 90%;
        color: black;
        padding: 3px;
        border-bottom: 1px solid #CCC;
        line-height: 110%;
    }
    .blocoPlanosConteudoDescricaoMbl
    {
        font-family: Quicksand;
        font-weight: bold;
        font-size: 90%;
        color: black;
        padding: 3px;
        border-bottom: 1px solid #CCC;
        line-height: 110%;
    }
    .blocoPlanosConteudoDescricaoMbl li
    {
        list-style: none;
    }
    .blocoPlanosConteudoDescricaoValorMbl
    {
        text-align: center;
        font-family: Quicksand;
        font-weight: bold;
        line-height: 120%;
        font-size: 100%;
        font-weight: bold;
        color: white;
        border-bottom: 1px solid #CCC;
        background-color: #335A64;
    }

    .blocoServicosLicitacaoMbl
    {
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 30px;
        width: 50%;
        border: 4px solid #CCC;
        border-radius: 4px;
        box-shadow: 5px 10px 8px #888888;
    }
    .blocoServicosLicitacaoTituloMbl
    {
        text-align: center;
        font-family: Alte;
        font-size: 100%;
        color: white;
        background-color: burlywood;
        border-bottom: 3px solid #CCC;
    }
    .blocoServicosLicitacaoConteudoTituloMbl
    {
        text-align: center;
        font-family: BikoR;
        font-size: 90%;
        color: #1C1C1C;
        padding: 3px;
        border-bottom: 3px solid #CCC;
    }
    .blocoServicosLicitacaoConteudoDescricaoMbl
    {
        font-family: BikoR;
        font-size: 90%;
        color: black;
        background-color: white;
        padding: 3px;
        border-bottom: 3px solid #CCC;
    }
    .blocoServicosLicitacaoConteudoDescricaoMbl li
    {
        list-style: none;
    }

    .blocoPedidoMbl
    {
        width: 100%;
        margin: 0 auto;
        padding-top: 1%;
        margin-bottom: 2%;
    }

    .blocoPlanosMbl
    {
        width: 70%;
        border: 2px solid #CCC;
        border-radius: 5px;
        margin-left: 25%;
        margin-left: 10%;
    }

    .blocoPecasMbl
    {
        width: 99%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        margin-top: 3%;
        margin-bottom: 3%;
        text-align: center;
    }

    .blocoPecasMbl p
    {
        font-family: Alte;
        font-size: 120%;
        font-weight: bold;
    }

    .blocoTodosServicosMbl
    {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
        float:left;
    }
    .blocoTodosServicosMbl button
    {
        width: 45%;
        line-height: 105%;
        font-family: QuickSand;
        font-weight: bold;
        font-size: 90%;
        text-decoration: none;
        margin-top: 3%;
        margin-bottom: 3%;
        background-color: #636363;
        color:white;
    }
    .blocoTodosServicosMbl button a
    {
        text-decoration: none;
        color: white;
    }

    .blocoServicosAdvMbl
    {
        width: 50%;
        float: left;
        background-color: #335A64;
        font-family: Alte;
        font-weight: bold;
        color: #fff;
        border: 1px solid #fff;
        font-size: 90%;
        border-radius: 3px;
        line-height: 180%;
        padding: 0.5%;
        margin: 3% auto;

    }
    .blocoServicosAdvVtgMbl
    {
        width: 50%;
        float: left;
        background-color: #B1977E;
        font-family: Alte;
        font-weight: bold;
        color: #fff;
        border: 1px solid #fff;
        font-size: 90%;
        border-radius: 3px;
        line-height: 150%;
        padding: 1%;
        margin-top: 3%;
        margin-bottom: 1%;
    }

    .blocoIconesVantagensBMbl
    {
        width: 33%;
        float: left;
        background-color: #fff;
        padding-top:2%;
        padding-bottom: 5%;
        font-family: BikoR;
        text-align: center;
        height: 100px;
    }
    .blocoIconesVantagensBMbl img
    {
        width: 20%;
    }
    .blocoIconesVantagens2Mbl p
    {
        font-family: Bikor;
        color:#0000;
        font-size:18px;
        width: 80%;
        margin: 0 auto;
    }
    .blocoIconesVantagensBMbl span
    {
        font-family: Bikor;
        font-weight: lighter;
        color: #0000;
        font-size: 15px;
        width: 50%;
        line-height: 25px;
        padding: 20px;
        text-align: justify-all;
    }

    .blocosValoresPlanosMbl
    {
        background-color: #cccc;
        width: 90%;
        margin: 0 auto;
    }

    .blocoValoresLMbl
    {
        width: 40%;
        float: left;
        margin-bottom: 3%;
    }
    .blocoValoresRMbl
    {
        width: 40%;
        float: right;
        margin-right: 5%;
        margin-bottom: 3%;
    }

    .blocoPecas
    {
        width: 80%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        margin-top: 3%;
        margin-bottom: 3%;
    }

    .blocoPecas p
    {
        font-family: Alte;
        font-size: 120%;
        font-weight: bold;
    }

    .botaoCriarContaMbl
    {
        width: 70%;
        background-color: #B1977E;
        color:white;
        font-family: Alte;
        font-weight: bold;
        font-size: 130%;
        height: 40px;
        margin-top: 20px;
        padding-top: 7px;
        text-align: center;
    }
    .botaoCriarContaMbl a
    {
        text-decoration: none;
        color:white;
    }

    .botaoPedidoMbl
    {
        margin: 5px 0 5px 0;
        font-family: Quicksand;
        font-weight: bold;
        font-size: 100%;
        padding: 2px;
        text-align: center;
        background-color: #335A64;
        line-height: 120%;
        text-decoration: none;
    }
    .botaoPedidoMbl a
    {
        margin: 5px 0 5px 0;
        font-family: Quicksand;
        font-weight: bold;
        color: #fff;
        font-size: 100%;
        padding: 2px;
        text-align: center;
        line-height: 120%;
        text-decoration: none;
    }

    .botaoPedidoMbl a:visited
    {
        color: #FFF;
    }

    .botaoSaibaMais
    {
        width:50%;
        text-align: center;
        background-color: #AA8C7D;
        border: 3px solid #AA8C7D;
        color: #fff;
        border-radius: 3px;
        font-family: Klik;
        font-weight: bold;
        font-size: 60%;
    }

    .botaoSaibaMaisGrupo
    {
        width: 100%;
        margin-top: 2%;
        margin-top: 0.5%;
        text-align: center;
        float: left;
    }

    .botaoSaibaMaisDiv
    {
        width: 50%;
        height: 40px;
        float: left;

    }
    .botaoSaibaMaisDiv a
    {
        text-decoration: none;
    }

    .botaoStandartMbl
    {
        width: 30%;
        background-color: #335A64;
        color:white;
        font-family: QuickSand;
        font-weight: bold;
        font-size: 90%;
        padding: 1%;
        margin-left: 33%;
        line-height: 110%;
        text-decoration: none;
    }
    .botaoStandartADM a
    {
        text-decoration: none;
        color:white;
    }

    .botaoStandart_1Mbl
    {
        width: 35%;
        background-color: #335A64;
        color:white;
        font-family: QuickSand;
        font-weight: bold;
        font-size: 70%;
        padding: 1%;
        line-height: 105%;
        text-decoration: none;
        border-radius: 7px 0px 7px 0px;
    }
    .botaoStandart_1Mbl a
    {
        text-decoration: none;
        color:white;
    }

    .botaoStandart_2Mbl
    {
        width: 70%;
        background-color: #335A64;
        color:white;
        font-family: QuickSand;
        font-weight: bold;
        font-size: 70%;
        padding: 1%;
        line-height: 105%;
        text-decoration: none;
        border-radius: 7px 0px 7px 0px;
    }
    .botaoStandart_2Mbl a
    {
        text-decoration: none;
        color:white;
    }

    .botaoStandart_IndexMbl
    {
        background-color: #335A64;
        color:white;
        font-family: QuickSand;
        font-weight: bold;
        font-size: 80%;
        padding: 1%;
        line-height: 110%;
        text-decoration: none;
        width: 100%;
    }
    .botaoStandart_IndexMbl a
    {
        text-decoration: none;
        color:white;
    }

    .botaoPecaMbl
    {
        width: 100%;
        line-height: 150%;
        font-family: Quicksand;
        font-size: 100%;
        font-weight: bold;
        text-decoration: none;
        background-color: #B1977E;
    }
    .botaoPecaMbl a
    {
        text-decoration: none;
        color:white;
    }

    .botaoTabela1
    {
        width: 100%;
        font-family: Arial;
        font-size: 80%;
        background-color: deepskyblue;
        color: white;
        height: 30px;
    }
    .botaoTabela2
    {
        width: 100%;
        font-family: Arial;
        font-size: 80%;
        background-color: lightsteelblue;
        color: white;
        height: 30px;
    }

    .botaoAdicionarPedido
    {
        margin: 10px;
        color: white;
        font-family: Arial;
        font-size: 80%;
        padding: 2px;
        text-align: center;
        background-color: dimgray;
        width: 15%;
        height: 20px;
        float: right;
    }
    .botaoAdicionarPedido a
    {
        color: white;
        font-family: Quicksand;
    }

    .botaoFinalizarPedido
    {
        margin: 20px auto 20px auto;
        color: white;
        font-family: Quicksand;
        font-size: 100%;
        font-weight: bold;
        padding: 1%;
        text-align: center;
        background-color: #335A64;
        width: 20%;
        line-height: 200%;
        text-decoration: none;
    }
    .botaoFinalizarPedido a
    {
        color: white;
        font-family: Quicksand;
        line-height: 200%;
        padding: 1%;
    }

    .botaoFormularioMbl
    {
        margin: 0.5% auto 1% auto;
        color: #fff;
        width: 20%;
        font-size: 70%;
        background-color: #20385A;
        border-radius: 3px;
        border: 3px solid #fff;
        height: 40px;
        box-shadow: 3px 5px 2px #AA8C7D;
    }

    .botoesIndexMblleft;
    {
        width: 100%;
        text-align: center;
        float:left;
        margin: 1% auto 1% auto;
    }

    .botaoPedido2Mbl, .botaoSolicitarMbl
    {
        width: max-content;
       
        background-color: #20385A;
        font-family: Klik;
        color: #fff;
        border: 0.5px solid #fff;
        font-size: 15px;
        border-radius: 3px;
        line-height: 35px;
        margin: 2% auto;
        padding-left: 1%;
        padding-right: 1%;
    }
    .botaoSolicitarAllMbl
    {
        width: max-content;
        box-shadow: 1px 3px #B1977E;
        background-color: #335A64;
        font-family: Alte;
        color: #fff;
        border: 0.5px solid #fff;
        font-size: 15px;
        border-radius: 3px;
        line-height: 30px;
        margin: 2% auto;
        padding-left: 2%;
        padding-right: 2%;
    }
    .botaoPedido2Mbl a, .botaoSolicitarMbl button, .botaoSolicitarMbl input, .botaoSolicitarMbl a, .botaoSolicitarAllMbl button, .botaoSolicitarAllMbl
    {
        font-family: Bikor;
        text-decoration: none;
        color: white;
        background-color: transparent;
        border: none;
    }
    .botaoPedido2Mbl a:hover, .botaoSolicitarMbl a:hover
    {
        color: white;
        text-decoration: none;
    }

    .botaoSaibaMaisMbl
    {
        width:55.5%;
        height: 20px;
        text-align: center;
        background-color: #335A64;
        position: relative;
        margin-top: 42%;
        margin-left: 20%;
        letter-spacing: 2px;
        border-radius: 6px;
    }
    .botaoSaibaMaisMbl
    {
        color: white;
        position: absolute;
        padding: 5.5px;
        font-size: 10px;
    }
    .botaoSaibaMaisMbl a
    {
        text-decoration: none;
        background-color: #335A64;
        color: white;
    }

    .botaoPedido2Mbl
    {
        width: 100%;
        margin: 0 auto;
        text-align: center;
        font-family: Bikor;
        line-height: 120%;
        font-size: 90%;
        color: white;
        background-color: #335A64;
        border-radius: 10px 0px 10px 0px;
        margin-bottom: 5%;
    }
    .botaoPedido2Mbl a
    {
        font-family: Bikor;
        text-decoration: none;
        color: white;
    }
    .botaoStandart_1 a
    {
        width: 20%;
        background-color: #335A64;
        color:white;
        font-family: Bikor;
        font-size: 90%;
        padding: 1%;
        line-height: 90%;
        border-radius: 3px;
    }
    .botaoStandart_1 a
    {
        text-decoration: none;
        color:white;
    }

    .botaoStandart_2
    {
        width: 100%;
        background-color: #335A64;
        color:white;
        font-family: QuickSand;
        font-weight: bold;
        font-size: 90%;
        padding: 1%;
        line-height: 110%;
        text-decoration: none;
        margin: 1% auto 1% auto;
        border-radius: 6px;
    }
    .botaoStandart_2 a
    {
        text-decoration: none;
        color:white;
    }

    .buttonMbl
    {
        padding: 12px;
        margin-left: 3%;
        margin-left: 3%;
        margin-bottom: 10px;
        color:white;
        background-color: #B1977E;
    }

    .botaoPedidoFMbl
    {
        width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        margin-top: 3%;
        margin-bottom: 3%;
    }

    .caixaLoginMbl
    {
        width: 100%;
        margin: 0 auto;
    }
    .caixaCriarContaMbl
    {
        width: 100%;
        margin: 0 auto;
    }
    .caixaFormMbl
    {
        font-family: Bikor;
        font-weight: bold;
        font-size: 120%;
    }

    .caixaLoginMbl a
    {
        color:dimgray;
        padding-top: 10px;
        font-family: Bikor;
        font-size: 100%;
        line-height: 120%;
    }

    .caixaPeca1Mbl
    {
        width: max-content;
        height: auto;
        background-color: #335A64;
        box-shadow: 2px 4px #B1977E;
        border-radius: 3px;
        color:white;
        font-family: Alte;
        font-weight: bold;
        font-size: 100%;
        float: left;
        margin-left: 2%;
        margin-top: 3%;
        margin-bottom: 3%;
        padding: 1%;
        text-align: center;
    }
    .caixaPeca1Mbl a
    {
        text-decoration: none;
        color: #fff;
    }
    .caixaPeca1Mbl a:hover
    {
        text-decoration: none;
        color: #fff;
    }

    .conteudoServicosStdMbl
    {
        width: 100%;
        height: auto;
        margin-top: 1.5%;
        margin-bottom: 1%;
        margin-right: 5%;
        float: left;
    }
    .conteudoServicosStdMbl a
    {
        text-decoration: none;
    }

     .conteudoPedidoMbl
    {
        width: 95%;
        background-size: 100%;
        margin-right: auto;
        margin-left: auto;
    }

    .conteudoProfileMbl
    {
        width: 70%;
        float: left;
        margin-top: 9%;
    }

    .conteudoPrincipalIndexMbl
    {
        width: 100%;    
        float: left;
        height: auto;
    }
    .conteudoPrincipalIndexMbl img
    {
        width: 100%;    
        height: auto;
    }


    .conteudoPrincipalStdMbl
    {
        width: 100%;
        height: 500px;
        background-size: 100%;
        float: left;
        position: relative;
    }
    .conteudoPrincipalMbl
    {
        width: 100%;
        height: 200px;
        margin-left: auto;
        margin-right: auto;
        background: url("images/parceriaAdvogados3.jpg") no-repeat;
        background-size: 100%;
        margin-top: 20%;
        float: left;
    }
    .conteudoPrincipal2Mbl
    {
        width: 100%;
        height: auto;
        background-size: 100%;
        float: left;
    }
    .conteudoPrincipal3Mbl
    {
        width: 100%;
        height: 150px;
        margin-left: auto;
        margin-right: auto;
        background: url("images/fotoContencioso.jpg") no-repeat;
        background-size: 100%;
        margin-top: 20%;
        float: left;
    }
    .conteudoPrincipal4Mbl
    {
        width: 100%;
        height: 180px;
        margin-left: auto;
        margin-right: auto;
        background: url("images/fotoConsultoria.jpg") no-repeat;
        background-size: 100%;
        margin-top: 23%;
        float: left;
    }
    .conteudoPrincipal5Mbl
    {
        width: 100%;
        height: 200px;
        margin-left: auto;
        margin-right: auto;
        background: url("images/fotoContatoNova.png") no-repeat;
        background-size: 100%;
        margin-top: 20%;
        float: left;
    }
    .conteudoPrincipal6Mbl
    {
        width: 100%;
        height: 200px;
        margin-left: auto;
        margin-right: auto;
        background: url("images/servicosEstudantes.jpg") no-repeat;
        background-size: 100%;
        margin-top: 23%;
        float: left;
    }
    .conteudoPrincipal7Mbl
    {
        width: 100%;
        height: 250px;
        margin-left: auto;
        margin-right: auto;
        background: url("images/bancoResumos.jpg") no-repeat;
        background-size: 100%;
        margin-top: 6%;
        float: left;
    }
    .conteudoPrincipal8Mbl
    {
        width: 100%;
        height: 250px;
        margin-left: auto;
        margin-right: auto;
        background: url("images/fotoBlog.jpg") no-repeat;
        background-size: 100%;
        margin-top: 20%;
        float: left;
    }

    .conteudoSuperiorIndexMbl
    {
        width: 100%;
        background-size: 100%;
        margin-top: -0.5%;
        text-align: center;
    }
    .conteudoSuperiorIndexMbl img
    {
        width: 100%;
        margin:0 auto;
    }
    .conteudoSuperiorMbl
    {
        width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        float: left;
        margin-top: 15%;
        text-align: center;
    }
    .conteudoSuperiorMbl p
    {
        font-family: Alte;
        font-size: 150%;
        color: white;
        font-weight: bolder;
        margin-top: 10%;
        margin-left: 5%;
        margin-right: 5%;
        line-height: 150%;
        border-top: 2px solid white;
        border-bottom: 2px solid white;
        text-align: center;
        letter-spacing: 4px;
    }
    .conteudoSuperiorMbl span
    {
        font-family: Alte;
        font-size: 120%;
        font-weight: bolder;
        color: white;
        margin-top: -50%;
        letter-spacing: 4px;
    }
    .conteudoSuperior2Mbl
    {
        width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        float: left;
        margin-top: 10%;
        text-align: center;
    }
    .conteudoSuperior2Mbl p
    {
        font-family: Alte;
        font-size: 130%;
        color: #fff;
        font-weight: bolder;
        margin-top: 10%;
        margin-left: 5%;
        margin-right: 5%;
        line-height: 150%;
        border-top: 2px solid #fff;
        border-bottom: 2px solid #fff;
        text-align: center;
        letter-spacing: 4px;
    }
    .conteudoSuperior2Mbl span
    {
         font-family: Alte;
        font-size: 120%;
        font-weight: bolder;
        color: #fff;
        margin-top: -50%;
        letter-spacing: 4px;
    }

    .conteudoSuperior3Mbl p
    {
        font-family: Alte;
        font-size: 150%;
        color: #fff;
        font-weight: bolder;
        margin-top: 10%;
        margin-left: 5%;
        margin-right: 5%;
        line-height: 150%;
        border-top: 2px solid #fff;
        border-bottom: 2px solid #fff;
        text-align: center;
        letter-spacing: 4px;
    }
    .conteudoSuperior3Mbl span
    {
         font-family: Alte;
        font-size: 120%;
        font-weight: bolder;
        color: #000;
        margin-top: -50%;
        letter-spacing: 4px;
    }

    .conteudoSuperior4Mbl p
    {
        font-family: Alte;
        font-size: 150%;
        color: #fff;
        font-weight: bolder;
        margin-top: 25%;
        margin-left: 5%;
        margin-right: 5%;
        line-height: 130%;
        border-top: 2px solid #fff;
        border-bottom: 2px solid #fff;
        text-align: center;
        letter-spacing: 4px;
    }
    .conteudoSuperior4Mbl span
    {
         font-family: Alte;
        font-size: 100%;
        font-weight: bolder;
        color: #000;
        margin-top: -50%;
        letter-spacing: 4px;
        margin-right: 10%;
        text-align: center;
    }

    .conteudoSuperior5Mbl p
    {
        font-family: Alte;
        font-size: 150%;
        color: #000;
        font-weight: bolder;
        margin-top: 25%;
        margin-left: 5%;
        margin-right: 5%;
        line-height: 130%;
        border-top: 2px solid #fff;
        border-bottom: 2px solid #fff;
        text-align: center;
        letter-spacing: 4px;
    }


    .conteudoServicosMbl
    {
        width: 100%;
        height: auto;
        margin: 0.5% auto 0.5% auto;
        float: left;
    }
    .conteudoServicosMbl img
    {
       width: 100%;
       padding: 0.5%;
       float: left;
    }
    .conteudoServicosMbl a
    {
        text-decoration: none;
    }

    .conteudoServicos2Mbl
    {
        width: 97%;
        height: auto;
        margin: 0.5% auto 0.5% auto;
        float: left;
    }
    .conteudoServicos2Mbl img
    {
       width: 60%;
       opacity: 0.7;
       filter: blur(0.5px);
       padding: 0.5%;
       float: right;
    }
    .conteudoServicos2Mbl a
    {
        text-decoration: none;
    }

    .conteudoPrincipal2Mbl
    {
        width: 100%;
        height: auto;
        background-size: 100%;
        float: left;
    }

    .clear
    {
        clear: both;
    }

    .dadosPedidoMbl
    {
        width: 100%;
        height: auto;
        color: black;
        font-family: Alte;
        font-size: 100%;
        padding: 0.5% 0.5% 0.5% 0.5%;
        margin-top: 1%;
        margin-bottom: 2%;
        float: left;
    }
    .dadosPedidoMbl p
    {
        font-family: Alte;
        font-size: 95%;
        line-height: 150%;
        color: #7EA6B1;
    }
    .dadosPedidoMbl h1
    {
        font-family: Alte;
        font-size: 100%;
        line-height: 150%;
        color: #335A64;
    }
    .dadosPedidoMbl h2
    {
        font-family: Alte;
        font-size: 90%;
        line-height: 130%;
        color: #7EA6B1;
        text-transform: uppercase;
    }

    .dadosPedidoMbl hr
    {
        height: 20px;
        color: #CCC;
        margin: 1% 0 1% 0;
        background-color: #335A64;
    }

    .dadosServicoMbl
    {
        font-family: Alte;
        font-size: 22px;
    }
    .dadosServicoMbl p
    {
        font-family: Alte;
        font-size: 22px;
        width: max-content;
        border: 0.5px solid #CCC;
        border-radius: 3px;
        box-shadow: 2px 5px #B1977E;
        padding: 1%;
        margin-top: 0.5%;
        margin-bottom: 1.5%;
        background-color: #335A64;
        color: #fff;
    }
    .dadosServicoMbl textarea
    {
        width: 95%;
        border: 0.5px solid #696969;
        box-shadow: 2px 4px #335A64;
        font-family: Bikor;
        color: #696969;
        font-size: 14px;
        padding: 2%;
        line-height: 18px;

    }

    .detalharPedidos
    {
        text-decoration:none;
        color:white;
        background-color: blue;
        line-height: 200%;
        padding: 1%;
        margin-right: 0.5%;
    }

    .divCaixasMbl
    {
        width: 100%;
        float: left;
        margin-bottom: 2%;
    }

    .emconstrucaoMbl
    {
        width: 90%;
        text-align: center;
        font-family: Alte;
        font-size: 30px;
        font-weight: bold;
        padding: 3%;
    }

    .formularioContatoMbl
    {
        width: 97%;
        margin-left: auto;
        margin-right: auto;
        background:#20385A;
        margin-top: 0.5%;
        margin-bottom: 3%;
        color: white;
        text-align: center;
        font-family: Klik;
    }
    .formularioContatoMbl label
    {
        width: 100%;
        display: block;
        padding: 10px 5px 10px 5px;
        opacity: 1.0;
    }
    .formularioContatoMbl span
    {
        width: 25%;
        display: block;
        float: left;
        text-align: left;
        padding: 5px 20px 0 0;
        font-size: 80%;
    }
    .formularioContatoMbl input, .formularioContatoMbl select  
    {
        width: 75%;
    }

    .formularioDocumentos
    {
        width: 90%;
        margin: 3% auto 3% auto;
        font-family: Alte;
        font-weight: bold;
        font-size: 70%;
        color: black;
    }

    .formularioModal
    {
        width: 100%;
        text-align: center;
        background:#20385A;
        margin-bottom: 1%;
        margin-top: 1%;
        color: white;
        border-radius: 5px;
    }
    .formularioModal label
    {
        width: 20%;
        display: block;
        padding: 10px 5px 10px 5px;
        opacity: 1.0;
    }
    .formularioModal input
    {
        width: 80%;
        padding: 10px 5px 10px 5px;
        opacity: 1.0;
    }

    .formularioPedidoMbl
    {
        width: 99%;
        border: 0.5px solid #696969;
        border-radius: 3px;
        box-shadow: 2px 6px #B1977E;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 3%;
        padding: 1%;
    }

    .fotoPagina img
    {
        width: 100%;
    }

    .headerMbl
    {
        width:100%;
        height: auto;
        position: fixed;
        background-color: white;
        float: left;
    }

    .inputFormMbl
    {
        padding: 5px 4px 5px 4px;
        width: 70%;
    }

    .inputCaixaMbl
    {
        width: 100%;
        border:1px solid black;
        border-radius: 3px;
        line-height: 150%;
        color: black;
        font-family: Bikor;
        font-weight: bold;
        font-size: 80%;
        padding-left: 3px;
        line-height: 200%;
    }

    .inputCaixaDocMbl
    {
        width: 100%;
        border:1px solid black;
        border-radius: 3px;
        line-height: 140%;
        color: black;
        font-family: Alte;
        font-size: 100%;
        padding-left: 3px;
        margin: 2% 0;
    }
  
    
    .listaServicos
    {
        width: 100%;
        float:left;
        margin-left: 2%;
    }

    .listaPlanos
    {
        width: 50%;
        float:left;
    }

    .listaPedidos
    {
        width: 90%;
        margin: 0 auto;
        color: dimgray;
    }

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

    .logoMeioMbl img
    {
        width: 40%;
    }

    .menuTopoMobile
    {
        font-size: 80%;
        width: 70%;
        color: white;
        margin-top: 0.2%;
        margin-left: -120%;
        transition: all .4s;
        overflow: hidden;
        max-height: 0;
        position: relative;
    }
    .menuTopoMobile ul
    {
        list-style: none;
        position: relative;

    }
    .menuTopoMobile ul li
    {
        width: 100%;
        float:none;
        float:none;
        border-bottom: 1px solid #CCC;
        line-height: 180%;
    }
    .menuTopoMobile a
    {
        padding: 1%;
        display: block;
        text-decoration: none;
        background-color: #20385A;
        color: white;
        font-size: 100%;
        overflow: hidden;
    }
    .menuTopoMobile ul ul
    {
        position: static;
        overflow: hidden;
        max-height: 0;
        transition: all .4s;
    }
    .menuTopoMobile ul li:hover ul
    {
        visibility: visible;
        height: auto;
        max-height: 300px;
    }
    .menuTopoMobile a:hover
    {
        background-color: white;
        color: #335A64;
        text-decoration: none;
    }
    .menuTopoMobile ul ul li
    {
        float:none;
        border-bottom: 1px solid #CCC;
    }
  
    .menuHamburguer
    {
        float:none;
        margin-top: 0.5%;
        overflow: all;
        width: 100%;
        font-family: Klik;
        font-size: 100%;
    }
    .menuHamburguer label
    {
        font-family: Klik;
        font-size: 60%;
        padding: 1%;
        background-color: #20385A;
    }

    .modal-title
    {
        color: #20385A;
        font-family: Klik;
        font-size: 20px;
        letter-spacing: 4px;
        font-weight: bold;
    }

    .modal-body
    {
        background-color: #20385A;
        color: #fff;
        font-family: Klik;
        font-size: 15px;
    }
    .modal-body p
    {
        font-size: 15px;
        text-align: center;
    }
    .modal-body label
    {
        padding: 1% 2% 0.5% 2%;
        width: 20%;
    }
    .modal-body input
    {
        width: 100%;
        border-radius: 4px;
        line-height: 20px;
    }
    .botaoMDL
    {
        width: max-content;
        box-shadow: 1px 3px #AA8C7D;
        background-color: #fff;
        font-family: Klik;
        font-weight: bold;
        color: #20385A;
        border: 0.5px solid #fff;
        font-size: 15px;
        border-radius: 3px;
        line-height: 20px;
        margin: 2% 10% 2% auto;
        padding-left: 2%;
        padding-right: 2%;
        text-align: center;
    }
    .botaoMDL input
    {
        padding-right: auto;
        padding-left: auto;
        background-color: #fff;
        border: none;
    } 

    .nomeCliente
    {
        margin: 15px;
        border: 1px solid #cccc;
        border-radius: 3px;
        padding: 20px;
        width: 100%;
        vertical-align: middle;
    }
    .nomeCliente h2
    {
        color: black;
        font-size: 120%;
        float: left;
    }
    .nomeCliente input
    {
        width: 80%;
        height: 25px;
        padding:3px;
        margin-left: 3px;
        border: 1px solid #cccc;
    }

    .orderDetailMbl
    {
        width: 100%;
        background-color: #335A64;
        height: 50px;
        line-height: 50px;
        color: white;
        font-family: Alte;
        font-weight: bold;
        font-size: 90%;
        padding: 0.5% 0.5% 0.5% 0.5%;
        margin-top: 1%;
        margin-bottom: 2%;
        float: left;
        letter-spacing: 4px;
    }

    .orderDetailMsgMbl
    {
        width: 100%;
        background-color: #335A64;
        height: auto;
        color: white;
        font-family: Alte;
        font-size: 130%;
        padding: 0.5% 0.5% 0.5% 0.5%;
        margin-top: 1%;
        margin-bottom: 2%;
        float: left;
    }

    .pagination
    {
        width: 100%;
        float: right;
        margin-right:1%;
        font-family: BikoR;
        font-size:90%;
    }
    .pagintion ul li
    {
        display:inline-block;
        list-style: none;
        color:black;
    }
    .pagination li a
    {
        text-decoration:none;
        color:black;
    }

    .pedidosMbl
    {
        width: 100%;
        margin: 0 auto;
        font-family: BikoR;
        font-size: 90%;
    }

    .product_removeMbl
    {
        width:10%;
        line-height: 200%;
        text-align: center;
        border: 1px solid #CCC;
        font-family: Quicksand;
        font-size: 100%;
        font-weight: bold;
    }
    .product_removeMbl a
    {
        color: red;
        text-decoration: none; 
    }
    .product_idMbl
    {
        width: 10%;
        line-height: 150%;
        text-align: center;
        border: 1px solid #CCC;
        font-family: Quicksand;
        font-size: 90%;
        color: black;
        font-weight: bold;
        text-align: center;
    }
    .product_nameMbl
    {
        width: 25%;
        line-height: 150%;
        text-align: center;
        border: 1px solid #CCC;
        font-family: Quicksand;
        font-size: 90%;
        color: black;
        font-weight: bold;
    }
    .product_resumeMbl
    {
        width: 55%;
        line-height: 150%;
        padding: 3px;
        border: 1px solid #CCC;
        font-family:Quicksand;
        font-weight: bold;
        font-size: 90%;
        color: black;
    }

    .product_priceMbl
    {
        width: 10%;
        line-height: 150%;
        text-align: center;
        border: 1px solid #CCC;
        font-family: Quicksand;
        font-size: 90%;
        color: black;
        font-weight: bold;
    }

    .resumoDemanda
    {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        margin-top: 4%;
        margin-left:2%;
    }

    .resumoDemanda label
    {
        font-family: Quicksand;
        font-weight: bold;
        font-size:150%;
    }
    .resumoDemanda textarea
    {
        padding: 5px;
        line-height: 150%;
        font-family: Quicksand;
        font-size: 150%;
        text-align: left;
        margin-top: 2%;
    }

    .rodapeMbl
    {
        width: 100%;
        float:left;
        height: auto;
        background-color: #20385A;
        font-family: Klik;
        font-size:70%;
        color:white;
    }

    .resumosMbl
    {
        width: 100%;
        height: auto;
        padding: 1%;
        text-rendering: auto;
        margin-bottom: 5%;    
    }
    .resumosMbl p
    {
        font-family: Klik;
        font-size: 70%;
        text-align: center;
        color: white;
    }
    .resumosMbl img
    {
        width: 30%;
    }
    .resumosMbl a
    {
        text-decoration: none;
    }
    .tabelaResumosMbl
    {
        width: 100%;
    }
    .tabelaResumosMbl th
    {
        background-color: #335A64;
        color: #fff;
        font-family: Alte;
        font-size: 100%;
        font-weight: bold;
        text-align: center;
        line-height: 120%;
        border: 1px solid #fff;
        border-radius: 4px;
    }
    .tabelaResumosMbl td
    {
        color: #000;
        font-family: Bikor;
        font-size: 80%;
        line-height: 105%;
        border: 1px solid #000;
        border-radius: 4px;
        padding: 0.5%;
    }
    .tabelaResumosMbl a
    {
        text-decoration: none;
    }
    .resumosAreaMbl
    {
        padding: 1%;
        font-family: Alte;
        font-weight: bold;
        font-size: 100%;
    }
    .resumosTituloMbl
    {
        padding: 1%;
        font-family: Alte;
        font-size: 100%;
        color: #fff;
        line-height: 105%;
        background-color: #335A64;
    }
    .resumosTextoMbl
    {
        padding: 1%;
    }
    .resumosTextoMbl p
    {
        font-family: Quicksand;
        text-align: justify;
        font-size: 110%;
        line-height: 150%;
        text-indent: 5%;
        padding-top: 2%;
        padding-bottom: 2%;
        color: #000;
    }
    .resumosDataMbl
    {
        padding: 1%;
        font-family: Alte;
        font-size: 90%;
        color: #fff;
        line-height: 70%;
        background-color: #B1977E;
    }
    .resumosBotaoMbl
    {
        width: max-content;
        box-shadow: 1px 3px #B1977E;
        background-color: #335A64;
        font-family: Alte;
        font-weight: bold;
        color: #fff;
        border: 0.5px solid #fff;
        font-size: 15px;
        border-radius: 3px;
        line-height: 20px;
        margin: 2% auto;
        padding-left: 2%;
        padding-right: 2%;
    }
    .resumosBotaoMbl a
    {
        text-decoration: none;
        color: #fff;
    }

    .tabelaPostsMbl
    {
        width: 100%;
    }
    .tabelaPostsMbl th
    {
        background-color: #335A64;
        color: #fff;
        font-family: Alte;
        font-size: 120%;
        font-weight: bold;
        text-align: center;
        line-height: 250%;
        border: 1px solid #fff;
        border-radius: 4px;
    }
    .tabelaPostsMbl td
    {
        color: #000;
        font-family: Bikor;
        font-size: 100%;
        line-height: 150%;
        border: 1px solid #000;
        border-radius: 4px;
        padding: 1%;
    }
    .postsMbl
    {
        width: 90%;
        padding-top: 2%;
        padding-bottom: 2%;
    }
    .postsAreaMbl
    {
        padding: 1%;
        font-family: Klik;
        font-size: 80%;
    }
    .postsTituloMbl
    {
        padding: 1%;
        font-family: Klik;
        font-size: 90%;
        color: #fff;
        line-height: 130%;
        background-color: #20385A;
    }
    .postsTextoMbl
    {
        padding: 1%;
    }
    .postsTextoMbl 
    {
        font-family: Klik;
        text-align: justify;
        font-size: 90%;
        line-height: 100%;
        padding-top: 2%;
        padding-bottom: 2%;
        color: #000;
    }
    .postsDataMbl
    {
        padding: 1%;
        font-family: Klik;
        font-size: 90%;
        color: #fff;
        line-height: 110%;
        background-color: #AA8C7D;
    }
    .postsBotaoMbl
    {
        width: max-content;
        box-shadow: 1px 3px #B1977E;
        background-color: #335A64;
        font-family: Alte;
        font-weight: bold;
        color: #fff;
        border: 0.5px solid #fff;
        font-size: 15px;
        border-radius: 3px;
        line-height: 20px;
        margin: 2% auto;
        padding-left: 2%;
        padding-right: 2%;
    }
    .resumosBotaoMBl a
    {
        text-decoration: none;
        color: #fff;
    }

    .blocoRodapeMbl
    {
        width: 100%;
    }
    .rodapeServicosMbl
    {
        width: 50%;
        float: left;
        height: auto;
    }
    .rodapeServicosMbl p
    {
        margin-right: 1%;
        margin-left: 1%;
        padding-left: 1%;
        color:white;
        font-size: 90%;
    }
    .rodapeServicosMbl ul li a
    {
        margin-right: 1%;
        margin-left: 1%;
        color:white;
        text-decoration: none;
        list-style: none;
        font-size: 90%;
    }
    .rodapeServicosMbl ul li
    {
        margin-right: 1%;
        margin-left: 1%;
        color:white;
        text-decoration: none;
        list-style: none;
    }
    .rodapeDadosMbl
    {
        width: 50%;
        float: left;
        height: auto;
    }
    .rodapeDadosMbl p
    {
        margin-right: 2%;
        margin-left: 30%;
        float: right;
        padding: 1%;
        color:white;
        font-size: 90%;
    }
    .rodapeNomeMbl
    {
        width: 100%;
        float: left;
        text-align: center;
        font-size: 90%;
    }
    .rodapeNomeMbl a
    {
        text-decoration: none;
        color:white;
    }
    .rodapeNomeMbl p
    {
        margin-right: 1%;
        margin-left: 1%;
        padding: 2% 0.5% 0.5% 0.5%;
        color:white;
        text-decoration: none;
    }

    .sectionSTDMbl
    {
        width: 100%;
        background-size: 100%;
        margin: 15% auto 1% auto;
        font-family: Alte;
        font-size: 180%;
        font-weight: bold;
        letter-spacing: 3px;
        text-align: center;
        float: left;
    }

    .span1Mbl
    {
        position: relative;
        padding: 1%;
        color: white;
        font-family: Quicksand;
        font-size: 12px;
        width: 90%;
        height: auto;
        line-height: 30px;
        letter-spacing: 3px;
        border-top: 4px solid #fff;
        overflow:auto;
    }
    .span2Mbl
    {
        position: relative;
        padding: 1%;
        color: white;
        font-family: Quicksand;
        font-size: 12px;
        width: 95%;
        height: auto;
        line-height: 30px;
        letter-spacing: 3px;
        border-bottom: 4px solid #fff;
    }

    table#tabela
    {
        width: 100%;
    }
    table#tabela tr.tituloTabela td
    {
        border:0.5px solid #cccc;
        text-align: center;
        color: white;
        background-color: dimgray;
        font-size: 80%;
        height: 20px;
        vertical-align: middle;
    }
    table#tabela td
    {
        border:0.5px solid #cccc;
        color: dimgray;
        font-size: 90%;
        height: 20px;
        padding: 3px;
    }

    .tabelaPedidosProfileMbl
    {
        border: 1px solid #CCC;
        width: 100%;
        height: auto;
    }
    .tabelaPedidosProfileMbl thead
    {
        line-height: 150%;
        background-color: #335A64;
        font-size:80%;
        text-align: center;
        font-family: Alte;
        font-weight: bold;
        color: white;
    } 
    .tabelaPedidosProfileMbl thead th
    {
        border: 1px solid #CCC;
    }
    .tabelaPedidosProfileMbl td
    {
        border: 1px solid #CCC;
        font-family: Alte;
        font-size: 80%;
        text-align: center;
    }

    .tabelaDocumentos
    {
        border: 1px solid #CCC;
        width: 100%;
        height: auto;
    }
    .tabelaDocumentos thead
    {
        line-height: 110%;
        background-color: #335A64;
        font-size:90%;
        text-align: center;
        font-family: QuickSand;
        font-weight: bold;
        color: white;
    } 
    .tabelaDocumentos thead th
    {
        border: 1px solid #CCC;
    }
    .tabelaDocumentos td
    {
        border: 1px solid #CCC;
        font-family: Alte;
        font-size: 80%;
        text-align: center;
    }

    .tabelaPedidosMbl
    {
        border: 1px solid #CCC;
        width: 100%;
        height: auto;
        border-radius: 3px;
    }
    .tabelaPedidosMbl thead th
    {
        line-height: 150%;
        background-color: #335A64;
        font-size: 95%;
        font-family: Alte;
        font-weight: bold;
        color: white;
        border: 1px solid #fff;
    } 
    .tabelaPedidosMbl tr, .tabelaPedidosMbl td
    {
        border: 1px solid #696969;
        border-radius: 3px;
        font-family: Alte;
        font-size: 90%;
        color: #000;
        padding: 0.75%;
        line-height: 200%;
    }
    .tabelaPedidosMbl a
    {
        text-decoration: none;
        color: red;
        font-family: Bikor;
        font-size: 90%;
        font-weight: bold;
        margin-left: auto;
        margin-right: auto;
    }
    
    .texto
    {
       display: none;
    }

    .textoIntermediarioMbl
    {
        width: 99%;
        margin: 1% auto 1% auto;
        height: auto;
    }
    .textoIntermediario_tituloMbl
    {
        width: 40%;
        color: black;
        font-size: 180%;
        font-family: Bikor;
        float: left;
        height:auto;
        padding-top:1%;
        text-align: center;
    }
    .textoIntermediario_conteudoMbl
    {
        width: 58%;
        color: black;
        font-size: 120%;
        font-family: BikoR;
        float: left;
        height: auto;
        text-align:justify;
        word-wrap: break-word;
        line-height: 120%;
        padding: 2%;
        margin: 0 auto 0 auto;
    }

    .textoIntermediario_tituloRedMbl
    {
        width: 40%;
        color: black;
        font-size: 110%;
        font-family: Bikor;
        float: left;
        height:auto;
        padding-top:12%;
        text-align: center;
    }
    .textoIntermediario_conteudoRedMbl
    {
        width: 59%;
        color: black;
        font-size: 90%;
        font-family: Quicksand;
        float: left;
        height: auto;
        text-align:justify;
        word-wrap: break-word;
        line-height: 120%;
        padding: 2%;
        margin: 0.5% auto 1% auto;
    }

    .textoIntermediario_titulo2Mbl
    {
        width: 40%;
        color: black;
        font-size: 110%;
        font-family: Alte;
        font-weight: bold;
        float: left;
        height:auto;
        padding-top:6%;
        text-align: center;
    }

    .textoIntermediario_titulo3Mbl
    {
        width: 40%;
        color: black;
        font-size: 250%;
        font-family: QuicKsand;
        font-weight: bold;
        float: left;
        height:auto;
        padding-top:3%;
        text-align: center;
    }

    .textoIntermediario_tituloPMbl
    {
        width: 50%;
        font-size: 200%;
        font-family: Quicksand;
        font-weight: bold;
        float: left;
        height:auto;
        padding-top:4%;
        text-align: center;
    }
    .textoIntermediario_conteudoPMbl
    {
        width: 50%;
        color: black;
        font-size: 125%;
        font-family: Quicksand;
        font-weight: bold;
        float: left;
        height: auto;
        text-align:left;
        line-height: 180%;
        padding: 2%;
    }

    .textoIntermediario2Mbl
    {
        width: 70%;
        margin: 5% auto 5% auto;
        height: auto;
        font-family: Quicksand;
        font-size: 130%;
        color:black;
    }
    .textoIntermediario2Mbl p
    {
        font-size: 180%;
        font-weight: bold;
        text-align: center;
        padding: 55% 0 0 0;
    }
    .texto3Mbl
    {
        width: 100%;
        padding: 0.5%;
        margin-bottom: 1%;
        background-color: dimgray;
        text-align: center;
        float: left;
    }
    .texto3Mbl h2
    {
        color: white;
        font-size: 100%;
        font-family: Quicksand;
    }

    .texto_indexMbl
    {
        position: relative;
        float: left;
        color: white;
        font-family: Bikor;
        font-size: 20px;
        filter: brightness(80%);
        width: 100%;
        padding-top: 15%;
        text-align: center;
        overflow: hidden;
    }

    .textoLicitacaoMbl
    {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
        background-color: dimgray;
        margin-top: 1%;
        margin-bottom: 3%;
    }
    .textoLicitacao p
    {
        color: white;
        font-size: 130%;
        font-family: BikoR;
    }

    .textoIntermediarioContaMbl
    {
        width: 100%;
        height: 80px;
        background-color: #335A64;
      
    }
    .textoIntermediarioContaMbl h1
    {
        font-family: Alte;
        font-weight: bold;
        font-size: 150%;
        color: white;
        padding-left: 1%;
        padding-top: 20px;
        letter-spacing: 4px;
    }

    .textareaResumeMbl
    {
        width: 100%;
        height: 400px;
        scroll-behavior: auto;
        font-family: Alte;
        font-size:100%;
        line-height: 150%;
        border:none;
    }

    .textoConteudoMbl
    {
        width: 100%;
        float: left;
    }

    .textoServicosMbl
    {
        font-family: Alte;
        font-size: 100%;
        height: auto;
        line-height: 170%;
        padding-top: 0.5%;
        width: 100%;
        float: left;
    }

    .tituloCaixaMbl
    {
        background-color: dimgray;
        color:white;
        font-family: Bikor;
        font-size: 100%;
        line-height: 200%;
        width: 100%;
        text-align: center;
    }
    .tituloCaixaFormMbl
    {
        color:dimgray;
        padding-top: 10px;
        font-family: Bikor;
        font-size: 100%;
        line-height: 120%;
    }

    .tituloSecaoPedidoMbl
    {
        width: 100%;
        background-color: #335A64;
        height: 80px;
        color: white;
        font-family: Alte;
        font-size: 110%;
        letter-spacing: 4px;
        font-weight: bold;
        padding: 3% 1% 1% 1%;
        float:left;
        margin-top: 25%;
        margin-bottom: 5%;
    }
    
    .tituloSecaoMbl
    {
        width: 100%;
        background-color: #335A64;
        height: 80px;
        color: white;
        font-family: Alte;
        font-size: 100%;
        font-weight: bold;
        padding: 3% 1% 1% 1%;
        float:left;
        margin-top: 20%;
        margin-bottom: 5%;
        letter-spacing: 4px;
    }

    .tituloServicosMbl
    {
        text-align: center;
        font-family: Alte;
        background-color: #335A64;
        font-weight: bold;
        color: white;
        font-size: 130%;
        height: auto;
        line-height: 150%;
        letter-spacing: 3px;
        border-radius: 3px;
        width: 100%;
        float:left;
    }

    .tituloBlocosMbl
    {
        margin: 3% auto 3% auto;
        text-align: center;
        width: 100%;
    }
    .tituloBlocosMbl p
    {
        border: 1px solid #696969;
        box-shadow: 2px 6px #335A64;
        font-size: 22px;
        border-radius: 3px;
        line-height: 50px;
        padding: 0.5% 2% 0.5% 2%;
        width: max-content;
        margin: 1% auto;
    }

    .tituloBlocosMbl a
    {
        text-decoration: none;
        color: #000;
    }
    .tituloBlocosMbl a:hover
    {
        text-decoration: none;
        color: #000;
    }

    .tituloBlocosMbl
    {
        margin: 3% auto 3% auto;
        text-align: center;
        width: 100%;
    }
     .tituloBlocosMbl p
    {
        border: 1px solid #696969;
        box-shadow: 2px 6px #335A64;
        font-size: 22px;
        border-radius: 3px;
        line-height: 50px;
        padding: 0.5% 2% 0.5% 2%;
        width: max-content;
        margin: 0 auto;
    }

    .tituloBlocosMbl a
    {
        text-decoration: none;
        color: #000;
    }
    .tituloBlocosMbl a:hover
    {
        text-decoration: none;
        color: #000;
    }

    .tituloPedidoMbl
    {
        border: 1px solid #696969;
        box-shadow: 2px 6px #335A64;
        font-size: 22px;
        border-radius: 3px;
        line-height: 20px;
        padding: 0.5% 2% 0.5% 2%;
        width: max-content;
        margin: 1% auto;
    }
    
}