/* CSS PARA MENUS */

/************************************ ESTILOS MENU TOP *********************************************************/
#menuTop {
	padding: 0;
	margin: 0;
	float:right;	/*
	position: absolute;	*/
	width: 960px;
	height:25px;
/*	background-image: url(../img/bg_menutop.png);
	background-repeat: no-repeat;
	background-position: right top;*/
}
/* PNG TRANSPARENTE PARA IE6 
   OCULTAR PARA IE5/Mac */ 
/* \*/  

/*
* html #menuTop {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/bg_menutop.png", sizingMethod="crop");
	
}
*/

#menuTop ul {
	margin: 0;
	padding: 0;	
	list-style: none;
	height: 25px;	
	width: 100%;	
}
#menuTop ul li {
	float: right; /* LAS LISTAS SE ACOMODAN EN MODO INVERTIDO PARA ALINEAR A LA DERECHA CORRECTAMENTE */	
	margin-right:25px;	
}
#menuTop li a {
	display: block;
	text-decoration: none;
	float: left;
	padding-top: 4px;
	padding-bottom: 4px;	
}
/*
#menuTop ul li {
	background-image: url(../img/menuTop_separador.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 4px; 
	padding-right: 2px; 
} 
*/

/************************************ ESTILOS MENU PRINCIPAL *********************************************************/
#menuMain {
	margin: 0;
	padding: 0;
/*	margin-bottom: 2px;			-----para dejar espacio de 2px entre el header y content	*/
	font-weight: bold;
	background-image:url(../img/bg_menumain.png);
	background-repeat:no-repeat;
	background-position:top;
	width: 960px;
}

/* PNG TRANSPARENTE PARA IE6 */
/* OCULTAR PARA IE5/Mac */ 
/* \*/  

/*
* html #menuMain {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/bg_menumain.png", sizingMethod="crop");
}
*/


#menuMain ul, #menuMain ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#menuMain ul {
	padding: 8px 0px 8px 0px;
	text-align: center;
}
#menuMain ul li {
	display: inline;
	padding: 0px 3px 0px 3px; /* ESPACIO DENTRO DE TABS del MENU, modificar _ x1 _ x2 */
}
#menuMain ul li a {
	text-decoration: none;
	margin: 5px 0 10px 0; /* antes era padding: 5px 0 10px 0; */
}
#menuMain ul li span {
	padding: 0px 12px 0px 12px; /* ESPACIO DENTRO DE TABS */
}
#menuMain ul li a:hover span {
	text-decoration: none;
}
#menuMain ul li a:hover {
	background-image:url(../img/menumain_select.gif);
	background-repeat:no-repeat;
	background-position: 0px 2px; /* x y*/  /* antes era 0px 7px */

}
#menuMain ul li a:active span {
	text-decoration: none;
}
#menuMain ul li a:active {
}

#menuMain .seccionActiva a {
}
#menuMain .seccionActiva a span {
}





/* SUBMENU , donde ira el submenu de cada menu en la IZQUIERDA
   ---------------------------------------------------------------- */

#submenu {
	float:left;
 /*	position:absolute;      */
    height:100%;	
	width: 240px;	
	font-size: 9px;
	text-align:right;
	color: #666666;	/* top right bottom left */
	text-transform:uppercase;	
}

#submenu .submenuNOLINK {
	font-size: 14px;
	text-align:right;
	color: #666666;	/* top right bottom left */
	font-weight: normal;
	padding-bottom: 7px;
	text-transform:none;	
}

#submenu .submenuselected span {
	background-image: url(../images/ico_submenuselected.gif);
	background-repeat: no-repeat;
	background-position: right 9px;
}

#submenu .submenuLASTlink {
	border-bottom-width: 0px;	
}
#submenuInactivo .submenuLASTlink {
	border-bottom-width: 0px;	
}
#submenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 100%;	
}
#submenu ul li {
	margin-right: 15px;		/*	la separacion entre #submenu y # Contenido */
	padding:3px 0px 3px 10px;	/*	*/
	vertical-align: middle;
	border-bottom-color: #CCCCCC;
	border-bottom-style: solid;
	border-bottom-width: 1px;	
}
#submenu ul a{
	display:block;
	text-decoration: none;	
	font-weight: normal;
	padding-right: 20px;	
}
#submenu a:link, #submenu a:visited {
	color: #666666;
	background-image:none;
/*	background-image: url(../img/ico_submen_gris.gif);	*/
	background-repeat: no-repeat;
	background-position:center right;		
}
#submenu a:hover {
	color: #CC0000;
	background-image:url(../img/ico_submen_rojo.gif);
	background-repeat: no-repeat;
	background-position:center right;
}
#submenu a:active {
	color: #990000;
	background-image:url(../img/ico_submen_rojodark.gif);
	background-repeat: no-repeat;
	background-position:center right;
}

#submenuInactivo {
	font-weight: normal;
	color: #CC0000;		
	background-image: url(../img/ico_submen_rojo.gif);
	background-repeat: no-repeat;
	background-position:center right;
	
}
#submenu .submenuInactivo {
	font-weight: normal;
	color: #CC0000;		
	background-image: url(../img/ico_submen_rojo.gif);
	background-repeat: no-repeat;
	background-position:center right;
	padding-right:20px;
}

