@import 'alerta.css?3';
@import 'animation.css?1';
@import 'font-awesome.css';
@import 'font-awesome.min.css';
@font-face {
font-family: 'Junegull';
src: url('../fonts/junegull.ttf');
}
body {
margin:0px;
padding: 0px;
background-color: #F5F5F5;
}
#faixa-topo {
width: 100%;
height: 62px;
background: #fff;
border-bottom: 4px rgba(102, 151, 199, 0.53) solid;
position: relative;
z-index: 9;
}
#faixa-topo #margin {
width: 955px;
margin: auto;
}
#margin-faixa {
width: 100%;
height: 70px;
background-image: url(../imagens/faixa-topo.png);
}
#logo {
width: 339px;
height: 199px;
background: url(../imagens/logo.png) no-repeat;
cursor: pointer;
float: left;
}
.login {
width: 125px;
height: 38px;
border-radius: 5px;
border: 2px #29CAF1 solid;
outline: none;
padding: 10px;
font: 13px Arial;
font-weight: 600;
color: #A9A9A9;
}
#button-login {
width: 34px;
height: 38px;
border-radius: 5px;
border: 2px #6DD900 solid;
color: #6DD900;
text-align: center;
font: 13px Arial;
outline: none;
background: #fff;
cursor: pointer;
transition: 0.5s;
font-weight: bold;
}
#button-login:hover {
background: #6DD900;
color: #fff;
}
#button-registro {
    width: 95px;
    height: 34px;
    color: #ff7373;
    text-align: center;
    background-color: transparent;
    border: 2px #ff7373 solid;
    float: right;
    border-radius: 5px;
    font: 15px Arial;
    font-weight: bold;
    line-height: 33px;
    cursor: pointer;
}
#button-registro:hover {
    background: #ff7373;
    color: #fff;
}
#login {
width: 397px;
float: left;
margin: 12px 0px 0px 15px;
}
#avatar-login {
width: 27px;
height: 60px;
margin: 71px 60px;
}
#quarto-faixa {
width: 159px;
height: 167px;
background-image: url(../imagens/quarto.png);
float: right;
margin-top: -50px;
}
#topo {
width: 100%;
height: 377px;
background-color: #AFD7FF;
}
#nuvens {
width: 100%;
height: 203px;
background-image: url(../imagens/nuvens.png);
margin-top: 80px;
position: absolute;
}
#topo #margin {
width: 955px;
margin: auto;
}
#base-slide {
width: 524px;
height: 253px;
background-image: url(../imagens/box-slide.png);
float: right;
margin-top: -70px;
}
#base-slide #imagem {
margin: 30px 0px 0px 65px;
border-radius: 5px;
width: 400px;
height: 200px;
}
#base-slide .desc-slide {
width: 360px;
height: 32px;
position: absolute;
top: 88px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
background-color: rgba(0, 0, 0, 0.73);
color: #fff;
font: 15px Arial;
padding: 20px;
line-height: 17px;
}
#box-radio {
width: 940px;
height: 50px;
background-color: #fff;
float: left;
margin-top: 20px;
border-radius: 5px;
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.08);
font: 13px Arial;
color: #AAA;
}
#box-radio #ico-radio {
width: 43px;
height: 22px;
float: left;
background-image: url(../imagens/buttons.png);
margin: 15px 5px 0px 5px;
}
#box-radio #radio {
width: 120px;
height: 50px;
background-color: #44C5F6;
float: left;
color: #fff;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
font: 16px Arial;
font-weight: bold;
line-height: 53px;
text-shadow: 1px 1px rgba(0, 0, 0, 0.18);
}
#box-radio #noar {
width: 75px;
height: 50px;
background-color: #B399FF;
color: #fff;
font: 16px Arial;
font-weight: bold;
line-height: 53px;
float: left;
text-align: center;
}
#box-radio #locutor {
width: 30px;
height: 27px;
float: left;
background-color: #DED9D9;
border-radius: 3px;
background-position: 0px -7px;
margin: 12px;
}
#box-radio #ico-locutor {
width: 16px;
height: 16px;
background-image: url(../imagens/buttons.png);
float: left;
background-position: 0px -24px;
margin: 17px 0px;
}
#box-radio #loc {
font-weight: bold;
float: left;
margin: 18px 10px;
}
#box-radio #apresenta {
float: left;
margin: 18px 0px;
}
#box-radio #prog {
font-weight: bold;
float: left;
margin: 18px 10px;
}
#box-radio #depois {
width: 75px;
height: 50px;
background-color: #FF7373;
color: #fff;
font: 16px Arial;
font-weight: bold;
line-height: 53px;
float: left;
text-align: center;
}
#box-radio #ouvintes {
width:110px;
height: 50px;
background-color: #EEEEEE;
float: left;
}
#box-radio #ico-ouv {
width: 32px;
height: 28px;
background-image: url(../imagens/buttons.png);
background-position: 0px -40px;
margin: 10px 15px;
float: left;
}
#box-radio #ouv {
font-weight: bold;
float: left;
margin: 16px 0px;
font: 20px Arial;
color: #AAAAAA;
}
#box-radio #likes {
width: 37px;
height: 50px;
background-color: #FF7373;
float: left;
}
#box-radio #ico-like {
width: 24px;
height: 22px;
background-image: url(../imagens/buttons.png);
background-position: 0px -68px;
margin: 16px auto;
cursor: pointer;
}
#box-radio #pause {
width: 37px;
height: 50px;
background-color: #2D92F8;
float: left;
}
#box-radio #ico-pause {
width: 24px;
height: 24px;
background-image: url(../imagens/buttons.png);
background-position: 0px -90px;
margin: 14px auto;
cursor: pointer;
}
#box-radio #play {
width: 37px;
height: 50px;
background-color: #B399FF;
float: left;
}
#box-radio #ico-play {
width: 24px;
height: 24px;
background-image: url(../imagens/buttons.png);
background-position: 0px -114px;
margin: 14px auto;
cursor: pointer;
}
ul {
width: 100%;
height: 40px;
background-color: #FFFFFF;
margin: 0px;
padding: 0px;
}
.margin {
width: 845px;
margin: auto;
}
li {
float: left;
}
li, .menu {display: inline-block;text-align: center;padding: 6px 13px;color: #fff;text-decoration: none;float: left;font: 14px Arial;text-transform: uppercase;text-shadow: 2px 1px rgba(0, 0, 0, 0.3);text-align: left;}
li, .menu:hover {font-weight: 600;}
.submenu {
width: 100%;
height: 40px;
display: none;
margin-top: 34px;
float: left;
position: absolute;
left: 0;
border-top: 1px rgba(0, 0, 0, 0.09) solid;
}
.submenu > li > a {
float: left;
margin: -6px 0px 0px;
font-weight: 100;
padding: 13px 10px 3px;
text-transform: none;
text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.26);
font: 14px Myriad Pro;
}
.mar-sub {
width: 830px;
margin: auto;
}
.menu-fixo  {
position:fixed !important;
top: 0;
z-index: 99;
}
a {
color:#368dd4;
text-decoration: none;
}
.margin-news {
margin:55px auto;
width: 935px;
display: table;
}
#boxnews {
width:590px;
float:left;
height:404px;
}
#titlenews {
background-image: url(../imagens/boxes.png);
width:212px;
height:41px;
background-position:0px 0px;
font-family:Arial;
font-size:20px;
color:#fff;
text-shadow:0px 1px 1px rgba(0,0,0,0.20);
}
#subnews {
background-color:#FF6464;
height:24px;
width:100%;
margin-bottom:10px;
margin-top:-2px;
font-family:Arial;
font-size:12px;
color:#fff;
}
#subnews a{
text-decoration:none;
color:#fff;
margin-left:5px;
}
#subnews a:hover {
text-decoration:underline;

}
#noticiast {
width:293px;
margin-right:2px;
margin-bottom:2px;
height:84px;
float:left;
border-radius:3px;
background-color:#e3e3e3;
}
#imgnoticia {
width:70px;
height:70px;
border-radius:5px;
float:left;
background-position:center;
}
#noticiast #noticiatitle {
width: 210px;
font-family: Arial;
font-size: 15px;
color: #888888;
margin-left: 80px;
}
#noticiast:hover #noticiatitle {
color: #ff7373;
}
#noticiast #ndesc {
width:200px;
font-size:11px;
color:#8C8C8C;
margin-left:80px;
font-family:Arial;
}
#noticiast:hover #ndesc {
    color: #ff7373;
}
#noticiast #categoria {
font-size:11px;
color:#8C8C8C;
font-family:Arial;
margin-top: 30px;
float:left;
}
#noticiast:hover #categoria {
    color: #ff7373;
}
#noticiast #cat-img {
float: left;
    margin-top: 28px;
    margin: 28px 5px 0px;
}
#data-news {
    width: 19px;
    height: 16px;
    background-image: url(../imagens/buttons.png);
    background-position: 0px -271px;
    float: left;
    margin: 26px 3px 0px 26px;
}
#noticiast #hora {
width:200px;
font-size:11px;
color:#8C8C8C;
margin-left:80px;
font-family:Arial;
margin-top: 30px;
}
#noticiast:hover #hora {
    color: #ff7373;
}
#bcoluna {
background-color:#fff;
border:1px solid #BBBBBB;
box-shadow:0px 11px 0px rgba(204, 204, 204, 0.56);
margin-bottom:20px;
width: 300px;
margin-left:30px;
height:220px;
float:right;
}
#boxered {
width:138px;
margin-left:-8px;
margin-top:-1px;
height:40px;
color:#fff;
text-shadow:0px 2px 2px rgba(0,0,0,0.22);
font-family:Arial;
font-size:13px;
float:left;
background-image:url(../imagens/boxes.png);
background-position:0px -41px;
margin-bottom:5px;
}
#maiscoluna {
width:26px;
height:26px;
background-color:#CFEBB8;
margin-top:10px;
margin-left:2px;
border-radius:30px;
float:left;
}
#maiscoluna #img {
background-image: url(../imagens/buttons.png);
width:10px;
margin:8px;
height:10px;
background-position:-1px -138px;
}
#maiscoluna #img:hover {
opacity:0.50;
}
#attcoluna {
width:26px;
height:26px;
background-color:#CEE1FA;
margin-top:10px;
margin-left:3px;
border-radius:30px;
float:left;
}
#attcoluna #img {
background-image: url(../imagens/buttons.png);
width:15px;
margin:6px;
height:15px;
background-position:0px -148px;
}
#attcoluna #img:hover {
opacity:0.50;
}
#colunat {height:85px;float:left;width: 275px;}
#imgcoluna {
width:83px;
height:75px;
background-color:#eee;
background-position:center;
float:left;
border-radius:4px;
}
#colunatitle {
width: 255px;
font-family:Arial;
font-size:15px;
color:#888888;
margin-bottom:4px;
margin-left:10px;
}
#colunatitle a{
text-decoration:none;
color:#888;
}
#colunatitle a:hover {
color:#000;
}
#colunadesc {
width: 255px;
height:53px;
font-size:11px;
color:#8C8C8C;
margin-left:10px;
font-family:Arial;
}
#brecorde {
background-color:#fff;
border:1px solid #BBBBBB;
box-shadow:0px 11px 0px rgba(204, 204, 204, 0.56);
width: 302px;
margin-left:30px;
height:160px;
float:right;
}
#boxeredg {
width:139px;
margin-left:-8px;
margin-top:-1px;
height:40px;
color:#fff;
text-shadow:0px 2px 2px rgba(0,0,0,0.22);
font-family:Arial;
font-size:13px;
float:left;
background-image:url(../imagens/boxes.png);
background-position:0px -241px;
margin-bottom:9px;
}
#recorde {
width: 270px;
height:58px;
background-color:#FF7373;
border-radius:3px;
margin-bottom:5px;
float:left;
margin-left:9px;
text-align:right;
color:#fff;
font-family:Arial;
font-size:15px;
line-height:45px;
}
#avarecorde {
width:32px;
height:35px;
float:left
}
.margin-forum {
width: 935px;
display: table;
margin:auto;
}
#brankingf {
background-color:#fff;
border:1px solid #BBBBBB;
box-shadow:0px 11px 0px rgba(204, 204, 204, 0.56);
width:252px;
height:337px;
float:left;
}
#boxebluer {
background-image: url(../imagens/boxes.png);
width:160px;
height:40px;
background-position:0px -81px;
margin-left:-8px;
color:#fff;
margin-top:-1px;
text-shadow:0px 1px 1px rgba(0,0,0,0.22);
font-family:Arial;
font-size:13px;
float:left;
margin-bottom:10px;
}
#rankingfaixa {
width: 100%;
height: 48px;
border-bottom: 1px solid #BBBBBB;
border-top: 1px solid #BBBBBB;
background-color: #F2F2F2;
margin-bottom: 7px;
float: left;
transition: 0.1s;
color: #888;
}
#rankingfaixa:hover {
background-color: #53D4FF;
border-bottom: 1px solid #53D4FF;
border-top: 1px solid #53D4FF;
color: #fff;
}
#avatarankingleft {
width:54px;
height:54px;
border:3px solid #C9C9C9;
border-radius:30px;
margin-top:-6px;
float:left;
margin-left:10px;
background-position:center;
}
#rankingfaixa:hover #avatarankingleft {
border: 3px solid #90E3FF;
}
#plataformablue {
width:43px;
height:28px;
background-image: url(../imagens/buttons.png);
background-position:0px -193px;
}
#rankingimager {
width:32px;
height:55px;
margin-top:-30px;
margin-left:4px;
}
#rankingfaixa #avatarankingright {
width: 54px;
height: 54px;
border: 3px solid #C9C9C9;
border-radius: 30px;
margin-top: -6px;
float: right;
margin-right: 10px;
background-position: center;
}
#rankingfaixa:hover #avatarankingright {
border: 3px solid #90E3FF;
}
#rankinguser {
font-size:15px;
font-family:Arial;
text-align:left;
}
#arearanking {
width:auto;
height:35px;
float:left;
padding:8px 10px;
}
#ranking1 {
width:21px;
height:21px;
background-image: url(../imagens/buttons.png);
background-position:0px -172px;
float:right;
margin-right:15px;
margin-top:13px;
}
#rankingmsg {
font-size:11px;
margin-left:13px;
margin-top:-10px;
text-align:left;
font-family:Arial;
}
#rankingfaixa #imsg {
width: 8px;
height: 9px;
background-image: url(../imagens/buttons.png);
background-position: 0px -163px;
margin-top: 5px;
}
#rankingfaixa:hover #imsg {
background-position: -8px -163px;
}
#bforum {
background-color:#fff;
border:1px solid #BBBBBB;
box-shadow:0px 11px 0px rgba(204, 204, 204, 0.56);
width:639px;
height:373px;
float:right;
}
#boxebluef {
background-image: url(../imagens/boxes.png);
width:167px;
height:40px;
background-position:0px -121px;
margin-left:-8px;
color:#fff;
margin-top:-1px;
text-shadow:0px 1px 1px rgba(0,0,0,0.22);
font-family:Arial;
font-size:13px;
margin-bottom:10px;
}
#icontopic {
width:16px;
height:14px;
background-image: url(../imagens/buttons.png);
background-position:0px -287px;
float:left;
margin-left:20px;
margin-top:17px;
}
#areatopic {
width:50%;
float:left;
height:81px;
}
#areatopic #avatarforum {
width:54px;
height:54px;
border:3px solid #C9C9C9;
border-radius:30px;
float:left;
margin-left:10px;
background-position:center;
}
#areatopic:hover #avatarforum {
    border: 3px solid #FF9999;
}
#areatopic #titletopic {
font-size:14px;
font-family:Arial;
color:#878787;
float:left;
}
#areatopic:hover #titletopic {
    color: #FF9999;
}
#areatopic #plataforma-forum {
    width: 43px;
    height: 28px;
    background-image: url(../imagens/buttons.png);
    background-position: 0px -193px;
}
#areatopic:hover #plataforma-forum {
background-position: 0px -221px;
height: 26px;
}
#comentario {
width:27px;
height:27px;
background-color:#CCCCCC;
border-radius:30px;
float:right;
margin-right:5px;
}
#comentarioicon {
background-image: url(../imagens/buttons.png);
width:8px;
height:9px;
background-position:0px -163px;
}
#addtopic {
width:27px;
height:27px;
background-color:#A6E67B;
border-radius:30px;
float:right;
margin-right:10px;
}
#addicon {
background-image: url(../imagens/buttons.png);
width:10px;
height:10px;
background-position:-1px -138px;
}
#usericon {
width:10px;
height:16px;
background-image: url(../imagens/buttons.png);
background-position:0px -255px;
float:left;
}
#dtlhtopic {
font-size:11px;
color:#8C8C8C;
font-family:Arial;
float:left;
padding:3px 7px;;
}
#datatopic {
width:19px;
height:16px;
background-image:url(../imagens/buttons.png);
background-position:0px -271px;
float:left;
}
#fixo-for {
width: 15px;
height: 15px;
float: right;
background-image: url(../imagens/fixo.gif);
}
.margin-eventos {
width: 935px;
display: table;
margin:auto;
}
#beventos {
height:367px;
width:334px;
background-color:#fff;
border:1px solid #BBBBBB;
box-shadow:0px 11px 0px rgba(204, 204, 204, 0.56);
float:left;
margin-top:30px;
}
#areaeventos {
height:75px;
width:310px;
margin-left:10px;
border-bottom:1px solid #ddd;
float:left;
margin-bottom:3px;
}
#imgevento {
width:66px;
height:66px;
float:left;
margin-top:2px;
background-position:center;
border-radius:3px;
}
#boxeciano {
background-image: url(../imagens/boxes.png);
width:138px;
height:40px;
background-position:0px -401px;
margin-left:-8px;
color:#fff;
margin-top:-1px;
text-shadow:0px 1px 1px rgba(0,0,0,0.22);
font-family:Arial;
font-size:13px;
margin-bottom:7px;
float:left;
}
#titleeventos {
font-family:Arial;
margin-left:10px;
margin-top:4px;
color:#888;
font-size:14px;
float:left;
}
#desceventos {
font-family:Arial;
margin-left:10px;
margin-top:2px;
color:#888;
font-size:11px;
float:left;
}
#data {
width:19px;
height:16px;
background-image:url(../imagens/buttons.png);
background-position:0px -271px;
float:left;
margin-top: 20px;
margin-left: -145px;
}
#autorevento {
width:42px;
height:63px;
background-color:#F5F5F5;
border-radius:7px;
float:right;
}
#bonecoevent {
width:32px;
height:55px;
margin-left:5px;
}
#tempo {
font-size:11px;
color:#8C8C8C;
font-family:Arial;
float:left;
padding:8px 7px;;
}
#beventouser {
height:332px;
width:249px;
margin-left:60px;
background-color:#fff;
border:1px solid #BBBBBB;
box-shadow:0px 11px 0px rgba(204, 204, 204, 0.56);
float:left;
margin-top:30px;
}
#boxecianobig {
background-image: url(../imagens/boxes.png);
width:191px;
height:40px;
background-position:0px -441px;
margin-left:-8px;
color:#fff;
margin-top:-1px;
text-shadow:0px 1px 1px rgba(0,0,0,0.22);
font-family:Arial;
font-size:13px;
margin-bottom:10px;
float:left;
}
#areaevtuser {
width:100%;
height:44px;
margin-bottom:4px;
}
#areaevtuser #box-room {
width: 241px;
height: 47px;
float: left;
}
#areaevtuser #box-room #room-based {
width:63px;
height:44px;
background-color:#35B5C0;
border-radius:4px;
margin-left:5px;
float:left;
margin-right: 5px;
}
#areaevtuser #box-room #room-based .room {
width: 32px;
height: 30px;
background-image: url(../imagens/buttons.png);
background-position: 0px -301px;
margin: 7px auto;
}
#areaevtuser #box-room:hover #room-based .room {
width: 36px;
height: 26px;
background-image: url(../imagens/buttons.png);
background-position: 0px -331px;
margin: 10px auto;
}
#areaevtuser #box-room #titulo {
font: 14px Arial;
color: #35B5C0;
margin-top: 5px;
}
#areaevtuser #box-room #desc {
font: 12px Arial;
color: #35B5C0;
margin-top: 5px;
}
#bdestaques {
width:252px;
height:210px;
background-color:#fff;
border:1px solid #BBBBBB;
box-shadow:0px 11px 0px rgba(204, 204, 204, 0.56);
float:right;
margin-top:30px;
}
#bdestaques #box-azul {
background-image: url(../imagens/boxes.png);
width:59px;
height:8px;
background-position:0px -321px;
margin-left:-8px;
color:#fff;
margin-top:-1px;
text-shadow:0px 1px 1px rgba(0,0,0,0.22);
font-family:Arial;
font-size:13px;
margin-bottom:10px;
float:left;
}
#bdestaques .box-destaque {
width: 245px;
float: left;
margin-left: 5px;
}
#bdestaques #avatar-destaque-one {
width: 64px;
height: 82px;
float: left;
background-position: 1px -26px;
}
#bdestaques #avatar-destaque-two {
width: 32px;
height: 55px;
float: right;
}
#bdestaques .icon-destaque-one {
width: 16px;
height: 16px;
float: left;
background-image: url(../imagens/buttons.png);
background-position: 0px -357px;
margin-right: 5px;
}
#bdestaques .icon-destaque-two {
width: 16px;
height: 16px;
float: left;
background-image: url(../imagens/buttons.png);
background-position: -16px -357px;
margin-right: 5px;
}
#bdestaques #title-destaque {
font: 13px Arial;
color: #80c0f4;
line-height: 21px;
}
#bdestaques #info-destaque {
font: 13px Arial;
color: #999999;
}
.box-parceiros {
width:252px;
height:115px;
background-color:#fff;
border:1px solid #BBBBBB;
box-shadow:0px 11px 0px rgba(204, 204, 204, 0.56);
float:right;
margin-top:30px;
}
.box-parceiros #box-azul {
background-image: url(../imagens/boxes.png);
width:59px;
height:8px;
background-position:0px -321px;
margin-left:-8px;
color:#fff;
margin-top:-1px;
text-shadow:0px 1px 1px rgba(0,0,0,0.22);
font-family:Arial;
font-size:13px;
margin-bottom:10px;
float:left;
}
#box-feira {
width:334px;
height:285px;
background-color:#fff;
border:1px solid #BBBBBB;
box-shadow:0px 11px 0px rgba(204, 204, 204, 0.56);
float:left;
margin-top:30px;
}
#box-feira #box-azul-big {
background-image: url(../imagens/boxes.png);
width:128px;
height:8px;
background-position:0px -81px;
margin-left:-8px;
color:#fff;
margin-top:-1px;
text-shadow:0px 1px 1px rgba(0,0,0,0.22);
font-family:Arial;
font-size:13px;
margin-bottom:10px;
float:left;
}
#box-shop {
height: 75px;
width: 310px;
margin-left: 10px;
border-bottom: 1px solid #ddd;
float: left;
margin-bottom: 3px;
}
#box-shop #img-obj {
width: 66px;
height: 66px;
float: left;
margin-top: 2px;
background-position: center;
border-radius: 50%;
background-repeat: no-repeat;
background-color: #79b9ed;
-webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.16), inset 0 2px 8px 0 rgba(0, 0, 0, 0.16);
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.16), inset 0 2px 8px 0 rgba(0, 0, 0, 0.16);
}
#box-shop #title {
width: 180px;
float: left;
height: 15px;
font-family: Arial;
font-size: 15px;
color: #79b9ed;
margin-bottom: 4px;
margin-left: 10px;
}
#box-shop #author {
font-family: Arial;
margin-left: 10px;
margin-top: 2px;
color: #79b9ed;
font-size: 11px;
float: left;
}
#box-shop #img-preco {
width: 19px;
height: 16px;
background-image: url(../imagens/buttons.png);
background-position: 0px -271px;
float: left;
margin-top: 20px;
margin-left: -185px;
}
#box-shop #img-author {
width: 38px;
height: 75px;
margin-left: 5px;
background-position: -14px -18px;
float: right;
}
#box-shop #preco {
font-size: 11px;
color: #8C8C8C;
font-family: Arial;
float: left;
padding: 8px 7px;
}
#box-shop #btn-comprar {
font-family: Arial;
font-size: 15px;
color: #79b9ed;
margin-bottom: 4px;
margin-left: 10px;
float: left;
margin: 5px -4px 0px;
cursor: pointer;
}
#box-feira-emb {
width:249px;
height:129px;
margin-left:60px;
background-color:#fff;
border:1px solid #BBBBBB;
box-shadow:0px 11px 0px rgba(204, 204, 204, 0.56);
float:left;
margin-top:30px;
}
#box-feira-emb #box-azul-big {
background-image: url(../imagens/boxes.png);
width:180px;
height:8px;
background-position:0px -81px;
margin-left:-8px;
color:#fff;
margin-top:-1px;
text-shadow:0px 1px 1px rgba(0,0,0,0.22);
font-family:Arial;
font-size:13px;
margin-bottom:10px;
float:left;
background-repeat: no-repeat;
}
#box-shop-emb {
background-color:rgb(107,163,96);
width:53px;
height:65px;
border-color:rgb(94,142,83);
float: left;
border-width:1px;
-webkit-border-radius:3%;
border-radius:3%;
border-style:solid;
-webkit-box-shadow:inset 1px 1px 0px rgba(255,255,255,0.61);
box-shadow:inset 1px 1px 0px rgba(255,255,255,0.61);
cursor: pointer;
margin-left: 6px;
}
#box-shop-emb .imagem {
width: 40px;
height: 40px;
margin: 7px auto;
}
#box-shop-emb .title {
background-color: rgba(0, 0, 0, 0.3);
font: 11px Arial;
color: #fff;
text-shadow: 1px 1px rgba(0, 0, 0, 0.19);
text-align: center;
margin-left: 1px;
}
.box-valores {
width:249px;
height:129px;
margin-left:60px;
background-color:#fff;
border:1px solid #BBBBBB;
box-shadow:0px 11px 0px rgba(204, 204, 204, 0.56);
float:left;
margin-top:30px;
}
.box-valores #box-azul-big {
background-image: url(../imagens/boxes.png);
width:180px;
height:8px;
background-position:0px -81px;
margin-left:-8px;
color:#fff;
margin-top:-1px;
text-shadow:0px 1px 1px rgba(0,0,0,0.22);
font-family:Arial;
font-size:13px;
margin-bottom:10px;
float:left;
background-repeat: no-repeat;
}
.box-raro {
background-color: rgb(249, 112, 112);
width: 70px;
height: 70px;
border-color: rgb(249, 112, 112);
float: left;
border-width: 1px;
-webkit-border-radius: 3%;
border-radius: 3%;
border-style: solid;
-webkit-box-shadow: inset 1px 1px 0px rgba(255,255,255,0.61);
box-shadow: inset 1px 1px 0px rgba(255,255,255,0.61);
cursor: pointer;
margin-left: 8px;
background-position: center;
}
#box-emblemas {
width:251px;
height:290px;
background-color:#fff;
border:1px solid #BBBBBB;
box-shadow:0px 11px 0px rgba(204, 204, 204, 0.56);
float:left;
float: right;
margin: 30px 0px;

}
#box-emblemas #box-roxo {
background-image: url(../imagens/boxes.png);
width:128px;
height:8px;
background-position:0px -161px;
margin-left:-8px;
color:#fff;
margin-top:-1px;
text-shadow:0px 1px 1px rgba(0,0,0,0.22);
font-family:Arial;
font-size:13px;
margin-bottom:10px;
float:left;
}
#box-emblemas .box-emblemas {
width: 263px;
display: table;
margin-left: 9px;
}
.emblema {
background-color:#BE9EFF;
width:50px;
height:50px;
border-color:#A478F8;
float: left;
border-width:1px;
-webkit-border-radius:3%;
border-radius:3%;
border-style:solid;
-webkit-box-shadow:inset 1px 1px 0px rgba(255,255,255,0.61);
box-shadow:inset 1px 1px 0px rgba(255,255,255,0.61);
cursor: pointer;
margin: 3px;
background-repeat: no-repeat;
background-position: center;
}
.chat {
width: 180px;
height: 100%;
float: right;
background: #fff;
position: fixed;
right: 0;
z-index: 999;
border-left: 1px #e6e6e6 solid;
display:none;
}
.info-chat {
width: 100%;
height: 30px;
border-bottom: 1px #dadada solid;
text-align: center;
font: 12px Arial;
line-height: 31px;
color: #bfbfbf;
background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(230,230,230)),color-stop(1, rgb(243,243,243)));
background-image: -webkit-linear-gradient(0deg,rgb(230,230,230) 0%,rgb(243,243,243) 100%);
background-image: linear-gradient(0deg,rgb(230,230,230) 0%,rgb(243,243,243) 100%);
}
.box-chat {
width: 100%;
height: 45px;
border-bottom: 1px #e6e6e6 solid;
font: 12px Arial;
line-height: 35px;
color: #828282;
cursor: pointer;
background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(236,236,236)),color-stop(1, rgb(251,251,251)));
background-image: -webkit-linear-gradient(0deg,rgb(230,230,236) 0%,rgb(251,251,251) 100%);
background-image: linear-gradient(0deg,rgb(236,236,236) 0%,rgb(251,251,251) 100%);
}
.box-scrollchat {
    width: 178px;
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
}
.box-scrollchat::-webkit-scrollbar {
    width: 7px;
}
.box-scrollchat::-webkit-scrollbar-track {
    background: #BDBDBD;
    border-radius: 30px;
}
.box-scrollchat::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.6);
    border-radius: 30px;
}
.box-scrollchat:hover::-webkit-scrollbar-track {
}
.status-chat {
color: #bfbfbf;
font: 13px Arial;
margin: -11px;
}
.status-chat.online {
color: #a8d167;
font: 13px Arial;
margin: -11px;
}
.status-chat.ausente {
color: #fcd23e;
font: 13px Arial;
margin: -11px;
}
.status-chat.ocupado {
color: #ff787c;
font: 13px Arial;
margin: -11px;
}
.avatar-chat {
width: 30px;
height: 30px;
background-color: #dadada;
border-radius: 50%;
float: left;
margin: 5px;
border: 2px #bfbfbf solid;
background-position: -2px -5px;
}
.avatar-chat.online {
border: 2px #a8d167 solid;
}
.avatar-chat.ausente {
border: 2px #fcd23e solid;
}
.avatar-chat.ocupado {
	border: 2px #ff787c solid;
}
.margin-pixel {
width: 935px;
display: table;
margin:auto;
}
.fundo-box-pixel {
width:625px;
height:438px;
background-color:#8DD2EC;
border:1px solid #54B5BA;
box-shadow:0px 11px 0px rgba(204, 204, 204, 0.56);
float:left;
margin: 30px 0px;
}
.fundo-box-pixel .box-roxo-pixel {
background-image: url(../imagens/boxes.png);
width: 128px;
height: 20px;
background-position: 0px 66px;
margin-left: -8px;
color: #fff;
margin-top: -1px;
text-shadow: 0px 1px 1px rgba(0,0,0,0.22);
font-family: Junegull;
font-size: 18px;
margin-bottom: 10px;
float: left;
}
.fundo-box-pixel .cubinhos {
width: 98px;
height: 99px;
background-image: url(../imagens/pixels.png);
float: right;
margin: -45px 26px;
}

