@font-face {
    font-family: padrao;
    src: url('/templates/ntoarmagedon/BebasKai.otf');
 }
 


 .claro {
    --cor-table-content-container: #f1e0c5;
    --cor-table-cotainer: #f1e0c5;
    --cor-table-td-border: #faf0d7;
    --cor-texto-titulo-td: #f1e0c5;
    --cor-texto-td: #5A2800;
    --cor-titulo-td: #553318 !important;
    --cor-gradiente-1: rgba(241, 224, 198, 0.8);
    --cor-stripped: #d5c0a1;
    --cor-a: #b34a00;
    --boxshadow-presset: #00000069 4px 4px 10px 0px;
    --border-table-presset: 1px solid #00000052;
    --caminho-fundo-tabela: url(../images/global/content/scroll2.gif);
  }
  
 .escuro {
    --cor-table-content-container: #3f322b;
    --cor-table-cotainer: #3d281b;
    --cor-table-td-border: #61524b;
    --cor-texto-titulo-td: silver;
    --cor-texto-td: silver;
    --cor-titulo-td: #553318 !important;
    --cor-stripped: #372b25;
    --cor-gradiente-1: rgba(63, 50, 43, 0.8);
    --cor-a: darkorange;
    --boxshadow-presset: #00000069 4px 4px 10px 0px;
    --border-table-presset: 1px solid #ffffff40;
    --caminho-fundo-tabela: url(../images/global/content/scrollbronw.png);
  }

body {
    background-color: #000;
  }
  
  @keyframes placeHolderShimmer {
	0% {
	  background-position: -800px 0
	}
	100% {
	  background-position: 800px 0
	}
  }
  
  .animated-background {
	animation-duration: 2s;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-name: placeHolderShimmer;
	animation-timing-function: linear;
	background-color: #F1E0C5;
	background: linear-gradient(to right, var(--cor-gradiente-1) 8%, #bbbbbb98 18%, var(--cor-gradiente-1) 33%);
	background-size: 800px 104px;
	height: 70px;
	position: relative;
  }

#NewsArchive img {
    max-width: 100%;
    height: auto;
}

.tag_box {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 2px;
}

.tag_box div{
    background-color: #b88e6b;
    font-weight: 100;
    color: #f1f1f1;
    width: fit-content;
	text-shadow: 1px 1px 0px #00000087;
    padding: 3px;
    border-radius: 3px;
    display: flex;
    text-align: center;
    letter-spacing: 2px;
    font-family: 'padrao';
    justify-content: center;
    align-items: center;
}

.mini {
    font-size:8pt;
}

.mini img{
    width: 10px;
}


  .pix-box {
    background-color: white;
    z-index: 1100;
    position: fixed;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    color: black;
    border-radius: 10px;
    overflow: hidden;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .close-button{
    color: black;
    font-weight: bold;
    width: 30px;
    cursor: pointer;
    height: 30px;
    position: absolute;
    display: flex;
    background-color: #f0f0f0;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
  }

  .overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}

.playerminitag-tool {
    color: var( --cor-texto-td);
    position: absolute;
    z-index: 999;
    pointer-events: none;
    display: none;
 }

 .playerminitag {
    padding: 10px;
    color: var( --cor-texto-td);
    font-family: Verdana, Arial, Times New Roman, sans-serif;
    text-align:center;
    background-size: cover !important;
    overflow: hidden;
    position: absolute;
    width: 300px;
    box-shadow: #00000069 0px 0px 10px 3px;
    border-radius: 15px;
	min-height: 123px;
 }

 .playerminitag table {
    border-collapse: collapse;
 }

 .borda-lateral {
    display: flex;
    align-items: center;
    width:100%;
}
/* Estilo para a barra lateral à esquerda */
.barra-lateral-esquerda {
    flex-grow: 1;
    height: 1px; /* Espessura da barra lateral */
    background: linear-gradient(to right, transparent 0%, var(--cor-texto-td) 5%, var(--cor-texto-td) 95%, transparent 100%);
}

/* Estilo para a barra lateral à direita */
.barra-lateral-direita {
    flex-grow: 1;
    height: 1px; /* Espessura da barra lateral */
    background: linear-gradient(to right, transparent 0%, var(--cor-texto-td) 5%, var(--cor-texto-td) 95%, transparent 100%);
}

/* Estilo para o texto dentro do contêiner */
.barras-laterais p {
    margin: 0; /* Remova as margens padrão do parágrafo */
}

select, textarea, input, label {
    border-radius: 5px;
}

li #theme-toggle:hover {
    cursor: pointer;
}
 
 a {
     transition: all 0.3s ease-in-out;
 }
 textarea {
     resize: none;
 }
 
 .auto {
     margin: 0 auto;
     display: block
 }
 
 .big {
     line-height: 2em
 }
 
 .med {
     line-height: 1.4em
 }

 .cookie-banner {
    font-family: monospace;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #333;
    color: #fff;
    padding: 10px;
    text-align: center;
    z-index: 1000;
}
.cookie-banner button {
    background-color: #553318;
    color: #fff;
    border: none;border-radius: 10px;
    padding: 10px 20px;
    cursor: pointer;
}

 /*Pesquisa de Personagem*/
 .pesquiserplayer {
    margin-top: 53 px;
    width: 140px;
    height: 30 px;
    font-size: 14 px;
    font-family: 'Fondamento', cursive;
    border: 2 px solid #5a280087;
    border-radius:4px;
    text-align:center;
    box-shadow:0 10px 16px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)!important}
    
.pesquiserplayer:hover {border:2px solid #4CAF50;
    box-shadow: 0 0 11px #8BC34A
}
    
#lupa {
    position: absolute;margin: -22 px 0 0 24 px;cursor: pointer;color: #d4c0a1
}

.tstable {
    position: absolute;
    margin-left: 69% ;
    text-align: left;
    background: #01010178;
    border:2px solid #8595 bb;
    padding: 9px 8px 6px 47px;
    border-radius: 0 0 10px 10px;
    color: #fff;
    margin-top: -2px;
    font: 400 9pt Verdana,Arial,Times New Roman,sans-serif;
    box-shadow: 2px 2px 18px 1px #c4ccdd;
    z-index: 10000;
    transition: all 600 ms ease-out
}

.tstable:hover {
    box-shadow: 2 px 2 px 18 px 1 px #03ff0d;
    border:2px solid #03ff0d;
    background: #343f58;
    transition: all 600ms ease-out;
    z-index:10000;
    cursor:pointer
}
.tstable img {
    position:absolute;
    margin-left:-47px;
    margin-top:-8px;
    width:43px
}
.tstable small {
    transition:all 600ms ease-out;
    display:none
}
.tstable:hover small {
    transition:all 600ms ease-out;display:block
}

/*Fim Pesquisa de Personagem*/
 
 .wiki_title {
     min-width: 350px;
     border-radius: 2px;
     transition: opacity .25s ease-in-out;
     -moz-transition: opacity .25s ease-in-out;
     -webkit-transition: opacity .25s ease-in-out;
     width: 100%;
     margin: 0 0 5px
 }
 
 .wiki_text {
     width: 100%;
     display: block;
     border: 1px solid #793d03;
     background: #fff6e9;
     border-radius: 2px;
     padding: 10px !important;
     text-align: justify;
     margin: 0 0 15px
 }
 
 .wiki_text input {
     width: 100%;
     padding: 5px
 }
 
 .wiki_text table {
     display: block;
     width: 100%
 }
 
 .wiki_logo {
     display: block;
     margin: 0 auto;
     max-width: inherit
 }
 
 #boxeventinfo {
     width: 100%;
     border-radius: 5px;
     text-align: center;
     font: 10pt Verdana, Arial, Times New Roman, sans-serif
 }
 
 .wiki_title {
     background: none;
     overflow: hidden;
     padding-top: .5em;
     padding-bottom: .17em;
     width: auto;
     text-align: left;
     font-weight: bolder;
     font-size: 17pt;
     margin: 0 0 5px
 }
 
 p {
     padding-left: 2%;
     margin: 0
 }
 
 form {
     margin: 0
 }
 
 .big {
     font-size: 1.5em
 }
 
 .med {
     font-size: 1.2em
 }
 
 .sma {
     font-size: .8em
 }
 
 .wiki_menu {
     border-right: 1px solid rgba(90, 40, 0, 0.5) !important;
     width: 180px;
     max-width: 180px;
     min-width: 180px;
     display: block;
     margin-right: 15px !important
 }
 
 .wiki_content {
     width: 75%;
     padding-right: 15px
 }
 
 .menu_destak {
     color: darkgreen
 }
 
 .menu_destak a {
     padding: 10px 10px;
     background: rgba(0, 128, 0, 0.1);
     color: darkgreen !important
 }
 
 .menu_destak a:hover {
     background: rgba(0, 128, 0, 0.2)
 }
 
 .menu_search {
     padding: 5px 10px
 }
 
 .search_input {
     float: left !important;
     width: 135px !important
 }
 
 .search_icon {
     float: left !important;
     margin: 4px !important;
     margin-right: 0 !important;
     width: 20px !important;
     border: 0 !important;
     padding: 0 !important
 }
 
 .video-container,
 .video-container iframe {
     width: 100%;
     height: 300px;
     border: 1px solid #5a2800;
     margin-bottom: -15px;
     overflow: hidden
 }
 
 .codenome-font {
     font-family: Anurati, Sans-serif, serif !important;
     text-transform: uppercase !important
 }
 
 td {
     word-wrap: break-word
 }
 
 .OptionContainer input {
     vertical-align: middle;
     margin: 0 3px 0 0
 }
 
 .OptionContainer label {
     vertical-align: middle
 }
 
 #DeactivationContainer {
     position: fixed;
     top: 0;
     left: 0;
     z-index: 200;
     min-height: 100%;
     width: 100%;
     -webkit-background-size: cover;
     background-size: cover;
     background: rgba(0, 0, 0, 0.75) fixed;
     filter: alpha(opacity=75);
     opacity: 0.75;
     -moz-opacity: 0.75;
     display: none
 }
 
 #DeactivationContainerThemebox {
     position: absolute;
     top: 0;
     left: 0;
     z-index: 95;
     width: 100%;
     display: none
 }
 
 #MainHelper1 {
     position: relative;
     top: 0;
     height: 100%;
     padding: 0 10px;
     min-width: 1000px;
     overflow: visible
 }

 #logo-site div{
    background-image: url(../images/global/content/logo.png);
    width: 320px;
    height: 118px;
    margin: 0 auto;
    background-repeat: no-repeat;
 }

.woodboxsubitem {
    position: relative;
    padding: 10px;
    background-image: url(../images/global/menu/BarraMenu.png);
    min-height: 100px;
    text-align: center;
    color: wheat;
    font-family: none;
    overflow: hidden;
    background-repeat: repeat-y!important;
}

.woodboxitem {
    width: 170px;
    width: -moz-fit-content
}

#woodbox {
    position: relative;
    left: 5px;
    top: 10px;
    background-repeat: no-repeat
}
/* =========== Top menu =========== */

#barra-topo {
    background-image: url(../images/global/content/barra-top-fit2.png);
    position: relative;
    max-width: 1300px;
    margin: 0 auto;
    height: 63px;
    background-repeat: repeat-x;
    z-index: 101;
}

#topo-pinos-d {
    background-image: url(../images/global/content/tronco-topo-r.png);
    position: absolute;
    top: 0px;
    right: -13px;
    width: 63px;
    height: 63px;
    z-index: 50;
}

#topo-pinos-e {
    background-image: url(../images/global/content/tronco-topo-l.png);
    position: absolute;
    top: 0px;
    width: 63px;
    height: 63px;
    left: -10px;
    z-index: 50;
}

#top_menu_content {
    position: absolute;
    left: 0;
    max-width: 1300px;
    height: 63px;
    right: 0;
    margin: 0 auto;
    z-index: 102;
}


#top_menu li {
    float: left;
}

#top_menu li a {
    display: flex;
    font-family: 'padrao';
    font-size: 16px;
    color: #cf9139;
    text-decoration: none;
    border-left: 2px solid rgba(7, 7, 7, 0.5);
    letter-spacing: 1px;
    padding: 16px 40px;
    align-items: center;
}

#top_menu li a:hover {
    color: #ffddad;
    background-color: rgba(20, 26, 30, 0.3);
    -webkit-box-shadow: inset 0px 0px 5px 2px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0px 0px 5px 2px rgba(0, 0, 0, 0.4);
}

