body {
   width:100%;
   margin:0;
   padding:0;
   font-family: Bauhaus-Md-Medium;
   font-size: 24px;
   text-align: left;
   background-color: #2B2B2B;
}

#clear{clear: both;}
.div_overflow{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.font2-5{font-family: Bauhaus-Lt-Light;font-size: 20px}


.titulo{
   font-family: var(--titulo-font);
   font-weight: var(--titulo-font-b);
   font-style: var(--titulo-font-i);
   text-decoration: var(--titulo-font-u);
   font-size: var(--titulo-font-size);
   color:var(--titulo-font-color);
   text-align: center;
   width: 100%;
   height: 30px;
}

.titulo a{
   color:#000000;
   text-decoration: none;
}

.titulo a:hover{
   color:#000000;
   text-decoration:underline;
}

.filtro-cabecera{
   position: absolute;
   top: 30px;
   left: 340px;
   width: 100%;
  font-family: Bauhaus-Lt-Light;
  font-size: 22px;   
  color:white;
}

.filtro-libreria{
   position: absolute;
   top: 5px;
   left: 340px;
   width: 100%;
   font-family: Bauhaus-Lt-Light;
   font-size: 24px;   
   font-weight: bold;
   color:goldenrod;
}

.input_select{
  height: 30px;
  padding: 2px;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  background-color: #2B2B2B;
  color: #fff;
  text-align: left;
  border: none;
  width: 120px;
  border-radius: 5px;
  top: 2px;
  position: relative;  
}

.img-buscar{
   top: 6px;
   position: relative;
   left: 5px;
}

.txt-buscar{
  height: 20px;
  padding: 2px;
  background-color: #2B2B2B;
  color: #fff;
  border: 1px solid gray;
  width: 200px;
  border-radius: 5px;
}


@media (max-width: 1400px) {

}

@media (max-width: 1024px) {

}

@media (max-width: 800px) {

}