/* Formulario de Contacto */

@media only screen and (max-width: 1500px) {
    #form-contacto1 {
        max-width: 350px;
    }
}

@media only screen and (max-width: 1300px) {
    #form-contacto1 {
        max-width: 300px;
    }
}

@media only screen and (max-width: 1100px) {
    #form-contacto1 {
        max-width: 250px;
    }
}


/* Fin */


/* -------------------------------- */


/* Responsive Width */

@media only screen and (max-width: 1592px) {
    /* Barra azul */
    .distribuidor_texto {
        font-size: 14px;
        width: 300px;
    }
    .distribuidor_img {
        height: 40px;
        padding-top: 7px;
    }
    /* Barra Menu */
    .menu-text a {
        font-size: 12px;
    }
    /* Body Primer Bloque */
    .bloque1 {
        height: 110vh;
    }
    .img1 {
        height: 110vh;
    }
    .distribuidor {
        font-size: 20px;
    }
    .somos {
        font-size: 70px;
    }
    .soluciones {
        font-size: 30px;
    }
    .botones {
        padding-left: 6%;
    }
    /* Formulario de Contacto*/
    #form-contacto1 {
        max-width: 310px;
    }
    /* Body Tercer Bloque */
    .body2 {
        display: block;
        height: 135vh;
    }
    .titulobody2 {
        font-size: 50px;
        margin-right: 0px;
    }
    .media123 {
        margin: auto;
    }
    /*Body Cuarto Bloque */
    .body3 {
        height: 120vh;
    }
    .titulobody3 {
        font-size: 42px;
    }
    /* Body Quinto Bloque */
    .body4 {
        margin: auto;
        background-color: #ffffff;
        width: 80%;
        height: 230vh;
        margin-top: 40px;
    }
    .titulobody4 {
        font-size: 42px;
    }
    .barredoras {
        padding-top: 80px;
    }
    #b1 {
        padding-right: 20%;
        height: 300px;
    }
    #b2 {
        height: 300px;
    }
    /* Body Sexto Bloque */
    .body5 {
        height: 100vh;
    }
    .carrusel3 {
        padding-top: 100px;
    }
    /* Body Septimo Bloque */
    .body6 {
        background-size: 400px;
    }
    #titulobody6 {
        font-size: 30px;
    }
    #logo2 {
        width: 400px;
        height: 161px;
    }
    .contacto2 {
        margin: auto;
        width: 80%;
        height: 130vh;
        margin-top: 100px;
    }
    .footer {
        width: 100%;
        height: 40vh;
        background-color: #236a82;
    }
}

@media only screen and (max-width: 1010px) {
    /* Barra azul */
    .distribuidor_texto {
        font-size: 14px;
        width: 300px;
    }
    .distribuidor_img {
        height: 40px;
        padding-top: 7px;
    }
    /* Barra Menu */
    .menu-text a {
        font-size: 12px;
    }
    /* Body Primer Bloque */
    .bloque1 {
        height: 80vh;
    }
    .img1 {
        height: 80vh;
    }
    .distribuidor {
        font-size: 20px;
    }
    .somos {
        font-size: 70px;
    }
    .soluciones {
        font-size: 30px;
    }
    .botones {
        padding-left: 6%;
    }
    /* Formulario de Contacto*/
    #form-contacto1 {
        max-width: 230px;
    }
    /* Body Tercer Bloque */
    .body2 {
        display: block;
        height: 100vh;
    }
    .titulobody2 {
        font-size: 50px;
        margin-right: 0px;
    }
    .media123 {
        margin: auto;
    }
    /*Body Cuarto Bloque */
    .body3 {
        height: 75vh;
    }
    .titulobody3 {
        font-size: 42px;
    }
    /* Body Quinto Bloque */
    .titulobody4 {
        font-size: 42px;
    }
    .barredoras {
        padding-top: 80px;
    }
    #b1 {
        padding-right: 20%;
        height: 300px;
    }
    #b2 {
        height: 300px;
    }
    /* Body Sexto Bloque */
    .body5 {
        height: 60vh;
    }
    .carrusel3 {
        padding-top: 100px;
    }
    /* Body Septimo Bloque */
    .body6 {
        background-size: 400px;
    }
    #titulobody6 {
        font-size: 30px;
    }
    #logo2 {
        width: 400px;
        height: 161px;
    }
}

