/*table  {background: var(--fundo3); border: 1px solid  white; border-collapse: collapse; 
        text-align:left; font-size:0.9em; color: var(--texn);}
/*  table tr {border: 1px solid  maroon;}   */
/*table, tr, td {text-align:left; border: 1px solid  var(--texn); border-collapse: collapse;}

table td:nth-of-type(1) {border: 0.3px solid gray; padding: 0px 5px 3px 3px; text-align:right;}
table td:nth-of-type(2) {border: 0.3px solid gray; padding: 0px 5px 3px 3px; text-align:left;}
table tr:nth-child(odd) {background-color: var(--fundo2);}  /* tr:nth-child(even) {background-color: var(--fundo6);}    */

/*  table.grupos  {font-size:0.8em; padding: 0px 5px 0px 3px; border: 1px solid gray; width: 100%;} */
.grupos  {font-size:0.8em; border-collapse: collapse; padding: 10px 15px 0px 3px; border: 1px solid gray; width: auto;} /*   width: 99%;    */
.grupos td:nth-of-type(1) {text-align:center; max-width: 5em; padding-top: 5px; padding-bottom: 5px;}
.grupos td:nth-of-type(2) {text-align:left; padding-top: 5px; padding-bottom: 5px; min-width: 10em; width: auto;}  /*  width: 99%;    */
.grupos tr:nth-child(even) {background-color: var(--fundo4);} 
.grupos tr:nth-child(odd) {background-color: var(--fundo2);} 

.liv td:nth-of-type(1) {min-width: 6em;  color: var(--texn);}
.liv td:nth-of-type(2) {min-width: 99%;  color: var(--texn);}
.Índice td:nth-of-type(1) {text-align:left; }
.Índice td:nth-of-type(2) {text-align:right;}

.imp {width: 99%; border-collapse: collapse; font-size:0.8em; border: solid 2px var(--texgg); margin: 0;}  
.imp td {text-align:left; color: var(--texn); }  /* padding: 0px 15px 0px 3px; min-width: 5.5em;   */
.imp tr, td {border: 0.5px solid silver; color: var (--texn);} 
.imp td:nth-of-type(1)   {text-align:left; min-width: 5.5em; }  /*  5.5em   */
.imp td:nth-of-type(2)   {width:95%;}                           /*  width:99%;  */
.imp tr:nth-child(even)  {background-color: var(--fundo4);}
.imp tr:nth-child(odd)   {background-color: var(--fundo2);} 
/* .imp tr:first-child td:first-child {color: red; }*/


/* IMPRENSA XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
.IMPoff         {background-color: var(--fundo6); margin-top: 0.5em; margin-bottom: 1em; display: inline; 
                border: 2px solid var(--texn); border-radius: 0.5em; border-style: outset;
                text-align: left; font-size:0.90em; color: var(--texn); }  
.IMPoff:before  {content:'► Ver'; color: gold; font-weight: bold; margin-right: 0.5em; }  
.IMPoff:hover   {background-color: orangered; border: 2px solid lime; color: white; cursor: pointer;} 

.IMPon          {background-color:brown; margin-top: 0.5em; border: 2px solid var(--texgg); width: 99%;
                text-align: left; font-size:0.90em; color: white } 
.IMPon:before   {background-color: white; border-radius: 1em; content: "▼"; color: red; 
                margin-right: 0.5em; font-size: 1.2em;} 
.IMPon:after    {background-color: white; border-radius: 1em; content: "▲"; color:#01f06c;
                margin-left: 0.5em; font-size: 1.2em;} 
.IMPon:hover    {background-color: orangered; border: 2px solid lime; color: white; cursor: pointer;} 

.fechaIMP       {background-color: var(--texgg); padding: 0px 15px 0px 15px; width: 100%; margin-bottom: 2em;
                border-style: none; cursor: pointer; font-size:0.8em; color: maroon; font-weight:bold; text-align:center; }
.fechaIMP:before{background-color:white; margin-right: 0.5em; content: "▲"; border-radius: 1em; color: lime; font-size: 1.2em;}
.fechaIMP:after {background-color:white; margin-left:  0.5em; content: "▲"; border-radius: 1em; color: lime; font-size: 1.2em;}
.fechaIMP:hover {cursor: pointer; background:orangered; color:white}
/* IMPRENSA XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */




