:root{
    /*--rosa:#EC008C;*/
    /*--azul:#3aa9f5;*/
    /*--amarelo:#FFF13A;*/

    /*var(--cor2)*/
/*var(--cor2)*/

    /*--cor1:#fff;*/
    /*--cor2:#ffffff8a;*/
    /*--cor2:#f46cbc;*/
    /*--cor3:#000;*/
    /*--cor4:#f46cbc;*/
    /*--cor5:#000;*/

    /*--cor7:#3aa9f5;*/
}

* { margin: 0; padding: 0; box-sizing: border-box;}
html {
    overflow-y: scroll;
}
body { font-family: 'Barlow', 'sans-serif';
    font-size: 18px;
    line-height: 28px;
    color: #2E3641; width: 100%;
    background: var(--cor1);
    /*-webkit-font-smoothing: subpixel-antialiased;*/
    /*-moz-appearance: none; appearance: none;*/
}
.wrapper {
    width: 100%;
    /*max-width: 800px;*/
    /*max-width: 1300px;*/
    margin: auto;
    /*padding: 2%;*/
}
body.products .wrapper {
    /*max-width: 2000px;*/
}
a {color: #fff;}
/*a:visited {color:#555}*/

a:hover { text-decoration: none;}

.button-0, .rz-btn {    font-family: 'Barlow', Arial !important;
    background-color: var(--cor2) !important;
    border-bottom: 5px solid var(--cor2-darker) !important;
    text-shadow: 0px -2px var(--cor2-darker) !important;
}

h1.logo a {
    text-shadow: 8px 10px 1px rgba(0,0,0,.1);
    letter-spacing: -3px;
    font-size: 100px;
    line-height: 1;
    /*line-height: 0;*/
    font-family: Pacifico,Arial,sans-serif;
    font-weight: 400;
    color: #fff; text-decoration: none; padding: 10px; display: block;
}

h1.logo .product_name {display: none}
h1.logo .product_logo img {height: 27px;}

.top_menu h1.logo a {
    display: inline-block;
    position: absolute;
    left: 28px;
    top: -4px;
    font-size: 35px;
    letter-spacing: -1px;
    line-height: 0.6;
    opacity: 0.5;

}

.top_menu .extra_menu {  position: absolute; right: 10px}
.top_menu .extra_menu form { display: inline}
.top_menu .extra_menu a, .top_menu .extra_menu button {  display: inline-block; background: none; border: 0; font-size: 100%; color: #fff; text-decoration: underline; margin-left: 20px;}

#my-header {
    position: sticky;
    /*line-height: 44px;*/
    /*text-align: center;*/
    /*background: #eee;*/
}

.header h1.logo { display: none}
body.login .header h1.logo { display: block}
body.login h1.logo .product_logo img { height: 60px;}
body.login .top_menu h1.logo { display: none}

body.suporte .cms  { padding: 20px; background: none; color: #fff}
body.login .mburger { display: none}

.home .vitrine_tipos.mrz3-trial .bonus-especiais,
.home .vitrine_tipos.mrz3-trial .caixa-preta-poreorganize,
.home .vitrine_tipos.mrz3-trial .novo-ciclo,
.home .outros_modulos.mrz3-trial .bonus-especiais,
.home .outros_modulos.mrz3-trial .caixa-preta-poreorganize,
.home .outros_modulos.mrz3-trial .novo-ciclo
{ display:none !important}

/*body.titulo_view h1.logo a {*/
/*    font-size: 40px;*/

/*}*/

body.novidades .cms a.rz-btn { width: 100%; text-align: left}
body.novidades .cms a.rz-btn span { color: yellow;}

body.tipo_guiasistemas ul.imagens li img {
    background-color: #fff;
    height: 250px;
    border-radius: 50%;
    padding: 15px;
}


h1 { color: #fff; text-align: center; margin-bottom: 20px; font-family: Barlow}
.produto h1 a, .produto h1 {color: #BF296D; text-decoration: none;}
.produto h1 a:hover { text-decoration: underline}

h2{ color: var(--cor1); font-size: 125%;}
body.coletanea_view h2 { padding-top: 0}
body.coletanea_view h1 { padding-top: 0}
body p:empty { display: none}




body.home p { color: #fff}
/*.header .logo_guia { color: #F69087;  }*/


/*.header .logo_guia .top{ background: url('images/mosaico-prods-650px.jpg') left bottom; background-size: auto 180px; display: block; height: 60px; overflow: hidden; }*/
/*.header .logo_guia .bottom{ background: url('images/mosaico-prods-650px.jpg') left top; background-size: auto 180px; display: block; height: 60px; overflow: hidden; border-bottom: 3px solid #BF296D;}*/
.header h2 { padding: 0;}
.header h2 span{  background: #BF296D; padding: 5px; font-weight: normal; letter-spacing: -1px ; text-align: center; display: block;font-size: 150%; font-family: Georgia; font-style: italic; color: #fff; margin: 0}
.header h2 a {color: #fff; text-decoration: none}
.header h2 a:hover {text-decoration: underline}

h1, h2 {
    font-family: Barlow, Arial, sans-serif;
    font-weight: 400;
    letter-spacing: 0;
    text-shadow: 2px 2px 1px rgba(0,0,0,.1);

    line-height: 1;
    /*margin: 40px 0 80px 0;*/
}
h1 {font-size: 40px;}
h2 {font-size: 25px;}
h3, h4, h5, h6 {
    font-weight: 700;
    line-height: 1.2;
}
p, li { line-height: 150%}
h3 { color: #2E3641;}
h1, h2, h3, p, ul { padding: 20px 0 0 0}
ul li, ol li {margin-bottom: 11px;    list-style-position: inside;}
h3, h2, h1 { clear: both;}

ul.imagens, ul.videos, ul.videosdiy, ul.tags, ul.ambientes, ul.intro, .feedback { list-style: none; clear: both}
.imagens li img { height: 300px;    border: 2px solid #fff;
    margin: 4px; max-width: 100%; width: auto; min-width: 60px; background-color: #ccc;border-radius: 10px;}
.imagens li, .tags li { display: inline-block; }
/*.tags, .ambientes {display: inline-flex}*/

div.gpo { text-align: left; !important;}
div.gpo h2 { padding: 20px 0 10px 0 !important;}
div.gpo ul { padding: 0 !important;}

ul.ambientes { padding: 7px 0}
.tags { margin-bottom: 10px}
.tags li, .ambientes li {display: inline-flex}
.tags li a, .ambientes li a { color: #fff; background: #DEA3C0;
    margin: 3px;
    padding: 0px 4px 2px 4px;
    font-size: 90%; display: block; text-decoration: none; border-radius: 6px;    white-space: nowrap;}
.tags li {white-space: normal; font-size: 90%; margin: 0}
.tags li a:hover, .ambientes li a:hover { background: #BF296D; color: #fff}
ul.videos { margin: 0; padding: 0}
ul.videos, ul.videosdiy { max-width: 600px;     }
ul.videos li, ul.videosdiy li { float: left;     margin: 0 0 10px 0;}
.produto { clear: both; margin: 20px 0; }

.pesquisa_internet span { font-size: 80%; color: navy}
.hide { display: none}
.dolar_escuro, .dolar_claro { font-size: 80%}
.dolar_claro { color: #ccc;}
.dolar_escuro { color: #2E3641;}
.produto { border-top: 5px solid #BF296D}
.videoWrapperInstagram iframe { width: 100% !important; margin: 0 auto !important;}
.videoWrapper, .videodiyWrapper {
    display: block;
    position: relative;
    /*margin: 5px;*/
    padding-bottom: 56.25%;
    /*padding-top: 25px;*/
    height: 0;
    /*margin-bottom: 10px;*/
    /*max-width: 600px;*/
    width: 100%;
}
.videoWrapper iframe, .videodiyWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}
.lightbox {
    display: none;
}
.lightbox a { color: var(--cor1)}
    /*.videoWrapper { width: 100%; max-width: 500px;  }*/

body.resultado .footer { visibility: hidden}

img.profile_pic { border-radius: 50%; border: 4px solid #fff; display: block; width: 150px; margin: 10px auto; display: none}
body.home img.profile_pic { border-width: 2px; width: 70px; }
body.perfil span.gravatar { font-size: 60%}
/*body.perfil table.listagem td, body.perfil table.listagem th { text-align: left; ;padding: 2px 3px}*/

div.datareading-table-container {
    width: 100%; /* O contêiner ocupa toda a largura disponível */
    overflow-x: auto; /* Adiciona rolagem horizontal se necessário */
    overflow-y: hidden; /* Remove rolagem vertical (opcional) */
    /*border: 1px solid #ccc; !* Opcional: borda para destaque *!*/
}
table.listagem { margin: 0 auto; border: 5px solid #cccccc63 !important;
}
table.listagem td, table.listagem th {    padding: 3px 7px;text-align: left;}
table.listagem th { color: #fff}
table.listagem { background: #fff; color: #000; border: 2px solid #000;     margin: 10px 0;}
table.listagem tr td { border-bottom: 1px solid #ccc}
table.listagem td, table.listagem th { color: #000; }
table.listagem a { color: var(--cor1)}
table.listagem a:visited { color: #F69087}

table.listagem th {background: var(--cor1); color: #fff; padding: 6px 10px;}

table.listagem td, table.listagem th, table.listagem a { font-family: Arial !important}
table.listagem tr:hover { background: #efefef}

table.marcos i {font-size: 200%; color: var(--cor1)}
table.marcos,
table.marcos td,
table.marcos th
{border: none !important; }

table.marcos * {vertical-align: middle}
table.marcos .fa-check-square {font-size: 100%; color: inherit}


.highlight {
    background-color: #FFFF88;
}
.mm-listitem form.busca input#q { width: 80%}
.mm-listitem form.busca input { height: 40px; vertical-align: middle; text-align: center}
.mm-divider {    color: yellow ;
    font-weight: bold;
    text-align: center;}
.busca_sem_resultados { text-align: center;
    /*margin-bottom: 200px; */
    margin-top: 30px}
.busca_sem_resultados form p { margin-top: 30px}
.busca_sem_resultados span { color: red; text-align: center; background: #fff; border-radius: 10px; display: inline-block; padding: 5px 10px; margin: 0 auto;}
form.busca.final.listagem { margin: 40px 0}
.msg { background: lightyellow; padding: 10px; margin: 10px 10px; border-radius: 10px; color: #333}
.msg:empty, .my-notify-error:empty, .my-notify-info:empty, .my-notify-success:empty {display: none;}

.outros_modulos{ margin-top: 30px;}
.outros_modulos h2 {margin: 0 0 10px 0 !important;}

.utilidades,.diferenciais,
.noselect
{
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* IE/Edge */
    user-select: none;           /* non-prefixed version, currently
                                  not supported by any browser */
}

pre.pre {
    -webkit-touch-callout: all;
    -webkit-user-select: all;
    -khtml-user-select: all;
    -moz-user-select: all;
    -ms-user-select: all;
    user-select: all;
}


.footer { font-size: 80%; background: var(--cor1); color: #fff; margin-top: 10px; clear: both; text-align: center}
.top_menu
{
    background: var(--cor1);
    /*background: red;*/
    height: 50px;font-size: 80%; position: relative; margin: 0; }
/*#my-header{ position: sticky;}*/
.top_menu, .top_menu a {color: #fff}

.main {
    /*padding: 10px;*/
    /*background: #fff; */
    text-align: center;
color: #fff;
max-width: 1000px;
margin: 0 auto;
    padding: 0
}

.main cite { font-style: normal}
body.login .main { background: var(--cor1); color: #fff}
body.login .main .msg { color: var(--cor1);}
body.login .main form  { max-width: 500px; margin: 0 auto;}
body.login .main form input,
body.login .main form button { width: 100%;}
/*body.login .main div.foto_pri { }*/
body div.foto_pri img {border: 5px solid #fff; border-radius: 50%; width: 90px; display: block; }
body .footer div.foto_pri img { width: 30%;}
body .footer div.logo_rz img { width: 40px; display: block;margin: 5px auto; margin-top: 30px;}

body.login .venda a { color: var(--cor2); font-size: 14px}

body.login div#aviso { text-align: left}


.home .vitrine_tipos a.tipo { width: 45% ;
    height: 200px;
    /*height: auto;*/
    line-height: 100%;
    vertical-align: bottom;
    padding: 20px !important;
    /*color: #fff; */
    color: var(--cor1);
    background: #fff;
    border-radius: 10px;
    margin: 10px !important;
    border: 2px outset var(--cor2); text-align: center; text-decoration: none; display: inline-block}
.home .vitrine_tipos a.tipo i { font-size: 100px;
    display: inline-block;
    /*display:none;*/
}
.home .vitrine_tipos a.tipo span { display: block; margin-top: 5px; line-height: 113%; }
.home .vitrine_tipos a.tipo img { display: none; }
.vitrine_tags{ display:none}
.vitrine_tags a { margin-right: 10px !important; font-size: 120% !important;}
.main ul, .main div.desc, .main h2, .main .feedback, .main p.pontosdevenda, .footer_demo, .footer *,
.pesquisa, .demo_intro, .total_produtos, .search, .login_intro, .termo_pesquisa, body.login .main, .cms, .utilidades, .ambientes, .diferenciais, p.txt, .elements { max-width: 1000px; margin: 0 auto;}
.total_produtos { text-align: center}
.termo_pesquisa {text-align: center}
body.login .main { text-align: center; padding: 5px 20px;}
.main .imagens { max-width: 100%; text-align: center}
.top_menu h1.logo { position: absolute; left: 0;  padding: 0; margin: 8px 0 0 10px; }
/*.top_menu h1.logo img { width: 100px;}*/
ul.menu_top_right {  position: absolute; right: 10px;top: 0; pading:0; padding-top: 8px; text-align: right; margin: 0;}
ul.menu_top_right li { list-style: none; margin: 0; padding: 0; float: left; margin-right: 10px}
.search { padding: 10px; text-align: center}
form input, form select { font-size: 1.2em; padding: 5px;
    border-radius: 10px;  color: #BF296D; border: 1px solid #ccc}
fieldset { border-radius: 10px; border-color: #fffcfe5c; padding: 10px}
legend{padding: 0 7px;}
form fieldset {  border-color: #fff; }
/*body.login .main*/
form span {display: block; margin: 10px 0}
/*.disclaimer { font-size: 80%}*/
.footer hr {border:0; border-top: 1px solid #ccc}
.footer a {color: #fff; text-decoration: none}
.footer a:hover {color: #fff; text-decoration: underline}
.footer a:visited {color: #ccc}
body.comprar input.btn_image { display: none !important;}
.produto h1 strong { display: inline-block;  }
.produto h1 .next { background: url("images/next.png") no-repeat; width: 20px; height: 20px; display: inline-block;  background-size: 20px 20px; margin: 15px 0 0 10px}
.produto h1 .next span { display: none;}



div.pontosdevenda { text-align: left}
ul.pontosdevenda li {list-style-image: url("//guia.reorganize.com.br/images/shop.png"); list-style-position: inside; font-size: 90%}
div.fornecedores { text-align: left}
ul.fornecedores li {list-style-image: url("//guia.reorganize.com.br/images/fabricante.png"); list-style-position: inside; font-size: 90%}
div.utilidades { text-align: left}
ul.utilidades li {list-style-image: url("//guia.reorganize.com.br/images/tool.png"); list-style-position: inside; font-size: 90%}
ul.pontosdevenda a {word-wrap:break-word; padding: 3px 0; display: inline-block; margin-bottom: 3px; }
p.pontosdevenda {font-size: 80%;
    color: #AD6760;
    margin-top: -4px;
}
p.pontosdevenda {text-align: left}
p.pontosdevenda a.disclaimer {color: #000; }
.comprar { display: block; padding: 10px;}
.comprar img { max-width: 100%; }
/*.tags { border: 1px solid; width: 200px;}*/
form.login { display: block; padding:10px}
form.login span {display: block; margin: 10px 0}
form.login span input {display: block; width: 100%}
.footer_demo {text-align: center}
.form_demo { padding: 10px; }

.titulo_view .guiasistemas_po { display: block !important; margin-top: 15px !important;}
.titulo_view

body.home .novidades_home { margin: 20px auto}



.demo .search { display: none}
.footer_demo .videoWrapper { margin-left: 10px}
.teaser_demo { display: none}
.demo .teaser_demo { display: block; padding: 10px; background: #BF296D; text-align: center }
.teaser_demo, .teaser_demo a{color: #fff; text-decoration: none}


.produto a.feedback { display: block; text-decoration: none !important; font-size: 80%; margin: 10px auto; margin-top: 20px; color: #DEA3C0}
.produto a.feedback:hover { color: #BF296D}
.produto .feedback img { height: 12px; }
.produto .feedback span {display: block; margin: 10px;}
.produto .feedback span iframe {border: 1px solid #BF296D; max-width: 700px; height: 150px; width: 100%}

.footer_demo .garantia { display: block; margin: 10px 0}
.footer_demo .aproveite { font-size: 110%}
.footer_demo .aproveite strong { color: #BF296D; display: block; font-size: 120%}


.button {
    border-top: 1px solid #96d1f8;
    background: #00c21d;
    background: -webkit-gradient(linear, left top, left bottom, from(#41ff0d), to(#00c21d));
    background: -webkit-linear-gradient(top, #41ff0d, #00c21d);
    background: -moz-linear-gradient(top, #41ff0d, #00c21d);
    background: -ms-linear-gradient(top, #41ff0d, #00c21d);
    background: -o-linear-gradient(top, #41ff0d, #00c21d);
    padding: 5.5px 11px;
    -webkit-border-radius: 27px;
    -moz-border-radius: 27px;
    border-radius: 27px;
    -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
    -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
    box-shadow: rgba(0,0,0,1) 0 1px 0;
    text-shadow: rgba(0,0,0,.4) 0 1px 0;
    color: white;
    font-size: 23px;
    font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
    text-decoration: none;
    vertical-align: middle;
}
.button:hover {
    border-top-color: #fff;
    background: #BF296D;
    color: #ccc;
}

.button:active {
    border-top-color: #1b435e;
    background: #1b435e;
}

.ter_acesso {font-size: 13px; vertical-align: initial}
.pesquisa { text-decoration: none; margin: 10px auto; display: block; text-align: center;    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 10px;
    margin: 20px auto; font-size: 80%;}
.pesquisa:hover { text-decoration: underline}
.obrigado .pesquisa { display: none}
div.videos p { display: none}
div.videos div { margin-top: 20px;}

.titulo div.desc, .titulo .resumo, .titulo .elements { clear: both; text-align: left; background: #fff; padding: 20px; color: #000}

.titulo div.desc img {max-width: 100%;
    height: auto;}

.titulo div.indice_video, .titulo div.indice_video p { text-align: left}

.titulo div.desc,
.titulo div.resumo,
div.cms
{ font-family: Open Sans, sans-serif}

.titulo_view div.desc,
.titulo_view div.desc p,
.titulo_view div.desc p span,
.titulo_view div.desc div,
.titulo_view div.resumo,
.titulo_view div.resumo p,
.titulo_view div.resumo p span,
.titulo_view div.resumo div
{ color: #000 }

.titulo div.desc a,
.titulo div.resumo a,
div.cms a

{ color: var(--cor1)}
.titulo div.desc:empty, .titulo .elements:empty { display: none}

body.unlogged .reactions { display: none}

a.link_zap img { max-height: 1em}

body.home h2, body.pink h2, div.headline h2 {
    color: #b7e0ff;
    text-shadow: none;
    font-family: Barlow, Arial, sans-serif;
    font-weight: 700;

    letter-spacing: -0.8px;.titulo div.desc:empty
    line-height: 111%;
    font-size: 130%;
    letter-spacing: 0;
    text-shadow: 3px 3px 1px rgba(0,0,0,.1);
    line-height: 1;
    padding: 0 0 20px 0;
    font-size: 140%; color: var(--cor2); font-family: Barlow, Arial, sans-serif
}

.titulo div.desc h1, .titulo div.resumo h1, .cms h1 { font-size: 180%; color: var(--cor1); font-family: Barlow, Arial, sans-serif}
.titulo div.desc h2, .titulo div.resumo h2, .cms h2 { font-size: 140%; color: var(--cor2); font-family: Barlow, Arial, sans-serif}
.titulo div.desc h3, .titulo div.resumo h3, .cms h3 { font-size: 120%; color: #000; font-family: Barlow, Arial, sans-serif; text-decoration: underline;}



.titulo div.desc h1, .titulo div.desc h2,
.titulo div.resumo h1, .titulo div.resumo h2,
div.cms h1, div.cms h2
{
    /*text-shadow: 3px 2px 2px rgba(0,0,0,.1)*/
    text-shadow: none;
    text-align: left;

    font-weight: bold;
}

.titulo div.desc h2,
.titulo div.resumo h2,
div.cms h2
{

    margin-top: 16px;

}

.logo_guia h3 { display: none;}
.titulo .resumo { margin-top: 20px;}
.titulo .resumo h2, .titulo .desc h2 { color: var(--cor1)}
.titulo .resumo h1, .titulo .desc h1 { color: #000}

.social.reorganize h1 { color: #fff; font-size: 100%; }
.social.reorganize ul { list-style: none;}
.social.reorganize li { display: inline-block}
.social.reorganize li a { width: 32px; height: 32px;display: inline-block; background-size: 32px}
.social.reorganize li a span { display: none}
.social.reorganize li a.facebook { background-image: url("https://s3-sa-east-1.amazonaws.com/s3.reorganize.com.br/images/1470086479_social-facebook-circle.png")}
.social.reorganize li a.snap { background-image: url("https://s3-sa-east-1.amazonaws.com/s3.reorganize.com.br/images/1470086734_1442918680_UberCons_SocialPack_Snapchat.png")}
.social.reorganize li a.insta { background-image: url("https://s3-sa-east-1.amazonaws.com/s3.reorganize.com.br/images/1470086453_social-instagram-new-circle.png")}
.social.reorganize li a.youtube { background-image: url("https://s3-sa-east-1.amazonaws.com/s3.reorganize.com.br/images/1470086480_social-youtube-circle.png")}


.titulos { text-align: left; width: 100%; padding: 10px}
.titulos .titulo {
    display: block; color: #fff;
    /*display: block;*/
    /*vertical-align: top; */


    margin: 11px;
    vertical-align: text-top;

}
.titulos .titulo.tipo_gpo {
    min-width: 19%; display: inline-block; color: #fff;
    /*display: block;*/
    /*vertical-align: top; */
    display: inline-block;
    width: 45%;
    margin: 11px;
    vertical-align: text-top;

}

/*.titulos.listagem a span.eye { display: none}*/
.titulos.listagem a strong { color: #fff; font-weight: normal}
/*.titulos.listagem a:link span.eye { display: none}*/
/*.titulos.listagem a:visited span.eye { display: block}*/
.titulos.listagem a:visited strong { color: #EECEDF; }
.titulo .tags h2 { display: none}
.titulo h1 strong a { color: #fff; text-decoration: none}
.titulos .titulo h1 { font-size: 120%; cursor: pointer; border:0; padding: 5px 0;  text-shadow: none;
    /*padding: 0 10px;*/
    text-align: left;
    margin-bottom: 0;
    line-height: 120%;}
.titulos.listagem h1 .olho_1 { color: #00ff00}
.titulos.listagem h1 .olho_0 { display: none}
.titulos .titulo h1 a { text-decoration: none; color: #fff}
/*.titulos .titulo h1 span { font-size: 60%; font-weight: normal; color: #555}*/
/*.titulos .titulo h1 .icon { font-size: 60%; font-weight: normal; color: #555}*/
.titulos .titulo h1 a:hover { text-decoration: underline;}
.titulos .titulo img {cursor: pointer;
    border: 2px solid #DEA3C0;
    /*background-color: #ccc;*/
    margin-top: 10px;
    width: 30%;
    display:none;
}
.titulos .titulo.tipo_gpo img { width: 100%; }
.titulos .titulo.tipo_gpo .icone i { color: var(--cor2)}
.titulos .sem_imagem_destaque {
    /*display: block; */
}
.titulos .sem_imagem_destaque img {
    display: none
}
.titulos .sem_imagem_destaque .icone, .titulos .sem_imagem_destaque h1 { display: inline-block}
.titulos img:hover {border-color: #555}
.titulos h1.title { border: 3px solid #DEA3C0; border-width: 3px 0 3px 0; color: #555; padding: 3px 0; margin:10px; text-align: center; width: 100%; display: inline-table}


/*.menu_lateral .titulos  { background: red; }*/
.menu_lateral .titulos .titulo { margin:0; padding:0}
.menu_lateral .titulos.listagem a strong {font-weight: normal; font-size: 75%}
/*.titulos .menu_lateral .titulo img { }*/
.menu_lateral .titulos .titulo img, .menu_lateral .titulos .titulo .icone {display: none !important;}
.anteriorproxima { display: inline-block;     margin-left: 20px;
    vertical-align: baseline;}
.home .anteriorproxima a.rz-btn { padding: 2px 7px !important;
    font-size: 100% !important;
    margin: 0 10px 0 0 !important;
    border-bottom-width: 3px !important;}

.lesson img { display: block; margin: 20px auto;
    max-width: 90%;width: 100%;    height: auto;}

.cms { text-align: left; background: #fff;
    padding: 20px; border-radius: 10px; color: #000}
.cms .rvideo { text-align: center}
.cms ul { padding-bottom: 15px; color: #000 !important;}
.gdoc p:empty { display: none}
.gdoc span:empty { display: none}
/*.cms h1, .cms h2, .cms h3 { padding-bottom: 20px;}*/
/*.cms a { color: #EC008C;}*/
/*.cms h2 {border-bottom: 2px solid #EC008C; margin-bottom: 20px; padding: 10px 10px; text-align: center; color: #EC008C !important;}*/
/*.cms h3 {    background: #EC008C;*/
/*    text-align: center;*/
/*    padding: 2px 6px;*/
/*    color: #fff;*/
/*    !*margin: 0 0 0 10px;*!*/
/*    display: inline-block;}*/
/*body .cms h2 {text-shadow: 2px 2px 1px rgba(0,0,0,.1) !important; font-size: 170% !important; font-weight: 700;*/
/*    line-height: 120%;}*/

/*body .cms h3 {*/
/*    color: #3aa9f5;*/
/*    !*text-shadow: none;*!*/
/*    !*font-family: Open Sans, sans-serif;*!*/
/*    font-weight: 700;*/
/*text-align: center;*/
/*    letter-spacing: -0.8px;*/
/*    line-height: 111%;*/
/*    font-size: 110%;*/
/*    letter-spacing: 0;*/
/*    text-shadow: 2px 2px 1px rgba(0,0,0,.1);*/
/*    line-height: 120%;*/
/*}*/

.cms ul, .cms ol {    list-style-position: inside;
    margin-left: 25px;}
.lesson .post_url { text-align: left;}
.lesson h2 {text-align: center}
.lesson .lesson_completed { text-align: center}
.footer_menu, .footer_menu a, .footer_menu a:visited { color: #fff;}
.cms .licoes-info.emdia { text-align: center}

.footer .count_licoes { padding: 5px; margin: 10px 5px; background: #fff; display: inline-block; color: #BF296D}

/*----------------------*/
div.products {
    max-width: 400px;
    margin: 0 auto;}
div.products .product { margin-top: 20px; display: block}

div.products .product a { position: relative; width: 100%; border-radius: 10px; box-shadow: black;
    max-width: 400px;
    /*border: 3px solid rgba(255, 255, 255, 0.5); */
    display: block; margin: 0 auto;
    padding-bottom: 56.25%;
    /*padding-bottom: 19%;*/
    padding-top: 60px;
    /*padding-top: 1px;*/
    height: 0;
    overflow: hidden;
    box-shadow: rgb(0 0 0 / 25%) 3px 2px 4px;
}
div.products .product h2 { position: absolute; z-index: 2; background-color: rgba(0, 0, 0, 0.6); padding: 7px 13px; bottom: 0; color: #fff;
    font-size: 170%; width: 100%; font-family: Barlow, Arial, sans-serif}
/*.products .product span { position: absolute; z-index: 1; background-color: black; bottom: 0; opacity: 0.3; width: 100px; height: 100px;}*/
div.products .product a img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*----------------------*/
div.products_v2 {
    /*max-width: 400px;*/
    margin: 0 auto;
    text-align: center;
    padding: 10px;
}
/*div.products_v2 .product { margin-top: 20px; display: block}*/

div.products_v2 .product.showcase { border: 0}

div.products_v2 .product.showcase img {
    /*border:1px dashed #555*/
    opacity: 0.7;

}
div.products_v2 .product.showcase h2 {
    /*border:1px dashed #555*/
    opacity: 0.9;
}
div.products_v2 .product a {
    /*position: relative;*/
    /*width: 100%;*/


    /*max-width: 400px;*/

    /*display: block; margin: 0 auto;*/
    /*padding-bottom: 56.25%;*/
    /*padding-bottom: 19%;*/
    /*padding-top: 60px;*/
    /*padding-top: 1px;*/
    /*height: 0;*/

}
div.products_v2 .product h2 { position: absolute;z-index: 2; background-color: rgba(0, 0, 0, 0.6); padding: 7px 13px; bottom: 0; color: #fff; font-size: 110%; width: 100%; font-family: Barlow, Arial, sans-serif}
/*div.products_v2 .product span { position: absolute; z-index: 1; background-color: black; bottom: 0; opacity: 0.3; width: 100px; height: 100px;}*/

div.products_v2 .product a img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /*height: 100%;*/
}

.products_v2 .product {
    width: 25%; /* pick whatever width you want */
    /*border: 1px solid;*/
    display: inline-block;
    border-radius: 10px;
    box-shadow: black;
    border: 3px solid rgba(255, 255, 255, 0.5);
    overflow: hidden;
    box-shadow: rgb(0 0 0 / 25%) 3px 2px 4px;
    margin-bottom: 6px;
    margin-right: 15px;
}
.products_v2 .product .outer {
    width: 100%;
    padding-top: 56.5%; /* defines aspect ratio */
    position: relative;




}
.products_v2 .product .outer .inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

div.products_v2 .product span.lock { font-size: 80%; }
/*----------------------*/

.title_vitrine { font-size: 120%}
.title_produto { font-size: 130%; display: inline-block; margin: 0}
.title_produto a { text-decoration: none}
.product_description { margin-top: 5px; padding: 0;}

 .mburger {
     position: absolute;
     top: 0;
     left: 0;
     --mb-bar-spacing: 7px;

     /*width: 40px;*/
     /*height: 40px;*/
     --mb-bar-height: 4px;
     --mb-button-size: 50px;
     /*--mb-bar-width: 5px;*/

 }



.mm-menu {
    /*--mm-color-background: linear-gradient(135deg, #f99 10%,#c6f 90%);*/
    height: calc( 100% - 40px ) !important;
    --mm-color-background: var(--cor2);
}
.mm-navbars_top {
    --mm-color-background: #4bb5ef;
    border-bottom: none !important;
}
.mm-navbar {
    color: #fff !important;
    font-size: 14px;
    font-weight: bold;
}
.mm-navbar input {
    text-align: center;
}
.mm-navbar_size-2 {
    text-align: center;
    position: relative;
    border-bottom: none;
    display: block !important;
}
.mm-navbar_size-2:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 1px;
}
.mm-navbar_size-2 > * {
    display: inline-block;
    vertical-align: middle;
}
.mm-navbar_size-2 img {
    opacity: 0.6;
    border: 1px solid #fff;
    border-radius: 60px;
    width: 80px;
    height: 80px;
    padding: 10px;
    margin: 0 10px;
}
.mm-navbar_size-2 a {
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: 40px;
    color: rgba(255, 255, 255, 0.8) !important;
    font-size: 16px !important;
    line-height: 40px;
    width: 40px;
    height: 40px;
    padding: 0;
}
.mm-navbar_size-2 a:hover {
    border-color: #fff;
    color: #fff !important;
}

.mm-panels > .mm-panel:after {
    content: none;
    display: none;
}
.mm-panels > .mm-panel > .mm-listview {
    margin-top: 10px !important;
}

.mm-listview {
    font-size: 16px;
}
.mm-listitem:last-child:after {
    content: none;
    display: none;
}
.mm-listitem a, .mm-listitem {
    --mm-color-text: #fff;
    font-weight: 900;
}
.mm-listitem a,
.mm-listitem span {
    color: rgba(255, 255, 255, 0.7);
    text-align: center;
    padding-right: 20px !important;
}
.mm-listitem a:hover,
.mm-listitem a:hover + span {
    color: #fff;
}

#my-menu:not(.mm-menu) {display: none}
/*https://stackoverflow.com/questions/34923510/prevent-repositioning-of-nav-whet-initializing-jquery-mmenu/35214568#35214568*/

.reactions { margin: 10px auto;}

.reactions .btn-reaction {
    /*padding: 8px 10px 10px 9px !important;*/
    padding: 8px 6px 7px 10px !important;
    /*border-radius: 110px !important;*/
    text-align: center;
    text-shadow: 0px -1px #852045 !important;
    margin: auto 5px !important;
}

.reactions .btn-reaction strong {

    vertical-align: middle;
    /*opacity: 0.8;*/
    font-size: 30px;
    text-decoration: none;
    /*color: transparent;*/
    /*text-shadow: 0 0 0 red;*/

    /*filter: grayscale(1);*/
}
.reactions .btn-reaction i.fa-bookmark {margin: auto 4px;}
.reactions .btn-reaction i.fa-check-square {margin: auto 3px;}
.reactions .btn-reaction span {

    vertical-align: text-bottom;
    /*opacity: 0.8;*/
    font-size: 20px;
    text-decoration: none;
    display: inline-block;
    line-height: 110%;
    /*filter: grayscale(1);*/
    margin-left: 6px;
}
.reactions .btn-reaction span:empty { margin-left: 4px}

.reactions .btn-reaction-off {background-color: #fb23a3 !important; color: #fff !important;}

.reactions .btn-reaction-on {background-color: var(--cor3) !important; color: var(--cor1) !important;}

/*.reactions .btn-reaction-off strong {*/
    /*filter: grayscale(1); opacity: 0.8;*/
    /*color: pink;*/
/*}*/
/*.reactions .btn-reaction-on strong {*/
    /*opacity:1;  filter: grayscale(0);*/
/*}*/

.reactions .resultado_reaction {display: none}


.titulo .menu_impressao { margin-top: 15px;}
.titulo .menu_impressao a { width: 100%}

.magic_link { color: white; font-size: 120%;}
.magic_link span{ color: yellow; }
/*body.inc_login .mburger { display: none}*/
body.inc_login .top_menu { display: none}
body.inc_login div { padding: 10px}
body.inc_login h2 { color: white;     border-bottom: 3px solid #ffffff30;
    padding-bottom: 10px;}
.admin_cms .tox-tinymce{ margin: 0 auto;}

/* ---------------- */

body.perfil_publico  { background-color: #fff}
body.perfil_publico div.perfil_publico img.icone { vertical-align: middle; width: 25px;}
body.perfil_publico div.perfil_publico a.contatos { text-underline: none}

div.perfil_publico { padding: 20px; border: 1px solid #ccc; border-radius: 10px; background-color: #f9f9f9; text-align: center}
div.perfil_publico h1, div.perfil_publico h2, div.perfil_publico h3 { text-align: center}
div.perfil_publico div.foto_perfil_container {

    /*max-width: 150px;*/
    width: 300px;
    /*max-width: 300px;*/
    padding-bottom:300px;
    /*margin:1em auto;*/
    overflow:hidden;
    position:relative;
    /*background:#ccc;*/
    border-radius: 50%; border: 2px solid #ccc; margin: 0 auto; display: block;

}
div.perfil_publico div.foto_perfil_container img.foto_perfil {
    position:absolute;
    width:auto;
    max-width:100%;
    min-height:100%;
    left: 0;
    top: 0;
}
div.perfil_publico img.foto_perfil {  }
div.perfil_publico h1 span { display: block; font-size: 60%; color: #222}
div.perfil_publico div.sobre_mim { text-align: left !important;}
div.perfil_publico ul.especializacoes { margin: 0}
div.perfil_publico ul.especializacoes li { list-style-type: none}
div.perfil_publico ul.especializacoes li i { color: var(--cor1)}
div.perfil_publico h1, div.perfil_publico h2, div.perfil_publico h3, div.perfil_publico p, div.perfil_publico ul {
    padding: 10px 0 0 0;
    margin-bottom: 0;
}
div.perfil_publico img.logo_mrz, div.buscador_contato img.logo_mrz {
    width: 40px;
    display: block;
    margin: 0 auto;}

div.perfil_publico a.contatos { text-decoration: none}

body.perfil_publico_editar form.perfil_publico_editar input[type=text],
body.perfil_publico_editar form.perfil_publico_editar input[type=file]
{ width: 80%}

body.perfil_publico_editar .solicitar_orcamento { display: none}
body.perfil_publico_editar table.listagem { margin: 10px auto;}
    /* ---------------- */

div.listagem_buscador { text-align: center}
div.listagem_buscador div.poreorganize { max-width: 200px; display: inline-block; vertical-align: top; text-align: center;margin-right: 10px; width: 25%;}
div.listagem_buscador div.poreorganize h1 { display: inline-block;  font-size: 120%; color: #111; margin: 0; padding: 0; text-transform: capitalize}
div.listagem_buscador h2 {  text-align: center; margin-top: 0}
div.listagem_buscador div.poreorganize div.foto_perfil_container {
    border-radius: 20px; display: inline-block; margin-right: 10px;
    /*max-width: 150px;*/
    width:100%;
    padding-bottom:100%;
    margin:1em auto;
    overflow:hidden;
    position:relative;
    /*background:#ccc;*/

}
div.listagem_buscador div.poreorganize div.foto_perfil_container img.foto_perfil {
    position:absolute;
    width:auto;
    max-width:100%;
    min-height:100%;
    left: 0;
    top: 0;
}

/* ---------------- */

body.buscador form.filtros { text-align: center}
body.buscador form.filtros * { font-size: 18px;}
body.buscador form.filtros select { font-size: 20px; border-radius: 4px; padding: 2px 1px; background-color: #fff7fb; margin-bottom: 7px;}
div.buscador_contato { max-width: 500px; margin: 0 auto; text-align: center}
div.buscador_contato h2 {  text-align: center}
div.buscador_contato input { min-width: 300px; margin-bottom: 10px;}
div.buscador_contato .rz-btn {  width: 100%}


/* ---------------- */

.elements { margin-bottom: 20px;margin-top: 20px; font-family: 'Open Sans', Arial !important}
.elements .element_group {  margin-top: 25px;     }
.elements .element_group:first-child {  margin-top: 0;     }
.elements .element_group h1.title { font-weight: 600;     font-size: 29px;}
.elements .element_group div.descricao { margin-bottom: 40px;}
.elements * { text-align: left; color: #000;}
.elements p {color: #000; margin: 0; padding: 0;     }
.elements .element { border-bottom: 1px dashed #ffffff40; margin-top: 20px;}
.elements .element .element_status{display: none; margin: 0 5px;}
.elements .element div.checklist { }

.elements .element div.descricao {
    /*font-size: 90%; */
    border-left: 2px solid #ccc; padding-left: 10px; margin-top: 10px; margin-bottom: 10px}
.elements .element div.descricao, .elements .element div.descricao p, .elements .element div.descricao span  {
    /*color: #777 !important*/
}
/*.elements .element div.descricao span.arrow { display: inline-block }*/
.elements .element_group div.descricao,
.elements .element_group div.descricao p,
.elements .element_group div.descricao span { color: #000}
.elements .element .admin_bar a, .elements .element_group .admin_bar a {
    margin-right: 5px !important;
}
.elements .element.todo {}
.elements .element.done { color: #ccc; }
.elements .element input.checklist {
    /*transform: scale(2);*/
    margin: 0 7px 0 0;


    border-radius: 0.15em;
    /*transform: translateY(-0.075em);*/

    width: 25px;
    height: 25px;
    vertical-align: middle;

}

.elements .element div.checklist p.descricao { font-size: 80%; padding: 10px 0 0 0; color: #000;}
.elements .element div.checklist span.element_status { margin-right: 5px; display:none}
.elements .element div.checklist span.element_status img.loading {     height: 12px;
    vertical-align: middle;}
.elements .element .media_url1 audio { width: 100%;    }
.elements .element .media_url1 {  margin: 15px 0;}

.elements p.descricao p,
.elements div.descricao p
{ margin: 10px 0 ;}


    /* ---------------- */

.featherlight .featherlight-close-icon { font-size: 22px; color: var(--cor1)}
.featherlight .featherlight-content {
    /*top: 10%;*/
    vertical-align: top;
    border: 4px solid var(--cor1);
    border-radius: 10px;
    padding: 15px;}
.featherlight .featherlight-content {box-shadow: 0 0 7px #000; border: 0}
.featherlight .featherlight-close-icon {
    font-size: 20px;
    color: #000000;}
.featherlight:last-of-type {
    background: rgba(0,0,0,.8);
}
/*.elements_action .featherlight-content, */
.elements_action .featherlight-inner { max-width: 90%; min-width: 600px; min-height: 400px; max-height: 80% }
.rz-featherlight-inner { background: #fff;}
.rz-featherlight-inner h2 { margin-top:0; padding: 0;}
/* ---------------- */
.notify { background: #fff; width: 100%;
    position: fixed;
    bottom:0;
    left: 0;
    padding: 10px 5px; text-align: center; font-size: 20px; color: var(--cor1); }
/* ---------------- */

/* BEGIN STYLE PAGE */

div.page {
    background: var(--background);
    color: var(--text);
    font-family: "Open Sans", Helvetica, Arial, sans-serif !important;
    /*font-family: 'Hanken Grotesk', sans-serif;*/
    font-size:18px;
    line-height:1.5;
    text-align:left;

    word-wrap: break-word;
}

/*div.page * {}*/

div.page .button-0, div.page .rz-btn, div.page h1, div.page h2, div.page h3, div.page h4, div.page h5, div.page h6, div.page .title {font-family: 'Hanken Grotesk', sans-serif !important; margin:0; padding:0}
div.page .rz-btn {line-height: 120%;}
div.page .rz-btn.huge {text-transform: none !important;}

div.page .wrapper {
    /*max-width: 800px; */
    padding:15px;}

div.page .top_menu {display: none}
div.page .title { font-size: 200%; color: var(--cor1); line-height: 100% !important; font-weight: 600;}

div.page div.footer { background: #952275; padding: 10px;}

div.page p, div.page li {
    margin-top: 0px;
    font-size: 18px;
    color: var(--text);
}


div.page span:empty {
    display: inline-block; line-height: 100%;
}

div.page h1, div.page h2, div.page h3, div.page p, div.page ul {
    padding: 0 0 0 0;

}
div.page h1, div.page h2, div.page h3, div.page h4, div.page h5, div.page h6, div.page .title {
    /*margin: 10px 0 0 0;*/
    /*font-family: Barlow, Arial, sans-serif;*/

    line-height: 115%;
    /*font-family: "Open Sans", Helvetica, Arial, sans-serif !important;*/
    text-align:center;

}
/*body.page h1 {}*/
/*, Helvetica, Arial, sans-serif !important*/

div.page  h1 { font-size: 200%; color: var(--cor1);font-weight: 800; margin-bottom:10px}
div.page  h2 { font-size: 160%; color: var(--cor2); font-weight: 600}
div.page  h3 {
    /*background: var(--cor2);*/
    color: var(--cor3);
    /*padding: 2px 6px;*/
    /*border-radius: 10px;*/
    /*margin: 0;*/
    /*display: inline-block; */
    font-weight: 400; text-align:left
}
div.page a {color: var(--cor1);}

div.page table { }
div.page table tr { }
div.page table tr td { border: 1px solid; padding: 5px; }
/*img{ max-width: 300px; height:auto}!*span:has(> img), *!*/

div.page .btn_wrapper { text-align: center}

/*body.page .c4 { font-weight: bold;}*/
/*body.page .c9 { text-align:center;}*/

form.free_form {
    /*border: 1px solid green;*/
    padding: 20px}
div.pitch {
    /*border: 1px solid yellow; */
    padding: 20px}
div.pitch h2, form.free_form h2 { color: #fff}

body.c .element audio,
body.c .element .descricao,
/*body.c .titulo .videos .videoWrapper iframe,*/
body.c .titulo .videos iframe,
body.c .titulo .desc,
body.c .titulo .imagens,
body.c .titulo .audios,
body.c .titulo .fornecedores,
body.c .titulo .utilidades,
body.c .titulo .diferenciais,
body.c .titulo .videosdiy,
body.c .titulo .pontosdevenda,
body.c .titulo .ambientes,
body.c .titulo .resumos
{
    filter: blur(2px);
    color: transparent;
    pointer-events: none;
}

@media screen and (max-width: 480px){
    div.page  {     font-size: 1.3em;}
    div.page h1 { font-size: 160%}
    div.page h2 { font-size: 140%}
    div.page h3 { font-size: 120%}
}

p.blocked { background: var(--text); color: var(--background); padding: 10px !important; margin-top: 10px;}

/* END STYLE PAGE */

@media screen and (min-width: 1500px){
    .products_v2 .product { width: 23%; }

}

@media screen and (max-width: 1280px){
    .products_v2 .product { width: 45%; }
    div.listagem_buscador div.poreorganize {  width: 45%; max-width: 100%}
}

@media screen and (max-width: 480px){
    .top_menu .extra_menu {
        /*display: none;*/
    }
    .top_menu .extra_menu button span, .top_menu .extra_menu a span {
        display: none;
    }
    .header .logo a { font-size: 80px; padding: 0}
    .cms {  border-radius: 0 !important;}
    body { font-size: 1.05em; }
    p, li{margin-top: 8px;}
    .produto h2 { font-size: 110%}
    .produto h1 { font-size: 120%}
    .produto h1 .next {margin: 7px 0 0 10px}
    ul.imagens { padding: 7px 0px 5px 0px !important}
    ul.imagens li { padding: 0}
    ul.imagens li img { border: 0;
        margin: 4px 0; width: 100% !important; height: auto; max-width: 800px;}
    .top_menu h1.logo { margin: 5px 0 0 10px; }
    /*ul.videos { margin: 0}*/
    ul.videos li {    margin: 0 !important}
    .titulo h1 strong a { font-size: 85%}
    form.login span input {width: 100%}
    .header .logo_guia .bottom{ height: 60px;}
    .header .logo_guia h2 { font-size: 80%}
    .header h1.logo { display: none}
    ul.menu_top_right { text-align: center; left: 0}
    .titulo_view .guiasistemas_po {  margin: 15px !important;}
    /*body.titulo_view div.indice_video, .main h1, .main h2, .main p.tipo_descricao, body.titulo_view .intro .diferenciais, body.titulo_view ul.utilidades li, body.titulo_view ul.pontosdevenda, body.titulo_view ul.fornecedores {padding: 7px;}*/
    body.home .novidades_home { padding: 7px}
    .titulos .titulo h1 { font-size: 110%; }
    .titulos .titulo.tipo_gpo { width: 100%; margin: auto; display: block}
    body .cms h2 {font-size: 130% !important;}
    /*.comeceporaqui { width: 100%; margin: auto 10px;}*/
    .home .vitrine_tipos a.tipo {
        width: 94% ;
        height: 180px;
        /*height: auto;*/
        /*line-height: 100%;*/
        /*vertical-align: bottom;*/
        /*padding: 20px !important;*/
        /*!*color: #fff; *!*/
        /*color: var(--cor1);*/
        /*background: #fff;*/
        /*border-radius: 10px;*/
        /*margin: 10px !important;*/
        /*border: 2px outset red; text-align: center; text-decoration: none; display: inline-block*/
    }


    .home .vitrine_tipos a.tipo i {
        font-size: 70px;

    }
    .products_v2 .product { width: 100%; margin-right: 0;}
    /*div.products { max-width: 400px; margin: 0 auto;}*/
    div.listagem_buscador div.poreorganize {  width: 100%; max-width: 100%}
    div.perfil_publico div.foto_perfil_container {
        width: 250px;
        padding-bottom: 250px;
    }
    div.perfil_publico {
        padding: 0;
        border: 0;
        background-color: #fff;

    }
}

@media screen and (min-width: 1000px){
    .titulo .videos iframe.video { border-radius: 10px; border: 3px solid #fff}
    .titulo div.desc, .titulo .resumo, .titulo .elements { border-radius: 10px; }
    .titulo_view .wrapper { margin: 0 auto; max-width: 2000px;        padding: 20px;}
    .titulo_view .main, .titulo_view .footer { float: left; width: 69%; max-width: none}
    /*.top_menu { position: fixed}*/
    .menu_lateral {width: 40%; float: right;
        text-align: left;
        /* width: 100%; */
        padding: 10px;
        position: fixed;
        right: 0;
        width: 30%;
        display: block;
        border-left: 1px solid #A56CA5;
        height: 100vh;
        overflow: scroll;
        top: 50px;
    }
    .menu_lateral a strong {    font-size: 80%;}
    .menu_lateral h2 {           font-size: 120% !important;

        padding-bottom: 0 !important;}
    .menu_lateral .titulos .titulo { margin: 5px;}
}