@media only screen and (max-width: 855px) {
    /* Barra azul */
    .distribuidor_texto {
        padding-left: 0px;
    }
    /* Barra Menu */
    .menu-text a {
        font-size: 10px;
    }
    /* Body Primer Bloque */
    .bloque1 {
        height: 70vh;
    }
    .img1 {
        height: 70vh;
    }
    .distribuidor {
        font-size: 20px;
    }
    .titulo {
        padding-left: 5%;
    }
    .somos {
        font-size: 60px;
    }
    .soluciones {
        font-size: 25px;
    }
    .botones {
        padding-left: 3%;
    }
    /* Formulario de Contacto*/
    .contacto {
        font-family: quicksand, sans-serif;
        font-weight: bolder;
        font-size: 20px;
        color: #ffffff;
        margin: 0 auto;
        width: 30%;
        text-align: center;
        margin-top: 30px;
    }
    .clearform_div {
        height: 1px;
    }
    #form-contacto1 {
        margin: auto;
        max-width: 200px;
        padding-top: 20px;
        align-items: center;
    }
    .nombre1 {
        text-align: left;
        height: 30px;
        color: #ffffff;
        width: 100%;
        background: #498ea6;
        border: 1px solid #8be2ff;
        font-size: 14px;
    }
    .email1 {
        text-align: left;
        height: 30px;
        color: #ffffff;
        width: 100%;
        background: #498ea6;
        border: 1px solid #8be2ff;
        font-size: 14px;
    }
    .phone1 {
        text-align: left;
        height: 30px;
        color: #ffffff;
        width: 100%;
        background: #498ea6;
        border: 1px solid #8be2ff;
        font-size: 14px;
    }
    .mensaje1 {
        text-align: left;
        height: 130px;
        color: #ffffff;
        width: 100%;
        background: #498ea6;
        border: 1px solid #8be2ff;
        font-size: 14px;
        margin-bottom: 50px;
    }
    .envio1 {
        color: #ffffff;
        background-color: #1fa870;
        border: 1px solid #3370b7;
        cursor: pointer;
        text-align: center;
        width: 100%;
        height: 40px;
        font-size: 14px;
    }
    /* Body Tercer Bloque */
    .body2 {
        display: block;
        height: 100vh;
    }
    .titulobody2 {
        font-size: 50px;
        margin-right: 0px;
    }
    .media123 {
        margin: auto;
    }
    /*Body Cuarto Bloque */
    .body3 {
        height: 75vh;
    }
    .titulobody3 {
        font-size: 42px;
    }
    /* Body Quinto Bloque */
    .body4 {
        margin: auto;
        background-color: #ffffff;
        width: 80%;
        height: 160vh;
        margin-top: 40px;
    }
    .titulobody4 {
        font-size: 42px;
    }
    .barredoras {
        padding-top: 80px;
    }
    #b1 {
        padding-right: 20%;
        height: 200px;
    }
    #b2 {
        height: 200px;
    }
    .barredorastitles {
        font-size: 12px;
        margin-bottom: 15px;
    }
    .textobloque3 {
        text-align: left;
        font-family: quicksand, sans-serif;
        color: #666666;
        font-size: 18px;
        font-weight: 500;
        margin-top: 50px;
        margin-right: 50px;
    }
    #imagenbloque3 {
        padding-right: 0%;
    }
    /* Body Sexto Bloque */
    .body5 {
        height: 50vh;
    }
    .carrusel3 {
        padding-top: 100px;
    }
    /* Body Septimo Bloque */
    .body6 {
        background-size: 300px;
    }
    #titulobody6 {
        font-size: 30px;
    }
    #logo2 {
        width: 400px;
        height: 161px;
    }
}

