/* Font-face */
@font-face {
	font-family: "Segoe UI";
	font-weight: normal;
	src: url('../font/segoeui.ttf');
}

@font-face {
	font-family: "Segoe UI";
	font-weight: bold;
	src: url('../font/segoeuib.ttf');
}

/* Imports */
@import "../font/awesome/css/font-awesome.min.css";

/* Reset */
html, body, div, span, applet, object, iframe, table, caption,
tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins,
kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
acronym, address, big, cite, code, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	vertical-align: baseline;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
}

:focus {
	outline: 0;
}

a {
	color: inherit;
	text-decoration: none;
}


/* CSS by Marco Cuel (Bromarks) */
body {
	background-color: #EEEEEE;
	font-family: 'Segoe UI', sans-serif;
}

.clearfix {
	clear: both;
}

.conteudo {
	width: 1064px;
	margin: 0 auto;
}

#conteudo-site {
	width: calc(100% - 70px);
	margin-left: 70px;
}

#conteudo-site.logado {
	width: calc(100% - 100px);
	margin-left: 100px;
}

/* Menu lateral */
nav.lateral {
	background-color: #021C2B;
	width: 65px;
	height: 100%;
	position: fixed;
	z-index: 999;
	box-shadow: 5px 0 #FFFFFF, 6px 0 4px rgba(0,0,0,0.13);
	transition: all 0.3s 0.1s;
}

nav.lateral.logado {
	margin-left: 30px;
}

nav.lateral ul {
	box-shadow: 0 -1px #353B4A;
	position: absolute;
	top: calc(50% - 120px);
	right: 0;
	list-style: none;
}

nav.lateral ul li {
	background-image: url(../img/icone/nav_icons.png);
	width: 65px;
	height: 60px;
	box-shadow: inset 0 -1px #353B4A;
	position: relative;
	transition: all 0.2s;
}

nav.lateral ul li:hover {
	background-color: rgba(255,255,255,0.05);
}

nav.lateral ul li.active:before {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 6px 6px 0;
	border-color: transparent white transparent transparent;
	position: absolute;
	top: 24px;
	right: 0;
}

nav.lateral ul li.home {
	background-position: center top;
}

nav.lateral ul li.logar {
	background-position: center -60px;
}

nav.lateral ul li.cadastre {
	background-position: center -120px;
}

nav.lateral ul li.bug {
	background-position: center bottom;
}

nav.lateral ul li.fone {
	background-image: url(../img/icone/log_icons.png);
	background-position: center top;
}

nav.lateral ul li.off {
	background-image: url(../img/icone/log_icons.png);
	background-position: center bottom;
}

/* Menu do Usuário */

.lateral_user {
	background-color: #0497C5;
	background-image: url(../img/icone/seta.png);
	background-repeat: no-repeat;
	background-position: calc(100% - 8px) center;
	width: 260px;
	height: 100%;
	position: fixed;
	z-index: 100;
	margin-left: -230px;
	transition: all 0.3s 0.1s;
	box-shadow: inset -5px 0 #2CA8CF;
}

.lateral_user:hover {
	margin-left: 0px;
	background-position: calc(0% - 30px) center;
}

.lateral_user:hover ~ nav.lateral {
	margin-left: 260px;
}

.lateral_user .area_user {
	width: 200px;
	position: absolute;
	left: 30px;
	top: calc(50% - 130px);
	transition: all 0.5s 0.3s;
	opacity: 0;
	transform: scale(0.5);
}

.lateral_user:hover .area_user {
	opacity: 1;
	left: 30px;
	transform: scale(1);
}

.lateral_user .area_user .box_user {
	background-color: #CACAD9;
	background-size: cover;
	width: 148px;
	height: 148px;
	border-radius: 50%;
	box-shadow: 0 0 0 5px #FFFFFF, 0 2px 8px 5px rgba(0,0,0,0.15);
	position: relative;
	margin: 0 auto;
}

.lateral_user .area_user .box_user .habbo {
	width: 64px;
	height: 110px;
	position: absolute;
	top: 45px;
	left: 40px;
	-webkit-filter: drop-shadow(2px 0 #FFFFFF) drop-shadow(-2px 0 #FFFFFF) drop-shadow(0 2px #FFFFFF) drop-shadow(0 -2px #FFFFFF) drop-shadow(0 2px rgba(0,0,0,0.1));
	filter: drop-shadow(2px 0 #FFFFFF) drop-shadow(-2px 0 #FFFFFF) drop-shadow(0 2px #FFFFFF) drop-shadow(0 -2px #FFFFFF) drop-shadow(0 2px rgba(0,0,0,0.1));
	transition: all 0.3s 0.6s;
	opacity: 0;
}

.lateral_user:hover .area_user .box_user .habbo {
	opacity: 1;
	top: 25px;
	opacity: 1;
}

.lateral_user .area_user .box_user .btn {
	background-color: #CACAD9;
	background-repeat: no-repeat;
	background-position: center;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	box-shadow: 0 0 0 4px #FFFFFF, 0 2px 4px 5px rgba(0,0,0,0.1);
	position: absolute;
	transition: all 0.3s 0.3s;
	opacity: 0;
}

.lateral_user .area_user .box_user .btn.arte {
	background-color: #FFCF3E;
	background-image: url(../img/icone/btn_art.png);
	top: 100px;
	left: -40px;
	transition: all 0.3s 0.3s;
}

.lateral_user:hover .area_user .box_user .btn.arte {
	top: 80px;
	left: -20px;
	opacity: 1;
}

.lateral_user .area_user .box_user .btn.forum {
	background-color: #ED7464;
	background-image: url(../img/icone/btn_forum.png);
	top: -10px;
	left: -30px;
	transition: all 0.3s 0.4s;
}

.lateral_user:hover .area_user .box_user .btn.forum {
	top: 10px;
	left: -10px;
	opacity: 1;
}

.lateral_user .area_user .box_user .btn.like {
	background-image: url(../img/icone/btn_like.png);
	background-color: #ACD445;
	top: -40px;
	left: 50px;
	transition: all 0.3s 0.5s;
}

.lateral_user:hover .area_user .box_user .btn.like {
	top: -20px;
	opacity: 1;
}

.lateral_user .area_user .box_user .btn.nivel {
	background-color: #808080;
	top: -10px;
	left: 130px;
	color: #FFFFFF;
	text-align: center;
	font-size: 13px;
	line-height: 14px;
	font-weight: bold;
	padding-top: 7px;
	height: 38px;
	letter-spacing: -0.2px;
	transition: all 0.3s 0.6s;
}

.lateral_user:hover .area_user .box_user .btn.nivel {
	top: 10px;
	left: 110px;
	opacity: 1;
}

.lateral_user .area_user .box_user .btn_b {
	background-color: #FFFFFF;
	width: 86px;
	height: 26px;
	line-height: 24px;
	border-radius: 13px;
	font-size: 12px;
	text-align: center;
	color: #86868D;
	position: absolute;
	box-shadow: 0 0 0 2px rgba(0,0,0,0.1), inset 0 -2px rgba(0,0,0,0.07);
	opacity: 0;
}

.lateral_user .area_user .box_user .btn_b.foto {
	right: -60px;
	bottom: 40px;
	transition: all 0.3s 0.8s;
}

.lateral_user:hover .area_user .box_user .btn_b.foto {
	right: -45px;
	bottom: 40px;
	opacity: 1;
}

.lateral_user .area_user .box_user .btn_b.senha {
	right: -45px;
	bottom: 5px;
	transition: all 0.3s 0.9s;
}

.lateral_user:hover .area_user .box_user .btn_b.senha {
	right: -35px;
	bottom: 5px;
	opacity: 1;
}

.lateral_user .area_user p {
	text-align: center;
	color: #FFFFFF;
	font-size: 15px;
	letter-spacing: -0.5px;
	margin: 20px 0;
	text-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

.lateral_user .area_user p span {
	font-size: 12px;
	color: #8FD0E6;
}

.lateral_user .area_user .missao {
	border: none;
	background-color: #FFFFFF;
	background-image: url(../img/icone/hotel.png);
	background-repeat: no-repeat;
	background-position: 20px center;
	height: 46px;
	border-radius: 23px;
	padding-left: 50px;
	position: relative;
	transition: all 0.3s 0.4s;
	-webkit-filter: drop-shadow(0 2px 3px rgba(0,0,0,0.1));
	filter: drop-shadow(0 2px 3px rgba(0,0,0,0.1));
	margin-top: 40px;
}

.lateral_user:hover .area_user .missao {
	margin-top: 0
}

.lateral_user .area_user .missao input {
	width: 150px;
	border: none;
	height: 46px;
	border-radius: 0 23px 23px 0;
	font-family: 'Segoe UI', sans-serif;
	font-size: 12px;
	padding: 0 15px;
	padding-left: 5px;
	color: #666666;
}

.lateral_user .area_user .missao:before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 5px 5px 5px;
	border-color: transparent transparent #FFFFFF transparent;
	position: absolute;
	top: -5px;
	left: calc(50% - 5px);
}

/* Menu topo */
nav.menu {
	background-color: #FFFFFF;
	height: 67px;
	box-shadow: 0 2px 2px rgba(0,0,0,0.08);
	position: relative;
	z-index: 5;
}

nav.menu ul {
	float: left;
	list-style: none;
	padding: 15px 0;
}

nav.menu ul li {
	background-color: #FFFFFF;
	display: inline-block;
	padding: 0 14px;
	height: 36px;
	line-height: 36px;
	font-size: 13px;
	color: #878787;
	box-shadow: 1px 0 rgba(144,144,151,0.12);
	position: relative;
	cursor: pointer;
}

nav.menu ul li ul.submenu {
	padding: 5px 0;
	list-style: none;
	visibility: hidden;
	opacity: 0;
	background-color: #FFFFFF;
	width: 150px;
	border-radius: 4px;
	font-size: 14px;
	position: absolute;
	top: 35px;
	left: calc(50% - 75px);
	box-shadow: 0 0 0 1px rgba(0,0,0,0.05), 0 1px 6px rgba(0,0,0,0.1);
	transition: all 0.3s 0.1s;
	z-index: 9;
}

nav.menu ul li ul.submenu:after {
	content: "";
	width: 100%;
	height: 10px;
	position: absolute;
	left: 0;
	top: -11px;
}

nav.menu ul li:hover ul.submenu:before {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 6px 6px 6px;
	border-color: transparent transparent white transparent;
	position: absolute;
	left: calc(50% - 5px);
	top: -6px;
	-webkit-filter: drop-shadow(0 -1px rgba(0,0,0,0.1));
	filter: drop-shadow(0 -1px rgba(0,0,0,0.1));
}

nav.menu ul li:hover ul.submenu {
	visibility: visible;
	opacity: 1;
	top: 47px;
}

nav.menu ul li ul.submenu li {
	background-color: transparent;
	width: 122px;
	box-shadow: none;
	transition: all 0.3s;
	color: #999999;
}

nav.menu ul li ul.submenu li:hover {
	background-color: #B7DCFB;
	color: #FFFFFF;
	text-shadow: 0 1px 1px rgba(0,0,0,0.2);
	box-shadow: inset 0 -18px rgba(0,0,0,0.02), inset 0 -1px rgba(0,0,0,0.1), inset 0 1px rgba(0,0,0,0.1);
}

nav.menu ul li.home {
	background-image: url(../img/icone/home.png);
	background-repeat: no-repeat;
	background-position: center;
	color: transparent;
	text-indent: -999;
	width: 23px;
}

nav.menu .onlines {
	float: right;
	margin-right: 15px;
	padding: 15px;
	height: 36px;
	line-height: 36px;
	font-size: 13px;
	color: #9D9D9D;
}

nav.menu .onlines .icone {
	background-image: url(../img/icone/controle.png);
	background-repeat: no-repeat;
	background-position: center;
	padding: 0 14px;
	width: 24px;
	height: 24px;
	box-shadow: 1px 0 rgba(144,144,151,0.12);
	float: left;
	margin-top: 6px;
	margin-right: 15px;
}

/* Rádio Fixa */

#player_fixo {
	background-color: #FFFFFF;
	width: 500px;
	height: 70px;
	position: fixed;
	bottom: 0;
	right: calc(50% - 582px);
	z-index: 90;
	box-shadow: 0 0 0 1px rgba(0,0,0,0.08), 0 2px 6px rgba(0,0,0,0.1), 0 0 0 4px rgba(0,0,0,0.05);
	border-radius: 25px 25px 0 0;
	transition: all 1s;
	opacity: 1;
}

@-moz-keyframes pinga {
	0% {bottom: 105%;}
	50% {bottom: 0px;}
	60% {bottom: 50px;}
	80% {bottom: 0;}
	95% {bottom: 15px;}
	100% {bottom: 0;}
}
@-webkit-keyframes pinga {
	0% {bottom: 105%;}
	50% {bottom: 0px;}
	60% {bottom: 50px;}
	80% {bottom: 0;}
	95% {bottom: 15px;}
	100% {bottom: 0;}
}
@keyframes pinga {
	0% {bottom: 105%;}
	50% {bottom: 0px;}
	60% {bottom: 50px;}
	80% {bottom: 0;}
	95% {bottom: 15px;}
	100% {bottom: 0;}
}

#player_fixo.aparece {
	bottom: 0;
	opacity: 1;
	-webkit-animation: pinga 1s ease-in-out;
	-moz-animation: pinga 1s ease-in-out;
	animation: pinga 1s ease-in-out;
}

