*{margin:0;padding:0}
body  {
   
    font-family: 'open-sans', verdana, sans-serif;
    font-size: 16px;
    color: #545454;
    background-color: #acb7f4;
 
                }
#container {
width:960px;
    margin: 0 auto;
   

}


#logo {
    margin: 0 0 0% 15%;
    width: 960px;
    float: left
        
}


    
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',arial,sans-serif;
     text-align:center;
     display:block;
     line-height:60px;
    
 
 } 

 
 
ul#menu {margin:0;padding:0;background-color:#63F; float: left;}
 ul#menu li{background-color:#66F;float:none; float: left;}
ul#menu a:hover{background-color:#003;color:#66F;}
 


nav, section {
    float:left;
    margin: 0% 0% 0% 15%;
    clear:both;
 height: auto;
    width: 960px;
    

    
}

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 { 
    
float:clear;
    margin:0% 0% 15% 15%;
    width: 960px;
    background-color:#66F; 
    text-decoration:none;
    font:18px/60px "<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>",arial,sans-serif;
    text-align:center;
    display:block;
    color:antiquewhite

}


/* 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:13px 0 12px 143px;
   padding: 0;
    


}


/* final seccion de luciana */