﻿@media all and (min-width: 1000px) {
    /*SOBRE NÓS*/
    #conteudo_sobrenos {
        float: left;
        width: 755px;
        margin: 60px 0 0 10px;
    }

    #titulo_sobrenos {
        margin: auto;
        text-align: center;
    }

    #texto_sobrenos {
        margin-top: 10px;
    }

    /*GARANTIA*/
    #conteudo_garantia {
        float: left;
        width: 755px;
        margin: 60px 0 0 10px;
    }

    #titulo_garantia {
        margin: auto;
        text-align: center;
    }

    #texto_garantia {
        margin-top: 10px;
    }

    /*CONTATO*/
    #ConteudoContato {
        float: left;
        height: 700px;
        margin-left: 32px;
        margin-top: 23px;
        width: 600px;
    }

    .NomeFormContato {
        font-family: droid sans;
        font-size: 16px;
        color: #333;
        width: 100px;
        text-align: right;
        margin-top: 2px;
        float: left;
        height: 22px;
    }

    .Form {
        float: left;
        margin-top: 10px;
        margin-left: 10px;
        width: 400px;
        height: 22px;
    }

    .flutuante {
        float: left;
        width: 600px;
        height: 30px;
    }

    .flutuante2 {
        float: left;
        margin-left: 370px;
        margin-top: 150px;
        width: 200px;
    }

    .FormContato {
        float: left;
        margin-left: 30px;
    }

    .FormContato1 {
        float: left;
        margin-left: 30px;
    }

    .FormMensagem {
        width: 400px;
        float: left;
        margin-left: 10px;
        margin-top: 10px;
        height: 200px;
    }

    #BtEnviar {
        float: right;
        height: 30px;
        margin-right: 107px;
        margin-top: 10px;
        width: 80px;
        cursor: pointer;
    }

    .Imput {
        width: 400px;
        height: 22px;
    }

    .ImputMensagem {
        width: 400px;
        height: 200px;
    }

    .TxtContato {
        float: left;
        width: 750px;
        font-family: droid sans;
    }

    .TituloContato {
        margin: 63px 0 0 10px;
        text-align: center;
    }

    .EnderecoContato {
        margin-left: 10px;
    }

    .Mapa {
        margin-left: 10px;
    }
}

@media all and (min-width: 750px) and (max-width: 999px) {
    /*SOBRE NÓS*/
    #conteudo_sobrenos {
        float: left;
        width: 543px;
        margin: 60px 0 0 10px;
    }

    #titulo_sobrenos {
        margin: auto;
        text-align: center;
    }

    #texto_sobrenos {
        margin-top: 10px;
    }

    /*GARANTIA*/
    #conteudo_garantia {
        float: left;
        width: 543px;
        margin: 60px 0 0 10px;
    }

    #titulo_garantia {
        margin: auto;
        text-align: center;
    }

    #texto_garantia {
        margin-top: 10px;
    }

    /*CONTATO*/
    #ConteudoContato {
        float: left;
        height: 700px;
        margin-left: 32px;
        margin-top: 23px;
        width: 553px;
    }

    .NomeFormContato {
        font-family: droid sans;
        font-size: 16px;
        color: #333;
        width: 100px;
        text-align: right;
        margin-top: 2px;
        float: left;
        height: 22px;
    }

    .Form {
        float: left;
        margin-top: 10px;
        margin-left: 10px;
        width: 400px;
        height: 22px;
    }

    .flutuante {
        float: left;
        width: 553px;
        height: 30px;
    }

    .flutuante2 {
        float: left;
        margin-left: 370px;
        margin-top: 150px;
        width: 200px;
    }

    .FormContato {
        float: left;
        margin-left: 30px;
    }

    .FormContato1 {
        float: left;
        margin-left: 30px;
    }

    .FormMensagem {
        width: 400px;
        float: left;
        margin-left: 10px;
        margin-top: 10px;
        height: 200px;
    }

    #BtEnviar {
        float: right;
        height: 30px;
        margin-right: 107px;
        margin-top: 10px;
        width: 80px;
        cursor: pointer;
    }

    .Imput {
        width: 400px;
        height: 22px;
    }

    .ImputMensagem {
        width: 400px;
        height: 200px;
    }

    .TxtContato {
        float: left;
        width: 553px;
        font-family: droid sans;
    }

    .TituloContato {
        margin: 63px 0 0 10px;
        text-align: center;
    }

    .EnderecoContato {
        margin-left: 10px;
    }

    .Mapa {
        margin-left: 10px;
    }
}