#top_menu li a:active {
    color: #ffddad;
    background-color: rgba(20, 26, 30, 0.6);
    -webkit-box-shadow: inset 0px 0px 5px 2px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0px 0px 5px 2px rgba(0, 0, 0, 0.4);
}

/* We don't want half borders on the first and last ones */
#top_menu li:first-child a {
    border-left: none;
}

#top_menu li:last-child a {
    border-right: none;
}

/* Move the first link away from the panda's hand */
#top_menu  {
    display: flex;
    margin: 0;
    align-items: center;
    justify-content: center;
    list-style: none;
    height: 63px;
}

/* =========== Top menu Fim =========== */
 
 #MainHelper2 {
     margin-left: auto;
     margin-right: auto;
     top: 0;
     height: 100%;
     max-width: 1300px;
     overflow: visible;
 }
 
 #ArtworkHelper1 {
     position: absolute;
     max-width: 1200px;
     text-align: center;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     overflow: visible;
     margin-left: -800px
 }
 
 #ArtworkHelper2 {
     position: absolute;
     text-align: center;
     top: 0;
     left: 0;
     height: 100%;
     overflow: visible;
     width: 1600px;
     margin-right: auto;
     margin-left: 50%
 }
 
 #HeaderArtworkDiv {
     position: absolute;
     text-align: center;
     background: no-repeat scroll top left;
     top: 0;
     height: 800px;
     width: 100%
 }
 
 * html #HeaderArtworkDiv {
     left: 0
 }
 
 #Bodycontainer {
     text-align: center;
     min-width: 1000px;
     max-width: 1300px;
     width: 100%;
     height: 100%;
     margin: 0 auto;
     padding: 0;
     display: table
 }
 
 #MenuColumn {
    font-size: 10pt;
    font-weight: bold;
    position: absolute;
    font-family: cursive!important;
    top: 0;
    left: 0;
    width: 180px;
    margin-left: -190px;
 }
 
 * html #MenuColumn {
     top: 155px;
     margin-left: -190px
 }
 
 #ContentColumn {
     margin: 0 205px;
     text-align: left
 }
 
 * html #ContentColumn {
     width: 790px
 }
 
 #ThemeboxesColumn {
    position: absolute;
    top: 0;
    right: 0;
    width: 180px;
    margin-top: -143px;
    margin-left: 15px;
    margin-right: -190px;
    filter: alpha(opacity = 100);
}
 
 * html #ThemeboxesColumn {
     top: 5px;
     height: 1000px
 }
 
 #Footer {
    font-family: sans-serif;
    font-size: 7pt;
    text-align: center;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    vertical-align: middle;
    color: white;
 }
 
 * html #Footer {
     padding-bottom: 120px;
     margin-bottom: 50px
 }
 
 #Footer a:link {
     color: white;
     text-decoration: none
 }
 
 #Footer a:visited {
     color: white;
     text-decoration: none
 }
 
 #Footer a:focus {
     color: white;
     text-decoration: none
 }
 
 #Footer a:active {
     color: white;
     text-decoration: underline
 }
 
 #Footer a:hover {
     color: white;
     text-decoration: underline
 }
 
 .hidden {
     display: none
 }

 /*Inicio Menu Esquerdo*/
 
 #LeftArtwork {
     position: absolute;
     height: 140px;
     width: 166px;
     top: -140px;
     left: 4px;
     background-repeat: no-repeat;
     z-index: 5
 }
 
 #LeftArtwork #TibiaLogoArtworkTop {
     position: absolute;
     top: -17px;
     left: -17px;
     height: 158px;
     width: 203px;
     z-index: 5;
     cursor: pointer;
     border: 0
 }
 
 #LeftArtwork #LogoLink {
     position: absolute;
     bottom: 14px;
     left: 58px;
     height: 14px;
     width: 50px;
     z-index: 99;
     cursor: pointer
 }
 
 #RightArtwork {
    text-align: left;
    position: absolute;
    top: 137px;
    right: 24px;
    width: 132px;
    background-repeat: no-repeat;
}
 
 #RightArtwork #Monster {
     position: absolute;
     z-index: 106;
     cursor: pointer
 }
 
 #RightArtwork #MonsterAndOnline {
     position: absolute;
     height: 80px;
     width: 80px;
     top: -136px;
     left: 9px;
     z-index: 106;
     cursor: pointer
 }
 
 #PedestalAndOnline {
    position: absolute;
    left: -10px;
    top: -125px;
    width: 153px;
}
 
 #Pedestal {
     position: absolute;
     left: -4px;
     top: -66px;
     width: 153px;
     height: 69px;
     z-index: 105
 }
 
 #RightArtwork #PlayersOnline {
     font-family: Verdana, Arial, Times New Roman, sans-serif;
     font-size: 7pt;
     line-height: 8pt;
     text-align: center;
     position: absolute;
     width: 92px;
     bottom: 10px;
     left: 21px;
     color: #ffffff;
     border-bottom: 1px solid #010101;
     cursor: pointer;
     z-index: 50
 }
 
 #Loginbox {
     position: relative;
     left: 5px;
     background-image: url(../images/global/menu/BarraMenu.png);
     top: 8px;
     width: 100%;
     margin-bottom: 50px;
     background-repeat: repeat-y;
 }
 
 #Loginbox #LoginTop {
     position: absolute;
     left: -5px;
     top: -21px;
     height: 27px;
     width: 180px;
     background-repeat: no-repeat;
 }
 
 #Loginbox #LoginBottom {
     position: absolute;
     top: 60px;
     left: -5px;
     height: 27px;
     width: 180px;
     background-repeat: no-repeat;
 }
 
 #Loginbox .LoginBorder {
     position: absolute;
     top: 0;
     height: 52px;
     width: 8px;
     background-repeat: repeat-y;
     z-index: 10
 }
 
 #Loginbox #BorderRight {
     right: 9px
 }
 
 #Loginbox .Loginstatus {
     position: relative;
     top: 7px;
     left: 5px;
     height: 22px;
     width: 160px;
 }
 
 #Loginbox .LoginstatusText {
     position: absolute;
     top: 1px;
     left: 18px;
     width: 124px;
     height: 11px;
     cursor: pointer
 }
 
 #Loginbox #LoginstatusText_1 {
     visibility: visible
 }
 
 #Loginbox #LoginstatusText_2 {
     visibility: hidden
 }
 
 #Loginbox #LoginButtonContainer {
     position: relative;
     height: 39px;
     width: 160px;
     top: 4px;
     left: 5px;
     background-repeat: repeat-y;
 }
 
 #PlayNowContainer {
     position: absolute;
     width: 150px;
     height: 37px;
     top: 1px;
     left: 5px;
     z-index: 99
 }
 
 #PlayNowContainer form {
     margin: 0;
     padding: 0;
     border: 0
 }
 
 .BigBoldText {
     font-weight: bold;
     font-size: 14pt
 }
 
 .SmallMenuBox {
    position: relative;
    left: 5px;
    color: #cfb086;
    width: 170px;
    font-size: 7pt;
    padding: 5px 0;
    font-family: sans-serif;
    text-align: center;
    background-image: url(../images/global/menu/BarraMenu.png);
    margin-bottom: 50px;
    background-repeat: repeat-y;
}
 
 .SmallMenuBox #LoginTop {
     position: absolute;
     left: -5px;
     top: -21px;
     height: 27px;
     width: 180px;
     background-repeat: no-repeat;
 }
 
 .SmallMenuBox #LoginBottom {
    position: absolute;
    left: -5px;
    height: 27px;
    bottom: -24px;
    margin: 0;
    width: 180px;
    background-repeat: no-repeat;
}
 
 .SmallMenuBox .LoginBorder {
     position: absolute;
     top: 0;
     height: 52px;
     width: 8px;
     background-repeat: repeat-y;
     z-index: 10
 }
 
 .SmallMenuBox #BorderRight {
     right: 9px
 }
 
 .SmallMenuBox .Loginstatus {
     position: relative;
     top: 0;
     left: 5px;
     height: 13px;
     width: 160px
 }
 
 .SmallMenuBox .LoginstatusText {
     position: absolute;
     top: 1px;
     left: 18px;
     width: 124px;
     height: 11px;
     cursor: pointer
 }
 
 .SmallMenuBox #LoginstatusText_1 {
     visibility: visible
 }
 
 .SmallMenuBox #LoginstatusText_2 {
     visibility: hidden
 }
 
 .SmallMenuBox #LoginButtonContainer {
     position: relative;
     height: 39px;
     width: 160px;
     left: 5px;
     background-repeat: repeat-y;
     z-index: 1
 }
 
 #PlayNowContainer {
     position: absolute;
     width: 150px;
     height: 37px;
     top: 1px;
     left: 5px;
     z-index: 99
 }
 
 #PlayNowContainer form {
     margin: 0;
     padding: 0;
     border: 0
 }
 
 .BigBoldText {
     font-weight: bold;
     font-size: 14pt
 }
 
 #Menu {
     position: relative;
     left: 5px;
     top: 0;
     background-repeat: no-repeat
 }
 
 #MenuTop {
     position: absolute;
     left: -5px;
     top: -21px;
     height: 27px;
     width: 180px;
     background-repeat: no-repeat;
 }
 
 #MenuBottom {
    position: relative;
    left: 0px;
    bottom: 0px;
    height: 27px;
    width: 180px;
    background-repeat: no-repeat;
}
 
 .MenuButton {
     position: relative;
     height: 32px;
     width: 170px;
     display: block;
     cursor: pointer
 }
 
 .Button {
     position: relative;
     height: 32px;
     width: 170px;
     display: block
 }
 
 .Extend {
     position: absolute;
     top: 20px;
     right: -2px;
     height: 12px;
     width: 12px;
     background-repeat: no-repeat
 }
 
 .light_lu {
     position: absolute;
     top: 2px;
     left: 3px;
     height: 2px;
     width: 2px;
     background-repeat: no-repeat
 }
 
 .light_ru {
     position: absolute;
     top: 2px;
     right: 3px;
     height: 2px;
     width: 2px;
     background-repeat: no-repeat
 }
 
 .light_ld {
     position: absolute;
     height: 2px;
     width: 2px;
     top: 28px;
     left: 3px
 }
 
 .light_rd {
     position: absolute;
     top: 28px;
     right: 3px;
     height: 2px;
     width: 2px;
     background-repeat: no-repeat
 }
 
 .Lights {
     visibility: hidden
 }
 
 .Icon {
     position: absolute;
     height: 32px;
     width: 32px;
     top: 0;
     left: 8px
 }
 
 .Label {
    position: absolute;
    top: -8px;
    left: 29px;
 }
 
 .menuitem {
     width: fit-content;
     width: -moz-fit-content
 }
 
 .Submenuitem {
    position: relative;
    margin: 0;
    padding: 0;
    height: 40px;
    display: flex;
    text-align: center;
    font-size: 9pt;
    font-family: sans-serif;
    justify-content: center;
    align-items: center;
 }

 .Submenu {
     position: relative;
     margin: 0 auto;
 }
 
 .ActiveSubmenuItemIcon {
     margin-right: 2px;
     margin-left: -11px;
     width: 10px;
     height: 10px;
     visibility: hidden;
 }
 
 .Submenu a {
    color: #cfb086 !important;
}
 
 .Submenu a:hover {
     color: #d2d8d9!important;
 }

  /*Fim Menu Esquerdo*/
 
 * html .Content {
     top: -5px
 }
 
 .Content {
     position: relative;
     max-width: 900px;
     top: 0;
     width: 100%;
     z-index: 100
 }
 
 .outfitImgsell2 {
     background: no-repeat right bottom;
     width: 20px;
     position: relative;
     left: -11px;
 }
 
 .outfitImgsell {
     background: no-repeat right bottom;
     width: 64px;
     height: 64px;
     margin-left: -27px;
     margin-top: -21px
 }
 
 .depot {
     height: 100%;
     background: -webkit-linear-gradient(top, #088fad 20%, #00d5ff 100%)
 }
 
 .depot-item {
     width: 15%;
     height: 8vw;
     border: 1px solid #fff;
     margin: 2px;
     float: left;
     text-align: center;
     padding: .2vw 0 .2vw 0;
     min-width: .5vw
 }
 
 .Outfit {
     background: no-repeat right bottom;
     width: 64px;
     height: 64px;
     position: relative;
     top: 8px;
     left: 20px;
     margin-left: -64px;
     margin-top: -64px
 }

 @keyframes fadein {
    from {
        opacity: 0; /* Início da animação: elemento invisível */
    }
    to {
        opacity: 1; /* Fim da animação: elemento totalmente visível */
    }
}

 
 #preload {
     animation: fadein 1s ease-in-out
 }
 
 * html .Content {
     position: relative;
     top: 796px;
     margin: 20px;
     border: 0 dashed #051122;
     border-right-width: 550px
 }
 
 #ContentHelper {
     position: relative
 }
 
 * html #ContentHelper {
     display: inline-block;
     position: relative;
     top: -800px;
     margin: -20px;
     margin-right: -570px
 }

