/* ********************************** *************** ******************************** */
/* ********************************* ESTILOS DOS MENUS ******************************* */


/* --------------------------------- MENU - NAVEGAÇÃO -------------------------------- */
.menu_navegacao { margin: 10px 0px 10px 0px;  	font-family: 'Lato', sans-serif;
	font-size:1.5em; letter-spacing:2px;
	font-weight: 300; color: #777; text-transform: lowercase;}
.submenu {	margin-top: 0 !important; font-size:1.1em;
border-bottom:1px solid #ccc; }

.menu_navegacao > ul { margin: 0px; padding: 0px; list-style: none; text-align: center; }
.menu_navegacao > ul li { display: inline-block; position: relative; padding: 0 5px;}
.menu_navegacao > ul li > a {color: #777; display: block; padding: 5px 10px; text-decoration: none !important;border-bottom:2px solid transparent }
.menu_navegacao > ul li > a img {}
.menu_navegacao > ul li > a span { color: #777; }
.menu_navegacao > ul li > a em {}

/* MENU HOVER: Item em foco */
.menu_navegacao > ul li:hover {}
.menu_navegacao > ul li:hover > a {/* background: #F8F8F8;*/ border-bottom:2px solid #6c0000 }
.menu_navegacao > ul li:hover > a img {}
.menu_navegacao > ul li:hover > a span { color: maroon; }
.menu_navegacao > ul li:hover > a em {}

/* MENU ACTIVE: Item ativo */
.menu_navegacao > ul li.active {}
.menu_navegacao > ul li.active > a { /*background: #F8F8F8; border:1px solid #ccc; padding:5px;*/ border-bottom:2px solid #6c0000}
.menu_navegacao > ul li.active > a img {}
.menu_navegacao > ul li.active > a span { color: #393939; }
.menu_navegacao > ul li.active > a em {}

.menu_navegacao > ul li.social { float: right; margin: 5px 20px 0px 10px; }
.menu_navegacao > ul li.social a { display: block; background: #777; width: 22px; height: 22px; border-radius: 50%; color: #FFF; padding: 0px; font-size: 16px; padding: 1px 0px; }
.menu_navegacao > ul li.social:hover a { background: maroon; }
.menu_navegacao > ul li.social-first { margin-left: 30px; }


/* MENU IMAGE: */

 img.grayscale{ 
   padding-top: 4px;
    width: 75% !important;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);  /* For Webkit browsers */
    filter: gray;  /* For IE 6 - 9 */
    -webkit-transition: all .6s ease;  /* Transition for Webkit browsers */
}
img.grayscale:hover{ 
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    filter: none;
}

/* SUBMENU: Dropdown */
.menu_navegacao > ul li > ul { display: none; position: absolute; margin: 0px; padding: 0px; list-style: none; z-index: 50; text-align: left; background: #f3f3f3; }
.menu_navegacao > ul li:hover > ul { display: block; min-width: 180px; }
.menu_navegacao > ul li > ul li { display: block; position: relative; border-bottom: 1px transparent solid; }
.menu_navegacao > ul li > ul li > a {color: #777; display: block; text-decoration: none !important; }
.menu_navegacao > ul li > ul li > a img {}
.menu_navegacao > ul li > ul li > a span {}
.menu_navegacao > ul li > ul li > a em {}

/* SUBMENU HOVER: Item em foco*/
.menu_navegacao > ul li > ul li:hover {}
.menu_navegacao > ul li > ul li:hover > a { background: #F8F8F8; }
.menu_navegacao > ul li > ul li:hover > a img {}
.menu_navegacao > ul li > ul li:hover > a span { color: #6FAF58; }
.menu_navegacao > ul li > ul li:hover > a em {}

/* SUBMENU ACTIVE: Item ativo */
.menu_navegacao > ul li > ul li.active {}
.menu_navegacao > ul li > ul li.active > a { background: #F8F8F8; }
.menu_navegacao > ul li > ul li.active > a img {}
.menu_navegacao > ul li > ul li.active > a span {}
.menu_navegacao > ul li > ul li.active > a em {}


/* SUBMENU 2: Dropdown */
.menu_navegacao > ul li > ul li > ul { display: none; position: absolute; margin: 0px; padding: 0px; list-style: none; z-index: 60; background: #E2E2E2; }
.menu_navegacao > ul li > ul li:hover > ul{ display: block; min-width: 180px; }
.menu_navegacao > ul li > ul li > ul li { display: block; border-bottom: 1px #EEE solid; }
.menu_navegacao > ul li > ul li > ul li > a { display: block; text-decoration: none !important; }
.menu_navegacao > ul li > ul li > ul li > a img {}
.menu_navegacao > ul li > ul li > ul li > a span { color: #6FAF58; }
.menu_navegacao > ul li > ul li > ul li > a em {}

/* SUBMENU 2 HOVER: Item em foco*/
.menu_navegacao > ul li > ul li > ul li:hover {}
.menu_navegacao > ul li > ul li > ul li:hover > a { background: #F8F8F8; }
.menu_navegacao > ul li > ul li > ul li:hover > a img {}
.menu_navegacao > ul li > ul li > ul li:hover > a span { color: #6FAF58; }
.menu_navegacao > ul li > ul li > ul li:hover > a em {}

/* SUBMENU 2 ACTIVE: Item ativo */
.menu_navegacao > ul li > ul li > ul li.active {}
.menu_navegacao > ul li > ul li > ul li.active > a { background: #F8F8F8; }
.menu_navegacao > ul li > ul li > ul li.active > a img {}
.menu_navegacao > ul li > ul li > ul li.active > a span { color: #6FAF58; }
.menu_navegacao > ul li > ul li > ul li.active > a em {}
/* ----------------------------------------------------------------------------------- */




/* ----------------------- MENU - NAVEGAÇÃO - CLASSES DINÂMICAS ---------------------- */
/* SUBMENU: Dropdown - Classes Dinâmicas */
.menu_navegacao > ul li.submenu_left > ul { right: 100%; top: 0px; }
.menu_navegacao > ul li.submenu_right > ul { left: 100%; top: 0px; }

/* SUBMENU 2: Dropdown - Classes Dinâmicas */
.menu_navegacao > ul li > ul li.submenu_left > ul { right: 100%; top: 0px; }
.menu_navegacao > ul li > ul li.submenu_right > ul { left: 100%; top: 0px; }
/* ----------------------------------------------------------------------------------- */




/* ---------------------------------- MENU - MOBILE ---------------------------------- */
.menu_mobile div > ul { margin: 20px 0px 0px 0px; padding: 0px; list-style: none; }
.menu_mobile div > ul li { display: block; }
.menu_mobile div > ul li > a { display: block; padding: 6px 10px; color: #FFF; text-decoration: none !important; transition: 0.4s; }
.menu_mobile div > ul li > a img {}
.menu_mobile div > ul li > a span {}
.menu_mobile div > ul li > a em {}

/* MENU HOVER: Item em foco */
.menu_mobile div > ul li:hover {}
.menu_mobile div > ul li:hover > a { background: rgba(255,255,255,0.4); transition: 0.4s; }
.menu_mobile div > ul li:hover > a img {}
.menu_mobile div > ul li:hover > a span {}
.menu_mobile div > ul li:hover > a em {}

/* MENU ACTIVE: Item ativo */
.menu_mobile div > ul li.active {}
.menu_mobile div > ul li.active > a { background: rgba(255,255,255,0.8); color: #538442; transition: 0.4s; }
.menu_mobile div > ul li.active > a img {}
.menu_mobile div > ul li.active > a span {}
.menu_mobile div > ul li.active > a em {}


/* SUBMENU: Dropdown */
.menu_mobile div > ul li > ul { margin: 0px 0px 0px 15px; padding: 0px; list-style: none; }
.menu_mobile div > ul li:hover > ul {}
.menu_mobile div > ul li > ul li { display: block; border-bottom: 1px rgba(255,255,255,0.5) solid; }
.menu_mobile div > ul li > ul li > a { display: block; padding: 5px 10px; text-decoration: none !important; }
.menu_mobile div > ul li > ul li > a img {}
.menu_mobile div > ul li > ul li > a span {}
.menu_mobile div > ul li > ul li > a em {}

/* SUBMENU HOVER: Item em foco*/
.menu_mobile div > ul li > ul li:hover {}
.menu_mobile div > ul li > ul li:hover > a { background: rgba(255,255,255,0.4); transition: 0.4s; }
.menu_mobile div > ul li > ul li:hover > a img {}
.menu_mobile div > ul li > ul li:hover > a span {}
.menu_mobile div > ul li > ul li:hover > a em {}

/* SUBMENU ACTIVE: Item ativo */
.menu_mobile div > ul li > ul li.active {}
.menu_mobile div > ul li > ul li.active > a { background: rgba(255,255,255,0.8); color: #538442; transition: 0.4s; }
.menu_mobile div > ul li > ul li.active > a img {}
.menu_mobile div > ul li > ul li.active > a span {}
.menu_mobile div > ul li > ul li.active > a em {}


/* SUBMENU 2: Dropdown */
.menu_mobile div > ul li > ul li > ul { margin: 0px; padding: 0px; list-style: none; overflow: hidden; }
.menu_mobile div > ul li > ul li:hover > ul{}
.menu_mobile div > ul li > ul li > ul li { display: block; }
.menu_mobile div > ul li > ul li > ul li > a { display: block; text-decoration: none !important; }
.menu_mobile div > ul li > ul li > ul li > a img {}
.menu_mobile div > ul li > ul li > ul li > a span {}
.menu_mobile div > ul li > ul li > ul li > a em {}

/* SUBMENU 2 HOVER: Item em foco*/
.menu_mobile div > ul li > ul li > ul li:hover {}
.menu_mobile div > ul li > ul li > ul li:hover > a { background: rgba(255,255,255,0.4); transition: 0.4s; }
.menu_mobile div > ul li > ul li > ul li:hover > a img {}
.menu_mobile div > ul li > ul li > ul li:hover > a span {}
.menu_mobile div > ul li > ul li > ul li:hover > a em {}

/* SUBMENU 2 ACTIVE: Item ativo */
.menu_mobile div > ul li > ul li > ul li.active {}
.menu_mobile div > ul li > ul li > ul li.active > a { background: rgba(255,255,255,0.8); color: #538442; transition: 0.4s; }
.menu_mobile div > ul li > ul li > ul li.active > a img {}
.menu_mobile div > ul li > ul li > ul li.active > a span {}
.menu_mobile div > ul li > ul li > ul li.active > a em {}
/* ----------------------------------------------------------------------------------- */