﻿.drop_menu_estados
{
    margin:0px;
    position: absolute;
    top: -44px;
    left: 450px;
    z-index:400000;
    padding-top: 20px;
    color:#1d3b9b;
}

/* remove all the bullets, borders and padding from the default list styling */
.drop_menu_estados ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    position:relative;
    z-index:40000;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.drop_menu_estados li
{
    float:left;
    list-style: none;
    display: inline;
    background: url(../img/bgSeparadorMenu.gif) no-repeat right;
    position: relative;
    z-index:40000;
}

/* style the links for the top level */
.drop_menu_estados a, .drop_menu_estados a:visited
{
    display:block;
    font-size:11px;
    text-decoration:none;
    color:#fff;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .drop_menu_estados a, * html .drop_menu_estados a:visited
{
    display:block;
    font-size:11px;
    text-decoration:none;
    color:#fff;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.drop_menu_estados ul ul
{
    visibility:hidden; /*se alterar o valor para hidden, o menu aparece apenas se passar o mouse*/
    position:absolute;
    height:0;
    top:54px;
    left:-14px;
    background:url(../img/bg_menus_int2.jpg) repeat-x top #fff;
    width:282px;
    min-height:75px;
    height:auto;
    padding:5px 0px 0px 0px;
    z-index:40000;
    border-left:3px solid #d8e8fb;
    border-right:3px solid #d8e8fb;
}

/* another hack for IE5.5 */
* html .drop_menu_estados ul ul
{
    padding:5px 0px 0px 0px;
    width:233px;
    position:relative;
    z-index:40000;
    background:url(../img/bg_menus_int2.jpg) repeat-x top #fff;
    visibility:hidden; /*se alterar o valor para hidden, o menu aparece apenas se passar o mouse*/
    border-left:3px solid #d8e8fb;
    border-right:3px solid #d8e8fb;
    border-top:3px solid #000;
    height:auto;
    top:51px;
    t\op:51px;
}


/* style the table so that it takes no ppart in the layout - required for IE to work */
.drop_menu_estados table
{
    visibility:hidden;
    position:absolute;
    top:0;
    left:0;
    border-collapse:collapse;
}

/* style the second level links */
.drop_menu_estados ul ul a, .drop_menu_estados ul ul a:visited
{
    width:120px;
	display:block;
	background: url(../img/bg_itens.gif) bottom repeat-x;
	height:20px;
	line-height:20px;
	text-align:left;
    font-family:"Trebuchet MS", Tahoma, Arial, Verdana;
    font-size:11px;
	color:#1d3b9b;
	text-decoration:none;
    position:relative;
    z-index:40000;
}
/* yet another hack for IE5.5 */
* html .drop_menu_estados ul ul a, * html .drop_menu_estados ul ul a:visited
{
	display:block;
	background: url(../img/bg_itens.gif) bottom repeat-x;
	height:20px;
	line-height:20px;
	text-align:left;
    font-family:"Trebuchet MS", Tahoma, Arial, Verdana;
    font-size:11px;
	color:#1d3b9b;
	text-decoration:none;
    position:relative;
    z-index:40000;
    width:120px;
    w\idth:120px;
}

/* style the top level hover */
.drop_menu_estados a:hover, .drop_menu_estados ul ul a:hover
{
    color:#1a47ca;
    border-bottom:1px;
}


/* make the second level visible when hover on first level list OR link */
.drop_menu_estados ul li:hover ul,
.drop_menu_estados ul a:hover ul
{
    visibility:visible;
}
/* keep the third level hidden when you hover on first level list OR link */
.drop_menu_estados ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.drop_menu_estados ul :hover ul :hover ul
{
    visibility:visible;
}
#dropmenudiv {
	position:absolute;
	z-index:2000;
	border-left:8px solid #fff;
	border-right:8px solid #fff;
}

.lista_estado
{
    width:262px;
    padding:0px 10px;
    color:#1d3b9b;
}

.separador_estados
{
    clear:both;
    background:url(../img/bg_separador_menu.gif) repeat-x;
    height:2px;
    margin:0px;
    padding:0px;
}
.itens_estados_esq
{
    float:left;
    width:120px;
    margin:0px;
    padding:0px;
}
.itens_estados_dir
{
    float:right;
    width:120px;
    margin:0px;
    padding:0px;
}