/* Seção Slider */

.BoxContentSlider{
    overflow: hidden;
    position: relative;
    z-index: 0;
}
   
 #slider{
    overflow: hidden;
    height: 210px;
    margin-left: 3px;
    max-width: 847px;
}
   
/* Fim Seção Slider */

 /*Inicio Content Container*/
    
 .Content .Box {
     position: relative;
     margin: 5px 5px 18px;
     box-shadow: #000000c4 0px 0px 6px 2px;
     color: #5A2800;
     background: #4b3b2f;
     overflow: visible;
     background-image:url(../images/global/content/scroll.gif);
 }

 .Content .BoxContent {
     font-family: Verdana, Arial, Times New Roman, sans-serif;
     font-size: 9pt;
     color: #ffffff;
     padding: 20px;
 }
 
 * html .Content .Box {
     width: 100%
 }
 
 * html .Content .BoxContent {
     width: 100%
 }
 
 .Content th {
     font-family: Verdana, Arial, Times New Roman, sans-serif;
     font-size: 10pt;
     font-weight: bold;
     color: var(--cor-texto-titulo-td);
     background-color: var(--cor-titulo-td)
 }
 
 .Content .BoxContent td {
     font-family: Verdana, Arial, Times New Roman, sans-serif;
     font-size: 10pt;
     color: var(--cor-texto-td);
 }
 
 .Content a {
     font-family: Verdana, Arial, Times New Roman, sans-serif;
     font-weight: bold;
     color: var(--cor-a);
     text-decoration: none
 }
 
 .Content a:hover {
     font-family: Verdana, Arial, Times New Roman, sans-serif;
     font-weight: bold;
     color: #7e3500;
 }
 
 .Content .HelpLink {
     font-size: 7pt;
     cursor: pointer
 }
 
 .TableHeadlineNavigation {
     margin-top: 4px;
     font-size: 8px;
     float: right
 }
 
 .TableHeadlineNavigation a {
     color: white
 }
 
 .TableHeadlineNavigation a:hover {
     color: white
 }
 
 .Content .Corner-tl {
    position: absolute;
    transform: scale(1.5);
    top: -6px;
    left: -6px;
    width: 17px;
    height: 17px;
    z-index: 50;
 }
 
 .Content .Corner-tr {
    position: absolute;
    transform: scale(1.5);
    top: -7px;
    right: -8px;
    width: 17px;
    height: 17px;
    z-index: 50;
 }   
 
 .Content .pinos-d {
     position: absolute;
     top: 0px;
     right: -10px;
     width: 35px;
     height: 28px;
     z-index: 50;
 }
 
 .Content .pinos-e {
     position: absolute;
     top: 0px;
     width: 35px;
     left: -10px;
     height: 28px;
     z-index: 50;
     transform: scaleX(-1);
 }
 
 .Content .BottomCornersHelper {
     position: absolute;
     width: 100%
 }
 
 .Content .CornerWrapper-b {
     position: absolute;
     width: 100%
 }
 
 .Content .Corner-bl {
    position: absolute;
    transform: scale(1.5);
    bottom: -4px;
    left: -6px;
    width: 17px;
    height: 17px;
    z-index: 50;
 }
 
 .Content .Corner-br {
     position: absolute;
     transform: scale(1.5);
     bottom: -3px;
     right: -8px;
     width: 17px;
     height: 17px;
     z-index: 50;
 }
 
 /* .Box::before  {
    content: "";
    position: absolute;
    height: 9px;
    top: -2px;
    transform: rotate(180deg);
    width: 100%;
    background-repeat: repeat-x;
    z-index: 1;
     background-image:url(../images/global/content/border-1.gif);
 } */

/* .Box::after {
    content: "";
    position: absolute;
    height: 9px;
    bottom: -2px;
    z-index: 1;
    transform: rotate(180deg);
    width: 100%;
    background-repeat: repeat-x;
    background-image:url(../images/global/content/border-1.gif);
} */

