@CHARSET "ISO-8859-1";

#outer {margin-left:250px; margin-top:/*-323px*/-197px; width:1030px; height:190px; background:transparent url(graf/Wright.jpg) 0 200px; border-top:5px solid #336699; padding-top:2px;}
.pad {display:block; width:50px; height:26px; float:left; background:#336699;}
#lozenge, #lozenge ul {padding:0; margin:0; list-style:none;}
#lozenge li {float:left;}
#lozenge li a {display:block; float:left; text-decoration:none; cursor:pointer;} /* add pointer:hand; for IE5.5 */
#lozenge ul {position:absolute; visibility:hidden;}

#lozenge li a table{
position:absolute;border-collapse:collapse;z-index:100;left:0;top:0;font-size:1em;}

#lozenge li a b, #lozenge li a em {display:block; float:left; width:0px; height:0px; overflow:hidden;}
#lozenge li a span,
#lozenge li a:hover ul li a span {display:block; float:left; height:26px; width:100px; text-align:center; background:#99CDFF; color:#000000; line-height:26px;}
#lozenge li a b,
#lozenge li a:hover ul li a b {border-top:/*13px dotted transparent*/; border-right:1px solid #336699; border-bottom:/*13px dotted transparent*/;}
#lozenge li a em,
#lozenge li a:hover ul li a em {border-top:/*13px dotted transparent*/ ; border-left:1px solid #336699; border-bottom:/*13px dotted transparent*/;}
/* hacks for IE5.5 *
* html #lozenge li a b,
* html #lozenge li a em {width:26px; height:126px; width:0; height:0;}
*/
#lozenge li a:hover {white-space:normal; position:relative; z-index:100/*500*/;}
#lozenge li:hover {position:relative; z-index:100/*500*/;}

/*#lozenge li a:hover span,*/
#lozenge li a:hover ul li a:hover span {background:#E1F0FF; color:#000000/*#ffffff*/}
/*#lozenge li a:hover b,*/
#lozenge li a:hover ul li a:hover b {border-right-color:#E1F0FF;}
/*#lozenge li a:hover em,*/
#lozenge li a:hover ul li a:hover em {border-left-color:#E1F0FF;}

#lozenge li:hover > a span {background:#E1F0FF; color:/*#fff*/#000000;}
#lozenge li:hover > a b {border-right-color:#E1F0FF;}
#lozenge li:hover > a em {border-left-color:#E1F0FF;}
/*esta parte produce el despliegue*/
#lozenge li:hover ul, #lozenge li a:hover ul {width:26px; top:26px; left:0; visibility:visible; background:transparent;}
#lozenge li:hover ul li, #lozenge li a:hover ul li {margin-top:0px;}

