﻿
section.empresa,
section.servicos,
section.diferenciais,
section.marcas
 {
    text-align:center;
}


    section.diferenciais .diferencial {
    padding-top: 15px;
    padding-bottom:15px;
    }

        section.diferenciais .diferencial img {
            margin:15px;
        }



section.marcas .marca {
        text-align:center;
}

section.marcas .marca a img
 {
    max-width: 100%;

    -webkit-filter: grayscale(1);
    filter: grayscale(1);

    opacity: 0.6;
    -moz-opacity: 0.6;
    filter: alpha(opacity=60);

                -moz-transition-property:  all;
                -webkit-transition-property: all;
                -o-transition-property: all;
                transition-property: all;
                -moz-transition-duration: .5s;
                -webkit-transition-duration: .5s;
                -o-transition-duration: .5s;
                transition-duration: .5s;

}




section.marcas .marca a:hover img
 {
    max-width: 100%;

    -webkit-filter: grayscale(0);
    filter: grayscale(0);

    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
}


section.servicos {
    background: #fff url('img/home/bg-servicos.jpg') 50% 50% no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

section.servicos .servico {
    /*border: 1px solid #e7e7e7;*/
    background: #fff;


    max-width: 480px; 
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 15px;

-webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.3);
-moz-box-shadow:    0px 3px 5px 0px rgba(50, 50, 50, 0.3);
box-shadow:         0px 3px 5px 0px rgba(50, 50, 50, 0.3);
min-height:193px;

}

    section.servicos .servico .descricao {
        padding: 25px 15px 25px 15px ;
        text-align: left;
    }


        section.servicos .servico .descricao h2 {
            margin: 0px;
            font-size: 16px;
        }

    section.servicos .servico .imagem img {
        width: 100%;
    }


/********************
*   Desktop - Large *
********************/

@media only screen and (min-width: 1200px) {


}


/********************
*   Desktop - Medium *
********************/

@media only screen and (min-width: 992px) and (max-width: 1199px) {


}

/********************
*   Tablet - Small *
********************/

@media only screen and (min-width: 768px) and (max-width: 991px) {


}

/********************
*   Mobile - Extra Small  *
********************/
@media only screen and (max-width: 767px) {

  
}