h3.marginTop {
  margin-top: -585px;
}

p, p.cinza {
  margin: 10px auto;
  color: #333333;
  font-family: "Open Sans", Arial, sans-serif;
  line-height: 28px;
  font-size: 14px;
}

b, strong {
  font-weight: bold;
}

.reset_width {
  width: auto!important;
}

.menu-fixo {
  position: fixed !important;
  top: 0;
  z-index: 1999;
  width: 100%;
	-webkit-transition: .25s ease-out;
  -moz-transition: .25s ease-out;
  -ms-transition: .25s ease-out;
  -o-transition: .25s ease-out;
  transition: .25s ease-out;
}

header {
  position: relative;
}

.affix {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1001;
}

nav.cmn-tile-nav.affix a {
  -webkit-transition: .25s ease-out;
  -moz-transition: .25s ease-out;
  -ms-transition: .25s ease-out;
  -o-transition: .25s ease-out;
	transition: .25s ease-out;
  height: 110px;
}

.padding-top-50 {
  margin-top: 50px;
}

.padding-bottom-50 {
  margin-bottom: 50px;
}

.padding-top-30 {
  margin-top: 30px;
}

.padding-bottom-30 {
  margin-bottom: 30px;
}

.padding-l-r-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.padding-left-30 {
  padding-left: 30px;
}

.pag-marg-0 {
  margin: 0;
  padding: 0;
}

.pag-right-0 {
  padding-right: 0;
}

.wrapper img.col-45 {
  width: 45% !important
}

.wrapper img.col-37 {
  width: 37% !important
}

.wrapper img.col-33 {
  width: 33% !important
}

.wrapper img.col-30 {
  width: 30% !important
}

.wrapper img.col-25 {
  width: 25% !important
}

.left {
  text-align: left !important;
}

.arrow {
  width: 100%;
  height: 59px;
  background: url(../img/linha.jpg) repeat-x;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 20px;
}

.arrow span {
  width: 80px;
  height: 59px;
  margin: 0 auto;
  background-color: #ffffff;
  padding: 0 10px;
  display: block;
}

.arrow h2 {
  width: 300px;
  height: 59px;
  background-color: #ffffff;
  padding: 10px 0;
  margin-left: 50px;
  display: block;
  font-size: 28px;
  font-weight: 500;
  color: #456383;
  font-family: "Roboto", "Arial Black", Gadget, sans-serif;
}

.wrapper {
  -webkit-transition: all .5s cubic-bezier(.685, .0473, .346, 1);
  -moz-transition: all .5s cubic-bezier(.685, .0473, .346, 1);
  -o-transition: all .5s cubic-bezier(.685, .0473, .346, 1);
  -ms-transition: all .5s cubic-bezier(.685, .0473, .346, 1);
  transition: all .5s cubic-bezier(.685, .0473, .346, 1);
  left: 0;
  background-color: white;
}

.wrapper img {
  width: 100%;
}

.wrapper img.initial {
  width: initial;
}
.margin_auto{
  display: block;
  margin-left: auto;
  margin-right: auto
}

.blue {
  background-color: #d7f2ff;
}

.wrapper .fundo h3 {
  font-size: 32px;
  font-weight: 500;
  margin: 0;
  color: #555;
  font-family: "Roboto", "Arial Black", Gadget, sans-serif;
  text-transform: uppercase;
  text-align: left;
}

.wrapper .fundo p {
  margin: 4px auto;
  color: #555;
  font-family: "Open Sans", Arial, sans-serif;
  line-height: 24px;
  font-size: 14px;
}


/*********/

.titulo-box {
  background-color: #63a0ca;
  width: 100%;
  height: 70px;
  position: relative;
  z-index: 1;
}

.titulo-box h2 {
  color: #ffffff;
  font-size: 28px;
  font-weight: 500;
  padding: 19px 30px;
  font-family: "Roboto", "Arial Black", Gadget, sans-serif;
  text-align: left;
}

.titulo-box .ico-overlay {
  width: 204px;
  height: 126px;
  float: right;
  position: absolute;
  top: -26px;
  z-index: 3;
  right: 0;
}

.texto-box {
  background: #e7e7e7;
  width: 100%;
  padding: 50px 50px 0 50px;
}

.texto-box p {
  color: #333333;
  font-size: 14px;
  font-weight: normal;
  font-family: "Open Sans", sans-serif;
  margin-top: 0;
}

