/*  LAYOUT RESPONSIVO até 800px FOR SMALLER SCREENS ================================================================ */

body { font-size: 90%; }

.desktop { display: none; }

/* Expansão e contração do menu principal */
label.collapse { color: rgb(0, 75, 80); display: block; margin: -2.5em 1em 0; padding-bottom: 1em; position: relative; width:50%; z-index: 9990; }
.collapse { cursor: pointer; display: block; }
.collapse + input { display: none; } /* esconde o checkbox */
.collapse + input + ul { display:none; }
.collapse + input:checked + ul { display:block; }

/* Menu */
#MenuPrincipal { font-size: 1em; }
#MenuPrincipal.sm.sm-abc li a.destacada.has-submenu { color: rgb(40,61,90) }
#MenuIdioma.right { margin-bottom: 1em; }

/* Carrossel */
#Carrossel { margin-bottom: 0 !important; }
#Carrossel h1 { font-size: 1em; padding-bottom: .75em; }
.camera_caption { width: 100%; }
.camera_caption div h1 + a { display: none; }

/* Área Principal */
#Principal { margin-top: 0 !important; }
#ColEsquerda  { padding: 1em; }
#MenuBusca form { margin-right: 0; }
#Midias { padding-top: 20px ; }
#Midias h1 { display: none; }
#Midias div.col_1 { clear: none; float: left; margin: 0; text-align: center; width: 25%; }
#Midias div.col_1 i.fa { padding-right: 0; }
.banner img { margin-bottom: 0; }

/* Notícias */
#EnvelopeMobile.row { background: #fffafa; border-collapse: collapse; display: table; margin: 0; padding: 0; }
#EnvelopeRetranca { display: table-header-group; margin: 0; padding: 0;  }
#Retranca h1 { font-size: 1.4em; padding-bottom: .5em; } 

#ColCentro, #ColDireita { display: table-row; margin: 0; padding: 0;  }
#ColCentro .chamada,
#ColDireita .chamada { margin: 0 20px 3em; }

#ColEsquerda  { display: table-footer-group; margin: 0; padding: 0;  }
#MenuBusca { margin: 0; padding: 0 20px; }
#Busca { position: relative; }
#MenuBusca button.BotaoBranco[type="submit"]  { right: 0px; }
#Agenda { margin: 20px;}
#Agenda h1 { padding: 0 0 10px; }
div.envelopeNabc { margin: 20px 0; }
#Publicacoes { margin: 0 auto; padding: 10px 20px 5px ; }
.banner { margin: 40px 0 0; padding: 0; }
.banner img { height: auto; width: 100%; }

#Principal.container div.row div.col_8.omega #Retranca,
#Principal.container div.row div.col_12 #Membros { margin: 0; padding: 1em ; }
#Membros .membroInst { width: 45%; }
#wT  { font-size: 70%; }
#wT p span.wT { font-size: 100%; }