@charset "utf-8";

#exibicao { float: left; width: 100%;}
#exibicao .meio { width: 700px; max-width: 100%; margin: 0 auto;}

#exibicao .aba { float: left; width: 100%; min-height: 450px; padding: 11px 0;}
#exibicao .blog { float: left; width: 100%; min-height: 450px; padding: 11px 0;}

#exibicao .vamos { float: left; width: 90%; margin: 21px 5% 0;}
#exibicao .vamos h1 { float: left; width: 100%; text-align: center; font-weight: bold; font-size: 2em; line-height: 1.1;}
#exibicao .vamos h2 { float: left; width: 100%; margin: 5px 0 0; text-align: center; font-size: 1.2em;}

#exibicao .capa { float: left; width: 100%; margin: 11px 0;}
#exibicao .capa img { float: left; width: 100%;}

#exibicao .navegue { float: left; width: 90%; margin: 11px 5%;}
#exibicao .navegue .meio { width: 320px;}
#exibicao .navegue .links { float: left; width: 100%;}
#exibicao .navegue .links a { float: left; width: 90%; padding: 20px 5% 22px; margin: 5px 0; background-color: rgb(105 154 75); background-image: url('../../imagens/site/exibicao-aba-subs-link.png'); background-position: 10px 50%; background-repeat: no-repeat; text-transform: uppercase; text-align: center; font-weight: bold; color: rgb(255 255 255);}
#exibicao .navegue .links a:hover { background-color: rgb(73 98 58);}

#exibicao .texto { float: left; width: 100%; font-size: 1em; line-height: 1.6;}
#exibicao .texto h2 { font-weight: bold; font-size: 2em;}
#exibicao .texto h3 { font-weight: bold; font-size: 1.4em;}
#exibicao .texto h6 { height: 8px;}
#exibicao .texto p { margin-block-start: 7px; margin-block-end: 7px;}
#exibicao .texto a { color: rgb(0 122 153) !important;}
#exibicao .texto a:hover { text-decoration: underline;}
#exibicao .texto img { max-width: 100%;}
#exibicao .texto iframe { max-width: 100%;}

#exibicao .e_imagem { float: left; width: 90%; padding: 11px 5%;}
#exibicao .e_imagem .img { float: left; width: 100%;}

#exibicao .e_texto { float: left; width: 90%; padding: 11px 5%;}
#exibicao .e_texto .balao { float: left; width: 90%; padding: 20px 5%; outline: 1px solid rgb(100 100 100 / 30%);}

#exibicao .e_youtube { float: left; width: 90%; margin: 11px 5%;}
#exibicao .e_youtube .iframe { position: relative; width: 100%; padding-bottom: 56%; overflow: hidden;}
#exibicao .e_youtube .iframe iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0;}

#exibicao .e_equipe { float: left; width: 80%; padding: 11px 10%;}
#exibicao .e_equipe .item { float: left; width: 96%; padding: 2%; margin: 0 0 20px; outline: 1px solid rgb(100 100 100 / 30%);}
#exibicao .e_equipe .item .limite { float: left; width: 100%; position: relative;}
#exibicao .e_equipe .item .imagem { position: absolute; width: 100px; height: 100px; top: 0; left: 0; border: 5px solid rgb(255 255 255); overflow: hidden;}
#exibicao .e_equipe .item .imagem img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover;}
#exibicao .e_equipe .item .detalhes { float: left; margin: 0 0 0 130px;}
#exibicao .e_equipe .item .detalhes .nome { float: left; width: 100%;}
#exibicao .e_equipe .item .detalhes .nome h2 { float: left; width: 100%; text-transform: uppercase; font-weight: bold;}