.texto-box p:last-child {
  padding-bottom: 50px;
}

.brown {
  background-color: #d5d0c2;
}

#footer .livro img {
  width: 248px;
}

#footer .bt-completo img {
  width: 389px;
  float: left;
  margin-top: 4%;
  cursor: pointer;
}

#footer .bt-completo img:hover {
  opacity: .8;
}

#footer .bt-avalie img {
  width: 276px;
  float: left;
  margin-left: 5px;
  margin-top: 4%;
  cursor: pointer;
}

a img:hover {
  opacity: .8;
}

a img.noOpacity:hover {
  opacity: 1;
}


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

nav.cmn-tile-nav li.active a, main ul.nav li.active a:hover, main ul.nav li.active a:focus, main ul.nav li.active a:active {
  height: 115px;
  cursor: pointer
}

nav.cmn-tile-nav.affix li.active a, nav.cmn-tile-nav.affix li.active a:hover, nav.cmn-tile-nav.affix li.active a:focus, nav.cmn-tile-nav.affix li.active a:active, nav.cmn-tile-nav.affix li a:hover, nav.cmn-tile-nav.affix li a:focus, nav.cmn-tile-nav.affix li a:active {
  height: 125px!important
}

.container-ghost {
  display: block;
}

nav.cmn-tile-nav .icones {
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center center;
  width: 70px;
  height: 51px;
  display: block;
  margin: 0 auto 5px;
}

nav.cmn-tile-nav .icones.icones-01 {
  background-image: url(../_assets/img/icone1.png)
}

nav.cmn-tile-nav .icones.icones-02 {
  background-image: url(../_assets/img/icone2.png)
}

nav.cmn-tile-nav .icones.icones-03 {
  background-image: url(../_assets/img/icone3.png)
}

nav.cmn-tile-nav .icones.icones-04 {
  background-image: url(../_assets/img/icone4.png)
}

nav.cmn-tile-nav .icones.icones-05 {
  background-image: url(../_assets/img/icone5.png)
}

nav.cmn-tile-nav .icones.icones-06 {
  background-image: url(../_assets/img/icone6.png)
}

nav.cmn-tile-nav .icones.icones-07 {
  background-image: url(../_assets/img/icone7.png)
}

nav.cmn-tile-nav .icones.icones-08 {
  background-image: url(../_assets/img/icone8.png)
}


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

h1, h2, h3 {
  text-transform: uppercase
}

#sobre_o_relatorio h1, #sobre_o_relatorio h2, #sobre_o_relatorio h3 {
  color: #723f8a;
}

#compromissos h1, #compromissos h2, #compromissos h3 {
  color: #c3a039;
}

#perfil_afesbj h1, #perfil_afesbj h2, #perfil_afesbj h3,
#institucional_afesbj h1, #institucional_afesbj h2, #institucional_afesbj h3 {
  color: #0057a8;
  padding: 0 0 0 0;
}

#ensino_bomjesus h1, #ensino_bomjesus h2, #ensino_bomjesus h3 {
  color: #a53a45;
}

#ensino_fae h1, #ensino_fae h2, #ensino_fae h3 {
  color: #5e671e;
}

#social_afesbj h1, #social_afesbj h2, #social_afesbj h3 {
  color: #6a3c6f;
}

#avalie h1, #avalie h2, #avalie h3 {
  color: #0abe8c;
}

#sobre_o_relatorio h3, #compromissos h3, #perfil_afesbj h3, #ensino_bomjesus h3, #ensino_fae h3, #institucional_afesbj h3, #social_afesbj h3, #avalie h3 {
  font-size: 18px;
  font-weight: normal;
  margin: 0;
  font-family: "Roboto", "Arial Black", Gadget, sans-serif;
  text-transform: uppercase;
  text-align: left;
}

.circle {
  width: 440px;
  height: 440px;
  display: block;
  border-radius: 100%;
}

.grey {
  background-color: #e7e7e7;
}


/***** menu ****/

.hidden {
  display: none !important;
}

.ghost-content {
  margin: 0!important;
  width: 100%;
  height: 0!important;
  padding: 0!important;
  visibility: hidden;
}


/***********************SLIDER**************************/

#slides {
  position: relative
}

#slides .slidesjs-control img {
  width: initial !important;
}

#slides .slidesjs-navigation {
  margin-top: 3px;
}

