html { font-family: 'Muli','Helvetica',Arial,sans-serif; background-color: rgba(245,245,243,1.00); }
h1,h2,h3,h4,h5,h6 { font-family: 'Muli','Helvetica',Arial,sans-serif; font-weight: 300 !important; line-height: 1.1em; }
p,a,em,li,button { font-weight: 400; }
em { color: #333333; }
strong { font-weight: 700; }

.texto-vermelho { color: rgba(200,33,33,1.00); }

/* -- Modificadores UIKit -- */
#navigation-top { position: relative; z-index: 500; background-color: rgba(33,33,33,0.80); }
#navigation-top.uk-active { background-color: rgba(33,33,33,0.95); }
#navigation-top .uk-navbar-nav li:first-child .uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle { padding-left: 0px; }
#navigation-top .uk-navbar-item, #navigation-top .uk-navbar-nav>li>a, #navigation-top .uk-navbar-toggle { min-height: 45px; }


/* -- Estilos Proprietários -- */
#pre-header { position: relative; z-index: 10; background-color: rgba(33,33,33,1.00); }
#pre-header p { display: inline-block; margin-bottom: 0px; }
#pre-header .addthis_sharing_toolbox { display: inline-block; margin-left: 12px; vertical-align: text-top; }
#pre-header .addthis_sharing_toolbox .at-share-btn { margin-bottom: 0px; }

header { position: relative; }

#branding { position: relative; z-index: 10; }
#branding .logo-CM { width: 130px; }
#branding .logo-Record { width: 150px; }
#branding .logo-Sabado { width: 170px; }
#branding .logo-Negocios { width: 180px; }
#branding .logo-TVG { width: 150px; }
#branding .logo-CMB { width: 150px; }

#headcopy { width: 40%; min-width: 480px; margin-top: 0px !important; }

#heading { padding-top: 0px; }
#heading #stamp2 { width: 220px; margin-top: 20px; margin-bottom: 0px; }

#apresentacao { position: relative; background-color: rgba(255,255,255,0.80); }
#apresentacao .uk-container { position: relative; }
#apresentacao #titlecopy { width: 70%; min-width: 320px; }
#apresentacao #packshot { width: 60%; min-width: 320px; margin-top: 30px !important; }
#apresentacao #stamp { position: absolute; bottom: 0px; right: 40px; width: 330px; }

#colecao { position: relative; background-color: rgba(233,233,233,1.00); }
#colecao .uk-container { position: relative; }
#colecao .uk-container-xlarge { padding-left: 60px; padding-right: 60px; }
#colecao .uk-child-width-1-1 { position: relative; }
#colecao .uk-child-width-1-1 div { position: relative; }
#colecao .capa { z-index: 0; position: relative; -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.5); box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.5); }
#colecao .uk-icon-button { z-index: 10; background-color: rgba(75,144,67,1.00); color: rgba(255,255,255,1.00); width: 46px; height: 46px; top: 6px; left: 20px; }
#colecao h3 { font-size: 1.4rem; }

#video { background-color: rgba(33,33,33,1.00); }

.btn-disabled, .btn-disabled:hover { background-color: rgba(255,255,255,0.45); border: 1px solid rgba(255,255,255,0.30); color: rgba(0,0,0,0.45); cursor: default !important; }


#barraMicrosites { width: 100%; height: 340px; margin-bottom: -6px; padding: 0px; border: 0px none transparent; }

footer { background-color: rgba(33,33,33,1.00); }
footer p { color: rgba(255,255,255,1.00); font-size: 0.95rem; }
footer .uk-text-small { font-size: 0.8rem; }
footer .logo-CMB { width: 120px; }




/* --- Small screens ------------------------------------------------------------------ */
@media only screen and (max-width: 40em) {
  .uk-padding { padding: 20px 0px; }
  #pre-header { display: none; }
  #navigation-top .uk-navbar-item, #navigation-top .uk-navbar-nav>li>a, #navigation-top .uk-navbar-toggle { min-height: 40px; }
  #headcopy { width: 100%; min-width: 0px; }
  #branding .logo-CMB { width: 90px; }
  #apresentacao { padding-bottom: 100px !important; }
  #apresentacao #titlecopy { width: 100%; min-width: 0px; }
  /* #apresentacao .uk-container { overflow: hidden; } */
  #apresentacao .uk-inline { max-width: 260%; }
  #apresentacao #stamp { width: 180px; bottom: -85px; right: 15px; }
  #apresentacao .uk-text-large { font-size: 1.2rem; }
  #colecao .uk-container-xlarge { padding-left: 20px; padding-right: 20px; }
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (max-width: 40em) and (orientation: portrait) {
  #barraMicrosites { height: 475px; }
}

/* --- Medium screens / Tablet -------------------------------------------------------- */
@media only screen and (min-width: 40.063em) and (max-width: 63.938em) {
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 40.063em) and (max-width: 64em) and (orientation: portrait) {
  #barraMicrosites { height: 260px; }
}

/* --- Large screens ------------------------------------------------------------------ */
@media only screen and (min-width: 64.063em) {
} /* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
  #pre-header { display: none; }
  #headcopy { margin-top: 0px !important; }
  #apresentacao .uk-container-large { max-width: 1000px; }
} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

/* --- XLarge screens ------------------------------------------------------------------ */
@media only screen and (min-width: 90.063em) {
} /* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) and (max-width: 120em) {
} /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/* --- XXLarge screens ------------------------------------------------------------------ */
@media only screen and (min-width: 120.063em) {
} /* min-width 1921px, xxlarge screens */