#main h2 { margin-bottom:10px; background:none; font-size:2em; color:#898989; text-indent:-9999px; min-height:92px;margin-left:10px; border-bottom:0;}
*html #main h2 { padding-bottom:60px}



#materias  {margin-left:10px;}



/* basic ul/li styles */
#materias  ul,  #materias  li {
	list-style: none !important;
	padding:0;
	margin:0;
}
#materias li {
	position: relative;
	z-index: 5; /* to avoid stack problems in IE */
	float: left;
}
#materias li:hover {
	z-index: 11;
	white-space: normal; /* required to resolve IE7 :hover bug  */
}

#materias li li {
	float: none;
}


/* hover */
#materias li ul {
	position: absolute;
	left: -9999px;
	width: 166px;
	z-index: 10;
	padding: 5px; margin: -5px 0 0 -5px; /* safety zone */
	background: url(foo.gif); /* stick, IE! */
}
#materias li:hover>ul {
	left: 0; /* in level1, start to the left-bottom of the image */
	top: 70%;
}

/* desplega primer level*/
#materias li.mat_AQ:hover>ul,#materias li.mat_AT:hover>ul,#materias li.mat_AT:hover>ul {	top: 65%;}
#materias li.mat_AY:hover>ul,#materias li.mat_BN:hover>ul,#materias li.mat_BK:hover>ul {	top: 76%;}

#materias li.mat_S:hover>ul, #materias li.mat_UI:hover>ul, #materias li.mat_UJ:hover>ul{	top: 75%;}
#materias li.mat_L:hover>ul {	top: 84%;}
#materias li.mat_FU:hover>ul, #materias li.mat_FF:hover>ul, #materias li.mat_FR:hover>ul  {	top: 73%;}
#materias li.mat_UC:hover>ul, #materias li.mat_UV:hover>ul{	top: 68%;}


#materias li li:hover>ul {
	left: 83px;
	top: 11px;
}
#materias li:hover>ul.left {
	right: 83px !important;
	left: auto !important;
}



/* styling */
#materias li img {border:0}
#materias li a {
	display: block;
}
#materias li li a {
	width: 144px;
	padding: 4px 10px;
	min-height: 12px;
	background: #fff;
	border: 1px solid #d3d3d3;
	margin: 1px 0;
	text-decoration: none;
}
#materias .sub>a {
	font-weight: bold;
}
* html #materias .sub {
	zzborder-bottom: 1px solid #fff;
	margin-bottom: -4px;
	width: 144px;
}
#materias li li a:hover {
	background: #e92317;
	color: #fff;
}






#materias li.mat_AQ:hover {	width: 220px;	}
* html #materias li.mat_AQ{	width: 220px;	}
#materias li.mat_AT:hover { width:97px	}
* html #materias li.mat_AT {width:97px;}
#materias li.mat_AY:hover { width:167px	}
*html #materias li.mat_AY { width:167px	}
#materias li.mat_BN:hover { width:141px;	}
*html #materias li.mat_BN { width:141px;	}
#materias li.mat_BK:hover { width:198px;}
*html #materias li.mat_BK { width:198px;}
#materias li.mat_BZ:hover { width:145px;}
*html #materias li.mat_BZ { width:145px;}
#materias li.mat_HA:hover { width:206px;	}
*html #materias li.mat_HA{ width:206px;	}
#materias li.mat_HG:hover { width:163px;	}
*html #materias li.mat_HG{ width:163px;	}
#materias li.mat_HH:hover { width:115px	}
*html #materias li.mat_HH{ width:115px	}
#materias li.mat_D:hover{ width:255px	}
*html #materias li.mat_D{ width:255px	}
#materias li.mat_S:hover,
#materias li.mat_L:hover  { width:484px;}
*html #materias li.mat_S,
*html #materias li.mat_L{ width:484px;}
#materias li.mat_E:hover  {	width: 229px;	}
*html #materias li.mat_E{	width: 229px;	}

#materias li.mat_FU:hover { width:165px;	}
*html #materias li.mat_FU{ width:165px;	}
#materias li.mat_FF:hover { width:172px	}
*html #materias li.mat_FF{ width:172px	}
#materias li.mat_FR:hover { width:147px	}
*html #materias li.mat_FR{ width:147px	}
#materias li.mat_UI:hover{ width:251px	}
*html #materias li.mat_UI{ width:251px	}
#materias li.mat_UJ:hover  { width:233px;	}
*html #materias li.mat_UJ{ width:233px;	}
#materias li.mat_UC:hover { width:286px	}
*html #materias li.mat_UC{ width:286px	}
#materias li.mat_UV:hover  { width:198px;	}
*html #materias li.mat_UV{ width:198px;	}

#materias li.mat_AQ:hover>a,
#materias li.mat_AT:hover>a,
#materias li.mat_AY:hover>a,
#materias li.mat_BN:hover>a,
#materias li.mat_BK:hover>a,
#materias li.mat_BZ:hover>a,
#materias li.mat_HA:hover>a,
#materias li.mat_HG:hover>a,
#materias li.mat_HH:hover>a,
#materias li.mat_S:hover>a,
#materias li.mat_E:hover>a,
#materias li.mat_D:hover>a,
#materias li.mat_L:hover>a,
#materias li.mat_FU:hover>a,
#materias li.mat_FF:hover>a,
#materias li.mat_FR:hover>a,
#materias li.mat_UI:hover>a,
#materias li.mat_UJ:hover>a,
#materias li.mat_UV:hover>a,
#materias li.mat_UC:hover>a    {	text-indent: -9999px;}