body { background-image: url(../img/fundo.jpg); background-repeat: repeat-x; background-color: #FAFAFA; }

h1,h2,h3,h4,h5,h6,p,li,input,.top-bar-section ul li>a,h1.subheader,h2.subheader,h3.subheader,h4.subheader,h5.subheader,h6.subheader { font-family: "Roboto","Helvetica Neue","Helvetica",Arial,sans-serif; }
h1,h2,h3 { font-weight: 100; text-transform: uppercase; }
h4,h5,h6,h1.subheader,h2.subheader,h3.subheader,h4.subheader,h5.subheader,h6.subheader { font-weight: 300; text-transform: uppercase; }
p,li,input,.top-bar-section ul li>a { font-weight: 400; }
strong,b { font-weight: 700; }


header { position: relative; background-image: url(../img/stamp-pato.png); }
header .row { position: relative; }
.logo-CM { position: absolute; top: 10px; right: 110px; height: 90px; }
.logo-TVG { position: absolute; top: 10px; right: 0px; height: 90px; }
.logo-BeloInox { position: absolute; bottom: 10px; left: 0px; width: 160px; }
.packshot-header { position: absolute; bottom: 0px; right: 0px; }
.fundo-header { margin-left: -200px; }
.fundo-header-ie8 { display: none !important; }

.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 { background-color: #FAFAFA; border-top: 2px solid #FAFAFA; }
section .row { background-color: #FFF; padding-top: 15px; padding-bottom: 15px; }
.top-bar-section { border-top: 0px; }
.top-bar-section .row { background-color: transparent; padding-top: 0px; }

#entregas li img { border: 1px solid #F0F0F0; }


footer { position: relative; background-color: #333; margin-top: 30px; padding-top: 30px; padding-bottom: 30px; }
footer p, footer li { color: #CCC; font-size: 14px; }
footer .legalcopy { font-size: 9px; }


.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 { height: 45px; line-height: 45px; padding: 4px 0px 5px 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) {
	.logo-CM { height: 80px; right: auto; left: 10px; top: 10px; }
	.logo-TVG { height: auto; width: 80px; right: auto; left: 10px; top: 100px; }
	.logo-BeloInox { width: 80px; left: 10px; }
	.fundo-header { margin: 0px 10px 200px 10px; width: 300px; }
	.packshot-header { height: 320px; right: 10px; }
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (min-width:600px) and (max-width: 40em) and (orientation: portrait) {
}

/* --- Medium screens / Tablet -------------------------------------------------------- */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	.logo-CM { right: 120px; }
	.logo-TVG { right: 10px; }
	.logo-BeloInox { width: 140px; left: 10px; }
} /* 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) {
}

/* --- Large screens ------------------------------------------------------------------ */
@media only screen and (min-width: 64.063em) {
} /* min-width 1024px and max-width 1440px, use when QAing large screen-only issues */