﻿@charset "UTF-8";
/* CSS Document */

/*estilo dos menus*/
li
{ 
	list-style:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	float:left;	
}
a, a:link, a:hover, a:active, a:visited{
text-align:center;
text-decoration:none;
}
div#MenuDiv ul#menuH
{
	float:left;
	height:30px;
	width:500px;
	margin-top:14px;
}
div#MenuDiv ul#menuH li
{
	margin:0  2px 0 0;
}
div#MenuDiv ul#menuH li a:link, 
div#MenuDiv ul#menuH li a:hover, 
div#MenuDiv ul#menuH li a:active, 
div#MenuDiv ul#menuH li a:visited
{
	color:#FFFFFF;
	clear:left;
	display:block;
	font-weight:bold;
	height:24px;
	text-decoration:none;
	width:100px;
}

/*excepções à regra*/
div#MenuDiv ul#menuH li#emps a:link, 
div#MenuDiv ul#menuH li#emps a:hover, 
div#MenuDiv ul#menuH li#emps a:active, 
div#MenuDiv ul#menuH li#emps a:visited
{
	width:170px;
}
/*estilo dos submenus*/
div#MenuDiv ul#menuH li ul#subMenuH1, 
div#MenuDiv ul#menuH li ul#subMenuH2, 
div#MenuDiv ul#menuH li ul#subMenuH3, 
div#MenuDiv ul#menuH li ul#subMenuH4
{
	background: url(../images/fundo_Smenus_2.png) left bottom no-repeat;
	visibility:hidden;
	float:left;
	position:absolute;
	margin-top:-9px;
	
}

div#MenuDiv ul#menuH li ul#subMenuH1 
{
	height:60px;
	padding-bottom:3px;
}
div#MenuDiv ul#menuH li ul#subMenuH2 
{
	height:85px;
	padding-bottom:3px;
}


/*div#menu ul li:hover ul*/
div#MenuDiv ul#menuH li:hover ul#subMenuH1,
div#MenuDiv ul#menuH li:hover ul#subMenuH2
{
	visibility:visible;
}

div#MenuDiv ul#menuH li ul#subMenuH1 li a:link,
div#MenuDiv ul#menuH li ul#subMenuH1 li a:hover,
div#MenuDiv ul#menuH li ul#subMenuH1 li a:visited,
div#MenuDiv ul#menuH li ul#subMenuH2 li a:link,
div#MenuDiv ul#menuH li ul#subMenuH2 li a:hover,
div#MenuDiv ul#menuH li ul#subMenuH2 li a:visited
{
	
	color:#DFEBEF;
	font-weight:normal;
	height:20px;
	font-size:1em;
	overflow:hidden;
	margin:6px 0 0  0;
	text-decoration:none;
	letter-spacing:0em;
}

div#MenuDiv ul#menuH li ul#subMenuH1 li a:hover,
div#MenuDiv ul#menuH li ul#subMenuH2 li a:hover
{
	color:#ffffff;
	font-size:1.1em;
	background:url(../images/fundo_smenus_hover.png) repeat-x;
	behavior:url(iepngfix.htc);
}

/*Devido a um bug no ie, o ul vazio só assume a altura que lhe foi atribuída, se tiver um border. Por isso, aos submenus que estão vazios, atribuir o border. Neste caso o 3 e o 4*/
div#MenuDiv ul#menuH li ul#subMenuH4,
div#MenuDiv ul#menuH li ul#subMenuH3
{
	border:1px solid #cccccc;
}
div#MenuDiv ul#menuH li ul#subMenuH1 li, 
div#MenuDiv ul#menuH li ul#subMenuH2 li, 
div#MenuDiv ul#menuH li ul#subMenuH3 li, 
div#MenuDiv ul#menuH li ul#subMenuH4 li
{
	clear:left;
}

