diff --git a/src/App.js b/src/App.js
index 2ecd294..288bff1 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,10 +1,10 @@
 import React, { Component } from 'react';
 import { Thumbnail, Navbar, ProgressBar, Nav, NavItem, NavDropdown, MenuItem, Image, Grid, Col, Row } from 'react-bootstrap';
 import { Form, FormGroup, ControlLabel, FormControl, Button, BootstrapTable, TableHeaderColumn } from 'react-bootstrap';
-import User from './components/User';
-import UserList from './components/UserList';
-import Services from './components/Services';
-import Cargando from './components/Cargando';
+import User from './Components/User';
+import UserList from './Components/UserList';
+import Services from './Components/Services';
+import Cargando from "./Components/Cargando";
 
 import './App.css';
 
diff --git a/src/components/Transferencia/CuentaDestino/index.js b/src/components/Transferencia/CuentaDestino/index.js
index d1cf837..ed51f08 100644
--- a/src/components/Transferencia/CuentaDestino/index.js
+++ b/src/components/Transferencia/CuentaDestino/index.js
@@ -49,8 +49,7 @@ class CuentaDestino extends Component {
 
   render() {
     const data = JSON.stringify(this.state);
-    return (
-      <div>
+    return <div id="ctaDestino">
         <div className="container up">
           <div className="row">
             <h4>Transferencia</h4>
@@ -68,39 +67,18 @@ class CuentaDestino extends Component {
         </Breadcrumb>
         <ul className="nav nav-tabs" id="myTab" role="tablist">
           <li className="nav-item active">
-            <a
-              className="nav-link active"
-              id="home-tab"
-              data-toggle="tab"
-              href="#home"
-              role="tab"
-              aria-controls="home"
-              aria-selected="true"
-            >
+            <a className="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">
               Cuenta Frecuente
             </a>
           </li>
           <li className="nav-item tab">
-            <a
-              className="nav-link"
-              id="profile-tab"
-              data-toggle="tab"
-              href="#profile"
-              role="tab"
-              aria-controls="profile"
-              aria-selected="false"
-            >
+            <a className="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="false">
               Cuenta Nueva
             </a>
           </li>
         </ul>
         <div className="tab-content" id="myTabContent">
-          <div
-            className="tab-pane fade active in"
-            id="home"
-            role="tabpanel"
-            aria-labelledby="home-tab"
-          >
+          <div className="tab-pane fade active in" id="home" role="tabpanel" aria-labelledby="home-tab">
             <Grid className="cuentasFrecuente">
               <Row className="show-grid cuentasOrigen">
                 <Col xs={10} md={10} className="izquierda">
@@ -152,29 +130,20 @@ class CuentaDestino extends Component {
               </Row>
             </Grid>
           </div>
-          <div
-            className="tab-pane fade"
-            id="profile"
-            role="tabpanel"
-            aria-labelledby="profile-tab"
-          >
+          <div className="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
             <Grid className="cuentasNueva">
               <Row className="show-grid cuentasOrigen">
                 <Col xs={12} md={12} className="izquierda">
                   <Form inline>
                     <FormGroup className="izquierda">
                       <ControlLabel>Banco</ControlLabel>
-                      <FormControl
-                        id="banco"
-                        componentClass="select"
-                        placeholder="select"
-                        value={this.state.banco}
-                        onChange={this.getBanco.bind(this)}
-                      >
+                      <FormControl id="banco" componentClass="select" placeholder="select" value={this.state.banco} onChange={this.getBanco.bind(this)}>
                         <option value="sele">
                           Seleccione Banco de Destino
                         </option>
-                        <option value="Banco de Chile">Banco de Chile</option>
+                        <option value="Banco de Chile">
+                          Banco de Chile
+                        </option>
                         <option value="Bancoestado">Bancoestado</option>
                         <option value="BCI">BCI</option>
                         <option value="Itaú">Itaú</option>
@@ -182,14 +151,10 @@ class CuentaDestino extends Component {
                     </FormGroup>
                     <FormGroup className="izquierda">
                       <ControlLabel>Producto</ControlLabel>
-                      <FormControl
-                        id="producto"
-                        componentClass="select"
-                        placeholder="select"
-                        value={this.state.producto}
-                        onChange={this.getProd.bind(this)}
-                      >
-                        <option value="sele">Seleccione Tipo de Cuenta</option>
+                      <FormControl id="producto" componentClass="select" placeholder="select" value={this.state.producto} onChange={this.getProd.bind(this)}>
+                        <option value="sele">
+                          Seleccione Tipo de Cuenta
+                        </option>
                         <option value="Cuenta Corriente">
                           Cuenta Corriente
                         </option>
@@ -207,81 +172,42 @@ class CuentaDestino extends Component {
                     </FormGroup>
                     <FormGroup className="izquierda">
                       <ControlLabel>N° de Cuenta</ControlLabel>
-                      <FormControl
-                        id="cuenta"
-                        type="number"
-                        placeholder="Ingresa cuenta"
-                        value={this.state.cuenta}
-                        onChange={this.getCuenta.bind(this)}
-                      />
+                      <FormControl id="cuenta" type="number" placeholder="Ingresa cuenta" value={this.state.cuenta} onChange={this.getCuenta.bind(this)} />
                     </FormGroup>
                     <FormGroup className="izquierda">
                       <ControlLabel>Rut</ControlLabel>
-                      <FormControl
-                        id="rut"
-                        type="number"
-                        placeholder="111111111"
-                        value={this.state.rut}
-                        onChange={this.getRut.bind(this)}
-                      />
+                      <FormControl id="rut" type="number" placeholder="111111111" value={this.state.rut} onChange={this.getRut.bind(this)} />
                     </FormGroup>
                     <FormGroup className="izquierda">
                       <ControlLabel>Nombre</ControlLabel>
-                      <FormControl
-                        id="nombre"
-                        type="text"
-                        placeholder="Ingrese Nombre"
-                        value={this.state.nombre}
-                        onChange={this.getNombre.bind(this)}
-                      />
+                      <FormControl id="nombre" type="text" placeholder="Ingrese Nombre" value={this.state.nombre} onChange={this.getNombre.bind(this)} />
                     </FormGroup>
                     <FormGroup className="izquierda">
                       <ControlLabel>Email</ControlLabel>
-                      <FormControl
-                        id="mail"
-                        type="email"
-                        placeholder="asd@asd.cl"
-                        value={this.state.mail}
-                        onChange={this.getMail.bind(this)}
-                      />
+                      <FormControl id="mail" type="email" placeholder="asd@asd.cl" value={this.state.mail} onChange={this.getMail.bind(this)} />
                     </FormGroup>
                     <FormGroup className="izquierda">
                       <ControlLabel>Asunto</ControlLabel>
-                      <FormControl
-                        id="asunto"
-                        type="text"
-                        placeholder="Dinero para pan"
-                        value={this.state.asunto}
-                        onChange={this.getAsunto.bind(this)}
-                      />
+                      <FormControl id="asunto" type="text" placeholder="Dinero para pan" value={this.state.asunto} onChange={this.getAsunto.bind(this)} />
                     </FormGroup>
-                    <Button bsStyle="warning"
-                      className="btn-ctanueva"
-                      type="button"
-                      onClick={this.submit.bind(this)}
-                    >
-                      Guardar
-                    </Button>
-                    <Button bsStyle="warning" bsSize="large" block type="submit" onClick={() => this.setState({ show: true })}
-                    >
-                      Transferir
-                    </Button>
+                    <input
+                      type="button" className="btn-ctanueva" type="button" value="Guardar" onClick={this.submit.bind(this)}/>
+                     
+                    <input id="btnTransferir2" block type="submit" value="Transferir" onClick={() => this.setState(
+                          { show: true }
+                        )}/>
                     <div className="modal-container">
-                      <Modal
-                        show={this.state.show}
-                        onHide={this.handleHide}
-                        container={this}
-                        aria-labelledby="contained-modal-title"
-                      >
+                      <Modal show={this.state.show} onHide={this.handleHide} container={this} aria-labelledby="contained-modal-title">
                         <Modal.Header closeButton>
                           <Modal.Title id="contained-modal-title">
-                            Transferencia  <h6>{localStorage.getItem('nombre')}</h6>
+                            Transferencia <h6>
+                              {localStorage.getItem("nombre")}
+                            </h6>
                           </Modal.Title>
                         </Modal.Header>
                         <Modal.Body>
                           <Row>
                             <Col xs={12} md={12}>
-
                               <div className="cuentasBox">
                                 <Table responsive>
                                   <thead>
@@ -292,40 +218,94 @@ class CuentaDestino extends Component {
                                   </thead>
                                   <tbody>
                                     <tr>
-                                      <td><b>Banco</b></td>
-                                      <td><h6>Banco Estado</h6></td>
-                                      <td><strong>Banco</strong></td>
-                                      <td><h6>{this.state.banco}</h6></td>
+                                      <td>
+                                        <b>Banco</b>
+                                      </td>
+                                      <td>
+                                        <h6>Banco Estado</h6>
+                                      </td>
+                                      <td>
+                                        <strong>Banco</strong>
+                                      </td>
+                                      <td>
+                                        <h6>{this.state.banco}</h6>
+                                      </td>
                                     </tr>
                                     <tr>
-                                      <td><b>Producto:</b></td>
-                                      <td><h6>Cuenta Rut</h6></td>
-                                      <td><b>Producto:</b></td>
-                                      <td><h6>{this.state.producto}</h6></td>
+                                      <td>
+                                        <b>Producto:</b>
+                                      </td>
+                                      <td>
+                                        <h6>Cuenta Rut</h6>
+                                      </td>
+                                      <td>
+                                        <b>Producto:</b>
+                                      </td>
+                                      <td>
+                                        <h6>{this.state.producto}</h6>
+                                      </td>
                                     </tr>
                                     <tr>
-                                      <td><b>Rut</b></td>
-                                      <td><h6>{localStorage.getItem('rut')}</h6></td>
-                                      <td><b>Rut</b></td>
-                                      <td><h6>{this.state.rut}</h6></td>
+                                      <td>
+                                        <b>Rut</b>
+                                      </td>
+                                      <td>
+                                        <h6>
+                                          {localStorage.getItem("rut")}
+                                        </h6>
+                                      </td>
+                                      <td>
+                                        <b>Rut</b>
+                                      </td>
+                                      <td>
+                                        <h6>{this.state.rut}</h6>
+                                      </td>
                                     </tr>
                                     <tr>
-                                      <td><b>Nombre</b></td>
-                                      <td><h6>{localStorage.getItem('nombre')}</h6></td>
-                                      <td><b>Nombre</b></td>
-                                      <td><h6>{this.state.nombre}</h6></td>
+                                      <td>
+                                        <b>Nombre</b>
+                                      </td>
+                                      <td>
+                                        <h6>
+                                          {localStorage.getItem("nombre")}
+                                        </h6>
+                                      </td>
+                                      <td>
+                                        <b>Nombre</b>
+                                      </td>
+                                      <td>
+                                        <h6>{this.state.nombre}</h6>
+                                      </td>
                                     </tr>
                                     <tr>
-                                      <td><b>Mail</b></td>
-                                      <td><h6>{localStorage.getItem('nombre')}@gmail.com</h6></td>
-                                      <td><b>Mail</b></td>
-                                      <td><h6>{this.state.mail}</h6></td>
+                                      <td>
+                                        <b>Mail</b>
+                                      </td>
+                                      <td>
+                                        <h6>
+                                          {localStorage.getItem("nombre")}@gmail.com
+                                        </h6>
+                                      </td>
+                                      <td>
+                                        <b>Mail</b>
+                                      </td>
+                                      <td>
+                                        <h6>{this.state.mail}</h6>
+                                      </td>
                                     </tr>
                                     <tr>
-                                      <td><b>Asunto</b></td>
-                                      <td><h6>{this.state.asunto}</h6></td>
-                                      <td><b>Asunto</b></td>
-                                      <td><h6>{this.state.asunto}</h6></td>
+                                      <td>
+                                        <b>Asunto</b>
+                                      </td>
+                                      <td>
+                                        <h6>{this.state.asunto}</h6>
+                                      </td>
+                                      <td>
+                                        <b>Asunto</b>
+                                      </td>
+                                      <td>
+                                        <h6>{this.state.asunto}</h6>
+                                      </td>
                                     </tr>
                                   </tbody>
                                 </Table>
@@ -334,10 +314,17 @@ class CuentaDestino extends Component {
                           </Row>
                         </Modal.Body>
                         <Modal.Footer>
-                          <Button bsStyle="warning" onClick={this.handleHide}>Atras</Button>
-                          <Button bsStyle="warning" onClick={this.handleHide}>Cancelar </Button>
-                          <Button bsStyle="warning" type="submit" onClick={() => this.setState({ show: true })}
-                              >Guardar y Trasferir</Button>
+                          <Button bsStyle="warning" onClick={this.handleHide}>
+                            Atras
+                          </Button>
+                          <Button bsStyle="warning" onClick={this.handleHide}>
+                            Cancelar{" "}
+                          </Button>
+                          <Button bsStyle="warning" type="submit" onClick={() => this.setState(
+                                { show: true }
+                              )}>
+                            Guardar y Trasferir
+                          </Button>
                         </Modal.Footer>
                       </Modal>
                     </div>
@@ -347,8 +334,7 @@ class CuentaDestino extends Component {
             </Grid>
           </div>
         </div>
-      </div>
-    );
+      </div>;
   }
 
   getBanco(event) {
diff --git a/src/components/Transferencia/CuentaDestino/style.css b/src/components/Transferencia/CuentaDestino/style.css
index b6a8173..2999cb8 100644
--- a/src/components/Transferencia/CuentaDestino/style.css
+++ b/src/components/Transferencia/CuentaDestino/style.css
@@ -111,10 +111,15 @@
 }
 
 .btn-ctanueva {
-  background-color: #f49600;
-  color: #fff;
+  border-radius: 25px;
   border: none;
+  background-color: #F49600;
+  color: #fff;
+  height: 55px;
   width: 100%;
+  font-size: 20px;
+  font-weight: 500;
+  margin-top: 5px;
 }
 
 .btn-transferir {
@@ -123,7 +128,19 @@
   border: none;
   width: 100%;
 }
-/* .show-grid{
-  margin: .4em;
-  border: .5px solid  gray;
-} */
+
+#ctaDestino {
+  height: 100vh;
+}
+
+#btnTransferir2 {
+  border-radius: 25px;
+  border: none;
+  background-color: #F49600;
+  color: #fff;
+  height: 55px;
+  width: 100%;
+  font-size: 20px;
+  font-weight: 500;
+  margin-top: 5px;
+}
\ No newline at end of file
diff --git a/src/components/Transferencia/CuentaOrigen/index.js b/src/components/Transferencia/CuentaOrigen/index.js
index fb62f3d..1070fbc 100644
--- a/src/components/Transferencia/CuentaOrigen/index.js
+++ b/src/components/Transferencia/CuentaOrigen/index.js
@@ -29,7 +29,7 @@ console.log(rut )
   }
   render() {
     const  {data} =this.props;
-    return <div>
+    return <div id="transf-ctaOrigen">
         <div className="container up">
           <div className="row">
             <h4>Transferencia</h4>
@@ -60,8 +60,8 @@ console.log(rut )
             </Col>
           </Row>
         </Grid>
-        {this.state.isToggleOn ? 'ON' : this.renderState()}
-      </div>
+        {this.state.isToggleOn ? "ON" : this.renderState()}
+      </div>;
   }
 }
 
diff --git a/src/components/Transferencia/CuentaOrigen/style.css b/src/components/Transferencia/CuentaOrigen/style.css
index 61259bd..6498e46 100644
--- a/src/components/Transferencia/CuentaOrigen/style.css
+++ b/src/components/Transferencia/CuentaOrigen/style.css
@@ -43,7 +43,8 @@
   width: 35px;
   background-color: #afafb3;
   padding: 8px;
-  margin-right: 7px;
+  margin-right: 0px;
+  margin-left: 6px;
 }
 
 .medio {
@@ -55,9 +56,14 @@
   margin-left: -15px;
 }
 
+#transf-ctaOrigen {
+  height: 100vh;
+}
+
 .cuentasOrigen {
   border: 1px solid #eee;
   padding: 20px;
+  margin-bottom: 35em;
 }
 
 .chevron {
diff --git a/src/components/User/index.js b/src/components/User/index.js
index 18b8192..5fe5f3e 100644
--- a/src/components/User/index.js
+++ b/src/components/User/index.js
@@ -4,7 +4,7 @@ import { Navbar, Form, FormGroup, ControlLabel, FormControl, Button } from 'reac
 import PropTypes from 'prop-types';
 import $ from 'jquery';
 import logo from './../../img/banco estado.png';
-// import './style.css';
+import './style.css';
 
 // Inicio el componente de clase
 class User extends Component {
@@ -50,29 +50,27 @@ class User extends Component {
     }
     // Aquí se renderiza el navbar
     render() {
-        return (
-            <Navbar className='nav-bar' >
-                <Navbar.Header>
-                    <Navbar.Brand className='logo'>
-                        <a href="index.html"><img height={50} src={logo} alt={''} /></a>
-                    </Navbar.Brand>
-                    <Navbar.Toggle />
-                </Navbar.Header>
-                <Navbar.Collapse className='container-form'>
-                    <Navbar.Form className='form-search'>
-                        <Form onSubmit={this.handleSubmit}>
-                            <FormGroup >
-                                <ControlLabel>Rut usuario</ControlLabel>{' '}
-                                <FormControl type="text" value={this.state.value} onChange={this.handleChange} placeholder="12-345678-9" />
-                                <ControlLabel>Clave</ControlLabel>{' '}
-                                <FormControl type="password" placeholder=" "  value={this.state.val} onChange={this.handleChange}/>
-                                <Button type="submit" bsStyle='success' id="signIn">Ingresar</Button>
-                            </FormGroup>{' '}
-                        </Form>
-                    </Navbar.Form>
-                </Navbar.Collapse>
-            </Navbar>
-        )
+        return <Navbar className="nav-bar">
+            <Navbar.Header>
+              <Navbar.Brand className="logo">
+                <a href="index.html">
+                  <img height={50} src={logo} alt={""} id="logo"/>
+                </a>
+              </Navbar.Brand>
+              <Navbar.Toggle />
+            </Navbar.Header>
+            <Navbar.Collapse className="container-form">
+              <Navbar.Form className="form-search">
+                <Form onSubmit={this.handleSubmit}>
+                  <FormGroup>
+                    <ControlLabel>Rut usuario</ControlLabel> <FormControl type="text" value={this.state.value} onChange={this.handleChange} placeholder="12-345678-9" />
+                    <ControlLabel>Clave</ControlLabel> <FormControl type="password" placeholder=" " value={this.state.val} onChange={this.handleChange} />
+                    <input type="submit" id="signIn" value="Ingresar" />
+                  </FormGroup>{" "}
+                </Form>
+              </Navbar.Form>
+            </Navbar.Collapse>
+          </Navbar>;
     }
 }
 
diff --git a/src/components/UserList/index.js b/src/components/UserList/index.js
index 30a0ad6..a1f9e3e 100644
--- a/src/components/UserList/index.js
+++ b/src/components/UserList/index.js
@@ -3,13 +3,11 @@ import { Col } from "react-bootstrap";
 import Cuentas from '../Cuentas';
 
 const UserList = ({data}) => {
-  return(
-    <Col xs={12} md={12}>
+  return <Col xs={12} md={12}>
       <h3>Bienvenid@:{data.nombre}</h3>
-          <div className="cuentasBox">
-              <Cuentas/>
-              </div>
-     </Col>
-  )
+      <div className="cuentasBox">
+        <Cuentas />
+      </div>
+    </Col>;
 }
   export default UserList;