.qq {font-size:0.8em; padding: 0px 15px 0px 3px; border-collapse: collapse;  width: 100%; border: 1px solid  maroon; }  
    /*  border-collapse: collapse;  background: var(--fundo3);  */
.qq td {text-align:left; color: var(--texn);   }    /*  min-width: 5.5em;   */
.qq tr, td {border: 0.5px solid silver; color: var (--texn);} 
.qq tr:nth-child(even)  {background-color: var(--fundo4);}    /* tr:nth-child(even) {background-color: var(--fundo6);}    */
.qq tr:nth-child(odd)   {background-color: var(--fundo2);}    /* tr:nth-child(even) {background-color: var(--fundo6);}    */
.qq td:nth-of-type(1)   {text-align:left; min-width: 6.5em; }   /*  5.5em   */
.qq td:nth-of-type(2)   {width:95%;}                          /*  width:99%;  */

.qqar td:nth-of-type(1) {text-align:right; width: 6em; }   /*  5.5em   */
.qqar td:nth-of-type(2) {text-align:left; width: auto; }

/* .qqr {border:solid gold 1.5pt;} /*   {border:solid orange 3pt;    */
.qqr td:nth-of-type(1) {min-width: 6.5em; }
.qqr tr:nth-child(odd) {background-color: var(--fundo3);}    /* tr:nth-child(even) {background-color: var(--fundo6);}    */

.overlay    {position: absolute; top:20; left:0; right:0; background-color:gray; overflow: hidden; 
            width:100%; height:auto; transform: scale(0);  transition: .3s ease; z-index: 1;}

.cont-F:hover .overlay {transform: scale(1);}
.cont-F:hover .overlay {opacity: 1; }

.cont-I  {position: relative; width: 50%; max-width: 300px;}  /* Tamanho da imagem    */
.cont-I:hover .overlay {transform: scale(1);}
.cont-I:hover .overlay {opacity: 1; }
.cxbt:hover {cursor: pointer; background:red}
.center {margin-left: auto; margin-right: auto;}


.sover {margin-top: 1em; padding: 0px 15px 0px 3px; margin-left: auto; margin-right: auto;
        background: var(--fundo3); border: 1px solid  white; border-collapse: collapse; 
        text-align:left; font-size:0.9em; color: var(--texn);} 
/*.sover td:nth-of-type(1) {max-width: 5.5em; } */
.sover td:nth-of-type(2) {text-align:left; width: auto; padding: 0px 5px 0px 5px;} 
.sover tr:nth-child(even)  {background-color: var(--fundo4);}
.sover tr:nth-child(odd)   {background-color: var(--fundo2);} 


.cel1 {width: 100%; background: var(--fundo); text-align:left; color: var(--texn); font-size:1em; 
         border-style: none; border-collapse: collapse;  }         /*  border: 1px solid  white;   */
.cel1.td:nth-of-type(1) {text-align:center; color: var(--texn); max-width: 1em; }
.cel1.td:nth-of-type(2) {text-align:left; color: var(--texn); width: auto;  }
.cont-cel1 {position: relative;}  /* width: 50%; max-width: 300px; Tamanho da imagem    */
.cont-cel1 .overlay {transform: scale(1);}
.cont-cel1 .overlay {opacity: 1; }
.overlay-cel1    {position: absolute; top:20; left:0; right:0; background-color:gray; overflow: hidden; 
     width:100%; height:auto; transform: scale(0);  transition: .3s ease; z-index: 1;}




.TaLivros  {background: var(--fundo3); border: 1px solid  white; border-collapse: collapse; 
        text-align:left; font-size:0.9em; color: var(--texn);}
.TaLivros tr {border: 2px solid  maroon;}
.TaLivro  {background: var(--fundo); border: 1px solid  white; border-collapse: collapse; 
        text-align:left; font-size:0.9em; color: var(--texn);}
.TaLivro tr {border: 2px solid  maroon; border-collapse: collapse; color: var(--texn);}
.Índice {background: var(--fundo3); border: 1px solid  white; border-collapse: collapse; 
        text-align:left; font-size:0.9em; color: var(--texn);}
.TaLivro tr:nth-child(even)  {background-color: var(--fundo1);}
.TaLivro tr:nth-child(odd)   {background-color: var(--fundo);} 



.glosa td:nth-of-type(1) {width: 20%; }   /*  5.5em   */
.glosa td:nth-of-type(2) {width: auto; }