*{ padding:0px; margin:0px;} img{border:none;} body {font: 11px "Arial"; color:#6d6d6d;} /* CENTRALIZAR NA VERTICAL E HORIZONTAL */ /*html, body { width:100%; height:100%; padding: 0px; margin: 0px; } #tabela { width: 100%; height: 100%; position: static; display: table; } #cell { vertical-align: middle; display: table-cell; position: static; } #conteudoTotal { top: -50%; width: 986px; margin:auto; position: relative; background: #FFFFFF; }*/ /*#geral { width:986px; height:590px; margin-left:-493px; margin-top:-295px; top:50%; left:50%; position:absolute; border:#CCCCCC solid 1px; }*/ /*/CENTRALIZAR NA VERTICAL E HORIZONTAL*/ a { text-decoration:none;} a:hover { text-decoration:underline;} #Geral { width:986px; margin:auto; /*border:1px solid #999999;*/ overflow:hidden; } /*MENU*/ #menu { height:75px; margin: 0 14px 0 15px; clear:both; } #menu ul { display:block; clear:both; } #menu ul li { list-style:none; float:left;} #menu ul li h1 { background:url(../img/componentes/logoMelissa_home.gif) no-repeat; width:107px; height:58px; text-indent:-5000em; margin:10px 20px 0 0;} .BtHome {background:url(../img/componentes/bt_conceito.gif) no-repeat; width:216px; height:23px; color:#666; cursor:pointer; display:block; outline:none; overflow:hidden; margin-top:48px; text-indent:-9999em;} /*BtVoltar {background:url(../img/componentes/bt_voltar_site.gif) no-repeat; color:#666; cursor:pointer; width:149px; height:30px; display:block; outline:none; overflow:hidden; margin-top:35px; text-indent:-9999em;}*/ /*/MENU*/ #conteudo { width:986px; height:450px; clear:both;} /*CONTATO*/ #conteudoContact { width:986px; height:450px; clear:both; background:url(../img/componentes/bg_contact.jpg) no-repeat;} #conteudoContact h2 { font: 18px "Arial"; color:#AAAAAA; height:17px; margin:20px 0 10px 135px;} #conteudoContact #campos { overflow:auto; clear:both; margin-left:135px; height:359px;} #conteudoContact #campos ol { display:block; float:left; margin-right:60px;} #conteudoContact #campos ol#contatos { display:block; float:left; margin-right:0px; width:217px;} #conteudoContact #campos ol.linhaDivide { border-left:dashed 1px #DDDDDD; padding-left:40px;} #conteudoContact #campos ol li { list-style:none; clear:both;} #conteudoContact #campos ol li span { font: 14px "Arial"; color:#565656;} #conteudoContact #campos ol li p { font: 11px "Arial"; color:#565656; } #conteudoContact #campos ol li p b { font: 11px "Arial"; color:#ec0d41;} #conteudoContact #campos ol li p a, #conteudoContact #campos ol li p a:hover { font: 11px "Arial"; color:#ec0d41;} #conteudoContact #campos ol li input, #conteudoContact #campos ol li textarea { margin-bottom:10px; width:245px; font:11px "Arial"; color:#635c56; border:solid 1px #E7E7E7; padding: 3px 0 3px 5px; } #conteudoContact #campos ol li select { margin-bottom:10px; width:153px; font:11px "Arial"; color:#635c56; border:solid 1px #D1D1D1; } #conteudoContact #campos ol li textarea { height:50px;} #conteudoContact #campos ol li p.Resp { font: bold 11px "Arial"; color:#FF0000; padding:0px 0 5px 1px;} #conteudoContact #campos ol li h3 { font: bold 11px "Arial"; color:#827870; padding:0px 0 5px 1px;} #conteudoContact #caixas { /*background:url(../img/componentes/_marcacao_caixas.png) no-repeat; */width:986px; height:300px; z-index:5; clear:both; margin-top:-110px; position:absolute; }/*existe hack dessa linha pro ie6 e ie7*/ .resposta { background:#f9f9f9; border:#e7e7e7 solid 2px; padding-top:5px; width:240px; height:100px; margin-bottom:10px; /*z-index:5; position:absolute; margin-top:-190px;*/ margin-left:0px; text-align:center;} .resposta p { padding-top:5px; margin-top:0px; font: 11px "Arial"; color:#5e4461;} /*existe hack dessa linha pro ie6 e ie7*/ .resposta div { margin-left:158px;} /*existe hack dessa linha pro ie6 e ie7*/ /*/CONTATO*/ /*CONTEUDO DESCRICAO - VIDEO - antes*/ #conteudoDescricao { width:986px; /*height:430px;*/ overflow:hidden; clear:both;} #conteudoDescricao #topo { width:851px; height:75px; clear:both; margin-left:135px;} #conteudoDescricao #topo h2 { font: 18px "Arial"; color:#AAAAAA; height:17px; margin:40px 0px 0px 0px; float:left;} #conteudoDescricao #topo div#Joy { float:right; background:url(../img/componentes/bg_botoes_descric.gif) no-repeat; width:274px; height:75px;} #conteudoDescricao #topo div#Vinyl { float:right; background:url(../img/componentes/bg_botoes_vinyl.gif) no-repeat -5px 0; width:274px; height:75px;} #conteudoDescricao #topo div#Vivienne { float:right; background:url(../img/componentes/bg_botoes_vivienne.gif) no-repeat; width:274px; height:75px;} #conteudoDescricao #topo div#Ultragirl { float:right; background:url(../img/componentes/bg_botoes_ultragirl.gif) no-repeat; width:274px; height:75px;} #conteudoDescricao #topo div#Campana { float:right; background:url(../img/componentes/bg_botoes_campana_.gif) no-repeat; width:274px; height:75px;} #conteudoDescricao #cont { width:837px; height:225px; clear:both; margin-left:135px;} #conteudoDescricao #cont #video { float:left; margin-right:30px; width:278px;} #conteudoDescricao #cont #video a, #conteudoDescricao #cont #video a:hover { font: 11px "Arial"; color:#ec0d41;} #conteudoDescricao #cont #texto { float:left; width:387px; height:222px; margin-top:0px;} #conteudoDescricao #cont #texto p { font: 11px "Arial"; color:#6d6d6d; line-height:21px; margin-right:20px;} /*##VOLTAR*/#conteudoDescricao #caixas { /*background:url(../img/componentes/_marcacao_caixas.png) no-repeat;*/ width:986px; height:156px; z-index:5; clear:both; margin-top:5px; position:absolute; }/*existe hack dessa linha pro ie6 e ie7*/ /*/CONTEUDO CAIXA*/ /*CONTEUDO DESCRICAO - VIDEO - ALTERAÇÃO 2*/ #conteudoDescricao #ListaCont { width:617px; overflow:hidden; margin-left:135px; float:left;} /* hack para o ie6*/ #conteudoDescricao #ListaCont h2 { font: 18px "Arial"; color:#AAAAAA; height:17px; margin:30px 0px 10px 0px; clear:both;} #conteudoDescricao #ListaCont p { font: 11px "Arial"; color:#6d6d6d; line-height:21px; margin-top:10px;} #conteudoDescricao div#Joy { float:right; background:url(../img/componentes/bg_botoes_descric.gif) no-repeat -45px 0; width:229px; height:75px; margin-top:44px;} #conteudoDescricao div#Vinyl { float:right; background:url(../img/componentes/bg_botoes_vinyl.gif) no-repeat -50px 0; width:229px; height:75px; margin-top:44px;} #conteudoDescricao div#Vivienne { float:right; background:url(../img/componentes/bg_botoes_vivienne.gif) no-repeat; width:274px; height:75px;} #conteudoDescricao div#Ultragirl { float:right; background:url(../img/componentes/bg_botoes_ultragirl.gif) no-repeat -45px 0; /*width:274px;*/width:229px; height:75px; margin-top:44px;} #conteudoDescricao div#Campana { float:right; background:url(../img/componentes/bg_botoes_campana_.gif) no-repeat -45px 0; width:229px; height:75px; margin-top:48px;} /*/*/ /*collection*/ #conteudoCollection { width:986px; /*height:450px;*/ clear:both;} #conteudoCollection h2.spring-summer-09{background:url(../img/componentes/Bt_spring_summer_09.gif) no-repeat 0 -48px; width:148px; height:24px; text-indent:-5000em;} #conteudoCollection h2.spring-summer-08{background:url(../img/componentes/Bt_spring_summer_09.gif) no-repeat 0 -48px; width:148px; height:24px; text-indent:-5000em;} #conteudoCollection h2.fall-winter-08-09{background:url(../img/componentes/Bt_fall_winter.gif) no-repeat 0 -48px; width:148px; height:24px; text-indent:-5000em;} #conteudoCollection ul#colecaoCor li{list-style:none;} #conteudoCollection ul#colecaoCor li a{text-indent:-5000em; float:left; cursor:pointer; display:block; }/*existe hack dessa linha pro ie6 e ie7*/ #conteudoCollection ul li.cor-black a{background:url(../img/componentes/Bt_fall_winter_black.gif) no-repeat; height:24px; width:82px; } #conteudoCollection ul li.cor-black a:hover{background:url(../img/componentes/Bt_fall_winter_black.gif) no-repeat 0 -24px; height:24px; width:82px; } #conteudoCollection ul li.cor-black-ativo a{background:url(../img/componentes/Bt_fall_winter_black.gif) no-repeat 0 -48px; height:24px; width:82px; } #conteudoCollection ul li.cor-white a{background:url(../img/componentes/Bt_fall_winter_white.gif) no-repeat; height:24px; width:82px; } #conteudoCollection ul li.cor-white a:hover{background:url(../img/componentes/Bt_fall_winter_white.gif) no-repeat 0 -24px; height:24px; width:82px;} #conteudoCollection ul li.cor-white-ativo a{background:url(../img/componentes/Bt_fall_winter_white.gif) no-repeat 0 -48px; height:24px; width:82px;} #caixas_Collection { /*background:url(../img/componentes/_marcacao_caixas.png) no-repeat;*/ width:986px; height:300px; z-index:5; clear:both; margin-top:-45px; position:absolute; }/*existe hack dessa linha pro ie6 e ie7*/ #conteudoCollection h3#nav_colections{background:url(../img/componentes/tit_nav_colections.gif) no-repeat; width:40px; height:117px; margin-right:10px; text-indent:-5000em; float:left;} #conteudoCollection #colectionList{background:url(../img/componentes/bg_nav_colections.gif) no-repeat; width:198px; height:117px; float:left;} #conteudoCollection #colectionList ul{padding:30px; display:block;} #conteudoCollection #colectionList ul li{list-style:none; margin-bottom:5px;}/*existe hack pra o ie6 */ #conteudoCollection #colectionList ul li a{ font-family:"Arial", Helvetica, sans-serif; font-size:12px; color:#999; text-transform:uppercase; display:block;} #conteudoCollection #colectionList ul li a:hover{color:#666; text-decoration:none;} #conteudoCollection #colectionList ul li a:{color:#333; text-decoration:none;} #conteudoCollection h3#nav_prods {background:url(../img/componentes/tit_nav_products.gif) no-repeat; width:42px; height:117px; text-indent:-5000em; float:left; margin-left:30px;} #conteudoCollection #prodsList {background:url(../img/componentes/bg_prod-numbers.gif) no-repeat; width:560px; height:123px; float:left; } #conteudoCollection #prodsList ul{margin:50px 80px;} #conteudoCollection #prodsList li{list-style:none; display:block; float:left; height:20px; padding-left:5px;} #conteudoCollection #prodsList li a{font-size:12px; color:#999;} #conteudoCollection #prodsList li a:hover{color:#666; text-decoretion:none;} #conteudoCollection #prodsList li a:link{font-size:14px; font-weight:800px; color:#333; text-decoretion:none;} #conteudoCollection #prodsList li a.Ativo{font-size:16px; font-weight:800; display:block; margin-top:-3px; margin-left:7px;} #conteudoCollection #prodsList li div {background:url(../img/componentes/bg_thumb_produto.gif) no-repeat; width:222px; height:70px; position:absolute; margin:-80px 0 0 -110px; display:none;} #conteudoCollection #prodsList li div img {float:left; display:block; width:40px; height:35px; margin:10px;} #conteudoCollection #prodsList li div label {font-size:10px; font-weight:600; text-transform:uppercase; float:left; width:150px; margin-top:10px;} #conteudoCollection #prodsList li div.ativo_prod {display:block;} #conteudoCollection #prodsList li span#pipe{display:block; float:left; margin-right:4px; } /*#conteudoCollection .colecao { width:657px; clear:both; padding:10px 0; height:24px;} #conteudoCollection .colecao ul { clear:both; display:block; margin-left:135px;} #conteudoCollection .colecao ul li { list-style:none; float:left; height:24px; } #conteudoCollection .colecao ul li.Separa { background:url(../img/componentes/_separadorCollection.gif) no-repeat; width:26px; height:24px;}*/ /*#conteudoCollection #Collection2 { width:657px; clear:both; padding:10px 0 0 0; height:74px;} #conteudoCollection #Collection2 ul { clear:both; display:block; margin-left:15px;} #conteudoCollection #Collection2 ul li { list-style:none; height:24px; } #conteudoCollection #Collection2 ul li.Separa { border-bottom:#d9d8d6 solid 1px; width:148px; height:2px!important;}*//*existe hack pra o ie6 e 7*/ /*#conteudoCollection #Collection2 ul li ul { clear:both; display:block; margin-left:10px; margin-top:-5px;} #conteudoCollection #Collection2 ul li ul li { list-style:none; float:left; height:24px; } #conteudoCollection #Collection2 ul li ul li.Separa2 { background:url(../img/componentes/_separadorCollection.gif) no-repeat -8px 5px; width:13px; height:18px;}*/ /* #conteudoCollection #buttons_nav {background:url(../img/componentes/bg_nav_setas.gif) no-repeat; width:39px; height:117px; float:left;} #conteudoCollection #buttons_nav button{width:22px; height:20px; text-indent:-5000em; border:none; cursor:pointer;} #conteudoCollection #buttons_nav button#proximo{background:url(../img/componentes/Bt_seta-cima.gif) no-repeat; margin:8px; display:block; } #conteudoCollection #buttons_nav button#anterior{background:url(../img/componentes/Bt_seta-baixo.gif) no-repeat; margin:55px 0 8px 8px; display:block;}*//*existe hack pra o ie6 e 7*/ #ProdutoDetalhe { width: 758px; clear:both; margin-left:230px; overflow:hidden;} #ProdutoDetalhe h2 { font: 18px "Arial"; color:#AAAAAA; height:17px; margin:0px 0px 20px 0px; text-transform:uppercase; clear:both;} #ProdutoDetalhe #DetalheGeral { width:590px; clear:both; overflow:hidden;} #ProdutoDetalhe #DetalheGeral #Detalhe { width: 346px; height:306px; border:#e1e1e1 solid 1px; margin-right:10px; float:left; boder:none;} #ProdutoDetalhe #DetalheGeral #DetalheCores { width: 220px; float:left;} #ProdutoDetalhe #DetalheGeral #DetalheCores #ThumbsGeral { width:220px; height:400px; clear:both; overflow:hidden;} #ProdutoDetalhe #DetalheGeral #DetalheCores #ThumbsGeral .thumbs { width: 70px; height:60px; float:left; margin:5px 3px 0 0} #ProdutoDetalhe #DetalheGeral #DetalheCores #ThumbsGeral .thumbs img { border:0px; border:none;} /*/collection*/ /*profile*/ /*#FlashProfile { width:622px; height:365px; margin-left:182px;}*/ #FlashProfile { width:753px; height:442px; margin-left:142px;} #FlashLookBook { width:800px; height:490px; margin-left:100px;} #caixasProfile { width:986px; height:156px; z-index:5; clear:both; margin-top:-10px; position:absolute;} /*/profile*/ /*botoes*/ .BtSend { outline:none; display:block; overflow:hidden; background:url(../img/componentes/Bt_send.gif) no-repeat; width:51px; height:20px; text-indent:-5000em; margin:10px 0 0px 200px;} .BtSend:hover { background-position: 0 -20px;} .BtProduct { outline:none; display:block; overflow:hidden; background:url(../img/componentes/Bt_product.gif) no-repeat; width:69px; height:17px; text-indent:-5000em; margin:18px 0 0px 80px;}/*antes 104px*/ .BtProduct:hover { background-position: 0 -17px;} .BtPicture { outline:none; display:block; overflow:hidden; background:url(../img/componentes/Bt_picture.gif) no-repeat; width:119px; height:17px; text-indent:-5000em; margin:-5px 0 0px 80px;} .BtPicture:hover { background-position: 0 -17px;} .BtProduct2 { outline:none; display:block; overflow:hidden; background:url(../img/componentes/Bt_product.gif) no-repeat; width:69px; height:17px; text-indent:-5000em; margin:18px 0 0px 104px;}/*antes 104px*/ .BtProduct2:hover { background-position: 0 -17px;} .BtPicture2 { outline:none; display:block; overflow:hidden; background:url(../img/componentes/Bt_picture.gif) no-repeat; width:119px; height:17px; text-indent:-5000em; margin:-5px 0 0px 104px;} .BtPicture2:hover { background-position: 0 -17px;} .BtSpringSammer09 { outline:none; display:block; overflow:hidden; background:url(../img/componentes/Bt_spring_summer_09.gif) no-repeat; width:148px; height:24px; text-indent:-5000em; margin:0;} .BtSpringSammer09:hover { background-position: 0 -24px;} .BtSpringSammer09Ativo { background:url(../img/componentes/Bt_spring_summer_09.gif) no-repeat 0 -48px; width:148px; height:24px} .BtSpringSammer09Black { outline:none; display:block; overflow:hidden; background:url(../img/componentes/Bt_fall_winter_black.gif) no-repeat; width:82px; height:24px; text-indent:-5000em; margin:0;} .BtSpringSammer09Black:hover { background-position: 0 -24px;} .BtSpringSammer09BlackAtivo { background:url(../img/componentes/Bt_fall_winter_black.gif) no-repeat 0 -48px; width:82px; height:24px} .BtSpringSammer09White { outline:none; display:block; overflow:hidden; background:url(../img/componentes/Bt_fall_winter_white.gif) no-repeat; width:81px; height:24px; text-indent:-5000em; margin:0;} .BtSpringSammer09White:hover { background-position: 0 -24px;} .BtSpringSammer09WhiteAtivo { background:url(../img/componentes/Bt_fall_winter_white.gif) no-repeat 0 -48px; width:81px; height:24px} .BtSpringSammer { outline:none; display:block; overflow:hidden; background:url(../img/componentes/Bt_spring_summer.gif) no-repeat; width:148px; height:24px; text-indent:-5000em; margin:0;} .BtSpringSammer:hover { background-position: 0 -24px;} .BtSpringSammerAtivo { background:url(../img/componentes/Bt_spring_summer.gif) no-repeat 0 -48px; width:148px; height:24px} .BtFallWinter { display:block; overflow:hidden; background:url(../img/componentes/Bt_fall_winter.gif) no-repeat; width:145px; height:24px; text-indent:-5000em; margin:0;} .BtFallWinter:hover { background-position: 0 -24px;} .BtFallWinterAtivo { background:url(../img/componentes/Bt_fall_winter.gif) no-repeat 0 -48px; width:145px; height:24px} .BtFallWinterBlack { outline:none; display:block; overflow:hidden; background:url(../img/componentes/Bt_fall_winter_black.gif) no-repeat; width:82px; height:24px; text-indent:-5000em; margin:0;} .BtFallWinterBlack:hover { background-position: 0 -24px;} .BtFallWinterBlackAtivo { background:url(../img/componentes/Bt_fall_winter_black.gif) no-repeat 0 -48px; width:82px; height:24px} .BtFallWinterWhite { outline:none; display:block; overflow:hidden; background:url(../img/componentes/Bt_fall_winter_white.gif) no-repeat; width:81px; height:24px; text-indent:-5000em; margin:0;} .BtFallWinterWhite:hover { background-position: 0 -24px;} .BtFallWinterWhiteAtivo { background:url(../img/componentes/Bt_fall_winter_white.gif) no-repeat 0 -48px; width:81px; height:24px} .BtOk { outline:none; display:block; overflow:hidden; width:28px; height:19px; background:url(../img/componentes/Bt_ok.gif) no-repeat; cursor:pointer; text-indent:-5000em; margin-left:100px;} .BtOk:hover { background-position: 0 -19px; } .BtZoomC { outline:none; display:block; overflow:hidden; background:url(../img/componentes/Bt_zoom.gif) no-repeat; width:56px; height:18px; text-indent:-5000em; clear:both; margin-bottom:5px;} .BtZoomC:hover { background-position: 0 -18px;} .BtSendFriendC { outline:none; display:block; overflow:hidden; background:url(../img/componentes/Bt_sendfriend.gif) no-repeat; width:123px; height:18px; text-indent:-5000em; clear:both; margin-bottom:5px;} .BtSendFriendC:hover { background-position: 0 -18px;} .BtBack { outline:none; display:block; overflow:hidden; background:url(../img/componentes/Bt_back.gif) no-repeat; width:43px; height:14px; margin-right:5px; float:right;} .BtBack:hover { background-position: 0 -14px;} /*/botoes*/ /*DESABILITA FLASH*/ #f_description { background:url(../img/componentes/_youtube_description.gif) no-repeat; width:278px; height:255px;} #f_video_joy { background:url(../img/componentes/_marcacao_video_joy.jpg) no-repeat; width:614px; height:400px;} #f_video_vinyl { background:url(../img/componentes/_marcacao_video_vinyl.jpg) no-repeat; width:614px; height:400px;} #f_video_campana { background:url(../img/componentes/_marcacao_video_campana.jpg) no-repeat; width:614px; height:400px;} #f_video_ultra { background:url(../img/componentes/_marcacao_video_ultra.jpg) no-repeat; width:614px; height:400px;} #f_video_zaha { background:url(../img/componentes/_marcacao_video_zaha.jpg) no-repeat; width:614px; height:400px;} /*/DESABILITA FLASH*/ #caixas { /*background:url(../img/componentes/_marcacao_caixas.png) no-repeat;*/ width:986px; height:300px; z-index:5; clear:both; margin-top:-200px; position:absolute; } /*##VOLTAR*//*#caixasHome { background:url(../img/componentes/_marcacao_caixas.png) no-repeat; width:986px; height:156px; z-index:5; clear:both; margin-top:-150px; position:absolute; }*/ #caixasHome { width:986px; height:300px; z-index:5; clear:both; margin-top:-130px; position:absolute; } address { clear:both; font-style:normal; text-align:right; color:#b6b6b6; margin:0px 28px 20px 0; width:932px;} address a.Download { font: 11px "Arial"; color:#666666; font-style:normal; margin:0px; text-decoration:underline;} address a.Download:hover { font: 11px "Arial"; color:#666666; font-style:normal; margin:0px; text-decoration:none;} address a { font: 11px "Arial"; color:#b6b6b6; font-style:normal; margin:0px;} address a:hover { color:#666666;}