header{
    background: #2c3e50;
    color: #fff;
}
.main{
    background: #f2f2f2;
}

.color1{
    background: #DD4F05;
    color: #fff;
}

.color2{
    background: #FCB514;
    color: #fff;
}

.color3{
    background: #5cb85c;
    color: #fff;
}

.color4{
    background: #31b0d5;
    color: #fff;
}

.color5{
    background: #d5d5d5;
}

aside{
    background: #b92c28;
    color: #fff;
}

footer{
    background: #16a085;
    color: #fff;
}

body{
  background-image: url("http://orientacionytutoria.uaem.mx:8080/PaginaOE/imagenes/FondoPaginaCDE.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.content {
  max-width: 500px;
  min-height: 200px;
  padding: 20px;
  text-align: center;
  border: 5px solid #ffffff;
  background: rgba(255,255,255,.8);
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -115px;
  margin-left: -265px;
}