/* 
 * Definição dos estilos usados no menu horizontal dropdown.
 */

/* Nível 1 */
ul.dropdown
{ 
    font-family:Verdana;
    letter-spacing:-1px;
    position: relative; 
    float:none;
    width:auto;
    margin:30px 0px 0px 17%;
    *width:800px;
}

ul.dropdown li
{
    float:left;
    padding-right:16px;
    padding-left:16px;
    border-right:1px solid #fff;
    border-left:1px solid #fff;
    font-size:14px;
    display:inline-block;
}

@media screen and (-webkit-min-device-pixel-ratio:0)
{
    ul.dropdown li span {margin: -8px 0 0 2px; /* chrome */}
}

ul.dropdown li:first-child
{
	background: url("../img/home.png") no-repeat 0 3px transparent;
	padding-left:16px;
	border-left:none;
	font-weight:bold;
}

ul.dropdown li:last-child
{
    padding-bottom: 0;
    border-right:none;
    padding-right:8px;
}

ul.dropdown a:hover, ul.dropdown a:active {color: #FF7E00;}

ul.dropdown li a
{
    display: block; 
    float:left;
    text-decoration:none; 
    color:#fff;
}

ul.dropdown li:hover
{
    color: #FF7E00; 
    position: relative;
}

/* Nível 2 */
ul.dropdown ul
{
    background: #f6f6f6; 
    width: 160px; 
    visibility: hidden; 
    position: absolute; 
    top: 100%; 
    left: 0;
    z-index:7;
    padding:10px;
    -webkit-border-radius: 6px;
    -moz-border-radius   : 6px;
    border-radius        : 6px;	
    border:1px solid #bfe1f7;
}

ul.dropdown ul li
{
    font-weight: normal; 
    color: #000; 
    float: left;
    padding-bottom:8px;
    margin-bottom:8px;
    border-bottom:1px dotted #ddd;
    *display: inline; 
    *width: 100%;
    width:145px;
    padding-left:0;
    border-right:none;
    border-left:none;
    font-size:12px;	 
}

ul.dropdown ul li:first-child
{
    background:none;
    border-left:none;
    padding-left:0;
    font-weight:normal;
}

ul.dropdown ul li:last-child
{
    padding-bottom:0;
    border-bottom:none;
}

ul.dropdown ul li a
{
    border-right: none; 
    width: 100%; 
    display: inline-block;
    color: #2d414e;
}

ul.dropdown ul li a em
{
    margin:5px 0 0 0;
    *margin:-11px 0px 0px;
    float:right;
}

/* Nível 3 */
ul.dropdown ul ul
{
    left: 100%; 
    top: 0;
}

ul.dropdown li:hover > ul
{
    visibility: visible;
}