@charset "UTF-8";
body {
  background: url("../images/fondo.jpg");
  background-size: cover;
  /*height: 100vh;*/
  padding-top: 5px; 
  
  }

.menu {
  width: 95%;
  background-color: #189ade;
  height: auto;
  margin: 0px auto 0px;
  color: rgba(236, 237, 241, 0.9);
  text-align: center;
  font-size: small;
  border: 1px solid black;
  overflow: hidden;
  }

ul.dropdown-menu{
  background-color: #189ade;
  font-size: small;
  text-align: center;
  /*width: 50px;*/
}


.enc2 {
  background-color: #189ade;
  text-align: center;
  display: inline-block;
  margin: 0 0 0 0;
  color: white; }

/*estilos del menú */
button.navbar-toggler {
    background-color: rgba(0, 0, 0, 1);
    
}

.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover, .navbar-light .navbar-toggler:focus, .navbar-light .navbar-toggler:hover{
  color: blue;
}

.navbar-light .navbar-brand, .navbar-light .navbar-toggler {
    color: #eee;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    background-color: #101010;
}

li:hover{
  background-color: #101010; 
}


#menuprincipal {
  clear: right; }


section {
  height: auto;
  color: blue;
  text-align: center; }

article {
  height: auto;
  color: black;
  text-align: center;
  margin-top: 10px;
  border: 1px solid black;
  background-color: rgba(88, 250, 208, 0.46); }

.principal {
  text-align: justify;
  margin: 0px 7px 0px 7px;
  background-color: rgba(49, 176, 213, 0.88);
}

.referencia{
  text-align: left;
  font-size: 10px;
}

.mensaje_exito{
  color: blue;
  text-align: center;
}

.mensaje_error{
  color: red;
  text-align: center;
}


section, article {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  font-size: 1em; }

.row a {
  font-size: 1em; }

.comunicados{
  color: red;
  background-color: rgba(238, 238, 238, 0.86);
}

div.col-md-4{
  box-shadow: 0 0 8px 0px black;
}

.desarrollo{
  color: white;
  background-color: black;
}



/*EMPIEZAN LOS MEDIAS QUERIES*/
@media (min-width: 768px) {
  #menuprincipal {
    clear: inherit;
  }

  body {
    background: url("../images/fondo_grande.jpg");
    background-size: cover; } 

  .menu {
    font-size: medium;
  
  }

  ul.dropdown-menu{
    font-size: medium;
  }

}

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