body {
	word-break: break-word;
  overflow-wrap: break-word;
    visibility: hidden;
    background-color: #121212;
}
@font-face {
    font-family: 'Goth';
    src: url('/files/GTH.OTF') format('opentype');
    font-style: normal;
}
@font-face {
  font-family: 'UnifrakturCook';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/unifrakturcook/v14/IurA6Yli8YOdcoky-0PTTdkm56n05Xwy1oM.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
#tablones {
  background-color: #000;
  border-bottom: 1px solid #ffffff38;
  font-size: 14px;
  top: 0;
  width: 99%;
  padding: 4px;
  text-align: center;
  z-index: 999;
}

/* Estilos para pantallas grandes (PC) */
@media (min-width: 769px) {
  #tablones select {
    display: none;
  }
}

/* Estilos para móviles */
@media (max-width: 768px) {
  #tablones {
    position: fixed;
    top: 0;
    height: 25px; /* importante para calcular espacio */
  }
  #tablones .enlaces {
    display: none;
  }
  #tablones select {
    display: inline-block;
    margin-left: 10px;
    padding: 4px;
    font-size: 14px;
    background-color: #111;
    color: #fff;
    border: 1px solid #444;
    border-radius: 4px;
  }
}
h1 {
    /*font-family:UnifrakturCook;*/
}
	        .yt {
            cursor: pointer;
            display: inline-block;
            text-decoration: none;
            margin-right: 10px;
        }
        .pvw {
            position: relative;
        }
        .yt-embed {
            width: 560px;
            height: 315px;
            display: block;
            margin-top: 10px;
        }
        .toggle, .hide-toggle {
            display: inline-block;
            cursor: pointer;
            color: blue;
            text-decoration: underline;
        }
.marquee {
            height: 50px;
            overflow: hidden;
            position: relative;
            background: #fefefe;
            color: #333;
            border: 1px solid #4a4a4a;
        }
        
        .marquee p {
            position: absolute;
            width: 100%;
            height: 100%;
            margin: 0;
            line-height: 50px;
            text-align: center;
            /*-moz-transform: translateX(100%);*/
            -webkit-transform: translateX(100%);
            transform: translateX(100%);
            -moz-animation: scroll-left 2s linear infinite;
            -webkit-animation: scroll-left 2s linear infinite;
            animation: scroll-left 20s linear infinite;
        }
        
        @-moz-keyframes scroll-left {
            0% {
                /*-moz-transform: translateX(100%);*/
            }
            100% {
               /* -moz-transform: translateX(-100%);*/
            }
        }
        
        @-webkit-keyframes scroll-left {
            0% {
                -webkit-transform: translateX(100%);
            }
            100% {
                -webkit-transform: translateX(-100%);
            }
        }
        
        @keyframes scroll-left {
            0% {
                /*-moz-transform: translateX(100%);*/
                -webkit-transform: translateX(100%);
                transform: translateX(100%);
            }
            100% {
                /*-moz-transform: translateX(-100%);*/
                -webkit-transform: translateX(-100%);
                transform: translateX(-100%);
            }
        }
        .newthread h2 {
  margin-bottom: 13px;
}
.newthread textarea {
  min-height: 135px;
}

.form-group {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
  width: 500px;
}

.form-group label {
  width: 85px!important;
  /*! font-weight: bold; */
  margin-right: 10px;
}

.form-group input[type="text"],
.form-group textarea {
  padding: 5px;
  box-sizing: border-box;
}

.form-group input[type="text"] {
  flex: 1;
  font-family: Verdana, Arial, 'Lucida Grande', Tahoma, sans-serif, Meiryo, Osaka;
}

.form-group .submit {
  padding: 5px 10px;
}

textarea {
    resize: vertical;
    width: 100%;
    outline:none;
}
input {
    outline:none;
}
.form-group textarea {
  flex: 1;
  margin-right: 0; /* Elimina el margen derecho del textarea */
}
td input {
      padding: 3px;
	  font-family: sans-serif;
}
table.postform td input {
  width: 100%!important;
}
table.postform td {
  /*width: min-content;*/
}
input, textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*width: 95%;*/
}
textarea {
    max-width: 89vw;
   /* min-width: 36vw; */
    min-height: 13vh;
}
img.rotate {
	min-height:85px;
    margin-left: 7px;
    border: 1px solid #fff;
    margin-left: 0px;
    background-color: black;
}
darkdafont {
    font-size: 15pt;
    font-weight: bold;
    text-shadow: 2px 0px 7px #6a6a6a;
}
rojo, rojo a:link, rojo a:visited{
  color:#fa2d2d;
}
.quote
{
    border-left: solid 2px #666;
    padding: 0px 0px 0px 10px;
    margin: 3px 0px;
    display: inline-block;
  width: 95%;
}
.quote .quote
{
    border-left: solid 2px #888;
}
.verde {
/*color: #556f11;*/
font-style: italic;
}
div.head.threadldiv {
  text-align: center;
}
.quote .quote .quote
{
    border-left: solid 2px #aaa;
}
span.cited-by {
 font-size: smaller;
 margin-right:5px;
}
elim:hover {
    background:#d4d4d4;
}
span.borrar {
    visibility: hidden;
}
span.borrar {
    font-size: smaller;
}
div.post.odd p, div.post.even p {
    word-wrap: break-word;
  overflow: auto;
  text-overflow: ellipsis;
  white-space: normal;
  /*max-height: 500px;*/
}
div.post.even:hover .borrar {
    visibility: visible;
    opacity:0.75;
}
div.post.odd:hover .borrar {
    visibility: visible;
    opacity:0.75;
}
div.post.even:hover .borrar {
    visibility: visible;
}
div.post.odd:hover .borrar {
    visibility: visible;
}
.quote:hover { background: #f0f0e0; }
.spoiler
{
    background: #000;
    color: #000;
}
.spoiler:hover
{
    color: #FFF;
}
.aa
{
    text-align: left;
    font-family: IPAMonaPGothic,Mona,'MS PGothic',YOzFontAA97 !important
}
.pvw {
    width: 100px;
    height: 60px;
    overflow: hidden;
    float: left;
    margin-right: 5px;
}
.pvw img {
    margin-top: -15px;
    margin-left: -10px;
}
a.yt {
    margin: 2px 0;
    display: inline-block;
    font-size: 14px;
    line-height: 1.2em;
    padding: 5px;
    text-decoration: none;
    border: 1px solid black;
}
.o {text-decoration: overline}
tt {font-size: smaller}

h1 {text-align: center; margin: 0 auto;}
.navlinks {float: right}
.navlinks a {text-decoration: none;}

.legal, .manage {max-width: 90%;margin-bottom: .3em}
.legal {/*padding-top:20px!important;*/}
.manage {text-align:left;width:max-content;/*! border: 2px solid; */padding: 4px;/*! border-radius:5px; *//*! background-color:#000; *//*! color: #8a0505; */text-decoration: none !important;margin:0 auto;}
.manage a:link,.manage a:visited {color:red!important;text-decoration:none;}
.manage a:hover {text-decoration:underline;}

#ad div.ad-title a, .bottomAdFoot a, .bottomAdFoot a:hover {
    font-family: sans-serif;
}

