/* CSS Document */
BODY {
        scrollbar-face-color: #000000;
        scrollbar-shadow-color: #FFFFFF;
        scrollbar-highlight-color: #FFFFFF;
        scrollbar-3dlight-color: #FFFFFF;
        scrollbar-darkshadow-color: #FFFFFF;
        scrollbar-track-color: #000000;
        scrollbar-arrow-color: #FFFFFF;
        background: #FFFFFF url(../images/bg1.gif);
        font: 12pt Times New Roman,Verdana, Geneva, Arial, Helvetica, sans-serif;
        margin: 20px 0px 20px 0px;
        text-align: center;
        color: #FFFFFF;
}

#cabecera{
        text-align: justify;
        width: 80%;
        background: #000000;
        margin: 0 auto;
}

#navegador{
        width: 80%;
        background: #000000;
        font-size: 16px;
        font-weight: 900;
        margin: 0 auto;
}

#cuerpo{
        text-align: center;
        width: 80%;
        background: #000000;
        margin: 0 auto;
}

#derecha{
        background: #000000 url(../images/fondo.gif);
        margin:0 auto;
        margin-left: 220px;
        margin-right: 30px;
}

#lateral{ 
        width: 20%;
        background-color: #000000;
        float: left;
        margin: 0 auto;
}
.subMeTabla{ /*tabla de submenú*/
        width: 100%;
        font-family: Times New Roman, Tahoma, Verdana, Arial;
        font-size: 12px;
        font-weight: bold;
        text-align: center;
        padding: 0;
}
.abierto{
        width: 100%;
        font-family: Times New Roman, Tahoma, Verdana, Arial;
        font-size: 12px;
        font-weight: bold;
        padding: 0;
}
.cerrado{/*no tocar*/
        display: none;
        height: 0;
        padding:0;
}

#Menu{
        width: 200px;
        cursor: default;
}

#tablaMenu{ /*aspecto de la tabla del menú*/
        width: 100%;
        border: 1px solid #000000;
        background-color: #000000;
        padding: 0;
}
.secciones{ /*aspecto de los botones principales*/
        text-align: center;
        background-color: #FFFFFF;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-top-style: solid;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-top-color: #000000;
        border-right-color: #000000;
        border-bottom-color: #000000;
        border-left-color: #000000;
        font-family: "Times New Roman", Tahoma, Verdana, Arial;
        font-weight: bold;
        font-size: 12px;
        padding: 0;
        color: #000000;
}
.seccionesHover{ /*aspecto de los botones principales al pasar el mouse*/
        background-color: #000000;
        color: #FFFFFF;
        text-align: center;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-top-style: solid;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-top-color: #333333;
        border-right-color: #333333;
        border-bottom-color: #333333;
        border-left-color: #333333;
        font-family: "Times New Roman", Tahoma, Verdana, Arial;
        font-weight: bold;
        font-size: 12px;
        padding: 0;
}
.subSeccionesHover{ /*aspecto de los botones de las subsecciones al pasar el mouse*/
        text-align: center;
        background-color: #C0C0C0;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-top-style: solid;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-top-color: #000000;
        border-right-color: #000000;
        border-bottom-color: #333333;
        border-left-color: #000000;
        font-family: "Times New Roman", Tahoma, Verdana, Arial;
        font-weight: bold;
        font-size: 12px;
        margin-bottom: 5px;
        color: #000000;
}
.subSecciones{ /*aspecto de los botones de las subsecciones*/
        text-align: center;
        background-color: #333333;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-top-style: solid;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-top-color: #FFFFFF;
        border-right-color: #FFFFFF;
        border-bottom-color: #FFFFFF;
        border-left-color: #FFFFFF;
        font-family: "Times New Roman", Tahoma, Verdana, Arial;
        font-weight: bold;
        font-size: 12px;
        margin-bottom: 5px;
        color: #FFFFFF;
}
.seleccionado { /*aspecto del botón seleccionado*/
        font-family: "Times New Roman", Tahoma, Verdana, Arial;
        font-size: 12px;
        font-weight: bold;
        color: #FFFFFF;
        background-color: #000000;
        text-align: center;
        border-top: 1px solid #FFFFFF;
        border-right: 1px solid #333333;
        border-bottom: 1px solid #333333;
        border-left: 1px solid #FFFFFF;
}

A.clase1:link {
        font-family: "Times New Roman", Tahoma, Verdana, Arial;
        color: #FFFFFF
}

A.clase1:hover {
        font-family: "Times New Roman", Tahoma, Verdana, Arial;
        color: #9900CC
}

A.clase1:visited {
        font-family: "Times New Roman", Tahoma, Verdana, Arial;
        color: #FFFFFF;
}

A.clase1:active {
        font-family: "Times New Roman", Tahoma, Verdana, Arial;
        color: #FFFFFF;
}

#pie{
        text-align: center;
        width: 80%;
        background: #000000;
        margin: 0 auto;
}

/* CSS Calendar */
 
#calendario{
        font-family: Tahoma, Arial, Helvetica, sans-serif;
        font-size: 9px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        border-collapse: collapse;
        border-right: 2px solid #999999;
        border-bottom: 2px solid #999999;
}

/*#mesCalendario para configurar aspectos de la caja que muestra el mes y el año*/
#mesCalendario{
        text-align: center;
        color: #CC6633;
        background-color: #A4A4A4;


}
#calendario td{
        
}
#calendario th, #calendario td{
        border: 1px solid #999999;
        padding: 2px;
        font-size: 120%;
}
#calendario th{
        color: #FFFFFF;
}
/*.diaS para configurar aspectos de la caja que muestra los días de la semana*/
.diaS{
        color: #ffffff;
        background-color: #666666;

}
/*.celda para configurar aspectos de la caja que muestra los días del mes*/
.celda {
        background-color: #FFFFFF;
        color: #000000;
        font-weight : normal;
        cursor: default;
}
/*.Hoy para configurar aspectos de la caja que muestra el día actual*/
.Hoy{
        color: #ffffff;
        background-color: #0000FF;
        font-weight: normal;
        cursor: default;
}
#miCalendario{
        text-align: center;
        width: 180px;
        margin: 0 auto;
}
/*.selectores para configurar aspectos de los campos para el mes y el año*/
.selectores, .cuadroTexto{
        font-family: verdana;
        font-size: 9px;
        background-color: #000000;
        color: #FFFFFF;
        margin: 0.6em .2em;
        border: 1px solid #FFFFFF;
}
.cuadroTexto{ /*Cuadro donde se muestran las efemérides*/
        padding: .1em;
        
}
#miCalendario h2, #miCalendario p{ /*Aspecto de los títulos y párrafos de efemérides*/
        margin: .3em 0;
        color: #FFFFFF;
        font-size: 10px;
        text-align: center;
}
#miCalendario p{/*Aspecto de los párrafos de efemérides*/
        margin-left: 2.5em;
}
.hayEvento{ /*Casilla en el calendario que contiene evento o efeméride*/
        background-color: #848484;
}
.cambiaMes{ /*Controles para pasar los meses (adelante y atrás) */
        cursor: pointer;
        color: #FFFFFF;
        font-weight: bold;
        font-size: 90%;
}