/*****************************************************************************************************************************************

    CLASES GENERALES

*****************************************************************************************************************************************/

/* Clase del cuerpo de la página */
BODY {
    background-color: #999966;
    color: #993300;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    margin: 0px 0px 0px 0px;
}

/* Clase de la tabla del pié de página */
.pie_pagina-tabla {
    border: 1px solid;
    border-color: #000000;
    border-spacing: 0px;
    margin: 0px auto 15px auto;
    text-align: center;
    vertical-align:  middle;
}

/* Clase del nombre del instituto en el pié de página */
.pie_pagina-titulo {
    color: #646442;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 13px;
    font-weight: bold;
}

/* Clase del resto del texto del pié de página */
.pie_pagina-texto {
    color: #646442;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

/* Clase para los logotipos (esta es propia de SPIP) */
.spip_logos {
    border-width: 0px;
    margin-bottom: 10px;
    margin-left: 10px;
}




/*****************************************************************************************************************************************

    CLASES DE LA TABLA PRINCIPAL QUE CONFORMA LAS DISTINTAS PÁGINAS

*****************************************************************************************************************************************/

/* Clase general de la tabla principal */
.principal-tabla {
    background-color: #993300;
    border: 0px none;
    border-collapse: collapse;
    border-spacing: 0px;
    margin: 0px auto 0px auto;
    width: 95%;
}

/* Clase para las celdas del sombreado */
.principal-sombra {
    background-color: #999966;
    border: 0px none;
    padding: 0px;
    width: 40px;
}

/* Clase para la celda del encabezado */
.principal-encabezado {
    background-color: #993300;
    border: 0px none;
    padding: 0px;
    text-align: center;
}

/* Clase para la celda del menú superior */
.principal-menu_superior {
    background-color: #000000;
    border: 0px none;
    color: #993300;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    height: 20px;
    padding: 0px 30px 0px 0px;
    text-align: right;
    vertical-align: middle;
}

/* Clase para la celda del menú izquierdo */
.principal-menu_izquierdo {
    background-color: #993300;
    border: 0px none;
    color: #eef0e8;
    height: 500px;
    padding: 0px;
    text-align: left;
    vertical-align: top;
    width: 150px;
}

/* Clase para la celda en que se muestra el contenido de las secciones y artículos */
.principal-informacion {
    background-color: #efefe7;
    border: 0px none;
    padding: 10px;
    text-align: center;
    vertical-align: top;
    width: 100%;
}



/*****************************************************************************************************************************************

    CLASES DE LA TABLA DEL MENU IZQUIERDO

*****************************************************************************************************************************************/

/* Clase para la tabla en que se arma el menú de la izquierda */
.menu_izquierdo-tabla {
    background-color: #993300;
    border: 0px none;
    border-spacing: 0px;
    color: #cccccc;
    margin: 5px 0px 0px 10px;
    width: 140px;
}


/* Clase para las celdas que contienen el dibujo de la flechita */
.menu_izquierdo-flecha {
    border: 0px none;
    padding: 5px 0px 5px 0px;
    text-align: center;
    vertical-align: middle;
    width: 12px;
}

/* Clase para cada una de las celdas que contienen una opción del menú */
.menu_izquierdo-opcion {
    border: 0px none;
    padding: 5px 0px 5px 5px;
    text-align: left;
    vertical-align: middle;
    width: 128px;
}



/*****************************************************************************************************************************************

    CLASES DE LOS ENLACES

*****************************************************************************************************************************************/

/* Clases para los enlaces del menú superior */
A.menu_superior-enlace {
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    text-decoration: none;
}

A.menu_superior-enlace:link {
    color: #999966;
}

A.menu_superior-enlace:visited {
    color: #999966;
}

A.menu_superior-enlace:active {
    color: #ffffff;
}

A.menu_superior-enlace:hover {
    color: #ffffff;
}

/* Clases para los enlaces del menú izquierdo */
A.menu_izquierdo-enlace {
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 10px;
    text-decoration: none;
}

A.menu_izquierdo-enlace:link {
    color: #cccccc;
}

A.menu_izquierdo-enlace:visited {
    color: #cccccc;
}

A.menu_izquierdo-enlace:active {
    color: #ffffff;
}

A.menu_izquierdo-enlace:hover {
    color: #ffffff;
}

/* Clases para el enlace del pié de página */
A.pie_pagina-enlace {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-decoration: none;
}

A.pie_pagina-enlace:link {
    color: #aa8b4b;
}

A.pie_pagina-enlace:visited {
    color: #aa8b4b;
}

A.pie_pagina-enlace:active {
    color: #000000;
}

A.pie_pagina-enlace:hover {
    color: #000000;
}