@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700); /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; /*margin: 20px 0;*/ } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /*geral*/ em, i{font-style:italic;} body{font-family: 'Open Sans', sans-serif;} small{font-size: 10px;font-family: 'Open Sans', sans-serif;} a{text-decoration: none;} ul{list-style: none;} strong{font-weight: 700} a{color:#606060;} button{cursor: pointer;} input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {display: none;} img{max-width: 100%;} /** UOL BANNERS ALIGN **/ #banner-970x250-area, #banner-300x600-area, #banner-728x90-area, #banner-728x90-area-2, #banner-728x90-area-3, #banner-320x50-area, #banner-320x50-area-2, #banner-320x50-area-3, #banner-300x250-area, #banner-300x250-area-2, #banner-300x250-area-3, #banner-300x250-area-4, #banner-300x250-area-5, #banner-300x250-area-6, #banner-300x250-area-7 {text-align: center} #busca > main > section{width: 100%; max-width: 1172px; margin: 20px auto;overflow: hi;} #busca > main > section > h2{width: 98%;max-width: 1172px; margin: 0 auto;/* text-align: right; */font-size: 22px;} #busca > main > section > nav{ max-width:1172px;margin:20px auto;} #busca > main > section > nav > a{margin:0 10px;} #busca > main > section > nav > a.active, #busca > main > section > nav > a:hover{border-bottom:2px solid #999;} #busca > main > section > section.list{width: 60%; margin: 0; } /* #busca > main > section > section.list:after{ content:" "; display: block; position: relative; clear: both; width: 100%; } */ #busca > main > section > section.list > div{width: 98%;max-width: 1172px; margin: 0 auto;} #busca > main > section > section.list > div > article{overflow: hidden;border-bottom: 1px solid #e2e2e2;padding: 20px 0;margin: 0;} #busca > main > section > section > div > article:last-child{border:none;} #busca > main > section > section > div > article > a > div > img{float:left; display:block;padding-right: 20px;} #busca > main > section > section.list > div > article > a > h5{display: block;margin: 0 10px;} #busca > main > section > section.list > div > article > a > h1{font-size:16px;font-weight:600;line-height:24px;margin-right:10px;color: #424242;} #busca > main > section > section.list > div > article > a > h3{font-size:12px;font-weight:600;line-height: 26px;} #busca > main > section > section.list > div > article > a > div:nth-child(3){font-size:14px;color: #424242;display:block;line-height: 19px;float: left;} #busca > main > section > div.carregar-mais{ width: 98%; max-width: 1172px; margin: 0 auto; text-align: center;text-transform: uppercase;} #busca > main > section > div.carregar-mais > a{width:100%;display: block;padding: 10px 0;font-size: 12px; border: 1px solid #606060; -webkit-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;} #busca > main > section > section.result-programas{ float: right;width: 33%;margin: 0 20px; } #busca > main > section > section.result-programas > article{border:1px solid #e2e2e2;background: #f9f9f9;padding: 10px;} #busca > main > section > section.result-programas > article > h2{margin:0px 0 10px 0; text-transform:uppercase;font-weight:700;line-height: 20px;} #busca > main > section > section.result-programas > article > img{width:50%;} /*#busca > main > section > section.result-programas > article > a{margin:10px;font-style: italic;}*/ #busca > main > section > section.result-programas > article > a{margin: 10px; font-weight: bold; text-transform: uppercase; font-size: 12px; color: #2e4a9f;} main > section.content > div > h2, section.content > section > h2{color:#424242;border-bottom: 5px solid #e2e2e2;padding: 15px 0;text-transform: uppercase;font-weight: 700;} main > section.content > div > article > div > img{display: block;text-indent:-9999px;height: 10px;width: 10px;float: left;margin: 2px 5px;} main > section.content > div > h2, section.content > section > h2{color:#424242;border-bottom: 5px solid #e2e2e2;padding: 15px 0;text-transform: uppercase;font-weight: 700;} main > section.content > div > article > div > img{display: block;text-indent:-9999px;height: 10px;width: 10px;float: left;margin: 2px 5px;} main > section.content > div > article{position: relative;min-height: 100px;overflow: hidden;} main > section.content > div > article > section{border-bottom: 1px solid #e2e2e2;padding-bottom: 20px;} main > section.content > div > article header h2{text-transform: uppercase;font-weight: 700;} main > section.content > div > article > div{position: absolute;bottom: 20px;font-family: 'Open Sans', sans-serif;font-size: 14px;padding: 10px;float: left;} main > section.content > div > article > div > p{width: 80%;margin-bottom: 10px;} main > section.content > div > article > div > small{margin-left:20px;} /*jornalismo*/ main > section.content > div > article.jornalismo header{background: #213f99;padding: 0;overflow: hidden;margin: 0;} main > section.content > div > article.jornalismo header h2{position: relative;padding: 0 10px 0px;background-color: #182e6a;float: left;color: #fff;line-height: 30px;font-weight: 700;} main > section.content > div > article.jornalismo header h2:before{content:" ";position: absolute;border-top: 15px solid transparent;border-bottom: 15px solid transparent;} main > section.content > div > article.jornalismo header h2:before {left: 100%;border-left: 11px solid #182e6a;} main > section.content > div > article.jornalismo > div > p{float:left;color: #fff;font-weight: 600;} main > section.content > div > article.jornalismo > div > small{float:left;color: #fff;} /*arte e cultura*/ main > section.content > div > article.arte-e-cultura header{background: #00a651;padding: 0;overflow: hidden;margin: 0;} main > section.content > div > article.arte-e-cultura header h2{position: relative;padding: 0 10px 0px;background-color: #118745;float: left;color: #fff;line-height: 30px;font-weight: 700;} main > section.content > div > article.arte-e-cultura header h2:before{content:" ";position: absolute;border-top: 15px solid transparent;border-bottom: 15px solid transparent;} main > section.content > div > article.arte-e-cultura header h2:before {left: 100%;border-left: 11px solid #118745;} main > section.content > div > article.arte-e-cultura > div > span{background: url(/_img/tvcultura/icones/play-branco.png) no-repeat center; display: block;text-indent:-9999px;height: 10px;width: 10px;float: left;margin: 2px 5px;} main > section.content > div > article.arte-e-cultura > div > p{float:left;color:#fff;font-weight: 600;} main > section.content > div > article.arte-e-cultura > div > small{float:left;color:#fff;} /*infantil*/ main > section.content > div > article.infantil header{background: #ffcb26;padding: 0;overflow: hidden;margin: 0;} main > section.content > div > article.infantil header h2{position: relative;padding: 0 10px 0px;background-color: #D6A528;float: left;color: #fff;line-height: 30px;font-weight: 700;} main > section.content > div > article.infantil header h2:before{content:" ";position: absolute;border-top: 15px solid transparent;border-bottom: 15px solid transparent;} main > section.content > div > article.infantil header h2:before {left: 100%;border-left: 11px solid #D6A528;} main > section.content > div > article.infantil > div > span{background: url(/_img/tvcultura/icones/play.png) no-repeat center; display: block;text-indent:-9999px;height: 10px;width: 10px;float: left;margin: 2px 5px;} main > section.content > div > article.infantil > div > p{float:left;color:#424242;font-weight: 600;} main > section.content > div > article.infantil > div > small{float:left;color:#424242;} /*educação*/ main > section.content > div > article.educacao header{background: #e86c1f;padding: 0;overflow: hidden;margin: 0;} main > section.content > div > article.educacao header h2{position: relative;padding: 0 10px 0px;background-color: #BF5924;float: left;color: #fff;line-height: 30px;font-weight: 700;} main > section.content > div > article.educacao header h2:before{content:" ";position: absolute;border-top: 15px solid transparent;border-bottom: 15px solid transparent;} main > section.content > div > article.educacao header h2:before {left: 100%;border-left: 11px solid #BF5924;} main > section.content > div > article.educacao > div > span{background: url(/_img/tvcultura/icones/play.png) no-repeat center; display: block;text-indent:-9999px;height: 10px;width: 10px;float: left;margin: 2px 5px;} main > section.content > div > article.educacao > div > p{float:left;color:#424242;} main > section.content > div > article.educacao > div > small{float:left;color:#424242;} /*agora*/ main > section.content > div > nav.agora h2{color:#424242;border-bottom: 5px solid #e2e2e2;padding: 15px 0;text-transform: uppercase;margin-bottom: 20px;font-weight: 700;} main > section.content > div > nav.agora > ul{margin: 15px 0;overflow: auto;height: 156px;} main > section.content > div > nav.agora > h3{color: #213f99;font-size: 12px;width: 90%;margin: 0 auto;background: #f9f9f9;padding: 15px;text-transform: uppercase;font-weight: 700;} main > section.content > div > nav.agora > ul > li{padding: 15px 0;display: block;overflow: hidden;border-bottom: 1px solid #e2e2e2;} main > section.content > div > nav.agora > ul > li > a{color: #424242;width: 90%;display: block;overflow: hidden;margin: 0 auto;line-height: 14px;} main > section.content > div > nav.agora > ul > li > a span{color: #213f99;float: left;padding: 0 20px 0 0;font-size: 14px;font-weight: 700;} main > section.content > div > nav.agora > ul > li > a p{font-size: 12px;font-family: 'Open Sans', sans-serif;line-height: 16px;float: left;width: 74%;text-align: left;font-weight: 600;} /*redes*/ nav.redes{background: #f9f9f9;border:1px solid #e2e2e2; margin: 0;float: left;width: 100%;margin-bottom: 15px;} nav.redes > h3{color: #606060;font-size: 14px;float: left;line-height: 26px;padding: 10px;font-weight: 700;} nav.redes > a{display: block;text-indent:-9999px;float: left;width: 20px;height: 20px;padding: 15px;} nav.redes > a.fb{background: url(/_img/tvcultura/icones/facebook.png) no-repeat center;} nav.redes > a.tw{background: url(/_img/tvcultura/icones/twitter.png) no-repeat center;} nav.redes > a.it{background: url(/_img/tvcultura/icones/instagram.png) no-repeat center;} nav.redes > a.yt{background: url(/_img/tvcultura/icones/youtube.png) no-repeat center;} /*programas home*/ #home > main > section.content > section.programas{float: left;} main > section.content > section.programas > article{border-bottom: 1px solid #e2e2e2;padding: 20px 0;float: left;margin: 0;} main > section.content > section > article > div > h3 a{color:#424242;font-size:14px;line-height: 16px;font-weight: 700;margin: 10px 0;display: block;text-transform: uppercase;} #home > main > section.content > section > article > div > p{margin-top:10px;} main > section.content > section > article > div > p a{color:#606060;font-size:12px;font-family: 'Open Sans', sans-serif;overflow: hidden;max-width: 100%;display: block;line-height: 16px;margin-top: 5px;max-height: 50px;} main > section.content > section > article._infantil > div > h2 a, main > section.content > section > article.infantil > div > h2 a{color: #D6A528;font-size: 12px;text-transform:uppercase;font-weight: 700;line-height: 20px;margin: 5px 0;display: block;} main > section.content > section > article._educacao > div > h2 a, main > section.content > section > article.educacao > div > h2 a{font-size:12px;text-transform:uppercase;color: #BF5924;font-weight: 700;line-height: 20px;margin: 5px 0;display: block;} main > section.content > section > article._jornalismo > div > h2 a, main > section.content > section > article.jornalismo > div > h2 a{color: #213f99;font-size:12px;text-transform:uppercase;line-height: 18px;font-weight: 700;line-height: 20px;margin: 5px 0;display: block;} main > section.content > section > article._arte-e-cultura > div > h2 a, main > section.content > section > article.arte-e-cultura > div > h2 a{font-size:12px;text-transform:uppercase;color: #118745;font-weight: 700;line-height: 20px;margin: 5px 0;display: block;} main > section.content > section > article._exclusivosweb > div > h2 a, main > section.content > section > article.exclusivosweb > div > h2 a{font-size:12px;text-transform:uppercase;color: #227f83;font-weight: 700;line-height: 20px;margin: 5px 0;display: block;} #home > main > section.content > nav.agora{background:none;} #home section.content > nav.agora > ul > li > a{padding: 0;} #home > main > section.content > section > h2 > a{display:block;} section.content > section > h2 > a, #programas > main > section > section > h2 > a{width: 98%;display:block;} section.content > section > h2 > a:after, #programas > main > section > section > h2 > a:after{content:'.'; /*background: url(/_img/tvcultura/icones/seta-cinza.png) no-repeat right center; transform: rotate(-90deg); */ height: 29px;width: 20px;text-indent: -9999px;float: right;} section.content > h1{background: #fff;padding: 20px 0 20px 0;text-transform: uppercase;font-size: 26px;margin:0;color: #27778a;border-bottom: 2px solid #27778a;font-weight: 700;} section.content > h1 > a { color:#27778a; } #home > main > section.destaques> div > ul > li > figure > figcaption > a > img{float:left;} #home > main > section.destaques> div > ul > li > figure > figcaption > p > a{color: #fff;float:left;width:100%; font-weight: 700; line-height: 20px; padding-left: 10px;font-size: 18px;} #home > main > section.destaques> div > ul > li > figure > figcaption > small > a{color:#fff;} #carrossel-home > ul > li > figure > figcaption{width: 90%; margin:0; padding: 5%; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.01) 1%, rgba(0,0,0,0.69) 77%, rgba(0,0,0,0.69) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,0.69) 77%,rgba(0,0,0,0.69) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,0.69) 77%,rgba(0,0,0,0.69) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b0000000',GradientType=0 ); position: absolute; bottom:0px;} .center-banner {width: 100%;float: left;text-align: center} /*interna programas*/ /*geral interna programas*/ #programas > main > section.destaques > ul > li{margin: 0;} section.programas > button{padding: 10px;border: 1px solid #e2e2e2;width: 98%;margin: 40px 0;display: block;-webkit-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;background: url(/_img/tvcultura/icones/seta-mais.png) no-repeat 71% 11px;font-family: 'Open Sans', sans-serif;text-transform: uppercase;float: left;} #programas > main > article, #programas > main > article > header, #programas figure{margin:0;} #info-programa > figure > img{display:block;} #programas > main > article > section{overflow:hidden;margin: 0;} #programas > main > article > header > h1{color: #213f99;float:left;max-width: 75%;} #programas > main > article > header > p{color: #52B75B;float: right;font-size: 12px;line-height: 18px;} #programas > main > article > header > p:before{content:".";line-height: 21px;display:block;font-size: 35px;font-family: Georgia;float: left;margin-top: -11px;margin-right: 5px;} #programas > main > article > section > h2{float: left;font-size: 12px;padding: 15px;text-transform: uppercase;} #info-programa nav{float: right;margin: 0;margin-right: 20px;} #info-programa nav a{display: block;float: left;width: 20px;height: 20px;text-indent: -9999px;margin: 5px 10px 5px 0;} #info-programa nav a.face{background: url(/_img/tvcultura/icones/facebook.png) no-repeat center;} #info-programa nav a.twitter{background: url(/_img/tvcultura/icones/twitter.png) no-repeat center;} #info-programa nav a.insta{background: url(/_img/tvcultura/icones/instagram.png) no-repeat center;} #info-programa nav a.yt{background: url(/_img/tvcultura/icones/youtube.png) no-repeat center;} #programas > main > section > nav h2{display: block; margin-right: 20px;width:100%} #info-programa .center-banner{margin: 20px 0 0 0;} #programas .center-banner{margin: 20px;text-align: center;} #programas .center-banner:last-child{margin: 20px 0px;} #programas .center-banner:nth-child(2){margin: 20px 0; padding-bottom: 0;} /*sobre o programa*/ #sobre{margin: 0;float: left;width: 100%;} #sobre > header{margin: 0;width: 100%;float: left;} #sobre > header > img{float: left; clear: both;} #sobre > section{float:left;margin: 0;padding: 0;width: 90%;} /*#sobre > section > a{display: none;}*/ #sobre > section > p{font-size:12px; line-height:16px;font-family: 'Open Sans', sans-serif; margin: 10px 0;color: #606060;} #sobre > header > p{float: right;font-family: 'Open Sans', sans-serif;font-size: 13px;text-align: right;margin: 20px;max-width: 208px;font-weight: 700;line-height: 18px;} #sobre > header > p span{font-family: 'Open Sans', sans-serif;} #sobre > p{color:#606060; font-family: "Myriad Pro" Arial sans-serif;font-size:13px;line-height:16px} #programas.interna > main > hr{margin: 0;background: #e2e2e2;border: none;height: 1px;} /*jornalismo*/ .jornalismo > main > article > header{overflow: hidden;padding: 10px;} .jornalismo > main > article > section > h2 a{color: #213f99;} .jornalismo > main > section > nav > ul{display:none;} .jornalismo > main > section > nav > ul > li{padding: 20px 0;display: block;border: 1px solid #eee;text-transform: capitalize;font-size: 14px;padding-left: 10px;color: #213F99;font-family: 'Open Sans', sans-serif;} .jornalismo #sobre > header > h1{text-transform:uppercase;font-weight:700;color:#213f99;padding:20px 0;float: left;/*width: 28%*/;margin-bottom: 20px;} .jornalismo > main > section > nav h2 a{padding: 20px 0;display: block; background: url(/_img/tvcultura/icones/seta-jornalismo.png) no-repeat 90% 50% #f9f9f9;border: 1px solid #e2e2e2;text-transform: uppercase;font-size: 14px;padding-left: 10px;color: #213F99;} /*arte e cultura*/ .arte-e-cultura > main > article > header{overflow: hidden;padding: 10px;} .arte-e-cultura > main > article > section > h2 a{color: #00a651;} .arte-e-cultura > main > section > nav > ul{display:none;} .arte-e-cultura > main > section > nav > ul > li{padding: 20px 0;display: block;border: 1px solid #eee;text-transform: capitalize;font-size: 14px;padding-left: 10px;color: #00a651;background: #f9f9f9;font-family: 'Open Sans', sans-serif;} .arte-e-cultura #sobre > header > h1{display:block;text-transform:uppercase;color:#00a651;/*width: 33%*/;float: left;margin-bottom: 20px;font-weight: 700;padding: 20px 0;} .arte-e-cultura > main > section > nav h2 a{padding: 20px 0;display: block; background: url(/_img/tvcultura/icones/seta-arte.png) no-repeat 90% 50% #f9f9f9;border: 1px solid #e2e2e2;text-transform: uppercase;font-size: 14px;padding-left: 10px;color: #00a651;} /*exclusivosweb*/ .exclusivosweb > main > article > header{overflow: hidden;padding: 10px;} .exclusivosweb > main > article > section > h2 a{color: #227f83;} .exclusivosweb > main > section > nav > ul{display:none;} .exclusivosweb > main > section > nav > ul > li{padding: 20px 0;display: block;border: 1px solid #eee;text-transform: capitalize;font-size: 14px;padding-left: 10px;color: #227f83;background: #f9f9f9;font-family: 'Open Sans', sans-serif;} .exclusivosweb #sobre > header > h1{display:block;text-transform:uppercase;color:#227f83;/*width: 33%*/;float: left;margin-bottom: 20px;font-weight: 700;padding: 20px 0;} .exclusivosweb > main > section > nav h2 a{padding: 20px 0;display: block; background: url(/_img/tvcultura/icones/seta-arte.png) no-repeat 90% 50% #f9f9f9;border: 1px solid #e2e2e2;text-transform: uppercase;font-size: 14px;padding-left: 10px;color: #227f83;} /*educacaoo*/ .educacao > main > article > header{overflow: hidden;padding: 10px;} .educacao > main > article > section > h2 a{color: #e86c1f;} .educacao > main > section > nav > ul{display:none;} .educacao > main > section > nav > ul > li{padding: 20px 0;display: block;border: 1px solid #eee;text-transform: capitalize;font-size: 14px;padding-left: 10px;color: #e86c1f;background: #f9f9f9;font-family: 'Open Sans', sans-serif;} .educacao #sobre > header > h1{display:block;text-transform:uppercase;/*width: 73%*/;float: left;color:#e86c1f;margin-bottom: 20px;font-weight: 700;padding: 20px 0;} .educacao > main > section > nav h2 a{padding: 20px 0;display: block; background: url(/_img/tvcultura/icones/seta-educacao.png) no-repeat 90% 50% #f9f9f9;border: 1px solid #e2e2e2;text-transform: uppercase;font-size: 14px;padding-left: 10px;color: #e86c1f;} /*infantil*/ .infantil > main > article > header{overflow: hidden;padding: 10px;} .infantil > main > article > section > h2 a{color: #d7a60a;} .infantil > main > section > nav > ul{display:none;} .infantil > main > section > nav > ul > li{padding: 20px 0;display: block;border: 1px solid #eee;text-transform: capitalize;font-size: 14px;padding-left: 10px;color: #d7a60a;background: #f9f9f9;font-family: 'Open Sans', sans-serif;} .infantil #sobre > header > h1{display:block;/*width: 60%*/;float: left;text-transform:uppercase;color:#d7a60a;margin-bottom: 20px;font-weight: 700;padding: 20px 0;} .infantil > main > section > nav h2 a{padding: 20px 0;display: block; background: url(/_img/tvcultura/icones/seta-infantil.png) no-repeat 90% 50% #f9f9f9;border: 1px solid #e2e2e2;text-transform: uppercase;font-size: 14px;padding-left: 10px;color: #d7a60a;} .infantil > main > section > section > article{width: 100%;} .infantil > main > section > section > article > a > img{width:90%; margin: 0 auto;float: none;display: block;} .infantil > main > section > section > article > div{width: 90%;margin: 10px auto;float: none;} /*infantil game*/ body.gameTime #info-game{display:block; background: #f7f7f7;} body #info-game{display:none;} body.gameTime #info-programa{display:none;} .infantil #info-game > header{max-width: 1170px; padding:40px 0px; margin:0 auto;} .infantil #info-game > header > h1{text-transform: uppercase; color: #d7a60a; margin-bottom: 20px; font-weight: 700;} .infantil #info-game > header > h2{font-size:26px; font-weight:400; clear:both; margin-bottom: 20px;} .infantil #info-game > header > p{color:#333; float:left;} .infantil #info-game > header > p::before{content: '';} .infantil #game-container{position: relative; background:#e7e7e7; padding: 50px 0;} .infantil #game-container .close{ background: url(/_img/tvcultura/icones/sprite-modal-infantil.png?) no-repeat 5px -81px;width: 38px;height: 40px;position: absolute;top: 30px;right: 130px;text-indent: -9999px;} .infantil #game-container .close:hover{opacity:0.5;} .infantil #game-iframe{max-width:944px; max-height:577px; width:100%; height:100vh; margin:0 auto;display:block;} /*videos e ao vivo box info programa */ #programas-box-info > aside{background:#f9f9f9;overflow:hidden;margin: 0;border-bottom: 1px solid #eee;margin-bottom: 20px;position: relative;} #programas-box-info > aside > h1{text-transform:uppercase;font-weight:700;} #programas-box-info > aside > h2{font-weight:700;text-transform:uppercase;color:#424242;line-height:30px;margin:0;border:none;} #programas-box-info > aside > p{color:#606060; font-family: 'PT Sans', sans-serif;margin: 20px 0;max-width: 95%;font-size: 14px;line-height: 20px;} #programas-box-info > aside > img{left: 0;position: absolute;bottom: 0;margin-bottom: 50px;margin-right: 100px;} #programas-box-info > aside > small{margin-right:50px;margin-bottom: 20px;display: block;} /*#sobre > section > a{display:block;padding: 10px;border: 1px solid #e2e2e2;-webkit-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;font-family: 'Open Sans', sans-serif;text-transform: uppercase;font-size: 12px;text-align: center;width: auto;float: left;}*/ #sobre > section > a{display:block;padding: 10px;border: 1px solid #e2e2e2;-webkit-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;font-family: 'Open Sans', sans-serif;text-transform: uppercase; text-align: center;color: #ffffff;cursor: pointer;background-color: #4db757;border: none;font-size: 15px; float: right;margin-bottom: 20px;} #sobre > section > a.link2{clear:both;} /*share */ a.share{font-size:12px; color:#424242; padding:8px 15px 8px 30px; background: url(/_img/tvcultura/icones/sprite-share.png) no-repeat 5px 5px; border: 1px solid #ebebeb; -webkit-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;float: left;} a.share:hover, a.share.active{color:#213f98;background-position: 5px -23px; border-color:#213f98;} /*.box-share > div{min-width:220px; z-index: 10;border-radius: 5px; left: 10px;padding: 11px 13px 5px 10px;position: absolute;bottom: 0;}*/ .box-share{position:relative;float: left;} .box-share > div{ min-width: 220px; z-index: 10; border-radius: 5px; left: 0px; padding: 8px 7px 5px 7px; position: absolute; background: #e1e1e1; clear: both; top: 34px;} .box-share > div > i{background: rgba(0, 0, 0, 0) url(/_img/tvcultura/sprite-seta-box-share.png) no-repeat scroll 0 0; left: 35px; position: absolute; top: -7px; width: 50px; z-index: 10;} .container-face{display: block; overflow: hidden; height: 23px; width: 135px; float:left; position: relative;} .container-twitter{display: block; overflow: hidden; height: 23px; width: 80px; float:left; position: relative;} .container-google{display: block; overflow: hidden; height: 23px; width: 30px; float:left; position: relative;} .load-share-gif{position: absolute; top: 2px; left: 50%; margin-left: -10px; z-index: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";filter: alpha(opacity=40);-moz-opacity: 0.4;-o-opacity: 0.4;-webkit-opacity: 0.4;opacity: 0.4; } #programas-box-info aside a.participe-tweet{background-color: #1b95e0;color: #fff; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h72v72H0z%22%2F%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%23fff%22%20d%3D%22M68.812%2015.14c-2.348%201.04-4.87%201.744-7.52%202.06%202.704-1.62%204.78-4.186%205.757-7.243-2.53%201.5-5.33%202.592-8.314%203.176C56.35%2010.59%2052.948%209%2049.182%209c-7.23%200-13.092%205.86-13.092%2013.093%200%201.026.118%202.02.338%202.98C25.543%2024.527%2015.9%2019.318%209.44%2011.396c-1.125%201.936-1.77%204.184-1.77%206.58%200%204.543%202.312%208.552%205.824%2010.9-2.146-.07-4.165-.658-5.93-1.64-.002.056-.002.11-.002.163%200%206.345%204.513%2011.638%2010.504%2012.84-1.1.298-2.256.457-3.45.457-.845%200-1.666-.078-2.464-.23%201.667%205.2%206.5%208.985%2012.23%209.09-4.482%203.51-10.13%205.605-16.26%205.605-1.055%200-2.096-.06-3.122-.184%205.794%203.717%2012.676%205.882%2020.067%205.882%2024.083%200%2037.25-19.95%2037.25-37.25%200-.565-.013-1.133-.038-1.693%202.558-1.847%204.778-4.15%206.532-6.774z%22%2F%3E%3C%2Fsvg%3E");background-repeat: no-repeat;font-weight: 500;font-size: 15px;padding: 7px 25px;border-radius: 3px;cursor: pointer;margin: 0px 10px;float: left;display: block;text-indent: 10px;} /*AO Vivo*/ #programas.ao-vivo #programas-box-info > aside > h1{color: #52B75B;text-transform: uppercase;font-size: 12px;margin-bottom: 0;} /*Vídeo programa Título editorias*/ #programas.video.jornalismo #programas-box-info > aside > h1{color:#213f99;} #programas.video.arte-e-cultura #programas-box-info > aside > h1{color:#118745;} #programas.video.infantil #programas-box-info > aside > h1{color:#D6A528;} #programas.video.educacao #programas-box-info > aside > h1{color:#BF5924;} /*playlist videos desk*/ #programas.video .playlist{width:30%;float:left;margin-left: 30px;} #programas.video .playlist > ul{max-height:432px;overflow:auto;} #programas.video .playlist ul > li{float:left;margin-bottom: 22px;width: 100%;} #programas.video .playlist > ul > li > a > div{width: 50%;float:left;padding: 0;} #programas.video .playlist h2{color:#e2e2e2;font-size:18px; line-height: 20px;background: url(/_img/tvcultura/icones/play-branco@2x.png) no-repeat 0 0;display: block;height: 30px;text-transform: uppercase;text-align: right;width: 180px;} #programas.video .playlist h3{color:#e2e2e2;font-size:12px; line-height:14px;} #programas.video .playlist h4{color:#fff;font-size:14px; line-height:18px;} #programas > main > section > section > section:nth-child(2){margin: 20px 0; border-top: 1px solid #e2e2e2;} section.programas{overflow: hidden;} .grade-box{margin: 0;float: left;width: 100%;background: #F9F9F9;} section.programas > section > div:nth-child(1) > h2 > a{color: #FFF;padding: 10px;display: block;line-height: 40px;} section.programas > div > h2{width: 68%;float: left;} /*Vídeo PROGRAMAS*/ #programas.video > main > section > article > p{float:right; width: 43%;text-align: right;font-size: 10px;font-family: 'Open Sans', sans-serif; } #programas.video > main > section > article > p span{font-family: 'Open Sans', sans-serif;font-size: 10px;} #programas.video > main > section > article > header{margin:0;} #programas.video > main > section > article > header > h1{text-transform: uppercase;font-size: 12px;line-height:16px;} #programas.video > main > section > article > header > h2{color:#606060;font-size:12px;text-transform:uppercase;} #programas.video > main > section > article > header > h3{color:#424242; font-size:16px;margin: 15px 0;} #programas.video > main > section > article > header > p{color:#606060; font-family: 'Open Sans', sans-serif; font-size:12px;line-height:16px;margin-bottom: 20px;} /* video Título editorias*/ #programas.video.jornalismo > main > section > article > header > h1{color:#213f99;} #programas.video.infantil > main > section > article > header > h1{color:#d7a60a;} #programas.video.educacao > main > section > article > header > h1{color:#e86c1f;} #programas.video.arte-e-cultura > main > section > article > header > h1{color:#00a651;} #programas.video .center-banner{margin: 0px 0 45px;} #programas.video .google-300x250{position: absolute;right: 30px;top: 35px;} /*GRADE*/ #grade > main > section > section > h2{font-size:12px; text-align:center;border:none;min-height: 30px;min-width: 1px;} #grade > main > section > section.programas > section:nth-child(2) > section.mais{display: block;} #grade > main > section > section.programas > section > section > div.icones >img{margin: 15px 0;width: auto;} #grade .grade-box a > img{max-height:181px;} #carrossel-grade{position:relative;overflow: hidden;width: 90%;margin: 0 auto;} #carrossel-grade ul{height: 45px;overflow: hidden;} #carrossel-grade ul > li{float:left;width: 120px;border-right: 2px solid #e2e2e2;} #carrossel-grade ul > li a{font-family: 'Open Sans', sans-serif;text-align: center;font-size: 20px;display: block;} #carrossel-grade ul > li a span{font-family: 'Open Sans', sans-serif;font-size:26px;} #carrossel-grade ul > li:hover a,#carrossel-grade > ul > li a.active{color:#213f99;font-weight: bold;} .wrapper-carrossel{position: relative;display: flex;width: 100%;} .wrapper-carrossel > a.prev{background: url(/_img/tvcultura/icones/seta-diteita-grade@2x.png) no-repeat center #FFF; display: block;width: 40px;height: 40px;position: absolute;top: 15%;left: 0;text-indent: -9999px;margin: 0;} .wrapper-carrossel > a.next{background: url(/_img/tvcultura/icones/seta-esquerda-grade@2x.png) no-repeat center #fff; display: block;width: 40px;height: 40px;position: absolute;top: 15%;text-indent: -9999px;right: 0;margin: 0;} /*TITULO EDITORIAS BOX*/ .grade-box.jornalismo > div.info-programa > h2 > a{color:#213f99;} .grade-box.arte-e-cultura > div.info-programa > h2 > a{color:#118745;} .grade-box.infantil > div.info-programa > h2 > a{color:#D6A528;} .grade-box.educacao > div.info-programa > h2 > a{color:#BF5924;} .grade-box > div.info-programa > p > a{color:#424242;font-family: 'Open Sans', sans-serif;font-size: 18px;font-weight: 600;text-transform: uppercase;max-width: 90%;display: block;} .grade-box > section{float:left;margin: 0;width: 49%;height: 100%;border-bottom: none;padding: 10px 26px 0;background: #f9f9f9;} .grade-box > section > div{float: left;overflow: hidden;margin-left: 20px;} .grade-box > section.mais h2{font-size:12px; color:#606060;line-height:16px;margin-bottom:10px;font-weight: 600;} .grade-box > section.mais p{font-size:12px; color:#606060;line-height:18px;font-family: 'Open Sans', sans-serif;overflow: auto;} .grade-box > section.mais div{font-size:12px; color:#606060;line-height:18px;font-family: 'Open Sans', sans-serif;overflow: auto;height: 55px;} .grade-box > section.mais a{border:1px solid #e2e2e2; color: #606060;-webkit-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;padding:10px 20px;float:left;margin: 10px 20px 10px 0;font-size: 12px;font-weight: 700;} .grade-box > section.mais a.live{background:#4db856; color:#fff;padding: 10px 40px;border:none;font-weight: 700;} .grade-box > div.info-programa{border-bottom: 1px solid #e2e2e2;float: left;width: 68%;padding: 10px 0 0 5px;} .grade-box h3 > a{float:left;font-size:18px;line-height: 30px;font-family: 'Open Sans', sans-serif;max-width: 85%;text-transform:uppercase;font-weight:700;} .grade-box h2 > a{font-size: 10px;color: #606060;text-transform:uppercase;font-weight: 700;line-height: 14px;display: block;margin: 5px 0;} .grade-box > div:nth-child(1){background: #424242;height: 60px;float: left;width: 30%;border-bottom: 1px solid #c5c5c5;position: relative;} .grade-box{border-top: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;background: #f9f9f9;} /** LIVES BOX **/ .lives-box{width: 96%;float: left;margin: 2%; background: #f9f9f9;border: 1px solid #e2e2e2;} .lives-image-box {width: 100%; float: left;} .lives-image-box img{width: 100%; float: left;padding: 0;margin:0;} .lives-image-box time{background: #424242; width: 94%; float: left;padding: 2% 3% 2% 3%;margin:0;color: #fff; font-weight: 700;line-height: 26px;text-align: left;display: block;font-size: 22px;} .lives-box > .lives-text-box{width: 96%; padding:2%; float: left;color: #606060; font-size: 12px;line-height: 17px} .lives-box > .lives-text-box h2{font-weight: bold; margin: 5px 0 5px 0; font-size: 18px} .lives-box > .lives-text-box a{font-weight: bold; color: black;} /*acontece geral */ #acontece .grade-box > div.info-programa > p{float: right; font-size: 11px; width: 100%; margin: 3px 0; font-weight: bold;} #acontece #programas-box-info > aside > img{right: 0;position: absolute;bottom: 0;margin-bottom: 50px;margin-right: 100px;left: inherit;} .jornalismo #programas-box-info > aside > h1{} .arte-e-cultura #programas-box-info > aside > h1{color:#118745;} .infantil #programas-box-info > aside > h1{color:#D6A528;} .educacao #programas-box-info > aside > h1{color:#BF5924;} #acontece #programas-box-info > aside > h2{text-transform: unset; margin-bottom: 5px;} #acontece #programas-box-info > aside > p {font-size: 16px;} #acontece > main > section > section.programas{width:100%;max-width:1172px;margin-bottom: 20px} #acontece .conteudo-asset, #acontece .conteudo-asset p, #acontece .conteudo-asset article div{font-size: 16px;line-height: 24px;color: #606060;margin-top: 0px;} #acontece .conteudo-asset p {margin-top: 15px} #acontece #programas-box-info > aside {border-top: none;background: #fff; border-bottom: none} #acontece #programas-box-info{background: #fff;} #acontece > main > section > section.programas > div > figure {margin-top: 0;} #acontece .jornalismo > h1{color:#213f99;} #acontece .conteudo-asset iframe {margin: 10px 0 0 0} #acontece .arte-e-cultura > h1{color:#118745;} #acontece .infantil > h1{color:#D6A528;} #acontece .educacao > h1{color:#BF5924;} #acontece footer > a{float: left; width: 100%; display: block; margin: 9px 0; font-weight: bold; color: #50bc58;} #acontece > main > section > section.programas > div > figure > figcaption{position: absolute;width: 100%;margin: 0;bottom: 6px;} #acontece .programas .center-banner{clear:both; margin:20px;} #acontece .programas .conteudo-asset a{font-weight: 700; text-decoration: underline;} /*galeria*/ #galleria > div > div.galleria-thumbnails-container > div.galleria-thumbnails-list > div{margin-top: 0;} #galleria > div > div.galleria-info{bottom: 60px;top: inherit;left: inherit;right: 0;} .galleria-theme-classic .galleria-info-text{opacity: 0.7;} #galleria > div{max-width: 750px;margin: 0 auto;} .pagination{text-align: center;} .pagination > ul > li{display: inline-block;height: 30px;} .pagination > ul > li a{border-radius: 20px;padding: 5px 12px;} .pagination > ul > li a.active, .pagination > ul > li a:hover{color: #fff;background-color: green;} /*acervo*/ #acervo > main > section > article{position: relative;} #acervo > main > section > article > h2{font-weight:700;text-transform:uppercase;color:#424242;line-height:30px;margin:0;border:none;max-width: 700px;} #acervo > main > section > article > p{color:#606060;font-family: 'PT Sans', sans-serif;margin: 20px 0;font-size: 14px;line-height: 20px;max-width: 700px;} #acervo > main > section > article > img{position: absolute;} #acervo > main > section > article > img:nth-child(2) {right: 0;bottom: 0;margin-bottom: 0;left: inherit;top: 0;} #acervo > main > section > article > img:nth-child(3){right: 176px;bottom: 0;left: inherit;top: 20px;} #acervo > main > section > article > form{background: #f9f9f9; border: 1px solid #eee;overflow: hidden;padding: 40px;margin-top: 50px;} #acervo > main > section > article > form > div label{width: 100%;display: block;margin-bottom: 20px;text-transform: uppercase;font-weight: 600;color: #424242;} #acervo > main > section > article > form > div:nth-child(1){width: 100%;max-width: 60%;float: left;min-width: 320px;} #acervo > main > section > article > form > div:nth-child(1) > input[type="text"]{width: 65%;max-width: 600px;padding: 9px;font-size: 14px;margin: 0;display: block;float: left;-webkit-appearance: none;-moz-appearance: none;appearance: none;border: 1px solid #e2e2e2;} #acervo > main > section > article > form > div:nth-child(1) > button{color: #fff;-webkit-appearance: none;-moz-appearance: none;appearance: none;border: 0;background: #48ba51;padding: 10px 20px;font-size: 14px;text-transform: uppercase;margin: 0;display: block;float: left;} #acervo > main > section > article > form > div:nth-child(2){float: right;width: 100%;max-width: 30%;min-width: 290px;} #acervo > main > section > article > form > div:nth-child(2) > select{-webkit-appearance: none;-moz-appearance: none;appearance: none;background: url(/_img/tvcultura/icones/seta-cinza.png) no-repeat center #fff;padding: 10px;border-radius: 0;width: 100%;background-position-x: 95%; border-color: #e2e2e2;} #acervo > main > section > h2{color: #154477; text-transform: uppercase;font-size: 20px;font-weight: 700; margin: 40px 0;} #acervo > main > section > table{display: block;max-width: 100%} #acervo > main > section > table > tbody{display: block;max-width: 100%} #acervo > main > section > table > tbody > tr{border-bottom: 1px solid #eee;padding: 20px 0px;display: block;max-width: 100%} #acervo > main > section > table > tbody > tr > td{margin-right: 20px;text-align: left;padding: 20px 0;padding-right: 40px;font-size: 14px;line-height: 18px;color:#606060;vertical-align: middle;} #acervo > main > section > table > tbody > tr:nth-child(1) > td{font-size: 14px;font-weight: 600;color:#424242;} #acervo > main > section > table > tbody > tr:hover > td a{color: #48BA51; cursor: pointer;} #acervo > main > section > table > tbody > tr > td a:nth-child(2){text-align: center;} #acervo > main > section > table > tbody > tr > td a:nth-child(6){padding-right: 0; text-align: center;} /*conteudo tabela*/ #acervo > main > section > table > tbody > tr > td:nth-child(1){width: 100px;} #acervo > main > section > table > tbody > tr > td:nth-child(2){width: 70px;padding: 20px;text-align: center;} #acervo > main > section > table > tbody > tr > td:nth-child(3){width: 90px;text-align: center;padding: 20px;} #acervo > main > section > table > tbody > tr > td:nth-child(4){width: 570px;max-width: 100%;padding: 20px; word-break: break-word;} #acervo > main > section > table > tbody > tr > td:nth-child(5){width: 100px;text-align: left;padding: 20px;} #acervo > main > section > table > tbody > tr > td:nth-child(6){padding-right: 0;text-align: center;width: 100px;} #acervo > main > section > small{padding: 40px 0;display: block;color: #424242 ; font-size: 12px;line-height: 18px; font-weight: 600;} #acervo > main > section > section{width: 100%;margin: 80px auto;max-width: 600px;padding: 40px;border: 1px solid #eee;} #acervo > main > section > section > a{position: absolute;right: 0;top: 0;margin: 20px;font-size: 20px;font-weight: 700;z-index: 999;} #acervo > main > section > section > h2{font-size: 20px;font-weight: 600;text-align: center;margin-bottom: 20px;} #acervo > main > section > section > p{font-size: 14px;text-transform: uppercase;color: #424242;line-height: 20px;} #acervo > main > section > section > form{padding: 20px 0;} #acervo > main > section > section > form input{width: 100%;margin: 5px 0;padding: 5px 10px;} #acervo > main > section > section > form button{color: #fff;-webkit-appearance: none;-moz-appearance: none;appearance: none;border: 0;background: #48ba51;padding: 10px 20px;font-size: 14px;text-transform: uppercase;margin: 20px auto;display: block;} /*acontece btn*/ #acontece .btn-green { width: 215px; margin-top: 20px; text-align: center; color: #ffffff; cursor: pointer; background-color: #4db757; border: none; -webkit-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; display: block; float: left; font-size: 16px; margin: 0 auto; padding: 8px 15px;} #btn-live-menu{display: none;} #home .center-banner:first-child, #programas .center-banner:first-child, #acontece .center-banner:first-child, #grade .center-banner:first-child, #aovivo .center-banner:first-child {margin: 20px 0 20px 0;text-align: center;} .webstories{width: 48%; float: left;margin-bottom: 20px } .webstories.odd{ margin-left: 4%} .webstories h5{margin-top:10px;color: black;font-weight: bold;font-size: 16px;} /*quadro de medalhas*/ #board-medals {background: #fff; width: 100%; color: #333; font-size: 115%; margin: 10px 0 20px 0} #board-medals tr{border-bottom: 1px solid #ddd} #board-medals tr:hover{opacity:0.94;-webkit-filter:brightness(105%) contrast(105%);filter:brightness(105%) contrast(105%);} #board-medals thead{border-bottom: 2px solid #bbb;background: white;font-weight: bold} #board-medals td{text-align: center;padding: 10px 5px;vertical-align: middle;} #board-medals td.country{text-align: left;vertical-align: middle;} #board-medals td.total{font-weight: bold;color: #555} #board-medals .icon-medal{width: 29px;height: 50px} #board-medals .country-info{vertical-align: middle;display: flex;} #board-medals .country-info span{line-height: 20px} #board-medals .country-info img { width: 33px;height: 22px; margin-right: 10px;border-radius: 3px} #board-medals .country-info .name-country-l{display: none;} #board-medals .bra-highlight{background: radial-gradient(#ffeb3b, #4caf50);font-weight: bold} #board-medals .bra-highlight{background: radial-gradient(#fffde7, #c8f1c8);border:none} /*DESKTOP*/ @media (min-width: 801px) { main{margin:0 auto;} #home > main > section.destaques > div.google{width: 90%;max-width:1172px; margin: 20px auto;} #busca > main > section > section > div > article > a > div:nth-child(3){width: 65%;} #busca > main > section > section > div > article > a > div > img{width: 30%;} /*menu top fpa ao vivo*/ main > header{margin:0;overflow: hidden;border: 1px solid #e2e2e2;} main > header > div.top-menu{background:#606060;overflow: hidden;} main > header > div.top-menu > nav{margin:0 auto;padding: 0;height: 35px;width: 100%;max-width: 1172px;} main > header > div.top-menu > nav a{color:#fff;font-size: 12px;text-transform:uppercase;padding: 12px;} main > header > div.top-menu > nav a:nth-child(1){float:left;background: url(/_img/tvcultura/icones/seta_menu.png) no-repeat center right;width: 175px;} main > header > div.top-menu > nav a:nth-child(2){float:right;background: url(/_img/tvcultura/icones/play-branco.png) no-repeat center left;width: 60px;text-align: center;} #link-radio-fm{position: absolute; color:white; margin-left: 20px; width: 160px; font-size: 12px; background:none;} #link-radio-am{position: absolute; color:white; width: 160px; font-size: 12px;background:none; margin-left: 150px} #link-tv-rtbplay{position: absolute; color:white; width: 180px; font-size: 12px;background:none; margin-left: 300px} #fpa-menu{background:#707070;overflow: hidden;display: none;} #fpa-menu > section{float:left;} #fpa-menu > section:nth-child(1){width:30%;margin-left: 10%;margin-right: 80px;} #fpa-menu > section:nth-child(1) > h2{color:#fff;font-size:14px;margin:10px 0;} #fpa-menu > section:nth-child(1) > h2 a{color:#fff;} #fpa-menu > section:nth-child(1) > p{font-size:12px; color:#e2e2e2;font-family: 'Open Sans', sans-serif;line-height:16px;margin: 10px 0 20px;} #fpa-menu > nav{float:left;width: 17%;} #fpa-menu > nav a{display: block;font-size: 14px; color:#e2e2e2;font-family: 'Open Sans', sans-serif;line-height: 18px;margin: 10px;} #fpa-menu > section{width:15%;} #fpa-menu > section > h2{color:#fff;font-size: 14px;margin: 10px;} #fpa-menu > section > nav{margin:0;} #fpa-menu > section > nav > a{display:block;font-size:14px; color:#e2e2e2;font-family: 'Open Sans', sans-serif;margin: 10px;line-height:18px;} #fpa-menu > button{border:none;background:url(/_img/tvcultura/icones/fechar-claro.png) no-repeat;text-indent:-9999px;width: 30px;height: 30px;} #menu-ao-vivo{margin: 0 auto;background:#707070;overflow:hidden;height: 110px;display: none;} #menu-ao-vivo > a{float:left; color:#e2e2e2;text-transform:uppercase;padding: 45px 20px;background: url(/_img/tvcultura/icones/play.png) no-repeat center left;display: block;} #menu-ao-vivo > a:nth-child(1){margin-left: 20%;} #menu-ao-vivo > button{border:none;background: url(/_img/tvcultura/icones/fechar-claro.png) no-repeat center;text-indent:-9999px;width:20px;margin: 45px 20px;} /*menu geral*/ main > header > section{width: 1172px; margin: 0 auto;max-width: 98%;overflow: hidden;height: 90px;} main > header > .menu-principal-tv > span.menu,body > main > header > .menu-principal-tv > span.busca,body > main > header > .menu-principal-tv > nav.menu > h2, body > main > header > .menu-principal-tv > nav.menu > button{display:none;} main > header > .menu-principal-tv > h1{background: url(/_img/tvcultura/icones/logo.png) no-repeat center; display: block; /* margin-left: 100px; */text-align: center;float: left;width: 100px;height: 100%;margin-right: 50px;} main > header > .menu-principal-tv > h1 > a{ text-indent:-9999px; display: block;height: 100%;} main > header > .menu-principal-tv > nav.menu{ width: 59%;float: left;margin: 0;} main > header > .menu-principal-tv > nav.menu > a{padding: 34px 5px;text-transform: uppercase;font-size: 14px;line-height: 18px;display: block;float: left;margin: 0 20px;border-bottom: 5px solid transparent;font-weight: 700;} main > header > .menu-principal-tv > nav.menu > a:hover{color:#213f99;border-bottom: 5px solid #213f99;} main > header > .menu-principal-tv > form{background: #fff;float: right;width: 25%;margin: 25px 0;position: relative;max-width: 400px;} main > header > .menu-principal-tv > form > button[type="submit"]{background: url(/_img/tvcultura/icones/busca-azul.png) no-repeat center;position: absolute;right: 5px;top: 5px;border: none;text-indent: -9999px;width: 35px;height: 35px;} main > header > .menu-principal-tv > form > input[type="search"]{font-size: 14px;width: 100%;float: left;padding: 10px 0 12px 15px;border: 1px solid #e2e2e2;} main > header > .menu-principal-tv > form > button.fechar{display: none;} main > section.destaques figure > figcaption > small {width:100%; padding-left: 10px;} /* home miolo destaques*/ .destaques{overflow: hidden;background: #f9f9f9;padding-bottom: 30px;border-bottom:1px solid #e2e2e2; margin-bottom: 30px;position: relative;margin-top: 0;padding-top: 0px;} .destaques ul{max-width: 1176px;margin: 0 auto;overflow: hidden;width: 100%;display: block;} .content{width: 100%;margin: 0 auto;overflow: hidden;max-width: 1172px;} #carrossel-home{ margin: 0 auto;width: 100%;max-width: 1176px;} #carrossel-home > ul {left:0;} #carrossel-home > ul > li:nth-child(1) > figure > a, #carrossel-home > ul > li:nth-child(2) > figure > a{overflow: hidden; display: block;} #carrossel-home > ul > li:nth-child(3) > figure > a, #carrossel-home > ul > li:nth-child(4) > figure > a, #carrossel-home > ul > li:nth-child(5) > figure > a{overflow: hidden; display: block; height:216px;} #carrossel-home > ul > li > figure > a > img{width: 100%;max-height: 320px;height: 100%; max-width: 568px; min-width: 367px; position: relative;} #home .ultimas > section > a{max-height: 208px; display: block; overflow: hidden; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.01) 1%, rgba(0,0,0,0.69) 77%, rgba(0,0,0,0.69) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,0.69) 77%,rgba(0,0,0,0.69) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,0.69) 77%,rgba(0,0,0,0.69) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b0000000',GradientType=0 );} #home > main > section.content > div:nth-child(1){width: 68.5%;float:left;} #home > main > section.content > div:nth-child(1) > h2{display:none;} #home > main > section.content > div:nth-child(1) > article{width: 46.5%;float:left;min-height: 106px;margin: 10px 30px 10px 0px;max-width: 370px;} /*#home > main > section.content > div:nth-child(1) > article > section{position:relative;padding-bottom: 20px;margin-top: 0;min-height: 40px;max-height: 308px;margin-bottom: 0;}*/ #home > main > section.content > div:nth-child(1) > article > section{position:relative;padding-bottom: 20px;margin-top: 0;min-height: 40px;/*max-height: 208px;*/margin-bottom: 0;overflow: hidden;} #home > main > section.content > div:nth-child(1) > article.jornalismo > section:nth-child(2), #home > main > section.content > div:nth-child(1) > article.arte-e-cultura > section:nth-child(2), #home > main > section.content > div:nth-child(1) > article.infantil > section, #home > main > section.content > div:nth-child(1) > article.educacao > section{border-bottom:none;padding-bottom:0;margin-bottom: 0; height: 267px;} /*#home > main > section.content > div:nth-child(1) > article > section > section{position: absolute;bottom: 0;margin: 0;padding: 10px;color: #e2e2e2;font-size: 14px;width: 95%;background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.01) 1%, rgba(0,0,0,0.69) 77%, rgba(0,0,0,0.69) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,0.69) 77%,rgba(0,0,0,0.69) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,0.69) 77%,rgba(0,0,0,0.69) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b0000000',GradientType=0 );}*/ #home > main > section.content > div:nth-child(1) > article > section:nth-child(2) > section{border-bottom: 1px solid #e2e2e2; padding-bottom: 20px;} #home > main > section.content > div:nth-child(1) > article > section > section{position: absolute;bottom: 0;margin: 0;padding: 10px;color: #e2e2e2;font-size: 14px;width: 95%;} #home > main > section.content > div:nth-child(1) > article > section:nth-child(3) > section, #home > main > section.content > div:nth-child(1) > article > section:nth-child(4) > section{background:none;bottom:10px;} #home > main > section.content > div:nth-child(1) > article > section:nth-child(3) > a > img, #home > main > section.content > div:nth-child(1) > article > section:nth-child(4) > a > img{display:none;} #home > main > section.content > div:nth-child(1) > article.jornalismo > section > section:nth-child(4) > p > a, #home > main > section.content > div:nth-child(1) > article.arte-e-cultura > section > section:nth-child(4) > p > a{color:#606060;} #home > main > section.content > div:nth-child(1) > article > section > section > a{float:left;} #home > main > section.content > div:nth-child(1) > article > section > section > p > a{width:90%;float:left; margin-left:10px;font-weight: 700; line-height: 17px; position: absolute;} #home > main > section.content > div:nth-child(1) > article > section > section > small > a{float:left;margin:10px 20px;;color:#fff;} .google-300x250{width:320px; margin:12px; float: left; min-height: 307px;} .google-300x600{width:320px; margin:30px 12px; float: left;} .ao-vivo #programas-box-info > aside > div.google-300x250{position: absolute;top: 30px;right: 0;} /*#carrossel-home > ul > li.d1 > figure > figcaption{background: #424242;}*/ /*home destaques sem imagens cor escura*/ #home > main > section.content > div:nth-child(1) > article.jornalismo > section:nth-child(3) > section > p > a, #home > main > section.content > div:nth-child(1) > article.jornalismo > section:nth-child(4) > section > p > a, #home > main > section.content > div:nth-child(1) > article.arte-e-cultura > section:nth-child(3) > section > p > a, #home > main > section.content > div:nth-child(1) > article.arte-e-cultura > section:nth-child(4) > section > p > a, #home > main > section.content > div:nth-child(1) > article.jornalismo > section:nth-child(3) > section > small > a, #home > main > section.content > div:nth-child(1) > article.jornalismo > section:nth-child(4) > section > small > a, #home > main > section.content > div:nth-child(1) > article.arte-e-cultura > section:nth-child(3) > section > small > a, #home > main > section.content > div:nth-child(1) > article.arte-e-cultura > section:nth-child(4) > section > small > a{color:#606060;} #home > main > section.content > div:nth-child(2){width: 31%;float:left;} #home > main > section.content > div:nth-child(2) > nav.agora{margin:0;} main > section.content > div > h2, section.content > section > h2{width:100%;color:#424242;border-bottom: 5px solid #e2e2e2;padding: 10px 0;text-transform: uppercase;font-size:20px;float: left;width: 100%;margin-bottom: 20px;} main > section.content > div > nav.agora h2 {font-size:26px;} main > section.content > div > nav.agora h2 a{font-size:26px; float:right;} nav.redes > h3{width: 30%;text-align: center;} /*google 300x250*/ .google-300x250 > a > img{background: #f9f9f9;padding: 10px;} /*home box programas*/ #home > main > section.content > section > article{width: 23%;float: left;height: 300px;margin: 10px;border: none;padding-bottom: 0;} #home > main > section.content > section > article > div{padding: 10px 0;} #home > main > section.destaques > div > ul > li.d1, #home > main > section.destaques > div > ul > li.d2{max-width: 568px;float: left;margin: 10px;width: 48.5%;overflow: hidden;height: 320px;} #home > main > section.destaques > div > ul > li:nth-child(2){margin-right:0;margin-left:15px;margin-bottom: 0} #home > main > section.destaques > div > ul > li:nth-child(1){margin-left:0;margin-right: 25px;margin-bottom: 0} #home > main > section.destaques > div > ul > li > figure{position: relative;margin: 0;height: 100%;} #home > main > section.destaques> div > ul > li.d3, #home > main > section.destaques> div > ul > li.d4, #home > main > section.destaques> div > ul > li.d5{width: 32.3%;margin-top: 30px;margin-right: 15px;max-width: 370px;height: 100%;max-height: 208px;} #home > main > section.destaques> div > ul > li.d3{margin-left:0;margin-right:15px;} #home > main > section.destaques> div > ul > li.d4{margin: 30px 18px 0 18px;} #home > main > section.destaques> div > ul > li.d5{margin-right:0;margin-left:15px} /*pag grade*/ #grade > main > section > section:nth-child(2) > h2{width:auto;font-size:24px; font-weight:600;} #grade > main > section > nav{background: transparent;position: absolute;top: 0;right: 20px;/* display: none; */color: #424242;} #grade > main > section > nav > ul > li{float:left;border: none;color: #fff;line-height: 26px;} #grade > main > section > h1{font-size: 26px;width: 100%;margin: 0 auto;padding-left: 0;max-width: 1172px;} #grade > main > section > nav > ul > li > a{color: #424242;background:none;text-transform:uppercase;} #grade > main > section > nav > ul > li.active > ul{display: none;} #grade > main > section > section.programas > section > div:nth-child(1) > h2{} #grade > main > section > section.programas{width: 100%;margin:0 auto;max-width: 1172px;} #grade > main > section > section:nth-child(2){width: 95%;margin: 30px auto;overflow: hidden;max-width: 1172px;} .grade-box > section > section > p{max-height: 75px;overflow: auto;} /*Box - usado em home, ao vivo e Vídeos*/ .grade-box{position: relative;border: 1px solid #e2e2e2;width: 99%;height: 100%;margin-bottom: 20px;} .grade-box > div.info-programa{width: 65%;background: #f9f9f9;border-bottom: none;right: 0;margin: 16px 21px 0;max-height: 94px;max-width: 770px;} .grade-box > section{max-height: 125px;} .grade-box > div:nth-child(1){border: none;width: 100%;max-width: 331px;min-height: 240px;} .grade-box > div:nth-child(1) > a > time{font-size: 26px;line-height: 49px;text-align: right;color: #fff;font-weight: 700;display: block;background: #424242;position: relative;width: 90%;padding-right: 10%;margin-top: 7px; text-transform: lowercase;} .grade-box .icones{float: left;margin-left: 20px;position: relative;margin-top: 6px;} .grade-box > section > section{float:left;width:100%;margin: 0;} .grade-box > section > section > a{margin:20px;} .grade-box > div.info-programa > a{display: none;} #acontece > main > section > section.programas > div > nav{position:absolute;width:50px;} #acontece > main > section > section.programas > div > nav > h3{display:none;} /** LIVES BOX **/ .lives-box{width: 99%;margin: 0%;margin-bottom: 20px} .lives-image-box {width: 30%;} .lives-image-box time{text-align: right;} .lives-box > .lives-text-box{width: 65%; padding:2%; color: #606060; font-size: 12px;} .lives-box > .lives-text-box h2{font-weight: bold; margin: 10px 0 10px 0; font-size: 18px} /*programas e ao vivo*/ #programas > main > section.content > div.google{width: 90%;margin: 20px auto;max-width: 1172px;} #programas.ao-vivo > main > section, #programas.video > main > section{ margin:0 auto;width: 100%;max-width: none;} #programas > main > section.destaques{display:none;} #programas .content div.player{background:#424242;overflow: hidden;padding: 30px 0;} #programas.video > main > section > div:nth-child(1){background: #424242;} #programas.video section.player iframe{max-width: 770px; float:left;display:block;height: 432px;width: 66%;} #programas > main > section > div:nth-child(1) > section{width: 100%;margin:0 auto;max-width:1172px;overflow: hidden;} #programas > main > section > div:nth-child(1) > section.player{padding:30px 0;} #programas > main > article#info-programa{width: 100%;margin:0 auto;overflow: hidden;max-width: 1172px;} #programas > main > article > figure{width: 66%;float:right;max-width: 770px;} #programas > main > article > section{float: left;width: 34%;max-width: 500px;} #programas > main > section > nav > h2{display:none;} #programas > main > section > nav, #programas > main > section > nav > ul{display:block;border-bottom: 1px solid #e2e2e2;background: none;border: none;overflow: hidden;margin: 0;} #programas > main > section.content > nav > ul > li.active > ul{display:none;} #programas > main > section > nav > ul > li{float:left;border: none;text-transform: uppercase;margin: 0 6%;padding: 20px 0;} #programas > main > section > nav > ul > li > a{background:none;font-weight:600;color: #e2e2e2;font-size: 24px;} #programas.ao-vivo > main > section > div > iframe{width:60%;margin:0 auto;display:block;height:432px;min-height:370px;max-width:770px;} #programas > main > section.content > nav > ul > li.jornalismo:hover, #programas > main > section.content > nav > ul > li.active.jornalismo > a{color:#213f99;} #programas > main > section.content > nav > ul > li.arte-e-cultura:hover > a, #programas > main > section.content > nav > ul > li.active.arte-e-cultura > a{color:#118745;} #programas > main > section.content > nav > ul > li.infantil:hover > a, #programas > main > section.content > nav > ul > li.active.infantil > a{color:#D6A528;} #programas > main > section.content > nav > ul > li.educacao:hover > a, #programas > main > section.content > nav > ul > li.active.educacao > a{color:#BF5924;} #programas > main > section.content > section:nth-child(2) > nav > ul > li > ul > li > article{margin: 10px;width: 270px;float: left;margin-top: 40px;height: 250px;max-width: 310px;min-height: 200px;padding: 0;} #programas > main > section > section > article{margin: 10px;width: 270px;float: left;margin-top: 40px;height: 220px;max-width: 310px;min-height: 200px;padding: 0;padding-bottom: 20px;} #programas > main > section > section.programas.acontece > article{width:252px;margin-left: 20px;margin-right: 20px;} #programas > main > section > section.programas.acontece > article:nth-child(3n+1){margin-left: 0;margin-right: 0;} #programas > main > section > section.programas.acontece > article:nth-child(3n-1){margin-left: 0;margin-right: 0;} #programas > main > section > section.programas.acontece > article > a > img{height:143px;} #programas > main > section.content > section.programas > article > div{width: 100%;} #programas > main > section.content > section.programas > article > a > img{width:270px;height:150px;display:block;} #programas.video > main > section > section.programas > article > div > h2 > a{font-weight:600;font-size:14px;color:#424242;display: block;margin:5px 0;} #programas > main > section > section.programas > article > div > h3{font-size:12px;color:#606060;font-weight:600;line-height:18px;margin-top: 5px;} #programas > main > section > section > button{} #programas > main > section.content > section:nth-child(5) > button{margin: 0 auto;width: 90%;display: block;float: none;} #programas.infantil > main > section > section.programas{position: static;} #programas > main > section > section.programas, #programas-box-info > aside{padding:20px 0 20px 0; width: 100%;max-width: 1172px;margin: 0 auto;overflow: hidden;z-index: 9; position: relative;} /*#programas-box-info > aside{min-height: 201px;}*/ #programas-box-info > aside > h1{font-size:18px;line-height: 30px;} #programas-box-info > aside > h2{font-size:26px;} #programas-box-info{margin:0;background:#f9f9f9;} #programas.interna.infantil > main > section > section.programas{ padding-top:60px;float: left;width: auto;} #programas.interna.infantil > main > section > section.programas{min-width:80%;width: 100%;} #programas > main > section > section > ul{} #programas > main > section > section > ul li{width: 23%;float:left;margin: 10px 15px;height: 220px;margin-bottom: 20px;overflow: hidden;padding-bottom: 20px;border-bottom: 1px solid #E2E2E2;} #programas > main > section > section > ul li:nth-child(4n-7){margin-left:0;margin-right: 15px;} #programas > main > section > section > ul li:nth-child(4n+4){margin-right:0;} #programas > main > section > section > ul li a, #programas > main > section > section > ul li img{display:block;} #programas > main > section > section > ul li h2{font-weight:700;text-transform:uppercase;line-height:20px;margin: 20px 0;font-size: 14px;} #programas.video > main > section > section.programas.relacionados{ padding-top:60px;width: auto;} #programas > main > section > aside{float:right;padding-top: 60px;margin: 0;width:345px;overflow: hidden;} #programas > main > section > aside > h2{width:100%;color: #606060;padding: 10px 0;text-transform: uppercase;font-size:20px;float: left;font-weight: 700;margin-bottom: 10px;} #programas > main > section > aside > ul{background:#f9f9f9;border:1px solid #e2e2e2;float:left;max-height: 392px;overflow: hidden;} #programas > main > section > aside > ul li{width: 100%;float:left;} #programas > main > section > aside > ul li div{overflow: hidden;padding: 20px 20px 0 20px;} #programas > main > section > aside > ul li div a{border-bottom: 1px solid #e2e2e2;display: block;overflow: hidden;padding-bottom: 20px;} #programas > main > section > aside > ul li div a img{display:block;max-width: 130px;float: left;margin-right: 10px;height: 90px;} #programas > main > section > aside > ul > li > div > a > p{font-size:12px;color:#424242;font-weight:600;line-height:16px;} #programas > main > section > aside > ul > li > div > a > h2{font-size:16px;font-weight:700;line-height:20px;} /*publicidade*/ #programas > main > section > section > div.publicidade{background:#f9f9f9;width: 100%;overflow: hidden;padding:20px 0;} #programas > main > section > section > div > a > img{margin:0 auto; width:729px;display:block;} /*interna programas*/ #programas.interna #info-programa > header{display:none;} #programas.interna #info-programa > section > h2{display:none} #info-programa section nav{float: left;} #info-programa > section > nav{display:none;} #sobre > section > p{font-size:14px;line-height:18px;margin: 20px 0;} #programas.interna > main > section > nav{background:#f9f9f9;border:1px solid #e2e2e2;} #programas.interna > main > section > nav > ul{width:100%; max-width:1172px; margin:0 auto;} #programas.interna.jornalismo > main > section > nav > ul > li a{color: #213F99;font-size:18px;padding: 20px 0;} #programas.interna .programas button{display:block;} /*programas lista editorias*/ .programas.lista > span.jornalismo{left: 3%;} .programas.lista > span.arte-e-cultura{left: 21%;} .programas.lista > span.infantil{left: 44%;} .programas.lista > span.educacao{left: 62%;} .programas.lista > span.exclusivosweb{left: 81%;} .programas.lista > span.jornalismo a:hover, .programas.lista > span.jornalismo.active a{color:#213f99;} .programas.lista > span.arte-e-cultura a:hover, .programas.lista > span.arte-e-cultura.active a{color:#118745;} .programas.lista > span.infantil a:hover, .programas.lista > span.infantil.active a{color:#D6A528;} .programas.lista > span.educacao a:hover, .programas.lista > span.educacao.active a{color:#BF5924;} .programas.lista > span.exclusivosweb a:hover, .programas.lista > span.exclusivosweb.active a{color:#227f83;} .programas.lista > span{font-size: 20px;position: absolute;top: 30px;text-transform: uppercase;} /*acontece*/ #acontece #programas-box-info > aside > h1{font-size:14px;} #acontece.listagem > main > section.content{max-width:1172px;} #acontece.listagem > main > section > section{max-width:1172px;margin:0 auto;} #acontece.listagem .grade-box a {display: block;max-height: 100%;overflow: hidden;} #acontece main > section.content{margin: 0 auto;width: 100%;max-width: none;} #acontece > main > section > h1{width:1172px; margin:0 auto 40px;} #acontece .grade-box h3 a{text-transform:none;display: block;} #acontece .grade-box div.info-programa > h3 a{width: 100%;max-width: none;line-height: 25px;} #acontece .grade-box > div:nth-child(1){border: none;width: 331px;min-height: 222px;} #acontece div.conteudo-asset{width: 70%;float: left;margin-right: 40px;max-width: 768px;} #acontece > main > section > section.programas > div > figure{position:relative;} #acontece > main > section > section.programas > div > figure > figcaption > cite{position:absolute;bottom: 0;right:0;background: #424242;padding:5px;font-size:12px;color: #fff;} #acontece > main > section > section.programas > div > figure > figcaption > small{color: #4BB458;bottom: -20px;position: absolute;} #acontece > main > section > section.programas{margin: 0px auto;} #acontece > main > section > section.programas > div > img{margin-bottom: 40px;} #acontece > main > section > section.programas > div > p{margin-left:70px;} #acontece nav.redes{width: 50px;margin-top: 600px;position: absolute;} #acontece > main > section > section.programas > div > p{font-size:14px;line-height: 22px;color:#606060;width:90%;} #acontece > main .programas > aside{width: 321px; float:right;} #programas.interna > main > section > section.programas.acontece{width: 800px;margin-right: 25px;} /*footer*/ main > footer{background: #f9f9f9;margin: 0;border-top: 1px solid #e2e2e2;float: left;width: 100%;} main > footer > section{width:80%; margin: 0 auto;max-width: 1172px;} main > footer nav{width: auto;display: inline-table;margin: 3% 8% 3% 5%;} main > footer > section > nav:nth-child(1){margin-right: 14%;margin-left: 0;} main > footer a {color: #606060;font-size: 14px;font-family: 'Open Sans', sans-serif;display: block;margin-bottom: 15px;} main > footer h2 {color: #27778a;font-size: 14px;margin-bottom: 15px;text-transform: uppercase;font-weight: 700;} main > footer h2 a{color: #27778a;} main > footer small{background: #606060; color: #fff; font-size: 12px; display: block;padding: 20px;text-align: center;} @media screen and (max-width: 1176px){ #carrossel-home > ul {height: 200px!important; width:2000px!important; max-width: 2000px; margin-top:40px;} #carrossel-home > ul > li > figure > figcaption{bottom:0px;} #carrossel-home > ul > li > figure > a{max-height: 190px; display: block;} #home > main > section.destaques> div > ul > li:nth-child(n+1){margin:0;height: 210px;} #home > main > section.destaques> div > ul > li > figure{height: 190px;} #carrossel-home > ul > li > figure > a > img{width: 100%; max-height: 190px; height: 100%; min-width: 367px; position: relative;} } @media screen and (min-width: 1175px){ #home > main > section.destaques> div > ul > li.d3, #home > main > section.destaques> div > ul > li.d4, #home > main > section.destaques> div > ul > li.d5{width: 32.3%;margin-top: 30px;margin-right: 15px;max-width: 370px;height: 100%;max-height: 208px;} #carrossel-home > ul > li:nth-child(n+3) > figure > figcaption > p a{font-size:14px!important;} #home > main > section.destaques> div > ul > li > figure > figcaption > p > a{color: #fff;float:left;width:100%; font-weight: 700; line-height: 20px; padding-left: 10px;font-size: 18px;} #home > main > section.destaques> div > ul > li.d3{margin-left:0;margin-right:15px;} #home > main > section.destaques> div > ul > li.d4{margin: 30px 18px 0 18px;} #home > main > section.destaques> div > ul > li.d5{margin-right:0;margin-left:15px} } @media all and (min-width: 801px) and (max-width: 1167px){ .grade-box > div.info-programa {width: 52%;} #home > main > section.content > div:nth-child(2){float: right;} #home > main > section.content > div:nth-child(1){width: 60%;} #home > main > section.content{ max-width: 95%;} #home > main > section.content > div:nth-child(1) > article > section > a > img{width: 100%; max-height: 300px;} #home > main > section.content > div:nth-child(1) > article{width: 95%;float:left;min-height: 106px;margin: 10px 30px 10px 0px;max-width: none;} #home > main > section.content > div:nth-child(2) > nav.agora > h2{font-size: 18px;} main > section.content > div > nav.agora > ul{ height: 745px;} main > section.content > div > nav.agora > ul > li > a p{width: 100%;} #home > main > section.content > section > article{width: 22%;} main > footer nav{margin: 15px;} #programas > main > article#info-programa, #programas.interna.infantil > main > section > section.programas{width: 90%;margin: 0 auto;float: none;} #programas > main > #info-programa > figure{width: 40%;} #programas > main > article > section{width: 60%;max-width: none;} #programas > main > section > section > article{width: 30%;} main > header > .menu-principal-tv > h1{margin-right: 0px;} main > header > .menu-principal-tv > nav.menu{width: 56%;margin: 0 auto;float: none;overflow: hidden;} main > header > .menu-principal-tv > nav.menu > a{ padding: 30px 0px;margin: 2%;font-size:12px; } /*#programas-box-info > aside > p, #programas-box-info > aside > h2{max-width: 55%;}*/ } } /*MOBILE*/ @media all and (max-width: 800px) { .pagination > ul > li a{border-radius: 15px;padding: 5px 10px; font-size: 12px;} div.google > a > img{display: block;margin: 20px auto;} #home .google.mobile{display: block;margin: 0;} main > header > div.top-menu, #fpa-menu,#menu-ao-vivo, main > header > section > form > button:nth-child(3){display: none;} #busca > main > section > section.list{width: 98%;margin: 0 auto;} #busca > main > section > article{margin: 0;float: left;width: 93%;} #busca > main > section > section > div > article > a > div:nth-child(4){width: 100%;} #busca > main > section > section.list > div > article > a > h1{} #busca > main > section > section > div > article > a > div:nth-child(1){width:100%;} #busca > main > section > div.carregar-mais{ margin: 0 auto;float: none;} #busca > main > section > section.result-programas{width: 95%;margin: 0 auto;float: none;} /*header menu mobile*/ main > header{overflow: hidden;padding: 10px 0;margin: 0;border-bottom: 1px solid #e2e2e2;} main > header > .menu-principal-tv{margin: 0;} main > header > .menu-principal-tv > span.busca{background: url(/_img/tvcultura/icones/busca-azul.png) no-repeat center; display: block;float: right;width: 22px;height: 22px;padding: 8px 19px;} main > header > .menu-principal-tv > span.menu{background: url(/_img/tvcultura/icones/menu.png) no-repeat center; display: block;float: left;width: 29px;height: 21px;padding: 9px 14px;} main > header > .menu-principal-tv > span a{display: block; text-indent: -9999px;line-height: 30px;} main > header > .menu-principal-tv > h1{background: url(/_img/tvcultura/icones/logo-cultura.png) no-repeat center; display: block;text-indent:-9999px;height: 38px;width: 80px;text-align: center;position: relative;margin: 0 auto;} main > header > .menu-principal-tv > h1 > a {display: block;text-indent:-9999px; padding-bottom: 22px} main > header > .menu-principal-tv > form{background: #fff;position: absolute;top: 0;width: 100%;display: none;} main > header > .menu-principal-tv > form > input[type="search"]{font-size: 16px;width: 85%;border: none;float: left;padding: 15px 0 15px 15px;} main > header > .menu-principal-tv > form > button{border:none;font-size: 18px;color: #424242;background: url(/_img/tvcultura/icones/fechar.png) no-repeat center #fff;text-indent: -9999px;display: block;float: left;width: 20px;padding: 15px 0 15px 15px;} main > header > .menu-principal-tv > nav{display:none; background: #f9f9f9;text-transform:uppercase;position: absolute;top: 0;width: 80%;height: 100%;z-index: 99;margin:0;} main > header > .menu-principal-tv > nav > h2{color:#213f99;padding: 26px 22px 17px;border-bottom:1px solid #e2e2e2;} main > header > .menu-principal-tv > nav > button{position:absolute; top:0; left: 100%; height: 60px;border: none;background: url(/_img/tvcultura/icones/fechar-azul.png) no-repeat center #fff;color: #213f99;width: 65px;text-indent: -9999px;display: block;border-bottom: 1px solid #E2E2E2;border-left: 1px solid #E2E2E2;padding: 0;} main > header > .menu-principal-tv > nav > a{color:#606060;padding: 26px 22px 25px;border-bottom:1px solid #e2e2e2;display: block;} main > section.content > section.programas > article > div > h2 a, main > section.content > section.programas > article > div > h2 a{line-height: 10px; margin:0 0 5px 0;} /** Botão de Ao vivo [description] */ #btn-live-menu{display: block;top: 0; left: 70%; position: absolute; margin-top: 70px; font-weight: bold; font-size: 11px; color: white; background: red; padding: 3px; border-radius: 4px} /*HOME destaques*/ main > section.destaques{background: #f9f9f9;padding: 10px;border-bottom: 1px solid #e2e2e2;margin: 0;} #carrossel-home > ul > li, #carrossel-home > ul > li:nth-child(n+3){width: 320px;float:left;margin: 0;max-width: none;} main > section.destaques figure{position: relative;margin-bottom: 20px; max-height: 170px; overflow: hidden;} #home > main > section.content > div:nth-child(1) > article > section > section > a{display: none;} main > section.destaques figure > figcaption{margin-bottom: 0;bottom: 0;margin: 10px;position: absolute;} main > section.destaques figure > figcaption > img{display: block;text-indent:-9999px;height: 10px;width: 10px;float: left;margin: 2px 5px;} main > section.destaques figure > figcaption > p{float: left;color: #fff;font-size: 14px;width: 80%;margin: 0 0 10px 0;} main > section.destaques figure > figcaption > small{float: left;font-size: 10px;color:#fff;font-family: 'Open Sans', sans-serif; width:100%; padding-left: 10px;} #carrossel-home > ul > li > figure > figcaption{bottom: 0;padding: 0 0 10px;width: 100%;} #carrossel-home > ul > li > figure > a{max-height: 203px; overflow: hidden; display: block;} #carrossel-home > ul > li > figure > a > img{} /*content meio*/ /*home*/ #home main > section.content{padding: 10px;overflow: hidden;margin-top: 0;} #home main > section.content > section > article > a img{width: 27%;float: left;} #home main > section.content > section > article > div{width:60%; float: left;margin-left: 15px;} #home > main > section.content > div:nth-child(1) > article > section{float:left;margin-top: 0;padding: 5px 5px 20px 5px;} #home > main > section.content > div:nth-child(1) > article > section > section{float:left;width: 70%;margin:0;} #home > main > section.content > div:nth-child(1) > article > section > a > img{width: 30%;float: left;} #home > main > section.content > div:nth-child(1) > article > section > section > img{display:none;} #home > main > section.content > div:nth-child(1) > article > section > section > p{font-size:12px;margin: 0 6px;font-weight: 600;line-height: 16px;} #home > main > section.content > div:nth-child(1) > article > section > section > small{float:left;margin: 0 6px;} #home > main > section.content > section.programas > article > div > p{margin:0;} #home > main > section.content > section.programas > article > div > p a{font-size:11px;} /*grade página*/ #grade .content{margin:0;} #grade > main > section > section.programas > section > div:nth-child(2) > p > a{font-size: 14px;} #grade > main > section > section.programas > section > section.mais > div.icones{max-width: 30px;} #grade > main > section > section.programas > section > section.mais > section{float:right;max-width: 60%;margin: 0; padding: 0 15px 0 0;} #grade > main > section > section.programas > section > section.mais{padding:15px 0; float:left;background: #f9f9f9;margin: 0; display: none; width: 100%;height: auto;} #grade .mais img{padding:0 15px;} #grade .mais p{padding:0 15px 0 0; } #carrossel-grade { position: relative; overflow: hidden; width: 80%; margin: 0 auto; } #carrossel-grade > ul > li{ padding: 0 10px; width: 50px; text-align: center; margin: 0;} #carrossel-grade > a.prev{background: url(/_img/tvcultura/icones/seta-direita-grade.png) no-repeat center #fff; display: block;width: 20px;height: 20px;position: absolute;top: 15%;left: 0;text-indent: -9999px;} #carrossel-grade > a.next{background: url(/_img/tvcultura/icones/seta-esquerda-grade.png) no-repeat center #fff; display: block;width: 20px;height: 20px;position: absolute;top: 15%;text-indent: -9999px;right: 0;} /*Box de grade - usado em home, ao vivo e Vídeos*/ .grade-box > div.info-programa > p > a{font-size:14px;max-width: 80%;} .grade-box > div:nth-child(1) > a > img{display: none;} .grade-box > section{padding: 15px;float:left;background: #f9f9f9;margin: 0; display: none;width: 90%;height: auto;} .grade-box > section > div{max-width:30px;float: left;overflow: hidden;margin-left: 20px;} .grade-box > section> section{float: right;max-width: 60%;margin: 0;} .grade-box > section > section > h2 a{font-size:12px; color:#606060;line-height:16px;margin-bottom:10px;font-weight: 600;} .grade-box > div.info-programa{border-bottom: none;} .grade-box > div.info-programa > h3 > a{font-size:12px; color:#606060;line-height: 16px;font-family: 'Open Sans', sans-serif;font-weight: 600;text-transform: inherit;} .grade-box > section > div >img{margin: 15px 0;width: auto;} .grade-box > div:nth-child(1) > a > time{color: #fff;font-weight: 700;line-height:60px; text-align:center;width: 100%;display: block;} .grade-box > section.mais a {padding: 10px;font-size: 12px;width: 150px;margin: 10px 0;text-align: center;} .grade-box > div.info-programa > a > img{float: right;margin-right: 10px;} .grade-box > div.info-programa > div.icones{display: none;} /*Programas carrossel mobile*/ #programas > main > section.destaques{width: 100%;margin: 0;padding: 0;float: left;} #programas > main > section.destaques > ul > li:nth-child(1){display: block;} #programas > main > section.destaques > ul > li{display: none;} #programas > main > section.destaques > ul > li > figure{margin:0;} #programas > main > section.destaques > ul > li > figure > figcaption > span{color: #fff; font-size: 10px; float: left;font-family: 'Open Sans', sans-serif;display: block;position: absolute;bottom: 0;right: 0;} /*páginas programas e ao vivo*/ #programas > main > section > section:nth-child(2){margin:0;} #programas > main > section > .programas.lista > article{ } #programas > main > section.content{padding: 0;margin-bottom:30px;margin: 0; float: left;} #programas > main > section{margin:0;padding:0;float: left;width: 100%;} #programas > main > section > section > h2{width:95%;margin:0 auto;} #programas > main > section.content > section:nth-child(2) > nav > ul > li.active.jornalismo > ul > li > article{display:none;} #programas > main > section > section.programas{padding: 10px;} #programas > main > section > section.programas > article > a > img{width: 35%;float:left;} #programas > main > section > section.programas > article > div{width:60%; float: left;margin-left: 15px;} #programas > main > section > section.programas > article > div > h2 > a{font-size:12px;font-weight:600;color: #606060;text-transform: capitalize;} #programas > main > section > section.programas > article > div > h3{font-size:10px;font-weight:600;text-transform:uppercase;line-height:14px;} #programas.interna > main > section > section.programas > article > div > h3{display:block;line-height: 14px;margin-bottom: 5px;} #programas.interna > main > section > section > article > div > small{display:none;} #programas.infantil.interna #info-programa > header > h1{color: #d7a60a; font-weight: 700;} #programas.jornalismo.interna #info-programa > header > h1{color: #213f99; font-weight: 700;} #programas.arte-e-cultura.interna #info-programa > header > h1{color: #00a651; font-weight: 700;} #programas.educacao.interna #info-programa > header > h1{color: #e86c1f; font-weight: 700;} #programas.video .google-300x250{position:relative;margin: 0;left: 0;right: 0;float: left;margin-left: -20px;} /*box video ao vivo info programa */ #programas-box-info > aside > img{display:none;} #programas-box-info > aside > p{font-size:12px;line-height:16px;max-width: none;} #programas-box-info > aside > h2{line-height:20px;} #sobre{display: none;} #sobre > section > nav{display:none;} #sobre > section, #sobre > header{padding: 20px;width: auto;} /**box programas**/ section.programas > section > div:nth-child(2){border-bottom: 1px solid #e2e2e2;float: left;width: 65%;height: 50px;padding: 5px 0 5px 15px;} section.programas > button{width: 90%;margin-left: 5%;margin: 10px;} section.content > h1{font-size: 14px;padding: 20px 20px 20px 20px;} section.content > h1 > a { color:#27778a; } section.content > nav > ul > li.active > ul{overflow: auto;} section.content > section > h2 > a:after, #programas > main > section > section > h2 > a:after{content:'.';background: none;} .programas.lista{padding: 0!important;overflow: hidden;background:#f9f9f9;} .programas.lista article a img,.programas.lista article p{display:none;} .programas.lista h3 a{display:block;width:100%;} #programas .programas.lista article > div{width:100%;} .programas.lista article:nth-child(1) > h2{display:block;} .programas.lista article{width:100%;} .programas.lista button{display: none;} .programas.lista span a{padding: 20px 10px;border-bottom:1px solid #e2e2e2;display: block;background: url(/_img/tvcultura/icones/seta_menu_programas_mobile.png) no-repeat 95% 50%;text-transform: uppercase;color: #424242;} .programas.lista span.active a{background: url(/_img/tvcultura/icones/seta_menu_programas_mobile_aberto.png) no-repeat 95% 50%;} .programas.lista span{overflow:hidden; display:block;float: left;width: 100%;} #programas.interna #sobre > header > h1{display:none;} #programas > main > section.content > section:nth-child(2) > nav,section.content > nav{background: #f9f9f9;margin: 0;} #programas > main > section.content > section:nth-child(2) > nav > ul > li,section.content > nav > ul > li{border-bottom: 1px solid #e2e2e2;} #programas > main > section.content > section:nth-child(2) > nav > ul > li:nth-child(1),section.content > nav > ul > li:nth-child(1){border-top: 1px solid #e2e2e2;} #programas > main > section.content > section:nth-child(2) > nav > ul > li > a,section.content > nav > ul > li > a{ padding: 20px; display: block; background: url(/_img/tvcultura/icones/seta_menu_programas_mobile.png) no-repeat right;margin-right: 20px;} #programas > main > section.content > section:nth-child(2) > nav > ul > li.active > ul,section.content > nav > ul > li.active > ul{display:block; max-height: 230px;background: #fff;border-bottom: 1px solid #e2e2e2;border-top: 1px solid #e2e2e2;} #programas > main > section.content > section:nth-child(2) > nav > ul > li > ul, section.content > nav > ul > li > ul{display: none;} #programas > main > section.content > section:nth-child(2) > nav > ul > li > ul > li,section.content > nav > ul > li > ul > li{margin: 15px;} #programas > main > section.content > section:nth-child(2) > nav > ul > li > ul > li a,section.content > nav > ul > li > ul > li a{font-family: 'Open Sans', sans-serif; font-size: 12px;} .playlist{display: none;} #programas > main > section > div:nth-child(1) > section.player{margin: 0;} #programas > main > section > div:nth-child(1) > section.player iframe{width: 100%;min-height: 180px;max-height: 430px;height: 100%;display: block;} #programas > main > section > div > iframe{width: 100%; height: 390px;} #programas > main > section > aside{padding: 10px;} #programas > main > section > aside > h2 {color:#424242;border-bottom: 5px solid #e2e2e2;padding: 15px 0;text-transform: uppercase;font-weight: 700;} #programas > main > section > aside > ul > li{padding-bottom:20px;border-bottom:1px solid #e2e2e2;margin-bottom:20px;} #programas > main > section > aside > ul > li > div > a > p{font-size:12px;line-height:16px;} #programas > main > section > aside > ul > li > div > a > h2{font-size:14px;line-height:20px;text-transform:uppercase;font-weight:700} /*acontece*/ #acontece .grade-box > div > a > img{display:block;} #acontece.listagem > main > section > section{width:90%;margin:20px auto;} #acontece .grade-box{float: none;padding: 20px 0;background: none;overflow: hidden;} #acontece .grade-box .info-programa{border:none; background:none;} #acontece .grade-box > div.info-programa > p{float:none;font-size:10px;} #acontece .grade-box > div:nth-child(1){width:40%;height: 100%;} #acontece .grade-box > div:nth-child(2){width:50%;} #acontece div.conteudo-asset > p{font-size:12px;line-height: 18px;font-weight:600;color:#606060;width:90%;margin: 20px auto;} #acontece nav.redes{position: absolute;margin-top: -50px;border: none;} #acontece .conteudo-asset{padding: 0 20px 0 20px;} #acontece #programas-box-info > aside > h2 { font-size: 30px;line-height: 36px;text-transform: none;padding: 10px 0; max-width: 800px;} #acontece .conteudo-asset iframe{width:100%;} #acontece > main > section > section.programas > div > div img{margin:20px 0!important;} #galleria > div > div.galleria-thumbnails-container > div.galleria-thumbnails-list > div > div.galleria-image > img{margin:0!important;} #acontece > main > section > section.programas > div > figure{position:relative;padding-bottom: 30px;} #acontece > main > section > section.programas > div > figure > figcaption > cite{position:absolute;bottom: 20px;background: #424242;padding:5px;font-size:12px;color: #fff;} #acontece > main > section > section.programas > div > figure > figcaption > small{color: #4BB458;bottom: 0;position: absolute;} /** EMBED MOBILE 100% - WITHOUT WHITE SPACE **/ #acontece > main > section > section.programas > div > article > .fb-m-asset {overflow:hidden;padding-bottom:56.25%;position:relative;height:0;} #acontece > main > section > section.programas > div > article > .fb-m-asset > iframe { left:0; top:0; height:100%; width:100%; position:absolute;} /*footer*/ main > footer{background: #f9f9f9;margin: 0;border-top: 1px solid #e2e2e2;float: left;width: 100%;} main > footer nav{padding: 10px 25px 0 35px;width: auto;display: inline-table;} main > footer a {color: #606060;font-size: 12px;font-family: 'Open Sans', sans-serif;display: block;margin-bottom: 15px;} main > footer h2 {font-size: 12px;margin-bottom: 15px;text-transform: uppercase;font-weight: 700;color: #27778a;} main > footer small{background: #424242; color: #fff; font-size: 10px; display: block;padding: 20px;text-align: center;} #busca > main > section > section.list > div > article > a > div:nth-child(3) {width:47%;} #home .center-banner:first-child{margin: 0} } @media all and (max-width: 800px){ #acontece .grade-box > div > a{display: block; overflow: hidden; height: 150px}; #programas .center-banner {margin: 20px 0;} #programas.interna > main > header > .menu-principal-tv > nav{margin:0;} #programas.interna > main,#programas.video > main{margin-top:0px;} } @media all and (max-width: 1024px){ #acervo > main > section > article > h2, #acervo > main > section > article > p{padding:20px;float: left;} #acervo > main > section > article > form > div{margin: 10px 0;} #acervo > main > section > article > img{position: relative!important;display: block;float: left;right: 0!important;width: 50%;max-width: 176px;} #acervo > main > section > article > form,#acervo > main > section > small{padding: 5%;width: 90%;} #acervo > main > section > h2{padding:20px; margin: 0;} #acervo > main > section > article > form > div:nth-child(2){float: left;} /*tabela*/ #acervo > main > section > table > tbody > tr:nth-child(1) > td, #acervo > main > section > table > tbody > tr > td:nth-child(4),#acervo > main > section > table > tbody > tr > td:nth-child(2),#acervo > main > section > table > tbody > tr > td:nth-child(1),#acervo > main > section > table > tbody > tr > td:nth-child(3){padding: 0!important;word-break: normal;} #acervo > main > section > nav > ul > li > a{background-image: none;} #acervo > main > section > nav{background: none;} #acervo > main > section > nav > ul > li{border: none;} } @media all and (max-width: 320px){ #acontece .center-banner > div, #programas .center-banner > div{position: absolute;left: 0;} } @media all and (max-width: 769px){ #home .center-banner:first-child > div{position: absolute; top: 44px; left: 0; width: 100%; background: #424242;} #home .center-banner:last-child > div{position: fixed; bottom: 0; left: 0; width: 100%;background: #424242; z-index: 1000;} #home > main, #programas > main{margin-top: 90px;} #programas.interna > main, #programas.ao-vivo > main{margin-top: 0!important;} #home > main > header > .menu-principal-tv > nav, #programas > main > header > .menu-principal-tv > nav{margin:90px 0;} main > header > .menu-principal-tv > form {margin-top: 90px;} main > footer{padding-bottom: 90px;} #programas > main > section > section > div.center-banner,.center-banner:last-child{margin: 0;position: fixed;bottom: 0;left: 0;z-index: 10000;background: #424242;height: 50px;} #acontece .center-banner:last-child div{margin: 0;} #acontece .google-300x600{display: none; } #acontece .center-banner{height: 50px;} #programas .center-banner:first-child, #acontece .center-banner:first-child, #grade .center-banner:first-child, #aovivo .center-banner:first-child {margin:0;position: absolute; top: 44px; left: 0; width: 100%; background: #424242;height: 56px;display: block;text-align: center} #programas .center-banner:last-child, #acontece .center-banner:last-child, #grade .center-banner:last-child {margin:0;position: fixed; bottom: 0; left: 0; width: 100%;background: #424242; z-index: 1000;height: 50px;text-align: center} } @media all and (max-width: 740px){ #home > main > header > .menu-principal-tv > nav, #programas > main > header > .menu-principal-tv > nav{margin:50px 0;} #home > main, #programas > main{margin-top: 0px;} #programas.interna > main, #programas.ao-vivo > main{margin-top: 0!important;} main > header > .menu-principal-tv > form {margin-top: 50px;} main > footer{padding-bottom: 50px;} } @media all and (max-width: 600px){ #acontece .grade-box > div > a{display: block; overflow: hidden; height: 130px}; } @media all and (max-width: 480px){ #acontece .grade-box > div > a{display: block; overflow: hidden; height: 110px}; } @media all and (max-width: 320px){ #acontece .grade-box > div > a{display: block; overflow: hidden; height: 87px}; #busca > main > section > section.list > div > article > a > div:nth-child(3) { float: right; max-width: 146px;} #home .modal{width: 90%;} } } .center-banner{text-align: center;width: 100%;margin: 0 0 20px 0;overflow: hidden;padding-bottom: 20px;} .center-banner > div{position: relative;} /*MODAL INFANTIL*/ #modal-bg{display: none;background:rgba(0,0,0,0.8);position: fixed;width: 100%;top: 0;left: 0;height: 100%;z-index: 9;} .modal{display:none;position: fixed;top: 0;z-index: 1000;left: 20%;width: 60%;max-height: 100%;margin: 0;} #programas > main > section > section > section.album > figure{margin: 0 auto;max-height: 640px;} #programas section.album > nav.navigation{width:100%;position:absolute;} .modal > section > h2{text-align:center;color: #fff;} .programas .modal a.close{background: url(/_img/tvcultura/icones/sprite-modal-infantil.png?) no-repeat 5px -81px;width: 40px;height: 40px;position: absolute;top: 30px;right: 0;text-indent: -9999px;} .programas .modal a.close:hover{background-position: -27px -81px;} .programas .img-atividades{display:none;} #programas.infantil > main > section > section > ul > li > a > img{border: 1px solid #909090; width: 99%;} #programas > main > section > section > section > figure > figcaption{color:#fff;text-align: center;} #programas > main > section > section > section > figure > a > img{max-height: 640px;margin: 0 auto;display: block;} .modal a.next{background: url(/_img/tvcultura/icones/sprite-modal-infantil.png?) no-repeat -30px 0px;width: 30px;height: 40px;position: absolute;/* margin-top: 40%; */right: 0;text-indent: -9999px;} .modal a.next:hover{background-position: -30px -39px;} .modal a.prev{background: url(/_img/tvcultura/icones/sprite-modal-infantil.png?) no-repeat 0px 0px;width: 30px;height: 40px;position: absolute;left: 0;text-indent: -9999px;} .modal a.prev:hover{background-position: 0px -39px;} .modal > h2{text-align:center;margin-top: 5%;color: #ffca23; margin-bottom: 20px;} @media all and (min-width: 1172px){ /*menu geral*/ main > header > section{width: 1172px; margin: 0 auto;max-width: 90%;overflow: hidden;height: 90px;} } @media all and (min-width: 1167px){ /*menu 5 links menor*/ main > header > .menu-principal-tv > nav.menu > a{ padding: 30px 0px;margin: 2% 20px 0px 20px;font-size:12px; } } @media all and (max-width: 767px){ .modal{width: 95%;left: 10px;right: 0;margin: 0;height: auto;position: absolute;} .carrossel-modal{overflow:scroll;} .carrossel-modal > ul{width:100%;} .carrossel-modal > ul > li{height: 100%;overflow: hidden;width: 100%;min-width: inherit;max-height: none;} .modal a.next,.modal a.prev,.download{display: none!important;} .carrossel-modal > ul > li > a{height: inherit;} #programas > main > section > section > ul{margin-top:20px;} #programas > main > section > section > ul > li > a > img{margin:0 auto;display:block;} #programas > main > section > section > ul > li > a > h2{text-align:center;line-height:24px;font-weight:700;} #home #modal-bg > section.modal{width: 90%;} #busca > main > section > section > div > article > a > div > img { max-width: 132px; margin-left: 5px;} #busca > main > section > h2 { font-size: 20px; margin: 10px; font-weight: bold;} } #modal-bg > section > video{width:100%;z-index: 9999;margin-top: 100px;} #home #modal-bg > section > a.close{color:#fff;right:0;position:absolute;font-size:30px;top: 100px;cursor:pointer;display:block;z-index:9999} /** NOVO MENU **/ /*#main-menu{background: #154477;width: 100%; margin: 56px 0 0 0; padding: 0;z-index: 1;}*/ #main-menu{background: #27778a;width: 100%; margin: 56px 0 0 0; padding: 0;z-index: 1;} #main-menu > section {margin: 0 auto; padding:0; max-width: 1172px;height: 70px; display: flex; align-items: center;} /** HAMBURGUER **/ #hamburguer-menu{float: left; width: 20%} #open-menu{ float:left; padding: 20px;max-width: 32px} #close-menu{ float:left;padding: 20px; display: none;max-width: 32px} /**LOGO**/ /*#main-menu > section > #logo{ text-indent: -9999px; float:left;background: url('/_img/tvcultura/header/logotipo-tvcultura-desktop.png') no-repeat; width: 75px; height: 70px; margin-left: 22%}*/ #main-menu > section > #logo{ text-indent: -9999px; float:left;background: url('/_img/tvcultura/header/logotipo-tvcultura-desktop-orange.png') no-repeat; width: 75px; height: 70px; margin-left: 22%} #main-menu > section > #logo > a {display: block; height: 70px; width: 75px; } /**MENU**/ #main-menu > section > #menu { position: absolute; background: #f9f9f9; top: 170px;width: 100%;float: left; display: none; z-index: 1;} #main-menu > section > #menu ul {padding-top: 10px;} #main-menu > section > #menu ul li {float: left; width: 100%;} #main-menu > section > #menu ul li a{color: #27778a; font-weight: bold; font-size: 14px; border-bottom: 1px solid #cccccc; width: 90%;float: left; padding-bottom: 15px; margin: 10px 20px 10px 20px} #main-menu > section > #menu ul li:last-child a{border: none;} /*Menu Rádio*/ #main-menu.radio {background: white} #main-menu.radio > section > #menu ul li a {color: black;} #main-menu.radio > section > #menu ul li a:hover{color: #f45f0f;} #main-menu.radio > section > #menu ul li a#radio-item-active {color: #f45f0f;} #main-menu.radio > section > #social-links {top: 695px;} #main-menu.radio > section > #social-links ul li a{margin-left: 0px;} /*Controle Remoto*/ #listen { display:none;position: absolute; background: white; top: 622px; width: 100%;float: left;padding: 10px 0 10px 0; text-align: center;} #listen span {float: left;font-family: 'Arial', Helvetica, sans-serif; margin: 2% 0 0 6%; color: #666666;clear: both;font-size: 12px;width: 94%;text-align: left;text-transform: uppercase;} #listen a{border-radius: 5px;background: #999999;padding: 5px; margin: 10px 0px 20px 20px;font-family: 'Arial', Helvetica, sans-serif;font-size: 12px;color: #FFFFFF;float: left;text-transform: uppercase;letter-spacing: 0.03em; } #listen a:last-child{margin-left: 5px;background: #27778a;} /**SEARCH FORM - NOT DISPLAY**/ #search-form {display: none;} /**SOCIAL LINKS**/ #social-links { position: absolute; background: #606060; top: 825px; width: 100%;float: left;padding: 10px 0 10px 0; display: none; z-index: 1} #social-links h4 { font-size: 16px;float: left; padding: 10px; margin: 0px 20px 0px 10px; font-weight: bold; color: white } #social-links ul li {display: inline-flex;} #social-links ul li a{width: 32px; height: 32px;margin-left: 6px;text-indent: -9999px} #social-links ul li a:hover{opacity:0.9;-webkit-filter:brightness(110%) contrast(110%);filter:brightness(110%) contrast(110%)} #social-links ul li a.social-link-facebook{background: url('/_img/tvcultura/header/icon-facebook.png') no-repeat center} #social-links ul li a.social-link-twitter{background: url('/_img/tvcultura/header/icon-twitter.png') no-repeat center} #social-links ul li a.social-link-instagram{background: url('/_img/tvcultura/header/icon-instagram.png') no-repeat center} #social-links ul li a.social-link-youtube{background: url('/_img/tvcultura/header/icon-youtube.png') no-repeat center} #social-links ul li a.social-link-linkedin{background: url('/_img/tvcultura/header/icon-linkedin.png') no-repeat center} #social-links ul li a.social-link-googlenews{background: url('/_img/tvcultura/header/icon-google-news.png') no-repeat center; text-align: left; text-indent: -9999px; } #social-links ul li a.social-link-tiktok{background: url('/_img/tvcultura/header/tiktok.jpeg') no-repeat center; text-align: left; text-indent: -9999px; border-radius: 50% } #social-links ul li a.social-link-kwai{background: url('/_img/tvcultura/header/kwai.jpeg') no-repeat center; text-align: left; text-indent: -9999px; border-radius: 50% } /**SOCIAL LINKS**/ #top-social-links { background: #606060; top: 775px; width: 40%;float: right;padding: 10px 0 10px 0; z-index: 1;text-align: right;} #top-social-links ul li {display: inline-flex;} #top-social-links ul li a{width: 32px; height: 32px;margin-left: 6px;text-indent: -9999px} #top-social-links ul li a:hover{opacity:0.9;-webkit-filter:brightness(110%) contrast(110%);filter:brightness(110%) contrast(110%)} #top-social-links ul li a.social-link-facebook{background: url('/_img/tvcultura/header/icon-facebook.png') no-repeat center;text-align: left;text-indent: -9999px; } #top-social-links ul li a.social-link-twitter{background: url('/_img/tvcultura/header/icon-twitter.png') no-repeat center;text-align: left;text-indent: -9999px; } #top-social-links ul li a.social-link-instagram{background: url('/_img/tvcultura/header/icon-instagram.png') no-repeat center;text-align: left;text-indent: -9999px; } #top-social-links ul li a.social-link-youtube{background: url('/_img/tvcultura/header/icon-youtube.png') no-repeat center;text-align: left;text-indent: -9999px; } #top-social-links ul li a.social-link-linkedin{background: url('/_img/tvcultura/header/icon-linkedin.png') no-repeat center;text-align: left;text-indent: -9999px; } #top-social-links ul li a.social-link-googlenews{background: url('/_img/tvcultura/header/icon-google-news.png') no-repeat center; text-align: left; text-indent: -9999px; } #top-social-links ul li a.social-link-tiktok{background: url('/_img/tvcultura/header/tiktok.jpeg') no-repeat center; text-align: left; text-indent: -9999px; border-radius: 50% } #top-social-links ul li a.social-link-kwai{background: url('/_img/tvcultura/header/kwai.jpeg') no-repeat center; text-align: left; text-indent: -9999px; border-radius: 50% } #top-social-links {width: 40%;float: right; padding: 3px} #top-social-links ul li a{padding: 0 0 0 0; height: 29px; margin-left: 0px} /*page redes-sociais*/ .social-links ul li {display: inline-flex;} .social-links ul li a{width: 32px; height: 32px;margin-left: 6px;text-indent: -9999px} .social-links ul li a.social-link-facebook{background: url('/_img/tvcultura/header/icon-facebook.png') no-repeat center} .social-links ul li a.social-link-twitter{background: url('/_img/tvcultura/header/icon-twitter.png') no-repeat center} .social-links ul li a.social-link-instagram{background: url('/_img/tvcultura/header/icon-instagram.png') no-repeat center} .social-links ul li a.social-link-youtube{background: url('/_img/tvcultura/header/icon-youtube.png') no-repeat center} .social-links ul li a.social-link-linkedin{background: url('/_img/tvcultura/header/icon-linkedin.png') no-repeat center} .social-links ul li a.social-link-googlenews{background: url('/_img/tvcultura/header/icon-google-news.png') no-repeat center; text-align: left; text-indent: -9999px; } .social-links ul li a.social-link-tiktok{background: url('/_img/tvcultura/header/tiktok.png') no-repeat center; text-align: left; text-indent: -9999px; border-radius: 50% } .social-links ul li a.social-link-kwai{background: url('/_img/tvcultura/header/kwai.jpeg') no-repeat center; text-align: left; text-indent: -9999px; border-radius: 50% } main > header { padding: 0 } @media (min-width: 800px){ #main-menu { margin: 0 } /**BUSCA**/ #hamburguer-menu{display: none;} /**LOGO**/ #main-menu > section > #logo{ width: 7%; margin: 0; padding: 0} /**MENU**/ #main-menu > section > #menu {margin: 0; display: flex; width: 93%;top: 0; position: relative; background: transparent;} #main-menu > section > #menu ul {padding-top: 0} #main-menu > section > #menu ul li {width: auto; padding-top: 0} #main-menu > section > #menu ul li a{color: #57facc;border: none;margin: 0;padding: 6px 16px 10px 16px; } #main-menu > section > #menu ul li a:hover{color: #fff;} /**BUSCA**/ #search-form{display: inline;width: 24%;} #search-form input{background: white;border:0;padding: 0;margin: 0;float: left;height: 35px;width: 82%;font-size:14px;padding: 2px; color: #777;} #search-form input::-webkit-input-placeholder{color: #bbb;} #search-form button{background: url('/_img/tvcultura/header/icon-search.png') no-repeat;width: 42px;height: 36px;padding: 0px;margin: 0; border: 0} /*menu radio*/ #main-menu.radio > section > #menu {width: 74%; } #main-menu.radio > section > #social-links {width: 12%; top: 0;} #main-menu.radio > section > #menu ul li a{padding: 13px 12px 13px 10px; } #main-menu.radio > section > #listen span {margin: 5px 0px 0px 0px;} #main-menu.radio > section > #listen a {margin: 5px 0 0 0;} #main-menu.radio > section > #listen a:last-child {margin-left: 5px;} #listen{width: 19%; display: block; position: inherit;padding: 0} /**SOCIAL LINKS**/ #social-links {display: flex;width: 14%;top: 0;position: relative;background: transparent;} #social-links h4{display: none;} #social-links ul{float: right;text-align: right; width: 100%} #social-links ul li {display: inline-flex;} #social-links ul li a{width: 32px; height: 32px;margin-left: 6px;text-indent: 9999px} #social-links ul li a:hover{opacity:0.9;-webkit-filter:brightness(110%) contrast(110%);filter:brightness(110%) contrast(110%)} } @media (min-width: 800px) and (max-width: 1100px){ #main-menu > section > #menu {width: 68%} /*#main-menu > section > #menu ul li{padding: 0px; margin: 0} #main-menu > section > #menu ul li a{padding: 8px;font-size: 14px} */ /* #search-form {width: 31%} #search-form input {width: 150px} */ #social-links {width: 23%} /* #social-links ul {text-align: center} #social-links ul li a {margin: 0} */ } }