/* Propiedades del cuerpo */
body {
  background-color: #c24c4c;
  margin: 0;
  padding: 0
}

/* commentario */

.cajafoto {
  background-color: #57ecd1;
  border-top: 10px solid #fff;
  border-bottom: 10px solid #fff;
  text-align: center;
  padding-top: 30px
}
.cajafoto img {
  border: 10px solid white
}

.cajafoto img:hover {
  border: 10px solid red
}

.cajainfo {
  background-color: #fff;
  text-align: center;
  padding: 5px
}

.portfolio {
  text-align: center
}

.portfolio img {
  margin: 40px 20px 0 20px
}


/* /////////  MENU ////////////// */
/*Estilos generales del nav*/
nav {
  text-align: center;
  margin: 0 auto;
}

nav ul { padding: 0 }

/* Este maneja el texto del menu*/
nav ul a {
  color: #242424;
  font-family:'Poppins', sans-serif;
  font-weight: 600;
}

/*Color de link de menu visitado*/
nav ul a:visited {
color: #242424;
}

/*color de fondo de links de menu*/
nav ul a li:hover {
  cursor: pointer;
  background-color: #6bdbc4
}

/* Color de texto al pasar mouse sobre links del menu*/
nav ul a:hover {
  color: #fff
}

nav ul li {
  /*display: inline;*/
  padding: 5px;
  background-color: #fff;
  list-style: none;
}

/*Colores de fondo de cada link */

nav ul li.link1  {
  background-color: #5fcdb7
  }

nav ul li.link2  {
  background-color: #54baa6
}

nav ul li.link3  {
  background-color: #4caa97
}

nav ul li.link4  {
  background-color: #439988
}

nav ul li.link5  {
  background-color: #388676
}
nav ul li a {
  text-decoration: none;
}

/*  /////////////// FOOTER */

footer{
  background-color: rgb(89, 99, 124);
  display: flex;
}

.footerIzq{
}
.footerDer{
margin-left: 10px
}

.footerDer p{
  font-size: 16px;
  color: #fff;
  font-weight: 400;

}