#player_fixo .caixas {
	width: 200px;
	float: left;
}

#player_fixo .caixa {
	background-color: #EEEEEE;
	background-repeat: no-repeat;
	width: 150px;
	height: 25px;
	line-height: 25px;
	color: #888888;
	text-shadow: 0 1px 1px rgba(255,255,255,0.5);
	font-size: 14px;
	padding: 0 10px;
	padding-left: 40px;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: -5px;
	border-radius: 25px;
	float: left;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1), inset 0 -3px rgba(0,0,0,0.05), 0 3px rgba(0,0,0,0.05);
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#player_fixo .caixa.locutor {
	background-image: url(../img/icone/radio_loc.png);
	background-position: 0 -15px;
}

#player_fixo .caixa.programa {
	background-image: url(../img/icone/radio_loc.png);
	background-position: 0 -69px;
}

#player_fixo .botoes {
	float: right;
}

#player_fixo .btn {
	background-color: #6CB9F7;
	background-image: url(../img/icone/radio_icons_b.png);
	background-repeat: no-repeat;
	width: 40px;
	height: 40px;
	float: left;
	margin: 10px;
	margin-left: -5px;
	border-radius: 25px;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1), inset 0 -3px rgba(0,0,0,0.1), 0 3px rgba(0,0,0,0.1);
}

#player_fixo .btn.msg {
	background-position: -2px;
}

#player_fixo .btn.reload {
	background-position: -43px;
}

#player_fixo .btn.play {
	background-position: -82px;
}

#player_fixo .btn.pause {
	background-position: -169px;
}

#player_fixo .btn.twitter {
	background-position: -127px;
}

#player_fixo .btn.gostar {
	background-position: -211px;
}

#player_fixo .btn.quarto {
	background-position: -254px;
}

#player_fixo .btn.ouvintes {
	background-image: none;
	padding-top: 7px;
	height: 33px;
	color: #FFFFFF;
	line-height: 14px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}

#player_fixo .btn.ouvintes span {
	font-size: 9px;
	font-weight: normal;
}


/* Header */
@-moz-keyframes nuvens { 100% { background-position: -9000% top, center bottom; }}
@-webkit-keyframes nuvens { 100% { background-position: -9000% top, center bottom; }}
@keyframes nuvens { 100% { background-position: -9000% top, center bottom; }}

header {
	background-color: #B7DCFB;
	background-image: url(../img/nuvens.png), url(../img/city.png);
	background-position: center top, center bottom;
	background-repeat: repeat-x;
	height: 360px;
	border-bottom: 8px solid #FFFFFF;
	box-shadow: 0 2px 2px rgba(0,0,0,0.09);
	position: relative;

	-webkit-animation: nuvens 1500s linear infinite;
	-moz-animation: nuvens 1500s linear infinite;
	animation: nuvens 1500s linear infinite;
}

@-moz-keyframes logo {
	0% {opacity: 0; transform: scale(0) rotate(-330deg); margin-left: -250px;}
	100% {opacity: 1; transform: scale(1) rotate(0deg); margin-left: 45px;}
}
@-webkit-keyframes logo {
	0% {opacity: 0; transform: scale(0) rotate(-330deg); margin-left: -250px;}
	100% {opacity: 1; transform: scale(1) rotate(0deg); margin-left: 45px;}
}
@keyframes logo {
	0% {opacity: 0; transform: scale(0) rotate(-330deg); margin-left: -250px;}
	100% {opacity: 1; transform: scale(1) rotate(0deg); margin-left: 45px;}
}

header .logo {
	background-image: url(../img/logo.png);
	width: 305px;
	height: 140px;
	float: left;
	margin-top: 60px;
	margin-left: 45px;

	-webkit-animation: logo 1s ease-in-out;
	-moz-animation: logo 1s ease-in-out;
	animation: logo 1s ease-in-out;
}

header #radio {
	width: 447px;
	height: 116px;
	float: left;
	position: absolute;
	bottom: 5px
}

header #radio .plataforma {
	background-image: url(../img/plataforma-preta.png);
	width: 84px;
	height: 54px;
	margin-top: 62px;
	float: left;
}

header #radio .plataforma .habbo {
	width: 64px;
	height: 110px;
	margin-top: -65px;
	margin-left: 5px;
}

header #radio .caixa {
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	width: 115px;
	padding: 0 35px;
	height: 54px;
	line-height: 54px;
	color: #777777;
	font-size: 14px;
	margin-left: 12px;
	border-radius: 6px;
	-webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.15));
	filter: drop-shadow(0 1px 4px rgba(0,0,0,0.15));
	text-align: center;
	float: left;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

header #radio .caixa.locutor {
	background-image: url(../img/icone/radio_loc.png);
	margin-left: -19px;
	position: relative;
}

header #radio .caixa.locutor:before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 8px 0 0px;
	border-color: #FFFFFF transparent transparent transparent;
	position: absolute;
	bottom: -8px;
	left: 14px;
}

header #radio .caixa.programa {
	background-image: url(../img/icone/radio_loc.png);
	background-position: left bottom;
}

header #radio .botoes {
	float: right;
}

header #radio .botoes .btn {
	background-color: #FFFFFF;
	background-image: url(../img/icone/radio_icons.png);
	background-repeat: no-repeat;
	width: 42px;
	height: 38px;
	border-radius: 6px;
	box-shadow: 0 1px 4px rgba(0,0,0,0.15);
	margin-top: 6px;
	margin-left: 4px;
	float: left;
	position: relative;
	transition: all 0.2s;
}

header #radio .botoes .btn:hover {
	margin-top: 11px;
}

header #radio .botoes .btn.msg {
	background-position: left;
}

header #radio .botoes .btn.reload {
	background-position: -42px;
}

header #radio .botoes .btn.play {
	background-position: -84px;
}

header #radio .botoes .btn.twitter {
	background-position: -126px;
}

header #radio .botoes .btn.gostar {
	background-position: -210px;
}

header #radio .botoes .btn.quarto {
	background-position: -252px;
}

header #radio .botoes .btn.ouvintes {
	background-image: none;
	padding-top: 7px;
	height: 31px;
	color: #6CB8F7;
	line-height: 14px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}

header #radio .botoes .btn.ouvintes span {
	font-size: 9px;
	font-weight: normal;
}

header #bg_slider {
	width: 455px;
	height: 216px;
	float: right;
	margin-top: 90px;
	position: relative;
	z-index: 2;
}

