/* menu izkierdo interno */

.menu-izq, .menu-izq ul {margin:0px 0 0 0; padding:0; border:0; list-style-type:none; display:block; font-size:18px;}
.menu-izq li 	{margin:0; padding:0; border:0; display:block; 
/*float:right; move all main list items into one row, by floating them */
position:relative;/* position each LI, thus creating potential IE.win overlap problem */ z-index:5;/* thus we need to apply explicit z-index here... */
}

.menu-izq li:hover {
z-index:10000;/* ...and here. this makes sure active item is always above anything else in the menu */
white-space:normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present) see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}

.menu-izq li li {float:none;/* items of the nested menus are kept on separate lines */}
.menu-izq ul {
background:#F1F1F2; border:5px solid #FFF; visibility:hidden;/* initially hide all submenus. */
position:absolute; z-index:10; left:0;/* while hidden, always keep them at the top left corner, */ top:0;/* to avoid scrollbars as much as possible */
}

.menu-izq li:hover > ul {visibility:visible;/* display submenu them on hover */ top:100%;/* 1st level go below their parent item */ left:0%;}
/* 2nd+ levels go on the right side of the parent item */ 
.menu-izq li li:hover > ul {top:5%; left:-100%; }

/* -- float.clear -- force containment of floated LIs inside of UL */
.menu-izq:after, .menu-izq ul:after {content:"."; height:0; display:block; visibility:hidden; overflow:hidden; clear:both; }
.menu-izq, .menu-izq ul {/* IE7 float clear:*/ min-height:0;}
/* -- float.clear.END --  */

/* -- sticky.submenu -- it should not disappear when your mouse moves a bit outside the submenu YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly! if you do it, make sure you 110% know what you do */
.menu-izq ul {background-image:url(empty.gif);/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
padding:10px 0px 0px 0px;
margin:0px 0 0 0px;
/*background:#f00;//* uncomment this if you want to see the "safe" area. you can also use to adjust the safe area to your requirement */
}
.menu-izq ul ul {padding:0px; margin:-4px 0 0 0px; background:#F1F1F2; }
/* -- sticky.submenu.END -- */
/* - - - ADxMenu:DESIGN styles [ OPTIONAL, design your heart out :) ] - - - */

.menu-izq, .menu-izq ul li {color:#666; }
.menu-izq ul 	{width:200px;}
.menu-izq a 	{text-decoration:none; color:#5A5A5A; padding:5px 10px; display:block; position:relative;}
.menu-izq a:hover, .menu-izq li:hover > a { color:#000; background:#ffe634/*rgba(255,255,10,1)*/;}
.menu-izq li li {/* create borders around each item */border:0px solid #ccc; /*background:rgba(255,255,255,1);*/}
.menu-izq ul > li + li {/* and remove the top border on all but first item in the list */ border-top:0; }
.menu-izq li li:hover > ul {/* inset 2nd+ submenus, to show off overlapping */ top:5px; left:100%;}

/* special colouring for "Main menu:", and for "xx submenu" items in ADxMenu
placed here to clarify the terminology I use when referencing submenus in posts */
.menu-izq > li:first-child > a, .menu-izq li + li + li li:first-child > a {color:#000;}

/* Fix for IE5/Mac \*//*/
.menu a {float:left;}
/* End Fix */
/*]] > */

<!--[if lte IE 6] > 
/*<![CDATA[*/
.menu-izq ul { visibility:visible;position:static;}
.menu-izq, .menu-izq ul {/* float.clear */zoom:1;}
.menu-izq li.adxmhover {z-index:10000;}
.menu-izq .adxmhoverUL {/* li:hover > ul selector */visibility:visible;}
.menu-izq .adxmhoverUL {/* 1st-level submenu go below their parent item */top:100%;left:0;}
.menu-izq .adxmhoverUL .adxmhoverUL {/* 2nd+ levels go on the right side of the parent item */top:0;left:100%;}
/* - - - ADxMenu:DESIGN styles - - - */
.menu-izq ul a {/* fix clickability-area problem */zoom:1;}
.menu-izq li li {/* fix white gap problem */float:left;width:100%;}
.menu-izq li li {/* prevent double-line between items */margin-top:-1px;}
.menu-izq a:hover, .menu-izq .adxmhoverA {/* li:hover > a selector */color:#fc3;}
.menu-izq .adxmhoverUL .adxmhoverUL {/* inset 2nd+ submenus, to show off overlapping */top:5px;left:90%;}

.menu-izq li.mi_heading a { color:#5A5A5A; font-size:18px;}
.menu-izq li.mi_heading{ color:#5A5A5A; font-size:18px; border-bottom:1px solid #ddd; padding:0; margin:0 20px 0 0; }
.menu-izq li.mi_heading a:hover, .menu-izq  li.mi_heading:hover > a { color:#000; background:rgba(255,255,255,1);}
/*]] > */
<!-- [endif] -- > 
/* menu heder*/