/*
    /////////////////////////////////////////////////////////
    \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\

    ----
    JOBS
    ----

	1 PAGE
	1 NODE
    ------- FONTS ---------
	.Futura-Lig {
		font-family: 'Futura-Lig';
		font-weight: normal;
		font-style: normal;
	}
	.HelveticaNeueLTStd-Lt {
		font-family: 'HelveticaNeueLTStd-Lt';
		font-weight: normal;
		font-style: normal;
	}
	.HelveticaNeueLTStd-Roman {
		font-family: 'HelveticaNeueLTStd-Roman';
		font-weight: normal;
		font-style: normal;

	.HelveticaNeueLTStd-Bd {
		font-family: 'HelveticaNeueLTStd-Bd';
		font-weight: normal;
		font-style: normal;
	}

	-------- COLORS --------
	CYAN: #CCFFFF
	AZUL: #003DC4
	ROJO: #FF4712

*/


/* 1. PAGE
 ---------*/

 ol, ul { /*mover a commons*/
    padding-left: 1.1em;
}

body.path-empleo .page-header {
    display: none;
}

body.path-empleo .main-container .col-sm-12 {
    padding: 0 10px;
}

/* Header */
body.path-empleo .view-id-headers.view-display-id-jobs .views-field-field-image-header,
body.path-empleo .view-id-headers.view-display-id-jobs .views-field-field-image-header .field-content,
body.path-empleo .view-id-headers.view-display-id-jobs .views-field-field-image-header img,
body.path-empleo .view-id-headers.view-display-id-jobs .view-content {
    height: 100%;
}

body.path-empleo .view-id-headers.view-display-id-jobs .views-row {
    position: relative;
    height: 100%;
}

