/* ***************** ESTILOS PRIMER MENÚ HORIZONTAL ************************ */

/* estilo del div exterior para darle anchura */
.menu {
    z-index: 100; position: absolute; float: left;width:87em;
    /*font-family: Arial, sans-serif;
    font-size: 7.5pt;
    font-style: normal;
    font-weight: normal;*/
}
/* quita todos los iconos, bordes y padding del estilo de lista por defecto */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}
.menu ul ul {
width:auto;
}
/* flota la lista para hacerla horizontal y le da posición relativa para poder controlar la posición del menú emergente */
.menu li {
float:left;
width:auto;
position:relative;
}
/* estilo para los vínculos del nivel superior */
.menu a, .menu a:visited {
display:block;
float: left;
/*font-size:1em;*/
text-decoration:none; 
color:#324c62; 
width:auto; 
border:solid #fff; 
border-width:0 0.1em 0 0; 
background:#f3f3f3; 
padding:0.5em 1em 0.5em 1em;
margin: 0em 0.5em 0em 0em;
}
/* un hack para hacer que IE5.5 comprenda el modelo de cajas */
* html .menu a, * html .menu a:visited {
width:auto;
w\idth:auto;
}

/* color de fondo del segundo nivel */
.menu ul ul a.drop, #menu ul ul a.drop:visited {
background:#e6e6e6;
}
/* hover del segundo nivel */
.menu ul ul a.drop:hover{
background:#e6e6e6;
}
.menu ul ul :hover > a.drop {
background:#e6e6e6;
}
/* color de fondo del tercer nivel */
.menu ul ul ul a, .menu ul ul ul a:visited {
background:#e6e6e6;
}
/* hover del tercer nivel */
.menu ul ul ul a:hover {
background:#e6e6e6;
}
.menu ul ul ul :hover > a {
background:#e6e6e6;
}

/* oculta los subniveles y les da posición absoluta */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:2.01em;
left:0; 
width:12em;
}
/* otro hack para IE5.5 */
* html .menu ul ul {
top:2.01em;
t\op:2.2em;
}

/* posiciona el menu volador del tercer nivel */
.menu ul ul ul{
left:0; 
top:0;
width:14em;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-12em;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background:#f3f3f3; 
color:#000; 
height:auto; 
line-height:1em; 
padding:0.5em 1em 0.5em 1em; 
width:14em
/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
width:14em;
w\idth:14em;
}


/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
color:#324c62; 
background:#e6e6e6;
}
.menu :hover > a, .menu ul ul :hover > a {
color:#324c62;
background:#e6e6e6;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}



/* ***************** ESTILOS PRIMER MENÚ VERTICAL ************************ */

/* estilo del div exterior para darle anchura */
.menuizq {
    width:100%; display: block;
    /*font-family: Arial, sans-serif;
    font-size: 7.5pt;
    font-style: normal;
    font-weight: normal;*/
}
/* quita todos los iconos, bordes y padding del estilo de lista por defecto */
.menuizq ul {
padding:0;
margin:0;
list-style-type:none;
}
.menuizq ul ul {
width:10.5em;
}
/* flota la lista para hacerla horizontal y le da posición relativa para poder controlar la posición del menú emergente */
.menuizq li {
float:left;
width:10.5em;
position:relative;
}
/* estilo para los vínculos del nivel superior */
.menuizq a, .menuizq a:visited {
display:block;
float: left;
text-decoration:none; 
color:#324c62; 
width:10.5em; 
/*background: url(../imagenes/flechita_azul.gif) no-repeat right #f3f3f3; */
background: #f3f3f3; 
padding:0.5em 1em 0.5em 1em;
margin-bottom: 0.5em;
}
/* un hack para hacer que IE5.5 comprenda el modelo de cajas */
* html .menuizq a, * html .menuizq a:visited {
width:10.5em;
w\idth:10.5em;
}

/* color de fondo del segundo nivel */
.menuizq ul ul a.drop, .menuizq ul ul a.drop:visited {
background:#e6e6e6;
}
/* hover del segundo nivel */
.menuizq ul ul a.drop:hover{
background:#e6e6e6;
}
.menuizq ul ul :hover > a.drop {
background:#e6e6e6;
}
/* color de fondo del tercer nivel */
.menuizq ul ul ul a, .menuizq ul ul ul a:visited {
background:#e6e6e6;
}
/* hover del tercer nivel */
.menuizq ul ul ul a:hover {
background:#e6e6e6;
}
.menuizq ul ul ul :hover > a {
background:#e6e6e6;
}

/* oculta los subniveles y les da posición absoluta */
.menuizq ul ul {
visibility:hidden;
position:absolute;
height:0;
top:0em;
left:12.5em; 
width:10em;
}
/* otro hack para IE5.5 */
* html .menuizq ul ul {
top:-10px;
t\op:0em;
}

/* posiciona el menu volador del tercer nivel */
.menuizq ul ul ul{
left:0; 
top:0;
width:12em;
}
/* position the third level flyout menu for a left flyout */
.menuizq ul ul ul.left {
left:-12em;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menuizq table {position:absolute; top:0; left:0;}

/* style the second level links */
.menuizq ul ul a, .menuizq ul ul a:visited {
background:#f3f3f3; 
color:#000; 
height:auto; 
line-height:1em; 
padding:0.5em 1em 0.5em 1em; 
width:14em;
margin-bottom: 0em;
/* yet another hack for IE5.5 */
}
* html .menuizq ul ul a{
width:14em;
w\idth:14em;
}


/* style the top level hover */
.menuizq a:hover, .menuizq ul ul a:hover{
color:#324c62; 
background: #e6e6e6;
}
.menuizq :hover > a, .menuizq ul ul :hover > a {
color:#324c62;
background:#e6e6e6;
}

/* make the second level visible when hover on first level list OR link */
.menuizq ul li:hover ul,
.menuizq ul a:hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.menuizqzq ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menuizq ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menuizq ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menuizq ul :hover ul :hover ul :hover ul { 
visibility:visible;
}