*{margin:0; padding:0; border:none; font-family:arial; outline:none; list-style:none;}


html, body{height:100%;}


/* Reguas */
#top-regua{position:absolute; left:0; top:0; width:12000px; height:52px; background:url(../img/regua-top.png) no-repeat 0 0; z-index:10;}
#bottom-regua{position:absolute; left:0; bottom:0; width:12000px; height:52px; background:url(../img/regua-bottom.gif) no-repeat 0 0; z-index:10;}

/* Seta */
#setas{position:absolute; left:0; bottom:0; width:12000px; height:100%; margin:-325px 0 0 0; background:url(../img/setas.png) repeat-x 0 bottom; z-index:10;}


#global{position:relative; height:100%; width:12000px; background:url(../img/bg.png) repeat-x 0 center; overflow-x:hidden; overflow-y:hidden;}
#container{position:absolute; left:0; top:50%; width:100%; height:690px; margin:-340px 0 0 0; white-space:nowrap; z-index:100; overflow:hidden;}
.main{float:left; position:relative; width:100%; height:100%;}


/* MENU */
#menu{position:fixed; left:50px; bottom:0; width:121px; background:url(../img/bg-menu.png) no-repeat 0 0; z-index:1080;}
	#menu a.showhide{float:left; width:121px; height:42px; text-indent:-6666px; overflow:hidden;}
	#menu ul{float:left; clear:left; width:auto; display:none; height:115px; /*quando tiver depoimentos retornar para 115px*/ padding:1px 0 0 0;}
	#menu ul li{float:left; clear:left; width:99px; padding:0 0 2px 8px;}
	#menu ul li a{float:left; width:77px;  padding:0 0 0 22px; height:17px; font-size:0.6em; font-family:tahoma; color:#4d5c01; text-decoration:none; opacity:0.7; -moz-opacity:0.7;}
	#menu ul li a:hover{background:#bacf56;}


/** MEXA-SE **/
.mexase{position:absolute; left:31px; bottom:0; width:132px; height:142px; /*background:url(../img/mexa-se.png) no-repeat 0 0;*/}


/* ESTRUTURA */
#estrutura{position:absolute; left:0; top:0; width:auto; white-space:nowrap;}
	#estrutura .stage-area{float:left; position:relative; display:inline-block; width:1070px; height:690px;}
	#estrutura .stage-area .content{position:absolute; left:50%; top:50%; margin:-300px 0 0 -480px; width:812px; height:600px; background:url(../img/bg-main.png) no-repeat 0 0; z-index:900;}
	#estrutura .stage-area .content-flash{position:absolute; left:50%; top:50%; margin:-240px 0 0 -535px; width:1070px; height:480px; z-index:30;}

	#estrutura #area3 .content,
	#estrutura #area6 .content{background:url(../img/bg-main-small.png) no-repeat 0 center;}



/*Logo Promo*/
h1{position:absolute; left:-48px; top:30px; width:169px; height:173px; text-indent:-6666px; overflow:hidden; background:url(../img/logo-movimente-se-contra-celulite.png) no-repeat 0 0; z-index:100;}
h1 a{float:left; width:100%; height:100%; text-decoration:none;}

/*Logo Vichy*/
h2{position:absolute; right:40px; top:35px; width:113px; height:38px; background:url(../img/logo-vichy.png) no-repeat 0 0; text-indent:-6666px; overflow:hidden; z-index:80;}
h2 a{float:left; width:100%; height:100%; text-decoration:none;}
h2.inner{position:absolute; right:40px; top:35px; width:82px; height:30px; background:url(../img/logo-vichy-inner.gif) no-repeat 0 0; text-indent:-6666px; overflow:hidden; z-index:1080;}


/*Titulos de seções*/
h3{position:absolute; left:140px; top:65px; text-indent:-6666px; overflow:hidden;}