@media only screen and (max-width: 810px) {
    body {
        background-color: #ffffff;
        width: 100%;
    }
    /* Header */
    .principal-header {
        display: inline-block;
        width: 810px;
        columns: 3;
        align-items: center;
    }
    .header-p2 {
        display: none;
    }
    /* Logo (Left Side) */
    .principal-logo {
        text-align: center;
        width: none;
        background-color: rgb(255, 255, 255);
        margin-left: none;
    }
    .img-logo {
        height: 100px;
        width: 240px;
    }
    .menu-icon {
        padding-top: 30px;
        display: flex;
        float: left;
    }
    .pngicon {
        cursor: pointer;
    }
    .phone-icon {
        padding-top: 30px;
        display: flex;
        float: right;
    }
    .phoneicon {
        cursor: pointer;
        width: 50px;
    }
    .back {
        cursor: pointer;
    }
    /* Body Primer Bloque */
    .bloque1 {
        display: block;
        height: 144vh;
        background-color: #37a4c8;
    }
    .img1 {
        width: 100%;
    }
    .distribuidor {
        font-family: Quicksand, sans-serif;
        color: #ffffff;
        font-size: 20px;
    }
    .clearform_div {
        height: 1px;
    }
    .somos {
        font-size: 80px;
    }
    .soluciones {
        font-size: 35px;
    }
    .botones {
        padding-top: 40px;
        padding-left: 7%;
        width: 500px;
    }
    /* Formulario de Contacto*/
    .contacto {
        font-family: quicksand, sans-serif;
        font-weight: bolder;
        font-size: 20px;
        color: #ffffff;
        margin: 0 auto;
        width: 100%;
        text-align: center;
        margin-top: 50px;
        height: 110vh;
    }
    .clearform_div {
        height: 1px;
    }
    #form-contacto1 {
        margin: auto;
        max-width: 650px;
        padding-top: 20px;
        align-items: center;
    }
    .nombre1 {
        text-align: left;
        height: 40px;
        color: #ffffff;
        width: 100%;
        background: #498ea6;
        border: 1px solid #8be2ff;
        font-size: 16px;
    }
    .email1 {
        text-align: left;
        height: 40px;
        color: #ffffff;
        width: 100%;
        background: #498ea6;
        border: 1px solid #8be2ff;
        font-size: 16px;
    }
    .phone1 {
        text-align: left;
        height: 40px;
        color: #ffffff;
        width: 100%;
        background: #498ea6;
        border: 1px solid #8be2ff;
        font-size: 16px;
    }
    .mensaje1 {
        text-align: left;
        height: 150px;
        color: #ffffff;
        width: 100%;
        background: #498ea6;
        border: 1px solid #8be2ff;
        font-size: 16px;
        margin-bottom: 50px;
    }
    .envio1 {
        color: #ffffff;
        background-color: #1fa870;
        border: 1px solid #3370b7;
        cursor: pointer;
        text-align: center;
        width: 100%;
        height: 50px;
        font-size: 16px;
    }
    /* Body Segundo Bloque */
    .body1 {
        display: block;
        max-width: 100%;
        height: 100vh;
        margin-left: 0%;
        margin-right: 0%;
        margin-top: 0px;
    }
    .media191 {
        display: block;
        align-items: center;
        margin-left: 25%;
        margin-right: 25%;
        margin-bottom: 30px;
    }
    .cleardiv-body1 {
        height: 20px;
    }
    .cleardiv-body2 {
        height: 40px;
    }
    .textosbody {
        padding-left: 60px;
        padding-right: 60px;
    }
    .boldtext {
        font-weight: bolder;
        font-size: 16px;
        color: #214876;
    }
    /* Body Tercer Bloque */
    .body2 {
        background-color: transparent;
        display: block;
        padding-top: 0px;
        height: 90vh;
    }
    .titulobody2 {
        text-align: center;
        font-size: 50px;
        height: 180px;
    }
    .titulobody2 {
        border-top: 2px solid #214876;
        border-bottom: 2px solid #214876;
    }
    .media123 {
        padding-top: 20px;
        width: 500px;
    }
    /*Body Cuarto Bloque */
    .body3 {
        background-color: #37a4c8;
        width: 100%;
        height: 65vh;
    }
    .titulobody3 {
        font-family: Poiret One, sans-serif;
        font-weight: bold;
        font-size: 45px;
        color: #ffffff;
        padding-top: 40px;
    }
    /* Body Quinto Bloque */
    .body4 {
        background-color: #ffffff;
        width: 80%;
        height: 160vh;
    }
    .barredoras {
        padding-top: 80px;
        padding-left: 27%;
    }
    .barredoras {
        display: none;
    }
    .line2 {
        display: none;
    }
    #line2 {
        display: none;
    }
    .barredorastitles {
        display: none;
    }
    .carrusel2 {
        display: block;
        background-color: #ffff;
        margin-top: 60px;
    }
    .controlc2 {
        margin-left: 20%;
        margin-right: 20%;
    }
    .bloque3 {
        display: flex;
        padding-top: 40px;
    }
    #textobloque3 {
        font-size: 20px;
        font-weight: 500;
        margin-top: 50px;
        margin-left: 10%;
        margin-right: 10%;
    }
    #textobloque3 a {
        text-align: center;
        margin-left: 0%;
        margin-right: 0%;
    }
    #imagenbloque3 {
        padding-top: 60px;
        width: 250px;
    }
    .carrusel3 {
        display: none;
    }
    /* Body Sexto Bloque */
    .body5 {
        background-image: url(http://www.highprecisionsupply.com/landing/media/707.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        height: 50vh;
        width: 100%;
    }
    .carrusel3 {
        padding-top: 100px;
        display: block;
    }
    .carrusel4 {
        display: none;
    }
    /* Body Septimo Bloque */
    .body6 {
        display: inline-flexbox;
        margin: auto;
        height: 65vh;
        width: 80%;
        background-color: #ffffff;
        padding-top: 100px;
        background-image: url(http://www.highprecisionsupply.com/landing/media/752.jpg);
        background-repeat: no-repeat;
        background-position: right;
        background-size: cover;
        background-size: 350px;
        margin-top: 50px;
    }
    #titulobody6 {
        display: inline-flex;
        font-family: Poiret One, sans-serif;
        font-weight: bold;
        font-size: 30px;
        color: #214876;
        border-left: 3px solid #181717;
        margin-right: 50%;
        text-align: left;
    }
    #logo2 {
        display: block;
        text-align: left;
        width: 300px;
        height: 130px;
        padding-top: 30px;
    }
    #img752 {
        width: 600px;
    }
    #enlace {
        text-align: left;
        display: block;
        padding-top: 30px;
        font-family: quicksand, sans-serif;
        font-size: 15px;
        font-weight: bold;
    }
    /* Contacto 2 */
    .contacto2 {
        margin: auto;
        width: 80%;
        height: 90vh;
        margin-top: 100px;
    }
    .contacto2-titulo {
        margin: auto;
        text-align: center;
        font-family: Poiret One;
        font-weight: bold;
        color: #003562;
        font-size: 25px;
        border-bottom: 2px solid #003562;
        width: 300px;
    }
    #form-contacto2 {
        margin: auto;
        width: 650px;
        padding-top: 20px;
        align-items: center;
    }
    .formulario {
        text-align: center;
        font-family: quicksand, sans-serif;
    }
    .nombre {
        margin: auto;
        color: #202020;
        width: 100%;
        height: 40px;
        background: #e7e7e7;
        border: 1px solid #666666;
    }
    .email {
        margin: auto;
        color: #202020;
        width: 100%;
        height: 40px;
        background: #e7e7e7;
        border: 1px solid #666666;
    }
    .phone {
        margin: auto;
        color: #202020;
        width: 100%;
        height: 40px;
        background: #e7e7e7;
        border: 1px solid #666666;
    }
    .mensaje {
        margin: auto;
        color: #202020;
        width: 100%;
        height: 150px;
        background: #e7e7e7;
        border: 1px solid #666666;
    }
    .enviar {
        margin: auto;
        margin-top: 50px;
        color: #202020;
        width: 100%;
        height: 50px;
        background: #d3d3d3;
        border: 1px solid #666666;
        cursor: pointer;
    }
    .direccion {
        display: block;
        margin: auto;
        padding-top: 30px;
        text-align: center;
        font-size: 16px;
        color: #003562;
        width: 480px;
    }
    #calle {
        display: block;
        margin-bottom: 20px;
    }
    #dir-tel {
        display: block;
        margin-bottom: 20px;
    }
    #correo {
        display: block;
    }
    /* foot */
    .footer {
        width: 100%;
        height: 30vh;
        background-color: #236a82;
    }
    #aceptamos {
        font-family: quicksand, sans-serif;
        font-size: 16px;
        color: #ffffff;
    }
    .emptyfootdiv {
        height: 30px;
        width: 100%;
    }
    .iconos {
        align-items: center;
        text-align: center;
        width: 100%;
        margin-bottom: 30px;
        margin-top: 30px;
    }
    #mastercard {
        height: 55px;
        padding-right: 15px;
        cursor: pointer;
    }
    #deposito {
        height: 55px;
        padding-right: 15px;
        cursor: pointer;
    }
    #cheque {
        height: 55px;
        cursor: pointer;
    }
    #foot-text {
        color: #ffffff;
    }
}

