/**********************************************
 * Hoja de estilos para el sitio luismedel.com
 * (página 404)
 * 
 * Autor: Luis Medel <luis@luismedel.com>
 * Julio 2008
 *
 *
 * Notas de desarrollo:
 * - Lo que debería ser #content_splash_clase se convierte
 *   en #content_splash_clase por culpa del maldito pedazo de #%&$?*
 *   de Internet Explorer.
 **********************************************/

#content_splash_404 #img_splash {
    float: right;
    width: 288px;
    height: 288px;
}

#content_splash_404 {
    clear: both;
    padding: 10px;
    margin-top: 1em;
    background-position: left 70px;
    background-repeat: repeat-x;
    color: #ffffff;
}

#content_splash_404 {
    background-image:url(/gfx/pnegro.jpg);
}

#content_splash_404 #txt_splash h2 {
    color: #ccc;
}

#content_splash_404 #txt_splash {
    line-height: 160%;
    font-size: 125%;
}

#content_404 {
    clear: both;
    background: #ffffff url(/gfx/fnd.gif) left top repeat-x;
    padding: 5em 10px 5em 10px;
    color: #000000;
}

#content_404 #txt_content .columna_info {
    float: left;
    width: 480px;
    text-align: justify;
}

#content_404 #txt_content .columna_info img.izquierda {
    float: left;
}

#content_404 #txt_content .columna_info img.derecha {
    float: right;
    margin-left: 1.2em;
}

#content_404 #txt_content .columna_info ul {
    list-style: url(/gfx/bullet_blue.gif);
    margin: 0.5em 0em 0.5em 2em;
}

#content_404 #txt_content .columna_blog {
    float: left;
    width: 410px;
    margin-left: 40px;
    text-align: justify;
}

#content_404 #txt_content .columna_blog img.derecha {
    float: right;
}

#content_404 #txt_content .columna_blog h3 {
    margin: 0.5em 0px 0.2em 0px;
    padding: 0px;
}

#content_404 #txt_content .columna_blog li {
    list-style: inside square;
}


#content_404 #txt_content .columna_blog .post_summary {
    margin-bottom: 1em;
}

#content_404 #txt_content .columna_blog p {
    margin: 0px;
    padding: 0px;
}