header #slider {
	background-color: #EEEEEE;
	background-image: url(../img/loader.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 455px;
	height: 216px;
	border: 3px solid #FFFFFF;
	border-radius: 6px;
	box-shadow: 1px 1px 4px rgba(0,0,0,0.2) inset 0 0 4px rgba(0,0,0,0.1);
}

header #bg_slider .nivoSlider {
	position:relative;
	width: 455px;
	height: 216px;
	overflow: hidden;
}

header #bg_slider .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
	border-radius: 4px;
}

header #bg_slider .nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

header #bg_slider .nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
	background:white; 
	filter:alpha(opacity=0); 
	opacity:0;
}

header #bg_slider .nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}

header #bg_slider .nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}

header #bg_slider .nivo-box img { display:block; }

header #bg_slider .nivo-caption {
	background-image: linear-gradient(to bottom, rgba(21,21,21,0.55), rgba(0,0,0,0.55));
	padding: 15px;
	color: #FFFFFF;
	font-size: 16px;
	position: absolute;
	right: 10px;
	bottom: 10px;
	border-radius: 6px;
	z-index:8;
	overflow: hidden;
	display: none;
}

header #bg_slider .caption-none {
	display:none;
}

header #bg_slider .nivo-controlNav {
	position: absolute;
	z-index: 99;
	left: 5px;
	top: 15px;
}

header #bg_slider .nivo-controlNav a {
	width: 17px;
	height: 17px;
	overflow: hidden;
	cursor: pointer;
	float: left;
	margin-left: 10px;
	border-radius: 50%;
	box-shadow: 0 0 0 3px #FFFFFF, 0 3px 2px rgba(0,0,0,0.1);
	position: relative;
}

.area_esquerda {
	width: 712px;
	float: left;
}

.area_direita {
	width: 330px;
	float: right;
}

.separa_area {
	width: 1px;
	box-shadow: inset 1px 0 rgba(0,0,0,0.07);
	float: right;
}

.setas_g {
	float: right;
	margin-right: 30px;
	margin-top: 7px;
}

.setas_g.branco {
	-webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,0.2));
	filter: drop-shadow(0 1px 2px rgba(0,0,0,0.2));
}

.setas_g .reload {
	background-image: url(../img/icone/reload.png);
	background-position: center;
	background-repeat: no-repeat;
	width: 26px;
	height: 26px;
	float: left;
	transition: all 0.3s;
	cursor: pointer;
}

.setas_g.branco .reload {
	background-image: url(../img/icone/reload_b.png);
}

.setas_g .reload:hover {
	transform: rotate(360deg);
}

.setas_g .esquerda {
	background-image: url(../img/icone/setas.png);
	background-position: left center;
	background-repeat: no-repeat;
	width: 14px;
	height: 26px;
	margin-right: 10px;
	float: left;
	transition: all 0.3s;
	cursor: pointer;
}

.setas_g.branco .esquerda {
	background-image: url(../img/icone/setas_b.png);
}

.setas_g .direita {
	background-image: url(../img/icone/setas.png);
	background-position: right center;
	background-repeat: no-repeat;
	width: 14px;
	height: 26px;
	margin-left: 10px;
	float: left;
	transition: all 0.3s;
	cursor: pointer;
}

.setas_g.branco .direita {
	background-image: url(../img/icone/setas_b.png);
}

.setas_g .inativo {
	opacity: 0.6;
	cursor: default;
}

.titulo_g {
	font-size: 26px;
	height: 36px
	line-height: 36px;
	color: #A8A8A8;
	float: left;
	margin-bottom: 10px;
	text-shadow: 0 1px 1px rgba(255,255,255,0.6)
}

.titulo_g .icone {
	background-image: url(../img/icone/area_icons.png);
	float: left;
}

.titulo_g .icone.noticias {
	background-position: left top;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 10px;
	width: 20px;
	height: 26px;
}

.titulo_g .icone.eventos {
	background-position: -39px top;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 10px;
	width: 27px;
	height: 26px;
}

.titulo_g .icone.topicos {
	background-position: left -82px;
	margin-top: 10px;
	margin-left: 5px;
	margin-right: 10px;
	width: 30px;
	height: 20px;
}

.titulo_g .icone.rank {
	background-position: left -26px;
	margin-top: 7px;
	margin-left: 5px;
	margin-right: 10px;
	width: 26px;
	height: 25px;
}

.titulo_g .icone.galeria {
	background-position: left -51px;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 10px;
	width: 37px;
	height: 31px;
}

.titulo_g .icone.tirinhas {
	background-position: -36px -65px;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 10px;
	width: 36px;
	height: 32px;
}

.titulo_g .icone.emblemas {
	background-position: -39px -29px;
	margin-top: 2px;
	margin-left: 5px;
	margin-right: 10px;
	width: 38px;
	height: 36px;
}

.titulo_g .icone.locutores {
	background-position: left -105px;
	margin-top: 3px;
	margin-left: 5px;
	margin-right: 10px;
	width: 40px;
	height: 34px;
}

.titulo_g .icone.presenca {
	background-position: -40px -97px;
	margin-top: 2px;
	margin-left: 5px;
	margin-right: 10px;
	width: 26px;
	height: 37px;
}

.titulo_g .icone.tinta {
	background-image: url(../img/icone/tinta.png);
	background-position: left top;
	margin-top: 6px;
	margin-left: 5px;
	margin-right: 10px;
	width: 36px;
	height: 30px;
}

.titulo_g .icone.forum {
	background-image: url(../img/icone/forum.png);
	background-position: left top;
	margin-top: 12px;
	margin-left: 5px;
	margin-right: 10px;
	width: 24px;
	height: 20px;
}

.caixa_noticia {
	background-color: rgb(255,255,255);
	width: 215px;
	height: 240px;
	padding: 6px;
	box-shadow: 0 2px 3px rgba(0,0,0,0.2);
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 7px;
	float: left;
	position: relative;
}

.caixa_noticia a:hover {
	text-decoration: underline;
}

