body {
  font-family: 'Open Sans Regular', 'Open Sans', Arial;
  margin: 0;
  padding: 0;
}

html, body {
  /* height: 100%; */
  font-size: 16px;
}

header {
  width: 100%;
  /*background-image: url("../_img/bg-topo.jpg");*/
  background-image: url("/_img/background_BJ.jpg");
  background-position: top center;
}

p {
  line-height: 20px;
}

b, strong {
  font-weight: 600;
}

.lazy-img img {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 1.2s ease-out;
  -moz-transition: all 1.2s ease-out;
  -ms-transition: all 1.2s ease-out;
  -o-transition: all 1.2s ease-out;
  transition: all 1.2s ease-out;
}
.lazy-img img.loaded {
  opacity: 1;
  visibility: visible
}

.mainContent {
  /* min-height: 70%; */
  height: auto !important;
  /* height: 100%; */
  /* margin: 0 auto -1em; */
  margin: 0;
}

.conteudo img {
  border: 1px solid #D9D9D9;
}

.conteudo .imagem {
  border: 1px solid #D9D9D9;
  width: 100%;
  margin-bottom: 1em;
}

.conteudo hr {
  border-top: 1px solid #D9D9D9;
  margin-top: 10px;
  margin-bottom: 10px;
}

.conteudo ul  {
  list-style: none;
  margin: 0;
  padding-left: 0
}

.conteudo2 ul{
  list-style:disc;
  margin: 0;
  padding-left: 0
}

.conteudo a {
  text-decoration: underline;
  color: #118f84;
  text-align: left;
}

.contatosite.nav.nav-tabs li {
  padding-left: 0;
}

.btn-green-padrao {
  background-color: #82b32d !important;
  font-size: 1.3em !important;
  width: auto;
  color: #fff !important;
  padding: 0.4em 3em !important;
  text-decoration: none !important;
  margin: 0 auto;
  text-align: center;
}

.btn-green-padrao:hover {
  background-color: #a2db40 !important;
  border: 1px solid #c1c1c1;
}

.btn-azulVerde {
  background-color: #35504d;
  font-size: 1em !important;
  width: auto;
  color: #fff;
  padding: 0.4em 3em !important;
  margin: 0 auto;
  text-align: center;
}

.btn-azulVerde:hover {
  background-color: #517975;
  color: #ffffff;
}

.btn-blueGreen {
  background-color: #35504d;
  font-size: .9em !important;
  width: auto;
  color: #fff !important;
  padding-left: 3em !important;
  padding-right: 3em !important;
  margin: 0 auto;
  text-align: center;
  text-decoration: none !important
}

.btn-blueGreen:hover {
  background-color: #517975;
  color: #ffffff;
}

.btn-centralizado {
  margin: 0 auto;
  width: 50%;
  margin-top: 2em;
  margin-bottom: 1em;
}

.background-index {
  background-image: url("../_img/bg-index.jpg");
  background-repeat: repeat-x;
  background-position: bottom;
}

/*********************************TOPO E MENU ************************************/
.topo {
  margin-bottom: 0;
  border: 0;
}

.mobile-bjconnect-access{
  border-bottom: 1px solid #e2e2e2;
  background-color: #fff;
  padding: 4px 8px;
  text-align: right;
  margin: 0 -15px
}
.mobile-bjconnect-access .btn_acesso_bj_connect{
  background-color: transparent;
  border-color: #dbdbdb;
  font-family: Oswald, "Oswald Regular Regular", "Oswald Regular";
  font-size: 13px;
  font-weight: 400;
  color: #787878
}
.mobile-bjconnect-access .btn_acesso_bj_connect:hover,
.mobile-bjconnect-access .btn_acesso_bj_connect:focus{
  background-color: #dbdbdb;
  color: #118f84;
}
.mobile-bjconnect-access .btn_acesso_bj_connect img{
  -webkit-transform: translateY(-3px);
  -moz-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  -o-transform: translateY(-3px);
  transform: translateY(-3px);
  margin-right: 4px;
}

/*.topo .logo {
height: 80px;
float: left;
padding-top: 1em;
}*/

.topo .logo {
  height: 68px;
  width: 223px;
  /*margin-top: 1em;*/
  margin-top: 1em;
}

.topo .logo h1 {
  margin: 0;
  right: 10px;
  cursor: pointer;
  float: left;
}

.topo .restrita a {
  color: #aabbbb;
}

.topo .restrita a:hover {
  color: #ffffff;
}

