/******************************************** CSS Veja Sao Paulo Revista ********************************************/ #materiaHeader { margin-left: 15px } #container.materia #materiaTitulo { letter-spacing: -1px; line-height: 30px; font-size: 24px; margin-bottom: 10px; } #container.materia #materiaSecao { color: #6f6d59; font-weight: bold; text-transform: uppercase; margin-bottom: 3px; } #container.materia #materiaSubtitulo { font-size: 12px; line-height: 16px; color: #6f6d59; font-weight: normal; margin-bottom: 9px; } #container.materia #autorMateria { font-size: 10px; color: #000; margin-bottom: 0 !important; line-height: 12px; } #container.materia .imgMateria { margin-bottom: 15px; position: relative; margin-top: -10px; } #container.materia .imgMateria img { padding-top: 18px; } #container.materia #col-p .imgMateria .legenda { font-size: 11px; line-height: 12px; color: #6F6D59; margin-top: 3px; margin-bottom: 0; } #container.materia .imgMateria .credito { font-size: 10px; color: #000; text-align: right; position: absolute; top: 1px; left: 0; line-height: 12px; } #container.materia #conteudo-p p, #container.materia #especial-p p { line-height: 18px; margin-bottom: 18px; color: #000; } #container.materia .materiaLinks { margin-top: -9px; margin-bottom: 18px; line-height: 18px; } #container.materia .materiaLinks a { padding-left: 11px; background: url(../images/bullet_raquo_verm.png) no-repeat left 6px; text-decoration: none; } #container.materia .materiaLinks a:hover { text-decoration: underline; } #container.materia h4.intertitulo { color: #000; font-size: 14px; line-height: 18px; margin-bottom: 13px; font-weight: bold; } #container #rodapePromo { clear: both; float: left; margin-top: 15px; padding-top: 15px; border-top: 1px dotted #b3b19f; width: 733px; } #rodapePromo .banner300mediumrect { float: left; width: 300px; border: 1px solid #b3b19f; padding: 18px 28px; margin-right: 15px; display: inline; } #rodapePromo .rodapePromoRef { float: left; width: 360px; } #rodapePromo .rodapePromoRef h5 { font-family: Georgia, "Times New Roman", Helvetica, sans-serif; font-size: 26px; line-height: 28px; color: #000; margin-bottom: 8px; font-weight: normal; text-transform: lowercase; } /****************************** Matéria > Receita ******************************/ .glossario dt, .glossario dd { display: block; } .glossario dd { margin-bottom: 10px; } #container.materia h6 { color: #000; font-size: 12px; line-height: 18px; margin: 0; font-weight: normal; } #container.materia .receitaSobre { margin-bottom: 9px; line-height: 21px; } #container.materia .ingredientes { margin-bottom: 18px; } #container.materia p.fonte { margin-bottom: 0 !important; } #container.materia cite { font-style: italic; } /****************************** Revista > Especiais ******************************/ #especialHeader { margin-bottom: 15px; width: 733px; } #especial-p #materiaHeader { margin-left: 0; } #especialMenu ul.blocoCont { font-size: 11px; line-height: 21px; padding-left: 5px; padding-bottom: 11px; } #especialMenu ul a { text-decoration: none; } #especialMenu ul a:hover { text-decoration: underline; } .tituloMenu { font-size: 11px; color: #000; padding-left: 5px; margin-bottom: 3px; margin-top: -5px; } #especialMenu .patrocinio { padding-left: 5px; margin-bottom: 5px; } #especialMenu .patrocinio small { font-size: 9px; position: relative; top: -7px; } .tituloRelacionadosEspecial { margin-bottom: 0; font: 24px/25px Georgia, "Times New Roman", Helvetica, sans-serif; color: #000; text-transform: lowercase; } .tituloRelacionadosEspecial strong { font-weight: normal; } #container.materia #relacionadosEspecial .titulo { margin-top: -6px; margin-bottom: 9px; font: 18px/21px Georgia, "Times New Roman", Helvetica, sans-serif; color: #000; } #container.materia #relacionadosEspecial img { float: left; margin-right: 11px; display: inline; } #container.materia #relacionadosEspecial .info { margin-top: -4px; width: 384px; float: left; } #container.materia #relacionadosEspecial .endereco { margin-bottom: 2px; line-height: 16px; } #container.materia #relacionadosEspecial .verMais { font-size: 11px; line-height: 12px; margin-bottom: 12px; } #container.materia #relacionadosEspecial .verMais a { text-decoration: none; } #container.materia #relacionadosEspecial .verMais a:hover { text-decoration: underline; } #container.materia #relacionadosEspecial .resenha { margin-bottom: 10px; } #container.materia #relacionadosEspecial .delivery { clear: both; color: #de0b13; height: 21px; margin-bottom: 0 !important; background: url('../images/restaurante/ico_delivery.png') 0 0 no-repeat; line-height: 20px; padding-left: 34px; } #container.materia #relacionadosEspecial .delivery a { text-decoration: none; } #container.materia #relacionadosEspecial .delivery a:hover { text-decoration: underline; } #especial-p #navMapa { height: 248px; } #especial-p #navMapa #mapaSelecRegioes { width: 91px; height: 248px; overflow: hidden; float: left; } #especial-p #navMapa #mapaSelecRegioes li { } #especial-p #navMapa #mapaSelecRegioes li span { display: block; width: 56px; height: 43px; padding-left: 34px; padding-top: 5px; margin-bottom: 2px; background: #adab9b url(../images/sprite_mapa_regioes.png) no-repeat; color: #fff; font-size: 14px; line-height: 18px; font-weight: bold; text-transform: lowercase; text-align: center; cursor: pointer; } #especial-p #navMapa #mapaSelecRegioes li.selecionada span { width: 57px; background-color: #efebd2; color: #000; } #especial-p #navMapa #mapaSelecRegioes li.selecionada span.zo { background-position: 10px -34px; } #especial-p #navMapa #mapaSelecRegioes li span.zo { background-position: 10px 0; } #especial-p #navMapa #mapaSelecRegioes li.selecionada span.zn { background-position: 10px -102px; } #especial-p #navMapa #mapaSelecRegioes li span.zn { background-position: 10px -68px; } #especial-p #navMapa #mapaSelecRegioes li.selecionada span.zl { background-position: 10px -170px; } #especial-p #navMapa #mapaSelecRegioes li span.zl { background-position: 10px -136px; } #especial-p #navMapa #mapaSelecRegioes li.selecionada span.zs { background-position: 10px -238px; } #especial-p #navMapa #mapaSelecRegioes li span.zs { background-position: 10px -204px; } #especial-p #navMapa #mapaSelecRegioes li.selecionada span.centro { background-position: 10px -306px; } #especial-p #navMapa #mapaSelecRegioes li span.centro { background-position: 10px -272px; height: 34px; padding-top: 14px; } #especial-p #navMapa #regiaoMapa { background: #efebd2; padding: 5px; float: left; width: 446px; height: 238px; overflow: hidden; } #especial-p #navMapa #mapaEspecial { border: 1px solid #fff; } /****************************** Revista > Sumario ******************************/ #container #sumarioHeader { padding-bottom: 10px; } #container #sumarioHeader h1 { font: 24px/28px normal Georgia, "Times New Roman", Helvetica, sans-serif; color: #000; margin-bottom: 2px; } #container #sumarioHeader h2 { font: 12px/16px normal Georgia, "Times New Roman", Helvetica, sans-serif; color: #6f6d59; } #edicaoAtual { position: relative; margin-bottom: 13px; } #edicaoAtual .dataEdicao { position: absolute; left: 118px; top: 53px; } #edicaoAtual img { margin-bottom: 12px; } #edicaoAtual .numEdicao { font-size: 11px; color: #000; margin-bottom: 2px; } #edicaoAtual .verAnteriores { font-size: 11px; color: #de0b13; margin-bottom: 0; } #edicaoAtual .verAnteriores a { text-decoration: none; } #edicaoAtual .verAnteriores a:hover { text-decoration: underline; } #container.sumario #especialMenu h3 { font-weight: bold; color: #000; font-size: 12px; } #container.sumario #especialMenu ul { padding-left: 0; margin-bottom: 15px; } #container.sumario #especialMenu li { line-height: 16px; } #container.sumario #especialMenu li h4 { font-size: 11px; line-height: 16px; margin: 0; font-weight: normal; } .imgCapa { position: relative; margin-bottom: 15px; } .imgCapa .imgCapaLegenda { position: absolute; left: 0; bottom: 0; width: 100%; padding: 10px 0 12px; overflow: hidden; } .imgCapa .imgCapaLegendaBg { position: absolute; background: url(../images/bg_transp_preto.png) repeat; top: 0; left: 0; width: 700px; height: 500px; z-index: 19; } .imgCapa .imgCapaLegenda p { position: relative; z-index: 20; } .imgCapa .imgCapaLegenda p.subsecao { margin: 0; padding: 0 10px; color: #d9d8c8; font-size: 11px; font-weight: bold; } .imgCapa .imgCapaLegenda p.subsecao a { color: #d9d8c8; } .imgCapa .imgCapaLegenda p.titulo { margin: 0; padding: 0 10px; color: #fff; font-size: 14px; font-weight: bold; } .imgCapa .imgCapaLegenda p.legenda { margin: 0; padding: 0 10px; color: #fff; } .imgCapa .imgCapaLegenda p.legenda a, .imgCapa .imgCapaLegenda p.titulo a { color: #fff; } .imgCapa .imgCapaLegenda a { text-decoration: none; } .imgCapa .imgCapaLegenda a:hover { text-decoration: underline; } /****************************** Revista > Melhor da Semana herda #melhorSemanaNav do style.css ******************************/ #melhorSemanaTitle { margin-bottom: 15px; } #melhorSemanaTitle span { font: 17px/28px Tahoma, Helvetica, Arial, sans-serif; font-weight: bold; } #destaqueMelhorSemana { width: 180px; float: left; margin-right: 15px; display: inline; clear: both; margin-top: 15px; } #destaqueMelhorSemana .descricao { font-size: 11px; line-height: 14px; } #outrosMelhorSemana { float: left; padding-left: 15px; border-left: 1px dotted #b3b19f; width: 468px; margin-top: 15px; } #outrosMelhorSemana .banner468full { margin-bottom: 5px; } #conteudoMelhorSemana { padding: 9px 16px 12px; border: 10px solid #efebd2; } #conteudoMelhorSemana h2 .subtitulo { font-weight: bold; font-size: 12px; color: #000; text-transform: uppercase; float: left; line-height: 21px; height: 21px; position: relative; top: 2px; } #conteudoMelhorSemana h2 .grafismo { float: left; line-height: 21px; height: 21px; width: 6px; margin: 0 8px 0 5px; background: url(../images/melhor_semana_grafismo.gif) no-repeat left 3px; text-indent: -9999px; } #conteudoMelhorSemana h2 .data { float: left; font-size: 18px; font-weight: bold; color: #000; text-transform: uppercase; line-height: 21px; height: 21px; } #conteudoMelhorSemana h3 { font-size: 14px; font-weight: bold; color: #000; margin-bottom: 7px; } #conteudoMelhorSemana h4 { font-size: 12px; font-weight: bold; margin-bottom: 1px; } #conteudoMelhorSemana h4 a { color: #6f6d59; text-decoration: none; } #conteudoMelhorSemana h4 a:hover { text-decoration: underline; } #conteudoMelhorSemana img { margin-bottom: 7px; } #conteudoMelhorSemana ul { width: 468px; } #conteudoMelhorSemana li { width: 121px; margin-right: 26px; margin-bottom: 7px; } #conteudoMelhorSemana li img { margin-bottom: 0; } #conteudoMelhorSemana li .descricao { line-height: 16px; } /****************************** Componentes ******************************/ #container.sumario #vejaRecomenda { margin: 0 40px 15px; } /****************************** Edições Anteriores ******************************/ #container.edicoes #edicoesHeader { padding-bottom: 10px; } #container.edicoes #edicoesHeader h1#edicoesSecao { color: #6f6d59; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold; text-transform: uppercase; margin-bottom: 3px; } #container.edicoes #edicoesHeader ul#edicoesMenu li { display: block; float: left; height: 25px; font-family: Georgia, "Times New Roman", Helvetica, sans-serif; font-size: 18px; letter-spacing: -1px; margin-right: 5px; padding-right: 10px; background: url('../images/bullet_menu_edicoes.jpg') right center no-repeat; } #container.edicoes #edicoesHeader ul#edicoesMenu li#ultima { background: none; } #container.edicoes #edicoesHeader ul#edicoesMenu li.selecionada { font-size: 28px; letter-spacing: -2px; } #container.edicoes #edicoesHeader ul#edicoesMenu li.selecionada a { color: #000; } #container.edicoes #edicoesHeader ul#edicoesMenu li a { text-decoration: none; } #container.edicoes #edicoesHeader ul#edicoesMenu li a:hover { color: #000; } #container.edicoes .blocoCont#boxFinal { border-bottom: 0; } #container.edicoes .boxEdicoes ul.listaEdicoes { padding: 0; margin: 0; } #container.edicoes .boxEdicoes ul.listaEdicoes li { display: inline-block; display: -moz-inline-stack; float: left; width: 128px; min-height: 290px; _height: 300px; vertical-align: top; margin: 4px 18px 0 0; padding: 0; font-size: 11px; zoom: 1; } #container.edicoes .boxEdicoes ul.listaEdicoes li img { display: block; width: 128px; height: 165px; } #container.edicoes .boxEdicoes ul.listaEdicoes li.ultima { margin-right: 0; } #container.edicoes .boxEdicoes ul.listaEdicoes li p { color: #000; margin: 0; height:77px; } #container.edicoes .boxEdicoes ul.listaEdicoes li p.edicaoData { font-weight: bold; height:15px } /****************************** Revista > Blogs ******************************/ #container #col-m { width: 169px; float: left; margin: 0 15px 0 0; } #container #col-m ul#breadcrumb { margin-bottom: 15px; font-size: 11px; } #container #col-m ul#breadcrumb h1 { font-size: 11px; font-family: Tahoma,Helvetica,Arial,sans-serif; line-height: 150%; } #container #col-m ul#breadcrumb li { display: block; float: left; margin-right: 4px; } #container #col-m ul#breadcrumb a { text-decoration: none; } #container #col-m ul#breadcrumb a:hover { text-decoration: underline; } #container #col-m h3 { text-align: left; padding-left: 23px;} #container #col-m .banner120vertical { text-align:center; border: 1px solid #B3B19F; padding-bottom:10px; } #container #col-m #todosBlogs { line-height: 170%; padding-bottom: 15px; margin-bottom: 15px; border-bottom:1px dotted #B3B19F; } #container #col-m #todosBlogs h5 { font-weight:bold; text-transform:uppercase; color:#000; font-size: 11px; } #container #col-m #todosBlogs a { text-decoration: none; } #container #col-m #todosBlogs a:hover { text-decoration: underline; } #container #col-c { position: relative; width: 546px; margin: 0 17px 0 0; float: left; z-index: 2; } #container #col-c .autor img { float: left; margin: 0 15px 15px 0; } #container #col-c .autor a img { border: 1px solid #B3B19F; } #container #col-c .autor h4 { padding: 5px 0; } #container #col-c .autor h4 span { font-size: 12px; } #container #col-c .autor p { font-size: 11px; } #container #col-c .autor h4 a { text-decoration: none; color: #000; font-size: 26px; font-family: Georgia,"Times New Roman",Helvetica,sans-serif; font-weight:lighter; } #container #col-c .item { border-bottom:1px dotted #B3B19F; padding-bottom: 15px; margin-bottom: 15px; } #container #col-c .item h3 a { text-decoration: none; color: #000; font-size: 23px; font-family: Georgia,"Times New Roman",Helvetica,sans-serif; font-weight: lighter; line-height: 100% } #container #col-c .item span { color:#000; font-size: 11px } #container #col-c .item img { float: left; margin: 0 15px 15px 0; } #container #col-c .item a img { border: 1px solid #B3B19F; } #container #col-s .widget { margin-bottom: 15px; width:250px; } #container #col-s .widget h2 { color:#000; font-family: Georgia,"Times New Roman",Helvetica,sans-serif; font-size:26px; margin-bottom:5px; text-transform:lowercase; line-height:28px; } #container #col-s .widget strong { font-weight: lighter; } #container #col-s .widget ul { padding: 10px; border: 4px solid #F6F3EA; } #container #col-s .widget li { border-top:1px dotted #B3B19F; margin-top: 10px; padding-top:10px; } #container #col-s .widget li:first-child { border-top:none; margin-top: 0px; padding-top:0px; } #container #col-s .widget em { font-style: italic; } #container #col-s .widget span { font-weight: bold; } #container #col-s .assine { border-bottom:1px dotted #B3B19F; } #container #col-s .widget .assineRSS, #container #col-s .widget .twitter { float:left; width: 247px; height: 70px; text-indent:-99999px; } #container #col-s .widget .assineRSS { background:transparent url(../images/blogs/btn-rss-twitter.png) no-repeat 0 0; } #container #col-s .widget .twitter { background:transparent url(../images/blogs/btn-rss-twitter.png) no-repeat 0 -70px; } #container #col-s .textwidget { padding: 10px; border: 4px solid #F6F3EA; margin-bottom: 15px; } #container #col-s .textwidget strong { color: #000; text-transform:uppercase; } #container #col-s .textwidget img { float:left; margin: 0 5px 5px 0; } #container #col-s .posts_arquivo #calendar_wrap { padding: 10px; border: 4px solid #F6F3EA; margin-bottom: 15px; } #container #col-s .posts_arquivo #calendar_wrap td { padding: 5px 7px; } #container #col-s .posts_arquivo #calendar_wrap caption { text-align: center; color:#000; font-size: 15px; padding-bottom: 10px; } #container #col-s .posts_arquivo #calendar_wrap #wp-calendar { margin: 0 auto; } #container #col-s .tags_usadas { text-align:center; border-bottom:1px dotted #B3B19F; padding-bottom:15px; } #container #col-s .todos_blogs { border-top:5px solid #DE0B13; padding-top:10px; } #container #col-p #headerBlog h1 { background:#FFF url('../images/blogs/header-alexandra-corvo.jpg') no-repeat left top; float:left; width:733px; height:125px; text-indent:-99999px; margin-bottom: 20px; } #container #posts-blog { color:#000;} #container #posts-blog a { text-decoration:none; } #container #posts-blog a:hover { text-decoration:underline; } #container #posts-blog .item { border-bottom:1px dotted #B3B19F; margin-bottom:15px; padding-bottom:15px; } #container #posts-blog .item h3, #container #posts-blog .item h3 a { color:#000; font-family:Georgia,"Times New Roman",Helvetica,sans-serif; font-size:26px; font-weight: lighter; line-height:28px; text-decoration:none; } #container #posts-blog .item span { font-size:11px; padding-bottom:10px; display:block; } #container #posts-blog .item .wp-caption { -moz-border-radius:3px; background-color:#F3F3F3; border:1px solid #DDDDDD; margin:10px; padding-top:4px; text-align:center;} #container #posts-blog .item div.aligncenter, #container #posts-blog .item img { display:block; margin-left:auto; margin-right:auto; } #container #posts-blog .blogTags { padding: 10px 0; } #container #posts-blog .blogTags span { display:block; font-weight:bold; color:#FFF; background:#DE0B13; padding: 0 3px; width: 1%; float: left; margin-right: 5px; } #container #posts-blog .item .blog-services { padding: 10px 0 20px 0; text-align:right; width:733px; } #container #posts-blog .item .blog-services ul { list-style: none; float: right; } #container #posts-blog .item .blog-services ul li { float: left; position:relative; padding: 0 20px; display:block; height: 16px; background:transparent url(../images/blogs/icones.png) no-repeat scroll 0 0; } #container #posts-blog .item .blog-services ul li.btn_permalink { background-position: left -40px } #container #posts-blog .item .blog-services ul li.btn_twitter { background-position: left -81px } #container #posts-blog .item .blog-services ul li.btn_print { background-position: left 0px } #container #posts-blog .item .blog-services ul li.btn_email { background-position: left -62px } #container #posts-blog .item .blog-services ul li.btn_compartilhar { background-position: left -21px } #container #posts-blog .item .blog-services ul li.btn_comentarios { background:transparent url(../images/blogs/btn-comentar.png) no-repeat top right; padding: 4px 25px 4px 8px !important; margin-top: -5px; } #container #posts-blog .item .blog-services ul li.btn_comentarios a { color:#FFF; } #container #posts-blog .item .blog-services ul li ul { position:absolute; display:none; float:none; margin-left: -20px; background-color:#FFF; padding:3px; border:1px solid #DDDDDD; z-index:3; } #container #posts-blog .item .blog-services ul li ul li { padding: 2px 10px 2px 25px; background:none; } #container #posts-blog .item .blog-services ul li ul li.btn_deli { background:transparent url(http://vejasaopaulo.abril.com.br/imgs-blogs/html/css/img/services.png) no-repeat 0 -20px;} #container #posts-blog .item .blog-services ul li ul li.btn_stum { background:transparent url(http://vejasaopaulo.abril.com.br/imgs-blogs/html/css/img/services.png) no-repeat 0 -40px;} #container #posts-blog .item .blog-services ul li ul li.btn_digg { background:transparent url(http://vejasaopaulo.abril.com.br/imgs-blogs/html/css/img/services.png) no-repeat 0 -60px;} #container #posts-blog .navigation { padding: 15px 0; width:733px } #container #posts-blog .navigation .alignleft { width: 100px; float: left; } #container #posts-blog .navigation .alignright { width: 100px; float: right; text-align: right; }