/* ======
colors
======== */
body {
  font-size: 1em;
}
.mainHeaderBox,
.mainContentBox,
.mainFooterBox,
.assign-footer .middle {
  width: 100%;
}
.mainHeaderBox {
  position: relative;
}
.mainHeaderBox .logo,
.mainHeaderBox .magazine {
  float: left;
}
.mainHeaderBox .logo {
  width: 20%;
  height: 110px;
  background: url("../opeco-logo.jpg") no-repeat center center;
  background-size: 90% auto;
}
.mainHeaderBox .logo > img {
  display: none;
}
.mainHeaderBox .subMenu {
  display: inline-block;
  width: 80%;
  margin-top: 4%;
}
.mainHeaderBox .subMenu .facebook {
  width: 47px;
  height: 47px;
  margin-bottom: 2%;
  display: block;
  float: left;
  background: url("facebook-icon.png")
    no-repeat center center;
  background-size: 80% auto;
  border: 1px solid #f2f6f8;
}
.mainHeaderBox .subMenu .facebook:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  visibility: hidden;
}
.mainHeaderBox .subMenu .facebook:hover {
  -webkit-transition: all linear 0.3s;
  transition: all linear 0.3s;
  border: 1px solid #597585;
}
.mainHeaderBox .subMenu .magazine {
  margin: 0 2%;
  font-size: 80%;
  color: #6e8897;
  width: 105px;
  padding: 5px 5px 5px 25px;
  text-align: center;
  border: 1px solid #ebeff1;
  background-repeat: no-repeat;
  background-image: url("magazine-icon.png");
  background-position: 5px center;
  background-color: #ebeff1;
  -webkit-transition: all linear 0.3s;
  transition: all linear 0.3s;
}
.mainHeaderBox .subMenu .magazine:hover {
  background-color: #e9e9e9;
  border: 1px solid #c5d4e2;
}
.mainHeaderBox .subMenu .search {
  float: right;
  width: 195px;
  padding-right: 35px;
  position: relative;
  border: 1px solid #c5d4e2;
}
.mainHeaderBox .subMenu .search input,
.mainHeaderBox .subMenu .search label {
  float: left;
}
.mainHeaderBox .subMenu .search label,
.mainHeaderBox .subMenu .search .inputText {
  font-family: "blogger_sansregular", sans-serif;
  color: #545454;
  font-size: 90%;
}
.mainHeaderBox .subMenu .search #prodSearch,
.mainHeaderBox .subMenu .search #brandSearch {
  float: left;
  cursor: pointer;
}
.mainHeaderBox .subMenu .search #prodSearch input,
.mainHeaderBox .subMenu .search #brandSearch input {
  background: #fff;
  width: 10px;
  height: 12px;
  border: 1px solid #6e8897;
  margin: 0 5px;
}
.mainHeaderBox .subMenu .search #prodSearch span,
.mainHeaderBox .subMenu .search #brandSearch span {
  font-family: "blogger_sansregular", sans-serif;
  color: #545454;
  font-size: 90%;
}
.mainHeaderBox .subMenu .search #prodSearch:hover span,
.mainHeaderBox .subMenu .search #brandSearch:hover span {
  text-decoration: underline;
}
.mainHeaderBox .subMenu .search #prodSearch:hover input,
.mainHeaderBox .subMenu .search #brandSearch:hover input {
  border: 1px solid #545454;
}
.mainHeaderBox .subMenu .search .selected input {
  background: #6e8897 !important;
}
.mainHeaderBox .subMenu .search .selected span {
  text-decoration: underline;
}
.mainHeaderBox .subMenu .search .inputText {
  width: 162px;
  margin-bottom: 6px;
  color: #545454;
  height: 30px;
  padding: 1px 1px 1px 3px;
  border: 0;
}
.mainHeaderBox .subMenu .search .btSubmit {
  position: absolute;
  top: 0;
  right: 0;
  width: 33px;
  height: 59px;
  padding-left: 5px;
  border: 0;
  background: url("search-icon-2.png")
    no-repeat center center #597585;
  -webkit-transition: all linear 0.3s;
  transition: all linear 0.3s;
}
.mainHeaderBox .subMenu .search .btSubmit:hover {
  background-color: #545454;
}
.mainHeaderBox .subMenu .flags {
  margin-top: 14px;
  margin-left: 3%;
}
.mainHeaderBox .subMenu .flags,
.mainHeaderBox .subMenu .flags a {
  float: left;
}
.mainHeaderBox .subMenu .flags a {
  width: 30px;
  height: 22px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 90% auto;
  display: block;
  -webkit-transition: all linear 0.3s;
  transition: all linear 0.3s;
}
.mainHeaderBox .subMenu .flags a:hover {
  opacity: 0.7;
}
.mainHeaderBox .subMenu .flags .pt-br {
  background-image: url("flag-Brazil.png");
}
.mainHeaderBox .subMenu .flags .eng {
  margin-left: 10px;
  opacity: 0.5;
  background-image: url("flag-United-Kingdom.png");
}
.mainHeaderBox .mainMenu {
  width: 100%;
  background: #6e8897;
  display: inline-block;
  text-align: center;
}
.mainHeaderBox .mainMenu a {
  text-align: center;
  font-size: 72%;
  color: #f2f6f8;
  padding: 2% 0;
  display: inline-block;
  width: 23%;
  -webkit-transition: all linear 0.3s;
  transition: all linear 0.3s;
}
.mainHeaderBox .mainMenu a:first-child {
  margin-left: 0;
}
.mainHeaderBox .mainMenu a:hover {
  color: #fff;
  background: #597585;
}
.mainHeaderBox .mainMenu .select {
  background: #364852;
  position: relative;
  top: -5px;
}
.mainContentBox .index-banner-container {
  width: 100%;
  display: table-cell;
}
.mainContentBox .index-banner-container,
.mainContentBox .index-banner-container .index-banner {
  float: left;
}
.mainContentBox .index-banner-container .index-banner {
  width: 100%;
  height: 240px;
  background: #6e8897;
  display: inline-block;
  border-bottom: 10px solid #6e8897;
  border-left: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
}
.mainContentBox .index-banner-container .index-banner a {
  width: 100%;
  height: 100%;
  position: relative;
  text-align: center;
  color: transparent;
  outline: medium none;
  background-size: 100% auto;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
}
.mainContentBox .index-banner-container .index-banner a:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  visibility: hidden;
}
.mainContentBox .index-banner-container .index-banner a span {
  width: 100%;
  height: 100%;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  transition: box-shadow 0.5s ease 0s;
  z-index: 5;
}
.mainContentBox .index-banner-container .index-banner a span:hover {
  box-shadow: 0 0 15px 3px #4b4b4b inset;
}
.mainContentBox .index-banner-container .thumb-select {
  float: right;
  font-family: "latoregular", sans-serif;
  font-weight: 700;
}
.mainContentBox .index-banner-container .thumb-select span {
  float: left;
  display: block;
  cursor: pointer;
  line-height: 0.8em;
  color: #6e8897;
  text-align: right;
  font-size: 250%;
  -webkit-transition: all linear 0.3s;
  transition: all linear 0.3s;
}
.mainContentBox .index-banner-container .thumb-select span:hover {
  color: #597585;
}
.mainContentBox .index-banner-container .thumb-select .activeSlide {
  font-size: 280%;
  margin-top: -3px;
  color: #4b4b4b;
}
.mainContentBox .home-news-container {
  width: 100%;
  margin-bottom: 20px;
  display: inline-block;
  text-align: center;
}
.mainContentBox .home-news-container h1,
.mainContentBox .home-news-container .news-video {
  width: 100%;
  display: inline-block;
}
.mainContentBox .home-news-container h1 {
  text-align: left;
  padding: 2%;
  font-family: "latoregular", sans-serif;
  font-weight: 700;
  color: #99b3cc;
  font-size: 120%;
}
.mainContentBox .home-news-container .news-video {
  background: #ebeff1;
  padding: 10px;
}
.mainContentBox .home-news-container .news-video .categoryName,
.mainContentBox .home-news-container .news-video .news-title {
  text-align: left;
  width: 100%;
  display: inline-block;
}
.mainContentBox .home-news-container .news-video .categoryName {
  font-family: "blogger_sansregular", sans-serif;
  color: #545454;
  font-size: 120%;
  width: 100%;
}
.mainContentBox .home-news-container .news-video .news-title {
  font-family: "blogger_sansregular", sans-serif;
  color: #60242e;
  font-size: 110%;
  padding: 10px;
}
.mainContentBox .home-news-container .news-video .news-video-frame {
  width: 100%;
  height: 320px;
  background: #333;
}
.mainContentBox .home-news-container .news-video .news-video-frame,
.mainContentBox .home-news-container .news-video .news-video-frame > a,
.mainContentBox .home-news-container .news-video .news-video-frame > img {
  width: 100%;
}
.mainContentBox .home-news-container .news-video .news-video-frame > a {
  margin: 0 10px 10px 10px;
  -webkit-transition: all linear 0.3s;
  transition: all linear 0.3s;
}
.mainContentBox .home-news-container .news-video .news-video-frame > a,
.mainContentBox .home-news-container .news-video .news-video-frame > a img {
  display: block;
}
.mainContentBox .home-news-container .news-video .news-video-frame > a:hover {
  opacity: 0.7;
}
.mainContentBox .home-news-container .news-show {
  width: 100%;
  display: inline-block;
}
.mainContentBox .home-news-container .news-show .article-content {
  width: 100%;
  display: inline-block;
  padding: 15px 20px;
  text-align: left;
}
.mainContentBox .home-news-container .news-show .article-content,
.mainContentBox .home-news-container .news-show .article-content .date,
.mainContentBox .home-news-container .news-show .article-content .title,
.mainContentBox .home-news-container .news-show .article-content .text-content,
.mainContentBox .home-news-container .news-show .article-content .readMore {
  float: left;
}
.mainContentBox .home-news-container .news-show .article-content .title {
  font-family: "blogger_sansbold", sans-serif;
}
.mainContentBox .home-news-container .news-show .article-content .date,
.mainContentBox .home-news-container .news-show .article-content .text-content,
.mainContentBox .home-news-container .news-show .article-content .readMore {
  font-family: "blogger_sansregular", sans-serif;
}
.mainContentBox .home-news-container .news-show .article-content .text-content,
.mainContentBox .home-news-container .news-show .article-content .readMore {
  font-family: "blogger_sansregular", sans-serif;
  margin-top: 5px;
}
.mainContentBox .home-news-container .news-show .article-content .date,
.mainContentBox .home-news-container .news-show .article-content .text-content {
  color: #597585;
  font-size: 1em;
}
.mainContentBox .home-news-container .news-show .article-content .title {
  color: #60242e;
  font-size: 1.1em;
}
.mainContentBox .home-news-container .news-show .article-content .title,
.mainContentBox .home-news-container .news-show .article-content .date,
.mainContentBox .home-news-container .news-show .article-content .text-content {
  width: 100%;
}
.mainContentBox .home-news-container .news-show .article-content .readMore {
  color: #fff;
  padding: 2px 5px;
  background: #60242e;
  font-size: 0.9em;
  -webkit-transition: all linear 0.3s;
  transition: all linear 0.3s;
}
.mainContentBox
  .home-news-container
  .news-show
  .article-content
  .readMore:hover {
  background: #597585;
}
.mainContentBox .home-suppliers-container {
  width: 100%;
  display: inline-block;
  margin-bottom: 20px;
  position: relative;
}
.mainContentBox .home-suppliers-container h2 {
  width: 100%;
  padding: 10px 0;
  font-family: "latoregular", sans-serif;
  font-weight: 700;
  color: #99b3cc;
  font-size: 1.6em;
}
.mainContentBox .home-suppliers-container .containerLogos {
  position: relative;
}
.mainContentBox .home-suppliers-container .containerLogos,
.mainContentBox .home-suppliers-container .containerLogos .boxLogos,
.mainContentBox .home-suppliers-container .containerLogos .bt-container-logos {
  width: 100%;
  float: left;
}
.mainContentBox .home-suppliers-container .containerLogos .boxLogos {
  position: relative;
  float: left;
  height: 116px;
}
.mainContentBox .home-suppliers-container .containerLogos .bt-container-logos {
  text-align: center;
  margin-top: 20px;
}
.mainContentBox
  .home-suppliers-container
  .containerLogos
  .bt-container-logos
  span {
  width: 24px;
  height: 22px;
  display: inline-block;
  background: url("../slid.png") no-repeat center 0;
  cursor: pointer;
  transition: all linear 0.5s;
  margin-left: 10px;
  padding-bottom: 25px;
  border: 1px solid #fff;
}
.mainContentBox
  .home-suppliers-container
  .containerLogos
  .bt-container-logos
  span:first-child {
  margin-left: 0;
}
.mainContentBox
  .home-suppliers-container
  .containerLogos
  .bt-container-logos
  span:hover {
  opacity: 0.7;
  border-bottom: 1px solid #4b4b4b;
}
.mainContentBox
  .home-suppliers-container
  .containerLogos
  .bt-container-logos
  .activeSlide {
  background-position: center -26px;
  border-bottom: 0;
  cursor: auto;
}
.mainContentBox
  .home-suppliers-container
  .containerLogos
  .bt-container-logos
  .activeSlide:hover {
  border-bottom: 0;
  opacity: 1;
}
.mainContentBox .home-suppliers-container .home-logos {
  width: 100%;
  float: left;
  position: relative;
  z-index: 9;
  background-color: #fff;
}
.mainContentBox .home-suppliers-container .home-logos .btHpProd {
  width: 20%;
  height: 115px;
  float: left;
  display: inline-block;
  border: 1px solid #e9e9e9;
  margin: 0 -1px -1px 0;
  background: transparent;
  cursor: pointer;
}
.mainContentBox
  .home-suppliers-container
  .home-logos
  .btHpProd
  .logo-js-link-box {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  text-align: center;
  color: transparent;
  outline: medium none;
  background-size: 80% auto;
  background-position: center center;
  background-repeat: no-repeat;
  display: block;
}
.mainContentBox
  .home-suppliers-container
  .home-logos
  .btHpProd
  .logo-js-link-box:before {
  content: "";
  display: inline-block;
  height: 100%;
  margin: 0 -1px -1px 0;
  vertical-align: middle;
  visibility: hidden;
}
.mainContentBox
  .home-suppliers-container
  .home-logos
  .btHpProd
  .logo-js-link-box
  img {
  display: none;
}
.mainContentBox
  .home-suppliers-container
  .home-logos
  .btHpProd
  .logo-js-link-box
  span {
  width: 100%;
  display: block;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transition: box-shadow 0.5s ease 0s;
  z-index: 5;
}
.mainContentBox
  .home-suppliers-container
  .home-logos
  .btHpProd
  .logo-js-link-box
  span:hover {
  box-shadow: 0 0 19.1px 3px #dcdcdc inset;
}
.mainContentBox .home-suppliers-container .home-logos .select {
  box-shadow: 0 0 20px 3px #dcdcdc inset;
}
.mainContentBox .home-suppliers-container .home-logos .home-logos-info {
  width: 100%;
  float: left;
  background: #dfe0e4;
  position: absolute;
  top: 115px;
  left: 0;
  z-index: 9;
}
.mainContentBox
  .home-suppliers-container
  .home-logos
  .home-logos-info
  .productInfo {
  width: 54%;
  height: 360px;
  margin: 20px 0 20px 20px;
  float: left;
  font-family: "blogger_sansregular", sans-serif;
  font-size: 100%;
  color: #597585;
  background: #fff;
  padding: 20px;
  position: relative;
}
.mainContentBox
  .home-suppliers-container
  .home-logos
  .home-logos-info
  .productInfo
  p,
