/*===CONTACTO===*/


/*CAJA FORMULARIO*/


.caja-formulario{
	height: 675px;
    width: 100%;
    background-color: #232323;
    margin-top: 38px;
    color: white;
    font-size: 20px;
    display: flex;
    flex-direction: column;
}

.contenedor-datos-contacto{
    width: 92.65%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

/*CAJA TEXTO INICIO*/


.caja-txt-cont{
    margin-top: 48px;
    height: 28px;
    width: 100%;
    display: flex;
    flex-direction: row;
}

.txt-contacto{
    width: 22.93%;
    height: 28px;
    font-size: 30px;
    font-family: sans-serif;
    font-weight: bold;
    display: flex;
}

.cel-contacto{
    width: 77.06%;
    height: 28px;
    font-size: 30px;
    font-family: sans-serif;
    font-weight: bold;
    display: flex;
}


/*SECCIÓN 1 DE FORMULARIO*/


.caja1-contacto{
    margin-top: 30px;
    height: 200px;
    width: 100%;
    display: flex;
    flex-direction: row;
}

.caja-imagen-contacto-logo{
    width: 22.93%;
    height: 200px;
    display: flex;
}

.imagen-contacto-logo{
    justify-content: flex-start;
}

.caja2-contacto{
    display: flex;
    flex-direction: column;
    height: 200px;
    width: 44.68%;
}

.nombre{
    height: 50px;    
}

.correo{
    height: 50px;
	margin-top: 34px;
}

.telefono{
    height: 50px;
	margin-top: 34px;
}


.caja-mapa{
    width: 32.71%;
    height: 200px;
    display: flex;
    justify-content: flex-end;
}


.mapa{
    width: 87.85%;
    height: 200px;
}

.mapa iframe{
    width: 98%;
    height: 98%;
}

/*SECCIÓN 2 DE FORMULARIO DE CONTACTO*/

.contacto-secc2{
    height: 305px;
    width: 100%;
    margin-top: 38px;   
    display: flex;
    justify-content: flex-end;
}

.caja-facebook-contacto{
    width: 22.93%;
    height: 305px;
    display: flex;
    justify-content: flex-start;
}




.caja-mensaje-y-boton{
    width: 77.15%;
    height: 305px;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
}

.mensaje{
    height: 200px;
    width: 99%;
    resize: none;
}

.caja-boton-enviar{
    height: 54px;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-top: 38px;
}

.boton{
    height: 54px;
    width: 22.72%;
    background: #9E9E9E;
    font-size: 30px;
    font-family: sans-serif;
    font-weight: bold;
}