/*==== Styles for all browses ====*/
* {
	margin:0;
	padding:0;
	outline:none;
}
div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	background:none repeat scroll 0 0 transparent;
	border:0 none;
	font-size:100%;
	margin:0;
	outline:0 none;
	padding:0;
	vertical-align:baseline;
}
a {
	text-decoration:none;
}
a img {
	border:none;
}
a:hover {
	text-decoration:underline;
}
body {
	background-color:#1B1B1B;
	color:#515151;
	font:11px Helvetica, Arial;
	position:absolute;
	width:100%;
	/*overflow:hidden;*/
	*overflow:hidden;
	/*height:100%;*/
	height:auto;
 *height:100%;
}
.home-intro {
	overflow:hidden;
	position: inherit;
	height:100%;
}
ul li {
	list-style:none;
}
/* ==== Tools ==== */
.break {
	clear:both;
	height:0;
}
/*Title flash
--------------*/
.flash-replaced {
	font-size:14px;
	color:#626262;
	font-weight:bold;
}
.altFlash {
	display:none;
}
/*Scroll
---------*/
.scroll, .scroll2 {
	overflow:auto;
}
.contentTop2 .jScrollPaneTrack {
	border:#1b1b1b solid 1px;
	background-color:#515151;
}
.contentTop2 .jScrollPaneDrag {
	background:url(../img/scroll.png) no-repeat;
}
/* ==== Repeat of Elements ==== */
.contentTop form input, #contact form input, .contentTop h2 {
	text-transform:uppercase;
}
/* ==== Nevagation ==== */
#navegation li a, #footer .mFooter a, .menu li a, #reelTop li a {
	display:block;
	text-indent:-9999px;
}
/*//// --*/

