@import 'https://web.archive.org/web/20230407162646cs_/https://fonts.googleapis.com/css?family=Varela+Round';* { font-family: varela round,sans-serif } body,html { margin: 0; padding: 0; min-width: 280px; background: url(/web/20230407162646im_/https://static.embedmax.com/imagens/bg-black.png); background-color: #222 } body.active { overflow: hidden } header.header { position: relative; background-color: #222; height: 60px; background-image: url(/web/20230407162646im_/https://static.embedmax.com/imagens/bg-logo.png),url(/web/20230407162646im_/https://static.embedmax.com/imagens/bg-header-repeat.png),url(/web/20230407162646im_/https://static.embedmax.com/imagens/bg-header.png); background-position: center; background-repeat: no-repeat,repeat,no-repeat } header.header section.box { max-width: 1200px; margin: 0 auto; position: relative } header.header section.box div.logo { display: table; top: 0; left: 50%; margin-left: -70.5px; overflow: hidden; position: absolute; z-index: 99 } header.header section.box div.logo img { display: block; height: 120px; margin: 0 } div#sub_header { width: 100%; min-height: 150px; background-color: #222; position: relative } div#sub_header.out { min-height: 64px; background-color: #222 } div#sub_header.out a { margin-top: 60px } div#sub_header.out a span { font-size: 14px; color: #999; padding-bottom: 20px; display: block } div.pagination { display: block; float: left; width: 100%; padding: 5px 0; text-align: center } div.pagination .count-page { color: #999; line-height: 50px } div.pagination a { display: block; color: #fff; padding: 8px; background-color: rgba(0,0,0,.2); border: 1px solid #444; border-radius: 5px; margin: 5px; text-decoration: none } div.pagination a.disabled { cursor: no-drop; color: #444 } div.pagination a:hover { color: #c5ff26 } div.pagination a.disabled:hover { color: #444 } div.pagination .prev { float: left } div.pagination .next { float: right } div#sub_header .box .button_left,div#sub_header .box .button_right { width: 15%; overflow: hidden; position: absolute; color: #fff; font-size: 32px; cursor: pointer } div#sub_header .box .button_left { top: 0; bottom: 0; left: 0 } div#sub_header .box .button_left:hover { color: #c5ff26 } div#sub_header .box .button_right:hover { color: #c5ff26 } div#sub_header .box .button_right { top: 0; bottom: 0; right: 0 } div#sub_header .box .button_left i,div#sub_header .box .button_right i { position: absolute; top: 50%; margin: -16px 0 0 -10px; left: 50% } div#sub_header .box .sub_box { width: 70%; margin: 0 auto } div#sub_header .box { overflow: hidden; background-image: linear-gradient(to top,rgba(0,0,0,0.7),#1b1b1b) } div#sub_header .box a { text-align: center; display: block; text-decoration: none } div#sub_header span.date-header { margin-top: 100px; font-size: 12px; color: #ccc; display: block; text-align: center } div#sub_header .box a b { text-align: center; padding: 10px 0; font-size: 20px; display: block; color: #fff } div#sub_header .box .title-seo h1 { text-align: center; padding: 10px 0; font-size: 20px; display: block; color: #fff; margin: 0 } div#sub_header .box h1.title-seo { text-align: center; padding: 10px 0; font-size: 20px; display: block; color: #fff; margin: 0 } div#sub_header .box .title-seo h2 { padding: 0; font-size: 14px; color: #999; padding-bottom: 20px; display: block; margin: 0 } div#sub_header .box .cat-links { width: 100%; display: block; margin-bottom: 10px; text-align: center } div#sub_header .box .cat-links a { display: inline-block; position: relative; font-size: 12px; text-decoration: none; border-radius: 5px; border: 1px solid #d2ff00; padding: 5px; margin: 4px; color: #d2ff00 } div#sub_header .box .cat-links a:hover { background-color: rgba(0,0,0,.4) } .tag-search { color: #c5ff26; font-size: 26px; text-align: center; padding: 10px 2px; border-bottom: 2px solid #d2ff00 } .close-search { float: right; color: #c5ff26; display: block; width: 50px } nav.menu { display: none; overflow: hidden; background-color: #333; position: fixed; top: 0; left: 0; right: 0; bottom: 0; overflow-y: auto; z-index: 9999; max-width: 300px } nav.menu ul i { color: #c5ff26 } nav.menu div.header-menu { height: 60px; overflow: hidden; background-color: #c5ff26 } nav.menu div.header-menu span { line-height: 60px; font-weight: 700; font-size: 24px; padding: 0 10px; float: left } nav.menu div.header-menu a { font-size: 30px; line-height: 60px; height: 60px; width: 60px; text-align: center; display: block; float: right; color: #222 } nav.menu.active { display: block } nav.menu ul { margin: 0; left: 0; padding: 0; overflow: hidden; list-style: none } nav.menu ul li:hover ul { display: block } nav.menu li { padding: 0; width: 100%; margin: 0!important; border-bottom: 1px solid rgba(33,33,33,.4) } nav.menu li a { border: 0!important; border-radius: 0!important; box-sizing: border-box; width: 100% } nav.menu ul li ul { display: block; position: relative; z-index: 9999; overflow: hidden; width: 100%; background-color: #222 } nav.menu ul li ul::-webkit-scrollbar-button { display: none; height: 13px; border-radius: 0; background-color: #adff5b; border-radius: 5px } nav.menu ul li ul::-webkit-scrollbar-button:hover { background-color: #00d700; border-radius: 5px } nav.menu ul li ul::-webkit-scrollbar-thumb { background-color: #b7fe4b; border-radius: 5px } nav.menu ul li ul::-webkit-scrollbar-thumb:hover { background-color: #a0ff37; border-radius: 5px } nav.menu ul li ul::-webkit-scrollbar-track { background-color: #5d5d5d; border-radius: 5px } nav.menu ul li ul::-webkit-scrollbar-track:hover { background-color: #383838; border-radius: 5px } nav.menu ul li ul::-webkit-scrollbar { width: 10px; border-radius: 5px } nav.menu ul li ul li { width: 100%; margin: 0; padding: 0; border: 0; border-bottom: 1px solid rgba(44,44,44,.4) } nav.menu ul li ul a { padding: 0 20px } nav.menu ul li ul li a { border: 0; height: 40px; line-height: 40px } nav.menu ul li ul li a:hover { border: 0; border-radius: 0 } nav.menu ul li { float: left; margin: 0 3px; position: relative } nav.menu ul li a { border-radius: 15px; display: block; height: 44px; font-size: 14px; line-height: 44px; padding: 0 10px; color: #fff; text-decoration: none; transition: .2s; border: 1px solid transparent } nav.menu ul li a:hover,nav.menu ul li a.active { background-color: rgba(0,0,0,.4); border: 1px solid #444; color: #c5ff26 } nav.menu ul li a .icon-only { font-size: 18px; float: left; margin: 12px 0 } nav.menu ul li a .icon { font-size: 20px; float: left; margin: 12px 5px 12px 0 } div.search { float: right } div.bg-transparent { display: none; background-color: rgba(22,22,22,.95); position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 999 } div.bg-transparent.active { display: block } div.search a { color: #fff; position: relative; font-size: 20px; line-height: 60px; height: 57px; display: block; width: 57px; transition: .2s; text-align: center; border-radius: 100px } div.search a:hover { font-size: 24px; color: #c5ff26 } div.search a .bt-description { position: absolute; bottom: -20px; font-size: 12px; color: #999; left: 0; right: 0; text-align: center } section#content { max-width: 1200px; margin: 0 auto; overflow: hidden } section#content section.box { float: left; width: 68% } section#content section.box.post { float: none; margin: 0 auto; width: 100%; max-width: 1200px } section.post div.widget-home { background-color: rgba(0,0,0,.7) } section#content section.box.post h2,section#content section.box.post a { color: #c5ff26; font-weight: 700; text-decoration: none } div.image-post { background-color: #111; max-width: 640px; margin: 20px auto 30px; border-radius: 5px; overflow: hidden; position: relative; border: 2px solid #c5ff26 } div.image-post .msg { text-align: center; position: absolute; top: 0; left: 0; bottom: 0; color: #fff; font-size: 20px; right: 0; background: rgba(0,0,0,.8) } div.image-post .msg span { display: block; position: absolute; left: 0; right: 0; top: 50%; margin-top: -31px } div.image-post .msg b { display: block; color: #c5ff26; font-size: 32px } div.image-post img { display: block; width: 100% } div.rightBox { float: left; width: 31%; margin-left: 1% } .resp-sharing-button__link,.resp-sharing-button__icon { display: inline-block } .resp-sharing-button__link { text-decoration: none; color: #fff; margin: .5em } .resp-sharing-button { border-radius: 5px; transition: 25ms ease-out; padding: .5em .75em; font-family: Helvetica Neue,Helvetica,Arial,sans-serif } .resp-sharing-button__icon svg { width: 1em; height: 1em; margin-right: .4em; vertical-align: top } .resp-sharing-button--small svg { margin: 0; vertical-align: middle } .resp-sharing-button__icon { stroke: #fff; fill: none } .resp-sharing-button__icon--solid,.resp-sharing-button__icon--solidcircle { fill: #fff; stroke: none } .resp-sharing-button--twitter { background-color: #55acee } .resp-sharing-button--twitter:hover { background-color: #2795e9 } .resp-sharing-button--pinterest { background-color: #bd081c } .resp-sharing-button--pinterest:hover { background-color: #8c0615 } .resp-sharing-button--facebook { background-color: #3b5998 } .resp-sharing-button--facebook:hover { background-color: #2d4373 } .resp-sharing-button--tumblr { background-color: #35465c } .resp-sharing-button--tumblr:hover { background-color: #222d3c } .resp-sharing-button--reddit { background-color: #5f99cf } .resp-sharing-button--reddit:hover { background-color: #3a80c1 } .resp-sharing-button--google { background-color: #dd4b39 } .resp-sharing-button--google:hover { background-color: #c23321 } .resp-sharing-button--linkedin { background-color: #0077b5 } .resp-sharing-button--linkedin:hover { background-color: #046293 } .resp-sharing-button--email { background-color: #777 } .resp-sharing-button--email:hover { background-color: #5e5e5e } .resp-sharing-button--xing { background-color: #1a7576 } .resp-sharing-button--xing:hover { background-color: #114c4c } .resp-sharing-button--whatsapp { background-color: #25d366 } .resp-sharing-button--whatsapp:hover { background-color: #1da851 } .resp-sharing-button--hackernews { background-color: #f60 } .resp-sharing-button--hackernews:hover,.resp-sharing-button--hackernews:focus { background-color: #fb6200 } .resp-sharing-button--vk { background-color: #507299 } .resp-sharing-button--vk:hover { background-color: #43648c } .resp-sharing-button--facebook { background-color: #3b5998; border-color: #3b5998 } .resp-sharing-button--facebook:hover,.resp-sharing-button--facebook:active { background-color: #2d4373; border-color: #2d4373 } .resp-sharing-button--twitter { background-color: #55acee; border-color: #55acee } .resp-sharing-button--twitter:hover,.resp-sharing-button--twitter:active { background-color: #2795e9; border-color: #2795e9 } .resp-sharing-button--google { background-color: #dd4b39; border-color: #dd4b39 } .resp-sharing-button--google:hover,.resp-sharing-button--google:active { background-color: #c23321; border-color: #c23321 } .resp-sharing-button--tumblr { background-color: #35465c; border-color: #35465c } .resp-sharing-button--tumblr:hover,.resp-sharing-button--tumblr:active { background-color: #222d3c; border-color: #222d3c } .resp-sharing-button--email { background-color: #777; border-color: #777 } .resp-sharing-button--email:hover,.resp-sharing-button--email:active { background-color: #5e5e5e; border-color: #5e5e5e } .resp-sharing-button--pinterest { background-color: #bd081c; border-color: #bd081c } .resp-sharing-button--pinterest:hover,.resp-sharing-button--pinterest:active { background-color: #8c0615; border-color: #8c0615 } .share-button { border-bottom: 1px solid #222; border-top: 1px solid #222; text-align: center } div.rightBox div.box { box-sizing: border-box; overflow: hidden; text-align: center; background-color: rgba(0,0,0,.4); width: 100%; border-radius: 0 5px 5px 5px } div.rightBox div.box div.wsdRight { display: table; max-width: 336px; margin: 10px auto } div.rightBox div.box div.wsdRight img { display: block; width: 100% } h3.title-widget { background-color: #c5ff26; color: #222; display: table; padding: 6px 10px; font-size: 18px; margin: 20px 0 0 } h1.title-widget { background-color: #c5ff26; color: #222; display: table; padding: 6px 10px; font-size: 18px; margin: 20px 0 0 } div.widget-home { border-radius: 0 5px 5px 5px; padding: .5%; overflow: hidden; background-color: rgba(0,0,0,.4) } div.widget-home div.item-wd { width: 32.33%; box-sizing: border-box; overflow: hidden; margin: .5%; border: 2px solid #444; border-radius: 5px; float: left; background-color: #333 } div.widget-home div.item-wd:hover,div.widget-home div.item-wd.active { border: 2px solid #c5ff26 } .cat-links-wd { display: none } div.widget-home div.item-wd a { text-decoration: none } div.widget-home div.item-wd a span.title-item { color: #fff; display: -webkit-box; -webkit-line-clamp: 2; font-size: 16px; text-align: center; margin: 5px 10px; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis } div.widget-home div.item-wd .item-footer { background-color: rgba(0,0,0,.2); overflow: hidden; color: #888; font-size: 12px; padding: 8px } div.widget-home div.item-wd .item-footer div.views { float: left } div.widget-home div.item-wd .item-footer div.date { float: right } div.widget-home div.item-wd img { width: 100%; display: block } section.post div.widget-home { border-radius: 0 0 5px 5px } div.wsdTop { background-color: rgba(0,0,0,.05); overflow: hidden; border-top: 2px solid #d2ff00 } div.wsdMiddle { background-color: rgba(0,0,0,.05); overflow: hidden; margin: 20px 0 0 } section.post div.wsdMiddle { margin: 0 } div.rightBox div.item-rg { width: 97.2%; margin: 1.4%; box-sizing: border-box; overflow: hidden; border: 2px solid #444; border-radius: 5px; float: left; background-color: #333 } div.rightBox div.item-rg:hover { border: 2px solid #c5ff26 } div.rightBox div.item-rg a { text-decoration: none; display: block; overflow: hidden; background-color: rgba(0,0,0,.7); text-shadow: 1px 2px #000; transition: .2s } div.rightBox div.item-rg a span.title-item { color: #fff; display: -webkit-box; -webkit-line-clamp: 2; font-size: 16px; text-align: center; margin: 30px 10px; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; transition: .2s } div.rightBox div.item-rg a:hover { background-color: rgba(0,0,0,.2) } div.rightBox div.item-rg a:hover span.title-item { margin: 130px 0 0; background-color: rgba(0,0,0,.7); border-radius: 5px; padding: 4px 10px } div.rightBox div.item-rg .item-footer { background-color: rgb(0,0,0,.2); overflow: hidden; color: #888; font-size: 12px; padding: 8px } div.rightBox div.item-rg .item-footer div.views { float: left } div.rightBox div.item-rg .item-footer div.date { float: right } div.rightBox div.item-rg img { width: 100%; display: block } div.wsdTop div.box { margin: 5px auto; display: table } div.wsdTop div.box img { display: block } div.wsdMiddle div.box { margin: 5px auto; display: table } div.wsdMiddle div.box img { display: block } div.bt-menu { position: absolute; left: 0; top: 0 } div.bt-menu a { line-height: 60px; height: 60px; width: 60px; color: #fff; position: relative; font-size: 20px; display: block; transition: .2s; text-align: center } div.bt-menu a:hover { font-size: 24px; color: #c5ff26 } div.busca { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 999; display: none; background-color: rgba(22,22,22,.95) } div.busca div.box { max-width: 600px; width: 100%; box-sizing: border-box; position: absolute; left: 50%; margin: -52.5px 0 0 -300px; top: 50%; background-color: #111; border: 1px solid #333; border-radius: 10px; overflow: hidden } div.busca div.box input { width: 90%; float: left; display: block; box-sizing: border-box; height: 50px; padding: 0 10px; font-size: 24px; color: #999; background: 0 0; outline: none; border: 0 } div.busca div.box button { width: 10%; float: left; display: block; box-sizing: border-box; height: 50px; background: 0 0; color: #999; border: 0; font-size: 24px; cursor: pointer; transition: .2s; outline: none } div.busca div.box button:hover { color: #c5ff26; font-size: 26px } footer { display: block; width: 100%; background-color: #111; margin: 20px 0 0 } footer .box { padding: 15px; position: relative; max-width: 1200px; margin: 0 auto; color: #999; font-size: 12px; line-height: 20px; box-sizing: border-box; overflow: hidden } #topButton { position: absolute; right: 10px; display: block; height: 30px; font-size: 14px; width: 30px; background-color: rgba(0,0,0,.5); color: #c5ff26; text-align: center; line-height: 30px; border-radius: 5px; top: 10px; transition: .2s } div.description,p.segDescricao,p.tags { text-align: center; padding: 10px; color: #999; font-size: 16px } p.msgShare { color: #c5ff26; text-align: center; border-top: 1px dotted #333; border-bottom: 1px dotted #333; padding: 15px 0 } div.tabela-escalacao { max-width: 700px; margin: 20px auto 50px; width: 100%; background-color: rgba(0,0,0,.5); border-radius: 10px; border: 2px solid #c5ff26; overflow: hidden } div.tabela-escalacao ul { list-style: none; margin: 0; padding: 0; max-height: 400px; overflow-y: auto } div.tabela-escalacao ul li { width: 50%; display: block; border-right: 1px solid #111; float: left; box-sizing: border-box; border-bottom: 1px solid #111; color: #ccc; text-align: left; overflow: hidden; padding: 5px 10px } div.tabela-escalacao ul li b,div.tabela-escalacao ul li strong { width: 200px; text-align: left; display: block; color: #c5ff26 } h2.subtitulo,p.linhaTexto { text-align: center } p.perdeu { margin: 8px; display: block; background-color: rgba(200,100,100,.1); border: 1px solid #f77; border-radius: 5px; text-align: center; padding: 5px; color: #f77 } p.venceu { margin: 8px; display: block; background-color: rgba(100,200,100,.1); border: 1px solid #7f7; border-radius: 5px; text-align: center; padding: 5px; color: #7f7 } p.empatou { margin: 8px; display: block; background-color: rgba(247,166,27,.1); border: 1px solid #fb2; border-radius: 5px; text-align: center; padding: 5px; color: #fb2 } div.content-post { padding: 10px; color: #fff } #topButton:hover { font-size: 18px } header.header section.box div.logo .logo-web { display: block } header.header section.box div.logo .logo-mobile { display: none } div.options_iframe { background-color: #111; overflow: hidden; padding: 4px; text-align: center; border-top: 2px solid #c5ff26 } div.options_iframe a { display: inline-block; padding: 8px 10px; font-size: 15px; text-transform: uppercase; margin: 4px; border-radius: 5px; background-color: #222; border: 1px solid #333 } div.options_iframe a:hover { background-color: rgba(0,0,0,.5) } div.options_iframe a.active { background-color: rgba(0,0,0,.5) } div.replace_html { position: relative } .fb-comments,.fb-comments span,.fb-comments.fb_iframe_widget span iframe { width: 100%!important } @media only screen and (max-width: 1100px) { section#content section.box { float:left; width: 100% } div.rightBox { float: left; width: 100%; margin-left: 0% } h3.title-widget { margin: 20px auto 0 } } @media only screen and (max-width: 800px) { header.header { background-image:url(/web/20230407162646im_/https://static.embedmax.com/imagens/bg-header-repeat.png),url(/web/20230407162646im_/https://static.embedmax.com/imagens/bg-header.png); background-repeat: repeat,no-repeat } header.header section.box div.logo { margin-left: -64.5px; float: none; overflow: hidden } header.header section.box div.logo .logo-web { display: none } header.header section.box div.logo .logo-mobile { display: block } div#sub_header.out .box a { margin-top: 10px } header.header section.box div.logo img { display: block; height: 30px; margin: 15px 0 } header.header { height: 60px } div.search a { margin-top: 0; line-height: 60px; height: 60px; border: 0; width: 60px; border-radius: 0 } div.search a span { display: none } } @media only screen and (max-width: 650px) { div.widget-home div.item-wd { width:49% } } @media only screen and (max-width: 620px) { div.busca div.box { left:10px; right: 10px; width: auto; margin: -25px 0 0; box-sizing: border-box } div.busca div.box input { width: 85% } div.busca div.box button { width: 15% } } @media only screen and (max-width: 400px) { div.widget-home div.item-wd { width:99% } div.busca div.box input { width: 80% } div.busca div.box button { width: 20% } }