body { }
/*.row, .contain-to-grid .top-bar { max-width: 1366px; }*/


h1,h2,h3,h4,h5,h6,p,li,strong,em { font-family: 'Oswald','Helvetica Neue','Helvetica',Arial,sans-serif; }
h1,h2,h3,h4,h5,h6 { font-weight: 700; text-transform: uppercase; line-height: 1.2em; }
strong { font-weight: 700 }
p,li,em { font-weight: 400; }
.comentario { font-size: 0.8rem; color: #666; }
.top-bar-section li:not(.has-form) a:not(.button) { font-family: 'Oswald','Helvetica Neue','Helvetica',Arial,sans-serif; font-weight: 400; }
.top-bar.expanded .toggle-topbar a span { box-shadow: 0 10px 0 1px #333, 0 16px 0 1px #333, 0 22px 0 1px #333; }
section:not(.top-bar-section) { padding-top: 20px; }



header { position: relative; }
header .row { position: relative; }
header .logo-Record { position: absolute; width: 140px; top: 10px; right: 0px; }
header .packshot { position: absolute; width: 260px; bottom: 0px; left: 390px; }
.fundo-header-ie8 { display: none !important; }


.reveal-modal h2 { margin-top: 105px; }

#intro h1,#intro h2,#intro h3,#intro h4,#intro h5,#intro h6 { border-bottom: 1px solid #444444; padding-top: 0.8rem; padding-bottom: 0.8rem; margin: 0px; }
#intro h4 { border-top: 1px solid #444444; }
#intro p { margin-top: 0.8rem; margin-bottom: 0.3rem; }
#intro p.lead { margin-top: 0px; margin-bottom: 20px; }

#colecao { background-color: #F6F6F6; }
#colecao img { margin-bottom: 15px; -webkit-box-shadow: 1px 2px 5px 2px rgba(0,0,0,0.5);
-moz-box-shadow: 1px 2px 5px 2px rgba(0,0,0,0.5);
box-shadow: 1px 2px 5px 2px rgba(0,0,0,0.5); }
#colecao h5 { margin-top: 3px; }
#colecao p { color: #E21518; margin-bottom: 5px; }

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

footer { position: relative; background-color: #333; margin-top: 0px; padding-top: 15px; padding-bottom: 45px; }
footer p, footer li { color: #CCC; font-size: 0.9rem; margin-bottom: 0px; }
footer .legalcopy { font-size: 0.7rem; margin-top: 5px; }

footer .social-icons { margin-bottom: 15px; }
footer .social-icons a { margin: 0px 5px; }
footer .social-icons .icone { display: inline-block; width: 40px; height: 40px; border-radius: 20px; }
footer .social-icons .icone.facebook { background-color: #3F6399; }
footer .social-icons .icone.twitter { background-color: #27B2BA; }
footer .social-icons .icone.instagram { background-color: #378DE2; }
footer .social-icons i { vertical-align: middle; font-size: 25px; margin: 0px; color: #FFF !important; }
footer .social-icons .icone.facebook i { margin-top: 8px; }
footer .social-icons .icone.twitter i { margin-top: 8px; }
footer .social-icons .icone.instagram i { margin-top: 8px; }
footer .social-icons .stamp { height: 40px; width: auto; margin-top: 10px; }


.lt-ie9 .fixed, .lt-ie9 .top-bar { background-color: #111 !important; }
.lt-ie9 header { margin-top: 0px; }
.lt-ie9 .fundo-header { display: none !important; }
.lt-ie9 .fundo-header-ie8 { display: block !important; }
.lt-ie9 .show-for-small-only { display: none; }
.lt-ie9 .orbit-container .orbit-prev, .orbit-container .orbit-next { background: none !important; color: #666; }
.lt-ie9 .orbit-container .orbit-prev > span { border-color: rgba(0, 0, 0, 0) #666 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-right-color: #666; }
.lt-ie9 .orbit-container .orbit-next > span { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #666; border-left-color: #666; }
.lt-ie9 .orbit-container .orbit-prev:hover > span { border-color: rgba(0, 0, 0, 0) #222 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); }
.lt-ie9 .orbit-container .orbit-next:hover > span { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #222; }
.lt-ie9 .orbit-slide-number { display: none; }
.lt-ie9 .orbit-bullets { margin: 0 auto; overflow: hidden; position: absolute; top: auto; bottom: 5px; text-align: center; width: 100%; }
.lt-ie9 .orbit-bullets li { display: inline-block; width: 8px; height: 8px; background: #CCC; float: none; margin-right: 6px; border: none; -webkit-border-radius: 1000px; border-radius: 1000px;  cursor:pointer; }
.lt-ie9 .close-reveal-modal { position: absolute; top: 10px; right: 15px; font-size: 28px; font-weight: bold; color: #999; cursor: pointer; }

.addthis_sharing_toolbox { padding: 12px 0px 6px 0px; }
.lt-ie9 .addthis_sharing_toolbox { height: 45px; line-height: 45px; padding: 6px 0px 6px 0px; }
.lt-ie9 .at-share-btn { display: inline !important; padding-left: 1px !important; padding-right: 1px !important; }




/* --- Small screens ------------------------------------------------------------------ */
@media only screen and (max-width: 40em) {
  .reveal-modal h2 { margin-top: 25px; }
} /* 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 -------------------------------------------------------- */
meta.foundation-mq-topbar {
  font-family: "/only screen and (min-width:9999px)/";
  width: 9999px;
}
@media only screen and (min-width: 40.063em) and (max-width: 63.938em) {
  .top-bar { overflow: hidden; height: 2.8125rem; line-height: 2.8125rem; position: relative; background: #333; margin-bottom: 0; }
  .top-bar-section { left: 0; position: relative; width: auto; transition: left 300ms ease-out; }
  .top-bar-section ul { padding: 0; width: 100%; height: auto; display: block; font-size: 16px; margin: 0; }
  .top-bar .toggle-topbar.menu-icon { top: 50%; margin-top: -16px; display: block; }
  .top-bar .title-area { float: none; }  
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .reveal-modal h2 { margin-top: 25px; }
  header .packshot { width: 180px; bottom: 0px; left: 420px; }
  header .logo-Record { top: 15px; right: 0px; }
} /* 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) {
  header .packshot { width: 250px; bottom: 0px; left: 270px; }
  header .logo-Record { top: 15px; right: 15px; }
  #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 */