/* GLOBAL HEADER */

#header {
    position: unset;
}

.top-menu {
    margin-top: 29px;
}

/*PRUEBA*/
.menu-op {
background: #232323;
    height: 29px;
    font-family: Helvetica;
    font-size: 15px;
    z-index: 500;
    top: 0%;
    position: fixed;
    width: 100%;
}

.menu-op ul {
display: flex;
justify-content: center;
align-items: center;
}

.menu-op ul li {
list-style: none;
padding: 4px 10px;
position: relative;
transition: 0.5s;
display: block;
}

.menu-op ul li:hover {
    background-color: var(--navbar-hover);
}

.menu-op ul li a {
color: #fff;
text-decoration: none;
padding: 5px 10px;
}

.menu-op ul li ul a {
padding: 20px 0px;
}

.menu-op ul li ul {
display: none;
}

.menu-op ul li:hover ul {
display: block;
position: absolute;
margin-top: 4px;
margin-left: -10px;
background: #232323;
border-radius: 1px;
width: 195px;
padding: 10px 2px;
box-shadow: 0px 20px 100px 0px rgba(0, 0, 0, 0.5);
}

.navigation {
    margin-top: 20px;
}

#recentthreads table {
    margin-top: 15px;
}

#recentthreads .thead {
    padding: 7px 1.425em 7px 1.275em;
    background: var(--primary-dark);
}

#recentthreads .trow1, #recentthreads .trow2 {
    padding: 5px 1.275em 5px 1.175em;
}

#whosonline .thead.side, #affiliations .thead.side {
    background: var(--primary-dark);
}

form #message {
    width: 100%
}

/* Varias paginas */

.fondo-blanco {
    background-color: ghostwhite;
    padding: 20px 20px;
    border-radius: 6px;
}

/* ARREGLAR */
/* global.php */

#footer {
    width: 1050px !important;
    margin: auto;
}

#content {
    width: 1050px !important;
    margin: auto;
    padding: 17px 0px;
    background: unset;
    overflow: hidden;
}

#logo {
    width: 1050px !important;
    height: auto;
    /* height: 473px;  592px 473px*/
    background-size: cover;
    margin: auto;
    background-size: cover !important;
    background-color: #74a3d5 !important;
    padding: 0;
}

#logo img {
    width: 100%;
}

#container {
    background-image: var(--default-background);
    background-color: var(--default-background-color);
    background-attachment: fixed;
    min-width: 1050px;
    min-height: 100vh;
}

.post.classic .post_content {
    width: 73%;
}

.post.classic .post_author {
    width: 22%;
}

#panel .upper {
    height: 50px;
}

/* IN ROL DATE  */
.in-rol-date-container {
    width: 1050px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    height: 30px;
    background-color: #013b53;
    box-shadow: 0px 1px 2px black;
    background-image: linear-gradient(#091926, #203d53);
}

.in-rol-date-container span {
    color: var(--primary-lighttext);
    text-shadow: 2px 2px 2px black;
    letter-spacing: 2px;
    font-family: Lemon Milk;
    font-size: 15px;
}

.primary-color-link a:link {
	color: var(--primary-color);
}

.primary-color-link a:visited {
	color: var(--primary-text);
	text-decoration: none;
}

.primary-color-link a:hover,
.primary-color-link a:active {
    color: var(--primary-border);
}

.in-rol-date-text {
    color: var(--primary-lighttext) !important;
    text-shadow: 2px 2px 2px black;
    letter-spacing: 2px;

    font-family: Lemon Milk;
    font-size: 15px;
}

/* INDEX  */

.indice-general-bar, .indice-blues-bar, .indice-red-line-bar, .indice-corriente-gl-1-bar, .indice-islas-especiales-bar {
    cursor: pointer;
}

.img-general img {
    height: 160px;
}

.img-blues img {
    height: 319px;
}

.img-red-line img {
    height: 319px;
}

.cursor-pointer {
    cursor: pointer;
}

.smooth-transition {
    transition: 0.5s ease-out;
}

.smooth-transition a img {
    transition: 0.5s ease-out;
}

.hide-content {
    height: 0 !important;
    width: 100%
}

/* Personaje */
.personaje_stats_title {
    font-weight: bold;
    text-decoration: underline
}

.personaje_stats {
    font-weight: bold;
    color: #ff8700
}

.personaje_vitalidad {
    font-weight: bold;
    color: #00a00c;
}

.personaje_energia {
    font-weight: bold;
    color: #cabc00;
}

.personaje_espiritu {
    font-weight: bold;
    color: #338bce
}