#slides .slidesjs-control {
  margin: 0 auto;
  text-align: center;
  width: 255px !important;
  height: 256px !important;
}

#slides .slidesjs-previous, #slides .slidesjs-next {
  position: absolute;
  top: 50%;
  margin-top: -28px;
  width: 55px;
  height: 55px;
}

#slides .slidesjs-previous {
  left: 10%
}

#slides .slidesjs-next {
  right: 10%
}

.slidesjs-pagination {
  margin: 6px 0 0;
  float: right;
  list-style: none;
}

.slidesjs-pagination li {
  float: left;
  margin: 0 1px;
}

.slidesjs-pagination li a {
  display: block;
  width: 13px;
  height: 0;
  padding-top: 13px;
  background-image: url(../slider/img/pagination.png);
  background-position: 0 0;
  float: left;
  overflow: hidden;
}

.slidesjs-pagination {
  display: none;
}

.slidesjs-pagination li a.active, .slidesjs-pagination li a:hover.active {
  background-position: 0 -13px;
}

.slidesjs-pagination li a:hover {
  background-position: 0 -26px;
}

#slides a:link, #slides a:visited {
  color: #ffffff;
  /*background-color:#737373;*/
  /*padding:10px 15px;*/
  font-weight: normal;
}

#slides a:hover, #slides a:active {
  color: #ffffff;
  text-decoration: none;
  opacity: .8;
}

.navbar {
  overflow: hidden;
}

#slides .slide {
  display: block;
  width: 222px !important;
  height: 300px;
  text-align: center;
  margin: 25% 0;
  color: #626262;
  font-size: 19px;
  font-weight: bold;
  font-family: "Roboto", "Arial Black", sans-serif;
}

#slides .slide img {
  margin-top: 30px;
}

#perfil_afesbj #slides .slide img,
#institucional_afesbj #slides .slide img {
  margin-right: 30px;
  float: left
}


/********************************************ENTENDENDO O RELATORIO***********************************************/

#sobre_o_relatorio h2.roxo {
  color: #4d2c51;
  padding: 0 0 30px 0;
  font-weight: 500;
  text-align: left;
}


/***/

.fundo.ouro {
  background-color: #e8e7b6;
}

#sobre_o_relatorio .fundo.roxo h2.roxo {
  color: #4d2c51 !important;
  padding: 0 0 20px 0;
  font-weight: 500;
  text-align: left;
  margin: 0;
}

#sobre_o_relatorio .fundo.roxo h3.roxo {
  font-size: 18px !important;
  font-weight: 500;
  padding: 0 0 20px 0;
  color: #4d2c51 !important;
  text-align: left;
  margin: 0;
}

#sobre_o_relatorio .fundo.roxo p {
  color: #333333;
  font-family: "Open Sans", Arial, sans-serif;
  line-height: 24px;
  font-size: 14px;
}


/****/

#sobre_o_relatorio h2.verde {
  color: #0b7860;
  padding: 0 0 20px 0;
  font-weight: 400;
  text-align: left;
  margin: 0;
}

#sobre_o_relatorio h3.roxo {
  font-size: 18px !important;
  font-weight: 500;
  padding: 0 0 20px 0;
  color: #4d2c51;
  text-align: left;
  margin: 0;
}

.fundo.ouro p {
  color: #333333;
  font-family: "Open Sans", Arial, sans-serif;
  line-height: 24px;
  font-size: 14px;
}

#sobre_o_relatorio .box {
  border: 2px solid;
  padding: 30px;
  margin-top: 50px;
}

#sobre_o_relatorio .box.roxo {
  border-color: #4d2c51;
}

#sobre_o_relatorio .box.roxo h2 {
  color: #4d2c51;
  font-size: 18px;
  font-weight: 500;
  text-align: left;
  background-color: #ffffff;
  padding: 0 20px 10px 20px;
  margin-top: -43px;
  width: 370px;
  text-transform: none;
}

#sobre_o_relatorio .box.roxo ul {
  width: 50%;
  float: left;
}

#sobre_o_relatorio .box.roxo ul li {
  color: #333333;
  font-family: "Open Sans", Arial, sans-serif;
  line-height: 24px;
  font-size: 14px;
  list-style-type: disc;
  margin-left: 20px;
}


/********************************************PERFIL AFESBJ***********************************************/

