body { 
    font-family: 'Roboto', sans-serif;
    background: #7F5500;
    margin:0; padding:0;
}

.clean { clear: both; }
.left { float: left; }
.right { float: right; }

h1 { color: #000; }

a { text-decoration: none; color: #fff; font-weight: 700; }
a img:hover { opacity: 0.9; }

main { 
    width: 1000px;
    margin: 0 auto;
    background: #FFC85C;
    color: #fff;
    padding: 20px 30px;
}

#dgpc { float:left; margin-right:25px; }

nav { background: #000; }
nav ul { background: #7F7052; padding:10px 0 10px 20px; }
nav ul li { list-style: none; float: left; margin-right: 16px; }
nav ul li a:hover { color:#19B3DE; }

aside { 
    background: #7F7052;
    padding:20px;
    width:300px; 
    float:left; 
    font-size: 0.8em;
}

#integrantes { 
    width: 550px;
    float:right;
    margin-top: 90px; 
    margin-right:50px;
}

#mina {
    background: url('imagenes/mina.png') no-repeat;
    width: 250px;
    height: 250px;
    display: block;
    margin-right:40px;
}

#mina:hover {
    background: url('imagenes/mina-h.png') no-repeat;
}

#scalisi {
    background: url('imagenes/scalisi.png') no-repeat;
    width: 250px;
    height: 250px;
    display: block;
}

#scalisi:hover {
    background: url('imagenes/scalisi-h.png') no-repeat;
}

footer { 
    border-top: 1px solid #7F7052;
    color: #7F7052;
    margin-top:30px;
    padding-top:10px;
    font-size: 0.75em;
}