header{
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #ccc;
    margin: 1em auto;
    padding: .5em;
    background-color: black;
}
header img{
    padding-left: 2.5em;
}
header p{
    font-size: 1.5em;
    font-weight: bold;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: white;
    padding-left: 1em;
}
header nav{
    position: absolute;
    top: -20px;
    right: 1px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
header nav ul{
    list-style: none;
}
header nav ul li{
    display: block;
    float: left;
    font-size: 1.3em;
    margin-right: 4px;
} 
header nav ul li a{
    text-decoration: none;
    line-height: 7em;
    color: whitesmoke;
    padding: 0px 25px;
}
header nav ul li a:hover {
  color: yellow;
  /*background: #ccc;*/
  height: 35px;
}
/* - - - - - - - - - - - - - - - - article - - - - - - - - - - - - - - - - - -*/

#contenedorPrincipal{

}
article{
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: black;
    border: 1px solid #ccc;
    max-width: 70%;
    float: left;
    
}
article h1{
    font-size: 1.5em;
    font-weight: bold;
    color: white;
    padding-left: 1em;
    font-family: 'Consolas', Helvetica, Arial, sans-serif;
}
article p{
         /* up right down left*/
    margin: 1em 1em 1em 1em;
    text-align: justify;
    letter-spacing: 1.3px;
    font-size: 1.1em;    
    font-family: Bookman Old Style;
    color: white;
}

section{
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #ccc;
         /* up right down left*/
    margin: 1em 1em 1em 1em;
    /*padding: 1em;*/
    background-color: black;
}
section h1{
    font-size: 1em;
    font-weight: bold;
    color: red;
    padding-left: 1em;
}
section p{
         /* up right down left*/
    margin: 1em 1em 1em 1em;
    text-align: justify;
    letter-spacing: 1px;
    line-height: 15px;
    font-size: .8em;    
    
}
section ul li{
    color: whitesmoke;
}

/* - - - - - - - - - - - - - - - -  Aside  - - - - - - - - - - - - - -- - - - */
aside{
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #ccc;
         /* up right down left*/
    margin: 0em 0em 0em 0em;
    max-width: 28%;
    height: 100%;
    float: right;
    background-color: black;
}
aside img{
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid blue;
    width: 94%;
    height: 12em;
           /* up right down left*/
    margin: .5em 0em 0em .5em;
}
aside h1{
    font-size: 1em;
    font-weight: bold;
    color: white;
    font-family: 'Arial', Helvetica, Arial, sans-serif;
    /* up right down left*/
    margin: 1em 0em 0em .5em;
}
aside p{
          /* up right down left*/
    margin: 1em .5em 1em 1em;
    text-align: left;
    letter-spacing: .1em;
    line-height: 1em;
    font-size: .9em;   
    font-family: 'Arial', Helvetica, Arial, sans-serif;
    color: white;
}
aside a{
     margin: 1em .5em 1em 1em;
    text-align: right;
    letter-spacing: .1em;
    line-height: 1em;
    font-size: .9em;   
    font-family: 'Arial', Helvetica, Arial, sans-serif;
    color: rosybrown;
}
/* - - - - - - - - - - - - - - - -  footer - - - - - - - - - - - - - -- - - - */
footer{
        border-top: 1px solid #ccc;
             /* up right down left*/
        margin: 1em 0em 0em 0em;
        float: left;
        width: 100%;
        font-size: 80%;
        font-family: 'Arial', Helvetica, Arial, sans-serif;
        background-color: black;
        color:white;
    }
footer ul li{
    display: inline;
    color: white;
    
    
}
footer ul li a{
    font-weight: bold;
    text-decoration: none;
    color: white;
   
    
}
footer a:hover{
    color: yellow;
    text-decoration: underline;
    
}
#credits{
    color: white;
    text-align: center;
    
    
}