/* Estilos do Menu */

.mega-menu ul, .mega-menu ul li {list-style: none;}
.mega-menu ul {position: relative; padding: 0; margin: 0;}
.mega-menu ul li ul {display: none;}
.mega-menu .sub {display: none;}
.mega-menu .sub ul {display: block;}

.estiloEstagio {font: normal 13px Arial, sans-serif; line-height: 16px;position:relative; z-index: 1000;}
.estiloEstagio li ul {display: none;}
.estiloEstagio .sub ul {display: block;}
.estiloEstagio ul.mega-menu, .estiloEstagio ul.mega-menu, .estiloEstagio ul.mega-menu li {margin: 0; padding: 0; border: none; list-style: none;}
.estiloEstagio ul.mega-menu{ width: 100%; display:block; position: relative;}
.estiloEstagio ul.mega-menu li {float: left; margin:6px 0 0; padding: 0; font-size: 13px; font-weight: bold;}
.estiloEstagio ul.mega-menu li a {float: left; display: block; color: #fff; padding: 9px 23px 10px; text-shadow: 1px 1px 1px #000; text-decoration: none;}
.estiloEstagio ul.mega-menu li a.dc-mega {position: relative;}
.estiloEstagio ul.mega-menu li a .dc-mega-icon {display: block; position: absolute; top: 18px; right: 10px; width: 8px; height: 6px; background: url('./../javax.faces.resource/arrow.png.xhtml?ln=img') no-repeat 0 0;}
.estiloEstagio ul.mega-menu li.mega-hover a, .estiloEstagio ul.mega-menu li a:hover {text-shadow: none;}
.estiloEstagio ul.mega-menu li.ativo a, .estiloEstagio ul.mega-menu li.ativo a:hover {text-shadow: none;}
.estiloEstagio ul.mega-menu li.mega-hover a .dc-mega-icon {background-position: 0 100%;}
.estiloEstagio ul.mega-menu li .sub-container {position: absolute; padding-left: 15px;margin-top: 6px;}
.estiloEstagio ul.mega-menu li .sub {padding: 15px 15px 15px 10px;}
.estiloEstagio ul.mega-menu li .sub-container.mega .sub {padding: 15px 15px 15px 0;}
.estiloEstagio ul.mega-menu li .sub .row {width: 100%; overflow: hidden; clear: both;}
.estiloEstagio ul#menuEstagio.mega-menu li.dc-mega-li div.sub-container ul.sub div.row{margin:0}
.estiloEstagio ul.mega-menu li .sub li {list-style: none; float: none; width: 170px; font-size: 1em; font-weight: normal;text-align: left;}
.estiloEstagio ul.mega-menu li .sub li.mega-hdr {margin: 0 10px 1px 0; float: left; border-right: 1px dotted #C0C0C0;}
.estiloEstagio ul.mega-menu li .sub li.mega-hdr.last {margin-right: 0;}
.estiloEstagio ul.mega-menu li .sub a {background: none; border: none; text-shadow: none; padding:  0 5px 4px 18px; display: block; float: none; text-decoration: none; font-size: 0.9em;}
.estiloEstagio ul.mega-menu li .sub li.mega-hdr a.mega-hdr-a {border-bottom:1px solid; font-size: 1em;padding: 5px; margin-bottom: 2px; margin-right:8px; font-weight: bold;}
.estiloEstagio ul.mega-menu li .sub li.mega-hdr a.mega-hdr-a:hover {text-shadow: none;}
.estiloEstagio ul.mega-menu .sub li.mega-hdr li a {padding: 0px 5px 4px 18px; background: url('./../javax.faces.resource/arrows.gif.xhtml?ln=img') no-repeat 2px 7px; font-weight: normal;}
.estiloEstagio ul.mega-menu .sub li.mega-hdr li a:hover {color:#662c91; margin-right:8px;background: #efefef url('./../javax.faces.resource/arrows.gif.xhtml?ln=img') no-repeat -338px 7px;}
.estiloEstagio ul.mega-menu .sub ul li {padding-right: 0;text-align: left;}
.estiloEstagio ul.mega-menu li .sub-container.non-mega .sub {padding: 15px 15px 15px 0;}
.estiloEstagio ul.mega-menu li .sub-container.non-mega li {padding: 0; width: 190px; margin: 0;}
.estiloEstagio ul.mega-menu li .sub-container.non-mega li a {padding: padding: 0 5px 4px 20px; background: url('./../javax.faces.resource/arrows.gif.xhtml?ln=img') no-repeat 0px 7px;}
.estiloEstagio ul.mega-menu li .sub-container.non-mega li a:hover {background: #efefef url('./../javax.faces.resource/arrows.gif.xhtml?ln=img') no-repeat -340px 7px;}

div.row li.mega-unit a.mega-hdr-a{
	height: auto !important;
}

.sac{
	position: absolute;
	top:11px;
	right:1.5em;
	color:#ffffff;
	display: block;
}
.sac:hover, .sac:focus{
	text-decoration: none;
	color: #fff3ce;
}
.sac a{
	color:#ffffff;
	text-decoration: none;
}

#user {
	width:220px;
	font-size:11px;
	text-align:right;
	color:#fff;
	position:absolute;
	right:25px;
	top:9px;
	line-height: 15px;
}
#menuLog .semNome{width:70px;}

div#user.semNome a:hover,
#userLogOff a:hover,
#menuLog .semNome a:hover{
	color: #ddeff6;
	text-decoration: none;
}

div#user.semNome a span,
#userLogOff a span,
#menuLog .semNome a span{
	margin-left:5px;
	line-height:normal;
}
.bg-menu-nav{position: relative;}
#userLogOff{
    display: block;
	width:auto;
	font-size:11px;
	text-align:right;
	color:#fff;
	position:absolute;
	right:20em;
	top:15px;
	line-height: 15px;
	overflow: hidden;
	z-index: 1000;
	font-family: Arial, sans-serif;
}
