html {background-color: #B3A7FC}

body {
    margin:  auto;
    padding: 2em 2em 4em;
    max-width: 800px;
    font-family: "Helvetica neue" , sans-serif; 
    font-size: 13px;
    line-height: 1.5em;
    color: #545454;
    background-color: #B3A7FC;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.06);
    
 }
         ul{list-style:none;
                       }
body footer {
	margin-top: 41px;
}

nav li {
  float:right;
  margin-left:10px;
  margin-top: 15px;
}
nav a {
  display: block;
  text-decoration: none;
  text-shadow: #999 1px 1px 1px;
  color: #404040;
  font-family: " Helvetica neue" , sans-serif;
  letter-spacing: 4px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 40px; 
  padding: 10px 27px; 
  border-radius: 5px; }
nav a:hover {
    color: white;
    background-color: #D9D3FD; }

aside {
    float: left   
      }
img.logo{
    position: relative;
    left: 3em;
}
img.delfi2 {
  position: relative;
  top: 2em;
  border-radius: 8px;
  box-shadow: 2px 2px 5px #999;
}

h1 {
  position: relative; 
  top: 12px;
  left: 2em;
    }
    
    p.p1 {
  position: relative; 
  top: 10px;
  left: 3em;
  max-width: 760px;
  text-align: justify;
    }
p.p2 {
  position: relative; 
  top: 13px;
  left: 3em;
  max-width: 760px;
  text-align: justify;
    }
.trabajo1 {
	margin-top: 76px;
	margin-right: 0px;
	margin-left: -229px;
	border-radius: 8px;
	box-shadow: 2px 2px 5px #999;
}
img.trabajo1:hover {
    background-color: aqua }

.trabajo2 {
	margin-right: 62px;
    margin-left: 62px;
    border-radius: 8px;
    box-shadow: 2px 2px 5px #999;
}
.trabajo3 {
    border-radius: 8px;
    box-shadow: 2px 2px 5px #999;
}

p.p3 {
	margin-top: 40px;
	margin-left: 40px;
	font-family: "Helvetica neue" , sans-serif;
	font-size: 12px;
}