.mainContentBox
  .home-suppliers-container
  .home-logos
  .home-logos-info
  .productInfo
  .moreInfo {
  width: 100%;
}
.mainContentBox
  .home-suppliers-container
  .home-logos
  .home-logos-info
  .productInfo
  p {
  text-align: justify;
  margin-top: 20px;
}
.mainContentBox
  .home-suppliers-container
  .home-logos
  .home-logos-info
  .productInfo
  p:first-child {
  margin-top: 0;
}
.mainContentBox
  .home-suppliers-container
  .home-logos
  .home-logos-info
  .productInfo
  .infoDetails {
  color: #f2f6f8;
  background: #8e000c;
  padding: 5px 7px;
  display: block;
  position: absolute;
  left: 20px;
  bottom: 20px;
}
.mainContentBox
  .home-suppliers-container
  .home-logos
  .home-logos-info
  .productBox {
  float: left;
  width: 18%;
  border: 1px solid #dfe0e4;
  margin: 14px 0 0 20px;
  background: #f2f6f8;
  position: relative;
  font-family: "latoregular", sans-serif;
  font-weight: 400;
}
.mainContentBox
  .home-suppliers-container
  .home-logos
  .home-logos-info
  .productBox
  .maskLink {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  background-image: url("bg-products-box-effect.png");
  background-repeat: no-repeat;
  background-position: 0 -308px;
  background-size: 100% auto;
}
.mainContentBox
  .home-suppliers-container
  .home-logos
  .home-logos-info
  .productBox
  .maskLink:hover {
  background-position: 0 0;
  -webkit-transition: all linear 0.3s;
  transition: all linear 0.3s;
}
.mainContentBox
  .home-suppliers-container
  .home-logos
  .home-logos-info
  .productBox
  .cod {
  padding: 5px;
  display: inline;
  position: absolute;
  top: 1px;
  left: 1px;
  color: #f2f6f8;
  background: #6e8897;
  font-size: 90%;
}
.mainContentBox
  .home-suppliers-container
  .home-logos
  .home-logos-info
  .productBox
  .prodTitle,
