Tabla de Afiliaciones #1

------------------------------- J | A | V | A ----------
$(document).ready(function () {
$('#alfinalforo').appendTo('#content');
});

------------------------------- C | S | S  ----------
/* A F I L I A C I O N E S*/
#alfinalforo {
background: #DDD;
width: 860px;
border: 10px solid #2F3D43;
padding: 10px;
text-align: center;
}

#tit-af {
color: #2F3D43;
font-family: Lobster;
font-size: 35px;
letter-spacing: -2px;
margin-top: -8px;
margin-bottom: -5px;
text-align: center;
text-transform: lowercase;
line-height: 25px;
text-shadow: 1px 1px 1px #fff;
}

#vip-af {
background: #F3F2ED;
padding: 10px;
}

#vip-af a {margin-left: -1px;}

#eli-af {
background: #F3F2ED;
padding: 10px;
width: 554px;
}

#eli-af a {margin-bottom: 0px}

#cred {
background: #F3F2ED;
padding: 10px;
width: 257px;
height: 150px;
text-align: justify;
line-height: 11.5px;
font-size: 11.5px;
overflow: auto;
}

#nor-af {
width: 271px;
text-align: center;
background: #2F3D43;
padding: 3px;
text-transform: uppercase;
color: #F3F2ED;
letter-spacing: 1px;
font-size: 10px;
margin-top: 2px;
}

#nor-af a {color: #F3F2ED; }

------------------------------- H | T | M | L ----------
<center>

	<div id="alfinalforo">

		<table>

			<tbody>
				<tr>

					<td>

						<div id="tit-af">
							                               Hermanos
						</div>

						<div id="vip-af">
							                               <a href="url del foro"><img src="http://dummyimage.com/100x50" /></a> <a href="url del foro"><img src="http://dummyimage.com/100x50" /></a> <a href="url del foro"><img src="http://dummyimage.com/100x50" /></a> <a href="url del foro"><img src="http://dummyimage.com/100x50" /></a>
						</div>

					</td>

					<td>

						<div id="tit-af">
							                               Directorio
						</div>

						<div id="vip-af">
							                               <a href="url del foro"><img src="http://dummyimage.com/50x50" /></a> <a href="url del foro"><img src="http://dummyimage.com/50x50" /></a> <a href="url del foro"><img src="http://dummyimage.com/50x50" /></a> <a href="url del foro"><img src="http://dummyimage.com/50x50" /></a> <a href="url del foro"><img src="http://dummyimage.com/50x50" /></a> <a href="url del foro"><img src="http://dummyimage.com/50x50" /></a> <a href="url del foro"><img src="http://dummyimage.com/50x50" /></a> <a href="url del foro"><img src="http://dummyimage.com/50x50" /></a>
						</div>

					</td>

				</tr>

			</tbody>
		</table>

		<table>

			<tbody>
				<tr>

					<td>

						<div id="tit-af">
							                               Elite
						</div>

						<div id="eli-af">
							    <a href="url del foro"><img src="http://dummyimage.com/40x40" /></a> <a href="url del foro"><img src="http://dummyimage.com/40x40" /></a> <a href="url del foro"><img src="http://dummyimage.com/40x40" /></a> <a href="url del foro"><img src="http://dummyimage.com/40x40" /></a> <a href="url del foro"><img src="http://dummyimage.com/40x40" /></a> <a href="url del foro"><img src="http://dummyimage.com/40x40" /></a> <a href="url del foro"><img src="http://dummyimage.com/40x40" /></a> <a href="url del foro"><img src="http://dummyimage.com/40x40" /></a> <a href="url del foro"><img src="http://dummyimage.com/40x40" /></a> <a href="url del foro"><img src="http://dummyimage.com/40x40" /></a> <a href="url del foro"><img src="http://dummyimage.com/40x40" /></a> <a href="url del foro"><img src="http://dummyimage.com/40x40" /></a> <a href="url del foro"><img src="http://dummyimage.com/40x40" /></a>

<a href="url del foro"><img src="http://dummyimage.com/40x40" /></a> <a href="url del foro"><img src="http://dummyimage.com/40x40" /></a> <a href="url del foro"><img src="http://dummyimage.com/40x40" /></a> <a href="url del foro"><img src="http://dummyimage.com/40x40" /></a> <a href="url del foro"><img src="http://dummyimage.com/40x40" /></a> <a href="url del foro"><img src="http://dummyimage.com/40x40" /></a> <a href="url del foro"><img src="http://dummyimage.com/40x40" /></a> <a href="url del foro"><img src="http://dummyimage.com/40x40" /></a> <a href="url del foro"><img src="http://dummyimage.com/40x40" /></a> <a href="url del foro"><img src="http://dummyimage.com/40x40" /></a> <a href="url del foro"><img src="http://dummyimage.com/40x40" /></a> <a href="url del foro"><img src="http://dummyimage.com/40x40" /></a> <a href="url del foro"><img src="http://dummyimage.com/40x40" /></a>

<a href="url del foro"><img src="http://dummyimage.com/40x40" /></a> <a href="url del foro"><img src="http://dummyimage.com/40x40" /></a> <a href="url del foro"><img src="http://dummyimage.com/40x40" /></a> <a href="url del foro"><img src="http://dummyimage.com/40x40" /></a> <a href="url del foro"><img src="http://dummyimage.com/40x40" /></a> <a href="url del foro"><img src="http://dummyimage.com/40x40" /></a> <a href="url del foro"><img src="http://dummyimage.com/40x40" /></a> <a href="url del foro"><img src="http://dummyimage.com/40x40" /></a> <a href="url del foro"><img src="http://dummyimage.com/40x40" /></a> <a href="url del foro"><img src="http://dummyimage.com/40x40" /></a> <a href="url del foro"><img src="http://dummyimage.com/40x40" /></a> <a href="url del foro"><img src="http://dummyimage.com/40x40" /></a> <a href="url del foro"><img src="http://dummyimage.com/40x40" /></a>

<a href="url del foro"><img src="http://dummyimage.com/40x40" /></a> <a href="url del foro"><img src="http://dummyimage.com/40x40" /></a> <a href="url del foro"><img src="http://dummyimage.com/40x40" /></a> <a href="url del foro"><img src="http://dummyimage.com/40x40" /></a> <a href="url del foro"><img src="http://dummyimage.com/40x40" /></a> <a href="url del foro"><img src="http://dummyimage.com/40x40" /></a> <a href="url del foro"><img src="http://dummyimage.com/40x40" /></a> <a href="url del foro"><img src="http://dummyimage.com/40x40" /></a> <a href="url del foro"><img src="http://dummyimage.com/40x40" /></a> <a href="url del foro"><img src="http://dummyimage.com/40x40" /></a> <a href="url del foro"><img src="http://dummyimage.com/40x40" /></a> <a href="url del foro"><img src="http://dummyimage.com/40x40" /></a> <a href="url del foro"><img src="http://dummyimage.com/40x40" /></a>
						</div>

					</td>

					<td>

						<div id="tit-af">
							                               Créditos
						</div>

						<div id="cred">
							                                 » Aquí se encuentran los créditos del foro.
						</div>

						<div id="nor-af">
							                          <a href="http://graphicsland.foroactivo.com/portal">Afiliados Normales</a>
						</div>

					</td>

				</tr>

			</tbody>
		</table>

	</div>
</center>