*{
  margin:0;
  padding:0;
}
body{
  background-color:#f0e8b8;
}
/*contenedor Principal*/
main{
  width:900px;
  height: 800px;
  margin: 30px auto;
  padding:20px;
  border: #3ec25a 1px solid;
  background-color: #fff;
}
hr{
  border: 2px solid #98cc98;
}
/*Cabecera principal*/
.cabecera{
  height: 75px;
  padding:10px;
  background-color:#f0ecec;
}
nav{ 
  height: 40px;
  }
.menu{
  margin-left: 60%; /*alineacion izquierda al medio del contenedor nav*/  
  margin-top: 0.5em;
  }
.menu li{
   display:inline; /*cambiar la presentacion de bloque por defecto a en linea*/   
}
/*propiedades del enlace (etiqueta a)*/
.menu li a{  
  font-size: 20px;
  padding:5px;  
  border-radius:5px 5px 0px 0px;
  background-color: black;
  color: white;
  text-decoration: none;
  font-family:Arial, Helvetica, sans-serif;
  }
.menu li a:hover{
  background-color: cornflowerblue;
  color: purple;
}
.imagen{
  width:100px;
  float:left;
  margin:5px 20px;
}
article{
  height: 500px;
  width: 49%;
  float:left; 
}
.html{
  background-color: orangered;
  color: white;
  margin: 10px;
  text-align: center;
  font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  font-size: 22px;
}
.css3{
  background-color:royalblue;
  color: white;
  margin: 10px;
  text-align: center;
  font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  font-size: 22px;
}
.java{
  background-color:goldenrod;
  color: white;
  margin: 10px;
  text-align: center;
  font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  font-size: 22px;
}
.php{
  background-color:slateblue;
  color: white;
  margin: 10px;
  text-align: center;
  font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  font-size: 22px;
}
.parrafo{
  font-family:"Roboto";
}
aside{
  height: 500px; 
  margin-left:51%;
  margin-bottom: 20px;
  }
footer{
    height: 100px;
    clear:both;
    background-color: #f0ecec;
    font-size: 20px;
    margin-top: 10px;
  }
footer div{
    float: left;
  }
.red{
  color: red;
}
.green{
  color: green;
}
.blue{
  color: blue;
}
.mark1{
  background-color:dodgerblue;
  color: white;
}
.mark2{
  background-color: black;
  color: white;
  font-style: italic;
}
.redes{
    float: right;
    margin-top: 0.5em;
    margin-right: 0.5em;
  }