.topo .restrita ul li {
  list-style: none;
  float: left;
  margin-left: 1em;
}

.topo .buscar {
  margin-top: 2em;
  float: right;
}

.topo .navbar {
  margin-bottom: 0px;
}



.form-group .form-control {
  /* padding-left: 2.375rem; */
  font-family: 'Open Sans Regular', 'Open Sans', Arial;
  font-size: 13px;
}

.topo h2 {
  margin-top: 0;
}

.topo .menu a {
  font-family: 'Oswald Regular', Oswald;
  font-size: 0.875rem;
  font-weight: 400;
  font-style: normal;
  color: #697171;
  opacity: 1;
  padding: 13px 11px 13px 7px;
}

.topo .menu a:hover, .topo .menu a:active, .topo .menu a:focus, .topo .menu a:visited {
  text-decoration: none;
  border-radius: 4px
}

.topo .menu .dropdown:hover> a {
  background-color: #90a965;
  color: #ffffff;
  border-radius: 4px 4px 0 0;
}

.dropdown-menu>ul {
  border: 1px solid #cccccc;
}

.dropdown-menu>li {
  border-bottom: 1px solid #cccccc;
}

.dropdown-menu>li>a {
  color: #697171;
  background-color: #ffffff;
  font-family: 'Open Sans Regular', 'Open Sans' !important;
  font-size: 13px;
  padding: 1em 0 1em 10px;
}

.dropdown-submenu.over>a, .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
  background-color: #5b7471;
  color: #ffffff;
  border: 0px;
  border-radius: 0px !important;
  background-image: linear-gradient(to bottom, #5b7471 0%, #5b7471 100%);
}

.dropdown-submenu>.submenu-unidades {
  padding: 15px 10px 10px
}

.dropdown-submenu>.submenu-unidades li.clearfix {
  width: 100%;
  padding: 0;
  margin: 0
}

.dropdown-submenu>.submenu-unidades h3 {
  margin-top: 0;
  margin-bottom: 5px
}

.dropdown-submenu>.submenu-unidades a {
  padding: 0 0 3px;
  display: block
}

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus, .nav .open>a:active, .nav .open>a:visited {
  background-color: #90a965;
  color: #ffffff;
}

.navbar-nav {
  float: none !important;
  margin: 0 auto !important;
  width: 91%;
}

.navbar-nav>li {
  float: left;
  padding: 0 5px 0px 5px;
}

.submenu-active .submenu-unidades {
  display: none !important;
}

#formBuscaGeral {
  margin-top: 2.5em
}

.display {
  border-top: 8px solid #118f84;
  padding-top: 1px;
  height: auto;
  overflow: hidden;
}

.conteudo {
  margin-bottom: 0rem;
  font-size: 0.875rem;
  line-height: 1.5625rem;
}

.conteudo .imagem-chamada {
  width: 100%;
}

.topo .menu > ul > li.dropdown > ul.dropdown-menu > li.dropdown-submenu > ul.submenu-unidades > li > a {
  padding: 5px;
}

/******************************** BOX FILTRO UNIDADES ***************************/

.conteudo .filtro_home .box-filtro {
  background-color: #82b32d;
  border-radius: 4px;
  min-height: 320px;
}

.conteudo .filtro_home .box-filtro h2 {
  color: #d3e3be;
  font-size: 1rem; 
  /* padding: 2.1875rem 1.5rem 0; */
  padding: 0 0 50px;
  font-weight: 600;
  line-height: 22px;
}

.conteudo .filtro_home .box-filtro .marca-texto {
  color: #ffffff;
  font-size: 1.1875rem;
  padding: 2px 20px 0px 0;
  float: left;
  width: 100%;
}

.conteudo .filtro_home .box-filtro .list-busca {
  margin: 1.1em 0em 1.1em 1.5em;
  width: 85%;
}

