.contacto-info i {
    color: #fff;
    font-size: 24px;
    text-align: center;
    display: inline-table;
    position: relative;
    margin: 7px 10px 14px 0
}

.contacto-info p {
    line-height: 22px;
    display: inline-table;
    width: 92%;
    color: #fff
}

#block-formulariodecontactos .field__label, #contact-message-formulario-de-contactos-form label {
    display: none
}

#contact-message-formulario-de-contactos-form #edit-field-email-0-value, #contact-message-formulario-de-contactos-form #edit-field-nombre-0-value {
    width: 40%;
    padding: 6px;
    border-radius: 10px;
    border: 1px solid rgb(172, 186, 199);
    background-color: rgba(255, 255, 255, .6)
}

#contact-message-formulario-de-contactos-form textarea {
    height: 148px;
    width: 100%;
    resize: none;
    padding: 16px
}

#contact-message-formulario-de-contactos-form input[type=email]:focus, #contact-message-formulario-de-contactos-form input[type=text]:focus, #contact-message-formulario-de-contactos-form textarea:focus {
    background: #fff
}

#contact-message-formulario-de-contactos-form [type=submit] {
    background-color: #B9C7D2;
    padding: 6px;
    border: none;
    float: right;
    margin-right: 15px;
    color: #1c4966;
    width: 15%;
    border-radius: 10px;
    text-transform: uppercase;
    font-family: Conv_Roboto-Condensed-Bold;
}

#contact-message-formulario-de-contactos-form [type=submit]:hover {
    transition: width 2s ease 0s, height 2s ease 0s;
    background-color: #B9C7D2
}

input.error, textarea.error {
    border-width: 1px;
    border-color: #e62600 !important;
    background-color: hsla(15, 75%, 97%, 1);
    box-shadow: inset 0 5px 5px -5px #b8b8b8;
    color: #a51b00
}

#contact-message-formulario-de-contactos-form label.error {
    color: #fff;
    font-size: .8em
}

.correo, .tel {
    display: inherit;
}

.correo p, .tel p {
    margin: 8px 0 0 0;
}

#contact-message-formulario-de-contactos-form #edit-message-0-value {
    background-color: rgba(255, 255, 255, 0);
    border: none;
}

#contact-message-formulario-de-contactos-form .form-textarea-wrapper {
    border-radius: 10px;
    border: 1px solid rgb(172, 186, 199);
    background-color: rgba(255, 255, 255, .6);
    height: 200px;
    padding: 5px 5px 0 5px;
}

#contact-message-formulario-de-contactos-form {
    position: relative;
}

#contact-message-formulario-de-contactos-form #edit-actions--2 {
    position: absolute;
    width: 90%;
    bottom: 5px;
    background-color: #B9C7D2;
    right: 0;
    margin-right: 25px;
    box-shadow: 2px 2px 2px #8095A7;
    border-radius: 10px;
}

.contact-data {
    border-right: 1px solid white;
}
#contact-message-formulario-de-contactos-form #edit-message-0-value:focus{
    border:none;
}

@media (max-width: 760px) {    
    .contact-data{
        border: none;
    }
    #contact-message-formulario-de-contactos-form [type=submit]{
        margin-right: 0;
        width: 100%;
    }
    #contact-message-formulario-de-contactos-form #edit-actions--2{
        width: auto;
    }
}
@media (max-width: 991px) {
    .contacto-info i {
        margin: 7px 5px 14px 0;
    }
}
@media (min-width: 992px){
    #contact-message-formulario-de-contactos-form #edit-actions--2{
        width: 93%
    }
}