.menuPanel{
float:left;
clear:both;
width:100%;
border: 0px solid #000000;
border-color:#0000ff;
display:block;
font-family:Arial;
font-size:8pt;
margin-top: 10px;
margin-bottom: 0px;
}

.menuPanel div.inferior{
	border:1px solid #C6C3C6;
	border-top:0px solid #000000;
	margin-right:0px;
	clear:both;
	float:none;
	background-color:#FFFFFF;
	padding: 10px;
	display:inline-block;
	font-size:10pt;/*Esto s ehace para que no herede el tamaņo  del menu panel que tiene letra mas pequena*/	
	margin-bottom:7px;
}

.menuPanel ul{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0px;
	padding:0px;
}

.menuPanel ul li{
	border:0px solid #000000;
	float:left; /*esto es importante*/
	clear: none; /*esto es importante*/
	display:block;
	padding: 0px;
	margin: 0px; /*Distancia entre los items*/
	text-align:center;
	margin-right:-1px;
}

.menuPanel ul li a{
	border:1px solid #C6C3C6;
	padding:6px;
	padding-left:8px;
	padding-right:8px;
	background-color:#efefef;
	margin-top:5px;
	display:block; /*esto es importante*/
	
	text-decoration:none;
	color:#000000;
	background-color: #DDDDDD;
	/*background-image: url(../index/img/bg_menu_main.jpg);*/
	background-image: url(../index/img/bg_menu_main_act.gif);
	/*font-weight: bold;*/
}


.menuPanel ul li a:hover {
	background-color:#529EB5;
	color:#B53418;
}

.menuPanel ul li a.resaltado:hover{
	color:#B53418;
	background-image:none;	
}

.menuPanel ul li a.activo{
	border-bottom:1px solid #ffffff;/*es importante que el color del borde sea blanco*/
	padding-left:20px;
	padding-right:20px;
	margin-top:0px;
	padding-top:11px;
	font-weight: bold;
	color: #000000;
	background-color:#ffffff;
	background-image:none;
	/*background-image: url(../index/img/bg_menu_main_act.jpg);*/
}

.menuPanel ul li a.activo:hover{
	color:#000000;
	background-color:#FFFFFF;
}

.menuPanel ul li a.resaltado{
	background-color: #8C2810;
	color: #ffffff;
	/*background-image: url(../images/fondo_tab_resaltado.jpg);*/
	background-image: url(../index/img/bg_menu_main.gif);
}

.menuPanel ul li a.resaltado:hover{
	background-color:#529EB5;
	color:#FFFFFF;
}

.menuPanel ul li.final{
	border-top:1px solid #ffffff;
	float:none;
	clear:none;
	display:block;
	padding:0px;
	margin:0px;
	

}

.menuPanel ul li.final div{
	border:1px solid #ffffff; /*este borde debe ser balnco y debe ser de tamano 1*/
	border:1px solid #000000;
	background-color:#cccccc;

	border:1px solid #C6C3C6;
	padding:6px;
	color:#FFFFFF;
	background-color: #efefef;
	margin-top:4px;
	/*background-image:url(../index/img/bg_menu_main.jpg);*/
	background-image: url(../index/img/bg_menu_main_act.gif);
}




.btngris1 .menuPanel div.inferior{
/*
border-right:0px;
border-left:0px;
border-bottom:0px;*/
	background-color:#DEDFDE;
	background-image: url(../index/img/bg_menu_main_inf.jpg);
	
}


.btngris1 .menuPanel ul li a.activo{
	border-bottom:1px solid #E7E7E7;/*es importante que el color del borde sea blanco*/
	background-image: url(../index/img/bg_menu_main_act.jpg);
}

/*
.btngris1 .menuPanel ul li.final div{
	border:0px solid #f00;
	border-top:1px solid #F7EFF7;
	border-bottom:1px solid #D9D7D9;
	float:none;
	clear:none;
	display:block;
	padding-top:7px;
	margin:0px;
	background-image: none;
	background-color:#fefefe;
}*/