* {
    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/face.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: 100%;
    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: 500px;
    font-size: 12px
}

.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;
}

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(80%);
    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: #004062;
    left: -8px;
    border: 2px solid #466285;
    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;
}