* {
        font-family: Arial, sans-serif;
        margin: 0;
        padding: 0;
}

.centrado { text-align: center; }
.derecha  { text-align: right; }

html {
        background: white;
        font-family: Arial, sans-serif;
}

body {
        width: 800px;
        margin: 10px auto;
        background: #FFB700;
}

#menu {
        list-style-type: none;
        margin: 5px;
}

#menu li {
        display: inline;
}

#menu li a:link, #menu li a:active, #menu li a:visited {
        padding: 4px 9px;
        background: #900000;
        text-decoration: none;
        font-weight: bold;
        color: #FFB700;
        border: 2px solid #900000;
}

#menu li a:hover {
        background: #FFB700;
        color: #900000;
        border: 2px solid #900000;
}

h1, h2 {
        margin: 20px 5px 10px 5px;
        color: #900000;
        font-size: 20px;
}

#principal p {
        margin: 0 5px 10px 5px;
        font-size: 15px;
}

#principal table {
        margin: 10px auto 20px auto;
        width: 98%;
        border: 2px solid #900000;
}

#principal td, #principal th {
        text-align: center;
}

#principal th {
        font-weight: bold;
        color: #900000;
}

#pie {
        background: #900000;
        padding: 3px 0;
}

#pie p {
        margin-bottom: 0;
        color: #FFB700;
        font-weight: bold;
        font-size: 15px;
}

/*
h1, h2 {
        color: #3399CC;
        text-decoration: underline;
        font-size: 20px;
        margin: 10px 10px 15px 10px;
}

#cabecera {
        border: 1px solid black;
        height: 50px;
        margin: 10px auto;
}

#principal {
        border: 1px solid black;
        margin-bottom: 10px;
        background: white;
}

#pie {
        background: #3399CC;
        border: 1px solid black;
        padding: 20px 0;
}

#pie p {
        color: white;
        font-size: 13px;
        font-weight: bold;
}

#map {
        height: 400px; 
        margin: 10px; 
        border: 1px solid black;
}
*/

/* Clearfix */
.clearfix:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
}

.clearfix {
         display: inline-block;
}

.clearfix {
        display: block;
}

* html .clearfix {
        height: 1px;
}
