body 
{
    padding:0; margin:0;
    background:url(../img/pixel.png);
    font:14px/24px Helvetica, Arial, sans-serif;
    color:#FFF;
    counter-reset:indice;
    
}

/* ------------- CABECERA ----------- */

#cabecera 
{
   margin:0 auto; 
   width:995px;
   height:234px;
   background:url(../img/back_cabecera.png) no-repeat; 
   background-position:0 -40px;
   border-bottom:1px solid #262626;
}

#cabecera a 
{
    margin-top: 20px;
    background:url(../img/logo.png) no-repeat; 
    display:block;
    width:150px;
    height:188px;
}

#cabecera a:hover 
{
    background:url(../img/logo_over.png) no-repeat; 
}

/* --------- CONTENIDO --------- */

.contenido 
{
    margin:0 auto;
    width:995px;
}

h1 {
    color:#a7a7a7;
    font:24px/36px Helvetica, Arial, sans-serif;
    width:100%;
    border-bottom:2px dotted #262626;
}

.demos { 
    padding:0; 
    margin:0; 
}

.demos li {
    padding:0; margin:0;
    list-style-type:none;
    clear:both;
    border-bottom:1px dotted #808080;
    overflow:hidden;
}

.demos li:last-child {
    border:none;
}

.contenido_item {
    position:relative;
    overflow:hidden;
}

.contenido_item:before  {    
    content:counter(indice,decimal-leading-zero);
    counter-increment: indice;
    font:80px Helvetica, Arial, sans-serif;
    font-weight: bolder;
    color:#e4e4e4;
    top:0; 
    left:0;
    float:left;
}

.contenido_descripcion {
    float:left;
    padding-left:10px;
}

.contenido_descripcion .titulo {
    font:36px/54px Helvetica, Arial, sans-serif;
    font-weight: bolder;
    letter-spacing:-1px;
    padding:6px 0 0 0; margin:0;
}

.contenido_descripcion .titulo a {
    text-decoration:none; 
    color:#5298ef;
}

.contenido_descripcion .titulo a:hover {
    color:#98c6ff;
}

.contenido_descripcion .tecnologia {
    color:#cdcdcd;
    padding:0; margin:0;
}

.contenido_detalle {
    position:absolute;
    right:102px;
    top:30px;
    text-align:right;
}

.contenido_detalle .autor {
    color:#cdcdcd;
    display:block;
    font-weight:bolder;
}

.contenido_detalle .fecha {
    color:#ab1b1b;
    display:block;
}

.contenido_item img {
    position:absolute;
    right:0;
    top:20px;
}

a {
    color:#a1a1a1;
    font-weight:bold;
}


/* ---------- PIE ------------ */

#pie {
   border-top:1px solid #262626;
   margin:30px auto;
   width:995px;
   padding-top:16px;
   font-size:12px;
   color:#a1a1a1;
   text-align:center;
}



#pie .nota {
    margin:-10px 0 0 0; padding:0;
    font-size:11px;

}

#pie .nota span {
    font-style:italic;
}