#perfil_afesbj #slides .slidesjs-control,
#institucional_afesbj #slides .slidesjs-control {
  margin: 0 auto;
  text-align: center;
  width: 75% !important;
  height: 280px !important;
  overflow: hidden;
  margin-top: 15px;
}

#perfil_afesbj #slides .slide,
#institucional_afesbj #slides .slide {
  display: block;
  width: 100% !important;
  height: auto;
  text-align: center;
  margin: 0;
  color: #626262;
  font-size: 19px;
  font-weight: bold;
  font-family: "Roboto", "Arial Black", sans-serif;
}

#perfil_afesbj #slides .slide span,
#institucional_afesbj #slides .slide span {
  color: #0057a8;
  text-align: left;
  font-size: 24px;
  display: block;
  margin-top: 85px
}

#perfil_afesbj #slides .slide p,
#institucional_afesbj #slides .slide p {
  margin: 5px auto;
  color: #555;
  font-family: "Open Sans", Arial, sans-serif;
  line-height: 24px;
  font-size: 13px;
  text-align: left;
  font-weight: normal;
}

#perfil_afesbj #slides a:link, #perfil_afesbj #slides a:visited,
#institucional_afesbj #slides a:link, #institucional_afesbj #slides a:visited {
  background-color: transparent;
  font-weight: normal;
  z-index: 1999;
}

#perfil_afesbj #slides .slidesjs-previous, #perfil_afesbj #slides .slidesjs-next,
#institucional_afesbj #slides .slidesjs-previous, #institucional_afesbj #slides .slidesjs-next {
  position: absolute;
  top: 50%;
  width: 55px;
  height: 55px;
  padding: 0;
  margin-top: -28px
}

#perfil_afesbj #slides .slidesjs-previous,
#institucional_afesbj #slides .slidesjs-previous {
  left: 0
}

#perfil_afesbj #slides .slidesjs-next,
#institucional_afesbj #slides .slidesjs-next {
  right: 0
}

#perfil_afesbj .slidesjs-container,
#institucional_afesbj .slidesjs-container {
  height: auto !important
}

#perfil_afesbj h3,
#institucional_afesbj h3 {
  font-size: 30px !important;
  font-weight: 600;
  padding-top: 10px;
}

#perfil_afesbj h2.roxo {
  color: #6a3c6f;
  padding: 0 0 30px 0;
  font-weight: 500;
}

#perfil_afesbj .box {
  border: 2px solid;
  padding: 30px;
  margin-top: 50px;
}

#perfil_afesbj .box.azul {
  border-color: #0057a8;
}

#perfil_afesbj .box.azul h2 {
  color: #0057a8;
  font-size: 18px;
  font-weight: 500;
  text-align: left;
  background-color: #ffffff;
  padding: 0 20px 10px 20px;
  margin-top: -43px;
  width: 180px;
  text-transform: none;
}

#perfil_afesbj .box.azul ul {
  width: 50%;
  float: left;
}

#perfil_afesbj .box.azul ul li {
  color: #333333;
  font-family: "Open Sans", Arial, sans-serif;
  line-height: 24px;
  font-size: 14px;
  list-style-type: disc;
  margin-left: 20px;
}


/********************************************COMPROMISSOS***********************************************/

#compromissos #slides .slidesjs-control {
  text-align: center;
  overflow: hidden;
  margin: 0 auto;
  margin-bottom: 20px;
	width:550px!important;
	height:490px!important
}

#compromissos #slides .slide {
  display: block;
  width: 100% !important;
  height: auto;
  text-align: center;
  margin: 15% 0;
  color: #626262;
  font-size: 19px;
  font-weight: bold;
  font-family: "Roboto", "Arial Black", sans-serif
}

#compromissos #slides a:hover {
  text-decoration: none;
}

#compromissos #slides .slidesjs-previous,
#compromissos #slides .slidesjs-next{
	position: absolute;
	width: 55px;
	height: 55px;
	margin: -27px 0 0;
	top:50%
}

#compromissos #slides .slidesjs-previous {
  left: 1%;
}

#compromissos #slides .slidesjs-next {
  right: 1%
}

#compromissos .slidesjs-container {
  height: auto !important;
}


/***/

.fundo.ouro {
  background-color: #d7e6a7;
}

#compromissos .fundo.ouro h2.ouro {
  color: #c3a039;
  padding: 0 0 20px 0;
  font-weight: 500;
  text-align: left;
  margin: 0;
}