@media only screen and (max-width: 800px) {
    body {
        background-color: #ffffff;
        width: 100%;
    }
    /* Header */
    .principal-header {
        display: inline-block;
        width: 810px;
        columns: 3;
        align-items: center;
    }
    .header-p2 {
        display: none;
    }
    /* Logo (Left Side) */
    .principal-logo {
        text-align: center;
        width: none;
        background-color: rgb(255, 255, 255);
        margin-left: none;
    }
    .img-logo {
        height: 100px;
        width: 240px;
    }
    .menu-icon {
        padding-top: 30px;
        display: flex;
        float: left;
    }
    .pngicon {
        cursor: pointer;
    }
    .phone-icon {
        padding-top: 30px;
        display: flex;
        float: right;
    }
    .phoneicon {
        cursor: pointer;
        width: 50px;
    }
    .back {
        cursor: pointer;
    }
    /* Body Primer Bloque */
    .bloque1 {
        display: block;
        height: 130vh;
        background-color: #37a4c8;
    }
    .img1 {
        width: 100%;
    }
    .distribuidor {
        font-family: Quicksand, sans-serif;
        color: #ffffff;
        font-size: 20px;
    }
    .clearform_div {
        height: 1px;
    }
    .somos {
        font-size: 80px;
    }
    .soluciones {
        font-size: 35px;
    }
    .botones {
        padding-top: 40px;
        padding-left: 7%;
        width: 500px;
    }
    /* Formulario de Contacto*/
    .contacto {
        font-family: quicksand, sans-serif;
        font-weight: bolder;
        font-size: 20px;
        color: #ffffff;
        margin: 0 auto;
        width: 100%;
        text-align: center;
        margin-top: 50px;
        height: 110vh;
    }
    .clearform_div {
        height: 1px;
    }
    #form-contacto1 {
        margin: auto;
        max-width: 650px;
        padding-top: 20px;
        align-items: center;
    }
    .nombre1 {
        text-align: left;
        height: 40px;
        color: #ffffff;
        width: 100%;
        background: #498ea6;
        border: 1px solid #8be2ff;
        font-size: 16px;
    }
    .email1 {
        text-align: left;
        height: 40px;
        color: #ffffff;
        width: 100%;
        background: #498ea6;
        border: 1px solid #8be2ff;
        font-size: 16px;
    }
    .phone1 {
        text-align: left;
        height: 40px;
        color: #ffffff;
        width: 100%;
        background: #498ea6;
        border: 1px solid #8be2ff;
        font-size: 16px;
    }
    .mensaje1 {
        text-align: left;
        height: 150px;
        color: #ffffff;
        width: 100%;
        background: #498ea6;
        border: 1px solid #8be2ff;
        font-size: 16px;
        margin-bottom: 50px;
    }
    .envio1 {
        color: #ffffff;
        background-color: #1fa870;
        border: 1px solid #3370b7;
        cursor: pointer;
        text-align: center;
        width: 100%;
        height: 50px;
        font-size: 16px;
    }
    /* Body Segundo Bloque */
    .body1 {
        display: block;
        max-width: 100%;
        height: 70vh;
        margin-left: 0%;
        margin-right: 0%;
        margin-top: 0px;
    }
    .media191 {
        display: block;
        align-items: center;
        margin-left: 25%;
        margin-right: 25%;
        margin-bottom: 30px;
    }
    .cleardiv-body1 {
        height: 20px;
    }
    .cleardiv-body2 {
        height: 40px;
    }
    .textosbody {
        padding-left: 60px;
        padding-right: 60px;
    }
    .boldtext {
        font-weight: bolder;
        font-size: 16px;
        color: #214876;
    }
    /* Body Tercer Bloque */
    .body2 {
        background-color: transparent;
        display: block;
        padding-top: 0px;
        height: 60vh;
    }
    .titulobody2 {
        text-align: center;
        font-size: 50px;
        height: 180px;
    }
    .titulobody2 {
        border-top: 2px solid #214876;
        border-bottom: 2px solid #214876;
    }
    .media123 {
        padding-top: 20px;
        width: 500px;
    }
    /*Body Cuarto Bloque */
    .body3 {
        background-color: #37a4c8;
        width: 100%;
        height: 40vh;
    }
    .titulobody3 {
        font-family: Poiret One, sans-serif;
        font-weight: bold;
        font-size: 45px;
        color: #ffffff;
        padding-top: 40px;
    }
    /* Body Quinto Bloque */
    .body4 {
        background-color: #ffffff;
        width: 80%;
        height: 110vh;
    }
    .barredoras {
        padding-top: 80px;
        padding-left: 27%;
    }
    .barredoras {
        display: none;
    }
    .line2 {
        display: none;
    }
    #line2 {
        display: none;
    }
    .barredorastitles {
        display: none;
    }
    .carrusel2 {
        display: block;
        background-color: #ffff;
        margin-top: 60px;
    }
    .controlc2 {
        margin-left: 20%;
        margin-right: 20%;
    }
    .bloque3 {
        display: flex;
        padding-top: 40px;
    }
    #textobloque3 {
        font-size: 20px;
        font-weight: 500;
        margin-top: 50px;
        margin-left: 10%;
        margin-right: 10%;
    }
    #textobloque3 a {
        text-align: center;
        margin-left: 0%;
        margin-right: 0%;
    }
    #imagenbloque3 {
        padding-top: 60px;
        width: 250px;
    }
    .carrusel3 {
        display: none;
    }
    /* Body Sexto Bloque */
    .body5 {
        background-image: url(http://www.highprecisionsupply.com/landing/media/707.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        height: 30vh;
        width: 100%;
    }
    .carrusel3 {
        padding-top: 80px;
        display: block;
    }
    .carrusel4 {
        display: none;
    }
    /* Body Septimo Bloque */
    .body6 {
        display: inline-flexbox;
        margin: auto;
        height: 40vh;
        width: 80%;
        background-color: #ffffff;
        padding-top: 100px;
        background-image: url(http://www.highprecisionsupply.com/landing/media/752.jpg);
        background-repeat: no-repeat;
        background-position: right;
        background-size: cover;
        background-size: 350px;
        margin-top: 50px;
    }
    #titulobody6 {
        display: inline-flex;
        font-family: Poiret One, sans-serif;
        font-weight: bold;
        font-size: 30px;
        color: #214876;
        border-left: 3px solid #181717;
        margin-right: 50%;
        text-align: left;
    }
    #logo2 {
        display: block;
        text-align: left;
        width: 300px;
        height: 130px;
        padding-top: 30px;
    }
    #img752 {
        width: 600px;
    }
    #enlace {
        text-align: left;
        display: block;
        padding-top: 30px;
        font-family: quicksand, sans-serif;
        font-size: 15px;
        font-weight: bold;
    }
    /* Contacto 2 */
    .contacto2 {
        margin: auto;
        width: 80%;
        height: 60vh;
        margin-top: 100px;
    }
    .contacto2-titulo {
        margin: auto;
        text-align: center;
        font-family: Poiret One;
        font-weight: bold;
        color: #003562;
        font-size: 25px;
        border-bottom: 2px solid #003562;
        width: 300px;
    }
    #form-contacto2 {
        margin: auto;
        width: 650px;
        padding-top: 20px;
        align-items: center;
    }
    .formulario {
        text-align: center;
        font-family: quicksand, sans-serif;
    }
    .nombre {
        margin: auto;
        color: #202020;
        width: 100%;
        height: 40px;
        background: #e7e7e7;
        border: 1px solid #666666;
    }
    .email {
        margin: auto;
        color: #202020;
        width: 100%;
        height: 40px;
        background: #e7e7e7;
        border: 1px solid #666666;
    }
    .phone {
        margin: auto;
        color: #202020;
        width: 100%;
        height: 40px;
        background: #e7e7e7;
        border: 1px solid #666666;
    }
    .mensaje {
        margin: auto;
        color: #202020;
        width: 100%;
        height: 150px;
        background: #e7e7e7;
        border: 1px solid #666666;
    }
    .enviar {
        margin: auto;
        margin-top: 50px;
        color: #202020;
        width: 100%;
        height: 50px;
        background: #d3d3d3;
        border: 1px solid #666666;
        cursor: pointer;
    }
    .direccion {
        display: block;
        margin: auto;
        padding-top: 30px;
        text-align: center;
        font-size: 16px;
        color: #003562;
        width: 480px;
    }
    #calle {
        display: block;
        margin-bottom: 20px;
    }
    #dir-tel {
        display: block;
        margin-bottom: 20px;
    }
    #correo {
        display: block;
    }
    /* foot */
    .footer {
        width: 100%;
        height: 20vh;
        background-color: #236a82;
    }
    #aceptamos {
        font-family: quicksand, sans-serif;
        font-size: 16px;
        color: #ffffff;
    }
    .emptyfootdiv {
        height: 30px;
        width: 100%;
    }
    .iconos {
        align-items: center;
        text-align: center;
        width: 100%;
        margin-bottom: 30px;
        margin-top: 30px;
    }
    #mastercard {
        height: 55px;
        padding-right: 15px;
        cursor: pointer;
    }
    #deposito {
        height: 55px;
        padding-right: 15px;
        cursor: pointer;
    }
    #cheque {
        height: 55px;
        cursor: pointer;
    }
    #foot-text {
        color: #ffffff;
    }
}


/* Fin */


/* -------------------------------- */