body
{
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #EAEAEA;
}
#principal
{
    min-width: 90%;
    max-width: 93%;
    padding: 20px;
    margin: 30px auto;
    background-color: #FFFFFF;
    text-align: center;
    box-shadow:0 6px 45px #CECECE;
    -moz-box-shadow:0 6px 45px #CECECE;
    -ms-box-shadow:0 6px 45px #CECECE;
    -o-box-shadow:0 6px 45px #CECECE;
    -webkit-box-shadow:0 0 20px #CECECE;
}
#cabecera
{
    margin: 0 auto;
    width: 100%;
    min-width: 850px;
    vertical-align: central;
    text-align: center;
}
#logo
{
    width: 250px;
    display: inline-block;
    float: left;
    cursor: pointer;
}
.titulo
{
    font-family: arial;
    padding: 0;
    display: inline-block;
    color: #095D89;
    font-weight: bold;
}
h2
{
    font-family: arial;
    padding: 0;
    color: #095D89;
    font-weight: bold;
    text-align: justify;
}
#mem
{
    width: 180px;
    display: inline-block;
    float: right;
    margin-top: 5px;
    margin-right: 30px;
    cursor: pointer;
}
#generacion
{
    margin: 20px auto;
    width: 900px;
}
.fotos
{
    width: 350px;
    margin: 10px 10px 10px 10px;
    cursor: pointer;
}
#foto-grande
{
    width: 800px;
    z-index:1003;    
}
#over1
{
    display: none;
    position: fixed;
    top: 8%;
    left: 20%;
    width: 804px;
    height:570px;
    z-index:1002;
    overflow: hidden;
    text-align: center;
}
#fade
{
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 150%;
    height: 150%;
    background-color: black;
    z-index:1001;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
}
#cerrar
{
    width: 40px;
    position: fixed;
    top: 5px;
    left: 5px;
    cursor: pointer;
}
#video-grad
{
    margin: 0 auto;
    width: 600px;
}
.graduados
{
    text-align: justify;
    font-family: arial;
    font-size: 15px;
}
.graduados li
{
    text-align: left;
    font-family: arial;
    font-size: 18px;
    color: #095D89;
}