#BoxContentGeneral::before{
    position: absolute;
    height: 100%;
    top: 0px;
    width: 9px;
    left: -3px;
    background-repeat: repeat-y;
    background-image:url(../images/global/content/border-2.gif);
 }
 
 .Border_8{
    position: absolute;
    height: 100%;
    top: 0px;
    width: 14px;
    left: -5px;
    background-repeat: repeat-y;
    background-image:url(../images/global/content/border-2.gif);
 }

 .Border_8r{
    position: absolute;
    height: 100%;
    top: 0px;
    width: 14px;
    right: -5px;
    background-repeat: repeat-y;
    background-image:url(../images/global/content/border-2.gif);
 }

 .BarraInfo {
    position: relative;
    height: 25px;
    padding: 5px;
    background-repeat: round;
    background-image:url(../images/global/content/title-background-green.gif)
 }
 
 .Content .BorderTitleText {
    /* box-shadow: #000000a3 0px 5px 4px 0px; */
    position: relative;
    height: 45px;
    margin: 0 auto;
    max-width: 900px;
    z-index: 99;
    background-repeat: round;
 }
 
 .Content .Title {
     position: absolute;
     top: 20px;
     left: 50%;
     transform: translate(-50%, -50%);
 }
 
 .Content .ScrollableTextBox {
     height: 125px;
     padding: 3px;
     margin-right: 5px;
     overflow-y: scroll;
     font-family: Courier New, serif;
     border: 1px solid grey;
     font-weight: normal !important;
     background-image: url(../images/global/content/scroll.gif)
 }
 
 .Content .BoxContent .ScrollableTextBox td {
     font-family: Courier New, serif
 }

 /*Fim Content Container*/
 
 .Themebox {
    position: relative;
    margin-bottom: 20px;
    top: 140px;
    width: 180px;
    min-height: 154px;
 }

 .Themebox .Border_8{
z-index: -1;
 }

 #Multibox {
    display: flex;
    justify-content: center;
 }
 
 #MultiboxTitle {
    position: absolute;
    width: 185px;
    z-index: 10000;
    height: 30px;
}

 #MultiBoxContent {
    
    position: relative;
    width: 164px;
    padding: 10px 0px;
    margin-top: 27px;
    margin-bottom: 12px;
    min-height: 120px;
 }

 .NewThemebox {
    background-repeat: repeat;
    position: relative;
    margin-bottom: 10px;
    top: 160px;
    width: 180px;
}

 #Themeboxes div {
     font-size: 9pt;
     background-repeat: no-repeat
 }
 
 #Themeboxes .ThemeboxButton {
     position: absolute;
     bottom: 20px;
     left: 22px;
     height: 25px;
     width: 135px;
     cursor: pointer
 }
 
 #Themeboxes .Bottom {
     position: absolute;
     bottom: 0;
     left: 0;
     height: 12px;
     width: 180px
 }
 
 * html #Themeboxes .Bottom {
     bottom: -3px
 }
 
 #Themeboxes #NewcomerBox .ThemeboxButton {
     bottom: 15px
 }
 
 #Themeboxes #PremiumBox {
     height: 182px;
     margin-top: -17px;
     margin-left: 1px;
     z-index: 1000;
 }
 
 #Themeboxes #JobBox {
     height: 164px
 }
 
 #TrailerBox {
     position: relative;
     top: 100px
 }
 
 #TrailerIdleFrame {
     position: absolute;
     top: 31px;
     left: 5px
 }
 
 #TrailerOverFrame {
     position: absolute;
     top: 31px;
     left: 5px;
     visibility: hidden;
     cursor: pointer
 }
 
 #Themeboxes #Serverinfobox #ScreenshotContentFrame {
     position: relative;
     height: 111px;
     width: 166px;
     top: 100px;
     left: 2px;
     margin-left: 5px;
     margin-right: 5px;
     border: 0;
     cursor: pointer
 }
 
 #Themeboxes #Serverinfobox #ScreenshotContentImageContainer {
     position: absolute;
     top: 35px;
     left: 5px;
     overflow: hidden;
     width: 160px;
     height: 104px;
     margin-left: 5px
 }
 
 #Themeboxes #Serverinfobox #ScreenshotContentImage {
     position: absolute;
     width: 974px;
     height: 621px;
     left: -400px;
     top: -200px
 }
 
 #Themeboxes #Serverinfobox {
     position: relative;
 }
 
 #Themeboxes #ScreenshotBox #ScreenshotContentFrame {
     position: relative;
     height: 111px;
     width: 166px;
     top: 33px;
     left: 2px;
     margin-left: 5px;
     margin-right: 5px;
     border: 0;
     cursor: pointer
 }
 
 #Themeboxes #ScreenshotBox #ScreenshotContentImageContainer {
     position: absolute;
     top: 35px;
     left: 5px;
     overflow: hidden;
     width: 160px;
     height: 104px;
     margin-left: 5px
 }
 
 #Themeboxes #ScreenshotBox #ScreenshotContentImage {
     position: absolute;
     width: 974px;
     height: 621px;
     left: -400px;
     top: -200px
 }
 
 #Themeboxes #ScreenshotBox {
     position: relative;
     top: 100px
 }
 
 #Themeboxes #CurrentPollText {
     font-family: Verdana, Arial, sans-serif;
     font-weight: bold;
     line-height: 11pt;
     color: #5A2800;
     position: absolute;
     height: 70px;
     width: 150px;
     top: 37px;
     left: 15px;
     padding-top: 5px;
     overflow: hidden;
     text-align: center
 }
 
 #CurrentPollBox {
     position: relative;
     top: 100px
 }
 
 #TranslatorBox {
     position: relative;
     overflow: hidden;
     top: 100px
 }
 
 #Themeboxes #TranslatorBox {
     position: relative;
     overflow: hidden;
     height: 100px
 }
 
 #Themeboxes #TranslatorBox #Translator {
     position: relative;
     overflow: hidden;
     top: 40px;
     left: 19px
 }
 
 #Themeboxes #FansiteBox {
     position: relative;
     height: 188px;
     text-align: center
 }
 
 #Themeboxes #FansiteLogoFrame {
     position: relative;
     top: 31px;
     width: 180px;
     height: 145px
 }
 
 #Themeboxes #FansiteLogo {
     position: relative;
     height: 100px;
     width: 150px;
     top: 8px;
     border: 0;
     cursor: pointer
 }
 
 #Themeboxes #FansiteBox .ThemeboxButton {
     bottom: 19px
 }
 
 #Themeboxes #TopBox {
     position: relative;
     height: 227px
 }
 
 #TopBox {
     color: #000
 }
 
 .TopBoxPlayers {
     position: relative;
     top: 50px;
     left: 20px
 }
 
 .TopBoxPlayers a {
     color: #5b4014;
     font-size: 12px
 }
 
 .TopBoxPlayers a:hover {
     color: #544545;
     text-decoration: none
 }
 
 .TopBoxPlayers .playerTopLevel {
     margin-left: 25px;
     font-weight: 600
 }
 
 .TopBoxPlayers span {
     display: block
 }
 
 .TopBoxPlayers div {
     padding-top: 3px
 }
 
 #Themeboxes #NetworksBox {
     position: relative;
     height: 204px;
 }
 
 #Themeboxes #NetworksBox #FacebookBlock {
     position: relative;
     top: 32px;
     height: 113px
 }
 
 #Themeboxes #VideoBlock {
     position: absolute;
     left: 5px;
     top: 32px;
     height: 113px
 }
 
 #Themeboxes #VideoBox {
     position: relative;
     top: 102px;
     height: 144px
 }
 
 #Themeboxes #NetworksBox #FacebookPageLink {
     position: absolute;
     left: 16px;
     top: 12px;
     height: 50px;
     width: 50px
 }
 
 #Themeboxes #NetworksBox #FacebookLikeButton {
     position: absolute;
     left: 70px;
     top: 40px
 }
 
 #Themeboxes #NetworksBox #FacebookShareButton {
     position: absolute;
     left: 70px;
     top: 14px
 }
 
 #Themeboxes #NetworksBox #FacebookLikes {
     position: relative;
     top: 75px;
     width: 155px;
     left: 13px;
     overflow: hidden
 }
 
 #Themeboxes #NetworksBox #FacebookLikes div {
     position: relative;
     left: -95px
 }
 
 #Themeboxes #NetworksBox #TwitterBlock {
     position: relative;
     top: 47px;
     text-align: center
 }
 
 #Themeboxes #CMTrackerBox {
     position: relative;
     height: 204px
 }
 
 #Themeboxes #CMTrackerBox #CMTrackerContent {
     position: relative;
     top: 45px;
     height: 135px;
     padding-left: 20px;
     padding-right: 20px;
     font-size: 8px
 }
 
 #Themeboxes #CMTrackerBox #CMTrackerContent div {
     font-family: Verdana, Arial, Times New Roman, sans-serif;
     font-size: 8pt;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
     width: 140px
 }
 
 #Themeboxes #CMTrackerBox #CMTrackerContent .CMTrackerPostArrow {
     width: 10px;
     height: 9px;
     margin-right: 2px
 }
 
 #Themeboxes #CMTrackerBox #CMTrackerContent .CMTrackerTitle {
     margin-bottom: 2px
 }
 
 #Themeboxes #CMTrackerBox #CMTrackerContent .CMTrackerMoreLink {
     position: absolute;
     bottom: 0;
     text-align: right
 }
 
 .Content .BoxContent td .white {
     color: #EFEFEF;
     visibility: visible
 }
 
 .Content .BoxContent td .whites {
     color: #EFEFEF;
     visibility: visible;
     font-size: 9pt
 }
 
 .Content .BoxContent .white {
     color: #EFEFEF;
     visibility: visible
 }
 
 .Content .BoxContent td .green {
     color: #00BF00
 }
 
 .Content .BoxContent td .yellow {
     color: #FFBB05
 }
 
 .Content .BoxContent td .red {
     color: #EF0000
 }
 
 .Content .BoxContent td .grey {
     color: #808080
 }
 
 .Content .BoxContent td .orange {
     color: #FF9712
 }
 
 .Content .BoxContent .ff_info {
     font-family: Verdana, Arial, Times New Roman, sans-serif;
     font-size: 10pt;
     color: #5A2800;
     visibility: visible
 }
 
 .Content .ff_white a {
     color: #FFFFFF
 }
 
 .Content .BoxContent .ff_white {
     font-family: Verdana, Arial, Times New Roman, sans-serif;
     color: #EFEFEF;
     visibility: visible;
     font-size: 7pt;
     font-weight: bold
 }
 
 .Content .BoxContent .ff_red {
     font-family: Verdana, Arial, Times New Roman, sans-serif;
     color: #EF0000;
     visibility: visible;
     font-size: 8pt;
     font-weight: bold
 }
 
 .Content .BoxContent .ff_whitelarge {
     font-family: Verdana, Arial, Times New Roman, sans-serif;
     color: #EFEFEF;
     visibility: visible;
     font-size: 9pt;
     font-weight: bold
 }
 
 .Content .BoxContent .ff_info {
     font-family: Verdana, Arial, Times New Roman, sans-serif;
     font-size: 8pt;
     color: #5A2800;
     visibility: visible
 }
 
 .Content .BoxContent .ff_infotext {
     font-family: Verdana, Arial, Times New Roman, sans-serif;
     font-size: 8pt;
     color: #5A2800;
     visibility: visible;
     line-height: 12pt
 }
 
 .Content .BoxContent .ff_smallinfo {
     font-family: Verdana, Arial, Times New Roman, sans-serif;
     font-size: 7pt;
     color: #5A2800;
     visibility: visible
 }
 
 .Content .BoxContent .ff_large {
     font-family: Verdana, Arial, Times New Roman, sans-serif;
     font-size: 12pt;
     color: #5A2800;
     visibility: visible
 }
 
 .Content .BoxContent .ff_pagetext {
     font-family: Verdana, Arial, Times New Roman, sans-serif;
     font-size: 9pt;
     color: #5A2800;
     visibility: visible;
     line-height: 13pt
 }
 
 .Content .BoxContent .ff_pagetextgrey {
     font-family: Verdana, Arial, Times New Roman, sans-serif;
     font-size: 9pt;
     color: #505050;
     visibility: visible;
     line-height: 13pt
 }
 
 .Content .BoxContent .ff_pagetextred {
     font-family: Verdana, Arial, Times New Roman, sans-serif;
     font-size: 9pt;
     color: #F00;
     visibility: visible;
     line-height: 13pt
 }
 
 .Content .BoxContent .ff_correct {
     font-family: Verdana, Arial, Times New Roman, sans-serif;
     font-size: 11pt;
     color: #FF0000;
     visibility: visible;
     font-weight: bold
 }
 
 .PaymentOrderTypeImage {
     width: 81px;
     height: 80px;
     margin-right: 5px
 }
 
 .PaymentMethodBrandingSmall {
     width: 48px;
     height: 30px
 }
 
 .PaymentMethodBrandingBig {
     width: 103px;
     height: 65px
 }
 
 .PaymentResultImage {
     float: left;
     margin-right: 8px;
     margin-top: 3px;
     width: 62px;
     height: 60px
 }
 
 .FormFieldError {
     font-size: 8pt;
     color: red
 }
 
 .SmallBox {
     position: relative;
     font-size: 1px;
	 margin: 0 3px;
 }
 
 .SmallBox .ErrorMessage {
     font-size: 8pt;
     position: relative;
     background-image: var(--caminho-fundo-tabela);
     min-height: 40px;
     background-color: var(--cor-table-content-container);
     border: var(--border-table-presset);
     border-radius: 5px;
     padding: 10px;
     box-shadow: var(--boxshadow-presset);
 }
 
 .SmallBox .AttentionSign {
     margin-right: 8px;
     width: 50px;
 }
 
 .SmallBox .SuccessMessage {
     font-size: 10pt;
     position: relative;
     color: green;
     height: 100%;
     background-color: #d4c0a1;
     padding: 8px 8px 8px 43px
 }
 
 .SmallBox .Message {
    font-size: 10pt;
    position: relative;
    border-radius: 5px;
    border: var(--border-table-presset);
    height: 100%;
    background-color: var(--cor-table-content-container);
    padding: 10px;
 }
 
 .SmallBox .ErrorMessage ul {
     padding-left: 15px
 }
 
 .SmallBox .BoxFrameHorizontal {
     position: relative;
     height: 4px
 }
 
 .SmallBox .BoxFrameVerticalRight {
     position: absolute;
     right: 0;
     top: 0;
     width: 3px;
     background-repeat: repeat-y;
     height: 100%
 }
 
 .SmallBox .BoxFrameVerticalLeft {
     position: absolute;
     left: 0;
     top: 0;
     width: 3px;
     background-repeat: repeat-y;
     height: 100%
 }
 
 .SmallBox .MessageContainer {
     position: relative;
     height: 100%
 }
 
 .SmallBox .BoxFrameEdgeLeftTop {
     position: absolute;
     left: -1px;
     top: -1px;
     width: 5px;
     height: 5px
 }
 
 .SmallBox .BoxFrameEdgeLeftBottom {
     position: absolute;
     left: -1px;
     bottom: -1px;
     width: 5px;
     height: 5px
 }
 
 .SmallBox .BoxFrameEdgeRightTop {
     position: absolute;
     right: -1px;
     top: -1px;
     width: 5px;
     height: 5px
 }
 
 .SmallBox .BoxFrameEdgeRightBottom {
     position: absolute;
     margin-right: 20px;
     right: -1px;
     bottom: -1px;
     width: 5px;
     height: 5px
 }
 
 #BrowserIssuesBox #DownloadClientContainer {
     float: right;
     text-align: center;
     margin-right: 5px
 }
 
 #BrowserIssuesBox #DownloadClientContainer img {
     height: 45px
 }
 
 #ProgressBar #Headline {
     text-align: center;
     font-size: 14pt;
     font-weight: bold;
     margin-bottom: 5px
 }
 
 #ProgressBar #MainContainer {
     position: relative;
     top: 10px;
     height: 50px;
     margin-bottom: 25px
 }
 
 #ProgressBar #BackgroundContainer {
     position: relative;
     width: 100%
 }
 
 #ProgressBar #BackgroundContainerLeftEnd {
     position: absolute;
     float: left
 }
 
 #ProgressBar #BackgroundContainerCenter {
     position: absolute;
     left: 0;
     top: 0;
     height: 17px;
     width: 100%
 }
 
 #ProgressBar #BackgroundContainerCenterImage {
     position: relative;
     margin-left: 25px;
     margin-right: 25px;
     height: 17px
 }
 
 #ProgressBar #BackgroundContainerRightEnd {
     position: absolute;
     right: 0;
     top: 0;
     float: right
 }
 
 #ProgressBar #TubeLeftEnd {
     position: absolute;
     left: 25px;
     top: 4px
 }
 
 #ProgressBar #TubeRightEnd {
     position: absolute;
     right: 25px;
     top: 4px;
     z-index: 0
 }
 
 #ProgressBar .Steps {
     position: relative;
     height: 39px;
     font-size: 9px;
     float: left;
     top: -11px;
     margin-left: -1px
 }
 
 #ProgressBar #StepsContainer1 {
     text-align: right;
     margin-left: 92px;
     margin-right: 40px;
     height: 10px
 }
 
 #ProgressBar #StepsContainer2 {
     width: 100%;
     height: 10px
 }
 
 #ProgressBar .TubeContainer {
     position: relative;
     padding-right: 47px
 }
 
 #ProgressBar .Tube {
     position: relative;
     top: 14px;
     left: 0;
     width: 100%;
     height: 7px;
     background: #FFFFFF none repeat scroll 0
 }
 
 * html #ProgressBar .Tube {
     top: 13px
 }
 
 #ProgressBar .SingleStepContainer {
     position: absolute;
     top: 0;
     width: 47px;
     height: 30px;
     right: 0;
     text-align: center
 }
 
 #ProgressBar #FirstStep .SingleStepContainer {
     left: 45px;
     width: 47px;
     position: absolute
 }
 
 #ProgressBar .StepIcon {
     position: absolute;
     right: 0
 }
 
 * html #ProgressBar .StepIcon {
     right: -1px
 }
 
 #ProgressBar #FirstStep .StepIcon {
     top: 0;
     left: 0
 }
 
 #ProgressBar .StepText {
     top: 40px;
     position: absolute;
     width: 200px;
     right: -77px
 }

 .loadingIndicator {
    display: none;
    position: relative;
    margin: 30px auto;
    border-top: 1px solid #3498db;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    bottom: 0px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
 
 .TableContainer {
     position: relative;
     margin-bottom: 30px;
     width: 100%;
     font-size: 1px;
 }

 .FirstTdMsg {
    padding: 20px!important;
 }
 
 .TableContainer .Odd {
 }
 
 .TableContainer .Even {
     background-color: #d5c0a1
 }
 
 .TableContainer .CaptionContainer {
     position: relative;
     font-size: 1pt;
     background-color: #5f4d41 !important;
     height: 100%;
     width: 100%;
     text-align: left
 }
 
 .CaptionContainer .CaptionInnerContainer {
     position: relative;
     background-color: #5f4d41;
     width: 100%;
     height: 100%;
     padding-top: 3px;
     padding-bottom: 4px
 }
 
 .CaptionContainer .Text {
     font-family: Verdana, Arial, Times New Roman, sans-serif;
     font-size: 10pt;
     font-weight: bold;
     text-align: left;
     color: white;
     padding-left: 10px;
     padding-top: 0;
     padding-bottom: 0
 }
 
 .CaptionContainer .CaptionEdgeLeftTop {
     position: absolute;
     width: 5px;
     height: 5px;
     top: -2px;
     left: -2px;
     z-index: 50
 }
 
 .CaptionContainer .CaptionEdgeRightTop {
     position: absolute;
     width: 5px;
     height: 5px;
     top: -2px;
     right: -2px;
     z-index: 50
 }
 
 .CaptionContainer .CaptionEdgeLeftBottom {
     position: absolute;
     width: 5px;
     height: 5px;
     left: -2px;
     bottom: -3px;
     z-index: 50
 }
 
 .CaptionContainer .CaptionEdgeRightBottom {
     position: absolute;
     width: 5px;
     height: 5px;
     right: -2px;
     bottom: -3px;
     z-index: 50
 }
 
 .CaptionContainer .CaptionBorderTop {
     position: absolute;
     width: 100%;
     height: 4px;
     left: 0;
     top: -1px
 }
 
 .CaptionContainer .CaptionBorderBottom {
     position: absolute;
     width: 100%;
     height: 4px;
     left: 0;
     bottom: -2px
 }
 
 .CaptionContainer .CaptionVerticalLeft {
     position: absolute;
     height: 100%;
     width: 3px;
     left: -1px;
     top: 0
 }
 
 .CaptionContainer .CaptionVerticalRight {
     position: absolute;
     height: 100%;
     width: 3px;
     right: -1px;
     top: 0
 }
 
 * html .TableContainer .CaptionContainer .CaptionEdgeRightTop {
     right: -3px
 }
 
 * html .TableContainer .CaptionContainer .CaptionEdgeLeftBottom {
     bottom: -4px
 }
 
 * html .TableContainer .CaptionContainer .CaptionEdgeRightBottom {
     right: -3px;
     bottom: -4px
 }
 
 * html .TableContainer .CaptionContainer .CaptionBorderBottom {
     bottom: -3px
 }
 
 * html .TableContainer .CaptionContainer .CaptionVerticalRight {
     right: -2px
 }

 .ribbonShop-double {
    background:url(../images/shop/ribbon-double.png) no-repeat;
    width: 80px;
    height: 80px;
    position:absolute;
    right: -5px;
    top: -5px;
    z-index:999;
    }

 /* Select usado no shop */
 .radio-container {
    border: 1px solid #000000b0;
    position: relative;
    min-height: 100px;
    box-shadow: 1px 1px 5px #00000070;
    border-radius: 5px;
    margin: 10px;
    text-align: center;
    padding: 10px;
    cursor: pointer;
}
.radio-container ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.radio-container input[type="radio"] {
    display: none; /* ou visibility: hidden; */
}

.radio-container-selected {
    border: 2px solid green;
}
 
 .TableContentContainer {
     border: 1px solid #00000052;
     position: relative;
     box-shadow: var(--boxshadow-presset);
     height: 100%;
     background-color: var(--cor-table-content-container);
     border-radius: 5px;
     /* background-image: url(http://localhost/templates/ntoarmagedon/images/global/content/scroll2.gif); */
 }


 .TableStyleIcon tr > td > div > div > .InnerTableContainer {
    box-shadow: var(--boxshadow-presset);
    border-radius: 10px;
    text-align: center;
    width: unset!important;

 }
 .TableStyleIcon tr > td > div > div {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(100px,1fr));
    grid-gap: 22px;
    justify-items: center;
    align-items: center;
 }

 .TableStyleIcon .InnerTableContainer {
    margin: 0 !important;
    background-size: cover !important;
 }

 .TableStyleIcon .TableContentContainer {
   display: flex;
 }
 
 .TableContentContainer img:not(#perso) {
     overflow: hidden;
 }
 
 .TableContent {
     border-radius: 4px;
     overflow: hidden; 
     border-collapse: collapse
 }
 
 .TableContent td {
     padding: 2px 5px;
     overflow-wrap: anywhere;
 }
 
 .TableContainer .Table1 {
     width: 100%;
     background-color: #d4c0a1;
     border: 2px solid #55636c
 }
 
 .TableContainer .Table1 .InnerTableContainer {
     padding: 5px
 }
 
 .TableContainer .Table2 {
     width: 100%;
     border: 2px solid #55636c;
     background-color: #f1e0c5;
     padding: 0;
     margin: 0;
     border-collapse: collapse
 }
 
 .TableContainer .Table2 td {
     padding: 0;
     margin: 0
 }
 
 .TableContainer .Table2 .InnerTableContainer {
     margin-top: 1px
 }
 
 .TableContainer .Table2 .InnerTableContainer table {
     border-collapse: collapse
 }
 
 .TableContainer .Table2 .InnerTableContainer td {
     padding: 2px 5px;
     border: 1px solid #faf0d7
 }
 /*Tabela estilo 3*/
 .TableContainer .Table3 {
     width: 100%;
     padding: 10px 10px 10px 10px;
     background-color: var(--cor-table-cotainer);
    background-image: var(--caminho-fundo-tabela);
     border-radius: 0px 0px 10px 10px;
     box-shadow: #0000006b 0 4px 8px;
 }
 
 .TableContainer .Table3 .InnerTableContainer {
     margin: 10px 0 10px 0;
     width: 100%;
     position: relative;
 }
 
 .TableContainer .Table3 .TableContentContainer tr td:not(:last-child) {
     border-right: 1px solid var(--cor-table-td-border); /* Cor e espessura da borda */
 }

 .TableBorder td:not(:last-child) {
    border-right: 1px solid var(--cor-table-td-border);
}

 .TableContainer .RowInnerTableDataBorders td {
     border: 1px solid #faf0d7
 }
 
 /*Tabela estilo 4*/
 .TableContainer .Table4 {
     padding: 10px 10px 10px 10px;
     border-radius: 0px 0px 10px 10px;
     width: 100%;
     background-color: var(--cor-table-cotainer);
     background-image: var(--caminho-fundo-tabela);
     box-shadow: #0000006b 0 4px 8px;
 }
 
 .TableContainer .Table4 .InnerTableContainer {
     margin: 10px 0 10px 0;
     width: 100%;
     position: relative;
 
 }
 
 .Table4 .TableContentContainer {
     overflow: visible !important;
 }
 
 .Table4 .TableContent {
     overflow: visible !important;
 }
 
 /*Tabela estilo 5*/
 .TableContainer .Table5 {
     width: 100%;
     padding: 10px 10px 10px 10px;
     background-color: var(--cor-table-cotainer);
     background-image: var(--caminho-fundo-tabela);
     border-radius: 0px 0px 10px 10px;
     box-shadow: #0000006b 0 4px 8px;
 }
 
 .TableContainer .Table5 .InnerTableContainer {
     margin: 10px 0 10px 0;
     width: 100%;
     position: relative;
 }
 
 .Table5 .TableContent tr:first-child td:first-child {
     padding: 20px;
     text-align: center;
 }
 
 .TableShadowContainerRightTop {
     position: relative;
     top: 0;
     right: 3px;
     margin-right: 0;
     font-size: 1px;
     float: right;
     z-index: 98
 }
 
 .TableShadowRightTop {
     position: absolute;
     top: 0;
     right: 0;
     width: 4px;
     height: 5px;
     z-index: 98
 }
 
 .TableContentAndRightShadow {
     position: relative;
     background: repeat-y top right;
     margin-right: 3px;
     font-size: 1px
 }
 
 .TableShadowContainer {
     position: relative;
     margin-right: 5px
 }
 
 .TableBottomShadow {
     position: relative;
     font-size: 1px;
     height: 5px;
     width: 100%;
     padding: 0;
     margin: 0
 }
 
 .TableBottomLeftShadow {
     position: relative;
     height: 5px;
     width: 4px;
     float: left;
     padding: 0;
     margin: 0
 }
 
 .TableBottomRightShadow {
     position: relative;
     float: right;
     right: -2px;
     top: 0;
     height: 5px;
     width: 4px
 }
 
 .InnerTableTab {
    position: relative;
    float: left;
    top: 2px;
    border-radius: 5px 5px 0 0;
    margin-right: 10px;
    cursor: pointer;
    vertical-align: middle;
    width: 105px;
    box-shadow: 0 0 5px #00000094;
    text-align: center;
    height: 26px;
}
 
