html {

    --cor-bg-principal: blue;
    --cor_principal: aliceblue;    
    --cor_menu: darkgray;
    --tam_menu:155px;
    xbackground-color: red;;
    xbackground-color:#E6E6E6;
    xbackground-color:white;

}

body{


   xbackground-color: red;;
   background-color:#E6E6E6;





}



  .c_div_mem_off{

   display: none;
   /* e usado na verdade no javascript style para muda o top, aqui somente para iniciar
    */

  }

  .c_div_mem_on{

    /*
    Coloquei a Mem como 100% para que centralizasse e ficasse correto o tamnhao qdo movimentar
    porem o menu fica em cima da parte do Mem que opucpa a tela toda en tao coloqieo
    uma div 
    */

    display: block;  

    z-index: 100;
    position: absolute;
    /* position: relative; */ /* toma espaco na tela e empurra os ostros objetos para baixo*/
    
   
   position: fixed;
   position: absolute;
   
    top:0px;
    xleft: 130px;
/*
dexei o fundo invisivel e aplicquei dentro da div
    background-color:green;
    background-color:rgb(45, 82, 45);
    background-color:rgb(218, 220, 138);
    background-color:rgb(138, 178, 220);
    background-color:rgb(190, 207, 226);
    background-color:white;

    xbackground: linear-gradient(90deg, rgb(30, 32, 195) 0%, rgba(46, 46, 155, 0.962) 35%, rgba(5, 11, 77, 0.987) 100%);

    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
    */
    
    width: 95%;
    width: 100%;
     xwidth: calc(100% + 0px); 
    xleft: 0;
    xleft: 155px;

   /* xwidth: 100%; */
    xleft: 155px;
    xleft: 0;
    height: 133px;
    width: 100%;
    width: 97.3%; /* controlada pelo JS IBib Mem()*/
    xleft: 10px;

    text-align: center;
    /* testar para ver o limite do texto do lado direito
    xtext-align: right;
    */
    -o-transition: 0.25s ease-in;
    transition: 0.25s ease-in-out;   
   
    

  }

  .c_teste{

background-color: #67928c;

  }