/* CSS da página Desktop */

@media screen and (min-width:1501px)
{  

    .paginaMobile
    {
       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:"";
        src: url('/res/assets/fontes/Aquawax Light Trial.ttf');
    }
    @font-face
    {
        font-family:"Klik";
        src: url('/res/assets/fontes/Klik-Light.otf');
    }

    html
    {
        margin: 0 auto;
        padding: 0 auto;
        width: 65%;
    }

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

    .areaPost
    {
        width: 100%;
        font-family: Bikor;
        font-size: 100%;
        text-align: left;
        margin-top: 1%;
    }

    .barraLateralProfile
    {
        width: 15%;
        color: #335A64;
        font-family: Bikor;
        font-size: 100%;
        float:left;
        height: auto;
        margin-top: 4%;
        line-height: 250%;
        padding-left: 1%;
        vertical-align: middle;
    }
    .barraLateralProfile li
    {
        display: block;
        padding: 1%;
        margin-top: 1px;
        vertical-align: middle;
    }

    .barraLateralProfile a
    {
        text-decoration: none;
        color:#335A64;

    }
    .barraSuperior
    {
        width: 100%;
        background-color: #335A64;
        height: 40px;
        font-family: Bikor;
    }
    .barraSuperior a
    {
        display: inline;
        color: white;
        text-decoration: none;
    }
    .barraSuperior p
    {
        display: inline;
        color: white;
        float: right;
        margin-left:1%;
        margin-right:1%;
        padding-top:0.5%;
    }
    .barraSuperior li
    {
        display: inline;
        color: white;
        padding-top:0.5%;
    }

    .blocos
    {
        width: 100%;
        height: auto;
    }

    .blocoCaixasAcesso
    {
        width: 70%;
        margin: 0 auto;
        padding-top: 2%;
    }

    .blocoIconesVantagens
    {
        width: 33%;
        float: left;
        background-color: #000;
        padding-top:2%;
        padding-bottom: 20%;
        font-family: BikoR;
        text-align: center;
        height: 220px;
    }

    .blocoIcones
    {
        width: 75%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 2%;
        background-color: #636363;
        font-family: Bikor;
        font-size: 100%;
        text-align: center;
        height: auto;
    }

    .blocoIcones2
    {
        width: 50%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 2%;
        background-color: #CCC;
        font-family: BikoR;
        font-size: 130%;
        text-align: center;
    }
    .blocoIconesVantagens2
    {
        width: 50%;
        float: left;
        background-color: #7EA6B1;
        padding-top:2%;
        padding-bottom: 4%;
        font-family: BikoR;
    }

    .blocoIconesVantagens img
    {
        width: 50%;
    }
    .blocoIconesVantagens p
    {
        font-family: Bikor;
        color:#0000;
        font-size:18px;
        width: 80%;
        margin: 0 auto;
    }
    .blocoIconesVantagens span
    {
        font-family: Bikor;
        font-weight: lighter;
        color: #0000;
        font-size: 15px;
        width: 50%;
        line-height: 25px;
        padding: 20px;
        text-align: justify-all;
    }

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

    .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;
    }

    .blocoPedido
    {
        width: 30%;
        margin-left: 35%;
        padding-top: 1%;
        float: left;
        margin-bottom: 2%;
    }

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

    .blocoPlanosTitulo
    {
        text-align: center;
        background-color: #636363;
        font-family: Quicksand;
        font-weight: bold;
        font-size: 150%;
        color: white;
        border-bottom: 1px solid #CCC;
        line-height: 200%;
    }
    .blocoPlanosConteudoTitulo
    {
        text-align: center;
        font-family: Quicksand;
        font-weight: bold;
        font-size: 130%;
        color: black;
        padding: 3px;
        border-bottom: 1px solid #CCC;
        line-height: 180%;
    }
    .blocoPlanosConteudoDescricao
    {
        font-family: Quicksand;
        font-weight: bold;
        font-size: 130%;
        color: black;
        padding: 3px;
        border-bottom: 1px solid #CCC;
        line-height: 150%;
    }
    .blocoPlanosConteudoDescricao li
    {
        list-style: none;
    }
    .blocoPlanosConteudoDescricaoValor
    {
        text-align: center;
        font-family: Quicksand;
        font-weight: bold;
        font-size: 140%;
        line-height: 200%;
        font-weight: bold;
        color: white;
        border-bottom: 1px solid #CCC;
        background-color: #335A64;
    }

    .blocoRodape
    {
        width: 100%;
    }

    .blocoServico
    {
        display: inline-block;
        width: 25%;
        height: 150px;
        background-color:#335A64;
        float: left;
        transition: all 500s ease-out 1s;
    }
    .blocoServico h2
    {
        padding-top:10%;
        color: white;
        text-align: center;
        font-family: Quicksand;
        height: 150px;
    }

    .blocoServico:hover
    {
        display: inline-block;
        width: 25%;
        height: 150px;
        background-color:white;
        float: left;
    }
    .blocoServico h2:hover
    {
        display: none;
    }
    .blocoServico:hover .texto
    {
        display: inline-block;
        width: 100%;
        height: 100%;
        background-color:white;
        float: left;
        font-family: Bikor;
        font-size: 100%;
        font-weight: bold;
        padding-top: 5%;
        padding-left: 5%;
        color: dimgray;
    }

    .blocoServicosAdv
    {
        width: 25%;
        float: left;
        background-color: #335A64;
        font-family: Alte;
        font-weight: bold;
        color: #fff;
        border: 1px solid #fff;
        font-size: 20px;
        border-radius: 3px;
        line-height: 40px;
        padding: 0.5% 2% 0.5% 2%;
        margin: 2% auto;

    }
    .blocoServicosAdvVtg
    {
        width: 25%;
        float: left;
        background-color: #B1977E;
        font-family: Alte;
        font-weight: bold;
        color: #fff;
        border: 1px solid #fff;
        font-size: 20px;
        border-radius: 3px;
        line-height: 40px;
        padding: 0.5% 2% 0.5% 2%;
        margin: 2% auto;
    }

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

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

    .blocoValoresConteudo
    {
        width: 100%;
        border: 4px solid #CCC;
        border-radius: 10px;
        float: left;
        margin-bottom: 3%;
    }

    .blocoValoresConteudoDescricao
    {
        font-family: Quicksand;
        font-weight: bold;
        font-size: 110%;
        color: black;
        padding: 3px;
        border-bottom: 1px solid #CCC;
        line-height: 130%;
    }
    .blocoValoresConteudoDescricao li
    {
        list-style: none;
    }
    .blocoValoresConteudoDescricaoValor
    {
        text-align: center;
        font-family: Quicksand;
        font-weight: bold;
        line-height: 150%;
        font-size: 120%;
        font-weight: bold;
        color: white;
        background-color: #335A64;
        border-radius: 4px;
    }

    .blocoValoresConteudoTitulo
    {
        text-align: center;
        background-color: #335A64;
        border-radius: 4px;
        font-family: Quicksand;
        font-weight: bolder;
        font-size: 120%;
        color: white;
        line-height: 180%;
    }

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

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

    .blocoValoresTitulo
    {
        text-align: center;
        background-color: #335A64;
        font-family: Quicksand;
        font-weight: bolder;
        font-size: 150%;
        color: white;
        line-height: 200%;
    }

    .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;
    }

    .botaoCriarConta
    {
        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;
    }
    .botaoCriarConta a
    {
        text-decoration: none;
        color:white;
    }

    .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%;
    }

    .botaoMDL
    {
        width: max-content;
        box-shadow: 1px 3px #B1977E;
        background-color: #fff;
        font-family: Alte;
        font-weight: bold;
        color: #335A64;
        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;
    } 

    .botaoPeca
    {
        width: 99.5%;
        line-height: 120%;
        font-family: Quicksand;
        font-size: 80%;
        font-weight: bold;
        text-decoration: none;
        background-color: #489BB0;
        filter: brightness(0.95);
        border-radius: 10px 0px 10px 0px;
    }
    .botaoPeca a
    {
        text-decoration: none;
        color:white;
    }

    .botaoPedido
    {
        width: max-content;
        background-color: #AA8C7D;
        font-family: Klik;
        font-weight: bold;
        color: #fff;
        border: 1px solid #fff;
        font-size: 15px;
        border-radius: 3px;
        line-height: 20px;
        margin: 0.5% auto;
        padding-left: 2%;
        padding-right: 2%;
        margin-top: -1%;
    }
    .botaoPedido a
    {
        font-family: Klik;
        text-decoration: none;
        margin-bottom: 5%;
        color: white;
    }
    .botaoPedido input
    {
        padding-right: auto;
        padding-left: auto;
        background-color: #AA8C7D;
        border: none;
        color: white;
    }

    .botaoPedido2, .botaoSolicitar
    {
        width: max-content;
        box-shadow: 1px 3px #AA8C7D;
        background-color: #20385A;
        font-family: Alte;
        color: #fff;
        border: 0.5px solid #fff;
        font-size: 20px;
        border-radius: 3px;
        line-height: 45px;
        margin: 2% auto;
        padding-left: 2%;
        padding-right: 2%;
    }
    
    .botaoPedido2 a, .botaoSolicitar button, .botaoSolicitar input, .botaoSolicitar a, .botaoSolicitarAll button, .botaoSolicitarAll a
    {
        font-family: Bikor;
        text-decoration: none;
        color: white;
        background-color: transparent;
        border: none;
    }
    .botaoPedido2 a:hover
    {
        color: white;
        text-decoration: none;
    }

    .botaoPedidoF
    {
        width: max-content;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        margin-top: 3%;
        margin-bottom: 3%;
        background-color: #20385A;
    }

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

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

    .botaoSaibaMaisDiv
    {
        width: 33%;
        height: 30px;
        float: left;
        text-align: center;    }
    }
    .botaoSaibaMaisDiv a
    {
        text-decoration: none;
    }
   
    .botaoSolicitarAll
    {
        width: max-content;
        box-shadow: 1px 3px #B1977E;
        background-color: #335A64;
        font-family: Alte;
        color: #fff;
        border: 0.5px solid #fff;
        font-size: 20px;
        border-radius: 3px;
        line-height: 30px;
        margin: 2% auto;
        padding-left: 2%;
        padding-right: 2%;
    }

    .botaoStandart
    {
        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_1
    {
        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: 70%;
        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;
    }

    .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;
    }

    .botoes
    {
        width: 100%;
        text-align: center;
    }
    .botoes input
    {
        width: 30%;
        background-color: #489BB0;
        text-align: center;
        border-radius: 0px 10px 0px 10px;
    }

    .caixaCriarConta
    {
        width: 100%;
        float: left;
        margin: 0 auto;
    }
    
    .caixaForm
    {
        font-family: Bikor;
        font-weight: bold;
        font-size: 120%;
    }
    .caixaLogin
    {
        width: 100%;
        margin: 0 auto;
        float: left;
    }
    .caixaLogin p, .caixaLogin a, .caixaLogin a:hover
    {
        text-decoration: none;
        color: #335A64;
        font-family: Bikor;
        font-size: 90%;
    }

    .caixaPeca1
    {
        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%;
        margin-top: 3%;
        margin-bottom: 3%;
        padding: 1%;
        text-align: center;
    }
    .caixaPeca1 a
    {
        text-decoration: none;
        color: #fff;
    }
    .caixaPeca1 a:hover
    {
        text-decoration: none;
        color: #fff;
    }

    .caixaPecaCart
    {
        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%;
        margin-top: 3%;
        margin-bottom: 3%;
        padding: 1%;
        text-align: center;
        float: left;
        margin-left: 1%;
        margin-right: 1%;
    }
    .caixaPecaCart a
    {
        text-decoration: none;
        color: #fff;
    }
    .caixaPecaCart a:hover
    {
        text-decoration: none;
        color: #fff;
    }

    .clear
    {
        clear: both;
    }

    .conteudoGeral
    {
        margin: 0 auto;
        padding: 0 auto;
        width: 95%;
    }
    .conteudoGeral img
    {
        width: 100%;
    }

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

    .conteudoPrincipalIndex
    {
        width: 100%; 
        float: left;
        box-sizing: border-box;
        font-family: Calibri;
    }
   
    .conteudoPrincipalStd
    {
        width: 100%;
        height: 500px;
        background-size: 100%;
        float: left;
        position: relative;
    }
    .conteudoPrincipal
    {
        width: 100%;
        height: 500px;
        background: url("images/parceriaAdvogados3.jpg") no-repeat;
        background-size: 100%;
        position: relative;
        margin-right: auto;
        margin-left: auto;
        float: left;
    }
    
    .conteudoPrincipal2
    {
        width: 100%;
        height: auto;
        background-size: 100%;
        float: left;
    }
    .conteudoPrincipal3
    {
        width: 100%;
        height: 500px;
        background: url("images/fotoContencioso.png") no-repeat;
        background-size: 100%;
        float: left;
        position: relative;
    }
    .conteudoPrincipal4
    {
        width: 100%;
        height: 500px;
        background: url("images/fotoConsultoria.jpg") no-repeat;
        background-size: 100%;
        float: left;
        position: relative;
        opacity: 2.5;
    }
    .conteudoPrincipal5
    {
        width: 100%;
        height: 500px;
        background: url("images/fotoContatoNova.png") no-repeat;
        background-size: 100%;
        float: left;
        position: relative;
    }

    .conteudoPrincipal6
    {
        width: 100%;
        height: 500px;
        background: url("images/servicosEstudantes.jpg") no-repeat;
        background-size: 100%;
        opacity: 0.8;
        float: left;
        position: relative;
    }

    .conteudoPrincipal7
    {
        width: 100%;
        height: 500px;
        background: url("images/fotoBlog.jpg") no-repeat;
        background-size: 100%;
        opacity: 0.8;
        float: left;
        position: relative;
    }

    .conteudoPrincipal8
    {
        width: 100%;
        height: 500px;
        background: url("images/bancoResumos.jpg") no-repeat;
        background-size: 100%;
        opacity: 0.8;
        float: left;
        position: relative;
    }

    .conteudoPrincipal9
    {
        width: 100%;
        height: 500px;
        background: url("images/social.jpg") no-repeat;
        background-size: 100%;
        opacity: 0.8;
        float: left;
        position: relative;
    }

    .conteudoProfile
    {
        width: 80%;
        float: left;
    }

    .conteudoServicos
    {
        width: 45%;
        height: auto;
        margin-top: 1.5%;
        margin-bottom: 1%;
        margin-right: 5%;
        float: left;
    }
    .conteudoServicos img
    {
       width: 50%;
    }
    .conteudoServicos a
    {
        text-decoration: none;
    }
    .conteudoServicosStd
    {
        width: 100%;
        height: auto;
        margin-top: 1.5%;
        margin-bottom: 1%;
        margin-right: 5%;
        float: left;
    }
    .conteudoServicosStd a
    {
        text-decoration: none;
    }
    .conteudoServicosAd
    {
        width: 90%;
        height: auto;
        margin: 0 auto;
        text-align: center;  
    }
    .conteudoServicosAd img
    {
       width: 50%;
       padding-left: 10%;
    }
    .conteudoServicosAd a
    {
        text-decoration: none;
    }

    .conteudoServicos1
    {
        width: 45%;
        height: auto;
        margin-top: 1.5%;
        margin-bottom: 1%;
        margin-right: 5%;
        float: left;
    }
    .conteudoServicos1 img
    {
       width: 100%;
       filter: blur(0.5px);
       padding-left: 10%;
       border-radius: 4px;
    }
    .conteudoServicos1 a
    {
        text-decoration: none;
    }

    .conteudoServicos2
    {
        width: 45%;
        height: auto;
        margin-top: 1.5%;
        margin-right: 5%;
        float: left;
    }
    .conteudoServicos2 img
    {
        width: 80%;
        opacity: 0.8;
        filter: blur(0.5px);
        border-radius: 4px;
    }
    .conteudoServicos2 a
    {
        text-decoration: none;
        font-size: 90%;
        font-weight: bold;
        color:#335A64;
    }

    .conteudoServicos3
    {
        width: 45%;
        height: auto;
        margin-top: 1.5%;
        margin-bottom: 1%;
        margin-left: 5%;
        float: left;
    }
    .conteudoServicos3 img
    {
        width: 80%;
        opacity: 0.8;
        filter: blur(0.5px);
        padding-left: 5%;
        border-radius: 4px;
    }
    .conteudoServicos3 a
    {
        text-decoration: none;
        font-size: 90%;
        font-weight: bold;
        color:#335A64;
    }

    .conteudoServicos4
    {
        width: 45%;
        height: auto;
        margin-top: 1.5%;
        padding-left: 10%;
        float: left;
    }
    .conteudoServicos4 img
    {
        width: 110%;
        filter: blur(0.5px);
        border-radius: 4px;        
    }
    .conteudoServicos4 a
    {
        text-decoration: none;
        font-size: 90%;
        font-weight: bold;
        color:#335A64;
    }

    .conteudoSuperiorIndex
    {
        width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        float: left;
        position: relative;
    }
    .conteudoSuperiorIndex img
    {
        width: 100%;
    }
    .conteudoSuperior
    {
        width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        float: left;
        position: relative;
    }
    .conteudoSuperior img
    {
        width: 100%;
    }
    .conteudoSuperior p
    {
        font-family: Alte;
        font-size: 50px;
        color: white;
        font-weight: bolder;
        position: relative;
        margin-top: 10%;
        margin-left: 25%;
        margin-right: 25%;
        line-height: 70px;
        border-top: 7px solid white;
        border-bottom: 7px solid white;
        text-align: center;
    }
    .conteudoSuperior span
    {
        font-family: Alte;
        font-size: 35px;
        color: white;
        position: relative;
        margin-top: -50%;
        margin-left: 25%;
        margin-right: 25%;
        line-height: 80px;
        text-align: center;
    }
    .conteudoSuperior2
    {
        width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        float: left;
        position: relative;
    }
    .conteudoSuperior2 p
    {
        font-family: Alte;
        font-size: 50px;
        color: black;
        font-weight: bolder;
        position: relative;
        margin-top: 10%;
        margin-left: 25%;
        margin-right: 25%;
        line-height: 70px;
        border-top: 7px solid black;
        border-bottom: 7px solid black;
        text-align: center;
    }
    .conteudoSuperior2 span
    {
        font-family: Alte;
        font-size: 35px;
        color: black;
        position: relative;
        margin-top: -50%;
        margin-left: 25%;
        margin-right: 25%;
        line-height: 80px;
        text-align: center;
    }

    .conteudoSuperior3
    {
        width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        text-align: center;
    }
    .conteudoSuperior3 p
    {
        font-family: Alte;
        font-size: 50px;
        color: #fff;
        font-weight: bolder;
        position: relative;
        margin-top: 15%;
        margin-left: auto;
        margin-right: auto;
        line-height: 70px;
        border-top: 7px solid #fff;
        border-bottom: 7px solid #fff;
        text-align: center;
        width: max-content;
    }
    .conteudoSuperior3 span
    {
        font-family: Alte;
        font-size: 35px;
        color: #fff;
        margin-top: -50%;
        margin-left: auto;
        margin-right: auto;
        line-height: 80px;
    }

    .dadosPedido
    {
        width: 90%;
        height: auto;
        color: black;
        font-family: Alte;
        font-size: 120%;
        padding: 0.5% 0.5% 0.5% 0.5%;
        margin-top: 1%;
        margin-bottom: 2%;
        float: left;
    }
    .dadosPedido p
    {
        font-family: Alte;
        font-size: 105%;
        line-height: 150%;
        color: #000;
    }
    .dadosPedido h1
    {
        font-family: Alte;
        font-size: 100%;
        line-height: 120%;
        font-weight: bold;
        color: #335A64;
    }
    .dadosPedido h2
    {
        font-family: Alte;
        font-size: 110%;
        line-height: 150%;
        color: #000;
        text-transform: uppercase;
    }

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

    .dadosServico
    {
        font-family: Alte;
        font-size: 22px;
    }
    .dadosServico 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;
    }
    .dadosServico 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;

    }

    .dataPost
    {
        width: 100%;
        line-height: 180%;
        background-color: #335A64;
        color: #fff;
        font-family: Alte;
        font-size: 80%;
        text-align: left;
        margin-bottom: 1%;
    }

    .detalharPedidos
    {
        text-decoration:none;
        color:white;
        background-color: blue;
        line-height: 200%;
        padding: 1.5%;
        margin-right: 0.5%;
        border-radius: 4px;
    }

    .destaqueAviso p
    {
        width: max-content;
        box-shadow: 1px 3px #B1977E;
        background-color: #335A64;
        font-family: Alte;
        color: #fff;
        border: 0.5px solid #fff;
        font-size: 20px;
        border-radius: 3px;
        line-height: 45px;
        margin: 2% auto;
        padding-left: 2%;
        padding-right: 2%;
    }

    .divCaixas
    {
        width: 50%;
        float: left;
        margin-bottom: 20%;
    }

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

    .formularioContato
    {
        width: 90%;
        text-align: center;
        background:#20385A;
        margin-bottom: 1%;
        margin-top: 1%;
        color: white;
        border-radius: 5px;
    }
    .formularioContato label
    {
        width: 100%;
        display: block;
        padding: 10px 5px 10px 5px;
        opacity: 1.0;
    }
    .formularioContato span
    {
        width: 25%;
        display: block;
        float: left;
        text-align: left;
        padding: 5px 20px 0 0;
    }

    .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;
    }

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

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

    .fotoPagina
    {
        width: 100%;
        height: 500px;
        background: url("images/parceriaAdvogadosNovo.jpg") no-repeat;
        background-size: 100%;
        float: left;
        position: relative
    }
    .fotoPagina img
    {
        width: 100%;
        filter: brightness(60%);
        max-height: 500px;
    }
    
    .header
    {
        width:100%;
        height: 570px;
        background: url("images_2021/1.png") no-repeat;
        background-size: 100%;
        float: left;
        position: relative;
       
    }
   
    .inputCaixa
    {
        width: 70%;
        border:1px solid black;
        border-radius: 3px;
        line-height: 150%;
        color: black;
        font-family: Bikor;
        font-size: 100%;
        padding-left: 3px;
    }

    .inputCaixaDoc
    {
        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;
    }

    .inputForm
    {
        padding: 5px 4px 5px 4px;
        width: 70%;
    }
    
    .iureMenu
    {
        float: right;
        margin-right: 3%;
        margin-bottom:1%;
        padding: 2px;
        margin-top: 0.2%;
        font-size: 80%;
        color: #AA8C7D;
        height: 8px;
        width: max-content;
    }
    .iureMenu ul
    {
        list-style: none; 
        float: left;
    }
    .iureMenu li
    {
        display: inline-block;
        margin-left: 20px;
    }
    .iureMenu li a
    {
        text-decoration: none;
        color: #20385A;
        font-family: Quicksand;
        font-weight: bold;
        font-size: 90%;
    }

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

    .listaPedidos
    {
        width: 90%;
        margin: 0 auto;
        color: dimgray;
    }
    .listaServicos
    {
        width: 100%;
        float:left;
        margin-left: 5%;
        margin-right: 5%;
    }

    .logoIntermediario
    {
        width: 100%;
        text-align: center;
        margin: 0 auto;
        box-sizing: border-box;
    }

    .logoIntermediario img
    {
        width: 30%;
        margin-left: -15%;
    }

    .logoMeioIndex img
    {
        width: 25%;
        margin-left: auto;
        margin-right: auto;
    }

    .modal-body
    {
        background-color: #20385A;
        color: #fff;
        font-family: Klik;
        font-size: 15px;
    }
    .modal-body p
    {
        font-size: 20px;
        text-align: center;
    }
    .modal-body label
    {
        padding: 1% 2% 0.5% 2%;
        width: 10%;
    }
    .modal-body input
    {
        width: 80%;
        border-radius: 4px;
        line-height: 25px;
    }

    .modal-title
    {
        color: #335A64;
        font-family: Klik;
        font-size: 20px;
        letter-spacing: 4px;
        font-weight: bold;
        width: 100%;
    }

    .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;
    }

    .orderDetail
    {
        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;
        border-radius: 6px;
    }

    .orderDetailMsg
    {
        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;
    }

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

    .postagem
    {
        width: 80%;
        margin: 0 auto;
    }

    .posts
    {
        width: 90%;
        padding-top: 1%;
        padding-bottom: 1%;
    }
    .postsArea
    {
        padding: 1%;
        font-family: Klik;
        font-size: 90%;
    }

    .postsBotao
    {
        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%;
    }

    .postsData
    {
        padding: 1%;
        font-family: Klik;
        font-size: 90%;
        color: #fff;
        line-height: 70%;
        background-color: #AA8C7D;
    }

    .postsTexto
    {
        padding: 1%;
    }
    .postsTexto 
    {
        font-family: Klik;
        text-align: justify;
        font-size: 100%;
        line-height:100%;
        color: #000;
    }

    .postsTitulo
    {
        padding: 1%;
        font-family: Klik;
        font-size: 120%;
        color: #fff;
        line-height: 120%;
        background-color: #20385A;
    }
    
    .product_id
    {
        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_name
    {
        width: 25%;
        line-height: 150%;
        text-align: center;
        border: 1px solid #CCC;
        font-family: Quicksand;
        font-size: 90%;
        color: black;
        font-weight: bold;
    }

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

    .product_remove a
    {
        color: red;
        text-decoration: none; 
    }
    
    .product_resume
    {
        width: 55%;
        line-height: 150%;
        padding: 3px;
        border: 1px solid #CCC;
        font-family:Quicksand;
        font-weight: bold;
        font-size: 90%;
        color: black;
    }

    .profileTitulo
    {
        width: 100%;
        background-color: #335A64;
        height: auto;
        color: white;
        font-family: Alte;
        font-size: 120%;
        padding: 1%;
        margin-top: 1%;
        margin-bottom: 2%;
        text-align: center;
        border-radius: 4px;
        letter-spacing: 4px;
    }

    .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%;
    }

    .resumos
    {
        width: 80%;
        padding: 2%;   
    }
    .resumos p
    {
        font-family: Alte;
        font-size: 250%;
        text-align: center;
    }
    .resumos img
    {
        width: 20%;
    }
    .resumos a
    {
        text-decoration: none;
    }

    .resumosArea
    {
        padding: 1%;
        font-family: Alte;
        font-weight: bold;
        font-size: 100%;
    }

    .resumosBotao
    {
        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%;
    }
    .resumosBotao a
    {
        text-decoration: none;
        color: #fff;
    }

    .resumosData
    {
        padding: 1%;
        font-family: Alte;
        font-size: 90%;
        color: #fff;
        line-height: 70%;
        background-color: #B1977E;
    }

    .resumosTitulo
    {
        padding: 1%;
        font-family: Optima;
        font-size: 130%;
        line-height: 140%;
        color: #fff;
        background-color: #335A64;
    }
    .resumosTexto
    {
        padding: 0.5%;
    }
    .resumosTexto p
    {
        font-family: Optima;
        text-align: justify;
        font-size: 110%;
        text-indent: 5%;
        color: #000;
    }
    
    .rodape
    {
        width: 100%;
        height: auto;
        background-color: #20385A;
        font-family: Klik;
        font-size:70%;
        color:white;
        float: left;
    }

    .rodapeDados
    {
        width: 33%;
        float: left;
        height: auto;
    }
    .rodapeDados p
    {
        margin-right: 2%;
        margin-left: 30%;
        float: right;
        padding: 2%;
        color:white;
        font-size: 100%;
    }
    .rodapeNome
    {
        width: 100%;
        float: left;
        text-align: center;
        font-size: 80%;
    }
    .rodapeNome a
    {
        text-decoration: none;
        color:white;
    }
    .rodapeNome p
    {
        margin-right: 2%;
        margin-left: 2%;
        padding: 2% 0.5% 0.5% 0.5%;
        color:white;
        text-decoration: none;
    }
    
    .rodapeServicos
    {
        width: 33%;
        float: left;
        height: auto;
    }
    .rodapeServicos p
    {
        margin-right: 2%;
        margin-left: 2%;
        padding: 2% 0.5% 0.5% 0.5%;
        color:white;
        font-size: 120%;
    }
    .rodapeServicos ul li a
    {
        margin-right: 2%;
        margin-left: 2%;
        padding: 0.3%;
        color:white;
        text-decoration: none;
        list-style: none;
    }
    .rodapeServicos ul li
    {
        margin-right: 2%;
        margin-left: 2%;
        padding: 0.3%;
        color:white;
        text-decoration: none;
        list-style: none;
    }
    
    .sectionSTD
    {
        width: 100%;
        height: 500px;
        background-size: 100%;
        float: left;
        position: relative;
    }

    .span1
    {
        position: relative;
        padding: 1%;
        color: white;
        font-weight: bold;
        font-family: Alte;
        font-size: 120%;
        width: 100%;
        height: auto;
        line-height: 40px;
        letter-spacing: 3px;
    }
    .span2
    {
        position: relative;
        padding: 1%;
        color: white;
        font-family: Quicksand;
        font-size: 50%;
        width: 75%;
        height: auto;
        line-height: 45px;
        letter-spacing: 3px;
        border-bottom: 4px solid #fff;
    }

    .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;
    }

    .tabelaPedidos
    {
        border: 1px solid #CCC;
        width: 100%;
        height: auto;
        border-radius: 3px;
    }
    .tabelaPedidos thead th
    {
        line-height: 250%;
        background-color: #335A64;
        font-size: 18px;
        font-family: Alte;
        font-weight: bold;
        color: white;
        border: 1px solid #fff;
    } 
    .tabelaPedidos tr, .tabelaPedidos td
    {
        border: 1px solid #696969;
        border-radius: 3px;
        font-family: Alte;
        font-size: 13px;
        color: #000;
        padding: 0.75%;
        line-height: 220%;
    }
    .tabelaPedidos a
    {
        text-decoration: none;
        color: red;
        font-family: Bikor;
        font-size: 10px;
        font-weight: bold;
        margin-left: auto;
        margin-right: auto;
    }

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

    .tabelaPosts
    {
        width: 100%;
    }
    .tabelaPosts 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;
    }
    .tabelaPosts td
    {
        color: #000;
        font-family: Bikor;
        font-size: 100%;
        line-height: 150%;
        border: 1px solid #000;
        border-radius: 4px;
        padding: 1%;
    }

    .tabelaResumos
    {
        width: 100%;
    }
    .tabelaResumos 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;
    }

    .tabelaResumos td
    {
        color: #000;
        font-family: Bikor;
        font-size: 100%;
        line-height: 150%;
        border: 1px solid #000;
        border-radius: 4px;
        padding: 1%;
    }
    .tabelaResumos a
    {
        text-decoration: none;
    }

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

    .texto
    {
       display: none;
    }

    .texto3
    {
        width: 100%;
        padding: 0.5%;
        margin-bottom: 1%;
        background-color: dimgray;
        text-align: center;
        float: left;
    }
    .texto3 h2
    {
        color: white;
        font-size: 100%;
        font-family: Quicksand;
    }

    .texto_index
    {
        position: relative;
        color: white;
        font-family: Alte;
        font-size: 45px;
        width: 98.5%;
        margin-top: -30%;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        background-color: black;
        box-sizing: border-box;
        float: left;
        opacity: 0.7;
        
    }
    
    .texto_index p
    {
        font-size: 60%;
        width: 100%;
    }

    .textoIntermediario
    {
        width: 70%;
        margin: 3% auto 5% auto;
        height: auto;
    }

    .textoIntermediario2
    {
        width: 70%;
        margin: 5% auto 5% auto;
        height: auto;
        font-family: Quicksand;
        font-size: 130%;
        color:black;
    }
    
    .textoIntermediario2 p
    {
        font-size: 180%;
        font-weight: bold;
        text-align: center;
        padding: 55% 0 0 0;
    }

    .textoIntermediario_titulo
    {
        width: 40%;
        color: black;
        font-size: 200%;
        font-family: Bikor;
        float: left;
        height:auto;
        padding-top:6%;
        text-align: center;
    }
    .textoIntermediario_conteudo
    {
        width: 60%;
        color: black;
        font-size: 16px;
        font-family: Bikor;
        float: left;
        height: auto;
        text-align:left;
        line-height: 180%;
        padding: 2%;
    }

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

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

    .textoIntermediario_tituloP
    {
        width: 50%;
        font-size: 200%;
        font-family: Quicksand;
        font-weight: bold;
        float: left;
        height:auto;
        padding-top:4%;
        text-align: center;
    }
    .textoIntermediario_conteudoP
    {
        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%;
    }

    .textoIntermediarioConta
    {
        width: 100%;
        height: 80px;
        background-color: #335A64;
      
    }
    .textoIntermediarioConta h1
    {
        font-family: Alte;
        font-weight: bold;
        letter-spacing: 3px;
        font-size: 200%;
        color: white;
        padding: 1%;
    }
    
    .textoLicitacao
    {
        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;
    }

    .textoPost
    {
        width: 100%;
        font-family: Bikor;
        font-size: 110%;
        padding: 1%;
        text-align: justify;
        line-height: 190%;
        word-break: break-word;
    }

    .textoServicos
    {
        font-family: Bikor;
        font-size: 18px;
        height: auto;
        line-height: 35px;
        padding-top: 3%;
        color: dimgray;
        filter: brightness(85%);
    }
    
    .tituloBlocos
    {
        margin: 3% auto 3% auto;
        text-align: center;
        width: 100%;
    }
    .tituloBlocos 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;
    }

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

    .tituloCaixa
    {
        background-color: #335A64;
        color:white;
        font-family: Bikor;
        font-size: 120%;
        letter-spacing: 3px;
        width: 90%;
        text-align: center;
        border-radius: 3px;
        border: 1px groove #335A64;
        box-shadow: 2px 4px #CCC;
        margin-left: auto;
        margin-right: auto;
        float: left;
    }
    .tituloCaixaForm
    {
        color:dimgray;
        padding-top: 20px;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }

    .tituloPedido
    {
        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;
    }

    .tituloPost
    {
        width: 100%;
        line-height: 250%;
        background-color: #335A64;
        color: #fff;
        font-family: Alte;
        font-size: 120%;
    }

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

    .tituloServicos
    {
        text-align: center;
        font-family: Bikor;
        background-color: #335A64;
        color: white;
        font-size:25px;
        height: auto;
        line-height: 40px;
        letter-spacing: 3px;
        border-radius: 6px;
    }

     .video_index
    {
        width: 100%; 
        height: auto;
        margin-right: auto;
        margin-left: auto;
        position: relative;
    }
}