/* 
 *	CSS Document 
 *	Para el funcionamiento del menu desplegable animado con alpha
 */


	/* this is the clipping region for the menu. it's width and height get set by script, depending on the size of the items table */
	.mtDropdownMenu {
		position: absolute;
		overflow: hidden;
		left: -1000px;
		top: -1000px;
		}
	
	/* this is the main container for the menu itself. it's width and height get set by script, depending on the size of the items table */
	.mtDropdownMenu .content {
		position: absolute;
	}
	
	/* this table comprises all menu items. each TR is one item. It is relatively positioned so that the shadow and background transparent divs can be positioned underneath it */
	.mtDropdownMenu .items {
		position: relative;
		left: 0px; 
		top: 0px;
		/* border-top:1px dotted #fff; */
		border:1px solid #003862;
		z-index:2;
		}
	
	.mtDropdownMenu.top .items {
		/*border-top: none;*/
		}
	
	/* each TR.item is one menu item */
	.mtDropdownMenu .item {
		/*
		font-size: 9px;
		background-image: url(../imagens/nav/fondo2.gif);
		font-weight: bold;
		text-decoration:none;
		*/    
	    color: #FFFFFF;
		font-family: tahoma, verdana, arial, helvetica, sans-serif;
		font-size: 11px;
		cursor: pointer;
		text-decoration: none;
			
		/* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */
		border: none;
		cursor: pointer;
		/*cursor: hand;*/
		}
	
	/* this DIV is the semi-transparent white background of each menu. the -moz-opacity is a proprietary way to get transparency in mozilla, the filter is for IE/windows 5.0+. */
	/* we set the background color in script because ie mac does not use it; that browser only uses a semi-transparent white PNG that the spacer gif inside this DIV is replaced by */
	.mtDropdownMenu .background {
		position: absolute;
		left: 0px;
		top: 0px;
		z-index: 1;
		/*-moz-opacity: .99;
		filter: alpha(opacity=99);*/
		}
	
	/* same concept as .background, but this is the sliver of shadow on the right of the menu. It's left, height, and background are set by script. In IE5/mac, it uses a PNG */
	.mtDropdownMenu .shadowRight {
		position: absolute;
		z-index: 3;
		top: 1px; width: 2px; /* siempre se llevan 1: 10-9 , 21-20 ...  Y en mt_dropdownC.js : mtDropDown.shadowSize = WIDTH; mtDropDown.shadowOffset = TOP; */
		/*-moz-opacity: .4;
		filter: alpha(opacity=40);*/
		}
	
	/* same concept as .background, but this is the sliver of shadow on the bottom of the menu. It's top, width, and background are set by script. In IE5/mac, it uses a PNG */
	.mtDropdownMenu .shadowBottom {
		position: absolute;
		z-index: 1;
		left: 1px; 
		height: 2px; /* siempre se llevan 1: 10-9 , 21-20 ...  Y en mt_dropdownC.js : mtDropDown.shadowSize = WIDTH; mtDropDown.shadowOffset = TOP; */
		/*-moz-opacity: .4;
		filter: alpha(opacity=40);*/
		}
	
	/* this is the class that is used when the mouse is over an item. script sets the row to this class when required. */
	.mtDropdownMenu .item.hover {
		/*background-image: url(../imagens/nav/fondo.gif);*/
		background-color: #f4f4f4 ;
		color: #003862; /* #FF9900; */
		}
	
	/* this is either the dingbat that indicates there is a submenu, or a spacer gif in it's place. We give it extra margin to create some space between the text and the dingbat */
	.mtDropdownMenu .item img {
		margin-left: 10px;
		}
	
	
	

/* BEGIN MENU STYLE ********************************************************************/

	#menu {
		background-color: #2776C2; /* A7BAC8 */ 
		width: 142px;
		padding-top: 0px;
		padding-left: 0px;
		vertical-align: top;
	}
	#menuItem a, #menuItemConSubmenu a {
		font-size: 11px;
		width: 125px; /* menuItem.width - a.width => 142 - 17 = 125 */ 
		display: block;
		line-height: 13px;
		padding-left: 17px;
		padding-top: 2px;
		padding-right: 0px;
		padding-bottom: 2px;
		background-position: top left;
		background-repeat: no-repeat;
		cursor: pointer;
		text-decoration:none;
		color: #ffffff;
		
	}
	
	
	
		
	#menuItem a.m:link, #menuItem a.m:active, #menuItem a.m:visited, #menuItemConSubmenu a.m:link, #menuItemConSubmenu a.m:active, #menuItemConSubmenu a.m:visited {
		color: #fff;
		padding-left: 17px; /* a.width */
		background-color: #2776C2; /* A7BAC8 */ 
	}
	#menuItem a.m:hover, #menuItemConSubmenu a.m:hover {
		background-color: #003862;
	}
	#menuItem a.m:link, #menuItem a.m:active, #menuItem a.m:visited {
		background-image: url('../menu/flecha.gif');/* Flecha de delante del menu */
	}	
	#menuItemConSubmenu a.m:link, #menuItemConSubmenu a.m:active, #menuItemConSubmenu a.m:visited {
		background-image: url('../menu/flecha_submenu.gif');/* Flecha de delante del menu */
	}
	
	
	
	
	.m_over { /* enlace - over */
		background-color: #003862;
		color: #fff;
	} 
	#menuItem .m_over { /* enlace - over */
		background-color: #003862;
		background-image: url('../menu/flecha.gif');/* Flecha de delante del menu */
		
	}	
	#menuItemConSubmenu .m_over { /* enlace - over */
		background-color: #003862;
		background-image: url('../menu/flecha_submenu.gif');/* Flecha de delante del menu */
	}		
	
	
	
	
	
	.menuItemClass { /* div que contiene el enlace */
		/*background-color: #2776C2;  /* A7BAC8*/
		width: 142px;/* menuItem.width*/	
		padding-bottom: 1px;
		background-image: url("../menu/menu-border.gif");
		background-position: top left;
		background-repeat: repeat-y;
	}
	.menuItemClass_over { /* div que contiene el enlace - over */
		background-color: #003862;
		width: 142px;/* menuItem.width*/	
		padding-bottom: 1px;
		background-image: url("../menu/menu-border.gif");
		background-position: top left;
		background-repeat: repeat-y;
	}

/* END MENU STYLE ********************************************************************/