body {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    background-image: url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAACAAEDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAb/xAAaEAEAAQUAAAAAAAAAAAAAAAAAAQMEFFST/8QAFAEBAAAAAAAAAAAAAAAAAAAAAP/EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/AK3BtNWhzgAH/9k=');
    background-attachment: fixed;
    margin: 0;
}

td, p, li {
    font-size: 12px
}

a:link, .link {
    color: red;
    text-decoration: none;
    font-weight: bold;
}

a:visited {
    color: red;
    text-decoration: none;
    font-weight: bold;
}

a:hover {
    color: red;
    text-decoration: underline;
    font-weight: bold;
}

.bg-white {
    background-color: #fff;
}

.bg-black {
    background-color: #000;
}

.logo {
    width: 100%;
    overflow: hidden;
}

.logo img {
    width: 100%
}

@media (max-width: 767px) {

    .logo img {
        width: 180%
    }
}

.navbar, .navbar-light .navbar-brand, .navbar-light .navbar-brand:hover, .navbar-light .navbar-nav .nav-link {
    color: peachpuff;
}

.navbar-light .navbar-brand {
    font-size: 2em;
}

.navbar-light .navbar-nav .nav-link {
    color: red;
    text-transform: uppercase;
}

.navbar-light .navbar-nav .nav-link:hover {
    color: darkred;
}


.corchetes::before {
    color: peachpuff;
    content: "["
}

.corchetes::after {
    color: peachpuff;
    content: "]"
}


.nav-link {
    padding: .5rem 1rem 0;
}

.with-black-stripe {
    margin: 10px 0 20px;
    padding: 0;
}

.with-black-stripe .stripe {
    background-color: #000;
    color: gold;
    text-align: center;
    font-weight: bold;
    padding: 3px;
}

.with-black-stripe .stripe a {
    color: gold;
}

.with-black-stripe .content {
    padding: 10px;
    background-color: #FFF;
    overflow: hidden;
}

.with-black-stripe .content img {
    max-width: 100%;;
    height: auto;
}


.rd {
    color: lightgreen
}

.asp {
    font-size: 12px;
    background-color: white;
    text-align: center;
}


.aligncenter {
    text-align: center;
}

img.aligncenter {
    margin: 0 auto;
}

.alignright {
    float: right;
    margin: 0 0 10px 10px;
}

.alignleft {
    float: left;
    margin: 0 10px 10px 0;
}

iframe {
    margin: 0 auto;
    max-width: 100%;
}

.pagelinks a {
    font-size: 2rem;
    color: gold;
}

.pagelinks a.actual {
    color: white;
}


footer {
    background: #000;
}

footer p {
    color: #FFF;
    padding: 10px 0;
    margin: 0;
}

footer a {
    color: gold;
}


/* VIP */
.rd {
    color: lightgreen
}

.asp {
    font-size: 12px;
    background-color: white;
    text-align: center;
}

.asplink {
    font: 11px orange;
    background-color: white;
    text-align: center;
    color: black;
}

.aspmenu {
    font-size: 11px;
    color: peachpuff;
    font-weight: bold;
    background-image: url(imagenes/menu2.gif);
    text-align: center;
    WIDTH: 100px;
    HEIGHT: 15px;
}

.rayado {
    font-size: 12px;
    color: peachpuff;
    background-image: url(imagenes/menu2.gif);
    text-align: center;
}

.aspo {
    font-size: 12px;
    background-color: white;
    text-align: center;
    color: black;
}

.aspb {
    font-size: 12px;
    background-color: white;
    color: black;
}

.d-flex-start {
    display: flex;
    align-items: center;
    justify-content: start;
}

.aspi {
    font-size: 12px;
    background-color: white;
    text-align: right;
    color: black;
}

.aspb2 {
    font-size: 12px;
    background-color: mediumblue;
    color: peachpuff;
}

.asplinkb {
    font: 11px;
    background-color: blue;
    text-align: center;
    color: peachpuff;
}

.bajando {
    font-size: 11px;
    background-color: blue;
    color: yellow;
}

.espera {
    font-size: 11px;
    background-color: darkred;
    color: white;
}

.finalizado {
    font-size: 11px;
    background-color: green;
    color: black;
}

.encuesta {
    font: 10px;
    color: black;
    background-color: white;
    text-align: center;
}

.bip {
    color: orange;
}

.gran {
    font-size: 13px;
}

