/* NAVEGA��O TOPO */
/* ------------------------------------------------ */
.menu { position: relative; width: 100%; margin: 0; padding: 0; z-index: 1000; float: left; }
.items-menu { width: 40%;  float: left;  overflow: hidden;  position: relative; margin-top: 4%;}
.menu-left{ float: left; }
.menu-right{ float: right; }
ul.navmenu { margin: 0; border: 0 none; padding: 0; list-style: none; z-index: 1001; float: left;  }
ul.navmenu li {  position: relative; margin: 0; padding: 0; float: left; display: inline-block; list-style: none; }
.menu-right ul.navmenu { float: right;}
.menu-left ul.navmenu li:first-child { padding: 20px 30px 20px 0; }
.menu-right ul.navmenu li:last-child { padding: 20px 0 20px 30px; }
ul.navmenu li .m-item { position: relative; width: 100%; margin: 0; padding: 0; float: left; overflow: hidden; }
ul.navmenu a { padding: 32px 10px; margin: 0; float: none !important; float: left; display: block; text-decoration: none; cursor: pointer; font-size: 14px; line-height: 16px; color: #3e1400; font-weight: bold; text-transform: uppercase; }
ul.navmenu a span { padding: 5px 0; float: left; }
ul.navmenu a i { margin: 0 10px 0 0; font-size: 30px; color: #078A39; float: left; }

ul.navmenu a:hover, ul.navmenu .hoverlink > a { color: #aa3700; }
ul.navmenu ul { display: none; }
ul.navmenu ul { display: none; margin: 0px; padding: 0px; width: 235px; list-style: none; display: none; position: absolute; top: 75px; font-size: 13px; background:#FFF;}
ul.navmenu ul li { width: 100%; border-bottom: 1px solid #868686;}
ul.navmenu ul li a{ padding: 15px; color: #868686;}
ul.navmenu ul li:hover{ background: #fbf4d1;}
ul.navmenu ul li:hover a{color: #3e1400}
ul.navmenu li:hover ul { display: none; z-index: 9000;}
ul.navmenu li:hover ul { display: block; z-index: 9000;}

ul.navmenu ul ul {
	display: none;
    top: 0;
    left: 235px;
	border-left: 1px solid #868686;
}
ul.navmenu li:hover ul ul,
ul.navmenu li:hover ul ul ul,
ul.navmenu li:hover ul ul ul ul,
ul.navmenu li.iehover ul ul,
ul.navmenu li.iehover ul ul ul,
ul.navmenu li.iehover ul ul ul ul {
	display: none;
	z-index: 9000;
}

ul.navmenu li:hover ul,
ul.navmenu ul li:hover ul,
ul.navmenu ul ul li:hover ul,
ul.navmenu ul ul ul li:hover ul,
ul.navmenu li.iehover ul,
ul.navmenu ul li.iehover ul,
ul.navmenu ul ul li.iehover ul,
ul.navmenu ul ul ul li.iehover ul {
	display: block;
	z-index: 9000;	
}

/*MENU RODAP�*/
.menu_rodape { position: relative; width: 50%; margin: 10px 0; padding: 0px; float: left; }
.menu_rodape ul { width: 100%; float: left; list-style: none; margin: 0; padding: 0; text-align: center; }
.menu_rodape ul li { display: inline-block; margin: 0px; padding: 0; border-right: 1px solid #FFFFFF; }
.menu_rodape ul li:last-child { border-right: 0px solid #FFFFFF; } 
.menu_rodape ul li a { position: relative; margin: 0; padding: 5px 10px; display: inline-block; color: #F2F2F2; line-height: 14px; font-size: 14px; text-decoration: none; cursor: pointer; float: left; white-space: nowrap; }
.menu_rodape ul li a:hover { color: #FFFFFF; }
.menu_rodape a:hover { text-decoration: none; }

/*MENU RESPONSIVE*/
#menu_responsive { position: relative; margin: -64px 0 0; padding: 0; width: 100%; float: right; max-height: 460px; z-index: 998; display: none; }
.logo_responsive { position: relative; margin: 0; padding: 0; width: 100%; float: right; max-height: 460px; z-index: 998; display: none; }
/* Flexnav Base Styles */
.flexnav { -webkit-transition: none; -moz-transition: none; -ms-transition: none; transition: none; -webkit-transform-style: preserve-3d; overflow: hidden; margin: 0 auto; width: 100%; max-height: 0; border-top: 0px solid #666666; }
.flexnav.opacity { opacity: 0; }
.flexnav.flexnav-show {
    max-height: 2000px;
    opacity: 1;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
	list-style: none;
	margin: 0px;
	padding: 0 0;
	/*background: url(../img/bg_site.jpg) left top repeat;*/
}
.flexnav.one-page {
	position: fixed;
	top: 50px;
    right: 5%;
    max-width: 200px; 	
}
.flexnav li {
	border-top: 1px solid #3e1400;
	font-size: 100%;
	position: relative;
	overflow: hidden; 
}
.flexnav li a {
	position: relative;
	display: block;
	padding: 0.5em 1em;
	z-index: 2;
	overflow: hidden;
	color: #3e1400;
	background: none;
	font-size: 16px;
}
.flexnav li ul {
	width: 94%;
	margin: 6px 0px 0px;
	padding: 0 3%;
	background: none;
	border-top: 1px solid #333333;
	list-style: none;
}
    .flexnav li ul li {
      font-size: 100%;
      position: relative;
      overflow: hidden; }
	  .flexnav li ul li:first-child {
		border-top: 0px solid #666666;
		}
  .flexnav li ul.flexnav-show li {
    overflow: visible; }
  .flexnav li ul li a {
  	font-size: 14px;
    display: block;
    background: none; }
  .flexnav ul li ul li a {
  	font-size: 13px;
    background: #none; }
  .flexnav ul li ul li ul li a {
	  font-size: 12px;
    background: #none; }
  .flexnav .touch-button {
    position: absolute;
    z-index: 999;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    display: inline-block;
    background: none;    
    text-align: center; }
    .flexnav .touch-button:hover {
      cursor: pointer; }
    .flexnav .touch-button .navicon {
      position: relative;
      top: 1.4em;
      font-size: 12px;
      color: #616161; }

.menu-button {
  position: relative;
  display: block;
  width: 100px;
  padding: 10px;
  background: none;
  color: #333333;
  cursor: pointer;
  border-bottom: 0px solid rgba(0, 0, 0, 0.2); 
  float: right;
  font-size: 1em;
  height: 24px;
}
  .menu-button.one-page {
    position: fixed;
    top: 0;
    right: 5%;
    padding-right: 45px; }
  .menu-button .touch-button {	
	content: '';
	position: absolute;
	width: 28%;
	height: 3px;
	background: #3e1400;
	top: 12px;
	right: 10%;
	box-shadow: 
		0 9px 0 #3e1400, 
		0 19px 0 #3e1400		
}

.menu-button .touch-button .navicon {
	display: none;
}

@media all and (min-width: 1025px) {
  body.one-page {
    padding-top: 70px; }

  .flexnav {  	
    overflow: visible; }
    .flexnav.opacity {		
      opacity: 1; }
    .flexnav.one-page {
      top: 0;
      right: auto;
      max-width: 1080px; }
    .flexnav li {
      position: relative;
      list-style: none;
      float: left;
      display: block;
      background-color: #3e1400;
      overflow: visible;
      width: 20%; }
    .flexnav li a {
      border-left: 1px solid #acaca1;
      border-bottom: none; }
    .flexnav li > ul {
      position: absolute;
      top: auto;
      left: 0; }
      .flexnav li > ul li {
        width: 100%; }
    .flexnav li ul li > ul {
      margin-left: 100%;
      top: 0; }
    .flexnav li ul li a {
      border-bottom: none; }
    .flexnav li ul.open {
      display: block;
      opacity: 1;
      visibility: visible;
      z-index: 1; }
      .flexnav li ul.open li {
        overflow: visible;
        max-height: 100px; }
      .flexnav li ul.open ul.open {
        margin-left: 100%;
        top: 0; }

  .menu-button {
    display: none; } }
.oldie body.one-page {
  padding-top: 70px; }
.oldie .flexnav {
  overflow: visible; }
  .oldie .flexnav.one-page {
    top: 0;
    right: auto;
    max-width: 1080px; }
  .oldie .flexnav li {
    position: relative;
    list-style: none;
    float: left;
    display: block;
    background-color: #a6a6a2;
    width: 20%;
    min-height: 50px;
    overflow: visible; }
  .oldie .flexnav li:hover > ul {
    display: block;
    width: 100%;
    overflow: visible; }
    .oldie .flexnav li:hover > ul li {
      width: 100%;
      float: none; }
  .oldie .flexnav li a {
    border-left: 1px solid #acaca1;
    border-bottom: none;
    overflow: visible; }
  .oldie .flexnav li > ul {
    background: #acaca1;
    position: absolute;
    top: auto;
    left: 0;
    display: none;
    z-index: 1;
    overflow: visible; }
  .oldie .flexnav li ul li ul {
    top: 0; }
  .oldie .flexnav li ul li a {
    border-bottom: none; }
  .oldie .flexnav li ul.open {
    display: block;
    width: 100%;
    overflow: visible; }
    .oldie .flexnav li ul.open li {
      width: 100%; }
    .oldie .flexnav li ul.open ul.open {
      margin-left: 100%;
      top: 0;
      display: block;
      width: 100%;
      overflow: visible; }
  .oldie .flexnav ul li:hover ul {
    margin-left: 100%;
    top: 0; }
.oldie .menu-button {
  display: none; }
.oldie.ie7 .flexnav li {
  width: 19.9%; }