.bannertop{
  width:100%; 
  min-height:437px; 
  background-color: #ccc;
  background-image: url(webimg/banner_top_web_6.jpg);
  background-size: cover;
  background-position: top center;
}
.banner_mensajes {
  width:100%; 
  min-height:200px; 
  background-color: #fff;
  background-size: cover;
  background-position: center center;
  padding: 30px 0px;
  text-align: center;
}
.banner_mensajes_cont{
  width:100%;
  max-width: 1200px;
  min-height: 30px;
  display: inline-block;
  padding-bottom: 30px;
  padding-top: 10px;
}

.img_logo_web {
  width: 100%;
  max-width: 180px;
  min-height: 20px;
  margin: 15px;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  border-radius: 5px;
  box-shadow: 0px 0px 30px rgba(50, 50, 50, .2);
}


.cont_puntos_texto {
  font-size:20px;
  border: 0px solid red;
  width:35%; 
  display: inline-block; 
  text-align:left;
  color:#777; 
  background-color: #fff; 
  font-size:20px;
}
.btn-flotante {
  font-size: 40px; /* Cambiar el tamaño de la tipografia */
  text-transform: uppercase; /* Texto en mayusculas */
  font-weight: bold; /* Fuente en negrita o bold */
  color: #ffffff; /* Color del texto */
  border-radius: 50%; /* Borde del boton */
  letter-spacing: 50%; /* Espacio entre letras */
  background-color: #25D366; /* Color de fondo */
  padding: 0px 12px 0px 12px; /* Relleno del boton */
  position: fixed;
  bottom: 40px;
  right: 40px;
  transition: all 300ms ease 0ms;
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
  z-index: 99;
}
.btn-flotante:hover {
  background-color: #2c2fa5; /* Color de fondo al pasar el cursor */
  box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.3);
  transform: translateY(-7px);
  color: #ffffff;
}
.letrero_registra_empresa {
  background-color: #3b00bc;
  line-height: 1.1;
  color: white;
  padding: 24px 18px;
}


@media only screen and (max-width: 600px) {
  .bannertop{
  width:100%; 
  min-height:300px; 
  background-color: #ccc;
  background-image: url(webimg/banner_top_web_6.jpg);
  background-size: cover;
  background-position: top center;
}
  .btn-flotante {
    font-size: 40px;
    padding:0px 12px 0px 12px;
    bottom: 20px;
    right: 20px;
  }
  .cont_puntos_texto {
  width:90%; display: inline-block; 
  text-align:left;color:#777; 
  font-size:20px;
  }
  .img_logo_web {
  width: 100%;
  max-width: 300px;
  min-height: 20px;
  background-color: #ccc;
  margin: 20px;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  border-radius: 5px;
  box-shadow: 0px 0px 20px rgba(50, 50, 50, .3);
}
}