/* =========================================================
   MU ONLINE - DISEÑO ORIGINAL CON IMÁGENES ONLINE
   Imágenes desde: https://comunidadgamer.es/muonline/images
   Compatible WebEngine 1.2.6
========================================================= */

/* BASE */
html {
    zoom: 1.0;
    min-width: 1030px;
}

html, body {
    height: 100%;
    margin: 0;
}

body {
    display: flex;
    flex-direction: column;
    background: #000 url('https://comunidadgamer.es/muonline/images/muonline-bg-principal.jpg') repeat-y center top;
    color: #ffffff;
    font-family: Verdana, Arial, Geneva, sans-serif;
    font-size: 0.9em;
}




/* Evita que el footer se monte sobre columnas */
#content-container {
    clear: both;
}

/* Footer en su propio flujo */
#footer-container {
    position: relative;
    z-index: 1;
}

/* Evita solapamiento con columnas laterales */
.footer {
    clear: both;
}

/* Ajuste por si usa layout flotante */
#content-left,
#content-center,
#content-right {
    position: relative;
    z-index: 2;
}
/* LISTBOX */
.subnav .nav-selection .listbox {
    background: url('https://comunidadgamer.es/muonline/images/muonline-nav-bg.gif') repeat-y;
    text-align: center;
    padding: 0; /* QUITAMOS EXCESO */
}

/* SELECCIONES */
.subnav .nav-selection .listbox .selection {
    margin: 0;
    padding: 4px 0; /* poco espacio */
    line-height: 9.5px; /* altura compacta */
}

/* ENLACES */
.subnav .nav-selection .listbox .selection a {
    display: block;
    padding: 2px 0;
}
/* =========================================================
   NAVBAR SPRITE FIX (MU ONLINE)
========================================================= */

ul#nav {
    position: relative;
    width: 732px;
    height: 67px;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

ul#nav li {
    position: absolute;
    top: 0;
    height: 67px;
}

/* HEADER CONTAINER */
.bg-fix-hill {
    background: url('https://comunidadgamer.es/muonline/images/muonline-header-bg.jpg') top center no-repeat;
    height: 333px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 24px;
}

#header-container {
    width: 985px;
    height: 184px;
    margin: 0 auto;
    position: relative;
    background: url('https://comunidadgamer.es/muonline/images/muonline-header-bg.jpg') top center no-repeat;
    background-size: 985px 184px; /* fuerza tamaño exacto */
}

.header-base {
    position: absolute;
    top: 118px;
    left: 0;
    width: 985px;
    height: 68px;
    background: url('https://comunidadgamer.es/muonline/images/muonline-header-base-metal.jpg') center center no-repeat;
    background-size: 985px 68px; /* fuerza ajuste horizontal y vertical */
    z-index: 0;
}
.footer-row1 img {
    display: inline-block;
    margin: 0 10px;
    vertical-align: middle;
}

.footer-row1 {
    text-align: center;
    padding-top: 20px;
}

.footer-row2 {
    width: 810px;
    margin: 40px auto 0;
}
/* LOGO */
.header-logo {
    position: absolute;
    top: 0;
    left: 55px;
    width: 407px;
    height: 127px;
    z-index: 2;
}

.header-logo img {
    width: 407px;
    height: 127px;
}

/* PERSONAJES */
.header-char {
    position: absolute;
    top: -90px;
    left: 534px;
    width: 450px;
    height: 329px;
    z-index: 1;
}

.header-char img {
    width: 540px;
    height: 329px;
}

/* NAVBAR */
.navbar {
    position: absolute;
    top: 117px;
    left: 125px;
    width: 732px;
    height: 67px;
    z-index: 3;
}
ul#nav li a {
    display: block;
    height: 67px;
    text-indent: -9000px;
    background: url('https://comunidadgamer.es/muonline/images/muonline-nav-matrix.gif') no-repeat;
}

/* POSICIONES EXACTAS DEL SPRITE */
ul#nav li#hom { left: 0; width: 183px; }
ul#nav li#her { left: 183px; width: 183px; }
ul#nav li#rlm { left: 366px; width: 183px; }
ul#nav li#for { left: 549px; width: 183px; }

/* ESTADOS (hover) */
body#home li#hom a { background-position: 0 0; }
body#home li#her a { background-position: -183px 0; }
body#home li#rlm a { background-position: -366px 0; }
body#home li#for a { background-position: -549px 0; }

body#home li#her a:hover { background-position: -183px -67px; }
body#home li#rlm a:hover { background-position: -366px -67px; }
body#home li#for a:hover { background-position: -549px -67px; }

/* ACTIVE STATES */
body#herald li#hom a { background-position: 0 -268px; }
body#herald li#her a { background-position: -183px -67px; }
body#realm li#rlm a { background-position: -366px -134px; }
body#forum li#for a { background-position: -549px -201px; }
/* LINKS */
a, a:visited {
    color: #999999;
    text-decoration: none;
    transition: all 0.2s ease;
}

