[b]ENSIMA DE LA PAGINA[/b]
<style type="text/css">
<!--
table.edit_main_table{width: 100% !important;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;
background-position:center;background-repeat:no-repeat; }
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 15% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 15% !important;}
td.edit_rechts_cbg{width:100%;}
-->
</style>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>va ser k no pivitol</title>
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<!--[if lte IE 6]><link rel="stylesheet" href="css/ie6.css" type="text/css" media="all" /><![endif]-->
</head>
<body>
<!-- Header -->
<div id="header">
<div class="shell">
<!-- Logo -->
<h1 id="logo" class="notext"><a href="#">1texto</a></h1>
<!-- End Logo -->
</div>
</div>
<!-- End Header -->
<!-- Navigation -->
<div id="navigation">
<div class="shell">
<div class="cl"> </div>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Foro</a></li>
<li><a href="#">Ayuda</a></li>
<li><a href="#">Categorias</a></li>
<li><a href="#">Descargas</a></li>
</ul>
<div class="cl"> </div>
</div>
</div>
<!-- End Navigation -->
<!-- Heading -->
<div id="heading">
<div class="shell">
<div id="heading-cnt">
<!-- Sub nav -->
<div id="side-nav">
<ul>
</div></li>
</ul>
</div>
<!-- End Sub nav -->
<!-- Widget -->
<div id="heading-box">
<div id="heading-box-cnt">
<div class="cl"> </div>
<!-- Main Slide Item -->
<div class="featured-main">
<a href="#"><img src="http://img.webme.com/pic/b/blacksunonline/mulanlagay.jpg" alt="" /></a>
<div class="featured-main-details">
<div class="featured-main-details-cnt">
<h4><a href="#">Mulan: estreno 10/10/2010</a></h4>
<p>Genero:accion Año:2010 Categoria:Extreno</p>
</div>
</div>
</div>
<!-- End Main Slide Item -->
<div class="featured-side">
<!-- Slide Item 1 -->
<div class="featured-side-item">
<div class="cl"> </div>
<a href="#" class="left"><img src="http://img.webme.com/pic/b/blacksunonline/mierdola33333.jpg" alt="" /></a>
<h4><a href="#">10Texto</a></h4>
<p>11Texto</p>
<div class="cl"> </div>
</div>
<!-- End Slide Item 1 -->
<!-- Slide Item 2 -->
<div class="featured-side-item">
<div class="cl"> </div>
<a href="#" class="left"><img src="http://img.webme.com/pic/b/blacksunonline/mierdaalolo222.png" alt="" /></a>
<h4><a href="#">12Texto</a></h4>
<p>13Texto</p>
<div class="cl"> </div>
</div>
<!-- End Slide Item 2 -->
<!-- Slide Item 3 -->
<div class="featured-side-item">
<div class="cl"> </div>
<a href="#" class="left"><img src="http://img.webme.com/pic/b/blacksunonline/avatar68x68.png" alt="" /></a>
<h4><a href="#">14Texto</a></h4>
<p>15Texto</p>
<div class="cl"> </div>
</div>
<!-- End Slide Item 3 -->
<!-- Slide Item 4 -->
<div class="featured-side-item">
<div class="cl"> </div>
<a href="#" class="left"><img src="http://img.webme.com/pic/b/blacksunonline/mierdaalolo222.png" alt="" /></a>
<h4><a href="#">16Texto</a></h4>
<p>17Texto</p>
<div class="cl"> </div>
</div>
<!-- End Slide Item 4 -->
</div>
<div class="cl"> </div>
</div>
</div>
<!-- End Widget -->
</div>
</div>
</div>
<!-- End Heading -->
<!-- Main -->
<div id="main">
<div class="shell">
<div class="cl"> </div>
<div id="sidebar">
<h2>Top100</h2>
<ul>
<li>
<small class="date">Hankook</small>
<p>accion</p>
</li>
<li>
<small class="date">Lobezno:Origen</small>
<p>19Texto</p>
</li>
<li>
<small class="date">Texto</small>
<p>20Texto</p>
</li>
<li>
<small class="date">Texto</small>
<p>21Texto</p>
<li>
<small class="date">Texto</small>
<p>20Texto</p>
</li>
<li>
<small class="date">Texto</small>
<p>21Texto</p>
<li>
<small class="date">Texto</small>
<p>20Texto</p>
</li>
<li>
<small class="date">Texto</small>
<p>21Texto</p>
<li>
<small class="date">Texto</small>
<p>20Texto</p>
</li>
<li>
<h2>Generos</h2>
<ul>
<li>
<li>
<a href="www.google.es"<small class="date">ACCION</small>
</li>
<li>
<a href="www.google.es"<small class="date">COMEDIA</small>
<li>
<a href="www.google.es"<small class="date">AVENTURA</small>
</li>
<li>
<a href="www.google.es"<small class="date">TERROR</small>
<li>
<a href="www.google.es"<small class="date">BÉLICO</small>
</li>
<li>
<a href="www.google.es"<small class="date">ARTES MARCIALES</small>
<li>
<a href="www.google.es"<small class="date">DEPORTE</small>
</li>
<li>
<a href="www.google.es"<small class="date">FANTÁSTICO</small>
</li>
<li>
<a href="www.google.es"<small class="date">INTRIGA</small>
</li>
<li>
<a href="www.google.es"<small class="date">MUSICAL</small>
</li>
</ul>
<a href="#" class="archives">mas..</a>
</div>
<div id="content">
<div class="cl"> </div>
<div class="grey-box">
<h3><a href="#">Texto</a></h3>
<a href="#"><img src="http://wimg.co.uk/DSM.jpg" alt="" /></a>
<p>
<span>24Texto</span>
<a href="#" class="button">Texto</a>
</p>
</div>
<div class="grey-box">
<h3><a href="#">25Texto</a></h3>
<a href="#"><img src="http://wimg.co.uk/40W.jpg" alt="" /></a>
<p>
<span>26Texto</span>
<a href="#" class="button">Texto</a>
</p>
</div>
<div class="grey-box last">
<h3><a href="#">27Texto</a></h3>
<a href="#"><img src="http://wimg.co.uk/rhE.jpg" alt="" /></a>
<p>
<span>tio lanzando pelota de mierda a todo gas porq parese un maricon q awita el nota pero weno q le vamos aser..</span>
<a href="#" class="button">Ver</a>
</p>
</div>
<div class="cl"> </div>
<div class="video-box">
<div class="cl"> </div>
[b]DEBAJO DE LA PAGINA[/b]
</p>
</div>
<div class="cl"> </div>
<div class="video-box">
<div class="cl"> </div>
<h2 class="left">Texto</h2>
<a href="#" class="button">Texto</a>
<div class="cl"> </div>
<div class="video-item-box">
<a href="#" class="left"><img src="http://wimg.co.uk/8Rr.jpg" alt="" /></a>
<p>29Texto</p>
<a href="#" class="watch-now">30Texto</a>
</div>
<div class="video-item-box second">
<a href="#" class="left"><img src="http://wimg.co.uk/2pv.jpg" alt="" /></a>
<p>31Texto</p>
<a href="#" class="watch-now">Texto</a>
</div>
<div class="video-item-box">
<a href="#" class="left"><img src="http://wimg.co.uk/6SL.jpg" alt="" /></a>
<p>32Texto</p>
<a href="#" class="watch-now">Texto</a>
</div>
<div class="video-item-box second">
<a href="#" class="left"><img src="http://wimg.co.uk/LhV.jpg" alt="" /></a>
<p>33Texto</p>
<a href="#" class="watch-now">Texto</a>
</div>
<div class="cl"> </div>
</div>
</div>
<div class="cl"> </div>
</div>
</div>
<!-- End Main -->
<!-- Footer -->
<div id="footer">
<div class="shell">
<div class="cl"> </div>
<a href="#" class="left">T34exto</a>
<a href="#" class="left">35Texto</a>
<p class="right">© Sitename.com. Design by <a href="http://chocotemplates.com">ChocoTemplates.com</a>
Adapted by <a href="Luis Figueroa P/">Luis Figueroa.P</a></p>
<div class="cl"> </div>
</div>
</div>
<!-- End Footer -->
</body>
</html>
[b]STYLE TAGS[/b]
lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
* { padding: 0; margin: 0; outline: 0; }
body {
font-size: 12px;
font-family: Arial, sans-serif;
color: #fff;
background: #171717;
height: 100%;
text-align: left;
}
.cl { font-size: 0; line-height: 0; height: 0; clear: both; }
a img { border: 0; }
a { color: #9fea00; text-decoration: none; }
a:hover { text-decoration: underline; cursor: pointer;}
.left { float: left; display: inline; }
.right { float: right; display: inline;}
.notext {font-size: 0; line-height: 0; text-indent: -4000px;}
.center {display: block; margin: 0 auto;}
.shell {margin: 0 auto; width: 930px;}
#header {background: #000;}
#header .shell {width: 1018px; background: url(http://img.webme.com/pic/b/blacksunonline/kasimierda2.jpg) no-repeat 10px 0;height: 84px;}
h1#logo {padding-left: 250px; float: left; padding-top: 21px;}
h1#logo a {display: block; background: url(2publisidadbanner) no-repeat 0 0; width: 299px; height: 39px;}
#navigation {background: url(http://wimg.co.uk/MzU.gif) repeat-x 0 0; height: 50px;}
#navigation ul {float: right; list-style-type: none;}
#navigation ul li {background: url(http://wimg.co.uk/mat.gif) no-repeat right 0; float: left; display: inline; padding-left: 23px; padding-right: 19px;}
#navigation ul li a {color: #676767; font-family: tahoma, sans-serif; font-size: 13px; text-transform: uppercase; padding-top: 16px; display: block; height: 34px; float: left;}
#heading {height: 340px; background: url(http://img.webme.com/pic/b/blacksunonline/fondomoy.png) repeat-x 0 0;}
#heading .shell {width: 983px; position: relative;}
#heading-cnt {background: url(http://wimg.co.uk/CnE.png) no-repeat 0 0; width: 983px; height: 161px;}
#side-nav ul {list-style-type: none; width: 205px; padding-top: 9px; padding-left: 20px;}
#side-nav ul li {float: left; display: block; width: 205px; padding-bottom:5px;}
#side-nav ul li a {width: 195px; height: 18px; display: block; padding-left: 10px; padding-top: 4px; text-transform: uppercase; color: #636363; font-size: 11px; font-weight: bold;position: relative;}
#side-nav ul li .link {background: url(http://wimg.co.uk/GBv.png) no-repeat 0 0; width: 205px; height: 22px;}
#side-nav ul li.active a {color: #77912b;}
#side-nav ul li.active a:hover {text-decoration: none;}
#heading-box {position: absolute; top: 9px; left: 235px;}
#heading-box-cnt {background: url(http://wimg.co.uk/2hP.png) no-repeat 0 0; width: 709px; height: 316px; padding-top: 5px; padding-left: 4px;}
.featured-main {position: relative; width: 440px; float: left;}
.featured-main img {border: 1px solid #000;}
.featured-main-details {position: absolute; left: 0; top: 260px;}
.featured-main-details-cnt { background: url(http://wimg.co.uk/JdA.png) repeat 0 0; width: 425px; height: 44px; padding-left: 10px; padding-top: 7px; padding-right: 5px;}
.featured-main-details h4, .featured-main-details h4 a {font-size: 12px; color: #9fea00;}
.featured-main-details p {color: #c9c9c9; font-size: 10px;}
.featured-side {width: 260px; padding-left: 6px; float: left;}
.featured-side-item {padding-right: 5px; padding-bottom: 10px;}
.featured-side-item img {border: 1px solid #000; margin-right: 3px;}
.featured-side-item h4, .featured-side-item h4 a {font-size: 12px; color: #9fea00;padding-top: 4px;}
.featured-side-item p {color: #c9c9c9; font-size: 10px;}
#main {background: url(http://wimg.co.uk/_JM.gif) repeat-x 0 0; padding-top: 8px; padding-bottom: 45px;}
#main h2 {color: #fff; font-size: 16px; text-transform: uppercase; padding-bottom: 2px;}
#sidebar {padding-top: 14px; width: 197px; padding-right: 10px; float: left;}
#sidebar ul {list-style-type: none; padding-bottom: 7px;}
#sidebar ul li {background: url(http://wimg.co.uk/CeR.gif) repeat-x 0 bottom; padding-bottom: 5px; padding-top: 5px;}
#sidebar ul li small.date {color: #93de3c; font-size: 9px;}
a.archives {color: #909090; font-size: 11px; text-decoration: underline; display: block;}
a.archives:hover {text-decoration: none;}
#content {width: 713px; float: left;}
.grey-box {background: url(http://wimg.co.uk/r3l.gif) no-repeat 0 0; width: 209px; height: 228px; float: left; padding: 10px 26px 17px 8px;}
.last {padding-right: 10px !important;}
.grey-box h3, .grey-box h3 a {font-size: 13px; color: #303235; text-transform: uppercase; padding-bottom: 8px;}
.grey-box img {background: #fff; border: 1px solid #cfcfcf; padding: 1px; margin-bottom: 6px;}
.grey-box p {color: #1f1f1f; width: 205px;}
.grey-box p span {padding-bottom: 6px; display: block;}
a.button {background: url(http://wimg.co.uk/HuI.png) no-repeat 0 0; float: right; width: 81px;height: 16px; display: block; color: #373737; font-size: 10px; padding-top: 3px; text-align: center; text-transform: uppercase;}
.video-box {width: 690px; height: 191px; background: url(http://wimg.co.uk/LXV.gif) no-repeat 0 0; padding-left: 10px; padding-top: 17px; padding-right: 13px;}
.video-box h2 {padding-bottom: 10px !important;}
.video-item-box {background: url(http://wimg.co.uk/aQk.gif) no-repeat 0 0; width: 332px; height: 60px; float: left; padding-top: 8px; padding-left: 6px; padding-right: 17px; padding-bottom: 15px;}
.video-item-box img {border: 3px solid #333; margin-right: 7px;}
.video-item-box p {color: #f9f9f9;}
.second {padding-right: 5px !important; background: url(http://wimg.co.uk/yYn.gif) no-repeat 0 0; width: 324px; }
a.watch-now {text-decoration: underline; text-transform: uppercase;}
a.watch-now:hover {text-decoration: none;}
#footer {padding-bottom: 50px; width: 930px; margin: 0 auto; padding-right: 12px; font-size: 10px;}
#footer .shell {background: url(http://wimg.co.uk/gpA.gif) repeat-x 0 0; padding-top: 10px; margin: 0 auto;}
#footer a {color: #fff; margin-right: 10px; text-decoration: underline;}
#footer a:hover {text-decoration: none;}[/quote]
