/*
ESCURO	: #4E190D
DOURADO:  #C8A062

*/

/* No modulo que apresenta o menu, o "Menu Class Suffix" deverá ser "-pl-main"  */
ul.menu-pl-main{
    margin-left:10%;
    color:white;
    display: inline-flex;
    background : url("../../images/logo-texto-branco.png") no-repeat left top;
    background-size: 10%;
    
    
    
    
}
ul.menu-pl-main li{
    list-style: none;
    padding:0;
    padding-right:20px;
}


ul.menu-pl-main li:first-child{
    margin-left:100px;
}


ul.menu-pl-main li a{
    text-decoration: none;
    color: #fff;
    font-size:100%;
}

ul.menu-pl-main li.active a::after,
ul.menu-pl-main li.active a::before{
    content:"-"
}

ul.menu-bottom li{
    list-style-type: none;
} 


/********************************************************************************/
/* Custom, iPhone Retina */ 
/********************************************************************************/
@media only screen and (min-width : 280px) {
    ul.menu-pl-main{
        margin-left:74%;
        padding-left:20px;
        display: inline-block;
        background-color: rgba(0,0,0,0.5);
    }
   
    ul.menu-pl-main li:first-child{
        margin-left:0;
    }
        
    ul.menu-pl-main li a{
        font-size: 60% ;
        /*line-height: 100%;*/
    }
    
    
}

/********************************************************************************/
/* Extra Small Devices, Phones */ 
/********************************************************************************/
@media only screen and (min-width : 480px) {
    ul.menu-pl-main{
        margin-top: 20px;
        margin-left:4%;
        display:inline-flex;
        background-color:transparent;
    }
    ul.menu-pl-main li{
        padding-left:5px;
    }
    ul.menu-pl-main li:first-child{
        margin-left:100px;
    }
    ul.menu-pl-main li a{
        font-size: 70% ;
        
        
    }

}

/********************************************************************************/
/* Medium Devices, Desktops */
/********************************************************************************/
@media only screen and (min-width : 992px) {
    /*.navbar-left, .navbar-right{
        font-size:12px;
    }  */
    ul.menu-pl-main{
        margin-top: 20px;
        margin-left:10%;
        display:inline-flex;
        background-color:transparent;
    }
    ul.menu-pl-main li{
        padding-left:20px;
    }
    ul.menu-pl-main li:first-child{
        margin-left:100px;
    }
    ul.menu-pl-main li a{
        font-size: 100% !important;
        
    }
    
}

/********************************************************************************/
/* Large Devices, Wide Screens */
/********************************************************************************/
@media only screen and (min-width : 1200px) {
   
    ul.menu-pl-main{
        margin-top: 20px;
        margin-left:12%;
        display:inline-flex;
        background-color:transparent;
    }
    ul.menu-pl-main li{
        padding-left:30px;
    }
    ul.menu-pl-main li:first-child{
        margin-left:100px;
    }
    ul.menu-pl-main li a{
        font-size: 110% !important;
        /*line-height: 140%;*/
    }
}

/********************************************************************************/
/* EXTRA Large Devices, Wide Screens */
/********************************************************************************/
@media only screen and (min-width : 1600px) {
   
    ul.menu-pl-main{
        margin-top: 20px;
        margin-left:8%;
        display:inline-flex;
        background-color:transparent;
    }
    ul.menu-pl-main li{
        padding-left:40px;
    }
    ul.menu-pl-main li:first-child{
        margin-left:100px;
    }
    ul.menu-pl-main li a{
        font-size: 120% !important;
        /*line-height: 120%;*/
    }
}