* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    background-image: url(/images/fondo.png)
}
.banner {
    align-content: center;
    margin:0 auto;
    display: block;
    width: auto;
}
body {
    background-color: #fff199;
    width: 700px;
    margin: 0 auto;
    text-decoration: none;
    overflow-x: hidden;
}
titulo {
    font-family: Times New Roman;
    font-size: medium;
    color: black;
    align-content: center;
}
table {
    background-color: white;
    text-align: center;
    border-style: solid;
    border-color: black;
}
#menu {
    width: 25%;
    float: left;
    margin: 10px;
    text-decoration: none;
    text-align: center;
}
#principal {
    width: 70%;
    max-width: 100%;
    float: right;
    margin: 5px;
    text-align: center;
}
.clearfix:after {
    content:" ";
    display: table;
    clear: both;
    text-decoration: none;
}
th {
    background-color: gray    
}
hr {
    border: 1;
    height: 2px;
    background: #333;
    width: 87%;
}
footer {
    font-family: times new roman;
    font-size: 15px;
    color:gray;
    text-align-last:center;
}
iframe {
    border: 0;
    width: 100%;
    display: block;
}