.mainContentBox
  .home-suppliers-container
  .home-logos
  .home-logos-info
  .productBox
  .productImg {
  float: left;
}
.mainContentBox
  .home-suppliers-container
  .home-logos
  .home-logos-info
  .productBox
  .productImg {
  width: 100%;
  height: auto;
}
.mainContentBox
  .home-suppliers-container
  .home-logos
  .home-logos-info
  .productBox
  .prodTitle {
  font-size: 1em;
  color: #6e8897;
  padding: 5px;
}
.mainContentBox
  .home-suppliers-container
  .home-logos
  .home-logos-info
  .productBox
  .seeMore {
  color: #f2f6f8;
  background: #8e000c;
  padding: 5px 7px;
  position: absolute;
  bottom: 1px;
  right: 1px;
}
.mainContentBox .home-about-container {
  margin-bottom: 20px;
}
.mainContentBox .home-about-container h4,
.mainContentBox .home-about-container h3 {
  width: 100%;
  font-family: "latoregular", sans-serif;
  font-weight: 700;
  padding: 10px;
}
.mainContentBox .home-about-container h3 {
  color: #99b3cc;
  font-size: 120%;
}
.mainContentBox .home-about-container h4 {
  color: #959699;
  font-size: 120%;
}
.mainContentBox .home-about-container .magazine {
  margin-right: 20px;
}
.mainContentBox .home-about-container .magazine,
.mainContentBox .home-about-container .magazine a {
  width: 230px;
  float: left;
}
.mainContentBox .home-about-container .magazine a {
  text-align: center;
  -webkit-transition: all linear 0.3s;
  transition: all linear 0.3s;
}
.mainContentBox .home-about-container .magazine a span {
  font-family: "blogger_sansregular", sans-serif;
  color: #60242e;
  font-size: 1.1em;
}
.mainContentBox .home-about-container .magazine a:hover {
  opacity: 0.7;
}
.mainContentBox .home-about-container .about-content-container {
  width: 100%;
  display: inline-block;
}
.mainContentBox .home-about-container .about-content-container .about-content {
  width: 100%;
  height: 205px;
  border: 1px solid #e9e9e9;
}
.mainContentBox
  .home-about-container
  .about-content-container
  .about-content
  a {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  text-align: center;
  color: transparent;
  outline: medium none;
  background-size: 100% auto;
  background-position: center center;
  background-repeat: no-repeat;
  display: block;
}
.mainContentBox
  .home-about-container
  .about-content-container
  .about-content
  a:before {
  content: "";
  display: inline-block;
  height: 100%;
  margin: 0 -1px -1px 0;
  vertical-align: middle;
  visibility: hidden;
}
.mainContentBox
  .home-about-container
  .about-content-container
  .about-content
  a
  span {
  width: 100%;
  display: block;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transition: box-shadow 0.5s ease 0s;
  z-index: 5;
}
.mainContentBox
  .home-about-container
  .about-content-container
  .about-content
  a
  span:hover {
  box-shadow: 0 0 19.1px 3px #dcdcdc inset;
}
.mainContentBox .home-about-container .about-content-container .readMore {
  float: right;
  margin: 10px 10px 0 0;
  color: #fff;
  padding: 4px 5px;
  background: #60242e;
  font-size: 0.9em;
  font-family: "blogger_sansregular", sans-serif;
  -webkit-transition: all linear 0.3s;
  transition: all linear 0.3s;
}
.mainContentBox .home-about-container .about-content-container .readMore:hover {
  background: #597585;
}
.mainProducts {
  margin-bottom: 40px;
}
.mainProducts .searchProducts {
  width: 100%;
  border: 1px solid #dfe0e4;
  background: #f2f6f8;
  padding: 10px;
  margin-top: 20px;
}
.mainProducts .searchProducts,
.mainProducts .searchProducts .title,
.mainProducts .searchProducts .formSearchProd {
  float: left;
}
.mainProducts .searchProducts .title {
  width: 175px;
  font-family: "latoregular", sans-serif;
  font-weight: 400;
  color: #fff;
  margin: 8px 30px 0 10px;
  font-size: 90%;
  background: url("reload-2.jpg")
    no-repeat -9px center #6e8897;
  padding: 6px 8px 6px 40px;
  display: block;
  border: 1px solid #c1c1c1;
  border-radius: 5px;
  transition: all linear 0.3s;
}
.mainProducts .searchProducts .title:hover {
  background: url("reload-2.jpg")
    no-repeat -7px center #364852;
  border: 1px solid #fff;
}
.mainProducts .searchProducts .title span {
  width: 135px;
  display: block;
  float: left;
}
.mainProducts .searchProducts .formSearchProd {
  width: 100%;
  display: inline-block;
  margin-top: 10px;
}
.mainProducts .searchProducts .formSearchProd .layer-1,
.mainProducts .searchProducts .formSearchProd .layer-2 {
  margin-right: 20px;
}
.mainProducts .searchProducts .formSearchProd .layer-1,
.mainProducts .searchProducts .formSearchProd .layer-2,
.mainProducts .searchProducts .formSearchProd .layer-1 select,
.mainProducts .searchProducts .formSearchProd .layer-2 select,
.mainProducts .searchProducts .formSearchProd .layer-1 label,
.mainProducts .searchProducts .formSearchProd .layer-2 label {
  float: left;
}
.mainProducts .searchProducts .formSearchProd .layer-1 label,
.mainProducts .searchProducts .formSearchProd .layer-2 label {
  font-family: "latoregular", sans-serif;
  font-weight: 700;
  font-size: 1em;
  color: #6e8897;
  margin-bottom: 10px;
}
.mainProducts .searchProducts .formSearchProd .layer-1 select,
.mainProducts .searchProducts .formSearchProd .layer-2 select {
  font-size: 1em;
  font-family: "blogger_sansregular", sans-serif;
  color: #545454;
  border: 0;
}
.mainProducts .searchProducts .formSearchProd .layer-1 select,
.mainProducts .searchProducts .formSearchProd .layer-2 select,
.mainProducts .searchProducts .formSearchProd .layer-1 select option,
.mainProducts .searchProducts .formSearchProd .layer-2 select option {
  padding: 5px 8px;
}
.mainProducts .searchProducts .formSearchProd .layer-1,
.mainProducts .searchProducts .formSearchProd .layer-1 #brand {
  width: 250px;
}
.mainProducts .searchProducts .formSearchProd .layer-2,
.mainProducts .searchProducts .formSearchProd .layer-2 #categ {
  width: 375px;
}
.mainProducts .searchProducts .formSearchProd > input {
  font-family: "blogger_sansbold", sans-serif;
  background: #6e8897;
  color: #f2f6f8;
  width: 80px;
  height: 30px;
  border: 1px solid #6e8897;
  cursor: pointer;
  padding: 5px 8px;
  text-transform: uppercase;
  margin-top: 36px;
  float: right;
  -webkit-transition: all linear 0.3s;
  transition: all linear 0.3s;
}
.mainProducts .searchProducts .formSearchProd > input:hover {
  color: #fff;
  background: #4b4b4b;
  border: 1px solid #dfe0e4;
}
.mainProducts .tailTitle {
  width: 100%;
  display: inline-block;
  padding: 3%;
}
.mainProducts .tailTitle .prodTag,
.mainProducts .tailTitle .typeTag,
.mainProducts .tailTitle .generalTag {
  font-family: "blogger_sansregular", sans-serif;
  font-size: 1.4em;
  -webkit-transition: all linear 0.3s;
  transition: all linear 0.3s;
}
.mainProducts .tailTitle .prodTag:hover,
.mainProducts .tailTitle .typeTag:hover {
  text-decoration: underline;
}
.mainProducts .tailTitle .typeTag,
.mainProducts .tailTitle .generalTag {
  text-transform: uppercase;
}
.mainProducts .tailTitle .prodTag {
  color: #6e8897;
  text-transform: uppercase;
}
.mainProducts .tailTitle .typeTag {
  color: #8e000c;
}
.mainProducts .tailTitle .generalTag {
  color: #545454;
}
.mainProducts .prodContainer {
  width: 90%;
  margin-left: 5%;
  display: inline-block;
}
.mainProducts .prodContainer,
.mainProducts .prodContainer .productBox {
  float: left;
}
.mainProducts .prodContainer .productBox {
  width: 45%;
  height: 100%;
  border: 1px solid #dfe0e4;
  margin: 4% 0 0 4%;
  background: #f2f6f8;
  position: relative;
  font-family: "latoregular", sans-serif;
  font-weight: 400;
}
.mainProducts .prodContainer .productBox .maskLink {
  width: 100%;
  height: 80%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  background-image: url("bg-products-box-effect.png");
  background-repeat: no-repeat;
  background-position: 0 -308px;
  background-size: 90% auto;
}
.mainProducts .prodContainer .productBox .maskLink:hover {
  background-position: 0 0;
  -webkit-transition: all linear 0.3s;
  transition: all linear 0.3s;
}
.mainProducts .prodContainer .productBox .cod,
.mainProducts .prodContainer .productBox .prodBrand {
  padding: 5px;
  display: inline;
  position: absolute;
  top: 1px;
  font-size: 80%;
  border: 1px solid #6e8897;
}
.mainProducts .prodContainer .productBox .cod {
  left: 1px;
  color: #f2f6f8;
  background: #6e8897;
}
.mainProducts .prodContainer .productBox .prodBrand {
  right: 1px;
  color: #6e8897;
  background: #e9e9e9;
}
.mainProducts .prodContainer .productBox .prodBrand-logo {
  position: absolute;
  right: 2px;
  top: 2px;
}
.mainProducts .prodContainer .productBox .logoSize-1 {
  width: 95px;
  height: 45px;
}
.mainProducts .prodContainer .productBox .logoSize-2 {
  width: 80px;
  height: 45px;
}
.mainProducts .prodContainer .productBox .prodTitle,
.mainProducts .prodContainer .productBox .productImg {
  float: left;
}
.mainProducts .prodContainer .productBox .productImg {
  width: 100%;
  height: 60%;
}
.mainProducts .prodContainer .productBox .prodTitle {
  font-size: 90%;
  color: #6e8897;
  padding: 5px;
  height: 104px;
}
.mainProducts .prodContainer .productBox .seeMore {
  color: #f2f6f8;
  background: #8e000c;
  padding: 5px 7px;
  position: absolute;
  bottom: 1px;
  right: 1px;
}
.mainProducts .mainPageProd {
  float: left;
  width: 100%;
  padding: 2.5%;
}
.mainProducts .mainPageProd .titleContainer {
  width: 100%;
}
.mainProducts .mainPageProd .titleContainer,
.mainProducts .mainPageProd .titleContainer .title {
  display: inline-block;
}
.mainProducts .mainPageProd .titleContainer .title {
  width: 100%;
  color: #959699;
  font-size: 140%;
  margin-bottom: 20px;
}
.mainProducts .mainPageProd .titleContainer .categoryLink {
  color: #8e000c;
  font-size: 90%;
  font-family: "blogger_sansregular", sans-serif;
}
.mainProducts .mainPageProd .titleContainer .categoryLink:hover {
  text-decoration: underline;
}
.mainProducts .mainPageProd .titleContainer .optionsToBuy,
.mainProducts .mainPageProd .titleContainer .optionsToBuy span,
.mainProducts .mainPageProd .titleContainer .optionsToBuy a {
  float: left;
}
.mainProducts .mainPageProd .titleContainer .optionsToBuy span,
.mainProducts .mainPageProd .titleContainer .optionsToBuy a {
  font-size: 90%;
}
.mainProducts .mainPageProd .titleContainer .optionsToBuy .opt-title {
  font-family: "blogger_sansbold", sans-serif;
  color: #ed8d04;
  padding-bottom: 5px;
  margin: 13px 10px 0 0;
  text-align: center;
  text-transform: uppercase;
}
.mainProducts .mainPageProd .titleContainer .optionsToBuy a {
  font-family: "blogger_sansregular", sans-serif;
  width: 138px;
  padding: 10px 10px 10px 35px;
  background: url("shopCart.png")
    no-repeat 6px center;
  border: 1px solid #e9e9e9;
  color: #ed8d04;
  border-radius: 5px;
  transition: all linear 0.3s;
}
.mainProducts .mainPageProd .titleContainer .optionsToBuy a:hover {
  background-color: #f2f6f8;
  border: 1px solid #c1c1c1;
}
.mainProducts .mainPageProd .titleContainer .optionsToBuy .estore {
  margin-right: 10px;
}
.mainProducts .mainPageProd .titleContainer .type {
  padding: 10px;
  border: 1px solid #dfe0e4;
  float: right;
  margin-bottom: 10px;
  background: #f2f6f8;
  font-family: "blogger_sansregular", sans-serif;
}
.mainProducts .mainPageProd .titleContainer .type .code {
  color: #959699;
  font-size: 1em;
}
.mainProducts .mainPageProd .titleContainer .type .code b {
  margin-left: 5px;
}
.mainProducts .mainPageProd .titleContainer .type .brand {
  color: #8e000c;
  font-size: 1.2em;
}
.mainProducts .mainPageProd .titleContainer .type .brand:hover {
  text-decoration: underline;
}
.mainProducts .mainPageProd .mob_titleContainer {
  display: inline-block;
}
.mainProducts .mainPageProd .fullpg_titleContainer {
  display: none;
}
.mainProducts .mainPageProd,
.mainProducts .mainPageProd .imgGallery,
.mainProducts .mainPageProd .rightProductBox {
  float: left;
}
.mainProducts .mainPageProd .imgGallery {
  width: 100%;
  padding: 10px 10px 0 10px;
  border: 1px solid #dfe0e4;
  position: relative;
  z-index: 1;
}
.mainProducts .mainPageProd .imgGallery .firstImage {
  width: 50%;
  height: auto;
  margin-left: 25%;
  display: block;
  -webkit-transition: all linear 0.3s;
  transition: all linear 0.3s;
}
.mainProducts .mainPageProd .imgGallery .firstImage img {
  width: 100%;
  height: 100%;
}
.mainProducts .mainPageProd .imgGallery .firstImage:hover {
  opacity: 0.7;
}
.mainProducts .mainPageProd .imgGallery .moreImage a {
  width: 20%;
  height: 20%;
  display: block;
  border: 1px solid #dfe0e4;
  margin: 0 0 4% 4%;
  -webkit-transition: all linear 0.3s;
  transition: all linear 0.3s;
}
.mainProducts .mainPageProd .imgGallery .moreImage a,
.mainProducts .mainPageProd .imgGallery .moreImage a img {
  float: left;
}
.mainProducts .mainPageProd .imgGallery .moreImage a img {
  width: 100%;
  height: 100%;
}
.mainProducts .mainPageProd .imgGallery .moreImage a:hover {
  opacity: 0.7;
}
.mainProducts .mainPageProd .rightProductBox {
  width: 100%;
}
.mainProducts .mainPageProd .rightProductBox .productInformation {
  width: 100%;
  padding: 20px;
  margin-top: 20px;
  border: 1px solid #dfe0e4;
  background: #f9f9f9;
  color: #959699;
}
.mainProducts .mainPageProd .rightProductBox .productInformation p {
  margin-top: 20px;
}
.mainProducts .mainPageProd .rightProductBox .productInformation p:first-child {
  margin-top: 0;
}
.mainProducts .mainPageProd .rightProductBox .productInformation .prodCor {
  padding: 2.5%;
  background: #fff;
  margin-bottom: 20px;
}
.mainProducts .mainPageProd .rightProductBox .productInformation .prodCor,
.mainProducts
  .mainPageProd
  .rightProductBox
  .productInformation
  .prodCor
  > span {
  width: 100%;
  display: inline-block;
}
.mainProducts
  .mainPageProd
  .rightProductBox
  .productInformation
  .prodCor
  > span {
  margin-bottom: 10px;
}
.mainProducts .mainPageProd .rightProductBox .productInformation .prodCor,
.mainProducts .mainPageProd .rightProductBox .productInformation .prodCor a {
  border: 1px solid #dfe0e4;
}
.mainProducts .mainPageProd .rightProductBox .productInformation .prodCor a {
  font-family: "blogger_sansregular", sans-serif;
  color: #dfe0e4;
  font-size: 90%;
  cursor: context-menu;
  margin-right: 5px;
  float: left;
}
.prodNotFound {
  padding: 10px;
  background: #8e000c;
  border-right: 1px solid #60242e;
  border-top: 1px solid #60242e;
  border-bottom: 1px solid #60242e;
  border-left: 20px solid #60242e;
  font-family: "blogger_sansregular", sans-serif;
  font-size: 100%;
  color: #f2f6f8;
}
.mainHeaderBox .select-sobre {
  background: #6e8897;
  color: #f2f6f8 !important;
}
.mainSobre {
  background: url("bg-page-sobre.jpg")
    no-repeat center center fixed;
  background-size: 120% auto;
  height: 100%;
  display: table-cell;
  text-align: center;
  position: relative;
  padding: 20px;
}
.mainSobre .miniText,
.mainSobre .bigText {
  display: inline-block;
  float: left;
}
.mainSobre .miniText {
  width: 40%;
  font-family: "blogger_sansbold", sans-serif;
  font-size: 2.2em;
  padding: 5%;
  background: url("bg-text-sobre.png")
    repeat 0 0;
  color: #fff;
}
.mainSobre .miniText,
.mainSobre .miniText span {
  line-height: 1.1em;
}
.mainSobre .miniText span {
  color: #ebd141;
}
.mainSobre .bigText {
  width: 60%;
  padding-left: 5%;
}
.mainSobre .bigText .title,
.mainSobre .bigText p {
  width: 100%;
  font-size: 1em;
}
.mainSobre .bigText .title {
  font-family: "blogger_sansbold", sans-serif;
  background: url("bg-text-sobre-2.png")
    repeat 0 0;
  text-transform: uppercase;
  color: #fff;
  padding: 40px 20px 10px 20px;
  display: block;
}
.mainSobre .bigText > div {
  font-family: "blogger_sansregular", sans-serif;
  color: #6e8897;
  padding: 20px;
  background: url("bg-text-sobre-3.png")
    repeat 0 0;
}
.mainSobre .bigText > div,
.mainSobre .bigText > div p {
  width: 100%;
  float: left;
}
.mainSobre .bigText > div p {
  padding-top: 10px;
}
.mainSobre .bigText > div p:first-of-type {
  padding-top: 0;
}
.mainSobre .bigText > div span {
  padding-top: 10px;
  margin-left: 3%;
  display: block;
  float: left;
}
.mainEvents > h2 {
  width: 100%;
  float: left;
  padding: 20px 0;
  font-family: "latoregular", sans-serif;
  font-weight: 700;
  color: #99b3cc;
  font-size: 1.6em;
}
.mainEvents .event-content {
  width: 100%;
  padding: 10px;
}
.mainEvents .event-content .boxEvent-show {
  width: 100%;
  height: 100%;
  margin-top: 40px;
  text-align: left;
}
.mainEvents .event-content .boxEvent-show:first-child {
  margin-top: 0;
}
.mainEvents .event-content .boxEvent-show,
.mainEvents .event-content .boxEvent-show .title,
.mainEvents .event-content .boxEvent-show .banner-event {
  float: left;
  -webkit-transition: all linear 0.3s;
  transition: all linear 0.3s;
}
.mainEvents .event-content .boxEvent-show .title {
  width: 100%;
  font-family: "latoregular", sans-serif;
  font-weight: 700;
  color: #8e000c;
  font-size: 120%;
  margin-bottom: 10px;
}
.mainEvents .event-content .boxEvent-show .title:hover {
  text-decoration: underline;
}
.mainEvents .event-content .boxEvent-show .banner-event {
  width: 600px;
  height: 200px;
  border: 1px solid #e9e9e9;
  position: relative;
  text-align: center;
  color: transparent;
  outline: medium none;
  background-size: 100% auto;
  background-position: center center;
  background-repeat: no-repeat;
  display: block;
}
.mainEvents .event-content .boxEvent-show .banner-event:before {
  content: "";
  display: inline-block;
  height: 100%;
  margin: 0 -1px -1px 0;
  vertical-align: middle;
  visibility: hidden;
}
.mainEvents .event-content .boxEvent-show .banner-event span {
  width: 100%;
  display: block;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transition: box-shadow 0.5s ease 0s;
  z-index: 5;
}
.mainEvents .event-content .boxEvent-show .banner-event span:hover {
  box-shadow: 0 0 19.1px 3px #dcdcdc inset;
}
.mainEvents .event-content .boxEvent-show .moreBt {
  font-family: "blogger_sansbold", sans-serif;
  font-size: 95%;
  float: left;
  width: 100%;
  margin-top: 10px;
  text-align: right;
  color: #8e000c;
}
.mainEvents .event-content .boxEvent-show .moreBt:hover {
  text-decoration: underline;
}
.mainEvents .event-content .text-content {
  font-family: "blogger_sansregular", sans-serif;
  color: #597585;
  font-size: 100%;
}
.mainEvents .onMidia-pg .boxEvent-show {
  background: #f2f6f8;
  padding: 10px;
}
.mainEvents .onMidia-pg .title {
  color: #597585 !important;
}
.specialGallery {
  float: left;
  margin-top: 20px;
  width: 100%;
}
.specialGallery a {
  display: block;
  width: 30%;
  height: 120px;
  float: left;
  background-size: 200% auto;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 15px 0 0 15px;
  border: 2px solid #dcdcdc;
  -webkit-transition: all linear 0.3s;
  transition: all linear 0.3s;
}
.specialGallery a:hover {
  opacity: 0.7;
  border: 2px solid #6e8897;
}
.sidebar-content {
  width: 100%;
  padding: 20px 0;
  float: left;
}
.sidebar-content .inTitle {
  width: 100%;
  float: left;
  font-family: "latoregular", sans-serif;
  font-weight: 700;
  color: #99b3cc;
  font-size: 120%;
}
.sidebar-content .onMidia {
  background: #ebeff1;
  padding: 20px;
  margin-bottom: 20px;
  float: left;
}
.sidebar-content .onMidia .onMidia_title,
.sidebar-content .onMidia .onMidia_continue {
  font-family: "blogger_sansbold", sans-serif;
  font-size: 95%;
  float: left;
}
.sidebar-content .onMidia .onMidia_title:hover,
.sidebar-content .onMidia .onMidia_continue:hover {
  text-decoration: underline;
}
.sidebar-content .onMidia .onMidia_title {
  width: 100%;
  height: 100%;
  display: block;
  color: #597585;
  margin-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #99b3cc;
  -webkit-transition: all linear 0.3s;
  transition: all linear 0.3s;
}
.sidebar-content .onMidia .onMidia_title:first-child {
  margin-left: 0;
}
.sidebar-content .onMidia .onMidia_continue {
  width: 100%;
  margin-top: 15px;
  text-align: right;
  color: #8e000c;
}
.sidebar-content .news .article-content {
  width: 100%;
  float: left;
  font-size: 95%;
  margin-top: 15px;
}
.sidebar-content .news .article-content,
.sidebar-content .news .article-content .date,
.sidebar-content .news .article-content .title,
.sidebar-content .news .article-content .text-content,
.sidebar-content .news .article-content .readMore {
  float: left;
}
.sidebar-content .news .article-content .title {
  font-family: "blogger_sansbold", sans-serif;
}
.sidebar-content .news .article-content .date,
.sidebar-content .news .article-content .text-content,
.sidebar-content .news .article-content .readMore {
  font-family: "blogger_sansregular", sans-serif;
}
.sidebar-content .news .article-content .text-content,
.sidebar-content .news .article-content .readMore {
  font-family: "blogger_sansregular", sans-serif;
  margin-top: 5px;
}
.sidebar-content .news .article-content .date,
.sidebar-content .news .article-content .text-content {
  color: #597585;
}
.sidebar-content .news .article-content .date {
  width: 100%;
}
.sidebar-content .news .article-content .title {
  color: #60242e;
}
.sidebar-content .news .article-content .readMore {
  color: #fff;
  padding: 2px 5px;
  background: #60242e;
  -webkit-transition: all linear 0.3s;
  transition: all linear 0.3s;
}
.sidebar-content .news .article-content .readMore:hover {
  background: #597585;
}
.sidebar-content .news .news_continue {
  font-family: "blogger_sansbold", sans-serif;
  font-size: 95%;
  float: left;
  width: 100%;
  margin-top: 15px;
  text-align: right;
  color: #b50b19;
}
.sidebar-content .news .news_continue:hover {
  text-decoration: underline;
}
.eventsContent {
  border-left: 115px solid #f2f6f8;
  border-right: 115px solid #f2f6f8;
}
.eventsContent h2 {
  padding-left: 10px;
}
.eventsContent .event-content {
  width: 760px !important;
  padding: 0 10px;
}
.eventsContent .banner-event {
  width: 740px !important;
  height: 250px !important;
}
.eventsContent article {
  width: 100%;
  font-family: "blogger_sansregular", sans-serif;
  margin-top: 5px;
  font-size: 110%;
  color: #597585;
}
.eventsContent article p {
  margin-top: 20px;
  float: left;
}
.eventsContent article p a {
  -webkit-transition: all linear 0.3s;
  transition: all linear 0.3s;
  color: #60242e;
}
.eventsContent article p a:hover {
  text-decoration: underline;
  color: #b50b19;
}
.eventsContent article .imgGallery {
  margin-top: 20px;
}
.eventsContent article .imgGallery,
.eventsContent article .imgGallery a,
.eventsContent article .imgGallery img {
  float: left;
}
.eventsContent article .imgGallery a {
  margin-left: 34px;
  display: block;
  width: 30%;
  height: 100%;
  -webkit-transition: all linear 0.3s;
  transition: all linear 0.3s;
}
.eventsContent article .imgGallery a:nth-child(3n + 1) {
  margin-left: 0;
}
.eventsContent article .imgGallery a:hover {
  opacity: 0.7;
}
.eventsContent article .imgGallery a img {
  width: 100%;
  height: 100%;
}
.mainBrands {
  margin-bottom: 40px;
  position: relative;
}
.mainBrands > h2 {
  width: 100%;
  float: left;
  padding: 20px 0;
  font-family: "latoregular", sans-serif;
  font-weight: 700;
  color: #99b3cc;
  font-size: 1.6em;
}
.mainBrands .logos {
  width: 100%;
  float: left;
  position: relative;
}
.mainBrands .logos > p {
  width: 100%;
  padding: 2.5%;
  font-family: "blogger_sansregular", sans-serif;
  font-size: 110%;
  color: #597585;
}
.mainBrands .logos .inLogo {
  width: 20.1%;
  height: 115px;
  float: left;
  display: inline-block;
  border: 1px solid #e9e9e9;
  margin: 0 -1px -1px 0;
  background: transparent;
}
.mainBrands .logos .inLogo .defaultBt {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  text-align: center;
  color: transparent;
  outline: medium none;
  background-size: 80% auto;
  background-position: center center;
  background-repeat: no-repeat;
  display: block;
  cursor: pointer;
}
.mainBrands .logos .inLogo .defaultBt:before {
  content: "";
  display: inline-block;
  height: 100%;
  margin: 0 -1px -1px 0;
  vertical-align: middle;
  visibility: hidden;
}
.mainBrands .logos .inLogo .defaultBt img {
  display: none;
}
.mainBrands .logos .inLogo .defaultBt span {
  width: 100%;
  display: block;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transition: box-shadow 0.5s ease 0s;
  z-index: 5;
}
.mainBrands .logos .inLogo .defaultBt span:hover {
  box-shadow: 0 0 19.1px 3px #dcdcdc inset;
}
.mainBrands .logos .inLogo .select {
  box-shadow: 0 0 20px 3px #dcdcdc inset;
}
.mainBrands .logos .popupInfo {
  width: 90%;
  height: auto;
  padding: 20px;
  border: 5px solid #f2f6f8;
  outline: 1px solid #dcdcdc;
  background: #fff;
  position: absolute;
  top: 200px;
  left: 5%;
  z-index: 99;
}
.mainBrands .logos .popupInfo > img {
  width: 50%;
  height: auto;
  margin-bottom: 40px;
}
.mainBrands .logos .popupInfo p,
.mainBrands .logos .popupInfo a {
  float: left;
}
.mainBrands .logos .popupInfo p {
  font-family: "blogger_sansregular", sans-serif;
  font-size: 110%;
  color: #597585;
  margin-bottom: 20px;
}
.mainBrands .logos .popupInfo .moreInfo {
  color: #8e000c;
  font-family: "blogger_sansregular", sans-serif;
  font-size: 110%;
  width: 100%;
}
.mainBrands .logos .popupInfo .moreInfo:hover {
  text-decoration: underline;
}
.mainBrands .logos .popupInfo .exitBox {
  width: 31px;
  height: 31px;
  background: url("exit-icon.png")
    no-repeat center center;
  cursor: pointer;
  display: block;
  position: absolute;
  right: 10px;
  top: 10px;
  -webkit-transition: all linear 0.3s;
  transition: all linear 0.3s;
}
.mainBrands .logos .popupInfo .exitBox:hover {
  opacity: 0.7;
}
.mainBrands .logos .popupInfo .showImg {
  width: 40%;
  height: 90px;
  background-size: 90% auto;
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  margin-bottom: 10px;
}
.mainAtuation {
  margin-bottom: 40px;
}
.mainAtuation > article {
  font-family: "blogger_sansregular", sans-serif;
  color: #6e8897;
}
.mainAtuation > article .pageText {
  padding: 10px;
}
.mainAtuation > article .side {
  display: inline-block;
  padding: 5% 5% 0 5%;
}
.mainAtuation > article .side,
.mainAtuation > article .side .site-titlewidth,
.mainAtuation > article .side .info-box {
  width: 100%;
}
.mainAtuation > article .side .site-title {
  text-align: center;
  background: #f2f6f8;
  font-size: 120%;
  padding: 10px;
}
.mainAtuation > article .side .info-box {
  width: 100%;
  text-align: center;
}
.mainAtuation > article .side .info-box,
.mainAtuation > article .side .info-box > div,
.mainAtuation > article .side .info-box p,
.mainAtuation > article .side .info-box a {
  display: inline-block;
}
.mainAtuation > article .side .info-box > div {
  margin-top: 20px;
}
.mainAtuation > article .side .info-box > div p {
  width: 100%;
  font-size: 90%;
  margin-bottom: 6px;
}
.mainAtuation > article .side .info-box > div p,
.mainAtuation > article .side .info-box > div a {
  padding-left: 10px;
}
.mainAtuation > article .side .info-box > div .info-box-title {
  font-weight: 700;
  padding-left: 0;
}
.mainAtuation > article .side .info-box > div a {
  transition: all linear 0.3s;
  color: #60242e;
}
.mainAtuation > article .side .info-box > div a:hover {
  text-decoration: underline;
  color: #8e000c;
}
.mainAtuation > article .pageText {
  display: inline-block;
  width: 100%;
  padding: 5%;
  font-size: 110%;
}
.mainAtuation > article .pageText .titleMark {
  width: 100%;
  margin: 10px 0;
  font-weight: 700;
  float: left;
}
.mainAtuation > article .pageText .titleMark:first-child {
  margin-top: 0;
}
.mainAtuation > article .pageText a {
  color: #60242e;
}
.mainAtuation > article .pageText a:hover {
  text-decoration: underline;
}
.mainNews > h2 {
  width: 100%;
  float: left;
  padding: 3%;
  font-family: "latoregular", sans-serif;
  font-weight: 700;
  color: #99b3cc;
  font-size: 120%;
}
.mainNews .onMidia {
  width: 100%;
  float: left;
  background: #ebeff1;
  padding: 20px;
}
.mainNews .onMidia .onMidia_title,
.mainNews .onMidia .onMidia_continue {
  font-family: "blogger_sansbold", sans-serif;
  font-size: 100%;
  float: left;
}
.mainNews .onMidia .onMidia_title:hover,
.mainNews .onMidia .onMidia_continue:hover {
  text-decoration: underline;
}
.mainNews .onMidia .onMidia_title {
  width: 22%;
  height: 100%;
  display: block;
  color: #597585;
  margin: 10px 0 0 3.8%;
  padding-bottom: 10px;
  border-bottom: 1px solid #99b3cc;
  -webkit-transition: all linear 0.3s;
  transition: all linear 0.3s;
}
.mainNews .onMidia .onMidia_title:first-child {
  margin-left: 0;
}
.mainNews .onMidia .onMidia_continue {
  width: 100%;
  margin-top: 20px;
  text-align: right;
  color: #60242e;
}
.mainNews .onVideo {
  width: 100%;
  padding: 10px;
  float: left;
}
.mainNews .onVideo .videoBox {
  width: 25%;
  float: left;
  margin-left: 5%;
  position: relative;
}
.mainNews .onVideo .videoBox,
.mainNews .onVideo .videoBox span {
  transition: all linear 0.3s;
}
.mainNews .onVideo .videoBox span {
  float: left;
  width: 100%;
  display: block;
}
.mainNews .onVideo .videoBox .btVideo {
  width: 50px;
  height: 50px;
  background: url("youtube12.png")
    no-repeat center center;
  position: absolute;
  top: 45%;
  left: 45%;
  z-index: 4;
}
.mainNews .onVideo .videoBox .titleVideo {
  font-family: "blogger_sansregular", sans-serif;
  font-size: 100%;
  color: #597585;
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 2px solid #99b3cc;
}
.mainNews .onVideo .videoBox .imageVideo {
  height: 205px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 180% auto;
}
.mainNews .onVideo .videoBox:hover {
  text-decoration: underline;
}
.mainNews .onVideo .videoBox:hover .imageVideo {
  opacity: 0.7;
}
.mainNews .onVideo .videoBox:first-child {
  width: 40%;
  margin-left: 0;
}
.mainNews .onVideo .videoBox:first-child .btVideo {
  top: 45%;
  left: 45%;
}
.mainNews .onVideo .videoBox:first-child .btVideo,
.mainNews .onVideo .videoBox:first-child .imageVideo {
  background-size: cover;
}
.mainNews .onVideo .onVideo_continue {
  width: 100%;
  margin-top: 20px;
  text-align: right;
  color: #60242e;
  font-family: "blogger_sansbold", sans-serif;
  font-size: 100%;
  float: left;
  padding: 10px;
  background: #f2f6f8;
}
.mainNews .onVideo .onVideo_continue:hover {
  text-decoration: underline;
}
.mainNews .article-content {
  float: left;
}
.mainNews .article-content,
.mainNews .article-content .date,
.mainNews .article-content .title,
.mainNews .article-content .text-content,
.mainNews .article-content .readMore {
  float: left;
}
.mainNews .article-content .title {
  font-family: "blogger_sansbold", sans-serif;
}
.mainNews .article-content .date,
.mainNews .article-content .text-content,
.mainNews .article-content .readMore {
  font-family: "blogger_sansregular", sans-serif;
}
.mainNews .article-content .text-content,
.mainNews .article-content .readMore {
  font-family: "blogger_sansregular", sans-serif;
  margin-top: 5px;
}
.mainNews .article-content .date,
.mainNews .article-content .text-content {
  color: #597585;
}
.mainNews .article-content .title {
  width: 100%;
  color: #60242e;
}
.mainNews .article-content .readMore {
  color: #fff;
  padding: 2px 5px;
  background: #60242e;
  -webkit-transition: all linear 0.3s;
  transition: all linear 0.3s;
}
.mainNews .article-content .readMore:hover {
  background: #597585;
}
.mainNews .firstNews,
.mainNews .secondNews {
  margin-bottom: 20px;
  padding: 3%;
}
.mainNews .firstNews .date,
.mainNews .secondNews .date,
.mainNews .firstNews .text-content,
.mainNews .secondNews .text-content {
  font-size: 100%;
}
.mainNews .firstNews .title,
.mainNews .secondNews .title {
  font-size: 110%;
}
.mainNews .firstNews .readMore,
.mainNews .secondNews .readMore {
  font-size: 100%;
}
.mainNews .firstNews {
  width: 50%;
  margin-right: 3%;
  background: #f2f6f8;
}
.mainNews .secondNews {
  width: 47%;
}
.mainNews .otherNews {
  width: 310px;
  margin: 20px 0 10px 30px;
}
.mainNews .otherNews:nth-child(3n + 1) {
  margin-left: 0;
}
.mainNews .readMoreNews {
  width: 100%;
  margin-top: 15px;
  text-align: right;
  color: #8e000c;
  font-family: "blogger_sansbold", sans-serif;
  font-size: 100%;
  float: left;
  background: #f2f6f8;
  padding: 10px;
}
.mainNews .readMoreNews:hover {
  text-decoration: underline;
}
.contentMain-Page {
  padding-top: 20px;
}
.mainPage-content {
  width: 100%;
  float: left;
}
.mainPage-content .page-tail {
  font-family: "blogger_sansbold", sans-serif;
  font-size: 100%;
  color: #597585;
  float: left;
  width: 100%;
  margin-bottom: 10px;
  padding: 5px 0 5px 10px;
  border-left: 20px solid #eee;
  border-bottom: 1px solid #eee;
}
.mainPage-content .page-tail:hover {
  text-decoration: underline;
}
.mainPage-content .title {
  width: 100%;
  padding: 0 2.5% 2.5% 2.5%;
  font-family: "blogger_sansbold", sans-serif;
  color: #60242e;
  float: left;
  font-size: 140%;
}
.mainPage-content article {
  font-family: "blogger_sansregular", sans-serif;
  color: #597585;
  font-size: 100%;
}
.mainPage-content article p {
  margin-top: 20px;
}
.mainPage-content article p:first-child {
  margin-top: 0;
}
.mainPage-content article a {
  -webkit-transition: all linear 0.3s;
  transition: all linear 0.3s;
  color: #60242e;
  text-decoration: underline;
}
.mainPage-content article a:hover {
  color: #b50b19;
}
.mainFooter {
  background: #545454;
  border-top: 4px solid #4b4b4b;
  border-bottom: 4px solid #4b4b4b;
}
.mainFooter .title {
  width: 100%;
  margin-bottom: 10px;
  font-family: "latoregular", sans-serif;
  font-weight: 700;
  color: #c1c1c1;
  font-size: 1.4em;
  float: left;
}
.mainFooter .mainFooterBox {
  width: 100%;
  padding: 10px;
  margin-bottom: 20px;
}
.mainFooter .mainFooterBox .site-map {
  width: 45%;
  padding-right: 5%;
  float: left;
}
.mainFooter .mainFooterBox .site-map nav a {
  display: block;
  color: #aed8f1;
  width: 100%;
  font-size: 0.7em;
  font-family: "latoregular", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.mainFooter .mainFooterBox .site-map nav a:hover {
  text-decoration: underline;
}
.mainFooter .mainFooterBox .site-map nav .sub {
  padding-left: 20px;
}
.mainFooter .mainFooterBox .info-box {
  width: 45%;
  float: left;
  padding-left: 5%;
}
.mainFooter .mainFooterBox .info-box p {
  width: 100%;
  font-family: "blogger_sansregular", sans-serif;
  color: #c1c1c1;
  font-size: 90%;
  margin-top: 10px;
}
.mainFooter .mainFooterBox .info-box p:first-child {
  margin-top: 0;
}
.mainFooter .mainFooterBox .info-box p a,
.mainFooter .mainFooterBox .info-box p span,
.mainFooter .mainFooterBox .info-box p b {
  width: 100%;
  display: block;
}
.mainFooter .mainFooterBox .info-box p a {
  color: #aed8f1;
}
.mainFooter .mainFooterBox .info-box p span b {
  color: #f2f6f8;
}
.mainFooter .mainFooterBox .contact {
  width: 100%;
  display: inline-block;
  float: left;
}
.mainFooter .mainFooterBox .contact .contact-container {
  width: 45%;
  padding-right: 5%;
  float: left;
}
.mainFooter .mainFooterBox .contact .contact-container .contact-box-choice {
  width: 100%;
}
.mainFooter
  .mainFooterBox
  .contact
  .contact-container
  .contact-box-choice
  span {
  display: inline-block;
  font-family: "blogger_sansregular", sans-serif;
  color: #fff;
  font-size: 90%;
  width: 100%;
  margin-bottom: 10px;
}
.mainFooter
  .mainFooterBox
  .contact
  .contact-container
  .contact-box-choice
  button {
  width: 110px;
  height: 57px;
  float: left;
  transition: all linear 0.3s;
  border: 0;
  background-repeat: no-repeat;
  background-position: left top;
  background-color: transparent;
}
.mainFooter
  .mainFooterBox
  .contact
  .contact-container
  .contact-box-choice
  button:hover {
  opacity: 0.7;
  background-position: 3px top;
}
.mainFooter
  .mainFooterBox
  .contact
  .contact-container
  .contact-box-choice
  .contact-tag-pFisico {
  background-image: url("tag-fisico.png");
}
.mainFooter
  .mainFooterBox
  .contact
  .contact-container
  .contact-box-choice
  .contact-tag-pJuridico {
  margin-left: 5px;
  background-image: url("tag-juridico.png");
}
.mainFooter .mainFooterBox .contact .contact-container .contact-form {
  display: none;
}
.mainFooter
  .mainFooterBox
  .contact
  .contact-container
  .contact-form
  .form-headInfo {
  width: 100%;
  margin-bottom: 4px;
  display: inline-block;
}
.mainFooter
  .mainFooterBox
  .contact
  .contact-container
  .contact-form
  .form-headInfo,
.mainFooter
  .mainFooterBox
  .contact
  .contact-container
  .contact-form
  .form-headInfo
  button,
.mainFooter
  .mainFooterBox
  .contact
  .contact-container
  .contact-form
  .form-headInfo
  span {
  font-size: 100%;
}
.mainFooter
  .mainFooterBox
  .contact
  .contact-container
  .contact-form
  .form-headInfo
  button {
  border: 1px solid #99b3cc;
  background: #99b3cc;
  color: #fff;
  font-family: "blogger_sansregular", sans-serif;
  padding: 4px 5px;
  transition: all linear 0.3s;
  float: right;
}
.mainFooter
  .mainFooterBox
  .contact
  .contact-container
  .contact-form
  .form-headInfo
  button:hover {
  border: 1px solid #fff;
  background: #4b4b4b;
  color: #fff;
}
.mainFooter
  .mainFooterBox
  .contact
  .contact-container
  .contact-form
  .form-headInfo
  span {
  float: left;
  color: #fff;
  font-family: "latoregular", sans-serif;
  font-weight: 400;
}
.mainFooter .mainFooterBox .contact .contact-container .contact-form input,
.mainFooter .mainFooterBox .contact .contact-container .contact-form textarea {
  width: 100%;
  font-family: "blogger_sansregular", sans-serif;
  font-size: 1em;
  color: #545454;
  padding: 4px;
}
.mainFooter .mainFooterBox .contact .contact-container .contact-form select {
  float: left;
  width: 100%;
  padding: 4px;
  margin-bottom: 5px;
  color: #959699;
  text-transform: uppercase;
}
.mainFooter .mainFooterBox .contact .contact-container .contact-form select,
.mainFooter
  .mainFooterBox
  .contact
  .contact-container
  .contact-form
  select
  option {
  font-family: "blogger_sansregular", sans-serif;
}
.mainFooter
  .mainFooterBox
  .contact
  .contact-container
  .contact-form
  select
  option {
  font-size: 100%;
  padding: 5px;
  color: #364852;
}
.mainFooter .mainFooterBox .contact .contact-container .contact-form input {
  margin-bottom: 5px;
}
.mainFooter .mainFooterBox .contact .contact-container .contact-form .btSubmit {
  width: auto;
  color: #fff;
  background: #597585;
  float: right;
  padding: 3px 6px;
  border: 1px solid #597585;
  -webkit-transition: all linear 0.3s;
  transition: all linear 0.3s;
}
.mainFooter
  .mainFooterBox
  .contact
  .contact-container
  .contact-form
  .btSubmit:hover {
  background: #545454;
  border: 1px solid #aed8f1;
}
.mainFooter .mainFooterBox .contact .contact-container .contact-form .subMail {
  width: 100%;
  border: 1px solid #364852;
  background: #dfe0e4;
  padding: 4px;
  margin: 5px 0;
  font-family: "blogger_sansregular", sans-serif;
  font-size: 90%;
  color: #364852;
  transition: all linear 0.3s;
}
.mainFooter
  .mainFooterBox
  .contact
  .contact-container
  .contact-form
  .subMail:hover {
  background: #c5d4e2;
}
.mainFooter .mainFooterBox .contact .contact-container .contact-form .subMail,
.mainFooter
  .mainFooterBox
  .contact
  .contact-container
  .contact-form
  .subMail
  input,
.mainFooter
  .mainFooterBox
  .contact
  .contact-container
  .contact-form
  .subMail
  label {
  float: left;
  cursor: pointer;
}
.mainFooter
  .mainFooterBox
  .contact
  .contact-container
  .contact-form
  .subMail
  input {
  width: 16px !important;
  margin-top: 13px;
}
.mainFooter
  .mainFooterBox
  .contact
  .contact-container
  .contact-form
  .subMail
  label {
  display: block;
  width: 180px;
  margin-left: 10px;
}
.mainFooter .mainFooterBox .contact .info {
  float: left;
  width: 45%;
  padding-left: 5%;
}
.mainFooter .mainFooterBox .contact .info > span {
  font-family: "blogger_sansbold", sans-serif;
  color: #c1c1c1;
  font-size: 1.2em;
  width: 100%;
  margin: 10px 0;
}
.mainFooter .mainFooterBox .contact .info > span:first-child {
  margin-top: 0;
}
.mainFooter .mainFooterBox .contact .info > span,
.mainFooter .mainFooterBox .contact .info p,
.mainFooter .mainFooterBox .contact .info span {
  float: left;
}
.mainFooter .mainFooterBox .contact .info p {
  font-family: "blogger_sansregular", sans-serif;
  color: #fff;
  font-size: 1em;
}
.mainFooter .mainFooterBox .contact .info p span,
.mainFooter .mainFooterBox .contact .info p a {
  display: inline-block;
  width: 100%;
}
.mainFooter .mainFooterBox .contact .info p span {
  color: #c1c1c1;
  display: block;
  margin-bottom: 5px;
}
.mainFooter .mainFooterBox .contact .info p a {
  color: #aed8f1;
}
.mainFooter .mainFooterBox .contact .info p a:hover {
  text-decoration: underline;
}
.mainFooter .assign-footer {
  width: 100%;
  background: #4b4b4b;
}
.mainFooter .assign-footer .middle {
  display: table-cell;
  text-align: center;
  width: 100%;
  padding: 10px 0;
}
.mainFooter .assign-footer .middle > p {
  display: inline-block;
}
.mainFooter .assign-footer .middle > p .assign {
  color: #fff;
  font-family: "blogger_sansregular", sans-serif;
  font-size: 0.8em;
  height: 50px;
  display: table-cell;
  vertical-align: middle;
}
.mainFooter .assign-footer .middle .seals {
  display: inline-block;
}
.mainFooter .assign-footer .middle .seals a,
.mainFooter .assign-footer .middle .seals .seals-box {
  float: left;
  margin-right: 10px;
  -webkit-transition: all linear 0.3s;
  transition: all linear 0.3s;
}
.mainFooter .assign-footer .middle .seals .seals-box {
  position: relative;
}
.mainFooter .assign-footer .middle .seals .seals-box,
.mainFooter .assign-footer .middle .seals .seals-box * {
  -webkit-transition: all linear 0.3s;
  transition: all linear 0.3s;
}
.mainFooter .assign-footer .middle .seals .seals-box p {
  display: none;
  opacity: 0;
  position: absolute;
  top: -80px;
  left: -10px;
  width: 137px;
  padding: 10px;
  background: #fff;
  color: #597585;
  font-size: 90%;
  font-family: "blogger_sansregular", sans-serif;
  border-radius: 5px;
}
.mainFooter .assign-footer .middle .seals .seals-box p b {
  text-decoration: underline;
}
.mainFooter .assign-footer .middle .seals .seals-box p span {
  position: absolute;
  bottom: -12px;
  left: 20px;
  width: 20px;
  height: 20px;
  background: url("bg-popup.png")
    no-repeat center center;
}
.mainFooter .assign-footer .middle .seals .seals-box:hover img {
  opacity: 0.7;
}
.mainFooter .assign-footer .middle .seals .seals-box:hover p {
  display: block;
  opacity: 1;
}
.mainFooter .assign-footer .middle .seals a {
  margin-top: 5px;
}
.mainFooter .assign-footer .middle .seals a:hover {
  opacity: 0.7;
}
/* This beautiful CSS-File has been crafted with LESS (lesscss.org) and compiled by simpLESS (wearekiss.com/simpless) */

/*
     FILE ARCHIVED ON 22:29:02 Jul 08, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 13:05:08 Sep 22, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.638
  exclusion.robots: 0.028
  exclusion.robots.policy: 0.017
  esindex: 0.012
  cdx.remote: 116.302
  LoadShardBlock: 270.542 (3)
  PetaboxLoader3.datanode: 416.227 (5)
  load_resource: 329.225
  PetaboxLoader3.resolve: 105.763
  loaddict: 171.245
*/