/*
    /////////////////////////////////////////////////////////
    \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\

/* 
	font-family: 'Platform Web';


    ------------------------
    CONTACTO
    ------------------------

    1. CONTACTOS DIRECTOS
    2.  FORMULARIO  DE CONTACTO



*/

/* 1. CONTACTOS DIRECTOS
--------------------------------*/

.block-views-blockpersonas-contacto,
.block-views-blockcontactos-contactos {
    background-color: #E8F2FC;
    margin-left: -15px;
    margin-right: -15px;
    padding: 25px 0 60px 0;
	font-size: 20px;
	letter-spacing: 0.02em;
}

.block-views-blockpersonas-contacto h2.block-title,
.block-views-blockcontactos-contactos h2.block-title {
    font-size: 20px;
	letter-spacing: 0.03em;
}


.block-views-blockcontactos-contactos .views-field-field-email {
	width: 45%;
}

.block-views-blockcontactos-contactos .views-field-field-email a {
	display: block;
}

.block-views-blockcontactos-contactos .views-field-field-email a:hover {
	text-decoration: none;
}

.block-views-blockcontactos-contactos .views-field-field-email a::after {
    content: url(../../images/black-arrow.svg);
    display: inline-block;
	float: right;
	transition: all 0.3s ease;
}

.block-views-blockcontactos-contactos .views-field-field-email a:hover::after {
    content: url(../../images/black-arrow.svg);
    display: inline-block;
	float: right;
	transition: all 0.6s ease;
	padding-right: 15px;
}


.block-views-blockpersonas-contacto .table > thead > tr > th, 
.block-views-blockpersonas-contacto .table > tbody > tr > th, 
.block-views-blockpersonas-contacto .table > tfoot > tr > th, 
.block-views-blockpersonas-contacto .table > thead > tr > td, 
.block-views-blockpersonas-contacto .table > tbody > tr > td, 
.block-views-blockpersonas-contacto .table > tfoot > tr > td, 
.block-views-blockcontactos-contactos .table > thead > tr > th, 
.block-views-blockcontactos-contactos .table > tbody > tr > th, 
.block-views-blockcontactos-contactos .table > tfoot > tr > th, 
.block-views-blockcontactos-contactos .table > thead > tr > td, 
.block-views-blockcontactos-contactos .table > tbody > tr > td, 
.block-views-blockcontactos-contactos .table > tfoot > tr > td {
    border-top: 1px solid #000;
}

.view-contactos .view-content table {
    border-bottom: 1px solid #000;
}

.block-views-blockpersonas-contacto .table {
    margin-bottom: 0px;
}

.block-views-blockpersonas-contacto .table a,
.block-views-blockcontactos-contactos .table a {
    color:#000;
	font-weight: 400;
}


/* 2. FORMULARIO DE CONTACTO */

.path-contacto .block-webform-block {
	padding-top: 30px;
	padding-bottom: 60px;
}

.path-contacto .block-webform-block .info,
.path-contacto .block-webform-block .curriculum,
.path-contacto .block-webform-block .contacto { 
    padding-left: 45px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 56px;
}

.path-contacto .block-webform-block .info {
    background-image: url(../../images/info-ico.svg);
    background-repeat: no-repeat;
    background-position-y: 12px;
}

.path-contacto .block-webform-block .curriculum {
    background-image: url(../../images/curriculum-ico.svg);
    background-repeat: no-repeat;
    background-position-y: 10px;
}

.path-contacto .block-webform-block .contacto {
    background-image: url(../../images/contacto-ico.svg);
    background-repeat: no-repeat;
    background-position-y: 16px;
}

.path-contacto .block-webform-block .informacion  strong {
	font-size: 20px;
}

.path-contacto .block-webform-block .informacion  a {
	font-weight: 400;
	color: #000;
    display: block;
}

.path-contacto .block-webform-block .informacion  a.download {
	font-size: 14px; 
	font-weight: 500;
	color: #000;
    display: block;
}

.path-contacto .block-webform-block .informacion a.download::after {
    content: url(../../images/black-arow-down.svg);
    display: inline-block;
    padding-left: 7px;
    top: 2px;
    position: relative;
}


.path-contacto .block-webform-block #edit-actions {
	text-align: right;
}

.path-contacto .block-webform-block label {
    font-weight: 300;
    font-size: 16px;
}

.path-contacto .block-webform-block input,
.path-contacto .block-webform-block textarea {
    border-radius: 0;
    border-color: #000;
    border-top: 0;
    border-left: 0;
    border-right: 0;
	padding-left: 0;
	box-shadow: none;
	color: #000;
	font-size: 16px;
	letter-spacing:  0.02em;
	padding-right: 0;
}


.path-contacto .block-webform-block input::placeholder,
.path-contacto .block-webform-block textarea::placeholder {
  color: #000;
  font-size: 16px;
  letter-spacing:  0.02em;

}

.path-contacto .block-webform-block textarea::placeholder {
	/* border-bottom: 1px solid #000;*/
	padding-bottom: 5px;
}


.path-contacto .block-webform-block #edit-actions button.webform-button--submit {
    background-color: transparent; 
    color: #000;
    font-weight: 500;
    letter-spacing: 0.02em;
    border-radius: 0;
    border-color: #000;
    padding: 15px 70px;
    margin-right: 0;
	margin-top: 15px;
}

.path-contacto .block-webform-block #edit-flexbox-03 {
    padding-top: 15px;
}

.path-contacto .block-webform-block #edit-privacidad--wrapper label {
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
}

.path-contacto .block-webform-block #edit-privacidad--wrapper label a{
    font-weight: 500;
	color: #000;
}

.path-contacto .block-webform-block #edit-campos-obligatorios {
	font-size:  14px;
}