.InnerTableTab .RibbonNewProduct {
    position: absolute;
    top: -7px;
    left: -8px;
    transform: scale(0.63);
    height: 39px;
    width: 43px;
    background-repeat: no-repeat;
    z-index: 199;
}
 
 .InnerTableTab .RibbonLastChance {
     position: absolute;
     top: 2px;
     left: 65px;
     height: 39px;
     width: 39px;
     z-index: 199
 }
 
 .ActiveInnerTableTab .RibbonLastChance {
     top: -2px;
     left: 64px
 }
 
 .InnerTableTab a {
     border: 0;
     color: var(--cor-texto-td);
     font-weight: normal
 }
 
 .InnerTableTab a img {
     border: 0;
     width: 105px;
     height: 45px;
     position: absolute;
     top: 0
 }
 
 .InnerTableTabLabel {
    position: relative;
    top: 0;
    left: 0;
    text-align: center;
    width: 86px;
    /* height: 35px; */
    display: table-cell;
    vertical-align: middle;
    padding-top: 5px;
}
 
 .InnerTableTab a:hover {
     border: 0;
     color: var(--cor-texto-td);
     text-decoration: none
 }
 
 .ActiveInnerTableTab {
     z-index: 99;
     background-color: var(--cor-table-content-container);
 }
 
 .ActiveInnerTableTab a {
     font-weight: bold
 }
 
 .ActiveInnerTableTab .InnerTableTabLabel {
     top: 6px;
     padding-top: 1px
 }
 
 .ProductCategoryHelperDiv {
     position: relative;
     float: right;
     top: 35px;
     right: 5px
 }
 
 .BigToggleButton {
     text-align: center;
     cursor: pointer;
     font-weight: normal
 }
 
 .BigToggleButton:hover {
     font-weight: bold
 }
 
 .HeadlessTable {
     border: 1px solid white;
     border-right-color: #656565;
     border-bottom-color: #656565;
     margin-left: 15px
 }
 
 .LabelV {
     font-weight: bold;
     padding-right: 10px;
     white-space: nowrap;
     vertical-align: top;
 }
 
 .LabelV120 {
     font-weight: bold;
     padding-right: 10px;
     white-space: nowrap;
     vertical-align: top;
     width: 120px
 }
 
 .LabelV150 {
     font-weight: bold;
     padding-right: 10px;
     white-space: nowrap;
     vertical-align: top;
     width: 150px
 }
 
 .LabelV200 {
     font-weight: bold;
     padding-right: 10px;
     white-space: nowrap;
     vertical-align: top;
     width: 200px
 }
 
 .LabelH {
     font-weight: bold;
     padding-right: 10px;
     white-space: nowrap;
     background-color: #d5c0a1
 }
 
 .LabelH td {
     background-color: #d5c0a1;
     padding: 2px 5px
 }
 
 .Labelv2023 > td {
     width: 50%;
     text-align: center;
 }
 
 .Labelv2023 td:first-child {
     font-weight: bold;
 }
 
 .Labelv2023 input{
    border-radius: 5px;
     text-align: center;
     width: 95%;
 }
 
 .Labelv2023 select{
    border-radius: 5px;
     text-align: center;
     width: 97%;
 }
 
 .Labelv2023 textarea{
    border-radius: 5px;
     width: 95%;
     text-align: center;
 }
 
 .LabelLogin {
     text-align: center;
     border-radius: 5px;
     border: 1px solid black;
     height: 30px;
     width: 300px;
     font-size: 18pt;
 }

.SelectRegister {
    width: 210px;
    height: 35px;
    text-align: center;
    border: solid 1px black;
    font-size: 14pt;
}

 .nook_border {
    border: 2px solid red;
 }

 .ok_border {
    border: 2px solid green;
 }
 
 .InnerTableButtonRow {
     width: 100%;
     padding-left: 1px;
     padding-right: 0;
     padding-bottom: 4px;
     border: 0
 }
 
 .InnerTableButtonRow td {
     padding-right: 4px
 }
 
 .InnerTableButtonRow .RowButton {
     float: right;
     margin-left: 10px
 }
 
 .MediumButtonText {
     position: absolute;
     top: 0;
     left: 0;
     height: 37px;
     width: 150px;
     z-index: 20;
     cursor: pointer
 }
 
 .MediumButtonBackground {
     position: relative;
     top: 0;
     left: 0;
     width: 150px;
     height: 37px;
     z-index: 10
 }
 
 .MediumButtonOver {
     position: relative;
     top: 0;
     left: 0;
     width: 150px;
     height: 37px;
     visibility: hidden;
     z-index: 15
 }
 
 .MediumButtonForm {
     margin: 0;
     padding: 0
 }
 
 .BigButton {
     position: relative;
     width: 135px;
     height: 25px;
     z-index: 10;
 }
 
 .BigButtonOver {
     position: absolute;
     top: 0;
     left: 0;
     width: 135px;
     height: 25px;
     visibility: hidden;
     z-index: 15;
 }
 
