/* ============================================================================= CSS Reset ========================================================================== */ * { padding: 0; margin: 0; text-decoration: none; list-style: none; } /* ============================================================================= Mixins/ Constants Classes ========================================================================== */ /* Clear */ .clear{ zoom: 1 } .clear:before, .clear:after{ content: ""; display: table } .clear:after{ clear: both } .left { float: left; margin: 0 10px 0 0; } .right { float: right; margin: 0 0 0 10px; } .hide { position: absolute !important; top: -9999px !important; left: -9999px !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); } .full_hide{ display: none !important; } .show{ display: block } .show_inline{ display: inline } .adLabel { background: #fff; display: block; font: 10px/12px arial,helvetica,sans-serif; padding: 1px 0 0; text-align: right; text-transform:uppercase } /* ============================================================================= Layout/ Grid Styles ========================================================================== */ #main_body { background: #fff; font: 14px/20px 'trebuchet ms', tahoma, helvetica, sans-serif; margin: 0 auto; position: relative; width: 970px; z-index: 0; } #fourth_column { display:none; float: left; margin: 0 0 0 10px; padding: 0 0 0 10px; position: absolute; right: 0; top: 265px; width: 240px } .column { width: 300px; float: left; display: inline; } .double_column { float: left; width: 635px; padding-right: 35px; } .double_column .column { margin-left: 35px; } .double_column .column.first { margin-left: 0; } .openBox { float: left; margin: 10px 0; } #extraBoxes { float: left; border-top: 1px solid #ccc; margin: 10px 0; width: 970px; } #extraBoxes .box { display: inline; margin: 10px 36px 10px 0; float: left; border-bottom: 1px solid #ccc; width: 299px } /* ============================================================================= Link Styles ========================================================================== */ a:hover { text-decoration: underline; } a img { border: none; } /* ============================================================================= H1, H2, H3, H4 and others titles styles ========================================================================== */ /* ============================================================================= Header Styles ========================================================================== */ #top { height: 259px; position: relative; width: 970px; } #top .bar { background: #eeeeee; border-top: 38px solid #3a3a3a; display: block; height: 38px; position: absolute; top: 183px; right: 100%; left: -100%; width: 1000%; z-index: -1; } #top_ads { float: right; width: 793px; height: 120px; } #top h1 { background: url(http://f.i.uol.com.br/f5/furniture/1/images/logo.jpg) no-repeat 0 53px; position: absolute; z-index: 1000; top: -6px; left: 0; width: 490px; background-repeat: no-repeat; } #top h1 a.logo { display: block; height: 150px; margin-top: 56px;width: 150px; /*position: absolute; top: 56px;*/ text-indent: -9999px; overflow: hidden; } #top h1 a.sprite { background: none } #topBar { background: #3d3d3d; display: inline; padding: 5px 0; float: left; color: #fff; border: none; width: 100%; } #topBar p { float: left; } #topBar ul { float: left; } #topBar ul li { display: inline; } #topBar ul li a { color: #fff; float: left; } #topBar span.phrase { display:inline; width: 368px; line-height: 28px; overflow: hidden; font: 700 18px/28px tahoma, arial, verdana, sans-serif; float:left; padding: 0 10px 0 180px; } #topBar ul.mediaIcons { float: left; padding: 0 20px; border-right: 1px solid #2f2f2f; border-left: 1px solid #2f2f2f; } #topBar ul.mediaIcons li.last { margin: 0; } #topBar ul.mediaIcons li { float: left; margin-right: 15px; display: inline; } #topBar ul.mediaIcons li a { width: 27px; height: 27px; text-indent: -9999px; overflow: hidden; } #search { padding-left: 15px; float: left; } #search fieldset { border: 0 } #search input { width: 200px; height: 20px; float: left; margin: 2px 10px 0 0 } #search input.sprite { cursor: pointer; width: 70px; height: 27px; border: none; margin: 0; } #main_body #uol_bar_container #barrauol .containerUOL {width: 970px;} #barrauol { position: relative; z-index: 9999999; } #uol_bar_container { background: #fff; width: 970px; } /* UOL Bar */ /* Folha Bar */ div.folha_bar { font: 12px/1.2 'arial, verdana', sans-sans-serif; color: #000; width: 960px; padding: 5px; font-weight: 700; line-height: 22px; background-color: #00b7f0; overflow: hidden; position: relative; z-index: 1001; } div.folha_bar .logo { background: url("http://f.i.uol.com.br/folha/furniture/5/images/lgo-folha_bar-124x22.gif") no-repeat; display: block; text-indent: -9999px; float: left; width: 123px; height: 22px;} div.folha_bar fieldset { margin: 0; padding: 0; border: none; } div.folha_bar a.sign { color: #fff; text-transform: uppercase; float: left; margin: 0 10px;} div.folha_bar form { float: left; padding-left: 45px; } div.folha_bar label { margin: 0 5px; } div.folha_bar label, div.folha_bar input, div.folha_bar fieldset, div.folha_bar select { display: inline; float: left; } div.folha_bar select, div.folha_bar input { width: 130px; height: 20px; line-height: 21px; margin: 0 2px; padding: 0; border: 1px solid #ccc; } div.folha_bar select { height: 22px; } div.folha_bar legend, .section legend{ display: none; } div.folha_bar form.find { position: absolute; right: 5px; padding-left: 0; display: block; } div.folha_bar input.button { background: url("http://f.i.uol.com.br/folha/furniture/5/images/btn-buscar-57x21.gif") no-repeat; height: 21px; width: 57px; text-indent: -9999px; overflow: hidden; border: none; } /* ============================================================================= Navigation Styles ========================================================================== */ #top .navigation { background: #eee; float: left; height: 38px; width: 100%; overflow: hidden; } #top .navigation li { display: inline; float: left; background: url(http://f.i.uol.com.br/f5/furniture/1/images/bg-li_menu-1x24.gif) right no-repeat; } #top .navigation li a { float: left; padding: 0 10px; font: 700 14px/37px tahoma, 'DejaVu Sans Condensed', arial, verdana, sans-serif; color: #0098e5; } #top .navigation li a:hover { color: #fff; background-color: #0098E4; text-decoration: none; } #top .navigation li.last { background-image: none; padding-right: 0 } #top .navigation li a.sprite { padding-right: 28px;} /* ============================================================================= General Styles ========================================================================== */ body { background: url(http://f.i.uol.com.br/f5/furniture/1/images/bg-head.png) repeat-x 0 16px; } /* Sprite assets */ .sprite { background: url(http://f.i.uol.com.br/f5/furniture/1/images/sprite-2015062902.png) no-repeat; } .rotate .pagination .prev .sprite { background-position :-37px -340px } .rotate .pagination .item .sprite { background-position: -56px -340px } .rotate .pagination .next .sprite { background-position: -96px -340px } .rotate .pagination .actived .sprite{ background-position: -76px -340px } #extraBoxes .ilustrada .sprite { background-position: -20px -544px; } #extraBoxes .uol_entretenimento .sprite { background-position: -250px -587px; } #extraBoxes .guia .sprite { background-position: -480px -544px; } #extraBoxes .bichos .sprite { background-position: -710px -544px; } #extraBoxes .uol_tabloide .sprite { background-position: -20px -588px; } #extraBoxes .serafina .sprite { background-position: -478px -630px; } #extraBoxes .turismo .sprite { background-position: -712px -638px; } #extraBoxes .comida .sprite { background-position: -20px -638px; } #extraBoxes .uol_estilo .sprite { background-position: -480px -588px; } #extraBoxes .uol_cinema .sprite { background-position: -710px -588px; } #extraBoxes .saopaulo .sprite { background-position: -250px -634px; } #extraBoxes .folhateen .sprite { background-position: -250px -544px; } #extraBoxes .ambiente .sprite { background-position: -21px -686px; } #extraBoxes .poder .sprite { background-position: -249px -685px; } #extraBoxes .ciencia .sprite { background-position: -480px -684px; } #extraBoxes .ilustrissima .sprite { background-position: -708px -685px; } #extraBoxes .cotidiano .sprite { background-position: -21px -736px; } #extraBoxes .saber .sprite { background-position: -252px -736px; } #extraBoxes .mercado .sprite { background-position: -479px -737px; } #extraBoxes .mundo .sprite { background-position: -711px -736px; } #extraBoxes .esporte .sprite { background-position: -21px -789px; } #extraBoxes .equilibrio .sprite { background-position: -251px -784px; } #extraBoxes .folhinha .sprite { background-position: -251px -841px; } #extraBoxes .tec .sprite { background-position: -479px -788px; } ul.mediaFollow.sprite { background-position: -18px -372px; } #bookstore h4 a.sprite { background-position: -20px -841px; } .rte-toolbar ul li a.bold { background-position: 50% -110px; } .rte-toolbar ul li a.italic { background-position: 50% -126px; } .rte-toolbar ul li a.strikeThrough { background-position: 50% -142px; } .rte-toolbar ul li a.underline { background-position: 50% -158px; } #topBar ul.mediaIcons .facebook .sprite { background-position: -230px -214px; } #topBar ul.mediaIcons .twitter .sprite { background-position: -264px -214px; } #search input.sprite { background-position: -329px -213px; } #top .navigation li a.sprite { background-position: -14px -246px; } #top .navigation li a.sprite:hover{ background-position: -15px -206px } span.btnTwitter.sprite { background-position: -20px -464px; } ul.homeNews span.video { background-position: -478px -222px; } ul.homeNews span.audio { background-position: -508px -222px; } ul.homeNews span.foto { background-position: -538px -222px; } ul.homeNews span.pdf { background-position: -568px -222px; } .openBox.especial { margin: 15px 0 0; } .openBox.especial li { background: none; font-size: 14px; line-height: 20px; margin: 10px 0 0; padding: 0; } .openBox.especial h2 { color: #000; text-transform: none; font: 700 14px tahoma,'DejaVu Sans Condensed', arial, verdana, sans-serif; } .openBox.resumo_das_novelas .globo .sprite { background-position: -485px -294px; } .openBox.resumo_das_novelas .record .sprite { background-position: -605px -294px; } .openBox.resumo_das_novelas .sbt .sprite { background-position: -546px -294px; } .openBox.resumo_das_novelas ul li { display: inline; float: left; margin: 5px 0 0 40px; } .openBox.top_celebs { margin: 15px 0 10px 0; } .openBox.top_celebs img#top_celebs { margin-bottom: 1px \0/IE9; *margin-bottom: 1px; } .openBox.top_celebs ul { margin-top: -4px; } .openBox.top_celebs ul li { *margin-bottom: -19px; } .openBox.top_celebs li img { float:left; position: relative; border-bottom: 1px solid #ffffff; z-index: 1; } .openBox.top_celebs li span { float:left; position: relative; top: -19px; margin-bottom: -19px; color: #ffffff; z-index: 2; font-size: 14px; font-weight: bold; background: #3399cc; padding: 0 5px; height: 18px; } .openBox.saiu_no_np .content { background: #efefee; } .openBox.saiu_no_np .content p { margin: 10px 0 0 10px; font-size: 16px; padding-bottom: 10px; } .openBox.saiu_no_np .content .read_more { color: #0094e5; margin-left: 5px; font-weight: bold; } .openBox.saiu_no_np .content img { float: left; position: relative; z-index: 1; margin-bottom: 10px; } .openBox.saiu_no_np .content a span { float: left; position: relative; top: -18px; margin-bottom: -19px; color: #fff; z-index: 2; font-size: 14px; font-weight: bold; background: #39C; padding: 0 3px; height: 18px; text-transform: uppercase; } .openBox.saiu_no_np ul li { width: 278px; float: left; margin-top: 5px; } .openBox.brief-saiu_no_np { margin: 15px 0 10px 0; } .openBox.brief-saiu_no_np img, .openBox.saiu_no_np img { margin-bottom: -5px; } .openBox.brief-saiu_no_np ul li, .openBox.saiu_no_np ul li { background: #efefef; margin: 1px 0; padding: 11px; } .openBox.brief-saiu_no_np ul li a, .openBox.saiu_no_np ul li a { margin-left: 5px; } .openBox.brief-saiu_no_np ul li, .openBox.brief-saiu_no_np ul li a, .openBox.saiu_no_np ul li, .openBox.saiu_no_np ul li a { color: #0098e5; font: 700 14px/15px tahoma, helvetica, sans-serif; } #main_body hr { color: #cccccc; background-color: #cccccc; height: 1px; border: none; clear: both; } #main_body .sections h2 { position: relative; font: 700 18px/23px tahoma, helvetica, sans-serif; color: #0098e5; margin: 15px 0; text-transform: lowercase; } #main_body .sections h2 .stamp { position: absolute; right: 0; top: 0; } #main_body .sections h2 span{ text-transform: lowercase } #main_body .sections h2 a:link, #main_body .sections h2 a:visited { color: #0098e5 } .openBox a, .openBox p { font-family: tahoma, 'DejaVu Sans Condensed', arial, verdana, sans-serif; color: #333; } .openBox h3 { font: 700 13px tahoma, 'DejaVu Sans Condensed', arial, verdana, sans-serif; color: #999; text-transform: uppercase; } .openBox h2 { font: 700 18px/20px tahoma, 'DejaVu Sans Condensed', arial, verdana, sans-serif; margin: 0 0 10px; width: 300px; color: #0098e5; } /* Rotate */ .rotate { margin: 10px 0 0; position: relative; border-bottom: 1px solid #ccc; padding-bottom: 15px; } .rotate a:link { color: #333 } .rotate a:visited { color: #666 } .rotate .credit { color: #6f6f6f; font: 10px/12px tahoma, 'DejaVu Sans Condensed', arial, verdana, sans-serif; margin-bottom: 2px; text-align: right } .rotate h3 { font: 700 13px/15px tahoma, verdanda, sans-serif; margin: 10px 0 8px; text-transform: uppercase } .rotate h3 a:link { color: #999 } .rotate .caption { font:700 20px/22px tahoma, 'DejaVu Sans Condensed', arial, verdana, sans-serif; height:46px; margin-bottom: 12px; overflow: hidden } .rotate .caption a { display: block; height:46px; overflow: hidden } .rotate .pagination { font-size: 10px; text-align: center } .rotate .pagination li { display: inline; margin-left: 8px } .rotate .pagination li a { cursor: pointer; padding: 0 4px } .rotate .pagination li a:hover { text-decoration: none } /* Panoramic Rotate */ .panoramic { border-bottom: 1px solid #ccc; padding: 0 } .panoramic .caption, .panoramic .caption a { height:24px } .panoramic .pagination { bottom: 40px; position: absolute; right: 0 } /* Pagination */ p.pagination { font: 700 14px/100% Arial, helvetica,sans-serif; text-align: center; margin: 10px 0; text-align: center; } p.pagination a, p.pagination a:visited { text-decoration: none !important; color: #000066 !important; } p.pagination a:hover { text-decoration: underline !important; } p.pagination span { border-left: solid 1px #cccccc; padding: 0 5px 0 8px !important; } p.pagination span:first-child { border-left: none; } /* Index */ #newslist { font-family: tahoma, 'DejaVu Sans Condensed', arial, verdana, sans-serif; color: #333; } #newslist h2 { position: inherit !important; } #newslist a { font-size: 18px; line-height: 22px; color: #333; } #newslist p { font-size: 14px; line-height: 22px; } #newslist .date { font-weight: 700; } #newslist span { color: #999; } #newslist span.date { font-size: 12px; } #newslist ul { border-bottom: 1px solid #ccc; margin-bottom: 15px } #newslist ul li { background: url(http://f.i.uol.com.br/f5/furniture/1/images/bg-border.png) bottom repeat-x; padding: 0 0 10px 0; margin: 8px 0 0 0; } #newslist ul li.date { font-weight: 700; background: none; border-bottom: 1px solid #ccc; padding-bottom: 5px; } #newslist ul li.first { border-top: 1px solid #ccc; padding-top: 15px; margin: 0; } #newslist ul li.last { background: none; } #newslist .section { font: 700 18px/20px tahoma, 'DejaVu Sans Condensed', arial, verdana, sans-serif; color: #0098e5; } #newslist .pagination { border: none; text-align: center; } #newslist .pagination li { background: none; padding: 0 2px; font-size: 14px; font-weight: 700; line-height: 22px; color: #0098e5; display: inline; } #newslist .pagination li a { font-size: 14px; } #newslist .pagination li.first { line-height: 22px; } #newslist .newsIndex, .colunistas #newslist .newsIndex li { float: left; width: 100%; } #newslist .newsIndex .label a { color: #0098e5; font-weight: 700; } #newslist .newsIndex a.entry { color: #0098e5; font-size: 14px; font-weight: 700; } ul.mediaFollow { float: left; width: 300px; height: 82px; margin: 20px 0 10px; } ul.mediaFollow a { float: left; font-weight: 700; font-size: 14px; } ul.mediaFollow .facebook a { margin: 15px 0 0 60px; color: #4b6393; } ul.mediaFollow .twitter a { margin: 20px 0 0 60px; color: #0099ff; } /* Ads */ #ad-728x90-1 { width: 728px; height: 103px; background: #efefef; float: right; margin-top: 5px; } #ad-220x90-1 { width: 220px; height: 103px; background: #efefef; } #ad-300x250-2 { width: 300px; height: 250px; background: #efefef; float: left; margin: 10px 0;} #ad-300x250-1 { width: 300px; height: 250px; background: #efefef; float: left; margin: 10px 0;} #ad-300x250-3 { width: 300px; height: 250px; background: #efefef; float: left; margin: 10px 0;} #ad-300x250-4 { width: 300px; height: 250px; background: #efefef; float: left; margin: 10px 32px 20px 0;} #ad-300x250-5 { width: 300px; height: 250px; background: #efefef; float: left; margin: 10px 0 20px 0;} #ad-180x150-1 { width: 180px; height: 165px; background: #efefef; margin: 0 0 15px 15px; float: right; } #ad-240x400-1, #ad-240x400-2 { background: #efefef; height: 415px; margin: 0 0 15px; width: 240px } #ad-1x1-1 .adLabel, #ad-220x90-1-content, #ad-728x90-1-content { display: none; } #ad-300x250-4 .adLabel, #ad-300x250-5 .adLabel{margin:0px!important;} /* Library ads */ #bookstore { float: left; border: 1px solid #ccc; padding: 20px 0; margin: 0 0 20px 0; width: 970px } #bookstore h4 { margin: 0 0 10px 10px; } #bookstore h4 a.sprite { display: block; width: 200px; text-indent: -9999px; overflow: hidden; height:25px; } #bookstore a.bookTitle { font: 700 10px verdana, helvetica, sans-serif; text-transform: uppercase; color: #000066; text-decoration: underline; } #bookstore a.buy { background: #E10B28; border: 1px solid #E10B28; border-radius: 4px; font: normal 14px "Trebuchet MS",arial,sans-serif; text-decoration: none; margin: 8px 0; padding: 2px 10px; color: #fff;} #bookstore span { float: left; margin: 2px 0; } #bookstore span.author { font-size: 11px; color: #000066; margin-top: 4px; } #bookstore span.oldPrice { font-size: 10px; } #bookstore span.newPrice { font-size: 12px; color: #D41318; font-weight: 700; } #bookstore ul.showcase { margin-top: 10px; float: left; padding-left: 20px; } #bookstore ul.showcase li { float: left; width: 237px; font-family: verdana, helvetica, sans-serif; } #bookstore ul.showcase li a.buy { float: left; } #bookstore ul.showcase li div { float: left; } #bookstore span, #bookstore ul.showcase li div { width: 120px; } #bookstore ul.linksLibrary { float: left; margin: 15px 10px 5px 10px; } #bookstore ul.linksLibrary li { background:url(http://f.i.uol.com.br/folha/images/bullet.gif) left center no-repeat; float: left; width: 454px; height: 14px; line-height: 14px; padding-left: 20px; margin: 0; } #bookstore ul.linksLibrary li a { font: 12px arial, sans-serif; color: #000066; text-decoration: underline; } /* send photo to gallery */ #send_photo { background: #eee; padding: 10px 50px; } #send_photo form { margin: 10px 0 0 0; } #send_photo form .dados { width: 300px; } .eu_amo #famoso { height: 150px; width: 200px; } .eu_amo .info { font-size: 10px; } /* ============================================================================= Sidebar, asides ========================================================================== */ span.btnTwitter { font: 700 14px/40px tahoma, 'DejaVu Sans Condensed', arial, verdana, sans-serif; padding: 0 0 0 65px; margin: 20px 0 10px; float: left; width: 235px; } span.btnTwitter a { color: #0098e5; } .openBox.facebookLike .facebookFrame { height: 195px; width: 300px; overflow: hidden; } /* send by readers/indicada pelos leitores */ ul.homeNews { float: left; } ul.homeNews li { float: left; width: 300px; background: url(http://f.i.uol.com.br/f5/furniture/1/images/bg-border.png) bottom no-repeat; padding: 0 0 12px 0; margin: 0 0 12px 0; font-size: 16px;} ul.homeNews li.last { background: none; padding: 0; margin: 0; } ul.homeNews li.noBullet { background: none; padding: 0; } ul.homeNews ul { margin-top: 5px; float: left; } ul.homeNews ul li { background: url(http://f.i.uol.com.br/folha/furniture/5/images/square.gif) no-repeat left center; padding: 0 0 0 8px; margin: 0; font-size: 12px; line-height: 20px; } ul.homeNews span { display: block; width: 20px; height: 20px; float: left; margin: 0 2px 0 0; } /* read more */ #article-read_more { float: left; padding: 10px 0 0; margin: 15px 0 0; width: 100%; } #article-read_more h3 { font: 700 18px/20px tahoma, 'DejaVu Sans Condensed', arial, verdana, sans-serif; margin: 0 0 15px; color: #0098e5; } #article-read_more ul { float: left; margin: 0; list-style: none; } #article-read_more ul li { width: 300px; height: 70px; padding: 0 0 17px 0; margin: 0 0 17px 0; list-style: none; border-bottom: 1px dotted #ccc; } #article-read_more ul li img { width: 70px; height: 70px; } #article-read_more ul li.last { margin: 0; border: none; } #article-read_more ul li a { font: 16px tahoma, 'DejaVu Sans Condensed', arial, verdana, sans-serif; margin: 0; color: #333; } .openBox.resumo_das_novelas .sprite { display: block; width: 41px; height: 41px; text-indent: -9999px; overflow: hidden; float: left; } /* Extraboxes - Caixas das Editorias importadas para o F5*/ #extraBoxes a { font: 12px/14px tahoma, 'DejaVu Sans Condensed', arial, verdana, sans-serif; display: block; } #extraBoxes .b-right { margin-right: 0 } #extraBoxes .box li { height: 95px; overflow: hidden; width: 88px; float: left; padding: 0 5px 5px; border-right: 1px solid #ccc; } #extraBoxes .box li.first { padding: 0; width: auto; height: 100px; } #extraBoxes .label { text-indent: -9999px; overflow: hidden; margin: 0; border-bottom: 2px solid; float: left; width: 100% } #extraBoxes .label a { width: 230px; height: 36px; display: block; } #extraBoxes p.kicker { text-transform: uppercase; font: 700 11px/13px tahoma, 'DejaVu Sans Condensed', arial, verdana, sans-serif; margin-top: 10px; } #extraBoxes .ilustrada li a { color: #ad323f; } #extraBoxes .ilustrada .label, #extraBoxes .box.ilustrada { border-color: #af3241; } #extraBoxes .uol_entretenimento .label, #extraBoxes .box.uol_entretenimento { border-color: #ff9900; } #extraBoxes .uol_entretenimento li a { color: #ff6600; } #extraBoxes .guia li a { color: #333; } #extraBoxes .box.guia { border-color: #000000; } #extraBoxes .bichos .label, #extraBoxes .box.bichos { border-color: #ef7460; } #extraBoxes .bichos li a { color: #cc0000; } #extraBoxes .uol_tabloide .label, #extraBoxes .box.uol_tabloide { border-color: #cc0000; } #extraBoxes .uol_tabloide li a { color: #cc0000; } #extraBoxes .serafina li a { color: #333; } #extraBoxes .box.serafina { border-color: #000000; } #extraBoxes .turismo .label, #extraBoxes .box.turismo { border-color: #00b7f0; } #extraBoxes .turismo li a { color: #008cb9; } #extraBoxes .comida .label, #extraBoxes .box.comida { border-color: #fbbd56; } #extraBoxes .comida li a { color: #735345; } #extraBoxes .uol_estilo .label, #extraBoxes .box.uol_estilo { border-color: #a164a0; } #extraBoxes .uol_estilo li a { color: #875387; } #extraBoxes .uol_cinema .label, #extraBoxes .box.uol_cinema { border-color: #146797; } #extraBoxes .uol_cinema li a { color: #136697; } #extraBoxes .saopaulo li a { color: #cc0000; } #extraBoxes .saopaulo .label, #extraBoxes .box.saopaulo { border-color: #cc0000; } #extraBoxes .folhateen .label, #extraBoxes .box.folhateen { border-color: #00b7f0; } #extraBoxes .folhateen li a { color: #008cb9; } #extraBoxes .ambiente .label, #extraBoxes .box.ambiente { border-color: #009900; } #extraBoxes .ambiente li a { color: #009900; } #extraBoxes .poder .label, #extraBoxes .box.poder { border-color: #003366; } #extraBoxes .poder li a { color: #003366; } #extraBoxes .ciencia .label, #extraBoxes .ciencia { border-color: #003366; } #extraBoxes .ciencia li a { color: #003366; } #extraBoxes .ilustrissima .label, #extraBoxes .ilustrissima { border-color: #af3241; } #extraBoxes .ilustrissima li a { color: #af3241; } #extraBoxes .cotidiano .label, #extraBoxes .cotidiano { border-color: #660000; } #extraBoxes .cotidiano li a { color: #660000; } #extraBoxes .saber .label, #extraBoxes .box.saber { border-color: #660000; } #extraBoxes .saber li a { color: #660000; } #extraBoxes .mercado .label, #extraBoxes .box.mercado { border-color: #336600; } #extraBoxes .mercado li a { color: #336600; } #extraBoxes .mundo .label, #extraBoxes .box.mundo { border-color: #003366; } #extraBoxes .mundo li a { color: #003366; } #extraBoxes .esporte .label, #extraBoxes .box.esporte { border-color: #ff9900; } #extraBoxes .esporte li a { color: #ff9900; } #extraBoxes .equilibrio .label, #extraBoxes .box.equilibrio { border-color: #00b7f0; } #extraBoxes .equilibrio li a { color: #00b7f0; } #extraBoxes .tec .label, #extraBoxes .box.tec, #extraBoxes .folhinha .label, #extraBoxes .box.folhinha { border-color: #00b7f0; } #extraBoxes .tec li a, #extraBoxes .folhinha li a { color: #00b7f0; } /* ============================================================================= Forms ========================================================================== */ input.simple, select.simple, textarea.simple { border: 1px solid #cccccc; background-color: #ffffff; } input.simple { width: 400px; } /* form padrão */ .fol-form { font-family: verdana,helvetica,sans-serif; } .fol-form fieldset { border: 0 none; } .fol-form fieldset legend { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: -moz-use-text-color -moz-use-text-color #E5E5E5; border-image: none; border-style: none none solid; border-width: 0 0 1px; color: #333333; display: block; font-size: 21px; line-height: 40px; margin-bottom: 20px; padding: 0; width: 100%; } .fol-form label, .fol-form input, .fol-form button, .fol-form select, .fol-form textarea { font-size: 14px; font-weight: normal; line-height: 20px; } .fol-form label { display: block; margin-bottom: 5px; } .fol-form input, .fol-form textarea, .fol-form select { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CCCCCC; color: #555555; display: inline-block; font-size: 14px; height: 20px; line-height: 20px; margin-bottom: 15px; padding: 4px 6px; width: 220px; } .fol-form input:focus, .fol-form textarea:focus, .fol-form select:focus { border-color: rgba(0, 0, 102, 0.8); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(0, 0, 102, 0.6); outline: 0 none; } .fol-form select, .fol-form input[type="file"] { height: 30px; line-height: 30px; margin-bottom: 15px; } .fol-form select { width: 235px; } .fol-form input[type="image"], .fol-form input[type="submit"], .fol-form input[type="reset"], .fol-form input[type="button"], .fol-form input[type="radio"], .fol-form input[type="checkbox"] { line-height: normal; margin: 0; width: auto; } .fol-form textarea { height: auto; } .fol-form .radio, .fol-form .checkbox { line-height: 20px; margin-bottom: 20px; min-height: 18px; padding-left: 18px; position: relative; } .fol-form .checkbox { min-height: 28px; } .fol-form .radio.inline, .fol-form .checkbox.inline { display: inline-block; margin-right: 20px; padding-top: 5px; vertical-align: middle; } .fol-form .radio input[type="radio"], .fol-form .checkbox input[type="checkbox"] { border: 0 none; cursor: pointer; float: left; margin-left: -18px; } .fol-form .btn { color: #333333; display: inline-block; font-size: 14px; line-height: 20px; margin-bottom: 0; padding: 4px 14px; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; } .fol-form button, .fol-form input[type="button"], .fol-form input[type="reset"], .fol-form input[type="submit"] { cursor: pointer; height: auto; } .fol-form input.error, .fol-form select.error, .fol-form textarea.error { border-color: #FF0F0F; } .fol-form span.error { color: #FF0F0F; display: inline-block; font-size: 12px; font-style: italic; margin-left: 10px; } * + html .fol-form span.error { margin-bottom: 20px; } .fol-form .textarea span.error { display: block; margin: -10px 0 8px; } .fol-form .radio span.error, .fol-form .checkbox span.error { display: block; left: 0; margin: 0; min-width: 500px; position: absolute; top: 20px; } .fol-form .radio span.error { top: 25px; } .fol-form input.error:focus, .fol-form textarea.error:focus { border-color: rgba(255, 15, 15, 0.8); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 15, 15, 0.6); outline: 0 none; } .fol-form .control-group { position: relative; } .form-horizontal .control-group { margin: 0 0 15px; } .form-horizontal .control-label { float: left; padding-top: 5px; text-align: right; width: 160px; } .form-horizontal .controls { margin-left: 180px; } .form-horizontal .controls input, .form-horizontal .controls select, .form-horizontal .controls textarea { margin-bottom: 5px; } .form-horizontal span.error { display: block; margin: 0; } .form-horizontal .checkbox span.error, .form-horizontal .radio.inline span.error { top: 25px; left: 180px; position: absolute; } .form-horizontal .checkbox, .form-horizontal .radio.inline { margin-bottom: 5px; position: inherit; } /* custom */ #main_body .fol-form fieldset legend { display: none; } #main_body .fol-form input[type="file"] { background: inherit; font-size: 0.9em; } .fol-form input[type="radio"] , .fol-form input[type="checkbox"] { background: inherit; } .fol-form p, .fol-form label, .fol-form input, .fol-form button, .fol-form select, .fol-form textarea { font: 14px/20px 'trebuchet ms',tahoma,helvetica,sans-serif; } .fol-form input, .fol-form select { line-height: 16px; height: 16px; padding: 0; margin-bottom: 5px; } .fol-form textarea { line-height: 14px; padding: 0; } .fol-form label { margin: 10px 0 2px; } /* ============================================================================= Contextual Advertising - Default: 3 links ========================================================================== */ #main_body #contextual_ads { clear: both; margin: 10px 0; } #main_body #contextual_ads .container { border: 1px solid #ccc; padding: 5px 5px 20px; position: relative; } #main_body #contextual_ads h4 { color: #333; font-size: 11px; font-weight: 100; margin: 0 0; padding: 5px; } #main_body #contextual_ads h4 a { color: #333 !important; text-decoration: none !important; } #main_body #contextual_ads ul { margin: 0; } #main_body #contextual_ads ul li { font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; list-style: none outside none; overflow: hidden; padding: 8px 5px 0 } #main_body #contextual_ads p { font-size: 14px; margin: 0; } #main_body #contextual_ads p a:link , #main_body #contextual_ads p a:visited { color: #333; font-weight: 100; text-decoration: none !important } #main_body #contextual_ads p .access { color: #0098e5; display: block; font: 9px Tahoma, sans-serif; } #main_body #contextual_ads .title { color: #0098e5; font-size: 14px; font-weight: bold; text-decoration: underline; } #main_body #contextual_ads .ad { position: absolute; right: 10px; text-align: right ; bottom: 5px } #main_body #contextual_ads .ad a:link , #main_body #contextual_ads .ad a:visited { color: #666; font-size: 10px; font-weight: 100; text-decoration: none !important; } /* 6 links */ #main_body #contextual_ads.contextual_ads_6 .container { padding-bottom: 8px } #main_body #contextual_ads.contextual_ads_6 ul li { display: inline ; float: left; height: 80px; padding: 8px 1%; width: 31% } /* 1 link */ #main_body #contextual_ads.contextual_ads_1 ul li { padding-bottom: 8px; text-align: center; } #main_body #contextual_ads.contextual_ads_1 .title { font-size: 22px } #main_body #contextual_ads.contextual_ads_1 p { font-size: 14px } #main_body #contextual_ads.contextual_ads_1 .ad a { font-size: 11px } #main_body #contextual_ads .clearfix { clear: both ; font-size: 0; height: 0 ; overflow: hidden; } /* ============================================================================= Footer ========================================================================== */ #footer { clear: both; border-top: 1px solid #cccccc; padding-top: 10px; } #footer p { font: 14px/20px tahoma, 'DejaVu Sans Condensed', arial, verdana, sans-serif; text-align: center; } /* ============================================================================= Extras (media queries, others) ========================================================================== */ /* top special BBB12 */ #main_body .sections.bbb_12 h2 { margin-top: 5px; } #topo_bbb12 { width:635px; height: 190px; border:0 none;margin:15px 0 10px 0; background: url("http://f.i.uol.com.br/f5/furniture/1/images/topo_bbb12-635x276.jpg") transparent 0 0 repeat-y; padding: 5px; } #topo_bbb12 ul, #topo_bbb12 ul li { margin:0;padding:0;list-style:none !important;} #topo_bbb12 ul { margin: 0 0 5px 2px; width:635px; float: left; } #topo_bbb12 ul li { margin:4px 10px 4px 18px;padding:2px 2px 2px 3px;float:left;width:44px;height:45px;list-style:none !important; background: url("http://f.i.uol.com.br/f5/furniture/1/images/border-bbb12-48x49.png") transparent 0 0 no-repeat;} #topo_bbb12 ul li ul li{ background: none;} #topo_bbb12 ul li img {display:block;} #topo_bbb12 a.bbb_link { height: 70px; width: 635px; display: block; } #topo_bbb12 ul li ul { position:absolute;background-color:#fffce9;border:1px solid #cceaf5;width:85px;margin:0;padding:2px;height:auto;clear:both;display:block;cursor:text;} #topo_bbb12 ul li ul li { margin:auto;display:block;width:auto;height:auto;clear:both;cursor:text;font:10px/12px 'trebuchet ms',tahoma,helvetica,sans-serif;} #topo_bbb12 ul li ul .type { list-style:circle !important;} #topo_bbb12 ul li ul li span { width:auto;margin:0;padding:0;display:block;} /* top special BBB13 */ #main_body .sections.bbb_13 h2 { margin-top: 5px; } /*#topo_bbb13 { width:635px; height: 266px; border:0 none; margin:15px 0 10px 0; background: url("http://f.i.uol.com.br/f5/furniture/1/images/topo_bbb13-635x276.jpg?2012271201") transparent 0 0 repeat-y; padding: 5px; }*/ #topo_bbb13 { width: 635px; border: 0 none; background: url("http://f.i.uol.com.br/f5/furniture/1/images/topo_bbb13-635x276.jpg?2012271201") transparent 0 0 repeat-y; padding: 5px; position: relative; float: left; margin: 10px 0; } #topo_bbb13 ul, #topo_bbb13 ul li { margin:0;padding:0;list-style:none !important;} #topo_bbb13 ul { margin: 15px 0 5px -2px; width:635px; float: left; } #topo_bbb13 ul li { margin:9px 15px 3px 15px;padding:2px 2px 2px 3px;float:left;width:44px;height:45px;list-style:none !important; background: url("http://f.i.uol.com.br/f5/furniture/1/images/border-bbb13-48x49.png?2012121701") transparent 0 0 no-repeat;} #topo_bbb13 ul li ul li{ background: none;} #topo_bbb13 ul li img {display:block;} #topo_bbb13 a.bbb_link { height: 70px; width: 635px; display: block; } #topo_bbb13 ul li ul { position:absolute;background-color:#fffce9;border:1px solid #cceaf5;width:85px;margin:0;padding:2px;height:auto;clear:both;display:block;cursor:text;} #topo_bbb13 ul li ul li { margin:auto;display:block;width:auto;height:auto;clear:both;cursor:text;font:10px/12px 'trebuchet ms',tahoma,helvetica,sans-serif;} #topo_bbb13 ul li ul .type { list-style:circle !important;} #topo_bbb13 ul li ul li span { width:auto;margin:0;padding:0;display:block;} /* top special BBB14 */ #main_body .sections.bbb_14 h2 { margin-top: 5px; } /*#topo_bbb14 { width:635px; height: 266px; border:0 none; margin:15px 0 10px 0; background: url("http://f.i.uol.com.br/f5/furniture/1/images/topo_bbb13-635x276.jpg?2012271201") transparent 0 0 repeat-y; padding: 5px; }*/ #topo_bbb14 { width: 635px; border: 0 none; background: url("http://f.i.uol.com.br/f5/furniture/1/images/topo_bbb14-635x276.jpg?2014011001") transparent 0 0 repeat-y; padding: 5px; position: relative; float: left; margin: 10px 0; } .onlytarge { height: 75px !important; background: url("http://f.i.uol.com.br/f5/furniture/1/images/topo-bbb14-635x86.jpg?2014011001") transparent 0 0 repeat-y !important; } #topo_bbb14 ul, #topo_bbb14 ul li { margin:0;padding:0;list-style:none !important;} #topo_bbb14 ul { margin: 3px 0 5px -2px; width:635px; float: left; } #topo_bbb14 ul li { margin: 9px 7px 3px 7px; padding:2px 2px 2px 3px;float:left;width:44px;height:45px;list-style:none !important; background: url("http://f.i.uol.com.br/f5/furniture/1/images/border-bbb13-48x49.png?2012121701") transparent 0 0 no-repeat;} #topo_bbb14 ul li ul li{ background: none;} #topo_bbb14 ul li img {display:block;} #topo_bbb14 a.bbb_link { height: 70px; width: 635px; display: block; } #topo_bbb14 ul li ul { position:absolute;background-color:#fffce9;border:1px solid #cceaf5;width:85px;margin:0;padding:2px;height:auto;clear:both;display:block;cursor:text;} #topo_bbb14 ul li ul li { margin:auto;display:block;width:auto;height:auto;clear:both;cursor:text;font:10px/12px 'trebuchet ms',tahoma,helvetica,sans-serif;} #topo_bbb14 ul li ul .type { list-style:circle !important;} #topo_bbb14 ul li ul li span { width:auto;margin:0;padding:0;display:block;} /* top special BBB15 */ #main_body .sections.bbb_15 h2 { margin-top: 5px; } /*#topo_bbb14 { width:635px; height: 266px; border:0 none; margin:15px 0 10px 0; background: url("http://f.i.uol.com.br/f5/furniture/1/images/topo_bbb13-635x276.jpg?2012271201") transparent 0 0 repeat-y; padding: 5px; }*/ #topo_bbb15 { width: 635px; border: 0 none; background: url("http://f.i.uol.com.br/f5/furniture/1/images/bbb15-fundo.jpg") transparent 0 0 repeat-y; padding: 5px; position: relative; float: left; margin: 10px 0; } .onlytarge { height: 75px !important; background: url("http://f.i.uol.com.br/f5/furniture/1/images/topo-bbb14-635x86.jpg") transparent 0 0 repeat-y !important; } #topo_bbb15 ul, #topo_bbb15 ul li { margin:0;padding:0;list-style:none !important;} #topo_bbb15 ul { margin: 3px 0 5px -2px; width:635px; float: left; } #topo_bbb15 ul li { margin: 9px 7px 3px 7px; padding:2px 2px 2px 3px;float:left;width:44px;height:45px;list-style:none !important; background: url("http://f.i.uol.com.br/f5/furniture/1/images/border-bbb13-48x49.png?2012121701") transparent 0 0 no-repeat;} #topo_bbb15 ul li ul li{ background: none;} #topo_bbb15 ul li img {display:block;} #topo_bbb15 a.bbb_link { height: 70px; width: 635px; display: block; } #topo_bbb15 ul li ul { position:absolute;background-color:#fffce9;border:1px solid #cceaf5;width:85px;margin:0;padding:2px;height:auto;clear:both;display:none;cursor:text;} #topo_bbb15 ul li:hover ul { display: block; } #topo_bbb15 ul li ul li { margin:auto;display:block;width:auto;height:auto;clear:both;cursor:text;font:10px/12px 'trebuchet ms',tahoma,helvetica,sans-serif;} #topo_bbb15 ul li ul .type { list-style:circle !important;} #topo_bbb15 ul li ul li span { width:auto;margin:0;padding:0;display:block;} /* top special BBB16 */ #main_body .sections.bbb_16 h2 { margin-top: 5px; } /*#topo_bbb14 { width:635px; height: 266px; border:0 none; margin:15px 0 10px 0; background: url("http://f.i.uol.com.br/f5/furniture/1/images/topo_bbb13-635x276.jpg?2012271201") transparent 0 0 repeat-y; padding: 5px; }*/ #topo_bbb16 { width: 635px; border: 0 none; background: url("http://f.i.uol.com.br/f5/furniture/1/images/bbb16-fundo.jpg") transparent 0 0 repeat-y; padding: 5px; position: relative; float: left; margin: 10px 0; } #topo_bbb16 ul, #topo_bbb16 ul li { margin:0;padding:0;list-style:none !important;} #topo_bbb16 ul { margin: 3px 0 5px -2px; width:635px; float: left; } #topo_bbb16 ul li { margin: 9px 15px 3px 15px; padding:2px 2px 2px 3px;float:left;width:44px;height:45px;list-style:none !important; background: url("http://f.i.uol.com.br/f5/furniture/1/images/border-bbb13-48x49.png?2012121701") transparent 0 0 no-repeat;} #topo_bbb16 ul li ul li{ background: none;} #topo_bbb16 ul li img {display:block;} #topo_bbb16 a.bbb_link { height: 70px; width: 635px; display: block; } #topo_bbb16 ul li ul { position:absolute;background-color:#fffce9;border:1px solid #cceaf5;width:85px;margin:0;padding:2px;height:auto;clear:both;display:none;cursor:text;} #topo_bbb16 ul li:hover ul { display: block; } #topo_bbb16 ul li ul li { margin:auto;display:block;width:auto;height:auto;clear:both;cursor:text;font:10px/12px 'trebuchet ms',tahoma,helvetica,sans-serif;} #topo_bbb16 ul li ul .type { list-style:circle !important;} #topo_bbb16 ul li ul li span { width:auto;margin:0;padding:0;display:block;} /* top special A Fazenda 8 */ #main_body .sections.bbb_15 h2 { margin-top: 5px; } /*#topo_bbb14 { width:635px; height: 266px; border:0 none; margin:15px 0 10px 0; background: url("http://f.i.uol.com.br/f5/furniture/1/images/topo_bbb13-635x276.jpg?2012271201") transparent 0 0 repeat-y; padding: 5px; }*/ #topo-fazenda8 { width: 635px; border: 0 none; background: url("http://f.i.uol.com.br/f5/furniture/1/images/topo-a_fazenda8-635x211.jpg") transparent 0 0 repeat-y; padding: 5px; position: relative; float: left; margin: 10px 0; } .onlytarge { height: 75px !important; background: url("http://f.i.uol.com.br/f5/furniture/1/images/topo-bbb14-635x86.jpg") transparent 0 0 repeat-y !important; } #topo-fazenda8 ul, #topo-fazenda8 ul li { margin:0;padding:0;list-style:none !important;} #topo-fazenda8 ul { margin: 3px 0 5px -3px; width:635px; float: left; } #topo-fazenda8 ul li { margin: 9px 15px 3px 15px; padding:2px 2px 2px 3px;float:left;width:44px;height:45px;list-style:none !important; background: url("http://f.i.uol.com.br/f5/furniture/1/images/border-a_fazenda-48x49.png?2015092501") transparent 0 0 no-repeat;} #topo-fazenda8 ul li ul li{ background: none;} #topo-fazenda8 ul li img {display:block;} #topo-fazenda8 a.bbb_link { height: 70px; width: 635px; display: block; } #topo-fazenda8 ul li ul { position:absolute;background-color:#fffce9;border:1px solid #F3CDAF;width:85px;margin:0;padding:2px;height:auto;clear:both;display:none;cursor:text;} #topo-fazenda8 ul li:hover ul { display: block; } #topo-fazenda8 ul li ul li { margin:auto;display:block;width:auto;height:auto;clear:both;cursor:text;font:10px/12px 'trebuchet ms',tahoma,helvetica,sans-serif;} #topo-fazenda8 ul li ul .type { list-style:circle !important;} #topo-fazenda8 ul li ul li span { width:auto;margin:0;padding:0;display:block;} /* ============================================================================= Background BBB15 Home ========================================================================== */ .openBox.noticias.bbb15 h2 { background: url('http://f.i.uol.com.br/f5/geral/images/15013675.jpeg') no-repeat scroll 0 0 transparent; width: 300px; height: 40px; text-indent: -999em; } /* ============================================================================= Selo Folha Mulher ========================================================================== */ .article-stamp_content .box { float: left; margin-bottom: 20px; } .article-stamp_content .box .item { float: left; padding-top: 10px; width: 100%; } .article-stamp_content .box .kicker { color: #666; display: block; font-size: 11px; font-weight: 700; line-height: 13px; text-transform: uppercase; } .article-stamp_content .box h3 { font: 300 16px/22px tahoma, 'DejaVu Sans Condensed', arial, verdana, sans-serif; margin: 3px 0 5px; color: #000; font-weight: bold; } .article-stamp_content a, .article-stamp_content a:link, .article-stamp_content a:visited { color: #000; cursor: pointer; text-decoration: none; } .article-stamp_content a:hover { text-decoration: underline; } /* ============================================================================= Internet Explorer Assets ========================================================================== */ *:first-child+html p.header input, *:first-child+html p.header select { vertical-align: -15%; } *:first-child+html div.header input, *:first-child+html div.header select { vertical-align: -15%; } .wideVideoPlayer .video-player { min-height: 348px; overflow: hidden; position: relative; } iframe { border: none; }