
/* CSS Menus - Horizontal CSS Menu with Dropdown and Popout Menus */
/* Begin CSS Popout Menu */

#menu-hv{
width:770px;
float:left;
background: url(/inc/css/menu/img/menu_hv.gif) repeat-x;
/*border:1px solid #50AD27;*/
}

#menu-hv a{
font:bold 11px/16px arial,helvetica,sans-serif;
display:block; 
white-space:nowrap;
margin:0;
border-left: 8px solid #00CC00;
padding:0px 0 1px 5px; /*Padding dentro do submenu*/
}

#menu-hv div{
	display:block;
	white-space:nowrap;
	color:#fff;
    text-align:center;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
	margin: 0px;
	padding: 3px 0 0 0;
}


#menu-hv span{
color:#fff;
/*text-transform:uppercase;*/
}

#menu-hv a{
background:#eee;
text-decoration:none;
}

#menu-hv a, #menu-hv a:visited{
color:#000;
}

#menu-hv a:hover{
color:#a00;
background:#d1d1d1;
border-left-color:#F87918;
}

#menu-hv a:active{
color:#000;
background:#ccc;
}

#menu-hv ul{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
}

#menu-hv li{
position:relative;
}


#menu-hv ul ul{
position:absolute;
z-index:500;
top:auto;
display:none;
width:125px; /*Tamanho do submenu*/
}

#menu-hv ul ul li{
border-top: 1px solid #FFF;
border-bottom:1px solid #D1D1D1;
}

#menu-hv ul ul ul{
top:0;
left:100%;
}

#menu-hv ul li{float:left; width:100%;} /*Hack Somente para o IE7*/

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

div#menu-hv div:hover{
background: url(/inc/css/menu/img/menu_hv_over.gif) repeat-x;
}

div#menu-hv li:hover{
	cursor:pointer;
	z-index:100;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}

div#menu-hv li:hover ul ul,
div#menu-hv li li:hover ul ul,
div#menu-hv li li li:hover ul ul,
div#menu-hv li li li li:hover ul ul
{display:none;}

div#menu-hv li:hover ul,
div#menu-hv li li:hover ul,
div#menu-hv li li li:hover ul,
div#menu-hv li li li li:hover ul
{display:block;}

/* End of non-anchor hover selectors */

/* Styling for Expand */

#menu-hv a.x, #menu-hv a.x:visited{
color:#000;
background:#eee url(/inc/css/menu/img/arrow.gif) no-repeat 95px 4px;
}


#menu-hv a.x:hover{ /*Mantem a seta no hover da <a href="" class="x"*/
color:#a00;
background:#d1d1d1 url(/inc/css/menu/img/arrow.gif) no-repeat 100px 4px;
}

#menu-hv a.x:active{
color:#060;
background:#ccc;
}

/* End CSS Popout Menu */