.BigButtonText {
    position: absolute;
    top: 0;
    left: 0;
    width: 135px;
    height: 25px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: none;
    text-align: center;
    color: #cfb086;
    font-family: Verdana, Arial, Times New Roman, sans-serif;
    font-size: 12px;
    font-weight: 400;
    z-index: 20;
    text-shadow: -1px -1px 0 #000, 0 -1px 0 #000, 1px -1px 0 #000, 1px 0 0 #000, 1px 1px 0 #000, 0 1px 0 #000, -1px 1px 0 #000, -1px 0 0 #000;
}

.BigButtonText:hover {
     margin-top: 1px;
     margin-left: 1px
}

 .ButtonText {
     position: absolute;
     top: 0;
     left: 0;
     height: 25px;
     width: 135px;
     z-index: 20;
     cursor: pointer
 }
 
 .TopButtonContainer {
     position: relative;
     right: 4px;
     top: 4px;
     z-index: 60
 }
 
 .TopButtonContainerInnerTable {
     position: absolute;
     right: 4px;
     top: 2px;
     z-index: 60
 }
 
 * html .TopButtonContainer {
     right: 27px
 }
 
 .TopButtonContainer .TopButton {
     position: absolute;
     right: 0;
     z-index: 55
 }
 
 #world_list_tr td {
     text-align: left
 }
 
 .OptionContainer {
     text-align: center
 }
 
 label {
     cursor: pointer
 }
 
 .InputIndicator {
    position: relative;
    top: -22px;
    left: 116px;
    background-repeat: no-repeat;
}
 
 * html .InputIndicator {
     left: 0
 }
 
 .sortarrow {
     width: 10px;
     height: 10px
 }
 
 .TableTopMargin {
     position: relative;
     top: -5px
 }
 
 .ForumPost {
    position: relative;
    height: 100%;
    margin: 10px 10px;
 }
 
 .PostUpper {
     clear: both
 }
 
 .PostLower {
     clear: both;
     border-top: 1px solid #fff0d9;
     height: 50px;
     padding: 4px 0
 }
 
 .PostSeparatorV {
     position: absolute;
     width: 1px;
     height: 100%;
     background-color: #fff0d9;
     left: 160px
 }
 
 * html .PostCharacterText {
     width: 185px
 }
 
 .PostCharacterText {
     width: 144px;
     float: left;
     padding: 8px;
     text-align: center
 }
 
 .PostText {
     position: relative;
     min-height: 150px;
     overflow-x: auto;
     overflow-y: visible;
     max-width: 600px;
     word-wrap: break-word;
     padding: 10px !important
 }
 
 .PostDetails {
     width: 175px;
     float: left;
     padding: 0 5px;
     font-size: 7pt
 }
 
 .PostActions {
     position: relative;
     overflow-x: auto;
     overflow-y: visible;
     word-wrap: break-word;
     font-size: 7pt;
     margin-left: 138px;
     max-width: 515px
 }
 
 .PostActions .AdditionalBox {
     float: right;
     white-space: nowrap;
     text-align: right;
     margin: 4px 4px 0 0
 }
 
 .CipPost {
     margin: 0 auto;
     border: 0 solid !important;
     padding: 0 !important
 }
 
 .CipPost .CipBorder {
     font-size: 1px;
     position: absolute;
     width: 99.5%;
     height: 3px;
     z-index: 99
 }
 
 .CipPost .CipBorderBottom .CipBorder {
     bottom: 0
 }
 
 .CipPost .CipBorder .CipBorderCornerL {
     position: absolute;
     width: 3px;
     height: 3px;
     top: 0;
     left: 0;
     z-index: 99
 }
 
 .CipPost .CipBorder .CipBorderH {
     position: absolute;
     width: 100%;
     height: 3px;
     top: 0;
     left: 3px
 }
 
 .CipPost .CipBorder .CipBorderCornerR {
     position: absolute;
     width: 3px;
     height: 3px;
     top: 0;
     right: -4px;
     z-index: 99
 }
 
 .CipPost .CipBorderLeft {
     font-size: 1px;
     width: 3px;
     position: absolute;
     top: 0;
     height: 100%;
     z-index: 0
 }
 
 .CipPost .CipBorderLeft .CipBorderV {
     position: absolute;
     top: 0;
     left: 0;
     width: 3px;
     height: 100%
 }
 
 .CipPost .CipBorderRight .CipBorderV {
     position: absolute;
     top: 0;
     right: 0;
     width: 3px;
     height: 100%
 }
 
 .CipPost .CipPostIcon {
     width: 60px;
     height: 60px
 }
 
 .PostDetailsHelper {
     position: relative
 }
 
 .HNCContainer {
     position: absolute;
     margin-top: -10px
 }
 
 * html .HNCContainer {
     margin-left: -10px
 }
 
 .ThreadClassificationNumberContainer {
     float: left;
     width: 15px;
     height: 15px;
     margin-right: 7px
 }
 
 * html .ThreadClassificationNumberContainer {
     margin-left: 0
 }
 
 #BoardView td {
     padding: 0 3px
 }
 
 #BoardView .CipPost {
     position: relative;
     height: 100%
 }
 
 .ThreadTitleHeadline {
     position: relative;
     height: 100%;
     width: 798px;
     margin-top: -2px
 }
 
 .ThreadClassificationNumber {
     width: 15px;
     height: 15px;
     margin: 1px 7px 0 0;
     border: 0
 }
 
 .ThreadTitleHeadline .ThreadClassificationNumber {
     margin-left: -1px;
     margin-top: 3px
 }
 
 .BoardThreadLine {
     margin-left: -61px;
     margin-top: -3px;
     margin-bottom: 0;
     min-height: 47px
 }
 
 * html .BoardThreadLine {
     margin-top: 0
 }
 
 * html .BoardThreadLine {
     height: 47px
 }
 
 .BoardThreadLine .CipBorderRight .CipBorderV {
     left: 734px
 }
 
 .Text {
     margin-top: 3px;
     margin-left: 4px;
     margin-bottom: 2px;
     padding: 3px
 }
 
 * html .Text {
     margin-top: 0;
     margin-left: 4px
 }
 
 .BoardThreadLine .Text {
     margin-left: 11px;
     padding-left: 50px;
     padding-top: 13px;
     padding-bottom: 10px
 }
 
 * html .BoardThreadLine .Text {
     padding-left: 55px
 }
 
 .PostReplyLink {
     float: right;
     margin-top: 3px
 }
 
 .HintBox {
     width: 100%;
     margin-top: -3px
 }
 
 .HintBox p {
     margin-top: 0
 }
 
 .HintBox .BoxButtons {
     padding-top: 13px;
 }
 
 #PremiumBoxSpecialOfferHorizontal {
     position: absolute;
     top: 70px;
     left: 13px;
     width: 150px;
     height: 14px
 }
 
 .Container1_PaymentMethod {
     height: 88px;
     width: 165px;
     text-align: center;
     margin-top: 5px;
     margin-bottom: 5px;
     padding: 2px;
     cursor: pointer
 }
 
 .Container2_PaymentMethod {
     top: 2px;
     left: 2px;
     height: 80px;
     width: 157px;
     background-color: #d5c0a1;
     margin: 2px;
     padding: 2px
 }
 
 .BlockedPaymentMethod {
     color: red;
     cursor: help !important
 }
 
 .HelperDivIndicator {
     position: relative;
     cursor: help
 }
 
 #HelperDivContainer {
     display: none;
     position: absolute;
     width: 225px;
     z-index: 1000;
     color: #5A2800;
     font-family: Verdana, Arial, Times New Roman, sans-serif;
     font-size: 9pt;
     text-align: left;
     padding: 10px;
     border: 1px double #5A2800;
     margin-left: 8px;
 }
 
 #HelperDivContainer .HelperDivArrow {
     position: absolute;
     top: -1px;
     left: -8px;
     width: 8px;
     height: 13px
 }
 
 #HelperDivContainer #HelperDivHeadline {
     font-size: 12pt;
     font-weight: bold
 }
 
 #HelperDivContainer #HelperDivHeadline {
     position: relative;
     white-space: normal;
     text-align: center;
     margin-top: 0;
     margin-bottom: 15px
 }
 
 #HelperDivContainer .Ornament {
     width: 220px
 }
 
 #HelperDivContainer #HelperDivText {
     text-align: center
 }
 
 #HelperDivContainer #HelperDivText ul {
     padding-left: 20px
 }
 
 #SuggestCharacterName {
     font-size: 7pt;
     margin-top: -5px
 }
 
 .FB_Identification {
     font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
     background: none repeat scroll 0 0 #526DA4;
     color: #D8DFEA;
     border: gray;
     font-size: 11px;
     font-weight: bold;
     padding: 2px;
     height: 25px;
     border: 1px solid blue
 }
 
 .FB_Identification div {
     position: relative;
     float: left;
     margin-right: 4px
 }
 
 #FB_ProfileWindow {
     width: 23px;
     height: 23px;
     border: 1px solid blue;
     overflow: hidden
 }
 
 #FB_ProfileWindow img {
     height: 50px !important
 }
 
 #FB_Name {
     top: 5px
 }
 
 #FB_Button {
     top: 1px;
     float: right
 }
 
 #FB_Button div {
     display: inline
 }
 
 .FacebookButtonText {
     position: absolute;
     color: white;
     left: 20px;
     width: 112px;
     top: 5px;
     font-size: 11px;
     text-align: center;
     cursor: pointer;
     z-index: 15
 }
 
 #FB_LoginButton {
     position: relative;
     width: 68px;
     height: 22px;
     float: right;
     cursor: pointer;
     color: #ffffff;
     font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
     font-size: 11px;
     font-weight: bold
 }
 
 #FB_LoginButton span {
     position: absolute;
     left: 28px;
     top: 4px
 }
 
 .ButtonText:hover {
     margin-top: 1px;
     margin-left: 1px
 }
 
 #LoginCreateAccountBox p {
     margin: 0;
     padding: 0;
     font-size: 12pt
 }
 
 .Width100Percent {
     width: 100%
 }
 
 .SliderValue {
     text-align: right;
     width: 135px;
     font-weight: bold;
     color: green
 }
 
 .VoucherAdjustFallBackBlock select {
     width: 100%
 }
 
 #VoucherDurationSlider {
     margin: 15px 5px 0;
     height: 5px
 }
 
 #VoucherDurationSlider a {
     margin-top: -2px;
     height: 20px;
     width: 17px
 }
 
 .ui-helper-hidden {
     display: none
 }
 
 .ui-helper-hidden-accessible {
     border: 0;
     clip: rect(0 0 0 0);
     height: 1px;
     margin: -1px;
     overflow: hidden;
     padding: 0;
     position: absolute;
     width: 1px
 }
 
 .ui-helper-reset {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     line-height: 1.3;
     text-decoration: none;
     font-size: 100%;
     list-style: none
 }
 
 .ui-helper-clearfix:before,
 .ui-helper-clearfix:after {
     content: "";
     display: table;
     border-collapse: collapse
 }
 
 .ui-helper-clearfix:after {
     clear: both
 }
 
 .ui-helper-clearfix {
     min-height: 0
 }
 
 .ui-helper-zfix {
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     position: absolute;
     opacity: 0;
     filter: Alpha(Opacity=0)
 }
 
 .ui-front {
     z-index: 100
 }
 
 .ui-widget-overlay {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%
 }
 
 .ui-slider {
     position: relative;
     text-align: left
 }
 
 .ui-slider .ui-slider-handle {
     position: absolute;
     z-index: 2;
     width: 1.2em;
     height: 1.2em;
     cursor: default
 }
 
 .ui-slider .ui-slider-range {
     position: absolute;
     z-index: 1;
     font-size: .7em;
     display: block;
     border: 0;
     background-position: 0 0
 }
 
 .ui-slider.ui-state-disabled .ui-slider-handle,
 .ui-slider.ui-state-disabled .ui-slider-range {
     -webkit-filter: inherit;
     filter: inherit
 }
 
 .ui-slider-horizontal {
     height: .8em
 }
 
 .ui-slider-horizontal .ui-slider-handle {
     top: -.3em;
     margin-left: -.6em
 }
 
 .ui-slider-horizontal .ui-slider-range {
     top: 0;
     height: 100%
 }
 
 .ui-slider-horizontal .ui-slider-range-min {
     left: 0
 }
 
 .ui-slider-horizontal .ui-slider-range-max {
     right: 0;
     background-color: #5b0600
 }
 
 .ui-slider-vertical {
     width: .8em;
     height: 100px
 }
 
 .ui-slider-vertical .ui-slider-handle {
     left: -.3em;
     margin-left: 0;
     margin-bottom: -.6em
 }
 
 .ui-slider-vertical .ui-slider-range {
     left: 0;
     width: 100%
 }
 
 .ui-slider-vertical .ui-slider-range-min {
     bottom: 0
 }
 
 .ui-slider-vertical .ui-slider-range-max {
     top: 0
 }
 
 .ui-widget {
     font-family: segoe ui, Arial, sans-serif;
     font-size: 1.1em
 }
 
 .ui-widget .ui-widget {
     font-size: 1em
 }
 
 .ui-widget input,
 .ui-widget select,
 .ui-widget textarea,
 .ui-widget button {
     font-family: segoe ui, Arial, sans-serif;
     font-size: 1em
 }
 
 .ui-widget-content {
     border: 1px solid #624d3c;
     background-color: #8e0b01;
     color: #312e25
 }
 
 .ui-widget-content a {
     color: #312e25
 }
 
 .ui-widget-header {
     border: 1px solid #d4ccb0;
     color: #433f38;
     font-weight: bold
 }
 
 .ui-widget-header a {
     color: #433f38
 }
 
 .ui-corner-all,
 .ui-corner-top,
 .ui-corner-left,
 .ui-corner-tl {
     border-top-left-radius: 6px
 }
 
 .ui-corner-all,
 .ui-corner-top,
 .ui-corner-right,
 .ui-corner-tr {
     border-top-right-radius: 6px
 }
 
 .ui-corner-all,
 .ui-corner-bottom,
 .ui-corner-left,
 .ui-corner-bl {
     border-bottom-left-radius: 6px
 }
 
 .ui-corner-all,
 .ui-corner-bottom,
 .ui-corner-right,
 .ui-corner-br {
     border-bottom-right-radius: 6px
 }
 
 .Saving {
     background-color: blue;
     color: white;
     padding: 1px 8px;
     border: 2px solid;
     border-radius: 10px;
     font-size: 10px
 }
 
 #LastSaving {
     background-color: red
 }
 
 .BGRed {
     background-color: #EF0000
 }
 
 .BGOrange {
     background-color: #FF9712
 }
 
 .BGGreen {
     background-color: #00BF00
 }
 
 .Content .BoxContent .Disabled td {
     color: grey
 }
 
 .PlaySpanContainer {
     position: relative;
     text-align: center
 }
 
 .ServiceID_Icon_Container {
     position: relative;
     width: 156px;
     display: inline-block;
     height: 156px;
     /* float: left; */
     margin: 3px;
 }
 
 .ServiceID_Icon_Container:hover {
     opacity: 0.95
 }
 
 .ServiceID_Icon_Container_Background {
     position: absolute;
     width: 150px;
     height: 150px;
     top: 3px;
     left: 3px
 }
 
 .ServiceID_Icon_Container label {
     font-size: 8pt
 }
 
 .ServiceID_Icon {
     position: relative;
     float: left;
     width: 150px;
     height: 150px;
     text-align: center;
     background-repeat: no-repeat;
     color: white;
     cursor: pointer
 }
 
 .ServiceID_Icon_New {
    position: absolute;
    left: 10px;
    background-position: center;
    background-repeat: no-repeat;
    transform: scale(0.9);
    height: 126px;
    width: 128px;
}
 
 .ServiceID_Icon .ServiceID_Deactivated {
     position: absolute;
     top: 0;
     left: 0;
     width: 150px;
     height: 150px;
     z-index: 99
 }
 
 .ServiceID_Icon .ServiceID_Icon_Selected {
     position: absolute;
     top: 0;
     left: 0;
     width: 150px;
     height: 150px;
     z-index: 98
 }
 
 .ServiceID_Icon .ServiceIDLabelContainer {
     position: absolute;
     left: 0;
     display: table;
     top: 6px;
     height: 35px;
     width: 130px;
     margin-left: 10px;
     margin-right: 10px;
     z-index: 99
 }
 
 .ServiceID_Icon .ServiceIDLabel {
     display: table-cell;
     vertical-align: middle
 }
 
 .ServiceIDLabel input {
     display: none
 }
 
 .ServiceID_Icon .ServiceIDPriceContainer {
     position: absolute;
     left: 0;
     bottom: 10px;
     width: 140px;
	 height: 20px;
     margin-left: 5px;
     margin-right: 5px;
     z-index: 99
 }

 .ServiceID_Icon .ServiceIDPriceContainer > span {
	position: absolute;
    right: 0;
    left: 0;
    top: 0;
    width: fit-content;
    height: fit-content;
    bottom: 0;
    margin: auto;
}
 
 .ServiceID_Icon .ServiceIDSpecialOffer {
     position: absolute;
     left: 0;
     top: -5px;
     z-index: 100
 }
 
 .ServiceID_Icon .ServiceID_Icon_Over {
     position: absolute;
     top: 0;
     left: 0;
     width: 150px;
     height: 150px;
     z-index: 97
 }
 
 .ServiceID_Icon .ServiceID_HelperDiv {
     position: relative;
     top: 0;
     left: 0;
     width: 150px;
     height: 150px;
     z-index: 399
 }
 
 .ServiceID_Icon .RibbonNewProduct {
     position: absolute;
     top: -4px;
     left: -4px;
     height: 58px;
     width: 58px;
     z-index: 199
 }
 
 .ServiceID_Icon .RibbonLastChance {
     position: absolute;
     top: -4px;
     left: 96px;
     height: 58px;
     width: 58px;
     z-index: 199
 }
 
 .ServiceID_Icon .ServiceID_Icon_Animation_1 {
     position: absolute;
     top: 0;
     right: 0;
     width: 150px;
     height: 150px;
     display: none;
     z-index: 95
 }
 
 .ServiceID_Icon .ServiceID_Icon_New_Animation_1 {
     position: absolute;
     top: 48px;
     right: 12px;
     width: 128px;
     height: 64px;
     display: none;
     z-index: 95
 }
 
 .PMCID_Icon_Container {
     display: inline-block;
     /* position: relative; */
     width: 156px;
     height: 106px;
     /* float: left; */
     margin: 3px;
 }
 
 .PMCID_Icon_Container label {
     font-size: 8pt
 }
 
 .PMCID_Icon {
     position: relative;
     float: left;
     top: 3px;
     left: 3px;
     width: 150px;
     height: 100px;
     text-align: center;
     background-repeat: no-repeat;
     color: white;
     cursor: pointer
 }
 
 .PMCID_Icon .PMCID_CP_Icon {
     position: relative;
     margin-left: auto;
     margin-right: auto;
     margin-top: 25px
 }
 
 .PMCID_Icon .PMCID_CP_Label {
     position: relative;
     margin-left: auto;
     margin-right: auto;
     top: 17px;
     z-index: 99
 }
 
 .PMCID_CP_Label input {
     display: none
 }
 
 .PMCID_Icon .PMCID_Icon_Selected {
     position: absolute;
     top: 0;
     left: 0;
     width: 150px;
     height: 100px;
     z-index: 98
 }
 
 .PMCID_Icon .PMCID_Deactivated {
     position: absolute;
     top: 0;
     left: 0;
     width: 150px;
     height: 100px;
     z-index: 99
 }
 
 .PMCID_Icon .PMCID_Icon_Over {
     position: absolute;
     top: 0;
     left: 0;
     width: 150px;
     height: 100px
 }
 
 .PermanentDeactivated {
     position: absolute;
     left: 0;
     z-index: 400
 }
 
 .PermanentDeactivated .PMCID_Deactivated {
     position: relative;
     left: 0;
     width: 150px
 }
 
 .PermanentDeactivated .ServiceID_Deactivated {
     position: relative;
     left: 0;
     width: 150px
 }
 
 .SubmitButtonRow {
     position: relative;
     height: 25px;
     margin-top: 25px;
     margin-bottom: 25px;
     text-align: center
 }
 
 .SubmitButtonRow .LeftButton {
     float: left;
     margin-left: 50px
 }
 
 .SubmitButtonRow .CenterButton {
     margin-left: auto;
     margin-right: auto;
     width: 135px
 }
 
 .SubmitButtonRow .RightButton {
     float: right;
     margin-right: 50px
 }
 
 .Table30 {
     background: var(--cor-table-content-container);
     border-spacing: 0;
     margin: 0 0 10px 0;
     border-radius: 5px;
     overflow: hidden;
     box-shadow: var(--boxshadow-presset);
     border: var(--border-table-presset);
 }
 
 .Table30 td {
    border: none!important;
     padding: 4px
 }
 
 .progress-bar {
     font-size: 11px;
     line-height: 16px
 }
 
 .progress {
     height: 18px;
     margin-bottom: 0;
     border: 1px solid
 }
 
 .SkillIcon {
     width: 40px;
     border: 2px solid #592700 !important;
     border-radius: 5px;
     overflow: hidden
 }
 
 .CharItems {
     width: 32px;
     margin: 3px
 }
 
 .btn-primary .caret,
 .btn-warning .caret,
 .btn-danger .caret,
 .btn-info .caret,
 .btn-success .caret,
 .btn-inverse .caret {
     border-top-color: #fff;
     border-bottom-color: #fff;
     opacity: .75;
     filter: alpha(opacity=75)
 }
 
 .btn-primary,
 .btn-primary:hover,
 .btn-warning,
 .btn-warning:hover,
 .btn-danger,
 .btn-danger:hover,
 .btn-success,
 .btn-success:hover,
 .btn-info,
 .btn-info:hover,
 .btn-inverse,
 .btn-inverse:hover {
     color: #fff;
     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)
 }
 
 .btn-primary.active,
 .btn-warning.active,
 .btn-danger.active,
 .btn-success.active,
 .btn-info.active,
 .btn-inverse.active {
     color: rgba(255, 255, 255, 0.75)
 }
 
 .btn-danger {
     background-color: #da4f49;
     *background-color: #bd362f;
     background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f);
     background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
     background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
     background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
     background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
     background-image: linear-gradient(top, #ee5f5b, #bd362f);
     background-repeat: repeat-x;
     border-color: #bd362f #bd362f #802420;
     border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25)
 }
 
 .btn-danger:hover,
 .btn-danger:active,
 .btn-danger.active,
 .btn-danger.disabled,
 .btn-danger[disabled] {
     background-color: #bd362f;
     *background-color: #a9302a
 }
 
 .btn-danger:active,
 .btn-danger.active {
     background-color: #942a25
 }
 
 .btn-group.open .btn-danger.dropdown-toggle {
     background-color: #bd362f
 }
 
 .btn-success {
     background-color: #5bb75b;
     background-image: -ms-linear-gradient(top, #62c462, #51a351);
     background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
     background-image: -webkit-linear-gradient(top, #62c462, #51a351);
     background-image: -o-linear-gradient(top, #62c462, #51a351);
     background-image: -moz-linear-gradient(top, #62c462, #51a351);
     background-image: linear-gradient(top, #62c462, #51a351);
     background-repeat: repeat-x;
     border-color: #51a351 #51a351 #387038;
     border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25)
 }
 
 .btn-success:hover,
 .btn-success:active,
 .btn-success.active,
 .btn-success.disabled,
 .btn-success[disabled] {
     background-color: #51a351;
     *background-color: #499249
 }
 
 .btn-success:active,
 .btn-success.active {
     background-color: #408140
 }
 
 .btn-group.open .btn-success.dropdown-toggle {
     background-color: #51a351
 }
 
 .InfoBar {
    position: relative;
    top: 4px;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 10px;
    color: white;
    font-family: Verdana, Arial, Times New Roman, sans-serif;
}
 
 .InfoBarBlock {
     margin-right: 15px
 }
 
 .InfoBarBigLogo {
     margin-bottom: 0
 }
 
 .InfoBarSmallElement {
     margin-left: 5px
 }
 
 .InfoBarNumbers {
     top: -4px;
     position: relative
 }
 
 .InfoBar a {
     font-family: Verdana, Arial, Times New Roman, sans-serif;
     font-size: 7pt;
     font-weight: normal;
     color: white
 }
 
 .InfoBar a:link {
     color: white;
     font-weight: normal;
     text-decoration: none
 }
 
 .InfoBar a:visited {
     color: white;
     font-weight: normal;
     text-decoration: none
 }
 
 .InfoBar a:focus {
     color: white;
     font-weight: normal;
     text-decoration: none
 }
 
 .InfoBar a:active {
     color: white;
     font-weight: normal;
     text-decoration: underline
 }
 
 .InfoBar a:hover {
     color: white;
     font-weight: normal;
     text-decoration: none
 }
 
 .InfoBar a:hover span span {
     color: white;
     font-weight: normal;
     text-decoration: underline
 }
 
 .bank_link {
     margin-top: 25px;
     text-align: center
 }
 
 .scrollToTop {
     background: url(../images/global/content/arrow_top.png) no-repeat 0 0;
     width: 70px;
     height: 70px;
     padding: 10px;
     text-align: center;
     font-weight: bold;
     color: #444;
     text-decoration: none;
     position: fixed;
     bottom: 10px;
     right: 10px;
     display: none;
     z-index: 50000
 }
 
 .scrollToTop:hover {
     text-decoration: none;
     cursor: pointer
 }
 
 .scrollToTopText {
     text-align: center;
     position: relative;
     margin: 0 auto;
     padding: 0;
     left: -25px;
     width: 10px;
     bottom: -60px;
     color: white
 }
 
 ::-webkit-scrollbar {
     width: 6px !important;
	 height: 6px !important;
 }
 
 ::-webkit-scrollbar-track {
     background-color: #051022
 }
 
 ::-webkit-scrollbar-thumb {
     background: #494f4a;
	 border-radius: 10px;
 }
 
 ::-webkit-scrollbar-corner {
     width: 6px !important
 }
 
 .pace {
     -webkit-pointer-events: none;
     pointer-events: none;
     -webkit-user-select: none;
     -moz-user-select: none;
     user-select: none
 }
 
 .pace-inactive {
     display: none
 }
 
 .pace .pace-progress {
     background: rgba(177, 126, 15, 0.9);
     position: fixed;
     z-index: 20000;
     top: 0;
     right: 100%;
     width: 100%;
     height: 3px
 }
 
 /* Estilo para as linhas ímpares da tabela principal com classe .TableStripped */
 .TableStripped > tbody > tr:not(:only-child):nth-child(odd) {
     background: var(--cor-stripped);
 }
 
 .TableTitle > tr:first-child:not(:only-child), .TableTitle > tbody > tr:first-child:not(:only-child) {
     height: 24px;
     font-weight: bold;
     color: var(--cor-texto-titulo-td)!important;
     background: var(--cor-titulo-td);
     /* background: #ffb100b5 !important; */
     /*background: #cd752f !important;*/
     /* background: #d5c0a1 !important*/
 }

 .TableTitle > tr:first-child:not(:only-child), .TableTitle > tbody > tr:first-child:not(:only-child) td {
    color: var(--cor-texto-titulo-td)!important;
}
 
 .TableTitleSingle {
     height: 24px;
     font-weight: bold;
     color: var( --cor-texto-titulo-td)!important;
     background: var(--cor-titulo-td)!important;
 }

 .TableTitleSingle td{
    color: var( --cor-texto-titulo-td)!important;
}
 
 .Content .BoxContent .Odd:hover {
     transition-duration: 0.1s;
     transform: scale(1.004);
     transition-timing-function: ease-in-out;
 }
 
 .Content .BoxContent .Even {
     background-color: #F1E0C6;
     padding: 2px
 }
 
 .Content .NewsCategoryIconSmall {
     position: absolute;
     top: 1px;
     left: 1px;
     height: 16px;
     width: 16px;
     background-repeat: no-repeat
 }
 
 .Content #newsticker .BoxContent {
     padding: 14px;
     min-height: 50px;
     height: auto !important;
     color: var(--cor-texto-td)
 }
 
 .Content #newsticker .BoxContent .Row {
    position: relative;
    background-color: var(--cor-gradiente-1);
    padding: 6px;
    margin: 4px;
    border-radius: 6px 
 }
 
 .Content #newsticker .newstickerIcon {
    float: left;
    height: 16px;
    width: 16px;
    background-repeat: no-repeat;
 }
 
 .Content #newsticker .newstickerText {
     font-size: 9pt;
     position: relative;
     margin-left: 20px
 }
 
 .Content #newsticker .newstickerDate {
     font-size: 8pt;
     position: absolute;
     top: 0;
     float: left
 }
 
 .Content #newsticker .newstickerShortText {
    margin-left: 79px;
    height: 14px;
    overflow: hidden;
}
 
