section#header_page {
    background-image: url("https://design.zendha.net/assets/core/bkheaders/img14.jpg");
}

#pag_contacto section#header_page {
    background-color: var(--colorSecundario);
    padding-top: 200px;
    padding-bottom: calc(var(--section-pad-sup) / 2);
}

#pag_contacto section {
    background-color: f8f8f8;
}

a .bloqueContacto {
    padding: 15px 10px 15px 10px;
    background-color: white;
    margin: 10px;
    text-align: center;
    border-radius: 10px;
    border: 1px solid var(--borde);
    font-size: 20px;
    color: #333;
}

a .bloqueContacto h2 {
    font-size: var(--h3);
    margin-bottom: 10px;
}

a .bloqueContacto i {
    font-size: 40px;
    margin-bottom: 15px;
    color: var(--colorSecundario)
}

a:hover .bloqueContacto i {
    color: var(--colorInteraccion)
}

a:hover .bloqueContacto {
    color: var(--colorInteraccion)
}



.formuBox .frm_blq {
    padding: 5px;
}

#pag_contacto label {
    font-size: var(--p-2);
    padding-bottom: 3px;
    padding-left: 3px;
}

#pag_contacto input {
    padding: 7.5px 15px;
    border-radius: 5px;
    width: 100%;
    margin-bottom: 15px;
    margin-top: 3px;
    border: 1px solid var(--borde);
    font-size: var(--p-1);
	font-family: 'Cuerpo';
}
#pag_contacto input[type='checkbox'] {
    width: 40px;
}

#pag_contacto textarea {
    padding: 7.5px 15px;
    border-radius: 5px;
    max-width: 100%;
    min-width: 100%;
    margin-bottom: 15px;
    max-height: 300px;
    min-height: 150px;
    margin-top: 3px;
    border: 1px solid var(--borde);
	font-family: 'Cuerpo';
}

#pag_contacto section a {
    color: var(--colorInteraccion)
}

#pag_contacto section .datosrs a {
    color: var(--colorTexto)
}

#pag_contacto section .datosrs a:hover {
    color: var(--colorInteraccion)
}

#pag_contacto section .datoscon a {
    color: var(--colorTexto);
}

#pag_contacto section .datoscon a:hover {
    color: var(--colorInteraccion);
}

#pag_contacto section .datoscon i,
#pag_contacto section .conrrss i {
    margin-right: 10px;
    color: var(--colorInteraccion);
}

#pag_contacto section .datoscon img {
    width: 14px;
}
.columDatosContac h3{
	margin-top:30px;
	margin-bottom:15px;
}
.rrssContact {
	margin-top:20px;
    font-size: 40px;
    text-align: left;
    width: 100%;
}

.rrssContact a i {
    color: var(--colorPrincipal);
}

.rrssContact a:hover i {
    color: var(--colorInteraccion)
}

.txtSiguenos {
    max-width: 600px;
    width: calc(100% - 400px)
}

section#contactoRs {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

section#contactoRs .row {
    align-items: center;
}

.rrssContact i {
    margin-right: 20px;
}

@media(max-width:1050px) {
    #pag_contacto .datoscon {
        width: 49%;
    }
    #pag_contacto .datosrs {
        width: 49%;
    }
    #pag_contacto .datosform {
        width: 100%;
    }
    #pag_contacto .datosform .boton {
        margin-left: auto;
        margin-right: auto;
    }
}

@media(max-width:900px) {
    .rrssContact {
        text-align: center;
        width: 100%;
    }
    .txtSiguenos {
        max-width: 100%;
        text-align: center;
        width: 100%;
    }
}

@media(max-width:880px) {
    a .bloqueContacto h2 {
        height: 50px;
    }
}

@media(max-width:800px) {
    a .bloqueContacto h2 {
        height: auto;
    }
}

@media(max-width:700px) {
    #pag_contacto .datoscon {
        width: 100%;
    }
    #pag_contacto .datosrs {
        width: 100%;
    }
    #pag_contacto .datosform {
        width: 100%;
    }
}