/*     parte chat     */
    
    #formulariochat input,
    #formulariochat textarea {
        border-radius: 0;
    }
    
    .escribiendo {
        width: 20%;
        margin: 0 0 25px 10px;
    }
    
    #chatbot2 {
        height: 20vw;
        right: 15vw;
    }
    
    #chatbot {
        height: 10vw;
        right: 15vw;
    }
    
    #Nombre,
    #Apoyo,
    #adicional {
        background-image: url(../images/chat/respuesta2.png);
    }
    
    #Telefono,
    #nombre,
    #correo,
    #telefono,
    #adios,
    #correo2,
    #telefono2,
    #correo3,
    #telefono3 {
        background-image: url(../images/chat/respuesta1.png);
    }
    
    #autonombre {
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial", "sans-serif";
    }
    
    #divadicional {
        display: none;
    }
    
    .parteformulario {
        position: fixed;
        bottom: 0;
        right: 0vw;
        z-index: 9999999;
        width: 26%;
        height: 100%;
        transition: 1s;
        overflow-y: auto;
        overflow-x: hidden;
    }
    
    .formulariochat {
        /*overflow-y: scroll;*/
        margin-top: 0vw;
        height: 17vw;
    }
    
    #headerchatimg {
        width: 100%;
        position: sticky;
        top: 0;
        z-index: 999999999999999999;
    }
    
    .primform {
        margin-top: 2%;
    }
    
    .chatbot2 {
        width: 2vw;
        bottom: 30vw;
        right: 3vw;
    }
    
    .chatbot {
        right: 3vw;
        width: 2vw;
        bottom: 26vw;
    }
    
    #divcorreo {
        display: none;
    }
    
    .parteformulario {
        width: 52%;
    }
    
    #autoasesor {
        margin-top: -75px;
    }
    /*     parte chat     */
    
    #nombre,
    #telefono {
        width: 50%;
    }
    
    #telefono,
    #adios {
        margin-left: 20%;
    }
    
    #correo {
        margin-left: 19%;
        width: 75%;
        background-size: 100%;
        height: 49px;
    }
    
    #telefono2 {
        margin-left: 20%;
        background-size: 100%;
        width: 46%;
        height: 50px;
    }
    
    #correo2,
    #telefono3,
    #correo3 {
        width: 68%;
        margin-left: 20%;
        background-size: 100%;
        height: 50px;
    }
    
    #adios {
        width: 53%;
        margin-left: 20%;
        background-size: 100%;
        height: 50px;
    }
    
    #nombreatiende {
        color: #A8A69E;
        position: absolute;
        z-index: 99999999999999;
        font-size: 24px;
    }
    
    #Telefono,
    #correo,
    #correo2,
    #telefono2,
    #correo3,
    #telefono3 {
        background-image: url(../images/chat/respuesta1.png);
        width: 70%;
        height: 37px;
        border: none;
        background-color: transparent;
        background-repeat: no-repeat;
        margin-left: 18%;
        margin-top: 3%;
        padding-left: 3%;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: normal;
        margin-bottom: 3%;
        color: rgba(55, 54, 47, 1.00);
        margin-right: 10%;
        float: left;
    }
    
    #Nombre,
    #Apoyo,
    #nombre,
    #telefono,
    #telefono2,
    #adicional,
    #adios {
        background-image: url(../images/chat/respuesta1.png);
        width: 70%;
        height: 37px;
        border: none;
        background-color: transparent;
        background-repeat: no-repeat;
        margin-left: 17%;
        margin-top: 3%;
        padding-left: 3%;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: normal;
        margin-bottom: 3%;
        color: rgba(55, 54, 47, 1.00);
        background-size: 100% 95%;
        padding-right: 6vw;
    }
    
    .parteformulario {
        background-image: url(../images/chat/respuesta1.png);
        width: 80%;
        height: 106vw;
        background-repeat: no-repeat;
        background-position: -2% 0%;
        margin-top: 5%;
        padding-bottom: 2%;
        float: right;
        background-size: 100% auto;
        background-color: #DA291C;
    }
    #formularioautochat *{
        font-size: 20px;
    }
    .primform {
        margin-top: 5%;
        margin-left: 3%;
    }
    
    .secform {
        margin-top: 4%;
        margin-left: 3%;
        width: 103%;
    }
    
    .quesuba {
        margin-left: 24px;
        margin-bottom: 0px;
        margin-top: 5px;
        float: left;
        margin-right: 20px;
    }
    
    .terform {
        margin-top: 0%;
        margin-left: 2.5%;
        width: 95%;
        margin-right: 2.5%;
    }
    
    .terform img {
        float: left;
    }
    
    #autonombre,
    #autoasesor {
        font-family: "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial", "sans-serif";
        position: absolute;
        width: 258px;
        left: 25px;
        color: #000;
        top: -3vw;
    }
    
    #autoasesor {
        top: 20vw;
    }
    
    #formulariochat {
        height: 13vw;
    }
    
    #nombre,
    #telefono,
    #telefono2,
    #telefono3,
    #correo,
    #correo2,
    #correo3,
    #adios {
        background-image: url(../images/chat/respuesta1.png) !important;
        background-size: 100% 100% !important;
        margin-left: 20% !important;
        width: 70% !important;
        height: 50px !important;
        padding: 0 2% 0 2% !important;
    }
    
    #autonombre {
        position: relative;
        top: -15vw;
        left: 30px;
        font-size: 16px;
    }
    
    #txtautoasesor {
        position: relative;
        top: 13vw;
    }
    
    #autoasesor {
        position: relative;
        top: -2vw;
        font-size: 16px;
    }
    
    @media only screen and (min-width: 600px) and (max-width: 1049px) {
        #Telefono:focus,
        #correo:focus,
        #correo2:focus,
        #telefono:focus,
        #telefono2:focus,
        #correo3:focus,
        #telefono3:focus {
            outline: 0px;
        }
        #Telefono,
        #correo,
        #correo2,
        #telefono2,
        #telefono,
        #correo3,
        #telefono3 {
            background-image: url(../images/chat/respuesta1.png);
            width: 36%;
            height: 37px;
            border: none;
            background-color: transparent;
            background-repeat: no-repeat;
            margin-left: 50%;
            margin-top: 3%;
            padding-left: 5%;
            font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
            font-weight: normal;
            margin-bottom: 3%;
            color: rgba(55, 54, 47, 1.00);
        }
        #Nombre,
        #Apoyo,
        #nombre,
        #telefono,
        #adicional,
        #adios {
            background-image: url(../images/chat/respuesta1.png);
            width: 70%;
            height: 37px;
            border: none;
            background-color: transparent;
            background-repeat: no-repeat;
            margin-left: 17%;
            margin-top: 3%;
            padding-left: 3%;
            font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
            font-weight: normal;
            margin-bottom: 3%;
            color: rgba(55, 54, 47, 1.00);
        }
        .parteformulario {
            background-image: url(../images/chat/fondo-chat.jpg);
            width: 65%;
            height: 80vw;
            background-repeat: no-repeat;
            background-position: -2% 0%;
            margin-top: 0%;
            padding-bottom: 2%;
            float: right;
            margin-left: 1%;
            margin-right: 1%;
        }
        .primform {
            margin-top: 5%;
            margin-left: 3%;
        }
        .secform {
            margin-top: 0%;
            margin-left: 3%;
        }
        .quesuba {
            margin-left: 24px;
            margin-bottom: 0px;
            margin-top: 5px;
            float: left;
            margin-right: 20px;
        }
        #formulariochat {
            height: 8vw;
            width: 50%;
        }
        #chatbot {
            bottom: 10vw;
            height: 15vw;
            right: 7vw;
        }
        #chatbot2 {
            height: 15vw;
            right: 7vw;
            bottom: 22vw;
        }
        #autonombre,
        #autoasesor {
            font-family: "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial", "sans-serif";
            position: absolute;
            width: 258px;
            left: 25px;
            color: #000;
            top: -2vw;
        }
        #autoasesor {
            top: 10vw;
        }
        #nombre,
        #telefono {
            width: 50%;
        }
        #telefono,
        #adios {
            margin-left: 20%;
        }
        #correo {
            margin-left: 19%;
            width: 75%;
            background-size: 100%;
            height: 49px;
        }
        #telefono2 {
            margin-left: 20%;
            background-size: 100%;
            width: 46%;
            height: 50px;
        }
        #correo2,
        #telefono3,
        #correo3 {
            width: 68%;
            margin-left: 20%;
            background-size: 100%;
            height: 50px;
        }
        #adios {
            width: 53%;
            margin-left: 20%;
            background-size: 100%;
            height: 50px;
        }
        #autonombre {
            position: relative;
            top: -10vw;
        }
        #txtautoasesor {
            position: relative;
            top: 7.5vw;
        }
        #autoasesor {
            position: relative;
            top: -2vw;
        }
    }
    /*@media only screen and (min-width:769px) {
    #Telefono,
    #correo,
    #correo2,
    #telefono2,
    #telefono {
        background-image: url(../images/cosassec/globoazulpeque.png);
        width: 55%;
        height: 37px;
        border: none;
        background-color: transparent;
        background-repeat: no-repeat;
        margin-left: 45%;
        margin-top: 3%;
        padding-left: 5%;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: normal;
        margin-bottom: 3%;
        color: rgba(55, 54, 47, 1.00);
        margin-right: 10%;
    }
    #Nombre,
    #Apoyo,
    #nombre,
    #telefono,
    #adicional,
    #adios {
        background-image: url(../images/cosassec/globograndeazul.png);
        width: 70%;
        height: 37px;
        border: none;
        background-color: transparent;
        background-repeat: no-repeat;
        margin-left: 17%;
        margin-top: 3%;
        padding-left: 3%;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: normal;
        margin-bottom: 3%;
        color: rgba(55, 54, 47, 1.00);
    }
    .parteformulario {
        background-image: url(../images/cosassec/fondowhats.png);
        width: 50%;
        height: 50vw;
        background-repeat: no-repeat;
        background-position: -2% 0%;
        margin: 0%;
        padding: 0%;
        float: right;
    }
    .primform {
        margin-top: 5%;
        margin-left: 3%;
    }
    .secform {
        margin-top: 0%;
        margin-left: 3%;
    }
    .quesuba {
        margin-left: 24px;
        margin-bottom: 0px;
        margin-top: 5px;
        float: left;
        margin-right: 20px;
    }
    /*     parte chat     
    .bulletgogle {
        margin-left: 10%;
    }
    /*     parte chat     
}*/
    
    @media only screen and (min-width:1050px) {
        #Telefono,
        #correo,
        #correo2,
        #telefono2,
        #telefono,
        #correo3,
        #telefono3 {
            background-image: url(../images/chat/respuesta1.png);
            width: 55%;
            height: 37px;
            border: none;
            background-color: transparent;
            background-repeat: no-repeat;
            margin-left: 35%;
            margin-top: 3%;
            padding-left: 5%;
            font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
            font-weight: normal;
            margin-bottom: 3%;
            color: rgba(55, 54, 47, 1.00);
            margin-right: 10%;
        }
        .parteformulario {
            background-image: url(../images/chat/fondo-chat.jpg);
            width: 30%;
            height: 3vw;
            background-repeat: no-repeat;
            background-position: -2% 0%;
            margin-top: 0%;
            /* padding-bottom: 0%; */
            float: right;
            clear: right;
            margin-right: 0%;
            margin-left: 0%;
            padding-left: 0%;
            padding-right: 0%;
            padding-top: 0%;
            margin-bottom: 0%;
        }
        /*     parte chat     */
        #Nombre,
        #Apoyo,
        #adicional {
            background-image: url(../images/chat/respuesta2.png);
            height: 3.5vw;
            padding-top: 0.5vw;
            padding-right: 2vw;
        }
        #Telefono,
        #nombre,
        #correo,
        #telefono,
        #adios,
        #correo2,
        #telefono2,
        #correo3,
        #telefono3 {
            background-image: url(../images/chat/respuesta1.png);
            background-size: 100%;
        }
        #autonombre,
        #autoasesor {
            font-family: "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial", "sans-serif";
            position: absolute;
            width: 253px;
            left: 32px;
            color: #000;
        }
        #autoasesor {
            margin-top: -75px;
        }
        .escribiendo {
            width: 20%;
            margin: 0 0 25px 10px;
        }
        #divadios {
            margin-bottom: 25px;
        }
        /*     parte chat     */
        .primform {
            margin-top: 4%;
        }
        #nombreatiende {
            top: -5px;
            left: 21%;
        }
        #chatbot {
            bottom: 0vw;
            height: 15vw;
            right: 5vw;
        }
        #chatbot2 {
            height: 15vw;
            right: 5vw;
            bottom: 6vw;
        }
        #formulariochat {
            height: 6vw;
        }
        #autonombre,
        #autoasesor {
            font-family: "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial", "sans-serif";
            position: absolute;
            width: 258px;
            left: 25px;
            color: #000;
            top: -1vw;
        }
        #autoasesor {
            top: 6vw;
        }
        #nombre,
        #telefono {
            width: 50%;
        }
        #telefono,
        #adios {
            margin-left: 20%;
        }
        #correo {
            margin-left: 19%;
            width: 75%;
            background-size: 100% 100%;
            height: 40px;
        }
        #telefono2 {
            margin-left: 20%;
            background-size: 100% 100%;
            width: 46%;
            height: 50px;
        }
        #correo2,
        #telefono3,
        #correo3 {
            width: 68%;
            margin-left: 20%;
            background-size: 100% 100%;
            height: 40px;
        }
        #adios {
            width: 53%;
            margin-left: 20%;
            background-size: 100% 100%;
            height: 40px;
        }
        #autonombre {
            position: relative;
            top: -6vw;
            left: 30px;
            font-size: 16px;
        }
        #txtautoasesor {
            position: relative;
            top: 4.4vw;
        }
        #autoasesor {
            top: -1vw;
            position: relative;
        }
    }
    
    @media (min-width: 1400px) {
        .parteformulario {
            width: 25%;
            height: 2vw;
        }
        #nombreatiende {
            position: inherit;
            top: 26vw;
            left: 81%;
        }
        .datochat {
            margin-bottom: 3vw;
        }
        .primform,
        .secform,
        .terform {
            margin-bottom: 1vw;
        }
        .escribiendo {
            margin: 0 0 40px 10px;
        }
        #formulariochat {
            height: 5vw;
        }
        #chatbot {
            bottom: -4vw;
        }
        #chatbot2 {
            bottom: 0;
        }
        #autonombre {
            position: relative;
            top: -4vw;
            left: 30px;
            font-size: 16px;
        }
        #autoasesor {
            font-family: "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial", "sans-serif";
            position: absolute;
            width: 258px;
            left: 25px;
            color: #000;
            top: 0vw;
        }
        #txtautoasesor {
            position: relative;
            top: 3vw;
        }
        #autoasesor {
            top: -1vw;
            position: relative;
            font-size: 16px;
        }
        #nombre,
        #telefono {
            width: 50%;
        }
        #telefono,
        #adios {
            margin-left: 20%;
        }
        #correo {
            margin-left: 19%;
            width: 75%;
            background-size: 100%;
            height: 49px;
        }
        #telefono2 {
            margin-left: 20%;
            background-size: 100%;
            width: 46%;
            height: 50px;
        }
        #correo2,
        #telefono3,
        #correo3 {
            width: 68%;
            margin-left: 20%;
            background-size: 100%;
            height: 50px;
        }
        #adios {
            width: 53%;
            margin-left: 20%;
            background-size: 100%;
            height: 50px;
        }
    }