@charset "UTF-8";
@font-face {
  font-family: 'brownbrown_bold';
  src: url("../../fonts/brown/bold/brown-bold.eot");
  src: url("../../fonts/brown/bold/brown-bold.eot?#iefix") format("embedded-opentype"), url("../../fonts/brown/bold/brown-bold.svg#brownbrown_bold") format("svg"), url("../../fonts/brown/bold/brown-bold.ttf") format("truetype"), url("../../fonts/brown/bold/brown-bold.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'frutiger_lt_45_lightregular';
  src: url("../../fonts/frutiger/45light/frutiger-lt-light.eot");
  src: url("../../fonts/frutiger/45light/frutiger-lt-light.eot?#iefix") format("embedded-opentype"), url("../../fonts/frutiger/45light/frutiger-lt-light.woff") format("woff"), url("../../fonts/frutiger/45light/frutiger-lt-light.ttf") format("truetype"), url("../../fonts/frutiger/45light/frutiger-lt-light.svg#frutiger_lt_45_lightregular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'frutiger_lt_45_lightbold';
  src: url("../../fonts/frutiger/65bold/frutiger-bold.eot");
  src: url("../../fonts/frutiger/65bold/frutiger-bold.eot?#iefix") format("embedded-opentype"), url("../../fonts/frutiger/65bold/frutiger-bold.svg#frutiger_lt_45_lightbold") format("svg"), url("../../fonts/frutiger/65bold/frutiger-bold.ttf") format("truetype"), url("../../fonts/frutiger/65bold/frutiger-bold.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'frutiger_lt_87_extrablackcnRg';
  src: url("../../fonts/frutiger/black/frutiger-lt-87-extra-black-condensed_3.eot");
  src: url("../../fonts/frutiger/black/frutiger-lt-87-extra-black-condensed_3.eot?#iefix") format("embedded-opentype"), url("../../fonts/frutiger/black/frutiger-lt-87-extra-black-condensed_3.svg#frutiger_lt_87_extrablackcnRg") format("svg"), url("../../fonts/frutiger/black/frutiger-lt-87-extra-black-condensed_3.ttf") format("truetype"), url("../../fonts/frutiger/black/frutiger-lt-87-extra-black-condensed_3.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

/* ==========================================================================
    Palheta de cores
============================================================================= */
/* ==========================================================================
	Fontes
============================================================================= */
/* ==========================================================================
    Largura
============================================================================= */
/* ==========================================================================
    Geral
============================================================================= */
* {
  border: none;
  outline: none;
  color: inherit;
  font-size: inherit;
  list-style: inherit;
  font-family: inherit;
  line-height: inherit;
  border-collapse: inherit; }

html, body {
  height: 100%; }

body {
  color: #324248;
  font-family: "frutiger_lt_45_lightregular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  overflow-x: hidden;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased; }

:focus {
  outline: 1px dotted !important; }
  :focus {
    outline: none\9 !important; }

a:active {
  outline: 0 dotted !important; }
  a:active {
    outline: none\9 !important; }

::selection {
  background: rgba(37, 78, 121, 0.9);
  color: #fff;
  text-shadow: none; }

::-moz-selection {
  background: rgba(37, 78, 121, 0.9);
  color: #fff;
  text-shadow: none; }

a {
  text-decoration: none;
  transition: all 400ms linear; }

ul, ol, li {
  list-style: none; }

h1, h2, h3, h4, h5, h6, address {
  font-weight: normal; }

address {
  font-style: normal; }

p {
  margin-top: 12px;
  font-size: 14px;
  text-align: justify;
  line-height: 16px; }

button,
input[type="submit"] {
  padding: 0;
  margin: 0;
  cursor: pointer;
  transition: all 500ms ease;
  background-color: transparent; }

strong,
b {
  font-weight: bold; }

/* ==========================================================================
   border-box
============================================================================= */
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* ==========================================================================
   Form
============================================================================= */
label {
  display: block;
  font: 20px "frutiger_lt_45_lightregular", Arial, Helvetica, sans-serif;
  color: #8aadb8;
  margin-top: 19px;
  text-transform: uppercase; }
  label input {
    background-color: #fff; }

textarea {
  width: 970px;
  height: 160px; }

label input,
textarea {
  font-family: "frutiger_lt_45_lightregular", Arial, Helvetica, sans-serif;
  margin-top: 5px;
  padding: 5px;
  display: block; }

select {
  width: 100%;
  margin-top: 10px;
  background-color: #fff;
  font: 14px Arial, Helvetica, sans-serif; }

::-webkit-input-placeholder {
  opacity: 1; }

::-moz-placeholder {
  opacity: 1; }

/* firefox 19+ */
:-ms-input-placeholder {
  opacity: 1; }

/* ie */
input:-moz-placeholder {
  opacity: 1; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input {
    line-height: 0 !important; } }
::-webkit-input-placeholder {
  color: #3d8eb8; }

::-moz-placeholder {
  color: #3d8eb8; }

/* firefox 19+ */
:-ms-input-placeholder {
  color: #3d8eb8; }

/* ie */
input:-moz-placeholder {
  color: #3d8eb8; }

/* ==========================================================================
   Form / Tamanhos
============================================================================= */
.w970 input {
  width: 970px; }

.w640 input {
  width: 640px; }

.w475 input {
  width: 475px; }

.w472 input {
  width: 472px; }

.w390 input {
  width: 390px; }

.w310 input {
  width: 310px; }

.w305 input {
  width: 305px; }

.w225 input {
  width: 225px; }

/* ==========================================================================
   noscript
============================================================================= */
noscript .overlay {
  background-color: #000000;
  position: fixed;
  color: #000000;
  height: 100%;
  z-index: 1000000;
  width: 100%;
  opacity: 0.80; }
noscript .mensagem {
  background-image: url(../imgs/geral/alert.png);
  background-position: left top;
  background-repeat: no-repeat;
  padding: 45px 0 0 140px;
  position: absolute;
  font-size: 15px;
  z-index: 1000001;
  width: 400px;
  height: 90px;
  color: #ffffff;
  left: 50%;
  top: 50%;
  margin: -67px 0 0 -245px; }

/* ==========================================================================
   customForm
============================================================================= */
.customHidden,
.customInputFileHidden {
  visibility: hidden; }

/* ==========================================================================
	Editor
============================================================================= */
.editor a {
  color: #3d8eb8; }
.editor b,
.editor strong {
  font-weight: bold; }
.editor ul {
  color: #1a1f1e;
  display: block;
  margin: 15px 0; }
  .editor ul li {
    margin: 10px 0 10px 13px;
    list-style: disc !important; }
.editor ol {
  margin: 15px 0;
  padding-left: 0; }
  .editor ol li {
    margin: 10px 0 10px 13px;
    list-style: decimal; }
.editor table {
  border-collapse: collapse;
  margin: 20px 0 20px 0; }
  .editor table td {
    background-color: #f1f1f1;
    border: 1px solid #fff;
    padding: 10px; }
  .editor table thead td {
    color: #254e79;
    font-weight: bold; }

.container {
  width: 970px;
  margin: 0 auto; }

/* ==========================================================================
	BxSlider
============================================================================= */
a.disabled {
  display: none !important; }

/* ==========================================================================
    Mixin
============================================================================= */
/* ==========================================================================
    Fancybox
============================================================================= */
.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important; }

.fancybox-lock {
  overflow: visible !important;
  width: auto; }

/* ==========================================================================
    Tudo
============================================================================= */
.tudo {
  max-width: 1920px;
  min-height: 100%;
  margin: 0 auto;
  position: relative;
  background: url(../../imgs/bg-internas.jpg) center 158px no-repeat; }

/* ==========================================================================
    Topo
============================================================================= */
.topo {
  width: 100%;
  display: inline-block;
  margin: 0 auto;
  background: url(../../imgs/geral/bg-topo.jpg) center top no-repeat; }
  .topo > div {
    width: 970px;
    margin: 0 auto;
    padding: 40px 0 0 0; }
    .topo > div h1 {
      display: inline-block; }
    .topo > div > div {
      float: right; }
      .topo > div > div .nav-menu.t2 {
        float: left;
        margin: 23px 0; }
      .topo > div > div .nav-menu.t1.bg-cores ul li:nth-child(1) a {
        background-color: #324248;
        background-color: #324248; }
        .topo > div > div .nav-menu.t1.bg-cores ul li:nth-child(1) a:hover, .topo > div > div .nav-menu.t1.bg-cores ul li:nth-child(1) a.sel {
          color: #fff;
          background-color: #3fbbbf; }
      .topo > div > div .nav-menu.t1.bg-cores ul li:nth-child(2) a {
        color: #fff;
        background-color: #78959e; }
        .topo > div > div .nav-menu.t1.bg-cores ul li:nth-child(2) a:hover, .topo > div > div .nav-menu.t1.bg-cores ul li:nth-child(2) a.sel {
          color: #fff;
          background-color: #3fbbbf; }

/* ==========================================================================
    Pesquisar
============================================================================= */
.pesquisar {
  width: 140px;
  height: 40px;
  display: block;
  float: right;
  background-color: #dbdbd4; }
  .pesquisar label {
    margin: 0;
    display: block;
    float: left; }
    .pesquisar label input {
      width: 93px;
      height: 40px;
      display: block;
      font-size: 11px;
      padding: 0 0 0 10px;
      text-transform: uppercase;
      background: transparent;
      margin: 0;
      line-height: 20px !important; }
      @media screen and (-webkit-min-device-pixel-ratio: 0) {
        .pesquisar label input {
          text-transform: uppercase; } }
  .pesquisar button {
    padding: 10px 8px;
    display: block;
    float: right; }
    .pesquisar button img {
      transition: all 400ms linear; }
    .pesquisar button:hover img {
      opacity: 0.7; }

/* ==========================================================================
    Faça sua pesquisa
============================================================================= */
.faca-sua-pesquisa {
  width: 1450px;
  height: 180px;
  position: relative;
  margin: 0 0 0 -230px;
  padding-top: 40px;
  background-color: #3d8eb8; }
  .faca-sua-pesquisa > div form fieldset legend {
    font: 27px "brownbrown_bold", Arial, Helvetica, sans-serif;
    display: block;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 35px; }
  .faca-sua-pesquisa > div form fieldset label {
    width: 325px;
    height: 40px;
    margin: 0;
    float: left;
    background-color: #fff; }
    .faca-sua-pesquisa > div form fieldset label input {
      width: 300px;
      font-size: 11px;
      text-transform: uppercase;
      line-height: 20px !important; }
  .faca-sua-pesquisa > div form fieldset button {
    width: 20px;
    height: 40px;
    margin-left: -25px;
    display: inline-block;
    vertical-align: middle; }
    .faca-sua-pesquisa > div form fieldset button:hover {
      opacity: 0.7; }

/* ==========================================================================
    Menu
============================================================================= */
.nav-menu {
  clear: both; }
  .nav-menu ul li {
    display: inline-block;
    vertical-align: top;
    position: relative; }
    .nav-menu ul li a {
      font-size: 11px;
      text-transform: uppercase;
      color: #fff;
      text-align: center;
      letter-spacing: -0.5px;
      transition: all 400ms linear; }
      @media screen and (-webkit-min-device-pixel-ratio: 0) {
        .nav-menu ul li a {
          letter-spacing: 0; } }
@-moz-document url-prefix() {
  .nav-menu ul li a {
    letter-spacing: 0; } }
    .nav-menu ul li .sub-menu {
      min-width: 198px;
      position: absolute;
      z-index: 100000;
      top: 38px;
      padding-top: 24px;
      display: none; }
      .nav-menu ul li .sub-menu::before {
        content: url(../../imgs/geral/icones/seta-cima.png);
        display: block;
        position: absolute;
        top: 9px;
        left: 15px; }
      .nav-menu ul li .sub-menu > li {
        display: block;
        margin: 0 !important; }
        .nav-menu ul li .sub-menu > li a {
          height: 40px;
          padding: 0 9px;
          display: block;
          font: 11px "frutiger_lt_45_lightregular", Arial, Helvetica, sans-serif;
          line-height: 40px;
          color: #fff;
          background-color: #3d8eb8;
          text-transform: uppercase;
          border: 1px solid transparent;
          transition: all 500ms linear;
          background-color: #254e79 !important; }
          .nav-menu ul li .sub-menu > li a:hover {
            background-color: #3d8eb8 !important; }
    .nav-menu ul li:hover .sub-menu {
      display: block; }
  .nav-menu.t1 {
    float: right; }
    .nav-menu.t1 ul li {
      margin-left: 9px; }
      .nav-menu.t1 ul li:first-child {
        margin-left: 0; }
      .nav-menu.t1 ul li a {
        height: 40px;
        padding: 0 9px;
        display: block;
        font: 11px "frutiger_lt_45_lightregular", Arial, Helvetica, sans-serif;
        line-height: 40px;
        color: #fff;
        background-color: #3d8eb8;
        text-transform: uppercase;
        border: 1px solid transparent;
        transition: all 500ms linear; }
        .nav-menu.t1 ul li a.sel {
          background-color: #254e79; }
      .nav-menu.t1 ul li:hover a {
        background-color: #254e79; }
  .nav-menu.t1.bg-cores {
    float: right; }
    .nav-menu.t1.bg-cores ul li a {
      text-transform: none;
      font-size: 14px;
      background-color: #78959e; }
      .nav-menu.t1.bg-cores ul li a:hover, .nav-menu.t1.bg-cores ul li a.sel {
        background-color: #48d7dc; }
    .nav-menu.t1.bg-cores ul li:nth-child(2) a {
      color: #3d8eb8;
      background-color: #f0f0eb; }
      .nav-menu.t1.bg-cores ul li:nth-child(2) a:hover, .nav-menu.t1.bg-cores ul li:nth-child(2) a.sel {
        color: #fff;
        background-color: #3fbbbf; }
  .nav-menu.t2 ul li {
    margin-left: 30px; }
    .nav-menu.t2 ul li:first-child {
      margin-left: 0; }
    .nav-menu.t2 ul li a:hover,
    .nav-menu.t2 ul li a.sel {
      color: #dbdbd4; }
  .nav-menu.t3 {
    width: 100%;
    margin-top: 35px;
    float: left; }
    .nav-menu.t3 > ul {
      width: 100%; }
      .nav-menu.t3 > ul > li {
        height: auto;
        margin-left: 86px; }
        .nav-menu.t3 > ul > li:first-child {
          margin-left: 0; }
        .nav-menu.t3 > ul > li ::i-block-chrome, .nav-menu.t3 > ul > li {
          margin-left: 86px; }
        .nav-menu.t3 > ul > li > a {
          font-size: 14px;
          text-transform: none;
          color: #254e79; }
          .nav-menu.t3 > ul > li > a.sel {
            color: #3d8eb8; }
        .nav-menu.t3 > ul > li .sub-menu {
          top: 15px !important;
          padding-top: 25px; }
          .nav-menu.t3 > ul > li .sub-menu:before {
            top: 10px; }
        .nav-menu.t3 > ul > li:hover > a {
          color: #3d8eb8; }
        .nav-menu.t3 > ul > li:hover .sub-menu {
          display: block; }

/* ==========================================================================
    Principal
============================================================================= */
.principal {
  width: 970px;
  margin: 60px auto 20px; }
  .principal > div {
    width: 100%;
    display: inline-block; }

/* ==========================================================================
    Lista 1
============================================================================= */
.lista-1 li {
  width: 100%;
  display: inline-block;
  padding-bottom: 20px;
  padding-top: 20px;
  border-bottom: 1.5px solid #bebebd; }
  .lista-1 li > span:first-child {
    display: block;
    font: 27px "brownbrown_bold", Arial, Helvetica, sans-serif;
    color: #8aadb8;
    text-transform: uppercase;
    margin-bottom: 20px; }
  .lista-1 li time,
  .lista-1 li .subtitulo {
    color: #8aadb8;
    transition: all 300ms linear; }
  .lista-1 li .subtitulo {
    font-size: 20px;
    margin: 0 0 10px 0; }
  .lista-1 li p {
    margin-bottom: 20px; }
  .lista-1 li p,
  .lista-1 li span {
    transition: all 500ms linear; }
  .lista-1 li .download,
  .lista-1 li span:last-child {
    float: left;
    transition: all 500ms linear;
    height: 30px;
    padding: 0 9px;
    display: block;
    font: 14px "brownbrown_bold", Arial, Helvetica, sans-serif;
    line-height: 33px;
    color: #fff;
    background-color: #3d8eb8;
    text-transform: uppercase;
    border: 1px solid transparent;
    transition: all 500ms linear; }
    .lista-1 li .download:hover,
    .lista-1 li span:last-child:hover {
      background-color: #fff;
      color: #3d8eb8;
      border: 1px solid #3d8eb8; }
  .lista-1 li .institucional {
    height: auto;
    padding: 0;
    font: 14px "brownbrown_bold", Arial, Helvetica, sans-serif;
    line-height: none;
    background-color: transparent;
    transition: all 500ms linear; }
    .lista-1 li .institucional .titulo {
      padding: 0;
      border: none;
      background-color: transparent;
      font: 27px "brownbrown_bold", Arial, Helvetica, sans-serif;
      color: #8aadb8;
      text-transform: uppercase;
      display: block; }
      .lista-1 li .institucional .titulo:hover {
        background-color: transparent;
        color: #3d8eb8;
        border: none !important; }
    .lista-1 li .institucional p {
      font-family: "frutiger_lt_45_lightregular", Arial, Helvetica, sans-serif; }
  .lista-1 li a:hover p {
    color: #8aadb8; }
  .lista-1 li a:hover span:last-child {
    border: 1px solid #3d8eb8;
    background-color: #fff;
    color: #3d8eb8; }
.lista-1.linha-top {
  margin-top: 40px;
  padding-top: 20px;
  border-top: 1.5px solid #bebebd; }

/* ==========================================================================
    Lista 2
============================================================================= */
.lista-2 {
  width: 100%;
  float: left;
  padding-bottom: 40px;
  margin-bottom: 20px;
  border-bottom: 2px solid #dbdbd4; }
  .lista-2 > li {
    width: 100%;
    float: left;
    clear: both;
    display: inline-block;
    margin-top: 40px; }
    .lista-2 > li:first-child {
      margin-top: 0; }
    .lista-2 > li a, .lista-2 > li {
      transition: all 500ms linear; }
      .lista-2 > li a time,
      .lista-2 > li a .subtitulo,
      .lista-2 > li a .autor, .lista-2 > li time,
      .lista-2 > li .subtitulo,
      .lista-2 > li .autor {
        display: block;
        clear: both;
        color: #8aadb8; }
      .lista-2 > li a time, .lista-2 > li time {
        margin-bottom: 5px; }
      .lista-2 > li a .titulo-interna-1, .lista-2 > li .titulo-interna-1 {
        margin-bottom: 5px; }
      .lista-2 > li a .subtitulo, .lista-2 > li .subtitulo {
        margin: 0 0 5px 0;
        font-size: 20px; }
      .lista-2 > li a .autor, .lista-2 > li .autor {
        margin: 0 0 20px 0; }
      .lista-2 > li a span, .lista-2 > li span {
        float: left;
        margin-top: 20px;
        clear: both;
        height: 30px;
        padding: 0 9px;
        display: block;
        font: 14px "brownbrown_bold", Arial, Helvetica, sans-serif;
        line-height: 30px;
        color: #fff;
        background-color: #3d8eb8;
        text-transform: uppercase;
        border: 1px solid transparent;
        transition: all 500ms linear; }
      .lista-2 > li a:hover, .lista-2 > li:hover {
        color: #8aadb8; }
        .lista-2 > li a:hover span, .lista-2 > li:hover span {
          background-color: #fff;
          color: #3d8eb8;
          border: 1px solid #3d8eb8; }

/* ==========================================================================
    Lista categorias
============================================================================= */
.lista-categorias {
  width: 100%;
  display: block;
  margin: 20px 0; }
  .lista-categorias li {
    display: block;
    float: left;
    margin-right: 10px; }
    .lista-categorias li:last-child {
      margin-right: 0; }
    .lista-categorias li a {
      color: #254e79;
      font-size: 20px;
      line-height: 20px; }
      .lista-categorias li a::after {
        content: ";"; }
      .lista-categorias li a:hover {
        color: #3d8eb8; }

/* ==========================================================================
    Estilo interna
============================================================================= */
.titulo-interna-1 {
  width: 100%;
  display: block;
  margin: 5px 0 20px 0;
  font: 27px "brownbrown_bold", Arial, Helvetica, sans-serif;
  color: #254e79;
  text-transform: uppercase; }

.titulo-interna-2 {
  font: 20px "brownbrown_bold", Arial, Helvetica, sans-serif;
  color: #dbdbd4;
  text-transform: uppercase;
  margin-bottom: 15px; }

.clear {
  padding-bottom: 305px; }

/* ==========================================================================
    Icon
============================================================================= */
.icon-mid li::before {
  width: 6px;
  height: 6px;
  content: "";
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
  background: #8aadb8; }
.icon-mid li p {
  margin-top: 0;
  width: 950px;
  display: inline-block;
  vertical-align: top; }
.icon-mid.bg-mid-azul li::before {
  background-color: #3f5258; }
.icon-mid.bg-mid-branco li::before {
  background-color: #fff; }

/* ==========================================================================
    Título destaque
============================================================================= */
.titulo-estilo {
  width: 970px;
  height: 65px;
  display: block;
  clear: both;
  font: 27px/70px "brownbrown_bold", Arial, Helvetica, sans-serif;
  position: relative;
  z-index: 100;
  text-transform: uppercase;
  color: #fff;
  padding-left: 20px;
  background-color: #3d8eb8; }
  .titulo-estilo::after {
    content: "";
    width: 28px;
    height: 15px;
    display: block;
    margin-left: 2px;
    position: absolute;
    z-index: 100;
    top: 65px;
    background: no-repeat center top;
    background-image: url(../../imgs/geral/icones/seta.png); }
  .titulo-estilo.color-2 {
    background-color: #8aadb8; }
    .titulo-estilo.color-2::after {
      background-image: url(../../imgs/geral/icones/seta-2.png); }

/* ==========================================================================
   Form / Receber e-mail
============================================================================= */
.receber-emails {
  clear: both;
  float: left;
  margin-bottom: 20px; }
  .receber-emails .customInputCheckBox {
    width: 18px;
    height: 18px;
    display: block;
    float: left;
    background: url(../../imgs/geral/icones/bg-check.png) center no-repeat; }
    .receber-emails .customInputCheckBox.customInputCheckBoxChecked {
      background: url(../../imgs/geral/icones/check.png) center no-repeat; }
    .receber-emails .customInputCheckBox a {
      width: 18px;
      height: 18px;
      display: block; }
  .receber-emails label {
    display: inline-block;
    margin-top: 2px;
    padding-left: 10px;
    font: 14px/14px "frutiger_lt_45_lightregular", Arial, Helvetica, sans-serif;
    color: #324248; }
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    .receber-emails label {
      line-height: 16px; } }

/* ==========================================================================
    Enviar
============================================================================= */
.btn-enviar {
  clear: both;
  height: 30px;
  padding: 0 9px;
  display: block;
  font: 18px "brownbrown_bold", Arial, Helvetica, sans-serif;
  line-height: 33px;
  color: #fff;
  background-color: #3d8eb8;
  text-transform: uppercase;
  border: 1px solid transparent;
  transition: all 500ms linear; }
  .btn-enviar:hover {
    background: #fff;
    color: #3d8eb8;
    border: 1px solid #3d8eb8; }

/* ==========================================================================
    Agradecimento
============================================================================= */
.agradecimento {
  width: 1450px;
  height: 177px;
  display: inline-block;
  clear: both;
  color: #324248;
  background-color: #3d8eb8;
  padding-top: 40px;
  margin: 52px 0 0 -230px; }
  .agradecimento > div {
    color: #fff; }
    .agradecimento > div > span {
      font: 27px "brownbrown_bold", Arial, Helvetica, sans-serif;
      display: block;
      text-transform: uppercase;
      margin-bottom: 10px; }
    .agradecimento > div a {
      clear: both;
      float: left;
      margin-top: 100px;
      height: 30px;
      padding: 0 9px;
      display: block;
      font: 18px "brownbrown_bold", Arial, Helvetica, sans-serif;
      line-height: 33px;
      color: #fff;
      background-color: #3d8eb8;
      text-transform: uppercase;
      border: 1px solid transparent;
      transition: all 500ms linear; }
      .agradecimento > div a:hover {
        color: #3d8eb8;
        background-color: #fff;
        border: 1px solid #3d8eb8; }

/* ==========================================================================
    Galeria de Fotos
============================================================================= */
.galeria-de-fotos, .galeria-de-videos {
  position: relative;
  margin-bottom: 40px; }
  .galeria-de-fotos .bx-wrapper, .galeria-de-videos .bx-wrapper {
    margin: 0 auto; }
  .galeria-de-fotos .bx-viewport, .galeria-de-videos .bx-viewport {
    position: relative;
    z-index: 1; }
    .galeria-de-fotos .bx-viewport ul li a, .galeria-de-videos .bx-viewport ul li a {
      width: 120px;
      height: 120px;
      display: block;
      overflow: hidden; }
      .galeria-de-fotos .bx-viewport ul li a img, .galeria-de-videos .bx-viewport ul li a img {
        transition: all 600ms ease; }
      .galeria-de-fotos .bx-viewport ul li a:hover img, .galeria-de-videos .bx-viewport ul li a:hover img {
        transform: scale(1.1); }
  .galeria-de-fotos .bx-controls, .galeria-de-videos .bx-controls {
    width: 100%;
    position: absolute;
    top: 60%;
    left: 0;
    z-index: 0; }
    .galeria-de-fotos .bx-controls .bx-controls-direction a, .galeria-de-videos .bx-controls .bx-controls-direction a {
      width: 14px;
      height: 16px;
      position: absolute;
      z-index: 100;
      display: block;
      color: transparent;
      text-indent: -10000px; }
      .galeria-de-fotos .bx-controls .bx-controls-direction a.bx-prev, .galeria-de-videos .bx-controls .bx-controls-direction a.bx-prev {
        left: 0;
        background: url(../../imgs/geral/icones/seta-esquerda-galeria.png) center no-repeat; }
      .galeria-de-fotos .bx-controls .bx-controls-direction a.bx-next, .galeria-de-videos .bx-controls .bx-controls-direction a.bx-next {
        right: 0;
        background: url(../../imgs/geral/icones/seta-direita-galeria.png) center no-repeat; }

/* ==========================================================================
    Galeria de Videos
============================================================================= */
/* ==========================================================================
    paginacao
============================================================================= */
.paginacao {
  width: 100%;
  float: left;
  margin-top: 20px; }
  .paginacao > div {
    width: 270px;
    height: 16px;
    line-height: 18px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    color: #3d8eb8;
    clear: both; }
    .paginacao > div .anterior,
    .paginacao > div .proximo {
      top: 0;
      position: absolute;
      text-transform: uppercase; }
      .paginacao > div .anterior::before, .paginacao > div .anterior::after,
      .paginacao > div .proximo::before,
      .paginacao > div .proximo::after {
        content: "";
        width: 15px;
        height: 15px;
        display: block; }
      .paginacao > div .anterior.anterior,
      .paginacao > div .proximo.anterior {
        left: 0; }
        .paginacao > div .anterior.anterior::before,
        .paginacao > div .proximo.anterior::before {
          float: left;
          margin-right: 10px;
          background: url(../../imgs/geral/icones/seta-esquerda.png) left center no-repeat; }
      .paginacao > div .anterior.proximo,
      .paginacao > div .proximo.proximo {
        right: 0; }
        .paginacao > div .anterior.proximo::before,
        .paginacao > div .proximo.proximo::before {
          float: right;
          margin-left: 10px;
          background: url(../../imgs/geral/icones/seta-direita.png) right center no-repeat; }
      .paginacao > div .anterior:hover,
      .paginacao > div .proximo:hover {
        color: #8aadb8; }
    .paginacao > div > div span {
      font-family: "brownbrown_bold", Arial, Helvetica, sans-serif; }
    .paginacao > div > div a:hover {
      font-family: "brownbrown_bold", Arial, Helvetica, sans-serif; }

/* ==========================================================================
    Rodape
============================================================================= */
.rodape {
  width: 100%;
  position: absolute;
  bottom: 0;
  clear: both;
  padding: 20px 0 40px 0;
  background: #fff; }
  .rodape::before {
    content: "";
    display: block;
    max-width: 1450px;
    margin: 0 auto;
    border-top: 1px solid #edede9; }
  .rodape > div {
    width: 970px;
    margin: 0 auto; }
    .rodape > div .nav-menu {
      clear: none; }
      .rodape > div .nav-menu.t1 ul li .sub-menu {
        top: -255px; }
      .rodape > div .nav-menu.t1, .rodape > div .nav-menu.t1.bg-cores {
        float: left; }
      .rodape > div .nav-menu.t1.bg-cores ul li:nth-child(1) a {
        background-color: #8aadb8; }
        .rodape > div .nav-menu.t1.bg-cores ul li:nth-child(1) a:hover {
          background-color: #48d7dc; }
      .rodape > div .nav-menu.t1.bg-cores ul li:nth-child(2) a:hover {
        background-color: #8aadb8; }
      .rodape > div .nav-menu.t1.bg-cores.right {
        float: right; }
      .rodape > div .nav-menu.t2 {
        margin: 24px 0;
        clear: both;
        float: left; }
        .rodape > div .nav-menu.t2 ul li a {
          color: #8aadb8; }
          .rodape > div .nav-menu.t2 ul li a:hover, .rodape > div .nav-menu.t2 ul li a.sel {
            color: #254e79; }
      .rodape > div .nav-menu.t3 {
        margin-bottom: 40px; }
        .rodape > div .nav-menu.t3 ul li .sub-menu {
          padding-top: 0;
          top: -340px !important; }
          .rodape > div .nav-menu.t3 ul li .sub-menu.imprensa {
            top: -220px !important; }
      .rodape > div .nav-menu .sub-menu {
        padding: 0 0 20px 0; }
        .rodape > div .nav-menu .sub-menu::before {
          content: "" !important; }
        .rodape > div .nav-menu .sub-menu::after {
          content: url(../../imgs/geral/icones/seta-cima.png);
          display: block;
          position: absolute;
          bottom: 6px;
          left: 15px;
          margin-left: 15px;
          clear: both;
          transform: rotate(180deg); }
    .rodape > div > div {
      width: 725px;
      float: left; }
      .rodape > div > div .pesquisar {
        background: #f0f0eb; }
    .rodape > div .agencia-digital-clicknow {
      display: block;
      float: right;
      font-size: 11px;
      text-transform: uppercase;
      color: #8aadb8;
      margin-top: 20px;
      transition: all 300ms linear; }
      .rodape > div .agencia-digital-clicknow:hover {
        color: #254e79; }

/* ==========================================================================
    Body
============================================================================= */
body {
  background: url(../../imgs/home/bg-home.png) center 157px no-repeat; }

/* ==========================================================================
    Principal
============================================================================= */
.principal {
  width: 100%;
  background: url(../../imgs/home/a-fundacao-apoia.png) center top no-repeat; }

/* ==========================================================================
    Bloco esquerdo
============================================================================= */
.bloco-esquerdo {
  float: left; }
  .bloco-esquerdo article {
    width: 444px;
    color: #fff;
    display: inline-block;
    margin: 40px 0 0 0; }
    .bloco-esquerdo article header {
      margin-bottom: 30px; }
      .bloco-esquerdo article header h1 {
        font: 40px "brownbrown_bold", Arial, Helvetica, sans-serif;
        text-transform: uppercase;
        display: block;
        filter: blur(2px);
        animation: anima-fadein-texto 2s ease; }
      .bloco-esquerdo article header p {
        font-size: 27px;
        line-height: 30px;
        text-align: none;
        text-transform: lowercase;
        margin: 0;
        animation: anima-fadein-texto 2s ease 100ms; }
    .bloco-esquerdo article p {
      font-size: 14px;
      animation: fadein 2s ease; }
    .bloco-esquerdo article footer a {
      display: block;
      margin-top: 40px;
      font-size: 27px; }
      .bloco-esquerdo article footer a:hover {
        color: #dbdbd4; }

/* ==========================================================================
    Animação A FUNCATE APOIA
============================================================================= */
@keyframes anima-fadein-texto {
  0% {
    opacity: 0;
    margin-left: 50px; }
  100% {
    margin-left: 0;
    opacity: 1; } }
@keyframes fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
/* ==========================================================================
    Bloco direito
============================================================================= */
.bloco-direito {
  width: 447px;
  float: right;
  overflow: hidden; }
  .bloco-direito > div {
    width: 447px;
    position: relative;
    margin-top: 32px;
    position: relative; }
    .bloco-direito > div > p {
      font: 40px "brownbrown_bold", Arial, Helvetica, sans-serif;
      text-transform: uppercase;
      color: #254e79;
      text-align: center;
      display: block;
      margin-bottom: 8px; }
      .bloco-direito > div > p > span {
        font: 27px "frutiger_lt_45_lightregular", Arial, Helvetica, sans-serif;
        color: #8aadb8;
        text-transform: lowercase; }
    .bloco-direito > div > div {
      height: 492px;
      background-color: #dbdbd4; }
      .bloco-direito > div > div ul li > div {
        height: 324px;
        position: relative; }
        .bloco-direito > div > div ul li > div .mascara {
          width: 100%;
          height: 13px;
          display: block;
          position: absolute;
          bottom: 13px;
          background: #324248 url(../../imgs/home/mascara-slider-instituicao.png) center bottom no-repeat; }
        .bloco-direito > div > div ul li > div img {
          margin-bottom: -126px; }
        .bloco-direito > div > div ul li > div > div {
          width: 447px;
          vertical-align: middle;
          margin-top: 123px;
          position: relative;
          color: #fff;
          font-size: 18px;
          padding: 15px 20px;
          background-color: #324248; }
          .bloco-direito > div > div ul li > div > div .titulo span {
            font-size: 18px;
            text-transform: uppercase;
            display: block; }
          .bloco-direito > div > div ul li > div > div .titulo:hover {
            color: #3d8eb8; }
          .bloco-direito > div > div ul li > div > div p {
            font-size: 18px;
            margin: 0; }
      .bloco-direito > div > div ul li .box {
        margin: 5px 20px 0 20px;
        display: block;
        font-size: 14px;
        color: #324248; }
        .bloco-direito > div > div ul li .box .subtitulo,
        .bloco-direito > div > div ul li .box > a .subtitulo {
          text-transform: uppercase;
          font-size: 11px;
          font-weight: bold;
          color: #3d8eb8;
          display: block;
          margin-bottom: 15px; }
        .bloco-direito > div > div ul li .box > p,
        .bloco-direito > div > div ul li .box > a > p {
          margin: 0 0 35px 0; }
        .bloco-direito > div > div ul li .box > span,
        .bloco-direito > div > div ul li .box > a > span {
          display: block;
          font-size: 11px;
          text-transform: uppercase;
          transition: all 400ms linear;
          color: #8aadb8; }
        .bloco-direito > div > div ul li .box a:hover,
        .bloco-direito > div > div ul li .box a:hover span {
          color: #3d8eb8; }
      .bloco-direito > div > div .bx-controls {
        bottom: 200px; }

/* ==========================================================================
    Pager
============================================================================= */
.bx-controls {
  position: absolute;
  right: 20px;
  z-index: 100; }
  .bx-controls .bx-pager .bx-pager-item {
    width: 20px;
    height: 20px;
    margin-left: 10px;
    background: rgba(119, 145, 153, 0.9);
    display: inline-block; }
    .bx-controls .bx-pager .bx-pager-item:first-child {
      margin-left: 0; }
    .bx-controls .bx-pager .bx-pager-item a {
      width: 20px;
      height: 20px;
      display: block;
      color: transparent;
      position: relative;
      z-index: 1000;
      text-indent: -9999px; }
      .bx-controls .bx-pager .bx-pager-item a:hover, .bx-controls .bx-pager .bx-pager-item a.active {
        background: url(../../imgs/geral/icones/active.png) center no-repeat; }

/* ==========================================================================
    Slider funcate em ação
============================================================================= */
.slider-funcate-em-acao {
  width: 970px;
  height: 220px;
  overflow: hidden;
  display: block;
  position: relative;
  clear: both; }
  .slider-funcate-em-acao ul li {
    display: block;
    float: left;
    position: relative;
    z-index: 10; }
    .slider-funcate-em-acao ul li > div,
    .slider-funcate-em-acao ul li a > div {
      width: 970px;
      height: 75px;
      padding: 15px 20px 10px 20px;
      position: absolute;
      bottom: 0;
      left: 0;
      z-index: 100;
      background-color: rgba(50, 66, 72, 0.9); }
      .slider-funcate-em-acao ul li > div p,
      .slider-funcate-em-acao ul li a > div p {
        font-size: 20px;
        margin: 0;
        transition: all 400ms linear;
        color: #fff; }
      .slider-funcate-em-acao ul li > div p.titulo,
      .slider-funcate-em-acao ul li a > div p.titulo {
        font: 22px "brownbrown_bold", Arial, Helvetica, sans-serif;
        display: block;
        color: #8aadb8;
        text-transform: uppercase; }
    .slider-funcate-em-acao ul li:hover p,
    .slider-funcate-em-acao ul li a:hover p {
      color: #8aadb8; }
  .slider-funcate-em-acao .bx-controls {
    right: 20px;
    bottom: 20px; }

/* ==========================================================================
    Projetos recentes
============================================================================= */
.projetos-recentes {
  max-height: 573px;
  margin-top: 40px;
  position: relative; }
  .projetos-recentes::before {
    content: url(../../imgs/home/projetos-recentes.png);
    width: 21px;
    height: 238px;
    display: block;
    position: absolute;
    left: 0;
    top: 0; }
  .projetos-recentes > div {
    width: 940px;
    max-height: 573px;
    position: relative;
    float: right; }
    .projetos-recentes > div .destaque {
      width: 613px;
      height: 286px;
      display: block;
      float: left;
      overflow: hidden;
      margin-bottom: 40px; }
      .projetos-recentes > div .destaque span {
        width: 341px;
        height: 286px;
        display: block;
        float: left;
        background: url(../../imgs/home/mascara-seta-direita.png) right center no-repeat; }
        .projetos-recentes > div .destaque span img {
          position: relative;
          z-index: -1;
          transition: all 600ms ease; }
      .projetos-recentes > div .destaque > div {
        width: 272px;
        height: 286px;
        display: table-cell;
        vertical-align: middle;
        padding: 0 40px 0 25px;
        background-color: #f0f0eb;
        font-size: 14px;
        line-height: 16px;
        text-align: justify;
        color: #324248;
        transition: all 600ms ease; }
        .projetos-recentes > div .destaque > div .titulo {
          font-size: 27px;
          color: #8aadb8;
          margin: 0 0 10px 0;
          line-height: 32px;
          word-spacing: -1px; }
      .projetos-recentes > div .destaque:hover div {
        color: #8aadb8; }
      .projetos-recentes > div .destaque.direita {
        float: left; }
        .projetos-recentes > div .destaque.direita span {
          float: left;
          background: url(../../imgs/home/mascara-seta-direita-azul.png) right center no-repeat; }
        .projetos-recentes > div .destaque.direita > div {
          background-color: #8aadb8;
          padding: 0 25px 0 40px; }
          .projetos-recentes > div .destaque.direita > div p {
            color: #fff; }
        .projetos-recentes > div .destaque.direita:hover div {
          color: #fff; }
    .projetos-recentes > div nav {
      width: 286px;
      height: 244px;
      display: block;
      float: right; }
      .projetos-recentes > div nav a {
        width: 286px;
        height: 112px;
        display: block;
        padding: 30px 0 0 20px;
        overflow: hidden;
        margin-top: 20px;
        position: relative; }
        .projetos-recentes > div nav a:first-child {
          margin-top: 0;
          background: url(../../imgs/home/bg-portal-da-transparencia.png) center no-repeat; }
          .projetos-recentes > div nav a:first-child img {
            top: 26px;
            right: -25px; }
          .projetos-recentes > div nav a:first-child:hover img {
            top: 36px; }
        .projetos-recentes > div nav a:last-child {
          background: url(../../imgs/home/bg-portal-do-coordenador.png) center no-repeat; }
          .projetos-recentes > div nav a:last-child img {
            top: 12px;
            right: -14px; }
          .projetos-recentes > div nav a:last-child:hover img {
            top: 22px; }
        .projetos-recentes > div nav a img {
          display: block;
          position: absolute;
          transition: all 300ms ease; }
        .projetos-recentes > div nav a p {
          margin: 0;
          font-size: 27px;
          color: #fff;
          letter-spacing: -0.5px;
          transition: all 300ms ease; }
          .projetos-recentes > div nav a p span {
            font: 27px "brownbrown_bold", Arial, Helvetica, sans-serif;
            display: block;
            text-transform: uppercase;
            color: #8aadb8; }
        .projetos-recentes > div nav a:hover p {
          color: #8aadb8; } 
    .projetos-recentes > div .bloco-esquerdo-rodape {
      width: 286px;
      max-height: 287px;
      float: right;
      overflow: hidden; }
      .projetos-recentes > div .bloco-esquerdo-rodape a {
        width: 287px;
        display: block;
        position: relative; }
        .projetos-recentes > div .bloco-esquerdo-rodape a:first-child, .projetos-recentes > div .bloco-esquerdo-rodape a:nth-child(2) {
          height: 93px;
          background: rgba(61, 142, 184, 0.5); }
          .projetos-recentes > div .bloco-esquerdo-rodape a:first-child img, .projetos-recentes > div .bloco-esquerdo-rodape a:nth-child(2) img {
            position: relative;
            z-index: -1; }
          .projetos-recentes > div .bloco-esquerdo-rodape a:first-child:hover, .projetos-recentes > div .bloco-esquerdo-rodape a:nth-child(2):hover {
            background: rgba(61, 142, 184, 0); }
          .projetos-recentes > div .bloco-esquerdo-rodape a:first-child > div, .projetos-recentes > div .bloco-esquerdo-rodape a:nth-child(2) > div {
            position: absolute;
            top: 0; }
            .projetos-recentes > div .bloco-esquerdo-rodape a:first-child > div > p, .projetos-recentes > div .bloco-esquerdo-rodape a:nth-child(2) > div > p {
              height: 93px;
              padding: 0 20px;
              font-size: 18px;
              color: #fff;
              display: table-cell;
              vertical-align: middle; }
        .projetos-recentes > div .bloco-esquerdo-rodape a.veja-mais-projetos {
          height: 100px;
          display: block;
          padding-left: 25px;
          font: 22px/100px "brownbrown_bold", Arial, Helvetica, sans-serif;
          color: #3d8eb8;
          text-transform: uppercase;
          background: #324248; }
          .projetos-recentes > div .bloco-esquerdo-rodape a.veja-mais-projetos:hover {
            color: #324248;
            background: #3d8eb8; }

/* ==========================================================================
    Notícias e Eventos
============================================================================= */
.noticias-e-eventos {
  width: 940px;
  display: inline-block;
  margin: 80px 0 0 0; }
  .noticias-e-eventos h3 {
    font: 27px "brownbrown_bold", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    display: block;
    color: #254e79;
    margin: 0 0 10px 0; }
  .noticias-e-eventos ul {
    display: inline-block; }
    .noticias-e-eventos ul::after {
      width: 940px;
      content: "";
      float: right;
      display: block;
      border-bottom: 1px solid #c4d6db; }
    .noticias-e-eventos ul li {
      width: 280px;
      display: inline-block;
      vertical-align: top;
      padding-bottom: 55px;
      margin-left: 46px; }
      .noticias-e-eventos ul li:first-child {
        margin-left: 0; }
      .noticias-e-eventos ul li:nth-child(3n+1) {
        margin-left: 0; }
      .noticias-e-eventos ul li a {
        font-size: 18px;
        display: block;
        color: #324248; }
        .noticias-e-eventos ul li a time {
          width: 100%;
          display: block;
          font-size: 11px;
          font-weight: bold;
          text-transform: uppercase;
          color: #8aadb8;
          margin-bottom: 15px; }
        .noticias-e-eventos ul li a:hover {
          color: #8aadb8; }
  .noticias-e-eventos > a {
    display: block;
    float: right;
    color: #8aadb8;
    font: 11px "frutiger_lt_45_lightregular", Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin-top: 20px;
    text-transform: uppercase; }
    .noticias-e-eventos > a:hover {
      color: #254e79; }

/* ==========================================================================
    Nossos parceiros
============================================================================= */
.nossos-parceiros, .quem-apoiamos {
  max-width: 1450px;
  margin-top: 40px;
  padding: 40px 0;
  margin: 40px auto 0;
  overflow: hidden;
  background-color: #3d8eb8; }
  .nossos-parceiros > div > h3, .quem-apoiamos > div > h3 {
    display: block;
    color: #fff;
    font: 27px "brownbrown_bold", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    margin-bottom: 40px; }
    .nossos-parceiros > div > h3 > span, .quem-apoiamos > div > h3 > span {
      font-family: "frutiger_lt_45_lightregular", Arial, Helvetica, sans-serif;
      color: #254e79;
      text-transform: none; }
  .nossos-parceiros > div ul, .quem-apoiamos > div ul {
    display: inline-block;
    overflow: hidden; }
    .nossos-parceiros > div ul li, .quem-apoiamos > div ul li {
      float: left; }
      .nossos-parceiros > div ul li:first-child, .quem-apoiamos > div ul li:first-child {
        margin-left: 0; }
      .nossos-parceiros > div ul li span, .quem-apoiamos > div ul li span,
      .nossos-parceiros > div ul li a span,
      .quem-apoiamos > div ul li a span {
        width: 160px;
        height: 100px;
        display: table-cell;
        text-align: center;
        vertical-align: middle; }
        .nossos-parceiros > div ul li span img, .quem-apoiamos > div ul li span img,
        .nossos-parceiros > div ul li a span img,
        .quem-apoiamos > div ul li a span img {
          transition: all 300ms linear; }
      .nossos-parceiros > div ul li a:hover span img, .quem-apoiamos > div ul li a:hover span img {
        transform: scale(0.9); }

/* ==========================================================================
    Quem apoiamos
============================================================================= */
.quem-apoiamos {
  clear: both;
  background: #fff;
  overflow: hidden;
  height: 257px;
  border-bottom: 1px solid #edede9; }
  .quem-apoiamos > div h3 {
    color: #254e79; }
    .quem-apoiamos > div h3 > span {
      color: #8aadb8; }

/* ==========================================================================
    Endereço
============================================================================= */
.endereco {
  width: 970px;
  margin: 30px auto 0;
  clear: both; }
  .endereco > p {
    font: 27px "brownbrown_bold", Arial, Helvetica, sans-serif;
    color: #254e79;
    text-transform: uppercase;
    display: block;
    margin-bottom: 15px; }
  .endereco address {
    float: left;
    font-size: 14px;
    line-height: 17px;
    color: #8aadb8; }
  .endereco span {
    display: block;
    float: right;
    position: relative;
    margin-top: -45px; }

/*# sourceMappingURL=index.css.map */