.error {
    font-size: 12px;
    background-color: white;
    text-align: center;
    color: red;
    font-weight: bold;
}

.bus {
    background-color: white;
    color: white;
    font-weight: bold;
}

input {
    font-family: "verdana";
    font-size: 13px;
}

.gruvy {
    border-style: groove;
}

A:LINK {
    COLOR: red;
    TEXT-DECORATION: none;
    font-weight: bold;
}

A:VISITED {
    COLOR: red;
    TEXT-DECORATION: none;
    font-weight: bold;
}

A:hover {
    color: darkred;
    TEXT-DECORATION: underline;
    font-weight: bold;
}

A.milk:LINK {
    COLOR: red;
    TEXT-DECORATION: none;
    font-weight: bold;
}

A.milk:VISITED {
    COLOR: darkred;
    TEXT-DECORATION: none;
    font-weight: bold;
}

A.milk:hover {
    color: darkred;
    TEXT-DECORATION: underline;
    font-weight: bold;
}

A.leche:LINK {
    COLOR: white;
    TEXT-DECORATION: none;
    font-weight: bold;
}

A.leche:VISITED {
    COLOR: peachpuff;
    TEXT-DECORATION: none;
    font-weight: bold;
}

A.leche:hover {
    color: peachpuff;
    TEXT-DECORATION: underline;
    font-weight: bold;
}

A.amarillo:LINK {
    COLOR: gold;
    TEXT-DECORATION: none;
    font-weight: bold;
}

A.amarillo:VISITED {
    COLOR: gold;
    TEXT-DECORATION: none;
    font-weight: bold;
}

A.amarillo:hover {
    color: gold;
    TEXT-DECORATION: underline;
    font-weight: bold;
}

.hand {
    CURSOR: hand;
}

.c {
    text-align: center;
}

.d {
    text-align: right;
}

.top {
    vertical-align: top;
}

.topc {
    vertical-align: top;
    text-align: center;
}

.blue {
    background-color: blue;
}

.opaco {
    font-size: 15px;
    color: peachpuff;
    font-weight: bold;
    background-image: url(imagenes/menu2.gif);
    text-align: left;
}

.filtrado {
    filter: Alpha(Opacity="100", FinishOpacity="10", Style="1");
}

.fecha {
    color: navy;
    font-weight: bold;
}

.rad {
    height: 2px;
    filter: DropShadow(Color="#C0C0C0", OffX="2", OffY="2", Positive="1");
}

.skin0 {
    position: absolute;
    text-align: left;
    width: 200px;
    border: 2px solid black;
    background-color: menu;
    font-family: Verdana;
    line-height: 20px;
    cursor: default;
    visibility: hidden;
}

.skin1 {
    cursor: default;
    font: menutext;
    position: absolute;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    width: 120px;
    background-color: menu;
    border: 1 solid buttonface;
    visibility: hidden;
    border: 2 outset buttonhighlight;
}

.menuitems {
    padding-left: 15px;
    padding-right: 10px;
}

.n {
    color: gold;
    font-weight: bold;
}

#supertext {
    position: absolute;
    left: 0;
    top: 0;
    visibility: hide;
    visibility: hidden;
}

input {
    font-family: "Comic Sans MS";
    font-size: 11px;
}

.fino {
    border: 1px solid black;
}

.f-right {
    float: right;
}

.f-left {
    float: left;
}

.text-center {
    text-align: center
}

.vip-hilo {
    box-sizing: border-box;
    table-layout: fixed;
    overflow-wrap: break-word;
    max-width: 100%;
    width: 100%;
    margin: 3px;
    border: solid 1px black;
    font-size: 12px;
    color: black;
    background: white;
}

.vip-hilo img {
    max-width: 100%;
}

.vip-user-wrapper {
    display: block;
}

.vip-user {
    height: 70px;
    min-height: 70px;
    clear: both;
    margin-left:5px;
}

.vip-ask {
    padding: 4px 0 4px 4px;
    min-height: 78px;
}

.vip-answer {
    padding: 4px 0 4px 30px;
    min-height: 78px;
    border-top: dotted 1px black;
}


.vip-login {
    border: none;
    border-bottom: solid 1px grey;
}
.vip-td30 span{
    width:30px;
}

.vip-title{
    color: red;
    text-decoration: none;
    font-weight: bold;
}
.vip-title:hover{
    color: darkred;
    text-decoration: underline;
    font-weight: bold;
}