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

article {
  max-width: 100% !important;
}

#infoarte {
  font: normal 10px Arial, times, serif;
  max-width: 100%;
  margin: 0 auto;
  padding-bottom: 30px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
#infoarte * {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
#infoarte #valores {
  width: 100%;
  max-width: 1280px;
  height: auto;
  overflow: hidden;
  padding: 0 10px;
  margin: 0 auto 35px;
}
#infoarte #valores .valor {
  font: 25px/25px OgloboCondensedMedium, Arial, times, serif;
  color: #c7be9b;
  border-right: 1px dotted #c7be9b;
  display: inline-block;
  text-transform: uppercase;
  padding: 10px 2.8% 5px;
  width: auto;
}
#infoarte #valores .valor:first-child {
  padding-left: 0;
}
#infoarte #valores .valor:last-child {
  padding-right: 0;
  border-right: 0;
}
#infoarte #valores .valor span {
  display: block;
  color: #303d58;
  font: 80px/80px "Oglobox-condensed-Light", Arial, times, serif;
  text-transform: none;
}
#infoarte #imagens {
  width: 100%;
  max-width: 1280px;
  padding: 0 10px;
  height: auto;
  overflow: hidden;
  margin: 0 auto;
}
#infoarte #imagens img:first-child {
  width: 48%;
  margin-right: 1.5625%;
}
#infoarte #imagens img:last-child {
  width: 48%;
  margin-left: 1.5625%;
}
#infoarte #ct_menu_principal {
  min-height: 45px;
  position: relative;
  margin: 40px 0 0;
}
#infoarte #menu_principal {
  width: 100%;
  height: auto;
  overflow: hidden;
  background: #000000;
  text-align: center;
}
#infoarte #menu_principal.fixo {
  position: fixed;
  top: 0;
  margin: 0;
  z-index: 11;
  min-height: 52px;
  padding-top: 3px;
}
#infoarte #menu_principal ul {
  width: 100%;
  max-width: 1280px;
  height: auto;
  overflow: hidden;
  background: #000000;
  padding: 3px 0 4px;
  margin: 0 auto;
  border: 0;
}
#infoarte #menu_principal ul li {
  width: 8%;
  text-transform: uppercase;
  display: inline-block;
  padding: 5px 0 0 0;
  text-align: center;
  border-right: 1px dotted #e3e3e3;
  cursor: pointer;
}
#infoarte #menu_principal ul li.active {
  padding-top: 5px;
}
#infoarte #menu_principal ul li.active a {
  color: #c2ba8e;
  font: 24px/32px "Oglobox-condensed-Medium", Arial, times, serif;
}
#infoarte #menu_principal ul li:last-child {
  border-right: 0;
}
#infoarte #menu_principal ul li:hover {
  background: transparent;
}
#infoarte #menu_principal ul li a {
  font: 24px/32px "Oglobox-condensed-Regular", Arial, times, serif;
  color: #e3e3e3;
  background: transparent;
  padding: 0;
  border: 0;
}
#infoarte #select_menu_principal {
  width: 95%;
  height: auto;
  overflow: hidden;
  margin: 0 auto 25px;
  padding: 5px 0;
  border: 1px solid #ccc;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  background: #f4f2f2 url(../imgs/seta-select.png) 98% center no-repeat;
  display: none;
}
#infoarte #select_menu_principal select {
  width: 120%;
  background: transparent;
  margin: 0;
  border: 0;
  font: 18px/18px OgloboCondensedMedium, Arial, times, serif;
  color: #141414;
  outline: 0;
}
#infoarte #select_menu_principal select option {
  margin: 0;
}
#infoarte #content {
  width: 100%;
  max-width: 1280px;
  height: auto;
  overflow: hidden;
  margin: 0 auto;
  text-align: right;
  position: relative;
  z-index: 1;
  padding: 0 10px;
}
#infoarte #content ul#grupos {
  width: 12.89063%;
  height: auto;
  overflow: hidden;
  display: inline-block;
  margin: 45px 0 0;
}
#infoarte #content ul#grupos.fixo {
  position: fixed;
  top: 90px;
  left: 8px;
  margin: 0;
  background: #fff;
  z-index: 2;
  width: 8%;
}
#infoarte #content ul#grupos li {
  width: 100%;
  height: auto;
  overflow: hidden;
  color: #25314a;
  font: 27px/27px "Oglobox-condensed-Light", Arial, times, serif;
  padding: 15px 0;
  cursor: pointer;
  text-align: left;
}
#infoarte #content ul#grupos li:nth-child(2) {
  border-top: 1px solid #d1d1d1;
  border-bottom: 1px solid #d1d1d1;
}
#infoarte #content ul#grupos li.ativo {
  font-family: "Oglobox-condensed-Semibold", Arial, times, serif;
}
#infoarte #content #perfis {
  width: 86.71875%;
  height: auto;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
}
#infoarte #content #perfis .perfil {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding-left: 60px;
  border-bottom: 1px solid #303d58;
  background: transparent;
  padding-top: 50px;
  text-align: left;
}
#infoarte #content #perfis .perfil .col_1 {
  width: 30.47619%;
  height: auto;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
}
#infoarte #content #perfis .perfil .col_1 #img_pais {
  width: 20%;
  display: inline-block;
  vertical-align: top;
}
#infoarte #content #perfis .perfil .col_1 #img_pais img {
  width: 100%;
}
#infoarte #content #perfis .perfil .col_1 #nome_pais {
  width: 75%;
  display: inline-block;
  vertical-align: top;
  font: 60px/71px "Oglobox-condensed-Regular", Arial, times, serif;
  color: #25314a;
  padding-left: 15px;
  text-transform: uppercase;
}
#infoarte #content #perfis .perfil .col_1 #nome_pais span {
  display: block;
  font-size: 27px;
  line-height: 3px;
}
#infoarte #content #perfis .perfil .col_1 .dados {
  width: 100%;
  height: auto;
  margin-top: 40px;
  margin-bottom: 5px;
}
#infoarte #content #perfis .perfil .col_1 .dados .dado {
  width: 100%;
  font: 23px/23px OgloboCondensedMedium, Arial, times, serif;
  color: #25314a;
  margin-bottom: 3px;
}
#infoarte #content #perfis .perfil .col_1 .dados .dado span {
  font-family: OgloboCondensedLight, Arial, times, serif;
}
#infoarte #content #perfis .perfil .col_1 .status {
  width: 100%;
  margin-top: 20px;
}
#infoarte #content #perfis .perfil .col_1 .status .titulo {
  font: 20px/20px OgloboCondensedBold, Arial, times, serif;
  color: #25314a;
  width: 100%;
}
#infoarte #content #perfis .perfil .col_1 .status .titulo img {
  display: inline-block;
  vertical-align: bottom;
}
#infoarte #content #perfis .perfil .col_1 .status .titulo .nome {
  display: inline-block;
  vertical-align: bottom;
  padding-left: 2%;
}
#infoarte #content #perfis .perfil .col_1 .status .valor {
  margin-top: 10px;
  font: 50px/46px "Oglobox-condensed-Light", Arial, times, serif;
  color: #25314a;
  display: inline-block;
  vertical-align: top;
  width: 12.5%;
}
#infoarte #content #perfis .perfil .col_1 .status .detalhes {
  margin-top: 10px;
  display: inline-block;
  vertical-align: top;
  width: 84.375%;
}
#infoarte #content #perfis .perfil .col_1 .status .detalhes .bolinhas {
  width: 79.62963%;
  margin-bottom: 5px;
  height: auto;
  overflow: hidden;
}
#infoarte #content #perfis .perfil .col_1 .status .detalhes .bolinhas i {
  color: #cbc49b;
  font-size: 9px;
  margin-right: 5px;
  line-height: 13px;
}
#infoarte #content #perfis .perfil .col_1 .status .detalhes .txt {
  font: 20px/20px OgloboCondensedMedium, Arial, times, serif;
  color: #25314a;
}
#infoarte #content #perfis .perfil .col_1 .status .detalhes .num {
  font: 20px/20px OgloboCondensedRegular, Arial, times, serif;
  color: #25314a;
}
#infoarte #content #perfis .perfil .col_2 {
  width: 44.7619%;
  height: auto;
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
}
#infoarte #content #perfis .perfil .col_2 img {
  width: 100%;
}
#infoarte #content #perfis .perfil .col_3 {
  width: 23.80952%;
  height: auto;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
  padding-left: 10px;
  margin-top: 110px;
  padding-bottom: 30px;
}
#infoarte #content #perfis .perfil .col_3 h1 {
  font: 25px/25px "Oglobox-condensed-Light", Arial, times, serif;
  color: #8d8d8d;
  margin: 0;
  text-align: left;
  width: 100%;
}
#infoarte #content #perfis .perfil .col_3 img {
  margin: 10px 0;
  display: none;
}
#infoarte #content #perfis .perfil .col_3 #nome-craque {
  font: 35px/35px "Oglobox-condensed-Medium", Arial, times, serif;
  color: #25314a;
  text-transform: uppercase;
}
#infoarte #content #perfis .perfil .col_3 .dado {
  font: 20px/20px OgloboCondensedLight, Arial, times, serif;
  color: #25314a;
}
#infoarte #content #perfis .perfil .col_3 .dado span {
  font-family: OgloboCondensedMedium, Arial, times, serif;
}
#infoarte #content #perfis .perfil .col_3 .dado span.num {
  font-family: OgloboCondensedRegular, Arial, times, serif;
}
#infoarte #content #perfis .perfil .col_3 p {
  font: 20px/25px OgloboCondensedRegular, Arial, times, serif;
  color: #25314a;
  margin: 30px 0 0;
}

