div.mc_menu{
	width: 100%; /*width of accordion menu*/
	margin:10px 0 20px 0 ;
	padding: 0;
}

div.mc_menu h3.menuheader{
display: block;
  	font-weight:bold;
	font-size:1em ;
	line-height:1.2em;
	color: #FFF;
	background: black url(images/titlebar.gif) no-repeat bottom left;
	background-color:#999999;
	margin: 0px;
	margin-bottom:3px;
	padding: 3px 18px 4px 12px;
	cursor: pointer;
	overflow:hidden;
	position:relative;

}



 

.accordprefix{ display:block;height:8px; width:25px; position:absolute; top:0px; right:0px; text-align:right;
background:url(images/titlebar.gif); background-position:right top; background-repeat:no-repeat;  }

.accordsuffix{ display:block; height:8px; width:9px; position:absolute;  top:0px; left:0px; 
background:url(images/titlebar.gif); background-position:left top; background-repeat:no-repeat; }



div.mc_menu h3.menuheader:hover, div.mc_menu h3.openheader{
	background: black url(images/titlebar_active.gif) no-repeat bottom left;
	background-color:#cc4d14;

 } 

div.mc_menu h3.menuheader:hover .accordprefix, div.mc_menu h3.openheader .accordprefix{
	background: black url(images/titlebar_active.gif);
	background-position:right top; background-repeat:no-repeat;
	background-color:transparent;

 } 

div.mc_menu h3.menuheader:hover .accordsuffix, div.mc_menu h3.openheader .accordsuffix{
	background: black url(images/titlebar_active.gif);
	 background-position:left top; background-repeat:no-repeat; 
	background-color:transparent;
}


div.mc_menu h3.menuheader.azul:hover, div.mc_menu h3.openheader.azul{
	background: black url(images/titlebar_active2.gif) no-repeat bottom left;
	background-color:#cc4d14;

 } 

div.mc_menu h3.azul:hover .accordprefix, div.mc_menu h3.openheader.azul .accordprefix{
	background: black url(images/titlebar_active2.gif);
	background-position:right top; background-repeat:no-repeat;
	background-color:transparent;

 } 

div.mc_menu h3.azul:hover .accordsuffix, div.mc_menu h3.openheader.azul .accordsuffix{
	background: black url(images/titlebar_active2.gif);
	 background-position:left top; background-repeat:no-repeat; 
	background-color:transparent;
}


img.statusicon{
border: none;
position:absolute; top:3px; right:7px;

}
 
 .expandable, .subexpandable{ position:relative; } 
 
 
div.mc_menu h4.menuheader{
	display: block;
  	font-weight:bold;
	font-size:1em ;
	line-height:1.2em;
	background-image:none;
	background-color:#EBEBEB;
	margin:5px 0 0 0 ;
	padding: 2px 25px 2px 8px;
	cursor: pointer;

}
 
div.mc_menu h4.menuheader:hover, div.mc_menu h4.opensubheader{
	background-image:none;
	background-color: #818181;
	color: #FFF;
} 


 
div.mc_menu h4.menuheader span {background-image:none;} 
div.mc_menu h4.menuheader span img.statusicon{right:3px;} 
div.mc_menu ul.categoryitems{ 
list-style-type: none;
margin: 0;
padding: 0 10px 10px 10px ;

}
div.mc_menu ul li{
margin: 0;
padding: 0;
padding-bottom: 2px; /*bottom spacing between menu items*/

}

div.mc_menu ul li ul.subcategoryitems{
	margin-left: 10px;
	list-style-type: none;
	margin: 0;
	padding: 0 5px 5px 5px ;
	border: 1px solid #dadada; 
	}

div.mc_menu a {text-decoration: none;}
div.mc_menu ul li a{
color:#666666;
background: url(images/arrowbullet.png) no-repeat center right; /*custom bullet list image*/
display: block;
padding:  0;
padding-left: 10px; 

border-bottom: 1px solid #dadada;
font-size: 0.9em;
outline:none;
}





div.mc_menu ul li a:hover{ /*hover state CSS*/
background-color: #F3F3F3;color: #A70303;
}

a .expandable img.statusicon{ display:none;}
div.mc_menu ul li a.activo{color: #A70303 !important; }