Tablón Harry Potter

<style type="text/css">.menu8 a {background-color: #1B1B25; display: inline-block; color: #B6B3A4; font-family: georgia; font-size: 10px; margin-bottom: 1px; margin-right: 1px; padding-bottom:2px; padding-top:2px; line-height: 100%; text-align: center; text-transform: lowercase; font-style: italic; width: 70px; font-weight: 400;}.menu8 a:hover {background-color: #778699; text-align: center; color: #1B1B25;}.menu8 a:active, .menu8 a:link, .menu8 a:visited {-webkit-transition-duration: 1.5s;-moz-transition-duration: 1.5s;-o-transition-duration: 1.5s; transition-duration: 1.5s;}</style><link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Dancing+Script" />
<center>

	<div style="width: 730px; padding: 10px; background: #100E11; box-shadow: 2px 3px 2px #000000;">

		<table cellspacing="0">

			<tbody>

				<tr>

					<td>

						<div style="margin-right: 5px; width: 186px; height: 310px; border: 5px outset #1B1B25; background-image:url(http://i.imgur.com/l288GRu.jpg);">

							<div style="margin: 8px; width: 170px; height: 294px; opacity: 0.8; background: #1B1B25; overflow: auto;">

								<div style="padding: 10px; color: #B6B3A4; font-family: Dancing Script; font-size: 18px; text-align: center; line-height: 100%;">
									                                                   Hogwarts, Año 1980
								</div>

								<div style="padding: 10px; font-size: 10px; font-family: georgia; line-height: 105%; text-align: justify; color: #B6B3A4; font-style: italic;">
									                                At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias.
								</div>

							</div>

						</div>

					</td>

					<td>

						<table cellspacing="0">

							<tbody>

								<tr>

									<td>

										<div style="width: 150px; height: 150px; border: 5px outset #1B1B25; margin-right: 5px;">

											<div style="padding: 10px; color: #778699; font-family: Dancing Script; font-size: 24px; text-align: center;">
												                                                   Enlaces
											</div>

											<center>

												<div class="menu8">
													                                               <a href="">Link</a><a href="">Link</a><a href="">Link</a><a href="">Link</a><a href="">Link</a><a href="">Link</a><a href="">Link</a><a href="">Link</a><a href="">Link</a><a href="">Link</a><a href="">Link</a><a href="">Link</a><a href="">Link</a><a href="">Link</a>
												</div>

											</center>

										</div>

									</td>

									<td>

										<div style="width: 150px; height: 150px; border: 5px outset #1B1B25; margin-right: 5px;">

											<div style="padding: 10px; color: #778699; font-family: Dancing Script; font-size: 24px; text-align: center;">
												                                                   Partidos
											</div>

											<div style="padding: 10px; padding-top: 0px; font-size: 10px; font-family: georgia; line-height: 125%; text-align: left; color: #B6B3A4; font-style: italic;">
												                    ▪ Equipo vs Equipo (00/00)<br />▪ Equipo vs Equipo (00/00)<br />▪ Equipo vs Equipo (00/00)<br />▪ Equipo vs Equipo (00/00)<br />
											</div>

										</div>

									</td>

								</tr>

							</tbody>

						</table>

						<div style="padding-left: 15px; margin-right: 5px; width: 300px; height: 145px; margin-top: 5px; border: 5px outset #1B1B25;">

							<div style="padding: 10px; color: #778699; font-family: Dancing Script; font-size: 24px; text-align: center;">
								                                                   Contadores de las casas
							</div>

							<div style="font-family: calibri; font-size: 15px; color: #B6B3A4; text-align: center;">

								<table cellspacing="5">

									<tbody>

										<tr>

											<td>
												                                                             <img src="http://img1.wikia.nocookie.net/__cb20130130004308/pottermore/images/4/43/Gryffindor_LeviosaEye30794.gif" style="height: 80px;" /><br /> 000
											</td>

											<td>
												                                                          <img src="http://th00.deviantart.net/fs70/PRE/i/2011/258/7/e/hufflepuff_print_by_lost_in_hogwarts-d49wemc.png" style="height: 80px;" /><br />000
											</td>

											<td>
												                                                           <img src="http://img2.wikia.nocookie.net/__cb20140621170234/harryalbuspotter/images/4/45/Slytherin_by_melisarodriguez-d47ly0k.png" style="height: 80px;" /><br /> 000
											</td>

											<td>
												                                                         <img style="height: 80px;" src="http://fc03.deviantart.net/fs71/f/2012/163/7/4/ravenclaw_crest_by_piichixchan-d5386zf.png" /><br />000
											</td>

										</tr>

									</tbody>

								</table>

							</div>

						</div>

					</td>

					<td>

						<div style="width: 186px; height: 310px; border: 5px outset #1B1B25; overflow: auto;">

							<div style="padding: 10px; color: #778699; font-family: Dancing Script; font-size: 24px; text-align: center;">
								                                                   Tramas Globales
							</div>

							<div style="padding: 10px; padding-top: 0px; font-size: 10px; font-family: georgia; line-height: 125%; text-align: justify; color: #B6B3A4; font-style: italic;">
								                    ▪ Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto. <a style="color: #778699;" href=""><strong><span style="font-size: 12px; font-style: normal; font-family: calibri;">+ MÁS</span></strong></a>
								<div style="background-color: #1B1B25; text-align: center; font-size: 12px; font-family: Georgia; padding: 5px; margin-top: 3px;">
									           Su título (00/00)
								</div><br />▪ Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto. <a style="color: #778699;" href=""><strong><span style="font-size: 12px; font-style: normal; font-family: calibri;">+ MÁS</span></strong></a>
								<div style="background-color: #1B1B25; text-align: center; font-size: 12px; font-family: Georgia; padding: 5px; margin-top: 3px;">
									           Su título (00/00)
								</div><br />
							</div>

						</div>

					</td>

				</tr>

			</tbody>

		</table>

	</div><span style="font-size: 10px; font-weight: 700;  text-transform: uppercase; font-family: calibri; letter-spacing: 5px;"><a style="color: #1B1B25;" href="http://thecaptainknowsbest.tumblr.com/">© HARDROCK</a></span>
</center>