#RespuestaRapida {position: fixed;}

#scrollBottom {
  position: fixed;
  width: 22px;
  height: 18px;
  padding: 4px 0px 0px 0px;
  margin: 0;
  bottom: 61px;
  right: 6px;
  cursor: pointer;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
z-index: 100;
}
#scrollTop {
  position: fixed;
  width: 22px;
  height: 18px;
  padding: 4px 0px 0px 0px;
  margin: 0;
  bottom: 90px;
  right: 6px;
  cursor: pointer;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
z-index: 100;
}
#quoter
{
display:none;
min-height: 40px;
width:100%;
background: #800000;
position: fixed;
top: 0px;
margin-left: -8px;
padding-left: 8px;
padding-right: 8px;
}
#boards_m
{
position: absolute;
top: 5px;
height: 32px;
width: 80%;
width: calc(100% - 47px);
}
.spar
{
display:none;
height: 40px;
width: 100%
}
#m_nav
{
display : none;
margin-top: 1em;
margin-bottom: 1em;
text-align: center;
}
.m_btn
{
border-radius: 5px;
padding: 10px;
text-decoration:none
}
.m_ssss {
display: none;
width: 100%;
height: 1px!important;
}
.m_reflink, .m_hpreflink, .mvisible
{
display:none;
}
@media only screen and (max-width: 720px)
{

#catalogSort {

}

.hc-catalog {
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
}
.hc-catalog-postername {
font-size: 90% !important;
}



.recommendations {
  display: grid;

grid-template-columns: minmax(150px, 1fr) minmax(150px, 1fr) !important;
  grid-gap: 6px;
  justify-content: center;
}
.recommendation-item {
  padding: 15px;
  text-align: left;
}
.recommendation-content {
  word-wrap: break-word!important;
  margin: auto;
}
.recommendation-content p {
	margin: 0;
}
.recommendation-image-link {
  text-align: center;
}
.recommendation-item a > img {
	max-width: 200px;
  max-height: 150px;
	border-radius: 4px;
}


blockquote {
font-size: 110%;
line-height: 130%;
}
.omittedposts {
font-size: 110%;
}
.postername {
font-size: 110%;
}
.filetitle {
font-size: 110%;
line-height: 130%;
}
.reflink {
font-size: 115%;
}
.responder {
font-size: 115%;
margin-top: -8px;
float:right !important;
}
#botonresp{
float:right !important;
}
.cellcatalog {
font-size: 110%;
line-height: 130% !important;
}
.cellcatalog .filetitle {
font-size: 100% !important;
}

.respcatalog{
    font-size: 100% !important;
}

.catalogcuadro {
max-width: 350px;
}




.filenamereply {
margin-left: -21px !important;
}
.nombrefile {
word-wrap: break-word;
max-width: 90%;
}
.reflinkpreview {
font-size: 90%;
}
.botones {
font-size: 110%;
}
.numeros {
font-size: 125% !important;
max-width: 90% !important;
}
.reporte {
font-size: 110%;
}
.boton_post {
font-size: 110%;
}
.logo {
font-size: 160% !important;
}
#bgl_ml {
    font-size: 110%;
    clear: both;
}
.enviar {
font-size: 110%;
margin-left: -14px !important;
}
.largrep
{
    max-width: 125px !important;
}
body.manage #menu
{
    display: none;
}
body.manage #manage_main
{
    left: 0!important;
    width: 100%!important;
}
.manage
{
  min-width: 0!important;
  max-width: 100%!important;
}
.manage img
{
  max-width: 80px;
  max-height: 80px;
}
#iph, .rportip
{

}
[id^="embed"], .embedArea {
        position:relative;
        padding-bottom:56.25% !important;
        padding-top:30px !important;
        height:0;
        overflow:hidden;
    }
    [id^="embed"] iframe,[id^="embed"] object,[id^="embed"] embed, .embedArea iframe {
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
    }
table[align="center"] td {
display: inline-block;
width: 90%!important;
}
table
{
width: 100%;
display: grid;
display: -moz-grid;
display: -webkit-grid;
display: -ms-grid;
display: -o-grid;
margin-right: 8px;
}
.doubledash, .navbar, .adminbar, #posttypeindicator, .moculto
{
display: none;
}
.spar, .mvisible
{
display: block!important;
}
input[name="name"]
{
width: 100%
}
input[name="em"]
{
width: 100%
}
textarea[name="message"]
{
width: 98%
}
input[name="subject"]
{
width: 74%
}
input[name="imagefile"]
{
width: 80% !important;
}
.thumb {
max-height: 250px;
max-width: 35%;
height: auto;

margin-left: 5px!important;
margin-right: 2px;
margin-top: 3px;
margin-bottom: 3px;
}


}
@media only screen and (max-width: 360px)
{
blockquote {
margin-top: 1.4em;
margin-left: 0;
}
input[value="Siguiente"]
{
width: 20px;
}
input[value="Anterior"]
{
width: 20px;
}
input[name="subject"]
{
width: 69%
}
input[name="imagefile"]
{
width: 67%
}
}
@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot?-10f2fc');
	src:url('fonts/icomoon.eot?#iefix-10f2fc') format('embedded-opentype'),
		url('fonts/icomoon.woff?-10f2fc') format('woff'),
		url('fonts/icomoon.ttf?-10f2fc') format('truetype'),
		url('fonts/icomoon.svg?-10f2fc#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-hispa8bit .path1:before{
  content: "\e600";
  color: #000;
}
.icon-hispa8bit .path2:before{
  content: "\e601";
  color: #bc006c;
  margin-left: -1em;
}
.icon-hispa8bit .path3:before {
  content: "\e602";
  color: #bc006c;
  margin-left: -1em;
}
.icon-hispa8bit .path4:before {
  content: "\e603";
  color: #bc006c;
  margin-left: -1em;
}
.icon-hispa8bit .path5:before {
  content: "\e604";
  color: #bc006c;
  margin-left: -1em;
}

.navbar-mobile {
  display: none;
}


@media only screen and (max-width: 720px)
{
    .autoupdate {
      clear: both;
    }

    .reports-floater {
      margin-top: 2em;
    }

    .navbar-mobile {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
    }

    #banner{
      margin-top: 3.3rem !important;
      margin-bottom: -3.2rem;
    }

    .logo {
      margin-top: 2em;
    }
}

@media only screen and (max-width: 480px) {
  .hc-catalog-item a>img {
    max-width: 100px!important;
  }
  .hc-catalog {
    grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important
  }

.recommendation-item a > img {
      max-width: 100px !important;
  }


}