/* Cliente: Warner bros Projeto: WarnerLAB */ /* -------------- PALETA DE CORES -------------- #666 - Textos fonte padrao - 12px */ /* -------------- ORDEM DOS ATRIBUTOS -------------- { position: ; top: ; left: ; clear: ; float: ; display: ; width: ; height: ; margin: ; padding: ; border: ; background: ; font: ; text: ; color: ; } */ /* -------------- ELEMENTOS e CLASSES -------------- */ /* ------- GERAL ------- */ * { margin: 0; padding: 0; z-index: 1; } /* reseta todas as margens, paddings e define o nivel das camadas do site */ /* ------- ELEMENTOS ------- */ a img, form fieldset { border: 0; } form ol { list-style: none; } a { text-decoration: none; } /* ------- CLASSES ------- */ .direita { float: right; } .esquerda { float: left; } p.direita, p.esquerda { float: none; } p.direita { text-align: right; } p.esquerda { text-align: left; } .centro { text-align: center; } /* contendo float */ .contemfloat:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .contemfloat { display: inline-block; } /* Hides from IE-mac \*/ * .contemfloat { height: 1%; } .contemfloat { display: block; } /* End hide from IE-mac */ /* botoes */ a.criar_conta { display: inline-block; width: 117px; height: 30px; background: url(../imagens/botao-criar-conta.png) no-repeat; text-indent: -9999em; overflow: hidden; } a.entrar { display: inline-block; width: 84px; height: 30px; background: url(../imagens/botao-entrar.png) no-repeat; text-indent: -9999em; overflow: hidden; } p.acoes { line-height: 25px; } p.acoes a, p.acoes span { float: left; } html { font-size: 100%; background: black; } body { /*background: url(../imagens/bg-body.jpg); background-position: center top; background-repeat: no-repeat; font: .75em "Lucida Grande", Arial, sans-serif; color: #333; padding: 88px 0 0 18px;*/ background-color: #000; } .limites { width: 1000px; margin: 0 auto; padding: 0 8px; background: url(../imagens/bg-sombra-limites.png) repeat-y; } /* popup */ .popup { display: none; position: absolute; z-index: 10; } .popup a.fechar { float: right; margin-right: 13px; display: block; width: 15px; height: 15px; background: url(../imagens/bg-botao-fechar.png) no-repeat center; text-indent: -9999em; } .ie6 .popup a.fechar, .ie7 .popup a.fechar { position: relative; } .pelicula { position: absolute; top: 0; left: 0; z-index: 9; } /* caminho */ #caminho { width: 435px; height: 535px; padding: 18px 0 18px 22px; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; z-index: 100; } /* topo */ .topo { position: relative; height: 170px; background: #000; /*background: url(../imagens/bg-topo.png) repeat-x;*/ } .opcoes_acesso { background-color: #232323; position: relative; width: 1000px; height: 30px; margin: 0 auto; padding: 0 8px; font-size: .83em; z-index: 11; } .opcoes_acesso li { float: left; list-style: none; background: url(../imagens/separacao-itens-menu-topo.png) 0 center no-repeat; } .opcoes_acesso li.primeiro { background: none; } .opcoes_acesso a { display: block; line-height: 30px; color: #fff; } .opcoes_acesso .menu_secoes { height: 30px; } .opcoes_acesso .menu_secoes a { padding: 0 10px; text-transform: uppercase; } .opcoes_acesso .menu_secoes a:hover { text-decoration: underline; } .opcoes_acesso .painel_usuario { height: 30px; float: right; } .opcoes_acesso .painel_usuario a { padding: 0 20px; } .opcoes_acesso .painel_usuario .usuario_logado { background: none; } .opcoes_acesso .painel_usuario .login a, .opcoes_acesso .painel_usuario .usuario_logado a { padding-left: 25px; background: url(../imagens/icone-login.png) 10px center no-repeat; } .opcoes_acesso .painel_usuario .usuario_logado a span { color: #ed9100; } .opcoes_acesso .painel_usuario .pais a { padding-left: 40px; background: url(../imagens/icone-bandeiras.gif) 15px center no-repeat; } .opcoes_acesso ul li { position: relative; } .opcoes_acesso ul li ul { display: none; position: absolute; top: 30px; left: 0; width: 135px; padding: 5px 11px 23px; background: url(../imagens/bg-menu-popup-topo.png) 0 bottom no-repeat; } .opcoes_acesso ul li ul li { float: none; background: none; } .opcoes_acesso .painel_usuario li.login { background: none; } .opcoes_acesso .painel_usuario li.login .frm_login { display: none; position: absolute; width: 211px; height: 161px; padding: 15px 21px 23px; background: url(../imagens/bg-caixa-login.png) no-repeat; } .opcoes_acesso .painel_usuario li.login:hover .frm_login { display: block; } .opcoes_acesso .painel_usuario li.login .frm_login ul { display: block; position: static; top: 0; width: auto; padding: 0; background: none; } .opcoes_acesso .painel_usuario li.login .frm_login ul li { margin-bottom: 5px; } .opcoes_acesso .painel_usuario li.login .frm_login ul label { float: left; width: 50px; line-height: 20px; } .opcoes_acesso .painel_usuario li.login .frm_login ul input { width: 140px; padding: 2px 5px; border: 1px solid #ddd; } .opcoes_acesso .painel_usuario li.login .frm_login ul.form { padding-bottom: 10px; background: url(../imagens/bg-item-linha-dupla.gif) 0 bottom repeat-x; } .opcoes_acesso .painel_usuario li.login .frm_login a { display: inline; padding: 0; background: none; line-height: normal; color: #db8601; } .opcoes_acesso .painel_usuario li.login .frm_login .facebook { margin-bottom: 10px; padding: 10px 0; background: url(../imagens/bg-item-linha-dupla.gif) 0 bottom repeat-x; } .opcoes_acesso .painel_usuario li.login .frm_login .facebook a { display: block; margin: 0 auto; width: 176px; height: 23px; background: url(../imagens/botao-connect-facebook.png) no-repeat; text-indent: -999em; overflow: hidden; } .opcoes_acesso .painel_usuario li.login .frm_login .outras_opcoes { float: left; padding-right: 15px; } .opcoes_acesso .painel_usuario li.login .frm_login a.botao { display: inline-block; height: 30px; padding-left: 25px; background: url(../imagens/bota-mais-azul.png) no-repeat; font-size: .9em; line-height: 17px; text-shadow: rgba(0,0,0,.2) 2px 2px 0; color: #fff; } .opcoes_acesso .painel_usuario li.login .frm_login a.botao strong { display: inline-block; height: 25px; padding: 5px 25px 0 0; background: url(../imagens/bota-mais-azul.png) right -30px no-repeat; } .opcoes_acesso .painel_usuario li.usuario_logado:hover ul { display: block; } .opcoes_acesso .painel_usuario li.usuario_logado ul li a { padding-left: 35px; padding-right: 0; background: url(../imagens/seta-item-menu-popup.png) 17px center no-repeat; line-height: 24px; color: #333; } .opcoes_acesso .painel_usuario li.pais ul { left: -14px; } .opcoes_acesso .painel_usuario li.pais:hover ul { display: block; } .opcoes_acesso .painel_usuario li.pais ul li a { padding-left: 35px; padding-right: 0; background: url(../imagens/bandeira-br.png) 12px center no-repeat; line-height: 24px; color: #333; } .opcoes_acesso .painel_usuario li.pais ul li.argentina a { background-image: url(../imagens/bandeira-ar.png); } .opcoes_acesso .painel_usuario li.pais ul li.bolivia a { background-image: url(../imagens/bandeira-bo.png); } .opcoes_acesso .painel_usuario li.pais ul li.brasil a { background-image: url(../imagens/bandeira-br.png); } .opcoes_acesso .painel_usuario li.pais ul li.chile a { background-image: url(../imagens/bandeira-ch.png); } .opcoes_acesso .painel_usuario li.pais ul li.colombia a { background-image: url(../imagens/bandeira-co.png); } .opcoes_acesso .painel_usuario li.pais ul li.costa-rica a { background-image: url(../imagens/bandeira-cr.png); } .opcoes_acesso .painel_usuario li.pais ul li.equador a { background-image: url(../imagens/bandeira-ec.png); } .opcoes_acesso .painel_usuario li.pais ul li.el-salvador a { background-image: url(../imagens/bandeira-es.png); } .opcoes_acesso .painel_usuario li.pais ul li.guatemala a { background-image: url(../imagens/bandeira-gt.png); } .opcoes_acesso .painel_usuario li.pais ul li.honduras a { background-image: url(../imagens/bandeira-hn.png); } .opcoes_acesso .painel_usuario li.pais ul li.mexico a { background-image: url(../imagens/bandeira-mx.png); } .opcoes_acesso .painel_usuario li.pais ul li.nicaragua a { background-image: url(../imagens/bandeira-ni.png); } .opcoes_acesso .painel_usuario li.pais ul li.panama a { background-image: url(../imagens/bandeira-pa.png); } .opcoes_acesso .painel_usuario li.pais ul li.peru a { background-image: url(../imagens/bandeira-pe.png); } .opcoes_acesso .painel_usuario li.pais ul li.porto-rico a { background-image: url(../imagens/bandeira-pr.png); } .opcoes_acesso .painel_usuario li.pais ul li.uruguai a { background-image: url(../imagens/bandeira-uy.png); } .opcoes_acesso .painel_usuario li.pais ul li.venezuela a { background-image: url(../imagens/bandeira-ve.png); } .opcoes_acesso .painel_usuario li.pais ul li.eua a { background-image: url(../imagens/bandeira-us.gif); } .opcoes_acesso .painel_usuario li.pais ul li.america-latina a { background-image: url(../imagens/bandeira-la.gif); } .opcoes_acesso .painel_usuario li.pais ul li.japao a { background-image: url(../imagens/bandeira-jp.gif); } .opcoes_acesso .painel_usuario li.pais ul li.espanha a { background-image: url(../imagens/bandeira-es.gif); } .opcoes_acesso .painel_usuario li.pais ul li.alemanha a { background-image: url(../imagens/bandeira-de.gif); } .opcoes_acesso .painel_usuario li.pais ul li.belgica a { background-image: url(../imagens/bandeira-be.gif); } .opcoes_acesso .painel_usuario li.pais ul li.holanda a { background-image: url(../imagens/bandeira-nl.gif); } .opcoes_acesso .painel_usuario li.pais ul li.portugal a { background-image: url(../imagens/bandeira-pt.gif); } .opcoes_acesso .painel_usuario li.pais ul li.canada a { background-image: url(../imagens/bandeira-ca.gif); } .opcoes_acesso .painel_usuario li.pais ul li.italia a { background-image: url(../imagens/bandeira-it.gif); } .opcoes_acesso .painel_usuario li.pais ul li.franca a { background-image: url(../imagens/bandeira-fr.gif); } .opcoes_acesso .painel_usuario li.pais ul li.reino-unido a { background-image: url(../imagens/bandeira-gb.gif); } .topo .frmbusca { float: right; padding: 20px 20px 0 22px; background: url(../imagens/icone-lupa-busca.gif) 0 bottom no-repeat; } .topo .frmbusca input { margin-right: 5px; border: 0; border: 1px solid #b7b7b7; background: none; color: #242424; } .topo .frmbusca input.botao { border: 0; background: none; font-weight: bold; font-size: .83em; text-transform: lowercase; color: #242424; cursor: pointer; } .topo h2 { padding: 83px 0 0 173px; zoom: 1; background-color: #fff} * html .topo h2 { padding-top: 50px; } .topo h2 a.home { display: block; width: 773px; /*height: 38px;*/ height: 50px; background: url(../imagens/titulo-topo.png) no-repeat; text-indent: -999em; overflow: hidden; } .topo h2 a.home span { position: absolute; top: 30px; left: 46px; display: block; width: 120px; height: 118px; background: url(../imagens/logo.png) no-repeat; text-indent: -999em; overflow: hidden; } * html .topo h2 a.home span { top: -3px; } .topo .menu { height: 33px; margin-top: 6px; background-color: #154f8b; /*background-color: #ed9100;*/ overflow: hidden; } .topo .menu li { float: left; height: 33px; list-style: none; } .topo .menu li a { float: left; display: block; height: 33px; background: url(../imagens/bg-menu-topo.png) no-repeat; font-weight: bold; font-size: 14px; line-height: 33px; text-shadow: rgba(0,0,0,.2) 2px 2px 1px; text-transform: uppercase; text-align: center; color: #fff; } .topo .menu li.home a { width: 233px; padding-right: 20px; text-align: right; } .topo .menu li.home a:hover, .topo .menu li.home a.ativo { background-position: 0 -33px; } .topo .menu li.movies a { width: 83px; background-position: -349px 0; } .topo .menu li.movies a:hover, .topo .menu li.movies a.ativo { background-position: -349px -33px; } .topo .menu li.warnerlab a { width: 113px; background-position: -461px 0; } .topo .menu li.warnerlab a:hover, .topo .menu li.warnerlab a.ativo { background-position: -461px -33px; } .topo .menu li.warnermaniacs a { width: 144px; background-position: -604px 0; } .topo .menu li.warnermaniacs a:hover, .topo .menu li.warnermaniacs a.ativo { background-position: -604px -33px; } .topo .menu li.exhibitors a { width: 243px; padding-left: 20px; background-position: -748px 0; text-align: left; background-color: #FD9B00; } .topo .menu li.exhibitors a:hover, .topo .menu li.exhibitors a.ativo { background-position: -748px -33px; background-color: #0A88B7; } .topo .compartilhe { position: absolute; right: 5px; bottom: 0; width: 64px; height: 30px; } .topo .compartilhe li { float: left; width: 30px; height: 30px; list-style: none; } .topo .compartilhe li a { display: block; width: 30px; height: 30px; background: url(../imagens/icones-redes-sociais.png) no-repeat; text-indent: -999em; overflow: hidden; } .topo .compartilhe li a:hover { background-position: 0 -30px; } .topo .compartilhe li.twitter a { background-position: -30px 0; } .topo .compartilhe li.twitter a:hover { background-position: -30px -30px; } /* conteudo */ .conteudo .paginacao { padding-top: 13px; list-style: none; text-align: center; } .conteudo .paginacao li { display: inline; font-weight: bold; } .conteudo .paginacao li a { display: inline-block; padding: 0 4px 0 10px; background: url(../imagens/separacao-itens-paginacao.gif) 0 center no-repeat; font-weight: bold; color: #999; } * html .conteudo .paginacao li a { display: inline; } .conteudo .paginacao li a.ativo { position: relative; top: 1px; font-size: 1.16em; } .conteudo .paginacao li.primeiro a { background: none; } .conteudo .paginacao li.anterior a, .conteudo .paginacao li.proximo a { color: #333; } .conteudo .paginacao li.anterior a:hover, .conteudo .paginacao li.proximo a:hover, .conteudo .paginacao li a.ativo, .conteudo .paginacao li a:hover { color: #c66; } .conteudo .paginacao li.anterior a { padding-left: 13px; background: url(../imagens/seta-esquerda-preta.gif) 0 center no-repeat; } .conteudo .paginacao li.proximo a { padding-right: 13px; background: url(../imagens/seta-direita-preta.gif) right center no-repeat; } .conteudo .paginacao li.anterior a:hover { background-image: url(../imagens/seta-esquerda-rosa.gif); } .conteudo .paginacao li.proximo a:hover { background-image: url(../imagens/seta-direita-rosa.gif); } /* rodape */ .rodape { width: 975px; margin: 0 auto; padding: 4px 13px 40px 28px; background: url(../imagens/bg-rodape.png) no-repeat; } .rodape p { font-size: .83em; color: #ebebeb; } .rodape .redes_sociais { float: right; width: 286px; } .rodape .redes_sociais h5 { float: left; padding-top: 1px; font-weight: normal; font-size: .83em; text-transform: uppercase; color: #999; } .rodape .redes_sociais ul { height: 16px; list-style: none; } .rodape .redes_sociais ul li { float: left; width: 16px; height: 16px; padding-left: 5px; } .rodape .redes_sociais ul li a { display: block; width: 16px; height: 16px; background: url(../imagens/icones-varias-redes-sociais.png) no-repeat; text-indent: -999em; overflow: hidden; } .rodape .redes_sociais ul li.feeds a { background-position: -16px 0; } .rodape .redes_sociais ul li.twitter a { background-position: -32px 0; } .rodape .redes_sociais ul li.digg a { background-position: -48px 0; } .rodape .redes_sociais ul li.technorati a { background-position: -64px 0; } .rodape .redes_sociais ul li.myspace a { background-position: -80px 0; } .rodape .redes_sociais ul li.facebook a { background-position: -96px 0; } .rodape .redes_sociais ul li.delicious a { background-position: -112px 0; } .rodape .redes_sociais ul li.orkut a { background-position: -128px 0; } .rodape .redes_sociais ul li.feeds a:hover { background-position: -16px -16px; } .rodape .redes_sociais ul li.twitter a:hover { background-position: -32px -16px; } .rodape .redes_sociais ul li.digg a:hover { background-position: -48px -16px; } .rodape .redes_sociais ul li.technorati a:hover { background-position: -64px -16px; } .rodape .redes_sociais ul li.myspace a:hover { background-position: -80px -16px; } .rodape .redes_sociais ul li.facebook a:hover { background-position: -96px -16px; } .rodape .redes_sociais ul li.delicious a:hover { background-position: -112px -16px; } .rodape .redes_sociais ul li.orkut a:hover { background-position: -128px -16px; } .rodape .trabalhe_conosco { float: right; margin-right: 15px; padding-right: 15px; border-right: 1px solid #444; } .rodape .trabalhe_conosco a { color: #999; text-transform: uppercase; font-size: 13px; } .rodape .menu { padding: 2px 0 13px; list-style: none; font-size: .83em; text-transform: uppercase; } .rodape .menu li { display: inline; } .rodape .menu li:first-child { margin-right: 8px; padding-right: 10px; border-right: 1px solid #444; } .rodape .menu a { color: #999; } /* -------- POP UPS -------- */ .popup { display: none; z-index: 3; } .pelicula { position: absolute; top: 0; left: 0; width: 100%; z-index: 10; } /* favoritos */ #popup_favoritos { position: absolute; top: 4px !important; left: 132px !important; width: 354px; height: 122px; padding: 18px 63px 0 23px; background: url(../imagens/bg-popup-favoritos.png) no-repeat; z-index: 11; } *+html #popup_favoritos { background: url(../imagens/bg-popup-favoritos-ie7.gif) no-repeat; } #popup_favoritos a.fechar { float: right; display: block; width: 9px; height: 9px; background: url(../imagens/botao-fechar-pequeno.png) no-repeat; text-indent: -999em; overflow: hidden; } #popup_favoritos h4 { margin-bottom: 10px; text-transform: uppercase; color: #063f74; } #popup_favoritos p { margin-bottom: 10px; } /* assistir */ #popup_assistir { position: absolute; top: 5px !important; left: 89px !important; width: 398px; height: 122px; padding: 18px 63px 0 23px; background: url(../imagens/bg-popup-assistir.png) no-repeat; z-index: 11; } *+html #popup_assistir { background: url(../imagens/bg-popup-assistir-ie7.gif) no-repeat; } #popup_assistir a.fechar { float: right; display: block; width: 9px; height: 9px; background: url(../imagens/botao-fechar-pequeno.png) no-repeat; text-indent: -999em; overflow: hidden; } #popup_assistir h4 { margin-bottom: 10px; text-transform: uppercase; color: #063f74; } #popup_assistir p { margin-bottom: 10px; } /* compartilhe */ .popup_compartilhe { position: absolute; width: 603px; height: 243px; padding: 30px 34px 0; background: url(../imagens/bg-popup-compartilhe.png) no-repeat; } .popup_compartilhe a.fechar { float: right; display: block; width: 9px; height: 9px; background: url(../imagens/botao-fechar-pequeno.png) no-repeat; text-indent: -999em; overflow: hidden; } .popup_compartilhe h4 { margin-bottom: 15px; text-transform: uppercase; color: #063f74; } .popup_compartilhe label { display: block; margin-bottom: 8px; padding-left: 26px; color: #666; line-height: 16px; } .popup_compartilhe input[type=text], .popup_compartilhe textarea { padding: 2px 3px; border: 1px solid #e4e4e4; font-size: 1em; color: #333; } .popup_compartilhe .emails_amigo { float: left; width: 240px; } .popup_compartilhe .emails_amigo label { background: url(../imagens/icone-email.png) no-repeat; } .popup_compartilhe .emails_amigo input { float: left; width: 190px; } .popup_compartilhe .emails_amigo a.adicionar { position: relative; top: -3px; display: block; width: 39px; height: 30px; background: url(../imagens/botao-adicionar.png) no-repeat; text-indent: -999em; overflow: hidden; } .popup_compartilhe .emails_amigo .emails_cadastrado { width: 230px; height: 88px; overflow-y: auto; } .popup_compartilhe .emails_amigo ul { clear: both; width: 208px; border: 1px solid #ddd; } .popup_compartilhe .emails_amigo ul li { padding: 0 6px 0 9px; border-top: 1px solid #ddd; background-color: #f4f4f4; line-height: 27px; } .popup_compartilhe .emails_amigo ul li:hover { background-color: #fff; } .popup_compartilhe .emails_amigo ul li:first-child { border-top: 0; } .popup_compartilhe .emails_amigo a.excluir { float: right; display: block; width: 23px; height: 23px; margin-top: 2px; background: url(../imagens/botao-remover.png) no-repeat; text-indent: -999em; overflow: hidden; } .popup_compartilhe .mensagem { margin-left: 272px; } .popup_compartilhe .mensagem label { background: url(../imagens/icone-escrever.png) no-repeat; } .popup_compartilhe .mensagem textarea { width: 295px; height: 90px; margin-bottom: 13px; padding: 10px; font: 1em Arial, sans-serif; } .popup_compartilhe a.botao { display: block; width: 88px; height: 30px; border: 0; background: url(../imagens/botao-enviar.png) no-repeat; text-indent: -999em; overflow: hidden; cursor: pointer; } /* politica */ .popup_politica { position: absolute; width: 531px; height: 592px; padding: 10px 17px 0 11px; background: url(../imagens/bg-popup-texto.png) no-repeat; } .popup_politica a.fechar { float: right; display: block; width: 20px; height: 21px; background: url(../imagens/botao-fechar-popup.png) no-repeat; text-indent: -999em; overflow: hidden; } .popup_politica h4 { width: 335px; height: 65px; margin: 17px 0 20px 27px; background: url(../imagens/logo-warnerlab-pequena.png) no-repeat; text-indent: -999em; overflow: hidden; } .popup_politica .texto { height: 397px; margin: 0 31px 20px; padding-right: 25px; color: #fff; overflow-y: auto; } .popup_politica .texto p, .popup_politica .texto ul { margin-bottom: 10px; } .popup_politica .texto p span, .popup_politica .texto a { color: #fa9900; } .popup_politica .texto a { text-decoration: underline; } .popup_politica .texto h5 { margin-bottom: 10px; font-size: 1em; color: #fa9900; } .popup_politica a.aceitar { float: none; display: block; width: 93px; height: 30px; margin: 0 auto; background: url(../imagens/botao-aceito-termos.png) no-repeat; text-indent: -999em; overflow: hidden; } /* termos */ .popup_termos { position: absolute; width: 531px; height: 592px; padding: 10px 17px 0 11px; background: url(../imagens/bg-popup-texto.png) no-repeat; } .popup_termos a.fechar { float: right; display: block; width: 20px; height: 21px; background: url(../imagens/botao-fechar-popup.png) no-repeat; text-indent: -999em; overflow: hidden; } .popup_termos h4 { width: 335px; height: 65px; margin: 17px 0 20px 27px; background: url(../imagens/logo-warnerlab-pequena.png) no-repeat; text-indent: -999em; overflow: hidden; } .popup_termos .texto { height: 397px; margin: 0 31px 20px; padding-right: 25px; color: #fff; overflow-y: auto; } .popup_termos .texto p, .popup_termos .texto ul { margin-bottom: 10px; } .popup_termos .texto p span, .popup_termos .texto a { color: #fa9900; } .popup_termos .texto a { text-decoration: underline; } .popup_termos .texto h5 { margin-bottom: 10px; font-size: 1em; color: #fa9900; } .popup_termos a.aceitar { float: none; display: block; width: 93px; height: 30px; margin: 0 auto; background: url(../imagens/botao-aceito-termos.png) no-repeat; text-indent: -999em; overflow: hidden; } /* popup logar */ #popup_logar { width: 335px; height: 120px; padding: 20px 30px 0; background: url(../imagens/bg-popup-confirmacao-remocao.png) no-repeat; color: #666; } #popup_logar a.fechar { display: block; width: 9px; height: 9px; background: url(../imagens/botao-fechar.gif) no-repeat; text-indent: -999em; overflow: hidden; } #popup_logar h4 { margin-bottom: 8px; font-weight: normal; font-size: 1.16em; text-transform: uppercase; color: #063f74; } #popup_logar p { width: 240px; margin-bottom: 5px; } /* popup logar */ #popup_aviso { width: 335px; height: 120px; padding: 20px 30px 0; background: url(../imagens/bg-popup-confirmacao-remocao.png) no-repeat; color: #666; z-index: 21; } #popup_aviso a.fechar { display: block; width: 9px; height: 9px; background: url(../imagens/botao-fechar.gif) no-repeat; text-indent: -999em; overflow: hidden; } #popup_aviso h4 { margin-bottom: 8px; font-weight: normal; font-size: 1.16em; text-transform: uppercase; color: #063f74; } #popup_aviso p { width: 240px; margin-bottom: 5px; } /* popup recuperar senha */ #recuperar_senha, #recuperar_senha_sucesso { background: url("../imagens/bg-popup-recuperacao-senha.png") no-repeat scroll 0 0 transparent; color: #666666; height: 120px; padding: 20px 30px 0; width: 335px; } #recuperar_senha a.fechar, #recuperar_senha_sucesso a.fechar { background: url("../imagens/botao-fechar.gif") no-repeat scroll 0 0 transparent; display: block; height: 9px; overflow: hidden; text-indent: -999em; width: 9px;} #recuperar_senha h4, #recuperar_senha_sucesso h4 { background: url("../imagens/bg-item-linha-dupla.gif") repeat-x scroll 0 bottom transparent; color: #063F74; font-size: 1.16em; font-weight: normal; padding-bottom: 10px; margin-bottom: 8px; text-transform: uppercase; } #recuperar_senha p, #recuperar_senha_sucesso p { margin-bottom: 5px; } #recuperar_senha a.botao { background: url("../imagens/bota-mais-azul.png") no-repeat scroll 0 0 transparent; color: #FFFFFF; display: inline-block; float: right; font-size: 0.9em; height: 30px; line-height: 17px; padding-left: 25px; text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.2); } #recuperar_senha a.botao strong { background: url("../imagens/bota-mais-azul.png") no-repeat scroll right -30px transparent; display: inline-block; height: 25px; padding: 5px 25px 0 0; } #recuperar_senha input{ border: 1px solid #DDDDDD; padding: 2px 5px; width: 140px; } /* warner point */ .warner_point { display: none; position: absolute; width: 320px; height: 213px; padding: 15px 25px 0 32px; background: url(../imagens/balao-points-warner-maniacs.png) no-repeat; z-index: 3; } .warner_point a { float: right; display: block; width: 9px; height: 9px; background: url(../imagens/botao-fechar.gif) no-repeat; text-indent: -999em; overflow: hidden;} .warner_point h4 { margin-bottom: 10px; text-transform: uppercase; font-size: 1.16em; color: #063f74; } .warner_point .dados { height: 142px; padding-right: 10px; overflow-y: hidden; } .warner_point ul { border: 1px solid #ddd; font-size: .91em; color: #333; } .warner_point ul li { padding: 0 6px 0 29px; border-top: 1px solid #ddd; background: #f4f4f4 url(../imagens/icone-warner.png) 5px center no-repeat; line-height: 27px; } .warner_point ul li:hover { background-color: #fff; } .warner_point ul li:first-child { border-top: 0; } #confirmar_remocao { width: 335px; height: 120px; padding: 20px 30px 0; background: url(../imagens/bg-popup-confirmacao-remocao.png) no-repeat; color: #666; } #confirmar_remocao a.fechar { display: block; width: 9px; height: 9px; background: url(../imagens/botao-fechar.gif) no-repeat; text-indent: -999em; overflow: hidden; } #confirmar_remocao h4 { margin-bottom: 8px; font-weight: normal; font-size: 1.16em; text-transform: uppercase; color: #063f74; } #confirmar_remocao p { width: 240px; margin-bottom: 5px; } #confirmar_remocao a.remover { float: left; display: block; width: 177px; height: 30px; background: url(../imagens/botao-remover-favoritos.png) no-repeat; text-indent: -999em; overflow: hidden; } #confirmar_remocao span { float: left; display: block; padding: 5px 10px 0; } #confirmar_remocao a.cancelar { float: left; display: block; width: 92px; height: 30px; background: url(../imagens/botao-cancelar.png) no-repeat; text-indent: -999em; overflow: hidden; } #ja_assisti { width: 335px; height: 120px; padding: 20px 30px 0; background: url(../imagens/bg-popup-confirmacao-remocao.png) no-repeat; color: #666; } #ja_assisti a.fechar { display: block; width: 9px; height: 9px; background: url(../imagens/botao-fechar.gif) no-repeat; text-indent: -999em; overflow: hidden; } #ja_assisti h4 { margin-bottom: 14px; font-weight: normal; font-size: 1.16em; text-transform: uppercase; color: #063f74; } #ja_assisti p { margin-bottom: 14px; } #ja_assisti a.remover { float: left; display: block; width: 191px; height: 30px; background: url(../imagens/botao-remover-filme-assistido.png) no-repeat; text-indent: -999em; overflow: hidden; } #ja_assisti span { float: left; display: block; padding: 5px 10px 0; } #ja_assisti a.cancelar { float: left; display: block; width: 92px; height: 30px; background: url(../imagens/botao-cancelar.png) no-repeat; text-indent: -999em; overflow: hidden; } /* -------------- PAGINAS -------------- */ /* ------- HOME ------- */ .home .filme_destaque { height: 333px; padding: 15px 0 0 16px; background: url(../imagens/bg-filme-destaque-home.png) center 0 no-repeat; overflow: hidden; } .home .filme_destaque .itens_filme { position: relative; float: left; width: 393px; height: 296px; padding-top: 34px; background: url(../imagens/bg-menu-itens-info-filme-destaque.png) 0 30px no-repeat; z-index: 20; } .home .filme_destaque .itens_filme h4 { position: absolute; top: -12px; left: -5px; width: 173px; height: 36px; padding: 20px 10px 0px 10px; background: url(../imagens/bg-item-ativo-menu-info-filme-destaque.png) no-repeat; font-weight: normal; font-size: 1.1em; text-transform: uppercase; text-shadow: rgba(0,0,0,.2) 2px 2px 0; text-align: center; color: #fff; line-height: 0.9em; font-family:Lucida Sans, Arial; font-weight:bold; } .home .filme_destaque .itens_filme .data { position: absolute; top: -5px; left: 177px; width: 186px; height: 22px; padding-top: 17px; background: url(../imagens/bg-item-menu-info-filme-destaque.png) no-repeat; font-size: .83em; text-transform: uppercase; text-shadow: rgba(0,0,0,.2) 2px 2px 0; text-align: center; color: #fff; font-family:Lucida Sans, Arial; } .home .filme_destaque .itens_filme .imagem { float: left; clear: left; width: 195px; height: 286px; margin-left: 2px; padding: 2px 0 0 3px; background: url(../imagens/sombra-capa-filme-destaque-home.png) no-repeat; overflow: hidden; } .home .filme_destaque .itens_filme .imagem img{ clip: rect(0pt, 280px, 190px, 0pt); height: 280px; width: 190px; } .home .filme_destaque .itens_filme .opcoes_info_filme { position: relative; top: 10px; margin-left: 195px; height: 260px; } * html .home .filme_destaque .itens_filme .opcoes_info_filme { width: 186px; } .home .filme_destaque .itens_filme .opcoes_info_filme .anterior, .home .filme_destaque .itens_filme .opcoes_info_filme .proximo { position: absolute; display: block; width: 22px; height: 18px; text-indent: -999em; overflow: hidden; } .home .filme_destaque .itens_filme .opcoes_info_filme .anterior { top: -4px; left: 85px; background: url(../imagens/seta-branca-cima.png) center no-repeat; } .home .filme_destaque .itens_filme .opcoes_info_filme .proximo { top: 254px; left: 85px; background: url(../imagens/seta-branca-baixo.png) center no-repeat; } .home .filme_destaque .itens_filme .opcoes_info_filme .menu { padding: 0px 0 2px; background: url(../imagens/bg-item-filme-destaque.png) 0 bottom no-repeat; list-style: none; font-size:12px; font-family: Lucida Sans, Arial; } .home .filme_destaque .itens_filme .opcoes_info_filme .menu li { height: 36px; padding-top: 2px; background: url(../imagens/bg-item-filme-destaque.png) no-repeat; line-height: 36px; } .home .filme_destaque .itens_filme .opcoes_info_filme .menu li a { display: block; height: 36px; padding-left: 77px; color: #fff; outline: none; } html > body .home .filme_destaque .itens_filme .opcoes_info_filme .menu li.ativo { width: 218px; position: relative; background: url(../imagens/bg-item-ativo-filme-destaque.png) 0 center no-repeat; } .home .filme_destaque .itens_filme .opcoes_info_filme .menu li.trailer a { background: url(../imagens/icone-trailer.png) 46px center no-repeat; } .home .filme_destaque .itens_filme .opcoes_info_filme .menu li.sinopse a { background: url(../imagens/icone-sinopse.png) 47px center no-repeat; } .home .filme_destaque .itens_filme .opcoes_info_filme .menu li.fotos a { background: url(../imagens/icone-fotos.png) 43px center no-repeat; } .home .filme_destaque .itens_filme .opcoes_info_filme .menu li.site a { background: url(../imagens/icone-site-oficial.png) 44px center no-repeat; } .home .filme_destaque .itens_filme .opcoes_info_filme .menu li.tickets a { background: url(../imagens/icone-tickets.png) 44px center no-repeat; } .home .filme_destaque .itens_filme .opcoes_info_filme .menu li.mais a { background: url(../imagens/icone-mais-info.png) 49px center no-repeat; } .home .filme_destaque .itens_filme .opcoes_info_filme .menu li.facebook a { background: url(../imagens/icone-facebook.png) 45px center no-repeat; } .home .filme_destaque .itens_filme .opcoes_info_filme .menu li.trailer a:hover { width: 218px; background: url(../imagens/icone-trailer-over.png) 0 center no-repeat; } .home .filme_destaque .itens_filme .opcoes_info_filme .menu li.sinopse a:hover { width: 218px; background: url(../imagens/icone-sinopse-over.png) 0 center no-repeat; } .home .filme_destaque .itens_filme .opcoes_info_filme .menu li.fotos a:hover { width: 218px; background: url(../imagens/icone-fotos-over.png) 0 center no-repeat; } .home .filme_destaque .itens_filme .opcoes_info_filme .menu li.site a:hover { width: 218px; background: url(../imagens/icone-site-oficial-over.png) 0 center no-repeat; } .home .filme_destaque .itens_filme .opcoes_info_filme .menu li.tickets a:hover { width: 218px; background: url(../imagens/icone-tickets-over.png) 0 center no-repeat; } .home .filme_destaque .itens_filme .opcoes_info_filme .menu li.mais a:hover { width: 218px; background: url(../imagens/icone-mais-info-over.png) 0 center no-repeat; } .home .filme_destaque .itens_filme .opcoes_info_filme .menu li.facebook a:hover { width: 218px; background: url(../imagens/icone-facebook-over.png) 0 center no-repeat; } .home .filme_destaque .conteudo_filme { position: relative; width: 572px; height: 321px; margin-left: 399px; padding-bottom: 14px; background: url(../imagens/bg-conteudo-filme-destaque-home.png) no-repeat; z-index: 10; } .home .filme_destaque .sinopse_filme { display: none; width: 522px; height: 295px; padding: 20px 20px 20px 30px; margin-left: 399px; padding-bottom: 14px; background: url(../imagens/bg-conteudo-filme-destaque-home.png) no-repeat; } .home .filme_destaque .sinopse_filme .texto { height: 281px; padding-right: 20px; background-color: #000; color: #fff; overflow-y: auto; } .home .filme_destaque .sinopse_filme .texto p { margin-bottom: 15px; } .home .filme_destaque .fotos_filme { display: none; width: 572px; height: 321px; padding-bottom: 14px; margin-left: 399px; padding-bottom: 14px; background: url(../imagens/bg-conteudo-filme-destaque-home.png) no-repeat; } .home .filme_destaque .fotos_filme .galeria { position: relative; width: 572px; height: 321px; background-color: #000; overflow: hidden; } .home .filme_destaque .fotos_filme .galeria ul { width: 572px; height: 321px; } .home .filme_destaque .fotos_filme .galeria ul li { display: none; position: absolute; width: 572px; height: 321px; overflow: hidden; } .home .filme_destaque .fotos_filme .galeria .anterior, .home .filme_destaque .fotos_filme .galeria .proximo { position: absolute; top: 0; display: block; width: 65px; height: 321px; background: url(../imagens/setas-carrossel.png) 46px center no-repeat; text-indent: -999em; overflow: hidden; z-index: 5; outline: none; } .home .filme_destaque .fotos_filme .galeria .anterior:active, .home .filme_destaque .fotos_filme .galeria .proximo:active { top: 1px; } .home .filme_destaque .fotos_filme .galeria .anterior { left: 0; } .home .filme_destaque .fotos_filme .galeria .proximo { right: 0; background-position: -19px center; } .home .carrossel_filmes { position: relative; height: 206px; margin-bottom: 25px; background: url(../imagens/bg-carrossel.png) center 0 no-repeat; font-family: Lucida Sans, Arial; font-weight:bold; font-size:11px; } .home .carrossel_filmes .anterior, .home .carrossel_filmes .proximo { position: absolute; top: 80px; display: block; width: 19px; height: 29px; background: url(../imagens/setas-carrossel.png) no-repeat; text-indent: -999em; overflow: hidden; z-index: 5; } .home .carrossel_filmes .anterior { left: 45px; } .home .carrossel_filmes .proximo { right: 45px; background-position: -19px 0; } .home .carrossel_filmes .inativo { opacity: .3; cursor: default; } .home .carrossel_filmes .mascara { position: relative; width: 840px; height: 184px; margin: 0 80px; padding-top: 6px; overflow: hidden; } .home .carrossel_filmes ul { height: 184px; list-style: none; } .home .carrossel_filmes ul li { width: 140px; height: 184px; float: left; } .home .carrossel_filmes ul li .imagem { width: 107px; height: 151px; margin: 0 auto; padding: 5px 0 0 6px; background: url(../imagens/sombra-capa-carrossel-home.png) no-repeat; } .home .carrossel_filmes ul li .imagem img {clip: rect(0pt, 99px, 146px, 0pt); width: 99px; height: 146px; } .home .carrossel_filmes ul li p { padding: 0 20px 0; line-height: 12px; font-size: .9em; text-transform: uppercase; text-align: center; color: #fff; } .home .carrossel_filmes ul li p span { display: block; } .home .carrossel_filmes ul li.destaque p { color: #f6a800; } .home .carrossel_filmes ul li a { position: absolute; display: block; width: 159px; height: 206px; margin: -181px 0 0 -11px; background: url(../imagens/moldura-destaque-carrossel.png) 0 -999em no-repeat; text-indent: -999em; overflow: hidden; } .home .carrossel_filmes ul li a:hover, .home .carrossel_filmes ul li.ativo a { background-position: 0 0; } .home .erro_processamento { height: 387px; margin-bottom: 20px; padding: 140px 0 0 295px; background: url(../imagens/sombra-conteudo-paginas.png) center 0 no-repeat, url(../imagens/aviso-erro-processamento-bg.png) -2px 0 no-repeat; background-color: #ebebeb; font-family: Arial, sans-serif; } .home .erro_processamento h4 { margin-bottom: 10px; font-size: 1.75em; color: #d90404; } .home .erro_processamento p { width: 500px; margin-bottom: 70px; line-height: 18px; color: #666; } .home .erro_processamento a { display: block; width: 320px; height: 50px; background: url(../imagens/botao-acao.png) no-repeat; text-align: center; font: bold 1.58em/50px Tahoma, sans-serif; text-shadow: rgba(0,0,0,.2) 2px 2px 2px; color: #fff; } /* caixa */ .home .coluna1 .caixa, .home .coluna2 .caixa { position: relative; margin-bottom: 10px; } .home .coluna2 .caixa .imagem a { height: 92px; width: 92px; } .home .coluna1 .caixa h4, .home .coluna2 .caixa h4 { position: absolute; top: -42px; left: 0; height: 28px; padding: 18px 44px 0 29px; font-weight: normal; font-size: 1.16em; text-transform: uppercase; text-shadow: rgba(0,0,0,.2) 2px 2px 0; color: #fff; font-family:Lucida Sans, Arial; font-weight:bold; } /* botao mais ... */ .home .coluna1 .caixa a.botao, .home .coluna2 .caixa a.botao { display: block; height: 30px; padding-left: 25px; font-size: .83em; line-height: 17px; text-shadow: rgba(0,0,0,.2) 2px 2px 0; color: #fff; font-family:Tahoma, Arial; margin-top: 20px;} .home .coluna1 .caixa a.botao strong, .home .coluna2 .caixa a.botao strong { display: inline-block; height: 25px; padding: 5px 25px 0 0; } /* vermelha */ .home .coluna1 .caixa.vermelha h4, .home .coluna2 .caixa.vermelha h4 { background: url(../imagens/bg-titulo-vermelho.png) right 0 no-repeat; } .home .coluna1 .caixa.vermelha .imagem a, .home .coluna2 .caixa.vermelha .imagem a { border-color: #e10404; } .home .coluna1 .caixa.vermelha a.botao, .home .coluna2 .caixa.vermelha a.botao { background: url(../imagens/bota-mais-vermelho.png) no-repeat; } .home .coluna1 .caixa.vermelha a.botao strong, .home .coluna2 .caixa.vermelha a.botao strong { background: url(../imagens/bota-mais-vermelho.png) right -30px no-repeat; } /* azul */ .home .coluna1 .caixa.azul h4, .home .coluna2 .caixa.azul h4 { background: url(../imagens/bg-titulo-azul.png) right 0 no-repeat; } .home .coluna1 .caixa.azul .imagem a, .home .coluna2 .caixa.azul .imagem a { border-color: #047daa; } .home .coluna1 .caixa.azul a.botao, .home .coluna2 .caixa.azul a.botao { background: url(../imagens/bota-mais-azul.png) no-repeat; } .home .coluna1 .caixa.azul a.botao strong, .home .coluna2 .caixa.azul a.botao strong { background: url(../imagens/bota-mais-azul.png) right -30px no-repeat; } .home .coluna2 .caixa.azul .formenquete { min-height: 207px; padding: 0 0 0 20px; } .home .coluna2 .caixa.azul .formenquete p { margin: 0 30px 10px 0; font-size: 1.08em; line-height: 17px; color: #333; } .home .coluna2 .caixa.azul .formenquete li { margin-bottom: 10px; list-style: none; } .home .coluna2 .caixa.azul .formenquete .opcoes { padding-top: 10px; } .home .coluna2 .caixa.azul .formenquete .opcoes li { margin: 0; } .home .coluna2 .caixa.azul .formenquete .opcoes li a { display: block; height: 30px; text-indent: -999em; overflow: hidden; } .home .coluna2 .caixa.azul .formenquete .opcoes li.voltar { display: none; } .home .coluna2 .caixa.azul .formenquete .opcoes li.voltar a { width: 85px; background: url(../imagens/botao-voltar.png) no-repeat; } .home .coluna2 .caixa.azul .formenquete .opcoes li.votar a { width: 85px; background: url(../imagens/botao-votar.png) no-repeat; } .home .coluna2 .caixa.azul .formenquete .opcoes li.resultado a { width: 128px; background: url(../imagens/botao-ver-resultado.png) no-repeat; } .coluna2 .caixa.azul .formenquete .sucesso_votacao, .coluna2 .caixa.azul .formenquete .resultado_votacao { display: none; } .coluna2 .caixa.azul .formenquete .sucesso_votacao { padding: 50px 0 40px; } .coluna2 .caixa.azul .formenquete .sucesso_votacao p { font-weight: bold; font-size: 1.16em; text-align: center; } .coluna2 .caixa.azul .formenquete .resultado_votacao ul { padding-right: 20px; font-size: .91em; color: #666; } .coluna2 .caixa.azul .formenquete .resultado_votacao ul li { margin-bottom: 5px; } .coluna2 .caixa.azul .formenquete .resultado_votacao strong { display: block; height: 17px; padding-top: 5px; } .coluna2 .caixa.azul .formenquete .resultado_votacao strong span { float: left; display: block; height: 17px; background: url(../imagens/bg-resultado-grafico.png) right 0 no-repeat; text-indent: -999em; overflow: hidden; } .coluna2 .caixa.azul .formenquete .resultado_votacao strong em { font-style: normal; } /* cinza */ .home .coluna1 .caixa.cinza h4, .home .coluna2 .caixa.cinza h4 { background: url(../imagens/bg-titulo-cinza.png) right 0 no-repeat; } .home .coluna1 .caixa.cinza .imagem a, .home .coluna2 .caixa.cinza .imagem a { border-color: #444; } .home .coluna1 .caixa.cinza a.botao, .home .coluna2 .caixa.cinza a.botao { background: url(../imagens/bota-mais-cinza.png) no-repeat; } .home .coluna1 .caixa.cinza a.botao strong, .home .coluna2 .caixa.cinza a.botao strong { background: url(../imagens/bota-mais-cinza.png) right -30px no-repeat; } /* rosa */ .home .coluna1 .caixa.rosa h4, .home .coluna2 .caixa.rosa h4 { background: url(../imagens/bg-titulo-rosa.png) right 0 no-repeat; } .home .coluna1 .caixa.rosa .imagem a, .home .coluna2 .caixa.rosa .imagem a { border-color: #a6043d; } .home .coluna1 .caixa.rosa a.botao, .home .coluna2 .caixa.rosa a.botao { background: url(../imagens/bota-mais-rosa.png) no-repeat; } .home .coluna1 .caixa.rosa a.botao strong, .home .coluna2 .caixa.rosa a.botao strong { background: url(../imagens/bota-mais-rosa.png) right -30px no-repeat; } .home .coluna1 { float: left; width: 500px; } .home .coluna1 .caixa { width: 435px; padding: 25px 40px 0 25px; background: url(../imagens/bg-conteudo-500.png) no-repeat; } .home .coluna1 .caixa .imagem { position: relative; float: left; width: 173px; height: 179px; padding: 3px 0 0 8px; background: url(../imagens/bg-imagem-conteudo-181x182.png) no-repeat; overflow: hidden; } .home .coluna1 .caixa .imagem a { position: absolute; display: block; top: 3px; left: 8px; width: 156px; height: 156px; border-width: 4px; border-style: solid; text-indent: -999em; overflow: hidden; } .home .coluna1 .caixa .texto { padding-top: 5px; font-family: Arial, sans-serif; } .home .coluna1 .caixa .texto p { color: #666; line-height: 17px; } .home .coluna1 .caixa .texto p strong { font-size: 1.08em; color: #d90404; } .home .coluna1 .caixa.warnerlab { height: 211px; } .home .coluna1 .caixa.warnerlab .texto { padding-top: 9px; margin-left: 196px; } .home .coluna1 .caixa.warnerlab .texto p { margin-bottom: 15px; } .home .coluna1 .caixa.ultima_atualizacoes { margin-bottom: 0; padding-bottom: 25px; background: #f1f1f1; } .home .coluna1 .caixa.ultima_atualizacoes ul { margin-bottom: 20px; list-style: none; border-bottom: 1px solid #fff; } .home .coluna1 .caixa.ultima_atualizacoes ul li { padding: 15px 15px 20px; border-bottom: 1px solid #dadada; border-top: 1px solid #fff; min-height: 78px; } .home .coluna1 .caixa.ultima_atualizacoes ul li.primeiro { padding-top: 0; border-top: 0; } .home .coluna1 .caixa.ultima_atualizacoes ul li img { float: left; } .home .coluna1 .caixa.ultima_atualizacoes ul li .texto { margin-left: 85px; } .home .coluna1 .caixa.ultima_atualizacoes ul li .texto a { color: #333; } .home .coluna2 { float: left; width: 300px; } .home .coluna2 .caixa { width: 268px; margin-bottom: 10px; padding: 25px 15px 47px 17px; background: url(../imagens/bg-conteudo-300.png) 0 bottom no-repeat; } .home .coluna2 .caixa h5 { margin-bottom: 7px; font-weight: normal; font-size: 1em; } .home .coluna2 .caixa .imagem { position: relative; float: left; width: 104px; height: 108px; padding: 1px 0 0 5px; background: url(../imagens/bg-imagem-conteudo-109.png) no-repeat; overflow: hidden; } .home .coluna2 .caixa .imagem a { position: absolute; display: block; top: 1px; left: 5px; border-width: 4px; border-style: solid; text-indent: -999em; overflow: hidden; } .home .coluna2 .caixa .texto { margin-left: 129px; padding-top: 5px; font: .91em Arial, sans-serif; } .home .coluna2 .caixa .texto p { margin-bottom: 10px; color: #666; line-height: 20px; text-indent: 0px !important} .home .coluna2 .caixa .texto p strong { display: block; line-height: 17px; color: #666; } .home .coluna2 .caixa.ultima { width: 267px; margin-bottom: 0; padding-bottom: 36px; border-left: 1px solid #e1e2e1; background: #f1f1f1; } .home .coluna3 { float: right; width: 189px; } .home .coluna3 .banner_160x600 { position: relative; top: -15px; width: 174px; height: 616px; margin: 0 auto; padding: 15px 0 0 15px; background: url(../imagens/bg-banner-160x600.png) no-repeat; } /* ------- PAGINAS ------- */ .paginas { padding-bottom: 20px; background: url(../imagens/sombra-conteudo-paginas.png) center 0 no-repeat; } .paginas .breadcrumb { margin: 0 0 24px 25px; font-size: .91em; line-height: 49px; color: #666; } .paginas .breadcrumb a, .paginas .breadcrumb span { color: #0095c7; } .paginas .breadcrumb strong { font-weight: normal; color: #333; } .paginas h1 { position: absolute; top: -42px; height: 28px; padding: 18px 44px 0 29px; background: url(../imagens/bg-titulo-vermelho.png) right 0 no-repeat; font-weight: normal; font-size: 1.16em; text-transform: uppercase; text-shadow: rgba(0,0,0,.2) 2px 2px 0; color: #fff; } /* filtros */ .paginas .filtros { padding: 5px 20px; background: #fff; } .paginas .filtros h5 { float: left; margin-right: 15px; padding-top: 5px; font-size: .9em; } .paginas .filtros ul { list-style: none; } .paginas .filtros ul li { float: left; margin-right: 10px; padding-right: 10px; border-right: 1px #efefef solid; } .paginas .filtros ul li a { display: block; height: 23px; padding: 0 20px 5px; font: bold .9em/23px Arial, sans-serif; color: #333; } .paginas .filtros ul li.ativo { border: 0; } .paginas .filtros ul li.ativo a, .paginas .filtros ul li a:hover { display: block; background: #199fcc url(../imagens/seta-item-ativo-filtro.png) bottom center no-repeat; color: #fff; } .paginas .filtros ul.indice li { border: 0; } /* ------- FILMES ------- */ .filmes .texto { position: relative; width: 950px; margin: 0 auto; padding: 24px 11px 31px; background: url(../imagens/bg-texto-conteudo-paginas.png) center bottom no-repeat; } .filmes .filtros h5 { margin-right: 10px; padding-top: 6px; } .filmes .filtros ul { float: left; margin-right: 15px; height: 30px; } .filmes .filtros ul li { margin-top: 2px; } .filmes .filtros ul li a { padding: 0 14px 5px; } .filmes .filtros .filtro_letra { margin: 0; } .filmes .filtros .filtro_letra li { border: 0; margin: 0; padding: 0; } .filmes .filtros .filtro_letra li a { padding: 2px 0 5px 4px; color: #999; } .filmes .filtros .filtro_letra li a:hover { background: none; color: #333; } .filmes .filtros .filtro_letra li a:after { content: " ."; } .filmes .listagem_filmes { padding: 0 0 0 17px; } .filmes .listagem_filmes li { float: left; width: 229px; padding: 16px 0 12px; background: url(../imagens/bg-item-linha-dupla.gif) bottom repeat-x; list-style: none; } .filmes .listagem_filmes li h6 { font-size: 1em; } .filmes .listagem_filmes li p { font-size: .91em; color: #900; } .filmes .listagem_filmes li h6, .filmes .listagem_filmes li p { margin-left: 14px; } .filmes .listagem_filmes li .imagem { position: relative; width: 190px; height: 280px; padding: 9px 16px 17px 14px; background: url(../imagens/sombra-capa-190.png) no-repeat; text-align: center; } .filmes .listagem_filmes li .imagem a { position: absolute; top: 9px; left: 14px; width: 142px; height: 50px; padding: 230px 0 0 48px; background: url(../imagens/bg-link-ler-mais.png) -999em 0 no-repeat; line-height: 50px; text-align: left; color: #fff; text-indent: -999em; overflow: hidden; } .filmes .listagem_filmes li .imagem a:hover { background-position: 0 bottom; text-indent: 0; } .filmes .listagem_filmes li .imagem img {clip: rect(0pt, 190px, 280px, 0pt); width: 190px; height: 280px; } /* ------- FILME ------- */ .filme a.voltar_secao { display: block; padding: 0 22px; font-size: .91em; line-height: 49px; color: #333; } .filme a.voltar_secao span { color: #0095c7; } .filme .interna { width: 972px; margin: 0 auto; background: url(../imagens/bg-pagina-filme.png) repeat-y; } .filme .coluna1 { float: left; width: 750px; } .filme .coluna1 .titulo { position: absolute; top: -42px; } .filme .coluna1 .titulo h1 { float: left; position: static; top: 0; height: 24px; margin-left: 11px; padding: 18px 44px 0 29px; background: url(../imagens/bg-titulo-vermelho.png) right 0 no-repeat; } .filme .coluna1 .titulo p.data { position: relative; top: 7px; left: -16px; float: left; width: 200px; height: 17px; padding-top: 18px; background: url(../imagens/bg-data-filme.png) no-repeat; font-size: .83em; text-transform: uppercase; text-shadow: rgba(0,0,0,.2) 2px 2px 0; text-align: center; color: #fff; } .filme .coluna1 .videos { clear: both; width: 705px; margin-bottom: 10px; padding: 10px 21px 23px 21px; background: url(../imagens/bg-conteudo-747.png) 0 bottom no-repeat; } .filme .coluna1 .videos .player { position: relative; float: left; z-index: 10; } .filme .coluna1 .videos .navegacao { position: relative; float: right; width: 125px; padding: 35px 0 23px; } .filme .coluna1 .videos .navegacao .anterior, .filme .coluna1 .videos .navegacao .proximo { top: 15px; position: absolute; display: block; margin-left: 60px; width: 9px; height: 6px; background: url(../imagens/setas-carrossel-vertical.png) no-repeat; text-indent: -999em; overflow: hidden; } .filme .coluna1 .videos .navegacao .proximo { top: auto; bottom: 0; background-position: 0 -6px; } .filme .coluna1 .videos .navegacao ul { background: url(../imagens/bg-item-linha-dupla.gif) repeat-x; list-style: none; } .filme .coluna1 .videos .navegacao li { position: relative; height: 54px; padding: 10px 0 0 3px; background: url(../imagens/bg-item-linha-dupla.gif) 0 bottom repeat-x; font-size: .79em; color: #666; } .filme .coluna1 .videos .navegacao li .imagem { float: left; width: 48px; height: 47px; background: url(../imagens/sombra-thumb-videos-filme.png) no-repeat; } .filme .coluna1 .videos .navegacao li .imagem img {clip: rect(0pt, 41px, 41px, 0pt); height: 41px; width: 41px;} .filme .coluna1 .videos .navegacao li strong { display: block; padding-top: 3px; font-weight: normal; font-size: 1.1em; color: #333; } .filme .coluna1 .videos .navegacao li a { display: block; position: absolute; top: 0; left: 0; width: 125px; height: 64px; text-indent: -999em; overflow: hidden; } .filme .coluna1 .videos .navegacao li.ativo strong { color: #999; } .filme .coluna1 .videos .navegacao li.ativo span { color: #0b95c9; } .filme .coluna1 .menu { float: left; width: 235px; margin-left: 11px; list-style: none; } .filme .coluna1 .menu a { display: block; height: 35px; padding-left: 23px; background: url(../imagens/bg-menu-filme.png) no-repeat; font-size: 1.16em; line-height: 35px; text-transform: uppercase; text-shadow: rgba(0,0,0,.2) 2px 2px 0; color: #fff; } html > body .filme .coluna1 .menu .ativo a { position: relative; width: 255px; background-position: 0 -35px; } *html .filme .coluna1 .menu { margin-right: -11px; } * html .filme .coluna1 .menu { width: 213px; } * html .filme .coluna1 .menu a { padding-left: 23px; } .filme .coluna1 .texto { width: 450px; margin-bottom: 20px; margin-left: 235px; padding: 20px 26px 31px; background: url(../imagens/bg-conteudo-512.png) 0 bottom no-repeat; } * html .filme .coluna1 .texto { zoom: 1; } .filme .coluna1 .texto h3 { margin-bottom: 14px; font-weight: normal; font-size: .91em; } .filme .coluna1 .texto h3 span { color: #0095c7; } /* aviso para cadastro */ .filme .coluna1 .comentar .aviso_cadastro { padding: 0 0 10px 45px; background: url(../imagens/icone-cadeado.png) 15px 0 no-repeat; overflow: hidden; } .filme .coluna1 .comentar .aviso_cadastro h3 { padding: 0; font-weight: bold; font-size: 1em; line-height: 2em; } .filme .coluna1 .comentar .aviso_cadastro p { margin-bottom: 1em; } .filme .coluna1 .comentar h3 { padding-left: 15px; } .filme .coluna1 .comentar .form { height: 85px; padding-left: 15px; } .filme .coluna1 .comentar .form textarea { float: left; width: 325px; height: 55px; padding: 5px; border: 1px solid #dedede; } .filme .coluna1 .comentar .form a.botao { position: relative; top: 20px; left: 14px; display: inline-block; height: 30px; padding-left: 25px; background: url(../imagens/bota-mais-azul.png) no-repeat; font-size: .83em; line-height: 17px; text-shadow: rgba(0,0,0,.2) 2px 2px 0; color: #fff; } .filme .coluna1 .comentar .form a.botao strong { display: inline-block; height: 25px; padding: 5px 25px 0 0; background: url(../imagens/bota-mais-azul.png) right -30px no-repeat; } .filme .coluna1 .comentar ul { list-style: none; } .filme .coluna1 .comentar ul li.usuario { padding: 16px 5px 20px; background: url(../imagens/bg-item-linha-dupla.gif) repeat-x; overflow: auto; } .filme .coluna1 .comentar ul li.usuario div.opcoes { width: 97px; height: 50px; padding: 10px 0 0 15px; } .filme .coluna1 .comentar ul li.usuario div.opcoes span { float: right; display: block; padding-right: 5px; height: 23px; font-size: .91em; line-height: 23px; } .filme .coluna1 .comentar ul li.usuario div.opcoes span.positivo { color: #9c6; } .filme .coluna1 .comentar ul li.usuario div.opcoes span.negativo { color: #c66; } .filme .coluna1 .comentar ul li.usuario div.opcoes ul { float: right; height: 23px; margin-bottom: 5px; list-style: none; } .filme .coluna1 .comentar ul li.usuario div.opcoes ul li { float: right; width: 23px; height: 23px; } .filme .coluna1 .comentar ul li.usuario div.opcoes ul a { display: block; width: 23px; height: 23px; background: url(../imagens/icones-avaliacao-comentario.png) no-repeat; text-indent: -999em; overflow: hidden; } .filme .coluna1 .comentar ul li.usuario div.opcoes ul .nao_gostei a { background-position: -23px 0; } .filme .coluna1 .comentar ul li.usuario div.opcoes a.denunciar { clear: right; padding-left: 16px; background: url(../imagens/icone-bandeira.png) no-repeat; font-size: .9em; line-height: 13px; color: #888; } .filme .coluna1 .comentar ul li.usuario strong { display: block; margin-bottom: 5px; font-size: 1.08em; color: #c66; } .filme .coluna1 .comentar ul li.usuario img { float: left; clip: rect(0pt, 48px, 48px, 0pt); height: 48px; width: 48px;} .filme .coluna1 .comentar ul li.usuario div.comentario { margin-left: 62px; } .filme .coluna1 .comentar .paginacao { padding: 16px 0 6px; background: url(../imagens/bg-item-linha-dupla.gif) repeat-x; } .filme .coluna1 .sinopse h3 { padding-left: 15px; } .filme .coluna1 .sinopse div { padding: 16px 15px; background: url(../imagens/bg-item-linha-dupla.gif) repeat-x; line-height: 15px; } .filme .coluna1 .sinopse div p { margin-bottom: 15px; } .filme .coluna1 .producao h3 { padding-left: 15px; } .filme .coluna1 .producao div { padding: 16px 15px; background: url(../imagens/bg-item-linha-dupla.gif) repeat-x; line-height: 15px; } .filme .coluna1 .producao div p { margin-bottom: 15px; } .filme .coluna1 .download h3 { padding-left: 10px; } .filme .coluna1 .download h4 { margin-bottom: 10px; font-size: .91em; } .filme .coluna1 .download div { padding: 16px 10px; background: url(../imagens/bg-item-linha-dupla.gif) repeat-x; line-height: 15px; } .filme .coluna1 .download div div.imagem { padding: 0; background: none; } .filme .coluna1 .download div a { text-decoration: underline; color: #0096c8; } .filme .coluna1 .download div p { margin-bottom: 15px; } .filme .coluna1 .download div.papel_parede ul { height: 1%; overflow: hidden; list-style: none; } .filme .coluna1 .download div.papel_parede div.imagem { position: relative; width: 210px; height: 135px; padding: 2px 0 0 3px; background: url(../imagens/sombra-imagem-download.png) no-repeat; } .filme .coluna1 .download div.papel_parede div.imagem img {clip: rect(0pt, 205px, 129px, 0pt); width: 205px; height: 129px; } .filme .coluna1 .download div.papel_parede div.imagem ul { display: none; position: absolute; bottom: 6px; left: 3px; width: 205px; height: 40px; background: url(../imagens/bg-opcoes-itens-download.png) no-repeat; list-style: none; } .filme .coluna1 .download div.papel_parede div.imagem:hover ul { display: block; } .filme .coluna1 .download div.papel_parede div.imagem ul li { float: left; margin: 0; } .filme .coluna1 .download div.papel_parede div.imagem ul li a { display: block; padding-left: 30px; background: url(../imagens/icone-download.png) 13px 15px no-repeat; font-size: .9em; line-height: 40px; text-decoration: none; color: #fff; } .filme .coluna1 .download div.icone ul { overflow: hidden; list-style: none; } .filme .coluna1 .download div.icone ul li { width: 213px; } .filme .coluna1 .download div.icone ul div.imagem { float: left; position: relative; width: 97px; height: 104px; padding: 3px 0 0 4px; background: url(../imagens/sombra-icone-download.png) no-repeat; } .filme .coluna1 .download div.icone ul div.imagem img {clip: rect(0pt, 94px, 94px, 0pt); height: 94px; width: 94px;} .filme .coluna1 .download div.icone ul ul { width: 60px; margin-left: 120px; padding-top: 22px; } .filme .coluna1 .download div.icone ul ul li { width: auto; } .filme .coluna1 .download div.icone ul ul li a { display: block; padding-left: 15px; background: url(../imagens/icone-download.png) 0 center no-repeat; font-size: .9em; line-height: 20px; text-decoration: none; color: #666; } .filme .coluna1 .download div.poster ul { overflow: hidden; list-style: none; } .filme .coluna1 .download div.poster ul li { width: 213px; } .filme .coluna1 .download div.poster ul div.imagem { float: left; position: relative; width: 106px; height: 152px; padding: 2px 0 0 3px; background: url(../imagens/sombra-icone-download.png) no-repeat; } .filme .coluna1 .download div.poster ul div.imagem img {clip: rect(0pt, 100px, 147px, 0pt); height: 147px; width: 100px;} .filme .coluna1 .download div.poster ul ul { width: 80px; margin-left: 120px; padding-top: 22px; } .filme .coluna1 .download div.poster ul ul li { width: auto; } .filme .coluna1 .download div.poster ul ul li a { display: block; padding-left: 15px; background: url(../imagens/icone-download.png) 0 center no-repeat; font-size: .9em; line-height: 20px; text-decoration: none; color: #666; } .filme .coluna1 .download div.protecao_tela ul { height: 1%; overflow: hidden; list-style: none; } .filme .coluna1 .download div.protecao_tela div.imagem { position: relative; width: 210px; height: 135px; padding: 2px 0 0 3px; background: url(../imagens/sombra-imagem-download.png) no-repeat; } .filme .coluna1 .download div.protecao_tela div.imagem img {clip: rect(0pt, 205px, 129px, 0pt); height: 129px; width: 205px;} .filme .coluna1 .download div.protecao_tela div.imagem ul { display: none; position: absolute; bottom: 6px; left: 3px; width: 205px; height: 40px; background: url(../imagens/bg-opcoes-itens-download.png) no-repeat; list-style: none; } .filme .coluna1 .download div.protecao_tela div.imagem:hover ul { display: block; } .filme .coluna1 .download div.protecao_tela div.imagem ul li { float: left; margin: 0; } .filme .coluna1 .download div.protecao_tela div.imagem ul li a { display: block; padding-left: 30px; background: url(../imagens/icone-download.png) 13px 15px no-repeat; font-size: .9em; line-height: 40px; text-decoration: none; color: #fff; } .filme .coluna1 .promocoes ul { list-style: none; } .filme .coluna1 .promocoes ul li { padding: 16px 15px 20px; background: url(../imagens/bg-item-linha-dupla.gif) repeat-x; overflow: auto; } .filme .coluna1 .promocoes ul li strong { display: block; margin-bottom: 5px; font-size: 1.08em; } .filme .coluna1 .promocoes ul li img { float: left; clip: rect(0pt, 64px, 64px, 0pt); height: 64px; width: 64px;} .filme .coluna1 .promocoes ul li div { margin-left: 85px; } .filme .coluna2 { position: relative; left: -11px; float: right; width: 214px; margin-bottom: 20px; } .filme .coluna2 .imagens { position: relative; width: 194px; margin-bottom: 12px; padding: 10px 10px 26px 10px; background: url(../imagens/bg-conteudo-214.png) 0 bottom no-repeat; } .filme .coluna2 .imagens h4 { position: absolute; top: -42px; left: 9px; height: 28px; padding: 18px 44px 0 29px; background: url(../imagens/bg-titulo-vermelho.png) right 0 no-repeat; font-weight: normal; font-size: 1.16em; text-transform: uppercase; text-shadow: rgba(0,0,0,.2) 2px 2px 0; color: #fff; } .filme .coluna2 .imagens .imagem { position: relative; margin-bottom: 5px; } .filme .coluna2 .imagens .imagem img {clip: rect(0pt, 280px, 191px, 0pt); height: 280px; width: 191px;} .filme .coluna2 .imagens .imagem a { display: block; position: absolute; top: 0; left: 0; width: 191px; height: 280px; background: url(../imagens/botao-ampliar.png) 0 -999em no-repeat; text-indent: -999em; overflow: hidden; } .filme .coluna2 .imagens .imagem a:hover { background-position: center; } .filme .coluna2 .imagens .navegacao { position: relative; width: 183px; height: 32px; margin: 0 auto; background: url(../imagens/bg-status-imagem.png) no-repeat; line-height: 24px; text-align: center; } .filme .coluna2 .imagens .navegacao a.proximo, .filme .coluna2 .imagens .navegacao a.anterior { position: absolute; top: 7px; left: 10px; display: block; width: 9px; height: 10px; background: url(../imagens/setas-navegacao-imagens-filmes.png) -9px -10px no-repeat; text-indent: -999em; overflow: hidden; } .filme .coluna2 .imagens .navegacao a.proximo { left: auto; right: 10px; background-position: 0 -10px; } .filme .coluna2 .imagens .navegacao a.anterior.ativo { background-position: -9px 0; } .filme .coluna2 .imagens .navegacao a.proximo.ativo { background-position: 0 0; } .filme .coluna2 .imagens .navegacao span { font-size: .91em; color: #ccc; } .filme .coluna2 .banner_160x600 { position: relative; top: -15px; width: 174px; height: 616px; margin: 0 auto; padding: 15px 0 0 15px; background: url(../imagens/bg-banner-160x600.png) no-repeat; } .filme .carrossel_filmes { clear: both; position: relative; height: 182px; width: 950px; margin: 0 auto; padding: 14px 11px 0; background: url(../imagens/bg-galeria-filme.png) no-repeat; } .filme .carrossel_filmes .anterior, .filme .carrossel_filmes .proximo { position: absolute; top: 80px; display: block; width: 17px; height: 26px; background: url(../imagens/setas-carrocel2.png) no-repeat; text-indent: -999em; overflow: hidden; } .filme .carrossel_filmes .anterior { left: 35px; } .filme .carrossel_filmes .proximo { right: 35px; background-position: -17px 0; } .filme .carrossel_filmes .inativo { opacity: .3; cursor: default; } .filme .carrossel_filmes .mascara { position: relative; width: 790px; height: 158px; margin: 0 auto; overflow: hidden; } .filme .carrossel_filmes ul { height: 160px; list-style: none; } .filme .carrossel_filmes ul li { position: relative; float: left; width: 131px; height: 160px; } .filme .carrossel_filmes ul li .imagem { width: 107px; height: 151px; margin: 0 auto; padding: 5px 0 0 6px; background: url(../imagens/sombra-capa-carrossel-home.png) no-repeat; } .filme .carrossel_filmes ul li .imagem img {clip: rect(0pt, 99px, 146px, 0pt); width: 99px; height: 146px; } .filme .carrossel_filmes ul li p { padding: 0 20px 0; line-height: 12px; font-size: .83em; text-transform: uppercase; text-align: center; color: #fff; } .filme .carrossel_filmes ul li p span { display: block; } /*.filme .carrossel_filmes ul li a { position: absolute; top: -25px; left: -11px; display: block; width: 159px; height: 206px; text-indent: -999em; overflow: hidden; }*/ /* ------- RESULTADO BUSCA ------- */ .resultado_busca .texto { position: relative; width: 950px; margin: 0 auto; padding: 24px 11px 31px; background: url(../imagens/bg-texto-conteudo-paginas.png) center bottom no-repeat; } .resultado_busca .texto .introducao { margin: 0 0 20px 20px; color: #333; } .resultado_busca .texto ul.resultados { padding: 5px; list-style: none; } .resultado_busca .texto ul.resultados li { padding: 50px 15px; background: url(../imagens/bg-item-linha-dupla.gif) bottom repeat-x; } .resultado_busca .texto ul.resultados li h5 { margin-bottom: 20px; font-size: 1em; font-weight: normal; } .resultado_busca .texto ul.resultados li h5 span { font-weight: bold; } .resultado_busca .texto ul.resultados li p { margin-bottom: 15px; } .resultado_busca .texto ul.resultados li a { color: #990000; } .resultado_busca .texto ul.resultados li a:hover { text-decoration: underline; } /* ------- CADASTRO ------- */ .cadastro .texto { position: relative; padding-left: 25px; } .cadastro .texto .form fieldset { float: left; position: relative; top: -6px; left: -17px; width: 269px; height: 445px; margin-right: -12px; padding: 30px 34px 0; border: 0; background: url(../imagens/bg-passos-cadastro.png) no-repeat; } .cadastro .texto .form h4 { margin-bottom: 15px; font-size: 1.33em; text-transform: uppercase; color: #292929; } .cadastro .texto .form p { margin-bottom: 15px; font-size: .91em; } .cadastro .texto .form label { font-size: .91em; } .cadastro .texto .form input, .cadastro .texto .form textarea { width: 165px; padding: 3px 5px; border: 1px solid #dedede; background-color: #fff; } .cadastro .texto .form li { list-style: none; } .cadastro .texto .form .passo1 .conexao_social { margin-bottom: 10px; padding-bottom: 15px; background: url(../imagens/bg-item-linha-dupla.gif) 0 bottom repeat-x; } .cadastro .texto .form .passo1 .conexao_social a.connect_facebook { display: block; width: 176px; height: 23px; background: url(../imagens/botao-connect-facebook.png) no-repeat; text-indent: -999em; overflow: hidden; } .cadastro .texto .form .passo1 label { float: left; display: block; width: 70px; padding-right: 10px; line-height: 22px; text-align: right; } .cadastro .texto .form .passo1 .duaslinhas label { position: relative; top: -3px; line-height: 12px; } .cadastro .texto .form .passo1 li.erro label strong { color: red; } .cadastro .texto .form .passo1 li { height: 33px; } .cadastro .texto .form .passo1 li select.localizacao { width: 178px; } .cadastro .texto .form .passo1 li ul li { display: inline; margin: 0 0 0 0; } .cadastro .texto .form .passo1 li ul li select { max-width: 70px; } .cadastro .texto .form .passo1 li ul li select.mes { width: 68px; } .cadastro .texto .form .passo1 li ul li label { float: none; display: inline; width: auto; margin: 0; padding: 0; } .cadastro .texto .form .passo1 li ul li label input { width: auto; border: 0; } .cadastro .texto .form .passo2 .avatar { margin-bottom: 26px; height: 140px; } .cadastro .texto .form .passo2 .avatar .imagem { float: left; width: 127px; height: 130px; background: url(../imagens/bg-thumb-perfil.png) no-repeat; } .cadastro .texto .form .passo2 .avatar img { clip: rect(0pt, 130px, 127px, 0pt); height: 130px; width: 127px; } .cadastro .texto .form .passo2 .avatar .uploader { width: 110px; margin-left: 147px; padding-top: 40px; font-size: .83em; text-align: center; } .cadastro .texto .form .passo2 .avatar input { width: 230px;} .cadastro .texto .form .passo2 label { display: block; padding-bottom: 10px; } .cadastro .texto .form .passo2 li.erro label strong { color: red; } .cadastro .texto .form .passo2 textarea { width: 235px; height: 160px; padding: 10px; font: 1em "Lucida Grande",Arial,sans-serif; color: #ccc; } .cadastro .texto .form .passo2 textarea:focus { color: #333; } .cadastro .texto .form .passo3 label { float: left; display: block; width: 90px; line-height: 22px; } .cadastro .texto .form .passo3 .duaslinhas label { position: relative; top: -2px; line-height: 12px; } .cadastro .texto .form .passo3 li.erro label strong { color: red; } .cadastro .texto .form .passo3 ol { margin-bottom: 40px; } .cadastro .texto .form .passo3 li { margin-bottom: 15px; } .cadastro .texto .form .passo3 .confirmar_senha { margin-bottom: 30px; } .cadastro .texto .form .passo3 .confirmar_senha label { width: 125px; } .cadastro .texto .form .passo3 .confirmar_senha input { width: 130px; } .cadastro .texto .form .passo3 .checkbox input { position: relative; top: 3px; float: left; width: auto; margin: 0 10px 10px 0; } .cadastro .texto .form .passo3 .checkbox label { float: none; display: inline; width: auto; margin: 0; padding: 0; line-height: 18px; } .cadastro .texto .form .passo3 .checkbox.erro label { color: red; } .cadastro .texto .form .passo3 a.botao { display: inline-block; height: 30px; padding-left: 25px; background: url(../imagens/bota-mais-vermelho.png) no-repeat; font-size: .83em; line-height: 17px; text-shadow: rgba(0,0,0,.2) 2px 2px 0; color: #fff; } .cadastro .texto .form .passo3 a.botao strong { display: inline-block; height: 25px; padding: 5px 25px 0 0; background: url(../imagens/bota-mais-vermelho.png) right -30px no-repeat; } /* ------- WARNER MANIACS ------- */ .warner_maniacs .coluna1 { float: left; position: relative; width: 640px; margin-left: 14px; padding: 20px 11px 31px; background: url(../imagens/bg-conteudo-662.png) center bottom no-repeat; } .warner_maniacs .coluna1 .opcoes { height: 38px; margin-bottom: 25px; padding: 0 0 0 24px; background-color: #fff; } .warner_maniacs .coluna1 .opcoes .frm_busca { padding-top: 12px; } .warner_maniacs .coluna1 .opcoes .frm_busca label { float: left; margin-right: 5px; font-weight: bold; font-size: .91em; color: #000; } .warner_maniacs .coluna1 .opcoes .frm_busca input { float: left; margin-right: 5px; border: 0; border-bottom: 1px solid #d7d7d7; color: #666; } .warner_maniacs .coluna1 .opcoes .frm_busca a { display: block; width: 15px; height: 15px; background: url(../imagens/icone-busca2.png) no-repeat; text-indent: -999em; overflow: hidden; } .warner_maniacs .coluna1 .opcoes .convide_amigos { position: relative; height: 19px; margin-top: 8px; padding: 4px 24px 0 24px; border-left: 1px solid #efefef; } .warner_maniacs .coluna1 .opcoes .convide_amigos .convide { display: block; padding-left: 20px; background: url(../imagens/setas-vertical-preta.png) 0 center no-repeat; font-weight: bold; font-size: .91em; color: #000; } .warner_maniacs .coluna1 .opcoes .convide_amigos .frm_convidar { display: none; position: absolute; top: -14px; right: -10px; width: 304px; height: 247px; padding: 18px 0 0; background: url(../imagens/caixa-convidar-warner-maniacs.png) no-repeat; } .warner_maniacs .coluna1 .opcoes .convide_amigos .frm_convidar a.fechar { display: block; margin: 0 0 32px 130px; padding-left: 20px; background: url(../imagens/botao-fechar-pequeno.png) 0 center no-repeat; font-weight: bold; font-size: .91em; color: #000; outline: 0; } .warner_maniacs .coluna1 .opcoes .convide_amigos .frm_convidar .form { padding: 0 36px; } .warner_maniacs .coluna1 .opcoes .convide_amigos .frm_convidar .form label { background: url(../imagens/icone-email.png) no-repeat; } .warner_maniacs .coluna1 .opcoes .convide_amigos .frm_convidar .form input { float: left; width: 180px; margin-bottom: 20px; padding: 3px 5px 2px; border: 1px solid #dedede; } .warner_maniacs .coluna1 .opcoes .convide_amigos .frm_convidar .form a.adicionar { position: relative; top: -3px; display: block; width: 39px; height: 30px; background: url(../imagens/botao-adicionar.png) no-repeat; text-indent: -999em; overflow: hidden; } .warner_maniacs .coluna1 .opcoes .convide_amigos .frm_convidar .form .emails_cadastrado { width: 232px; height: 88px; margin-bottom: 10px; overflow-y: auto; } .warner_maniacs .coluna1 .opcoes .convide_amigos .frm_convidar .form ul { clear: both; width: 208px; border: 1px solid #ddd; } .warner_maniacs .coluna1 .opcoes .convide_amigos .frm_convidar .form ul li { padding: 0 6px 0 9px; border-top: 1px solid #ddd; background-color: #f4f4f4; line-height: 27px; } .warner_maniacs .coluna1 .opcoes .convide_amigos .frm_convidar .form ul li:hover { background-color: #fff; } .warner_maniacs .coluna1 .opcoes .convide_amigos .frm_convidar .form ul li:first-child { border-top: 0; } .warner_maniacs .coluna1 .opcoes .convide_amigos .frm_convidar .form a.excluir { float: right; display: block; width: 23px; height: 23px; margin-top: 2px; background: url(../imagens/botao-remover.png) no-repeat; text-indent: -999em; overflow: hidden; } .warner_maniacs .coluna1 .opcoes .convide_amigos .frm_convidar .form a.botao { display: inline-block; height: 30px; padding-left: 25px; background: url(../imagens/bota-mais-azul.png) no-repeat; font-size: .83em; line-height: 17px; text-shadow: rgba(0,0,0,.2) 2px 2px 0; color: #fff; } .warner_maniacs .coluna1 .opcoes .convide_amigos .frm_convidar .form a.botao strong { display: inline-block; height: 25px; padding: 5px 25px 0 0; background: url(../imagens/bota-mais-azul.png) right -30px no-repeat; } .warner_maniacs .coluna1 .usuarios { margin-bottom: 23px; padding: 0 25px; background: url(../imagens/separacao-duaslinhas-vertical.png) center 0 repeat-y; list-style: none; } .warner_maniacs .coluna1 .usuarios li { width: 293px; height: 1%; margin-bottom: 17px; font-size: .91em; overflow: hidden; } .warner_maniacs .coluna1 .usuarios li.direita { width: 275px; } .warner_maniacs .coluna1 .usuarios img { float: left; margin-right: 13px; } .warner_maniacs .coluna1 .usuarios a { color: #df0404; } .warner_maniacs .coluna1 .usuarios a.perfil { display: block; margin-bottom: 2px; } .warner_maniacs .coluna1 .usuarios p { margin-bottom: 2px; } .warner_maniacs .coluna1 .usuarios a.perfil strong { font-size: 1.09em; } .warner_maniacs .coluna1 .usuarios a.perfil span { display: none; font-size: .9em; color: #333; } .warner_maniacs .coluna1 .usuarios a.perfil:hover span { display: inline; } .warner_maniacs .coluna1 .paginacao { margin: 0 25px; background: url(../imagens/bg-item-linha-dupla.gif) repeat-x; } .warner_maniacs .coluna2 { position: relative; left: -14px; float: right; width: 323px; } .warner_maniacs .coluna2 .top_cinefilos { position: relative; width: 301px; padding: 20px 11px 21px; background: url(../imagens/bg-conteudo-323.png) center bottom no-repeat; } .warner_maniacs .coluna2 .top_cinefilos h4 { position: absolute; top: -42px; height: 28px; padding: 18px 44px 0 29px; background: url(../imagens/bg-titulo-cinza.png) right 0 no-repeat; font-weight: normal; font-size: 1.16em; text-transform: uppercase; text-shadow: rgba(0,0,0,.2) 2px 2px 0; color: #fff; } .warner_maniacs .coluna2 .top_cinefilos .usuarios { padding: 0 5px 0 20px; list-style: none; } .warner_maniacs .coluna2 .top_cinefilos .usuarios li { height: 1%; margin-bottom: 17px; font-size: .91em; overflow: hidden; } .warner_maniacs .coluna2 .top_cinefilos .usuarios img { float: left; margin-right: 13px; } .warner_maniacs .coluna2 .top_cinefilos .usuarios a { color: #df0404; } .warner_maniacs .coluna2 .top_cinefilos .usuarios a.perfil { display: block; height: 20px; overflow: hidden; } .warner_maniacs .coluna2 .top_cinefilos .usuarios a.perfil strong { float: left; display: block; height: 20px; padding-right: 28px; margin-right: 5px; background: url(../imagens/icone-warner.png) right 0 no-repeat; font-size: 1.09em; line-height: 20px; } .warner_maniacs .coluna2 .top_cinefilos .usuarios a.perfil span { float: left; display: block; height: 20px; padding-right: 28px; margin-right: 5px; font-size: .91em; line-height: 20px; } .warner_maniacs .coluna2 .top_cinefilos .usuarios p { margin-bottom: 2px; } .warner_maniacs .coluna2 .banner { width: 301px; padding: 0 11px 13px; background: url(../imagens/bg-conteudo-323.png) center bottom no-repeat; } /* ------- PERFIL ------- */ .perfil a.voltar_secao { display: block; padding: 0 22px; font-size: .91em; line-height: 49px; color: #333; } .perfil a.voltar_secao span { color: #0095c7; } .perfil .coluna1 { float: left; width: 352px; margin-left: 14px; } .perfil .coluna1 .info { position: relative; width: 299px; padding: 20px 21px 31px 32px; background: url(../imagens/bg-conteudo-352.png) center bottom no-repeat; font-size: .91em; } .perfil .coluna1 .info h1 { left: 11px; } .perfil .coluna1 .info .imagem { float: left; width: 124px; height: 136px; margin-bottom: 10px; padding: 3px 0 0 3px; background: url(../imagens/moldura-imagem-perfil.png) no-repeat; } .perfil .coluna1 .info .imagem img {clip: rect(0pt, 120px, 120px, 0pt); width: 120px; height: 120px; } .perfil .coluna1 .info .status { width: 100px; margin-left: 150px; padding-top: 80px; background: url(../imagens/marca-warner-perfil.png) center 30px no-repeat; font-weight: bold; font-size: 1.09em; text-align: center; } .perfil .coluna1 .info address { margin-bottom: 20px; font-style: normal; } .perfil .coluna1 .info h3, .perfil .coluna1 .info h4 { margin-bottom: 5px; color: #e10404; } .perfil .coluna1 .info h3 { clear: both; font-size: 1.09em; } .perfil .coluna1 .info p { margin-bottom: 15px; } .perfil .coluna1 .info p strong, .perfil .coluna1 .info p a { color: #e10404; } .perfil .coluna1 .info p.nivel { font-size: .9em; } .perfil .coluna1 .info p.nivel strong { font-size: 1.1em; } .perfil .coluna1 .info a.botao { display: inline-block; height: 30px; padding-left: 25px; background: url(../imagens/bota-mais-vermelho.png) no-repeat; font-size: .83em; line-height: 17px; text-shadow: rgba(0,0,0,.2) 2px 2px 0; color: #fff; } .perfil .coluna1 .info a.botao strong { display: inline-block; height: 25px; padding: 5px 25px 0 0; background: url(../imagens/bota-mais-vermelho.png) right -30px no-repeat; } .perfil .coluna2 { width: 623px; margin-left: 362px; } .perfil .coluna2 .caixa { position: relative; } .perfil .coluna2 .caixa h3, .perfil .coluna2 .caixa h4 { left: 11px; } .perfil .coluna2 .caixa h3 { position: absolute; top: -42px; height: 28px; padding: 18px 44px 0 29px; background: url(../imagens/bg-titulo-cinza.png) right 0 no-repeat; font-weight: normal; font-size: 1.16em; text-transform: uppercase; text-shadow: rgba(0,0,0,.2) 2px 2px 0; color: #fff; } .perfil .coluna2 .caixa h4 { position: absolute; top: -42px; height: 28px; padding: 18px 44px 0 29px; background: url(../imagens/bg-titulo-vermelho.png) right 0 no-repeat; font-weight: normal; font-size: 1.16em; text-transform: uppercase; text-shadow: rgba(0,0,0,.2) 2px 2px 0; color: #fff; } .perfil .coluna2 .filmes_favoritos { position: relative; width: 601px; margin: 0 auto; padding: 21px 11px 31px; background: url(../imagens/bg-conteudo-623.png) 0 bottom no-repeat; } .perfil .coluna2 .filmes_favoritos .anterior, .perfil .coluna2 .filmes_favoritos .proximo { position: absolute; top: 80px; display: block; width: 17px; height: 26px; background: url(../imagens/setas-carrocel2.png) no-repeat; text-indent: -999em; overflow: hidden; } .perfil .coluna2 .filmes_favoritos .anterior { left: 35px; } .perfil .coluna2 .filmes_favoritos .proximo { right: 35px; background-position: -17px 0; } .perfil .coluna2 .filmes_favoritos a.inativo { opacity: .3; cursor: default; } .perfil .coluna2 .filmes_favoritos .mascara { position: relative; width: 500px; height: 160px; margin: 0 auto; overflow: hidden; } .perfil .coluna2 .filmes_favoritos ul { height: 160px; list-style: none; } .perfil .coluna2 .filmes_favoritos ul li { width: 125px; height: 160px; float: left; } .perfil .coluna2 .filmes_favoritos ul li .imagem { width: 107px; height: 151px; margin: 0 auto; padding: 5px 0 0 6px; background: url(../imagens/sombra-capa-carrossel-home.png) no-repeat; } .perfil .coluna2 .filmes_favoritos ul li .imagem img {clip: rect(0pt, 99px, 146px, 0pt); width: 99px; height: 146px; } .perfil .coluna2 .filmes_favoritos ul li p { padding: 0 20px 0; line-height: 12px; font-size: .83em; text-transform: uppercase; text-align: center; color: #fff; } .perfil .coluna2 .filmes_favoritos ul li p span { display: block; } .perfil .coluna2 .filmes_favoritos ul li a.excluir { position: absolute; display: block; width: 23px; height: 23px; margin: -158px 0 0 97px; background: url(../imagens/botao-remover.png) no-repeat; text-indent: -999em; overflow: hidden; } .perfil .coluna2 .quero_assistir { position: relative; width: 601px; margin: 0 auto 10px; padding: 21px 11px 31px; background: url(../imagens/bg-conteudo-623.png) 0 bottom no-repeat; } .perfil .coluna2 .quero_assistir .anterior, .perfil .coluna2 .quero_assistir .proximo { position: absolute; top: 80px; display: block; width: 17px; height: 26px; background: url(../imagens/setas-carrocel2.png) no-repeat; text-indent: -999em; overflow: hidden; } .perfil .coluna2 .quero_assistir .anterior { left: 35px; } .perfil .coluna2 .quero_assistir .proximo { right: 35px; background-position: -17px 0; } .perfil .coluna2 .quero_assistir a.inativo { opacity: .3; cursor: default; } .perfil .coluna2 .quero_assistir .mascara { position: relative; width: 500px; height: 160px; margin: 0 auto; overflow: hidden; } .perfil .coluna2 .quero_assistir ul { height: 160px; list-style: none; } .perfil .coluna2 .quero_assistir ul li { width: 125px; height: 160px; float: left; } .perfil .coluna2 .quero_assistir ul li .imagem { width: 107px; height: 151px; margin: 0 auto; padding: 5px 0 0 6px; background: url(../imagens/sombra-capa-carrossel-home.png) no-repeat; } .perfil .coluna2 .quero_assistir ul li .imagem img {clip: rect(0pt, 99px, 146px, 0pt); width: 99px; height: 146px; } .perfil .coluna2 .quero_assistir ul li p { padding: 0 20px 0; line-height: 12px; font-size: .83em; text-transform: uppercase; text-align: center; color: #fff; } .perfil .coluna2 .quero_assistir ul li p span { display: block; } .perfil .coluna2 .quero_assistir ul li a.excluir { position: absolute; display: block; width: 23px; height: 23px; margin: -158px 0 0 97px; background: url(../imagens/botao-remover.png) no-repeat; text-indent: -999em; overflow: hidden; } .perfil .coluna2 .comentarios { float: left; left: -4px; width: 275px; padding: 5px 21px 36px; background: url(../imagens/bg-conteudo-317.png) center bottom no-repeat; } .perfil .coluna2 .comentarios .comentarios_filmes { padding: 5px 5px 10px; font-size: .91em; list-style: none; } .perfil .coluna2 .comentarios .comentarios_filmes li { padding: 13px 0 20px; background: url(../imagens/bg-item-linha-dupla.gif) 0 bottom repeat-x; } .perfil .coluna2 .comentarios .comentarios_filmes li p.filme { margin-bottom: 5px; color: #e10404; } .perfil .coluna2 .comentarios .comentarios_filmes li p.filme a { color: #e10404; } .perfil .coluna2 .promocoes { width: 275px; margin-left: 306px; padding: 5px 21px 36px; background: url(../imagens/bg-conteudo-317.png) center bottom no-repeat; } .perfil .coluna2 .promocoes .promocoes_filmes { padding: 0 5px 9px; list-style: none; } .perfil .coluna2 .promocoes .promocoes_filmes li { height: 1%; padding: 17px 0 16px; background: url(../imagens/bg-item-linha-dupla.gif) 0 bottom repeat-x; overflow: hidden; } .perfil .coluna2 .promocoes .promocoes_filmes li .imagens { float: left; width: 104px; height: 108px; margin-right: 20px; padding: 3px 0 0 5px; background: url(../imagens/moldura-promocoes-perfil.png) no-repeat; } .perfil .coluna2 .promocoes .promocoes_filmes li a { display: block; margin-top: 30px; font-weight: bold; color: #e10404; } /* ------- EDITAR PERFIL ------- */ .editar_perfil .texto { position: relative; padding-left: 25px; } .editar_perfil .texto .form fieldset { float: left; position: relative; top: -6px; left: -17px; width: 269px; height: 445px; margin-right: -12px; padding: 30px 34px 0; border: 0; background: url(../imagens/bg-passos-cadastro.png) no-repeat; } .editar_perfil .texto .form h4 { margin-bottom: 15px; font-size: 1.33em; text-transform: uppercase; color: #292929; } .editar_perfil .texto .form p { margin-bottom: 15px; font-size: .91em; } .editar_perfil .texto .form label { font-size: .91em; } .editar_perfil .texto .form input, .editar_perfil .texto .form textarea { width: 165px; padding: 3px 5px; border: 1px solid #dedede; background-color: #fff; } .editar_perfil .texto .form li { list-style: none; } .editar_perfil .texto .form .passo1 .conexao_social { margin-bottom: 10px; padding-bottom: 15px; background: url(../imagens/bg-item-linha-dupla.gif) 0 bottom repeat-x; } .editar_perfil .texto .form .passo1 .conexao_social a.connect_facebook { display: block; width: 176px; height: 23px; background: url(../imagens/botao-connect-facebook.png) no-repeat; text-indent: -999em; overflow: hidden; } .editar_perfil .texto .form .passo1 label { float: left; display: block; width: 70px; padding-right: 10px; line-height: 22px; text-align: right; } .editar_perfil .texto .form .passo1 .duaslinhas label { position: relative; top: -3px; line-height: 12px; } .editar_perfil .texto .form .passo1 li.erro label strong { color: red; } .editar_perfil .texto .form .passo1 li { height: 33px; } .editar_perfil .texto .form .passo1 li select.localizacao { width: 178px; } .editar_perfil .texto .form .passo1 li ul li { display: inline; margin: 0 0 0 0; } .editar_perfil .texto .form .passo1 li ul li select { max-width: 70px; } .editar_perfil .texto .form .passo1 li ul li select.mes { width: 68px; } .editar_perfil .texto .form .passo1 li ul li label { float: none; display: inline; width: auto; margin: 0; padding: 0; } .editar_perfil .texto .form .passo1 li ul li label input { width: auto; border: 0; } .editar_perfil .texto .form .passo2 .avatar { margin-bottom: 26px; height: 140px; } .editar_perfil .texto .form .passo2 .avatar .imagem { float: left; width: 127px; height: 130px; background: url(../imagens/bg-thumb-perfil.png) no-repeat; } .editar_perfil .texto .form .passo2 .avatar img { clip: rect(0pt, 130px, 127px, 0pt); height: 130px; width: 127px; } .editar_perfil .texto .form .passo2 .avatar .uploader { width: 110px; margin-left: 147px; padding-top: 40px; font-size: .83em; text-align: center; } .editar_perfil .texto .form .passo2 .avatar input { width: 230px;} .editar_perfil .texto .form .passo2 label { display: block; padding-bottom: 10px; } .editar_perfil .texto .form .passo2 li.erro label strong { color: red; } .editar_perfil .texto .form .passo2 textarea { width: 235px; height: 160px; padding: 10px; font: 1em "Lucida Grande",Arial,sans-serif; } .editar_perfil .texto .form .passo2 textarea:focus { color: #333; } .editar_perfil .texto .form .passo3 label { float: left; display: block; width: 90px; line-height: 22px; } .editar_perfil .texto .form .passo3 .duaslinhas label { position: relative; top: -2px; line-height: 12px; } .editar_perfil .texto .form .passo3 li.erro label strong { color: red; } .editar_perfil .texto .form .passo3 ol { margin-bottom: 40px; } .editar_perfil .texto .form .passo3 li { margin-bottom: 15px; } .editar_perfil .texto .form .passo3 .confirmar_senha { margin-bottom: 30px; } .editar_perfil .texto .form .passo3 .confirmar_senha label { width: 125px; } .editar_perfil .texto .form .passo3 .confirmar_senha input { width: 130px; } .editar_perfil .texto .form .passo3 .checkbox input { position: relative; top: 3px; float: left; width: auto; margin: 0 10px 10px 0; } .editar_perfil .texto .form .passo3 .checkbox label { float: none; display: inline; width: auto; margin: 0; padding: 0; line-height: 18px; } .editar_perfil .texto .form .passo3 a.botao { display: inline-block; height: 30px; padding-left: 25px; background: url(../imagens/bota-mais-vermelho.png) no-repeat; font-size: .83em; line-height: 17px; text-shadow: rgba(0,0,0,.2) 2px 2px 0; color: #fff; } .editar_perfil .texto .form .passo3 a.botao strong { display: inline-block; height: 25px; padding: 5px 25px 0 0; background: url(../imagens/bota-mais-vermelho.png) right -30px no-repeat; } /* ------- EXIBIDORES ------- */ .exibidores { padding-bottom: 0; } .exibidores .coluna1 { float: left; width: 275px; padding-left: 14px; } .exibidores .coluna1 .caixa { position: relative; width: 253px; margin-bottom: 10px; padding: 24px 11px 31px; background: url(../imagens/bg-conteudo-275.png) center bottom no-repeat; } .exibidores .coluna1 .caixa h1 { padding: 18px 37px 0 22px; } .exibidores .coluna1 .caixa h4 { position: absolute; top: -42px; height: 28px; padding: 18px 37px 0 22px; background: url(../imagens/bg-titulo-cinza.png) right 0 no-repeat; font-weight: normal; font-size: 1.16em; text-transform: uppercase; text-shadow: rgba(0,0,0,.2) 2px 2px 0; color: #fff; } .exibidores .coluna1 .filtro_local ol { padding: 0 0 12px 20px; list-style: none; } .exibidores .coluna1 .filtro_local ol li { padding-bottom: 13px; } .exibidores .coluna1 .filtro_local ol label { display: block; padding-bottom: 5px; font-weight: bold; } .exibidores .coluna1 .filtro_local ol select { width: 200px; } .exibidores .coluna1 .filtro_cinemas div { position: relative; width: 242px; height: 356px; } .exibidores .coluna1 .filtro_cinemas ul { width: 242px; height: 356px; list-style: none; overflow-y: auto; } .exibidores .coluna1 .filtro_cinemas ul li { margin-bottom: 10px; } .exibidores .coluna1 .filtro_cinemas ul label { display: block; height: 74px; margin: 0 0 0 20px; padding-top: 5px; text-align: center; vertical-align: middle; } .exibidores .coluna1 .filtro_cinemas ul label input { float: left; margin-top: 30px; } .exibidores .coluna1 .filtro_cinemas ul label img {clip: rect(0pt, 100px, 69px, 0pt); } .exibidores .coluna2 { position: relative; float: right; width: 675px; padding: 10px 11px 23px 21px; background: url(../imagens/bg-conteudo-707.png) 0 bottom no-repeat; } .exibidores .coluna2 a.ver_lista { position: absolute; top: -39px; right: 0; height: 28px; padding: 18px 37px 0 22px; background: url(../imagens/bg-selo-azul-131.png) right 0 no-repeat; font-weight: normal; font-size: 1.16em; text-transform: uppercase; text-shadow: rgba(0,0,0,.2) 2px 2px 0; color: #fff; outline: 0; } .exibidores .coluna2 .lista { display: none; padding: 0 20px 0 10px; } .exibidores .coluna2 .lista ul.exibidores { list-style: none; } .exibidores .coluna2 .lista ul.exibidores li { padding: 16px 0 20px; background: url(../imagens/bg-item-linha-dupla.gif) 0 bottom repeat-x; overflow: auto; font-size: .91em; } .exibidores .coluna2 .lista ul.exibidores li strong { display: block; font-size: 1.08em; } .exibidores .coluna2 .lista ul.exibidores li a { display: block; margin-bottom: 5px; color: #900; } .exibidores .coluna2 .lista ul.exibidores li div.imagem { float: left; display: block; width: 180px; height: 74px; padding-top: 5px; text-align: center; vertical-align: middle; } .exibidores .coluna2 .lista ul.exibidores li div.imagem img {clip: rect(0pt, 100px, 69px, 0pt); } .exibidores .coluna2 .lista ul.exibidores li div.descricao { margin-left: 200px; padding-top: 10px; } .exibidores .coluna2 .lista .paginacao { padding-bottom: 10px; } .exibidores .box_maps { width: 335px; padding: 23px 18px; border: 1px solid #ababab; background: #fff; } .exibidores .box_maps h4 { display: block; width: 335px; margin-bottom: 10px; padding-top: 16px; border-top: 1px solid #ababab; text-transform: uppercase; color: #386590; } .exibidores .box_maps input { float: left; width: 255px; height: 42px; border: 1px solid #ababab; } .exibidores .box_maps a.botao_procura { float: right; display: block; width: 74px; height: 44px; background: url(../imagens/botao_procura.jpg) no-repeat; text-indent: -9999em; } /* compartilhe trailer social */ .compartilhar { position: absolute; top: 4px !important; left: 119px !important; width: 368px; height: 247px; padding: 18px 63px 0 23px; background: url(../imagens/bg-popup-compartilhe-social.png) no-repeat; z-index: 11; } *+html .compartilhar { background: url(../imagens/bg-popup-compartilhe-social-ie7.gif) no-repeat; } .compartilhar .redes_sociais { margin-left: 247px; border-left: 1px solid #fff; } .compartilhar .redes_sociais a.botao { display: block; width: 88px; height: 30px; border: 0; background: url(../imagens/botao-enviar.png) no-repeat; text-indent: -999em; overflow: hidden; cursor: pointer; } .compartilhar .redes_sociais ul { padding-left: 17px; border-left: 1px solid #dadada; list-style: none; } .compartilhar .redes_sociais li { display: block; margin-top: 5px; height: 24px; background: url(../imagens/sprite-redes-sociais.png) no-repeat; } .compartilhar .redes_sociais li a { display: block; height: 24px; padding-left: 33px; font-size: .83em; line-height: 24px; color: #333; } .compartilhar .redes_sociais li.delicious { background-position: 0 0; height: 24px; } .compartilhar .redes_sociais li.digg { background-position: 0 -25px; height: 24px; } .compartilhar .redes_sociais li.facebook { background-position: 0 -50px; height: 24px; } .compartilhar .redes_sociais li.myspace { background-position: 0 -75px; height: 24px; } .compartilhar .redes_sociais li.technorati { background-position: 0 -100px; height: 24px; } .compartilhar .redes_sociais li.twitter { background-position: 0 -125px; height: 24px; } /* ------- POLITICA ------- */ .politica .texto { position: relative; width: 950px; margin: 0 auto; padding: 24px 11px 31px; } .politica h4, .politica h5, .politica p, .politica ul { margin: 0 29px 15px; list-style: none; color: #0a8cbc; } .politica h4 { font-size: 1.16em; } .politica h5 { margin-bottom: 0; font-weight: normal; font-size: 1em; } .politica a { text-decoration: underline; color: #0a8cbc; } .politica table { float: left; margin: 0 29px 15px; } /* ------- FLASH flashHome ------- */ .flashHome { position: absolute; top: -550px; left: 0; height: 100%; width: 100%; z-index: 99; }