/***************************
    MISSÃO VISÃO VALORES
***************************/
div#missao-visao-valores{
    float: left;
    width: 100%;
    height: 470px;
    background-color: #f0f0f0;
    margin-top: 20px;
    padding: 115px 0;
    background-image: url(../images/patt.gif);
}


/***************************
        A ENGEVITA
***************************/
div#a-engevita{
    float: left;
    width: 439px;
    padding-left: 30px;
}

div#a-engevita img{
    padding-left: 30px;
}
div#a-engevita p{
    float: left;
    width: 100%;
    color: #474648;
    padding-left: 30px;
    margin-top: 40px;
    margin-bottom: 40px;
    line-height: 18px;
}

div#a-engevita strong{
    float: left;
    width: 100%;
    height: 149px;
    font-family: 'Aachen';
    font-size: 25px;
    color: #2b863e;
    background: url(../images/a-engevita/grid.png) no-repeat;
    padding: 0px 40px;
    margin-left: -10px;
}

/***************************
        DIFERENCIAIS
***************************/
div#diferenciais{
    float: left;
    width: 439px;
    padding-left: 30px;
    background: url(../images/missao-visao-valores/grid-diferenciais.png) no-repeat;
    padding-top: 45px;
    margin-top: 35px;
    display: none;
}

div#diferenciais p{
    float: left;
    width: 100%;
    color: #474648;
    padding-left: 30px;
    margin-top: 20px;
    margin-bottom: 40px;
    line-height: 18px;
}

div#diferenciais strong{
    float: left;
    width: 100%;
    font-family: 'Aachen';
    font-size: 25px;
    color: #2b863e;
    padding: 0px 40px;
    margin-left: -10px;
}

/***************************
        MISSÃO E VISÃO
***************************/
div#missao-visao{
    float: left;
    width: 468px;
    background: url(../images/missao-visao-valores/grid-missao-visao.png) no-repeat;
    margin-top: 35px;
    height: 383px;
    display: none;
}

div#missao-visao p{
    float: left;
    width: 100%;
    color: #474648;
    padding-left: 30px;
    margin-top: 10px;
    margin-bottom: 40px;
    line-height: 18px;
}
div#missao-visao p b{
    font-weight: bold;
}

div#missao-visao strong{
    float: left;
    width: 100%;
    font-family: 'Aachen';
    font-size: 25px;
    color: #2b863e;
    padding: 0px 40px;
    margin-left: -10px;
}

div#missao-visao div#missao{
    float: left;
    margin-top: 20px;
}
div#missao-visao div#visao{
    float: left;
    margin-top: 15px;
}

/***************************
        VALORES
***************************/
div#valores{
    float: left;
    width: 468px;
    background: url(../images/missao-visao-valores/grid-valores.png) no-repeat top left;
    margin-top: -60px;
    padding-left: 10px;
    display: none;
}

div#valores p{
    float: left;
    width: 100%;
    color: #474648;
    padding-left: 30px;
    margin-top: 5px;
}

div#valores strong{
    float: left;
    width: 100%;
    font-family: 'Aachen';
    font-size: 25px;
    color: #2b863e;
    padding: 0px 40px;
    margin-left: -10px;
}

div#valores div#inovacao{
    float: left;
    margin-top: 30px;
}
div#valores div#humanidade{
    float: left;
    margin-top: 20px;
}
div#valores div#crescimento{
    float: left;
    margin-top: 20px;
}
div#valores div#responsabilidade{
    float: left;
    margin-top: 20px;
}

/**********************
        MENU
**********************/

ul#menu-missao-visao-valores{
    float: right;
    width: 346px;
    height: 417px;
    background: url(../images/missao-visao-valores/menu.png);
    margin-top: 15px;
}

ul#menu-missao-visao-valores li{
    float: left;
    width: 300px;
    height: 68px;
    margin: 0 22px;
    margin-bottom: 15px;
}

ul#menu-missao-visao-valores li#a-engevita{                                            
    margin-top: 41px;
}

ul#menu-missao-visao-valores li#diferenciais{
    height: 70px;
}                                            

ul#menu-missao-visao-valores li#missao-visao{
    height: 70px;
}                                            

ul#menu-missao-visao-valores li#valores{
    height: 70px;
}                               

ul#menu-missao-visao-valores li a{
    width: 220px;
    height: 51px;
    float: left;
    background: url(../images/missao-visao-valores/botao-menu.png) left top;
}

ul#menu-missao-visao-valores li a{
    font-family: 'Aachen';
    color: #474648;
    font-size: 30px;
    padding-top: 20px;
    padding-left: 80px;
/*    float: left;
    font-weight: normal;
    margin-top: 20px;
    margin-left: 80px;*/
}
/*ul#menu-missao-visao-valores li a.ativo strong,
ul#menu-missao-visao-valores li a:hover strong{
    color: #fff;
}

ul#menu-missao-visao-valores li a.ativo,
ul#menu-missao-visao-valores li a:hover{
    color: #fff;
    background-position: bottom left;
}*/

/*ul#menu-missao-visao-valores li a span{
    float: left;
    margin-top: 25px;
}*/
ul#menu-missao-visao-valores li a#menu-empresa-engevita{background-position: 0px 0;}
ul#menu-missao-visao-valores li a#menu-empresa-diferenciais{background-position: 305px 0;}
ul#menu-missao-visao-valores li a#menu-empresa-missao-visao{background-position: 610px 0;}
ul#menu-missao-visao-valores li a#menu-empresa-valores{background-position: 913px 0;}
ul#menu-missao-visao-valores li a#menu-empresa-engevita.ativo{background-position: 0px -71px;}
ul#menu-missao-visao-valores li a#menu-empresa-diferenciais.ativo{background-position: 305px -71px;}
ul#menu-missao-visao-valores li a#menu-empresa-missao-visao.ativo{background-position: 610px -71px;}
ul#menu-missao-visao-valores li a#menu-empresa-valores.ativo{background-position: 913px -71px;}


ul#menu-missao-visao-valores li a.ativo{
    background-position-y: 0;
}
ul#menu-missao-visao-valores li a.ativo{
    background-position-y: -71px;
    color: #fff;
}
ul#menu-missao-visao-valores li a.ativo strong{
    color: #fff;
}