/* Títulos XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ .tim {background:maroon; text-indent:1mm; color:white; font-weight: bold; width: 98%; margin-left: auto; margin-right: auto; margin-top:5pt; } .timc {background:maroon; text-indent:1mm; color:white; font-weight: bold; text-align: center; margin-top:5pt; margin-bottom:5pt; padding: 3px 5px 3px 0px; width: 90%; margin-left: auto; margin-right: auto;} .timc20 {background:maroon; text-indent:1mm; color:white; font-weight: bold; text-align: center; font-size: 1.20em;;} .trx {background:#c800c8; text-indent:1mm; color:white; margin-top:5pt;} .trxb {background:#c800c8; text-indent:1mm; color:white; margin-top:5pt; font-weight: bold;} .trxc {background:#c800c8; text-indent:1mm; color:white; margin-top:5pt; text-align: center;} .trxcb {background:#c800c8; text-indent:1mm; color:white; margin-top:5pt; text-align: center; font-weight: bold;} .taz {background:rgb(0, 204, 255); text-indent:1mm; color:white; margin-top:5pt; font-weight: bold;} .tazcb {background:rgb(0, 204, 255); text-indent:1mm; color:white; margin-top:5pt; text-align: center; font-weight: bold;} .tvd {background:green; text-indent:1mm; color:white; margin-top:5pt;} .tvdb {background:green; text-indent:1mm; color:white; margin-top:5pt; font-weight: bold;} .tvdc {background:green; text-indent:1mm; color:white; margin-top:5pt; text-align: center;} .tla {background:#FF6600; text-indent:1mm; color:white; margin-top:5pt;} .tlab {background:#FF6600; text-indent:1mm; color:white; margin-top:5pt; font-weight: bold;} .tlac {background:#FF6600; text-indent:1mm; color:white; margin-top:5pt; text-align: center;} .tor {background:orange; text-indent:1mm; color:black; margin-top:5pt;} .tvm {background:red; text-indent:1mm; color:white; margin-top:5pt;} .tam {background:rgb(255, 215, 0); text-indent:1mm; color:red; margin-top:3pt;} .bgwb {background:white; text-indent:1mm; color:black; margin-top:3pt;} .bgrb {background:gold; font-weight:bold; color:red; padding: 0px 3px 0px 3px;} .inv {background: var(--texn); color: var(--fundo)} /* Títulos XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ .tim {background:maroon; text-indent:1mm; color:white; margin-top:5pt; font-weight: bold; } /* border-color: white; */ .timc {background:maroon; text-indent:1mm; color:white; margin-top:5pt; font-weight: bold; text-align: center;} .trx {background:#c800c8; text-indent:1mm; color:white; margin-top:5pt;} .trxb {background:#c800c8; text-indent:1mm; color:white; margin-top:5pt; font-weight: bold; } .trxc {background:#c800c8; text-indent:1mm; color:white; margin-top:5pt; text-align: center;} .trxcb {background:#c800c8; text-indent:1mm; color:white; margin-top:5pt; text-align: center; font-weight: bold;} .taz {background:#00CCFF; text-indent:1mm; color:white; margin-top:5pt;} .tazb {background:#00CCFF; text-indent:1mm; color:white; margin-top:5pt; font-weight: bold; } .tvd {background:green; text-indent:1mm; color:white; margin-top:5pt;} .tvdb {background:green; text-indent:1mm; color:white; margin-top:5pt; font-weight: bold; } .tvdc {background:green; text-indent:1mm; color:white; margin-top:5pt; text-align: center;} .tla {background:#FF6600; text-indent:1mm; color:white; margin-top:5pt;} .tlab {background:#FF6600; text-indent:1mm; color:white; margin-top:5pt; font-weight: bold;} .tlac {background:#FF6600; text-indent:1mm; color:white; margin-top:5pt; text-align: center;} .tor {background:orange; text-indent:1mm; color:black; margin-top:5pt;} .tvm {background:red; text-indent:1mm; color:white; margin-top:5pt;} .tam {background:gold; text-indent:1mm; color:red; margin-top:3pt;} .tcz {background:gray; text-indent:1mm; color:white; margin-top:3pt;} .bgwb {background:white; text-indent:1mm; color:black; margin-top:3pt;} .bgrb {background:gold; font-weight:bold; color:red; } /* TEXTO xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/ .ww {color:white} .wsss {color:white; font-size:0.65em} .wwss {color:white; font-size:0.75em} .wws {color:white; font-size:0.85em;} .wss {color: var(--texn); font-size:0.75em;} .wsi {color: var(--texn); font-size:0.85em; text-indent:3mm; line-height: 1.1; font-style: italic;} .ws {color: var(--texn); font-size:0.85em; text-indent:3mm; line-height: 1.2; } .w {color: var(--texn); text-indent:3mm; } .wi {color: var(--texn); text-indent:3mm; font-style: italic;} .wni {color: var(--texn); } .wnit4 {color: var(--texn); text-indent: 0mm; margin-top: 0.4em;} .w17 {color: var(--texn); font-size:1.05em; } .w18 {color: var(--texn); font-size:1.1em; text-indent:0mm;} .w19 {color: var(--texn); font-size:1.15em; text-indent:2mm;} .wt4 {color: var(--texn); text-indent: 3mm; margin-top: 0.4em;} .wt9 {color: var(--texn); text-indent: 3mm; margin-top: 0.9em;} .wb {color: var(--texn); font-weight:bold; margin-top: 0.5em; } .wb {color: var(--texn); text-indent: 3mm;font-weight: bold;} .wb5 {color: var(--texn); text-indent: 3mm; margin-bottom: 0.5em;} .rss {color: var(--texr); font-size:0.75em;} .rs {color: var(--texr); font-size:0.85em; text-indent:3mm;} .ri {color: var(--texr); font-style:italic;} .rsn {color: var(--texr); font-size:0.85em; font-style:normal;} .rsi {color: var(--texr); font-size:0.85em; font-style:italic;} .rsc {color: var(--texr); font-size:0.85em; text-align:center; ;} .r {color: var(--texr); } .rr {color: red;} .rn {color: var(--texr); font-style:normal;} .rc {color: var(--texr); text-align:center;} .rb {color: var(--texr); font-weight:bold;} .rbc {color: var(--texr); font-weight:bold; text-align:center;} .rst4 {color: var(--texr); font-size:0.85em; text-indent:3mm; margin-top: 0.4em;} .rt5 {color: var(--texr); margin-top: 0.5em; } .rt9 {color: var(--texr); margin-top: 0.9em; } .rub {color: var(--texr); text-indent: 3mm; } .rubs {color: var(--texr); text-indent: 3mm; font-size:0.85em;} .rub5 {color: var(--texr); text-indent: 3mm; margin-top: 0.5em;} .rub9 {color: var(--texr); text-indent: 3mm; margin-top: 0.9em;} .rubsp {color: var(--texr); } .ks {color: var(--texk); font-size:0.85em; text-indent:3mm; ;} .ksi {color: var(--texk); font-size:0.85em; text-indent:3mm; font-style: italic;} .k {color: var(--texk); text-indent:3mm; ;} .ki {color: var(--texk); text-indent:3mm; font-style: italic;} .kni {color: var(--texk); } .kb {color: var(--texk); font-weight: bold; } .cs {color: var(--texcy); font-size:0.85em; } .gr {color: gray; } .tf2 {color: var(--fundo2)} .oo {color: var(--texo);} .oob {color: var(--texo); font-weight: bold;} /* Texto XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ .w0 {color: var(--fundo); } .w {color: var(--texn); text-indent: 3mm; } .ww {color:white} .wt4 {color: var(--texn); text-indent: 3mm; margin-top: 0.4em;} .wnit4 {color: var(--texn); text-indent: 0mm; margin-top: 0.4em;} .wt9 {color: var(--texn); text-indent: 3mm; margin-top: 0.9em;} .wb5 {color: var(--texn); text-indent: 3mm; margin-bottom: 0.5em;} .r {color: var(--texr);} .rr {color: red;} .rs {color: var(--texr); font-size:0.85em; text-indent:3mm;} .rst4 {color: var(--texr); font-size:0.85em; text-indent:3mm; margin-top: 0.4em;} .rt5 {color: var(--texr); margin-top: 0.5em; } .rt9 {color: var(--texr); margin-top: 0.9em; } .rub {color: var(--texr); text-indent: 3mm; } .rub5 {color: var(--texr); text-indent: 3mm; margin-top: 0.5em;} .rub9 {color: var(--texr); text-indent: 3mm; margin-top: 0.9em;} .ps {color: var(--texn); text-indent:3mm;} .ps::first-letter {color: var(--texinis); font-size:1.1em; font-weight: bold;} .ps5 {color: var(--texn); text-indent:3mm; margin-top: 0.5em;} .ps5::first-letter {color: var(--texinis); font-size:1.1em; margin-top: 0.5em; font-weight: bold;} .pp {color: var(--texn); text-indent:3mm;} .pp::first-letter {color: var(--texr); font-size:1.1em; font-weight:bold;} .pp5 {color: var(--texn); text-indent:3mm; margin-top: 0.5em;} .pp5::first-letter {color: var(--texr); font-size:1.1em; margin-top: 0.5em; font-weight:bold;} /* first-letter XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ .ps {color: var(--texn); text-indent:3mm;} .ps::first-letter {color: var(--texinis); font-size:1.1em; font-weight: bold;} .ps5 {color: var(--texn); text-indent:3mm; margin-top: 0.5em;} .ps5::first-letter {color: var(--texinis); font-size:1.1em; margin-top: 0.5em; font-weight: bold;} .pp {color: var(--texn); text-indent:3mm;} .pp::first-letter {color: var(--texr); font-size:1.1em; font-weight:bold;} .pp5 {color: var(--texn); text-indent:3mm; margin-top: 0.5em;} .pp5::first-letter {color: var(--texr); font-size:1.1em; margin-top: 0.5em; font-weight:bold;} .inis {color: var(--texinis); font-size:1.1em; font-weight:bold;} .inisn {color: var(--texinis); font-size:1.1em; font-weight:normal;} .inip {color: var(--texr); font-size:1.1em; font-weight:bold;} .inipn {color: var(--texr); font-size:1.1em; font-weight:normal;} .pssi {color: var(--texn); font-size:0.85em; text-indent:3mm; line-height: 1.1; font-style: italic;} .pssi::first-letter {color: var(--texinis); font-size:1.1em; font-weight: bold;} .psk {color: var(--texk); text-indent:3mm; ;} .psk::first-letter {color: var(--texinis); font-size:1.1em; font-weight: bold;} .pss {color: var(--texn); font-size:0.85em; text-indent:3mm; line-height: 1.2; } .pss::first-letter {color: var(--texinis); font-size:1.0em; text-indent:3mm; line-height: 1.2; font-weight: bold; } .pp {color: var(--texn); text-indent:3mm;} .pp::first-letter {color: var(--texr); font-size:1.1em; font-weight:bold;} .ppk {color: var(--texk); text-indent:3mm; ;} .ppk::first-letter {color: var(--texr); text-indent:3mm; font-weight:bold; ;} .pps {color: var(--texn); font-size:0.85em; text-indent:3mm; line-height: 1.2; } .pps::first-letter {color: var(--texr); font-size:1.0em; text-indent:3mm; line-height: 1.2; font-weight: bold; } /* FORMATOS xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ .ttn {font-weight:normal;} .ttb {font-weight:bold;} .i {font-style: italic;} .tal {text-align:left;} .tar {text-align:right;} .ctr {text-indent:0mm; text-align:center;} .txtn {background: var(--fundo6); padding: 0000; color: var(--texn); border: none; font-size:1em; } .fr {float:right; padding: 3px 5px 0px 3px;} .fl {float:left; padding: 3px 5px 0px 3px;} .ni {text-indent:0mm;} .sm {margin-top:0pt; margin-bottom:0pt; margin:0mm;} .center {margin-left: auto; margin-right: auto;} .centra {display: grid; place-items: center; } .centro {background: orangered; padding: 0.1rem; border: 1px solid var(--texn); border-radius: 10px; text-align: center; font-size: 1em; } .MR {background: var(--fundo6); padding: 0px 4px 0px 4px; font-size:0.8em; font-style:normal; /* font-weight:bold; */ border-radius: 10px; border-style: outset; color:--texn; border-color: var(--texn); } .cci {color: var(--texccc); font-style: italic; text-indent:3mm;} .gm {color: var(--texgm); font-size:0.875em; text-align:right; font-style:italic;} .ref {color: var(--texr); font-weight:bold; font-style:normal;} .esp {font-size:6pt;} .espaco {font-size:0.875em;} .mes {font-size:0.875em; font-weight:bold; text-align:center; } .diab {font-weight:bold;} .dia {font-weight:normal; } .fim {display: grid; grid-template-columns: 1fr auto 1fr; gap: 0.3em; color:#b90000; font-weight:bold;} .fim::before, .fim::after {content: ""; border-top: 0.3em solid red; align-self: center;} .ano {display: grid; grid-template-columns: 1fr auto 1fr; gap: 0.3em; color:#b90000; font-weight:bold;} .ano {display: inline-block; color:#b90000; font-weight:bold;} .ano2 {background: var(--fundo3); margin-top: 0.5em; line-height: 150%; font-weight:bold;} .ano::before, .ano::after {content: ""; border-top: 0.7em double #8a7501; align-self: center;} .menu {width: 25%; float: left;} .menu {background-image: url(6Me.png);background-repeat: no-repeat;background-size: 1em; padding-inline-start: 2em; background-position: 0.5em;} .dispb {display: inline-block;} .dilb {display: inline-block;} img {max-inline-size: 100%; block-size: auto; } /* object-fit: contain; aspect-ratio: 2/1; object-fit: cover; */ img {max-inline-size: 100%; block-size: auto; object-fit: contain;} /* aspect-ratio: 2/1; object-fit: cover; */ .invertido {-webkit-backdrop-filter: invert(100%); backdrop-filter: invert(50%);} /* FUNDOS xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ .f0 {background: var(--fundo);} .f1 {background: var(--fundo1)} .f2 {background: var(--fundo2)} .f3 {background: var(--fundo3)} .f4 {background: var(--fundo4)} .f5 {background: var(--fundo5)} .f6 {background: var(--fundo6)} .f7 {background: var(--fundo7)} .f8 {background: var(--fundo8)} .bgf{background: var(--fundo);} .bgb {background:black} .fb {background:black;} .bgw {background:white} .fw {background:white} .bgtexn {background: var(--texn); color:var(--fundo); ;} .bgwb {background:white; margin-top:3pt; margin-bottom:3pt; text-indent:1mm; color: black; margin-top:5pt;} .bk {background:rgba(128, 127, 125, 0.01);} .OR {background:orangered; text-indent:1mm; color:white } .Or {background:orange; text-indent:1mm; color:var(--fundo);} .FOM {background:var(--fundocx); line-height: 120%;} .TA {background:#c800c8; text-indent:1mm; color:white; margin-top:5pt;} .TN {background:#00CCFF; text-indent:1mm; color:white; margin-top:5pt;} .TC {background:green; text-indent:1mm; color:white; margin-top:5pt;} .TP {background:#FF6600; text-indent:1mm; color:white; margin-top:5pt;} .TS {background:gold; margin-top:3pt; margin-bottom:3pt; text-indent:1mm; color:red; margin-top:5pt;} .TR {background:red; text-indent:1mm; color:white; margin-top:5pt;} .Gr {background:gray; text-indent:1mm; color:white;} .mar {background:maroon;} .bw {background:#777777; border:solid var(--texn) 2pt; padding:1pt 4pt 1pt 4pt; color:white; margin-top:5pt;} .bwc {background:#777777; border:solid var(--texn) 2pt; padding:1pt 4pt 1pt 4pt; font-weight:bold; text-align:center; color:white;} .brc {background:#777777; border:solid red 2pt; padding:1pt 4pt 1pt 4pt; font-weight:bold; text-align:center; color:white;} .bnc {background:#777777; border:solid #00CCFF 2pt; padding:1pt 4pt 1pt 4pt; font-weight:bold; text-align:center; color:white;} .bfc {background:#777777; border:solid #c800c8 2pt; padding:1pt 4pt 1pt 4pt; } .MS {background:green; color:white; border-color: white; } .MD {background:maroon; color:white; border-color: white; } .MM {background:blue; border: 1pt solid white; color:white; } .MR {background: var(--fundo6); padding: 0px 4px 0px 4px; font-size:0.8em; font-style:normal; /* font-weight:bold; */ border-radius: 10px; border-style: outset; color:--texn; border-color: var(--texn); } .OMm {background:maroon; padding: 0404; font-size:0.85em; color: white; border-radius: 10px; border-style: outset; border:solid var(--texn) 1pt; } .OMg {background:#3e8602; padding: 0404; font-size:0.85em; color: white; border-radius: 10px; border-style: outset; border:solid var(--texn) 1pt; } /* Botões XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ .bt {background: var(--fundo); border-style: none; color: var(--txtn);;} .bt:hover {background: orangered; border-style: none; color: var(--fundo);;} .sbt {background-color: inherit; border-style: none; padding: 0000; text-align: left; font-size: inherit; color: var(--texcy); font-weight: bold;} .sbtb {background-color: inherit; border-style: none; padding: 0000; text-align: left; font-size: inherit; color: var(--texcy); font-weight: bold;} .btf {background: var(--fundo); padding: 0px 5px 0px 5px; color: var(--texcy); border-radius: 0.5em; border-style: outset; border:solid var(--texn) 1pt;} .btfr {background: var(--fundo); padding: 0px 5px 0px 5px; /* color: var(--texcy); */ border: 1pt solid var(--texr); border-radius: 0.5em; color: var(--texn);} .btf18, .btf18on, .btf18off {background: var(--fundo); padding: 0px 5px 0px 5px; font-size:1.1em; color:var(--texcy); border: 1pt solid var(--texn); border-radius: 0.5em; } /* line-height: 150%; */ .btf18r {background: var(--fundo); padding: 0px 5px 0px 5px; font-size:1.1em; color:var(--texcy); border: 1pt solid var(--texr); border-radius: 0.5em; } /* line-height: 150%; */ .btm {background:maroon; padding: 0pt 5pt 0pt 5pt; font-size:0.85em; color: white; /* Botão de O Missa maroon */ border-radius: 0.5em; border-style: outset; border:solid var(--texn) 1pt; text-align: center; } .btml {background:maroon; padding: 0pt 5pt 0pt 5pt; font-size:0.85em; color: white; /* Botão de O Missa maroon */ border-radius: 0.5em; border-style: outset; border:solid var(--texn) 1pt; text-align: left; } .btv {background:#3e8602; padding:0pt 5pt 0pt 5pt; font-size:0.85em; color: white; /* Botão de O Missa verde */ border-radius: 0.5em; border-style: outset; border:solid var(--texn) 1pt; } .bt3 {background: var(--fundo3); padding: 0px 5px 0px 5px; font-size:0.8em; color:var(--texcy); border: 1pt solid var(--texn); border-radius: 0.5em; } /* line-height: 150%; */ .bt3r {background: var(--fundo3); padding: 0px 5px 0px 5px; font-size:0.8em; color:var(--texcy); border: 1pt solid var(--texr); border-radius: 0.5em; } /* line-height: 150%; */ .bt318 {background: var(--fundo3); padding: 0px 5px 0px 5px; font-size:1.1em; color:var(--texcy); border: 1pt solid var(--texn); border-radius: 0.5em; } /* line-height: 150%; */ .bt318r {background: var(--fundo3); padding: 0px 5px 0px 5px; font-size:1.1em; color:var(--texcy); border: 1pt solid var(--texr); border-radius: 0.5em; } /* line-height: 150%; */ .blt {background:#0082b6; padding:0pt 5pt 0pt 5pt; font-size:0.85em; color:white;/* Botão de Leituras */ border:solid var(--texn) 1pt; border-radius: 0.5em; } .bltp {background:#003b57; padding:0pt 5pt 0pt 5pt; font-size:0.85em; color:yellow; } .bMS {background:green; padding:0pt 4pt 0pt 4pt; color:white; /* Botão de Missa da Semana */ border: 1pt solid white; border-radius: 0.5em; border-style: outset; font-size:0.85em;} .bMD {background:maroon; padding:0pt 4pt 0pt 4pt; color:white; /* Botão de Missa do Dia */ border: 1pt solid white; border-radius: 0.5em;; border-style: outset; font-size:0.85em;} .bMM {background:blue; padding:0pt 4pt 0pt 4pt; color:white; /* Botão de Missa Marcada */ border: 1pt solid white; border-radius: 0.5em;; border-style: outset; font-size:0.85em;} .blin {background: var(--fundo); padding: 0px 5px 0px 5px; /* Botão de língua line-height: 150%; */ border: 1pt solid var(--texn); border-radius: 0.5em;; color: var(--texn); font-size:0.75em; } .latim {background: var(--fundo3); padding: 0px 4px 0px 4px; text-align:right; margin-right:2mm; border: 1pt solid var(--texn); border-radius: 0.5em; color:var(--texk); font-size:0.8em; font-style:italic;} /* Botão de língua */ .cx {margin-top:6pt; margin-bottom:6pt; text-align:center; color: var(--texr);} .cxb {padding: 0303; border-radius: 0.5em; border-style: outset; } .cxrp {background:var(--fundorp); opacity: 0.95; font-size:1.0em; color:var(--fundo); border-style: outset; border-radius: 5pt; border-color: var(--texn); } /* */ .cxrpf {background:var(--fundo); opacity: 0.95; font-size:3vw; color:var(--texc); font-weight: bold; border-style: outset; border-radius: 5pt; border-color: var(--texn); padding: 2px;} .cxbt {width:90%; margin:auto; padding: 10px 10px 10px 10px; text-align:center ;} .cxmapa {background-color: var(--fundo);margin:auto; padding: 0px 0.8em 0px 0.8em; text-align:center; /* width:90%; */ border-radius: 1em; border-style: outset; border-color: var(--texn); color:var(--texn); font-weight: bold; font-size: 1em; } .btw10 {min-width: 20%; background:maroon; padding: 0pt 5pt 0pt 5pt; font-size:0.85em; color: white; border-radius: 0.5em; border-style: outset; border:solid var(--texn) 1pt; text-align: center;} .btTA {background:#c800c8; padding: 0pt 5pt 0pt 5pt; font-size:0.85em; color: white; /* Botão de O Missa maroon */ border-radius: 0.5em; border-style: outset; border:solid var(--texn) 1pt; text-align: center; } .btTN {background:#00CCFF; padding: 0pt 5pt 0pt 5pt; font-size:0.85em; color: white; /* Botão de O Missa maroon */ border-radius: 0.5em; border-style: outset; border:solid var(--texn) 1pt; text-align: center; } .btTP {background:#FF6600; padding: 0pt 5pt 0pt 5pt; font-size:0.85em; color: white; /* Botão de O Missa maroon */ border-radius: 0.5em; border-style: outset; border:solid var(--texn) 1pt; text-align: center; } .btTC {background:green; padding: 0pt 5pt 0pt 5pt; font-size:0.85em; color: white; /* Botão de O Missa maroon */ border-radius: 0.5em; border-style: outset; border:solid var(--texn) 1pt; text-align: center; } .btf:hover, .btf18:hover,.btm:hover, .btv:hover, .bt3:hover, .bt318:hover, .blt:hover, .bMS:hover, .bMD:hover, .bMM:hover, .blin:hover, .latim:hover, .c:hover, .cc:hover, .Bt:hover, .cp:hover, .cxb:hover, .cxg:hover, .cxf:hover, .cx4:hover, .cxf6:hover, .cxrp:hover {cursor: pointer; background-color: orangered; color: white;} .btf:hover, .btf18:hover, .btf18r:hover, .btm:hover, .btv:hover, .bt3:hover, .bt3r:hover, .bt318:hover, .blt:hover, .bMS:hover, .bMD:hover, .bMM:hover, .blin:hover, .latim:hover, .c:hover, .cc:hover, .Bt:hover, .cp:hover, .cxb:hover, .cxg:hover, .cxf:hover, .cx4:hover, .cxf6:hover, .btw06:hover, .cxrp:hover, .cxrpf:hover, .cxmapa:hover, .inacti:hover, .sbtb:hover, .oo:hover {cursor: pointer; background-color: red; color: white;} /* Caixas XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ .cx {margin-top:6pt; margin-bottom:6pt; text-align:center; color: var(--texr);} .cxb {padding: 0303; border-radius: 0.5em; border-style: outset; } .cxb {padding: 0303; border-radius: 10px; border-style: outset; } .cxle {margin-top:6pt; margin-bottom:6pt; text-align:center; color:#0082b6;} .cxp {margin-top:6pt; margin-bottom:6pt; text-align:center; color:#3e8602;} .cxf {background: var(--fundo); padding: 0px 5px 0px 5px; border-radius: 10px; border-style: outset; line-height: 150%; border-color: var(--texn);} .cxf3 {background: var(--fundo3); padding: 0px 5px 0px 5px; border-radius: 10px; border-style: outset; line-height: 150%;} .btf3 {background: var(--fundo3); padding: 0px 3px 0px 3px; border-radius: 10px; border-style: outset; border-color: var(--texn); font-size:0.75em;} .cxf5 {background: var(--fundo5); padding: 0px 5px 0px 5px; border-radius: 10px; border-style: outset; line-height: 150%;} .cxf6 {background: var(--fundo6); padding: 0px 5px 0px 5px; border-radius: 10px; border-style: outset; line-height: 150%; border:solid var(--texn) 1pt;} .cx1 {background:orangered; padding: 0px 4px 0px 4px; border-radius: 10px; border-style: outset;} .cx4 {background:maroon; padding: 0px 4px 0px 4px; border-radius: 10px; border-style: outset; border:solid var(--texn) 1pt; } .cx4k {background:#800000; padding: 0px 4px 0px 4px; border-radius: 10px; border-style: outset; border-color: var(--texn);} .cxo {background: var(--fundo); padding: 0px 3px 0px 3px; border-radius: 5px; line-height: 150%;} .cxl {background:#0082b6; padding: 0px 4px 0px 4px; border-radius: 10px; border-style: outset; color:yellow; border:solid var(--texn) 1pt;} .cp {background:#3e8602; padding: 0px 4px 0px 4px; border-radius: 10px; border-style: outset; border:solid var(--texn) 1pt;} .cxk {background:#800000; padding: 0px 0px 0px 0px; border-radius: 10px; border-style: outset; border-color: var(--texn);} .cxb {padding: 0303; border-radius: 10px; border-style: outset; } .cxg {background:green; padding: 0px 4px 0px 4px; border-radius: 10px; border-style: outset;} .cxrp1 { border-style: outset; border-radius: 5pt; border-color: var(--texn);} .cxrps {background:var(--fundorp); opacity: 0.95; font-size:1.20em; color:var(--fundo); border-style: outset; border-radius: 5pt; border-color: var(--texn);} /* */ .padlr5 {padding: 0px 5px 0px 5px;} .pad0909 {padding: 0px 9px 0px 9px;} .pad9999 {padding: 9px 9px 9px 9px;} /* Bordas XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ .container {display: flex; justify-content: center; /* Centraliza na horizontal */ /* align-items: center; Centraliza na vertical */} .bw {background:#777777; border:solid var(--texn) 2pt; padding: 1pt 4pt 1pt 4pt; color:white; } .bwc {background:#777777; border:solid var(--texn) 2pt; padding: 1pt 4pt 1pt 4pt; color:white; font-weight:bold; text-align:center; } .bordaw {border: 1px solid; border-color: var(--texn);} .bordav {border: 2px solid var(--texr);} .bordam {border: 2px solid maroon;} .bordaor {border: 3px solid orangered;} .bordago1 {border: 1px solid gold; padding-left: 0.3em; padding-right: 0.3em;} .bordali1 {border: 2px solid lime; padding-left: 0.3em; padding-right: 0.3em;} .bordaco1 {border: 2px solid coral; padding-left: 0.3em; padding-right: 0.3em;} .bordabl1 {border: 2px solid #87cefa; padding-left: 0.3em; padding-right: 0.3em;} .bordago {border: 2px solid gold; min-width: 22em;} .bordagoauto {margin: auto; /* Centraliza na horizontal */ width: 90%; /* Exemplo de largura */ border: 2px solid gold; } .pad0404 {padding: 0px 4px 0px 4px;} .pad0909 {padding: 0px 9px 0px 9px;} .pad9999 {padding: 9px 9px 9px 9px;} .round {border-radius: 20%;} .br5 {border-radius: 5pt;} .bso {background:var(--fundo); border-style: outset; border-color: var(--texn); color:var(--texn);} /* Linhas XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ hr.r {border: 3px solid red;} hr.red {border: 1px solid red;} hr.cor {border: 1px solid coral;} hr.red3 {border: 3px solid red;} hr.gold1 {border: 1px solid gold;}; hr.gold2 {border: 2px solid gold;}; hr.g2 {border: 2px solid gold;} hr.gold3 {border: 3px solid gold;} .ano {display: grid; grid-template-columns: 1fr auto 1fr; gap: 0.3em; color:#b90000; font-weight:bold;} .ano::before, .ano::after {content: ""; border-top: 0.7em double #8a7501; align-self: center;} .fim {display: grid; grid-template-columns: 1fr auto 1fr; gap: 0.3em; color:#b90000; font-weight:bold;} .fim::before, .fim::after {content: ""; border-top: 0.3em solid red; align-self: center;} .ano {display: grid; grid-template-columns: 1fr auto 1fr; gap: 0.3em; color:#b90000; font-weight:bold;} .ano::before, .ano::after {content: ""; border-top: 0.7em double #8a7501; align-self: center;} /* Bordas XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ .bw {background:#777777; border:solid var(--texn) 2pt; padding: 1pt 4pt 1pt 4pt; color:white; } .bwc {background:#777777; border:solid var(--texn) 2pt; padding: 1pt 4pt 1pt 4pt; color:white; font-weight:bold; text-align:center; } /* Caixas XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ .cx {margin-top:6pt; margin-bottom:6pt; text-align:center; color: var(--texr);} .cxb {padding: 0303; border-radius: 0.5em; border-style: outset; } .cxrp1 { border-style: outset; border-radius: 5pt; border-color: var(--texn);} .centra {display: grid; place-items: center; } /* background: lightblue; width: 500px; height: 500px; resize: both; overflow: auto;*/ .centro { padding: 0.1rem; border-radius: 10px; border: 1px solid var(--texn); background: orangered; font-size: 1em; text-align: center;} .ano {display: grid; grid-template-columns: 1fr auto 1fr; gap: 0.3em; color:#b90000; font-weight:bold;} .ano::before, .ano::after {content: ""; border-top: 0.7em double #8a7501; align-self: center;} /* TAMANHOS xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ .e2 {font-size:0.2em; color: var(--fundo);} .t6 {font-size:0.5em; color: var(--fundo);} .t07 {font-size:0.60em;} .t08 {font-size:0.65em;} .t10 {font-size:0.70em;} .t11 {font-size:0.75em;} .t12 {font-size:0.80em;} .t13 {font-size:0.85em;} .t14 {font-size:0.90em;} .t15 {font-size:0.95em;} .t16 {font-size:1.00em;} .t17 {font-size:1.05em;} .t18 {font-size:1.10em;} .t19 {font-size:1.15em;} .t20 {font-size:1.20em;} .t24 {font-size:1.40em;} .t28 {font-size:1.60em;} .LH120 {line-height: 120%;} .LH150 {line-height: 150%;} .LH180 {line-height: 180%;} .LH200 {line-height: 200%;} .LH250 {line-height: 250%;} .LH300 {line-height: 300%;} .mtop5 {margin-top:0.5em;} .mtop10 {margin-top:0.9em;} .mtop15 {margin-top:1.5em;} .mtop20 {margin-top:2em;} .mbot5 {margin-bottom:0.5em;} .mbot10 {margin-bottom:0.9em;} .mbot20 {margin-bottom:2em;} .mt4 {margin-top: 0.4em;} .ml0 {margin-left:0px;} .ml3 {margin-left:0.3em;} .ml5 {margin-left:0.5em;} .ml5 {margin-left:0.5em;} .ml1e {margin-left:1em;} .ml2e {margin-left:2em;} .ml3e {margin-left:3em;} .mr5 {margin-right:0.5em;} .mr1e {margin-right:1em;} .pdl3 {padding-left: 0.3em;} .im10 {width:1em;} .w90 {width: 90%;} .w95 {width: 95%;} .w98 {width: 98%;} .w98 {width: 100%;} .tax14 {font-size:14px} .tax15 {font-size:15px} .tax16 {font-size:16px} .tax18 {font-size:18px} .tax19 {font-size:19px} .tax20 {font-size:20px} .mxh9e {max-height: 9em;} .mxh10e {max-height: 10em;} .mxh11e {max-height: 11em;} .mxh12e {max-height: 12em;} .mxh15e {max-height: 15em;} .mxh17e {max-height: 17em;} /* CORES xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ .b {color: var(--fundo);} .bb {color:black;} .c {color: var(--texcy);} .cb {color: var(--texcy); font-weight:bold;} .cy {color: var(--texcy);} .co {color: var(--texr);} .cor {color:coral;} .ccc {color: var(--texccc); } .cc {color: var(--santo);} .bl {color:blue;} .o {color:olive;} .op {color:#FF6600 ;} .kk {color: var(--texk);} .y {color:yellow;} .ii {color: var(--texcy); font-weight: bold; } .pdf {color: var(--texip); font-weight: bold; } /* var(--texcy); */ .li {color:lime;} .lib {color:lime; font-weight:bold;} .lix {color:#66ff00;} .sil {color:silver} .esp {white-space:pre;} .go {color:gold;} .lsb {color:lightskyblue;} .g {color: var(--texgg);} .gm {color: var(--texgm);} .oe {color: var(--texoe);} .gr {color:#808080;} .gre {color:#808080;} .vc {color:#01f06c ;} .ve {color:green;} .f {color:fuchsia;} .ma {color:maroon;} .p {color:purple;} .aq {color:aqua;} .red {color:red ;} .AR2 {color: var(--tAR2);} .lsbb {color: var(--lsb); font-weight: bold;} /* MODOS xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ body {background: var(--fundo); font-family:Tahoma,sans-serif; font-size:0.9em; color: var(--texn); text-align:left; text-indent:0mm; padding:0; margin-top:0pt; margin-bottom:0pt; margin-left:1mm; margin-right:1mm; } html {font-size: calc(0.65em + 1.5vw);} html {font-size: clamp(1rem, 0.65em + 1.5vw, 2em);} /*@media (min-width: 30em) {html {font-size: 100%; }}*/ @media (min-width: 400px) {html {font-size: 100%; }} /* (min-width: 40em) font-size: 115%; */ @media (min-width: 600px) {html {font-size: 110%; }} /* (min-width: 50em) font-size: 130%; */ @media (min-width: 800px) {html {font-size: 120%; }} /* (min-width: 60em) font-size: 145%; */ @media (min-width: 1000px) {html {font-size: 130%; }} /* (min-width: 60em) font-size: 150%; */ @media (min-width: 1200px) {html {font-size: 140%; }} /* (min-width: 60em) font-size: 150%; */ @media (min-width: 1400px) {html {font-size: 150%; }} /* (min-width: 60em) font-size: 150%; */ /*article {max-inline-size: 66ch; background:var(--fundoAR);}*/ * {box-sizing: border-box;} /*html {scroll-behavior: smooth;}*/ a:link {text-decoration: none; outline-color: none;}; a:visited {text-decoration: none; outline-color: none;}; a:hover {cursor: pointer; background:red} a:active {text-decoration: none; color: yellow; } p {margin: 0mm;} .p:focus { color: lime;} /* SWITCH xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ .switch { position: relative; display: inline-block; width: 60px; height: 34px;} .switch input { opacity: 0; width: 0; height: 0;} .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s;} .slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s;} input:checked + .slider { background-color: #2196F3;} input:focus + .slider { box-shadow: 0 0 1px #2196F3;} input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px);} /* Rounded sliders */ .slider.round { border-radius: 34px;} .slider.round:before { border-radius: 50%;} /* */