body { background-color: #C0D7E6; }

h1,h2,h3,h4,h5,h6,p,li,strong,em,table th, table td { font-family: 'Open Sans','Helvetica Neue','Helvetica',Arial,sans-serif; }
h1,h2,h3,strong { font-weight: 700; }
h4,h5,h6 { font-weight: 300; }
p,li,em { font-weight: 400; }
.comentario { font-size: 0.8rem; color: #666; }
.texto-amarelo { color: #FFCE03; }
.texto-laranja { color: #F06722; }
.texto-azul { color: #00BDE3; }
.texto-rosa { color: #EB2C91; }
table { width: 100%; background: none; border: 0px none transparent; }
table thead { background: none; background-image: url('../img/transparentes/branco90.png'); }
table tr { background: none; background-image: url('../img/transparentes/branco50.png'); }
table tr.even, table tr.alt, table tr:nth-of-type(even) { background: none; background-image: url('../img/transparentes/branco30.png'); }
table tr.destaque { background-color: #00BDE3; background-image: none; }
table tr.destaque td { color: #FFF; }

.top-bar-section li:not(.has-form) a:not(.button) { font-family: 'Open Sans','Helvetica',Arial,sans-serif; font-weight: 300; font-size: 0.8rem; }
.top-bar .name h1, .top-bar .name span { font-size: 1.2rem !important; }
.top-bar .name h1 a { font-weight: 300 !important; }
.top-bar .name span { font-weight: 700 !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:not(.top-bar-section) { padding-top: 20px; }


.monstro { z-index: 20; position: absolute; }
.monstro .front { position: absolute; z-index: 10; }
.monstro .back { position: relative; z-index: 0; }

.monstro.rosa { top: -50px; left: 5px; }
.monstro.laranja { top: -140px; left: 230px; }
.monstro.azul { top: -20px; left: -30px; }
.monstro.amarelo { top: 220px; left: 230px; }


header { position: relative; background-image: url('../img/fundo-header-horizontal.jpg'); }
header .row { position: relative; }
header .film-strip { z-index: 50; position: absolute; width: 100%; min-height: 360px; top: 0px; left: 0px; background-image: url('../img/header-film-strip.png'); background-position-x: center; background-repeat: no-repeat; }
header .stamp-destaque { z-index: 55; position: absolute; width: 300px; top: 160px; right: 0px; margin-top: 0px; }

.cartazes a { position: relative; display: block; }
.cartazes img { margin-top: 50px; }
.cartazes .destaque img { margin-top: 0px; }
.cartazes .icone { position: absolute; bottom: 3px; left: 15px; display: inline-block; background-color: #F06722; padding: 0.4rem 0.7rem; border: 2px solid #FFF; border-radius: 8px; }
.cartazes .icone i { font-size: 25px; margin: 0px; line-height: 1.0em; color: #FFF; }


#destaque { position: relative; margin-top: 20px; }
#destaque .panel { background-image: url('../img/fundo-caixa-destaque.png'); background-position: left top; background-repeat: no-repeat; background-color: transparent; border: 0px none transparent; padding-top: 30px; padding-right: 30px; }
#destaque .panel .headcopy { width: 400px; margin-bottom: 10px; }
#destaque .panel h4 { color: #FFF; text-transform: uppercase; }
#destaque .panel p { color: #FFF; text-transform: uppercase; line-height: 1.5em; }

.pagina-cartaz header, .pagina-atividades header { min-height: 370px; }
.pagina-cartaz .filme, .pagina-atividades .filme { position: relative; z-index: 0; }
.pagina-cartaz #monstros, .pagina-atividades #monstros { position: relative; z-index: 50; padding-top: 0px; }

.pagina-cartaz .monstro.laranja, .pagina-atividades .monstro.laranja { left: -125px; }
.pagina-cartaz .monstro.azul, .pagina-atividades .monstro.azul { top: 0px; left: -255px; }
.pagina-cartaz .monstro.amarelo, .pagina-atividades .monstro.amarelo { top: 0px; left: auto; right: -225px; }
.pagina-cartaz .linha-inversa, .pagina-atividades .linha-inversa { background-image: url('../img/transparentes/branco20.png'); }

.pagina-cartaz .filme { padding-top: 30px; padding-bottom: 30px; }
.pagina-cartaz .filme .flex-video { margin-bottom: 0px; }
.pagina-cartaz .filme h3 { margin-top: 0px; margin-bottom: 0px; }
.pagina-cartaz .filme h6 { margin-top: 0px; }
.pagina-cartaz .filme p { font-size: 0.8rem; }
.pagina-cartaz .filme br { line-height: 2.5em; }
.pagina-cartaz .filme.destaque { background-image: url('../img/transparentes/preto80.png'); }
.pagina-cartaz .filme.destaque h3 { color: #F0F0F0; }
.pagina-cartaz .filme.destaque h6 { color: #F0F0F0; }
.pagina-cartaz .filme.destaque p { color: #F0F0F0; }
.pagina-cartaz .filme.destaque p.destaque { font-size: 1.1rem; color: #F06722; margin-bottom: 5px !important; }

.pagina-atividades .atividade h3 { margin-top: 10px; margin-bottom: 0px; line-height: 1.0em; }
.pagina-atividades .atividade h5 { margin-top: 5px; margin-bottom: 15px; line-height: 1.0em; }
.pagina-atividades .atividade p { font-size: 0.8rem; }
.pagina-atividades .destaque { background-image: url('../img/transparentes/preto80.png'); }
.pagina-atividades .destaque h3 { color: #F0F0F0; }
.pagina-atividades .destaque h5 { color: #F0F0F0; }
.pagina-atividades .destaque p { color: #F0F0F0; }


#sessoes-horarios h3 { margin-bottom: 0px; }
#sessoes-horarios h5 { margin-bottom: 15px; }
#sessoes-horarios table td:first-child { font-weight: bold; }

#destaque-precos { position: relative; background-color: #1B75BC; margin-top: 30px; padding-top: 15px; padding-bottom: 18px; }
#destaque-precos .row { position: relative; }
#destaque-precos h4 { color: #FFF; font-weight: 300; }
#destaque-precos p { color: #FFF; font-weight: 400; margin-bottom: 10px; }
#destaque-precos .button { margin-bottom: 0px; line-height: 20px; padding: 0.6rem 1.0rem; }
#destaque-precos .button i { font-size: 20px; }
#destaque-precos .stamp-mini { position: absolute; left: -20px; top: -5px; }
#destaque-precos .stamp-familia { position: absolute; right: 0px; top: -30px; }


#sponsors { background-image: url('../img/transparentes/branco20.png'); margin-top: 0px; padding-bottom: 20px; }
#sponsors li { padding-bottom: 0px; }
#sponsors .panel { background-color: transparent !important; border: 0px none transparent; margin-bottom: 0px; }
#sponsors p { color: #90A7B6; font-size: 0.7rem; font-weight: 300; margin-bottom: 3px; padding-bottom: 3px; border-bottom: 1px solid #B0C7D6; }

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; }
footer .legalcopy { font-size: 0.7rem; }


.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) {
	#destaque .panel { background-color: #F01716; margin: 200px 0px 150px 0px; }
	header .film-strip { background-size: 768px; top: 40px; }
	header .monstro.rosa { width: 150px; }
	.monstro.laranja { top: -105px; left: auto; right: 0px; }
	.monstro.azul { width: 160px; top: 20px; left: 0px; }
	.monstro.amarelo { width: 160px; top: 780px; left: 30px; }	
	#destaque-precos { overflow: hidden; padding-bottom: 200px; }
	#destaque-precos .stamp-mini { left: -15px; top: 10px; }
	#destaque-precos .stamp-familia { right: -25px; top: -15px; }
	table th, table td { font-size: 0.7rem !important; }
	table th:first-child, table td:first-child { width: 200px; }
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (max-width: 40em) and (orientation: portrait) {
	.pagina-cartaz header { min-height: 180px; }
	header .monstro.rosa { top: -30px; left: 2px; }
	header .film-strip { background-size: 640px; }
	header .cartazes { padding-top: 140px; padding-bottom: 20px; }
	header .stamp-destaque { width: 180px; top: 80px; right: 0px; }
}

/* --- Medium screens / Tablet -------------------------------------------------------- */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	header .film-strip { top: 40px; background-size: 1440px; background-position: 80% top; }
	header .stamp-destaque { width: 270px; top: 80px; right: 0px; }
	header .cartazes { padding-top: 280px; padding-bottom: 20px; }
	.pagina-cartaz header, .pagina-atividades header { min-height: 300px; }
	.pagina-cartaz .monstro.azul, .pagina-atividades .monstro.azul { display: none; }
	.pagina-cartaz .monstro.amarelo, .pagina-atividades .monstro.amarelo { display: none; }
	.pagina-cartaz .monstro.laranja, .pagina-atividades .monstro.laranja { display: none; }
} /* 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 .film-strip { top: 30px; background-size: 1280px; background-position: 65% top; }
	header .stamp-destaque { top: 115px; }
	.monstro.laranja { top: -105px; left: 50px; }
	.monstro.rosa { top: -40px; left: -5px; width: 200px; }
	.monstro.azul { width: 200px; top: -100px; left: -60px; }
	.monstro.amarelo { top: 220px; left: 30px; }
	#destaque .panel .footcopy { width: 380px; }
	#destaque-precos .stamp-mini { left: -25px; top: 50px; }
}

/* --- 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) {
	header .cartazes { padding-top: 330px; padding-bottom: 20px; }
} /* 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) {
	header .cartazes { padding-top: 330px; padding-bottom: 20px; }
} /* 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 */