/* 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;} .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:#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; } .inv {background: var(--texn); color: var(--fundo)} /* 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;} /* 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; font-style:normal;} .ttb {font-weight:bold;} .i {font-style: italic;} .tal {text-align:left;} .tar {text-align:right;} .ctr {text-indent:0mm; text-align:center;} .ctr2 {display: block; margin: 0 auto;} .jcc {justify-content: center; } .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; } .fr {float:right; padding: 3px 5px 0px 3px;} .fl {float:left; padding: 3px 5px 0px 3px;} .ni {text-indent:0mm;} .sm { margin:0mm;} .txtn {background: var(--fundo6); padding: 0000; color: var(--texn); border: none; font-size:1em; } .muda {font-size:0.875em; text-align:right; font-style:italic; color: var(--texgm);} .mudak {background: var(--fundo6); border-radius: 10px; border-style: outset; border:solid var(--texn) 1pt; padding: 0px 4px 0px 4px; text-align:right; margin-right:2mm; font-style:italic;} /* color: var(--texgm); line-height: 200%; */ .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;} .ano2 {background: var(--fundo3); margin-top: 0.5em; line-height: 150%; font-weight:bold;} .ano {display: grid; grid-template-columns: 1fr auto 1fr; gap: 0.3em; color:var(--pdf); font-weight:bold; margin-bottom: 0.5em;} .ano::before, .ano::after {content: ""; border-top: 0.7em double #8a7501; align-self: center;} .anos {color:var(--pdf); font-size:0.875em; } .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%);} .pdf {color: var(--pdf); font-weight: bold; } .pdf:after, .pdf2:after {content: url('/I/0/i/pdf.gif'); display: inline;} .pdf:hover, .pdf2:hover {cursor: pointer; background-color: red; color: white;} .pdfs {color: var(--pdf); font-size:0.80em; } .pdf2 {color: var(--pdf); font-weight: bold; font-size: 1.1em; } .tpd {color: var(--texo);} .tpd:before{content:"↖️";} .zi1 {z-index: 1;} .zi2 {z-index: 2;} .zi3 {z-index: 3;} .web {color: var(--texcy);} .web:before{content:"↗️";} .vd {color:green;} .vdb {color:green; font-weight:bold;} .ve {color:greenyellow;} .veb {color:greenyellow; font-weight:bold;} .ve2 {color:var(--pdf)} .ve2b {color:var(--pdf); font-weight:bold;} .ve2s {color:var(--pdf); font-size:0.85em;} .ve2sb {color:var(--pdf); font-weight:bold; font-size:0.85em;} /* 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);} .ft {background: rgba(0, 0, 0, 0.01);} .bgtexn {background: var(--texn); color:var(--fundo); ;} .fw {background:white} .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%;} .fceu {background:rgb(0, 113, 189);} .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:var(--mar)} .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; } .fuglo {background: var(--fuglo);} /* Botões XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ .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%; */ .btf18r2{background: var(--texn); opacity: 1; padding: 0px 5px 0px 5px; font-size:1.1em; color:rgb(0, 204, 0); font-weight: bold; border: 2pt 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%; */ .bt314 {background: var(--fundo3); padding: 0px 5px 0px 5px; font-size:0.9em; color:var(--texcy); border: 1pt solid var(--texn); border-radius: 0.5em; } /* line-height: 150%; */ .bt316 {background: var(--fundo3); padding: 0px 5px 0px 5px; font-size:1.0em; color:var(--texcy); border: 1pt solid var(--texn); 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; } .inacti {background-color: var(--fundo3); width: auto; font-size:0.90em; color: var(--texcy); border: 2px solid var(--texn); border-radius: 0.5em; border-style: outset; text-align: left; } .sbt {background-color: inherit; border-style: none; padding: 0000; text-align: left; font-size: inherit; color: var(--texcy);} .sbtb {background-color: inherit; border-style: none; padding: 0000; text-align: left; font-size: inherit; color: var(--texcy); font-weight: bold;} .bt:hover, .btf:hover, .btf18:hover, .bt318r: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, .sbt:hover, .sbtb:hover, .web: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);} .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;} .btw06 {display: inline-block; width: 6%; background:maroon; color:white; font-size:70%; font-weight: bold; border-radius: 5px; border-style: outset; border:solid var(--texn) 1pt; text-align: center; } /* height: 1.5em; */ .btw07 {display: inline-block; width: 7%; background:coral; color:black; font-size:70%; font-weight: bold; border-radius: 5px; border-style: outset; border:solid var(--texn) 1pt; } .btw14 {display: inline-block; width: 14%; background:maroon; color:white; font-size:70%; font-weight: bold; border-radius: 5px; border-style: outset; border:solid var(--texn) 1pt; text-indent: 0; } .btw16 {display: inline-block; width: 16%; background:lime; color:black; font-size:70%; font-weight: bold; border-radius: 5px; border-style: outset; border:solid var(--texn) 1pt; text-indent: 0; } .btw20 {width: 27px; height:27px; display: inline-block; /* */ color:var(--texn); font-size:16px; text-align: center; font-weight: bold; border-radius: 5px; border-style: outset; border:solid var(--texn) 1pt; text-indent: 0; } .btw20m {width: 25px; background: var(--fundo); display: inline-block; /*height:2em; */ color:var(--texn); font-size:16px; text-align: center; font-weight: bold; border-radius: 5px; border-style: outset; border:solid var(--texn) 1pt; text-indent: 0; } .btw45 {width: 45px; height:2em; background-color: var(--fundo); display: inline-block; text-indent: 0; color:var(--texn); font-size:16px; text-align: center; font-weight: bold; border-radius: 5px; border-style: outset; border:solid var(--texn) 1pt; } .BMC {background: white; border: 2px solid gray; font-size:1.0em; color:black;} .BME {background: black; border: 2px solid gray; font-size:1.0em; color:white;} /* 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;} .bordago {border: 2px solid gold; } .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: 1px solid coral; padding-left: 0.3em; padding-right: 0.3em;} .bordabl1 {border: 2px solid #87cefa; padding-left: 0.3em; padding-right: 0.3em;} .bordagoauto {margin: auto; /* Centraliza na horizontal */ width: 90%; /* Exemplo de largura */ border: 2px solid gold; } .pad0404 {padding: 0px 4px 0px 4px;} .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;} .li3go {border-bottom: 3px solid gold;} .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;} /* 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; } .bea {border:solid yellow 2pt; border-top-style: none; border-right-style: none; border-bottom-style: none; } .beg1 {border:solid var(--texgg) 1px; border-top-style: none; border-right-style: none; border-bottom-style: none; } .beg2 {border:solid var(--texgg) 2px; border-top-style: none; border-right-style: none; border-bottom-style: none; padding: 0 5px 0 5px;} /* 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;} /* 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;} .LH150 {line-height: 150%;} .LH180 {line-height: 180%;} .LH200 {line-height: 200%;} .LH250 {line-height: 250%;} .LH300{line-height: 300%;} .mt4 {margin-top: 0.4em;} .mtop0 {margin-top:0px;} .mtop5 {margin-top:0.5em;} .mtop10 {margin-top:0.9em;} .mtop15 {margin-top:1.5em;} .mtop1e {margin-top:1em;} .mtop2e {margin-top:2em;} .mtop3e {margin-top:3em;} .mtop4e {margin-top:4em;} .mtop5e {margin-top:5em;} .mtop250 {margin-top:250px;} .mtop500 {margin-top:500px;} .mtop750 {margin-top:750px;} .mbot5 {margin-bottom:0.5em;} .mbot10 {margin-bottom:0.9em;} .mbot20 {margin-bottom:2em;} .mbot250 {margin-bottom:250px;} .mbot500 {margin-bottom:500px;} .mbot600 {margin-bottom:600px;} .mbot700 {margin-bottom:700px;} .mtop1e {margin-top:1em;} .mtop2e {margin-top:2em;} .mbot1e {margin-bottom:1em;} .mbot2e {margin-bottom:2em;} .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;} .im6 {width:0.6em;} .im8 {width:0.8em;} .im10 {width:1em;} .wa {justify-content: center; margin-left:auto; margin-right:auto; } .w90 {width: 90%;} .w95 {width: 95%;} .w100 {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);} .k2 {color: var(--texk2);} .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; } .li {color:lime;} .lib {color:lime; font-weight:bold;} .lix {color:#66ff00;} .sil {color:silver} .esp {white-space:pre;} .go {color:gold;} .ceu {color: var(--texglo);} .ceub {color:var(--texglo); font-size: 1.1em; font-weight:bold;} .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(--texg2); 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 {scroll-behavior: smooth;}*/ 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;} .inactivo {background-color: var(--fundo3); width: auto; cursor: pointer; font-size:0.90em; color: var(--texcy); border: 2px solid var(--texn); border-radius: 0.5em; border-style: outset; text-align: left; } /* text-align: left; */ .inactivo:before {content: '► '; color: var(--texk); font-size: 1.2em; } /*.inactivo:after {content: '- Abrir '; color: var(--texli); font-weight:bold; } /* font-size: 1.2em; */ /*.inactivo:hover {background-color: rgb(168, 156, 85); color: black; } /* font-size:0.93em; */ .inactivo:hover {background-color: orangered; color: white;} /* font-size:0.93em; */ /*.activo {background-color: rgb(168, 156, 85); text-align: left; font-size:0.90em; color: black; border: solid 4px var(--texgg); border-radius: 5px; } /* var(--fundo); color: maroon; */ .activo {background-color: rgb(168, 156, 85); border-radius: 3px; border: solid 2px var(--texgg); font-size:0.80em; text-align: left; color: black; } /* maroon; */ .activo:before {content: "▼"; color: red; font-size: 1.2em;} /* var(--texr); */ .activo:after {content: "▲"; color: #01f06c; font-size: 1.2em;} .aberto {background: var(--aberto); padding: 0px 0px 0px 0em; text-align: left; color: var(--texn); border-left: solid 4px var(--texgg); margin-bottom: 5px; } /*; border-color: var(--texgg); padding: 0000; border: 1px solid; */ /* border-left-style: solid; border-top-style: none; border-bottom-style:none; /* border-right-style: none; */ .abertoDom {background: var(--aberto); padding: 0px 0px 0px 3px; text-align: left; color: var(--texn); border-left: solid 4px var(--texgg); margin-bottom: 5px; } /* */ .abertoApp {padding: 0px 10px 0px 10px; text-align: center; color: white; border: solid 4px var(--texgg); } /*margin-bottom: 5px; */ .cabriro {background-color: var(--fundo); border-style: none; padding: 0000; font-size:1em; color: var(--texcy); font-weight: bold;} .cabriro:hover {cursor: pointer; background:red} /* AUTO XXXXXXXXX */ .abertoAuto {background: var(--fundo); max-width: 19em; margin-left: auto; margin-right: auto; padding: 5px 5px 5px 5px; text-align: left; color: var(--texn); border: solid 2px orange; margin-bottom: 5px; } /* */ .fecharauto {background-color: var(--texgg); cursor: pointer; padding: 0000; margin-left: 0px; /* width: 100%;*/ border-style: outset; border: solid 1px; border-color: var(--texgg); /* width: auto; border-radius: 5px;*/ font-size:0.8em; color: red; font-weight:bold; padding: 0px 10px 0px 10px; } /*text-align:center; */ .fecharauto:before {content: "▲ "; color:#01f06c; font-size: 1em;} .fecharauto:after {content: " ▲"; color:#01f06c; font-size: 1em;} .fechalinha {display: grid; grid-template-columns: 1fr auto 1fr; gap: 0.3em; color:#b90000; font-weight:bold;} /*.fechalinha:before {content: "▲ "; color:#01f06c; font-size: 1em;} .fechalinha:after {content: " ▲"; color:#01f06c; font-size: 1em;} */ .fechalinha::before, .fechalinha::after {content: ""; border-top: 1.2em solid var(--texgg); align-self: center;} /* 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%;} /* */