.fundo-box-pixel .margin-box-pixel {
width: 623px;
float: left;
margin-left: 10px;
}
.box-pixel {
background-color: rgb(255,255,255);
width:150px;
height: 163px;
-webkit-border-radius:4%/3%;
border-radius:4%/3%;
-webkit-box-shadow:5px 5px 0px rgba(0,0,0,0.17);
box-shadow:5px 5px 0px rgba(0,0,0,0.17);
padding: 6px;
transition: 0.5s;
margin: 0px 0px 10px 14px;
float: left;
}
.box-pixel .imagem {
width: 150px;
height: 142px;
border-radius: 5px;
background-color: rgba(0, 0, 0, 0.08);
}
.box-pixel .title {
text-align: center;
font: 13px Arial;
color: #888888;
margin: 6px;
transition: 0.5s;
}
.box-pixel:hover .title {
color: #fff;
}
.box-pixel:hover {
background-color: #7F66FF;
}
.box-pixel .avatar-pixel {
width: 64px;
height: 90px;
margin: 52px auto;
}
.box-pixel .frente {
width: 150px;
height: 142px;
background-color: rgba(0, 0, 0, 0);
border-radius: 5px;
position: absolute;
opacity: 0;
transition: 0.5s;
}
.box-pixel:hover .frente {
background-color: rgba(0, 0, 0, 0.42);
opacity: 1;
}
.icon-btn-left {
width: 21px;
height: 34px;
background-image: url(../imagens/btn-pixel.png);
margin: 148px 5px;
}
.icon-btn-right {
width: 21px;
height: 34px;
background-image: url(../imagens/btn-pixel.png);
margin: 148px 5px;
background-position: -23px 0px;
}
.btn-left-pixel {
width: 30px;
height: 367px;
float: left;
background-color: rgba(0, 0, 0, 0.13);
border-radius: 4px;
cursor: pointer;
}
.btn-right-pixel {
width: 30px;
height: 367px;
float: right;
background-color: rgba(0, 0, 0, 0.13);
border-radius: 4px;
cursor: pointer;
margin: 0px 18px 0px 0px;
}
.box-pixel-destaque {
width:251px;
height:240px;
background-color:#fff;
border:1px solid #BBBBBB;
box-shadow:0px 11px 0px rgba(204, 204, 204, 0.56);
float:left;
float: right;
margin: 30px 0px;

}
.box-pixel-destaque #box-roxo {
background-image: url(../imagens/boxes.png);
width:128px;
height:8px;
background-position:0px -161px;
margin-left:-8px;
color:#fff;
margin-top:-1px;
text-shadow:0px 1px 1px rgba(0,0,0,0.22);
font-family:Arial;
font-size:13px;
margin-bottom:10px;
float:left;
}
.star-destaque {
width: 30px;
height: 30px;
float: left;
background-image: url(../imagens/buttons.png);
background-position: 0px 88px;
margin: 5px;
position: relative;
z-index: 1;
}
.box-ranking-pixel {
width:251px;
height: 155px;
background-color:#fff;
border:1px solid #BBBBBB;
box-shadow:0px 11px 0px rgba(204, 204, 204, 0.56);
float:left;
float: right;
margin: 5px 0px;
}
.box-ranking-pixel #box-azul {
background-image: url(../imagens/boxes.png);
width:128px;
height:8px;
background-position: 0px -201px;
margin-left:-8px;
color:#fff;
margin-top:-1px;
text-shadow:0px 1px 1px rgba(0,0,0,0.22);
font-family:Arial;
font-size:13px;
margin-bottom:10px;
float:left;
}
#avatar-rank {
width:54px;
height:54px;
border:3px solid #C9C9C9;
border-radius:30px; float:left;
margin-left:10px;
background-position:center;
}
.box-ranks {
width: 250px;
float: left;
/* margin-left: 10px; */
}
.box-rank-pixel {
width: 73px;
float: left;
margin-left: 7px;
}
.box-rank-pixel .author {
font: 14px Arial;
color: #888;
text-align: center;
line-height: 21px;
font-weight: bold;
}
.box-rank-pixel .points {
font: 14px Arial;
color: #888;
text-align: center;
line-height: 21px;
}
.box-rank-pixel #plataformablue {
width: 43px;
height: 28px;
background-image: url(../imagens/buttons.png);
background-position: 0px -193px;
}
.box-rank-pixel:hover #plataformablue {
background-position: 0px -221px;
height: 26px;
}
.rodape {
width: 100%;
height: 170px;
background-color: #C2E0F8;
position: absolute;
border-top: 1px solid #57bcf7;
}
.margin-rodape {
width: 980px;
margin: 50px auto;
}
.texto-rodape {
width: 300px;
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
line-height:120%;
color:rgb(19,182,243);
text-align:left;
text-shadow:0px 1px 1px rgba(255,255,255,0.21);
margin: auto;
}
.creditos {
float: right;
font: 15px Arial;
color: #18a1d6;
}
.logo-rodape {
width: 468px;
height: 170px;
background-image: url(../imagens/logo-rodape.png);
float: left;
margin-left: 80px;
margin-right: 15px;
}
li#li-logado {
    color: #BABABA;
}

