#lights { width: 956px; height: 181px; display: block; background: url(https://nexusot.org/images/light.png) no-repeat; position: absolute; margin-left: 188px; margin-top: -10px; z-index: 4; } .traductor { background: url(../flags/bg.png); position: absolute; min-width: 80px; padding: 10px 10px 7px 10px; border-radius: 6px; color: #d7cece; opacity: .7; transition: opacity .3s ease; left: 4px; }  .traductor:hover { opacity: 1; /* Opacidade ao passar o mouse */ } .traductor a { text-decoration: none; /* Remove o sublinhado dos links */ color: inherit; /* Faz com que o texto do link herde a cor do elemento pai */ }  .traductor img { border: none; /* Remove qualquer borda em torno das imagens */ } #Header { position: absolute; }  #BackgroundImage { position: absolute; top: 0px; left: 0px; height: 180px; width: 990px; background-repeat: repeat-x; background-position: top left; }  /*-------------------------------------------------------------------------*//*LIVE*//*-------------------------------------------------------------------------*/ .live_popup { background-image: url("live_bg2.png"); background-repeat: no-repeat; height: 105px; position: fixed; bottom: 90px; z-index: 15; }  .live_name { margin-top: -10px; color: #ffffff; font-weight: bold; text-shadow: 1px 1px #000000; position: relative; }  #live_popup_ch{ margin-left: 45px; width: 1900px; }  #live_popup_ch .live_holder{ margin-left: 15px; margin-top: 10px; width: 115px; float: left; position: relative; }  #live_popup_ch img{ height: 62px; opacity: 0.7; } #live_popup_ch a:hover img{ /*height: 70px;*/ opacity: 1; } #live_popup_ch a .img { border: solid rgba(255, 255, 255, 0.8) 2px; background: #000; }  #live_popup_ch a:hover .img { border: solid rgba(255, 255, 255, 1.0) 2px; } #live_popup_ch .logo{ width: 35px; height: 35px; position: absolute; left: -10px; bottom: -5px; opacity: 1; } #live_btn{ position: absolute; height: 80px; width: 30px; left: 27px; top: 5px; color:white;} #live_btn i{ margin-left: 18px; margin-top: 8px; font-size: 12px; } .live_holder { position: relative; }  .play-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 25px; opacity: 0.8; }  .play-icon i { margin-left: 2px; } .stream-container { position: relative; width: 100%; height: 384px; overflow: hidden; border: 1px solid #40220a; }  .stream-thumbnail, .play-button, .player-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }  .stream-thumbnail { background-size: cover; background-position: center; }  .play-button { background: none; border: none; font-size: 48px; color: #ffffff; cursor: pointer; opacity: 0.8; transition: opacity 0.3s; }  .play-button:hover { opacity: 1; }  .player-container { z-index: -1; }  .body-bg { position: absolute; background-image: url(../images/fundo.png); background-repeat: no-repeat; } .body-video { position: absolute;width: 100%; height: auto; z-index: -10; background-size: cover; } body-video::-webkit-media-controls { display: none !important; } body-video::-webkit-media-controls-enclosure { display: none !important; } body-video::-webkit-media-controls-panel { display: none !important; } body-video::-webkit-media-controls { display: none !important; } /*-------------------------------------------------------------------------*/  .LevelRange { float: left; height: 8px; width: 8px; margin-right: 5px; border-bottom: 1px solid #000; }  .LevelRangeInput { text-align: right; width: 100px; }  .AuctionInput { width: 115px; margin-right: 7px; float: left; }  .AuctionFilterHelper { clear: both; }  .AuctionInputLong { width: 237px; }  #CurrentTradesItemSearch #ItemInput { width: 350px; }  .DisplayOptionsContent #ItemInput { width: 352px; }  .DisplayOptionsContent { min-height: 25px; min-width: 600px; }  .DisplayOptionsContent .DisplayOptionsLabel { float: left; padding-top: 2px; }  .DisplayOptionsButton .BigButton { position: absolute; right: 5px; }  .Content .BoxContent td { font-family: Verdana, Arial, Times New Roman, sans-serif; font-size: 10pt; color: #5a2800; }  .LabelV120 { font-weight: 700; padding-right: 10px; white-space: nowrap; vertical-align: top; width: 120px; }  .PageNavigation { padding-right: 10px; padding-bottom: 7px; }  .TableContentContainer { border: 1px solid #5f4d41; position: relative; margin-right: 7px; margin-bottom: 5px; height: 100%; background-color: #d4c0a1; padding: 0; }  .InnerTableContainer .TableContentContainer { box-shadow: 3px 3px 2px #875f3e; }  .AuctionLinks { position: absolute; right: 6px; top: 4px; height: 15px; }  .AuctionLinks a { margin-left: 5px; }  .AuctionCharacterName { font-weight: 700; margin-bottom: 4px; }  .AuctionBody { display: flex; width: 100%; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; align-content: stretch; margin-top: 5px; padding-top: 5px; border-top: 1px dashed #5a2800; }  .AuctionOutfit { position: relative; }  .AuctionBodyBlock { margin-top: 5px; margin-bottom: 5px; }  .AuctionDisplay { flex-basis: 112px; flex-grow: 0; flex-shrink: 0; order: 0; padding: 1px; background-color: #f1e0c6; border: 1px solid #5a2800; box-shadow: 2px 2px 5px 0 rgb(0 0 0 / 75%); float: left; margin-right: 10px; }  .AuctionNewIcon { position: absolute; left: -4px; top: -4px; z-index: 100; }  .AuctionOutfitImage { position: absolute; left: 0; top: 15px; z-index: 100; image-rendering: crisp-edges; image-rendering: pixelated; width: 80px; }  .AuctionItemsViewBox { display: grid; grid-template-columns: repeat(auto-fill, minmax(36px, 1fr)); grid-auto-rows: 38px; }  .VSCCoinImages { position: relative; margin-left: 2px; margin-right: 2px; }  .CVIcon.CVIconObject { width: 32px; height: 32px; overflow: hidden; }  .CVIcon.CVIconObject.NoEquipment { font-size: 10px; text-align: center; }  .NoEquipment p { margin-top: 2px; }  .CVIcon { float: left; position: relative; z-index: 150; cursor: help; background-color: #d5c0a1; border: 1px solid #5a2800; margin: auto; padding: 1px; width: 64px; height: 64px; overflow: hidden; image-rendering: crisp-edges; image-rendering: pixelated; }  .CVIcon.CVIconObject img { width: 32px; height: 32px; }  .ObjectAmount { position: absolute; bottom: 0; right: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: 700; z-index: 100; color: #fff; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; }  .ShortAuctionData { position: relative; min-width: 300px; flex-shrink: 0; flex-grow: 1; padding: 10px; padding-top: 2px; padding-bottom: 2px; text-align: left; background-color: #f1e0c6; border: 1px solid #5a2800; box-shadow: 2px 2px 5px 0 rgb(0 0 0 / 50%); }  .ShortAuctionData .AuctionTimer { position: absolute; top: 18px; right: 10px; width: 200px; text-align: right; background-color: #f1e0c6; color: red; }  .ShortAuctionData .ShortAuctionDataLabel { width: 115px; font-weight: 700; float: left; }  .ShortAuctionDataValue { text-align: right; }  .ShortAuctionDataBidRow { margin-top: 5px; }  .CurrentBid { width: 142px; flex-shrink: 0; margin-left: 10px; padding: 5px; text-align: center; background-color: #f1e0c6; border: 1px solid #5a2800; box-shadow: 2px 2px 5px 0 rgb(0 0 0 / 50%); display: flex; flex-direction: column; justify-content: space-around; }  .CurrentBid .Container { margin-right: auto; margin-left: auto; text-align: center; }  .MyMaxBidLabel { font-weight: 700; }  .MyMaxBidInput { width: 131px; margin-top: 4px; margin-bottom: 4px; }  .SpecialCharacterFeatures { flex-basis: 300px; flex-grow: 1; display: flex; flex-direction: column; justify-content: center; align-content: stretch; align-items: center; padding: 10px; background-color: #f1e0c6; border: 1px solid #5a2800; box-shadow: 2px 2px 5px 0 rgb(0 0 0 / 50%); }  .SpecialCharacterFeatures .Entry { width: 100%; min-width: 300px; text-align: left; }  .SpecialCharacterFeatures .CharacterFeatureCategory { margin-right: 5px; }  .BlockPageNavigationRow { height: 20px; margin-top: 3px; margin-bottom: 5px; padding: 6px; padding-top: 6px; padding-bottom: 6px; padding-top: 3px; padding-bottom: 0; background-color: #d5c0a1; border: 1px solid #5a2800; }  .BlockPage { display: grid; grid-template-columns: repeat(auto-fill, minmax(68px, 1fr)); grid-auto-rows: 73px; grid-gap: 1px; }  .BlockPage.BlockPageObject { grid-template-columns: repeat(auto-fill, minmax(36px, 1fr)); grid-auto-rows: 38px; }  .LevelColumn { width: 30px !important; text-align: right; }  .PercentageColumn { position: relative; margin-right: 2px; }  .PercentageBar { position: absolute; height: 18px; background-color: #5f4d41; top: 1px; }  .PercentageBarSpacer { width: 5px; }  .PercentageStringContainer { width: 100%; text-align: center; }  .PercentageString { position: absolute; top: 3px; width: 50%; margin-left: 20px; left: 0; text-align: right; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 700; color: #fff; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; }  .LabelColumn { width: 80px !important; white-space: nowrap; }  .CharacterTradeTibiaCoinBalance { display: flex; position: absolute; top: 13px; color: #fff; right: 5px; font-size: 7pt; margin-right: 5px; }  /*-------------------------------------------------------------------------*/ /*	countdown /*-------------------------------------------------------------------------*/ #countdown { padding: 0;  } #countdown thead tr td{font-size:39pt;font-family:TrajanPro} #countdown tbody tr td{font-size:12pt;font-family:'TrajanPro';color:#403e3c;padding: 15px;} #countdown thead>tr td:last-child{color:red;background:0 0;-webkit-text-fill-color:unset;-moz-text-fill-color:unset} /*-------------------------------------------------------------------------*/
#clockcontainer {
    position: absolute;
    display: block;
    left: 50%;
    transform: translateX(-50%);
    top: -145px;
}
#clockdiv {
    font-family: sans-serif;
    color: #5a2800;
    font-weight: 100;
    text-align: center;
    font-size: 16px;
    background: rgb(209, 190, 167);
    padding: 6px;
    border-radius: 1px;
    border: 1px solid #5f4d41;
    margin: 0 auto;
    display: block;
    width: 230px;
}
#clockdiv > div {
    padding: 6px 6px;
    background: #f1e0c6;
    display: inline-block;
    border: 1px solid #5f4d41;
    border-radius: 5px;
    margin: 0 1px;
}
#clockdiv div > span {
    padding: 6px 1px;
    border-radius: 5px;
    background: #d4c0a1;
    display: inline-block;
    font-size: 22px;
    width: 34px;
}
.smalltext {
    font-family: sans-serif;
    padding-top: 3px;
    font-size: 12px;
}