a.bird-home{background: url(../img/bird-home.gif) no-repeat 0 0; position:absolute ; left:750px; bottom:60px; width:136px; height:92px; cursor:arrow; text-indent:-6666px; overflow:hidden; z-index:888;}
a.bird-home:hover{background-position:0 -92px;}

a.signpubint{background:url(../img/sign-pubint.gif) no-repeat 0 0; position:absolute ; left:850px; bottom:60px; width:136px; height:9px; cursor:arrow; text-indent:-6666px; overflow:hidden; z-index:988;}


/** SOBRE A CELULITE **/
h3.tit-sobre-a-celulite{background:url(../img/tit-sobre-a-celulite.gif) no-repeat 0 0; width:232px; height:31px;}
ul.menu-sobre-celulite{position:absolute; left:48px; top:115px; width:644px; height:39px; padding:0 0 0 93px; background:url(../img/menu-sobre-a-celulite-sombra.png) no-repeat 0 bottom;}
	ul.menu-sobre-celulite li{float:left; display:inline; padding:0 9px 0 0;}
	ul.menu-sobre-celulite li a{float:left; width:113px; height:17px; padding:7px 0 0 0; font-size:10px; color:#969696; text-decoration:none; background:url(../img/bg-aba.gif) no-repeat 0 -24px; text-align:center; text-transform:uppercase; font-weight:bold;}
	ul.menu-sobre-celulite li a:hover,
	ul.menu-sobre-celulite li a.on{color:#ffffff; background-position:0 0;}

	.sobre-oque-e,
	.sobre-como-se-forma,
	.sobre-tipos-de-celulite,
	.sobre-ciclo-24h,
	.sobre-mitos-verdades{position:absolute; left:20px; top:173px; width:765px; height:400px; z-index:100; display:none;}

	/** sobre o que é **/
	.sobre-oque-e{}
		.sobre-oque-e p.big{position:absolute; left:28px; top:30px; width:278px; color:#9f9f9d; font-size:18px; line-height:24px; z-index:100;}
		.sobre-oque-e p.blue{position:absolute; left:28px; top:115px; width:278px; color:#4d9ce6; font-size:12px; z-index:100;}
		.sobre-oque-e ul.lista-fatores-geram-celulite{position:absolute; left:28px; top:140px; width:265px; z-index:100;}
		.sobre-oque-e ul.lista-fatores-geram-celulite li{float:left; clear:left; padding:0 0 11px 11px; display:list-item; background:url(../img/bullet-circle-blue.gif) no-repeat 1px 5px; font-size:12px; color:#777777;}
		.sobre-oque-e .fatos{position:absolute; left:300px; top:12px; width:423px; height:328px; padding:30px 0 0 140px; background:url(../img/bg-sobre-oque-e.png) no-repeat 0 0;}
		.sobre-oque-e .fatos h4{float:left; width:200px; height:20px; text-indent:-6666px; overflow:hidden; background:url(../img/tit-fatos-sobre-a-celulite.gif) no-repeat 0 0;}
		.sobre-oque-e .fatos ul{float:left; clear:left; width:215px; padding:18px 0 0 48px;}
		.sobre-oque-e .fatos ul li{float:left; clear:left; display:list-item; color:#777777; font-size:12px; padding:0 0 10px 13px; background:url(../img/bullet-circle-green.gif) no-repeat 3px 6px;}

	/** sobre como se forma **/
	.sobre-como-se-forma{background:url(../img/bg-sobre-como-se-forma.gif) no-repeat 0 10px;}
		.sobre-como-se-forma p.big{position:absolute; left:245px; top:35px; width:278px; color:#9f9f9d; font-size:18px; line-height:24px; z-index:100;}
		.sobre-como-se-forma p.normal{position:absolute; left:245px; top:170px; width:278px; color:#9f9f9d; font-size:12px; line-height:18px; z-index:100;}
		.sobre-como-se-forma p strong.blue{color:#4d9ce6;}
		.sobre-como-se-forma .pele{position:absolute; left:40px; top:148px; width:191px; height:142px; background:url(../img/ilustracao-pele.jpg) no-repeat 0 0;}

	/** sobre tipos de celulite **/
	.sobre-tipos-de-celulite{}
		.sobre-tipos-de-celulite h4.tit-celulites-denominadas-como{position:absolute; left:42px; top:35px; width:261px; height:53px; background:url(../img/tit-celulites-denominadas-como.gif) no-repeat -5px 0; text-indent:-6666px; overflow:hidden;}
		.sobre-tipos-de-celulite dl.list-tipos-celulite{position:absolute; left:42px; top:78px; width:280px;}
		.sobre-tipos-de-celulite dl.list-tipos-celulite dt{float:left; clear:left; width:280px; font-size:12px; color:#9fa0a0; line-height:18px; font-weight:bold;}
		.sobre-tipos-de-celulite dl.list-tipos-celulite dd{float:left; clear:left; width:280px; font-size:12px; color:#9fa0a0; line-height:18px; padding:0 0 15px 0;}
		.sobre-tipos-de-celulite .box-escala-celulite{position:absolute; left:342px; top:13px; width:414px; height:371px; background:url(../img/bg-escala.png) no-repeat 0 0;}
		.sobre-tipos-de-celulite .box-escala-celulite h4.tit-podemos-classicar-a-celulite{position:absolute; left:25px; top:18px; width:285px; height:44px; background:url(../img/tit-podemos-classicar-a-celulite.gif) no-repeat 0 0; text-indent:-6666px; overflow:hidden;}
		.sobre-tipos-de-celulite .box-escala-celulite p{position:absolute; left:27px; top:70px; color:#989898; font-size:11px;}
		.sobre-tipos-de-celulite ul.lista-escala-celulite{position:absolute; left:22px; top:89px; width:390px;}
		.sobre-tipos-de-celulite ul.lista-escala-celulite li{float:left; clear:left; position:relative; width:224px; height:47px; padding:5px 0 0 141px; font-size:12px; color:#9fa0a0;}
		.sobre-tipos-de-celulite ul.lista-escala-celulite li strong.blue{color:#4d9ce6;}
		.sobre-tipos-de-celulite ul.lista-escala-celulite li img{position:absolute; left:0; top:0;}
		.sobre-tipos-de-celulite p.info{position:absolute; left:25px; top:360px; font-size:10px; color:#737561;}

	/** sobre ciclo 24h **/
	.sobre-ciclo-24h{}
		.sobre-ciclo-24h .big1{position:absolute; left:44px; top:30px; width:278px; color:#9f9f9d; font-size:18px; line-height:24px; z-index:100;}
		.sobre-ciclo-24h .big2{position:absolute; left:44px; top:318px; width:278px; color:#9f9f9d; font-size:14px; line-height:24px; z-index:100; font-weight:bold;}
		.sobre-ciclo-24h p strong.blue{color:#4d9ce6;}
		.sobre-ciclo-24h .noite-ocorre{position:absolute; left:42px; top:66px; width:330px; height:245px; background:url(../img/ilustracao-noite-ocorre.jpg) no-repeat 0 0;}
		.sobre-ciclo-24h .noite-ocorre h4{position:absolute; left:162px; top:7px; width:147px; height:66px; background:url(../img/tit-noite-ocorre-seu-armazenamento.gif) no-repeat 0 0; text-indent:-6666px; overflow:hidden;}
		.sobre-ciclo-24h .noite-ocorre p{position:absolute; left:0; top:132px; font-size:12px; color:#9fa0a0; line-height:18px;}
		.sobre-ciclo-24h .dia-aparece{position:absolute; left:383px; top:66px; width:330px; height:245px; background:url(../img/ilustracao-dia-aparece.jpg) no-repeat 0 0;}
		.sobre-ciclo-24h .dia-aparece h4{position:absolute; left:162px; top:7px; width:184px; height:69px; background:url(../img/tit-dia-aparece-de-maneira.gif) no-repeat 0 0; text-indent:-6666px; overflow:hidden;}
		.sobre-ciclo-24h .dia-aparece p{position:absolute; left:0; top:132px; font-size:12px; color:#9fa0a0; line-height:18px;}
		.sobre-ciclo-24h .box-conheca{position:absolute; left:22px; top:347px; width:735px; height:33px; background:url(../img/txt-conheca-cellumetric.gif) no-repeat 0 0; text-indent:-6666px; overflow:hidden;}
		.sobre-ciclo-24h .box-conheca a{float:left; width:100%; height:100%;}
		.sobre-ciclo-24h p.info{position:absolute; left:583px; top:391px; font-size:11px; color:#737561;}

	/** sobre mitos e verdades **/
	.sobre-mitos-verdades{}
		h4.tit-mitos-verdades-sobre-celulite{position:absolute; left:44px; top:33px; width:653px; height:35px; background:url(../img/tit-mitos-e-verdades.gif) no-repeat 0 0; text-indent:-6666px;}
		.holder {position:absolute; left:44px; top:65px;}
		.scroll-pane {width:695px; overflow:auto; float:left;}
		#pane2{height:300px;}
		.osX .jScrollPaneTrack{width:17px !important; background: url(../img/bg-scrollbar-blue.gif) repeat-y;}
		.osX .jScrollPaneDrag{background: url(../img/drag-scrollbar-blue.gif) repeat-y center;}
		.osX .jScrollPaneDragTop{background: url(../img/drag-top-scrollbar-blue.gif) repeat-y center 0; height:5px;}
		.osX .jScrollPaneDragBottom{background: url(../img/drag-bottom-scrollbar-blue.gif) repeat-y center bottom; height:5px;}
		.osX a.jScrollArrowUp{height: 18px;background: url(../img/top-arrow-blue.gif) no-repeat 0 bottom;}
		.osX a.jScrollArrowDown{height: 18px;background: url(../img/bottom-arrow-blue.gif) no-repeat 0 0;}
		/* IE SPECIFIC HACKED STYLES */
		* html .osX .jScrollPaneDragBottom {bottom: -1px;}
		/* /IE SPECIFIC HACKED STYLES */
		dl.lista-sobre-mitos-verdades{display:inline-block;}
		dl.lista-sobre-mitos-verdades dt{font-size:14px; color:#9fa0a0; font-weight:bold; line-height:18px; padding:15px 0 8px 0; border-top:1px solid #cccccc; width:650px;}
		dl.lista-sobre-mitos-verdades dd{font-size:12px; position:relative; color:#9fa0a0; line-height:18px; padding:0 0 15px 135px;}
		dl.lista-sobre-mitos-verdades dd span{position:absolute; left:0; top:0; height:50px;}
		dl.lista-sobre-mitos-verdades dd span.verdadeiro-e-falso{width:135px; background: url(../img/verdadeiro-falso.gif) no-repeat 0 0;}
		dl.lista-sobre-mitos-verdades dd span.verdadeiro{left:53px; width:77px; background: url(../img/verdadeiro-falso.gif) no-repeat 0 0;}
		dl.lista-sobre-mitos-verdades dd span.falso{left:90px; width:37px; background: url(../img/verdadeiro-falso.gif) no-repeat right 0;}


/** **/
#area3{}
	#area3 #solucoes-vichy{width:100%; height:100%; background:url(../img/bg-solucoes.jpg) no-repeat 37px 184px; }
		#area3 #solucoes-vichy .lipometric-side p{position:absolute; left:75px; top:300px; font-size:11px; line-height:auto; color:#777777; text-align:right; font-family:arial;}
		#area3 #solucoes-vichy .lipometric-side ul{position:absolute; left:65px; top:390px;}
			#area3 #solucoes-vichy .lipometric-side ul li{display:list-item; text-align:right; font-size:12px; color:#777777; padding:0 16px 10px 0; background:url(../img/big-bullet-circle-green.gif) no-repeat right 5px;}
		#area3 #solucoes-vichy .lipometric-side a{position:absolute; left:160px; top:480px; width:87px; height:24px; background:url(../img/btn-saiba-mais.gif) no-repeat 0 0; text-indent:-6666px; overflow:hidden;}

		#area3 #solucoes-vichy .cellumetric-side p{position:absolute; left:520px; top:300px; font-size:11px; line-height:auto; color:#777777; text-align:left; font-family:arial;}
		#area3 #solucoes-vichy .cellumetric-side ul{position:absolute; left:518px; top:390px;}
			#area3 #solucoes-vichy .cellumetric-side ul li{display:list-item; text-align:left; font-size:12px; color:#777777; padding:0 0 10px 16px; background:url(../img/big-bullet-circle-green.gif) no-repeat 5px 5px;}
		#area3 #solucoes-vichy .cellumetric-side a{position:absolute; left:520px; top:480px; width:87px; height:24px; background:url(../img/btn-saiba-mais.gif) no-repeat 0 0; text-indent:-6666px; overflow:hidden;}


	#area3 #area-cellumetric{width:100%; height:100%; background:url(../img/bg-area-solucoes.jpg) no-repeat 37px 184px;}
	#area3 #area-lipometric{width:100%; height:100%; background:url(../img/bg-area-solucoes-lipo.jpg) no-repeat 37px 184px;}
		#area3 #area-lipometric ul{position:absolute; left:370px; top:285px; }
		#area3 #area-lipometric ul li{display:list-item; font-size:12px; color:#777777; font-weight:normal; padding:0 0 10px 16px; background:url(../img/big-bullet-circle-green.gif) no-repeat 2px 4px;}
		#area3 #area-lipometric a.btn-voltar{position:absolute; left:675px; top:250px; width:50px; height:25px; text-indent:-6666px; overflow:hidden;z-index:777;}
		#area3 #area-cellumetric a.btn-voltar{position:absolute; left:675px; top:250px; width:50px; height:25px; text-indent:-6666px; overflow:hidden;z-index:777; background:url(../img/btn-voltar.gif) no-repeat 0 0;}
		#area3 #area-cellumetric p.text-ponto-venda{position:absolute; right:95px; top:200px; background:url(../img/txt-disponivel-nos-postos-de-venda.gif) no-repeat 0 0; width:301px; height:14px; text-indent:-6666px; overflow:hidden;}

		#area3 h3.tit-solucoes-vichy{top:87px; left:145px; width:560px; height:90px; background:url(../img/tit-solucoes-vichy-1.gif) no-repeat 0 0;}
		#area3 h4.tit-programa-anticelulite{position:absolute; left:68px; top:217px; width:337px; height:46px; text-indent:-6666px; overflow:hidden; background:url(../img/tit-cellumetric-programa-anti-celulite.gif) no-repeat 0 0; }
		#area3 p.acao-intensiva{position:absolute; left:70px; top:279px; color:#777777; font-size:12px; line-height:18px;}
		#area3 p.acao-diurna{position:absolute; left:70px; top:345px; width:241px; height:74px; text-indent:-6666px; overflow:hidden; background:url(../img/box-acao-diurna.gif) no-repeat 0 0;}
		#area3 p.acao-noturna{position:absolute; left:310px; top:345px; width:241px; height:74px; text-indent:-6666px; overflow:hidden; background:url(../img/box-acao-noturno.gif) no-repeat 0 0;}
		#area3 ul.itens-solucoes-vichy{position:absolute; left:70px; top:427px; }
		#area3 ul.itens-solucoes-vichy li{display:list-item; font-size:11px; color:#777777; font-weight:bold; padding:0 0 4px 16px; background:url(../img/big-bullet-circle-green.gif) no-repeat 2px 4px;}
		#area3 p.info-small{position:absolute; left:70px; top:502px; color:#90908e; font-size:9px; z-index:777;}




/** SIGA A CELULITE **/
h3.tit-siga-a-celulite{width:512px; height:75px; top:100px; background:url(../img/tit-siga-a-celulite.gif) no-repeat 0 0;}
#twitter-area{position:absolute; left:20px; top:173px; width:765px; height:400px; z-index:100;}
	#twitter-area .twitter{position:absolute; left:12px; top:30px; width:147px; height:90px; background:url(../img/twitter-bird.gif) no-repeat 0 0; text-indent:-6666px; overflow:hidden;}
	#twitter-area p.big1{position:absolute; left:173px;  top:49px; font-size:24px;line-height:auto; color:#9fa0a0;}
	#twitter-area p.big2{position:absolute; left:173px;  top:197px; font-size:24px;line-height:auto;  color:#9fa0a0;}
	#twitter-area p.normal{position:absolute; left:173px;  top:153px; font-size:18px;line-height:auto; color:#9fa0a0;}
	#twitter-area p.btn-area{position:absolute; left:550px; top:278px;}
	#twitter-area a.btn-siga-a-celulite{display:inline-block; width:183px; height:51px; float:left; background:url(../img/btn-siga-a-celulite.gif) no-repeat 0 0; text-indent:-6666px; overflow:hidden;}
	#twitter-area p strong{color:#4d9ce6;}


/** DEPOIMENTOS **/
#pane3{height:325px;}
#area4 .holder{position:absolute; left:60px; top:215px;}
#area4 .osX .jScrollPaneTrack{width:17px !important; background: url(../img/bg-scrollbar-green.gif) repeat-y;}
#area4 .osX .jScrollPaneDrag{background: url(../img/drag-scrollbar-green.gif) repeat-y center;}
#area4 .osX .jScrollPaneDragTop{background: url(../img/drag-top-scrollbar-green.gif) repeat-y center 0; height:5px;}
#area4 .osX .jScrollPaneDragBottom{background: url(../img/drag-bottom-scrollbar-green.gif) repeat-y center bottom; height:5px;}
#area4 .osX a.jScrollArrowUp{height: 18px;background: url(../img/top-arrow-green.gif) no-repeat 0 bottom;}
#area4 .osX a.jScrollArrowDown{height: 18px;background: url(../img/bottom-arrow-green.gif) no-repeat 0 0;}

dl.lista-depoimentos{display:inline-block;}
dl.lista-depoimentos dt{font-size:18px; color:#aec526; font-weight:bold; line-height:25px; padding:15px 0 8px 18px; border-top:none; width:650px; background:url(../img/bg-dt-depoimento.gif) no-repeat 0 0;}
dl.lista-depoimentos dd{font-size:12px; position:relative; color:#9fa0a0; line-height:18px; padding:0 0 15px 18px; margin-bottom:10px; width:650px; background:url(../img/bg-dd-depoimento.gif) no-repeat 0 bottom;}
h3.tit-depoimentos{width:512px; height:75px; top:100px; background:url(../img/tit-depoimentos.gif) no-repeat 0 0;}




/** CHAMADAS **/
.promocao-movimentese{position:absolute; right:-118px; top:165px; width:168px; height:168px; background:url(../img/box-promocao-movimentese.png) no-repeat 0 0; z-index:1100;}
	.promocao-movimentese h4{display:none;}
	.promocao-movimentese a{float:left; width:157px; height:87px; padding:78px 0 0 6px; text-decoration:none; font-size:11px; color:#384b5c; text-align:center; line-height:14px;}
	.promocao-movimentese a span{color:#386dc0;}
	.promocao-movimentese a:hover{text-decoration:underline;}

.solucoes-vichy{position:absolute; right:-155px; top:298px; width:142px; height:142px; background:url(../img/box-solucoes-vichy.png) no-repeat 0 0; z-index:1100;}
	.solucoes-vichy h4{display:none;}
	.solucoes-vichy a{float:left; width:142px; height:80px; padding:62px 0 0 0; text-decoration:none; font-size:11px; color:#464f0f; text-align:center; line-height:14px;}
	.solucoes-vichy a:hover{text-decoration:underline;}