html, body {
    width: 100%;
    height: 100%;
    background: #000;
}

#splash {
    width: 1000px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -223px;
    margin-left: -500px;
}

#splash li {
    float: left;
}

#splash li a {
    display: block;
    text-indent: -9999px;
}

#splash li.fidelidade a, #splash li.emporio a, #splash li.eventos a {
    width: 323px;
    height: 434px;
}

#splash li.fidelidade {
    background: url(../images/emporio_fidelidade.jpg) no-repeat top left;
}

#splash li.emporio a {
    width: 353px;
}

#splash li.emporio {
    background: url(../images/emporio_guimaraes.jpg) no-repeat top left;
    width: 353px;
}

#splash li.eventos{
    background: url(../images/emporio_eventos.jpg) no-repeat top left;
}

#splash div.bottom, #splash div.bottom p.icomp a {
    color: #2f2f2f;
    font: 9px Tahoma;
}

#splash div.bottom p {
    float: left;
    margin-left: 50px;
}

#splash div.bottom p.icomp {
    float: right;
    margin-right: 50px;
}

#splash div.bottom p.icomp a {
    text-decoration: none;
}