.contenedor {
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.paginacion {
  color: #999;
  text-decoration: none;
  font-size: 14px;
}

.totalregistros {
  color: #999;
  text-decoration: none;
  text-align: left;
  margin-left: 10px;
  float:left;
  font-size: 1em;
}

.paginas {
  color: #999;
  text-decoration: none;
  text-align: right;
  margin-right: 12px;
  float:right;
}

.numeropagnegro {
  color: #000;
  text-decoration: bold;
  margin-left: 15px;
  font-size: 1.1em;
}

.numeropag {
  margin-left: 15px;
  font-size: 1em;
}

.referencia {
  font-family: 'Lato', sans-serif; /*"Roboto Condensed",Helvetica,Arial,sans-serif;*/
  background-color: #fff;
  border-color: #fff;
  font-weight: 700;
  font-size: 26px;
  color: #575756;
  padding-top: 10px;
  text-decoration: bold;
}
.referenciaazul {
  font-family: 'Lato', sans-serif; /*"Roboto Condensed",Helvetica,Arial,sans-serif;*/
  background-color: #fff;
  border-color: #fff;
  font-weight: 700;
  font-size: 26px;
  color: #043480;
  padding-top: 10px;
  text-decoration: bold;
}

.rojo {
  color: #DE271D;
  text-decoration: bold;
}

.negro {
  color: #bbb;
  text-decoration: bold;
}

.puntos {
  font-family: 'Lato', sans-serif; /*"Roboto Condensed",Helvetica,Arial,sans-serif;*/
  background-color: #fff;
  border-color: #fff;
  font-weight: 400;
  font-size: 28px;
  color: #999;
  margin-top: -10px;
  margin-right: 0px;
  overflow:hidden;
}

.cajadescripcion {
  height: 60px;   /*  90  */
  width: auto;
  text-align: left;
  margin-top: 0px;
  margin-bottom: 0px;
}

.descripcion {
  font-family: 'Lato', sans-serif; /*"Roboto Condensed",Helvetica,Arial,sans-serif;*/
  background-color: #fff;
  border-color: #fff;
  font-weight: 300;
  font-size: 16px;
  color: #333;
  padding-top: 00px;
}
.descripcionOEM {
  font-family: 'Lato', sans-serif; /*"Roboto Condensed",Helvetica,Arial,sans-serif;*/
  background-color: #fff;
  border-color: #fff;
  font-weight: 300;
  font-size: 16px;
  color: #333;
  padding-top: 00px;
  overflow: hidden;
}
.cajaimagen {
  height: 110px;
  width: auto;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}
.cajaimagen2 {
  height: 50px;
  width: auto;
  text-align: center;
  margin-top: 1px;
  margin-bottom: 1px;
}

.imagen {
  position: relative;
  height: auto;
  vertical-align: center;
  width: auto;
  max-width: 90%;
  max-height: 110px;
}
.imagen2 {
  position: relative;
 /* height: auto;*/
  vertical-align: center;
  width: auto;
  max-width: 90%;
  max-height: 50px;
}

.cajaimagencoche {
  height: 80px;
  width: 100px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.textomodelo1 {
  font-family: 'Lato', sans-serif; /*"Roboto Condensed",Helvetica,Arial,sans-serif;*/
   padding-left: 120px;
   font-size: 26px;
}


.textomodelo2 {
  font-family: 'Lato', sans-serif; /*"Roboto Condensed",Helvetica,Arial,sans-serif;*/
  position: relative;
   padding-left: 120px;
   margin-top: -20px;
   font-size: 22px;
   font-weight: 600;
   text-decoration: bold;
   
     
   text-overflow: ellipsis;
   white-space: nowrap;
   text-align: left;

}


.textomodelo3 {
  font-family: 'Lato', sans-serif; /*"Roboto Condensed",Helvetica,Arial,sans-serif;*/
  position: relative;
   padding-left: 120px;
   margin-top: -15px;
    font-size: 16px;
}

.textomodelo11 {
  font-family: 'Lato', sans-serif; /*"Roboto Condensed",Helvetica,Arial,sans-serif;*/
   padding-left: 0px;
   font-size: 28px;
}


.textomodelo22 {
  font-family: 'Lato', sans-serif; /*"Roboto Condensed",Helvetica,Arial,sans-serif;*/
  position: relative;
    padding-left: 10px;
   margin-top: -20px;
   font-size: 28px;
   font-weight: 600;
   text-decoration: bold;
}


.textomodelo33 {
  font-family: 'Lato', sans-serif; /*"Roboto Condensed",Helvetica,Arial,sans-serif;*/
  position: relative;
   padding-left: 0px;
   margin-top: -10px;
    font-size: 20px;
}

.ficha {
  font-family: 'Lato', sans-serif; /*"Roboto Condensed",Helvetica,Arial,sans-serif;*/
  position: relative;
   padding-left: 0px;
   padding-top: 10px;
    font-size: 16px;
    border-top: 1px;
    border-top-color: #888;
    border-top-style: solid;
    margin-bottom: 10px;
}
@media (max-width: 550px) {
  .ficha{
    font-size: 15px;
  }
}

.referenciaficha {
  font-family: 'Lato', sans-serif; /*"Roboto Condensed",Helvetica,Arial,sans-serif;*/
  background-color: #fff;
  border-color: #fff;
  font-weight: 500;
  font-size: 20px;
  color: #575756;
 /* padding-top: 10px;*/
  text-decoration: bold;
}
.referenciamic {
  font-family: 'Lato', sans-serif; /*"Roboto Condensed",Helvetica,Arial,sans-serif;*/
  background-color: #fff;
  border-color: #fff;
  font-weight: 500;
  font-size: 20px;
  color: #043480;
 /* padding-top: 10px;*/
  text-decoration: bold;
}


.relacionados {
  font-family: 'Lato', sans-serif; /*"Roboto Condensed",Helvetica,Arial,sans-serif;*/
  background-color: #fff;
  border-color: #fff;
  font-weight: 300;
  font-size: 26px;
  color: #444;
  margin-right: 0px;
  margin-bottom: 20px;
}

hr, .hrcolor {
   height: 1px;
   border: 0;
   color: #000;
   background-color: #333;
}

.raya{
  width:33%;
}
.txtrel{
 width:34%; 
 text-align:center;
}

@media (max-width: 992px) {
  .raya{
  width:28%;
  }
  .txtrel{
   width:44%; 
   text-align:center;
  }
}

@media (max-width: 642px) {
  .raya{
  width:24%;
  }
  .txtrel{
   width:52%; 
   text-align:center;
  }
}

@media (max-width: 532px) {
  .raya{
  width:20%;
  }
  .txtrel{
   width:60%; 
   text-align:center;
  }
  .relacionados {
    font-size: 20px;
  }
}

@media (max-width: 380px) {
  .raya{
  width:15%;
  }
  .txtrel{
   width:70%; 
   text-align:center;
  }
}


<!-- CSS para el tema de las imágenes y videos de la ficha -->
   #gallery img {
   border: none;
   }
   #gallery_nav {
   padding-top:5px;
   margin-right:0px;   /*150px;*/
   float:left;
   width: auto;  /* 450px;*/
   text-align: center;
   }
  #gallery_nav img {
   margin-right:30px;   /*150px;*/
   }
  #gallery_nav a:hover,
  #gallery_nav a:focus{
    outline: none;
  }

   #gallery_output {
   float: left;
   max-width: 100%;
   height: 320px;        /* auto; */
   overflow: hidden;

   }
   #gallery_output img {
   display: block;
   margin: 10px auto 0 auto;
   max-width: 90%;
   height: auto;
   max-height: 300px;
   
   }

  .certificada{
    clear: left;
  }
   

@media (max-width: 650px) {
  #gallery_output {
   height: auto; 
   margin-bottom: 30px;      
  }

  .certificada{
    margin-bottom: 30px;
  }
}