html { font-family: 'Muli','Helvetica',Arial,sans-serif; background-color: rgba(208,210,213,1.00); background-repeat: no-repeat; }
html.CM { background-image: url('../img/CM/fundo-header.jpg'); background-size: 112%; background-position: 0 -130px; }
html.Record { background-image: url('../img/Record/fundo-header.jpg'); background-size: 110%; background-position: 0 -150px; }
html.Sabado { background-image: url('../img/Sabado/fundo-header.jpg'); }
h1,h2,h3,h4,h5,h6 { font-family: 'Muli','Helvetica',Arial,sans-serif; font-weight: 700 !important; line-height: 1.1em; }
p,a,em,li,button { font-weight: 400; }
em { color: #333333; }
strong { font-weight: 700; }


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


/* -- Modificadores UIKit -- */
#navigation-top { position: relative; z-index: 500; background-color: rgba(255,255,255,0.80); }
#navigation-top.uk-active { background-color: rgba(255,255,255,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: 60px; }


/* -- 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 { height: auto; }

#branding { position: relative; z-index: 10; }
#branding .uk-container { position: relative; }
#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; }

.CM #heading .headcopy { width: 40%; min-width: 450px; }
.Record #heading .headcopy { width: 75%; min-width: 650px; }
.Sabado #heading .headcopy { width: 75%; min-width: 650px; }

.uk-modal .cover { width: 380px; }
.uk-modal .uk-modal-body { background-color: rgba(108,110,113,1.00); background-size: 100%; }
.CM .uk-modal .uk-modal-body { background-image: url('../img/CM/fundo-header.jpg'); background-position: 0 80%; }
.Record .uk-modal .uk-modal-body { background-image: url('../img/Record/fundo-header.jpg'); background-position: 0 80%; }
.Sabado .uk-modal .uk-modal-body { background: rgba(122,88,98,1);
background: -moz-linear-gradient(-45deg, rgba(122,88,98,1) 0%, rgba(27,20,51,1) 84%, rgba(27,20,51,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(122,88,98,1)), color-stop(84%, rgba(27,20,51,1)), color-stop(100%, rgba(27,20,51,1)));
background: -webkit-linear-gradient(-45deg, rgba(122,88,98,1) 0%, rgba(27,20,51,1) 84%, rgba(27,20,51,1) 100%);
background: -o-linear-gradient(-45deg, rgba(122,88,98,1) 0%, rgba(27,20,51,1) 84%, rgba(27,20,51,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(122,88,98,1) 0%, rgba(27,20,51,1) 84%, rgba(27,20,51,1) 100%);
background: linear-gradient(135deg, rgba(122,88,98,1) 0%, rgba(27,20,51,1) 84%, rgba(27,20,51,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7a5862', endColorstr='#1b1433', GradientType=1 ); }
.uk-modal .uk-width-1-1 { position: relative; }
.uk-modal .label-lancamento { margin-top: -20px; }

#filmes { position: relative; }
.Sabado #filmes { margin-top: 30px; }
#filmes .uk-container { position: relative; }
#filmes .uk-container div { position: relative; }
#filmes .label-lancamento { top: 65% !important; }
#filmes .panel { margin-top: -25px; }
#filmes .icone-preview { color: rgba(255,255,255,1.00); background-color: rgba(208,0,0,1.00); padding: 12px; border-radius: 100px; position: absolute; bottom: 31%; right: -5px; }
.Sabado #filmes .icone-preview { bottom: 24%; }

#apresentacao { position: relative; background-color: rgba(255,255,255,0.4); }
.Sabado #apresentacao { background: rgba(122,88,98,1);
background: -moz-linear-gradient(-45deg, rgba(122,88,98,1) 0%, rgba(27,20,51,1) 84%, rgba(27,20,51,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(122,88,98,1)), color-stop(84%, rgba(27,20,51,1)), color-stop(100%, rgba(27,20,51,1)));
background: -webkit-linear-gradient(-45deg, rgba(122,88,98,1) 0%, rgba(27,20,51,1) 84%, rgba(27,20,51,1) 100%);
background: -o-linear-gradient(-45deg, rgba(122,88,98,1) 0%, rgba(27,20,51,1) 84%, rgba(27,20,51,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(122,88,98,1) 0%, rgba(27,20,51,1) 84%, rgba(27,20,51,1) 100%);
background: linear-gradient(135deg, rgba(122,88,98,1) 0%, rgba(27,20,51,1) 84%, rgba(27,20,51,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7a5862', endColorstr='#1b1433', GradientType=1 ); }
#apresentacao .uk-container { position: relative; }
#apresentacao .stamp { width: 390px; }
.Sabado #apresentacao .stamp { width: 220px; }

#legalcopy .uk-text-small { font-size: 0.75rem; }
#legalcopy .logo-WB { width: 60px; }

.btn-disabled, .btn-disabled:hover { background-color: rgba(120,120,120,0.85); color: rgba(180,180,180,1.00); border-color: rgba(120,120,120,1.00); cursor: default; }
.uk-modal .btn-disabled, .uk-modal .btn-disabled:hover { background-color: rgba(200,200,200,0.85); color: rgba(200,200,200,1.00); border-color: rgba(200,200,200,1.00); cursor: default; }


#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 .social-icons a .icone { background-color: rgba(255,255,255,0.60); color: rgba(33,33,33,1.00); border-radius: 50px; font-size: 22px; width: 35px; height: 35px; line-height: 35px; text-align: center; }
footer .social-icons a:hover .icone{ background-color: rgba(255,255,255,0.80); }
footer .social-icons .stamp { height: 35px; }





/* --- Small screens ------------------------------------------------------------------ */
@media only screen and (max-width: 40em) {
  html.CM, html.Record, html.Sabado { background-size: 2048px; background-repeat: repeat-y; background-position: 0 -160px; }
  .uk-padding { padding: 20px 0px; }
  #navigation-top .uk-navbar-item, #navigation-top .uk-navbar-nav>li>a, #navigation-top .uk-navbar-toggle { height: 40px; }
  #branding .logo-CM { width: 90px; }
  #branding .logo-Record { width: 130px; }
  #branding .logo-Sabado { width: 130px; }
  .CM #heading .headcopy, .Record #heading .headcopy, .Sabado #heading .headcopy { width: 100%; min-width: 280px; }
  .CM #heading .headcopy, .Record #heading .headcopy { margin-top: 150px; }
  .Sabado #heading .headcopy { margin-top: 120px; }
  .uk-modal .uk-padding { 30px; }
} /* 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) {
} /* 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 */