@media all and (max-width: 1259px) {
  #infoarte #valores .valor {
    font-size: 21px;
    line-height: 18px;
  }

  #infoarte #valores .valor span {
    font-size: 70px;
    line-height: 70px;
  }
}
@media all and (max-width: 1024px) {
  #infoarte #valores,
  #infoarte #imagens {
    padding-left: 10px;
    padding-right: 10px;
  }

  #infoarte #content {
    padding-left: 10px;
  }

  #infoarte #valores .valor span {
    font-size: 66px;
    line-height: 66px;
  }

  #infoarte #valores .valor {
    font-size: 19px;
    line-height: 19px;
    padding: 10px 2.5% 5px;
  }

  #infoarte #menu_principal ul li {
    width: auto;
    padding: 5px 1.46484% 0;
    height: 32px;
  }

  #infoarte #content ul#grupos.fixo {
    width: 12%;
  }

  #infoarte #content .perfil .col_1 {
    padding-bottom: 30px;
  }
}
@media all and (max-width: 1015px) {
  #infoarte #menu_principal ul li {
    padding: 5px 1.3% 0;
  }
}
@media all and (max-width: 955px) {
  #infoarte #menu_principal ul li {
    padding: 5px 1.1% 0;
  }
}
@media all and (max-width: 895px) {
  #infoarte #menu_principal ul li {
    padding: 5px 0.85% 0;
  }
}
@media all and (max-width: 830px) {
  #infoarte #menu_principal ul li {
    padding: 5px 0.5% 0;
  }
}
@media all and (max-width: 830px) {
  #infoarte #menu_principal ul li {
    padding: 5px 0.5% 0;
  }
}
@media all and (max-width: 768px) {
  #infoarte #valores .valor span {
    font-size: 48px;
    line-height: 48px;
  }

  #infoarte #valores .valor {
    font-size: 14px;
    line-height: 14px;
  }

  #infoarte #imagens img:first-child,
  #infoarte #imagens img:last-child {
    width: 100%;
    margin: 0 0;
  }

  #infoarte #menu_principal ul li {
    width: auto;
    padding: 5px 0.4% 0;
  }

  #infoarte #content #perfis {
    width: 86.5%;
    padding-bottom: 30px;
  }

  #infoarte #content #perfis .perfil .col_1 {
    width: 45%;
  }

  #infoarte #content #perfis .perfil .col_2 {
    display: none;
  }

  #infoarte #content #perfis .perfil .col_3 {
    width: 45%;
    margin-left: 7%;
    padding-bottom: 40px;
  }

  #infoarte #content #perfis .perfil .col_3 img {
    display: block;
  }
}
@media all and (max-width: 730px) {
  #infoarte #select_menu_principal {
    display: block;
  }

  #infoarte #menu_principal {
    display: none;
  }
}
@media all and (max-width: 640px) {
  #infoarte #valores,
  #infoarte #imagens,
  #infoarte #content ul#grupos {
    display: none;
  }

  #infoarte #content {
    padding: 0;
  }

  #infoarte #content #perfis {
    width: 100%;
  }

  #infoarte #content #perfis .perfil {
    width: 100%;
    padding-left: 0;
    background: transparent url(../imgs/bg-perfil.png) bottom center no-repeat;
    background-size: contain;
    border-bottom: 0;
  }

  #infoarte #content #perfis .perfil .col_1,
  #infoarte #content #perfis .perfil .col_3 {
    width: 100%;
    margin: 0;
    padding: 0 10px;
  }

  #infoarte #content #perfis .perfil .col_3 {
    margin-top: 30px;
    padding-bottom: 50px;
  }

  #infoarte #content #perfis .perfil .col_3 img {
    width: 100%;
  }
}