.glossymenu, .glossymenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 110px; /*WIDTH OF MAIN MENU ITEMS*/
border: 1px solid white;
}

.glossymenu li{
position: relative;
}

.glossymenu li a{
background: black url(glossyback.gif) repeat-x bottom left;
font: 10px Arial, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 5px 0;
padding-left: 10px;
text-decoration: none;
}

.glossymenu li ul{ /*SUB MENU STYLE*/
position: left;		 /* absolute sebas Posicion marca submenu */
width: 110px; 		/*WIDTH OF SUB MENU ITEMS*/
left: 0; 				 /* staba a 0 absolute sebas Posicion marca submenu */
top: 0;		
display: none;
}

.glossymenu li ul li{
float: left;
}

.glossymenu li ul a{  /* anchura submenu */
background-image: url(glossyback3.gif);  /* El que esta seleccionado hace el inverso*/
width: 110px; /*WIDTH OF SUB MENU ITEMS - 20px padding-left for A elements */
}

.glossymenu .arrowdiv{
position: absolute; /*sebas Posicion marca submenu */
right: 2px;
background: transparent url(arrow.gif) no-repeat center right;
}

.glossymenu li a:visited, .glossymenu li a:active{
color:white;   /*  color de la letra white sebas  */
}

.glossymenu li a:hover{
background-image: url(glossyback2.gif);  /* El que esta seleccionado hace el inverso*/
}


/* Holly Hack for IE \*/
* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }
/* End */



/* menu 2 -------------------------------------------------------------------------------------------------------------------------------------------------------- */

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu {
position: absolute;
top: 7em;			/* Altura menu */
left: 1em;
width:10em;		/* Anchura menu */
}

/* Sebas inverso del menu */
#menu menu dt a:hover {			/* Todos los del submenu */
text-decoration: underline;
/* background-image: url(glossyback2.gif); */  /* El que esta seleccionado hace el inverso*/
}


#menu dt {
cursor: pointer;
/*background: #A9BFCB;*/
background-image: url(glossyback.gif);  /* El que esta seleccionado hace el inverso*/
height: 22px;					/* Altura boton*/
line-height: 20px;
margin: 6px 0;					/* Separacion entre botones */
border: 1px solid gray;		/* Borde */
text-align: left;
font-weight: underline;  /*bold;*/
}

#menu dd {
position: absolute;
z-index: 100;
left: 3em;					/* Inicio izquierda del submenu */
margin-top: -1.4em;		/* Altura desde menu */
width: 8em;				/* Ancho del boton del submenu */
background: #A9BFFF;
border: 1px solid gray;	/* Borde bloque submenu */
}

#menu ul {
padding: 2px;				/* Grosor linea recuadro submenu
}

#menu li {
text-align: left;
font-size: 80%;
height: 18px;				/*Altura Submenu */
line-height: 18px;			/* Altura letra
}

#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
}


#menu li a:hover {			/* Todos los del submenu */
text-decoration: underline;
/* background-image: url(glossyback2.gif); */  /* El que esta seleccionado hace el inverso*/
}

#mentions {
font-family: verdana, arial, sans-serif;
position: absolute;
bottom : 200px;
left : 10px;
color: #000;
background-color: #ddd;
}
#mentions a {text-decoration: none;
color: #222;
}
#mentions a:hover{text-decoration: underline;
}