#ad div.ad-text a {
    font-family: sans-serif;
}

.adHeadline {
    font-family: sans-serif;
    font-size: 11px;
    font-weight: normal;
}

.adText {
    font-family: sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

#bottomAdOuter {
    width: 600px;
    font-size: 11px;
}

.bottomAdTitle {
    font-family: sans-serif;
}

#bottomAd {
    height: 52px;
    font-size: 11px;
}

.options {
    /*text-align: center;*/
}

.navmenus {
    display: inline;
    display: inline-block;
}

.navmenus form {display: inline;}
.posthover {
    padding-top:4px;
    padding-left:4px;
    padding-right:4px;
    display: none;
    position: absolute;
    margin-left:0px;
    border: 1px solid gray;
    background-color: #F2F2F2;
    z-index: 99;
    color: black;
    max-width: 90%;
    width: fit-content;
    text-decoration: none;
}
.headtext {
    margin: .5em auto;
} 

.capcode {
    font-weight: bold;
    color: #f00;
}

/* Pretty printing styles. Used with prettify.js. */

.str { color: #080; }
.kwd { color: #008; }
.com { color: #800; }
.typ { color: #606; }
.lit { color: #066; }
.pun { color: #660; }
.tag { color: #008; }
.atn { color: #606; }
.atv { color: #080; }
.dec { color: #606; }
pre.prettyprint { padding: 2px; border: 1px solid #888; }

@media print {
  .str { color: #060; }
  .kwd { color: #006; font-weight: bold; }
  .com { color: #600; font-style: italic; }
  .typ { color: #404; font-weight: bold; }
  .lit { color: #044; }
  .pun { color: #440; }
  .tag { color: #006; font-weight: bold; }
  .atn { color: #404; }
  .atv { color: #060; }
}
@media only screen and (max-device-width: 480px) {
    #top_menu #styles {
        font-size: smaller;
        width: 42%;
        text-align: right;
    }
    img.rotate {
width:85%;
        height:auto;
        margin-top:0px;
}
    .border, .hborder {
margin-left: 0% !important;
  margin-right: 0% !important;
        margin-bottom: 0.4em!important;
}
body.read h2 {
	text-align:left!important;
}
         h2 {
        text-align:center!important;
    }
      div.thread h3 {
    font-size: 9pt;
  }
    div.border h3 {
        font-size:9pt;
    }
    div.thread blockquote {
        margin: 4px;
    }
    div.border blockquote {
        margin:4px;
    }
    .navlinks {
        margin-top:5px;
        font-size:smaller;
    }
    td.postfieldleft {
        text-align: center!important;
    }
    textarea {
        width: 99%!important;
    }
    
    form input {
        width: 100% !important;
    }
    
    .hljs, .body {
        overflow: scroll;
    }
    form tr {
        text-align: center;
    }
    
    form td {
        display: block;
    }
    
    form .btns {
        display: inline-table;
        text-align: center;
        padding-top: 5px;
    }
    
    form .label {
        text-align: left!important;
        padding-top: 5px;
    }
    
    .postform .submit {
        min-width: 100px;
    }
    
    #topicbox .submit {
        margin-top: 5px;
    }

    body {
        padding: 0px;
        margin: 5px;
    }
    
    .postform {
        display: block;
        text-align: center;
        margin: auto;
    }
    marquee {
		font-size:small!important;
	}
    #threadlist .thread {
        display: block;
        margin-top: 1px;
    }

    /*a {
        word-break: break-all;
    }*/
    img.banner {
        width:88%;
    }
        .head, body.board .thread {
        padding:2px !important;
    }
    blockquote {
        margin:21px;
    }
}
        .posthover {
            display: none;
            position: absolute;
            margin-left:2px;
            border: 1px solid gray;
            z-index: 99;
            color: black;
            max-width: 90%;
            width: fit-content;
               text-decoration: none;
        }
/* menu.css */

#config-menu-container {
    position: relative;
    display: inline-block;
}

#config-toggle {
    background-color: #333;
    color: #fff;
    border: none;
    padding: 10px;
    cursor: pointer;
    font-size: 16px;
}

#config-menu {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 10px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    z-index: 1000;
}

#config-menu label {
    display: block;
    margin-bottom: 5px;
}
html {
	visibility: visible;
}