/** MAIN MENU **/
#menu-area-principal { background:#e9e1e1; height:47px; border-top: 3px solid #2b336b; border-bottom: 3px solid #ccc; }
.container-menu{ 
    max-width: 1220px;
    margin: 0 auto;
    min-height: 47px;
}


/* Changes top-bar background color */
.contain-to-grid, 
.top-bar,
.title-area,
.top-bar-section ul li, 
.top-bar-section li:not(.has-form) a:not(.button),
.top-bar-section .dropdown li:not(.has-form) a:not(.button),
.top-bar-section .has-dropdown > a:after {
  background: none; 
}

/* Changes background color of top-bar menu items  */
.top-bar-section #menu-primary a,
.top-bar-section #menu-primary a:hover {
  background-color: none !important;
  font-weight: 700;
}

/* Changes color of top-bar navigation dropdown carets */
.top-bar-section .has-dropdown > a:after {
    border-color: none;
}


/* ==========================================================================
   Set Colors Menu
========================================================================== */
#menu-principal a{
    font-family: 'Maven Pro' , arial ; 
    font-weight: 700;
    font-size: 16px;   
    padding: 0px 14px 0px 14px;
    margin-top: -1px;
    text-transform: uppercase; 
    letter-spacing: -1px;
    color: #000000; 
    -o-transition: background 0.1s linear, color 0.1s linear;
    -moz-transition: background 0.1s linear, color 0.1s linear;
    -khtml-transition: background 0.1s linear, color 0.1s linear;
    -webkit-transition: background 0.1s linear, color 0.1s linear;
    -ms-transition: background 0.1s linear, color 0.1s linear;
     transition: background 0.1s linear, color 0.1s linear;
}

#menu-principal a:hover{  background: #2b336b !important;  color:#FFFFFF;  text-decoration:none;  }
#menu-principal ul li.active > a {  background: #2b336b !important; color:#FFFFFF;  }


/* ==========================================================================
   START NAV PRINCIPAL MEDIA QUERIES
========================================================================== */
@media only screen and (max-width: 640px) {

#data{ display: none; }

.top-bar .toggle-topbar.menu-icon a {     
    font-family: 'Maven Pro' , arial ; 
    font-weight:700;
    font-size: 14px;

}

#meu-menu{ margin-left:0px; }

#menu-principal a{
    font-family: 'Maven Pro' , arial ; 
    font-weight:700;
    font-size: 21px;
    line-height: 43px;
    margin-bottom: 0;
}

/* Makes the responsive menu fit in the navigation container and change its background to black */
     #menu-principal ul {   background:#DBDBDB;   }

    .top-bar ul {
        background-color: #242323;
        margin-bottom: 20px; 
    }
    /* Change non active menu item color to black */
    .top-bar-section ul li > a {
        color:  #242323;
    }
    /* Gives the dropdown ul a black fill */
    .top-bar-section ul {
    background: none;
    }
    /* Give the BACK button after going in a submenu the appropriate filling */
    .top-bar-section .dropdown li.title h5 a {
        line-height: 57px;
    }
    /* This fixes the position and the color of the dropdown arrow */
    .top-bar-section .has-dropdown > a:after {
        border-color: rgba(255, 255, 255, 1) transparent transparent !important;
        margin-top: 2.5px;
    }

} 


/* ==========================================================================
   END NAV PRINCIPAL MEDIA QUERIES
========================================================================== */