/* #Tablet (Portrait) */ @media only screen and (min-width:481px) and (max-width:980px) { body{overflow-x:hidden;} /* ----- Header ----- */ header {width:740px;} header #dados{position:relative; width:100%; max-width:980px; min-width:740px; height:36px; margin:0 auto!important;} header #dados h1.logo{width:130px!important;height:36px!important;} header #dados h1.logo img{height:36px!important;} header #dados-mobile{display:none;} header ul.menu{width:auto!important; margin:12px 0 0 16px; display:block; float:left; z-index:2;} header ul.menu li{display:block; float:left; margin:0 10px 0 0; font-family:'Gotham'; font-size:8px; font-weight:bold; text-transform:uppercase;} header ul.menu li.menu_suspenso_over_01{ margin:0;} header ul.menu li ul#sub {top:9px;} header ul.menu li ul#sub li a{color:#fff; text-transform:none;} header ul.menu li ul#sub li a:hover{color:#000; text-decoration:none;} header ul.menu li ul#sub li.primeira {margin-top:15px;} header ul.sociais{width:130px; height:36px; top:0; display:block; float:right; background:url(../img/bg_sociais_tablet.jpg) no-repeat center 0px;} header ul.sociais li.contato{width:60px; height:16px; margin:10px 6px 0 0px;} header ul.sociais li.contato a{font-family:'Gotham'; font-size:8px;} header ul.sociais li.facebook{width:9px; margin:10px 10px 0 0px;} header ul.sociais li.twitter{width:9px; margin:10px 10px 0 0;} header ul.sociais li.youtube{width:9px; margin:10px 0 0 0;} /* ----- Content ----- */ #content{position:relative; width:740px; margin:0 auto; left:0!important;} #content #conteudo{position:relative; width:740px!important; float:left; margin:0 auto!important; clear:both;} #content #conteudo #mobile{position:relative; width:666px; margin:0 auto;} /* LEFT - RIGHT HOME */ #content #left-home{width:740px; top:0; margin:10px 20px 20px 0;} #content #right-home{width:740px; top:0; margin:10px 0 20px 0;} /* ----- Banner ----- */ #content #conteudo #menu-mobile{display:none;} #content #conteudo #banner{width:740px; height:190px; margin:0 0 10px 0; top:0; background:url(../img/bg_menu_banner.jpg) no-repeat center top; z-index:1;} #content #conteudo #banner.en{width:740px; height:190px; margin:0 0 10px 0; top:0; background:url(../img/en/bg_menu_banner_en.jpg) no-repeat center top; z-index:1;} #content #conteudo #banner .link-home{width:740px; height:150px; margin:0px 0 0 0;} #content #conteudo #banner .link-home a{width:740px; height:150px; cursor:pointer;} #content #conteudo #banner .laguage{position:relative; width:79px; height:19px; margin:10px 0 0 0; top:-150px;} #content #conteudo #banner .laguage a{position:relative; width:79px; height:19px; cursor:pointer;} /* ----- Menu ----- */ #content #conteudo #banner ul#menu_banner{position:relative; width:740px; margin:-16px 0 0px 0px; z-index:9;} #content #conteudo #banner ul#menu_banner.en{position:relative; width:740px; margin:-16px 0 0px 0px; z-index:9;} #content #conteudo #banner ul#menu_banner li{margin:0 26px 0 0; font-size:18px; text-transform:uppercase;} #content #conteudo #banner ul#menu_banner.en li{margin:0 26px 0 0; font-size:18px; text-transform:uppercase;} #content #conteudo #banner ul#menu_banner li a{color:#fff; font-size:18px; text-transform:uppercase; font-weight:normal;} #content #conteudo #banner ul#menu_banner li.item01{margin:0 26px 0 40px;} /* ----- Busca + Redes Sociais ----- */ #content #conteudo #busca-topo{position:relative; width:96%; height:26px!important; margin:0;} #content #conteudo #busca-topo .busca{width:400px; left:15px;} #content #conteudo #busca-topo .sociais{width:250px;} #content #conteudo #mobile #busca-topo .busca{left:0px;}/* so Home */ #content #conteudo #mobile #busca-topo .sociais{left:30px; top:-22px!important;}/* so Home */ /* BOX Destaque Home */ #content #conteudo #box-destaque-home{width:666px; margin:0px 0 10px 0;} /* BOX Home Programação */ #content #box-programacao{margin:0px 0px 0px 40px;} #content #center #busca form #center{width:720px!important; height:53px; margin:0 0 6px 0;} #content #center #busca form #center ul#titulo_01{width:100%; height:53px; } /* BOX Twitter Home */ #content #box-twitter{width:303px; top:0; height:340px; margin:0px 0px 20px 0px; padding-left:15px; clear:none!important;} #content #box-twitter .siga{position:relative; width:313px; left:-15px!important;} /* BOX Home Galeria de fotos */ #content #box-galeria{position:relative; width:330px; clear:none!important; margin:0px 0 10px 15px; } #content #box-galeria ul#galeria{width:330px!important; margin:0; clear:none!important;} #content #box-galeria ul#galeria li{display:block; float:left;} #content #box-galeria ul#galeria li.left{width:284px; height:40px; /*background:#236BE1;*/} #content #box-galeria .galleria-container {position:relative; width:330px!important; height:320px!important;} /* geral */ #content #box-galeria .galleria-container img{width:330px!important; height:320px!important;} #content #box-galeria .galleria-stage {position:absolute; width:330px!important; height:320px!important; left:0px; top:0px; overflow:hidden;} #content #box-galeria .galleria-image-nav {top:40%;} #content #box-galeria .galleria-image-nav-left{left:10px;} #content #box-galeria .galleria-image-nav-right {right:10px;} #content #box-galeria #galleria_home img a{width:330px!important; height:320px!important;} /* BOX Home Footer Video */ #content #videos-footer{position:relative; width:666px; margin:0px 0 24px 0; clear:both;} #content #videos-footer ul#videos-footer li{width:220px; height:auto; text-align:center;} #content #videos-footer ul#videos-footer li h2{width:220px; margin:-2px 0 10px 40px;} #content #videos-footer ul#videos-footer li span{text-align:left; display:block; float:left; margin:0 0 0 40px;} #content #videos-footer ul#videos-footer li.video_01{margin:0 34px 14px 0;} #content #videos-footer ul#videos-footer li.video_02{margin:0 0 14px 0;} #content #videos-footer ul#videos-footer li.video_03{margin:0 34px 14px 0;} #content #videos-footer ul#videos-footer li.video_04{margin:0 0 14px 0;float:left;} /* LEFT */ #content #left{position:relative; width:55%; margin:20px 1% 20px 2%;;} /* RIGHT */ #content #right{position:relative; width:40%; margin:20px 0 20px 1%;} /* CENTER */ #content #center{position:relative; width:96%; margin:20px 1% 20px 2%; clear:both;} #content #center #resultado-busca{width:99%;} #content #center #resultado-busca #barra-titulo{position:relative; width:712px; top:20px;} #content #center #resultado-busca #barra-titulo #titulo{width:80%; margin:12px 0 0 10px; padding:0 0 0 12px;} #content #center #resultado-busca #barra-titulo #imprimir{width:13%; margin:8px 0 0 0px; text-align:right;} #content #center #resultado-busca #dados{width:96.75%!important; margin:0; padding:20px 15px; background:#fff;} #content #center #resultado-busca #dados table#resultado-busca{width:100%; display:inline; float:left; font:12px tahoma,geneva,sans-serif;} /* Programação */ #content #center #busca{width:100%;} #content #center #busca form {width:100%; margin:10px 0; border:none;} #content #center #resultado-busca ul#resultado li.left{width:15%; margin:0 1% 0 0;} #content #center #resultado-busca ul#resultado li.right{width:84%;} #content #center #resultado-busca #detalhes-left #destaques{width:330px; /*height:290px;*/ margin:0;} #content #center #resultado-busca #detalhes-left #destaques #destaque{width:330px;} #content #center #resultado-busca #detalhes-left #destaques #destaque img{width:330px!important;} #content #center #resultado-busca #detalhes-left #destaques #destaque video{width:330px!important; height:220px!important;} #content #center #resultado-busca #detalhes-left #destaques #destaque #trailer{width:330px!important; height:220px!important;} #content #center #resultado-busca #detalhes-left #destaques #thumb-destaque{width:330px!important; height:45px!important;} #content #center #resultado-busca #detalhes-left #destaques #thumb-destaque img{width:108px!important; height:72px;} #content #center #resultado-busca #detalhes-left #destaques #thumb-destaque .thumb-destaque-01 {width:108px!important; height:45px!important; margin:0 3px 0 0!important;} #content #center #resultado-busca #detalhes-left #destaques #thumb-destaque .thumb-destaque-02 {width:108px!important; height:45px!important; margin:0 3px 0 0!important;} #content #center #resultado-busca #detalhes-left #destaques #thumb-destaque .thumb-destaque-03 {width:108px!important; height:45px!important; margin:0 3px 0 0!important;} #content #center #resultado-busca #detalhes-left #destaques #thumb-destaque .thumb-destaque-04 {width:108px!important; height:45px!important; margin:0 0px 0 0!important;} #content #center #resultado-busca #detalhes-left #destaques #thumb-destaque .marcador{position:relative; width:108px!important; height:12px!important; top:0!important;} #content #center #resultado-busca #detalhes-left #facebook{width:100%!important; display:block; float:left; margin:25px 0 20px 0;} /* programação Brasileira */ #content #left-programacao{position:relative; width:46%; margin:10px 3% 20px 2%;} #content #right-programacao{position:relative; width:45%; margin:-15px 0 20px 0; line-height:19px;} /* Accordion LEFT */ #left dl{width:100%;} #left dd{width:100%;} #left dt.faq{width:98%; height:30px;} #left dt.faq a{width:360px;} #left dt.faq a:hover{width:360px; color:#eda515;} #left dt.activated a{margin:0px 0 5px 0px;} #left dt.activated a:hover{width:360px; color:#eda515;} #left ul#dados-faq {width:96%; list-style:none; margin:0; margin-left:25px;} #left ul#dados-faq li.resposta #scroll-left{overflow:scroll; overflow-x:hidden; max-height:auto; min-height:auto;} /* Accordion RIGHT */ #right dt.activated a{display:table-caption; height:30px; padding:7px 0 5px 20px; margin:-7px 0 5px -2px; color:#fff; background:none; clear:both;} #right-programacao dt.activated a{display:table-caption; height:30px; padding:7px 0 5px 20px; margin:-7px 0 5px -2px; color:#fff; background:none; clear:both;} /* Accordion CENTER */ dt.faq a{width:300px;} #center dl.dlDiario{width:330px!important;} #center dl.dlDiario dt.faq{width:330px; height:30px; padding:7px 0 0 2px; margin:0 0 5px 0;} #center dl.dlDiario dt.faq a{width:330px;} #center dl.dlDiario dt.faq a:hover{width:310px;color:#fcf930; text-decoration:none;} #center dl.dlDiario dt.activated a{width:310px; padding:0px 0 5px 20px; margin:-5px 0 10px -2px; background:url(../img/bg_accordion_over.jpg) no-repeat left -2px; clear:both;} #center dl.dlDiario dt.activated a:hover{width:310px; padding-top:5px; color:#fcf930;} ul#dados-faq li.resposta{width:300px; left:-10px; margin-left:0;} #center dl.dlDiario ul#dados-faq li.resposta #scroll{width:100%!important; padding-left:0px; overflow:scroll; overflow-x:hidden; text-align:justify; height:80%; max-height:300px!important; min-height:35px; } /* Form Cadastro */ #content #left #form-cadastro{position:relative; width:100%; height:280px; margin:10px 0 0px 0; background:none; clear:both;} #content #left #form-cadastro form label.nome{width:400px; height:15px; margin:4px 0 0 0; text-align:left; clear:both;} #content #left #form-cadastro form label.email{width:400px; height:15px; margin:6px 0 0 0; text-align:left; clear:both;} #content #left #form-cadastro form label.cidade{width:400px; height:15px; margin:6px 0 0 0; text-align:left; clear:both;} #content #left #form-cadastro form label.ocupacao{width:400px; height:15px; margin:6px 0 0 0; text-align:left; clear:both;} #content #left #form-cadastro form input.campo_input_nome{width:400px; margin:4px 0 0 0px; background:transparent; border:0; border:1px solid #ccc;} #content #left #form-cadastro form input.campo_input_email{width:400px; margin:4px 0 0 0px; background:transparent; border:0; border:1px solid #ccc;} #content #left #form-cadastro form input.campo_input_cidade{width:400px; margin:4px 0 0 0px; background:transparent; border:0; border:1px solid #ccc;} #content #left #form-cadastro form input.campo_input_ocupacao{width:400px; margin:4px 0 0 0px; background:transparent; border:0; border:1px solid #ccc;} #content #left #form-cadastro form input{font:12px tahoma,geneva,sans-serif; color:#454b37;} #content #left #form-cadastro form .bt-enviar{float:left; margin:10px 0 0 0px; clear:both;} /* Edicoes Anteriores */ #content #center ul#edicoes-anteriores{width:750px!important; margin:10px 0px 10px -14px;} #content #center ul#edicoes-anteriores li{width:140px; margin:10px 10px 10px 0;} #content #center ul#edicoes-anteriores li span{width:132px; margin:4px 0; } #content #center ul#edicoes-anteriores-interna{width:710px!important; margin:10px 0px 10px 0;} #content #center ul#edicoes-anteriores-interna li{display:block; float:left;} #content #center ul#edicoes-anteriores-interna li.left{width:105px; margin:10px 10px 10px 0; text-align:center;} #content #center ul#edicoes-anteriores-interna li.left img{width:105px;} #content #center ul#edicoes-anteriores-interna li.right{width:560px; margin:10px 0 10px 0;} #content #center ul#edicoes-anteriores-interna li.right #vinheta{width:560px!important;} #content #center ul#edicoes-anteriores-interna li.right #vinheta iframe{width:560px!important;} /* Form Contato */ #content #left #form-contato{position:relative; width:400px!important; height:350px; margin:10px 0 0px 0; background:none; clear:both;} #content #left #form-contato form label.nome{width:400px; height:15px; margin:4px 0 0 0; text-align:left; clear:both;} #content #left #form-contato form label.email{width:400px; height:15px; margin:6px 0 0 0; text-align:left; clear:both;} #content #left #form-contato form label.assunto{width:400px; height:15px; margin:6px 0 0 0; text-align:left; clear:both;} #content #left #form-contato form label.msg{width:400px; height:15px; margin:6px 0 0 0; text-align:left; clear:both;} #content #left #form-contato form input.campo_input_nome{width:400px; margin:4px 0 0 0px; background:transparent; border:0; border:1px solid #ccc;} #content #left #form-contato form input.campo_input_email{width:400px; margin:4px 0 0 0px; background:transparent; border:0;border:1px solid #ccc;} #content #left #form-contato form input.campo_input_assunto{width:400px; margin:4px 0 0 0px; background:transparent; border:0; border:1px solid #ccc;} #content #left #form-contato form .campo_textarea{width:400px; height:120px; margin:4px 0 0 0px; background:transparent; border:0; overflow:auto;border:1px solid #ccc;} #content #left #form-contato form input{font:12px tahoma,geneva,sans-serif; color:#454b37;} #content #left #form-contato form .bt-enviar{float:left; margin:10px 0 0 0px; clear:both;} /* Form Cadastro */ #content #left #form-cadastro{position:relative; width:400px; height:280px; margin:10px 0 0px 0; background:none; clear:both;} #content #left #form-cadastro form label.nome{width:400px; height:15px; margin:4px 0 0 0; text-align:left; clear:both;} #content #left #form-cadastro form label.email{width:400px; height:15px; margin:6px 0 0 0; text-align:left; clear:both;} #content #left #form-cadastro form label.cidade{width:400px; height:15px; margin:6px 0 0 0; text-align:left; clear:both;} #content #left #form-cadastro form label.ocupacao{width:400px; height:15px; margin:6px 0 0 0; text-align:left; clear:both;} #content #left #form-cadastro form input.campo_input_nome{width:400px; margin:4px 0 0 0px; background:transparent; border:0; border:1px solid #ccc;} #content #left #form-cadastro form input.campo_input_email{width:400px; margin:4px 0 0 0px; background:transparent; border:0; border:1px solid #ccc;} #content #left #form-cadastro form input.campo_input_cidade{width:400px; margin:4px 0 0 0px; background:transparent; border:0; border:1px solid #ccc;} #content #left #form-cadastro form input.campo_input_ocupacao{width:400px; margin:4px 0 0 0px; background:transparent; border:0; border:1px solid #ccc;} #content #left #form-cadastro form input{font:12px tahoma,geneva,sans-serif; color:#454b37;} #content #left #form-cadastro form .bt-enviar{float:left; margin:10px 0 0 0px; clear:both;} /* ----- Footer ----- */ footer{width:740px; height:170px!important; overflow:none!important;} footer #dados{position:relative; width:740px; height:144px!important; margin:0 auto!important; overflow:none!important; background:url(../img/bg_footer_tablet.jpg) no-repeat center bottom;} footer #dados ul#logos{width:97%; margin:0px 0 0 13px;} footer #dados ul#logos li.webcore{height:26px; margin:150px 0 0 0;} }/* close @media */ /* iPad Portrait/Vertical ############################################################ */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) { #content #center #busca form #left{height:90px; background:none!important;} #content #center #busca form #left .busca-01{width:100%!important; margin:16px 0 0 6px; clear:both!important;} #content #center #busca form #left .busca-02{width:100%!important; margin:10px 0 0 6px; clear:both!important;} #content #center #busca form#frmBuscaPrograma #center{width:720px!important;} } /* iPad Portrait/Vertical ############################################################ */ @media only screen and (min-width:768px) and (max-width:768px) { #content #conteudo #banner{width:768px; height:182px; background:#55160c url(../img/bg_menu_banner_portrait.jpg) no-repeat center top;} #content #conteudo #banner.en{width:768px; height:182px; background:#55160c url(../img/en/bg_menu_banner_en_portrait.jpg) no-repeat center top;} #content #conteudo #banner .laguage{left:-30px;} #accordion-convidados p img{width:100%; height:auto;} #content #conteudo #center p.parceiros img{width:100%; height:auto;} #content #center #busca form #center ul#titulo_02 li{width:21px;} #content #center #busca form #center ul#titulo_02 li a{width:21px;} #content #videos-footer{position:relative; width:700px; margin:0px 0 24px 0;} #content #videos-footer ul#videos-footer li{width:300px; height:254px;} #content #videos-footer ul#videos-footer li h2{width:300px; margin:45px 0 10px 40px;} #content #videos-footer ul#videos-footer li .imagem img{width:310px; height:auto;} #content #videos-footer ul#videos-footer li span{margin:0 0 0 40px;} /* Lightbox + formulario amigo */ #lightbox{position:absolute; top:0%; left:0%; width:310px; height:420px; display:none; z-index:500000;} #lightbox #bg{width:768px; left:0px!important; height:400px; margin:0px auto!important; padding:0px;} #lightbox #fechar {position:relative; width:300px; left:250px!important; height:30px; margin:260px 0 2px 0px; top:20px;} #lightbox #fechar a{width:30px; height:30px; display:block; text-align:right; float:right; } #lightbox #conteudo-lightbox{position:absolute; width:100%; left:210px!important; height:390px; margin:0!important; padding:5px; border:4px solid #e1421b;} #formulario-amigo{position:relative; width:100%; height:390px; background:url(../img/bg_lightbox_amigo_mobile.jpg) no-repeat left top;} #formulario-amigo input.nome{width:174px; height:18px; margin:50px 0 0 114px;} #formulario-amigo input.nome_amigo{width:174px; height:18px; margin:29px 0 0 114px;} #formulario-amigo input.email{width:174px; height:18px; margin:20px 0 0 114px;} #formulario-amigo input.email_amigo{ width:174px; height:18px; margin:32px 0 0 114px;} #formulario-amigo textarea.campo_msg{width:174px; height:82px; margin:38px 0 0 114px;} #formulario-amigo .bt-enviar{margin:22px 5px 0 0px;} footer #menu-footer ul#menu li.column01{width:140px; margin:0 0px 0 0px;} footer #menu-footer ul#menu li.column02{width:150px;} footer #menu-footer ul#menu li.column03{width:146px;} footer #menu-footer ul#menu li.column04{width:300px;} } /* iPad Portrait/Vertical ############################################################ */ @media only screen and (min-width:600px) and (max-width:600px) { footer{height:auto;} footer #menu-footer ul#menu li.column01{width:180px; margin:0 0px 0 10px;} footer #menu-footer ul#menu li.column02{width:180px;} footer #menu-footer ul#menu li.column03{width:180px;} footer #menu-footer ul#menu li.column04{display:none!important;} } /* iPad Landscape/Horizontal ############################################################ */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) { #content #center #busca form#frmBuscaPrograma #center{width:980px!important;} }