* {
    margin: 0px;
    padding: 0px;
} 

header, section, footer, aside, nav, article, figure, figcaption,
hgroup{
 display: block;
} 

body {
    background-color: white;
    color: black;
    font-family: Verdana;
}

#contenedor {
    width: 700px;
    margin: 15px auto;
}

#encabezado a {
    float: right;
}

#encabezado hgroup {
    float: left;
    margin: 0px;
}

#menu {
    clear: both;
    background: #cccccc;
    padding: 5px 15px;
    margin: 0px 0px 15px 0px;
    text-align: center;
    border: 1px solid #999999;
}

#menu a {
    text-decoration: none;
    color: brown;
}



#menu li {
    display: inline-block;
    list-style: none;
    padding: 5px;
    font: bold 14px verdana, sans-serif;
}

.active{
    text-decoration: underline;
}

#apartados {
    float: right;
    width: 200px;
    padding: 5px;
    border: 1px solid #999999;
    background: #CCCCCC;
}

#seccion1 {
    float: left;
    width: 480px;
    text-align: center;
}

#articulo1 {
    background: #FFFBCC;
    border: 1px solid #999999;
    padding: 20px;
    margin-bottom: 15px; 
}

#articulo1 p,pre,code {
    text-align: left;
    padding: 10px;
}

#articulo1 ol {
    text-align: left;
    margin: 10px;
}

#articulo1 header{
    border-bottom: 2px solid #999999;
    margin: 10px;
}

figcaption {
    font: italic 12px verdana, sans-serif;
}

blockquote {
    font-size: 12px;
    padding: 5px;
    margin: 0px;
}

blockquote ol{
    margin: 0px 0px 0px 20px;
}

footer {
    clear: both;
    text-align: center;
    padding: 20px;
    border-top: 2px solid #999999;
}