/* #Mobile (Portrait) */ @media only screen and (min-width:240px) and (max-width:480px){ body{overflow-x:hidden;} /* Header */ header{position:relative; width:310px!important; margin:0!important; display:block; float:left; background-color:#282828; z-index:100; overflow-x:hidden; clear:both;} header #dados{display:none!important; overflow-x:hidden;} header #dados-mobile{width:310px; height:92px; display:block; background-color:#282828;} header #dados-mobile h1.logo {width:152px; height:36px; display:block; float:left;} header #dados-mobile h1.logo img{width:152px; height:36px;} header ul.sociais{width:60px; height:36px; display:block; float:right; margin:0px; margin-right:10px!important; background:none;} header ul.sociais li{display:block; float:left;} header ul.sociais li.facebook{width:9px; height:14px; margin:6px 10px 0 0px;} header ul.sociais li.twitter{width:9px; height:14px; margin:6px 10px 0 0;} header ul.sociais li.youtube{width:12px; height:14px; margin:6px 0 0 0;} header ul.sociais li.facebook img{width:9px; height:14px;} header ul.sociais li.twitter img{width:9px; height:14px;} header ul.sociais li.youtube img{width:12px; height:14px;} header ul.menu{width:290px!important; margin:6px 0 0 8px; display:block; float:left; padding-top:10px; border-top:2px solid #222; clear:both!important;} header ul.menu li{height:18px; display:block; float:left; margin:0 12px 0 0; font-family:'Gotham'; font-size:8px; font-weight:bold; text-transform:uppercase;} header ul.menu li.last{margin:0;} header ul.menu li.first{margin:0 29px 0 60px;} #dados-mobile ul#menu_suspenso li.menu_suspenso_over_01{z-index:10000000!important;} #dados-mobile ul#menu_suspenso li.menu_suspenso_over_01 ul#sub {position:absolute; width:122px; height:155px; left:-24px; z-index:100000!important; overflow-x:hidden!important;} /* ----- Content ----- */ #content{width:310px; max-width:310px; min-width:310px; height:auto; margin:0px!important; overflow-x:hidden; clear:both;} #content #conteudo{width:310px; max-width:310px; min-width:310px; height:auto!important; margin:0px!important; overflow-x:hidden; clear:both;} #content #conteudo h1.breadcrumb{width:100%; height:24px; font-size:22px; margin:0 0 5px 8px;} /* Banner */ #content #conteudo #banner{width:310px; height:192px; margin:0 0 10px 0px; background:#E3411B url(../img/bg_menu_banner_mobile.jpg) no-repeat left top; z-index:-1;} #content #conteudo #banner.en{width:310px; height:192px; margin:0 0 10px 0px; background:#E3411B url(../img/en/bg_menu_banner_mobile.jpg) no-repeat left top;} #content #conteudo #banner img{width:310px;} #content #conteudo #banner .link-home{width:310px; height:150px; margin:0px; z-index:10!important;} #content #conteudo #banner .laguage{position:absolute; width:79px!important; height:19px!important; margin:0px; right:8px; z-index:10000000; top:8px;} #content #conteudo #banner .laguage img{width:79px!important; height:19px!important;} #content #conteudo #banner ul#menu_banner{display:none;} #content #conteudo #menu-mobile{position:absolute; width:280px; height:40px; margin:0 0 0 16px; top:152px; display:block;} #content #conteudo #menu-mobile .select-top{width:100%; height:26px; margin:6px 0 0 0; border:1px solid #ccc; background:#fff;} #content #conteudo #menu-mobile .titulo{text-transform:uppercase!important;} /* ----- Busca + Redes Sociais ----- */ #content #conteudo #busca-topo{width:310px; height:50px!important; display:block; margin:0 0 8px 0px; left:4px; clear:both!important;} #content #conteudo #busca-topo .busca{width:100%!important; clear:both!important;} #content #conteudo #busca-topo .busca .input-busca{width:130px; height:18px!important; display:block; float:left; padding:0px 3px; border:1px solid #f97b5e;} #content #conteudo #busca-topo .sociais{width:100%!important; left:0px!important; top:8px!important; float:left!important; display:block; text-align:left!important;} #content #conteudo #busca-topo .busca{left:0px;} #content #conteudo #busca-topo .sociais{left:0px!important; top:8px!important; float:left!important; text-align:left!important;} #content #conteudo #busca-topo .sociais .btn-facebook{margin:0 20px 0 0;} /* so Home */ #content #conteudo #mobile #busca-topo{width:310px; height:50px!important; display:block; margin:0 0 10px 0px; clear:both!important;} #content #conteudo #mobile #busca-topo .busca{width:100%!important; clear:both!important;} #content #conteudo #mobile #busca-topo .busca .input-busca{width:130px; height:18px!important; display:block; float:left; padding:0px 3px;} #content #conteudo #mobile #busca-topo .sociais{width:100%!important; left:0px!important; top:8px!important; float:left!important; text-align:left!important;} #content #conteudo #mobile #busca-topo .busca{left:0px;} #content #conteudo #mobile #busca-topo .sociais{left:0px!important; top:8px!important; float:left!important; text-align:left!important;} #content #conteudo #mobile #busca-topo .sociais .btn-facebook{margin:0 20px 0 0;} /* BOX Destaque Home */ #content #box-destaque-home{position:relative!important; width:310px; height:310px; margin:10px 0 20px 0px; clear:both!important;} #content #box-destaque-home ul#imagens{width:310px; margin:0;} #content #box-destaque-home ul#imagens li{display:block; float:left;} #content #box-destaque-home ul#imagens li.left{width:263px;} #content #box-destaque-home ul#imagens li.left .titulo{top:10px!important; left:8px; font-size:19px!important;} #content #box-destaque-home ul#imagens li.btn{width:46px; height:40px; float:left;} #content #box-destaque-home #destaques{position:relative; width:310px; height:270px; display:block; float:left; clear:both!important; background:none;} #content #box-destaque-home #destaques #destaque{position:relative; width:310px; height:auto!important; margin:0 1px 0 0; display:block; float:left;} #content #box-destaque-home #destaques #destaque img{width:310px; height:auto!important; max-height:200px;} #content #box-destaque-home #destaques #destaque-video{width:310px; height:auto!important; margin:0 0 0 -155px; display:block; float:left;} #content #box-destaque-home #destaques #destaque-video iframe{position:relative; width:310px;} #content #box-destaque-home #destaques #destaque01 img, #content #box-destaque-home #destaques #destaque02 img, #content #box-destaque-home #destaques #destaque03 img{position:absolute; width:310px; height:174px!important; min-height:174px!important; left:0; top:176px; right:0; margin:auto; bottom:0;} #content #box-destaque-home #destaques #thumb-destaque{width:310px!important; height:82px; bottom:0; display:block; float:left; margin-top:176px;} #content #box-destaque-home #destaques #thumb-destaque .thumb-destaque-01{width:101px!important; height:78px; margin-left:0px;} #content #box-destaque-home #destaques #thumb-destaque .thumb-destaque-01 a{width:101px!important; height:78px; margin-left:0px;} #content #box-destaque-home #destaques #thumb-destaque .thumb-destaque-01-activated a{width:101px!important; height:78px; margin-left:0px;} #content #box-destaque-home #destaques #thumb-destaque .thumb-destaque-02{width:101px!important; height:78px; margin-left:1px;} #content #box-destaque-home #destaques #thumb-destaque .thumb-destaque-02 a{width:101px!important; height:78px; margin-left:1px;} #content #box-destaque-home #destaques #thumb-destaque .thumb-destaque-02-activated a{width:101px!important; height:78px; margin-left:1px;} #content #box-destaque-home #destaques #thumb-destaque .thumb-destaque-03{width:101px!important; height:78px; margin-left:1px;} #content #box-destaque-home #destaques #thumb-destaque .thumb-destaque-03 a{width:101px!important; height:78px; margin-left:1px;} #content #box-destaque-home #destaques #thumb-destaque .thumb-destaque-03-activated a{width:101px!important; height:78px; margin-left:1px;} #content #box-destaque-home #destaques #thumb-destaque .thumb-destaque-01 img, #content #box-destaque-home #destaques #thumb-destaque .thumb-destaque-02 img, #content #box-destaque-home #destaques #thumb-destaque .thumb-destaque-03 img{width:101px!important; height:78px;} #content #box-destaque-home #destaques #thumb-destaque .thumb-destaque-01-activated img, #content #box-destaque-home #destaques #thumb-destaque .thumb-destaque-02-activated img, #content #box-destaque-home #destaques #thumb-destaque .thumb-destaque-03-activated img{width:101px!important; height:78px;} /* BOX Home Critica */ #content #box-critica{position:relative; width:310px; height:300px; top:0px; margin:0px 0 20px 0px; clear:both!important;} #content #box-critica ul#titulo{width:304px;} #content #box-critica ul#titulo li.left{width:257px;} #content #box-critica ul#titulo li.left .titulo{top:5px; left:5px;} #content #box-critica #box-critica-miolo{position:relative; width:95%; top:0px;} #content #box-critica .critica{width:95%; margin:0 0 10px 0;} #content #box-critica .links{margin-left:1px;} #content #box-critica ul#btn-links-01{width:310px; margin:4px 0 0 0;} #content #box-critica ul#btn-links-01 li.left{width:263px;} #content #box-critica ul#btn-links-01 li.left .titulo{top:14px; left:8px; font-size:16px;} /* BOX Home Programação */ #content #box-programacao{position:relative; width:310px; height:280px; top:0px; margin:20px 0px 0px 0px; clear:both!important;} #content #box-programacao ul#btn-links-01{width:310px; margin:24px 0 0 0;} #content #box-programacao ul#btn-links-01 li{display:block; float:left;} #content #box-programacao ul#btn-links-01 li.left{width:263px;} #content #box-programacao ul#btn-links-01 li.left .titulo{position:relative; top:10px; left:8px; font-size:16px;} #content #box-programacao #programacao{width:100%; margin:0;} #content #box-programacao #programacao #destaque, #content #box-programacao #programacao #destaque.en{width:290px; height:24px; margin:12px 0 0px 2px;} #content #box-programacao #programacao #calendario{position:relative; width:315px; height:160px; margin:4px 0 0px 0px;background:#f2f2f2 url(../img/bg_calendario_mobile.jpg) no-repeat left top;} #content #box-programacao #programacao #calendario.en{position:relative; width:315px; height:160px; margin:4px 0 0px 0px; background:#f2f2f2 url(../img/en/bg_calendario_mobile_en.jpg) no-repeat left top;} #content #box-programacao #programacao #destaque .titulo-por, #content #box-programacao #programacao #destaque.en .titulo-por, #content #box-programacao #programacao #destaque .titulo-por a, #content #box-programacao #programacao #destaque.en .titulo-por a{font-size:16px; font-weight:normal;} #content #box-programacao #programacao #calendario ul#datas{width:315px;} #content #box-programacao #programacao #calendario ul#datas li{width:42px; height:42px; margin:0 2px 2px 0;} #content #box-programacao #programacao #calendario ul#datas li img{width:42px; height:42px; } #content #box-programacao #programacao #calendario ul#datas li a{width:42px; height:42px; font-size:22px;} #content #box-programacao #programacao #calendario ul#datas li a:hover{width:42px; height:42px;} #content #box-programacao #programacao #calendario ul#datas li.active a{background:#e3411b; text-decoration:none; color:#fdb919; text-align:center;} #content #box-programacao #programacao #calendario ul#datas li.branco{width:42px; height:42px;} #content #box-programacao #programacao #calendario ul#datas li span {top:8px!important;} #content #box-programacao #programacao #calendario ul#datas #column01{width:315px; height:42px; margin:50px 0 0 2px;} #content #box-programacao #programacao #calendario ul#datas #column02{width:315px; height:42px; margin:2px 0 0 2px; } #content #box-programacao #programacao #calendario ul#datas #column03{width:315px; height:42px; margin:1px 0 0 2px; } /* BOX Twitter Home */ #content #box-twitter{width:310px; margin:10px 0px 20px 0px; clear:both!important;} #content #box-twitter .siga{position:relative; width:300px; top:-10px!important; padding:5px 5px 0 0px;} #content #box-twitter .siga a{color:#fff;} #content #box-twitter .twitter {position:relative!important; width:300px!important; height:302px; left:4px; clear:both;} /* BOX Twitter Home novo */ #content #left-home #box-twitter-home{width:310px; margin:20px 0px;} #content #left-home #box-twitter-home .siga{width:295px;} #content #left-home #box-twitter-home .twitter { width:307px!important;} /* BOX Twitter Internas */ #content #box-twitter-interna{width:310px; margin:0px 0px 20px 0px; clear:both!important;} #content #box-twitter-interna .siga{position:relative; width:300px; top:-10px!important; padding:5px 5px 0 0px;} #content #box-twitter-interna .siga a{color:#fff;} #content #box-twitter-interna .twitter {position:relative!important; width:300px!important; height:302px; left:4px; clear:both;} /* BOX Home Galeria de fotos */ #content #box-galeria{position:relative; width:310px; top:0; margin:50px 0 20px 0px; clear:both!important;} #content #box-galeria ul#galeria{position:relative; width:310px; margin:0; clear:both;} #content #box-galeria ul#galeria li.left{width:264px;} #content #box-galeria ul#galeria li.left .titulo{position:relative; top:6px; left:10px; font-size:24px;} #content #box-galeria ul#galeria li.btn{width:46px; height:40px;} #content #box-galeria .galleria-container {position:relative; width:310px!important; height:auto!important;} /* geral */ #content #box-galeria .galleria-container img{width:310px!important; height:auto!important;} #content #box-galeria .galleria-stage {position:absolute; width:310px!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;} /* Facebook Galeria interna */ #content #center #galeria {width:310px!important; display:block; float:left; margin:0px 0 20px 0;} /* BOX Home Footer Video */ #content #videos-footer{width:310px; margin:0px 0 24px 0px; clear:both!important;} #content #videos-footer ul#videos-footer{width:310px; margin:0;} #content #videos-footer ul#videos-footer li{width:310px; height:230px;} #content #videos-footer ul#videos-footer li h2{width:220px; margin:0 0 12px 0; clear:both;} #content #videos-footer ul#videos-footer li span{width:96%; display:block; float:left; clear:both;} #content #videos-footer ul#videos-footer li.video_01{margin:0;} #content #videos-footer ul#videos-footer li.video_02{margin:0;} #content #videos-footer ul#videos-footer li.video_03{margin:0;} #content #videos-footer ul#videos-footer li.video_04{margin:0; float:left;} /* LEFT */ #content #left{width:310px; height:auto!important; margin:10px 0 0 0px; clear:both!important;} /* RIGHT */ #content #right{width:310px; margin:10px 0 0 0px; clear:both!important;} /* LEFT - RIGHT HOME */ #content #left-home{position:relative!important; width:310px; top:0; margin:0px 0px 20px 0; clear:both;} #content #right-home{position:relative!important; width:310px; top:0; margin:10px 0 0px 0; clear:both;} /* CENTER */ #content #center{width:96%; margin:10px 0 20px 0.5%; clear:both;} #content #center #resultado-busca{width:99%; margin:0px 0 0 0;} #content #center #resultado-busca h2{font-size: 11px;} #content #center #resultado-busca #barra-titulo{position:relative; width:310px!important; top:0px;} #content #center #resultado-busca #barra-titulo #titulo{width:66%; margin:6px 0 0 6px; padding:2px 0 0 10px; font-size:10px;} #content #center #resultado-busca #barra-titulo #imprimir{display:none;} #content #center #resultado-busca #dados{width:100%!important; margin:0; padding:10px 5px;} #content #center #resultado-busca #dados table#resultado-busca{width:100%; display:inline; float:left; font:10px tahoma,geneva,sans-serif!important;} #content #center #resultado-busca #dados table#resultado-busca thead td .titulo{width:98%!important; font:10px tahoma,geneva,sans-serif; font-weight: bold; clear:both!important;} #content #center #resultado-busca #dados table#resultado-busca thead td.td01{width:18%!important;} #content #center #resultado-busca #dados table#resultado-busca thead td.td02{width:26%!important;} #content #center #resultado-busca #dados table#resultado-busca thead td.td03{width:35%!important;} #content #center #resultado-busca #dados table#resultado-busca thead td.td04{width:98%!important;} #content #center #resultado-busca #dados table#resultado-busca thead td.td04 span{display:none;} #content #center #resultado-busca #dados table#resultado-busca td.td04{width:100%!important; clear:both!important;} #content #center #resultado-busca #dados table#resultado-busca thead td.td04-mobile{DISPLAY:BLOCK; margin-top:15PX; clear:both!important;} #content #center #resultado-busca #dados table#resultado-busca td.td06{width:18%!important;} #content #center #resultado-busca #dados table#resultado-busca td.td07{width:26%!important;} #content #center #resultado-busca #dados table#resultado-busca td.td08{width:54%!important;} #content #center #resultado-busca #dados table#resultado-busca td.td09{width:100%!important; clear:both;} /* Programação */ #content #center #busca{width:100%; height:auto!important; margin:0px; border:none;} #content #center #busca form {width:100%; margin:10px 0; border:none;} #content #center #resultado-busca ul#resultado li.left{width:310px; margin:0; clear:both;} #content #center #resultado-busca ul#resultado li.left img{width:300px; height:180px;} #content #center #resultado-busca ul#resultado li.right{width:310px; margin:0 0 15px 0; clear:both;} #content #center #resultado-busca #detalhes-left{width:300px; margin:0 0 20px 0; clear:both;} #content #center #resultado-busca #detalhes-left #destaques{width:300px; /*height:350px;*/ margin:0; padding:0; top:0;} #content #center #resultado-busca #detalhes-left #destaques #thumb-destaque{width:300px; height:110px; margin:15px 0 10px 0;} #content #center #resultado-busca #detalhes-left #destaques #destaque{position:relative; width:300px; top:30px!important;} #content #center #resultado-busca #detalhes-left #destaques #destaque video{position:relative; width:300px!important; height:auto!important;} #content #center #resultado-busca #detalhes-left #destaques #destaque #destaque0 img{width:300px!important; height:auto!important;} #content #center #resultado-busca #detalhes-left #facebook{width:300px!important; display:block; float:left; margin:30px 0 20px 0;} #content #center #resultado-busca #detalhes-right{width:300px; margin:0 0 0px 0; clear:both;} #content #center #resultado-busca #detalhes-right #dados{width:94%!important; margin:10px 0; padding:6px;} #content #center #resultado-busca #detalhes-right #dados table#resultado-detalhes{width:100%;} #content #center #resultado-busca #detalhes-right #dados table#resultado-detalhes thead td.td01{width:45%!important;} #content #center #resultado-busca #detalhes-right #dados table#resultado-detalhes thead td.td02{width:55%!important;} #content #center #busca form {width:310px; margin:10px 0 14px 0; clear:both!important;} #content #center #busca form #left{width:310px; height:130px!important; margin:0 0px 20px 0; background:url(../img/bg_form_busca_mobile.jpg) no-repeat left top; clear:both!important;} #content #center #busca form #left.en{width:310px; height:130px!important; margin:0 0px 20px 0; background:url(../img/en/bg_form_busca_mobile.jpg) no-repeat left top; clear:both!important;} #content #center #busca form #left .busca-01{width:210px!important; height:26px; margin:36px 0 0 6px;} #content #center #busca form #left .busca-02{width:210px!important; height:26px; margin:27px 0 0 6px;} #content #center #busca form #right{width:310px; height:auto!important; margin:0;} /*#content #center #busca form #right #calendario{position:relative; width:310px; height:138px; margin:0px 0 0px 0px; background:#f2f2f2 url(../img/bg_calendario_mobile.png) no-repeat left top;} #content #center #busca form #right #calendario.en{position:relative; width:310px; height:138px; margin:0px 0 0px 0px; background:#f2f2f2 url(../img/en/bg_calendario_mobile_en.png) no-repeat left top;} #content #center #busca form #right #calendario ul#datas{width:310px; height:138px;} #content #center #busca form #right #calendario ul#datas li{width:41px; height:41px; margin:0 2px 2px 0;} #content #center #busca form #right #calendario ul#datas li a{width:41px; height:41px;} #content #center #busca form #right #calendario ul#datas li a:hover{width:41px; height:41px;} #content #center #busca form #right #calendario ul#datas li.branco{width:41px; height:41px;} #content #center #busca form #right #calendario ul#datas li span {top:8px!important;} #content #center #busca form #right #calendario ul#datas #column00{display:none;} #content #center #busca form #right #calendario ul#datas #column01{width:310px; height:41px; margin:50px 0 0 0px;} #content #center #busca form #right #calendario ul#datas #column02{width:310px; height:41px; margin:2px 0 0 0px;} #content #center #busca form #right #calendario ul#datas #column03{width:310px; height:41px; margin:2px 0 0 0px;}*/ #content #center #busca form #right #calendario{display:none;} #content #center #busca form #right #calendario.en{display:none} #content #center #busca form #right #programacao-mobile{width:100%; margin:0; display:block;} #content #center #busca form #right #programacao-mobile #calendario{position:relative; width:315px; height:200px; display:block; margin:4px 0 0px 0px; background:#f2f2f2 url(../img/bg_calendario_mobile.jpg) no-repeat left top;} #content #center #busca form #right #programacao-mobile #calendario.en{position:relative; width:315px; height:200px; display:block; margin:4px 0 0px 0px; background:#f2f2f2 url(../img/en/bg_calendario_mobile_en.jpg) no-repeat left top;} #content #center #busca form #right #programacao-mobile #destaque{display:none;} #content #center #busca form #right #programacao-mobile #destaque .titulo-por, #content #center #busca form #right #programacao-mobile #destaque.en .titulo-por, #content #center #busca form #right #programacao-mobile #destaque .titulo-por a, #content #center #busca form #right #programacao-mobile #destaque.en .titulo-por a{font-size:16px; font-weight:normal;} #content #center #busca form #right #programacao-mobile #calendario ul#datas{width:315px;} #content #center #busca form #right #programacao-mobile #calendario ul#datas li{width:42px; height:42px; margin:0 2px 2px 0;} #content #center #busca form #right #programacao-mobile #calendario ul#datas li img{width:42px; height:42px; } #content #center #busca form #right #programacao-mobile #calendario ul#datas li a{width:42px; height:42px; font-size:22px;} #content #center #busca form #right #programacao-mobile #calendario ul#datas li a:hover{width:42px; height:42px;} #content #center #busca form #right #programacao-mobile #calendario ul#datas li.active a{background:#e3411b; text-decoration:none; color:#fdb919; text-align:center;} #content #center #busca form #right #programacao-mobile #calendario ul#datas li.branco{width:42px; height:42px;} #content #center #busca form #right #programacao-mobile #calendario ul#datas li span {top:8px!important;} #content #center #busca form #right #programacao-mobile #calendario ul#datas #column01{width:315px; height:42px; margin:50px 0 0 0px;} #content #center #busca form #right #programacao-mobile #calendario ul#datas #column02{width:315px; height:42px; margin:2px 0 0 0px; } #content #center #busca form #right #programacao-mobile #calendario ul#datas #column03{width:315px; height:42px; margin:1px 0 0 0px; } #content #center #busca form #center{width:100%!important; height:auto; margin:0 0 6px 0;} #content #center #busca form #center ul#titulo_01{position:relative; width:100%; height:auto!important; clear:both!important;} #content #center #busca form #center ul#titulo_02 li{width:26px; margin:10px 0 0 0;} #content #left .programe-se{width:94%; height:auto; margin:10px 0 20px 7px; clear:both;} /* programação Brasileira */ #content #left-programacao{width:310px; margin:0px 0 20px 2px; clear:both;} #content #left-programacao p{width:300px; margin:0px;} #content #right-programacao{width:310px; margin:0px 0 20px 2px; line-height:19px; clear:both;} #content #right-programacao ul#dados-faq li.resposta{width:98%;} /* Accordion LEFT */ #left dl{width:310px; display:block; float:left; margin:5px 0 10px 0px;} #left dd{width:100%; display:block; float:left; margin:0px 0 5px 0px;} #left dt.faq{width:100%; padding:7px 0 0 2px; margin:0 0 5px 0;} #left dt.faq a{width:310px; color:#fff; font-size:10px; padding:2px 0 0 14px;} #left dt.faq a:hover{width:310px; color:#eda515;} #left dt.activated a{width:310px; padding:2px 0 0 14px; margin:0px 0 5px 0px; background:none!important;} #left dt.activated a:hover{color:#eda515;} #left #accordion-convidados{width:300px;} #left #accordion-convidados p img{width:300px; height:auto;} /* Accordion RIGHT */ #right dl{width:310px%; display:block; float:left; margin:5px 0 10px 0px;} #right dd{width:100%; display:block; float:left; margin:5px 0 5px 0px;} #right dt.faq{width:100%; height:30px; padding:7px 0 0 2px; margin:0 0 5px 0;} #right dt.faq a{width:310px; color:#fff;} #right dt.faq a:hover{width:270px; color:#eda515; text-decoration:none;} #right dt.activated a{width:270px; padding:0px 0 5px 20px; margin:0px 0 5px -2px; background:none!important; background-position:left top!important; /*background:url(../img/bg_accordion_over.jpg) no-repeat left -7px;*/ clear:both;} #right dt.activated a:hover{color:#eda515;} #right ul#dados-faq {width:310px; list-style:none; margin:0; margin-left:6px;} #right ul#dados-faq li.resposta{width:310px;} #right ul#dados-faq li.resposta #scroll{width:98%!important; left:6px!important; padding-left:0px; overflow:scroll; overflow-x:hidden; text-align:justify; height:80%; max-height:300px!important; min-height:35px; scrollbar-face-color: #236BE1; /* frente */ scrollbar-highlight-color: #F2F2F3; /* sombra left */ scrollbar-darkshadow-color: #F2F2F3; /* sombra right */ scrollbar-shadow-color: #F2F2F3; /* borda right */ scrollbar-3dlight-color: #F2F2F3; /* borda left */ scrollbar-arrow-color: #fff; /* arrows */ scrollbar-track-color: #F2F2F3; /* fundo */ } #right ul#dados-faq li.resposta #scroll p{width:99%; font:12px tahoma,geneva,sans-serif; color:#282828; line-height:16px; margin:0 0 14px 0; display:block; float:left; text-align:justify;} #right ul#dados-faq li.resposta #scroll p a{color:#236be1; text-decoration:none; font-weight:bold;} #right ul#dados-faq li.resposta #scroll p a:hover{color:#236be1; text-decoration:underline;} #right ul#dados-faq li.resposta #scroll {width:99%; font:12px tahoma,geneva,sans-serif; color:#282828; line-height:16px; margin:0 0 14px -12px; display:block; float:left;} #right ul#dados-faq li.resposta #scroll a{color:#236be1; text-decoration:none; font-weight:bold;} #right ul#dados-faq li.resposta #scroll a:hover{color:#236be1; text-decoration:underline;} /* Accordion CENTER */ #center dl.dlDiario{width:310px!important; clear:both;} #center dl.dlDiario dt.faq{width:100%; height:30px; padding:7px 0 0 2px; margin:0 0 5px 0;} #center dl.dlDiario dt.faq a{width:310px; color:#fff;} #center dl.dlDiario dt.faq a:hover{width:270px; color:#eda515; text-decoration:none;} #center dl.dlDiario dt.activated a{width:270px; padding:0px 0 5px 20px; margin:0px 0 5px -2px; background:none!important; /*background:url(../img/bg_accordion_over.jpg) no-repeat left -7px;*/ clear:both;} #center dl.dlDiario dt.activated a:hover{color:#eda515;} #center dl.dlDiario ul#dados-faq li.resposta #scroll{width:96%!important; margin-left:-26px!important; padding-left:0px; overflow:scroll; overflow-x:hidden; text-align:justify; height:80%; max-height:300px!important; min-height:35px; } #center dl{width:310px!important; border:1px solid g;clear:both;} #center dl dt.faq{width:100%; height:30px; padding:7px 0 0 2px; margin:0 0 5px 0;} #center dl dt.faq a{width:310px; color:#fff;} #center dl dt.faq a:hover{width:270px; color:#eda515; text-decoration:none;} #center dl dt.activated a{width:270px; padding:0px 0 5px 20px; margin:0px 0 5px -2px; background:none!important; /*background:url(../img/bg_accordion_over.jpg) no-repeat left -7px;*/ clear:both;} #center dl dt.activated a:hover{color:#eda515;} #center dl ul#dados-faq li.resposta #scroll{width:98%!important; margin-left:0px!important; padding-left:0px; overflow:scroll; overflow-x:hidden; text-align:justify; height:80%; max-height:300px!important; min-height:35px; } /* Edicoes Anteriores */ #content #center ul#edicoes-anteriores{width:310px!important; margin:10px 0px 10px 0px;} #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; display:block; font:12px tahoma,geneva,sans-serif; color:#282828; font-weight:bold; text-align:center;} #content #center ul#edicoes-anteriores-interna{width:310px!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 3px 10px 0; text-align:center; clear:both;} #content #center ul#edicoes-anteriores-interna li.left img{width:105px;} #content #center ul#edicoes-anteriores-interna li.right{width:310px; margin:10px 0 10px 0; font:12px tahoma,geneva,sans-serif; color#282828;} #content #center ul#edicoes-anteriores-interna li.right #vinheta{width:310px!important;} #content #center ul#edicoes-anteriores-interna li.right #vinheta iframe{width:310px!important;} /* Form Contato */ #content #left #form-contato{position:relative; width:310px!important; height:350px; margin:10px 0 0px 0; background:none; clear:both;} #content #left #form-contato form label.nome{width:310px; height:15px; margin:4px 0 0 0; text-align:left; clear:both;} #content #left #form-contato form label.email{width:310px; height:15px; margin:6px 0 0 0; text-align:left; clear:both;} #content #left #form-contato form label.assunto{width:310px; height:15px; margin:6px 0 0 0; text-align:left; clear:both;} #content #left #form-contato form label.msg{width:310px; height:15px; margin:6px 0 0 0; text-align:left; clear:both;} #content #left #form-contato form input.campo_input_nome{width:290px; margin:4px 0 0 0px; background:transparent; border:0; border:1px solid #ccc;} #content #left #form-contato form input.campo_input_email{width:290px; margin:4px 0 0 0px; background:transparent; border:0;border:1px solid #ccc;} #content #left #form-contato form input.campo_input_assunto{width:290px; margin:4px 0 0 0px; background:transparent; border:0; border:1px solid #ccc;} #content #left #form-contato form .campo_textarea{width:290px; 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:100%; height:280px; margin:10px 0 0px 0; background:none; clear:both;} #content #left #form-cadastro form label.nome{width:310px; height:15px; margin:4px 0 0 0; text-align:left; clear:both;} #content #left #form-cadastro form label.email{width:310px; height:15px; margin:6px 0 0 0; text-align:left; clear:both;} #content #left #form-cadastro form label.cidade{width:310px; height:15px; margin:6px 0 0 0; text-align:left; clear:both;} #content #left #form-cadastro form label.ocupacao{width:310px; height:15px; margin:6px 0 0 0; text-align:left; clear:both;} #content #left #form-cadastro form input.campo_input_nome{width:290px; margin:4px 0 0 0px; background:transparent; border:0; border:1px solid #ccc;} #content #left #form-cadastro form input.campo_input_email{width:290px; margin:4px 0 0 0px; background:transparent; border:0; border:1px solid #ccc;} #content #left #form-cadastro form input.campo_input_cidade{width:290px; margin:4px 0 0 0px; background:transparent; border:0; border:1px solid #ccc;} #content #left #form-cadastro form input.campo_input_ocupacao{width:290px; 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;} /* Lightbox + formulario amigo */ #lightbox{position:absolute; top:0%; left:0%; width:310px; height:420px; display:none; z-index:500000;} #lightbox #bg{width:100%; left:0px!important; height:400px; margin:0px!important; padding:10px;} #lightbox #fechar {position:relative; width:300px; left:0px!important; height:30px; margin:260px 0 2px -10px; top:20px;} #lightbox #fechar a{width:30px; height:30px; display:block; text-align:right; float:right; } #lightbox #conteudo-lightbox{position:absolute; width:300px; left:0px!important; height:390px; margin:0!important; padding:5px; border:none;} #formulario-amigo{position:relative; width:300px; 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;} .no_search #left, .no_search #right{display:none;} #content #conteudo #center p.parceiros img{width:100%; height:auto;} /* ----- Footer ----- */ footer{width:310px; max-width:310px; min-width:310px; left:0px; height:auto; margin:0px!important; clear:both; overflow-x:hidden!important;} footer #menu-footer{width:310px; height:618px; margin:0 auto!important; background:url(../img/bg_footer_mobile.jpg) no-repeat left top; overflow-x:hidden!important;} footer #menu-footer ul#logos{width:310px; margin:0 auto;} footer #menu-footer ul#logos li{width:310px;} footer #menu-footer ul#logos li.webcore{width:100%; height:26px; margin:586px 0 5px 0; text-align:left; clear:both;} footer #menu-footer ul#menu{display:none;} /* ----- Facebook ----- */ #content #center #resultado-busca #detalhes-left #facebook #fb-root{width:100%!important;} }/* close */ /* iPhone 4/5 ################################################################################################### */ @media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) { #content #center #busca form #left{height:130px;} #content #center #busca form #left .busca-01{margin:16px 0 0 6px;} #content #center #busca form #left .busca-02{margin:10px 0 0 6px;} #content #center #busca form {width:310px; height:60px!important; margin:0px 0 20px 0!important;} #content #center #busca form #left{background:none!important;} #content #center #busca form #center{width:100%!important; height:auto; margin:0 0 6px 0;} } /* close iPhone 4/5 */