.caixa_noticia:before {
	content: "";
	background-image: linear-gradient(to bottom, #75BCF0, #5DB1EE);
	width: 100%;
	height: 14px;
	position: absolute;
	bottom: -7px;
	left: 0;
	z-index: -1;
}

.caixa_noticia .thumb {
	background-color: rgba(0,0,0,0.1);
	width: 215px;
	height: 140px;
	background-position: center right;
}

.caixa_noticia .thumb .overlay {
	background-image: linear-gradient(to bottom, rgba(0,0,0,0.55), rgba(93,177,238,0.55));
	width: 215px;
	height: 140px;
	opacity: 0;
	transition: all 0.3s;
	overflow: hidden;
}

.caixa_noticia:hover .thumb .overlay {
	opacity: 1;
}

.caixa_noticia .thumb .overlay .plataforma {
	background-image: url(../img/plataforma-azul.png);
	width: 84px;
	height: 54px;
	margin-left: 6px;
	margin-top: 60px;
	float: left;
	transition: all 0.3s;
}

.caixa_noticia:hover .thumb .overlay .plataforma {
	margin-top: 80px;
}

.caixa_noticia .thumb .overlay .plataforma .habbo {
	width: 64px;
	height: 110px;
	margin-left: 7px;
	margin-top: -102px;
	transition: all 0.5s;
	opacity: 0;
}

.caixa_noticia:hover .thumb .overlay .plataforma .habbo {
	margin-top: -82px;
	opacity: 1;
}

.caixa_noticia .thumb .overlay .categoria {
	background-color: #159FF2;
	background-position: center;
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
	float: right;
	margin: 12px;
	border-radius: 3px;
	transition: all 0.3s;
	box-shadow: inset 1px 1px 4px rgba(0,0,0,0.1), 0 2px rgba(255,255,255,0.2);
	transform: scale(0);
}

.caixa_noticia:hover .thumb .overlay .categoria {
	transform: scale(1);
}

.caixa_noticia .thumb .overlay .ler {
	background-color: #159FF2;
	width: 102px;
	height: 32px;
	line-height: 32px;
	float: right;
	border-radius: 3px;
	margin-right: 32px;
	margin-top: 75px;
	box-shadow: inset 1px 1px 4px rgba(0,0,0,0.1), 0 2px rgba(255,255,255,0.2);
	text-align: center;
	color: #FFFFFF;
	font-size: 11px;
	text-shadow: 0 1px 2px rgba(0,0,0,0.1);
	text-transform: uppercase;
	font-weight: bold;
	cursor: pointer;
	transition: all 0.4s;
}

.caixa_noticia:hover .thumb .overlay .ler {
	margin-right: 12px;
	margin-top: 40px;
}

.caixa_noticia .titulo {
	font-size: 16px;
	font-weight: bold;
	color: #4BB6F5;
	padding: 0 4px;
	margin-top: 6px;
	letter-spacing: -0.7px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.caixa_noticia .descricao {
	height: 35px;
	font-size: 14px;
	color: #999999;
	padding: 0 4px;
	margin-top: -1px;
	letter-spacing: -0.7px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.caixa_noticia .info {
	text-shadow: 0 1px rgba(255,255,255,0.2)
}

.caixa_noticia .autor {
	background-color: #DCDEDE;
	width: 102px;
	padding: 0 10px;
	height: 32px;
	line-height: 32px;
	color: #8C8C8C;
	font-size: 12px;
	border-radius: 3px;
	float: left;
	letter-spacing: -0.7px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.caixa_noticia .data {
	background-color: #DCDEDE;
	width: 68px;
	padding: 0 10px;
	height: 32px;
	line-height: 32px;
	color: #8C8C8C;
	font-size: 12px;
	border-radius: 3px;
	float: right;
	letter-spacing: -0.7px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.caixa_eventos {
	background-color: rgb(255,255,255);
	width: 318px;
	height: 504px;
	padding: 6px;
	box-shadow: 0 2px 3px rgba(0,0,0,0.2);
	margin-top: 5px;
	margin-bottom: 7px;
	float: left;
	position: relative;
}

.caixa_eventos a:hover {
	text-decoration: underline;
}

.caixa_eventos:before {
	content: "";
	background-image: linear-gradient(to bottom, #75BCF0, #5DB1EE);
	width: 100%;
	height: 14px;
	position: absolute;
	bottom: -7px;
	left: 0;
	z-index: -1;
}

.caixa_eventos .coluna {
	background-color: #EEEEEE;
	height: 92px;
	box-shadow: 0 4px #5DB1EE;
	margin-bottom: 10px;
	text-shadow: 0 1px rgba(255,255,255,0.8)
}

.caixa_eventos .coluna .thumb {
	background-color: rgba(0,0,0,.1);
	width: 108px;
	height: 92px;
	float: left;
}

.caixa_eventos .coluna .thumb .overlay {
	background-image: linear-gradient(to bottom, rgba(0,0,0,0.55), rgba(93,177,238,0.55));
	width: 108px;
	height: 92px;
	opacity: 0;
	transition: all 0.3s;
	overflow: hidden;
}

.caixa_eventos .coluna:hover .thumb .overlay {
	opacity: 1;
}

.caixa_eventos .coluna .thumb .overlay .ler {
	background-color: #159FF2;
	width: 88px;
	height: 32px;
	line-height: 32px;
	border-radius: 3px;
	margin-left: 10px;
	margin-top: 10px;
	box-shadow: inset 1px 1px 4px rgba(0,0,0,0.1), 0 2px rgba(255,255,255,0.2);
	text-align: center;
	color: #FFFFFF;
	font-size: 11px;
	text-shadow: 0 1px 2px rgba(0,0,0,0.1);
	text-transform: uppercase;
	font-weight: bold;
	cursor: pointer;
	transition: all 0.3s;
}

.caixa_eventos .coluna:hover .thumb .overlay .ler {
	margin-top: 48px;
}

.caixa_eventos .coluna .titulo {
	width: 180px;
	padding: 0 12px;
	font-size: 15px;
	color: #8A8A8A;
	margin-top: 9px;
	float: left;
	letter-spacing: -0.7px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.caixa_eventos .coluna:hover .titulo {
	color: #5DB1EE;
}

.caixa_eventos .coluna .descricao {
	width: 180px;
	padding: 0 12px;
	font-size: 13px;
	color: #8A8A8A;
	float: left;
	letter-spacing: -0.7px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.caixa_eventos .coluna .autor {
	background-color: #DCDEDE;
	width: 122px;
	height: 32px;
	line-height: 32px;
	float: left;
	margin: 4px 8px;
	border-radius: 3px;
	font-size: 12px;
	color: #8C8C8C;
	letter-spacing: -0.7px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-shadow: 0 1px rgba(255,255,255,0.2)
}

.caixa_eventos .coluna .autor .habbo {
	width: 33px;
	height: 35px;
	float: left;
	margin-top: -5px;
	margin-right: 2px;
}

#area_azul {
	background-color: #2B84BF;
	background-image: url(../img/fundo_azul.png);
	padding: 20px 0;
	box-shadow: inset 0 -5px rgba(0,0,0,0.1), 0 -5px rgba(0,0,0,0.1), inset 0 2px 4px rgba(0,0,0,0.1);
}

#area_azul .titulo_g {
	color: #FFFFFF;
	text-shadow: 0 1px 4px rgba(0,0,0,0.1);
}

#area_azul .topico {
	background-color: #337297;
	width: 342px;
	height: 94px;
	margin-right: 7px;
	margin-top: 7px;
	border-radius: 3px;
	float: left;
	box-shadow: 0 1px rgba(255,255,255,0.2);
	transition: all 0.3s;
}

#area_azul .topico:hover {
	background-color: #4392C0;
	box-shadow: 0 1px 4px rgba(0,0,0,0.2);
}

#area_azul .topico a:hover {
	text-decoration: underline;
}

#area_azul .topico .foto {
	background-color: rgba(0,0,0,0.1);
	background-size: cover;
	width: 87px;
	height: 84px;
	border-radius: 3px;
	margin: 5px;
	margin-right: 7px;
	float: left;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1), 0 1px rgba(255,255,255,0.2);
}

#area_azul .topico .foto .overlay {
	background-image: linear-gradient(to bottom, rgba(0,0,0,0.55), rgba(93,177,238,0.55));
	width: 87px;
	height: 84px;
	margin-bottom: -84px;
	opacity: 0;
	transition: all 0.3s;
	border-radius: 3px;
	overflow: hidden;
}

#area_azul .topico:hover .foto .overlay {
	opacity: 1;
}

#area_azul .topico .foto .plataforma {
	background-image: url(../img/plataforma.png);
	width: 51px;
	height: 31px;
	margin-top: 48px;
	margin-left: 3px;
	float: left;
	position: relative;
	transition: all 0.3s;
}

#area_azul .topico:hover .foto .plataforma {
	-webkit-filter: drop-shadow(1px 0 #FFFFFF) drop-shadow(-1px 0 #FFFFFF) drop-shadow(0 1px #FFFFFF) drop-shadow(0 -1px #FFFFFF) drop-shadow(0 2px rgba(0,0,0,0.1));
	filter: drop-shadow(1px 0 #FFFFFF) drop-shadow(-1px 0 #FFFFFF) drop-shadow(0 1px #FFFFFF) drop-shadow(0 -1px #FFFFFF) drop-shadow(0 2px rgba(0,0,0,0.1));
	margin-left: 18px;
}

#area_azul .topico .foto .plataforma .habbo {
	width: 33px;
	height: 56px;
	margin-left: 10px;
	margin-top: -40px;
}

#area_azul .topico .titulo {
	background-color: #FFFFFF;
	width: 237px;
	height: 46px;
	line-height: 46px;
	float: left;
	margin-top: 6px;
	border-radius: 3px;
	position: relative;
	transition: all 0.3s;
	-webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,0.1));
	filter: drop-shadow(0 1px 2px rgba(0,0,0,0.1));
}

#area_azul .topico .titulo:before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 5px 0 0px;
	border-color: #FFFFFF transparent transparent transparent;
	position: absolute;
	bottom: -5px;
	left: 17px;
}

#area_azul .topico .titulo .txt {
	width: 150px;
	padding: 0 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	float: left;
	font-size: 14px;
	color: #8C8C8C;
	letter-spacing: -0.7px;
}

#area_azul .topico:hover .titulo .txt {
	color: #4392C0;
}

#area_azul .topico .titulo .msg {
	background-color: #4995C2;
	width: 56px;
	height: 40px;
	line-height: 40px;
	margin: 3px;
	color: #FFFFFF;
	float: right;
	font-size: 14px;
	letter-spacing: -0.7px;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0,0,0,0.2);
	border-radius: 3px;
	transition: all 0.3s;
}

#area_azul .topico:hover .titulo .msg {
	background-color: #337297;
}

#area_azul .topico .autor {
	width: 120px;
	float: left;
	font-size: 12px;
	color: #FFFFFF;
	text-shadow: 0 1px 2px rgba(0,0,0,0.2);
	padding-top: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#area_azul .topico .autor .icone {
	background-image: url(../img/icone/user.png);
	background-position: center;
	background-repeat: no-repeat;
	width: 26px;
	height: 26px;
	float: left;
	margin-top: -5px;
}

#area_azul .topico .data {
	background-color: #4995C2;
	background-image: url(../img/icone/data.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	width: 90px;
	height: 30px;
	line-height: 30px;
	border-radius: 3px;
	margin: 6px;
	float: right;
	font-size: 11px;
	color: #FFFFFF;
	text-align: right;
	padding: 0 10px;
	letter-spacing: -0.3px;
	text-shadow: 0 1px 2px rgba(0,0,0,0.2);
	transition: all 0.3s;
}

#area_azul .topico:hover .data {
	background-color: #337297;
}

.caixa_rank {
	background-color: #4392C0;
	height: 397px;
	margin-top: 7px;
	box-shadow: 0 1px 4px rgba(0,0,0,0.1), 0 0 0 1px rgba(255,255,255,0.2)
}

.caixa_rank a:hover {
	text-decoration: underline;
}

.caixa_rank .rank {
	height: 78px;
	box-shadow: inset 0 -1px rgba(255,255,255,0.1);
	transition: all 0.3s;
}

.caixa_rank .rank .num {
	width: 33px;
	height: 33px;
	line-height: 30px;
	float: right;
	margin-right: 15px;
	margin-top: 15px;
	border-radius: 50%;
	box-shadow: 0 0 0 3px #FFFFFF,  0 2px 4px 2px rgba(0,0,0,0.1);
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0,0,0,0.2)
}

