/* ------------------------------------------------------------------------------------ --------------------------------------------------------------------------------------- Cliente: Belle Lee Cosméticos Projeto: Redesign Site Institucional Url: http://www.bellelee.com.br/ Autor: Rodrigo Designer | Desenvolvimento Web e Gráfico | www.rodrigodesigner.net.br | Data: 03/02/2010 | Folha de Estilos Layout do Site | --------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------------------ #div Topo Flash que está dentro do #div Pai Cabeçalho - Topo do Site ------------------------------------------------------------------------------------ */ #cabecalho #topo_flash { width:960px; height:152px; margin:0; padding:0;} /* ------------------------------------------------------------------------------------ #div Menu que está dentro do #div Pai Cabecalho - Menu Principal de Navegação ------------------------------------------------------------------------------------ */ #cabecalho #menu { float : left; width : 960px; height : 34px; background:url(../images/bg-menu-principal.png) top center no-repeat; text-align : center; margin-top:-2px; } #cabecalho #menu ul { float : left; width : 960px; list-style : none; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; } #cabecalho #menu ul li { display : inline; } #cabecalho #menu ul li a { font-size : 1.0em; margin-top : 8px; margin-left : 30px; padding : 0 10px; float : left; /*color : #d70e0e;*/ color : #ffcc00; text-decoration: none; font-weight:bold; } #cabecalho #menu ul li a:hover { /*color : #b31414;*/ color : #ff9900;} /* ------------------------------------------------------------------------------------ #div Conteúdo - Miolo do Site ------------------------------------------------------------------------------------ */ #conteudo #texto_home { clear:both; float:left; text-align:justify; margin-bottom:10px;} #conteudo #texto_home .maisdetalhes{ font-size:0.9em; color:#cc6600; padding:5px; border-bottom:1px solid #fffbd0;} #conteudo #texto_home .maisdetalhes:hover{font-size:0.9em; color:#fffbd0; padding:5px; border-bottom:1px solid #ff9900; } #conteudo #carrossel { clear:both; float:left; background:url(../images/bg-carrossel.gif) center top no-repeat; margin:20px 0 10px 0; top center no-repeat; width:874px; height:127px;} #conteudo #produtos h1{ font-size:1.0em; text-align:justify; font-weight:bold; margin-top:10px; line-height:25px; color:#be1e1e; background:url(../images/bg_h1_geral.png) left center no-repeat; width:400px; height:44px; padding:30px 0 0 15px;} #conteudo #texto_home p { font-size:0.8em; text-align:justify; margin:10px 0 0 0; } #conteudo #texto_home p img{ float:left;} #conteudo #texto_home h1{ font-size:1.0em; text-align:justify; font-weight:bold; margin-top:10px; line-height:25px; color:#be1e1e; background:url(../images/bg_h1_geral.png) left center no-repeat; width:400px; height:44px; padding:15px 0 0 15px;} #conteudo #texto_home img { margin:10px 0 0 -40px;} #conteudo #texto_home h1 em { font-size:0.7em; color:#000; font-weight:bold;} #prod_flash { width:870px; height:400px; float:left; margin-top:15px; display:block;} /* ------------------------------------------------------------------------------------ #div Conteúdo - Empresa ------------------------------------------------------------------------------------ */ #conteudo #empresa h1{ float:left; clear:both; font-size:1.0em; text-align:justify; font-weight:bold; margin-top:10px; line-height:25px; color:#be1e1e; background:url(../images/bg_h1_geral.png) left center no-repeat; width:400px; height:44px; padding:15px 0 0 15px;} #conteudo #empresa h2{ float:left; clear:both; font-size:1.0em; font-weight:bold; color:#fff; background:#333; border-bottom:4px solid #731313; width:880px; padding:10px 5px; } #conteudo #empresa .maisdetalhes{ float:left; clear:both; font-size:0.7em; color:#000; background:#fff; padding:5px; border-left:1px solid #fff; margin-left:30px; margin-bottom:10px;} #conteudo #empresa .maisdetalhes:hover{float:left; clear:both; font-size:0.7em; color:#fff; background:#000; padding:5px; border-left:1px solid #fff; margin-left:30px;} #conteudo #empresa h3.marcas{ float:left; clear:both; font-size:1.1em; font-weight:bold; color:#fff; padding:5px; margin-top:10px; border:1px solid #be1e1e; width:880px;} #conteudo #empresa h4.linhaprodutos{float:left; clear:both; font-size:1em; font-weight:bold; color:#be1e1e; margin-top:10px; margin-left:30px;} #conteudo #empresa p.sobre_a_linha {float:left; clear:both; font-size:0.9em; text-align:justify; margin:-10px 0 -5px 0; line-height:16px; font-weight:bold; color:#be1e1e;} #conteudo #empresa p.margen30{ margin-left:30px;} #conteudo #empresa h4{ float:left; clear:both; font-size:0.7em; font-weight:bold; color:#fff; padding:5px; margin:0; } #conteudo #empresa p { float:left; clear:both; font-size:0.8em; text-align:justify; margin:10px 0 20px 0; line-height:16px;} #conteudo #empresa p img { float:left; margin:2px 5px 2px 0; border:1px solid #6c6e70;} #conteudo #empresa p a { font-size:1em; color:#FFF; padding:1px 3px;} #conteudo #empresa p a:hover { font-size:1em; color:#000; background:#fff; padding:1px 3px;} /* ------------------------------------------------------------------------------------ #div Conteúdo - Produtos ------------------------------------------------------------------------------------ */ /* padrão para a página de produtos */ #conteudo #produtos h1{ float:left; clear:both; font-size:1.0em; text-align:justify; font-weight:bold; margin-top:10px; line-height:25px; color:#be1e1e; background:url(../images/bg_h1_geral.png) left center no-repeat; width:400px; height:44px; padding:15px 0 0 15px;} #conteudo #produtos p{ clear:both; font-size:0.8em;} #conteudo #produtos .lista_produtos{ margin-top:10px; height:220px; border-top:1px solid #333; padding-top:25px;} #conteudo #produtos .lista_produtos img { float:left; clear:both; border:1px solid #666;} #conteudo #produtos .lista_produtos h2 { float:left; font-size:1.5em; font-weight:bold; color:#f8c541; padding-left:15px; clear:none; margin-bottom:3px;} #conteudo #produtos .lista_produtos span { float:left; font-size:0.8em; text-align:justify; color:#fff; padding-left:15px; width:700px; line-height:13px;} #conteudo #produtos .lista_produtos ul { float:left; clear:none; width:700px; padding:20px 0 0 0px;} #conteudo #produtos .lista_produtos ul li {display : inline;} #conteudo #produtos .lista_produtos ul li img { border:none; float:left; clear:none; padding-left:15px;} #conteudo #produtos .lista_produtos h2.nppe { float:left; font-size:1.5em; font-weight:bold; color:#F8F8F8; padding-left:15px; clear:none; line-height:25px;} #conteudo #produtos .lista_produtos h2.nppe em { font-size:1.7em; font-weight:bold; color:#dbe8f9; clear:none;} #conteudo #produtos .lista_produtos h2.shining { float:left; font-size:1.5em; font-weight:bold; color:#ff7c00; padding-left:15px; clear:none;} #conteudo #produtos .lista_produtos h2.shining em { font-size:0.7em; font-weight:bold; color:#dbe8f9; clear:none;} #conteudo #produtos .lista_produtos h2.chihtsais { float:left; font-size:1.5em; font-weight:bold; color:#fcdb00; padding-left:15px; clear:none;} #conteudo #produtos .lista_produtos h2.olive { float:left; font-size:1.5em; font-weight:bold; color:#afdd27; padding-left:15px; clear:none;} #conteudo #produtos .lista_produtos h2.olive em { font-size:0.7em; color:#fcdb00;} #conteudo #produtos .lista_produtos h2.olive em.destaque { font-size:1.7em; color:#CCC;} #conteudo #produtos .lista_produtos h2.energizing { float:left; font-size:1.5em; font-weight:bold; color:#94a53d; padding-left:15px; clear:none;} #conteudo #produtos .lista_produtos h2.energizing em { font-size:0.7em; color:#fcdb00;} #conteudo #produtos .lista_produtos h2.manner { float:left; font-size:1.5em; font-weight:bold; color:#9d0b0f; padding-left:15px; clear:none;} #conteudo #produtos .lista_produtos h2.manner em { font-size:1.7em; color:#fffbd5;} /* padrão para a página de produtos */ /* ------------------------------------------------------------------------------------ Inicio estilos para produtos NPPE Séries ------------------------------------------------------------------------------------ */ #conteudo #produtos #nppe_series .detalhes_produtos{ margin-top:10px; height:200px; border-top:1px solid #666; padding-top:25px;} #conteudo #produtos #nppe_series .detalhes_produtos img { float:left; clear:both; border:none;} #conteudo #produtos #nppe_series .detalhes_produtos h2 { float:left; font-size:1.5em; font-weight:bold; color:#f8c541; padding-left:15px; clear:none;} #conteudo #produtos #nppe_series .detalhes_produtos h3 { float:left; font-size:0.8em; font-weight:bold; color:#ffffff; padding-left:15px; clear:none; padding-top:5px;} #conteudo #produtos #nppe_series .detalhes_produtos span { float:left; font-size:0.8em; text-align:justify; color:#fffbd0; padding:10px; width:770px; line-height:15px; clear:both; margin:0px 0 0 100px;} #conteudo #produtos #nppe_series .detalhes_produtos ul { float:right; clear:none; width:780px; padding:10px 0 0 15px; font-size:0.7em; color:#dbe8f9;} #conteudo #produtos #nppe_series .detalhes_produtos ul li {display:block; line-height:18px; background:url(../images/ck.png) top left no-repeat; padding-left:18px;} #conteudo #produtos #nppe_series .detalhes_produtos p { float:left; clear:none; width:770px; padding:10px 0 0 15px; font-size:0.8em; color:#fff; text-align:justify; line-height:15px;} #conteudo #produtos #nppe_series .detalhes_produtos ul em { display:block; padding-left:30px; color:#CCC; font-family:"Courier New", Courier, monospace; font-size:0.9em; line-height:15px;} #conteudo #produtos #nppe_series .detalhes_produtos ul li img { border:none; float:left; clear:none; padding-left:15px;} #conteudo #produtos #nppe_series .detalhes_produtos h2.nppe { float:left; font-size:1.5em; font-weight:bold; color:#F8F8F8; padding-left:15px; clear:none; line-height:25px;} #conteudo #produtos #nppe_series .detalhes_produtos h2.nppe em { font-size:0.7em; font-weight:bold; color:#dce4ef; clear:none; border-bottom:1px dotted #fffbd0;} /* ------------------------------------------------------------------------------------ Fim estilos para produtos NPPE Séries ------------------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------------------ Inicio estilos para produtos NPPE CAA Séries ------------------------------------------------------------------------------------ */ #conteudo #produtos #nppe_caa_series .detalhes_produtos{ margin-top:10px; height:200px; border-top:1px solid #666; padding-top:25px;} #conteudo #produtos #nppe_caa_series .detalhes_produtos img { float:left; clear:both; border:none;} #conteudo #produtos #nppe_caa_series .detalhes_produtos h2 { float:left; font-size:1.5em; font-weight:bold; color:#ff9900; padding-left:15px; clear:none;} #conteudo #produtos #nppe_caa_series .detalhes_produtos h3 { float:left; font-size:0.8em; font-weight:bold; color:#fffbd0; padding-left:15px; clear:none; padding-top:5px;} #conteudo #produtos #nppe_caa_series .detalhes_produtos span { float:left; font-size:0.8em; text-align:justify; color:#fffbd0; padding:10px; width:770px; line-height:15px; clear:both; margin:20px 0 0 100px;} #conteudo #produtos #nppe_caa_series .detalhes_produtos ul { float:right; clear:none; width:780px; padding:10px 0 0 15px; font-size:0.7em; color:#fffbd0;} #conteudo #produtos #nppe_caa_series .detalhes_produtos ul li {display:block; line-height:18px; background:url(../images/ck.png) top left no-repeat; padding-left:20px;} #conteudo #produtos #nppe_caa_series .detalhes_produtos p { float:left; clear:none; width:770px; padding:10px 0 0 15px; font-size:0.8em; color:#fff; text-align:justify; line-height:15px;} #conteudo #produtos #nppe_caa_series .detalhes_produtos ul em { display:block; padding-left:30px; color:#CCC; font-family:"Courier New", Courier, monospace; font-size:0.9em; line-height:15px;} #conteudo #produtos #nppe_caa_series .detalhes_produtos ul li img { border:none; float:left; clear:none; padding-left:15px;} #conteudo #produtos #nppe_caa_series .detalhes_produtos h2.shining { float:left; font-size:1.5em; font-weight:bold; color:#ffb739; padding-left:15px; clear:none; line-height:25px;} #conteudo #produtos #nppe_caa_series .detalhes_produtos h2.shining em { font-size:0.7em; font-weight:bold; color:#fffbd0; clear:none; border-bottom:1px dotted #fffbd0;} /* ------------------------------------------------------------------------------------ Fim estilos para produtos NPPE CAA Séries ------------------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------------------ Inicio estilos para produtos Chihtsai Olive ------------------------------------------------------------------------------------ */ #conteudo #produtos #chihtsai_olive .detalhes_produtos{ margin-top:10px; height:230px; border-top:1px solid #666; padding-top:25px;} #conteudo #produtos #chihtsai_olive .detalhes_produtos img { float:left; clear:both; border:none;} #conteudo #produtos #chihtsai_olive .detalhes_produtos h2 { float:left; font-size:1.5em; font-weight:bold; color:#ff9900; padding-left:15px; clear:none;} #conteudo #produtos #chihtsai_olive .detalhes_produtos h3 { float:left; font-size:0.8em; font-weight:bold; color:#bfc96a; padding-left:15px; clear:none; padding-top:5px; text-align:left; width:600px;} #conteudo #produtos #chihtsai_olive .detalhes_produtos span { float:left; font-size:0.8em; text-align:justify; color:#fffbd0; padding:10px; width:770px; line-height:15px; clear:both; margin:20px 0 0 100px;} #conteudo #produtos #chihtsai_olive .detalhes_produtos ul { float:right; clear:none; width:780px; padding:10px 0 0 15px; font-size:0.7em; color:#fffbd0;} #conteudo #produtos #chihtsai_olive .detalhes_produtos ul li {display:block; line-height:18px; background:url(../images/ck.png) top left no-repeat; padding-left:20px;} #conteudo #produtos #chihtsai_olive .detalhes_produtos p { float:left; clear:none; width:770px; padding:10px 0 0 15px; font-size:0.8em; color:#fff; text-align:justify; line-height:15px;} #conteudo #produtos #chihtsai_olive .detalhes_produtos ul em { display:block; padding-left:30px; color:#CCC; font-family:"Courier New", Courier, monospace; font-size:0.9em; line-height:15px;} #conteudo #produtos #chihtsai_olive .detalhes_produtos ul li img { border:none; float:left; clear:none; padding-left:15px;} #conteudo #produtos #chihtsai_olive .detalhes_produtos h2.olive { float:left; font-size:1.5em; font-weight:bold; color:#e2fa16; padding-left:15px; clear:none; line-height:25px;} #conteudo #produtos #chihtsai_olive .detalhes_produtos h2.olive em { font-size:0.7em; font-weight:bold; color:#fef4ae; clear:none; border-bottom:1px dotted #fffbd0;} /* ------------------------------------------------------------------------------------ Fim estilos para produtos Chihtsai Olive ------------------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------------------ Inicio estilos para produtos Chihtsai Energizing ------------------------------------------------------------------------------------ */ #conteudo #produtos #chihtsai_energizing .detalhes_produtos{ margin-top:10px; height:230px; border-top:1px solid #666; padding-top:25px;} #conteudo #produtos #chihtsai_energizing .detalhes_produtos img { float:left; clear:both; border:none;} #conteudo #produtos #chihtsai_energizing .detalhes_produtos h2 { float:left; font-size:1.5em; font-weight:bold; color:#8fa136; padding-left:15px; clear:none;} #conteudo #produtos #chihtsai_energizing .detalhes_produtos h3 { float:left; font-size:0.8em; font-weight:bold; color:#ecf7b5; padding-left:15px; clear:none; padding-top:5px; text-align:left; width:600px;} #conteudo #produtos #chihtsai_energizing .detalhes_produtos span { float:left; font-size:0.8em; text-align:justify; color:#fffbd0; padding:10px; width:770px; line-height:15px; clear:both; margin:20px 0 0 100px;} #conteudo #produtos #chihtsai_energizing .detalhes_produtos ul { float:right; clear:none; width:780px; padding:10px 0 0 15px; font-size:0.7em; color:#fffbd0;} #conteudo #produtos #chihtsai_energizing .detalhes_produtos ul li {display:block; line-height:18px; background:url(../images/ck.png) top left no-repeat; padding-left:20px;} #conteudo #produtos #chihtsai_energizing .detalhes_produtos p { float:left; clear:none; width:770px; padding:10px 0 0 15px; font-size:0.8em; color:#fff; text-align:justify; line-height:15px;} #conteudo #produtos #chihtsai_energizing .detalhes_produtos ul em { display:block; padding-left:30px; color:#CCC; font-family:"Courier New", Courier, monospace; font-size:0.9em; line-height:15px;} #conteudo #produtos #chihtsai_energizing .detalhes_produtos ul li img { border:none; float:left; clear:none; padding-left:15px;} #conteudo #produtos #chihtsai_energizing .detalhes_produtos h2.energ { float:left; font-size:1.5em; font-weight:bold; color:#ecf7b5; padding-left:15px; clear:none; line-height:25px;} #conteudo #produtos #chihtsai_energizing .detalhes_produtos h2.energ em { font-size:0.7em; font-weight:bold; color:#ecf7b5; clear:none; border-bottom:1px dotted #fffbd0;} /* ------------------------------------------------------------------------------------ Fim estilos para produtos Chihtsai Energizing ------------------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------------------ Inicio estilos para produtos Manner ------------------------------------------------------------------------------------ */ #conteudo #produtos #manner .detalhes_produtos{ margin-top:10px; height:210px; border-top:1px solid #666; padding-top:25px;} #conteudo #produtos #manner .detalhes_produtos img { float:left; clear:both; border:none;} #conteudo #produtos #manner .detalhes_produtos h2 { float:left; font-size:1.5em; font-weight:bold; color:#faf19f; padding-left:15px; clear:none;} #conteudo #produtos #manner .detalhes_produtos h3 { float:left; font-size:0.8em; font-weight:bold; color:#fffcd5; padding-left:15px; clear:none; padding-top:5px; text-align:left; width:600px;} #conteudo #produtos #manner .detalhes_produtos span { float:left; font-size:0.8em; text-align:justify; color:#fffbd0; padding:10px; width:770px; line-height:15px; clear:both; margin:20px 0 0 100px;} #conteudo #produtos #manner .detalhes_produtos ul { float:right; clear:none; width:780px; padding:10px 0 0 15px; font-size:0.7em; color:#fffbd0;} #conteudo #produtos #manner .detalhes_produtos ul li {display:block; line-height:18px; background:url(../images/ck.png) top left no-repeat; padding-left:20px;} #conteudo #produtos #manner .detalhes_produtos p { float:left; clear:none; width:770px; padding:10px 0 0 15px; font-size:0.8em; color:#fff; text-align:justify; line-height:15px;} #conteudo #produtos #manner .detalhes_produtos ul em { display:block; padding-left:30px; color:#CCC; font-family:"Courier New", Courier, monospace; font-size:0.9em; line-height:15px;} #conteudo #produtos #manner .detalhes_produtos ul li img { border:none; float:left; clear:none; padding-left:15px;} #conteudo #produtos #manner .detalhes_produtos h2.manner { float:left; font-size:1.5em; font-weight:bold; color:#faf19f; padding-left:15px; clear:none; line-height:25px;} #conteudo #produtos #manner .detalhes_produtos h2.manner em { font-size:0.7em; font-weight:bold; color:#9e0b0f; clear:none; border-bottom:1px dotted #fffbd0;} /* ------------------------------------------------------------------------------------ Fim estilos para produtos Manner ------------------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------------------ #div Conteúdo - Onde Comprar ------------------------------------------------------------------------------------ */ #conteudo #onde_comprar h1{ float:left; clear:both; font-size:1.0em; text-align:justify; font-weight:bold; margin-top:10px; line-height:25px; color:#be1e1e; background:url(../images/bg_h1_geral.png) left center no-repeat; width:400px; height:44px; padding:15px 0 0 15px;} #conteudo #onde_comprar p{ clear:both; font-size:0.8em;} #conteudo #onde_comprar h3 {clear:both; font-size:1.1em; text-align:left; color:#ffb739; margin-top:25px;} #conteudo #onde_comprar p a{ width:100px; height:20px; background:url(../images/ico_topo.png) top right no-repeat; text-indent:-99999em; overflow:hidden; float:right; } #conteudo #onde_comprar .ondefica{ float:left; margin-top:20px; width:700px; margin-bottom:15px; border-bottom:1px solid #4F4F4F; height:120px;} #conteudo #onde_comprar img { float:left; clear:both; margin:20px 20px 0 20px; border:2px solid #6b6b6b;} #conteudo #onde_comprar .ondefica h2{clear:both; font-size:1.0em; text-align:justify; font-weight:bold; color:#be1e1e; line-height:23px;} #conteudo #onde_comprar .ondefica address{ font-size:0.8em; line-height:15px;} #conteudo #onde_comprar .ondefica span a{ font-size:0.8em; color:#FFF; padding:1px 3px; line-height:35px;} #conteudo #onde_comprar .ondefica span a:hover{ font-size:0.8em; color:#000; background:#fff; padding:1px 3px; line-height:35px;} #conteudo #onde_comprar #menu_estados { float:right; margin-top:-17px; margin-right:475px;} .dropdown, .dropdown ul {list-style:none;padding:0;margin:0;position:absolute;} .dropdown span {display:block;width:100px;font-size:0.8em;line-height:24px;cursor:pointer;padding:5px 0 0 10px;text-transform:none;background:url(../images/bg_select.png) left center no-repeat; width:150px; height:30px;color:#333;} .dropdown:hover span {color:#666;background:url(../images/bg_select2.png) left center no-repeat; width:220px; height:30px;} .dropdown ul {visibility:hidden; /* aparecerá invisível */z-index:10; /* fará com que seja sobreposta aos outros elementos */width:522px;padding:4px 10px;margin-top:-1px;background:url(../images/bg_lista_estados.png) top center no-repeat;} .dropdown ul li {padding:5px 0;text-transform:none;line-height:normal;font-size:0.8em;} .dropdown a {color:#666;text-decoration:none;} .dropdown a:hover { color:#000;background:url(../images/seta_indica.png) left center no-repeat;padding:0 0 0 15px;} .dropdown:hover ul {visibility:visible;} /* ------------------------------------------------------------------------------------ #div Conteúdo - Onde Comprar ------------------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------------------ #div Conteúdo - Na Midia ------------------------------------------------------------------------------------ */ #conteudo #na_midia h1{ float:left; clear:both; font-size:1.0em; text-align:justify; font-weight:bold; margin-top:10px; line-height:25px; color:#be1e1e; background:url(../images/bg_h1_geral.png) left center no-repeat; width:400px; height:44px; padding:15px 0 0 15px;} #conteudo #na_midia{ width:880px; overflow:hidden;} #conteudo #na_midia p{ clear:both; font-size:0.8em;} #conteudo #na_midia .borda { float:left; border:1px solid #333; height:260px; margin-top:10px; margin-right:10px; width:428px; margin-bottom:10px;} #conteudo #na_midia h3 {clear:both; font-size:1.1em; text-align:left; color:#ffb739; margin-top:25px; background:#333; border-bottom:4px solid #ffb739;padding-top:40px; padding-left:20px;} #conteudo #na_midia h3.first {clear:both; font-size:1.1em; text-align:left; color:#ffb739; margin-top:25px; padding-top:50px; padding-left:20px;} #conteudo #na_midia p a{ width:100px; height:20px; background:url(../images/ico_topo.png) top right no-repeat; text-indent:-99999em; overflow:hidden; float:right; } #conteudo #na_midia .ondefica{ float:left; margin-top:0px; margin-left:20px; margin-bottom:15px;} #conteudo #na_midia img { float:left; margin:0px 5px 0 20px; border:3px solid #6b6b6b;} #conteudo #na_midia .ondefica h2{clear:both; font-size:0.9em; text-align:justify; font-weight:bold; color:#be1e1e; line-height:23px; margin-top:10px;} #conteudo #na_midia .ondefica h2 em{font-size:0.7em; color:#fff; font-weight:normal;} #conteudo #na_midia .ondefica address{ font-size:0.8em; line-height:15px;} #conteudo #na_midia .ondefica span { font-size:0.7em; color:#FFF; line-height:15px; width:880px; clear:both; float:left;} #conteudo #na_midia .ondefica span a{ font-size:0.9em; color:#FFF; padding:1px 3px; line-height:35px;} #conteudo #na_midia .ondefica span a:hover{ font-size:0.9em; color:#000; background:#fff; padding:1px 3px; line-height:35px;} #conteudo #na_midia #menu_anos { float:right; margin-top:-17px; margin-right:535px;} .dropdown, .dropdown ul {list-style:none;padding:0;margin:0;position:absolute;} .dropdown span {display:block;width:100px;font-size:0.8em;line-height:24px;cursor:pointer;padding:5px 0 0 10px;text-transform:none;background:url(../images/bg_select.png) left center no-repeat; width:150px; height:30px;color:#333;} .dropdown:hover span {color:#666;background:url(../images/bg_select2.png) left center no-repeat; width:150px; height:30px;} .dropdown ul {visibility:hidden; /* aparecerá invisível */z-index:10; /* fará com que seja sobreposta aos outros elementos */width:200px;padding:4px 10px;margin-top:-1px;background:url(../images/bg_lista_estados.png) top center no-repeat;} .dropdown ul li {padding:5px 0;text-transform:none;line-height:normal;font-size:0.8em;} .dropdown a {color:#666;text-decoration:none;} .dropdown a:hover { color:#000;background:url(../images/seta_indica.png) left center no-repeat;padding:0 0 0 15px;} .dropdown:hover ul {visibility:visible;} /* ------------------------------------------------------------------------------------ #div Conteúdo - Na Midia ------------------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------------------ #div Conteúdo - FAQ ------------------------------------------------------------------------------------ */ #conteudo #faq h1{ float:left; clear:both; font-size:1.0em; text-align:justify; font-weight:bold; margin-top:10px; line-height:25px; color:#be1e1e; background:url(../images/bg_h1_geral.png) left center no-repeat; width:400px; height:44px; padding:15px 0 0 15px;} #conteudo #faq h3 { float:left; clear:both;} dl { float:left; clear:both; border-left:1px solid #666; margin:30px 0 0 20px; padding-left:10px; width:800px; text-align:justify; } dt, dd {font-size:0.8em; margin:0 0 10px; line-height:15px; padding-left:15px;} dt:before { background-color:#383938; color:#be1e1e; content:"Pergunta"; } dd:before { background-color:#383938; color:#97a943; content:"Resposta"; } dt:before, dd:before { display:block; font-size:0.9em; font-style:italic; font-weight:bold; margin:10px 0 10px -20px; padding:5px 10px; width:810px; } dd a:link{ font-style:italic; background:#333; color:#CCC; padding:0 3px;} dd a:hover{ background:#666;} dl h2 { font-size:2.9em; color:#fff; margin-bottom:5px;} /* ------------------------------------------------------------------------------------ #div Conteúdo - FAQ ------------------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------------------ #div Conteúdo - Contato ------------------------------------------------------------------------------------ */ #conteudo #contato h1{ float:left; clear:both; font-size:1.0em; text-align:justify; font-weight:bold; margin-top:10px; line-height:25px; color:#be1e1e; background:url(../images/bg_h1_geral.png) left center no-repeat; width:400px; height:44px; padding:15px 0 0 15px;} form fieldset #erro { float:left; clear:both; width:500px; margin:-20px 0 20px 0; padding-bottom:10px;} form { float:left; border:1px solid #333; font-size:0.8em;} fieldset{width:810px; padding:20px; margin:5px 0 10px 0;} label {float:left; clear:both; margin-bottom:2px; font-size:0.9em; color:#CCC; width:80px; border-right:1px solid #666; height:18px; padding:5px 0 0 0; margin-right:10px; text-align:right;} input{width:350px; float:left; margin-bottom:10px; height:22px; background:#333; font-size:1em; color:#fff; border:solid 1px #666; } input.telefone { margin-bottom:20px;} textarea { float:left; margin-bottom:10px; background:#333; font-size:1em; color:#fff; border:solid 1px #666; } input.botao{width:100px; height:25px; background:#000; border:1px solid #FFF; font-size:1em; color:#FFF; clear:both; margin-left:90px;} select{ float:left; margin-left:5px; margin-bottom:30px;} small { margin:10px 0 40px; float:left; clear:both;} small{color:#CCC;} small.erro{color:#f00; margin:5px 0; width:550px; border:1px dashed #900; padding:5px 20px; background:url(../images/ico_erro_email.png) center left no-repeat;} small.sucesso{color:#FFF; margin:5px 0; width:550px; border:1px dashed #0F6; padding:5px 20px; background:url(../images/ico_sucesso_email.png) top left no-repeat;} /* ------------------------------------------------------------------------------------ #div Conteúdo - Contato ------------------------------------------------------------------------------------ */ #banner_hair_brasil { margin:15px 0;} /* ------------------------------------------------------------------------------------ #div Conteúdo - Na Midia ------------------------------------------------------------------------------------ */ #conteudo #hair_brasil h1{ float:left; clear:both; font-size:1.0em; text-align:justify; font-weight:bold; margin-top:10px; line-height:25px; color:#be1e1e; background:url(../images/bg_h1_geral.png) left center no-repeat; width:600px; height:44px; padding:15px 0 0 15px;} #conteudo #hair_brasil{ width:880px; overflow:hidden;} #conteudo #hair_brasil p{ clear:both; font-size:0.8em;} #conteudo #hair_brasil .borda { float:left; height:140px; margin:0px; padding-top:30px; width:865px;} #conteudo #hair_brasil h3 {clear:both; font-size:1.1em; text-align:left; color:#ffb739; margin-top:25px; background:#333; border-bottom:4px solid #ffb739;padding-top:40px; padding-left:20px;} #conteudo #hair_brasil h3.first {clear:both; font-size:1.1em; text-align:left; color:#ffb739; margin-top:25px; padding-top:40px; padding-left:20px;} #conteudo #hair_brasil p a{ width:100px; height:20px; background:url(../images/ico_topo.png) top right no-repeat; text-indent:-99999em; overflow:hidden; float:right; } #conteudo #hair_brasil .ondefica{ float:left; margin-top:0px; margin-left:20px; margin-bottom:15px;} #conteudo #hair_brasil img { float:left; margin:0px 5px 0 12px; border:3px solid #6b6b6b;} #conteudo #hair_brasil .ondefica h2{clear:both; font-size:0.9em; text-align:justify; font-weight:bold; color:#be1e1e; line-height:23px; margin-top:10px;} #conteudo #hair_brasil .ondefica h2 em{font-size:0.7em; color:#fff; font-weight:normal;} #conteudo #hair_brasil .ondefica address{ font-size:0.8em; line-height:15px;} #conteudo #hair_brasil .ondefica span { font-size:0.7em; color:#FFF; line-height:15px; width:880px; clear:both; float:left;} #conteudo #hair_brasil .ondefica span a{ font-size:0.8em; color:#FFF; padding:1px 3px; line-height:35px;} #conteudo #hair_brasil .ondefica span a:hover{ font-size:0.8em; color:#000; background:#fff; padding:1px 3px; line-height:35px;} #conteudo #hair_brasil #menu_anos { float:right; margin-top:-17px; margin-right:535px;} .dropdown, .dropdown ul {list-style:none;padding:0;margin:0;position:absolute;} .dropdown span {display:block;width:100px;font-size:0.8em;line-height:24px;cursor:pointer;padding:5px 0 0 10px;text-transform:none;background:url(../images/bg_select.png) left center no-repeat; width:150px; height:30px;color:#333;} .dropdown:hover span {color:#666;background:url(../images/bg_select2.png) left center no-repeat; width:150px; height:30px;} .dropdown ul {visibility:hidden; /* aparecerá invisível */z-index:10; /* fará com que seja sobreposta aos outros elementos */width:200px;padding:4px 10px;margin-top:-1px;background:url(../images/bg_lista_estados.png) top center no-repeat;} .dropdown ul li {padding:5px 0;text-transform:none;line-height:normal;font-size:0.8em;} .dropdown a {color:#666;text-decoration:none;} .dropdown a:hover { color:#000;background:url(../images/seta_indica.png) left center no-repeat;padding:0 0 0 15px;} .dropdown:hover ul {visibility:visible;} /* ------------------------------------------------------------------------------------ #div Conteúdo - Na Midia ------------------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------------------ #div Conteúdo - Twitter ------------------------------------------------------------------------------------ */ #meutwitter h3 {float:left; margin-top:10px; width:340px; margin:20px 0 10px 10px; clear:both;} #meutwitter h3.twitt { font-family:Verdana, Geneva, sans-serif; font-weight:bold; font-size:1.2em; color:#900;} #tweet-container{ float:left; width:340px; clear:both;} #tweet-container ul { width:440px; background:#000; color:#000; list-style:none; margin:0; padding:3px 5px; border:1px solid #ccc; } #tweet-container .imagem img { display:block; float:left; margin-right:5px; } #tweet-container li { min-height:40px; background:#fff; clear:both; border:1px solid #ccc; padding:5px; margin:4px 0; } .time { font-size:11px; display:block; text-align:right; margin:5px 5px 0 0; } #tweet-container ul a { color:#333; font-style:italic; } #tweet-container ul a:hover { color:#900; text-decoration:none; } #tweet-container ul a.user-name { font:1em Arial, Helvetica, sans-serif; color:#900; padding:2px; } #tweet-container ul a:hover.user-name { font:1em Arial, Helvetica, sans-serif; color:#fff; background:#900; } .icone_twitter { float:left; margin:20px 0 0 10px;} .icone_facebook { float:left; margin:20px 0 0 10px;} #meutwitter { float:left; width:292px;} #facebook{ float:left; width:292px; margin-left:20px; margin-top:0; border:1px solid #FFF; background:#FFF;} #facebook .name a { color:#FFF;} #facebook a { color:#FFF;} #facebook a:hover { color:#F00;} #facebook .fbConnectWidgetTopmost a { color:#FFF;} /* ------------------------------------------------------------------------------------ #div Conteúdo - Rodape ------------------------------------------------------------------------------------ */ #rodape { font-size:0.7em; text-align:center;} #rodape #clear { width:604px; height:15px; margin:0 auto; padding:5px 0;} #rodape #contato-rodape{ padding-top:95px; line-height:20px;} #rodape #contato-rodape a{ color:#fff; padding:2px 5px;} #rodape #contato-rodape a:hover{ color:#fff; padding:2px 5px; background:#be1e1e;} #redes-sociais-icones { width:604px; height:10px; margin:0 auto; padding:5px 0; margin-bottom:-20px;}