@charset "UTF-8";
p {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 20px;
  margin-left: 20px; }

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column; }

p {
  text-align: justify; }

h3, h6 {
  margin-left: 20px; }

footer {
  margin-top: 40px; }

#logoimg {
  width: 200px;
  height: 70px; }

.headerimg {
  width: 100%;
  height: auto; }

.textos {
  padding: 5%;
  padding-top: 1%; }

.clientes {
  padding-left: 5%;
  padding-right: 5%;
  text-align: center; }

.listaconformato ul, li {
  line-height: 1.8em !important;
  margin: 0 0 10px !important;
  overflow: inherit;
  padding: 2px 0 2px 24px;
  position: relative; }

#whatsapp {
  position: fixed;
  bottom: 0;
  right: 20px; }

/* CSS pantallas de 320px o superior */
@media (min-width: 320px) {
  #whatsapp {
    position: fixed;
    bottom: 0;
    right: 5px; } }
/* CSS pantalla 768px o superior */
@media (min-width: 768px) {
  #whatsapp {
    position: fixed;
    bottom: 0;
    right: 20px; } }
/* CSS pantallas de 320px o superior */
@media (min-width: 320px) {
  #home {
    padding-left: 1%;
    padding-right: 1%; } }
/* CSS pantalla 768px o superior */
@media (min-width: 768px) {
  #home {
    padding-left: 20%;
    padding-right: 20%; } }
/*Tamaño variable de video*/
.video {
  width: 100px;
  height: 50px; }

/* CSS pantallas de 320px o superior */
@media (min-width: 320px) {
  .video {
    width: 300px;
    height: 200px; } }
/* CSS pantalla 768px o superior */
@media (min-width: 768px) {
  .video {
    width: 600px;
    height: 450px; } }
/*Tamaño variable de video*/
/*Iconos de Redes Sociales*/
.fa {
  padding: 5px;
  font-size: 20px;
  width: 35px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  border-radius: 50%; }

.fa:hover {
  opacity: 0.7; }

.fa-instagram {
  background: #b428a0;
  color: white; }

.fa-youtube {
  background: #bb0000;
  color: white; }

.fa-facebook {
  background: #3B5998;
  color: white; }

.fa-whatsapp {
  background: #26d020;
  color: white; }

/*Iconos de Redes Sociales*/
/*NavBar Style*/
/* change the background color */
.navbar-custom {
  background-color: #ffffff; }

/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
  color: #F827F6;
  padding: 0.8rem 1rem; }

/* change the link color and add padding for height */
.navbar-custom .navbar-nav .nav-link {
  color: red;
  padding: 1rem 1rem; }

/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
  color: #ffffff;
  background-color: #ee4400;
  /* add background-color to active links */ }

.navbar-custom {
  background-color: #ff5500; }

/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
  color: rgba(255, 255, 255, 0.8); }

/* change the link color */
.navbar-custom .navbar-nav .nav-link {
  color: red; }

/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
  color: #ffffff; }

/* for dropdown only - change the color of dropdown */
.navbar-custom .dropdown-menu {
  background-color: #ff5500; }

.navbar-custom .dropdown-item {
  color: #ffffff; }

.navbar-custom .dropdown-item:hover,
.navbar-custom .dropdown-item:focus {
  color: #333333;
  background-color: rgba(255, 255, 255, 0.5); }

/*NavBar Style*/

/*# sourceMappingURL=styles.css.map */