a.menu-logado {
    color: #BABABA;
    text-transform: none;
    text-shadow: 2px 1px rgba(0, 0, 0, 0);
    transition: 0.3s;
}

ul.logado {
    width: 536px;
    margin-left: -155px;
    margin-top: 7px;
}

ul.submenu-logado {
    width: 121px;
    height: 100%;
    display: none;
    margin-top: 3px;
    float: left;
    position: absolute;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    margin-left: -13px;
}

a.menu-logado:hover {
    color: #13B6F4;
}

li#li-logado:hover {
    border-top: 5px #13B6F4 solid;
    margin-top: -19px;
    line-height: 45px;
}

a.menu-logado-b {
    width: 121px;
    float: left;
    color: #bcbcbc;
    text-shadow: 0px 0px 0px #fff;
}

li#li-logado-b {padding: 5px 10px;text-transform: none;}

a.menu-logado-b:hover {
    color: #13b6f4;
}

li#li-logado:hover ul.submenu-logado {
    display: block;
}
li#li-logado-s:hover {
    border-top: 5px #ff7373 solid;
    margin-top: -19px;
    line-height: 45px;
}
#aviso {
    width: 98%;
    height: 37px;
    background-color: #f93b3b;
    font: 15px Arial;
    color: #fff;
    border-radius: 3px;
    padding: 10px;
    margin: 5px 0px;
}
#aviso #titulo {
    font-weight: bold;
}
.loader {
    width: 185px;
    height: 100px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -110px;
    margin-top: -40px;
}
.loading {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999999999;
    background: url(../imagens/bg-alerta.png);
    background-repeat: repeat;
}
.bounceball {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 51px;
    position: absolute;
    content: '';
    display: block;
    top: 0;
    width: 50px;
    height: 51px;
    border-radius: 50%;
    background-image: url(../imagens/bounce-1.png);
    transform-origin: 50%;
    animation: bounce 600ms alternate infinite ease;
}
.bounceball-2 {
    position: relative;
    display: inline-block;
    width: 52px;
    height: 51px;
    position: absolute;
    content: '';
    display: block;
    top: 0;
    width: 52px;
    height: 51px;
    border-radius: 50%;
    background-image: url(../imagens/bounce-2.png);
    transform-origin: 50%;
    animation: bounce 500ms alternate infinite ease;
    margin: 0px 59px;
}
.bounceball-3 {
    position: relative;
    display: inline-block;
    height: 50px;
    width: 54px;
    position: absolute;
    content: '';
    display: block;
    top: 0;
    width: 54px;
    height: 50px;
    border-radius: 50%;
    background-image: url(../imagens/bounce-3.png);
    transform-origin: 50%;
    animation: bounce 700ms alternate infinite ease;
    margin: 0px 119px;
}
@keyframes bounce {
  0% {
    top: 51px;
    height: 5px;
    border-radius: 60px 60px 20px 20px;
    transform: scaleX(2);
  }
  35% {
    height: 54px;
    transform: scaleX(1);
  }
  100% {
    top: 0;
  }
}
.notification {
    width: 33px;
    height: 33px;
    background-color: #ff7373;
    border-radius: 50%;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size:16px;
    font-weight:bold;
    line-height: 35px;
    color:rgb(255,255,255);
    text-align: center;
    text-shadow:0px 1px 1px rgba(0,0,0,0.14);
    margin-right: 40px;
    margin-top: -5px;
    cursor: pointer;
}
.chat-ons {
    width: 33px;
    height: 33px;
    background-color: #13b6f4;
    border-radius: 50%;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 35px;
    color: rgb(255,255,255);
    text-align: center;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.14);
    margin-right: 10px;
    margin-top: -5px;
    cursor: pointer;
}
.box-scrollntf {
    width: 245px;
    height: 98%;
    overflow-y: scroll;
    overflow-x: hidden;
}
.box-scrollntf::-webkit-scrollbar {
    width: 7px;
}
.box-scrollntf::-webkit-scrollbar-track {
    background: #BDBDBD;
    border-radius: 30px;
}
.box-scrollntf::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.6);
    border-radius: 30px;
}
.box-scrollntf:hover::-webkit-scrollbar-track {
}
#boxnotification {
    width: 245px;
    height: 220px;
    float: right;
    background-color: #fff;
    margin-top: 15px;
    position: absolute;
    top: 47px;
    right: 380px;
    border-top: 4px #ff7373 solid;
    display: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.boxes-notif {
    width: 245px;
    height: 98%;
}
.box-linhantf {
    width: 100%;
    min-height: 69px;
    background-color: #f1f1f1;
    display: table;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #7b7b7b;
    border-bottom: 1px #fff solid;
}
.box-linhantf .avatar {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    margin: 5px;
    background-color: #dedede;
    float: left;
    background-position: -7px -18px;
}
.icon-ntf {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    float: left;
    font-size: 30px;
    text-align: center;
    color: #969696;
    margin: 7px 5px 7px;
    background: #dedede;
}
.box-linhantf .ntf-title {
    font-weight: bold;
    margin-top: 9px;
}
.box-linhantf:hover {
    background-color: #eaeaea;
}