/*  Vermelho: f7323f
    Preto : 000000
*/



/* No modulo que apresenta o menu, o "Menu Class Suffix" deverá ser "-pl-main"  */

.moduletable_menu{
    width: 100%;
    z-index: 10;
}


  
.moduletable_menu .small{
    
}

#menu-button{
    width:40px;
    height:40px;
    display:block;
    border:solid 1px #ccc;
    position:absolute;
    right:10px;
    margin-top:-60px;
    display:none;
    background: url("../images/menu-but.png") no-repeat center center;
}

ul.menu-pl-main{
    color:white;
    display: inline-flex;
    margin-right:80px;
    visibility: visible;
}
ul.menu-pl-main.hidden{
    visibility: hidden;
}

ul.menu-pl-main.small{
    width:100%;
    margin:0 !important;
    border-top:solid 4px #ccc;
    border-bottom:solid 4px #ccc;
    display:inline-block;
    -webkit-padding-start:0;
    visibility: visible;
}

ul.menu-pl-main.small.hidden{
    visibility: hidden;
}


ul.menu-pl-main.small li{
    border-bottom:solid 1px #ddd;
    width:100%;
    text-align: center;
   
    
}
ul.menu-pl-main li{
    width:80px;
    list-style: none;
    width:60px;
    padding:0;
    text-align: center;
    /*padding-right:20px;*/
}


ul.menu-pl-main li a{
    text-decoration: none;
    color: #000;
    font-size:8px;
    line-height: 90%;
}

ul.menu-pl-main li.active a{
    color: #f7323f;
}


ul.menu-pl-main li.item-112,
ul.menu-pl-main li.item-114{
    border-left:solid 6px #f7323f; 
}
ul.menu-pl-main.small li.item-112,
ul.menu-pl-main.small li.item-114{
    border:none !important;
}




/* FACEBOOK , vimeo, LINKEDIN MENU ITEMS*/
ul.menu-pl-main li.item-112,
ul.menu-pl-main li.item-113,
ul.menu-pl-main li.item-114,
ul.menu-pl-main li.item-122,
ul.menu-pl-main li.item-115{
    width:40px;
    float:left;
}

ul.menu-pl-main.small li.item-112,
ul.menu-pl-main.small li.item-113,
ul.menu-pl-main.small li.item-114,
ul.menu-pl-main.small li.item-115{
    width:49%;
}







ul.menu-servicos{
    width:80%;
    height: 400px;
    margin: auto;
    /*margin-left: 10%;*/
    text-align: center;
    list-style-type: none;
    background: url(../images/simple-logo.png) no-repeat center center;
    background-size: 20%;
    overflow: visible;
    
}


h1.title-mnu-servicos{
    color: #f7323f;
    text-align: center;
    font-weight: 800;
    margin-top:30px;
}


ul.menu-servicos li{
    display:inline-block;
    /*width:20%;*/
    /*min-width:200px;*/
    /*padding: 10px;*/
   margin-top:50px;
        text-align: center;
        width:48%;

}

ul.menu-servicos li a{
    font-size: 18px;
    color:#000;
}


ul.menu-servicos li.item-116,
ul.menu-servicos li.item-117,
ul.menu-servicos li.item-118{
   
    /*margin-left: -800px;
    top:200px;
    position:relative;*/
    /*float:left;
    margin-left:20%;
    width:20%;
    border:solid;
    text-align: center;
    margin-top:40px;*/

}
ul.menu-servicos li.item-119,
ul.menu-servicos li.item-120,
ul.menu-servicos li.item-121{
    /*margin-left: 800px;
    top:100px;
    position:relative;*/
    /*float:right;
    margin-right:20%;
    width:20%;
    border:solid;
    text-align: center;
    margin-top:40px;*/
}















/********************************************************************************/
/* Custom, iPhone Retina */ 
/********************************************************************************/
@media only screen and (min-width : 280px) {

    ul.menu-pl-main li{
        width:80px;
    }
    ul.menu-pl-main li a{
        font-size: 16px;
    }
  
  
}

/********************************************************************************/
/* Extra Small Devices, Phones */ 
/********************************************************************************/
@media only screen and (min-width : 480px) {

    ul.menu-pl-main li{
        width:100px;
    }
    ul.menu-pl-main li a{
        font-size: 16px;
    }
    ul.menu-servicos li a{
        font-size: 12px;
    }
 

}


/********************************************************************************/
/* Medium Devices, Desktops */
/********************************************************************************/
@media only screen and (min-width : 680px) {
    
    ul.menu-pl-main li{
        width:100px;
    }
    ul.menu-pl-main li a{
        font-size: 16px;
    }
    ul.menu-servicos li a{
        font-size: 12px;
    }

    
}


/********************************************************************************/
/* Medium Devices, Desktops */
/********************************************************************************/
@media only screen and (min-width : 992px) {

    ul.menu-pl-main li{
        width:110px;
    }
    ul.menu-pl-main li a{
        font-size: 14px;
    }
    
    ul.menu-servicos li a{
        font-size: 14px;
    }


}

/********************************************************************************/
/* Large Devices, Wide Screens */
/********************************************************************************/
@media only screen and (min-width : 1200px) {

    ul.menu-servicos li a{
        font-size: 16px;
    }

    
    
    
    ul.menu-pl-main li{
        width:120px;
    }
    ul.menu-pl-main li a{
        font-size: 18px;
    }

}

/********************************************************************************/
/* EXTRA Large Devices, Wide Screens */
/********************************************************************************/
@media only screen and (min-width : 1600px) {
   
   
    ul.menu-servicos li a{
        font-size: 20px;
    }

    

}




