﻿
* {
    list-style:none;
    margin:0;
    padding:0;
}

/* Menu Backoffice Horizontal */
#mn_h_backoffice {
    margin: 0px 0px 0px 10px;
}
#mn_h_backoffice ul {
	padding:0px;
	margin:0px;
	list-style:none;
}
#mn_h_backoffice > li {
    /* Top Level */
    float: left;
    margin-left: 0px;
    margin-top: 5px;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #FFFFFF;
}
#mn_h_backoffice > li {
    display: block;
    padding: 5px 10px 0px 10px;
}
#mn_h_backoffice > li:hover {
    color:#fff;
}
#mn_h_backoffice > li a {
    color: #FFFFFF;
    text-decoration: none;
}
#mn_h_backoffice > li a:hover {
    color: #999999;
    text-decoration: none;
}
#mn_h_backoffice > li > ul{        /* Second Level */
    display:none;
    background: #CCCCCC;
}
#mn_h_backoffice > li:hover > ul {
    display: block;
    position: absolute;
    width: 170px;
    padding-bottom: 10px;
}
#mn_h_backoffice > li > ul > li {
    display: block;
    padding: 10px 10px 0px 10px;
}
#mn_h_backoffice > li > ul > li:hover {
    color:#fff;
}

#mn_h_backoffice > li > ul li > ul{   /* Third Level & beyond */
    display:block;
    background:#CCCCCC;
}
#mn_h_backoffice > li > ul > li ul > li{
    display:block;
    padding: 10px 10px 0px 10px;
    white-space:nowrap;
}
#mn_h_backoffice > li > ul > li ul > li:hover {
    color:#fff;
}
#mn_h_backoffice > li > ul > li ul > li a{
    color:#000000;
}
#mn_h_backoffice > li > ul > li ul > li a:hover{
    color:#FFFFFF;
}
/* sub Menu Site Horizontal */
#mn_h_subMenuSite {
    margin: 0px 0px 0px 10px;
}
#mn_h_subMenuSite ul {
	padding:0px;
	margin:0px;
	list-style:none;
}
#mn_h_subMenuSite > li {
    /* Top Level */
    float: left;
    margin-left: 0px;
    margin-top: 5px;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #FFFFFF;
}
#mn_h_subMenuSite > li {
    display: block;
    padding: 5px 10px 0px 10px;
}
#mn_h_subMenuSite > li:hover {
    color:#fff;
}
#mn_h_subMenuSite > li a {
    color: #FFFFFF;
    text-decoration: none;
}
#mn_h_subMenuSite > li a:hover {
    color: #999999;
    text-decoration: none;
}
#mn_h_subMenuSite > li > ul{        /* Second Level */
    display:none;
    background: #CCCCCC;
}
#mn_h_subMenuSite > li:hover > ul {
    display: block;
    position: absolute;
    padding-bottom: 10px;
}
#mn_h_subMenuSite > li > ul > li {
    display: block;
    padding: 10px 10px 0px 10px;
}
#mn_h_subMenuSite > li > ul > li:hover {
    color:#fff;
}

#mn_h_subMenuSite > li > ul li > ul{   /* Third Level & beyond */
    display:none;
    background:#CCCCCC;
}
#mn_h_subMenuSite > li > ul li:hover > ul{
    display:block;
    position:absolute;
    left:100%;
    top:0;
    width:auto;
}
#mn_h_subMenuSite > li > ul > li ul > li{
    display:block;
    padding: 10px 10px 0px 10px;
    white-space:nowrap;
}
#mn_h_subMenuSite > li > ul > li ul > li:hover {
    color:#fff;
}

/* sub Menu Site Vertical */
#mn_v_subMenuSite {
    margin: 0px 0px 0px 0px;
}
#mn_v_subMenuSite ul {
	padding:0px;
	margin:0px;
	list-style:none;
}
#mn_v_subMenuSite > li {
    /* Top Level */
    margin-left: 0px;
    margin-top: 0px;
}
#mn_v_subMenuSite > li {
    display: block;
    padding: 0px 0px 0px 0px;
}
#mn_v_subMenuSite > li:hover {
    color:#999999;
}
#mn_v_subMenuSite > li a {
    color: #CC3300;
    text-decoration: none;
}
#mn_v_subMenuSite > li a:hover {
    color: #3399FF;
    text-decoration: none;
}
#mn_v_subMenuSite > li > ul{        /* Second Level */
    display:none;
    background: #CCCCCC;
}
#mn_v_subMenuSite > li:hover > ul {
    display: block;
    position: absolute;
    padding-bottom: 10px;
}
#mn_v_subMenuSite > li > ul > li {
    display: block;
    padding: 10px 10px 0px 10px;
}
#mn_v_subMenuSite > li > ul > li:hover {
    color:#999999;
}

#mn_v_subMenuSite > li > ul li > ul{   /* Third Level & beyond */
    display:none;
    background:#CCCCCC;
}
#mn_v_subMenuSite > li > ul li:hover > ul{
    display:block;
    position:absolute;
    left:100%;
    top:0;
    width:auto;
}
#mn_v_subMenuSite > li > ul > li ul > li{
    display:block;
    padding: 10px 10px 0px 10px;
    white-space:nowrap;
}
#mn_v_subMenuSite > li > ul > li ul > li:hover {
    color:#fff;
}

/* Layout Personalizado menu FSO */
.main-menu-fso-item {
     padding: 10px;
    background-image: url('../Images/geral/tm.png');
    background-repeat: repeat;
    display:table-cell;
    vertical-align: middle;
    width: 150px;
}
.main-menu-fso-item:hover {
     padding: 10px;
    background-image: url('../Images/geral/tmh.png');
    background-repeat: repeat;
    display:table-cell;
    vertical-align: middle;
    width: 150px;
    cursor: pointer;
}
a.item-main-menu-fso {
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
}
/* Layout Personalizado menu Plaza */
.main-menu-plaza-item {
     padding: 10px;
    background-image: url('../Images/geral/tmp.png');
    background-repeat: repeat;
    display:table-cell;
    vertical-align: middle;
    width: 150px;
}
.main-menu-plaza-item:hover {
     padding: 10px;
    background-image: url('../Images/geral/tmh.png');
    background-repeat: repeat;
    display:table-cell;
    vertical-align: middle;
    width: 150px;
    cursor: pointer;
}
.main-menu-plaza-item-active {
     padding: 10px;
    background-image: url('../Images/geral/t.png');
    background-repeat: repeat;
    display:table-cell;
    vertical-align: middle;
    width: 150px;
}
a.item-main-menu-plaza {
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
}
a.item-main-menu-plaza-active {
    color: #000000;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
}
/* Menu Backoffice Horizontal */
#menu-fso {
    margin: 0px 0px 0px 10px;
}
#menu-fso ul {
	padding:0px;
	margin:0px;
	list-style:none;
}
#menu-fso > li {
    /* Top Level */
    float: left;
    margin-left: 0px;
    margin-top: 0px;
}
#menu-fso > li {
    display: block;
    padding: 5px 10px 0px 10px;
}
#menu-fso > li:hover {
    color:#fff;
}
#menu-fso > li a {
    color: #FFFFFF;
    text-decoration: none;
}
#menu-fso > li a:hover {
    color: #999999;
    text-decoration: none;
}