/*@charset "utf-8";*/
/* CSS Document */

/*
 * En general todos los bloques los posiciono static y manipulo su posición con float.
*/
body {
    font-family: tahoma;
    font-size: 12px;
}

#contenedor {
    width: 95%;
    margin: auto;
    padding: 5px;
    /*Hace que su altura crezca para cubrir los div que contiene, sin esto le falta un poco*/
    overflow: auto;
}


header {
    padding:20px;
    text-align: center;
    color:#042775;
    font-weight: bold;
    text-shadow: -4px 4px 3px #999999;
    border-bottom: 1px solid #003366;
}

#datoschool2 {
/*    background-color:#00AEFF;*/
    overflow: auto;
    background-repeat:repeat;
    background-image: url(../images/arenaBlanca.jpeg);
    background-image: linear-gradient(45deg,#F2DADC,#AA000A);
    background-image: linear-gradient(45deg,#AAFFFF,#FFFFD4);
}

nav {
    width: 10%;
    margin: auto;
    text-align: justify;
    /*background-color:#CEE5ED;*/
    float: left;
}

#docentes {
    float:left;
    width:30%;
    text-align: center;
    color:#042775;
    font-weight: bold;
    text-shadow: -4px 4px 3px #999999;
}

#estudiantes {
    float:left;
    width:30%;
    text-align: center;
    color:#042775;
    font-weight: bold;
    text-shadow: -4px 4px 3px #999999;
}

#padres {
    float:left;
    width:30%;
    text-align: center;
    color:#042775;
    font-weight: bold;
    text-shadow: -4px 4px 3px #999999;
}

#rectoraPremiada {
    padding-top: 10px;
    width:30%;
    text-align: center;
    color:#042775;
    font-weight: bold;
    text-shadow: -4px 4px 3px #999999;
    margin: auto;
}


.wraper {
    height:10px;
    overflow:hidden;
    /*La que sigue es la clave para que se posicione bien */
    clear: both;
    /* border-bottom: 2px dotted #00AEFF; */
    padding-top: 20px;
    padding-bottom: 20px;
}

footer {
    text-align: center;
    color:#042775;
    font-weight: bold;
    border-bottom: 2px dotted #00AEFF;
    background-color:#CEE5ED;
}