.conteudo .filtro_home .box-filtro .form-control-list {
  display: block;
  width: 86%;
  height: 34px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #504f4f;
  background-color: #fff;
  background-image: url("../_img/bg-list.jpg");
  background-position: right;
  background-repeat: no-repeat;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.filtro_home .box-filtro .styleCombo {
  position: relative;
  height: 33px;
  display: block;
  float: left;
  margin: 0 0 1.1em 1.5em;
  width: 85%;
}
/* .filtro_home .box-filtro .styleCombo:nth-child(4n - 1) {
  margin: 0 0 0 1.5em;
} */

.filtro_home .box-filtro .styleCombo span {
  text-align: left;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff url(../_img/produto-dropdown-bg.jpg) no-repeat 0 0;
  background-position: right;
  width: 100%;
  height: 33px;
  padding: 7px 0 0 10px;
  border-right: 1px solid #fff;
  color: #00232c;
  font-size: 13px;
  display: block;
  overflow: hidden;
}

.filtro_home .box-filtro .styleCombo select {
  width: 100%;
  height: 33px;
  background: #fff;
  border: none;
  opacity: 0;
  filter: alpha(opacity=0);
}

.filtro_home .box-filtro .btn-filtro {
  background-color: #35504d;
  margin: 0.9375rem 0 0.9375rem 1.5em;
  height: 42px;
  width: 85%;
  color: #fff;
}

.filtro_home .box-filtro .btn-filtro:hover {
  background-color: #517975;
}

/**************************CAIXA EDITORA LATERAL*********************************/

.conteudo .box-editora {
  /*background-color: #cab894;*/
  margin-top: 2em;
  /*border-radius: 4px;
  min-height: 200px;*/
  border: 0;
}

.conteudo .box-editora img {
  border: 0 !important;
}

/**************************CAIXAS RESTRITAS INDEX********************************/

.box-restrita {
  background-color: #dcdcca;
  min-height: 16em;
  margin-top: 2em;
  padding-top: 2em;
  overflow: hidden;
}

.box-restrita a {
  text-decoration: none;
}

.box-restrita .box-restrita-bt {
  border-radius: 4px;
  height: 160px;
  color: #ffffff;
}

.box-restrita .box-restrita-bt .frente {
  text-align: center;
  min-width: 100%;
  height: 110px;
  margin: 0 auto;
  float: left;
}

.box-restrita .box-restrita-bt .frente img {
  margin: 0 auto;
  margin-top: 6%;
}

.box-restrita .box-restrita-bt:hover .frente {
  display: none;
}

.box-restrita .box-restrita-bt .verso {
  display: none;
}

.box-restrita .box-restrita-bt:hover .verso {
  display: block;
}

.box-restrita .box-restrita-bt .verso p, .box-restrita .box-restrita-bt .verso a {
  font-size: 17px;
  text-align: center;
  padding: 13% 10%;
  width: 90%;
  margin: 0 auto;
  text-decoration: none;
}

.color-box-01 {
  background-color: #95b32d;
}

.color-box-02 {
  background-color: #178390;
}

.color-box-03 {
  background-color: #009f61;
}

/***************************CAIXA AGENDAR VISITA*********************************/

.agende-visita-bg {
  background-image: url("../_img/bg-visita.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  min-height: 16em;
  padding-top: .700em;
  /* overflow: hidden; */
}

.agende-visita-box {
  width: 100%;
  margin: 0 auto;
}

.agende-visita-box h2 {
  text-align: center;
  padding: .700em 0 0 0;
  font-family: 'Open Sans', Arial;
  font-size: 2em;
  color: #ffffff;
}

.agende-visita-box h3 {
  text-align: center;
  padding: 0em 0 0 0;
  margin-top: .500em;
  font-family: "Open Sans", Arial;
  font-size: 1.8em;
  color: #a2c7c6;
}

.agende-visita-box .botao-agende {
  margin: 0 auto;
  text-align: center;
  margin: 2em 0em 4em 1.5em;
}

.agende-visita-box .botao-agende .btn-agende {
  background-color: #82b32d;
  font-size: 1.3em;
  width: 30%;
  color: #fff;
  padding: 0.5em 0;
}

.agende-visita-box .botao-agende .btn-agende:hover {
  background-color: #a2db40;
  color: #333333;
}

/****************************** TITULO E PARAGRAFO ******************************/

.color-white {
  color: white !important
}

.conteudo .ttl h1 {
  font-family: 'Oswald Regular', 'Oswald';
  font-weight: 400;
  font-style: normal;
  font-size: 30px;
  color: #1D8871;
  text-align: left;
  line-height: normal;
  text-transform: uppercase;
  margin: .50em 0;
}

.conteudo .ttl h2 {
  font-family: 'Open Sans Regular', 'Open Sans';
  font-weight: 400;
  font-style: normal;
  font-size: 30px;
  color: rgb(0, 153, 153);
  text-align: left;
  line-height: normal;
  margin: 1em 0;
}

.conteudo .relatorio h2 {
  font-family: 'Oswald Regular', 'Oswald';
  font-weight: 400;
  font-style: normal;
  font-size: 21px;
  color: #73D477;
  text-align: left;
  line-height: normal;
  margin: 0 0 1em 0;
}

.conteudo .relatorio a, .conteudo p a {
  color: #1D8871;
  font-family: 'Arial Regular', 'Arial';
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  text-align: center;
  line-height: normal;
  text-decoration: underline;
}

.conteudo .ttl h3 {
  font-family: 'Open Sans Regular', 'Open Sans';
  font-weight: 400;
  font-style: normal;
  font-size: 23px;
  color: #02AC9B;
  text-align: left;
  line-height: normal;
}

.conteudo .ttl h4, .conteudo h4 {
  font-family: 'Oswald Regular', 'Oswald';
  font-weight: 400;
  font-style: normal;
  font-size: 21px;
  color: #73D477;
  text-align: center;
  line-height: normal;
  margin-top: 5px;
  margin-bottom: 5px;
}

.conteudo p {
  font-family: 'Open Sans Regular', 'Open Sans';
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  color: #727375;
  text-align: left;
  line-height: 25px;
}

/*****************************BACKGROUND COLOR BEGE *****************************/

.bg-bege {
  background-color: rgba(221, 220, 202, 1);
  padding-top: .700em;
  padding-bottom: 3em;
  overflow: hidden;
}

.bg-bege h2 {
  font-family: 'Open Sans Regular', 'Open Sans';
  font-weight: 400;
  font-style: normal;
  font-size: 26px;
  color: rgb(0, 153, 153);
  text-align: center;
  line-height: normal;
}

/********************************LOGOS GRUPO ************************************/

.logos {
  border-left: 0px solid #e9e9e9;
  margin-top: 15px;
  margin-bottom: 15px;
  min-height: 50px;
  padding-right: 15px;
}

.logos ul {
  list-style: none;
}

.logos ul li {
  float: left;
  width: 137px;
  margin-right: 1em;
  padding: 2em 1em;
  border: 1px solid #e9e9e9;
  border-radius: 5px;
  background-color: #ffffff;
}

.logos ul li img {
  width: 100%;
}

.logos h3 {
  font-family: 'Open Sans Regular', 'Open Sans';
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  color: #e7e7e7;
  text-align: center;
  line-height: normal;
  text-transform: uppercase;
}

/******LOGOS 02 ******/

.logos-2 {
  border-left: 0px solid #e9e9e9;
  margin-bottom: 15px;
  min-height: 50px;
}

.logos-2 ul {
  list-style: none;
  margin: 0;
  min-height: 50px;
}

.logos-2 ul li {
  float: left;
  width: 137px;
  padding: 1em 0;
  border: 0px solid #e9e9e9;
  border-radius: 5px;
  background-color: #ffffff;
}

.logos-2 ul li img {
  width: 100%;
}

/**************************BACKGROUND COLOR CINZA *******************************/

.bg-cinza {
  background-color: #dce0de;
  padding-top: .700em;
  padding-bottom: 3em;
  overflow: hidden;
  margin-top: 2em;
}

.bg-cinza h2 {
  color: rgb(86, 116, 116);
  opacity: 1;
  font-family: 'Open Sans Regular', 'Open Sans';
  font-weight: 400;
  font-style: normal;
  font-size: 23px;
  text-align: center;
  line-height: normal;
  margin: 1em 0 1.3em 0;
}

.bg-cinza p {
  font-family: 'Open Sans Regular', 'Open Sans';
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  color: #727375;
  text-align: left;
  line-height: 25px;
}

/**************************BACKGROUND CEP *******************************/

.bg-cep {
  background-image: url("/_img/background_cep.jpg");
  background-color: #dfe7b6;
  background-repeat: no-repeat;
  background-position: center top;
  padding-top: .700em;
  padding-bottom: 3em;
  overflow: hidden;
}

.bg-cep h2 {
  font-family: 'Open Sans Regular', 'Open Sans';
  font-weight: 400;
  font-style: normal;
  font-size: 23px;
  color: #02AC9B;
  text-align: center;
  line-height: 27px;
  margin: 1.5em 0 1.2em 0;
}

.bg-cep p {
  font-family: 'Open Sans Regular', 'Open Sans';
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  color: #727375;
  text-align: left;
  line-height: 25px;
}

/**************************BACKGROUND TRABALHE*******************************/

.bg-trabalhe {
  background-image: url("/_img/trabalhe-conosco.jpg");
  background-repeat: no-repeat;
  background-position: center top;
  padding-top: 0em;
  margin-top: 2em;
  overflow: hidden;
}

/****************************FORMATA TITULO E CAIXA COM LINK EXTERNO*********************/

.formata-caixa {
  margin-top: 2em;
}

.formata-caixa h5 {
  font-family: 'Open Sans Bold', 'Open Sans';
  font-weight: 600;
  font-style: normal;
  font-size: 15px;
  color: #333333;
  text-align: center;
  line-height: normal;
}

.formata-caixa img {
  margin: 1em 0 0em 0;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.formata-caixa img:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

/**************************BACKGROUND COLOR VERDE AZUL *******************************/

.bg-verdeAzul {
  background-color: #3b6865;
  padding-top: .700em;
  padding-bottom: 3em;
  overflow: hidden;
}
.bg-verdeLimao{
  background-color: #a0d24d;
  overflow: hidden;
}
.bg-verdeLimao .internas-filtro .form-group label {
  color: #727375
}

.bg-verdeAzul h2 {
  font-family: 'Open Sans Regular', 'Open Sans';
  font-size: 22px;
  text-align: center;
  font-weight: 400;
  font-style: normal;
  color: rgb(204, 204, 204) !important;
  opacity: 1;
}

.bg-verdeAzul p {
  font-family: 'Open Sans Regular', 'Open Sans';
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  color: #727375;
  text-align: left;
  line-height: 25px;
}

/*****************************Linha do tempo QUEM SOMOS**************************/

.bg-linha-tempo {
  background-image: url("../_img/bg-linha.jpg");
  background-repeat: no-repeat;
  background-position: center;
  min-height: 16em;
  padding-top: .700em;
  overflow: hidden;
}

.bg-linha-tempo {
  color: rgb(255, 255, 255);
  opacity: 1;
  font-family: 'Open Sans Regular', 'Open Sans';
  font-weight: 400;
  font-style: normal;
  font-size: 26px;
  text-align: center;
  line-height: normal;
}
/***********************************FOOTER***************************************/

footer {
  background-color: #333838;
  min-height: 8em;
}
@media (max-width: 768px){
  footer{
    /* margin-bottom: 56px; */
  }
}

footer h2 {
  color: #ffffff;
  font-size: 1em;
  font-family: "Open Sans", Arial;
  padding: 0;
  margin: 1.5em 0 0 0;
  text-align: center;
}

footer p {
  color: #ffffff;
  font-size: .9em;
  font-family: "Open Sans", Arial;
  padding: 0;
  margin: .5em 0 0 0;
  text-align: center;
}

.menor {
  color: #a8adad;
  font-size: .8em;
  padding: 0;
  margin: 1em 0 1em 0;
  text-align: center;
}

/************************** CSS modificado do bootstrap *************************/

.form-controle {
  width: 66%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px 0px 0 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

label {
  color: #778080;
}

.carousel {
  /* height: 500px; */
  margin-bottom: 20px;
}

/********/

.navbar-static-top {
  z-index: 999;
  border-width: 0 0 0px;
}

/*********************************/

.breadcrumb {
  padding: 8px 15px;
  color: rgb(153, 153, 153);
  margin-bottom: 0px;
  margin-top: 1em;
  list-style: none;
  background-color: transparent;
  border-radius: 4px;
}

.breadcrumb a {
  color: rgb(153, 153, 153);
  text-decoration: none;
  font-size: 10px;
}

.breadcrumb>.active {
  color: rgb(153, 153, 153);
  font-size: 10px;
}

/**********************************BOTOES****************************************/

.btn {
  font-family: 'Open Sans', sans-serif;
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 8px 12px;
  font-size: 12px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-bottom: 10px;
  text-shadow:none;
}

.btn-green {
  background-color: #82b32d;
  font-size: 1.5em;
  width: 30%;
  color: #fff;
  padding: 0.6em 0;
}

.btn-darkBlue {
  background-color: #35504d !important;
  margin: 1em 0em 0em 1.5em !important;
  height: 3em !important;
  font-size: 11px !important;
  width: 85% !important;
  color: #fff !important;
  text-decoration: none !important;
  text-align: center !important;
}

.btn-darkBlue:hover {
  background-color: #517975 !important;
  color: #ffffff !important;
}
.btn-default {
  padding: 15px 50px;
}

/******************************/

.ttl-hr {
  margin-top: 2em;
}

.padding20 {
  margin: 2em 0;
  height: 1px;
}

.padding10 {
  margin: 1em 0;
  height: 1px;
}

.line {
  border-top: 1px solid #d8d8d8;
  margin: 2em 0;
}

.h2textcenter {
  font-family: 'Oswald Regular', 'Oswald';
  font-weight: 400;
  font-style: normal;
  font-size: 21px;
  color: #73D477;
  text-align: center;
  line-height: normal;
  margin: 0 0 1em 0;
}

/*****TABELAS *********/

table {}

  table .topo-tabela {
    background-color: #35504d;
    padding: 1em 1em;
  }

  table .topo-tabela-ttl {
    padding: 1.2em 1.2em 1.2em .800em;
    color: #ffffff;
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    text-align: left;
  }

  table .topo-tabela-texto {
    padding: .900em .900em .900em .800em;
    color: #333333;
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    background-color: #dcdcca;
    text-align: left;
    font-size: 13px;
  }

  /**************** barra institucional *******************/

  #bg_sup {
    width: 100%;
    height: 27px;
    background: url(../_img/bg_menu_01.jpg) repeat-x top center;
  }

  #menu_sup {
    width: 958px;
    height: 27px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
  }

  #menu_sup ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
  }

  #menu_sup ul li {
    margin: 0px 0px 0px 0px;
    padding: 4px 10px 0px 9px;
    background: url(../_img/separa_menu_sup_01.jpg) no-repeat bottom right;
    float: left;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    font-style: italic;
    color: #969696;
  }

  #menu_sup ul li:last-child {
    background: none;
  }

  #menu_sup ul li a {
    color: #514f4d;
    text-decoration: none;
  }

  #menu_sup ul li a:hover {
    color: #9E9E9E;
    text-decoration: none;
  }

  .carousel-control .glyphicon {
    left: auto !important;
    top: 50% !important;
    font-size: 1.5em !important
  }

  .carousel-control .glyphicon-chevron-right {
    margin-right: -75px !important;
  }

  .carousel-control .glyphicon-chevron-left {
    margin-left: -75px !important;
  }

  .modal.mdl-custom-login {
    color: #7e7e7e
  }
  .modal.mdl-custom-login .modal-dialog{
    width: 350px
  }
  .modal.mdl-custom-login .modal-dialog .close {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 3rem;
    color: #fff;
    font-weight: 400;
    width: 50px;
    height: 50px;
    line-height: 50px;
    z-index: 2;
    opacity: .6;
  }

  .modal.mdl-custom-login .modal-content.help-block a{
    color: #737373;
  }

  .modal.mdl-custom-login .modal-content{
    border: 15px solid #88c139
  }
  .modal.mdl-custom-login .modal-content .modal-header{
    background-color: #88c139
  }
  .modal.mdl-custom-login .modal-content .modal-body label{
    font-weight: 400
  }
  .modal.mdl-custom-login .modal-content .modal-body .form-control{
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
  }
  .modal.mdl-custom-login .modal-content .modal-body .btn.btn-success{
    background-color: #288e54;
    border-color: #288e54;
    width: 50%;
  }
  .tipo_login label {
    font-size: 1.3em
  }
  #boxEsqueciSenha,
  .modal.mdl-custom-login .modal-content .modal-body .esqueci_content{
    display:none;
  }

  /**************** FILTRO INTERNAS ***************/
  .pb-0{
    padding-bottom: 0!important
  }
  .internas-rodape-filtro{
    position: relative;
  }

  /*------------- Fábio Gilberto ---------------------*/

  .lista-aprovado{
    display:none;
  }

  @media (min-width: 768px){
    .filter-group {
      margin-bottom: 30px;
    }

    /*---Fábio Gilberto--------*/


    /*---Fábio Gilberto--------*/

    /* ALteração de layout para telas médias e pequenas */
    .filter-group > button {
      color: #436B6A;
      font-size: 21px;
      font-family: 'Oswald', 'Oswald Regular Regular', 'Oswald Regular';
      font-weight: 400;
      margin-bottom: 80px;
    }

  }
  .filter-group > h2,
  .filter-group > button {
    color: #436B6A;
    font-size: 21px;
    font-family: 'Oswald', 'Oswald Regular Regular', 'Oswald Regular';
    font-weight: 400;
    margin-bottom: 80px;
  }
  .filter-group > button{
    background-color: #82b32d;
    border: 0 none;
    box-shadow: 0 0 0 0 transparent;
    margin: -30px 0 0 -15px;
    cursor: pointer;
    position: relative;
    width: 100vw;
    padding: 15px 65px 15px 15px;
    text-transform: uppercase;
  }
  .filter-group > button::after{
    content: ">";
    width:56px;
    min-height: 56px;
    line-height: 56px;
    background-color: #709b26;
    color: #FFF;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
  }
  .filter-group .box-filtro{
    padding-bottom: 1.5rem;
    padding-top: 3rem;
  }

  @media (min-width: 768px){
    .filter-group > button{
      display:none
    }
    .filter-group .box-filtro{
      display: block
    }

   
  }

  /* ------------ PÁGINA VIRTUDES----------- */

  @media (max-width: 767px){

    .lista-aprovado{
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
    }

    .lista-aprovado a{
      color: #ffffff;
      text-align: left;
      text-decoration: none;
      background: #118f84;
      font-weight: bold;
      padding: 4px 8px;
      border-radius: 6px;
      font-size: 13px;
      text-align: center;
    }


    .filter-group > button{
      display:block;
      margin-bottom: 20px;
    }
    .filter-group .box-filtro{
      display: none
    }

    .virtudes_box{
      position: absolute;
      top: 230px !important;
    }

    p.virtudes-texto{
      font-size: 25px;
      width: 300px !important;
      margin-left: 0px;
      padding-left: 2em !important;
      line-height: 22px;
    }

    .carousel-virtudes{
      height: 580px !important;
    }

    p.paginacao_virtudes.jcarousel-pagination{
      margin-top: 200px;
      top: 290px;
      width: 300px;
      text-align: center;
    }

    .control-virtudes.jcarousel-control-prev{
      left: -5px;
      top: 35%;
    }

    .control-virtudes.jcarousel-control-next{
      right: -5px;
      top: 35%;
    }

    img.imagem-virtudes{
      margin-left: 1.6% !important;
    }

    h2.virtudes {
      padding-left: 1em !important;
    }



  }


  .virtudes_box{
    position: absolute;
    top: 130px;
  }

  h2.virtudes{
    font-family: 'Oswald Regular', 'Oswald'!important;
    font-weight: 400;
    font-style: normal;
    font-size: 23px;
    color: rgb(171, 202, 79) !important;
  }

  /*ACCESSIBILITY*/

  .accessibility {
    padding: 5px 15px;
    background-color: #485b5b;
    display: block;
    overflow: hidden;
  }

  .accessibility a {
    font-weight: 400;
    font-style: normal;
    font-size: 0.6875rem;
    color: #E7EDEF;
    padding: 3px 5px;
    margin-right: 8px;
  }

  /* ............................../* ALTO CONTRASTE *............................................ */

  .contrast,
  .contrast nav,
  /* .contrast div, */
  .contrast div.postit-matricula,
  .contrast li,
  .contrast ol,
  .contrast header,
  .contrast footer,
  .contrast section,
  .contrast main,
  .contrast aside,
  .contrast article {
    background: black !important;
    color: white !important;
  }

  .contrast h1,
  .contrast h2,
  .contrast h3,
  .contrast h4,
  .contrast h5,
  .contrast h6,
  .contrast p,
  .contrast label,
  .contrast strong,
  .contrast em,
  .contrast cite,
  .contrast q,
  .contrast i,
  .contrast b,
  .contrast u,
  .contrast span {
    color: white !important;
  }

  .contrast a{
    color: yellow !important;
  }

  .contrast button,
  .contrast input[type=button],
  .contrast input[type=reset],
  .contrast input[type=submit] {
    background: black !important;
    color: yellow !important;
    border: none !important;
  }

  .contrast input[type=text],
  .contrast input[type=password],
  .contrast input[type=url],
  .contrast input[type=search],
  .contrast input[type=email],
  .contrast input[type=tel],
  .contrast input[type=date],
  .contrast input[type=month],
  .contrast input[type=week],
  .contrast input[type=datetime],
  .contrast input[type=datetime-local],
  .contrast textarea,
  .contrast input[type=number] {
    background: black !important;
    border: 1px solid white !important;
    color: white !important;
  }

  .contrast img.on-contrast-force-gray {
    filter: grayscale(100%) contrast(120%);
  }

  .contrast img.on-contrast-force-white {
    filter: brightness(0) invert(1);
  }

  .contrast .home_diff .cards a, .contrast .home_diff .cards a:hover {
    background-color: inherit;
  }
  .contrast .submenu-active li a.active, .contrast .submenu-active li a.active:hover {
    color: #000000 !important;
  }
  .contrast .dropdown-menu>li>a {
    background: #000;
  }
  .contrast .abas_ensino .nav.nav-tabs > li > a {
    color: #ffffff !important;
  }
  .contrast a.text-uppercase.btn.btn-default {
    color: #ffffff !important;
  }
  .contrast .btn-primary {
    color: #ffffff !important;
  }
  .contrast .topo .menu .dropdown:hover>h2 a {
    background-color: #ffffff !important;
    color: #000000 !important;
  }
  .contrast .cookies-bkcg p {
    color: black !important;
  }
  .contrast .cookies-bkcg a u {
    color: black !important;
  }
  .contrast .cookies-bkcg button.close {
    color: black !important;
    opacity: inherit !important;
    background-color: inherit !important;
  }
  .dropdown-toggle:focus {
    outline: auto !important;
  }




