/* Definir estilo de menu principal*/
.menu {z-index:1000; background-color:#ebeef0;}
.menu ul {padding:0;margin:0;list-style-type:none;width:150px;}

/*.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* Definir posición relativa para los distintos submenus */
.menu li {position:relative; padding-left:55px;}

/* Definir estilo para los encabezados del menú */
.menu ul li span
{
    width: 210px;
    height: 65px;
    line-height: 20px;
	/*background:#5c5c6f;*/
	background: white;
    padding-left: 5px;
    display: block;
    text-decoration: none;
    color:#9c1c25 ;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    font-family: Tahoma;
	padding-left:0px;
}
      

/* Definir estilo para los items del menú */
.menu a, .menu a:visited
{
	height: 20px;
	line-height: 20px;
	/*background:#f5dbde;*/
	display: block;
	text-decoration: none;
	width: 150px;
	color: #000;
	text-indent: 10px;
	border-width: 0 1px 1px 0;
	font-family: Tahoma;
	font-size: 11px;
}

/* Definir estilo para los items que disponen de submenu */
.menu a.childs {color:#000000; background:url("../imagenes/r_arrow.gif") no-repeat right;}

/* Modificación para IE5.5 */
* html .menu a, * html .menu a:visited {width:150px;}


/* Definir estilo para los items del menú en el evento mouseover*/
* html .menu a:hover {color:#fff; background:#333333; }
.menu :hover > a {color:#fff; background: #333333;}
.menu :hover > a.childs {background:#ce142b url("../imagenes/r_arrow.gif") no-repeat right;}


/* Instrucciones para mostrar u ocultar los diferentes submenus*/

/* Nivel 2º */
.menu ul ul {visibility:hidden;position:absolute;top:0;left:150px;border: solid 1px #ce142b;}
.menu ul li:hover ul,.menu ul a:hover ul {visibility:visible;}

/* Nivel 3º */
.menu ul :hover ul ul{visibility:hidden;}
.menu ul :hover ul :hover ul{visibility:visible;}

/* Nivel 4º */
.menu ul :hover ul :hover ul ul{visibility:hidden;}
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}