.caixa_rank .rank:nth-child(1) .num { background-color: #FFCB29; }
.caixa_rank .rank:nth-child(1) .num:before { content: "1º"; }
.caixa_rank .rank:nth-child(2) .num { background-color: #8BC43F; }
.caixa_rank .rank:nth-child(2) .num:before { content: "2º"; }
.caixa_rank .rank:nth-child(3) .num { background-color: #92278F; }
.caixa_rank .rank:nth-child(3) .num:before { content: "3º"; }
.caixa_rank .rank:nth-child(4) .num { background-color: #F02B7D; }
.caixa_rank .rank:nth-child(4) .num:before { content: "4º"; }
.caixa_rank .rank:nth-child(5) .num { background-color: #E53935; }
.caixa_rank .rank:nth-child(5) .num:before { content: "5º"; }

.caixa_rank .rank:hover {
	background-color: #337297;
	box-shadow: 0 1px rgba(255,255,255,0.1);
}

.caixa_rank .rank .plataforma {
	background-image: url(../img/plataforma.png);
	width: 51px;
	height: 31px;
	margin-top: 38px;
	margin-left: 12px;
	margin-right: 10px;
	float: left;
	transition: all 0.3s;
}

.caixa_rank .rank:hover .plataforma {
	-webkit-filter: drop-shadow(1px 0 #FFFFFF) drop-shadow(-1px 0 #FFFFFF) drop-shadow(0 1px #FFFFFF) drop-shadow(0 -1px #FFFFFF) drop-shadow(0 2px rgba(0,0,0,0.1));
	filter: drop-shadow(1px 0 #FFFFFF) drop-shadow(-1px 0 #FFFFFF) drop-shadow(0 1px #FFFFFF) drop-shadow(0 -1px #FFFFFF) drop-shadow(0 2px rgba(0,0,0,0.1));
}

.caixa_rank .rank .plataforma .habbo {
	width: 33px;
	height: 56px;
	margin-left: 10px;
	margin-top: -40px;
}

.caixa_rank .rank .nome {
	width: 200px;
	font-size: 15px;
	color: #FFFFFF;
	float: left;
	text-shadow: 0 1px 2px rgba(0,0,0,0.2);
	margin-top: 18px;
}

.caixa_rank .rank .info {
	width: 200px;
	font-size: 12px;
	color: rgba(255,255,255,0.8);
	float: left;
	text-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

#area_laranja {
	background-color: #FF8000;
	background-image: url(../img/piso.png), radial-gradient(circle, #FFA64D, #FF8000);
	background-position: center bottom;
	background-repeat: repeat-x;
	padding: 20px 0;
	box-shadow: inset 0 -5px rgba(0,0,0,0.15), inset 0 2px 4px rgba(0,0,0,0.1);
}

#area_laranja a:hover {
	text-decoration: underline;
}

#area_laranja .titulo_g {
	color: #FFFFFF;
	text-shadow: 0 1px 4px rgba(0,0,0,0.1);
	margin-bottom: 20px;
}

#area_laranja .caixa_arte {
	background-color: #FFFFFF;
	width: 260px;
	height: 260px;
	margin-right: 6px;
	float: left;
	margin-bottom: 60px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.2)
}

#area_laranja .caixa_arte .thumb {
	background-color: rgba(0,0,0,0.1);
	width: 248px;
	height: 190px;
	margin: 6px;
}

#area_laranja .caixa_arte .thumb .overlay {
	background-image: linear-gradient(to bottom, rgba(0,0,0,0.55), rgba(93,177,238,0.55));
	width: 248px;
	height: 190px;
	opacity: 0;
	transition: all 0.3s;
	overflow: hidden;
}

#area_laranja .caixa_arte:hover .thumb .overlay {
	opacity: 1;
}

#area_laranja .caixa_arte .thumb .overlay .plataforma {
	background-image: url(../img/plataforma-laranja.png);
	width: 84px;
	height: 54px;
	margin-left: 15px;
	margin-top: 100px;
	float: left;
	transition: all 0.3s;
}

#area_laranja .caixa_arte:hover .thumb .overlay .plataforma {
	margin-top: 130px;
}

#area_laranja .caixa_arte .thumb .plataforma .habbo {
	width: 64px;
	height: 110px;
	margin-left: 7px;
	margin-top: -102px;
	transition: all 0.5s;
	opacity: 0;
}

#area_laranja .caixa_arte:hover .thumb .plataforma .habbo {
	margin-top: -82px;
	opacity: 1;
}

#area_laranja .caixa_arte .thumb .info {
	float: right;
	margin-top: -40px;
	margin-right: 6px;
	position: relative;
}

#area_laranja .caixa_arte .thumb .info .btn {
	background-color: #FFFFFF;
	background-position: center;
	background-repeat: no-repeat;
	width: 34px;
	height: 34px;
	float: left;
	margin-left: 6px;
	border-radius: 3px;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.2)
}

#area_laranja .caixa_arte .thumb .info .btn.lupa {
	background-image: url(../img/icone/lupa.png);
}

#area_laranja .caixa_arte .thumb .info .btn.like {
	background-image: url(../img/icone/coracao.png);
}

#area_laranja .caixa_arte .titulo {
	font-size: 14px;
	color: #777777;
	padding: 0 14px;
	margin-top: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: all 0.3s;
}

#area_laranja .caixa_arte:hover .titulo {
	color: #FF8000;
}

#area_laranja .caixa_arte .artista {
	font-size: 12px;
	color: #8C8C8C;
	padding: 0 14px;
}

#area_laranja .caixa_categorias {
	background-color: #F58132;
	height: 259px;
	margin-top: 56px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.2), inset 0 3px rgba(255,255,255,0.8);
	padding-top: 3px;
}

#area_laranja .caixa_categorias ul {
	list-style: none;
	font-size: 15px;
	color: #FFFFFF;
	text-shadow: 0 1px 2px rgba(0,0,0,0.2)
}

#area_laranja .caixa_categorias ul li {
	padding: 0 10px;
	height: 37px;
	line-height: 37px;
	box-shadow: inset 0 -2px rgba(0,0,0,0.1), inset 0 -2px 8px rgba(0,0,0,0.1);
	transition: all 0.3s;
}

#area_laranja .caixa_categorias ul li:hover {
	background-image: linear-gradient(to bottom, rgba(255,255,255,0.2), transparent);
	box-shadow: inset 0 -2px rgba(0,0,0,0.1), inset 0 -2px 8px rgba(0,0,0,0.1), inset 0 -18px rgba(0,0,0,0.03);
}

#area_verde {
	background-color: #66BB69;
	background-image: url(../img/fundo_verde.png);
	padding: 20px 0;
	box-shadow: inset 0 -5px rgba(0,0,0,0.1), inset 0 2px 4px rgba(0,0,0,0.1);
	padding-bottom: 50px;
}

#area_verde a:hover {
	text-decoration: underline;
}

#area_verde .titulo_g {
	color: #FFFFFF;
	text-shadow: 0 1px 4px rgba(0,0,0,0.1);
}

#area_verde .tirinha {
	background-color: #FFFFFF;
	width: 354px;
	height: 133px;
	float: left;
	margin-top: 6px;
	margin-right: 6px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

#area_verde .tirinha .thumb {
	background-color: rgba(0,0,0,0.1);
	width: 342px;
	height: 76px;
	margin: 6px;
}

#area_verde .tirinha .thumb .overlay {
	background-image: linear-gradient(to bottom, rgba(0,0,0,0.55), rgba(93,177,238,0.55));
	width: 342px;
	height: 76px;
	opacity: 0;
	transition: all 0.3s;
	overflow: hidden;
	float: left;
}

#area_verde .tirinha:hover .thumb .overlay {
	opacity: 1;
}

#area_verde .tirinha .thumb .overlay .lupa {
	background-image: url(../img/icone/lupa.png);
	background-color: #FFFFFF;
	background-position: center;
	background-repeat: no-repeat;
	width: 34px;
	height: 34px;
	margin: 0 auto;
	border-radius: 3px;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
	transition: all 0.3s;
}

#area_verde .tirinha:hover .thumb .overlay .lupa {
	margin-top: 20px;
}

#area_verde .tirinha .thumb .overlay .gostei {
	background-image: url(../img/icone/sim.png);
	background-color: #FFFFFF;
	background-position: center;
	background-repeat: no-repeat;
	width: 34px;
	height: 34px;
	float: left;
	border-radius: 3px;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
	transition: all 0.3s;
	margin-top: 20px;
}

#area_verde .tirinha:hover .thumb .overlay .gostei {
	margin-left: 20px;
}

#area_verde .tirinha .thumb .overlay .gostei.nao {
	background-image: url(../img/icone/nao.png);
	float: right;
	margin-top: -16px;
}

#area_verde .tirinha:hover .thumb .overlay .gostei.nao {
	margin-top: -34px;
	margin-right: 20px;
	margin-left: 0;
}

#area_verde .tirinha .plataforma {
	background-image: url(../img/plataforma.png);
	width: 51px;
	height: 31px;
	margin-top: 6px;
	margin-left: 12px;
	margin-right: 15px;
	float: left;
	-webkit-filter: drop-shadow(1px 0 #FFFFFF) drop-shadow(-1px 0 #FFFFFF) drop-shadow(0 1px #FFFFFF) drop-shadow(0 -1px #FFFFFF);
	filter: drop-shadow(1px 0 #FFFFFF) drop-shadow(-1px 0 #FFFFFF) drop-shadow(0 1px #FFFFFF) drop-shadow(0 -1px #FFFFFF);
}

#area_verde .tirinha .plataforma .habbo {
	width: 33px;
	height: 56px;
	margin-left: 10px;
	margin-top: -40px;
}

#area_verde .tirinha .titulo {
	width: 200px;
	color: #888888;
	font-size: 14px;
	float: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: all 0.3s;
}

#area_verde .tirinha:hover .titulo {
	color: #66BB69;
}

#area_verde .tirinha .autor {
	width: 200px;
	color: #999999;
	font-size: 12px;
	margin-top: -3px;
	float: left;
}

#area_verde .tirinha .likes {
	float: right;
	font-size: 14px;
	margin-right: 20px;
	margin-top: -20px;
}

#area_verde .tirinha .likes .gostei {
	background-image: url(../img/icone/sim.png);
	background-repeat: no-repeat;
	background-position: left center;
	color: #5AA500;
	padding-left: 20px;
}

#area_verde .tirinha .likes .n-gostei {
	background-image: url(../img/icone/nao.png);
	background-repeat: no-repeat;
	background-position: left center;
	color: #F34335;
	padding-left: 20px;
}

#area_verde .emblema {
	background-color: #FFFFFF;
	width: 64px;
	height: 64px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
	border-radius: 3px;
	float: left;
	margin-right: 5px;
	margin-top: 5px;
	overflow: hidden;
}

#area_verde .emblema img {
	display: block;
	margin: 10px auto;
}

#area_verde .emblema .overlay {
	background-image: linear-gradient(to bottom, transparent, #FFFFFF);
	height: 0;
	margin-top: 0px;
	opacity: 0;
	transition: all 0.3s;
	position: relative;
	font-size: 12px;
	color: #66BB69;
	text-shadow: 0 1px 2px rgba(0,0,0,0.1);
	text-align: center;
	line-height: 20px;
}

#area_verde .emblema:hover .overlay {
	padding-top: 30px;
	height: 20px;
	margin-top: -50px;
	opacity: 1;
}

