.TreeMenu{ /* Common styles for all the menu - ESTILO DEL MENU PARA LOS ITEMS SIN SUBPAGINAS */
	color:#FFFFFF;
	font-family: Arial;	
	width: 169px;
	background-color:#A3A3A3;
}

.TreeMenu ul{ /*Style for ULs that are children of LIs (submenu) - ESTILO DE LAS CELDAS PARA SUBMENU*/
	margin-left: 35px;
	padding: 0px 0px 0px 0px;
	background-color:#8f8f8f;
}

ul.TreeMenu{ /*Style for the root UL*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.TreeMenu li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
	/* background: White; */
	list-style-type: none;
	height:21px;
}

.TreeMenu li.submenu{ /* Style for LI that contains sub lists (other ULs). - ESTILO DE LOS ITEMS DEL SUBMENU */
	background-color: #8f8f8f;
	cursor: hand !important;
	cursor: pointer !important;
	height:100%;
	/* border-top: solid 1px #6C623F; */
}

.TreeMenu li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
	display: none; /*Hide them by default. Don't delete. */
	padding-left: 20px;
}

.TreeMenu .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
	cursor: default;
}

/* WP Styles */

/* Styles for the Divs Elements Where the Pages names are placed*/

/* Common Styles For All the Pages Names */
div.SubMenuOpen,
div.SubMenuClose,
div.Item,
div.ItemSelected,
div.RootItem,
div.RootItemSelected,
div.SubMenuOpenSelected,
div.SubMenuCloseSelected {
	/* Here I use the hack that IE don't understand the max-height selector - ALTO Y PADDING DE LAS CELDAS DE SUBPAGINAS */
	height:21px;
	padding-top:3px;
	font-family: Arial;
	padding-left:55px; 	
	color:#000000;
	font-weight:normal;
}

li > div.SubMenuOpen,
li > div.SubMenuClose,
li > div.Item,
li > div.ItemSelected,
li > div.RootItem,
li > div.RootItemSelected,
li > div.SubMenuOpenSelected,
li > div.SubMenuCloseSelected {
	/* Here I use the hack that IE don't understand the max-height selector */
	height:17px;
}

/* Styles for the SubMenu Items when are Open - ESTILO DEL ITEM CUANDO HAGO CLICK Y QUEDA ABIERTO */
div.SubMenuOpen{
	background:#A3A3A3 url('images/bg_no_link.jpg') no-repeat;
	border-bottom: solid #6C623F 0px;
	font-family:Arial;
	font-size:11px;
	color: #000000;
	font-weight:bold;
}
div.SubMenuOpenSelected{
	background:#A3A3A3 url('images/bg_no_link.jpg') no-repeat;
	border-bottom: solid #6C623F 0px;
	font-family:Arial;
	font-size:11px;
	color: #000000;
	font-weight:bold;
}

	div.SubMenuOpen a:active, 
	div.SubMenuOpen a:link, 
	div.SubMenuOpen a:hover,
	div.SubMenuOpen a:visited,
	div.SubMenuOpenSelected a:active{
    color: #000000;
	text-decoration:none;
}   /* ESTILO PARA EL MENU, CUANDO ESTAMOS ACTIVOS EN UNA SUBPAGINA DE ESE MENU */
	div.SubMenuOpenSelected a:link{
    color: #000000;
	text-decoration:none;
}   
	div.SubMenuOpenSelected a:hover{
		color: #000000;
		font-family: Arial;
		font-size:11px;
	}	 
	div.SubMenuOpenSelected a:visited{
		color: #000000;
		font-family: Arial;
		font-size:11px;
	}	

/* Styles for the SubMenu Items when are Closed - ESTILO DE LA CELDA MENU CUANDO CIERRO UN ITEM */
div.SubMenuClose,
div.SubMenuCloseSelected {
	background: #A3A3A3 url('images/bg_link.jpg') no-repeat;	
	border-bottom: solid #6C623F 0px;
	color: #000000;
}

	div.SubMenuClose a:active{
    color: #000000;
	text-decoration:none;
}   /* ESTILO DE LOS LINKS CON SUBPAGINAS */
	div.SubMenuCloseSelected a:active{
    color: #000000;
	text-decoration:none;
}   
	div.SubMenuClose a:link{
    color: #FFFFFF;
	text-decoration:none;
}   
	div.SubMenuCloseSelected a:link {
	    font-family: Arial; 
	    color:#000000; 
	    text-decoration:none;
	}
	div.SubMenuClose a:hover{
    color: #000000;
	text-decoration:none;
}  
	div.SubMenuCloseSelected a:hover {
	    font-family: Arial; 
	    color:#000000; 
	    text-decoration:none;
	}
	div.SubMenuClose a:visited{/*color del rootmenu con subpagina*/
    color: #FFFFFF;
	text-decoration:none;
}   
	div.SubMenuCloseSelected a:visited {
		color:#FFFFFF;
		font-family: Arial;	
		text-decoration:none;		
	}	
	div.SubMenuClose a:hover /*mouse over de los items con submenu*/
	{
		color:#000000;
		font-weight:bold;
		text-decoration:none;}

