/*TIPOGRAFIAS*/
@font-face {
   font-family: 'Axis';
   src: url('axis-webfont.eot');
   src: url('axis-webfont.woff2') format('woff2'),
   url('axis-webfont.woff') format('woff'),
   url('axis-webfont.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
}

@import url(https://fonts.googleapis.com/css?family=Roboto);

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300);

/*PAGINA*/
* {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

.smooth-effect, .contacto {
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.smooth-effect, .nosotros {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.smooth-effect, .ayudar {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.contenedor-rojo {
    width: 100%;
    height: 400px;
    background-color: #ef4437;
    display: inline-block;
}

.logo {
    width: 59%;
    margin: 0 auto;
    margin-top: 65px;
}

.logo img {
	width: 100%;
}

.contenedor-imagen-celular {
    width: 27%;
    display: inline-block;
    margin-left: 43px;
    height: 500px;
    margin-bottom: -4px;
}

.contenedor-imagen-celular img {
    width: 84%;
    bottom: 0px;
}

.texto-app {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    margin-top: 80px;
    float: right;
    width: 55%;
    line-height: 37px;
    font-size: 17px;
}

.texto-ademas {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 17px;
    margin-top: 25px;
    width: 100%;
    line-height: 25px;
    text-align: center;
}

.contenedor-imagen-vistas {
    width: 38%;
    margin-top: 53px;
    margin: 0 auto;
}

.contenedor-imagen-vistas img {
    width: 100%;
}

.contenedor-pagina-blanco {
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    background-color: #ffffff;
}

.contenedor-pagina-gris {
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    background-color: #f1f2f2;
}

.fondo-gris {
    width: 100%;
    background-color: #f1f2f2;
    display: inline-block;
    position: relative;
    height: 740px;
}

.fondo-blanco {
    width: 100%;
    background-color: #ffffff;
    display: inline-block;
    position: relative;
    padding: 0px 0px 70px 0px;
} 

.contenedor-nombre-mail-asunto {
    float: left;
    margin-left: 1rem;
    display: inline-block;
}

.nombre-mail-asunto {
    background-color: #ffffff;
    width: 458px;
    height: 90px;
    margin-top: 35px;
    padding: 14px;
    display: block;
    border: none;
    font-family: 'Open Sans', sans-serif;
}

.contenedor-mensaje {
    float: right;
    display: inline-block;
    width: 515px;
    height: 340px;
    margin-top: 35px;
    margin-right: 1rem;
    background-color: #ffffff;
    padding: 35px;
    border: none;
    font-family: 'Open Sans', sans-serif;
}

.contenedor-enviar {
    float: right;
    display: inline-block;
    background-color: #00add0;
    width: 605px;
    height: 60px;
    margin-top: 35px;
}

.no-padding-bottom {
    padding-bottom: 0px;
} 

.contenedor-pagina2 {
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.titulos-de-seccion {
    font-family: 'Axis';
    font-size: 50px;
    text-align: center;
    margin-top: 73px;
    margin-bottom: 30px;
}

.fondo-gris-2 {
    width: 100%;
    background-color: #f1f2f2;
    display: inline-block;
    position: relative;
    height: 670px;
}

.contenedor-enviar:hover {
    background-color: #05bfd8;  
}

.texto-nombre-mail-asunto-mensaje-enviar {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 18px;
    margin-top: 25px;
    margin-left: 20px;
    display: inline-block;
}

.centrar {
    text-align: center;
    margin:0 auto;
    display: block;
    margin-top: 19px;
}

.texto-blanco {
    color: #ffffff;
}

.fondo-negro {
    width: 100%;
    background-color: #414042;
    display: inline-block;
    height: 100px;
}

.datos-footer {
    float: left;
    margin-top: 14px;
}

.texto-datos-footer {
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    color: #ffffff;
    font-size: 14px;
    margin-top: 4px;
    margin-left: 20px;
}

.texto-ayudar {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    margin-top: 125px;
    float: right;
    width: 55%;
    line-height: 37px;
    font-size: 17px;
}

.contenedor-nombre-mail-asunto {
    float: left;
    width: 516px;
    display: inline-block;
}

.nombre-mail-asunto {
    background-color: #ffffff;
    width: 500px;
    height: 90px;
    margin-top: 35px;
    padding: 14px;
    display: block;
    border: none;
    font-family: 'Open Sans', sans-serif;
}

.contenedor-mensaje {
    float: right;
    display: inline-block;
    width: 592px;
    height: 340px;
    margin-top: 35px;
    background-color: #ffffff;
    padding: 35px;
    border: none;
    font-family: 'Open Sans', sans-serif;
}

.app {
    width: 16%;
    margin: 0 auto;
    margin-top: 70px;
}

.app img {
    width: 100%;
}

@media (max-width: 1024px) {

.texto-ayudar {
    margin-top: 75px;
    margin-right: 60px;
}

.contenedor-imagen-celular {
    margin-left: 123px;
}

.fondo-gris {
    height: 687px;
}

.texto-ademas {
    width: 70%;
    margin: 0 auto;
}

.contenedor-nombre-mail-asunto {
    margin-left: 1rem;
}

.nombre-mail-asunto {
    width: 458px;
}

.contenedor-mensaje {
    width: 476px;
    margin-right: 1rem;
}

.contenedor-enviar {
    width: 476px;
    margin-right: 1rem;
}