#navegation {
	width:124px;
	height:91px;
	padding:10px 0 0 6px;
	margin:5px 10px 0 0;
	border-right:#515151 solid 1px;
	border-left:#515151 solid 1px;
	position:relative;
	z-index:999;
}
#navegation li {
	list-style:none;
	margin-bottom:3px;
}
.ie7 #navegation li {
	margin-bottom:0px;
}
#navegation li a {
	height:12px;
	background:url(../img/navegation.png) no-repeat;
}
#navegation .a1 a {
	background-position:0 0;
	width:43px;
}
#navegation .a2 a {
	background-position:0 -24px;
	width:31px;
}
#navegation .a3 a {
	background-position:0 -48px;
	width:75px;
}
#navegation .a4 a {
	background-position:0 -72px;
	width:47px;
}
#navegation .a5 a {
	background-position:0 -96px;
	width:27px;
}
#navegation .a6 a {
	background-position:0 -121px;
	width:110px;
}
#navegation .a1 a:hover {
	background-position:0 -12px;
}
#navegation .home a {
	background-position:0 -12px;
}
#navegation .a2 a:hover {
	background-position:0 -36px;
}
#navegation .reel a {
	background-position:0 -36px;
}
#navegation .a3 a:hover {
	background-position:0 -60px;
}
#navegation .a4 a:hover {
	background-position:0 -84px;
}
#navegation .filmes a {
	background-position:0 -84px;
}
#navegation .a5 a:hover {
	background-position:0 -108px;
}
#navegation .art a {
	background-position:0 -108px;
}
#navegation .a6 a:hover {
	background-position:0 -133px;
}
#navegation .web a {
	background-position:0 -133px;
}
#navegation .a3.diretor a {
	background-position:0 -147px;
	width:120px;
}
.menu {
	position:absolute;
	left:2px;
	bottom:-23px;
	width:280px;
	;
}
.menu li {
	float:left;
	border-right:#2d2d2d solid 1px;
	height:23px;
	list-style:none outside none;
	position:relative;
	z-index:10;
}
.menu .m1 a, .menu .m2 a, .menu .m3 a, .menu .m4 a, .menu .m5 a, .menu .m6 a, .menu .m7 a, #reelTop .r1 a, #reelTop .r2 a, #reelTop .r3 a, #reelTop .r4 a {
	background-repeat:no-repeat;
	background-position:0 0;
	height:20px;
}
.menu .m1 a:hover, .menu .m2 a:hover, .menu .m3 a:hover, .menu .m4 a:hover, .menu .m5 a:hover, .menu .m6 a:hover, .menu .m7 a:hover, #reelTop .r1 a:hover, #reelTop .r2 a:hover, #reelTop .r3 a:hover, #reelTop .r4 a:hover {
	background-position:0 -20px;
	background-color:#2d2d2d;
	height:23px
}
#reelTop .sel a {
	background-position:0 -20px;
	background-color:#2d2d2d;
	height:23px
}
.menu .m1 a {
	background-image:url(../img/filmes.png);
	width:76px;
}
.menu .m2 a {
	background-image:url(../img/rell.png);
	width:55px;
}
.menu .m3 a {
	background-image:url(../img/todos.png);
	width:76px;
}
.menu .m4 a {
	background-image:url(../img/publicidade.png);
	width:111px;
}
.menu .m5 a {
	background-image:url(../img/curtas.png);
	width:77px;
}
.menu .m6 a {
	background-image:url(../img/concept_art.png);
	width:126px;
}
.art-page .menu .m6 a {
	background-position:0 -20px;
}
.art-page .menu, .ilustra-page .menu {
	bottom:-20px;
}
.art-page .menu li, .ilustra-page .menu li {
	height:20px;
}
.ilustra-page .menu .m7 a {
	background-position:0 -20px;
}
.menu .m7 a {
	background-image:url(../img/ilustracao.png);
	width:108px;
}
.menu .m8 a {
	background-image:url(../img/filmes2.png);
	width:76px;
	height:23px
}
.menu .m8 a:hover {
	background-position:0 -23px;
}
#reelTop .r1 a {
	background-image:url(../img/personagens.png);
	width:104px;
}
#reelTop .r2 a {
	background-image:url(../img/motion.png);
	width:59px;
}
#reelTop .r3 a {
	background-image:url(../img/finalizacao.png);
	width:94px;
}
#reelTop .r4 a {
	background-image:url(../img/produto.png);
	width:69px;
}
/* ==== Framework ==== */
#logo, #navegation {
	float:left;
}
#footer, #top {
/*min-width:1024px;*/
}
#top, #footer {
	background-color:#2d2d2d;
}
/*//// --*/
#top {
	height:112px;
	position:relative;
}
#top h1, .titlePg {
	/*float:right;
	margin:35px 0 0 27px;*/
	position:absolute;
	right:25px;
	top:35px;
}
#logo {
	margin:26px 42px 0 37px;
}
#main {
	border:1px solid transparent;
	margin:0 auto;
	position:relative;
}
.mainTop {
	position:absolute;
	top:-112px;
	left:400px;
	min-width:622px;
}
.break {
	clear:both;
	height:0;
}
/*Footer
-----------*/
#footer {
	bottom:0;
	float:left;
	height:22px;
	position:fixed;
	width:100%;
	z-index:99999;
}
#footer p {
	float:right;
	background:url(../img/links.png) left no-repeat;
	width:140px;
	height:16px;
	padding-left:40px;
	margin-top:3px;
}
#footer p a {
	margin-right:3px;
}
#footer ul {
	float:left;
	width:586px;
	height:17px;
	margin:5px 0 0 35px;
}
#footer li {
	list-style:none;
	float:left;
}
#footer li a {
	height:11px;
	padding:0 5px;
	color:#a2a2a2;
}
#footer li a:hover {
	color:#FFF;
}
#footer .mFooter a {
	background:url(../img/menu_footer.png) no-repeat;
	border-left:#515151 solid 1px;
}
#footer .f1 a {
	background-position:5px 0;
	width:104px;
}
#footer .f2 a {
	background-position:-120px 0;
	width:70px;
}
#footer .f3 a {
	background-position:-210px 0;
	width:70px;
}
#footer .f1 a:hover {
	background-position:5px -13px;
}
#footer .f2 a:hover {
	background-position:-120px -13px;
}
#footer .f3 a:hover {
	background-position:-210px -13px;
}
#reelTop .r1 a {
	background-image:url(../img/personagens.png);
	width:104px;
}
#reelTop .r2 a {
	background-image:url(../img/motion.png);
	width:59px;
}
#reelTop .r3 a {
	background-image:url(../img/finalizacao.png);
	width:94px;
}
#reelTop .r4 a {
	background-image:url(../img/produto.png);
	width:69px;
}
#reelTop li {
	background:url(../img/line_right.jpg) right no-repeat;
	position:relative;
}
#reelTop li {
	float:left;
	font-weight:bold;
	height:69px;
	list-style:none outside none;
	margin:0;
	padding:43px 35px 0 10px;
}
#reelTop li a {
	color:#4c4c4c;
}
#reelTop .altreelTop {
	background:none;
}
#reel #slider {
	/*max-width:1280px;
	height:666px;*/
	/*margin-left:auto;
	margin-right:auto;
	width:860px;*//*position:relative;*/
	
	height:400px;
	margin:6% auto 0;
	position:relative;
	width:1110px;
	z-index:10;
}
#slider ul {
	height:370px;
	margin-left:-379px;
	overflow:hidden;
	position:relative;
	width:1326px;
	z-index:2;
}
#pgReel .imgSmall {
	opacity:0.1;
}
#slider li {
	float:left;
	margin-left:62px;
}
#btsSlider {
	height:400px;
	margin:-402px auto 0;
	position:relative;
	width:866px;
}
#btsSlider #butleft {
	left:0;
}
#btsSlider #butleft, #btsSlider #butright {
	position:absolute;
	top:135px;
	z-index:100;
}
#btsSlider #butright {
	right:14px;
}
#pgReel {
	margin-left:auto;
	margin-right:auto;
	position:relative;
	width:940px;
}
/*contents Top
---------------------*/
#reelTop{
	display:none;
}
.contentTop, .contentTop2, #reelTop, #reelTop li {
	float:left;
}
.contentTop, #reelTop li {
	position:relative;
}
.contentTop h2, #reelTop li {
	font-size:14px;
	color:#FFF;
	margin-top:3px;
	float:left;
}
/*//// --*/
.contentTop {
	width:129px;
	height:82px;
	padding:17px 39px 13px 10px;
}
.contentTop .links {
	position:absolute;
	bottom:24px;
	left:10px;
}
.contentTop .links a {
	padding-right:14px;
}
.contentTop form .buscaTags, .contentTop form input {
	width:127px;
	height:20px;
	border:#515151 solid 1px;
}
.contentTop form {
	color:#FFF;
	font-weight:bold;
	font-size:10px;
}
.contentTop form input {
	background-color:#1b1b1b;
	color:#d4d4d4;
	height:18px;
	padding-top:2px;
}
.contentTop form label {
	margin:0 0 3px 3px;
	float:left;
}
.contentTop form .buscaTags {
	margin-bottom:12px;
	padding: 4px 0 0 5px;
	width:122px;
	height:16px;
	position:relative;
}
.contentTop form .buscaTags a {
	position:absolute;
	top:0;
	right:0;
	display:block;
	width:22px;
	height:18px;
	text-align:right
}
.contentTop2 {
	/*width:421px;
	height:70px;
	color:#646464;
	font-size:10px;
	margin:22px 0 0 22px;*/
	color:#646464;
	font-size:10px;
	height:70px;
	left:510px;
	margin:22px 0 0 22px;
	position:absolute;
	width:421px;
}
.contentTop2 .scroll {
	width:411px;
	height:60px;
}
.contentTop2 .scroll2 {
	width:411px;
	height:65px;
} /*teste*/
.contentTop2.contentT {
	margin:7px 0 0 95px;
	width:241px;
}
.gallery {
	height: 195px;
	float:left;
	margin:0 4px 24px;
	width:288px;
}
#diretores {
	padding:48px 30px 25px;
	width:auto;
	min-height:590px;
}
.gallery img {
	border:1px solid #3C3C3C;
	margin-bottom:5px;
	cursor:pointer;
}
#slider .floating {
	float:right !important;
}
.gallery .button {
	background:url("../img/star2.png") no-repeat scroll center top transparent;
	border:medium none;
	cursor:pointer;
	display:block;
	float:right;
	height:12px;
	line-height:50px;
	margin-top:-12px;
	margin-right:7px;
	text-indent:-9999px;
	width:13px;
}
.gallery .trash {
	background:url("../img/lixo.png") no-repeat scroll center top transparent;
	border:medium none;
	cursor:pointer;
	display:block;
	float:right;
	height:15px;
	line-height:50px;
	margin-top:-13px;
	margin-right:8px;
	text-indent:-9999px;
	width:13px;
}
.gallery .button:hover {
	background:url(../img/star2.png) 0 -13px no-repeat;
}
#boxDiretores, .boxTop, .ac_results {
	background:none repeat scroll 0 0 #2D2D2D;
	border:1px solid #515151;
	left:126px;
	padding:20px 15px;
	position:absolute;
	top:0;
	z-index:100000;
}
#boxDiretores a {
	font-size:24px;
	line-height:22px;
	text-decoration:none;
}
#boxDiretores a, .boxTop a {
	background:none repeat scroll 0 0 transparent !important;
	color:#D4D4D4;
	display:block !important;
	float:none !important;
	font-weight:700;
	height:auto !important;
	margin:0 !important;
	text-indent:0 !important;
	text-transform:uppercase;
	width:auto !important;
}
#boxDiretores {
	display:none;
	left:399px;
	width:275px;
}
#boxDiretores a:hover {
	color:#FFFFFF;
	text-decoration:none;
}
.slide {
	height:39px;
	position:fixed;
}
.home-intro .slide {
	float:right;
	height:39px;
	right:561px;
}
.slide button {
	background:url("../img/openPagination.png") no-repeat scroll 0 0 transparent;
	border:medium none;
	cursor:pointer;
	height:39px;
	margin-left:-1px;
	outline:medium none;
	position:relative;
	right:0;
	top:7px;
	width:30px;
	z-index:99;
}
.clienteHome{
	margin-top:30px;
}

