/* Theme Name: Ninho Fases Theme URI: Description: The default theme for Ninho Fases Version: 1.0 Author: Pedro Rogerio Author URI: http://www.pinceladasdaweb.com.br/blog/ */ /* +----------------------------------------------------------------+ Reset CSS by Eric Meyer: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ +----------------------------------------------------------------+ */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;} body {line-height: 1;} ol, ul {list-style: none;} /* +----------------------------------------------------------------+ Extras +----------------------------------------------------------------+ */ .clear {clear:both; overflow:hidden; font-size:0; visibility:hidden} .alignleft {float:left} .alignright {float:right} div:after, ul:after, dl:after, dd:after, dt:after{clear:both; content:""; display:block; font-size:0; height:0; visibility:hidden;} /*Limpar fluxo oculto para IE-mac \*/ * html div, * html ul, * html dl, * html dd, * html dt {height:1%;} /* final hack IE-mac */ *:first-child+html div, *:first-child+html ul, *:first-child+html dl, *:first-child+html dd, *:first-child+html dt, *:first-child+html ol {height:auto; display: inline-block;} /* +----------------------------------------------------------------+ Definicoes Gerais +----------------------------------------------------------------+ */ body {background:#fde7b1 url(img/fases/teste.jpg) repeat; font:62.5% Tahoma, Verdana, Arial, Helvetica, sans-serif; text-align:center} a {text-decoration:none} h1, h2, h3, h4, h5, h6, strong {font-weight:700} table, tr, td, th {border:1px solid #f6d595; color:#a5b3bf; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-align:center} th {font-size:12px} .linha1{background:#FFF;} .linha2{background:#fcfbeb;} .calendario table, .calendario table tr, .calendario table td {border:1px solid #f7d69a;} .calendario th{color:#8fa1b1; font-size:10px; line-height:20px;} .calendario td{color:#8fa1b1; font-size:10px; line-height:20px; padding-left:24px;} .calendario .linha1{background:#fcfbeb;} .calendario .linha2{background:#FFF;} /* +----------------------------------------------------------------+ Definicoes Gerais - Cadastro +----------------------------------------------------------------+ */ body#cadastro {background:#fdf5a6 url(img/cadastro/pattern.jpg) repeat; font:62.5% Tahoma, Verdana, Arial, Helvetica, sans-serif; text-align:center} /* +----------------------------------------------------------------+ Listagem de Backgrounds das paginas +----------------------------------------------------------------+ */ #pre_home #wrapper {background:url(img/fases/bg_pre_home.jpg) no-repeat center top; margin:0 auto; padding-top:0px; width:1074px;} #ninho_fases #wrapper {background:url(img/fases/bg_ninho_fases.png) no-repeat center top; margin:0 auto; padding-top:48px; width:1075px;} #nutricao #wrapper {background:url(img/fases/bg_page_nutricao.png) no-repeat center top; margin:0 auto; padding-top:48px; width:1072px;} #artigos #wrapper {background:url(img/fases/moldura.png) no-repeat center top; margin:0 auto; padding:48px 0pt 20px; width:1072px;} #artigos_list #wrapper {background:url(img/fases/moldura.png) no-repeat center top; margin:0 auto; padding-top:48px; width:1072px;} #home_fase1 #wrapper {background:url(img/fase1/bg_home_fase1.png) no-repeat center top; margin:0 auto; padding-top:13px; width:1071px;} #home_fase3 #wrapper {background:url(img/fase3/bg_home_fase3.png) no-repeat center top; margin:0 auto; padding-top:13px; width:1073px;} #produto_fase3 #wrapper {background:url(img/fase3/bg_produto_fase_3.png) no-repeat center top; margin:0 auto; padding-top:13px; width:1073px;} #home_fase5 #wrapper {background:url(img/fase5/bg_home_fase5.png) no-repeat center top; margin:0 auto; padding-top:13px; width:1073px;} #fale #wrapper {background:url(img/fases/bg_fale_conosco.png) no-repeat center top; margin:0 auto; padding-top:48px} #politica #wrapper {background:url(img/fases/bg_home_politica.png) no-repeat center top; margin:0 auto; padding-top:48px; width:1073px;} #sitemap #wrapper {background:url(img/fases/bg_mapa_site.png) no-repeat center top; margin:0 auto; padding:48px 0 20px 0; width:1072px;} #search_results #wrapper {background:url(img/fases/bg_page_search.png) no-repeat center top; margin:0 auto; padding-top:48px; width:1072px;} #other_products #wrapper {background:url(img/fases/bg_outros_produtos.png) no-repeat center top; margin:0 auto; padding-top:48px; width:1073px;} #tenda #wrapper {background:url(img/tenda/moldura.png) no-repeat center top; margin:0 auto; padding:48 0 30px; width:1072px;} #tenda_caracterizacao #wrapper {background:url(img/tenda/moldura.png) no-repeat center top; margin:0 auto; padding-top:48px;} #tenda_caracterizacao #box_search_results {background:url(img/fases/bg_box_tenda_results.jpg) no-repeat; height:680px; margin:30px 0 0 21px; padding:10px 2px 50px; position:relative; width:760px} #tenda_caracterizacao #texto_ninho { color:#a5b3bf; padding-bottom:20px; padding-left: 10px; line-height:15px;} #cadastro #wrapper {background:url(img/cadastro/bg_artigos_list.png) no-repeat center top; margin:0 auto; padding-top:48px} /* +----------------------------------------------------------------+ Header +----------------------------------------------------------------+ */ #wrapper_header {background:#fff8eb url(img/fases/bg_nav_fases.jpg) repeat-x left top; height:54px;} #wrapper_header #header {margin:0 auto; padding-top:7px; text-align:left; width:776px} #wrapper_header #header h2 {display:inline; float:left; height:33px; margin:3px 19px 0 19px; overflow:hidden; position:relative; width:78px} #wrapper_header #header h2 a {cursor:pointer} #wrapper_header #header h2 span {background:url(img/fases/logo_nestle_fases.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #wrapper_header #nav {float:left; width:360px} #wrapper_header #nav li {display:block; float:left} #wrapper_header #nav li a {cursor:pointer; float:left; height:39px} #wrapper_header #nav li.bt_home {height:39px; overflow:hidden; position:relative; width:79px} #wrapper_header #nav li.bt_home span {background:url(img/fases/bt_pagina_inicial.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #wrapper_header #nav li.bt_fases {height:39px; overflow:hidden; position:relative; width:77px} #wrapper_header #nav li.bt_fases span {background:url(img/fases/bt_ninho_fases.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #wrapper_header #nav li.bt_nutricao {height:39px; overflow:hidden; position:relative; width:64px} #wrapper_header #nav li.bt_nutricao span {background:url(img/fases/bt_nutricao.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #wrapper_header #nav li.bt_artigos {height:39px; overflow:hidden; position:relative; width:57px; border-right:1px solid #adafae;} #wrapper_header #nav li.bt_artigos span {background:url(img/fases/bt_artigos.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #wrapper_header #nav li.bt_tenda {height:39px; overflow:hidden; position:relative; width:79px} #wrapper_header #nav li.bt_tenda span {background:url(img/fases/bt_tenda_ninho.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #wrapper_header #nav li.bt_fale {height:39px; overflow:hidden; position:relative; width:82px} #wrapper_header #nav li.bt_fale span {background:url(img/fases/bt_fale_conosco.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} /*#wrapper_header #search {background:url(img/fases/bg_form_busca.jpg) no-repeat; float:left; height:29px; padding:10px 0 0 10px; width:190px} #wrapper_header #search input {float:left} #wrapper_header #search input#busca {background-color:#e8ebec; border-right:none; border-bottom:none; color:#889ea6; padding-left:10px; width:146px} #wrapper_header #search input#buscar {background:url(img/fases/bt_search.jpg) no-repeat; border:none; content:""; display:inline-block; float:left; height:19px; line-height:0; text-indent:-9999px; width:19px}*/ #wrapper_header fieldset {background:url(img/fases/bg_form_busca.jpg) no-repeat; float:left; height:29px; padding:10px 0 0 10px; width:190px} #wrapper_header input {float:left} #wrapper_header input#busca {background-color:#e8ebec; border-right:none; border-bottom:none; color:#889ea6; padding-left:10px; width:146px} #wrapper_header input#buscar {background:url(img/fases/bt_search.jpg) no-repeat; border:none; content:""; display:inline-block; float:left; height:19px; line-height:0; text-indent:-9999px; width:19px} /* +----------------------------------------------------------------+ Logotipo 3 Fases +----------------------------------------------------------------+ */ #content { margin:0 auto; overflow:hidden; text-align:left; width:776px} #content h1 {height:178px; margin:0 0 21px 5px; overflow:hidden; position:relative; width:208px} #content h1 a {cursor:pointer} #content h1 span {background:url(img/fases/logo_fases.jpg) no-repeat 0 0; cursor:pointer; height:100%; position:absolute; width:100%} #produto_fase3 #content h1 {height:179px; margin:0 0 44px 14px; overflow:hidden; position:relative; width:208px} #produto_fase3 #content h1 span {background:url(img/fase3/logo_fase3_2.jpg) no-repeat 0 0; cursor:pointer; height:100%; position:absolute; width:100%} /* +----------------------------------------------------------------+ Logotipo Cadastro +----------------------------------------------------------------+ */ #cadastro #content h1 span {background:url(img/cadastro/logo_fases.jpg) no-repeat 0 0; cursor:pointer; height:100%; position:absolute; width:100%} /* +----------------------------------------------------------------+ Header Fase 1 +----------------------------------------------------------------+ */ #home_fase1 #header h2 span {background:url(img/fase1/logo_nestle_fase1.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #home_fase1 #nav li.bt_home span {background:url(img/fase1/bt_pagina_inicial.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #home_fase1 #nav li.bt_fases span {background:url(img/fase1/bt_ninho_fases.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #home_fase1 #nav li.bt_nutricao span {background:url(img/fase1/bt_nutricao.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #home_fase1 #nav li.bt_artigos span {background:url(img/fase1/bt_artigos.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #home_fase1 #nav li.bt_tenda span {background:url(img/fase1/bt_tenda_ninho.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #home_fase1 #nav li.bt_fale span {background:url(img/fase1/bt_fale_conosco.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #home_fase1 #search {background:url(img/fase1/bg_form_busca.jpg) no-repeat;} #home_fase1 #search input#busca {color:#ec1e25} #home_fase1 #search input#buscar {background:url(img/fase1/bt_search.jpg) no-repeat;} /* +----------------------------------------------------------------+ Header Fase 3 +----------------------------------------------------------------+ */ #home_fase3 #header h2 span {background:url(img/fase3/logo_nestle_fase3.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #home_fase3 #nav li.bt_home span {background:url(img/fase3/bt_pagina_inicial.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #home_fase3 #nav li.bt_fases span {background:url(img/fase3/bt_ninho_fases.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #home_fase3 #nav li.bt_nutricao span {background:url(img/fase3/bt_nutricao.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #home_fase3 #nav li.bt_artigos span {background:url(img/fase3/bt_artigos.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #home_fase3 #nav li.bt_tenda span {background:url(img/fase3/bt_tenda_ninho.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #home_fase3 #nav li.bt_fale span {background:url(img/fase3/bt_fale_conosco.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #home_fase3 #search {background:url(img/fase3/bg_form_busca.jpg) no-repeat;} #home_fase3 #search input#busca {color:#9fcda1} #home_fase3 #search input#buscar {background:url(img/fase3/bt_search.jpg) no-repeat;} /* +----------------------------------------------------------------+ Header Fase 5 +----------------------------------------------------------------+ */ #home_fase5 #header h2 span {background:url(img/fase5/logo_nestle_fase5.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #home_fase5 #nav li.bt_home span {background:url(img/fase5/bt_pagina_inicial.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #home_fase5 #nav li.bt_fases span {background:url(img/fase5/bt_ninho_fases.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #home_fase5 #nav li.bt_nutricao span {background:url(img/fase5/bt_nutricao.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #home_fase5 #nav li.bt_artigos span {background:url(img/fase5/bt_artigos.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #home_fase5 #nav li.bt_tenda span {background:url(img/fase5/bt_tenda_ninho.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #home_fase5 #nav li.bt_fale span {background:url(img/fase5/bt_fale_conosco.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #home_fase5 #search {background:url(img/fase5/bg_form_busca.jpg) no-repeat;} #home_fase5 #search input#busca {color:#00adef} #home_fase5 #search input#buscar {background:url(img/fase5/bt_search.jpg) no-repeat;} /* +----------------------------------------------------------------+ Navegacao por Fases - Fase 1 +----------------------------------------------------------------+ */ #home_fase1 #nav_fases {display:inline; float:right; margin-right:5px; padding-top:56px; width:330px} #home_fase1 #nav_fases li {float:left} #home_fase1 #nav_fases li span {display:none} #home_fase1 #nav_fases li a {display:block; height:100%; position:relative; width:100%} #home_fase1 #nav_fases li.bt_fase1 {background:url(img/fase1/fase1_selected.png) no-repeat 0 0; height:106px; margin-right:11px; width:214px} #home_fase1 #nav_fases li.bt_fase3 {background:url(img/fase1/fase3.png) no-repeat 0 0; height:66px; margin:13px 13px 0 0; width:45px} #home_fase1 #nav_fases li.bt_fase5 {background:url(img/fase1/fase5.png) no-repeat 0 0; height:66px; margin:13px 0 0 0; width:45px} /* +----------------------------------------------------------------+ Navegacao por Fases - Fase 3 +----------------------------------------------------------------+ */ #home_fase3 #nav_fases, #produto_fase3 #nav_fases {display:inline; float:right; margin-right:5px; padding-top:56px; width:330px} #home_fase3 #nav_fases li, #produto_fase3 #nav_fases li {float:left} #home_fase3 #nav_fases li span, #produto_fase3 #nav_fases li span {display:none} #home_fase3 #nav_fases li a, #produto_fase3 #nav_fases a {display:block; height:100%; position:relative; width:100%} #home_fase3 #nav_fases li.bt_fase1, #produto_fase3 #nav_fases li.bt_fase1{background:url(img/fase3/fase1.png) no-repeat 0 0; height:66px; margin:25px 11px 0 0; width:46px} #home_fase3 #nav_fases li.bt_fase3, #produto_fase3 #nav_fases li.bt_fase3 {background:url(img/fase3/fase3_selected.png) no-repeat 0 0; height:106px; margin:13px 13px 0 0; width:214px} #home_fase3 #nav_fases li.bt_fase5, #produto_fase3 #nav_fases li.bt_fase5 {background:url(img/fase3/fase5.png) no-repeat 0 0; height:66px; margin:27px 0 0 0; width:45px} /* +----------------------------------------------------------------+ Navegacao por Fases - Fase 3 +----------------------------------------------------------------+ */ #home_fase5 #nav_fases {display:inline; float:right; margin-right:5px; padding-top:56px; width:330px} #home_fase5 #nav_fases li {float:left} #home_fase5 #nav_fases li span {display:none} #home_fase5 #nav_fases li a {display:block; height:100%; position:relative; width:100%} #home_fase5 #nav_fases li.bt_fase1 {background:url(img/fase5/fase1.png) no-repeat 0 0; height:66px; margin:21px 11px 0 0; width:46px} #home_fase5 #nav_fases li.bt_fase3 {background:url(img/fase5/fase3.png) no-repeat 0 0; height:66px; margin:26px 13px 0 0; width:45px} #home_fase5 #nav_fases li.bt_fase5 {background:url(img/fase5/fase5_selected.png) no-repeat 0 0; height:106px; margin:13px 0 0 0; width:214px} /* +----------------------------------------------------------------+ Coverflow +----------------------------------------------------------------+ */ #coverflow {height:384px; margin:0 0 52px 24px; width:728px} /* +----------------------------------------------------------------+ Home 3 Fases +----------------------------------------------------------------+ */ #ninho_fases #content h1 {margin-bottom:59px} #ninho_fases #box_fase1 {background:url(img/fases/box_lata_fase1.jpg) no-repeat; display:inline; float:left; height:111px; margin:0 0 53px 14px; padding:216px 22px 0; position:relative; width:196px} #ninho_fases #box_fase3 {background:url(img/fases/box_lata_fase3.jpg) no-repeat; display:inline; float:left; height:111px; margin:0 0 53px 10px; padding:216px 22px 0; position:relative; width:196px} #ninho_fases #box_fase5 {background:url(img/fases/box_lata_fase5.jpg) no-repeat; display:inline; float:left; height:111px; margin:0 0 53px 11px; padding:216px 22px 0; position:relative; width:196px} #ninho_fases #box_fase1 a, #ninho_fases #box_fase3 a, #ninho_fases #box_fase5 a {color:#889ea6} #ninho_fases #box_fase1 a.more, #ninho_fases #box_fase3 a.more, #ninho_fases #box_fase5 a.more {position:absolute; bottom:22px} #ninho_fases #box_linha_completa {background:url(img/fases/bg_box_small_linha_fases.jpg) no-repeat; display:inline; float:left; height:131px; margin:0 29px 0 21px; padding:17px 40px 0 19px; position:relative; width:291px} #ninho_fases #box_linha_completa h2 {height:26px; margin-bottom:6px; overflow:hidden; position:relative; width:255px} #ninho_fases #box_linha_completa h2 span {background:url(img/fases/ttl_linha_ninho_completa.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #ninho_fases #box_linha_completa img {border:2px solid #f3b553; float:left; margin-right:8px} #ninho_fases #box_linha_completa a {color:#889ea6} #ninho_fases #box_linha_completa .more {border:0; bottom:27px; float:none; left:140px; position:absolute} #ninho_fases #box_nutricao {background:url(img/fases/bg_box_small_linha_fases.jpg) no-repeat; display:inline; float:left; height:131px; padding:17px 40px 0 19px; position:relative; width:291px} #ninho_fases #box_nutricao h2 {height:26px; margin-bottom:6px; overflow:hidden; position:relative; width:210px} #ninho_fases #box_nutricao h2 span {background:url(img/fases/ttl_more_nutricao.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #ninho_fases #box_nutricao img {border:2px solid #f3b553; float:left; margin-right:8px} #ninho_fases #box_nutricao a {color:#889ea6} #ninho_fases #box_nutricao .more {border:0; bottom:76px; float:none; left:140px; padding-top:27px;} /* +----------------------------------------------------------------+ Nutricao +----------------------------------------------------------------+ */ #nutricao #content h1 {margin-bottom:36px} #nutricao h2#ttl_nutricao {height:46px; margin:0 0 3px 44px; overflow:hidden; position:relative; width:434px} #nutricao h2#ttl_nutricao span {background:url(img/fases/ttl_nutricao_big.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #nutricao #container_description {background:url(img/fases/box_descricao_nutricao.jpg) no-repeat; color:#889ea6; height:383px; margin:0 0 46px 20px; padding:30px 12px 0 21px; width:698} #nutricao #container_description p#short_description {margin:0 0 16px 0;width:640px} #nutricao #sections ul {margin-bottom:12px} #nutricao #sections ul li {float:left; font-size:10px; font-weight:bold; width:340px} #nutricao #sections ul li a {background:url(img/fases/seta.jpg) no-repeat left center; color:#ffb477; padding-left:13px; text-decoration:underline} #nutricao #sections .tabs-container {height:230px; overflow:auto; position:relative; width:698px;} #nutricao #sections .tabs-container img {margin-bottom:12px} #nutricao #sections .tabs-container p {margin-bottom:15px} #nutricao #sections .tabs-hide {display:none} #nutricao #sections #section_1 {overflow:auto;} #nutricao #box_ninho_fases {background:url(img/fases/box_small_nutricao.jpg) no-repeat; display:inline; float:left; height:195px; margin:0 0 0 22px; padding:21px 26px 0 19px; position:relative; width:180px} #nutricao #box_ninho_fases a {color:#889ea6} #nutricao #box_ninho_fases h2 {height:14px; margin-bottom:12px; overflow:hidden; position:relative; width:92px} #nutricao #box_ninho_fases h2 span {background:url(img/fases/ttl_ninho_fases.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #nutricao #box_ninho_fases img {border:2px solid #f3b553; margin-bottom:10px} #nutricao #box_ninho_fases span {display:block} #nutricao #box_ninho_fases .more {border:0; bottom:20px; position:absolute} #nutricao #box_linha_ninho {background:url(img/fases/box_small_nutricao.jpg) no-repeat; display:inline; float:left; height:195px; margin:0 0 0 24px; padding:21px 26px 0 19px; position:relative; width:180px} #nutricao #box_linha_ninho a {color:#889ea6} #nutricao #box_linha_ninho h2 {height:14px; margin-bottom:12px; overflow:hidden; position:relative; width:88px} #nutricao #box_linha_ninho h2 span {background:url(img/fases/ttl_linha_ninho.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #nutricao #box_linha_ninho img {border:2px solid #f3b553; margin-bottom:10px} #nutricao #box_linha_ninho span {display:block} #nutricao #box_linha_ninho .more {border:0; bottom:20px; position:absolute} #nutricao #box_pais_filhos {background:url(img/fases/box_small_nutricao.jpg) no-repeat; display:inline; float:left; height:195px; margin:0 0 0 29px; padding:21px 26px 0 19px; position:relative; width:180px} #nutricao #box_pais_filhos a {color:#889ea6} #nutricao #box_pais_filhos h2 {height:20px; margin-bottom:8px; overflow:hidden; position:relative; width:131px} #nutricao #box_pais_filhos h2 span {background:url(img/fases/ttl_pais_filhos.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #nutricao #box_pais_filhos img {border:2px solid #f3b553; margin-bottom:10px} #nutricao #box_pais_filhos span {display:block} #nutricao #box_pais_filhos .more {border:0; bottom:20px; position:absolute} /* +----------------------------------------------------------------+ Artigos +----------------------------------------------------------------+ */ #artigos_list #content h1 {margin-bottom:36px} #artigos_list h2#ttl_artigos {height:44px; margin:0 0 5px 45px; overflow:hidden; position:relative; width:202px} #artigos_list h2#ttl_artigos span {background:url(img/fases/ttl_artigos_big.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%;} #artigos_list #posts {background:url(img/fases/bg_artigos_lists.jpg) no-repeat; height:562px; margin:0 0 62px 21px; padding:23px 16px 0 13px; position:relative; width:701px} #artigos_list #posts ul li {background:url(img/fases/line_artigos.jpg) repeat-x left bottom; clear:both; display:block; height:auto!important; height:100px; margin-bottom:20px; min-height:100px;} #artigos_list #posts ul li img {border:2px solid #f3b553; float:left; margin:0 15px 20px 0} #artigos_list #posts ul li span {display:block; float:left; margin-bottom:10px; width:520px} #artigos_list #posts ul li a {cursor:pointer} #artigos_list #posts ul li a span.title {color:#f8984b; font-size:10px; font-weight:bold} #artigos_list #posts ul li a span.description {color:#a4b4b2;} #artigos_list #posts ul li a span.description span {font-size:10px !important;} #artigos_list #posts ul li .more {border:0} #artigos_list #page_nav {bottom:30px; color:#f3b553; left:300px; position:absolute; text-align:center; width:140px} #artigos_list #page_nav img {vertical-align:middle} #artigos_list #page_nav .alignleft a, #artigos_list #page_nav .alignright a {border:0} #artigos_list #page_nav a {border-right:1px solid #f3b553; color:#f3b553; font-size:10px; padding:0 3px} #artigos_list #page_nav a.selected {color:#fff; background-color:#f3b553} /* +----------------------------------------------------------------+ Artigos na Integra +----------------------------------------------------------------+ */ #artigos #content h1 {margin-bottom:36px} #artigos h2#ttl_artigos {height:44px; margin:0 0 5px 45px; overflow:hidden; position:relative; width:201px} #artigos h2#ttl_artigos span {background:url(img/fases/ttl_artigos_big.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #artigos #posts {background:url(img/fases/bg_box_materias.jpg) no-repeat; height:308px; margin:0 0 22px 21px; padding:15px 16px 0 23px; width:691px} #artigos #send_friend {cursor:pointer; float:right; height:15px; overflow:hidden; position:relative; width:136px} #artigos #send_friend span {background:url(img/fases/bt_indique_amigo.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #artigos #posts h3 {color:#f8984b; font-size:10px; margin-bottom:5px} #artigos #posts .postmetadata {color:#e69f2d; margin-bottom:10px} #artigos #posts .entry {height:130px; margin-bottom:26px; overflow:auto; position:relative; width:690px} #artigos #posts .entry, #artigos #posts .entry a {color:#a4b4b2} #artigos #posts .entry img {border:2px solid #f3b553; float:left; margin:0 10px 8px 0;} #artigos #posts .entry p {margin-bottom:10px} #artigos #posts .entry span {font-size:10px !important;} #artigos #posts h3#outras_materias {height:14px; margin-bottom:10px; overflow:hidden; position:relative; width:121px} #artigos #posts h3#outras_materias span {background:url(img/fases/ttl_outras_materias.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #artigos #posts ul li a {background:#fff url(img/fases/seta_more_materias.jpg) no-repeat left center; color:#9ab1b9; line-height:17px; padding:0 4px 0 16px; position:relative;} #artigos #previous {display:block; margin:0 0 19px 21px; position:relative; width:56px} /* +----------------------------------------------------------------+ Overlay +----------------------------------------------------------------+ */ #overlay {background-color:#000; filter:alpha(opacity=50); left:0; min-height:100%; -moz-opacity:0.5; opacity:.50; position:fixed; top:0; width:100%; z-index:500} /* +----------------------------------------------------------------+ Modal Enviar amigo +----------------------------------------------------------------+ */ #modal_send_friend {background:url(img/fases/bg_modal_friend.gif) no-repeat; height:318px; left:50%; margin:-163px 0 0 -265px; padding:8px 16px 0 21px; position:absolute; text-align:left; top:50%; width:494px; z-index:5000} #close_modal_send_friend {display:block; float:right; height:14px; width:14px} #modal_send_friend h2 {height:16px; margin:15px 0 14px 0; overflow:hidden; position:relative; width:167px} #modal_send_friend h2 span {background:url(img/fases/ttl_indique_amigo.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #modal_send_friend p {color:#a4b4b2; margin-bottom:16px} #modal_send_friend p.error {background-color:#fff; color:#e69f2d; margin:0 auto 20px auto; padding:4px 20px; text-align:center; visibility:hidden; width:294px} #modal_send_friend ul li {float:left; height:48px; float:left; margin-bottom:13px} #modal_send_friend ul li.first, #modal_send_friend ul li.last {margin-right:34px; float:left; margin-right:30px} #modal_send_friend label {display:block} #modal_send_friend label.label_name {height:14px; margin-bottom:8px; overflow:hidden; position:relative; width:83px} #modal_send_friend label.label_name span {background:url(img/fases/label_seu_nome.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #modal_send_friend label.label_email {height:14px; margin-bottom:8px; overflow:hidden; position:relative; width:87px} #modal_send_friend label.label_email span {background:url(img/fases/label_seu_email.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #modal_send_friend label.label_name_amigo {height:18px; overflow:hidden; position:relative; width:123px} #modal_send_friend label.label_name_amigo span {background:url(img/fases/label_nome_amigo.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #modal_send_friend label.label_email_amigo {height:18px; overflow:hidden; position:relative; width:126px} #modal_send_friend label.label_email_amigo span {background:url(img/fases/label_email_amigo.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #modal_send_friend input {background-color:#f3e0ac; border:0; position:relative; width:226px} #modal_send_friend #IndiqueAmigo1_name {background-color:#f3e0ac; border:0; position:relative; width:220px} #modal_send_friend #IndiqueAmigo1_email {background-color:#f3e0ac; border:0; position:relative; width:220px} #modal_send_friend #IndiqueAmigo1_nome_amigo {background-color:#f3e0ac; border:0; position:relative; width:220px} #modal_send_friend #IndiqueAmigo1_email_amigo {background-color:#f3e0ac; border:0; position:relative; width:220px} #modal_send_friend p.campos_obrigatorios {float:left; height:17px; overflow:hidden; position:relative; width:183px} #modal_send_friend p.campos_obrigatorios span {background:url(img/fases/img_campo_obrigatorio.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #modal_send_friend #send {display:inline; float:right; height:32px; margin:0 8px 0 0; width:57px} #modal_send_friend #IndiqueAmigo1_imgbEnviar {display:inline; float:right; height:32px; margin:0 8px 0 0; width:57px} /* +----------------------------------------------------------------+ Modal Enviar amigo Sucesso +----------------------------------------------------------------+ */ #modal_friend_sucess {background:url(img/fases/bg_modal_friend_sucesso.gif) no-repeat; height:147px; left:50%; margin:-89px 0 0 -265px; padding:32px 16px 0 21px; position:absolute; text-align:left; top:50%; width:494px; z-index:5000} #modal_friend_sucess h2 {height:14px; margin:0 auto 26px auto; overflow:hidden; position:relative; width:218px} #modal_friend_sucess h2 span {background:url(img/fases/ttl_materia_enviada_sucesso.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #modal_friend_sucess p {color:#a4b4b2; font-size:10px; text-align:center} #modal_friend_sucess #send_more_friends {display:block; float:right; height:32px; margin-top:20px; width:89px} /* +----------------------------------------------------------------+ Home Fase 1 +----------------------------------------------------------------+ */ #home_fase1 #content h1 {margin:0 0 57px 15px} #home_fase1 #content h1 span {background:url(img/fase1/logo_fase1.jpg) no-repeat 0 0;} #home_fase1 #prebio {display:inline; float:left; height:124px; margin:3px 0 0 204px; width:304px} #home_fase1 #prebio h2#ttl_prebio {height:30px; margin-bottom:5px; overflow:hidden; position:relative; width:282px} #home_fase1 #prebio h2#ttl_prebio span {background:url(img/fase1/ttl_ninho_prebio.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #home_fase1 #prebio p {color:#889ea6; font-size:10px; margin-bottom:30px} #home_fase1 #prebio a.more {cursor:pointer; display:block; height:22px; margin:0 0 0 0; overflow:hidden; position:relative; width:301px} #home_fase1 #prebio a.more span {background:url(img/fase1/bt_more_fase1.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #home_fase1 #prebio a.popVideoUmMais {cursor:pointer; display:block; height:37px; margin:0 0 0 0; overflow:hidden; position:relative; width:301px} #home_fase1 #prebio a.popVideoUmMais span {background:url(img/fase1/bt_veja_video.gif) no-repeat 0 0; height:100%; position:absolute; width:100%} #home_fase1 #box_ninho_fases {height:150px; margin:100px 0 14px 533px; width:192px} #home_fase1 #box_ninho_fases h2 {height:24px; margin-bottom:2px; overflow:hidden; position:relative; width:105px} #home_fase1 #box_ninho_fases h2 span {background:url(img/fase1/ttl_ninho_fases.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #home_fase1 #box_ninho_fases p {padding-left:17px} #home_fase1 #box_ninho_fases p a {color:#889ea6; position:relative;} #home_fase1 #box_ninho_fases .more {float:left; margin:33px 0 0 0; position:relative;} #home_fase1 #box_nutricao {height:66px; margin:0 0 76px 533px; width:196px} #home_fase1 #box_nutricao h2 {height:24px; overflow:hidden; position:relative; width:207px} #home_fase1 #box_nutricao h2 span {background:url(img/fase1/ttl_nutricao_saibamais.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #home_fase1 #box_nutricao p {padding-left:17px} #home_fase1 #box_nutricao p a {color:#889ea6; position:relative;} #home_fase1 #box_nutricao .more {float:right; margin:28px 0 0 0; position:relative;} /* +----------------------------------------------------------------+ Home Fase 1 - Box +----------------------------------------------------------------+ */ #home_fase1 #box_pais_filhos {background:url(img/fase1/bg_box_fase1.jpg) no-repeat; display:inline; float:left; height:195px; margin:0 25px 0 21px; padding:21px 26px 0 19px; position:relative; width:180px} #home_fase1 #box_pais_filhos h2 {height:20px; margin-bottom:12px; overflow:hidden; position:relative; width:130px} #home_fase1 #box_pais_filhos h2 span {background:url(img/fase1/ttl_pais_filhos.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #home_fase1 #box_pais_filhos img {border:2px solid #ec1e25; margin-bottom:9px} #home_fase1 #box_pais_filhos a span {color:#889ea6; display:block} #home_fase1 #box_pais_filhos .more {border:0; bottom:18px; position:absolute;} #home_fase1 #box_linha_ninho {background:url(img/fase1/bg_box_fase1.jpg) no-repeat; display:inline; float:left; height:195px; margin:0 28px 0 0; padding:21px 26px 0 19px; position:relative; width:180px} #home_fase1 #box_linha_ninho h2 {height:20px; margin-bottom:12px; overflow:hidden; position:relative; width:88px} #home_fase1 #box_linha_ninho h2 span {background:url(img/fase1/ttl_linha_ninho.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #home_fase1 #box_linha_ninho img {border:2px solid #ec1e25; margin-bottom:9px} #home_fase1 #box_linha_ninho a span {color:#889ea6; display:block} #home_fase1 #box_linha_ninho .more {border:0; bottom:18px; position:absolute;} #home_fase1 #box_tenda_ninho {background:url(img/fase1/bg_box_fase1.jpg) no-repeat; display:inline; float:left; height:195px; padding:21px 26px 0 19px; position:relative; width:180px} #home_fase1 #box_tenda_ninho h2 {height:20px; margin-bottom:12px; overflow:hidden; position:relative; width:143px} #home_fase1 #box_tenda_ninho h2 span {background:url(img/fase1/ttl_tenda_ninho.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #home_fase1 #box_tenda_ninho img {border:2px solid #ec1e25; margin-bottom:9px} #home_fase1 #box_tenda_ninho a span {color:#889ea6; display:block} #home_fase1 #box_tenda_ninho .more {border:0; bottom:18px; position:absolute;} /* +----------------------------------------------------------------+ Home Fase 3 +----------------------------------------------------------------+ */ #home_fase3 #content h1 {margin:0 0 57px 15px} #home_fase3 #content h1 span {background:url(img/fase3/logo_fase3.jpg) no-repeat 0 0;} #home_fase3 #prebio {display:inline; float:left; height:124px; margin:3px 0 0 204px; width:304px} #home_fase3 #prebio h2#ttl_prebio {height:30px; margin-bottom:5px; overflow:hidden; position:relative; width:283px} #home_fase3 #prebio h2#ttl_prebio span {background:url(img/fase3/ttl_ninho_prebio.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #home_fase3 #prebio p {color:#889ea6; font-size:10px; margin-bottom:30px} #home_fase3 #prebio a.more {cursor:pointer; display:block; height:22px; margin:0 0 0 0; overflow:hidden; position:relative; width:301px} #home_fase3 #prebio a.more span {background:url(img/fase3/bt_more_fase3.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #home_fase3 #box_ninho_fases {height:150px; margin:100px 0 14px 533px; width:192px} #home_fase3 #box_ninho_fases h2 {height:24px; margin-bottom:2px; overflow:hidden; position:relative; width:105px} #home_fase3 #box_ninho_fases h2 span {background:url(img/fase3/ttl_ninho_fases.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #home_fase3 #box_ninho_fases p {padding-left:17px} #home_fase3 #box_ninho_fases p a {color:#889ea6; position:relative;} #home_fase3 #box_ninho_fases .more {float:left; margin:33px 0 0 0; position:relative;} #home_fase3 #box_nutricao {height:66px; margin:0 0 76px 533px; width:196px} #home_fase3 #box_nutricao h2 {height:24px; overflow:hidden; position:relative; width:204px} #home_fase3 #box_nutricao h2 span {background:url(img/fase3/ttl_saiba_mais_nutricao.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #home_fase3 #box_nutricao p {padding-left:17px} #home_fase3 #box_nutricao p a {color:#889ea6; position:relative;} #home_fase3 #box_nutricao .more {float:right; margin:28px 0 0 0; position:relative;} /* +----------------------------------------------------------------+ Home Fase 3 - Box +----------------------------------------------------------------+ */ #home_fase3 #box_pais_filhos {background:url(img/fase3/bg_box_fase3.jpg) no-repeat; display:inline; float:left; height:195px; margin:0 25px 0 21px; padding:21px 26px 0 19px; position:relative; width:180px} #home_fase3 #box_pais_filhos h2 {height:20px; margin-bottom:12px; overflow:hidden; position:relative; width:131px} #home_fase3 #box_pais_filhos h2 span {background:url(img/fase3/ttl_pais_filhos.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #home_fase3 #box_pais_filhos img {border:2px solid #00ae4b; margin-bottom:9px} #home_fase3 #box_pais_filhos a span {color:#889ea6; display:block} #home_fase3 #box_pais_filhos .more {border:0; bottom:18px; position:absolute;} #home_fase3 #box_linha_ninho {background:url(img/fase3/bg_box_fase3.jpg) no-repeat; display:inline; float:left; height:195px; margin:0 28px 0 0; padding:21px 26px 0 19px; position:relative; width:180px} #home_fase3 #box_linha_ninho h2 {height:20px; margin-bottom:12px; overflow:hidden; position:relative; width:88px} #home_fase3 #box_linha_ninho h2 span {background:url(img/fase3/ttl_linha_ninho.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #home_fase3 #box_linha_ninho img {border:2px solid #00ae4b; margin-bottom:9px} #home_fase3 #box_linha_ninho a span {color:#889ea6; display:block} #home_fase3 #box_linha_ninho .more {border:0; bottom:18px; position:absolute;} #home_fase3 #box_tenda_ninho {background:url(img/fase3/bg_box_fase3.jpg) no-repeat; display:inline; float:left; height:195px; padding:21px 26px 0 19px; position:relative; width:180px} #home_fase3 #box_tenda_ninho h2 {height:20px; margin-bottom:12px; overflow:hidden; position:relative; width:143px} #home_fase3 #box_tenda_ninho h2 span {background:url(img/fase3/ttl_tenda_ninho.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #home_fase3 #box_tenda_ninho img {border:2px solid #00ae4b; margin-bottom:9px} #home_fase3 #box_tenda_ninho a span {color:#889ea6; display:block} #home_fase3 #box_tenda_ninho .more {border:0; bottom:18px; position:absolute;} /* +----------------------------------------------------------------+ Home Fase 5 +----------------------------------------------------------------+ */ #home_fase5 #content h1 {height:179px; margin:0 0 57px 15px} #home_fase5 #content h1 span {background:url(img/fase5/logo_fase5.jpg) no-repeat 0 0;} #home_fase5 #prebio {display:inline; float:left; height:124px; margin:3px 0 0 204px; width:304px} #home_fase5 #prebio h2#ttl_prebio {height:30px; margin-bottom:5px; overflow:hidden; position:relative; width:285px} #home_fase5 #prebio h2#ttl_prebio span {background:url(img/fase5/ttl_ninho_prebio.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #home_fase5 #prebio p {color:#889ea6; font-size:10px; margin-bottom:30px} #home_fase5 #prebio a.more {cursor:pointer; display:block; height:36px; margin:0 0 0 0; overflow:hidden; position:relative; width:301px} #home_fase5 #prebio a.more span {background:url(img/fase5/bt_more_fase5.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #home_fase5 #box_ninho_fases {height:150px; margin:100px 0 14px 533px; width:192px} #home_fase5 #box_ninho_fases h2 {height:24px; margin-bottom:2px; overflow:hidden; position:relative; width:105px} #home_fase5 #box_ninho_fases h2 span {background:url(img/fase5/ttl_ninho_fases.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #home_fase5 #box_ninho_fases p {padding-left:17px} #home_fase5 #box_ninho_fases p a {color:#889ea6; position:relative;} #home_fase5 #box_ninho_fases .more {float:left; margin:33px 0 0 0; position:relative;} #home_fase5 #box_nutricao {height:66px; margin:0 0 76px 533px; width:196px} #home_fase5 #box_nutricao h2 {height:24px; overflow:hidden; position:relative; width:204px} #home_fase5 #box_nutricao h2 span {background:url(img/fase5/ttl_saiba_mais_nutricao.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #home_fase5 #box_nutricao p {padding-left:17px} #home_fase5 #box_nutricao p a {color:#889ea6; position:relative;} #home_fase5 #box_nutricao .more {float:right; margin:28px 0 0 0; position:relative;} /* +----------------------------------------------------------------+ Home Fase 5 - Box +----------------------------------------------------------------+ */ #home_fase5 #box_pais_filhos {background:url(img/fase5/bg_box_fase5.jpg) no-repeat; display:inline; float:left; height:195px; margin:0 25px 0 21px; padding:21px 26px 0 19px; position:relative; width:180px} #home_fase5 #box_pais_filhos h2 {height:20px; margin-bottom:12px; overflow:hidden; position:relative; width:131px} #home_fase5 #box_pais_filhos h2 span {background:url(img/fase5/ttl_pais_filhos.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #home_fase5 #box_pais_filhos img {border:2px solid #00adef; margin-bottom:9px} #home_fase5 #box_pais_filhos a span {color:#889ea6; display:block} #home_fase5 #box_pais_filhos .more {border:0; bottom:18px; position:absolute;} #home_fase5 #box_linha_ninho {background:url(img/fase5/bg_box_fase5.jpg) no-repeat; display:inline; float:left; height:195px; margin:0 28px 0 0; padding:21px 26px 0 19px; position:relative; width:180px} #home_fase5 #box_linha_ninho h2 {height:20px; margin-bottom:12px; overflow:hidden; position:relative; width:88px} #home_fase5 #box_linha_ninho h2 span {background:url(img/fase5/ttl_linha_ninho.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #home_fase5 #box_linha_ninho img {border:2px solid #00adef; margin-bottom:9px} #home_fase5 #box_linha_ninho a span {color:#889ea6; display:block} #home_fase5 #box_linha_ninho .more {border:0; bottom:18px; position:absolute;} #home_fase5 #box_tenda_ninho {background:url(img/fase5/bg_box_fase5.jpg) no-repeat; display:inline; float:left; height:195px; padding:21px 26px 0 19px; position:relative; width:180px} #home_fase5 #box_tenda_ninho h2 {height:20px; margin-bottom:12px; overflow:hidden; position:relative; width:143px} #home_fase5 #box_tenda_ninho h2 span {background:url(img/fase5/ttl_tenda_ninho.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #home_fase5 #box_tenda_ninho img {border:2px solid #00adef; margin-bottom:9px} #home_fase5 #box_tenda_ninho a span {color:#889ea6; display:block} #home_fase5 #box_tenda_ninho .more {border:0; bottom:18px; position:absolute;} /* +----------------------------------------------------------------+ Fale Conosco +----------------------------------------------------------------+ */ #fale #content h1 {margin-bottom:45px} #fale h2#ttl_fale_conosco {height:39px; margin:0 0 8px 45px; overflow:hidden; position:relative; width:222px} #fale h2#ttl_fale_conosco span {background:url(img/fases/ttl_fale_conosco_big.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #fale #fale_conosco {background:url(img/fases/bg_form_fale_conosco.jpg) no-repeat; height:433px; margin:0 0 0 21px; padding:30px 33px 0 27px; width:670px} #fale #fale_conosco h2 {height:18px; margin-bottom:16px; overflow:hidden; position:relative; width:393px} #fale #fale_conosco h2 span {background:url(img/fases/ttl_preencha.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #fale #fale_conosco p.error {background-color:#fff; color:#e69f2d; margin:0 auto 17px auto; padding:4px 20px; text-align:center; visibility:hidden; width:294px} #fale #send_message ul li {float:left; height:48px; margin-bottom:13px; width:327px} #fale #send_message ul li.last {margin-right:16px} #fale #send_message ul li.textarea {clear:both; float:none; height:auto} #fale #send_message ul li label {display:block; margin-bottom:8px} #fale #send_message ul li input {background-color:#f3e0ac; border:0; float:left; width:327px} #fale #send_message ul li .label_name {height:14px; overflow:hidden; position:relative; width:83px} #fale #send_message ul li .label_name span {background:url(img/fases/label_seu_nome_contact.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #fale #send_message ul li .label_email {height:14px; overflow:hidden; position:relative; width:87px} #fale #send_message ul li .label_email span {background:url(img/fases/label_seu_email_contact.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #fale #send_message ul li .label_mensagem {height:18px; overflow:hidden; position:relative; width:90px} #fale #send_message ul li .label_mensagem span {background:url(img/fases/label_mensagem.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #fale #send_message ul li textarea {background-color:#f3e0ac; border:0; font:1.3em Tahoma, Verdana, Arial, Helvetica, sans-serif; height:165px; margin-bottom:13px; overflow:auto; width:670px} #fale #send_message p.campos_obrigatorios {float:left; height:17px; overflow:hidden; position:relative; width:183px} #fale #send_message p.campos_obrigatorios span {background:url(img/fases/img_campo_obrigatorio.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #fale #send_message #bt_send_message {float:right} #fale #contact_sucess {background:url(img/fases/bg_contact_sucess.gif) no-repeat; height:455px; left:50%; margin:0 0 0 -361px; position:absolute; text-align:left; top:40%; width:722px; z-index:90000} #fale #contact_sucess .message {height:13px; margin:200px auto 30px auto; overflow:hidden; position:relative; width:415px} #fale #contact_sucess .message span {background:url(img/fases/img_contact_sucess.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #fale #contact_sucess a {display:block; height:32px; margin:0 auto; width:147px} /* +----------------------------------------------------------------+ Politica Privacidade +----------------------------------------------------------------+ */ #politica #content h1 {margin-bottom:35px} #politica h2#ttl_politica_privacidade {height:38px; margin:0 0 12px 36px; overflow:hidden; position:relative; width:376px} #politica h2#ttl_politica_privacidade span {background:url(img/fases/ttl_politica_privacidade.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #politica #box_politica {background:url(img/fases/bg_box_politica.jpg) no-repeat; height:193px; margin:0 0 0 20px; padding:30px 23px 0 23px; width:685px} #politica #box_politica * {color:#889ea6} #politica #box_politica #scrool {height:170px; overflow:auto; width:auto} #politica #box_politica #scrool * {margin-bottom:10px} /* +----------------------------------------------------------------+ Mapa do site +----------------------------------------------------------------+ */ #sitemap #content h1 {margin-bottom:42px} #sitemap h2#ttl_sitemap {height:43px; margin:0 0 5px 36px; overflow:hidden; position:relative; width:218px} #sitemap h2#ttl_sitemap span {background:url(img/fases/ttl_mapa_site.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #sitemap #box_sitemap {background:url(img/fases/bg_box_sitemap.jpg) no-repeat; height:218px; margin:0 0 137px 20px; padding:21px 0 0 18px; width:713px} #sitemap #box_sitemap * {color:#889ea6} #sitemap #box_sitemap h3 {margin-bottom:6px} #sitemap #box_sitemap h3.bt_sitemap_home {height:13px; overflow:hidden; position:relative; width:62px} #sitemap #box_sitemap h3.bt_sitemap_home span {background:url(img/fases/bt_sitemap_home.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #sitemap #box_sitemap h3.bt_sitemap_ninho {height:14px; overflow:hidden; position:relative; width:112px} #sitemap #box_sitemap h3.bt_sitemap_ninho span {background:url(img/fases/bt_sitemap_ninho.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #sitemap #box_sitemap h3.bt_sitemap_nutricao {height:17px; overflow:hidden; position:relative; width:83px} #sitemap #box_sitemap h3.bt_sitemap_nutricao span {background:url(img/fases/bt_sitemap_nutricao.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #sitemap #box_sitemap h3.bt_sitemap_artigos {height:17px; overflow:hidden; position:relative; width:73px} #sitemap #box_sitemap h3.bt_sitemap_artigos span {background:url(img/fases/bt_sitemap_artigos.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #sitemap #box_sitemap h3.bt_sitemap_tenda {height:14px; overflow:hidden; position:relative; width:162px} #sitemap #box_sitemap h3.bt_sitemap_tenda span {background:url(img/fases/bt_sitemap_tenda.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #sitemap #box_sitemap h3.bt_sitemap_fale {height:14px; overflow:hidden; position:relative; width:119px} #sitemap #box_sitemap h3.bt_sitemap_fale span {background:url(img/fases/bt_sitemap_fale.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #sitemap #box_sitemap h3 a {cursor:pointer} #sitemap #box_sitemap ul {margin:0 0 8px 20px} #sitemap #box_sitemap ul li {display:block; font-size:10px; margin:0 0 2px 0; position:relative;} #sitemap #box_sitemap ul li a {background:#fff url(img/fases/bullets_sitemap.jpg) no-repeat left center; line-height:17px; padding:0 8px 0 16px} /* +----------------------------------------------------------------+ Resultados de Busca +----------------------------------------------------------------+ */ #search_results #content h1 {margin-bottom:35px} #search_results h2#ttl_resultados_busca {height:37px; margin:0 0 12px 46px; overflow:hidden; position:relative; width:328px} #search_results h2#ttl_resultados_busca span {background:url(img/fases/ttl_resultado_busca.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #search_results #box_search_results {background:url(img/fases/bg_box_search_results.jpg) no-repeat; height:561px; margin:0 0 0 21px; padding:24px 16px 0 13px; position:relative; width:701px} #search_results #box_search_results p.busca_por {background:url(img/fases/ttl_busca_por.jpg) no-repeat left center; color:#e47a23; font-size:10px; font-weight:bold; height:17px; line-height:17px; margin:0 0 7px 16px; padding-left:87px} #search_results #box_search_results p.number_results {color:#889ea6; margin:0 0 32px 16px;} #search_results #box_search_results ul li {background:url(img/fases/line_search_results.jpg) repeat-x left bottom; clear:both; display:block; height:auto !important; height:68px; margin-bottom:10px; min-height:68px; padding:0 12px} #search_results #box_search_results ul li span {display:block; margin-bottom:5px} #search_results #box_search_results ul li a span.title {color:#f89d52; font-size:10px; font-weight:bold} #search_results #box_search_results ul li a span.description {color:#889ea6} #search_results #box_search_results ul li a {cursor:pointer} #search_results #page_nav {bottom:30px; color:#f3b553; left:300px; position:absolute; text-align:center; width:140px} #search_results #page_nav img {vertical-align:middle} #search_results #page_nav .alignleft a, #search_results #page_nav .alignright a {border:0} #search_results #page_nav a {border-right:1px solid #f3b553; color:#f3b553; font-size:10px; padding:0 3px} #search_results #page_nav a.selected {color:#fff; background-color:#f3b553} /* +----------------------------------------------------------------+ Outros Produtos Ninho +----------------------------------------------------------------+ */ #other_products #content h1 {margin-bottom:54px;} #other_products #content {padding-left:40px;} #other_products #soleil {display:inline; float:right; height:45px; margin-right:29px; position:relative; top: -10px; width:124px;} #other_products h2#ttl_linha_ninho {height:40px; margin:0 0 17px 40px; overflow:hidden; position:relative; width:198px} #other_products h2#ttl_linha_ninho span {background:url(img/fases/ttl_linha_ninho_big.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #other_products #box_ninho_instantaneo {background:url(img/fases/bg_ninho_instantaneo.jpg) no-repeat; display:inline; float:left; height:164px; margin:0 2px 0 20px; padding:233px 12px 0 10px; width:203px} #other_products #box_ninho_instantaneo h2 {height:18px; margin-bottom:6px; overflow:hidden; position:relative; width:195px} #other_products #box_ninho_instantaneo h2 span {background:url(img/fases/ttl_integral_instantaneo.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #other_products #box_ninho_tradicional {background:url(img/fases/bg_ninho_integral.jpg) no-repeat; float:left; height:164px; margin:0 2px 0 0; padding:233px 12px 0 10px; width:203px} #other_products #box_ninho_tradicional h2 {height:18px; margin-bottom:6px; overflow:hidden; position:relative; width:187px} #other_products #box_ninho_tradicional h2 span {background:url(img/fases/ttl_integral_tradicional.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #other_products #box_fases {background:url(img/fases/bg_box_ninho_fases.jpg) no-repeat; float:left; height:164px; padding:233px 71px 0 36px; width:180px; _width:160px;} #other_products #box_fases h2 {height:14px; margin-bottom:6px; overflow:hidden; position:relative; width:180px} #other_products #box_fases p {width:200px; _width:180px;} #other_products #box_fases h2 span {background:url(img/fases/ttl_ninho_fases_other_products.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #other_products #box_ninho_instantaneo *, #other_products #box_ninho_tradicional *, #other_products #box_fases * {color:#889ea6} #other_products #box_ninho_instantaneo, #other_products #box_ninho_tradicional, #other_products #box_fases {margin-bottom:36px} #other_products #tabela_nutricional {margin-left:00px} #other_products #tabela_nutricional ul li {float:left; height:36px} #other_products #tabela_nutricional ul li.aba_instantaneo {margin-right:3px; overflow:hidden; position:relative; width:143px} #other_products #tabela_nutricional ul li.aba_instantaneo span {background:url(img/fases/aba_ninho_instantaneo.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #other_products #tabela_nutricional ul li.aba_integral {margin-right:3px; overflow:hidden; position:relative; width:138px} #other_products #tabela_nutricional ul li.aba_integral span {background:url(img/fases/aba_ninho_integral.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #other_products #tabela_nutricional ul li.aba_fase1 {margin-right:3px; overflow:hidden; position:relative; width:138px} #other_products #tabela_nutricional ul li.aba_fase1 span {background:url(img/fases/aba_ninho_fases1.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #other_products #tabela_nutricional ul li.aba_fase3 {margin-right:3px; overflow:hidden; position:relative; width:138px} #other_products #tabela_nutricional ul li.aba_fase3 span {background:url(img/fases/aba_ninho_fases3.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #other_products #tabela_nutricional ul li.aba_fase5 {margin-right:3px; overflow:hidden; position:relative; width:138px} #other_products #tabela_nutricional ul li.aba_fase5 span {background:url(img/fases/aba_ninho_fases5.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #other_products #tabela_nutricional ul li.tabs-selected span {background-position:left top} #other_products #tabela_nutricional ul li a {cursor:pointer} #other_products #tabela_nutricional #section_1 {background:url(img/fases/bg_box_tabela_nutricional.jpg) no-repeat; height:186px; overflow:auto; position:relative; top:-1px; width:731px;} #other_products #tabela_nutricional #section_2 {background:url(img/fases/bg_box_ninho_integral.jpg) no-repeat; height:186px; overflow:auto; position:relative; top:-1px; width:731px;} #other_products #tabela_nutricional #section_3 {background:url(img/fases/bg_box_ninho_fases1.jpg) no-repeat; height:186px; overflow:auto; position:relative; top:-1px; width:731px} #other_products #tabela_nutricional #section_4 {background:url(img/fases/bg_box_ninho_fases3.jpg) no-repeat; height:186px; overflow:auto; position:relative; top:-1px; width:731px} #other_products #tabela_nutricional #section_5 {background:url(img/fases/bg_box_ninho_fases5.jpg) no-repeat; height:186px; overflow:auto; position:relative; top:-1px; width:731px} #other_products #tabela_nutricional .tabs-hide {display:none} #tabela_nutricional .tabs-container .scroll {height:164px; margin:6px 0 0 2px; overflow:auto; width:718px} /* +----------------------------------------------------------------+ Tenda Ninho +----------------------------------------------------------------+ */ #tenda #content h1 {margin-bottom:34px} #tenda h2#ttl_tenda {height:38px; margin:0 0 12px 44px; overflow:hidden; position:relative; width:330px} #tenda h2#ttl_tenda span {background:url(img/tenda/ttl_tenda_ninho.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #tenda #sign_tenda {background:url(img/tenda/bg_entrar_tenda.jpg) no-repeat; height:366px; margin:0 0 54px 21px; padding:34px 38px 0 26px; position:relative; width:666px} #tenda #sign_tenda #placeholder {height:124px; width:684px;} #tenda #sign_tenda #curtir_fase {background:url(img/tenda/line_curtir_fase.jpg) repeat-x left bottom; height:75px; margin:19px 0pt 16px;} #tenda #sign_tenda #curtir_fase * {color:#889ea6; font-size:11px;} #tenda #sign_tenda #curtir_fase h2 {height:27px; overflow:hidden; position:relative; width:404px} #tenda #sign_tenda #curtir_fase h2 span {background:url(img/tenda/ttl_ninhofases_curtir.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} /*#tenda #sign_tenda #tirou_foto {left:271px; margin:115px 0 0 0; position:absolute; width:430px}*/ #tenda #sign_tenda #tirou_foto h2 {height:13px; margin-bottom:10px; overflow:hidden; position:relative; width:207px} #tenda #sign_tenda #tirou_foto h2 span {background:url(img/tenda/ttl_tirou_foto_tenda.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #tenda #sign_tenda #tirou_foto p {color:#889ea6; font-size:10px; margin-bottom:18px} #tenda #sign_tenda #signup label {display:block; margin-bottom:6px} #tenda #sign_tenda #signup input {background-color:#f3e0ac; border:0; margin-bottom:10px; width:421px} #tenda #sign_tenda #signup label.label_email {height:11px; overflow:hidden; position:relative; width:38px} #tenda #sign_tenda #signup label.label_email span {background:url(img/tenda/label_email_tenda.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #tenda #sign_tenda #signup label.label_senha {height:11px; overflow:hidden; position:relative; width:38px} #tenda #sign_tenda #signup label.label_senha span {background:url(img/tenda/label_senha_tenda.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #tenda #sign_tenda #signup p#esqueceu_senha {background-color:#fff; clear:left; float:left; height:18px; text-align:center; width:104px} #tenda #sign_tenda #signup p#esqueceu_senha a {color:#e39d2d} #tenda #sign_tenda #signup #entrar {height:32px; float:right; margin-top:10px; width:57px} #tenda #sign_tenda #signup p.error {background-color:#fff; color:#e39d2d; margin:0 auto; padding:0 5px; text-align:center; visibility:hidden; width:180px} #tenda #calendario_tenda {background:url(img/tenda/bg_calendario_tenda.jpg) no-repeat; clear:both; height:297px; margin:0 0 55px 22px; padding-top:27px; width:729px} #tenda #calendario_tenda h2 {height:15px; margin:0 0 18px 18px; overflow:hidden; position:relative; width:188px} #tenda #calendario_tenda h2 span {background:url(img/tenda/ttl_calendario_tenda.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #tenda #calendario_tenda .scroll {height:240px; margin:0 auto; overflow:auto; width:710px} /* +----------------------------------------------------------------+ Tenda Ninho Caracterizacao +----------------------------------------------------------------+ */ #tenda_caracterizacao #content h1 {margin-bottom:34px} #tenda_caracterizacao h2#ttl_tenda {height:38px; margin:0 0 12px 44px; overflow:hidden; position:relative; width:206px} #tenda_caracterizacao h2#ttl_tenda span {background:url(img/tenda/ttl_tenda_ninho.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #tenda_caracterizacao #box_caracterizacao {background:url(img/tenda/bg_box_personalize.jpg) no-repeat; height:667px; margin:0 0 67px 21px; padding:28px 40px 0 30px; width:660px} #tenda_caracterizacao #box_caracterizacao * {color:#889ea6} #tenda_caracterizacao #box_caracterizacao h3 {height:14px; margin:14px 0; overflow:hidden; position:relative; width:100px} #tenda_caracterizacao #box_caracterizacao h3 span {background:url(img/tenda/ttl_como_montar.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #tenda_caracterizacao #box_caracterizacao ol {margin-bottom:20px} #tenda_caracterizacao #box_caracterizacao ol li {font-size:1.1em; font-weight:bold} #tenda_caracterizacao .jcarousel-container {position:relative; margin:70px 0 62px 0} #tenda_caracterizacao .jcarousel-clip {z-index:2; padding:0; margin:0; overflow:hidden; position:relative} #tenda_caracterizacao .jcarousel-list {z-index:1; overflow:hidden; position:relative; top:0; left:0; margin:0; padding:0;} #tenda_caracterizacao .jcarousel-list li, #tenda_caracterizacao .jcarousel-item {display:inline; float:left; list-style:none; margin:0 5px;/* We set the width/height explicitly. No width/height causes infinite loops. */width:60px; height:45px} #tenda_caracterizacao .jcarousel-next {z-index:3; display:none} #tenda_caracterizacao .jcarousel-prev {z-index:3; display:none} #tenda_caracterizacao #carousel {height:45px} #tenda_caracterizacao .jcarousel-container-horizontal {width:558px; padding:0 50px} #tenda_caracterizacao .jcarousel-clip-horizontal {width:558px; height:45px } #tenda_caracterizacao .jcarousel-item {width:60px; height:45px} #tenda_caracterizacao .jcarousel-prev {background:url(img/tenda/left_carousel.jpg) no-repeat; cursor:pointer; height:32px; left:2px; position:absolute; top:6px; width:26px} #tenda_caracterizacao .jcarousel-next {background:url(img/tenda/right_carousel.jpg) no-repeat; cursor:pointer; height:32px; position:absolute; right:2px; top:6px; width:26px} #tenda_caracterizacao #placeholder {display:inline; float:left; height:336px; margin:0 23px 0 9px; overflow:hidden; position:relative; width:227px} #tenda_caracterizacao #placeholder img {border:2px solid #e2941a;} #tenda_caracterizacao #placeholder #mask {height:332px; left:2px; position:absolute; top:2px; width:223px; z-index:100} #tenda_caracterizacao #placeholder #mask img {border:none} #tenda_caracterizacao #box_mask li {display:inline; float:left; margin:0 10px 28px 0} #tenda_caracterizacao #box_mask > li {margin-right:15px} #tenda_caracterizacao #options {float:right; width:200px} #tenda_caracterizacao #options a {display:block; float:left; margin-top:30px} #tenda_caracterizacao #options >/**/ a {margin-top:0; position:relative; top:-40px} #tenda_caracterizacao #options a#bt_salvar {margin-right:10px; width:57px} /* +----------------------------------------------------------------+ Cadastro Ninho +----------------------------------------------------------------+ */ #cadastro #content h1 {margin-bottom:34px} #cadastro h2#ttl_cadastro {height:38px; margin:0 0 12px 44px; overflow:hidden; position:relative; width:206px} #cadastro h2#ttl_cadastro span {background:url(img/cadastro/ttl_cadastro.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #cadastro #formulario {margin-left:20px} #cadastro #formulario ul li {float:left; height:36px} #cadastro #formulario ul li.aba_seus_dados {margin-right:2px; overflow:hidden; position:relative; width:133px} #cadastro #formulario ul li.aba_seus_dados span {background:url(img/cadastro/aba_seus_dados.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #cadastro #formulario ul li.aba_endereco {margin-right:2px; overflow:hidden; position:relative; width:129px} #cadastro #formulario ul li.aba_endereco span {background:url(img/cadastro/aba_endereco.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #cadastro #formulario ul li.aba_confirmacao {margin-right:3px; overflow:hidden; position:relative; width:129px} #cadastro #formulario ul li.aba_confirmacao span {background:url(img/cadastro/aba_confirmacao.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #cadastro #formulario ul li.tabs-selected span {background-position:left top} #cadastro #formulario ul li a {cursor:pointer} #cadastro #formulario #section-1, #cadastro #formulario #section-2, #cadastro #formulario #section-3 {background:url(img/cadastro/bg_box_form.jpg) no-repeat; height:413px; overflow:hidden; position:relative; width:730px} #cadastro #formulario .tabs-hide {display:none} #cadastro #formulario p.campos_obrigatorios {float:left; height:17px; margin:24px 0 20px 26px; overflow:hidden; position:relative; width:183px} #cadastro #formulario p.campos_obrigatorios span {background:url(img/cadastro/img_campo_obrigatorio.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #cadastro form#send_dados {margin:0 auto; width:677px;} #cadastro #send_dados ul li {float:left; height:48px; margin-bottom:13px; width:300px} #cadastro #send_dados ul li.last {margin-right:63px} #cadastro #send_dados ul li.last_senha {margin-right:63px; width:299px;} #cadastro #send_dados ul li.nascimento {float:left; height:48px; margin-bottom:13px; width:184px} #cadastro #send_dados ul li.checkbox {clear:left; color:#f89d52; float:left; font-size:10px; height:20px; width:350px} #cadastro #send_dados ul li.checkbox span {font-weight:bold;} #cadastro #send_dados ul li.checkbox a {color:#f89d52; font-weight:bold; text-decoration:underline;} #cadastro #send_dados ul li label {display:block; margin-bottom:5px} #cadastro #send_dados ul li input {background-color:#f3e0ac; border:0; width:294px} #cadastro #send_dados ul li input#informacoes {background-color:transparent; float:left; width:20px;} #cadastro #send_dados ul li input#politica {background-color:transparent; float:left; width:20px;} #cadastro #send_dados ul li input.sexo {background-color:transparent; float:left; margin-right:17px; width:20px} #cadastro #send_dados ul li input#senha {float:left; width:272px;} #cadastro #send_dados ul li input#nascimento {float:left; width:158px;} #cadastro #send_dados ul li .label_name {height:18px; overflow:hidden; position:relative; width:122px} #cadastro #send_dados ul li .label_name span {background:url(img/cadastro/ttl_nome_completo.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #cadastro #send_dados ul li .label_chamado {height:18px; overflow:hidden; position:relative; width:237px} #cadastro #send_dados ul li .label_chamado span {background:url(img/cadastro/ttl_como_chamado.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #cadastro #send_dados ul li .label_email {height:14px; overflow:hidden; position:relative; width:96px} #cadastro #send_dados ul li .label_email span {background:url(img/cadastro/ttl_email_atual.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #cadastro #send_dados ul li .label_sexo {height:14px; overflow:hidden; position:relative; width:96px} #cadastro #send_dados ul li .label_sexo span {background:url(img/cadastro/ttl_sexo.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #cadastro #send_dados ul li .label_sexo_masc {float:left; height:13px; overflow:hidden; position:relative; width:72px} #cadastro #send_dados ul li .label_sexo_masc span {background:url(img/cadastro/opt_masc.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #cadastro #send_dados ul li .label_sexo_fem {float:left; height:13px; overflow:hidden; position:relative; width:66px} #cadastro #send_dados ul li .label_sexo_fem span {background:url(img/cadastro/opt_fem.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #cadastro #send_dados ul li .label_senha {float:left; height:14px; overflow:hidden; position:relative; width:55px} #cadastro #send_dados ul li .label_senha span {background:url(img/cadastro/ttl_senha.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #cadastro #send_dados ul li .label_nasc {float:left; height:14px; overflow:hidden; position:relative; width:156px} #cadastro #send_dados ul li .label_nasc span {background:url(img/cadastro/ttl_data_nasc.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #cadastro #send_dados p.duvida {float:right; height:22px; overflow:hidden; position:relative; width:22px} #cadastro #send_dados p.duvida span {background:url(img/cadastro/bt_duvida.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #cadastro #send_dados p.duvida_nasc {float:right; height:22px; overflow:hidden; position:relative; width:22px} #cadastro #send_dados p.duvida_nasc span {background:url(img/cadastro/bt_duvida.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #cadastro #send_dados #bt_send_message {float:right; margin-top:50px;} #cadastro form#send_endereco {margin:0 auto; width:677px;} #cadastro #send_endereco ul li {float:left; height:48px; margin-bottom:13px; width:300px} #cadastro #send_endereco ul li.last {margin-right:50px} #cadastro #send_endereco ul li label {display:block; margin-bottom:5px} #cadastro #send_endereco ul li input {background-color:#f3e0ac; border:0; width:294px} #cadastro #send_endereco ul li .label_pais {height:18px; overflow:hidden; position:relative; width:37px} #cadastro #send_endereco ul li .label_pais span {background:url(img/cadastro/ttl_pais.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #cadastro #send_endereco ul li .label_cep {height:14px; overflow:hidden; position:relative; width:39px} #cadastro #send_endereco ul li .label_cep span {background:url(img/cadastro/ttl_cep.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #cadastro #send_endereco ul li .label_endereco {height:18px; overflow:hidden; position:relative; width:75px} #cadastro #send_endereco ul li .label_endereco span {background:url(img/cadastro/ttl_endereco.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #cadastro #send_endereco ul li .label_numero {height:14px; overflow:hidden; position:relative; width:96px} #cadastro #send_endereco ul li .label_numero span {background:url(img/cadastro/ttl_numero.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #cadastro #send_endereco ul li .label_complemento {float:left; height:17px; overflow:hidden; position:relative; width:107px} #cadastro #send_endereco ul li .label_complemento span {background:url(img/cadastro/ttl_complemento.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #cadastro #send_endereco ul li .label_bairro {float:left; height:14px; overflow:hidden; position:relative; width:51px} #cadastro #send_endereco ul li .label_bairro span {background:url(img/cadastro/ttl_bairro.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #cadastro #send_endereco ul li .label_cidade {float:left; height:14px; overflow:hidden; position:relative; width:58px} #cadastro #send_endereco ul li .label_cidade span {background:url(img/cadastro/ttl_cidade.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #cadastro #send_endereco ul li .label_uf {float:left; height:14px; margin-right:200px; overflow:hidden; position:relative; width:29px} #cadastro #send_endereco ul li .label_uf span {background:url(img/cadastro/ttl_uf.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #cadastro #send_endereco ul li .label_telefone {float:left; height:14px; overflow:hidden; position:relative; width:63px} #cadastro #send_endereco ul li .label_telefone span {background:url(img/cadastro/ttl_telefone.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #cadastro #send_endereco ul li .label_celular {float:left; height:14px; overflow:hidden; position:relative; width:52px} #cadastro #send_endereco ul li .label_celular span {background:url(img/cadastro/ttl_celular.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #cadastro #send_endereco p.duvida {float:right; height:22px; overflow:hidden; position:relative; width:22px} #cadastro #send_endereco p.duvida span {background:url(img/cadastro/bt_duvida.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #cadastro #send_endereco p.duvida_nasc {float:right; height:22px; overflow:hidden; position:relative; width:22px} #cadastro #send_endereco p.duvida_nasc span {background:url(img/cadastro/bt_duvida.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #cadastro #send_endereco #bt_send_message {float:right;} /* +----------------------------------------------------------------+ Footer Cadastro +----------------------------------------------------------------+ */ #cadastro #footer {clear:both; margin:0 auto; padding:40px 0 30px 0; text-align:left; width:728px} #cadastro #footer ul {margin-bottom:5px; padding-left:10px} #cadastro #footer ul li {display:block; float:left; height:9px} #cadastro #footer a {cursor:pointer} #cadastro #footer ul li.bt_politica {height:9px; overflow:hidden; position:relative; width:98px} #cadastro #footer ul li.bt_politica span {background:url(img/cadastro/bt_politica_privacidade.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #cadastro #footer ul li.bt_mapa_site {height:9px; left:8px; margin:0 278px 0 0; overflow:hidden; position:relative; width:69px} #cadastro #footer ul li.bt_mapa_site span {background:url(img/cadastro/bt_mapa_site.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #cadastro #footer ul li.copyright {height:9px; overflow:hidden; position:relative; width:261px} #cadastro #footer ul li.copyright span {background:url(img/cadastro/copyright.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #cadastro #footer .clear {background:url(img/cadastro/line_footer.jpg) no-repeat; height:8px; margin-bottom:6px; width:728px; visibility:visible} #cadastro #footer #pais_filhos {float:left; height:27px; left:5px; margin:0 46px 0 0; overflow:hidden; position:relative; width:68px} #cadastro #footer #pais_filhos span {background:url(img/cadastro/bt_revista_pais_filhos.jpg) no-repeat; height:100%; position:absolute; width:100%} #cadastro #footer #ministerio {float:left; height:44px; margin:0 35px 0 0; overflow:hidden; position:relative; width:493px} #cadastro #footer #ministerio span {background:url(img/cadastro/advertencia_ministerio.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #cadastro #footer #nestle {float:left; height:29px; overflow:hidden; position:relative; width:75px} #cadastro #footer #nestle span {background:url(img/cadastro/logo_nestle_footer.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} /* +----------------------------------------------------------------+ Footer +----------------------------------------------------------------+ */ #bg_footer {background:url(img/fases/rodape.png) no-repeat scroll center top; margin:0 auto; padding-top:30px; width:1072px;} #bg_footer_home {background:url(img/fases/rodape_home.jpg) no-repeat scroll center top; margin:0 auto; padding-top:40px; width:1072px;} #pre_home #bg_footer {background:url(img/fases/rodape_home.png) no-repeat scroll center -40px; margin:0 auto; padding-top:40px; width:1072px;} #sitemap #bg_footer {background:url(img/fases/rodape.png) no-repeat scroll center top; margin:0 auto; padding-top:40px; width:1072px;} #sitemap #footer {clear:both; margin:0 auto; padding:40px 0 25px 0; text-align:left; width:728px} #footer {clear:both; margin:0 auto; padding:40px 0 25px 0; text-align:left; width:728px} #footer table, tr, td, th {border:none !important;}; #footer ul {margin-bottom:5px; padding-left:10px} #footer ul li {display:block; float:left; height:9px} #footer a {cursor:pointer} #footer ul li.bt_politica {height:9px; overflow:hidden; position:relative; width:98px; left:350px;} #footer ul li.bt_politica span {background:url(img/fases/bt_politica_privacidade.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #footer ul li.bt_mapa_site {left:-100px; margin:0 282px 0 0; overflow:hidden; position:relative; width:69px;} #footer ul li.bt_mapa_site span {background:url(img/fases/bt_mapa_site.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #footer ul li.copyright {height:9px; overflow:hidden; position:relative; width:261px; float:right;} #footer ul li.copyright span {background:url(img/fases/copyright.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #footer .clear {background:url(img/fases/line_footer.jpg) no-repeat; height:8px; margin-bottom:6px; width:728px; visibility:visible} #footer #pais_filhos {float:left; height:27px; left:5px; margin:0 46px 0 0; overflow:hidden; position:relative; width:68px} #footer #pais_filhos span {background:url(img/fases/bt_revista_pais_filhos.jpg) no-repeat; height:100%; position:absolute; width:100%} #footer #ministerio {float:left; height:44px; margin:0 35px 0 0; overflow:hidden; position:relative; width:493px} #footer #ministerio span {background:url(img/fases/advertencia_ministerio.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #footer #nestle {float:left; height:29px; overflow:hidden; position:relative; width:75px} #footer #nestle span {background:url(img/fases/logo_nestle_footer.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} /* +----------------------------------------------------------------+ Extras +----------------------------------------------------------------+ */ #produto_fase1 #wrapper {background:url(img/fase1/bg_produto_fase1.png) no-repeat center top; margin:0 auto; padding-top:13px; width:1072px;} #produto_fase1 #content h1 {height:175px; margin:1px 0 44px 18px; overflow:hidden; position:relative; width:208px} #produto_fase1 #content h1 a {cursor:pointer} #produto_fase1 #content h1 span {background:url(img/fase1/logo_produto_fases.jpg) no-repeat 0 0; cursor:pointer; height:100%; position:absolute; width:100%} #produto_fase1 #header h2 span {background:url(img/fase1/logo_nestle_fase1.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #produto_fase1 #nav li.bt_home span {background:url(img/fase1/bt_pagina_inicial.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #produto_fase1 #nav li.bt_fases span {background:url(img/fase1/bt_ninho_fases.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #produto_fase1 #nav li.bt_nutricao span {background:url(img/fase1/bt_nutricao.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #produto_fase1 #nav li.bt_artigos span {background:url(img/fase1/bt_artigos.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #produto_fase1 #nav li.bt_tenda span {background:url(img/fase1/bt_tenda_ninho.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #produto_fase1 #nav li.bt_fale span {background:url(img/fase1/bt_fale_conosco.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #produto_fase1 #search {background:url(img/fase1/bg_form_busca.jpg) no-repeat;} #produto_fase1 #search input#busca {color:#ec1e25} #produto_fase1 #search input#buscar {background:url(img/fase1/bt_search.jpg) no-repeat;} #produto_fase1 h2 {float:left; height:37px; margin-bottom:34px; margin-right:21px; overflow:hidden; position:relative; width:259px;} #produto_fase1 h2 span {background:url(img/fase1/ttl_ninhofase_1.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%;} #produto_fase1 .description {clear:both; margin-bottom:0px; padding:0 217px;} #produto_fase1 .description p {color:#889ea6; margin-bottom:15px; width:500px;} #produto_fase1 .obs {color:#889ea6; clear:both; margin-bottom:92px; padding:0px 0px 0 254px;} #produto_fase1 #nav_fases {display:inline; float:right; margin-right:5px; padding-top:56px; width:330px} #produto_fase1 #nav_fases li {float:left} #produto_fase1 #nav_fases li span {display:none} #produto_fase1 #nav_fases li a {display:block; height:100%; position:relative; width:100%} #produto_fase1 #nav_fases li.bt_fase1 {background:url(img/fase1/fase1_selected.png) no-repeat 0 0; height:106px; margin-right:11px; width:214px} #produto_fase1 #nav_fases li.bt_fase3 {background:url(img/fase1/fase3.png) no-repeat 0 0; height:66px; margin:13px 13px 0 0; width:45px} #produto_fase1 #nav_fases li.bt_fase5 {background:url(img/fase1/fase5.png) no-repeat 0 0; height:66px; margin:13px 0 0 0; width:45px} #produto_fase1 #produtos_fases {position:relative;} #produto_fase3 #produtos_fases {position:relative;} #produto_fase5 #produtos_fases {position:relative;} #produto_fase3 #top h2 {background:url(img/fase3/ttl_ninho_fases3.jpg) no-repeat; float:left; height:36px; margin:0 20px 0px 0; padding-top:36px; _padding-top:0px; width:258px} #produto_fase3 #top h2 span {display:none} #produto_fase3 .description {color:#889ea6; margin-bottom:0px; padding:0 36px 0 240px; margin-top: -30px; _margin-top:0;} #produto_fase3 .description p {margin-bottom:15px} #produto_fase3 #linha_completa {background:url(img/fase3/box_more_produto.jpg) no-repeat; float:left; display:inline; height:128px; margin:110px 24px 18px 24px; padding:17px 0 0 19px; width:331px} #produto_fase3 #linha_completa h2 {background:url(img/fase3/ttl_conheca_linha_completa.jpg) no-repeat; height:25px; margin:0 0 8px 0; width:255px} #produto_fase3 #linha_completa h2 span {display:none} #produto_fase3 #linha_completa img {float:left; border:2px solid #f3b553; margin:0 8px 0 0} #produto_fase3 #linha_completa p {color:#889ea6; margin-bottom:20px} #produto_fase3 #linha_completa .more img {border:0; position:relative;} #produto_fase3 #linha_nutricao {background:url(img/fase3/box_more_produto.jpg) no-repeat; float:left; height:128px; margin-top:110px; margin-bottom:1px; padding:17px 0 0 19px; width:331px} #produto_fase3 #linha_nutricao h2 {background:url(img/fase3/ttl_more_nutricao.jpg) no-repeat; height:25px; margin:0 0 8px 0; width:210px} #produto_fase3 #linha_nutricao h2 span {display:none} #produto_fase3 #linha_nutricao img {float:left; border:2px solid #f3b553; margin:0 8px 0 0} #produto_fase3 #linha_nutricao p {color:#889ea6; margin-bottom:32px} #produto_fase3 #linha_nutricao .more img {border:0; position:relative;} #produto_fase1 #voltar {clear:both; display:block; padding-left:20px; position:relative;} #produto_fase3 #voltar {clear:both; display:block; padding-left:20px; position:relative;} #produto_fase5 #voltar {clear:both; display:block; padding-left:20px; position:relative;} #produto_fase1 #linha_completa {background:url(img/fase3/box_more_produto.jpg) no-repeat; float:left; display:inline; height:128px; margin:0 24px 18px 24px; padding:17px 0 0 19px; width:331px} #produto_fase1 #linha_completa h2 {background:url(img/fase3/ttl_conheca_linha_completa.jpg) no-repeat; height:25px; margin:0 0 8px 0; width:255px} #produto_fase1 #linha_completa h2 span {display:none} #produto_fase1 #linha_completa img {float:left; border:2px solid #f3b553; margin:0 8px 0 0} #produto_fase1 #linha_completa p {color:#889ea6; margin-bottom:20px} #produto_fase1 #linha_completa .more img {border:0; position:relative;} #produto_fase1 #linha_nutricao {background:url(img/fase3/box_more_produto.jpg) no-repeat; float:left; height:128px; margin-bottom:18px; padding:17px 0 0 19px; width:331px} #produto_fase1 #linha_nutricao h2 {background:url(img/fase3/ttl_more_nutricao.jpg) no-repeat; height:25px; margin:0 0 8px 0; width:210px} #produto_fase1 #linha_nutricao h2 span {display:none} #produto_fase1 #linha_nutricao img {float:left; border:2px solid #f3b553; margin:0 8px 0 0} #produto_fase1 #linha_nutricao p {color:#889ea6; margin-bottom:32px} #produto_fase1 #linha_nutricao .more img {border:0; position:relative;} #produto_fase5 #wrapper {background:url(img/fase5/bg_produto_fase5.png) no-repeat center top; margin:0 auto; padding-top:13px; width:1074px;} #produto_fase5 #content h1 {height:178px; margin:0 0 44px 18px; overflow:hidden; position:relative; width:208px} #produto_fase5 #content h1 a {cursor:pointer} #produto_fase5 #content h1 span {background:url(img/fase5/logo_fase5_2.jpg) no-repeat 0 0; cursor:pointer; height:100%; position:absolute; width:100%} #produto_fase5 #header h2 span {background:url(img/fase5/logo_nestle_fase5.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #produto_fase5 #nav li.bt_home span {background:url(img/fase5/bt_pagina_inicial.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #produto_fase5 #nav li.bt_fases span {background:url(img/fase5/bt_ninho_fases.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #produto_fase5 #nav li.bt_nutricao span {background:url(img/fase5/bt_nutricao.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #produto_fase5 #nav li.bt_artigos span {background:url(img/fase5/bt_artigos.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #produto_fase5 #nav li.bt_tenda span {background:url(img/fase5/bt_tenda_ninho.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #produto_fase5 #nav li.bt_fale span {background:url(img/fase5/bt_fale_conosco.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #produto_fase5 #search {background:url(img/fase5/bg_form_busca.jpg) no-repeat;} #produto_fase5 #search input#busca {color:#00adef} #produto_fase5 #search input#buscar {background:url(img/fase5/bt_search.jpg) no-repeat;} #produto_fase5 h2 {float:left; height:37px; margin-bottom:48px; margin-right:21px; overflow:hidden; position:relative; width:259px;} #produto_fase5 h2 span {background:url(img/fase5/ttl_ninhofase_5.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%;} #produto_fase5 .description {clear:both; margin-bottom:0px; padding:0 237px; margin-top: -10px;} #produto_fase5 .description p {color:#889ea6; margin-bottom:15px; width:500px;} #produto_fase5 .obs {clear:both; margin-bottom:50px; padding:0pt 84px 0 254px;} #produto_fase5 #nav_fases {display:inline; float:right; margin-right:5px; padding-top:56px; width:330px} #produto_fase5 #nav_fases li {float:left} #produto_fase5 #nav_fases li span {display:none} #produto_fase5 #nav_fases li a {display:block; height:100%; position:relative; width:100%} #produto_fase5 #nav_fases li.bt_fase1 {background:url(img/fase5/fase1.png) no-repeat 0 0; height:66px; margin:10px 11px 0 0; width:46px} #produto_fase5 #nav_fases li.bt_fase3 {background:url(img/fase5/fase3.png) no-repeat 0 0; height:66px; margin:13px 13px 0 0; width:45px} #produto_fase5 #nav_fases li.bt_fase5 {background:url(img/fase5/fase5_selected.png) no-repeat 0 0; height:106px; margin:13px 0 0 0; width:214px} #produto_fase5 #linha_completa {background:url(img/fase3/box_more_produto.jpg) no-repeat; float:left; display:inline; height:128px; margin:0 24px 18px 24px; padding:17px 0 0 19px; width:331px} #produto_fase5 #linha_completa h2 {background:url(img/fase3/ttl_conheca_linha_completa.jpg) no-repeat; height:25px; margin:0 0 8px 0; width:255px} #produto_fase5 #linha_completa h2 span {display:none} #produto_fase5 #linha_completa img {float:left; border:2px solid #f3b553; margin:0 8px 0 0} #produto_fase5 #linha_completa p {color:#889ea6; margin-bottom:20px} #produto_fase5 #linha_completa .more img {border:0; position:relative;} #produto_fase5 #linha_nutricao {background:url(img/fase3/box_more_produto.jpg) no-repeat; float:left; height:128px; margin-bottom:18px; padding:17px 0 0 19px; width:331px} #produto_fase5 #linha_nutricao h2 {background:url(img/fase3/ttl_more_nutricao.jpg) no-repeat; height:25px; margin:0 0 8px 0; width:210px} #produto_fase5 #linha_nutricao h2 span {display:none} #produto_fase5 #linha_nutricao img {float:left; border:2px solid #f3b553; margin:0 8px 0 0} #produto_fase5 #linha_nutricao p {color:#889ea6; margin-bottom:32px} #produto_fase5 #linha_nutricao .more img {border:0; position:relative;} /* +----------------------------------------------------------------+ Editor de conteúdo +----------------------------------------------------------------+ */ .WebPart { padding: 0px 0px 0px 0px !important; } .Toolbar, .Toolbar td, .Toolbar td a, .Toolbar A, Toolbar a:link , Toolbar a:visited, Toolbar a:hover, Toolbar a:active { font-family: Tahoma; font-size: 10px; font-weight: bold; color: #10BDC1; background-color: Orange; text-align: left; } .Menu, .Menu A, .Menu a:link , .Menu a:visited, .Menu a:hover, .Menu a:active { font-family: Tahoma; font-size: 12px; font-weight: bold; line-height: 14px; color: #C4FAFB; background-color: Orange; text-align: left; } .modalBackground { background-color:Gray; filter:alpha(opacity=70); opacity:0.7; } .modalPopup { background-color:#ffffdd; border-width:3px; border-style:solid; border-color:Gray; padding:3px; width:700px; } .dragBar { width:100%; height:21px; background-color:#FFF; text-align:center; cursor:move; font-weight:bold; }