#compromissos .fundo.ouro h3.ouro {
  font-size: 18px !important;
  font-weight: 500;
  padding: 0 0 20px 0;
  color: #c3a039;
  text-align: left;
  margin: 0;
}

#compromissos .fundo.ouro p {
  color: #333333;
  font-family: "Open Sans", Arial, sans-serif;
  line-height: 24px;
  font-size: 14px;
}


/****/

#compromissos h2.ouro {
  color: #c3a039;
  padding: 0 0 20px 0;
  font-weight: 400;
  text-align: left;
  margin: 0;
}

#compromissos h3.ouro {
  font-size: 18px;
  font-weight: 500;
  padding: 0 0 20px 0;
  color: #c3a039;
  text-align: left;
  margin: 0;
}

#compromissos .box {
  border: 2px solid;
  padding: 30px;
  margin-top: 50px;
}

#compromissos .box.ouro {
  border-color: #c3a039;
}

#compromissos .box.ouro h2 {
  color: #c3a039;
  font-size: 18px;
  font-weight: 500;
  text-align: left;
  background-color: #f5f5f5;
  padding: 0 20px 10px 20px;
  margin-top: -43px;
  width: 200px;
  text-transform: none;
}

#compromissos .box.ouro ul {
  width: 50%;
  float: left;
}

#compromissos .box.ouro ul li {
  color: #333333;
  font-family: "Open Sans", Arial, sans-serif;
  line-height: 24px;
  font-size: 14px;
  list-style-type: disc;
  margin-left: 20px;
}


/*#compromissos .col-lg-2 img {
    padding-bottom: 15px;
}*/

#compromissos #slides .slidesjs-control img {
  width: 100% !important;
}


/************************************* ENSINO, PESQUISA E EXTENSÃO BOM JESUS*******************************************************/

#ensino_bomjesus .box {
  border: 2px solid;
  padding: 30px;
  margin-top: 50px;
  border-color: #a53a45;
}

#ensino_bomjesus .box.laranja h2 {
  color: #a53a45;
  font-size: 18px;
  font-weight: 500;
  text-align: left;
  background-color: #f5f5f5;
  padding: 0 20px 10px 20px;
  margin-top: -43px;
  width: 180px;
  text-transform: none;
}

#ensino_bomjesus .box.laranja ul {
  width: 50%;
  float: left;
}

#ensino_bomjesus .box.laranja ul li {
  color: #333333;
  font-family: "Open Sans", Arial, sans-serif;
  line-height: 24px;
  font-size: 14px;
  list-style-type: disc;
  margin-left: 20px;
}

#ensino_bomjesus .box-dashed {
  border: 2px dashed;
  padding: 30px;
  margin-top: 50px;
  border-color: #a7a7a7;
  display: block;
}

#ensino_bomjesus .box-dashed.laranja h2 {
  color: #a53a45;
  font-size: 28px;
  font-weight: 500;
  text-align: center;
  background-color: #e8e7b6;
  padding: 0 20px 10px 20px;
  margin-top: -43px;
  margin-left: 30%;
  width: 44%;
  text-transform: none;
}

#footer.footer_internas {
  background-color: #f5f5f5;
  margin: 0
}


/************************************* ENSINO, PESQUISA E EXTENSÃO FAE*******************************************************/

#ensino_fae .box {
  border: 2px solid;
  padding: 30px;
  margin-top: 50px;
  border-color: #5e671e;
}

#ensino_fae .box.verde h2 {
  color: #5e671e;
  font-size: 18px;
  font-weight: 500;
  text-align: left;
  background-color: #f5f5f5;
  padding: 0 20px 10px 20px;
  margin-top: -43px;
  width: 200px;
  text-transform: none;
}

#ensino_fae .box.verde ul {
  width: 50%;
  float: left;
}

#ensino_fae .box.verde ul li {
  color: #333333;
  font-family: "Open Sans", Arial, sans-serif;
  line-height: 24px;
  font-size: 14px;
  list-style-type: disc;
  margin-left: 20px;
}

#ensino_fae .box-dashed {
  border: 1px dashed;
  padding: 30px;
  margin-top: 50px;
  border-color: #5e671e;
  display: block;
}