.Content #newsticker .newstickerFullText {
    margin-left: 79px;
    margin-right: 20px;
    display: none;
    word-wrap: break-word;
}
 
 .Content #newsticker .newstickerExtend {
     position: relative;
     top: 1px;
     right: 1px;
     height: 12px;
     width: 12px;
     background-repeat: no-repeat;
     float: right;
     cursor: pointer;
     z-index: 250
 }
 
 .Content #FeaturedArticle .BoxContent {
     font-family: Verdana, Arial, Times New Roman, sans-serif;
     font-size: 9pt;
     color: #ffffff;
     min-height: 100px;
     height: auto !important;
 }
 
 .Content #FeaturedArticle .NewsHeadline {
     margin-top: 0px
 }
 
 .Content #FeaturedArticle #TeaserThumbnail {
     position: relative;
     top: 0;
     right: 0;
     height: 100px;
     width: 150px;
     margin-left: 10px;
     z-index: 90;
     float: right
 }
 
 #ContentHelper #FeaturedArticle:first-child .BoxContent {
     padding: 10px
 }
 
 .Content #FeaturedArticle #TeaserText {
     height: 100px;
     overflow: hidden;
     z-index: 0
 }
 
 .Content #FeaturedArticle #Link {
     position: absolute;
     top: 0;
     right: 0;
     margin: 89px 165px 0 0;
     z-index: 99
 }
 
 .Content #FeaturedArticle .NewsHeadlineBackground {
     position: relative;
     box-shadow: #00000059 0 4px 5px;
     height: 28px;
     background-repeat: repeat-x;
     border-left: 1px solid #000000;
     border-right: 1px solid #000000;
 }
 
 .Content #FeaturedArticle .NewsHeadlineIcon {
     position: absolute;
     top: -1px;
     left: 0;
     margin-left: 5px;
     margin-right: 5px;
     float: left
 }
 
 .Content #FeaturedArticle .NewsHeadlineDate {
     font-size: 7pt;
     position: absolute;
     top: 9px;
     left: 50px;
     width: 85px;
     color: white
 }
 
 .Content #FeaturedArticle .NewsHeadlineText {
     position: relative;
     top: 8px;
     left: 135px;
     font-size: 10pt;
     font-weight: bold;
     color: white
 }
 
 .Content #News .BoxContent {
     height: auto !important;
     min-height: 367px
 }
 
 .Content #News .NewsHeadlineBackground {
     position: relative;
     height: 28px;
     margin-bottom: 5px;
     background-repeat: repeat-x;
     border-left: 1px solid #000000;
     border-right: 1px solid #000000
 }
 
 .Content #News .NewsHeadlineIcon {
     position: absolute;
     top: -1px;
     left: 0;
     margin-left: 5px;
     margin-right: 5px
 }
 
 .Content #News .NewsHeadlineDate {
     font-size: 7pt;
     position: absolute;
     top: 10px;
     left: 50px;
     width: 85px;
     color: white
 }
 
 .Content #News .NewsHeadlineText {
     position: relative;
     top: 7px;
     left: 135px;
     font-size: 10pt;
     font-weight: bold;
     color: white
 }
 
 .Content .NewsHeadline .MostPowerfullGuilds {
     position: relative;
     top: 5px;
     text-align: center;
     font-size: 12pt;
     letter-spacing: 1px;
     font-family: padrao;
     -webkit-text-stroke: 0.2px #000000e0;
     -webkit-text-stroke-width: 0.2px;
     -webkit-text-stroke-color: rgba(0, 0, 0, 0.88);
     /* font-weight: bold; */
     color: #f0d1a4;
 }

 .Content #NewsArchive .BoxContent {
    min-height: 300px;
}
 
 .Content #NewsArchive .NewsHeadlineBackground {
     position: relative;
     box-shadow: #00000059 0 4px 5px;
     height: 28px;
     background-repeat: repeat-x;
     border-left: 1px solid #000000;
     border-right: 1px solid #000000;
 }
 
 .Content #NewsArchive .NewsHeadlineIcon {
     position: absolute;
     top: -1px;
     left: 27px;
 }
 
 .Content #NewsArchive .NewsHeadlineAutor {
     font-size: 6pt;
     position: absolute;
     top: 15px;
     left: 75px;
     letter-spacing: 2px;
     color: #f0d1a4;
 }
 
 .Content #NewsArchive .NewsHeadlineDate {
     font-size: 6pt;
     position: absolute;
     top: 2px;
     left: 75px;
     letter-spacing: 2px;
     color: #f0d1a4;
 }
 
 .Content #NewsArchive .NewsHeadlineText {
     position: relative;
     top: 5px;
     text-align: center;
     font-size: 12pt;
     letter-spacing: 1px;
     font-family: padrao;
     -webkit-text-stroke: 0.2px #000000e0;
     -webkit-text-stroke-width: 0.2px;
     -webkit-text-stroke-color: rgba(0, 0, 0, 0.88);
     /* font-weight: bold; */
     color: #f0d1a4;
 }
 
 .Content  .NewsHeadlineBackground {
     position: relative;
     box-shadow: #00000059 0 4px 5px;
     height: 28px;
     background-repeat: repeat-x;
     border-left: 1px solid #000000;
     border-right: 1px solid #000000;
 }
 
 .Content .NewsHeadlineIcon {
     position: absolute;
     top: -1px;
     left: 27px;
 }
 
 .Content .NewsHeadlineAutor {
     font-size: 6pt;
     position: absolute;
     top: 15px;
     left: 75px;
     letter-spacing: 2px;
     color: #f0d1a4;
 }
 
 .Content .NewsHeadlineDate {
     font-size: 6pt;
     position: absolute;
     top: 2px;
     left: 75px;
     letter-spacing: 2px;
     color: #f0d1a4;
 }
 
 .Content .NewsHeadlineText {
     position: relative;
     top: 5px;
     text-align: center;
     font-size: 12pt;
     letter-spacing: 1px;
     font-family: padrao;
     -webkit-text-stroke: 0.2px #000000e0;
     -webkit-text-stroke-width: 0.2px;
     -webkit-text-stroke-color: rgba(0, 0, 0, 0.88);
     /* font-weight: bold; */
     color: #f0d1a4;
 }
 
 #preloader {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%
 }
 
 #PremiumBox2 {
     position: relative;
     height: 204px;
     top: 141px;
     z-index: 5000;
 }
 
 #PremiumBoxDecor2 {
    margin: 0;
    position: absolute;
    top: -21px;
    left: -3px;
    width: 64px;
    height: 64px;
}
 
 #PremiumBoxBg2 {
     margin: 0;
     position: absolute;
     top: 34px;
     left: 10px;
     width: 160px;
     height: 126px
 }
 
 #PremiumBoxOverlay2 {
     margin: 0;
     position: absolute;
     top: 34px;
     left: 10px;
     width: 163px;
     height: 26px
 }
 
 #PremiumBoxOverlayText2 {
     color: #fff;
     font-family: Verdana, sans-serif;
     margin-top: 3px;
     text-align: center;
     font-size: 11px
 }
 
 #PremiumBoxButtonDecor2 {
     position: absolute;
     width: 114px;
     height: 26px;
     left: 33px;
     bottom: 34px;
     z-index: 25
 }
 
 #PremiumBoxButton2 {
     position: absolute;
     bottom: 43px;
     left: 18px;
     text-align: center
 }
 
 .WebshopButton {
     position: absolute;
     width: 142px;
     height: 34px;
     z-index: 10
 }
 
 .WebshopButtonOver {
     position: absolute;
     top: 0;
     left: 0;
     width: 142px;
     height: 34px;
     visibility: hidden;
     z-index: 15;
     vertical-align: middle
 }
 
 .WebshopButtonText {
     position: relative;
     top: 4px;
     z-index: 20
 }
 
 .Themebox2 {
     position: relative;
     top: 0;
     margin-bottom: 10px;
     width: 180px;
     height: 154px;
 }