@charset "iso-8859-1";
/* CSS Document */
body{
	margin: 0;
	padding: 0;
	background-color: #313131;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image:url(../_img/layout/bg_h.jpg);
	background-repeat:repeat-x;
	text-shadow: #333 1px 1px 1px;
}
form, h1, h2, ul, li, input, p, img{
	margin: 0;
	padding: 0;	
}
/* TOPO NOSSOS JOGOS */
#topo_nossos_jogos{
	position:fixed;
	width:100%;
	height:	29px;
	background-color:#111;
	border-bottom: 1px solid #999;
	background-image:url(../_img/layout/bg_topo.jpg);
	z-index: 20000;
}
.centraliza_topo{
	position: relative;
	width: 770px;
	height: 20px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 8px;
	
}
/* LAYOUT NP */
#centraliza{
	position: relative;
	width: 788px;
	height:auto;
	margin-left: auto;
	margin-right:auto;
	background-image:url(../_img/layout/bg.jpg);
	background-repeat:repeat-y;
	top:29px;
}
#topo{
	position:relative;
	height: 217px;
	width: 788px;
	background-image:url(../_img/layout/top_banner.jpg);
	background-repeat:no-repeat;
}
.titulo_site{
	position:relative;
	visibility:hidden;	
}
#publicidade{
	position: relative;
	width: 788px;
	height: 105px;
	background-image:url(../_img/layout/news_publicidade_pt.jpg);
}
#publicidade_google_468x60{
	position:absolute;
	width: 468px;
	height: 60px;
	left: 303px;
	top: 25px;
}
#publicidade_news{
	position:absolute;
	height: 60px;
	width: 275px;
	left: 18px;
	top: 26px;
	font-size: 13px;
}
#publicidade_news a{
	display:block;
	height: 14px;
	text-decoration:none;
	color:#FC3;
	
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
#publicidade_news {
	list-style-type:none;	
}
#publicidade_news a:hover{
	color:#CCC;
	
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
#menu_sup{
	position: relative;
	height: 29px;
	width: 788px;	
	background-image:url(../_img/layout/menu_sup_bg.jpg);
	background-repeat:repeat-x;
}
#menu_sup_esq{
	position: relative;
	height: 29px;
	width: 15px;
	background-image:url(../_img/layout/menu_sup_esq.jpg);
	background-repeat:no-repeat;
	float:left;
}
#menu_sup_centro{
	position:relative;
	width: 756px;
	float:left;
	height: 27px;
	text-align:center;
}
#menu_sup_dir{
	position: relative;
	height: 29px;
	width: 17px;
	background-image:url(../_img/layout/menu_sup_dir.jpg);
	background-repeat:no-repeat;
	float:left;
}
#titulo_enquete{
	position:relative;
	width: 788px;
	height: 35px;
	background-image:url(../_img/layout/enquete_pesquisa_pt.jpg);
	clear:left;
}
#enquete_baixo{
	position:relative;
	width: 788px;
	height: 34px;
	background-image:url(../_img/layout/enquete_questao.jpg);
}
#enquete_quest{
	position:absolute;
	height: 30px;
	width: 185px;
	left: 14px;
	color:#CCC;
	top: 3px;
}
#enquete{
	position:relative;
	width: 175px;
	left: 20px;
	top: 25px;
	color:#CCC;
}
#enquete_botoes{
	position:absolute;
	width: 175px;
	top: 117px;
	text-align:center;
}
#enquete_botoes a{
	color:#CCC;
	text-decoration:none;
	
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
#enquete_botoes a:hover{
	color:#FC3;
	
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
.enquete_op{
	position:relative;
	display:block;
	height: 25px;	
}
#corpo{
	position:relative;
	width: 788px;
}
#corpo_col_esq{
	position:relative;
	width: 204px;
	float:left;	
	background-image:url(../_img/layout/menu_lateral_bg.jpg);
	background-repeat:repeat-y;
}
#corpo_col_dir{
	position:relative;
	width: 576px;
	float:left;
	left: 4px;
	top: 4px;
}
#corpo_col_esq_enquete{
	position:relative;
	width: 204px;
	height: 177px;
	background-image:url(../_img/layout/corpo_enquete.jpg);
}
#corpo_col_esq_baixo{
	position:relative;
	width: 204px;
	height: 160px;
	background-image:url(../_img/layout/menu_lateral_bottom.jpg);
}
#rodape{
	position:relative;
	width: 788px;
	height:	 176px;
	clear:left;
	text-shadow: #666 1px 1px 1px;
}
#rodape_esq{
	position:relative;
	width: 204px;
	height: 116px;
	background-image:url(../_img/layout/rodape_completa.jpg);
	float:left;
}
#rodape_dir{
	position:relative;
	width: 584px;
	height: 116px;
	float:left;	
}
#rodape_baixo{
	position:relative;
	width: 788px;
	height: 60px;
	background-image:url(../_img/layout/rodape.jpg);
	clear:left;	
}
.box{
	position: relative;
	width: 550px;
	background-image:url(../_img/layout/box_bg.jpg);
	background-repeat:repeat-y;
	margin-left:auto;
	margin-right:auto;
	margin-top: 10px;
}
.box_topo{
	position: relative;
	width: 550px;
	height: 41px;
	background-image:url(../_img/layout/box_top.jpg);
	background-repeat:no-repeat;	
}
.box_conteudo{
	position:relative;
	width: 510px;
	height: auto;
	margin-left:auto;
	margin-right:auto;
	color:#CCC;
	display: table;
	text-align:justify;
}
.box_baixo{
	position:relative;
	width: 550px;
	height: 24px;
	background-image:url(../_img/layout/box_bottom.jpg);
	background-repeat: no-repeat;	
}
.titulo_box{
	position:relative;
	font-size: 14px;
	left: 50px;
	line-height: 41px;
	color:#CCC;
	width: 290px;
	height: 41px;
	text-shadow: #999 1px 1px 1px;
}
#idiomas{
	position:absolute;
	height: 14px;
	width: 120px;
	text-align:right;
	left: 660px;
	top: 197px;
}
#texto_rodape{
	position:relative;
	width: 700px;
	margin-left:auto;
	margin-right:auto;
	top: 27px;
	text-align:center;
	color:#333;
	font-size:10px;
}
#pesquisa{
	position: absolute;
	width: 186px;
	height: 22px;
	left: 599px;
	top: 4px;
}
#procura{
	background-color:#908e8e;
	color:#333;
	border: 1px solid #908e8e;
	height: 13px;
	font-size: 11px;
	width: 128px;
}
#corpo_col_esq a{
	color: #CCC;
	text-decoration:none;
	
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
#corpo_col_esq a:hover{
	color: #FC3;
	
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
.bt{
	position:relative;
	background-image:url(../_img/layout/bt_centro.jpg);
	background-repeat:repeat-x;
	height: 23px;
	border: 0px;
	color:#FC3;
	font-weight:bold;
	font-size: 12px;
	padding-left: 2px;
	padding-right: 2px;
	cursor:pointer;
	text-shadow: #333 1px 1px 1px;
	
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
.bt:hover{
	color:#CCC;	
	
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
#campo_pesquisa{
	position:relative;
	width: 135px;
	margin-top: 5px;
	float:left;
}
#bt_pesquisa{
	position:relative;
	float:left;
}
.enquete_quest{
	position:relative;
	margin-bottom: 11px;
	height: 13px;
}
.separador{
	position:relative;
	background-image:url(../_img/layout/box_separador.gif);
	background-repeat:repeat-x;
	height: 7px;
	clear:both;	
}
.center{
	position:relative;
	text-align:center;	
}
.box_conteudo label{
	font-weight:bold;
	color:#FC3;	
	text-shadow: #333 1px 1px 1px;
}
.box_conteudo a{
	color:#FC3;
	text-decoration:none;
	font-weight:bold;
	text-shadow: #333 1px 1px 2px;
	
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
.box_conteudo a:hover{
	color:#CCC;	
	
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
.campo{
	border: 1px solid #666;
	background-color: #908e8e;
	color:#333;
	font-weight:bold;
	font-size:12px;
	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.campo_foco{
	border: 1px solid #FC3;
	background-color: #908e8e;
	color:#333;
	font-weight:bold;
	font-size:12px;
	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.link_captcha{
	color:#CCC !important;
	font-weight:normal !important;	
}
#captcha{
	position:relative;
	width: 512px;
	height: 59px;
}
#captcha_campo{
	position:relative;
	width: 330px;
	height: 59px;
	float:left;
}
#captcha_img{
	position:relative;
	width: 155px;
	height: 43px;
	background-image:url(../_img/layout/bg_captcha.jpg);
	top: 8px;
	float:left;
	left: 10px;
}
.captcha_code{
	position:relative;
	width: 108px;
	height: 37px;
	margin-left: 3px;
	top: 3px;
	float:left;
}
.captcha_ref{
	position:relative;
	width: 38px;
	height: 38px;
	float: left;
	margin-left: 4px;
	top: 3px;
}

.interroga{
	position:absolute;
	visibility:visible;
	width: 170px;
	bottom: 15px;
	left: 15px;
	background-color:#666;
	padding: 3px;
	border: 1px solid #CCC;
	z-index: 10000;
	cursor:help;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	visibility:hidden;
	
	box-shadow: 3px 3px 4px #333;
	-webkit-box-shadow: 3px 3px 4px #333;
	-moz-box-shadow: 3px 3px 4px #333;
	
}
.alerta{
	display:none;
}
.alerta_mostra{
	position:relative;
	width: 464px;
	display:block;
	color:#F00;	
	background-color:#FFC;
	background-image:url(../_img/layout/alerta_erro.jpg);
	background-repeat:no-repeat;
	background-position: 2px 2px;
	border: 1px solid #FC0;
	margin-top: 3px;
	margin-bottom: 3px;
	padding-left: 41px;
	padding-right: 3px;
	padding-bottom: 10px;
	padding-top: 10px;
	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	
	text-shadow: #999 1px 1px 1px ;
	
	box-shadow: 3px 3px 5px #333;
	-webkit-box-shadow: 3px 3px 5px #333;
	-moz-box-shadow: 3px 3px 5px #333;
	visibility:visible;
}
.alerta_mostra_memo{
	visibility:visible;
	width: 457px;
	position:relative;
	display:block;
	color:#F00;	
	background-color:#FFC;
	background-image:url(../_img/layout/alerta_erro.jpg);
	background-repeat:no-repeat;
	background-position: 2px 2px;
	border: 1px solid #FC0;
	margin-top: 3px;
	margin-bottom: 3px;
	padding-left: 41px;
	padding-right: 3px;
	padding-bottom: 10px;
	padding-top: 10px;
	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.alerta_mostra_memo a{
	color:#900;
	text-shadow: #999 1px 1px 1px;
	
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
.alerta_mostra_memo a:hover{
	color:#F60;
	
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
.alerta_mostra a{
	color:#900;
	text-shadow: #999 1px 1px 1px;
	
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
.alerta_mostra a:hover{
	color:#F60;
	
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
.descricao{
	font-size: 11px;	
}
.info_icons{
	position:relative;
	left: 4px;
	float:left;
	visibility:hidden;
}
.info_icons_show{
	position:relative;
	left: 4px;
	float:left;
	visibility:visible;
}
.rotulo{
	color:#FC3;
	font-weight:bold;	
	text-shadow: #333 1px 1px 1px;
}
.aba_bg{
	background-image: url(../_img/layout/aba_bg.jpg);
	background-repeat: repeat-x;
}
.abas{
	margin-top: 3px;
	text-shadow: #000 1px 1px 1px;
}
textarea{
	width: 505px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin-top: 2px;
	margin-bottom:2px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.bt_formatar{
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border: solid 1px #4a4a4a;
}
.bt_formatar:hover{
	border: solid 1px #999;	
}
.barra_formatacao{
	position:relative;	
}
.box_prompt{
	visibility:hidden;
	position:relative;
	height: 0;
	width:0;
}
.box_prompt_mostra{
	position:absolute;
	width: 384px;
	height: 125px;
	margin-left: 65px;
	margin-top: -20px;
	background-image:url(../_img/layout/box_link_img.jpg);
}
.visualizar{
	position:relative;
	visibility:hidden;
	width: 0;
	height: 0;	
}
.visualizar_mostra{
	position:relative;
	width: 510px;
	overflow:auto;
	height:auto;
}
.emotions{
	visibility:hidden;
	position:absolute;
	margin-left: 285px;
	top: 10px;
	width: 220px;
	height:190px;
}
.emotions_mostra{
	position:absolute;
	width: 220px;
	height:190px;
	background-color:#333;
	color:#999;
	margin-left: 285px;
	top: 10px;
	border: 1px solid #999;
}
.emoticons_img{
	position: relative;
	margin: 4px;
}
.formatar_cores{
	visibility:hidden;
	position:relative;
	height: 0px;
	width:0px;
}
.formatar_cores_mostra{
	position:absolute;
	width:110px;
	background-color: #333;
	border: 1px solid #999;
	top: 10px;
	margin-left: 255px;
}
.colors{
	border: 1px solid #333;
}
.colors:hover{
	border: 1px solid #CCC;
}
.fundo_box_alerta{
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background-color:#000;
	z-index:10000;
	visibility:hidden;
}
.box_alerta{
	position:fixed;
	width: 384px;
	height: auto;
	background-color: #6a0002;
	border: solid 1px #F66;
	top: 50%;
	left: 50%;
	margin-left:-192px;
	margin-top:-62px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	z-index:10001;
	visibility:hidden;
	
	box-shadow: 3px 3px 10px #900;
	-webkit-box-shadow: 3px 3px 10px #900;
	-moz-box-shadow: 3px 3px 10px #900;
}
.box_alerta_np{
	position: relative;
	width: 371px;
	height: 15px;
	margin:auto;
	margin-top:1px;
	margin-bottom:1px;
	background-image: url(../_img/layout/box_alerta_np.jpg);
	background-repeat: no-repeat;
}
#conteudo_box_alerta{
	position:relative;
	width: 365px;
	height: auto;
	margin: 0 auto;
	padding: 5px;
	color:#FC6;
	background-image:url(../_img/layout/bg_alerta.jpg);
	background-repeat:repeat-x;
	text-align:center;
	background-color: #843030;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#img_conteudo_box_alerta{
	position:relative;
	width: 70px;
	margin-left: 10px;
	margin-top: 25px;
	color:#FC6;
	text-align:center;
	height: 70px;
	float: left;
}
.bt_alerta{
	position:relative;
	width: 370px;
	height:18px;
	margin-top: 5px;
	
	border-radius:3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.link_alerta{
	border: 1px solid #900;
	height: 16px;
	background-image:url(../_img/layout/fundo_bt_alerta.jpg);
	background-repeat:repeat-x;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 2px;
	padding-bottom:2px;
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
	font-size: 10px;
	
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
.link_alerta:hover{
	border: 1px solid #FFF;
	
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
.marcador{
	background-color:#900;
	font-style:italic;
}
.marcador:hover{
	background-color:#FF8080;
}
.avatar_master{
	position:relative;
	width: 510px;
	height: 125px;
	background-image:url(../_img/layout/bg_avatar_info.jpg);
}
.avatar{
	position:absolute;
	width: 117px;
	height:117px;
	top: 4px;
	left: 3px;	
}
.avatar_master_info{
	position:absolute;
	width: 360px;
	height: 48px;
	top:5px;
	left: 135px;
}
.avatar_c1{
	position:absolute;
	height:20px;
	width: 150px;
	left: 0px;
	bottom: 0px;	
}
.avatar_c2{
	position:absolute;
	height:20px;
	width: 200px;
	left: 160px;
	bottom: 0px;
}
.avatar_linha{
	position:relative;
	height: 20px;
	margin-top: 4px;	
}
.vila_char{
	position:absolute;
	width: 117px;
	height: 55px;
	left:254px;
	top: 53px;
}
.esconde{
	position:relative;
	display:none;
}
.ponteiro{
	cursor: pointer;
}

.legenda_hidden{
	position:absolute;
	top:50%;
	left:50%;
	width: 130px;
	background-color:#4a4a4a;
	border: 1px solid #999;
	padding: 3px;
	text-align:center;
	
	font-size:11px;
	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	visibility:hidden;
	z-index: 10000;
	
	box-shadow: 3px 3px 5px #333;
	-webkit-box-shadow: 3px 3px 5px #333;
	-moz-box-shadow: 3px 3px 5px #333;
}
.linha_css{
	position:relative;
	height: 20px;
	width: 100%;
	background-image:url(../_img/layout/linha_css.jpg);
	background-repeat:repeat-x;
	margin-top: 3px;
	margin-bottom: 3px;
	line-height: 20px;
	background-color: #595959;
	
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	clear:left;
}
.linha_css2{
	position:relative;
	height: 20px;
	width: 100%;
	background-image:url(../_img/layout/linha_css2.jpg);
	background-repeat:repeat-x;
	margin-top: 3px;
	margin-bottom: 3px;
	line-height: 20px;
	
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	clear:left;
}

.linha_css3{
	position:relative;
	height: 20px;
	width: 100%;
	background-image:url(../_img/layout/linha_css3.jpg);
	background-repeat:repeat-x;
	margin-top: 3px;
	margin-bottom: 3px;
	line-height: 20px;
	color:#333;
	text-shadow:#666 1px 1px 1px;
	font-size: 11px;
	font-weight:bold;
	padding-left: 4px;
	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;	
	clear:left;
}
.linha_css4{
	position:relative;
	height: 20px;
	width: 100%;
	background-image:url(../_img/layout/linha_css4.jpg);
	background-repeat:repeat-x;
	margin-top: 3px;
	margin-bottom: 3px;
	line-height: 20px;
	color:#333;
	text-shadow:#666 1px 1px 1px;
	font-size: 11px;
	font-weight:bold;
	padding-left: 4px;
	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;	
	clear:left;
}
.linha_css5{
	position:relative;
	height: 20px;
	width: 100%;
	background-image:url(../_img/layout/linha_css5.jpg);
	background-repeat:repeat-x;
	border: 1px solid #843030;
	margin-top: 1px;
	margin-bottom: 1px;
	line-height: 20px;
	
	border-radius:5px;	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	clear:left;
}
.linha_css_memo{
	position:relative;
	width: 100%;
	background-color: #5a5a5a;
	margin-bottom: 3px;
	padding-bottom: 3px;
	padding-top:3px;
	background-image:url(../_img/layout/bg_memo.jpg);
	background-repeat:repeat-x;
	display:table;
	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	clear:left;	
}
.linha_css2_memo{
	position:relative;
	width: 100%;
	background-color: #773d3c;
	margin-bottom: 3px;
	padding-bottom: 3px;
	padding-top:3px;
	background-image:url(../_img/layout/bg_memo2.jpg);
	background-repeat:repeat-x;
	display:table;
	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	clear:left;	
}
.col_css_memo{
	position:relative;
	height:auto;
	width: 504px;
	overflow:auto;
	top: 2px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
	margin-bottom: 2px;
}
.col_css1{
	position:relative;
	float:left;
	width: 40%;
	left: 3px;
}
.col_css2{
	position:relative;
	float:left;
	width: 58%;
	left: 3px;
}
.col_css30{
	position:relative;
	float:left;
	width: 32%;
	margin-left: 1%;
}
.fechar_avisos{
	position:absolute;
	right: 5px;
	top: 5px;
	width: 8px;
	height: 8px;
	cursor:pointer;
}

/* ADD AMIGOS */

#bg_add_amigos{
	position: fixed;
	width: 167px;
	height: 30px;
	right: 4px;
	bottom: 0px;
	background-image: url(../_img/layout/background_add_amigos.jpg);
	background-repeat: repeat-x;
	z-index: 20000;
	border-top: solid 2px #bababa;
	border-right: solid 2px #bababa;
	border-bottom: solid 0px #bababa;
	border-left: solid 2px #bababa;
	
	-moz-border-radius:5px 5px 0px 0px;
	-webkit-border-radius:5px 5px 0px 0px;
	border-radius:5px 5px 0px 0px;
}
#bg_campo_add_amigo{
	position: relative;
	width: 116px;
	height: 18px;
	background-image: url(../_img/layout/background_campo_add_amigos.jpg);
	background-repeat: no-repeat;
	margin: 5px 0px 0px 4px;
	float: left;
}
.campo_add_amigo{
	position: relative;
	width: 112px;
	height: 18px;
	background-color: transparent;
	border: 0;
	margin-left: 2px;
}
#bt_add_amigo{
	position: relative;
	width: 19px;
	height: 18px;
	margin: 5px 0px 0px 3px;
	float: left;
	cursor: pointer;
}
#maximizar_add_amigo{
	position: relative;
	width: 15px;
	height: 16px;
	margin: 5px 0px 0px 7px;
	float: left;
}
.bg_lista_amigos_hidden{
	position: fixed;
	width: 0;
	height: 0;
	overflow: hidden;
}
.bg_lista_amigos{
	position: fixed;
	width: 171px;
	height: 100%;
	right: 4px;
	bottom: 30px;
	top: 29px;
	background-color: #4a4a4a;
	z-index: 20000;
	overflow: auto;
}
.box_amigos{
	position: relative;
	width: 100%;
	height: 40px;
	background-image: url(../_img/layout/background_lista_amigos.jpg);
	background-repeat: repeat-x;
	margin-top: 6px;
	clear: left;
}
.amigo_on{
	background-color: #0F3;
}
.amigo_off{
	background-color: #F00;
}
.amigo_on, .amigo_off{
	position: relative;
	width: 3px;
	height: 37px;
	float: left;
	margin-left: 2px;
}
.img_amigos{
	position: relative;
	width: 37px;
	height: 37px;
	margin-left: 2px;
	float: left;
}
.nick_amigo a{
	position: relative;
	width: 95px;
	height: 16px;
	margin-left: 3px;
	margin-top: 22px;
	float: left;
	overflow: hidden;
	color: #FC0;
	font-weight: bold;
	text-decoration: none;
}
.nick_amigo a:hover{
	color: #CCC;
	font-weight: bold;
	text-decoration: none;
}
.remover_amigo a{
	position: relative;
	width: 10px;
	height: 10px;
	margin-left: 2px;
	float: right;
	color: #999;
	font-weight: bold;
	text-decoration: none;
}
.remover_amigo a:hover{
	color: #FC0;
	font-weight: bold;
	text-decoration: none;
}
.aviso_amigo_hidden{
	position: fixed;
	width: 0;
	height: 0;
	overflow: hidden;
}
.aviso_amigo{
	position: fixed;
	width: 159px;
	height: auto;
	right: 4px;
	bottom: 34px;
	background-color: #FFC;
	border: solid 1px #FC0;
	z-index: 20000;
	padding: 5px;
	text-align: center;
	color: #F00;
	
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
}
/* FIM ADD AMIGOS */
/*INICIO UPGRADE*/
.upgrade{
	position:absolute;
	width:453px;
	height:275px;
	top: -150px;
	left: 50px;
	
	background-image:url(../_img/layout/upgrade.jpg);
	margin:auto;
	z-index: 5000;
	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:#fff 1px solid;
}
.upgrade_hide{
	position:absolute;
	width:453px;
	height:275px;
	top: -150px;
	left: 50px;
	visibility: hidden;	
}
.upgrade_texto{
	position:relative;
	left: 140px;
	top: 65px;	
	width: 295px;
	color:#333;
	text-align:justify;
}
.upgrade_fechar a{
	position:absolute;
	bottom: 15px;
	left: 270px;
	color:#333;
	
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
.upgrade_fechar a:hover{
	color:#900;	
	
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
#publicidade_google_728x90{
	position:relative;
	height: 97px;
	width: 788px;	
	background-image:url(../_img/layout/bg_publicidade.jpg);
	background-repeat:repeat-y;
}
#google_728x90{
	position:relative;
	width: 728px;
	height: 90px;
	margin-left: auto;
	margin-right: auto;
	top:1px;
}
#contem_google{
	position:relative;
	width:764px;
	height: 93px;
	background-image:url(../_img/layout/bg_google.jpg);
	background-repeat: repeat-x;
	margin-left:auto;
	margin-right:auto;	
	top: 3px;
	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	
}
.clear{
	clear:both;
}
#publicidade_lateral{
	position:relative;
	width: 160px;	
	height: 600px;
	margin-left:auto;
	margin-right:auto;
}
.el_linha_css_h{
	height: 70px;
}
.dj_linha_css_h{
	height: 75px;	
}
.sl_linha_css_h{
	height: 50px;	
}
.menu_lateral{
	position:relative;
	width: 204px;
}
.menu_lateral li{
	position:relative;
	width: 173px;
	height: 16px;
	line-height: 16px;
	
	margin-left:8px;
	margin-top:2px;
	margin-bottom:2px;
	padding-left: 20px;
	
	background-image:url(../_img/layout/bg_menu_lateral1.jpg);
	list-style:none;
	display:block;
}
.menu_lateral li:hover{
	background-image:url(../_img/layout/bg_menu_lateral.jpg);
}
.show_swf_error{
	position:relative;
	left: 50px;
	bottom: 50px;
	font-size: 11px;
	width: 150px;
	height: 80px;
	background-color:#333;
	padding: 3px;
	border:#999 1px solid;
	text-align:center;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;

	box-shadow: 3px 3px 4px #333;
	-webkit-box-shadow: 3px 3px 4px #333;
	-moz-box-shadow: 3px 3px 4px #333;
	z-index: 50000;
}
.teste_np_pt{
	position:relative;
	width: 510px;
	height: 68px;
	background-image:url(../_img/layout/teste_np.jpg);
}
.teste_img{
	position: absolute;
	background-color:#033;
	top: 7px;
	left: 7px;
	height: 36px;
	width: 110px;
}
.teste_resp{
	position:absolute;
	width: 295px;
	left: 210px;
	top: 31px;
	text-align:justify;
}
.teste_desc{
	position: absolute;
	top: 50px;
	left: 5px;
	height: 10px;
}
#online{
	position:absolute;
	width: 114px;	
	height: 16px;
	left: 400px;
	top: 10px;
	text-align:center;
	color:#666666;
	font-size:10px;
	font-weight:bold;
	text-shadow: none;
}
.publicidade_estatica{
	position:fixed;
	background-color:#666666;
	height: 600px;
	width: 160px;
	margin-left: 818px;
	top: 60px;
	float:left;	
	border: solid 1px #999;
	box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	-moz-box-shadow: 3px 3px 4px #000;
}
.bingo_book{
	position: fixed;
	width: 328px;
	height: 259px;
	top: 35px;
	left: -298px;
	z-index: 9000;
	box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	-moz-box-shadow: 3px 3px 4px #000;
	color:#CCCCCC;
}
.bingo_book2{
	position: fixed;
	width: 328px;
	height: 259px;
	top: 35px;
	left: 0px;
	z-index: 9000;
	box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	-moz-box-shadow: 3px 3px 4px #000;
	color:#CCCCCC;
}
.bingo_esq{
	position:relative;
	width: 299px;
	height: 259px;
	background-image:url(../_img/contatos/bg_contatos.jpg);
	float:left;
}
.bingo_dir{
	position:relative;
	width: 29px;
	height: 259px;
	float:left;
}
.bingo_top{
	position: absolute;
	width: 270px;
	height:	29px;
	top: 6px;
	left: 3px;
}
.bingo_lista{
	position:absolute;
	width: 290px;
	height: 180px;
	top: 35px;
	left:5px;
	overflow:auto;
}
.bingo_lista2{
	position:absolute;
	width: 290px;
	height: 180px;
	top: 35px;
	left:5px;
	overflow:auto;
	visibility:hidden;
}
.bingo_form{
	position:absolute;
	width: 293px;
	height: 35px;
	bottom: 7px;
	left: 5px;
}
.bingo_form2{
	position:absolute;
	width: 293px;
	height: 35px;
	bottom: 7px;
	left: 5px;
	visibility:hidden;
}
#nick_inimigo{
	width: 190px;	
}
#nick_amigo{
	width: 190px;	
}
.bingo_c1{
	position:relative;
	width: 203px;
	height: 35px;
	float:left;
}
.bingo_c2{
	position:relative;
	width: 90px;
	height: 23px;
	margin-top: 12px;
	float:left;
}
.bingo_linha{
	position:relative;
	height: 40px;
	width:270px;
	background-color: #5a5a5a;
	background-image:url(../_img/layout/linha_css.jpg);
	background-position:top;
	background-repeat:repeat-x;
	margin-bottom: 3px;
}
.bingo_linha a{
	color:#FC3;
	text-decoration:none;
	font-weight:bold;
	
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
.bingo_linha a:hover{
	color:#CCC;
	
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
.bingo_avatar{
	position:relative;
	width: 40px;
	height: 40px;
	float:left;
}
.bingo_info{
	position:relative;
	width: 226px;
	height: 40px;
	left: 4px;
	float:left;
}
.icon_guerra{
	position:absolute;
	width: 18px;
	height: 18px;
	right: 2px;
	top: 1px;
}
.icon_stats{
	position: absolute;
	height: 10px;
	width: 10px;
	right: 23px;
	top: 5px;
}
.bingo_op{
	position:absolute;
	width: 226px;
	bottom:2px;	
}
/* TUTORIAL */
#tutorial{
	position:fixed;
	z-index:4000;
	height: 256px;
	width: 452px;
	top: 50%;
	margin-top: -128px;
}
.tuto1{
	background-image:url(../_img/tutoriais/pt1.png);
}
.tuto2{
	background-image:url(../_img/tutoriais/pt2.png);
}
.tuto3{
	background-image:url(../_img/tutoriais/pt3.png);
}
.tuto4{
	background-image:url(../_img/tutoriais/pt4.png);
}
.tuto5{
	background-image:url(../_img/tutoriais/pt5.png);
}
.tuto6{
	background-image:url(../_img/tutoriais/pt6.png);
}
.tuto7{
	background-image:url(../_img/tutoriais/pt7.png);
}
.tuto8{
	background-image:url(../_img/tutoriais/pt8.png);
}
.tuto_fechar{
	position:absolute;
	width: 60px;
	height: 42px;
	right: 30px;	
	bottom: 15px;
}
.tuto_fechar:hover{
	box-shadow: 0px 0px 4px #FFF;
	-webkit-box-shadow: 0px 0px 4px #FFF;
	-moz-box-shadow: 0px 0px 4px #FFF;
	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.titulo_tuto{
	position:absolute;
	top:50px;
	left:33px;
	width: 130px;
	text-align:center;
	font-size: 12px;
	line-height:20px;
	color:#333;	
	text-shadow: none;
}
.dica_tuto{
	position:absolute;
	left: 26px;
	top:74px;
	width: 310px;
	height: 115px;
	padding-right: 3px;
	overflow:auto;
}
.dica2_tuto{
	position:absolute;
	top: 170px;
	right: 175px;
	font-weight:bold;
}
.finalizar_tuto{
	position:absolute;
	bottom: 28px;
	left: 40px;
	width: 283px;
	text-align:center;	
}

.atributos_g{
	position:relative;
	width: 506px;
	height:32px;	
}
.atributos_cima{
	position:relative;
	height: 14px;
	width: 506px;
}
.atributos_baixo{
	position:relative;
	width: 506px;
	height:	18px;
	background-image:url(../_img/barras_atributos/barra_baixo.jpg);
	background-repeat:no-repeat;
	color:#333;
	
}
.atributos_baixo2{
	position:relative;
	width: 506px;
	height:	18px;
	background-image:url(../_img/barras_atributos/barra_baixo_limpa.jpg);
	background-repeat:no-repeat;
	color:#333;
}
.atributos_info{
	position:absolute;
	width: 57px;
	height: 18px;
	right: 5px;
	text-align:center;
	text-shadow: #999 1px 1px 1px;
}
.atributos_info2{
	position:absolute;
	width: 73px;
	height: 15px;
	background-image:url(../_img/barras_atributos/fundo_bt_up.jpg);
	right: 5px;
	text-align:center;
	text-shadow: #999 1px 1px 1px;
}
.atributos_rotulo{
	position: absolute;
	width:  78px;
	height: 18px;
	left: 41px;
}
.atributo_down{
	position:absolute;
	width: 16px;
	height: 15px;
	left: 0px;
}
.atributo_up{
	position:absolute;
	width: 16px;
	height: 15px;
	right: 0px;
}
.valores_up{
	position:absolute;
	border: 1px solid #999;
	color:#CCC;
	width: 100px;
	height: 15px;
	background-color:#333;
	right: -105px;	
	top: -20px;
}
.valores_up_hide{
	position:absolute;
	border: 1px solid #999;
	color:#CCC;
	width: 100px;
	height: 15px;
	background-color:#333;
	right: -105px;	
	top: -20px;
	visibility:hidden;
}
#hp_baixo{
	position:relative;
	height: 18px;
	width: 506px;
	background-image:url(../_img/barras_atributos/hp_baixo.jpg);
}
#xp_baixo{
	position:relative;
	height: 18px;
	width: 506px;
	background-image:url(../_img/barras_atributos/xp_baixo.jpg);
}
.hp_xp{
	position:absolute;
	width: 115px;
	height: 16px;
	right: 0px;
	top: 1px;
	text-align:center;	
	color:#333;
	text-shadow: #999 1px 1px 1px;
}