.tituloHome{
	margin-top:-20px;
}

.inner {
	display:block !important;
	height:39px;
	left:15px;
	position:absolute;
	width:253px;
}
#minLinks {
	background:url("../img/bg_pagination.png") no-repeat scroll right center transparent;
	height:38px;
	margin-top:-42px;
 *margin-top:-2px;
	padding:21px 0 0 20px;
}
#page_navigation a {
	color:#FFFFFF;
	display:block;
	float:left;
	margin-left:10px;
}
#producer {
	background-image:url("../img/produtora.jpg");
}
#producer, #contact {
	background-color:#000000;
	background-position:center top;
	background-repeat:no-repeat;
	color:#BBBBBB;
	font-size:20px;
	min-height:666px;
	text-transform:uppercase;
}
#producer .contentProducer {
	width:716px;
}
#contact form, #producer .contentProducer {
	margin:0 auto;
	min-height:256px;
	padding-top:168px;
}
.contentT {
	margin-top:-5px;
	padding-top:0;
}
.Ublog {
	background:url(../img/line_right.jpg) right no-repeat;
}
.contentT a {
	color:#646464;
}
.contentT h2 {
	color:#FFFFFF;
	font-size:11px;
	margin-bottom:5px;
}
.contentTop2 h2 {
	margin-top:8px;
}
#contact {
	background-image:url("../img/contato.jpg");
}
#contact form {
	position:relative;
	width:708px;
}
#contact form input, #contact form textarea, #contact form select {
	color:#414141;
	font-weight:700;
	height:18px;
	margin-bottom:8px;
	padding-top:2px;
	width:310px;
}
#contact form input, #contact form textarea {
	background-color:#0C0C0C;
	border:1px solid #515151;
}
#contact form textarea {
	height:157px;
	width:364px;
}
#contact form select, #contact form .inputAlt {
	background-color:#2D2D2D;
	border:1px solid #0C0C0C;
	color:#686868;
	height:20px;
	width:313px;
}
.ie7 #contact form #PageTelefone {
	margin-bottom:0;
}
#contact form .btForm {
	border:medium none;
	bottom:-20px;
	cursor:pointer;
	display:block;
	height:10px;
	line-height:50px;
	position:absolute;
	right:0;
	text-indent:-9999px;
	width:52px;
}
#contact form select {
	margin-top:25px;
}
#contact .contentContact1 {
	float:left;
	width:330px;
}
#contact .contentContact1 h3 {
	border-right:2px solid #FFFFFF;
	color:#FFFFFF;
	font-size:64px;
	height:96px;
	margin-bottom:69px;
}
#contact .contentContact1 h3 span {
	display:block;
	font-size:24px;
}
#contact .contentContact2 {
	float:left;
	height:307px;
	padding:27px 0 0 12px;
	position:relative;
	width:366px;
}
#contact .contentContact2 textarea {
	bottom:0;
	position:absolute;
	right:0;
}
#contact .contentContact2 p a {
	color:#929195;
	display:block;
	font-size:12px;
	font-weight:700;
	margin:3px 0;
}
#contact .contentContact2 p a:hover {
	color:#FFFFFF;
	text-decoration:none;
}
#contact .contentContact2 .btForm {
	background:url("../img/enviar.png") no-repeat scroll center top transparent;
	height:10px;
	width:52px;
}
#contact .contentContact2 .btForm:hover {
	background-position:center bottom;
	cursor:pointer;
}
#boxComoFunciona {
	background:none repeat scroll 0 0 #1B1B1B;
	border:2px solid #EE3F24;
	bottom:22px;
	color:#646464;
	display:none;
	left:105px;
	position:absolute;
	width:200px;
	z-index:9999;
}
#titleComoFunciona {
	background:none repeat scroll 0 0 #EE3F24;
	color:#FFFFFF;
	font:bold 12px Helvetica, Arial;
}
#boxComoFunciona p {
	background:none repeat scroll 0 0 transparent;
	clear:both;
	height:auto;
	padding:5px;
	width:185px !important;
}
.boxTop {
	background-color:#1B1B1B;
	display:none;
	left:138px;
	text-align:left;
	top:17px;
	width:180px;
}
.boxTop, .ac_results {
	background:none repeat scroll 0 0 #2D2D2D;
	border:1px solid #515151;
	left:126px;
	padding:20px 15px;
	position:absolute;
	top:0;
	z-index:100000;
}
.boxTop a {
	font-size:14px;
	position:relative !important;
	text-align:left !important;
}
.boxTop a {
	background:none repeat scroll 0 0 transparent !important;
	color:#D4D4D4;
	display:block !important;
	float:none !important;
	font-weight:700;
	height:auto !important;
	margin:0 !important;
	text-indent:0 !important;
	text-transform:uppercase;
	width:auto !important;
}
.slideshow img {
	width:100% !important;
}
.art-page .gallery .button, .ilustra-page .gallery .button {
	display:none;
}
/*esconde link versão ingles*/#footer .f3 {/*display:none;*/
}
.topForm {
	width:auto !important;
}
.topForm div {
	float:left;
	margin-left:12px;
	width:129px;
}
.topForm .btForm.btEnviar {
	margin-top:56px;
}
.topForm .btForm.btEnviar {
	background:url("../img/enviar2.png") no-repeat scroll 0 0 transparent;
	cursor:pointer;
	height:20px;
	line-height:1px;
	text-indent:-9999px;
	width:77px;
	margin-top:64px;
}
.topForm.contentTop form input {
	margin-bottom:10px;
	padding-top:0;
}
.topForm .btForm {
	background:none repeat scroll 0 0 transparent;
	border:medium none;
	float:left;
	height:20px;
	margin:60px 0 0 12px;
	width:77px;
}
.contentTop form input {
	background-color:#1B1B1B;
	color:#D4D4D4;
	height:18px;
	padding-top:2px;
}
.contentTop form .buscaTags, .contentTop form input {
	border:1px solid #515151;
	height:20px;
	width:127px;
}
.contentTop form input, #contact form input, .contentTop h2 {
	text-transform:uppercase;
}
.favoritos .gallery .button {
	display:none;
}
.light-video {
	height:360px;
	left:374px;
	overflow:hidden;
	position:absolute;
	width:638px;
}
.esconde {
	display:none;
}
#video span.voltar a h5 {
	background-image:url("../img/fechar.png");
	height:56px;
	left:650px;
	position:absolute;
	text-indent:-99999px;
	top:-12px;
	width:54px;
}
#video span.voltar a h5:hover {
	background-position:0 -53px;
}
.titulo {
	float:none;
	font-size:46px;
	height:40px;
	position:relative;
}
.cliente{
	font-size:14px;
	margin-left:10px;
	margin-top:-15px;
}