#ensino_fae .box-dashed.verde h2 {
  color: #5e671e;
  text-transform: uppercase !important;
  font-size: 26px;
  font-weight: 500;
  text-align: center;
  background-color: #ffffff;
  padding: 0 20px 10px 20px;
  margin-top: -43px;
  margin-left: 10%;
  width: 80%;
  text-transform: none;
}


/****/

#ensino_fae #slides .slidesjs-control {
  margin: 0 auto;
  text-align: center;
  width: 455px !important;
  height: 350px !important;
  overflow: hidden;
  margin-top: 40px;
}

#ensino_fae #slides .slide {
  display: block;
  width: 100% !important;
  height: auto;
  text-align: center;
  margin: 0;
  color: #626262;
  font-size: 19px;
  font-weight: 500;
  font-family: "Roboto", "Arial Black", sans-serif;
}

#ensino_fae #slides .slide span {
  color: #c3a039;
  text-align: left;
  font-size: 24px;
  display: block;
  font-weight: 500;
  clear: both;
  font-family: "Roboto", "Arial Black", sans-serif;
}

#ensino_fae #slides .slide p {
  margin: 5px auto;
  color: #333333;
  font-family: "Open Sans", Arial, sans-serif;
  line-height: 24px;
  font-size: 15px;
  text-align: left;
  font-weight: normal;
  margin-top: 30px;
}

#ensino_fae #slides a:link, #ensino_fae #slides a:visited {
  background-color: transparent;
  padding: 10px 15px;
  font-weight: normal;
  color: #333333;
}

#ensino_fae #slides .slidesjs-previous {
  position: absolute;
  left: 5%;
  top: 50%;
}

#ensino_fae #slides .slidesjs-next {
  position: absolute;
  right: 7%;
  top: 50%;
}

#ensino_fae .slidesjs-container {
  height: auto !important;
}


/************************************* INSTITUCIONAL AFESBJ *******************************************************/

#institucional_afesbj .box {
  border: 2px solid;
  padding: 30px;
  margin-top: 50px;
  border-color: #0057a8;
}

#institucional_afesbj .box.azul h2 {
  color: #0057a8;
  font-size: 18px;
  font-weight: 500;
  text-align: left;
  background-color: #ffffff;
  padding: 0 20px 10px 20px;
  margin-top: -43px;
  width: 210px;
  text-transform: none;
}

#institucional_afesbj .box.azul ul {
  width: 50%;
  float: left;
}

#institucional_afesbj .box.azul ul li {
  color: #333333;
  font-family: "Open Sans", Arial, sans-serif;
  line-height: 24px;
  font-size: 14px;
  list-style-type: disc;
  margin-left: 20px;
}

#institucional_afesbj .box-dashed {
  border: 2px dashed;
  padding: 70px;
  margin-top: 50px;
  border-color: #d8c526;
  display: block;
}

#institucional_afesbj .box-dashed img {
  width: 119px;
  float: right;
  padding-left: 25px;
}

#institucional_afesbj .box-dashed.azul h2 {
  color: #0057a8;
  font-size: 28px;
  font-weight: 500;
  text-align: center;
  background-color: #e8e7b6;
  padding: 0 20px 10px 20px;
  margin-top: -90px;
  margin-left: 20%;
  width: 60%;
  text-transform: none;
}

#institucional_afesbj .box-dashed.azul h3 {
  color: #333333;
  font-size: 19px;
  text-align: center;
  padding: 0 20px 10px 20px;
  text-transform: none;
  font-weight: normal;
  line-height: 24px;
}

#institucional_afesbj .box-dashed.azul h3 span {
  color: #333333;
  font-size: 23px;
  font-weight: 500;
  line-height: 28px;
}

#institucional_afesbj .box-dashed.azul p {
  color: #333333;
  font-size: 14px;
  text-align: left;
  text-transform: none;
  font-weight: normal;
  line-height: 24px;
}

table.table.institucional.table-bordered thead {
  background-color: #983c0e;
  color: #ffffff;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 18px;
  text-align: center;
}

table.table.institucional.table-bordered thead tr th {
  text-align: center;
}

table.table.institucional.table-bordered tbody tr td {
  background-color: #d9ceab;
  color: #333333;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 14px;
  padding: 15px;
}

.table-bordered, .table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
  border: 1px solid #e8e7b6;
}


/************************************* SOCIAL AFESBJ *******************************************************/