/****************************************************Nossas Marcas**************************************/

.nossas_marcas{}
.nossas_marcas h4,.nossas_marcas h4 a{
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  color: #ACCF33;
  text-align: left;
  line-height: 20px;
}
.nossas_marcas .flex_vertical{
  height: 265px;
  display: flex;
  flex-direction: column!important;
  justify-content: center!important;
}
.nossas_marcas ul{
  columns:2;
  padding: 0;
}
.nossas_marcas ul li {
  font-family: 'Open Sans Regular', 'Open Sans';
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  color: #FFFFFF;
  text-align: left;
  line-height: 25px;
  list-style: none;
  position: relative;
  padding-left: 15px;
  margin: 0px 0 10px 0;
}
.nossas_marcas ul li::after{
  content: ">";
  width: 3px;
  height: 6px;
  position: absolute;
  top:0;
  left: 0;
  font-size: 8px;
}
.nossas_marcas ul li a{
  color: #FFFFFF;
}
.nossas_marcas span:not([class]){
  padding-left: 15px;
}
.nossas_marcas span:not([class])::before {
  content: "";
  height: 180px;
  position: absolute;
  width: 1px;
  background-color: #7e7e7e;
  top: 40px;
  left: 0;
}

@media (max-width: 768px){
  .nossas_marcas .flex_vertical{
    height: 155px;
    margin-bottom: 70px;
    padding-bottom: 70px;
    padding-top: 150px;
  }
  .nossas_marcas ul {
    columns: 1;
  }
}

