body {
    clear: both;
    float: none;
    text-align: center;
    background-color: #BBB;
    
    font-family: arial;
    font-size: 1em;
}
#contenedorTodo {
    background-color: white;
    width: 98%;
    max-width: 1200px;
    margin: 2px auto;
    border-radius: 10px 10px 0px 0px;
    border-width: 1px 1px 1px 1px;
    border-color: black;
    border-style: solid;
    text-align: left;
}
#contenedorCabecera {
    width: 100%;
    background-color: lightSkyBlue;
    border-radius: 10px 15px 15px 5px;
    border-width: 1px 0px 0px 0px;
    border-color: lightSkyBlue;
    border-style: solid;
    
    font-size: 2em;
}
#contenedorPie {
        width: 100%;
        background-color: lightSkyBlue;
        border-top-left-radius: 5px;
        border-top-right-radius: 15px;
        text-align: center;
                        font-size: 0.7em;
}
#contenedorPie span {
    font-weight: bold;
    vertical-align: middle;
}
#contenedorPrincipal {
    padding: 20px 10px 20px 10px;
    
}
#tituloCabecera {
    text-align: center;
    vertical-align: top;
    text-shadow: 10px 15px 1px gray;
}

@media (min-height: 450px) {
    #contenedorCabecera {
        min-height: 100px;
    }
    #contenedorPie {
        min-height: 50px;
    }
    #contenedorPrincipal {
        min-height: 300px;
    }
}
@media (max-height: 449px) {
    #contenedorCabecera {
        min-height: 49px;
    }
    #contenedorPie {
        display: none;
    }
    #contenedorPrincipal {
        min-height: 100px;
    }
}