#area_azul_claro {
	background-color: #4E97C2;
	background-image: url(../img/fundo_azul_claro.png);
	padding: 20px 0;
	box-shadow: inset 0 -5px rgba(0,0,0,0.1), inset 0 2px 4px rgba(0,0,0,0.1);
	padding-bottom: 50px;
}

#area_azul_claro .titulo_g {
	color: #FFFFFF;
	text-shadow: 0 1px 4px rgba(0,0,0,0.1);
}

#area_azul_claro .caixa_locutor {
	width: 200px;
	float: left;
	margin-right: 30px;
	margin-top: 8px;
}

#area_azul_claro .caixa_locutor .foto {
	background-color: rgba(0,0,0,0.1);
	border-radius: 50%;
	width: 172px;
	height: 172px;
	margin: 0 auto;
}

#area_azul_claro .caixa_locutor .foto img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	transition: all 0.3s;
}

#area_azul_claro .caixa_locutor:hover .foto img {
	transform: scale(1.1);
}

#area_azul_claro .caixa_locutor .nome {
	background-color: #337297;
	width: 200px;
	height: 46px;
	line-height: 46px;
	border-radius: 23px 23px 0 23px;
	margin-top: -36px;
	box-shadow: 0 1px 4px rgba(0,0,0,0.1);
	text-align: center;
	color: #FFFFFF;
	text-shadow: 0 1px 2px rgba(0,0,0,0.2);
	font-size: 14px;
	position: relative;
}

#area_azul_claro .caixa_locutor .nome:before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 7px 7px 7px;
	border-color: transparent transparent #337297 transparent;
	position: absolute;
	top: -7px;
	left: calc(50% - 7px);
}

#area_azul_claro .caixa_locutor .programa {
	background-color: #DFEDF4;
	padding: 0 15px;
	height: 30px;
	line-height: 30px;
	border-radius: 23px 0 23px 23px;
	margin-top: -10px;
	box-shadow: 0 1px 4px rgba(0,0,0,0.1);
	text-align: center;
	color: #4392C0;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.4);
	font-size: 12px;
	letter-spacing: -0.5px;
	float: right;
	position: relative;
}

#area_azul_claro .caixa_locutor .nome .num {
	width: 33px;
	height: 33px;
	line-height: 30px;
	float: left;
	margin: 7px;
	border-radius: 50%;
	box-shadow: 0 0 0 3px #FFFFFF,  0 2px 4px 2px rgba(0,0,0,0.1);
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0,0,0,0.2);
	margin-right: -33px;
}

#area_azul_claro .caixa_locutor:nth-child(1) .num { background-color: #FFCB29; }
#area_azul_claro .caixa_locutor:nth-child(1) .num:before { content: "1º"; }
#area_azul_claro .caixa_locutor:nth-child(2) .num { background-color: #8BC43F; }
#area_azul_claro .caixa_locutor:nth-child(2) .num:before { content: "2º"; }
#area_azul_claro .caixa_locutor:nth-child(3) .num { background-color: #92278F; }
#area_azul_claro .caixa_locutor:nth-child(3) .num:before { content: "3º"; }
#area_azul_claro .caixa_locutor:nth-child(4) .num { background-color: #F02B7D; }
#area_azul_claro .caixa_locutor:nth-child(4) .num:before { content: "4º"; }
#area_azul_claro .caixa_locutor:nth-child(5) .num { background-color: #E53935; }
#area_azul_claro .caixa_locutor:nth-child(5) .num:before { content: "5º"; }
#area_azul_claro .caixa_locutor:nth-child(6) .num { background-color: #00B2B2; }
#area_azul_claro .caixa_locutor:nth-child(6) .num:before { content: "6º"; }

.caixa_pagina {
	background-color: #FFFFFF;
	margin: 15px 0;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.caixa_pagina .titulo_caixa {
	background-color: #71B5E8;
	padding: 0 20px;
	height: 52px;
	line-height: 52px;
	color: #FFFFFF;
	font-size: 14px;
	text-shadow: 0 1px 2px rgba(0,0,0,0.2);
	box-shadow: inset 0 -3px #49A2E2, 0 2px 4px rgba(0,0,0,0.15);
}

.caixa_pagina .conteudo {
	width: 700px;
	margin: 20px;
	float: left;
	font-size: 14px;
	color: #777777;
}

.caixa_pagina .conteudo .arte {
	max-width: 660px;
	max-height: 500px;
	margin: 20px;
}

.caixa_pagina .conteudo .img {
	max-width: 660px;
	max-height: 200px;
	border-radius: 4px;
	box-shadow: 0 2px 2px rgba(0,0,0,0.1);
}

.caixa_pagina .conteudo .info {
	padding: 15px;
	line-height: 15px;
	letter-spacing: -0.4px;
	border-radius: 2px;
	font-size: 14px;
	color: #AAAAAA;
	box-shadow: 0 0 0 1px rgba(0,0,0,0.1), inset 1px 1px 4px rgba(0,0,0,0.08);
	margin-top: 20px;
}

.caixa_pagina .conteudo .faixa {
	background-color: #71B5E8;
	padding: 0 20px;
	height: 40px;
	line-height: 38px;
	border-radius: 4px;
	text-align: center;
	color: #FFFFFF;
	font-size: 14px;
	text-shadow: 0 1px 2px rgba(0,0,0,0.2);
	box-shadow: inset 0 -3px #49A2E2, 0 2px 4px rgba(0,0,0,0.15);
	margin: 10px 0;
}

.caixa_pagina .area_direita {
	width: 248px;
	float: right;
	margin-right: 54px;
	margin-top: -44px;
}

.caixa_pagina .area_direita .caixa_pagina {
	padding-bottom: 10px;
}

.caixa_pagina .area_direita .caixa_pagina .titulo_caixa {
	box-shadow: inset 0 -3px #49A2E2, 0 -2px 6px rgba(0,0,0,0.1), 0 2px 4px rgba(0,0,0,0.15);
	height: 44px;
	line-height: 44px;
}

.caixa_pagina .caixa_pagina .titulo_caixa.balao {
	background-image: url(../img/icone/info.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-left: 48px;
}

.caixa_pagina .area_direita .caixa_pagina .info {
	background-color: rgba(0,0,0,0.1);
	background-position: 10px center;
	background-repeat: no-repeat;
	width: 94px;
	padding: 0 15px;
	height: 30px;
	line-height: 30px;
	border-radius: 2px;
	font-size: 12px;
	color: #AAAAAA;
	margin-left: 6px;
	margin-top: 6px;
	box-shadow: inset 1px 1px 4px rgba(0,0,0,0.03);
	float: left;
	padding-left: 36px;
	text-shadow: 0 1px rgba(255,255,255,0.5)
}

.caixa_pagina .area_direita .caixa_pagina .info.view {
	background-image: url(../img/icone/olho.png);
}

.caixa_pagina .area_direita .caixa_pagina .info.like {
	background-image: url(../img/icone/like.png);
}

.caixa_pagina .area_direita .caixa_pagina .info.deslike {
	background-image: url(../img/icone/unlike.png);
}

.caixa_pagina .area_direita .caixa_pagina .info.categoria {
	background-image: url(../img/icone/categoria.png);
}

.caixa_pagina .area_direita .caixa_pagina .autor {
	background-color: #84BFEB;
	padding: 0 15px;
	height: 46px;
	line-height: 46px;
	font-size: 13px;
	color: #FFFFFF;
	text-shadow: 0 1px 2px rgba(0,0,0,0.1);
}

.caixa_pagina .area_direita .caixa_pagina .plataforma {
	background-image: url(../img/plataforma-azul.png);
	width: 84px;
	height: 54px;
	float: right;
	transition: all 0.3s;
	margin-right: 10px;
	margin-bottom: -40px;
	margin-top: 10px;
}

.caixa_pagina .area_direita .caixa_pagina .plataforma .habbo {
	width: 64px;
	height: 110px;
	margin-top: -80px;
	margin-left: 13px;
}

.area_comentarios {
	width: 780px;
	float: left;
	margin-bottom: 20px;
}

.area_comentarios .comentario {
	background-color: #FFFFFF;
	min-height: 70px;
	border-radius: 5px;
	box-shadow: 1px 1px 6px rgba(0,0,0,0.13), 0 0 0 1px rgba(0,0,0,0.04);
	margin-bottom: 35px;
	position: relative;
}

.area_comentarios .comentario .plataforma {
	background-image: url(../img/plataforma-preta.png);
	width: 84px;
	height: 54px;
	position: absolute;
	bottom: -22px;
	left: 10px;
	transition: all 0.3s;
}

.area_comentarios .comentario .plataforma .habbo {
	width: 64px;
	height: 110px;
	margin-top: -65px;
	margin-left: 6px;
}

.area_comentarios .comentario .msg {
	width: 640px;
	color: #A6ACAC;
	font-size: 13px;
	margin: 10px;
	margin-left: 110px;
	margin-bottom: 25px;
	float: left;
}

.area_comentarios .comentario .info {
	position: absolute;
	right: 10px;
	bottom: -18px;
}

.area_comentarios .comentario .info .btn {
	background-color: #73B6E8;
	padding: 0 15px;
	height: 36px;
	line-height: 36px;
	border-radius: 18px;
	color: #FFFFFF;
	font-size: 13px;
	text-shadow: 0 1px 2px rgba(0,0,0,0.2);
	float: left;
	margin-left: 10px;
	box-shadow: inset 0 -2px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.1);
}

.caixa_comentar {
	background-color: #FFFFFF;
	border-radius: 5px;
	box-shadow: 1px 1px 6px rgba(0,0,0,0.13), 0 0 0 1px rgba(0,0,0,0.04);
	margin-bottom: 35px;
	position: relative;
}

.caixa_comentar textarea {
	border: none;
	margin: 15px;
	width: 750px;
	max-width: 750px;
	min-height: 100px;
	max-height: 200px;
	padding: 15px;
	font-family: 'Segoe UI', sans-serif;
	line-height: 15px;
	letter-spacing: -0.4px;
	border-radius: 2px;
	font-size: 14px;
	color: #AAAAAA;
	box-shadow: 0 0 0 1px rgba(0,0,0,0.1), inset 1px 1px 4px rgba(0,0,0,0.08);
}

.caixa_comentar .btn {
	background-color: #73B6E8;
	border: none;
	padding: 0 15px;
	min-width: 8px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	color: #FFFFFF;
	text-shadow: 0 1px 2px rgba(0,0,0,0.2);
	font-size: 14px;
	border-radius: 5px;
	box-shadow: inset 0 -2px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.1);
	margin-right: 5px;
	margin-bottom: 15px;
	float: left;
}