.nossas_marcas span:not([class]){

}
.nossas_marcas .white_color_arrow {
  color: #fff;
  font-size: 7px;
  margin-top: -14px;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 14px;
}

.modal.mdl-custom-nossas_marcas .modal-dialog .close {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 3rem;
  color: #1D8871;
  font-weight: 400;
  width: 50px;
  height: 50px;
  line-height: 50px;
  z-index: 2;
  opacity: .6;
}

.modal.mdl-custom-nossas_marcas .modal-content {
  border: 15px solid #fff;
  height: 100%;
  border-radius: 0;
}

.mdl-custom-nossas_marcas .modal-dialog {
  height: 100%;
  margin: 0;
  border-radius: 0;
}
.mdl-custom-nossas_marcas .modal-header {
  padding-top: 10%;
  border: 0;
}
.mdl-custom-nossas_marcas h5.modal-title {
  font-size: 21px;
  color: #3A8F6B;
  line-height: 27px;
  font-family: 'Oswald';
  font-weight: 400;
  font-style: normal;
}
.mdl-custom-nossas_marcas .modal-body {
  height: 100%;
}

.mdl-custom-nossas_marcas ul{
  padding: 0;
}

.mdl-custom-nossas_marcas ul li {
  font-family: 'Open Sans Regular', 'Open Sans';
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  color: #666666;
  text-align: left;
  line-height: 27px;
  list-style: none;
  position: relative;
  padding-left: 15px;
  text-transform: uppercase;
  margin: 7px 0;
}

.mdl-custom-nossas_marcas ul li::before{
  content: ">";
  width: 3px;
  height: 6px;
  position: absolute;
  top:0;
  left: 0;
  font-size: 10px;
}

.mdl-custom-nossas_marcas ul li a {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  color: #666666;
  line-height: 27px;
  text-transform: uppercase;
}
.detalhe_verde {
  height: 70px;
  background-color: #118F84;
}
.bradcrumb_educacao_bilingue ol {
  margin: 0;
}
.bradcrumb_educacao_bilingue ol li a, .bradcrumb_educacao_bilingue ol li.active {
  color: #fff;
}

.about header{
  height: 500px;
  background-color: #83AC87;
  width: 100%;
}
.dvPdqS {
  position: fixed;
  top: 5%;
  right: 0%;
  margin: 0;
}