/* Styles for the Items. A Item is one that don't have any child. - IMAGEN DE LAS SUBPAGINAS SIN SUBPAGINAS */
div.Item{
background-color:#8f8f8f;
padding-left:0px;
height:21px;
}
div.ItemSelected{
background-color:#8f8f8f;
padding-left:0px;
height:21px;
}
/* FONDO DE MENU SIN SUBPAGINAS */
div.RootItem{
	color:#FFFFFF;
	padding-left:55px;
	height:21px;
	max-height:auto;
	background: #A3A3A3 url('images/bg_link.jpg') no-repeat;
}

div.RootItemSelected{
	color:#000000;
	padding-left:55px;
	height:21px;
	max-height:auto;
	background: #A3A3A3 url('images/bg_no_link.jpg') no-repeat;
	font-weight:bold;
}
	li > div.Item{
    color: #FFFFFF;
	text-decoration:none;
}  
	li > div.ItemSelected{
    color: #FFFFFF;
	text-decoration:none;
}  
    li > div.RootItem{
    color: #FFFFFF;
	text-decoration:none;
}  
    li > div.RootItemSelected{
    color: #FFFFFF;
	text-decoration:none;
}  
	/* ESTILO DE LOS LINKS SIN SUBPAGINAS Y ESTILO PARA LAS SUBPAGINAS*/
	div.Item a:active{
    color: #FFFFFF;
	text-decoration:none;
}  
	div.ItemSelected a:active{
    color: #FFFFFF;
	text-decoration:none;
} 
	div.RootItem a:active{
    color: #FFFFFF;
	text-decoration:none;
}  
	div.RootItemSelected a:active{
    color: #FFFFFF;
	text-decoration:none;
} 
	div.Item a:link{
    color: #FFFFFF;
	text-decoration:none;
}  
	div.ItemSelected a:link{
    color: #FFFFFF;
	text-decoration:none;
} 
	div.RootItem a:link{
    color: #ffffff;
	text-decoration:none;
}  
	div.RootItemSelected a:link 
	{
	    font-family: Arial; 
	    color:#FFFFFF; 
	    text-decoration:none;
    }
	div.Item a:hover{
    color: #FFFFFF;
	text-decoration:none;
}  
	div.ItemSelected a:hover{
    color: #FFFFFF;
	text-decoration:none;
} 

	div.RootItemSelected a:hover 	
	{
	    font-family: Arial; 
	    color:#FFFFFF; 
	    text-decoration:none;
	}
	div.Item a:visited{
    color: #FFFFFF;
	text-decoration:none;
}  
	div.ItemSelected a:visited{
    color: #FFFFFF;
	text-decoration:none;
} 
	div.RootItem a:visited{
    color: #FFFFFF;
	text-decoration:none;
}  
	div.RootItemSelected a:visited 	
	{
		color:#FFFFFF;	
		font-family: Arial;	
		text-decoration:none;
	}	

div.RootItem{
    color: #FFFFFF;
	text-decoration:none;
}  
div.RootItemSelected
{
	border-bottom: solid #6C623F 0px;
	

} 
	div.RootItem a:hover{/*MOUSEOVER DE TODAS LAS PAGINAS SIN SUBPAGINAS*/
    color: #000000;
    text-decoration:none;
	font-weight:bold;
}

/* Selected styles *//*Cambia a gris el rootmenu cuando tiene subpag y esta seleccionado*/

	div.SubMenuOpenSelected a:active{
    color: #000000;
	text-decoration:none;
} 
	div.SubMenuOpenSelected a:link{
    color: #000000;
	text-decoration:none;	
} 
	div.SubMenuOpenSelected a:hover{
    color: #000000;
	text-decoration:none;
} 
	div.SubMenuOpenSelected a:visited{
    color: #000000;
	text-decoration:none;	
}
	div.SubMenuCloseSelected a:active{
    color: #000000;
	text-decoration:none;	
} 
	div.SubMenuCloseSelected a:link{
    color: #000000;
	text-decoration:none;	
}
	div.SubMenuCloseSelected a:hover{
    color: #000000;
	text-decoration:none;	
}
	div.SubMenuCloseSelected a:visited{
    color: #000000;
	text-decoration:none;	
}
	div.ItemSelected a:active{
    color: #000000;
	text-decoration:none;	
}
	/* COLOR FUENTE MENU ITEM ACTIVO */
	div.RootItemSelected a:active{
    color: #000000;
	text-decoration:none;	
}
	div.ItemSelected a:link{
    color: #000000;
	text-decoration:none;	
}
	div.RootItemSelected a:link{
    color: #000000;
	text-decoration:none;	
}	
	div.ItemSelected a:hover{
    color: #000000;
	text-decoration:none;	
}
	div.RootItemSelected a:hover{
    color: #000000;
	text-decoration:none;	
}
	/* COLOR FUENTE SUBMENU ITEM ACTIVO */
	div.ItemSelected a:visited{
    color: #000000;	
}

	div.Item a:Hover{color:#000000;}/*Hace el mouse over de las subpaginas*/
	div.RootItemSelected a:visited
	{
		font-family: Arial;		    
	    color: #000000;
	    text-decoration: none;
	}
	div.RootItemSelected a:hover{
	}

		
div.SubMenuCloseSelected
{
    color: #FFFFFF;
	text-decoration:none;	
}

div.SubMenuOpenSelected
{
    color: #000000;
	text-decoration:none;	
}

div.ItemSelected{
    color: #000000;
	text-decoration:none;	
}
div.RootItemSelected
{
    color: #000000;
	text-decoration:none;	
}