* {
margin: 0px;
padding: 0px;
}
h1 {
font: bold 20px verdana, sans-serif;
} h2 {
font: bold 14px verdana, sans-serif;
}

/*para asegurarnos de que serán tratados como regularmente
se hace con elementos <div> y de este modo construir
el modelo de caja*/
header, section, footer, aside, nav, article, figure, figcaption,
hgroup{
display: block;
}
/*Centrando el cuerpo*/
body {
text-align: center;

}
#agrupar {
width: 960px;
margin: 15px auto;
text-align: left;
}
#cabecera {
text-align: center;
color: aliceblue;
background: #3679af;
border: 1px solid #999999;
padding: 20px;

}
#menu {
padding: 5px 15px;
text-align: center;
}
#menu li {
display: inline-block;
list-style: none; /*list-style: square inside url("sqpurple.gif");*/
padding: 5px;
font: bold 14px verdana, sans-serif;
}

li a:hover{
  background-color: #17a398;
    transform: scaleX(1.3);
    font-style:  italic ;
    color: rgb(116, 141, 153);
}


/*Footer*/
#pie {
clear: both;
text-align: center;
padding: 20px;
border-top: 8px solid #0b8d21;
}


ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: rgb(207, 207, 218);
}