@charset "utf-8";
/* CSS Document */
.alert li { list-style-position: inside; list-style: square; margin-left: 2em;}
.imp { color: #212529; background-color: #ff8f07; padding: .4em; border-radius: 9px; margin-top: 22px; display: block; margin: auto; text-align: center;}
.texta  { text-align: justify; color: #999; }
      .fixedus {
            position: fixed;
            top: 96px; /* Asegúrate de incluir 'px' para las unidades */
            left: 150px; /* Asegúrate de incluir 'px' para las unidades */
            width: auto;
            
        }

        .fixedus img {
            max-width: 100%;
            height: auto;
        }

        @media (max-width: 768px) {
            .fixedus {
                top: 20px; /* Ajusta según sea necesario */
                left: 10px; /* Ajusta según sea necesario */
                width: 50%; /* Ajusta según sea necesario */
            }

            .fixedus img {
                max-width: 30%; /* Ajusta este valor según tus necesidades */
                height: auto;
            }
        }

        @media (max-width: 480px) {
            .fixedus {
                top: 10px; /* Ajusta según sea necesario */
                left: 5px; /* Ajusta según sea necesario */
                width: 40%; /* Ajusta según sea necesario */
            }

            .fixedus img {
                max-width: 30%; /* Ajusta este valor según tus necesidades */
                height: auto;
            }
        }
	.row.mnu img {display: block; margin: auto; width: 60%; }
.row.mnu img:hover { width: 64%; }
@media (max-width: 767px) {
  .row.mnu img {
    width: 40%;
  }
}
.list-group-horizontal { margin-top: 12px;}
.le { text-align: left; } 
.ri { text-align: right; } 

.navbar {
  overflow: hidden;
  background-color: #6EAED4;
  /*position: fixed;
  top: 0;*/
  width: 100%; border-radius: 12px; margin-top: 5px; 
}

.navbar a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.navbar a:hover {
  background: #ddd;
  color: black;
}

.main {
  padding: 16px;
  margin-top: 30px;
  height: 1500px; /* Used in this example to enable scrolling */
}