/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/one_page.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* set up the overall width of the menu div, the font and the margins with a relative position*/

.menu2 {
font-family:  Arial, sans-serif; 
width:959px; 
margin:0; 
position:relative;
z-index:90; 
}
/* remove the bullets and set the margin and padding to zero for the unordered list */
.menu2 ul {
padding:0; 
margin:0;
list-style-type: none;
border:0;
/* position: relative; */
z-index:20;

}

.menu2 li.leftseparator {
/* Separador para alinear los botones a la derecha 
	width: 125px;
	border-top: solid 1px #fff; */
}
.menu2 ul table {
/* float the list so that the items are in a line */
border-collapse:collapse; 
font-size:1em;
margin:-1px -10px; 
}

.menu2 ul li {
float:left; 
list-style-type: none;
}
/* style the links to be 249px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */
.menu2 ul li a, .menu2 ul li a:visited {
font-family: Arial, sans-serif; 
line-height:21px; 
font-size:11px;
text-align:left; 
text-decoration:none; 
/* color:#7aa8c6; 

background-image:  url('/Portals/0/imagenes/boton.gif');
background-repeat: none;
 */
	display:block; 
	padding:14px 15px; /* 5px 7px;*/
	_padding: 13px 14px;
	width: 288px; /* 310px; */
	_width: 289px; 
	_overflow:hidden;
	height:115px;

/*border-width:1px 1px 0 0;
 background:#c9c9a7;  */

}
/* make the dropdown ul invisible */
.menu2 ul li ul {
position:absolute; 
left:-9999px; 
height:0;
width:314px; 
height:290px;
}

/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on hover */
.menu2 ul li a:hover,
.menu2 ul li:hover a {
color:#033e58; 
/* background-image:  url('/Portals/0/imagenes/boton_o.gif');
_background-position: 0 0; 
color:#033E58;
 */
 list-style-type:none;
z-index:30; 
position:relative;
_position:static; 
/* border: solid 1px yellow; */
}
/* make the sub menu ul visible and position it beneath the first list item */
.menu2 ul :hover ul {
top:5px;
top:137px;
left:0;
/* position:relative; */
height:290px;
text-align:left;
}

/* make the sub menu ul li the full width with padding and border. Add an auto scroll bar */
.menu2 ul :hover ul li {
background-image:  url('/Portals/0/imagenes/fondo_menu.gif');
background-repeat: no-repeat;
background-position: bottom right; 

color:#000;
padding-bottom:10px;
padding-left:10px;
padding-right:0px;
width:309px;
border:none;
position: relative;
z-index:30;
/*
filter:alpha(opacity=90);
opacity:0.9; 
*/
}
/*float the image left with padding and no border */
.menu2 ul :hover ul li img {
float:left; 
padding:10px 10px 10px 0; 
border:0;
}
/* style the paragraph font height */
.menu2 ul :hover ul li p {
font-size:0.9em;
line-height:1.8em;
}
/* style the background and foreground color of the submenu links */
.menu2 ul :hover ul li a {
display:inline;
background:#eee;
color:#c00;
text-decoration:underline;
border:0;
line-height:1.8em;
}
/* style the background and forground colors of the links on hover */
.menu2 ul :hover ul li a:hover {
text-decoration:none; 
color:#000;
}

/* en la home alto completo 
#m2link_56_1, #m2link_56_2, #m2link_56_3, #m2link_56_4, #m2link_56_5{
height:78px;
}
*/
.menu2 ul :hover #m2desc_1 {
left: 8px;
}

.menu2 ul :hover #m2desc_2 {
left: 324px;
}

.menu2 ul :hover #m2desc_3 {
left: 638px;
}