@charset "utf-8";
@import url("fancybox.css");
/*
	Empresa: WEBROOM - Solucoes Interativas
	Site: www.webroom.com.br - E-mail: webroom@webroom.com.br
	Data: Maio, 2010
	Autor: Andre Amaral
	Parceiro: Lucas Sousa
*/

/* CSS Reset */
* { padding:0; margin:0}
html, body { min-height:100%}
ul, ol { list-style:none outside none}
ul li, ol li { text-indent:0; list-style:none}
table { border-collapse:collapse; border-spacing:0}
fieldset, img { border:0 none}
a { color:#003D80; text-decoration:none}

body { font-size:12px; color:#FFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
body#home { background:#00204F url('../img/bg_geral.png') no-repeat center top }
.confirme_voto { background:#00204F url('../img/bg_confirmeVoto.png') no-repeat center -150px!important; }
body#responda { background:#00204F url('../img/bg_responda.png') no-repeat center top }
body#galerias { background:#00204F url('../img/bg_galeria.png') no-repeat center top}

.white { background-color:#FFF; height:5px}
#home .wrap { margin:0 auto; height:1413px}
#responda .wrap { height:1279px; }
.confirme_voto .wrap { height:600px; }

/* Header */
.header { width:985px; margin:0 auto; height:152px; clear:both; overflow:hidden}
.header .logo { float:left; padding-top:35px; _padding-top:23px}
.header .logo_click { float:left; padding-top:33px; _padding-top:23px}
.header .logo2 { float:right; padding-right:12px; padding-top:35px}

.header .nav { width:100%; float:left; font-size:0; padding:6px 0 0 230px; *margin-top:4px }
.header .nav a { text-indent:-9999px; font-size:0; background:url('../img/sprites_menu.png') no-repeat; width:90px; height:35px; display:block; overflow:hidden}
.header .nav li { float:left}
.nav .regulamentos a { width:143px; background-position:-90px 0}
.nav .pergunta a { width:165px; background-position:-234px 0}
.nav .cultural a { width:173px; background-position:-400px 0}
.nav .galerias_fotos a { width:167px; background-position:-573px 0}
.nav .home a:hover, #home .nav .home a { background-position:0px -34px}
.nav .regulamentos a:hover { background-position:-90px -34px; }
.nav .home a:hover, #home .home a { background-position:0px -34px}
.nav .regulamentos a:hover, .regulamento .regulamentos a { background-position:-90px -34px; }
.nav .pergunta a:hover, #responda .nav .pergunta a { background-position:-234px -34px; }
.nav .cultural a:hover, .como_participar .nav .cultural a { background-position:-400px -34px; }
.nav .galerias_fotos a:hover, #galerias .nav .galerias_fotos a { background-position:-573px -34px; }
.nav .galerias_fotos a:hover, #galerias .galerias_fotos a { background-position:-573px -34px; }

/* Content */
.confirme_voto .content .concurso { float:left!important; width:auto; }
.confirme_voto .content .concurso a { float:left; }
.confirme_voto .content h1 { padding-bottom:80px; }
.confirme_voto .content p { color:#003D80; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif!important; font-weight:bold!important; margin-bottom:1em; }
.confirme_voto .content label { width:auto!important; font-weight:normal!important; display:block; float:none!important; text-align:left; }
.confirme_voto .content p img { float:left; margin-right:10px; }
.content { width:985px; margin:0 auto; clear:both; position:relative;}

.content .concurso { width:452px; padding:45px 15px 0 45px; float:right}
.content .concurso .title { text-indent:-9999px; background:url('../img/title_concurso.png') no-repeat; width:324px; height:28px; margin-bottom:5px}
.content .concurso p { font-weight:400; font-size:14px}

.content .galeria { float:left; position:relative; width:400px; height:380px; padding:54px 0 0 40px; _padding:43px 0 0 40px}
.content .concorra { float:left; height:300px}
.content .concorra a { text-indent:-99999px; background:url('../img/bg_concorra_ganhador.png'); width:488px; height:223px; float:left; overflow:hidden}
#slider, #slider ul, #slider li { width:378px; height: 275px; overflow:hidden}
.galeria span a { display:block!important; text-indent:-9999px; position:absolute; background:url('../img/bt_prev_next.png') no-repeat; width:44px; height:42px; float:left; outline:none 0 }
.galeria .prev { left:25px; top:95px}
.galeria .next { background-position:-44px 0; right:0; _right:25px; top:238px}
.bt_galeria { float:left; padding-left:235px; padding-top:30px; *padding-top:0; *margin-top:-30px;}

.participe_responda { padding-top:40px; float:left}
.participe_responda a { color:#FFF; font-size:14px; font-weight:bold; float:left; background:url('../img/reponda_pergunta1.png') no-repeat; width:361px; height:131px; padding:118px 0 0 23px; overflow:hidden}
#responda .participe_responda a { background:url('../img/responda_pergunta_.png') no-repeat; }


.colun_ranking { width:600px; position:relative; float:right}
.colun_ranking .camera { position:relative; float:right; margin:-150px -30px 0 0; *margin:-145px -30px 0 0; _top:-300px}
.colun_ranking .title { text-indent:-9999px; background:url('../img/title_ranking.png') no-repeat; width:598px; height:173px; margin-top:-10px; margin-left:14px; *margin-top:-155px; _margin-top:-463px; _position:relative; z-index:-1}

.colun_ranking .botoes { float:right; padding:0 20px 8px 0}
.colun_ranking .botoes a { text-indent:-9999px; float:left; background:url('../img/bt_sprites.png') 0 -30px no-repeat; width:122px; height:29px; overflow:hidden; margin-left:5px}
.colun_ranking .botoes .bt_maisvotados a:hover, .colun_ranking .botoes .bt_maisvotados a.active { background-position:0 0}
.colun_ranking .botoes .bt_ultimos_cadastros a { background-position:-124px 0; width:166px}
.colun_ranking .botoes .bt_ultimos_cadastros a:hover, .colun_ranking .botoes .bt_ultimos_cadastros a.active { background-position:-124px -30px; width:166px}


.colun_ranking .box { clear:both; position:relative; float:right; height:648px; padding-right:20px}
.colun_ranking .box li { width:516px; border:1px solid #E2EBF4; height:73px; overflow:hidden; margin-bottom:6px; *margin-bottom:2px}
.colun_ranking .box .img { background:url('../img/bg_imgBox.png') no-repeat; float:left; width:98px; height:66px; margin-top:5px; margin-right:7px; margin-left:3px;}
.colun_ranking .box .img img { padding:8px 0 0 8px }
.colun_ranking .box h3 { font-weight:normal; color:#00428A; padding:13px 0 5px 0; width:400px}
.colun_ranking .box .bt_ampliar { text-indent:-9999px; float:left; background:url('../img/bt_ampliar.png') no-repeat; width:92px; height:21px; overflow:hidden}

.vota_estrelas { width:103px; margin-top:-10px; *margin-top:-20px; float:right}
.vota_estrelas span { float:left; margin-right:1px; }
.vota_estrelas span a { display:block; height:20px; width:20px; outline:none}
.vota_estrelas span a, .vota_estrelas span a:visited { text-indent:-9999px; background:url('../img/rating.png') -19px 0 no-repeat; width:19px; height:19px}
.vota_estrelas span a.active, .vota_estrelas span a:hover, .vota_estrelas span a:focus { background-position:0}
.vota_estrelas p.votos { color:#5487BD; font-size:18px }
.vota_estrelas p.votos em { font-size:12px; color:#F90}

.a_pergunta { margin:45px 0 0 15px; width:582px; height:316px; overflow:hidden; background:url('../img/pergunta.png') no-repeat; float:left; }
.logar { background:url('../img/login.png') no-repeat; float:left; position:relative }
.logar ul { float:left; padding:10px 0 0 0; }
.logar li { clear:both; margin-bottom:10px; *margin-bottom:10px; }
.logar label, label { font-size:16px; display:block; float:left;  color:#003D80; text-align:right; padding-right:8px; line-height:30px; width:60px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
.logar .txtfield, .txtfield { border:2px solid #003D80; font-size:15px; padding:3px 5px; width:200px; color:#3d3d3d; letter-spacing:0.5px; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; -moz-border-radius:4px; }
.logar .txtfield:focus { color:#003D80; border:2px solid #003D80;  }
.logar .bt {/* margin:40px 40px 0 0!important;*/ }
.logar .esqueci { clear:both; color:#003D80; display:block; padding-left:188px; font-weight:bold; font-size:12px; }
.logar .esqueci:hover { text-decoration:underline; }
.a_pergunta .pergunta { font:20px Arial, Helvetica, sans-serif; font-weight:bold; color:#003D80; padding:60px 0 0 45px; width:514px; }
.a_pergunta form { padding:10px 0 0 45px; }
.a_pergunta form input { margin:1px 5px 0 0; }
.a_pergunta form ul li { font:13px Arial, Helvetica, sans-serif; color:#003D80; padding-bottom:12px; vertical-align:middle; }
.a_pergunta .bt{top:255px; margin-right:35px; width:165px; height:54px; float:right; position:absolute; right:0; bottom:6px; /*margin:30px 40px 0 0;*/ text-indent:-9999px; overflow:hidden; outline:0 }

#quiz ul li {}
#quiz ul li label {float:none !important; display:inline !important;}
#responder-quiz { top:300px !important;}

.cadastre { width:335px; float:left }
.cadastre p { font:14px Arial, Helvetica, sans-serif; color:#003D80; font-weight:bold; width:254px; padding:25px 0 0 60px; }
.cadastre a { float:right; width:115px; height:29px; margin:5px 0 0 20px; text-indent:-999px; overflow:hidden; }

.twitter { float:right; width:485px; height:508px; }
.twitter ul { padding:108px 58px 108px 65px; float:left; }
.twitter ul li { float:left; border-bottom:1px dotted #DBDBDB; padding-bottom:5px; margin-bottom:8px; font:12px Arial, Helvetica, sans-serif; color:#003D80; clear:both; width:100% }
.twitter ul li img { float:left; margin-right:15px; }
.twitter ul li strong { font:12px Arial, Helvetica, sans-serif; color:#003D80; font-weight:bold; } 
.twitter ul li a { font:12px Arial, Helvetica, sans-serif; color:#003D80; }

.ultimos { margin:120px 0 0 50px; height:334px; display:inline; float:left; padding-bottom:50px; width:292px; }
.ultimos ul li { font:13px Arial, Helvetica, sans-serif; color:#003D80; clear:both; line-height:48px; border-bottom:1px dotted #DBDBDB; width:285px; padding-bottom:10px; margin-top:10px }
.ultimos ul li.last { border-bottom:none; }
.ultimos ul li img { float:left; margin-right:10px; }
.ultimos .nav { float:right; clear:both; margin:18px 0 0;  }
.ultimos .nav a { float:left; width:27px; height:29px; text-indent:-9999px; overflow:hidden; }
.ultimos .nav a.left { margin-right:2px; }
.ultimos .nav a.right { margin-left:2px; }

/*rodape*/
#home .footer { background:url('../img/rodape.jpg') no-repeat top; height:331px; _margin-top:-123px}
.confirme_voto .footer { background:none!important; height:70px; margin-bottom:90px; }
#responda .footer, .confirme_voto .footer { clear:both}
#home .footer .webroom { float:left; text-indent:-9999px; background:url('../img/webroom.jpg') no-repeat; width:50px; height:13px; outline:none 0; margin-top:-210px;}
#responda .footer .webroom, #galerias .footer .webroom, .confirme_voto .footer .webroom { float:left; clear:both; text-indent:-9999px; background:url('../img/webroom.gif') no-repeat; width:50px; height:13px; margin-top:40px; outline:none 0 }
#home .rodape, #responda .rodape, #galerias .rodape, .confirme_voto .rodape { width:985px; margin:0 auto}
.footer .nav { float:right; padding:30px 178px 0 0; *padding:140px 185px 0 0}
#responda .footer .nav, .confirme_voto .footer .nav { float:left; padding-top:20px; }
.footer .nav a { color:#FFF; font:12px Arial, Helvetica, sans-serif; background:url(../img/separador.jpg) no-repeat right center; padding-right:5px}
.footer .nav a:hover { text-decoration:underline}
.footer .nav li { float:left; margin-right:5px}
.footer .nav li.last a { background:none}
#home .footer .brook_link { float:left; display:inline; margin-top:55px; margin-left:620px}
#responda .footer .brook_link, #galerias .footer .brook_link, .confirme_voto .footer .brook_link { float:right; }

#galerias .footer .nav { float:left; padding-top:0}
#galerias .footer { height:100px; clear:both; padding:100px 0 0 0}
#galerias .footer .rodape { padding-bottom:35px}
#galerias .footer .webroom { float:left; clear:both; text-indent:-9999px; background:url('../img/webroom.gif') no-repeat; width:50px; height:13px; margin-top:0; outline:none 0 }

.home_twitter { float:left!important; width:369px!important; margin-top:40px; height:auto}
.home_twitter ul { padding:20px 0 0 20px !important;}
.home_twitter .title { text-indent:-99999px; background:url('../img/title_twitter.png') no-repeat; width:354px; height:69px}

/* paginacao */
.pagination { padding:8px 0 0 60px; width:517px; clear:both}
.pagination span { float:left; width:26px; height:27px; margin-right:1px; overflow:hidden; text-align:center}
.pagination span a { background:url('../img/bg_paginacao.jpg') no-repeat; color:#FFF; font-weight:bold; display:block; line-height:28px}
.pagination span a:hover, .pagination span a.ativo { background-position:0 -27px}

/* Galerias */
.participe_concorra {  float:left; text-indent:-9999px; background:url('../img/bg_participe_galeria1.png'); width:518px; height:216px; margin-top:15px; outline:none 0}
.box_title { float:left; padding-left:15px}
.title_galeria { text-indent:-99999px; background:url('../img/title_galeria.png') no-repeat; width:399px; height:36px; margin:85px 0 15px 5px}

.box_title a { text-indent:-9999px; background:url('../img/bt_sprites2.png') no-repeat; float:left; width:128px; height:37px; overflow:hidden; margin-left:5px}
.box_title .bt_maisvotados a:hover, .box_title .bt_maisvotados a.active { background-position:0 -37px}
.box_title .bt_ultimos_cadastros a { background-position:-128px 0; width:174px}
.box_title .bt_ultimos_cadastros a:hover, .box_title .bt_ultimos_cadastros a.active { background-position:-128px -37px}

.pg_galeria { width:975px; padding-left:15px; float:left; overflow:hidden}
.pg_galeria ul { width:995px}
.pg_galeria ul li { width:227px; height:183px; float:left; padding:15px 20px 0 0}
.pg_galeria ul li p { padding-bottom:3px}
.pg_galeria a.lightbox { background:url("../img/mask_galeria.png") repeat scroll 0 0 transparent; display:block; height:130px; padding:10px 0 0 10px; width:217px}
.pg_galeria .vota_estrelas { width:100%; float:left; margin:auto}
.pg_galeria .vota_estrelas p.votos { font-size:12px; color:#C9D5E3; padding-left:15px; float:left}

#galerias .pagination { margin:0 auto; padding:50px 0 0 100px}
#galerias .pagination span { width:35px; height:37px; text-align:left}
#galerias .pagination span a { background:url('../img/bg_paginacao2.png') no-repeat; font-size:17px; line-height:35px; padding-right:3px; text-align:center; outline:none 0}
#galerias .pagination span a:hover, #galerias .pagination span a:focus, #galerias .pagination span a.active { background-position:0 -37px}

 
/* Estilos Regulamento */
#regulamento .regulamento1 { width:405px; height:560px; float:right; display:inline; margin:100px 35px 0 0; overflow-y:scroll; color:#004793; padding-right:15px;}
#regulamento .regulamento1 h1 { text-indent:-999px; overflow:hidden; line-height:0;}
#regulamento .regulamento1 h2 { text-transform:uppercase; font-size:25px; }
#regulamento { background:#00204F url('../img/bg_regulamento2.png') no-repeat center top; }
#regulamento .twitter{ width:350px; height:375px; margin:480px 0 0 110px; display:inline; overflow:hidden; float:left;}
.regulamento_cine { background:#00204F url('../img/bg_interna.png') no-repeat center top !important; }
#regulamento .regulamento1{ width:405px; height:560px; float:right; margin:100px 35px 0 0; overflow-y:scroll; color:#004793; padding-right:15px;}
#regulamento h1 { text-indent:-9999px; background:url('../img/regulamento.png') no-repeat; width:349px; height:56px; position:absolute; right:30px; top:28px; _top:18px}
#regulamento { background:#00204F url('../img/bg_regulamento.png') no-repeat center top; }

#regulamento .title_comoparticipar { text-indent:-9999px; background:url('../img/como_participar.png') no-repeat; width:425px; height:62px; position:absolute; right:30px; top:23px; _top:10px}


#regulamento .twitter{ width:350px; height:375px; margin:480px 0 0 110px; float:left;}
#regulamento .twitter ul { float:left; height:260px; overflow-y:scroll; padding:20px 0}
#regulamento .twitter ul li { float:left; border-bottom:1px dotted #DBDBDB; padding-bottom:12px; margin-bottom:15px; font:12px Arial, Helvetica, sans-serif; color:#003D80; }
#regulamento .twitter ul li img { float:left; margin-right:15px; }
#regulamento .twitter ul li strong { font:12px Arial, Helvetica, sans-serif; color:#003D80; font-weight:bold; }
#regulamento .twitter ul li a { font:12px Arial, Helvetica, sans-serif; color:#003D80; }
#regulamento .twitter h4{ background:url(../img/title_twitter.png) no-repeat; width:354px; height:69px; text-indent:-999999px; overflow:hidden;}

#regulamento .bt_cadastrar{ background:url('../img/bt_quero_cadastrar.png') no-repeat; width:328px; height:108px; text-indent:-99999px; overflow:hidden; position:absolute; margin:750px 0 0 610px; *margin:750px 0 0 150px; }
#regulamento .bt_cadastrar a{ width:328px; height:108px; display:block;}

#regulamento .concorra{ background:url('../img/bg_concorra_ganhador.png') no-repeat; width:488px; height:223px; position:absolute; *margin:0 0 0 -450px; line-height:0; }
.regulamento_cine .concorra { background:url('../img/bg_concorra2.png') no-repeat!important; margin:90px 0 0 20px; }
#regulamento .concorra a{ width:105px; height:30px; position:absolute; margin:150px 0 0 80px; text-indent:-999px; *margin:151px 0 0 82px;}
#regulamento .concorra span{ height:10px; width:50px; border:#fff solid 1px; display:none; }

/*rodape Regulamento*/
#regulamento .footer { height:70px; width:960px; margin:0 auto 90px auto; }
#regulamento .footer .webroom { float:left; text-indent:-9999px; background:url('../img/webroom1.jpg') no-repeat; width:50px; height:13px; margin-top:40px; outline:none 0}
#regulamento .rodape { width:985px; margin:0 auto}
#regulamento .footer .nav { float:left; padding:50px 0 0 0; margin:0 0 0 0; width:400px;}
#regulamento .footer .nav a { color:#FFF; font-size:12px; background:url('../img/separador.jpg') no-repeat right center; padding-right:5px}
#regulamento .footer .nav a:hover { text-decoration:underline}
#regulamento .footer .nav li { float:left; margin-right:5px}
#regulamento .footer .nav li.last a { background:none;}
#regulamento .footer .logos .brook_link { float:left; display:inline; margin-top:-50px; margin-left:600px}

#superbox-innerbox { height:624px!important;}
#superbox-innerbox { height /*\**/: 618px!important}
.iframe { background:transparent}

/* MODAL */
.load { position: absolute; top: 50%; left: 50%; width: 88px; height: 78px; margin: -39px 0 0 -44px; z-index: 99999}
.bg_modal { position: absolute; top: 0; left: 0; z-index: 99998; }
.view_modal { position: absolute; left: 50%; top: 50%; text-align: left; z-index: 99998}
.modal { visibility: hidden; cursor:pointer}
#contato { width:500px; padding:40px; background:#FFF; -moz-border-radius:4px; border:4px solid #0057B2; color:#003D80; overflow:visible; position:relative;  }
.fechar_modal { background:url('../img/fecha_modal.png') no-repeat; width:38px; height:38px; float:right; text-indent:-9999px; position:absolute; z-index:1000; right:0; top:-10px; top:0px\9; cursor:pointer }
#contato ul { padding-top:18px; }
#contato li { padding-bottom:10px; line-height:28px; }
#contato label { width:160px; float:left; text-align:right; padding-right:5px; font-weight:bold; font-size:12px;  }
#contato .txtfield { font-size:15px;  }
#contato .txtfield  { padding:3px; width:300px; background:#fff; border:2px solid #003D80; -moz-border-radius:4px; }
#contato .txtfield:focus { border:2px solid #0057B2; color:#001F4E; }
#contato select { width:310px!important; }
#contato p { padding:5px 0; font-size:15px; font-family:Arial, Helvetica, sans-serif; }
#contato .cadastrar { background:url('../img/bt_cadastrar.png') no-repeat; width:193px; height:53px; float:right; position:absolute; right:0; bottom:0; text-indent:-9999px; overflow:hidden; }

#regulamento .wrap { margin:0 auto;  height:1100px; }
#regulamento .regulamento1 p { line-height:20px; margin:20px 0}
.regulamento1 strong { font-size:13px}
.regulamento1 p a { text-decoration:underline }
.regulamento1 h3 { font-size:14px}

p.aviso { color:#003D80; font:bold 14px Arial,Helvetica,sans-serif; padding:25px 0 0 0; width:254px; text-align:center}
p.aviso_pergunta { color:#003D80; font:bold 20px Arial,Helvetica,sans-serif; padding:20px 0 0; width:230px}
.twitter_participar { height:353px!important}
.twitter_participar ul {overflow-y:scroll; height:245px!important }

.ultimos .perguntas li input { float:left; margin:1px 5px 0 0}
.ultimos .perguntas li { border-bottom:0 none; color:#003D80; font:13px Arial,Helvetica,sans-serif; padding-bottom:12px; vertical-align:middle}