main {background-color: gray; padding: 5px; border-radius: 15px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    text-align: center; color: var(--texn);}
main {background-color: var(--fundo3); margin-left: auto; margin-right: auto; padding: 5px; border-radius: 15px; 
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    text-align: center; color: var(--texn); margin-top: 2em; border: solid 1px;}
/*
button {background-color: #4285f4; color: white; border: solid 1px; padding: 1px 5px; border-radius: 0.5em;
  cursor: pointer; font-size: 0.8em;  margin-top: 10px; }
button:hover {background-color:orangered;  color: gold; } /* #3367d6;*/


.Devotio3 {background: var(--fundo3); text-align:left; font-size:0.9em; color: var(--texn);
    border: 1px solid  white; border-collapse: collapse;  }
.Devotio3 tr {border: 2px solid var(--texn); }
.Devotio3 tr:hover    {background-color: var(--fundo5);}
.Devotio3 td {padding: 10px 10px 10px 10px; }
.avisoAppRInd {background:lime; margin-top: 0.5em; border: solid 4px var(--texgg); border-radius: 10px;
        padding: 0px 10px 0px 10px; text-align: center; font-weight: bold; color: black; z-index: 4;}


/* The TOP navigation bar XXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
.TOPnavbar {background-color: rgba(0, 0, 0, 0); overflow: hidden;  /*    var(--fundo);  */
  position: fixed; /* Set the navbar to fixed position */
  top: 0; /* Position the navbar at the top of the page */
  width: 100%; }/* Full width */
.TOPnavbarBaixa {background-color: rgba(0, 0, 0, 0); overflow: hidden;  /*    var(--fundo);  */
  position: fixed; top: 19px; width: 100%; }/* Full width  top: 20px;*/

/* Links inside the navbar */
.TOPnavbar a {  /*float: left; */  display: block;  color: #f2f2f2;  text-align: center;
  padding: 4px 6px;  text-decoration: none;}
/* Change background on mouse-over */
.TOPnavbar a:hover {  background: #ddd;  color: black;}
/* The TOP navigation bar XXXXXXXXXXXXXXXXXXXXXXXXXXXXX */


/* TabNav = TABELA DE BOTÕES DE NAVEGAÇÃO XXXXXXXXX */
.TabNav {border: 2px solid gold; padding: 3px 9px 3px 9px}
.TabNav th  {background-color: var(--fundo6); border-radius: 1em; border-style: outset; min-width: 19em;/* */
            padding: 2px 10px 0px 10px; font-size:0.95em; text-align: center; color: var(--texn); }
.TabNav th:hover    {background-color: var(--fundo3);}
.TabNav td:hover    {background-color: var(--fundo3);}
.TabNav td {background: var(--fundo6); padding: 2px 8px 2px 8px; /* min-width: 19em; */
            border-radius: 0.5em; text-align: left; color: var (--texn);}
/* Botões de Navegação XXXXXXXXXXXXXXXXXXXXXXXXXXX*/
.btNav  {background:var(--fundo4); border-style: outset; border-color: var(--texn); border-radius: 5pt; color:var(--texn);}
.btNav:hover {cursor: pointer; background-color: orangered; color: white;}



/* Menu do Missal*/
.indice {margin-left: auto; margin-right: auto; background: var(--fundo6);
        padding: 0px 5px 0px 5px; border-radius: 10px; line-height: 150%;
        border-style: outset; border:solid var(--texn) 1pt;}
.indice td:nth-of-type(1) {padding-top: 0.8em;}
.indice td:nth-of-type(3) {padding-top: 0.8em;}