.wrapper {
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:90px;
	padding-left:50px;
	width:80%;
	margin:auto
}
.galleryCont {
	display:none;
}
.wrapper .text {
	font-family:Arial, Helvetica, sans-serif;
}
.wrapper h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:26px;
}
.longText {
	margin-top:20px;
	width:600px;
	font:18px/24px Arial, Helvetica, sans-serif;
	color:gray;
}
span.btn {
	padding:10px;
	display:inline-block;
	cursor:pointer;
	font:12px/14px Arial, Helvetica, sans-serif;
	color:#aaa;
	background-color:#eee;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-moz-box-shadow:#999 2px 0px 3px;
	-webkit-box-shadow:#999 2px 0px 3px;
}
span.btn:hover {
	background-color:#000;
}
#video object{
	height:405px;
	margin-left:5px;
	margin-top:0;
	width:650px;
}
#slideleft{
	display:none;
}
.homeDestaque{
	float:right;
	margin-right:10px;
}
/**reel**/
.reel .menu .m1 a {
	background-image:url(../img/reel/personagens.png);
	width:135px;
}
.reel .menu .m2 a {
	background-image:url(../img/reel/motion.png);
	width:90px;
}
.reel .menu .m3 a {
	background-image:url(../img/reel/finalizacao.png);
	width:123px;
}
.reel .menu .m5 a {
	background-image:url(../img/reel/produto2.png);
	width:96px;
}
.reel .menu .m1 a:hover, .reel .menu .m2 a:hover, .reel .menu .m3 a:hover, .reel .menu .m5 a:hover{
	background-position:0 -21px;
}
.reel .menu {
	width:454px;
}
/**diretorees**/

.diretores .menu .m3 a {
	background-image:url("../img/art.png");
	width:55px;
}
.diretores .menu .m3 a:hover {
	background-position:0 -22px;
}
