/* CSS Document */
/*-----------menu retractil javascript------------------*/


.subMeTabla{ /*tabla de submenú*/
width: 100%;
font-size: 11px;
font-weight: bold;
text-align: center;
padding: 0;
}
.abierto{ 
width: 100%;
font-size: 11px;
font-weight: normal;
padding: 0;
}
.cerrado{/*no tocar*/
display: none;
height: 0;
padding:0;
}

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

#tablaMenu{ /*aspecto de la tabla del menú*/
width: 100%;
padding-bottom:2px ;
}
.secciones{ /*aspecto de los botones principales*/
        text-align: left;
        background:url(imagenes/boton.jpg) no-repeat left top;
        height:23px;
        border: 1px;
        border-style: solid;
        border-color: #840000;
        font-weight: bold;
        font-size: 11px;
        padding: 2px, 2px, 2px, 0;
        padding-left:8px;
        margin-bottom: 8px;
        color: #ffffff;        
}
.seccionesHover{ /*aspecto de los botones principales al pasar el mouse*/
        background:url(imagenes/boton_hover.jpg) no-repeat left top;
        color: #333333;
        height:23px;
        text-align: left;
        border-width: 1px;
        border-style: solid;
        border-color: #ffc03c;
        font-weight: bold;
        font-size: 11px;
        padding: 2px, 2px, 2px, 0;
        padding-left:8px;
        margin-bottom: 8px;
}
.subSeccionesHover{ /*aspecto de los botones de las subsecciones al pasar el mouse*/
        text-align: left;
        height:23px;
        background:url(imagenes/boton_.jpg) no-repeat left top;
        border-bottom-width: 1px;
        border-bottom-style: dashed;
        border-bottom-color: #ffc03c;
        font-weight: bold;
        font-size: 11px;
        margin-bottom: 4px;
        padding-left: 20px;
        color: #ffffff;
}
.subSecciones{ /*aspecto de los botones de las subsecciones*/
        text-align: left;
        height:23px;
        background-color: #840000;
        border-bottom-width: 1px;
        border-bottom-style: dashed;
        border-bottom-color: #eeeeee;
        font-weight: bold;
        font-size: 11px;
        margin-bottom: 4px;
        padding-left: 20px;
        color: #ffffff;
}
.seleccionado { /*aspecto del botón seleccionado*/
        font-size: 11px;
        height:23px;
        font-weight: bold;
        color: #333333;
        background:url(imagenes/boton_hover.jpg) no-repeat left top;
        text-align: left;
        border: 1px solid #ffc03c;
        padding-left: 8px;
        margin-bottom: 8px;
}