#social_afesbj .box {
  border: 2px solid;
  padding: 30px;
  margin-top: 50px;
  border-color: #6a3c6f;
}

#social_afesbj .box.roxo h2 {
  color: #6a3c6f;
  font-size: 18px;
  font-weight: 500;
  text-align: left;
  background-color: #ffffff;
  padding: 0 20px 10px 20px;
  margin-top: -43px;
  width: 150px;
  text-transform: none;
}

#social_afesbj .box.roxo ul {
  width: 50%;
  float: left;
}

#social_afesbj .box.roxo ul li {
  color: #333333;
  font-family: "Open Sans", Arial, sans-serif;
  line-height: 24px;
  font-size: 14px;
  list-style-type: disc;
  margin-left: 20px;
}

#social_afesbj .box-dashed {
  border: 2px dashed;
  padding: 30px 30px 0 30px;
  margin-top: 50px;
  border-color: #a7a7a7;
  display: block;
}

#social_afesbj .box-dashed.roxo h2 {
  color: #6a3c6f;
  font-size: 28px;
  font-weight: 500;
  text-align: center;
  background-color: #e8e7b6;
  padding: 0 20px 10px 20px;
  margin-top: -46px;
  margin-left: 30%;
  width: 40%;
  text-transform: none;
}

#social_afesbj .box-dashed.roxo p {
  color: #333333;
  font-size: 14px;
  text-align: left;
  text-transform: none;
  font-weight: normal;
  line-height: 18px;
}

.statistic-pins {
  text-align: center;
}

.statistic-pins img {
  width: auto!important;
}

/*******************************TITULOS E TEXTOS*************************************/

h3.verde {
  color: #60996f !important;
  font-size: 24px;
  line-height: 28px !important;
  font-weight: 400 !important;
}

h2.cinza {
  color: #4e4e4e !important;
  font-size: 30px;
  line-height: 28px;
  font-weight: 400 !important;
  text-align: left !important;
}

h3.cinza {
  color: #4e4e4e !important;
  font-size: 28px !important;
  line-height: 28px !important;
  font-weight: 400 !important;
  text-align: left !important;
}

h2.branco {
  color: #ffffff !important;
  font-size: 32px;
  line-height: 40px;
  font-weight: 400 !important;
  text-align: left !important;
}

h3.branco {
  color: #ffffff !important;
  font-size: 24px !important;
  line-height: 30px !important;
  font-weight: 400 !important;
  text-align: left !important;
  text-transform: none !important;
  padding: 20px 0;
}

p.branco {
  color: #ffffff !important;
}

h2.roxo {
  color: #723f8a !important;
  font-size: 32px;
  line-height: 40px;
  font-weight: 400 !important;
  text-align: left !important;
}

h3.roxo {
  color: #723f8a !important;
  font-size: 24px !important;
  line-height: 30px !important;
  font-weight: 400 !important;
  text-align: left !important;
  text-transform: none !important;
  padding: 20px 0;
}

h3.ouro, h2.ouro {
  color: #c3a039 !important;
}

p.roxo {
  color: #723f8a !important;
}


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

.green {
  background-color: #c9e87e;
}
.bg-amarelo {
  background-color: #ead967;
}
.bg-amarelo-claro {
  background-color: #e8e7b6;
}
.bg-laranja {
  background-color: #ecc7c7;
}
.bg-roxo {
  background-color: #dad1de;
}
.modal-backdrop {
  z-index: 10400
}
.modal {
  z-index: 100050
}

/***SOBRE O RELATORIO***/

@media screen and (min-width: 768px) {
  #sobre_o_relatorio {
    background-image: url("../entendendo-o-relatorio/Borboleta-mundo.jpg");
    background-repeat: no-repeat;
    background-position: bottom center;
    padding-bottom: 390px;
    margin-bottom: -180px
  }
  .statistic-pins {
    white-space: nowrap;
  }
}

#sobre_o_relatorio .box-dashed {
  border: 2px dashed;
  padding: 30px;
  margin-top: 50px;
  border-color: #e1ba41;
}

#sobre_o_relatorio .box-dashed.amarelo h2 {
  color: #e1ba41;
  font-size: 25px;
  font-weight: 500;
  text-align: left;
  background-color: #ffffff;
  padding: 0 20px 10px 20px;
  margin-top: -50px;
  width: 33%;
  text-transform: none;
  margin-left: 33%;
  text-align: center;
}