[CSS] Profesional by Buzzdungeon

<div class="topbar">
   <div class="fill">
      <div class="container">
         <a class="brand" href="http://www.promocionatupagina.com">Titulo</a>
         <ul class="nav">
            <li class="active"><a href="http://www.promocionatupagina.com">Home</a></li>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
                <li><a href="#">Link</a></li>
                <li><a href="#">Link</a></li>
             </ul>
      </div>
   </div>
   </div>
      
   <div class="container">
   <div class="row">
      <div class="span16" id="contenedor">
         <div class="row">
            <div class="span16" id="header">
               <h1 id="titulo">Titulo</h1>
               <h3>Slogan</h3>
            </div>
         </div>
         <div class="row">
            <div class="span11" id="contenido">
            <h2>[subpage]</h2>
<p>

</p>
         </div>
         <div class="span4" id="sidebar">
            <ul class="media-grid">
               <li><a href="#"><img src="http://placehold.it/50x50" alt="" class="thumbnail" /></a></li>
               <li><a href="#"><img src="http://placehold.it/50x50" alt="" class="thumbnail" /></a></li>
               <li><a href="#"><img src="http://placehold.it/50x50" alt="" class="thumbnail" /></a></li>
               <li><a href="#"><img src="http://placehold.it/50x50" alt="" class="thumbnail" /></a></li>
               <li><a href="#"><img src="http://placehold.it/50x50" alt="" class="thumbnail" /></a></li>
               <li><a href="#"><img src="http://placehold.it/50x50" alt="" class="thumbnail" /></a></li>
            </ul>
            <hr />
            <ul>
               <li><a href="#">Link</a></li>
               <li><a href="#">Link</a></li>
               <li><a href="#">Link</a></li>
               <li><a href="#">Link</a></li>
               <li><a href="#">Link</a></li>
            </ul>
            <hr />
            
            Algun texto aqui ;)

            Template por <a href="http://www.promocionatupagina.com">Buzzdungeon</a>
            
         </div>
      </div>
   </div>
</div>
</div>

</style>
<link rel="stylesheet" href="http://twitter.github.com/bootstrap/1.3.0/bootstrap.min.css">
<style>
html, body{
   background: #eee repeat;
   margin:0 0 30px 0;
}
#header{
   min-height:50px;
   border-bottom:1px solid #dddddd;
   background:#f5f5f5;
   -webkit-border-radius:3px 3px 0 0;
   -khtml-border-radius:3px 3px 0 0;
   -moz-border-radius:3px 3px 0 0;
   border-radius:3px 3px 0 0;
}
h1{
   padding:5px 0 0 5px;
   margin:0;
}
h2{
   padding:5px 0 0 5px;
   margin:0;
}
h3{
   padding:5px 0 0 5px;
   margin:-5px 0 0 0;
}
#contenedor{
   background:#fff;
   border:1px solid #dddddd;
   -webkit-border-radius: 3px;
   -khtml-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   box-shadow:0 3px 5px gray;
}
.span11, .span4{
   min-height:200px;
}
#contenido{
   padding:0 10px;
}
#sidebar{
   padding:8px;
   margin:8px 0 8px 0;
   border-left:1px solid #e8e8e8;
}
#sidebar hr{
   width:270px;
}
.media-grid{
   margin:0 auto;
   width:300px;
}
button, input[type="submit"]{
   color:#ffffff;
   background-color:#0064cd;
   background-repeat:repeat-x;
   background-image:-khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
   background-image:-moz-linear-gradient(top, #049cdb, #0064cd);
   background-image:-ms-linear-gradient(top, #049cdb, #0064cd);
   background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
   background-image:-webkit-linear-gradient(top, #049cdb, #0064cd);
   background-image:-o-linear-gradient(top, #049cdb, #0064cd);
   background-image:linear-gradient(top, #049cdb, #0064cd);
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
   text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
   border-color:#0064cd #0064cd #003f81;
   border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
   margin:5px 0 0 0;
}
table[height="102"]{
   margin:40px auto -10px auto;
   width:700px;
}
table,  table th + th, table td + td, table tr + tr td{
   border: 0;
}
#pre_header {display: none;}
#post_header {display: none;}
#header_container {display: none;}
lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
#title {display: none;}
#nav_container {display:none;}