#infoarte {
  /* HTML5 display-role reset for older browsers */
}
#infoarte div, #infoarte span, #infoarte object, #infoarte iframe,
#infoarte h1, #infoarte h2, #infoarte h3, #infoarte h4, #infoarte h5, #infoarte h6, #infoarte p, #infoarte blockquote, #infoarte pre,
#infoarte a, #infoarte abbr, #infoarte acronym, #infoarte address, #infoarte big, #infoarte cite, #infoarte code,
#infoarte del, #infoarte dfn, #infoarte em, #infoarte img, #infoarte ins, #infoarte kbd, #infoarte q, #infoarte s, #infoarte samp,
#infoarte small, #infoarte strike, #infoarte strong, #infoarte sub, #infoarte sup, #infoarte tt, #infoarte var,
#infoarte b, #infoarte u, #infoarte i, #infoarte center,
#infoarte dl, #infoarte dt, #infoarte dd, #infoarte ol, #infoarte ul, #infoarte li,
#infoarte fieldset, #infoarte form, #infoarte label, #infoarte legend,
#infoarte table, #infoarte caption, #infoarte tbody, #infoarte tfoot, #infoarte thead, #infoarte tr, #infoarte th, #infoarte td,
#infoarte article, #infoarte aside, #infoarte canvas, #infoarte details, #infoarte embed,
#infoarte figure, #infoarte figcaption, #infoarte footer, #infoarte header, #infoarte hgroup,
#infoarte menu, #infoarte nav, #infoarte output, #infoarte ruby, #infoarte section, #infoarte summary,
#infoarte time, #infoarte mark, #infoarte audio, #infoarte video, #infoarte button {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
#infoarte article, #infoarte aside, #infoarte details, #infoarte figcaption, #infoarte figure,
#infoarte footer, #infoarte header, #infoarte hgroup, #infoarte menu, #infoarte nav, #infoarte section {
  display: block;
}
#infoarte body {
  line-height: 1;
}
#infoarte ol, #infoarte ul {
  list-style: none;
}
#infoarte blockquote, #infoarte q {
  quotes: none;
}
#infoarte blockquote:before, #infoarte blockquote:after,
#infoarte q:before, #infoarte q:after {
  content: '';
  content: none;
}
#infoarte table {
  border-collapse: collapse;
  border-spacing: 0;
}

html, body, * {
  margin: 0;
  padding: 0;
  text-decoration: none;
  list-style: none;
}

/*TELA FULL*/
body article {
  max-width: 100% !important;
}

/*COLOCA A BARRA DO GLOGO POR CIMA*/
/*
body #all_banner{
  height: 0 !important;
  overflow: hidden  !important;
  padding: 0  !important;
  border: none  !important;
  background: none  !important;
  margin: 0  !important;
}

body article+.row{
  display: none;
}*/
#infoarte {
  max-width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding-bottom: 300px;
}
#infoarte * {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
#infoarte #capa-abre {
  background: #000;
  width: 100%;
  text-align: center;
  margin-bottom: 60px;
}
#infoarte #capa-abre img {
  width: 100%;
  max-width: 1500px;
  margin-bottom: -4px;
}
#infoarte #autores {
  text-align: center;
  max-width: 545px;
  margin: 10px auto;
  font: 16px/16px OgloboCondensedMedium, Arial, "Times New Roman", times, serif;
  color: #707173;
  width: 100%;
  text-transform: uppercase;
}
#infoarte #autores span {
  color: #FDB813;
  font-family: OgloboCondensedBold, Arial, "Times New Roman", times, serif;
}
#infoarte #destaque {
  font: 15px/22px Arial, "Times New Roman", times, serif;
  color: #707173;
  max-width: 560px;
  margin: 0 auto;
  width: 100%;
  text-align: center;
}
#infoarte #destaque span {
  font-weight: bold;
}
#infoarte .separador {
  text-align: center;
  position: relative;
  width: 100%;
  max-width: 702px;
  margin: 60px auto 65px;
}
#infoarte .separador .linha {
  height: 1px;
  background: #000;
  width: 100%;
  position: absolute;
  top: 1.48px;
  z-index: 1;
}
#infoarte .separador img {
  position: relative;
  z-index: 2;
}
#infoarte #content {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  position: relative;
}
#infoarte #content .informacao {
  width: 143px;
  height: auto;
  padding: 10px;
  border: 1px solid #CFD1D2;
  font: 12px/16px Arial, "Times New Roman", times, serif;
  color: #3A3B3C;
  text-align: left;
}
#infoarte #content .informacao span {
  background: #D3D3D4;
  display: inline;
  padding: 0 2px;
}
#infoarte #content #carta {
  margin-top: 30px;
  max-width: 300px;
  width: 100%;
  display: inline-block;
  vertical-align: top;
}
#infoarte #content #carta p {
  font: italic 16px/23px Georgia, Arial, "Times New Roman", times, serif;
  color: #000000;
  margin-bottom: 20px;
}
#infoarte #content #carta p span {
  background: #D3D3D4;
  display: inline;
  padding: 2px;
  cursor: pointer;
}
#infoarte #content #carta p span.ativo {
  background: #FDB813;
}
#infoarte #content #comentario {
  max-width: 300px;
  width: 100%;
  display: inline-block;
  vertical-align: top;
  border: 1px solid #D9DADB;
  position: absolute;
  right: 0;
  top: 90px;
  background: #fff;
  text-align: center;
}
#infoarte #content #comentario.fixo {
  position: fixed;
  top: 70px;
  right: initial;
  margin-left: 100px;
}
#infoarte #content #comentario h2 {
  width: 100%;
  background: #FDB813;
  font: bold 15px/15px Arial, "Times New Roman", times, serif;
  color: #79797B;
  padding: 10px 15px;
  text-align: left;
}
#infoarte #content #comentario p {
  font: 12px/16px Arial, "Times New Roman", times, serif;
  color: #707173;
  padding: 15px;
  text-align: left;
}
#infoarte #content #comentario img {
  width: 100%;
  max-width: 270px;
  margin-bottom: 12px;
}