.caixa_comentar button.btn {
	background-color: #95CB79;
	margin: 15px;
	margin-top: 0;
}

.caixa_comentar .btn.like {
	background-color: #95CB79;
	background-image: url(../img/icone/like_b.png);
	background-repeat: no-repeat;
	background-position: center;
	margin-left: 15px;
}

.caixa_comentar .btn.deslike {
	background-color: #F56363;
	background-image: url(../img/icone/unlike_b.png);
	background-repeat: no-repeat;
	background-position: center;
}

.input_postar {
	border: none;
	margin: 15px;
	margin-bottom: 0;
	width: 750px;
	max-width: 750px;
	height: 50px;
	padding: 15px;
	font-family: 'Segoe UI', sans-serif;
	line-height: 15px;
	letter-spacing: -0.4px;
	border-radius: 2px;
	font-size: 14px;
	color: #AAAAAA;
	box-shadow: 0 0 0 1px rgba(0,0,0,0.1), inset 1px 1px 4px rgba(0,0,0,0.08);
}

input[type="file"] {
	margin: 15px;
	margin-bottom: 0;
	font-family: 'Segoe UI', sans-serif;
	color: #AAAAAA;
}

input[type="file"]::-webkit-file-upload-button, button {
	background-color: rgba(0,0,0,0.1);
	border: none;
	height: 40px;
	padding: 0 25px;
	font-family: 'Segoe UI', sans-serif;
	border-radius: 2px;
	font-size: 14px;
	color: #AAAAAA;
	text-shadow: 0 1px 1px #FFFFFF;
	box-shadow: 0 0 0 1px rgba(0,0,0,0.1), inset 1px 1px 4px rgba(0,0,0,0.08);
}

.area_comentarios_direita {
	width: 260px;
	float: right;
	margin-bottom: 20px;
}

.area_comentarios_direita .publicidade {
	background-color: rgba(0,0,0,0.1);
	height: 240px;
}

.area_comentarios_direita .link-nos {
	border: none;
	width: 180px;
	max-width: 180px;
	max-height: 100px;
	margin: 20px 40px;
	margin-top: 0;
	padding: 5px;
	font-family: 'Segoe UI', sans-serif;
	border-radius: 2px;
	font-size: 14px;
	color: #AAAAAA;
	box-shadow: 0 0 0 1px rgba(0,0,0,0.1), inset 1px 1px 4px rgba(0,0,0,0.08);
	font-size: 12px;
	letter-spacing: -0.5px;
	text-align: center;
	line-height: 14px;
}

.area_comentarios_direita .link-nos::-webkit-scrollbar {
	width: 12px;
}

.area_comentarios_direita .link-nos::-webkit-scrollbar-thumb {
	background-color: rgba(0,0,0,0.2);
	border: 4px solid #FFFFFF;
	border-radius: 7px;
}

.btn_forum {
	float: right;
}

.btn_forum .btn_info {
	background-color: rgba(0,0,0,0.1);
	background-position: 10px center;
	background-repeat: no-repeat;
	padding: 0 15px;
	height: 30px;
	line-height: 30px;
	border-radius: 2px;
	font-size: 12px;
	color: #AAAAAA;
	margin-left: 10px;
	margin-top: 6px;
	box-shadow: inset 1px 1px 4px rgba(0,0,0,0.03);
	float: left;
	padding-left: 36px;
	text-shadow: 0 1px rgba(255,255,255,0.5);
	margin-top: 30px;
}

.btn_forum .btn_info.view {
	background-image: url(../img/icone/olho.png);
}

.btn_forum .btn_info.like {
	background-image: url(../img/icone/like.png);
}

.btn_forum .btn_info.deslike {
	background-image: url(../img/icone/unlike.png);
}

.btn_forum .btn_info.categoria {
	background-image: url(../img/icone/categoria.png);
}

.caixa_forum {
	background-image: url(../img/forum_user.png);
	background-repeat: repeat-y;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1), inset 0 -5px rgba(0,0,0,0.1), inset 0 -1px rgba(0,0,0,0.1);
}

.caixa_forum .forum_user {
	width: 260px;
	float: left;
}

.caixa_forum .forum_user .foto {
	background-color: #FFFFFF;
	width: 172px;
	height: 172px;
	padding: 4px;
	margin: 20px auto;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1), 0 0 0 1px rgba(0,0,0,0.1);
	border-radius: 4px;
}

.caixa_forum .forum_user .foto img {
	width: 172px;
	height: 172px;
	border-radius: 2px;
}

