@import url('fonts.css'); @import url('reset.css'); body{margin: 0;padding: 0;background: #FFFFFF} #page{height: auto;} #page #header{height: 116px;} .container #header #logo{width: 331px;height: 71px;background: url('../images/logo.jpg') no-repeat;overflow: hidden;text-indent: -9999px;margin: 0 auto 45px;position: relative;top: 10px;display: block;} #mainmenu{height: 51px;background: url('../images/menu.png') repeat-x top center; position: relative} #mainmenu .menu{width: 960px;margin: 0 auto;font-family:'AvenirLTStd85Heavy';height: 44px;position: relative;z-index: 9999;} #mainmenu .menu #btn-portal{background: url('../images/btn-portal.png') no-repeat; display: block; height: 18px; left: 851px; position: absolute; top: -29px; width: 107px;} #mainmenu form{position: absolute;top: 0;right: 0;} .depilacao-cera-morna #mainmenu>.menu>ul li a.menuDepilacao{color: #87868a;} #mainmenu form {position: absolute;top: 6px;right: 0;} #mainmenu form a{font-size: 9px;margin: 0 2px;display: block;width: 28px;height: 28px;background: url('../images/idioma.jpg') no-repeat center;float: left;text-align: center;line-height: 28px;color: #dadadd;text-decoration: none;} #mainmenu form a.ativo{background: url('../images/idiomaAtivo.jpg') no-repeat center;color: #fcfcfc;cursor: default;} #mainmenu .menu>ul{padding: 0;} #mainmenu ul>li{float:left;margin-right: 49px;position: relative;} #mainmenu ul li{list-style: none;} .home #mainmenu>.menu>ul>li>a.menuInicial, .depilacao-cera-morna #mainmenu>.menu>ul li a.menuDepilacao, .fotodepilacao #mainmenu>.menu>ul li a.menuDepilacao, .camarimLook #mainmenu>.menu>ul li a.menuDepilacao, .depylMen #mainmenu>.menu>ul li a.menuDepilacao, .corporais #mainmenu>.menu>ul li a.menuProdutos, .produtos #mainmenu>.menu>ul li a.menuProdutos, .faciais #mainmenu>.menu>ul li a.menuProdutos, .acessorios #mainmenu>.menu>ul li a.menuProdutos, .lojas #mainmenu>.menu>ul li a.menuLojas, .seja-mais-depyl #mainmenu>.menu>ul li a.menuSejaMaisDepyl, .fidelize #mainmenu>.menu>ul li a.menuSejaMaisDepyl, .parcerias #mainmenu>.menu>ul li a.menuSejaMaisDepyl, .depyl-action #mainmenu>.menu>ul li a.menuDepylAction, .franquia #mainmenu>.menu>ul li a.menuFranquia{color: #87868a;} .contato #mainmenu>.menu>ul li a.menuContato{color: #87868a;} #mainmenu ul li a{font-size: 12px;text-transform: uppercase;text-decoration: none;color: #FFFFFF;display: block;height: 44px;line-height: 44px;} #mainmenu ul li a:hover{color: #e4067c;} #mainmenu ul li .menuFlutuante{position: absolute;top: 40px;left: -25px;background: #ccc;text-align: center;display: none;z-index: 999;} #mainmenu ul li .menuFlutuante li{margin: 0;float: none;} #mainmenu ul li .menuFlutuante.menuFlutuanteDepilacao li{width: 120px;height: 43px;} #mainmenu ul li .menuFlutuante.menuFlutuanteDepilacao li.ceraMorna{background: #e4067c;} #mainmenu ul li .menuFlutuante.menuFlutuanteDepilacao li.ceraMorna a{color: #FFFFFF;} #mainmenu ul li .menuFlutuante.menuFlutuanteDepilacao li.fotoDepilacao{background: #639dad;} #mainmenu ul li .menuFlutuante.menuFlutuanteDepilacao li.fotoDepilacao a{color: #FFFFFF;} #mainmenu ul li .menuFlutuante.menuFlutuanteDepilacao li.camarimLook{background: #ede9ed;} #mainmenu ul li .menuFlutuante.menuFlutuanteDepilacao li.camarimLook a{color: #211915;} #mainmenu ul li .menuFlutuante.menuFlutuanteDepilacao li.depylMen{background: #211915;} #mainmenu ul li .menuFlutuante.menuFlutuanteDepilacao li.depylMen a{color: #FFFFFF;} #mainmenu ul li .menuFlutuante.menuFlutuanteProdutos li{width: 120px;height: 43px;background: #e4067c;} #mainmenu ul li .menuFlutuante.menuFlutuanteProdutos li a{color: #FFFFFF;} #mainmenu ul li .subMenu{display: none;} /* SubMenu Cera Morna */ .depilacao-cera-morna #mainmenu{background: url("../images/menu.png") repeat-x scroll center top #C7C8CD;height: 90px;} .depilacao-cera-morna #mainmenu ul li .subMenu.subMenuCeraMorna{display: block;position: absolute;left: -25px;top: 40px;width: 890px;} .depilacao-cera-morna #mainmenu ul li .subMenu.subMenuCeraMorna li{float: left;margin: 0;padding: 0;text-transform: uppercase;} .depilacao-cera-morna #mainmenu ul li .subMenu.subMenuCeraMorna li.itemPrincipal{background: url("../images/menu.png") repeat-x scroll center -40px #e4067c;color: #FFFFFF;height: 50px;line-height: 50px;width: 120px;text-align: center;font-size: 12px;} .depilacao-cera-morna #mainmenu ul li .subMenu.subMenuCeraMorna li.itemPrincipal:hover{border: none;} .depilacao-cera-morna #mainmenu ul li .subMenu.subMenuCeraMorna li:hover{border-bottom: 4px solid #e4067c;} .depilacao-cera-morna #mainmenu ul li .subMenu.subMenuCeraMorna li a{font-size: 9px;height: 46px;line-height: 52px;padding: 0 22px;} .depilacao-cera-morna #mainmenu ul li .subMenu.subMenuCeraMorna li:hover a{color: #e4067c;} /* SubMenu FotoDepilação */ .fotodepilacao #mainmenu{background: url("../images/menu.png") repeat-x scroll center top #C7C8CD;height: 90px;} .fotodepilacao #mainmenu ul li .subMenu.subMenuFotodepilacao{display: block;position: absolute;left: -25px;top: 40px;width: 870px;} .fotodepilacao #mainmenu ul li .subMenu.subMenuFotodepilacao li{float: left;margin: 0;padding: 0;text-transform: uppercase;} .fotodepilacao #mainmenu ul li .subMenu.subMenuFotodepilacao li.itemPrincipal{background: url("../images/menu.png") repeat-x scroll center -40px #639dad;color: #FFFFFF;height: 50px;line-height: 50px;width: 120px;text-align: center;font-size: 12px;} .fotodepilacao #mainmenu ul li .subMenu.subMenuFotodepilacao li.itemPrincipal:hover{border: none;} .fotodepilacao #mainmenu ul li .subMenu.subMenuFotodepilacao li:hover{border-bottom: 4px solid #639dad;} .fotodepilacao #mainmenu ul li .subMenu.subMenuFotodepilacao li a{font-size: 9px;height: 46px;line-height: 52px;padding: 0 22px;} .fotodepilacao #mainmenu ul li .subMenu.subMenuFotodepilacao li:hover a{color: #639dad;} /* SubMenu CamarimLook */ .camarimLook #mainmenu{background: url("../images/menu.png") repeat-x scroll center top #C7C8CD;height: 90px;} .camarimLook #mainmenu ul li .subMenu.subMenuCamarimLook{display: block;position: absolute;left: -25px;top: 40px;width: 870px;} .camarimLook #mainmenu ul li .subMenu.subMenuCamarimLook li{float: left;margin: 0;padding: 0;text-transform: uppercase;} .camarimLook #mainmenu ul li .subMenu.subMenuCamarimLook li.itemPrincipal{background: url("../images/menu.png") repeat-x scroll center -40px #ede9ed;color: #211915;height: 50px;line-height: 50px;width: 120px;text-align: center;font-size: 12px;} .camarimLook #mainmenu ul li .subMenu.subMenuCamarimLook li.itemPrincipal:hover{border: none;} .camarimLook #mainmenu ul li .subMenu.subMenuCamarimLook li:hover{border-bottom: 4px solid #ede9ed;} .camarimLook #mainmenu ul li .subMenu.subMenuCamarimLook li a{font-size: 9px;height: 46px;line-height: 52px;padding: 0 22px;} .camarimLook #mainmenu ul li .subMenu.subMenuCamarimLook li:hover a{color: #211915;} /* SubMenu DepylMen */ .depylMen #mainmenu{background: url("../images/menu.png") repeat-x scroll center top #C7C8CD;height: 90px;} .depylMen #mainmenu ul li .subMenu.subMenuDepylMen{display: block;position: absolute;left: -25px;top: 40px;width: 870px;} .depylMen #mainmenu ul li .subMenu.subMenuDepylMen li{float: left;margin: 0;padding: 0;text-transform: uppercase;} .depylMen #mainmenu ul li .subMenu.subMenuDepylMen li.itemPrincipal{background: url("../images/menu.png") repeat-x scroll center -40px #000000;color: #FFFFFF;height: 50px;line-height: 50px;width: 120px;text-align: center;font-size: 12px;} .depylMen #mainmenu ul li .subMenu.subMenuDepylMen li.itemPrincipal:hover{border: none;} .depylMen #mainmenu ul li .subMenu.subMenuDepylMen li:hover{border-bottom: 4px solid #000000;} .depylMen #mainmenu ul li .subMenu.subMenuDepylMen li a{font-size: 9px;height: 46px;line-height: 52px;padding: 0 22px;} .depylMen #mainmenu ul li .subMenu.subMenuDepylMen li:hover a{color: #000000;} /* SubMenu Corporais */ .corporais #mainmenu{background: url("../images/menu.png") repeat-x scroll center top #C7C8CD;height: 90px;} .corporais #mainmenu ul li .subMenu.subMenuCorporais{display: block;position: absolute;left: -25px;top: 40px;width: 760px;} .corporais #mainmenu ul li .subMenu.subMenuCorporais li{float: left;margin: 0;padding: 0;text-transform: uppercase;} .corporais #mainmenu ul li .subMenu.subMenuCorporais li.itemPrincipal{background: url("../images/menu.png") repeat-x scroll center -40px #e4067c;color: #FFFFFF;height: 50px;line-height: 50px;width: 120px;text-align: center;font-size: 12px;} .corporais #mainmenu ul li .subMenu.subMenuCorporais li.itemPrincipal:hover{border: none;color: #FFFFFF!important;} .corporais #mainmenu ul li .subMenu.subMenuCorporais li.itemPrincipal a{font-size: 12px;} .corporais #mainmenu ul li .subMenu.subMenuCorporais li.itemPrincipal:hover a{color: #FFFFFF!important;} .corporais #mainmenu ul li .subMenu.subMenuCorporais li:hover{border-bottom: 4px solid #e4067c;} .corporais #mainmenu ul li .subMenu.subMenuCorporais li a{font-size: 9px;height: 46px;line-height: 52px;padding: 0 22px;} .corporais #mainmenu ul li .subMenu.subMenuCorporais li:hover a{color: #e4067c;} /* SubMenu Faciais */ .faciais #mainmenu{background: url("../images/menu.png") repeat-x scroll center top #C7C8CD;height: 90px;} .faciais #mainmenu ul li .subMenu.subMenuFaciais{display: block;position: absolute;left: -25px;top: 40px;width: 760px;} .faciais #mainmenu ul li .subMenu.subMenuFaciais li{float: left;margin: 0;padding: 0;text-transform: uppercase;} .faciais #mainmenu ul li .subMenu.subMenuFaciais li.itemPrincipal{background: url("../images/menu.png") repeat-x scroll center -40px #e4067c;color: #FFFFFF;height: 50px;line-height: 50px;width: 120px;text-align: center;font-size: 12px;} .faciais #mainmenu ul li .subMenu.subMenuFaciais li.itemPrincipal:hover{border: none;color: #FFFFFF!important;} .faciais #mainmenu ul li .subMenu.subMenuFaciais li.itemPrincipal a{font-size: 12px;} .faciais #mainmenu ul li .subMenu.subMenuFaciais li.itemPrincipal:hover a{color: #FFFFFF!important;} .faciais #mainmenu ul li .subMenu.subMenuFaciais li:hover{border-bottom: 4px solid #e4067c;} .faciais #mainmenu ul li .subMenu.subMenuFaciais li a{font-size: 9px;height: 46px;line-height: 52px;padding: 0 22px;} .faciais #mainmenu ul li .subMenu.subMenuFaciais li:hover a{color: #e4067c;} /* SubMenu Acessorios */ .acessorios #mainmenu{background: url("../images/menu.png") repeat-x scroll center top #C7C8CD;height: 90px;} .acessorios #mainmenu ul li .subMenu.subMenuAcessorios{display: block;position: absolute;left: -25px;top: 40px;width: 760px;} .acessorios #mainmenu ul li .subMenu.subMenuAcessorios li{float: left;margin: 0;padding: 0;text-transform: uppercase;} .acessorios #mainmenu ul li .subMenu.subMenuAcessorios li.itemPrincipal{background: url("../images/menu.png") repeat-x scroll center -40px #e4067c;color: #FFFFFF;height: 50px;line-height: 50px;width: 120px;text-align: center;font-size: 12px;} .acessorios #mainmenu ul li .subMenu.subMenuAcessorios li.itemPrincipal:hover{border: none;color: #FFFFFF!important;} .acessorios #mainmenu ul li .subMenu.subMenuAcessorios li.itemPrincipal a{font-size: 12px;} .acessorios #mainmenu ul li .subMenu.subMenuAcessorios li.itemPrincipal:hover a{color: #FFFFFF!important;} .acessorios #mainmenu ul li .subMenu.subMenuAcessorios li:hover{border-bottom: 4px solid #e4067c;} .acessorios #mainmenu ul li .subMenu.subMenuAcessorios li a{font-size: 9px;height: 46px;line-height: 52px;padding: 0 22px;} .acessorios #mainmenu ul li .subMenu.subMenuAcessorios li:hover a{color: #e4067c;} /* SubMenu SejaMaisDepyl */ .seja-mais-depyl #mainmenu{background: url("../images/menu.png") repeat-x scroll center top #C7C8CD;height: 90px;} .seja-mais-depyl #mainmenu ul li .subMenu.subMenuSejaMaisDepyl{display: block;position: absolute;left: -335px;top: 40px;width: 870px;} .seja-mais-depyl #mainmenu ul li .subMenu.subMenuSejaMaisDepyl li{float: left;margin: 0;padding: 0;text-transform: uppercase;} .seja-mais-depyl #mainmenu ul li .subMenu.subMenuSejaMaisDepyl li.itemPrincipal{background: url("../images/menu.png") repeat-x scroll center -40px #e4067c;color: #FFFFFF;height: 50px;line-height: 50px;width: 120px;text-align: center;font-size: 12px;} .seja-mais-depyl #mainmenu ul li .subMenu.subMenuSejaMaisDepyl li.itemPrincipal:hover{border: none;color: #FFFFFF!important;} .seja-mais-depyl #mainmenu ul li .subMenu.subMenuSejaMaisDepyl li.itemPrincipal a{font-size: 12px;} .seja-mais-depyl #mainmenu ul li .subMenu.subMenuSejaMaisDepyl li.itemPrincipal:hover a{color: #FFFFFF!important;} .seja-mais-depyl #mainmenu ul li .subMenu.subMenuSejaMaisDepyl li:hover{border-bottom: 4px solid #e4067c;} .seja-mais-depyl #mainmenu ul li .subMenu.subMenuSejaMaisDepyl li a{font-size: 9px;height: 46px;line-height: 52px;padding: 0 22px;} .seja-mais-depyl #mainmenu ul li .subMenu.subMenuSejaMaisDepyl li:hover a{color: #e4067c;} /* SubMenu Fidelize */ .fidelize #mainmenu{background: url("../images/menu.png") repeat-x scroll center top #C7C8CD;height: 90px;} .fidelize #mainmenu ul li .subMenu.subMenuFidelize{display: block;position: absolute;left: -335px;top: 40px;width: 870px;} .fidelize #mainmenu ul li .subMenu.subMenuFidelize li{float: left;margin: 0;padding: 0;text-transform: uppercase;} .fidelize #mainmenu ul li .subMenu.subMenuFidelize li.itemPrincipal{background: url("../images/menu.png") repeat-x scroll center -40px #e4067c;color: #FFFFFF;height: 50px;line-height: 50px;width: 120px;text-align: center;font-size: 12px;} .fidelize #mainmenu ul li .subMenu.subMenuFidelize li.itemPrincipal:hover{border: none;color: #FFFFFF!important;} .fidelize #mainmenu ul li .subMenu.subMenuFidelize li.itemPrincipal a{font-size: 12px;} .fidelize #mainmenu ul li .subMenu.subMenuFidelize li.itemPrincipal:hover a{color: #FFFFFF!important;} .fidelize #mainmenu ul li .subMenu.subMenuFidelize li:hover{border-bottom: 4px solid #e4067c;} .fidelize #mainmenu ul li .subMenu.subMenuFidelize li a{font-size: 9px;height: 46px;line-height: 52px;padding: 0 22px;} .fidelize #mainmenu ul li .subMenu.subMenuFidelize li:hover a{color: #e4067c;} /* SubMenu Fidelize */ .parcerias #mainmenu{background: url("../images/menu.png") repeat-x scroll center top #C7C8CD;height: 90px;} .parcerias #mainmenu ul li .subMenu.subMenuParcerias{display: block;position: absolute;left: -335px;top: 40px;width: 870px;} .parcerias #mainmenu ul li .subMenu.subMenuParcerias li{float: left;margin: 0;padding: 0;text-transform: uppercase;} .parcerias #mainmenu ul li .subMenu.subMenuParcerias li.itemPrincipal{background: url("../images/menu.png") repeat-x scroll center -40px #e4067c;color: #FFFFFF;height: 50px;line-height: 50px;width: 120px;text-align: center;font-size: 12px;} .parcerias #mainmenu ul li .subMenu.subMenuParcerias li.itemPrincipal:hover{border: none;color: #FFFFFF!important;} .parcerias #mainmenu ul li .subMenu.subMenuParcerias li.itemPrincipal a{font-size: 12px;} .parcerias #mainmenu ul li .subMenu.subMenuParcerias li.itemPrincipal:hover a{color: #FFFFFF!important;} .parcerias #mainmenu ul li .subMenu.subMenuParcerias li:hover{border-bottom: 4px solid #e4067c;} .parcerias #mainmenu ul li .subMenu.subMenuParcerias li a{font-size: 9px;height: 46px;line-height: 52px;padding: 0 22px;} .parcerias #mainmenu ul li .subMenu.subMenuParcerias li:hover a{color: #e4067c;} /* SubMenu Parceria */ .parcerias #mainmenu{background: url("../images/menu.png") repeat-x scroll center top #C7C8CD;height: 90px;} .parcerias #mainmenu ul li .subMenu.subMenuParcerias{display: block;position: absolute;left: -335px;top: 40px;width: 870px;} .parcerias #mainmenu ul li .subMenu.subMenuParcerias li{float: left;margin: 0;padding: 0;text-transform: uppercase;} .parcerias #mainmenu ul li .subMenu.subMenuParcerias li.itemPrincipal{background: url("../images/menu.png") repeat-x scroll center -40px #e4067c;color: #FFFFFF;height: 50px;line-height: 50px;width: 120px;text-align: center;font-size: 12px;} .parcerias #mainmenu ul li .subMenu.subMenuParcerias li.itemPrincipal:hover{border: none;color: #FFFFFF!important;} .parcerias #mainmenu ul li .subMenu.subMenuParcerias li.itemPrincipal a{font-size: 12px;} .parcerias #mainmenu ul li .subMenu.subMenuParcerias li.itemPrincipal:hover a{color: #FFFFFF!important;} .parcerias #mainmenu ul li .subMenu.subMenuParcerias li:hover{border-bottom: 4px solid #e4067c;} .parcerias #mainmenu ul li .subMenu.subMenuParcerias li a{font-size: 9px;height: 46px;line-height: 52px;padding: 0 22px;} .parcerias #mainmenu ul li .subMenu.subMenuParcerias li:hover a{color: #e4067c;} /* SubMenu Depyl Action */ .depyl-action #mainmenu{background: url("../images/menu.png") repeat-x scroll center top #C7C8CD;height: 90px;} .depyl-action #mainmenu ul li .subMenu.subMenuDepylAction{display: block;position: absolute;left: -455px;top: 40px;width: 870px;} .depyl-action #mainmenu ul li .subMenu.subMenuDepylAction li{float: left;margin: 0;padding: 0;text-transform: uppercase;} .depyl-action #mainmenu ul li .subMenu.subMenuDepylAction li.itemPrincipal{background: url("../images/menu.png") repeat-x scroll center -40px #e4067c;color: #FFFFFF;height: 50px;line-height: 50px;width: 120px;text-align: center;font-size: 12px;} .depyl-action #mainmenu ul li .subMenu.subMenuDepylAction li.itemPrincipal:hover{border: none;color: #FFFFFF!important;} .depyl-action #mainmenu ul li .subMenu.subMenuDepylAction li.itemPrincipal a{font-size: 12px;} .depyl-action #mainmenu ul li .subMenu.subMenuDepylAction li.itemPrincipal:hover a{color: #FFFFFF!important;} .depyl-action #mainmenu ul li .subMenu.subMenuDepylAction li:hover{border-bottom: 4px solid #e4067c;} .depyl-action #mainmenu ul li .subMenu.subMenuDepylAction li a{font-size: 9px;height: 46px;line-height: 52px;padding: 0 22px;} .depyl-action #mainmenu ul li .subMenu.subMenuDepylAction li:hover a{color: #e4067c;} /* SubMenu Franquia */ .franquia #mainmenu{background: url("../images/menu.png") repeat-x scroll center top #C7C8CD;height: 90px;} .franquia #mainmenu ul li .subMenu.subMenuFranquia{display: block;position: absolute;left: -585px;top: 40px;width: 897px;} .franquia #mainmenu ul li .subMenu.subMenuFranquia li{float: left;margin: 0;padding: 0;text-transform: uppercase;} .franquia #mainmenu ul li .subMenu.subMenuFranquia li.itemPrincipal{background: url("../images/menu.png") repeat-x scroll center -40px #e4067c;color: #FFFFFF;height: 50px;line-height: 50px;width: 120px;text-align: center;font-size: 12px;} .franquia #mainmenu ul li .subMenu.subMenuFranquia li.itemPrincipal:hover{border: none;color: #FFFFFF!important;} .franquia #mainmenu ul li .subMenu.subMenuFranquia li.itemPrincipal a{font-size: 12px;} .franquia #mainmenu ul li .subMenu.subMenuFranquia li.itemPrincipal:hover a{color: #FFFFFF!important;} .franquia #mainmenu ul li .subMenu.subMenuFranquia li:hover{border-bottom: 4px solid #e4067c;} .franquia #mainmenu ul li .subMenu.subMenuFranquia li a{font-size: 9px;height: 46px;line-height: 52px;padding: 0 22px;} .franquia #mainmenu ul li .subMenu.subMenuFranquia li:hover a{color: #e4067c;} .background{background: url(../images/bg.jpg) repeat-x center top #ffffff;min-height: 300px;} .content{width: 720px;margin: 0 auto;} #footer{width: 960px;margin: 0 auto;font-family:'AvenirLTStd85Heavy';height: 60px;} #footer .facaParte{width: 160px;height: 26px;background: url('../images/btFacaParte.png') no-repeat;font-size: 8px;display: block;text-transform: uppercase;line-height: 26px;text-align: center;color: #FFFFFF;text-decoration: none;float:left;position: relative;top: 17px;} #footer .copyright{text-align: center;float: left;font-size: 9px;color: #AEADB3;height: 26px;line-height: 26px;width: 680px;position: relative;top: 17px;} #footer .midias{float: left;position: relative;top: 17px;} #footer .midias a{float: left;margin: 0 2px;width: 25px;height: 26px;text-indent: -9999px;overflow: hidden;} #footer .midias a.youtube{background: url('../images/youtube.png') no-repeat;} #footer .midias a.blog{background: url('../images/blog.png') no-repeat;} #footer .midias a.facebook{background: url('../images/facebook.png') no-repeat;} #footer .midias a.twitter{background: url('../images/twitter.png') no-repeat;}