/*-- main style / mega menu --*/
#mega-menu{
    margin-left: 2px; /*Opera 8 fix -1px*/
    voice-family: "\"}\"";
    voice-family: inherit;
    top:0;
    left:0;
    height: 29px;
    position:absolute;
    z-index:25;
}
/*-- topnav / mega menu --*/
#mega-menu ul{
    font: normal 10px verdana, arial, sans-serif;
    margin:0;
    padding:0;
    list-style:none;
    float:left;
    height: 29px;
    background: transparent url("images/nav-lef.png") no-repeat left top;
    padding-left: 34px;
}
#mega-menu li{
    display:inline;
    margin:0 2px 0 0;
    padding:0;
    text-transform:uppercase;
    line-height: 0.9em;
    font-size: 120%;
    cursor:default;
    float: left;
    margin: 0; padding: 0;
    background: transparent url("images/nav-bg.png") repeat left top;
    height:29px;
}
#mega-menu ul#topnav > li:hover{background:transparent url("images/nav-bg-selected.png") repeat left top;}
#mega-menu ul#topnav{position:relative;top:50px;z-index:-999;left:2px; border-right: 1px solid #CCCCCC;margin-left:6px;}
#mega-menu ul#topnav li a, #mega-menu ul#topnav li strong{
    float:left;
    /*background: transparent url("images/tabs_left.gif") no-repeat left top;*/
    margin:3px 0px 0 0;
    padding:3px 6px 0 3px;
    text-decoration:none;
    border-right:1px;
    border-right-style:solid;
    border-right-color:#CCC;
}
#mega-menu ul#topnav li a span, #mega-menu ul#topnav li strong span{
    float:left;
    display:inline;
    color:#0D093C;
    /*background: transparent url("images/tabs_right.gif") no-repeat right top;*/
    margin:0;
    padding:3px 6px 0 3px;
    letter-spacing: 1px;
    font-family:  Arial, Verdana, sans-serif;
    font-weight:bold;
    font-size:11px;
    
}
#mega-menu ul#topnav li:hover a > span{color:#677FBF !important;}
/*HACK PARA CHROME*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #mega-menu ul#topnav li a span, #mega-menu ul#topnav li strong span{padding:3px 9px 3px 20px;}
}
#mega-menu a span{
    float:none;
}
#mega-menu a:hover{background-position:0% -150px;}
#mega-menu a:hover span{ color: #fff; background-position:100% -150px;}

#mega-menu li.current a, #mega-menu li.current strong{
    /*background: transparent url("images/tabs_left_blue.gif") no-repeat left top !important;*/
}
#mega-menu li.current a span{
    /*background: transparent url("images/tabs_right_blue.gif") no-repeat right top !important;*/
}
#mega-menu li.current > a:hover {	/*background-position:0% -150px;*/}
#mega-menu li.current > a:hover span { /*color: #fff; background-position:100% -150px;*/}
/*-- subnav / mega menu --*/
ul#topnav li .sub {
    position: absolute;	
    top: 30px; left: 0px; _top: 24px;
    background-color: #344c00;
    padding: 20px 20px 22px;
    float: left;
    display: none;
    background-color:#D4D9F8;
}

/*- All the corners -*/
.mm-corner {position:absolute; width:23px; height:23px; background:url(images/bg-submenu.png) no-repeat;}

/*- Each corner -*/
.mm-topLeft {top:0; left:0; background-position:0px 0px;}
.mm-topRight {top:0; right:0; background-position:-23px 0px;}
.mm-bottomLeft {bottom:0; left:0; background-position:0px -23px;}
.mm-bottomRight {bottom:0; right:0; background-position:-23px -23px;}
/*- Each side -*/
.mm-top {background:url(images/bg-submenu-top.png) repeat-x; width:100%; height:23px; position:absolute; top:0; left:0;}
.mm-left {background:url(images/bg-submenu-left.png) repeat-y; width:23px; height:100%; position:absolute; top:0; left:0;}
.mm-bottom {background:url(images/bg-submenu-bottom.png) repeat-x; width:100%; height:23px; position:absolute; bottom:0; left:0;}
.mm-right {background:url(images/bg-submenu-right.png) repeat-y; width:23px; height:100%; position:absolute; top:0; right:0;}

#mega-menu li.current .sub{}

ul#topnav li .sub ul{
    list-style: none;
    margin: 0; padding: 0;
    width: 125px;
    float: left;
    height:auto;
    background: url(images/list_vertical.png) repeat-y 0 0;  
    padding-left:2px;   
}
ul#topnav .sub ul li {
    width: 96%;
    color: #7189B9 !important;
    background:none;
	height: auto !important;
	margin-bottom:5px;   
    padding: 0 2px;    
}
ul#topnav .sub ul li.titulo {
    padding: 0 2px;  margin: 0;
    font-size: 1.3em;
    font-weight: normal;
	height: auto !important;
	margin-bottom:5px;
    width:91%;
    /*background:url("/images/sunrise.png") no-repeat scroll 0 6px transparent;
    _background:url("/images/sunrise.gif") no-repeat scroll 0 6px transparent;*/
}
ul#topnav .sub ul li:hover {background-color:none;}
ul#topnav .sub ul li a, ul#topnav .sub ul li strong {
    float: none; 
    text-indent: 0; /*--Reset text indent--*/
    height: auto;
    padding: 0 0 0 10px !important;
    display: block;
    text-decoration: none;
    color: #7189B9;
    margin:0;
    border:none !important;
    font-size:9px;
    font-weight:bold;
	width: 100%;
}
ul#topnav .sub ul li.titulo a, ul#topnav .sub ul li.titulo strong {
    color: #0F0D4E !important;
    font-size:11px !important;
	margin:0 !important;
	padding:2px 0 2px 8px !important;
	font-size:11px;    
}
ul#topnav .sub ul li.item a, ul#topnav .sub ul li.item strong {
    color: #113F97 !important;
    font-size:10px !important;
	text-transform:none;
	margin:0 !important;
	padding:1px 0 1px 8px !important;
	font-size:8px;  
    width:95%;
}
ul#topnav .sub ul li.banner img.bannerbarra, ul#topnav .sub ul li.banner span.horizontal {    
    position: relative !important;
    width:100% !important;
    float:left !important;
}
ul#topnav .sub ul li.banner span.horizontal {    
    background: url(images/list_horizontal.png) repeat-x 0 50%;    
    height: 7px;
}
ul#topnav li .sub ul.first{
    background:none; 
    padding:0;
}
ul#topnav .sub ul li.titulo a, ul#topnav .sub ul li.titulo strong{background: none !important;}
ul#topnav .sub ul li a:hover {
    color:#B5BAF2 !important;
    background:#113F97 !important;
}
ul#topnav .sub ul li.banner a:hover {
    color:none !important;
}
#mega-menu a {cursor:pointer !important;}