.caixa_forum .forum_user .rank {
	background-image: url(../../uploads/pato.png), linear-gradient(to bottom, #FFA100, #FF8000);
	background-repeat: no-repeat;
	background-position: 12px 8px, center;
	width: 200px;
	height: 40px;
	line-height: 40px;
	color: #FFFFFF;
	text-shadow: 0 1px 2px rgba(0,0,0,0.4);
	border-radius: 20px;
	text-align: center;
	margin: 0 auto;
	font-size: 14px;
	margin-top: -40px;
	box-shadow: inset 0 2px #FFD528, inset 0 -2px rgba(0,0,0,0.1), 0 2px 6px rgba(0,0,0,0.2);
	position: relative;
}

.caixa_forum .forum_user .msgs {
	text-align: center;
	margin: 10px;
	color: #555555;
	text-shadow: 0 1px 2px rgba(255,255,255,0.5)
}

.caixa_forum .forum_user .area_emblema {
	background-color: rgba(255,255,255,0.3);
	padding: 10px;
	padding-top: 8px;
	width: 186px;
	margin: 0 auto;
	margin-bottom: 25px;
	border-radius: 4px;
	box-shadow: 0 1px 4px rgba(0,0,0,0.15)
}

.caixa_forum .forum_user .area_emblema h2 {
	margin: 5px 3px;
	font-size: 14px;
	color: #555555;
	text-shadow: 0 1px 2px rgba(255,255,255,0.5)
}

.caixa_forum .forum_user .area_emblema h2 .seta {
	background-color: rgba(255,255,255,0.7);
	background-image: url(../img/icone/setap.png);
	background-position: center;
	background-repeat: no-repeat;
	width: 22px;
	height: 22px;
	float: left;
	margin-left: 4px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	border-radius: 2px;
	cursor: pointer;
}

.caixa_forum .forum_user .area_emblema h2 .seta.direita {
	transform: rotateY(180deg);
}

.caixa_forum .forum_user .area_emblema h2 .seta.inativo {
	opacity: 0.6;
}

.caixa_forum .forum_user .area_emblema .emblema {
	background-color: #FFFFFF;
	width: 56px;
	height: 56px;
	border-radius: 4px;
	float: left;
	margin: 3px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

.caixa_forum .forum_user .area_emblema .emblema img {
	margin: 7px;
}

.caixa_pagina .info {
	background-image: url(../img/icone/info.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 36px;
	float: right;
}

.caixa_forum .forum_msg {
	width: 800px;
	float: right;
}

.caixa_forum .forum_msg .msg {
	margin: 15px;
	padding: 15px;
	border: 1px solid rgba(0,0,0,0.1);
	border-radius: 6px;
	font-size: 14px;
	color: #777777;
	letter-spacing: -0.4px;
	line-height: 16px;
	box-shadow: inset 1px 1px 4px rgba(0,0,0,0.05);
}

.caixa_forum .forum_msg .assinatura {
	margin: 15px;
	margin-bottom: 20px;
	font-size: 14px;
	color: #777777;
}

.comentar_topico .caixa_comentar {
	background-color: #FFFFFF;
	border-radius: 5px;
	box-shadow: 1px 1px 6px rgba(0,0,0,0.13), 0 0 0 1px rgba(0,0,0,0.04);
	margin-bottom: 35px;
	position: relative;
}

.comentar_topico .caixa_comentar .plataforma {
	background-image: url(../img/plataforma-azul.png);
	width: 84px;
	height: 54px;
	margin-top: 100px;
	margin-left: 80px;
	float: left;
}

.comentar_topico .caixa_comentar .plataforma .habbo {
	width: 64px;
	height: 110px;
	margin-top: -82px;
	margin-left: 7px;
}

.comentar_topico .caixa_comentar textarea {
	border: none;
	margin: 15px;
	width: 790px;
	max-width: 790px;
	min-height: 100px;
	max-height: 200px;
	padding: 15px;
	font-family: 'Segoe UI', sans-serif;
	line-height: 15px;
	letter-spacing: -0.4px;
	border-radius: 2px;
	font-size: 14px;
	float: right;
	color: #AAAAAA;
	box-shadow: 0 0 0 1px rgba(0,0,0,0.1), inset 1px 1px 4px rgba(0,0,0,0.08);
}

.comentar_topico .caixa_comentar .btn {
	background-color: #73B6E8;
	border: none;
	padding: 0 15px;
	min-width: 8px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	color: #FFFFFF;
	text-shadow: 0 1px 2px rgba(0,0,0,0.2);
	font-size: 14px;
	border-radius: 5px;
	box-shadow: inset 0 -2px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.1);
	margin-right: 5px;
	margin-bottom: 15px;
	float: left;
}

.comentar_topico .caixa_comentar button.btn {
	background-color: #95CB79;
	margin: 15px;
	margin-top: 0;
}

.comentar_topico .caixa_comentar .btn.like {
	background-color: #95CB79;
	background-image: url(../img/icone/like_b.png);
	background-repeat: no-repeat;
	background-position: center;
	margin-left: 15px;
}

.comentar_topico .caixa_comentar .btn.deslike {
	background-color: #F56363;
	background-image: url(../img/icone/unlike_b.png);
	background-repeat: no-repeat;
	background-position: center;
}

.caixa_pagina .membro {
	background-color: #85BFEA;
	background-image: url(../img/linhas.png), linear-gradient(to bottom, #85BFEA, #5AA9E2);
	width: 246px;
	height: 290px;
	border-radius: 6px;
	float: left;
	margin: 10px 15px;
	margin-right: 0;
	box-shadow: inset 0 -5px rgba(0,0,0,0.1), inset 0 -1px rgba(0,0,0,0.1), 0 4px rgba(0,0,0,0.1);
}

.caixa_pagina .membro .foto {
	background-color: rgba(0,0,0,0.1);
	border-radius: 50%;
	overflow: hidden;
	width: 172px;
	height: 172px;
	margin: 0 auto;
	margin-top: 15px;
	transition: all 0.5s;
	border: 4px solid #FFFFFF;
	box-shadow: 0 2px 4px rgba(0,0,0,0.15);
}

.caixa_pagina .membro .foto img {
	width: 172px;
	height: 172px;
}

.caixa_pagina .membro .nome {
	background-color: #FFFFFF;
	width: 200px;
	height: 46px;
	line-height: 46px;
	border-radius: 23px;
	margin: 0 auto;
	margin-top: -20px;
	box-shadow: 0 1px 4px rgba(0,0,0,0.1);
	text-align: center;
	color: #878787;
	font-size: 14px;
	position: relative;
}

.caixa_pagina .membro .nome:before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 7px 7px 7px;
	border-color: transparent transparent #FFFFFF transparent;
	position: absolute;
	top: -7px;
	left: calc(50% - 7px);
}

.caixa_pagina .membro .a_icone {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.caixa_pagina .membro .icone {
	background-color: #ADCD4E;
	background-repeat: no-repeat;
	background-position: center;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	border: 3px solid #FFFFFF;
	box-shadow: 0 2px 4px rgba(0,0,0,0.15);
	float: left;
	margin: 0 3px;
	margin-top: 10px;

	-webkit-align-self: center;
	-ms-flex-item-align: center;
	align-self: center;
}

.caixa_pagina .botao_equipe {
	background-color: #73B6E8;
	background-image: linear-gradient(to bottom, #8CC3EC, #73B6E8);
	padding: 0 25px;
	height: 40px;
	line-height: 38px;
	box-shadow: inset 0 -4px rgba(0,0,0,0.1);
	float: left;
	margin-left: 15px;
	margin-right: -5px;
	margin-top: 15px;
	border-radius: 5px;
	color: #FFFFFF;
	text-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

.caixa_pagina .botao_equipe.verde {
	background-color: #4DBA68;
	background-image: linear-gradient(to bottom, #55BE6F, #4DBA68);
}

.caixa_pagina .botao_equipe.vermelho {
	background-color: #F95C35;
	background-image: linear-gradient(to bottom, #F8613C, #F95C35);
}

.caixa_pagina .membro .icone.skype {
	background-image: url(../img/icone/skype.png);
}

.caixa_pagina .membro .icone.facebook {
	background-image: url(../img/icone/facebook.png);
}

.caixa_pagina .membro .icone.twitter {
	background-image: url(../img/icone/twitter.png);
}

.caixa_pagina .membro .icone.instagram {
	background-image: url(../img/icone/instagram.png);
}


.super_caixa {
	position: fixed;
	top: -100%;
	left: 0;
	z-index: 998;
	background: rgba(0,0,0, 0.75);
	width: 100vw;
	height: 100vh;
	opacity: 0;
	-webkit-transition: opacity	0.35s ease;
	-moz-transition: opacity 0.35s ease;
	-o-transition: opacity 0.35s ease;
	transition: opacity 0.35s ease;
}

.super_caixa .super_caixa_conteudo {
	width: 100%;
	max-width: 430px;
	position: fixed;
	left: 50%;
	top: -100%;
	-webkit-transition: top	0.5s ease-in-out;
	-moz-transition: top 0.5s ease-in-out;
	-o-transition: top 0.5s ease-in-out;
	transition: top 0.5s ease-in-out;

	margin-left: -215px;

	z-index: 9999999; 
}

.super_caixa .super_caixa_conteudo article { 
}

.super_caixa .super_caixa_conteudo article .msg { 
	color: #FFFFFF;
	font-size: 22px;
	font-weight: bold;
	text-shadow: 0 1px 2px rgba(0,0,0,0.2);
	margin-bottom: 20px;
	margin-left: 75px;
}

.super_caixa .super_caixa_conteudo article .msg span { 
	font-size: 16px;
	font-weight: normal;
	line-height: 14px;
}

.super_caixa .super_caixa_conteudo article .plataforma {
	background-image: url(../img/plataforma-preta.png);
	width: 84px;
	height: 54px;
	margin-top: 70px;
	float: left;
	margin-right: -10px;
	margin-bottom: 150px;
}

.super_caixa .super_caixa_conteudo article .plataforma .habbo {
	width: 64px;
	height: 110px;
	margin-top: -80px;
	margin-left: 8px;
}

.super_caixa .super_caixa_conteudo article input {
	border: none;
	padding: 0 25px;
	padding-left: 70px;
	color: #666666;
	width: 350px;
	height: 54px;
	border-radius: 4px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1), 0 0 0 1px rgba(0,0,0,0.1);
	font-family: 'Segoe UI', sans-serif;
	margin-bottom: 10px;
}

.super_caixa .super_caixa_conteudo article .btn {
	background-color: rgba(0,0,0,0.1);
	background-position: center;
	background-repeat: no-repeat;
	width: 54px;
	height: 54px;
	margin-bottom: -54px;
	border-radius: 4px 0 0 4px;
	float: left;
	position: relative;
	box-shadow: inset -1px 0 rgba(0,0,0,0.15), inset -2px 0 rgba(255,255,255,0.5);
}

.super_caixa .super_caixa_conteudo article .btn.user {
	background-image: url(../img/icone/login.png);
}

.super_caixa .super_caixa_conteudo article .btn.email {
	background-image: url(../img/icone/email.png);
}

.super_caixa .super_caixa_conteudo article .btn.senha {
	background-image: url(../img/icone/cadeado.png);
}

.super_caixa .super_caixa_conteudo article button {
	border: none;
	background-image: linear-gradient(to bottom, #46C809, #3AB907);
	width: 350px;
	height: 40px;
	border-radius: 4px;
	box-shadow: inset 0 0 0 1px #539E35, inset 0 0 0 2px rgba(255,255,255,0.3), 0 2px 4px rgba(0,0,0,0.1);
	text-transform: uppercase;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
	text-shadow: 0 1px 2px rgba(0,0,0,0.2);
	float: right;
	margin-right: 6px;
}

.super_caixa .super_caixa_conteudo article .caixa {
	background-color: #FFFFFF;
	width: 380px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	margin: 0 auto;
}

.super_caixa .super_caixa_conteudo article .caixa .titulo {
	background-color: #71B5E8;
    padding: 0 20px;
    height: 52px;
    line-height: 52px;
    color: #FFFFFF;
    font-size: 14px;
    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
    box-shadow: inset 0 -3px #49A2E2, 0 2px 4px rgba(0,0,0,0.15);
}

.super_caixa .super_caixa_conteudo article .caixa .titulo .fechar {
	float: right;
}

.super_caixa .super_caixa_conteudo article .caixa button {
	background-color: #6EB556;
	background-image: linear-gradient(to bottom, #7CB445, #6EB556);
	box-shadow: none;
	width: 370px;
	height: 40px;
	margin: 5px;
	text-transform: none;
	font-weight: normal;
}

.super_caixa .super_caixa_conteudo article .caixa .input {
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
	padding: 10px;
	width: 370px;
	height: 40px;
	margin: 5px;
}

.super_caixa .super_caixa_conteudo article .caixa .textarea {
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
	width: 370px;
	max-width: 370px;
	max-height: 200px;
	margin: 5px;
	padding: 10px;
	border: none;
	border-radius: 4px;
	color: #666666;
	font-family: "Segoe UI", sans-serif;
}

.super_caixa:target {
	opacity: 1;
	top: 0;
}

.super_caixa .super_caixa_fora {
	position: absolute;
	background-color: #B7DCFB;
	background-image: url(../img/nuvens.png), url(../img/city.png);
	background-position: center top, center bottom;
	background-repeat: repeat-x;
	width: 100%;
	height: 100%;
	left:0;
	z-index: 998; 
	-webkit-animation: nuvens 1500s linear infinite;
	-moz-animation: nuvens 1500s linear infinite;
	animation: nuvens 1500s linear infinite;
}

.super_caixa:target .super_caixa_conteudo {
	top: calc(50% - 200px);
	-webkit-transition: top	0.35s ease;
	-moz-transition: top 0.35s ease;
	-o-transition: top 0.35s ease;
	transition: top 0.35s ease;
}








#rodape {
	background-color: #72AACB;
	color: #FFFFFF;
	height: 165px;
	text-shadow: 0 1px 2px rgba(0,0,0,0.2);
	font-size: 13px;
	border-top: 8px solid #336B8C;
	box-shadow: 0 500px 0 400px #72AACB;
}

#rodape .txt {
	width: 540px;
	margin-top: 38px;
	letter-spacing: -0.5px;
	float: left;
}

#rodape .dev {
	float: right;
}

#rodape .dev .btn {
	background-color: #3D88B6;
	background-position: 8px center;
	background-repeat: no-repeat;
	padding: 0 15px;
	padding-left: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 20px;
	float: left;
	margin-left: 6px;
	margin-top: 36px;
}

#rodape .dev .btn.design {
	background-image: url(../img/icone/desenho.png);
}

#rodape .dev .btn.code {
	background-image: url(../img/icone/code.png);
}

#rodape .dev .btn.cog {
	background-image: url(../img/icone/cog.png);
}