#infoarte {
  /* HTML5 display-role reset for older browsers */
}
#infoarte, #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 {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
}
#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;
}

#infoarte {
  font: normal 10px OgloboCondensedRegular, "Times New Roman", times, serif;
  max-width: 1280px;
  width: 100%;
  height: auto;
  padding: 10px;
  margin: 0 auto;
  display: block;
}
#infoarte #mosaico-ia {
  width: 100%;
  height: auto;
  overflow: hidden;
}
#infoarte #mosaico-ia > article {
  overflow: visible;
}
#infoarte .cell-mosaico {
  width: 19.8%;
  height: auto;
  float: left;
  position: relative;
  background-color: #fff;
  border: 1px solid #fff;
}
@media screen and (min-width: 800px) and (max-width: 999px) {
  #infoarte .cell-mosaico {
    width: 33.33333%;
  }
}
@media screen and (min-width: 600px) and (max-width: 799px) {
  #infoarte .cell-mosaico {
    width: 50%;
  }
}
@media screen and (max-width: 599px) {
  #infoarte .cell-mosaico {
    width: 100%;
  }
}
#infoarte .cell-mosaico img {
  width: 100%;
  height: auto;
  display: block;
}
#infoarte .cell-mosaico .label {
  width: 100%;
  height: 55px;
  padding: 0 20px;
  position: absolute;
  z-index: 2;
  bottom: 0;
  background-color: #fff;
  cursor: pointer;
  vertical-align: middle;
  display: none;
}
#infoarte .cell-mosaico .label strong {
  display: table-cell;
  color: #47a4da;
  font: italic normal 2.3em/20px OgloboCondensedMedium, "Times New Roman", times, serif;
  vertical-align: middle;
}
#infoarte .cell-mosaico .label span {
  width: 26px;
  height: 26px;
  display: table-cell;
  vertical-align: middle;
  background: url("http://infograficos-estaticos.s3.amazonaws.com/especial-personagens-jo-soares/assets/images/cmds.png") no-repeat center left;
}
#infoarte .cell-mosaico .label.hover {
  background-color: #fff;
}
#infoarte .cell-mosaico .label.hover strong {
  color: #359ddf;
}
#infoarte .cell-mosaico .label.hover span {
  background-position: center right;
}
#infoarte .cell-mosaico .label.ativo {
  background-color: #359ddf;
}
#infoarte .cell-mosaico .label.ativo strong {
  color: #fff;
}
#infoarte .cell-mosaico .label.ativo span {
  background-position: center left;
}
#infoarte .cell-mosaico .info-cell {
  font: normal 1.3em/1.3em arial, tahoma;
  position: absolute;
  padding: 20px;
  z-index: 2;
  color: #353636;
  background-color: #FFF;
  display: none;
  overflow: auto;
}
#infoarte .cell-mosaico .info-cell p {
  padding: 5px 0;
}
#infoarte .cell-mosaico .info-cell p:first-child {
  padding-top: 0;
}