/*ESTILOS ACORDEON*/

.arrowlistmenu
{
	width: 213px; /*width of accordion menu*/
	padding-left:9px;
}
.arrowlistmenu .menuheader
{ /*CSS class for menu headers in general (expanding or not!)*/
	margin-bottom:0px; /*bottom spacing between header and rest of content*/
	text-transform: uppercase;
	cursor: pointer;
	height:38px;
	padding-top:5px;
	width:205px;
}
.arrowlistmenu .menuheader a
{
	background-image:url("../imagenes/px_familia_tamano2lineas.gif");
	background-repeat:repeat-x;
	border:solid 1px black;
	height:31px;
	display: block;
	text-decoration:none;
	padding-left: 10px;
	vertical-align:middle;
	padding-top:5px; 
	text-transform:uppercase;
	text-align:left;
}

.arrowlistmenu .menuheader a:hover
{
	background-image:url("../imagenes/px_2.gif");
	background-repeat:repeat-x;
	border:solid 1px black;
	height:31px;
	display: block;
	text-decoration:none;
	padding-left: 10px;
	vertical-align:middle;
	padding-top:5px; 
	text-transform:uppercase;
	text-align:left;
}

.arrowlistmenu .menuheader2
{ /*CSS class for menu headers in general (expanding or not!)*/
	margin-bottom:0px; /*bottom spacing between header and rest of content*/
	text-transform: uppercase;
	cursor: pointer;
	height:23px;
	margin-top:5px;
	width:205px;
}

.arrowlistmenu .menuheader2 a
{
	background-image:url("../imagenes/px_familia_tamano1linea.gif");
	background-repeat:repeat-x;
	border:solid 1px black;
	height:17px;
	display: block;
	text-decoration:none;
	padding-left: 10px;
	vertical-align:middle;
	padding-top:4px;
	text-transform:uppercase;
	text-align:left;
}


.arrowlistmenu .menuheader2 a:hover
{
	background-image:url("../imagenes/px.gif");
	background-repeat:repeat-x;
	border:solid 1px black;
	height:17px;
	display: block;
	text-decoration:none;
	padding-left: 10px;
	vertical-align:middle;
	padding-top:4px;
	text-transform:uppercase;
	text-align:left;
}

.arrowlistmenu .menuheader3
{ /*CSS class for menu headers in general (expanding or not!)*/
	margin-bottom:0px; /*bottom spacing between header and rest of content*/
	text-transform: uppercase;
	cursor: pointer;
	height:23px;
	margin-top:5px;
	width:205px;
}

.arrowlistmenu .menuheader3 a
{
	background-image:url("../imagenes/px_familia_tamano1linea.gif");
	background-repeat:repeat-x;
	border:solid 1px black;
	height:17px;
	display: block;
	text-decoration:none;
	padding-left: 10px;
	vertical-align:middle;
	padding-top:4px; 
	text-transform:uppercase;
	text-align:left;
}

.arrowlistmenu .menuheader3 a:hover
{
	background-image:url("../imagenes/px.gif");
	background-repeat:repeat-x;
	border:solid 1px black;
	height:17px;
	display: block;
	text-decoration:none;
	padding-left: 10px;
	vertical-align:middle;
	padding-top:4px; 
	text-transform:uppercase;
	text-align:left;
}

 .arrowlistmenu .menuheader4
{ /*CSS class for menu headers in general (expanding or not!)*/
	margin-bottom:0px; /*bottom spacing between header and rest of content*/
	text-transform: uppercase;
	cursor: pointer;
	height:38px;
	margin-top:5px;
	width:205px;
}

 .arrowlistmenu .menuheader4 a
{
	background-image:url("../imagenes/px_familia_tamano2lineas.gif");
	background-repeat:repeat-x;
	border:solid 1px black;
	height:31px;
	display: block;
	text-decoration:none;
	padding-left: 10px;
	vertical-align:middle;
	padding-top:5px; 
	text-transform:uppercase;
	text-align:left;
}


 .arrowlistmenu .menuheader4 a:hover
{
	background-image:url("../imagenes/px_2.gif");
	background-repeat:repeat-x;
	border:solid 1px black;
	height:31px;
	display: block;
	text-decoration:none;
	padding-left: 10px;
	vertical-align:middle;
	padding-top:5px; 
	text-transform:uppercase;
	text-align:left;
}

.arrowlistmenu .openheader
{ /*CSS class to apply to expandable header when it's expanded*/
	/*background:url(../images/boton_over.gif) no-repeat;*/
}
.arrowlistmenu ul
{ /*CSS for UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/
	border-left: 0px solid #000000;
	border-right: 0px solid #000000;
	width:213px;
	padding-top:5px;
}
.arrowlistmenu ul li
{
	padding-bottom: 0px; /*bottom spacing between menu items*/
	height:19px;
	/*height:18px;
	margin-top:2px;
	margin-left: 19px; /*link text is indented 19px*/
}
.arrowlistmenu ul li a
{
	font:8pt Verdana;
	color: #000000;
	background-image:url("../imagenes/px_subfamilia.gif");
	background-position:bottom;
	background-repeat:repeat-x;
	background-color:#ffffff;
	display: block;
	padding-top:2px;
	height:17px; 
	text-decoration: none;
	text-align:left;
	padding-left:10px;
}
.arrowlistmenu ul li a:hover
{ /*hover state CSS*/
	font-weight:bold;
	font-style:oblique;	 
}