@charset "utf-8";

.super-poll .large-12 {width:75%;}
.super-poll .large-4 {width:25%; padding:0;}

.super-poll #load {background: url(../img/load.gif) no-repeat center 35px; width:100%; height:200px;}


.super-poll .head {text-align:center;}
.super-poll .head h1 {font-size:35px; color:#333; margin-bottom:0;}
.super-poll .head h2 {font-size:15px; color:#333; text-transform:uppercase;}

.poll-header {position:relative; padding-top:60px;}
.poll-header nav ul {width:100%; border-bottom:1px solid #bbb; padding:0;}
.poll-header nav ul li {display:inline-block; list-style:none; padding:0 0 11px; margin-right:20px; }
.poll-header nav ul li.active {border-bottom:2px solid #1e96c8;}
.poll-header nav ul li a {font-size:23px; color:#333;}
.poll-header nav ul li.active a {color:#1e96c8;}
.poll-header p {display:inline-block; width:100%;}
.poll-header p.title {float:left; font-size:25px; font-weight:600; margin:15px 0 0; width:80%;}
.poll-header .poll-search {float:right; margin:15px 0 0; width:20%;}
.poll-header .poll-search input {color:#999; font-family:Arial, sans-serif; font-size:11px; font-style:italic; padding:7px 11px; width:100%; height:30px; border:1px solid #aaa; border-radius:2px; box-shadow: inset 0 2px 0 -1px #d2d1d2; background: url(../img/sprite-clima.png) no-repeat; background-position:-37% 101%;}
.poll-header .description {display:inline-block; width:100%; margin-top:20px; font-size:18px; line-height:21px;}

.tabbed .column-right {padding-top:73px;}

.super-poll .candidatos {margin:22px 0 0; padding:0;}
.super-poll .candidatos li {position:relative; float:left; width: 33.33333%; list-style:none; border:1px solid #bbb; border-width:0 1px 1px 0; min-height:205px;}
.super-poll .candidatos li:nth-child(-n+3) {border-top:1px solid #bbb;}
.super-poll .candidatos li:nth-child(3n+1) {border-left:1px solid #bbb;}

.super-poll .candidatos li .img {position:relative;}
.super-poll .candidatos li img {width:100%;}
.super-poll .candidatos li .img span {background: url(../img/superenquete/check.png) 50% 50% no-repeat rgba(30,150,200,.6); position:absolute; top:0; left:0; width:100%; height:100%;}

.super-poll .candidatos li p, .super-poll .candidatos li h2 {padding:0 20px;}
.super-poll .candidatos .desc {font-size:18px; line-height:20px; padding:0 20px;}
.super-poll .candidatos .desc p {padding:0;}
.super-poll .candidatos li h2 {font-size:30px; margin:15px 0 10px;}
.super-poll .candidatos li p {margin:0 0 15px; font-size:18px; line-height:20px;}
.super-poll .candidatos li p.error-msg-enquete {border:none; font-size:14px; margin:0 0 10px; line-height:12px; color:#FFF; background:red; padding:5px 0;}
.super-poll .candidatos li p.sub {text-transform:uppercase; font-size:14px; color:#bbb; font-weight:600;}
.super-poll .candidatos li p a {display:inline-block;}
.super-poll .candidatos li .vote-btn {width:100%; bottom:0; padding:0 20px 50px;}
.super-poll .candidatos li .vote-btn a, .super-poll .candidatos li .vote-btn span {display:block; border:1px solid #1e96c8; border-radius:2px; text-align:center; font-size:20px; font-weight:700; text-transform:uppercase; color:#1e96c8; padding:10px 0; transition: all .05s ease-in-out; background:#FFF;}
.super-poll .candidatos li .vote-btn a:hover {background:#1e96c8; color:#FFF;}

.super-poll .candidatos li.voted, .super-poll .candidatos li.closed {background:#f8f8f8;}
.super-poll .candidatos li.voted .captcha .vote-btn {padding-bottom:50px;}
.super-poll .candidatos li.closed .vote-btn a, .super-poll .candidatos li.closed .vote-btn span {pointer-events:none; cursor:pointer; background:#eee; color:#bbb; border-color:#eee;}
.super-poll .candidatos li.closed img {background:#1e96c8; background-blend-mode:multiply;}

.super-poll .candidatos li p.result {text-align:center; font-size:15px; padding-bottom:5px; bottom:0; width:100%;}

.super-poll .columns .publicidade-container {overflow:hidden; width:auto;}

.super-poll .candidatos li.over {position:relative; z-index:3; box-shadow:0 0 6px rgba(0,0,0,.5);}

.super-poll .captcha {position:absolute; top:0; left:0; width:100%; height:100%; display:none;}
.super-poll .captcha .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; background: rgba(0,0,0,.6); }
.super-poll .captcha .captcha_info {position:absolute; z-index:2; bottom:0; width:100%;}
.super-poll .captcha-enquete {padding:0 20px 10px; overflow:hidden;}
.super-poll .captcha-enquete em {float:left; color:#FFF; font:500 15px/13px OgloboCondensed, sans-serif; font-style:normal; margin-right:8px; width:70px;}
.super-poll .captcha-enquete input {float:left; width:60px; border:1px solid #ccc; margin-right:8px; height:30px;}
.super-poll .candidatos li .captcha-enquete img {float:left; width:60px;}
.super-poll .captcha-enquete a.reload {float:left; width:30px; height:29px; background: url(../img/superenquete/reload_captcha.png) no-repeat center; text-indent:-99999px;}
.super-poll .candidatos li .captcha .vote-btn {position:relative !important;}
.super-poll .candidatos li .captcha .vote-btn a {background:#1e96c8; color:#FFF;}
.super-poll .captcha .close {position:absolute; width:23px; height:23px; top:20px; right:20px; background: url(../img/superenquete/close.png) no-repeat center; text-indent:-99999px; z-index:3;}

.super-poll .resultado {position:relative; width:500px; margin:0 auto; padding:0;}
.super-poll .resultado li {position:relative; list-style:none; padding:20px; overflow:hidden;}
.super-poll .resultado li img {float:left; margin-right:25px;}
.super-poll .resultado li .qnt {float:left; width:100%;}
.super-poll .resultado li p {margin:0;}
.super-poll .resultado li .pos {float:left; font:45px/30px OgloboXCondensed, sans-serif; font-style:italic; color:#1e96c8;}
.super-poll .resultado li .bar {float:right; width:85%;}
.super-poll .resultado li .bar p {text-align:right; margin:5px 0 7px;}
.super-poll .resultado li .bar div {position:relative; height:2px; background:#eee;}
.super-poll .resultado li .bar div span {position:absolute; top:0; left:0; height:2px; background:#1e96c8;}
.super-poll .resultado li h2 {float:left; width:100%; margin:20px 0 0; text-transform:uppercase; color:#333; font-size:20px; font-weight:600;}
.super-poll .resultado li h2 a {text-transform:none; font-size:15px; margin-left:10px; font-weight:500;}

.super-poll .resultado li.img .qnt {width:335px;}
.super-poll .resultado li.img .bar {width:80%;}

.super-poll .resultado li.voted {background:#f8f8f8; box-shadow:0 0 3px #bbb;}
.super-poll .resultado li.voted > span {position:absolute; width:100px; height:100px; background: url(../img/superenquete/check.png) 50% 50% no-repeat rgba(30,150,200,.6); top:20px; left:20px; z-index:3;}

.super-poll .resultado li:first-child {margin-top:20px;}
.super-poll .resultado li:first-child .pos {position:relative; font-size:70px; margin-top:-12px;}

.super-poll .vote-again {display:inline-block; width:100%; text-align:center; margin:60px 0 10px;}
.super-poll .vote-again a {display:inline-block; border:1px solid #1e96c8; border-radius:2px; text-align:center; font-size:20px; font-weight:700; text-transform:uppercase; color:#1e96c8; padding:10px 20px; transition: all .05s ease-in-out; background:#FFF; width:280px;}

/* nav */
ul.navEnquete {position:relative; width:100%; border-top:1px solid #BBB; display:inline-block; margin-top:20px; padding-top:15px;}
ul.navEnquete li {list-style:none;}
ul.navEnquete .prev, .navEnquete .next {position:absolute; display:block; width:33px; height:33px; text-indent:-9999px; float:left; cursor:pointer; top:10px; right:44px; left:auto;}
.navEnquete .next {right:11px;}
.navEnquete .prev span, .navEnquete .next span {background: url('../img/indicador-navegacao.png') no-repeat; background-position:left; width:33px; height:33px; top:0; left:0; margin:0; display:block;}
.navEnquete .next span {right:0; background-position:right; margin:0 0 0 5px;}

.navEnquete .disabled {opacity:.4; filter: alpha(opacity=20);}
.navEnquete .disabled a {cursor:pointer;}

/* fix banner */
.super-poll .publicidade-container.robots-nocontent {max-width:100%;}
.super-poll .super-leaderboard.publicidade > .publicidade-container > span {width:100%;}
.super-poll .super-leaderboard.publicidade > .publicidade-container > span object {width:100% !important; height:auto;}
.super-poll .super-leaderboard.publicidade > .publicidade-container > span object embed {width:100% !important;}
.super-poll .super-leaderboard.publicidade > .publicidade-container > span > a {max-width:100%;}
.super-poll .arroba {float:right;}

@media screen and (max-width: 1024px) {
  .super-poll .large-12, .super-poll .large-4 {width:100%;}
  .super-poll .columns .publicidade-container {width:300px;}
  .super-poll .arroba {float:none; width:300px; margin:0 auto;}
}