#exibicao .e_tabela { float: left; width: 80%; padding: 11px 10%;}
#exibicao .e_tabela .item { float: left; width: 100%;}
#exibicao .e_tabela .item .col1 { width: 100%;}
#exibicao .e_tabela .item .col2 { width: 50%;}
#exibicao .e_tabela .item .col3 { width: 33.333%;}
#exibicao .e_tabela .item .col4 { width: 25%;}
#exibicao .e_tabela .item .col5 { width: 20%;}
#exibicao .e_tabela .item .coluna { float: left; padding: 10px 0; outline: 1px solid rgb(0 0 0 / 30%); outline-offset: -2px; position: relative; overflow: hidden; opacity: 0;}
#exibicao .e_tabela .item .coluna strong { display: none; float: left; width: 94%; padding: 5px 3% 4px; background-color: rgb(100 100 100 / 20%); text-transform: lowercase; font-weight: normal; opacity: 0.6}
#exibicao .e_tabela .item .coluna b { float: left; width: 94%; padding: 0 3%; font-weight: normal;}
#exibicao .e_tabela .item .coluna a { color: rgb(0 122 153);}
#exibicao .e_tabela .item .coluna a:hover { text-decoration: underline;}
#exibicao .e_tabela .item .cab { background-color: rgb(105 154 75); color: rgb(255 255 255);}
#exibicao .e_tabela .item .cab b { text-transform: uppercase; font-weight: bold;}
#exibicao .e_tabela .item .visivel { opacity: 1;}
#exibicao .e_tabela .item .visivel b { position: absolute; top: 50%;}

#exibicao .e_galeria { float: left; width: 80%; padding: 11px 10%;}
#exibicao .e_galeria .item { width: 49%; margin: 0 0 21px;}
#exibicao .e_galeria .item .imagem { float: left; width: 100%; height: 100px; position: relative; overflow: hidden; font-size: 0;}
#exibicao .e_galeria .item .imagem img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover;}
#exibicao .e_galeria .item .legenda { float: left; width: 100%;}
#exibicao .e_galeria .item .legenda h3 { float: left; width: 100%; padding: 5px 0; margin: 5px 0 0; background-color: rgb(100 100 100 / 30%); text-align: center; font-size: 1em;}
#exibicao .e_galeria .i1 { float: left;}
#exibicao .e_galeria .i2 { float: right;}


@media only screen and (max-width: 1200px){
  #exibicao .e_equipe { width: 90%; padding: 11px 5%;}
  #exibicao .e_tabela { width: 98%; padding: 11px 1%;}
  #exibicao .e_galeria { width: 90%; padding: 11px 5%;}
}
@media only screen and (max-width: 700px){
  #exibicao .vamos { margin: 11px 5% 0;}
  #exibicao .vamos h1 { font-size: 1.7em;}
  #exibicao .vamos h2 { font-size: 1.1em;}

  #exibicao .capa img.border { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}

  #exibicao .texto h2 { font-weight: bold; font-size: 1.5em;}
  #exibicao .texto h3 { font-weight: bold; font-size: 1.1em;}

  #exibicao .e_equipe .item .imagem { left: 50%; margin: 0 0 0 -50px;}
  #exibicao .e_equipe .item .detalhes { width: 100%; margin: 121px 0 0; text-align: center;}

  #exibicao .e_tabela .item { font-size: 0.9em;}
  #exibicao .e_tabela .item .col3 { width: 100%; padding: 0; height: auto !important;}
  #exibicao .e_tabela .item .col3 strong { display: block;}
  #exibicao .e_tabela .item .col3 b { padding: 8px 3%; position: relative !important; top: auto !important; margin-top: 0 !important;}
  #exibicao .e_tabela .item .col3.p3 { margin: 0 0 15px;}

  #exibicao .e_tabela .item .col4 { width: 100%; padding: 0; height: auto !important;}
  #exibicao .e_tabela .item .col4 strong { display: block;}
  #exibicao .e_tabela .item .col4 b { padding: 8px 3%; position: relative !important; top: auto !important; margin-top: 0 !important;}
  #exibicao .e_tabela .item .col4.p4 { margin: 0 0 15px;}
  
  #exibicao .e_tabela .item .col5 { width: 100%; padding: 0; height: auto !important;}
  #exibicao .e_tabela .item .col5 strong { display: block;}
  #exibicao .e_tabela .item .col5 b { padding: 8px 3%; position: relative !important; top: auto !important; margin-top: 0 !important;}
  #exibicao .e_tabela .item .col5.p5 { margin: 0 0 15px;}

  #exibicao .e_tabela .item .cab { display: none;}

  #exibicao .e_galeria .item { width: 100%;}
}