p.alerta{border:1px solid gold;width:660px;margin:5px auto;padding:5px;text-align:center;font-family:Arial;font-size:13px}


form {width: 550px;font-size: 1.0em;color: #333333;margin:20px auto;padding:0}
legend {background:#cbc9c9;padding:5px;font-size:13px;font-weight:bold}
fieldset {border: 1px dotted #cbc9c9;padding:5px}
form legend, form label {color: #333333;}


fieldset p {padding: 5px 5px 7px;}
input,textarea{border:1px dotted #cbc9c9;padding:5px;width:95%;font-size:12px}

form label.error, label.error {color: blue;font-style: italic}
div.error { display: none; }


input:focus,textarea:focus { /*border: 1px dotted black;*/ }
input.error,textarea.error { /*border: 1px dotted red;*/ }
form .submit { color: gray;width:150px }

#mensaje{width:600px;margin:5px auto;text-align:center}

.contacto-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    font-family: Arial, Verdana, Tahoma;
    font-size: 20px;
    text-align: center;
    height: 18px;
    margin: 1rem;
    padding: 1rem;
    border-radius: 5px;
    border: 1px solid #2BA7E2;
    transition: 0.5s;
}

.contacto-btn a{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}

.contacto-btn:hover {
    background-color: #2BA7E2;
    color: white;
    cursor: pointer;