﻿/*Contacto*/
.main .contacto {
    width: 100%;

    background-color: #000;
    background: url('../img/fondo_degradado2.png');
    background-repeat: no-repeat;    
    background-size: auto;
}

    .main .contacto .contenedor-formulario {
        width: 100%; /*tamaño box formulario*/
        height: auto;
        min-height: 485px;
        border-radius: 3px;
        box-shadow: 0px 9px 32px -1px rgba(0,0,0,0.3);
        display: flex;
        justify-content:left;
        padding: 0px 0px 0px 250px;
        align-items: center;
    }

        .main .contacto .contenedor-formulario .formulario {
            width: 100%;

        }

            .main .contacto .contenedor-formulario .formulario h2 {
                font-size: 2.0rem;
                line-height: 24px;
                color: #B78549;
                font-weight: 500;
                margin-bottom: 10px;
                text-align: left;
            }

            .main .contacto .contenedor-formulario .formulario p {
                color: #fff;
                font-size: 1rem;
                font-weight: 400;
                margin-bottom: 10px;
                text-align: left;
            }

            .main .contacto .contenedor-formulario .formulario form input[type="text"], .main .contacto .contenedor-formulario .formulario form input[type="email"], .main .contacto .contenedor-formulario .formulario form input[type="tel"] {
                border: none;
                border-bottom: 1px solid #ccc;
                padding: 10px 0;
                outline: none;
                width: 100%;
                margin-bottom: 10px;
                color: #979797;
                font-size: 0.9rem;
                font-weight: 400;
                letter-spacing: 0.5px;
            }

            .main .contacto .contenedor-formulario .formulario form textarea {
                border: none;
                border-bottom: 1px solid #ccc;
                padding: 5px 0;
                outline: none;
                width: 100%;
                max-width: 100%;
                max-height: 88px;
                min-height: 88px;
                color: #979797;
                margin-bottom: 10px;
                font-size: 0.9rem;
                font-weight: 400;
                font-family: 'Poppins', sans-serif;
                letter-spacing: 0;
            }

            .main .contacto .contenedor-formulario .formulario form input[type="submit"] {
                width: 100%;
                border: none;
                /*border: 1px solid #0089E0;*/
                padding: 8px;
                background: #0089E0;
                color: #fff;
                font-size: 0.9rem;
                font-family: 'Poppins', sans-serif;
                letter-spacing: 0.5px;
                cursor: pointer;
                transition: all .7s ease;
            }

                .main .contacto .contenedor-formulario .formulario form input[type="submit"]:hover {
                    background: #fff;
                    color: #000;
                }

            /*Validacion formulario*/

            .main .contacto .contenedor-formulario .formulario form .error {
                display: none;
                color: #ff8c8c;
                font-size: 12px;
                margin-top: -10px;
                margin-bottom: 10px;
            }
