/* CSS Menus - Vertical CSS Menu with Popout and Dropdown Menus */

/* Begin CSS Popout Menu */
#menu-vv{
position:relative; /*absolute*/
z-index:20;
width:150px; 
border-top:1px solid #FFFFFF;
text-align:left;
/*padding-bottom:12em; /* To allow room for bottom dropdown */
}

#menu-vv a{
font:bold 11px arial,helvetica,sans-serif;
display:block;
border-width:1px;
border-style:solid;
white-space:nowrap;
margin:0;
padding:3px 0 3px; /*Controlar width e height por aqui*/
}

#menu-vv span{
font:bold 12px arial,helvetica,sans-serif;
background:url(/inc/css/menu/img/menu_vv_title2.gif) no-repeat;
display:block;
padding:4px 0 4px 25px;
border-top:1px;
border-right:0px;
border-bottom:0px;
border-left:0px;
color:#FFFFFF;
text-transform:uppercase;
}

/* Menu*/
#menu-vv ul li a{
color:#000;
background: #eee;
text-decoration:none;
padding-left: 8px;
border-color:#ccc #8AA0B9 #555 #8AA0B9;
}

#menu-vv ul li a:hover{
color:#a00;
background:#ddd;
padding-left: 1px;
border-left: 8px solid #FF9900;
}

#menu-vv ul li a:active{
color:#060;
background:#ccc;
}

/* Sub-menu*/
#menu-vv ul ul a{
color:#000;
background: #eee;
text-decoration:none;
/*padding-left: 1px;*/
border-left: 8px solid #CCCCCC;
border-top: 1px solid #FFF;
border-bottom:1px solid #D1D1D1;
padding:3px 0 3px 1px;
}

#menu-vv ul ul a:hover{
color:#a00;
background:#ddd;
padding-left: 1px;
border-left-color:#F87918;
}

#menu-vv ul ul a:active{
color:#000;
background:#ccc;
}

#menu-vv ul{
list-style:none;
margin:0;
padding:0;
width:100%;
height:100%
}

/*Menu Vertical Vertical*/
#menu-vv ul li{float:left;height:100%;width:100%;} /*Hack Necessário somente para o IE7*/

/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */

/*Retira imagem do background dos sub-menus*/
div#menu-vv ul ul li{background:#eee;}
div#menu-vv ul ul li:hover{background:#ddd;}


div#menu-vv li, div#menu-vv li:hover{
position:relative;
background:url(/inc/css/menu/img/menu_vv.gif) repeat-x;
}

div#menu-vv li ul{
position:absolute;
top:0;
left:100%;
display:none;
}

div#menu-vv ul ul,
div#menu-vv ul ul ul,
div#menu-vv ul li:hover ul ul,
div#menu-vv ul li:hover ul ul ul
{display:none;}

div#menu-vv ul li:hover ul,
div#menu-vv ul ul li:hover ul,
div#menu-vv ul ul ul li:hover ul
{display:block;}

/* End non-anchor hover selectors */

/* Styling for Expand */
#menu-vv a.x, #menu-vv a.x:visited{
background:url(/inc/css/menu/img/menu_vv_seta.gif) no-repeat 134px 6px;
}

#menu-vv a.x:hover{
color:#a00;
/*background:#ddd;*/
background:url(/inc/css/menu/img/menu_vv_seta2.gif) no-repeat 134px 6px;
}

#menu-vv a.x:active{
color:#000000;
background:#ccc;
}

#menu-vv a.x2, #menu-vv a.x2:visited{
background:url(/inc/css/menu/img/menu_vv.gif) repeat-x;
}

#menu-vv a.x2:hover{
color:#a00;
background:url(/inc/css/menu/img/menu_vv.gif) repeat-x;
}

#menu-vv a.x2:active{
color:#000000;
background:url(/inc/css/menu/img/menu_vv.gif) repeat-x;
}
/* End Content Area */