body.path-empleo .view-id-headers.view-display-id-jobs .motto {
    position: absolute;
    color: #fff;
    text-align: center;
    line-height: 1.1;
    max-width: 950px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

body.path-empleo .view-id-headers.view-display-id-jobs .primary {
    font-family: 'Futura-Lig';
    text-transform: uppercase;
    font-size: 5vw;
}

body.path-empleo .view-id-headers.view-display-id-jobs .secondary{
    margin-bottom: 2%;
	font-size: 1.4vw;
}

/* Description */
body.path-empleo .block-block-content0647497d-87ab-47cb-8a88-dc32bb41a433 {
    margin-top: 2%;
    margin-bottom: 5%;
	padding-left: 17px;
}

body.path-empleo .block-block-content0647497d-87ab-47cb-8a88-dc32bb41a433 .title {
    font-family: 'Futura-Lig';
    text-transform: uppercase;
    font-size: 3vw;
    margin: 0 0 10% 0;
	padding-left: 3%;
    line-height: 1;
}

body.path-empleo .block-block-content0647497d-87ab-47cb-8a88-dc32bb41a433 p {
    font-family: 'HelveticaNeueLTStd-Lt';
    line-height: 1.1;
    padding-right: 9%;
}

body.path-empleo .block-block-content0647497d-87ab-47cb-8a88-dc32bb41a433 p:first-child {
    font-family: 'Futura-Lig';
    font-weight: normal;
    font-style: normal;
    font-size: 1.7vw;
}

body.path-empleo .block-block-content11a51702-39e8-4253-83a3-45f403db37da {
	margin-left: 20px;
}

body.path-empleo .block-block-content11a51702-39e8-4253-83a3-45f403db37da .field--name-field-title-contact-info-block:after {
    content: "";
    background: url(../../images/flecha-dcha-60.png) no-repeat;
    width: 60px;
    height: 12px;
    display: block;
    margin-top: 1%;
    margin-bottom: 5%;
}

body.path-empleo .block-block-content11a51702-39e8-4253-83a3-45f403db37da .field--name-field-email-contact-info-b {
    padding-left: 35px;
    background: url(../../images/email-pink.png) no-repeat;
    background-position: left 6px;
    letter-spacing: 0.05em;
}

body.path-empleo .block-block-content11a51702-39e8-4253-83a3-45f403db37da .field--name-field-email-contact-info-b a {
	color: #b2b1b1;
    border-bottom: 1px solid #b2b1b1;
    margin-left: 5px;
}

body.path-empleo .block-block-content11a51702-39e8-4253-83a3-45f403db37da .field--name-field-email-contact-info-b a:hover {
    text-decoration: none;
    color: #b2b1b1;
}

body.path-empleo section.block-views-blockempleo-page {padding-left: 40px;}

/* Content */
body.path-empleo .view-id-empleo.view-display-id-page .views-row .col-lg-4:after,
body.path-empleo .view-id-empleo.view-display-id-page .views-row .col-lg-8:after {
    content: "";
    display: block;
    height: 1px;
    width: 95%;
    background: #000;
    position: absolute;
    bottom: 0;
}

body.path-empleo .view-id-empleo.view-display-id-page .views-row:first-child .col-lg-4:before,
body.path-empleo .view-id-empleo.view-display-id-page .views-row:first-child .col-lg-8:before {
    content: "";
    display: block;
    height: 1px;
    width: 95%;
    background: #000;
    position: absolute;
    top: 0;
}

body.path-empleo .view-id-empleo.view-display-id-page .views-row:last-child .col-lg-4:after,
body.path-empleo .view-id-empleo.view-display-id-page .views-row:last-child .col-lg-8:after {
    display: none;
}

body.path-empleo .view-id-empleo.view-display-id-page .views-field-nothing .reference {
    font-family: 'Futura-Lig';
    font-size: 3vw;
    margin-top: 6%;
	margin-left: -2px;
}

body.path-empleo .view-id-empleo.view-display-id-page .views-row:hover .views-field-nothing .reference {
    color: #003DC4;
}

body.path-empleo .view-id-empleo.view-display-id-page .views-field-nothing .start-date,
body.path-empleo .view-id-empleo.view-display-id-page .views-field-nothing .end-date {
    color: #003DC4;
    margin-bottom: 3%;
}

body.path-empleo .view-id-empleo.view-display-id-page .views-field-nothing .end-date {
    margin-bottom: 10%;
}

body.path-empleo .view-id-empleo.view-display-id-page .views-field-nothing .start-date span,
body.path-empleo .view-id-empleo.view-display-id-page .views-field-nothing .end-date span {
    font-family: 'Futura-Lig';
    display: block;
	font-size: 1.6vw;
}

body.path-empleo .view-id-empleo.view-display-id-page .views-field-nothing .title {
    font-family: 'Futura-Lig';
    font-size: 3vw;
    margin-top: 3%;
}

body.path-empleo .view-id-empleo.view-display-id-page .views-field-nothing .title a {
    color: #000;
}

body.path-empleo .view-id-empleo.view-display-id-page .views-field-nothing .title a:hover {
    color: #003DC4;
    text-decoration: none;
}

body.path-empleo .view-id-empleo.view-display-id-page .views-row:hover .views-field-nothing .title a {
    color: #003DC4;
}

body.path-empleo .view-id-empleo.view-display-id-page .views-field-nothing .link {
    margin-top: 2%;
}

body.path-empleo .view-id-empleo.view-display-id-page .views-field-nothing .link a {
    color: #000;
}

body.path-empleo .view-id-empleo.view-display-id-page .views-row:hover .views-field-nothing .link a {
    color: #003DC4;
}

body.path-empleo .view-id-empleo.view-display-id-page .views-field-nothing .link a:hover {
    color: #003DC4;
    text-decoration: none;
}

body.path-empleo .view-id-empleo.view-display-id-page .views-field-nothing .link:after {
    content: "";
    background: url(../../images/flecha-dcha-60.png) no-repeat;
    display: inline-block;
    width: 60px;
    height: 10px;
    margin-left: 1.2%;
    background-size: 100% 100%;

	-moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.8s ease;
    transition: all 0.5s ease;
}

body.path-empleo .view-id-empleo.view-display-id-page .views-row:hover .views-field-nothing .link:after {
    background: url(../../images/flecha-azul.png) no-repeat;
	    display: inline-block;
    width: 60px;
    height: 10px;
    margin-left: 2.5%;
    background-size: 100% 100%;

	-moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.8s ease;
    transition: all 0.5s ease;
}


body.path-empleo .block-block-contentd61a4402-f1a6-4b24-9ba1-641e1b48ec75 .field--name-field-text-doc-text-block p:first-child {
    font-family: 'Futura-Lig';
    font-weight: normal;
    font-style: normal;
    font-size: 1.7vw;
    line-height: 1;
    padding-right: 2%;
}

.field--name-field-description-doc-parag {
	padding-left: 35px;
}

/* Documentation */
body.path-empleo .block-block-contentd61a4402-f1a6-4b24-9ba1-641e1b48ec75 {
    background: #fea39d;
    padding-top: 5%;
    padding-bottom: 3%;
	padding-left: 20px;
}

body.path-empleo .block-block-contentd61a4402-f1a6-4b24-9ba1-641e1b48ec75 .title {
    font-family: 'Futura-Lig';
    text-transform: uppercase;
    font-size: 3vw;
    padding-left: 3%;
    line-height: 1;
	max-width: 560px;
}

body.path-empleo .block-block-contentd61a4402-f1a6-4b24-9ba1-641e1b48ec75 .field--name-field-link-doc-text-block {
    padding-left: 3%;
    margin-top: 10%;
}

body.path-empleo .block-block-contentd61a4402-f1a6-4b24-9ba1-641e1b48ec75 .field--name-field-link-doc-text-block:after {
    content: "";
    display: block;
    background: url(../../images/flecha-dcha-60.png) no-repeat;
    height: 10px;
    width: 60px;
    margin-top: 1%;
}

body.path-empleo .block-block-contentd61a4402-f1a6-4b24-9ba1-641e1b48ec75 .field--name-field-link-doc-text-block a {
    color: #000;
}

body.path-empleo .block-block-contentd61a4402-f1a6-4b24-9ba1-641e1b48ec75 .field--name-field-link-doc-text-block a:hover {
    color: #000;
    text-decoration: none;
}

body.path-empleo .block-block-contentd61a4402-f1a6-4b24-9ba1-641e1b48ec75 .field--name-field-text-doc-text-block {
    font-family: 'HelveticaNeueLTStd-Lt';
    line-height: 1.2;
}



body.path-empleo .block-block-contentd61a4402-f1a6-4b24-9ba1-641e1b48ec75 .field--name-field-docs-doc-text-block .field--label {
    font-family: 'Futura-Lig';
    text-transform: uppercase;
    font-size: 2vw;
    margin-top: 5%;
    margin-bottom: 2%;
    font-weight: normal;
}

body.path-empleo .block-block-contentd61a4402-f1a6-4b24-9ba1-641e1b48ec75 .field--name-field-docs-doc-text-block .paragraph  {
    border-top: 1px solid #000;
    padding: 20px 0;
    position: relative;
}

body.path-empleo .block-block-contentd61a4402-f1a6-4b24-9ba1-641e1b48ec75 .field--name-field-docs-doc-text-block .paragraph:before {
    content: "";
    background: url(../../images/documentacion.png) no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;
    top: 23px;
}

body.path-empleo .block-block-contentd61a4402-f1a6-4b24-9ba1-641e1b48ec75 .field--name-field-docs-doc-text-block .paragraph .field--name-field-tag-documentation-parag {
    font-family: 'Futura-Lig';
    margin-left: 35px;
    font-size: 24px;
    line-height: 1.2;
}

body.path-empleo-unidades .block-block-contentd61a4402-f1a6-4b24-9ba1-641e1b48ec75 .field--name-field-docs-doc-text-block .paragraph .field--name-field-description-doc-parag {
    margin-left: 35px;
}

body.path-empleo .block-block-contentd61a4402-f1a6-4b24-9ba1-641e1b48ec75 .field--name-field-docs-doc-text-block .paragraph  a {
    color: #000;
    font-size: 20px;
    line-height: 1.3;
    transition: all 0.3s ease;
    text-decoration: none;
}

body.path-empleo .block-block-contentd61a4402-f1a6-4b24-9ba1-641e1b48ec75 .field--name-field-docs-doc-text-block .paragraph  a:hover {
    text-decoration: none;
    border-bottom: 1px solid;
    transition: all 0.3s ease;
}


/* Contacto */
body.path-empleo .block-block-content9eeba897-7e7b-474c-b1e1-d3ed69e24e15 {
    text-align: center;
    padding: 4vw;
    background-color: #ffe699;
    margin-bottom: 5px;
    margin-top: 10px;
}

body.path-empleo .block-block-content9eeba897-7e7b-474c-b1e1-d3ed69e24e15  .block-title {
    font-family: 'Futura-Lig';
    text-transform: uppercase;
    color: #000;
    font-size: 3vw;
    line-height: 1.1;
    margin-bottom: 3%;

	background: url(../../images/contacto.png) no-repeat;
	background-position:top center;
	padding-top:40px;
}

body.path-empleo .block-block-content9eeba897-7e7b-474c-b1e1-d3ed69e24e15 .field--name-field-nombre-paragraph {
    text-decoration: underline;
    margin-bottom: 15px;
}

body.path-empleo .block-block-content9eeba897-7e7b-474c-b1e1-d3ed69e24e15 .field--name-field-direccion-paragraph  {
	font-family: 'HelveticaNeueLTStd-Lt';
    font-weight: normal;
    font-style: normal;
}

body.path-empleo .block-block-content9eeba897-7e7b-474c-b1e1-d3ed69e24e15 .field--name-field-direccion-paragraph a.boton{
	font-family: 'HelveticaNeueLTStd-Bd';
	font-weight: normal;
	font-style: normal;
	color: #000;
	text-transform: uppercase;
    border: 1px solid #000;
    padding: 10px 30px 10px 30px;
    font-size: 12px;
    transition: all 0.3s ease;
    background-color: transparent;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 50% 53%;
	margin-top: 15px;
}

body.path-empleo .block-block-content9eeba897-7e7b-474c-b1e1-d3ed69e24e15 .field--name-field-direccion-paragraph a.boton:hover{
	background-color: #fff;
    border: 1px solid #fff;
    padding: 10px 90px 10px 30px;
    text-decoration: none;
    transition: all 0.3s ease;
    display: inline-block;
    background-image: url("../../images/flecha-dcha.png");
    background-repeat: no-repeat;
    background-position: 95% 53%;
}


/* Collaborations */
body.path-empleo .block-block-content3f951999-dab2-47ea-a159-b8eb9b257109 {
    padding: 5% 15% 4% 15%;
    background: #003DC4;
    margin-top: 10px;
    margin-bottom: 5px;
	
	display: none;
}

body.path-empleo .block-block-content3f951999-dab2-47ea-a159-b8eb9b257109 .block-title {
    text-align: center;
    color: #fff;
    margin-bottom: 6.5%;
    font-size: 20px;
}

body.path-empleo .block-block-content3f951999-dab2-47ea-a159-b8eb9b257109 .field--name-field-link-colaborations-parag {
    padding: 0 15%;
    border-right: 1px solid #fff;
    text-align: center;
    cursor: move;
}
body.path-empleo .block-block-content3f951999-dab2-47ea-a159-b8eb9b257109 .field--name-field-colaborations-paragraph {cursor: move;}

body.path-empleo .block-block-content3f951999-dab2-47ea-a159-b8eb9b257109 .field--name-field-colaborations-unidades {
    margin-bottom: 40px;
}

body.path-empleo .block-block-content3f951999-dab2-47ea-a159-b8eb9b257109 .field--name-field-image-colaborations-parag {display: inline-block;}


/* 2. NODE
 ---------*/

/* Header */
body.page-node-type-empleo h1.page-header {
    display: none;
}

body.page-node-type-empleo .main-container .col-sm-12 {
    padding: 0 10px;
}

body.page-node-type-empleo .node-header .field--name-field-img-empleo,
body.page-node-type-empleo .node-header .field--name-field-img-empleo img {
    height: 100%;
}

body.page-node-type-empleo .node-header .field--name-field-img-empleo img {
    object-fit: cover;
	width: 100%;
}

body.page-node-type-empleo .node-header {
    position: relative;
}

body.page-node-type-empleo .node-header .title {
    position: absolute;
    color: #fff;
    text-align: center;
    max-width: 950px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-family: 'Futura-Lig';
    font-size: 5vw;
    line-height: 1.1;
}

/* Information */
body.page-node-type-empleo .node-information {
	margin-top: 40px;
    margin-bottom: 35px;
}

body.page-node-type-empleo .node-information .field--name-field-ref-empleo {
    font-family: 'Futura-Lig';
    font-size: 3.2vw;
    margin-left: 35px;
	line-height:1;
}

body.page-node-type-empleo .node-information .field--name-field-ref-empleo .field--label,
body.page-node-type-empleo .node-information .field--name-field-ref-empleo .field--item {
    font-weight: normal;
    display: inline-block;
}

body.page-node-type-empleo .node-information .field--name-field-fecha-publicacion,
body.page-node-type-empleo .node-information .field--name-field-fecha-cierre {
    color: #003DC4;
    margin-bottom: 3%;
    margin-left: 35px;
	margin-top: 3%;
}

body.page-node-type-empleo .node-information .field--name-field-fecha-publicacion .field--label,
body.page-node-type-empleo .node-information .field--name-field-fecha-cierre .field--label {
    font-weight: normal;
	margin-bottom: 5px;
	font-size: 22px;
}

body.page-node-type-empleo .node-information .field--name-field-fecha-publicacion .field--item,
body.page-node-type-empleo .node-information .field--name-field-fecha-cierre .field--item {
    font-family: 'Futura-Lig';
    display: block;
    font-size: 1.8vw;
    line-height: 1;
}

body.page-node-type-empleo .node-information .field--name-body {
    line-height: 1.2;
    font-family: 'HelveticaNeueLTStd-Lt';
	margin-bottom: 30px;
}

body.page-node-type-empleo .node-information .field--name-body p:first-child {
	line-height: 1.2;
    font-family: 'Futura-Lig';
    font-size: 1.7vw;
    line-height: 1.1;
    padding-bottom: 15px;
}

body.page-node-type-empleo .node-information .field--name-body p {
	padding-right: 5%;
    line-height: 1.3;
}

body.page-node-type-empleo .field--name-field-attach-empleo {
    border-top: 1px solid #000;
	margin-right: 5%;
}

body.page-node-type-empleo .field--name-field-form__inscripcion {
    border-top: 1px solid #000;
	margin-right: 5%;
}

body.page-node-type-empleo .field--name-field-form__inscripcion a {
    color: #ff4712;
    width: 100%;
    display: block;
    padding-top: 2%;
    padding-bottom: 2%;

    background-position: 85% center;

	-moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.8s ease;
    transition: all 0.5s ease;
}

body.page-node-type-empleo .field--name-field-form__inscripcion a:hover {
    color: #ff4712;
    width: 100%;
    display: block;
    padding-top: 2%;
    padding-bottom: 2%;

	background-image: url(../../images/flecha-dcha-roja.png);
    background-repeat: no-repeat;
    background-position: 100% center;

	-moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.8s ease;
    transition: all 0.5s ease;
}

body.page-node-type-empleo .field--name-field-form__inscripcion  a:hover {
	text-decoration: none;
}

body.page-node-type-empleo .field--name-field-attach-empleo .file {
    display: block;
    font-size: 100%;
    margin: 0;
}

body.page-node-type-empleo .field--name-field-attach-empleo .file .file-icon,
body.page-node-type-empleo .field--name-field-attach-empleo .file .file-size {
    display: none;
}

body.page-node-type-empleo .field--name-field-attach-empleo .file .file-link {
    background: transparent;
    border: none;
}

body.page-node-type-empleo .field--name-field-attach-empleo .file .file-link {display: block;}

body.page-node-type-empleo .field--name-field-attach-empleo .file .file-link a {
    font-weight: normal;
    color: #000;
	width: 100%;
    display: block;
    padding-top: 2%;
    padding-bottom: 2%;

	background-position: 85% center;

	-moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.8s ease;
    transition: all 0.5s ease;
}

body.page-node-type-empleo .field--name-field-attach-empleo .file .file-link a:hover {
    color: #000;
    text-decoration: none;

	background-image: url(../../images/flecha-dcha.png);
    background-repeat: no-repeat;
    background-position: 100% center;

	-moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.8s ease;
    transition: all 0.5s ease;
}
