#datos {
    float:top;
    width:100%;
    border: 1px aquamarine solid;
    background-color: white;
}

#marco {
    position: relative;
    width: 400px;
    height: 150px;
    background-color: beige;
    border: 1px solid orange;
    left: 50%;
    top: 50%;
    margin-top: 250px;        
    margin-left: -200px;
    float:top;
}

#explicacion {
    position: relative;
    width: 500px;
    height: 100px;
    background-color: beige;
    border: 1px solid orange;
    left: 50%;
    top: 50%;
    margin-top: 100px;        
    margin-left: -250px;
    float:top;
}

#marco form {
    
    padding: 10px;
    font-size: 1.2em;
    
}

#marco table {
    position: relative;
    width: 300px;
    height: 150px;
    top:50%;
    left:50%;
    margin-left:-150px;
    margin-top: -75px;
}

#info {
    margin: auto; 
    width:1000px;
    height: 600px;
}

#info table {
    position: relative;
    border: 1px aquamarine solid;
    padding: 2px; 
    width: 800px;
    top: 50%;
    left: 50%;
    margin-left: -400px;    
    margin-top: -250px;
    background-color: white;
}

.texto {background-color: aliceblue;}
.color {background-color: lightblue;}
.color1 {background-color: lightgray;}
.terminado {color: red; font-weight: bold;}

h1 {font-size: 1.5em;font-weight: bold;margin-bottom:-20px;}
h2 {font-size: 1.2em; font-weight: bold;margin-bottom:-20px;}
body {background: url('logo.png') repeat fixed;background-size:25%;}