@media all and (min-width: 500px) and (max-width: 749px) {
    /*SOBRE NÓS*/
    #conteudo_sobrenos {
        float: left;
        width: 332px;
        margin: 60px 0 0 10px;
    }

    #titulo_sobrenos {
        margin: auto;
        text-align: center;
    }

    #texto_sobrenos {
        margin-top: 10px;
    }

    /*GARANTIA*/
    #conteudo_garantia {
        float: left;
        width: 332px;
        margin: 60px 0 0 10px;
    }

    #titulo_garantia {
        margin: auto;
        text-align: center;
    }

    #texto_garantia {
        margin-top: 10px;
    }

    /*CONTATO*/
    #ConteudoContato {
        float: left;
        height: 700px;
        margin-left: 32px;
        margin-top: 23px;
        width: 332px;
    }

    .NomeFormContato {
        font-family: droid sans;
        font-size: 16px;
        color: #333;
        width: 100px;
        text-align: right;
        margin-top: 2px;
        float: left;
        height: 22px;
    }

    .Form {
        float: left;
        margin-top: 10px;
        margin-left: 10px;
        width: 332px;
        height: 22px;
    }

    .flutuante {
        float: left;
        width: 332px;
        height: 30px;
    }

    .flutuante2 {
        float: left;
        margin-left: 370px;
        margin-top: 150px;
        width: 200px;
    }

    .FormContato {
        float: left;
        margin-left: 30px;
    }

    .FormContato1 {
        float: left;
        margin-left: 30px;
    }

    .FormMensagem {
        width: 332px;
        float: left;
        margin-left: 10px;
        margin-top: 10px;
        height: 200px;
    }

    #BtEnviar {
        float: right;
        height: 30px;
        margin-right: 107px;
        margin-top: 10px;
        width: 80px;
        cursor: pointer;
    }

    .Imput {
        width: 332px;
        height: 22px;
    }

    .ImputMensagem {
        width: 332px;
        height: 200px;
    }

    .TxtContato {
        float: left;
        width: 332px;
        font-family: droid sans;
    }

    .TituloContato {
        margin: 63px 0 0 10px;
        text-align: center;
    }

    .EnderecoContato {
        margin-left: 10px;
    }

    .Mapa {
        margin-left: 10px;
    }
}


@media all and (min-width: 0px) and (max-width: 499px) {
    /*SOBRE NÓS*/
    #conteudo_sobrenos {
        float: left;
        width: 100%;
    }

    #titulo_sobrenos {
        margin: auto;
        text-align: center;
    }

    #texto_sobrenos {
        margin-top: 10px;
    }

    /*GARANTIA*/
    #conteudo_garantia {
        float: left;
        width: 100%;
    }

    #titulo_garantia {
        margin: auto;
        text-align: center;
    }

    #texto_garantia {
        margin-top: 10px;
    }

    /*CONTATO*/
    #ConteudoContato {
        float: left;
        height: 700px;
        margin-left: 32px;
        margin-top: 23px;
        width: 332px;
    }

    .NomeFormContato {
        font-family: droid sans;
        font-size: 16px;
        color: #333;
        width: 100px;
        text-align: right;
        margin-top: 2px;
        float: left;
        height: 22px;
    }

    .Form {
        float: left;
        margin-top: 10px;
        margin-left: 10px;
        width: 332px;
        height: 22px;
    }

    .flutuante {
        float: left;
        width: 100%;
        height: 55px;
    }

    .flutuante2 {
        float: left;
        margin-top: 150px;
        width: 100%;
        text-align: right;
    }

    .FormContato {
        float: left;
        margin-left: 30px;
    }

    .FormContato1 {
        float: left;
        margin-left: 30px;
    }

        .FormContato1 textarea {
            width: 100% !important;
        }

    .FormMensagem {
        width: 332px;
        float: left;
        margin-left: 10px;
        margin-top: 10px;
        height: 200px;
    }

    #BtEnviar {
        float: right;
        height: 30px;
        margin-right: 107px;
        margin-top: 10px;
        width: 80px;
        cursor: pointer;
    }

    .Imput {
        width: 332px;
        height: 22px;
    }

    .ImputMensagem {
        width: 332px;
        height: 200px;
    }

    .TxtContato {
        float: left;
        width: 332px;
        font-family: droid sans;
    }

    .TituloContato {
        margin: 63px 0 0 10px;
        text-align: center;
    }

    .EnderecoContato {
        margin-left: 10px;
    }

    .Mapa {
        margin-left: 10px;
    }

    #menu {
        margin-top: 150px;
    }
}
