@charset "UFT-8";

/*cabeçalho*/
header{
    background-color: rgb(11, 38, 79);
}
div#cabecalho-topo{
    display: table;
}
img#foto-logo{
    display: table-cell;
    float: left;
    margin-left: 80px;
}
h1#titulo-principal{
    font-family: Arial, Helvetica, sans-serif;
    color: white;
    display: table-cell;
    float: left;
    margin-top: 40px;
    margin-left: 20px;
}
img#telefone-foto{
    float: left;
    margin-top: 80px;
    margin-left: -310px;
}
h1#telefone-numero{
    color: rgb(255, 103, 0);
    font-family: Arial, Helvetica, sans-serif;
    font-size: larger;
    float: left;
    margin-top: 80px;
    margin-left: -280px;
}
img#foto-grande{
    margin-left: 40px;
}
a#area-restrita{
    color: rgba(255, 103, 0);
    float: left;
    margin-top: -30px;
    margin-left: 600px;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}
/*cabeçalho*/

/*sobre a prevetec*/

div#sobre-a-prevetec{
    display: table;
}
img#foto-medicao{
    display: table-cell;
    float: left;
    margin-left: 80px;
    margin-top: 20px;
}
h1#titulo-grande-sobre-a-prevetec{
    font-family: Arial, Helvetica, sans-serif;
    color: rgb(255, 83, 0);
    font-size: 50px;
    float: left;
    margin-left: 0px;
}
p#titulo-medio-sobre-a-prevetec{
    font-family: Arial, Helvetica, sans-serif;
    color: rgb(11, 38, 79);
    float: left;
    margin-left: 50px;
}
p#texto-sobre-a-prevetec{
    font-family: Arial, Helvetica, sans-serif;
    color: rgb(74, 77, 80);
    float: left;
}
div#texto-geral-sobre-a-prevetec{
    padding-left: 100px;
    padding-right: 500px;
}
div#titulo-medio-1{
    padding-left: 220px;
    padding-right: 650px;
    float: left;
    margin-top: -90px;
}
/*sobre a prevetec*/

/*sobre a prevetec parte 2*/

h2#titulo-grande-sobre-a-prevetec-2{
    font-family: Arial, Helvetica, sans-serif;
    color: rgb(9, 32, 66);
    float: left;
    padding-left: 900px;
    margin-top: -50px;
}
h1#numeros{
    font-family: Arial, Helvetica, sans-serif;
    color: rgb(255, 83, 0);
}
p#frases-numeros{
    font-family: Arial, Helvetica, sans-serif;
    color: rgb(53, 53, 54);
}
div#sobre-a-prevetec-2{
    padding-left: 900px;
    margin-top: -320px;
}

/*sobre a prevetec parte 2*/

/*foto grande*/

img#foto-03{
    margin-left: 40px;
}

/*foto grande*/

/*foto spda implantação*/

img#foto-implantacao{
    float: left;
    
    margin-top: 20px;
}
/*foto spda implantação*/

/*foto serviços*/

img#servicos{
    margin-left: 40px;
}

/*foto serviços*/

/*foto clientes*/

img#clientes{
    margin-left: 40px;
}

/*foto clientes*/

/*antes do rodapé*/

div#antes-do-roda-pe{
    background-color: rgb(11, 38, 79);
}h1#contato{
    font-family: Arial, Helvetica, sans-serif;
    color: white;
    text-align: center;
    margin-bottom: 20px;
}
img#telefone-2{
    margin-left: 600px;
}
p#numero-telefone{
    font-family: Arial, Helvetica, sans-serif;
    color: white;
    text-align: center;
    margin-top: -20px;
}
img#whatsapp{
    margin-left: 570px;
}
p#numero-whatsapp{
    font-family: Arial, Helvetica, sans-serif;
    color: white;
    text-align: center;
    margin-top: -22px;
}
h3#numero-nextel{
    font-family: Arial, Helvetica, sans-serif;
    color: white;
    text-align: center;
}
p#textinho{
    font-family: Arial, Helvetica, sans-serif;
    color: white;
    text-align: center;  
}
div#fotos-redes-sociais{
    float: left;
    margin-top: -230px; 
    margin-left: 80px;
}
div#fotos-apps{
    float: left;
    margin-left: 1000px;
    margin-top: -280px;
}

/*antes do rodapé*/

/*rodapé*/

footer#rodape{
    background-color: rgb(255, 83, 0);
    padding-top: 10px;
    padding-bottom: 10px;
}
p#frase-rodape{
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
}

/*rodapé*/

/*equipe*/

img#foto-equipe{
    margin-left: 420px;
    margin-top: -10px;
}

h1#equipe{
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    color: rgb(255, 83, 0);
    font-size: 350%;
    margin-top: -50px;
}

/*equipe*/

/*whatsapp flutuante*/
div#whats-logo-flutuante{
    position: fixed;
    bottom:20px;
    left: 30px;
    z-index: 999;
}
/*whatsapp flutuante*/

/*saiba mais*/
a#saiba-mais{
    float: left;
    margin-left: 565px;
}
* {
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
}

#sobre-a-prevetec-2 {
    margin-top: 0 !important;
}

img {
    max-width: 100%;
    height: auto;
}

div {
    margin-left: auto !important;
    margin-right: auto !important;
}
/* ======== MOBILE ======== */
@media (max-width: 768px) {

    body {
        padding: 0 15px;
    }

    h1, h2 {
        font-size: 22px !important;
        text-align: left !important;
        margin-left: 0 !important;
    }

    p {
        font-size: 16px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    img {
        max-width: 100% !important;
        height: auto !important;
        margin-left: 0 !important;
    }

    div {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    #sobre-a-prevetec-2 {
        margin-top: 20px !important;
    }

    #titulo-grande-sobre-a-prevetec-2 {
        margin: 20px 0 !important;
    }

    #clientes {
        margin-left: 0 !important;
    }

}