body  {
    align-content: center;
    width: 960px;
    font-family: 'Open+Sans', sans-serif;
    font-size: 16px;
    line-height: 1.5em; 
    margin: 0 auto;
}



#logo {
    width: 960px;
}

    
li{
width: 120px
}


ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: left;
    
}
    
    
ul#menu {
    width:960px;
    height:60px;
    margin:0px auto;
    padding-left:5px; 
    float:left;
    }

ul#menu a{
    text-decoration:none;
    font:18px/60px 'Open+Sans',sans-serif;
    text-align:center;
    display:block;
    line-height:60px;
    color: white;
 } 
ul#menu {
    margin:0;
    padding:0;
    float: left;
    color: white;
}

ul#menu li{
    background-color: #212533;
    float:none; 
    float: left;
    color: white;
}

ul#menu a:hover{
    background-color: #f58730;
    color: white;
}
nav{ 
    z-index: 100000;
    position: relative;
}
li{
    list-style-type:none;
    width:187px;
    height:60px;
    background-color:rgba(0,102,255,1);
    margin-right:5px;
    float:left;
    list-style-position:inside}

li#boton-uno{
    height:60px;
    overflow:hidden;
    transition:1s all}

li#boton-uno:hover{
    height:300px;
    transition:1s all}

footer { 
    width: 960px;
    background-color: lightgray; 
    text-decoration:none;
    font-family: 'Open+Sans' sans-serif;
    text-align:center;
    display:block;
    padding: 15px 0;
    color:black;
}


/* seccion de luciana */

#foto {
width: 300px;
height: 300px;
    float:left;
    clear:none;
    margin: 5% 5% 5% 5%;
}
#avatar{
    float:left;
    clear:right;
      
}

p{
display: block;
    font-size: 12px;}
h2{ font-size: 15px}
h1{ font-size: 22px}
   


#texto{
    margin: -30% 10% 5% 40%;
    float:left;
    clear: left;
    color:#ffffff;
    
    
    
}

#botones{ width:960px;
    height: 300px;
    float:left;
    clear: none;
    margin: 5% 5% 5% 5%;
    display: block;
      
}
#dgpclogo{
   margin:0;padding: 0;
    


}


/* final seccion de luciana */