Tutorial Avisos - 2

<img src="http://xenfacil.com/styles/default/xenforo/logotipo-5.png" style="display:block; height: 200px; width: 200px; z-index: 10;" title="XenFacil.com" />
<div class="csgoIntro" style="position:absolute; top:0; left:200; height:90%; width:100%; display: table-cell;">
<td>
<tr>
<img src="http:/xenfacil.com/styles/default/xenforo/logotipo-5.png" style="display:block; height: 200px; width: 200px; z-index: 10;" title="XenFacil.com" />
</tr>
        <tr><div style="padding-left: 210px; position:absolute; top:0; height:100%; width:675px; padding-top: 10px;">
                <h4>¡Bienvenido a XenFácil!</h4>
                <p>Estás viendo el sitio como <span>Invitado</span>.
                Para poder participar en este sitio</p>
                <div class="noticeButtonContainer">
                        <label for="LoginControl" id="SignupButton">
                                <a href="http://xenfacil.com/register/" class="inner">Regístrate</a>
                        </label>
                </div>
               <p>y obtendrás privilegios adicionales, acceso a otras áreas y mucho mas.</p>
               <h4>¡Es gratis!</h4><br>
                <div class="csgoMember">¿Ya eres miembro?
                        <a href="http://xenfacil.com/login/">Inicia sesión</a>
                </div></tr>
</div>

.noticeButtonContainer
{
    width: 190px;
    padding: 10px;
}
 
.csgoIntro
{
    background: rgba(0,0,0, 0.6);
    color: #ffffff;
    font-size: 13px;
    text-align: center;
}
 
.csgoIntro a
{
    color: @secondaryMedium;
    font-weight: bold;
}
 
.csgoIntro h4
{
    color: @secondaryMedium;
    font-size: 14px;
    font-weight: bold;
}
 
.csgoMember
{
    font-size: 9px;
    font-weight: bold;
}
 
.csgoMember a
{
    color: @secondaryLight;
}