a:hover, a:active {
    color: #f5d87c;
    text-shadow: 0 0 6px #FC4B08;
}

/* GLOBAL NAV */
#gnav-container {
    background: #000000;
    color: #999999;
    font-size: 17px;
    height: 24px;
    width: 100%;
    text-align: center;
}

.gnav {
    width: 600px;
    margin: 0 auto;
    text-align: left;
}

.gnav a {
    color: #999999;
    padding: 0 10px;
}

.gnav a:hover {
    color: #990000;
    text-decoration: underline;
}

/* HEADER */
#header-container {
    background: url('https://comunidadgamer.es/muonline/images/muonline-header-bg.jpg') top center no-repeat;
    height: 184px;
    width: 985px;
    margin: auto;
    position: relative;
}

.header-base {
    background: url('https://comunidadgamer.es/muonline/images/muonline-header-base-metal.jpg') top center no-repeat;
    height: 68px;
    position: absolute;
    top: 118px;
    width: 985px;
}

.header-logo {
    position: absolute;
    left: 55px;
    top: 0;
    width: 407px;
    height: 127px;
}

.header-char {
    position: absolute;
    left: 534px;
    top: -90px;
    width: 450px;
    height: 127px;
}

/* NAVBAR (sprites) */
.navbar {
    position: absolute;
    top: 117px;
    left: 125px;
    width: 732px;
    height: 67px;
}

ul#nav {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 67px;
}

ul#nav li a {
    display: block;
    height: 67px;
    text-indent: -9000px;
    background: transparent url('https://comunidadgamer.es/muonline/images/muonline-nav-matrix.gif') no-repeat;
}

/* NAV SPRITES */
body#home ul#nav li#hom a { background-position: 0 0; left:0; width:183px; }
body#home ul#nav li#her a { background-position: -183px 0; left:183px; width:183px; }
body#home ul#nav li#rlm a { background-position: -366px 0; left:366px; width:183px; }
body#home ul#nav li#for a { background-position: -549px 0; left:549px; width:183px; }

/* COLUMNS */
#wrapper {
    width: 985px;
    margin: 0 auto;
}
#footer-container {
    margin: 0;
}
#content-left {
    float: left;
    width: 157px;
}

#content-right {
    float: right;
    width: 157px;
}

#content-center {
    float: left;
    width: 660px;
    margin-left: 5px;
    text-align: center;
}

/* SUBNAV */
.subnav {
    margin: 0 0 22px 0; /* separación de 10px entre bloques */
    padding: 0;
}

.subnav .cat-title img {
    display: block;
    margin: 0 auto;
}

.subnav .nav-selection {
    margin: 0;
    padding: 0;
}

.subnav .nav-selection .header {
    background: url('https://comunidadgamer.es/muonline/images/muonline-nav-header.gif') top center no-repeat;
    height: 17px;
    margin: 0;
    padding: 0;
}

.subnav .nav-selection .listbox {
    background: url('https://comunidadgamer.es/muonline/images/muonline-nav-bg.gif') repeat-y center top;
    margin: 0;
    padding: 0;
}

.subnav .nav-selection .listbox .selection {
    padding: 5px 0;
    line-height: 9.5px; /* reduce separación */
}

.subnav .nav-selection .listbox .selection a {
    display: block;
    padding: 2px 0;
}

.subnav .nav-selection .footer {
    background: url('https://comunidadgamer.es/muonline/images/muonline-nav-footer.gif') top center no-repeat;
    height: 12px;
    margin: 0;
    padding: 0;
}

/* RIGHT BANNERS */
.rightbar-box1 {
    margin-bottom: 15px;
}

/* FOOTER */
#footer-container {
    background: url('https://comunidadgamer.es/muonline/images/muonline-footer-bg.gif') top center no-repeat;
    height: 1200px;
    position: relative;
    margin: 0px auto 0;
    width: 805px;
}

.footer {
    text-align: center;
    color: #666;
    padding-top: 120px;
}

.footer .footer-row1 img {
    margin: 0 10px;
}

/* LEGAL TEXT */
.legal-text {
    position: relative;
    left: -60px;
}

/* SOCIAL ICONS */
.footer-social-link img {
    width: 45px;
    transition: all .3s ease;
}

.footer-social-link:hover img {
    filter: brightness(1.2);
}

/* ONLINE BAR */
.webengine-online-bar {
    background: #000;
    border: 1px solid #555;
    height: 8px;
}

.webengine-online-bar-progress {
    background: #00ff00;
    height: 8px;
}

/* INPUTS */
input, button {
    font-size: 11.5px !important;
}

/* IMAGES RESET */
img {
    
    .sidebar-login input {
    width: 100%;
    margin-bottom: 8px;
    padding: 5px;
}

.sidebar-login button {
    width: 100%;
    padding: 6px;
}

.sidebar-login a {
    display: block;
    margin-top: 8px;
}
    border: 0;
}