@charset "utf-8";

#equipe { float: left; width: 100%; padding: 21px 0; position: relative;}
#equipe.tradicional .tab { float: left; padding: 11px 0; margin: 11px 2%; position: relative;}
#equipe.tradicional .tab.eq33 { width: 29.333%;}
#equipe.tradicional .tab.eq33.c100 { width: 96%;}
#equipe.tradicional .tab.eq33 .imagem { float: left; width: 100%; margin: 0 0 16px; text-align: center; font-size: 0;}
#equipe.tradicional .tab.eq33 .imagem img { max-width: 100%;}
#equipe.tradicional .tab.eq33 .detalhes { float: left; width: 100%;}
#equipe.tradicional .tab.eq33 .detalhes .titulo { text-align: center;}
#equipe.tradicional .tab.eq100 { display: flex; align-items: flex-start; width: 96%;}
#equipe.tradicional .tab.eq100 .imagem { display: flex; width: 100px; font-size: 0;}
#equipe.tradicional .tab.eq100 .imagem img { float: left; width: 100%;}
#equipe.tradicional .tab.eq100 .detalhes { display: flex; flex-wrap: wrap; flex: 1; margin: 0 0 0 15px;}
#equipe.tradicional .tab .detalhes .titulo { float: left; width: 100%;}
#equipe.tradicional .tab .detalhes .titulo h2 { float: left; width: 100%; font-weight: bold; font-size: 1.5em;}
#equipe.tradicional .tab .detalhes .titulo h3 { float: left; width: 100%; margin: 10px 0 0; font-size: 1em;}
#equipe.tradicional .tab .detalhes .texto { float: left; width: 100%; margin: 5px 0;}
#equipe.tradicional .linha3 { float: left; width: 100%; height: 1px;}


#blog { float: left; width: 100%; padding: 11px 0; position: relative;}
#blog.tradicional .centro { width: 700px !important;}
#blog.tradicional .listar { float: left; width: 100%; min-height: 50px; position: relative;}
#blog.tradicional .listar .ajax { min-height: 100px;}
#blog.tradicional .listar .carregando { float: left; height: 100px; position: relative;}
#blog.tradicional .listar .tab { display: flex; align-items: flex-start; float: left; width: 100%; padding: 21px 0; border-bottom: 1px solid rgb(90 90 90 / 20%); position: relative;}
#blog.tradicional .listar .tab .imagem { display: flex; width: 220px;}
#blog.tradicional .listar .tab .imagem img { float: left; width: 100%;}
#blog.tradicional .listar .tab .detalhes { display: flex; flex: 1; margin: 0 0 0 15px;}
#blog.tradicional .listar .tab .detalhes .titulo { float: left; width: 100%;}
#blog.tradicional .listar .tab .detalhes .titulo h2 { float: left; width: 100%; font-weight: bold; font-size: 1.5em;}
#blog.tradicional .listar .tab .detalhes .titulo h3 { float: left; width: 100%; margin: 10px 0 0; font-size: 1em;}
#blog.tradicional .listar .tab .detalhes .titulo h4 { float: left; width: 100%; font-weight: bold; font-size: 0.9em;}
#blog.tradicional .listar .tab:hover .detalhes { opacity: 0.8;}


@media only screen and (max-width: 800px){
  #equipe.tradicional .tab { margin: 2px 1%;}
  #equipe.tradicional .tab.eq100 { width: 98%;}
  #equipe.tradicional .tab.eq33 { width: 98%;}
}