* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	outline: none;
	border: none;
	position: relative;
	text-decoration: none;
	list-style: none;
	font-family: Arial
}

body {
	background: #002949
}

.amwdev {
	width: 1000px;
	margin: auto
}

.d-container {
	display: flex;
	align-items: start;
}

.c-container {
	width: 725px;
}

.nav-web {
	display: flex;
	background: #08509994;
	padding: 8px 8px 8px 50px;
	justify-content: space-between;
	align-items: center;
	height: 65.5px;
}

.nav-web ul {
	display: flex;
	gap: 2px;
}

.nav-web ul li a {
	font-size: 13px;
	color: #ffffff;
	padding: 10px;
	display: block;
	height: 65px;
	line-height: 43px;
	position: relative;
}

.nav-web ul li a:hover {
	background: linear-gradient(180deg, transparent, #588dc7);
	border-bottom: 2px solid #588dc7;
}

.nav-web ul li a:hover::after {
	content: '';
	width: 100%;
	height: 10px;
	background-color: rgb(88 141 199);
	filter: blur(4px) brightness(125%);
	position: absolute;
	border-radius: 50%;
	left: 0;
	bottom: -8px;
	mix-blend-mode: lighten;
}

.web-container {
	background: #d5cdbf;
	width: 983px;
	margin: auto;
	left: -1px;
	display: flex;
	position: relative;
	justify-content: space-between
}

.web-container>.border-left {
	width: 31px;
	height: auto;
	background: url(../newimages/ladoa.jpg) repeat-y;
	z-index: 99;
	left: -6px
}

.web-container>.border-right {
	width: 31px;
	height: auto;
	background: url(../newimages/ladob.jpg) repeat-y;
	z-index: 99;
	right: 0
}

.header {
	width: 1000px;
	height: 416px;
	background: url(../newimages/topo2.png)
}

.header .buttons {
	display: flex;
	justify-content: space-between;
	position: absolute;
	bottom: 50px;
	width: 860px;
	left: 50px;
}

.header .buttons a {
	display: block;
	width: 220px;
	background: url('../images/btn_gold.png');
	background-size: contain;
	padding: 1rem 1rem 1rem 3rem;
	text-align: left;
	transition: all .2s ease-in-out
}

.header .buttons a h1 {
	color: #e6cb9a;
	text-shadow: 0 0 10px #e6cb9a;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 23px
}

.header .buttons a p {
	color: #fff;
	font-size: 13px;
}

.header .buttons a:nth-child(2) {
	background: url('../images/btn_blue.png');
	background-size: contain;
	text-align: right;
	padding: 1rem 3rem 1rem 1rem;
}

.header .buttons a:nth-child(2) h1 {
	color: #21c6eb;
	text-shadow: 0 0 10px #07a4c7;
}

.header .buttons a:hover {
	filter: brightness(125%) drop-shadow(0 0 10px #ffffff50);
}

.menu-left,
.menu-right {
	width: 190px;
	height: auto
}

.menu-left {
	left: -5px;
	top: -33px;
}

.container-menu .border-menu-left,
.container-menu .border-menu-right {
	width: 21px;
	height: auto;
	background: url(../newimages/img_lateral_menu.jpg) no-repeat
}

.container-menu .border-menu-left-events,
.container-menu .border-menu-right-events {
	width: 31px;
	height: auto;
	background: url(../newimages/servidor01.jpg) repeat-y
}

.container-menu .border-menu-right {
	background: url(../newimages/img_lateral_menu2.jpg) no-repeat;
	top: -10px
}

.container-menu .border-menu-right-events {
	background: url(../newimages/servidor02.jpg) repeat-y
}

.menu-right .border-menu-right-events {
	left: -1.6px
}

.top-menu {
	width: 190px;
	height: 100px;
	background-size: contain
}

.title-menu {
	background: url(../newimages/menu.jpg) no-repeat
}

.title-server {
	background: url(../newimages/servidor.jpg) no-repeat;
	height: 129px
}

.title-login {
	background: url(../newimages/gerenciador.jpg) no-repeat
}

.title-events {
	background: url(../newimages/eventos.jpg);
	height: 129px
}

.title-poll {
	background: url(../newimages/enquete.jpg);
	height: 129px
}

.center-menu {
	width: 100%;
	height: auto;
	display: flex
}

.last-poll {
	padding: 10px;
	background: url(../newimages/fundosv.jpg);
	width: 136px;
	font-size: 12px
}

.poll-actions {
	padding: 10px 0
}

.poll-actions button {
	background: #004c98;
	color: #fff;
	padding: 1px 10px;
	border-radius: 3px;
	cursor: pointer
}

.poll-actions button:hover {
	background: #1a67b4
}

.poll-actions a {
	color: #004485
}

.poll-actions a:hover {
	color: #1867b2
}

.center-login {
	background: url(../newimages/gerenciadorfundo.jpg);
	height: 121px;
	display: block !important
}

.center-login-connect {
	background: url(../newimages/gerenciadorfundo-login.jpg) repeat-y
}

.main-panel-login ul {
	padding: 5px 28px
}

.main-panel-login ul li {
	font-family: Tahoma;
	font-size: 11px;
	text-shadow: 0 0 2px #fff;
	padding: 3px 0
}

.main-panel-login ul:first-child li {
	background: #6e6555;
	margin: 3px 0;
	padding: 3px;
	color: #fff;
	border-radius: 3px
}

.main-panel-login ul:first-child li span {
	color: #fff
}

.main-panel-login ul li span {
	color: #522d11;
	float: right
}

.main-panel-login ul li a {
	background: #306694;
	display: block;
	width: 135px;
	margin: 3px 0;
	border-radius: 2px;
	color: #fff;
	text-shadow: none;
	padding: 2px
}

.main-panel-login ul li:last-child a {
	background: #004481
}

.main-panel-login ul li a:hover {
	filter: grayscale(50%)
}

.bottom-menu-login-connect {
	background: url(../newimages/gerenciadorfundo-login-bottom.jpg);
	width: 190px;
	height: 53px
}

.center-login .div-input {
	width: 80px;
	left: 85px;
	top: 4px
}

.center-login .remember-login {
	font-size: 10px;
	left: 66px;
	top: 47px
}

.center-login .remember-login input {
	font-size: 10px;
	top: 3px
}

.center-login .div-input input {
	width: 80px;
	font-family: arial;
	color: #fff;
	font-size: 11px;
	border: 1px solid #a35723;
	background-color: #481800;
	width: 80px;
	border-radius: 3px;
	padding: 2px 3px
}

.center-login .div-input input::-webkit-input-placeholder {
	color: #bfbfbf
}

.center-login .div-input input:last-child {
	top: 4px
}

.center-login .submit-forgot {
	display: flex;
	column-gap: 5px;
	top: -6px;
	width: 170px;
	margin: auto;
	align-items: center;
	left: 5px
}

.center-login .submit-forgot a {
	font-size: 9px;
	background: #7c4515;
	color: #fff;
	padding: 5px 3px;
	border-radius: 5px;
	width: 100px;
	height: 20px;
	left: 4px
}

.center-login .submit-forgot input[type=submit] {
	width: 48px;
	height: 41px;
	background: url(../newimages/ok.jpg);
	cursor: pointer
}

.center-menu table {
	width: 140px;
	background: url(../newimages/fundosv.jpg)
}

.center-menu table tr td strong {
	font-size: 11px
}

.bottom-menu-events {
	width: 190px;
	background: url(../newimages/estatisticas04.jpg);
	height: 32px
}

.nav-link {
	top: -9px
}

.nav-link ul li a {
	display: block;
	width: 141px;
	height: 24px;
	text-indent: -99999px
}

.nav-link ul li:nth-child(1) a {
	background: url(../newimages/img_01_home.jpg)
}

.nav-link ul li:nth-child(2) a {
	background: url(../newimages/img_02_cadastro.jpg);
	height: 23px
}

.nav-link ul li:nth-child(3) a {
	background: url(../newimages/img_03_downloads.jpg)
}

.nav-link ul li:nth-child(4) a {
	background: url(../newimages/img_04_ranking.jpg);
	height: 22px
}

.nav-link ul li:nth-child(5) a {
	background: url(../newimages/img_05_contasvip.jpg);
	height: 22px
}

.nav-link ul li:nth-child(6) a {
	background: url(../newimages/img_06_shopping.jpg);
	height: 23px
}

.nav-link ul li:nth-child(7) a {
	background: url(../newimages/img_07_eventos.jpg)
}

.nav-link ul li:nth-child(8) a {
	background: url(../newimages/img_08_oservidor.jpg);
	height: 23px
}

.nav-link ul li:nth-child(9) a {
	background: url(../newimages/img_09_ojogo.jpg);
	height: 22px
}

.nav-link ul li:nth-child(10) a {
	background: url(../newimages/img_10_suporte.jpg)
}

.nav-link ul li:nth-child(11) a {
	background: url(../newimages/itens_menu2.jpg);
	height: 26px
}

.nav-link ul li:last-child a {
	background: url(../newimages/fundo_menu2.jpg) no-repeat;
	height: 41px
}

.title-redes {
	width: 141px;
	height: 32px;
	background: url(../newimages/fundo_rede.png);
	margin: 20px auto 5px
}

.redes-link {
	display: block;
	justify-content: center;
	position: fixed;
	left: 5px;
	top: 200px;
	z-index: 99999;
	width: 66px;
	height: 306px;
	background: url('../images/redes/border.png');
}

.redes-link a {
	display: block;
	width: 45px;
	height: 45px;
	transition: all .2s ease-in-out;
	margin: 13px 10px;
}

.redes-link a p {
	position: absolute;
	background: #012b51;
	padding: 10px 5px;
	font-size: 13px;
	width: 130px;
	text-align: center;
	border-radius: 5px;
	color: #ffffff;
	border: 2px solid #74b0e7;
	left: 50px;
	top: 5px;
	visibility: hidden;
	opacity: 0;
}

.redes-link a:hover p {
	visibility: visible;
	opacity: 1;
}

.container-menu .vip-accounts {
	display: block;
	margin: 20px auto;
	width: 165px;
	height: 67px;
	background: url(../newimages/contasvipicone.jpg) no-repeat center/contain
}

.container-menu .shopping {
	display: block;
	margin: 20px auto;
	width: 165px;
	height: 67px;
	background: url(../newimages/itens.jpg) no-repeat center/contain
}

.container-menu .download {
	display: block;
	margin: 20px auto;
	width: 165px;
	height: 67px;
	background: url(../newimages/downloadgame.jpg) no-repeat center/contain
}

.container-menu .ranking {
	display: block;
	margin: 20px auto;
	width: 165px;
	height: 67px;
	background: url(../newimages/ranking2.jpg) no-repeat center/contain
}

.container-menu .blog {
	display: block;
	width: 169px;
	height: 162px;
	margin: auto;
	background: url(../newimages/space.png) no-repeat center/contain
}

.redes-link a:nth-child(1) {
	background: url(../images/redes/zap.png);
	background-size: contain
}

.redes-link a:nth-child(2) {
	background: url(../images/redes/zap.png);
	background-size: contain
}

.redes-link a:nth-child(3) {
	background: url(../images/redes/zap.png);
	background-size: contain
}

.redes-link a:nth-child(4) {
	background: url(../images/redes/discord.png);
	background-size: contain
}

.redes-link a:nth-child(5) {
	background: url(../images/redes/instagram.png);
	background-size: contain
}

.informations-right ul {
	font-size: 11px;
	background: url(../newimages/fundosv.jpg);
	width: 136px;
	padding: 4px
}

.informations-right ul:last-child {
	margin: 48px 0 0
}

.informations-right ul:last-child li {
	display: flex;
	align-items: center;
	text-align: left;
	width: 110px;
	margin: auto
}

.informations-right ul:last-child li span {
	left: 5px
}

.informations-right ul:last-child li span.offline {
	background: url(../newimages/gm_off.gif);
	color: transparent;
	height: 7px;
	width: 41px;
	display: block
}

.informations-right ul:last-child li span.online {
	background: url(../newimages/server_on.gif);
	color: transparent;
	height: 7px;
	width: 35px;
	display: block
}

.informations-right .title-game-master,
.informations-right .title-stastics {
	width: 190px;
	height: 49px;
	background: url(../newimages/gamemasters.jpg);
	position: absolute;
	z-index: 9;
	left: -27px;
	top: 98px
}

.informations-right .title-stastics {
	background: url(../newimages/estatisticas.jpg);
	top: 128px;
	height: 50px;
}

.informations-right .title-game-master {
	top: 293px;
}

.web-title {
	width: 720px;
	height: 38px;
	text-indent: -99999px;
	margin: 10px auto
}

.alert-web {
	padding: 15px;
	font-size: 13px;
	border: 1px solid #e61414;
	background: #facaca;
	margin: 20px -100px;
}

.alert-web-accept {
	padding: 10px;
	font-size: 12px;
	border: 1px solid #14e62c;
	background: #eaffee;
	margin: 10px 0
}

.ajax-container {
	flex: 1;
	left: -8px;
	margin-top: 33px;
	padding-left: 6px;
}

.footer {
	width: 1000px;
	margin: auto
}

.footer .partial-1 {
	width: 100%;
	height: 62px;
	background: url(../newimages/mutotal_rodape01.jpg);
	display: block
}

.footer .partial-2 {
	width: 100%;
	height: 65px;
	background: url(../newimages/mutotal_rodape02.jpg);
	display: block
}

.footer .partial-3 {
	width: 100%;
	height: 50px;
	background: url(../newimages/mutotal_rodape03.jpg);
	display: block
}

.footer .partial-4 {
	width: 100%;
	height: 28px;
	background: url(../newimages/mutotal_rodape04.jpg);
	display: block
}

.box-container,
.box-panel {
	width: 500px;
	margin: 10px auto
}

.box-container form input[type=text],
.box-container form input[type=password],
.box-container form select,
.box-panel-content input[type=text],
.box-panel-content input[type=file],
.box-panel-content select,
.box-panel-content textarea {
	width: 100% !important;
	padding: 8px;
	border-radius: 3px;
	background: #e5d6b9;
	border: 1px solid #a58666;
	color: #000
}

.box-container form p,
.box-panel-content label {
	padding: 5px 0;
	font-size: 13px
}

.box-panel-content .font-small {
	font-size: 13px
}

.box-container form p span,
.box-panel-content label span {
	color: #f30
}

.box-container form a {
	color: #000;
	text-transform: uppercase;
	font-size: 10px;
	top: -2px
}

.box-container form .submit input,
.submit input {
	width: 220px;
	background: #f30;
	padding: 10px;
	font-family: Verdana;
	font-size: 12px;
	font-weight: 700;
	color: #6e6555;
	background-color: #b9af9e;
	border: 1px solid #918877;
	display: block;
	margin: 30px auto auto;
	cursor: pointer;
	transition: all .2s ease-in-out
}

.box-container form .submit input:hover,
.submit input:hover {
	background: #a99574
}

.error-message {
	font-size: 12px;
	color: #f30;
	padding: 3px 0;
	text-transform: uppercase
}

.box-register form input[type=submit] {
	font-family: Verdana;
	font-size: 12px;
	font-weight: 700;
	color: #6e6555;
	background-color: #b9af9e;
	border: 1px solid #918877;
	text-transform: uppercase;
	margin: 10px auto;
	display: block;
	padding: 10px 15px;
	cursor: pointer
}

.box-register form input[type=submit]:hover {
	background-color: #bfac8d
}

.register {
	background: url(../newimages/top_cadastro.jpg) no-repeat;
	background-size: contain;
	width: 76%
}

.download {
	background: url(../newimages/top_downloads.jpg) no-repeat;
	background-size: contain;
	width: 76%
}

.mucash {
	background: url(../newimages/mus.jpg) no-repeat;
	background-size: contain;
	width: 76%
}

.roleta {
	background: url(../newimages/roletas.jpg) no-repeat;
	background-size: contain;
	width: 76%
}

.top-itens {
	background: url(../newimages/top_itens.jpg) no-repeat;
	background-size: contain;
	width: 76%
}

.top-commands {
	background: url(../newimages/comandos.jpg) no-repeat;
	background-size: contain;
	width: 76%
}

.top-events {
	background: url(../newimages/top_eventos.jpg) no-repeat;
	background-size: contain;
	width: 76%
}

.welcome {
	background: url(../newimages/bemvindo.jpg) no-repeat;
	background-size: contain;
	width: 76%
}

.ranking-home {
	background: url(../newimages/topranking.png) no-repeat;
	background-size: contain;
	width: 76%
}

.rankings {
	background: url(../newimages/top_ranking.jpg) no-repeat;
	background-size: contain;
	width: 76%
}

.informations {
	background: url(../newimages/top_oservidor.jpg) no-repeat;
	background-size: contain;
	width: 76%
}

.vips {
	background: url(../newimages/top_contasvip.jpg) no-repeat;
	background-size: contain;
	width: 76%
}

.box-panel-title {
	padding: 5px;
	color: #f5f4f1;
	background: #003561;
	margin: 5px -85px;
}

.box-panel-content {
	width: 500px;
	margin: auto
}

.box-panel-content table {
	background: #ebe3d7;
	width: 115%;
	font-size: 14px
}

.box-panel-content table tr th {
	color: #8b572f;
	font-weight: 400
}

.box-panel-content table tr td {
	padding: 5px;
	font-size: 12px
}

.box-panel-content table tr td a {
	padding: 3px;
	color: #fff;
	background: #4081c3;
	border-radius: 3px
}

.box-panel-content table tr td a:hover {
	background: #205080
}

.align-center {
	margin: 10px auto
}

.panel-link {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center
}

.btn {
	margin-left: 20px
}

.align-center a,
.btn {
	background: #004b8e;
	padding: 5px;
	color: #fff;
	border-radius: 5px;
	border-bottom: 2px solid #003f48;
	transition: all .2s ease-in-out;
	cursor: pointer;
	font-size: 13px;
}

.align-center a:hover {
	background: #1767af
}

.info-container h3 {
	padding: 5px;
	color: #f5f4f1;
	background: #003561;
	font-weight: 400;
	font-size: 13px;
	text-transform: uppercase;
	margin: 20px auto 10px;
	border-radius: 4px
}

.info-container p {
	padding: 5px;
	background: #e1d8c7;
	font-size: 14px
}

.info-container p a {
	color: #8b572f;
	text-decoration: underline
}

.title,
.shop-itens .item .name,
.market-items .item .name {
	font-family: Tahoma;
	font-size: 11px !important;
	color: #fff;
	background: #003561;
	padding: 6px;
	border-radius: 5px;
	margin: 0 0 5px
}

.characters {
	display: flex;
	column-gap: 5px;
	gap: 10px;
	flex-wrap: wrap;
	justify-content: center
}

.characters .character {
	color: #f6f6f6;
	display: block;
	background: #b9ae99;
	width: 100px;
	text-align: center;
	padding: 5px;
	border-radius: 5px;
	transition: background .2s ease-in-out;
	border: 1px solid #818181;
	font-size: 12px
}

.characters .character:hover {
	background: #b19b72
}

[Registrar] {
	display: flex;
	justify-content: space-around
}

[Downloads] {
	display: flex;
	justify-content: space-around
}

[Persons] {
	display: flex;
	justify-content: space-around
}

[Persons] img {
	width: 76px;
	height: 76px;
	object-fit: cover
}

[Persons] div [Information] {
	padding: 5px;
	background: rgba(0, 0, 0, .9);
	color: #fff;
	position: fixed;
	display: none;
	width: 210px;
	z-index: 9999999;
	borde-radius: 3px;
	border: 3px solid #00427e;
	font-size: 13px
}

[Persons] div [Information] p {
	padding: 3px;
	color: #39f
}

[Persons] div [Information] p span {
	float: right;
	color: #fff
}

.castle-siege {
	width: 540px;
	height: 183px
}

.month-siege {
	display: grid;
	justify-content: center;
	column-gap: 6px;
	margin: 10px 0 30px;
	grid-template-columns: repeat(2, 1fr);
}

.month-siege section p {
	background: #beb39e;
	color: #000000;
	font-weight: 600;
	font-size: 15px;
	padding: 5px;
	text-align: center;
	margin-bottom: 0px;
	position: relative;
	top: 5px;
}

.month-siege section table {
	font-size: 12px;
	position: relative;
	top: 10px;
	border-collapse: collapse;
	width: 100%;
}

.month-siege section table tr td {
	padding: 1px 3px;
	height: 27px;
}

table tbody tr:hover td {
	background: #e0dacf
}

.month-siege section table tr:nth-child(2n) {
	background: #beb39e
}

.wel-come {
	width: 500px;
	margin: 10px auto 30px;
	text-align: center
}

.wel-come p {
	font-size: 12px;
	font-weight: 600
}

.wel-come h3 {
	font-size: 17px;
	color: #f30;
	padding: 10px 0 0
}

.posts,
.web-container-default {
	width: 720px;
	margin: 10px auto;
	background: #d9d9d6
}

.posts .top-posts,
.web-container-default .web-container-top-default {
	width: 100%;
	height: 59px;
	background: url(../newimages/img_topo_centro.png) no-repeat;
	z-index: 99;
	background-size: contain
}

.posts .center-posts,
.web-container-default .web-container-center-default {
	display: flex;
	justify-content: space-between;
	top: -1px
}

.posts .image-cover img {
	width: 503px
}

.web-container-main-default {
	width: 585px;
	font-size: 15px
}

.posts .view-title-posts {
	text-align: center;
	position: relative;
	top: 25px
}

.posts .top-posts .title-notice {
	width: 250px;
	height: 23px;
	background: url(../newimages/img_topo_noticias.gif);
	text-indent: -99999px;
	top: 29px;
	left: 9px
}

.posts .center-posts .border-left,
.web-container-default .web-container-center-default .boder-container-left-default {
	width: 10px;
	height: auto;
	background: url(../newimages/noticias04.gif) repeat-y
}

.posts .center-posts .border-right,
.web-container-default .web-container-center-default .boder-container-right-default {
	width: 9px;
	height: auto;
	background: url(../newimages/noticias03.gif) repeat-y;
	z-index: 99
}

.posts .center-posts ul {
	padding: 5px;
	width: 650px
}

.posts .center-posts ul li {
	margin: 9px 0;
	border-bottom: 1px solid #9a9a9a;
	padding: 3px 0
}

.posts .center-posts ul li a {
	color: #01315f;
	text-transform: uppercase
}

.posts .center-posts ul li span {
	text-transform: uppercase
}

.posts .center-posts ul li p {
	font-size: 11px
}

.posts .bottom-posts,
.web-container-default .web-container-bottom-default {
	width: 100%;
	height: 26px;
	background: url(../newimages/noticias02.png);
	background-size: contain;
	top: -1px
}

.estrutura {
	font-weight: 600;
	font-size: 16px
}

.estrutura {
	font-weight: 700;
	font-size: 16px
}

.negrito {
	font-weight: 700
}

.menu-itens {
	margin: 5px 0 20px;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	width: 500px
}

.title-cat {
	width: 98%;
	text-align: center;
	padding: 4px;
	border-bottom: 2px solid #c0c8cf;
	margin: auto auto 10px;
	font-family: Verdana;
	color: #fff;
	background: #004b8e;
	font-size: 16px
}

.menu-type button {
	width: 80px !important
}

.menu-itens button,
.menu-type button {
	padding: 5px;
	background: rgb(0 75 142);
	color: #fcfcfc;
	margin: 5px auto;
	border-radius: 5px;
	width: 85px;
	cursor: pointer;
	transition: all .2s ease-in-out
}

.menu-itens button:hover,
.menu-type button:hover {
	background: rgb(4 45 82)
}

.menu-itens button.select,
.menu-type button.typeSelect {
	background: rgb(4 45 82)
}

.itens {
	display: none;
	width: 500px;
	padding: 10px 0;
	background: rgba(199, 199, 199, .219)
}

.sub-itens {
	display: block;
	width: 500px;
	padding: 10px 0;
	background: rgba(199, 199, 199, .219)
}

.itens.active {
	display: block
}

.itens article,
.sub-itens article {
	display: flex;
	justify-content: center;
	flex-wrap: wrap
}

.itens div,
.sub-itens div {
	width: 125px;
	height: 190px;
	padding: 5px;
	overflow: hidden;
	transition: all 1s ease-in-out
}

.item-info {
	text-align: center;
	font-size: 16px;
	letter-spacing: 1px;
	width: 98% !important
}

.previewItem {
	position: fixed;
	display: none;
	padding: 5px;
	background: rgba(0, 0, 0, .8);
	color: #fff;
	text-align: center;
	font-family: Verdana;
	font-size: 11px;
	z-index: 9999999
}

.previewItem p {
	padding: 1px 5px;
	margin: 0
}

.previewItem p span {
	color: #fff !important
}

[green] {
	color: #19ff7f
}

[blue] {
	color: #7fb2ff
}

[red] {
	color: #ff3319
}

[ancient] {
	color: #666
}

[yellow] {
	color: #ffcc19
}

[bred] {
	background-color: #ff3319
}

[bancient] {
	color: #19ff7f;
	background: #5884db
}

.castle-siege {
	display: flex;
	justify-content: center;
	position: relative;
	background: url(../newimages/fundo_siege.jpg)
}

.name-mark {
	text-align: center;
	top: 21px;
	left: -65px;
	width: 149px
}

.name-mark .mark {
	top: 16px
}

.castle-siege .next {
	top: 118px;
	font-size: 12px;
	left: -8px
}

.castle-siege .avatar-name {
	width: 100px;
	text-align: center;
	top: 50px;
	left: 60px
}

.castle-siege .avatar-name img {
	background: #fff;
	border-radius: 5px;
	top: 12px;
	width: 67px
}

.castle-siege .avatar-name .master {
	font-size: 12px;
	top: 23px
}

.warning-ranking {
	font-size: 11px;
	color: #f30;
	text-align: left !important
}

.ranking p {
	font-family: verdana;
	text-align: center
}

.events-server {
	paddning: 5px;
	background: url(../newimages/fundosv.jpg)
}

.events-server .events-spotlight span {
	display: block;
	width: 132px
}

.events-server .events-spotlight .name,
.events-server .events-spotlight .time {
	font-size: 12px;
	padding: 1px 3px
}

.events-server .events-spotlight .time:hover {
	background: #3a8ad2
}

.events-server .events-spotlight .name {
	font-size: 11px;
	padding: 3px 0
}

.events-server .events-spotlight .time {
	background: #004481;
	color: #fff;
	border-radius: 3px
}

.events-server a {
	font-size: 12px;
	color: #fff;
	margin-top: 10px;
	display: block;
	text-align: center
}

.events-server a:hover {
	background: #61aaea
}

.events-server-view {
	width: 520px;
	margin: auto
}

.events-server-view .event {
	margin: 5px 0;
	padding: 10px;
	font-size: 13px;
	background: #dcd5c9;
	border-radius: 5px
}

.events-server-view .event .time {
	background: #004481;
	margin-left: 20px;
	padding: 2px 5px;
	border-radius: 5px;
	color: #fff
}

.view-ranking {
	width: 725px;
	margin: 12px auto;
}

.view-ranking p {
	padding: 12px;
	font-family: verdana;
	font-weight: 800;
	font-size: 18px;
	color: #235782
}

.view-ranking table {
	width: 100%;
	font-size: 13.5px;
	font-family: verdana
}

.view-ranking table tbody tr:nth-child(2n) {
	background: #ccc4b6
}

.view-ranking table tbody tr td a,
.view-ranking table tbody tr td {
	color: #524b3e;
	height: 35px;
}

.view-ranking table tbody tr td:first-child {
	width: 255px;
}

.view-ranking table tbody tr td.avatar {
	width: 131px;
	text-align: left;
	font-size: 13.5px;
}

.view-ranking table tbody tr td.avatar img {
	width: 18px;
	height: 18px;
	background: #ffffff;
	border-radius: 2px;
	top: 4px;
	margin-right: 3px;
}

table tbody tr td sup {
	background: #000000;
	border-radius: 8px;
	padding: 1px 5px;
	color: #fff;
	font-size: 10px;
}

.view-ranking table tbody tr td a:hover {
	color: #686565;
	text-decoration: underline
}

.view-ranking table tbody tr td:nth-child(1) strong {
	font-size: 11px;
	color: #000;
	padding-right: 2px
}

.select-ranking {
	padding: 10px;
	border: 1px solid #6e6555;
	background: #e8e1d4;
	display: flex;
	justify-content: center;
	column-gap: 10px
}

.select-ranking select {
	width: 150px;
	font-family: Verdana;
	font-size: 13px;
	color: #6e6555;
	height: 20px;
	border: 1px solid #918877;
	background-color: #fff;
}

.list-commands tr td {
	padding: 3px
}

#curso:hover tr td {
	background: #b0b0b0;
	padding: 4px
}

.text-blue,
.text-blue a {
	color: #004b8e
}

.single-post {
	font-size: 12px;
	text-align: left;
	width: 93%
}

.breadcrumber {
	display: none;
}

.breadcrumber,
.breadcrumber a,
.saldo,
.credit-shop {
	background: #003561;
	color: #fff;
	font-size: 14px;
	padding: 5px;
}

.breadcrumber a {
	padding: 0;
	color: #0e6cba
}

.saldo,
.credit-shop {
	background: #d5cdbf;
	color: #fff
}

.saldo {
	color: #000;
	background: #d3e9d1;
	border-radius: 5px;
	border: 1px solid #83a480;
	font-weight: 700;
	text-align: center
}

.credit-shop {
	margin-top: 20px;
	border-radius: 5px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	column-gap: 15px
}

.credit-shop .desc,
.credit-shop .price {
	padding: 4px 0
}

.credit-shop .price {
	background: #003561;
	padding: 5px;
	position: relative;
	width: 101%;
	left: -1px;
	border-top: 3px solid #d5cdbf
}

.credit-shop .buy {
	padding: 10px 0 0;
	width: 101%;
	position: absolute;
	margin: 2px auto auto
}

.credit-shop a {
	background: #317cba;
	color: #fff;
	padding: 1px 10px;
	border-radius: 4px;
	margin-left: 0
}

.credit-shop a:hover {
	background: #0a5ca0
}

.credit-shop li {
	margin: 20px 0;
	padding: 5px;
	border-radius: 5px;
	width: 150px;
	text-align: center;
	border: 2px solid #003561
}

.credit-shop li img {
	width: 139px;
	height: 139px;
	object-fit: cover
}

.gateways {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 10px
}

.gateway img {
	width: 150px;
	background: #fff;
	padding: 4px;
	border-radius: 5px
}

.shop-categories,
.market-search {
	width: 154px;
	float: left
}

.shop-categories a,
.market-search a {
	color: #fff;
	font-size: 13px;
	margin: 5px 0;
	background: #1875c2;
	display: block;
	width: 100%;
	border-radius: 4px;
	padding: 2px
}

.shop-categories a:hover,
.market-search a:hover {
	background: #298adb;
}

.shop-categories input,
.market-search input {
	margin: 8px 0;
	padding: 4px;
	background: #fff;
	width: 155px;
	border-radius: 4px;
	color: #fff
}

.shop-categories input::-webkit-input-placeholder {
	color: #003561 !important;
	font-size: 11px
}

.shop-itens,
.info-itens,
.market-items {
	float: right;
	width: 381px;
	flex-wrap: wrap;
	gap: 60px 7px;
	padding: 10px;
}

.info-itens,
.market-items {
	display: flex
}

.market-items {
	gap: 10px 7px
}

.shop-itens .item,
.market-items .item {
	text-align: center;
	padding: 5px;
	border-radius: 5px;
	border: 2px solid #003561;
	width: 177px
}

.shop-itens .item .image,
.market-items .item .image {
	height: 127px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%
}

.shop-itens .item .image img,
.market-items .item .image img {
	width: 100%;
	height: 100px;
	object-fit: scale-down
}

.market-items .item {
	height: 230px;
}

.shop-itens .item .info,
.market-items .item .info {
	font-size: 11px
}

.shop-itens .item .buy a,
.market-items .item .buy a {
	position: absolute;
	margin: 20px auto auto 20px;
	font-size: 13px;
	width: 108px;
	display: block
}

.market-items .item .buy a {
	margin: 7px 0 0 31px
}

.shop-itens .item .buy a:hover,
.market-items .item .buy a:hover {
	background: #1875c2
}

.product-detail {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 540px;
	font-size: 13px;
	column-gap: 5px;
	align-items: flex-start
}

.product-detail .left {
	width: 167px;
	text-align: center;
	border: 2px solid #003561;
	border-radius: 5px;
	padding: 5px;
	margin-top: 10px
}

.product-detail .left .image {
	width: 153px;
	height: 131px
}

.product-detail .left .image img {
	max-width: 130px;
	max-height: 130px
}

.product-detail .detail {
	width: 355px;
	overflow: hidden
}

.product-detail .detail select,
.product-detail .detail input[type=text] {
	width: 350px !important
}

.box-shops {
	display: flex;
	flex-wrap: wrap;
	gap: 9px
}

.box-shops .shop .name,
.box-shops .shop .description {
	position: absolute;
	top: -80px;
	right: 45px;
	font-size: 13px;
	color: #fff
}

.box-shops .shop .description {
	top: -60px
}

.comments {
	font-size: 13px
}

.comments .desc {
	padding: 5px;
	background: #e5d6b9;
	border-radius: 3px;
	border: 1px solid #a58666;
	margin: 0 0 10px
}

.comments .info-comments {
	padding: 4px;
	background: #003561;
	border-radius: 3px;
	color: #fff
}

.comments .body {
	padding: 5px;
	background: #fff;
	border-radius: 0 0 5px 5px
}

.paginator .pagination {
	margin-top: 60px;
	float: left;
	display: flex
}

.paginator .pagination li a {
	color: #000
}

.paginator .pagination li.active {
	background: #004b8e;
	border-radius: 5px
}

.paginator .pagination li>a {
	background: #bfbcb7;
	margin: 0 3px;
	border-radius: 5px;
	display: block;
	padding: 5px
}

.paginator .pagination li>a:hover {
	color: #878787
}

.paginator .pagination li.active>a {
	background: #004b8e;
	border-radius: 5px;
	color: #fff
}

.staff-mu li strong {
	text-align: right;
	width: 70px
}

.directmarket {
	display: flex;
	justify-content: center;
	gap: 10px
}

.directmarket .market-item {
	width: 229px
}

.directmarket .market-item .box-panel,
.directmarket .market-item .box-panel input,
.directmarket .market-item .box-panel select {
	width: 229px !important
}

.directmarket .market-item .box-panel input[type=submit] {
	background: #004b8e;
	color: #fff
}

.directmarket .market-item .box-panel input[type=submit]:hover {
	background: #136ec0
}

.count-visit {
	text-align: center
}

.count-visit p {
	padding: 2px 0;
	font-size: 14px
}

.count-visit p span {
	color: green
}

.count-visit small {
	color: #f30;
	font-size: 12px
}

.players-online-view {
	display: flex;
	gap: 10px
}

.players-online-view div h2 {
	font-size: 13px;
	text-align: center;
	padding: 1rem 0
}

.players-online-view div {
	width: 150px
}

.players-online-view div table td a {
	display: block
}

.plans {
	display: flex;
	justify-content: center;
	column-gap: 20px;
	margin: 1rem 0
}

.plans .plan span {
	width: 250px;
	height: 250px;
	display: block;
	cursor: pointer
}

.plans .plan:first-child span {
	background: url(https://i.imgur.com/KYcAd3b.png)
}

.plans .plan:last-child span {
	background: url(https://i.imgur.com/0G99tmE.png)
}

.plans .plan input[type=radio] {
	display: none
}

.plans .plan span:hover,
.plans .plan input[type=radio]:checked+span {
	filter: grayscale(100%);
	transition: all .2s ease-in-out
}

.plans .plan p.price {
	position: absolute;
	z-index: 133;
	top: -8px;
	color: #fff;
	padding: 5px 15px;
	border-radius: 5px;
	background: #f16a6a;
	left: -8px;
	border: 2px solid #f16a6a;
	box-shadow: inset 0 0 15px #000
}

.market-items-home {
	display: flex;
	justify-content: center;
	gap: 6px;
	margin-bottom: 1rem
}

.market-items-home .market-item {
	text-align: center;
	background: #3a3a3a;
	width: 140px;
	padding: 5px
}

.market-items-home .market-item div.image {
	width: 93px;
	background: #565555;
	margin: auto
}

.market-items-home .market-item div.image>img {
	width: 100%;
	object-fit: scale-down;
	height: 80px
}

.market-items-home .market-item div.name {
	padding: 10px 0;
	font-size: 11px;
	min-height: 46px
}

.market-items-home .market-item div.buy {
	padding: 10px 0
}

.market-items-home .market-item div.buy a {
	left: -10px
}

.market-items-home .market-item div.buy a:hover {
	background: #0466be
}

.btn-outline-success {
	margin: auto auto 1rem;
	width: 155px;
	display: block;
	text-align: center;
	font-size: 12px
}

.btn-outline-success:hover {
	background: #0466be
}

.market-options {
	display: flex;
	justify-content: center;
	margin-top: 3rem;
	gap: 10px;
}

.market-options a {
	padding: 5px 15px;
	display: block;
	background: #004481;
	color: #fff;
	font-size: 13px;
	border-radius: 5px;
}

.market-options a:hover,
.market-options a.active {
	background: #0466be
}

.players-online {
	position: absolute;
	width: 194px;
	height: 30px;
	background: url('../images/player-online-text.png');
	left: calc(800px / 2);
	text-align: center;
	line-height: 30px;
	color: #f2f2a9;
	font-size: 13px;
	top: 405px;
	z-index: 2;
}

.toprankinghome>div.top,
.toprankinghome>div.center>div {
	display: flex;
	padding: 5px 0;
}

.toprankinghome>div.top span:nth-child(1),
.toprankinghome>div.center span:nth-child(1) {
	width: 20px;
	text-align: center
}

.toprankinghome>div.top span:nth-child(2),
.toprankinghome>div.center span:nth-child(2) {
	width: 80.44px;
}

.toprankinghome>div.top span:nth-child(3),
.toprankinghome>div.center span:nth-child(3) {
	width: 100.66px;
}

.toprankinghome>div.top span:nth-child(4),
.toprankinghome>div.center span:nth-child(4) {
	width: 46.91px;
	text-align: center;
	font-weight: bold;
}

.toprankinghome>div.top span {
	display: block;
	width: 76px;
	font-size: 13px;
	font-weight: bold;
}

.toprankinghome>div.center span {
	font-size: 12px;
	padding: 3px 2px;
}

.toprankinghome>div.center span a {
	color: #000000;
}

.toprankinghome>div.center span a:hover {
	text-decoration: underline
}

.toprankinghome>div.center>div {
	transition: all .2s ease-in-out;
	padding: 0;
	border-bottom: 2px solid #d5cdbf;
	background: #beb39e;
	display: flex;
	align-items: center;
}

.toprankinghome>div.center>div:hover {
	transform: scale(1.08);
}

.award-ranking {
	margin-bottom: 1rem;
	transition: all .3s ease-in-out;
}

.award-ranking.hidden {
	display: none;
}

.buttons-award-ranking {
	display: flex;
	gap: 5px;
	align-items: center;
	justify-content: center;
	margin-top: 1rem;
}

.buttons-award-ranking button {
	background: #004c98;
	color: #fff;
	padding: 5px 10px;
	border-radius: 3px;
	cursor: pointer
}

.buttons-award-ranking button.active {
	background: #1a67b4;
	cursor: pointer
}

.buttons-award-ranking button:hover {
	background: #1a67b4
}

.container-status.hidden {
	display: none;
}

.container-status {
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .4);
	z-index: 999
}

.container-status .view-status {
	width: 500px;
	padding: 16px;
	background: #fff;
	border-radius: 5px;
}

.container-status .view-status>a {
	padding: 3px 5px;
	font-size: 12px;
	background: #ba5840;
	color: #fff;
	border-radius: 5px;
	transation: background .4s ease;
	margin-bottom: 1rem;
	display: inline-block;
}

.container-status .view-status>a:hover {
	background: #df4d29;
}

.container-status .view-status>div h1 {
	font-size: 15px;
	padding: 6px;
	font-weight: 400;
	text-align: center;
	background: #052c72;
	border-radius: 5px;
	color: #fff;
}

.container-status .view-status>div>*:not(:last-child) {
	margin-bottom: 1rem;
}

.container-status .view-status .avatar {
	width: 100px;
	height: 100px;
	margin: auto;
	background: #f30;
}

.container-status .view-status .status {
	display: flex;
	align-items: start;
}

.container-status .view-status .status table {
	width: 100%;
	font-size: 12px;
}

.container-status .view-status .status table tr td {
	padding: 5px;
	background: #f2f2f2;
	border-radius: 5px;
	text-align: center;
}

.points-character {
	display: grid;
	grid-template-columns: repeat(3, minmax(100px, 1fr));
	gap: 4px;
}

.points-character>div {
	text-align: center;
	font-size: 13px;
	padding: 5px;
	border-radius: 5px;
	background: #ebe3d7
}

.points-character>div p span {
	font-weight: bold;
	color: #407bac;
}

.button-events {
	display: flex;
	gap: 5px;
	align-items: center;
	justify-content: center;
	margin-top: 1rem;
}

.button-events button {
	background: #004c98;
	color: #fff;
	padding: 5px 10px;
	border-radius: 3px;
	cursor: pointer
}

.button-events button.active {
	background: #1a67b4;
	cursor: pointer
}

.button-events button:hover {
	background: #1a67b4
}

.events.hidden {
	display: none;
}

.login-account {
	width: 160px;
}

.login-account form input {
	padding: 1px 1px 1px 5px;
	background: transparent;
	color: #000;
	font-size: 11px;
	width: 100%;
}

.login-account form>*:not(:last-child) {
	margin-bottom: 1.5px;
}

.login-account form div {
	background: #fff;
	padding: 2px;
	border-radius: 2px;
	display: flex;
}

.login-account form div input[type='submit'] {
	background: #00478e;
	padding: 3px 5px;
	color: #fff;
	border-radius: 2px;
	text-transform: uppercase;
	width: 40px;
}

.login-account a {
	font-size: 10px;
	color: #fff;
}

.modal-login {
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background: #2424243d;
	z-index: 99999;
	backdrop-filter: blur(11px);
	display: none;
}

.modal-login>div {
	padding: 2rem;
	background: #fff6ea;
	width: 500px;
	border-radius: 10px;
}

.modal-login>div ul {
	flex-direction: column;
}

.modal-login>div ul.info li {
	padding: 5px;
	font-size: 13px;
	color: #000;
	background: #f0e4d5;
	border-radius: 5px;
	display: flex;
	justify-content: space-between
}

.modal-login>div ul li a {
	padding: 5px;
	color: #fff;
	background: #0f467d;
	display: block;
	border-radius: 5px;
	height: 100%;
	transition: all .2s ease-in-out;
	line-height: 100%;
}

.modal-login>div ul li a:hover {
	background: #216cb8;
	color: #fff;
	border: none
}

.modal-login>div ul li:last-child a {
	background: #d2350e;
}

.modal-login>div ul li:last-child a:hover {
	background: #ef491f;
	color: #fff;
}

.modal-login .header-modal {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1rem;
	border-bottom: 1px solid #d8d8d8;
	padding-bottom: 1rem
}

.modal-login .header-modal h1 {
	font-size: 18px;
	font-weight: 400;
}

.modal-login .header-modal button {
	padding: 5px 8px;
	border-radius: 5px;
	background: #d2350e;
	transition: all .2s ease-in-out;
	color: #fff;
	cursor: pointer
}

.modal-login .header-modal button:hover {
	background: #ef491f;
}

.partial-login button {
	padding: 5px 8px;
	border-radius: 5px;
	background: #042849;
	transition: all .2s ease-in-out;
	color: #fff;
	cursor: pointer
}

.partial-login button:hover {
	background: #16446f;
}

.events-c {
	display: grid;
	justify-content: center;
	gap: .51rem;
	grid-template-columns: repeat(3, 1fr);
	margin-top: 2rem;
}

.events-c .box-event>*:not(:last-child) {
	margin-bottom: 1rem;
}

.events-c .box-event {
	padding: 1rem;
	background: #353230;
	text-align: center;
}

.events-c .box-event .image-hero {
	position: absolute;
	top: 0;
	left: 8px;
	width: 220px;
	height: 215px;
}

.events-c .box-event .image-hero.war {
	background: url('../images/devias.png');
}

.events-c .box-event .image-hero.cs {
	background: url('../images/statue.png');
}

.events-c .box-event .image-hero.king {
	background: url('../images/pvp.png');
}

.events-c .box-event .image-winner {
	width: 100px;
	height: 100px;
	margin: 7rem auto 1rem;
	background: #fff;
}

.events-c .box-event .info {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	align-items: center;
	justify-content: center;
	column-gap: .2rem;
}

.events-c .box-event .text {
	color: #f3da81;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 25px;
}

.events-c .box-event .info>div {
	background: #504944;
	border-radius: 2px;
	width: 100%;
	padding: 5px 0;
}

.events-c .box-event .info h1,
.events-c .box-event .next_confront h1 {
	font-size: 15px;
	color: #dfc35f;
	font-weight: 500;
}

.events-c .box-event .info p,
.events-c .box-event .next_confront p {
	color: #dbdbdb;
	font-size: 12px;
}

.details-mission {
	font-size: 15px;
	margin: 2rem 0
}

.details-mission .balance,
.details-mission .missions {
	padding: 5px;
	margin: .5rem 0
}

.details-mission .balance span,
.details-mission .missions span {
	background: #005ba5;
	padding: 2px 5px;
	border-radius: 5px;
	color: #fff;
}

.details-mission ul {
	margin: 1rem 0
}

.details-mission ul li {
	padding: 5px;
	background: #c8c1b5;
	border-radius: 5px;
	margin: 0 0 2px 0;
}

.details-mission label {
	padding: 5px 0;
	font-size: 13px;
	display: block;
}

.details-mission input {
	width: 100% !important;
	padding: 8px;
	border-radius: 3px;
	background: #e5d6b9;
	border: 1px solid #a58666;
	color: #000;
}

.details-mission button {
	width: 220px;
	background: #f30;
	padding: 10px;
	font-family: Verdana;
	font-size: 12px;
	font-weight: 700;
	color: #6e6555;
	background-color: #b9af9e;
	border: 1px solid #918877;
	display: block;
	margin: 30px auto auto;
	cursor: pointer;
	transition: all .2s ease-in-out;
}