/*
 *  MiJefeEsUnCabron.com
 * --------------------
 * 
 *  Elementos estructurales:
 *  
 *    #container
 *    #cabecera
 *    #lista_comentarios
 *        #primer_comentario
 *        comentario_vacio (para cambiar con html_replace)
 *        comment-{id_comentario}
 *        promote (s—lo en enlaces a un śnico comentario)
 *       
 *    #footer
 *
 */

@import url("reset.css");

/* Index */

#index-container {
    min-width: 770px;
    max-width: 1024px;
    border: 0;
    margin: 0;
}

#index-filer {
    float: left;
    height: 95px;
    /* Alargar para publi */
    display: inline;
}

#index-izda {
    float: left;
    width: 220px;
    border: 0;
    padding: 410px 0 0 0;
    background-image: url('/images/fondo-index.jpg');
    background-position: top left;
    background-repeat: no-repeat;
    min-height: 550px;
    display: inline;
}

    #index-izda h1 {
        letter-spacing: 0px;
        text-align: center;
        font-size: 1.5em;
        font-family: serif;
        line-height: 1.5em;
        padding-bottom: 0.5em;
    }
    
    #index-izda p {
        font-family: sans-serif;
        padding: 0 2em 0.5em 2em;    
    }

#index-comentarios {
    float: left;
    width: 550px;
    min-height: 600px;
    border: 0;
    padding: 0;
    margin: 0;
    display: inline;
}

#index-footer {
    width: 100%;
    float: left;
    clear: both;
}
/* Decoracion Index */

#index-izda strike {
    text-decoration: line-through;
}

/* Comentarios */

    
#lista_comentarios {
    background-color: white;
}
    
    #lista_comentarios h1 {
        font-size: 1.5em;
        line-height: 2em;
        font-family: sans-serif;
    }
    
    #flash_notice {
        background-color: red;
        visibility: hidden;
    }
    
    /* New Comment Form */
    
    #comment_form {
        /* margin: 20px; */
        padding-left: 40px;
        padding-top: 20px;
        width:  510px;
        display:  block;
        background-image: url(/images/Ficha.jpg);
        background-position: top left;
        background-repeat: no-repeat;
        height: 175px;
        border: 0;
    }
    
        #numchars {
            /* color: rgb(84,255,45); */
            color: darkgray;
            /* font-size: 25px; */
            font-family: sans-serif;
            float: left;
            padding-left: 15.5em;
        }
        
        #commenttext {
            float: left;
        }
        
        #comentario_text {
            font-size: 25px;
            width: 420px;
            /* max-width: 80%; */ 
        }
        
        #progress {
            display: none;
        }
        
        #errCommentName, #errCommentText {
            background-color: #FF0000;
            clear: both;
        }
        
        /* Campos con errores */
        
        .campo_con_errores {
            border-color: red;
        }

/* Styles for posted comments (post-it) */

.postit10 {
    font-size: 0.90em;
    font-style: normal;
    border: 0.8em #000;
    margin: 0.8em 0 0 0.8em;
    padding: 1em 0 1em 1em;

    background-color: rgb(250,255,135);
    background-image: url('/images/esquina-amarilla.jpg');
    background-position: bottom right;
    background-repeat: no-repeat;
    width: 17em;
    height: 11em;
    float: left;
    clear: none;
    
    overflow: hidden;
}

.postit10 h4 {
    font-size: 1.2em;
    font-family: sans-serif;
    width: 90%;
}

.postit10 p { text-align: center; }

.postit10 a {    
    text-decoration: none;
    color: black;
}

.postit10 :hover {
    text-decoration: underline;
}

/* new comment */

.postit11 {
    
    font-size: 0.90em;
    font-style: normal;
    border: 0.8em #000;
    margin: 0.8em 0 0 0.8em;
    padding: 1em 0 1em 1em;
    
    background-color: rgb(154,255,81);
    background-image: url('/images/esquina-verde.jpg');
    background-position: bottom right;
    background-repeat: no-repeat;
    width: 17em;
    height: 11em;
    float: left;
    clear: none;
    float: left;
    clear: none;
    
    overflow: hidden;
}

.postit11 h4 {
    font-size: 1.2em;
    font-family: sans-serif;
    width: 90%;
 }

.postit11 p { text-align: center; }

.postit11 a {    
    text-decoration: none;
    color: black;
}

.postit11 :hover {
    text-decoration: underline;
}

/* Nav Bajo Comentarios */

#bottom-nav {
    float: left;
    clear: both;    
}

/* Promote Sidebar */

#promote {
    font-size: 14px;
    font-style: normal;
    padding: 10px 0px 0px 20px;
    width: auto;
    height: 1.5em;
    float: left;
    clear: both;
}

/* Navegacion */

#secciones {
    position: relative;
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 440px;
    text-align: center;
    text-decoration: overline;
    background-image: url(/images/contenido-top.png);
    background-position: left top;
    background-repeat: no-repeat;
    
}

#secciones li {
    float: left;
    padding-left: 20px;
}


/* Errores */

#flash {
    float: left;
    clear: both;
    background-color: red;
    width: 100%;
    text-align: center;
    font-size: 25px;
}

/* Paginacion */

.pagination {
    float: left;
    clear: none;
    text-align: center;
    width: 100%;
    font-size: 25px;
    padding-top: 20px;
}

/* Pijamas */

table tr td {
   border: 2px gray solid; 
}

.pijama_oscuro {
    background-color: lightblue;
    padding: 5px;
}

.pijama_claro {
   background-color: white 
}

/* EOF */