/* TipTip CSS - Version 1.2 */

#tiptip_holder {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999;
}

#tiptip_holder.tip_top {
    padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
    padding-top: 5px;
}

#tiptip_holder.tip_right {
    padding-left: 5px;
}

#tiptip_holder.tip_left {
    padding-right: 5px;
}

#tiptip_content {
    font-size: 11px;
    color: #fff;
    text-shadow: 0 0 2px #000;
    padding: 4px 8px;
    border: 1px solid rgba(255,255,255,0.25);
    background-color: rgb(25,25,25);
    background-color: rgba(25,25,25,0.92);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: 0 0 3px #555;
    -webkit-box-shadow: 0 0 3px #555;
    -moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
    position: absolute;
    border-color: transparent;
    border-style: solid;
    border-width: 6px;
    height: 0;
    width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
    border-top-color: #fff;
    border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
    border-bottom-color: #fff;
    border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
    border-right-color: #fff;
    border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
    border-left-color: #fff;
    border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
    margin-top: -7px;
    margin-left: -6px;
    border-top-color: rgb(25,25,25);
    border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
    margin-top: -5px;
    margin-left: -6px;
    border-bottom-color: rgb(25,25,25);
    border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
    margin-top: -6px;
    margin-left: -5px;
    border-right-color: rgb(25,25,25);
    border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
    margin-top: -6px;
    margin-left: -7px;
    border-left-color: rgb(25,25,25);
    border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #tiptip_content {
        padding: 4px 8px 5px 8px;
        background-color: rgba(45,45,45,0.88);
    }
    #tiptip_holder.tip_bottom #tiptip_arrow_inner {
        border-bottom-color: rgba(45,45,45,0.88);
    }
    #tiptip_holder.tip_top #tiptip_arrow_inner {
        border-top-color: rgba(20,20,20,0.92);
    }
}