/* Move down content because we have a fixed navbar that is 50px tall */
body {   
    font-size:14px;
    font-family:Arial;
    color:white;    
}
.text-buscar {
  color: #fff !important;
  text-align:center;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    width:100%;      
}

.btnEditarContenido {
    width:32px;
    border-radius:25px;
}

.btnEditarContenido:hover {
    transform:scale(1.1,1.1);
    cursor:pointer;
    border:solid #346993 2px;
    border-radius:25px;
}
.btnEditarContenido_2 {
    width:50px;
    border-radius:25px;
}
.btnEditarContenido_2:hover {
    transform:scale(1.1,1.1);
    cursor:pointer;
    border:solid #346993 2px;
    border-radius:25px;
}

.imgEditar_Derecha {
    top:0px;
    right:-50px;
    width:32px;
    position:inherit;
    z-index:100;
}
.imgEditar_Izquierda {
    top:-50%;
    left:-32px;
    width:32px;
    position:inherit;
    z-index:100;
}
.imgEditar_IzquierdaArriba {
    top:12px;
    left:-25%;
    width:24px;
    position:inherit;
    z-index:100;
}

.btnEditarImagen{
    width:24px;
    border-radius:25px;
    -webkit-transition-propety:all;
    transition-property: all;
    -webkit-transition-duration:1s;
    transition-duration:1s;
}
.btnEditarImagen:hover {
    transform:scale(1.2,1.2);
    cursor:pointer;
    border-radius:25px;
}

.imgEliminar_Izquierda {
    top:12px;
    left:-12px;;
    width:24px;
    position:inherit;
    z-index:100;
}
.btnEliminaImagen{
    width:24px;
    border-radius:25px;
    -webkit-transition-propety:all;
    transition-property: all;
    -webkit-transition-duration:1s;
    transition-duration:1s;
}
.btnEliminaImagen:hover {
    transform:scale(1.2,1.2);
    cursor:pointer;
    border-radius:25px;
}
.imgEditar_Encima {
    top:-50px;
    left:-45%;
    width:100px;
    position:relative;
    z-index:500;
    height:0px;
}

.ContentBolsa {
   width:100%;    
   height:10%;
   padding-top:5px;
   background-color:#00A2A0; 
   padding-left:20%; 
   padding-right:20%;
}

.imgBannerBolsa {
    width:100px;
}

.ContentBody {
   width:100%;    
   padding-bottom:40px; 
   padding-top:190px; 
}
  

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

.Notificacion {
    cursor:default;
}
.Notificacion:hover {
    cursor:pointer;
    background-color:#e2ecf2;
}
.Notificacion_Activa {
    cursor:default;
    background-color:#e2ecf2;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .magazine-viewport {
        position: relative;
        overflow: hidden;
        height: 540px;
        width: 310px;
    }
        .jumbotron {
        margin-top: 20px;
    }
    .body-content {
        padding: 0;
        width:100%;  
        margin-top:50%;    
    }  
    .AccesoBlanco{
        text-align:center;
    }
}

/* Responsive: Portrait tablets and up */
@media screen and (max-width: 768px) {
    .magazine-viewport {
        position: relative;
        overflow: hidden;
        height: 300px;
        width: 100%;
    }
        .jumbotron {
        margin-top: 20px;
    }
    .body-content {
        padding: 0;        
    }    
    body {      
       padding-top:70px;
 
    }
  
}

.logo{     
     justify-content:center;
}

.Menu{         
     justify-content:center; 
     /*padding-left:50px;*/
}

.dropdown-item:hover{
    background-color:#346993;
    background-image:none;
}


.buscador {
    margin-left:1%;
    width:14%;
}

.imglogoMenu{
    width:100px; 
    padding-top:5px; 
    padding-bottom:5px
}

.imglogoFooter{
    width:150px;      
}

.imgfooter{
    width:50px;
    height:35px;   
}

.fondoContent {
    background:#0f325e;   
}

.fondoContent-Opacidad {
    opacity:0.7;
}

.fondoSearch {
    background: #346993;
    padding-left:50px;
}

.Searchaling{
    text-align:right;
    align-items:flex-end;
}

.text-content-ContactCenter{
   font-size:52px; 
}

.text-content-Help{
   font-size:15px; 
   padding-top:10px;
   padding-bottom:10px;
  
}

.imgAtnCliente {
    text-align:center;
}

.text-title-AtnCobTe{
   font-size:28px;   
}

.text-subtitle-AtnCobTe{
   font-size:20px;   
   text-align:center;
}


.text-title-AtnCobTe-description{
   font-size:16px;   
   text-align:center;
}

.imgHAlianza-Vector{
   padding-top:20px;
   padding-bottom:20px;
   width:80%;

}

.textHAlianza-title{
    color:#0f325e;
    font-size:39px;
}


.textHAlianza-description{
    color:#9bacbf;
    font-size:15px;
}

.MarginHOptions{
   padding-top:40px;
   padding-bottom:40px;
}

.text-HOptions-description {   
    text-align:justify;
}


.HMarca-paralax {
    background-image:url("../imagenes/Home/delta-paralax.jpg"); 
    height:150px;
    width:100%;
    background-attachment:fixed;
    background-position: center;
    background-repeat:no-repeat;
    background-size:cover;
    opacity:0.8;
}

.text-title-HMarca{   
    font-size:36px; 
    
}

.text-title-HMarca-description{   
    font-size:18px; 
}


.text-title-HCentros{   
    font-size:18px; 
    color:#9bacbf;  
}

.text-subtitle-HCentros{   
    font-size:30px; 
    color:#0f325e;
    font-weight:bold;
}

.text-HCentros-etiqueta {
    position:absolute; 
    bottom:0px;
    padding:5px;
    left:0px;
    right:10px;    
    background-color:#0f325e;  
    width:30%;
}

.text-HCentros-description {
    padding-top:5px;    
    padding-right:5px;
    padding-left:5px;
    font-size:12px;
    text-align:justify;
}

.backgroud-HCentros-description {     
    background-color:#0f325e;
    height:100%;
    width:100%;
}

.MarginHCentros {     
   /*padding-left:15px;
   padding-right:15px;*/
   padding-left:5%;
   padding-right:5%;
}

.text-HBolsaTrabajo-description {     
    font-size:30px;   
    color:#9bacbf;
}

.text-HBolsaTrabajo-description2 {     
    font-size:70px;   
    color:#0f325e;
}

.text-HBolsaTrabajo-description3 {     
    font-size:37px;   
    color:#0f325e;
}
.imgHCentros {
    width:100%;
}


/*EXTRAS*/
.ContenidoQuienesSomos {
    font-size:14px; 
    font-family:Arial; 
    text-align:justify; 
    color:#9bacbf; 
    padding-top:15px; 
    padding-bottom:15px;
}

.TituloResultado {
    font-size:25px; font-family:Arial; text-align:justify; color:#9bacbf; padding-bottom:20px;
}
.t-azul50 {
    color:#0f325e; font-size:50px; font-family:Arial; font-weight:bold;
}
.t-azul40 {
    color:#0f325e; font-size:40px; font-family:Arial; font-weight:bold;
}
.t-azul25 {
    color:#0f325e; font-size:25px; font-family:Arial; font-weight:bold; text-decoration:none; text-decoration-line:none;
}
.t-azul15 {
    color:#0f325e; font-size:15px; font-family:Arial; font-weight:bold; text-decoration:none; text-decoration-line:none;
}

.t-azul15:hover {
    text-decoration:none; text-decoration-line:none;
}

.text-gris25 {
    font-size:25px; font-family:Arial; text-align:justify; color:#9bacbf; padding-bottom:20px; 
}
.text-gris22 {
    font-size:22px; font-family:Arial; text-align:justify; color:#9bacbf; padding-bottom:20px;
}
.text-gris15 {
    font-size:15px; font-family:Arial; text-align:justify; color:#9bacbf;
}
.text-gris12 {
    font-size:12px; font-family:Arial; text-align:justify; color:#9bacbf;
}

.text-azul15 {
    font-size:15px; font-family:Arial; text-align:justify; color:#0f325e;
}

.text-blanco30 {
    font-size:30px; font-family:Arial; text-align:justify; color:#fff; padding-bottom:20px;
}
.TBolsa-blanco {
    font-size:25px; font-family:Arial; text-align:justify; color:#fff; padding-bottom:20px;width:60%;
}
.TBolsa_tdAplicar {
    width:30%;
}

.TBPTU {
    width:30%;
}

.text-blanco22 {
    font-size:22px; font-family:Arial; text-align:justify; color:#fff; padding-bottom:20px;
}
.text-blanco15 {
    font-size:15px; font-family:Arial; text-align:justify; color:#fff;
}

.text40_b {
    font-size:40px; font-family:Arial; text-align:justify; font-weight:bold;
}
.text30_b {
    font-size:30px; font-family:Arial; text-align:justify; font-weight:bold;
}
.text15_b {
    font-size:15px; font-family:Arial; text-align:justify; font-weight:bold;
}
.text25 {
    font-size:25px; font-family:Arial; text-align:justify;
}
.text22 {
    font-size:22px; font-family:Arial; text-align:justify;
}
.text15 {
    font-size:15px; font-family:Arial; text-align:justify;
}

.texto_Marcado {
    background-color:#f2ee9b;
    font-weight:bold;
    padding-left:5px;
    padding-right:5px;
}

.C_Resultados {
    background-color:#0f325e;
    padding:5px;
    color:#fff;
    font-weight:bold;
    border-radius:25px;
}

.imgCobranza3 {
    padding-left:10px;
}



.AccesoBlanco {
    color:#fff;
    text-decoration:none;
    font-size:18px;
}

.AccesoBlanco:hover {
    color:#9bacbf;
    text-decoration:none;
    cursor:pointer;
}

#Contenedor {
    width:100%;
    height:100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.contenidoIndustrias {
    padding-left:20%; 
    padding-right:20%;
    padding-top:15px; 
    padding-bottom:30px;
    vertical-align:central;
}
.contenidoIndustrias_ConMenu {
    position:relative;
    left:25%;
}

.contenidoIndustrias_ConMenu {
    padding-left:20%; 
    padding-right:20%;
    padding-top:15px; 
    padding-bottom:30px;
    vertical-align:central;
}
.Contenedor-fotos {
    width: 80%;
    height:100%;
    margin:auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    vertical-align:central;
}

.Contenedor-fotos div {
    width:25%;
    height: 100%;
    -webkit-transition-propety:all;
    transition-property: all;
    -webkit-transition-duration:1s;
    transition-duration:1s;
}
.Contenedor-fotos div:hover {
    padding:5px;
}

.foto-industria-activo{
    background-color:#ccc;
    padding:5px;
}

.Contenedor-fotos div:hover {
    cursor:pointer;
    transform: scale(1.1,1.1);
}


/*QUIENES SOMOS*/
.content_valores {
    width:100%;
    height:350px;
    background-color:#0f325e;
    font-size:14px; 
    font-weight:bold;
    font-family:Arial; 
    text-align:justify; 
    color:#fff;
    padding:15px;
    border-radius:15px;
}

.TituloValor {
    background-color:#0f325e;
    font-size:22px; 
    font-weight:bold;
    font-family:Arial; 
    text-align:justify; 
    color:#fff;
    padding-left:5px;
    border-radius:5px 0px 0px 5px;
}

.lineaTiempo_Titulo {
    font-size:22px; 
    font-family:Arial; 
    text-align:justify; 
    font-weight:bold; 
    padding:10px 10px;
    color:#fff;
    -webkit-transition-propety:all;
    transition-property: all;
    -webkit-transition-duration:.5s;
    transition-duration:.5s;
}

.lineaTiempo_Contenido {
    font-size:14px; 
    font-family:Arial; 
    text-align:justify;
    padding:0px 10px 10px 10px;  
    color:#fff; 
    -webkit-transition-propety:all;
    transition-property: all;
    -webkit-transition-duration:.5s;
    transition-duration:.5s;   
}

.lineaTiempo {
	position: relative;
	max-width: 100%;
    /*min-width: 1200px;*/
	margin: 0 auto;
    text-align:left;
    left:0;
    -webkit-transition-propety:all;
    transition-property: all;
    -webkit-transition-duration:1s;
    transition-duration:1s;
}
.lineaTiempo::after{
	content:'';
	position:absolute;
	width:0px;
    border: 4px dotted #0f325e;
	opacity:.2;
	border-color:transparent transparent transparent #0f325e;
	/*background-color:white;*/
	top: 0;
	bottom:0;
	left:40%;
	margin-left:-3px;
}

.lineaTiempo_container {
	padding: 15px 40px; 
	position: relative;
	background-color:inherit;
	width:40%;
    color:white;
    -webkit-transition-propety:all;
    transition-property: all;
    -webkit-transition-duration:1s;
    transition-duration:1s;
}

.lineaTiempo_container_left{
	left:0%;
}
.lineaTiempo_container_right{
	left:40%;
}

.lineaTiempo_container_left::before{
	content:' ';
	height:0;
	position: absolute;
	top:22px;
	width:0;
	z-index:1;
	right:30px;
	border: medium solid #0f325e;
	border-width:10px 0 10px 10px;
	border-color:transparent transparent transparent #0f325e;
}
.lineaTiempo_container_left >span{
	position: absolute;
	text-align:center;
	font-size:20px;
    font-weight:bold;
    padding-bottom:25px;
    text-align:center;
    vertical-align:central;
    width:30px;
    height:30px;	
	right: -16px;
	color:white;
	background-color:#0f325e;
	border: 1px solid #0f325e;
	border-radius:50px;
	top: 15px;
	z-index:15;
    -webkit-transition-propety:all;
    transition-property: all;
    -webkit-transition-duration:.5s;
    transition-duration:.5s;
}
.lineaTiempo_container_right >span{
	position: absolute;
	text-align:center;
	font-size:20px;
    font-weight:bold;
    padding-bottom:25px;
    text-align:center;
    vertical-align:central;
    width:30px;
    height:30px;
	left: -16px;
    color:white;
	background-color:#0f325e;
	border: 1px solid #0f325e;
	border-radius:50px;
	top: 15px;
	z-index:15;
    -webkit-transition-propety:all;
    transition-property: all;
    -webkit-transition-duration:.5s;
    transition-duration:.5s;
}
.lineaTiempo_container >span:hover{
	cursor:pointer;
    transform: scale(1.2,1.2);
}

.lineaTiempo_container_right::before{
	content:' ';
	height:0;
	position: absolute;
	top:22px;
	width:0;
	z-index:1;
	left:30px;
	border: medium solid #0f325e;
	border-width:10px 10px 10px 0;
	border-color:transparent #0f325e transparent transparent;
}
.lineaTiempo_container_right::after{
left:-16px;
}

.lineaTiempo_contenido {
	/*padding:20px 30px;*/
	background-color: #0f325e;
	position:relative;
	border-radius:6px;
}

.lineaTiempo_container_left .LineaTiempo_time span {
	position: absolute;
	text-align:center;
	font-size:14px;
    font-weight:bold;
    padding-bottom:15px;
    text-align:center;
    vertical-align:central;
    width:70px;
    height:25px;
	right: -95px;
	top: 20px;
	z-index:15;
    color: #0f325e;
}
.lineaTiempo_container_right .LineaTiempo_time span {
	position: absolute;
	text-align:center;
	font-size:14px;
    font-weight:bold;
    padding-bottom:15px;
    text-align:center;
    vertical-align:central;
    width:70px;
    height:25px;
	left: -95px;
	top: 20px;
	z-index:15;
    color: #0f325e;
}

/*Estilos Cobranza*/
.TituloCobranza {
    background-color:#0f325e;    
    font-size:22px; 
    font-weight:bold;
    font-family:Arial; 
    text-align:justify; 
    color:#fff;
    border-radius:0px 5px 5px 0px;
}

.content_contactos {
    background-color:#0f325e;
    font-size:14px; 
    font-family:Arial; 
    text-align:justify; 
    color:#fff;
    padding:15px;
    border-radius:15px;
}


.botones2{
	font-size:40px;
	width:70px;
	height:70px;
    text-align:center;
    color:#0f325e;
    border:4px solid #0f325e;
    border-radius:50px;
    margin: auto;
    vertical-align:central;
    z-index:1;

	line-height:65px;   
	
	font-weight:bold;	
	box-shadow:0 0 10px rgba(255,255,255,.6);
	-webkit-transition: all .3% ease;
	-o-transition: all .3% ease;
	-transition: all .3% ease;
}

.botones2:hover{
	cursor: pointer;
	transform: scale(1.2,1.2);
    background-color:#ddd;
}

.botones3 {

    font-size:40px;
	width:70px;
	height:70px;
    text-align:center;
    color:#ddd;
    border:4px solid #ddd;
    border-radius:50px;
    margin: auto;
    z-index:1;

	line-height:65px;   
	
	font-weight:bold;	
	box-shadow:0 0 10px rgba(255,255,255,.6);
	-webkit-transition: all .3% ease;
	-o-transition: all .3% ease;
	-transition: all .3% ease;
}

.botones3:hover{
	cursor: default;
}

.atras2 a {
    color:#0f325e;
    text-decoration:none;
}
.adelante2 a {
    color:#0f325e;
    text-decoration:none;
}

.atras2 a:hover {
    color:#0f325e;
    text-decoration:none;
}

.adelante2 a:hover {
    color:#0f325e;
    text-decoration:none;
}

.AtencionCliente_Detalle, .Telemarketing_Detalle, .Soporte_Detalle{
    box-shadow: inset 0px 0px 0px rgba(0,0,0,10), 0 5px 20px rgba(0,0,0,10);
}


.cierraDetalle {
    width: 25px;
    height: 25px;
    border: 3px solid #0f325e;
    color:#0f325e;
    border-radius: 50px;
    content: 'X';
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    vertical-align: central;
    left: 97.5%;
    top: 20px;
    position: relative;
}

.cierraDetalle:hover {
    cursor:pointer;
    background-color:#9bacbf;
    transform:scale(1.2,1.2);
}

.IndustriasImg:hover {
    cursor:pointer;
    transform: scale(1.1,1.1);
    -webkit-transition-propety:all;
    transition-property: all;
    -webkit-transition-duration:1s;
    transition-duration:1s;
    z-index:80;
}
.IndustriasImg {
    width:33%;
    height:33%;
    padding:10px;
    -webkit-transition-propety:all;
    transition-property: all;
    -webkit-transition-duration:1s;
    transition-duration:1s;
    z-index:50;
}

.TituloVacantes {
    background-color:#0f325e;
    font-size:22px; 
    font-weight:bold;
    font-family:Arial; 
    text-align:justify;
    padding-left:40%; 
    padding-right:10px;
    padding-top:5px;
    padding-bottom:5px;
    color:#fff;
    border-radius:0px 5px 5px 0px;
}
.CentroVacantes {    
    font-size:22px; 
    color:#0f325e; 
    font-family:Arial; 
    font-weight:bold;
    text-align:justify;
    padding-left:40%; 
    padding-right:10px;
    padding-top:5px;
    padding-bottom:5px;
}

.VacanteAcceso {
    font-size:15px; 
    font-family:Arial; 
    text-align:justify; 
    font-weight:bold;
    color:#fff;
    text-decoration:none;
    text-decoration-line:none;
    height:auto;
    padding-top:10px;
    padding-left:10px;
}

.VacanteAcceso:hover {
    color:#fff;
    background-color:#346993;
    text-decoration:none;
    text-decoration-line:none;
    cursor:pointer
}

.VacanteAcceso_Activo {
    font-size:15px; 
    font-family:Arial; 
    text-align:justify; 
    font-weight:bold;
    color:#fff;
    background-color:#346993;
    text-decoration:none;
    text-decoration-line:none;
    height:auto;
    padding-top:10px;
    padding-left:10px;
}

.CentroVacantes_Acceso {
    font-size:15px; 
    font-family:Arial; 
    text-align:justify; 
    font-weight:bold;
    color:#0f325e;
    text-decoration:none;
    text-decoration-line:none;
    height:35px;
    padding-top:10px;
    padding-left:10px;
}

.CentroVacantes_Acceso:hover {
    color:#0f325e;
    background-color:#9bacbf;
    text-decoration:none;
    text-decoration-line:none;
    cursor:pointer
}

.CentroVacantes_Acceso_Activo {
    font-size:15px; 
    font-family:Arial; 
    text-align:justify; 
    font-weight:bold;
    color:#0f325e;
    background-color:#9bacbf;
    text-decoration:none;
    text-decoration-line:none;
    height:35px;
    padding-top:10px;
    padding-left:10px;
}

.ContenidoVacantes {
    background-color:#346993;
    font-size:15px; 
    color:#fff; 
    font-family:Arial; 
    text-align:justify;
    padding:10px;
    border-radius:10px;
}
.btn-BolsaBanner {
  color: #fff;
  background-color: #0f325e;
  border-color: #346993;
  font-weight:bold;
  margin-top:20px; 
  margin-left:20px;
}

.btn-BolsaBannerPTU {
  color: #000000;
  background-color: #FFC300;
  border-color: #346993;
  font-weight:bold;
  margin-top:20px; 
  margin-left:20px;
}


.btn-Bolsa {
  color: #fff;
  background-color: #346993;
  border-color: #346993;
  font-weight:bold
}

.TituloContactCenter {
    background-color:#0f325e;
    font-size:40px; 
    font-weight:bold;
    font-family:Arial; 
    text-align:justify;
    padding-left:20%; 
    padding-right:10px;
    color:#fff;
    border-radius:0px 5px 5px 0px;
}



.Galeria {
    width:100%;
}
.Galeria .col-lg{
    padding:10px;
}
.Galeria .col-lg img {
    width:100%;
    height:100%;
    -webkit-transition-propety:all;
    transition-property: all;
    -webkit-transition-duration:1s;
    transition-duration:1s;
    z-index:50;
}

.Galeria .col-lg img:hover {
    transform:scale(1.1,1.1);
    box-shadow: inset 0px 0px 0px rgba(0,0,0,10), 0 5px 20px rgba(0,0,0,10);
    z-index:100;
}

.GaleriaImg{
    -webkit-transition-propety:all;
    transition-property: all;
    -webkit-transition-duration:1s;
    transition-duration:1s;
    z-index:50;
}

.GaleriaImg:hover {
    transform:scale(1.1,1.1);
    box-shadow: inset 0px 0px 0px rgba(0,0,0,10), 0 5px 20px rgba(0,0,0,10);
    z-index:100;
}

/*ESTILOS UBICACION*/

.LinkUbicacion {
    text-decoration:none;
    font-size:22px; 
    font-family:Arial; 
    color:#9bacbf;
}
.LinkUbicacion:hover, .LinkUbicacion:active {
    text-decoration:none;
    color:#0f325e;
}

.botonesCentros {
    width:50%;
    margin-bottom:20px;
}

.btnUbicacionCentros_Inactive {
    background-image:url(../imagenes/UBICACION/BOTON-CENTROS.png); 
    background-size:100% 100%; 
    width:90%; 
    height:300%;
    border:0;
    background-color:transparent;
    -webkit-transition-propety:all;
    transition-property: all;
    -webkit-transition-duration:1s;
    transition-duration:1s;
}
.btnUbicacionCentros {
    background-image:url(../imagenes/UBICACION/BOTON-CENTROS-SELECT.png); 
    background-size:100% 100%; 
    border:0;
    width:90%; 
    height:300%;
    background-color:transparent;
    -webkit-transition-propety:all;
    transition-property: all;
    -webkit-transition-duration:1s;
    transition-duration:1s;
}

.btnUbicacionCentros:hover, .btnUbicacionPlazas:hover {
    cursor:default;
}

.btnUbicacionCentros_Inactive:hover {
    background-image:url(../imagenes/UBICACION/BOTON-CENTROS-SELECT.png); 
    cursor:pointer;
}

.btnUbicacionPlazas_Inactive {
    background-image:url(../imagenes/UBICACION/BOTON-PLAZAS.png); 
    background-size:100% 100%; 
    border:0;
    width:90%; 
    height:300%;
    background-color:transparent;
    -webkit-transition-propety:all;
    transition-property: all;
    -webkit-transition-duration:1s;
    transition-duration:1s;
}
.btnUbicacionPlazas {
    background-image:url(../imagenes/UBICACION/BOTON-PLAZAS-SELECT.png); 
    background-size:100% 100%; 
    width:90%; 
    height:300%;
    border:0;
    background-color:transparent;
    -webkit-transition-propety:all;
    transition-property: all;
    -webkit-transition-duration:1s;
    transition-duration:1s;
}

.btnUbicacionPlazas_Inactive:hover {
    background-image:url(../imagenes/UBICACION/BOTON-PLAZAS-SELECT.png); 
    cursor:pointer;
}

.btnUbicacionCentros_EN_Inactive {
    background-image:url(../imagenes/UBICACION/location-centers-off.png); 
    background-size:100% 100%; 
    width:90%; 
    height:300%;
    border:0;
    background-color:transparent;
    -webkit-transition-propety:all;
    transition-property: all;
    -webkit-transition-duration:1s;
    transition-duration:1s;
}
.btnUbicacionCentros_EN {
    background-image:url(../imagenes/UBICACION/location-centers-on.png); 
    background-size:100% 100%; 
    border:0;
    width:90%; 
    height:300%;
    background-color:transparent;
    -webkit-transition-propety:all;
    transition-property: all;
    -webkit-transition-duration:1s;
    transition-duration:1s;
}

.btnUbicacionCentros_EN:hover, .btnUbicacionPlazas:hover {
    cursor:default;
}

.btnUbicacionCentros_EN_Inactive:hover {
    background-image:url(../imagenes/UBICACION/location-centers-on.png); 
    cursor:pointer;
}

.btnUbicacionPlazas_EN_Inactive {
    background-image:url(../imagenes/UBICACION/location-places-off.png); 
    background-size:100% 100%; 
    border:0;
    width:90%; 
    height:300%;
    background-color:transparent;
    -webkit-transition-propety:all;
    transition-property: all;
    -webkit-transition-duration:1s;
    transition-duration:1s;
}
.btnUbicacionPlazas_EN {
    background-image:url(../imagenes/UBICACION/location-places-on.png); 
    background-size:100% 100%; 
    width:90%; 
    height:300%;
    border:0;
    background-color:transparent;
    -webkit-transition-propety:all;
    transition-property: all;
    -webkit-transition-duration:1s;
    transition-duration:1s;
}

.btnUbicacionPlazas_EN_Inactive:hover {
    background-image:url(../imagenes/UBICACION/location-places-on.png); 
    cursor:pointer;
}

.img_Buscar_Inactive {
    background-image:url(/imagenes/BUSCADOR/icon_Buscar_inactivo.png); 
    background-size:100% 100%; 
    width:40px; 
    height:40px;
    border:0;
    background-color:transparent;
    -webkit-transition-propety:all;
    transition-property: all;
    -webkit-transition-duration:1s;
    transition-duration:1s;
}
.img_Buscar {
    background-image:url(/imagenes/BUSCADOR/icon_Buscar_activo.png); 
    background-size:100% 100%; 
    border:0;
    width:40px; 
    height:40px;
    background-color:transparent;
    -webkit-transition-propety:all;
    transition-property: all;
    -webkit-transition-duration:1s;
    transition-duration:1s;
}
.img_Buscar_Inactive:hover {
    background-image:url(/imagenes/BUSCADOR/icon_Buscar_activo.png); 
    cursor:pointer;
}

.img_Buscar:hover {
    cursor:default;
}


.ImgIconoBolsa {
    width:100%; 
    padding-left:20%; 
    padding-right:20%; 
    vertical-align:central;
}




/*VENTANA DE BLOQUEO ****************************************************************************************************************/
.block2 {
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background-image: url(/imagenes/bg_block.png);
    background-repeat: repeat;
    z-index: 1045;
}

.blockPoPoup1 {
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background-image: url(/imagenes/bg_block.png);
    background-repeat: repeat;
    z-index: 1035;
}

.blockPoPoup2 {
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background-image: url(/imagenes/bg_block.png);
    background-repeat: repeat;
    z-index: 1040;
}

.blockPoPoup3 {
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background-image: url(/imagenes/bg_block.png);
    background-repeat: repeat;
    z-index: 1045;
}

.cargando {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    top: 40%;
    z-index: 1045;
}

/*
-----------------------------------------------------------------------------
-----------------------------------POPUP-------------------------------------
-----------------------------------------------------------------------------
*/

.popUp {    
    width:450px;
}
.popUp_Content {    
    width:470px;
    top:30%;
    left:30%;
}
.popUp_Content_EC { 
    width:60%; 
    top:5%;
    left:20%;
}

.customPopUp {   
    position:fixed;
    font-size: 12px;
    font-family:Arial;
    color: Black;
    background-color: #F4F4F4;
    border: solid 1px #FFFFFF;
    color:#FFFFFF;
    margin-bottom: 10px;
    margin-right: 0;
    text-align: left;
    border-radius:5px;
    padding:15px;
}


.customPopUpHeader {
    font-size: 12px;
    font-family:Arial;
    white-space: nowrap;
    padding: 3px 9px;
    background-color:transparent;
    color: White;
    font-weight: bold;
    cursor: default;
    height: 20px;
}

/*.customPopUpHeader {
    font: 9pt Tahoma;
    border-bottom: solid 1px #C9C9C9;
    white-space: nowrap;
    padding: 1px 9px 1px 20px;
    background-color: Maroon;
    min-height: 20px;
    color: White;
    font-weight: bold;
}*/

.customPopUpContent {
    width:100%;
    font-size: 12px;
    font-family:Arial;
    color: #000000;
    white-space: normal;
    vertical-align: middle;
    background-color: #F4F4F4;
}

.customPopUpCloseButton {
    position: absolute;
    right: 5px;
    top: 4px;
    cursor:pointer;
}

.customPopUpImage {
    position: absolute;
    left: 15px;
    top: 20px;
}

.tituloMensaje {
    color:#0f325e;
    font-weight: bold;
    font-size: 25px;
    font-family:Arial;
    text-align:left;  
    padding-left:30px;
    padding-top:2.5px;
    margin-bottom:0;
    border-radius:5px;
}
.Mensaje {
    width:100%;
    font-size: 12px;
    font-family:Arial;
    text-align:justify;
    background-color:transparent;
    color: #000;
    font-weight: bold;
    text-align: center;
    padding-top:10px;
    border: 0;
    vertical-align:central;
}

.btn-Aceptar {
  color: #fff;
  background-color: #0f325e;
  border-color: #346993;
  font-weight:bold;
  margin-top:20px; 
}
.btn-Cancelar {
  color: #fff;
  background-color:#00A2A0; 
  border-color: #346993;
  font-weight:bold;
  margin-top:20px; 
}


/*ESTILOS DE CARGA **************************************************************************************************************************/
.loader:before,
.loader:after,
.loader {
	border-radius:50%;
	width:2.5em;
	height:2.5em;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation:load7 1.8s infinite ease-in-out;
	animation:load7 1.8s infinite ease-in-out;
}

.loader {
	margin: 8em auto;
	font-size:10px;
	position: relative;
	text-indent: -9999em;
	-webkit-animation-delay; 0.16s;
	animation-delay: 0.16s;
}

.loader:before{
	left: -3.5em;
}

.loader:after{
	left:3.5em;
	-webkit-animation-delay: 0.32s;
	animation-delay: 0.32s;
}

.loader:before,
.loader:after {
	content:'';
	position: absolute;
	top: 0;
}

@-webkit-keyframes load7{
	0%, 80%, 100% {
		box-shadow: 0 2.5em 0 -1.3em #346993;
	}
	40%{
		box-shadow: 0 2.5em 0 0 #346993;
	}
}

@keyframes load7{
	0%, 80%, 100% {
		box-shadow: 0 2.5em 0 -1.3em #346993;
	}
	40%{
		box-shadow: 0 2.5em 0 0 #346993;
	}
}

/************************************************************* RESPONSIVO **************************************************************************/

@media all and (max-width:1600.98px) {
    .ContentBolsa {
       width:100%;    
       height:10%;
       padding-top:5px;
       background-color:#00A2A0; 
       padding-left:15%; 
       padding-right:15%;
    }

    /*.ContentBody {
        width:100%;    
        padding-top:275px; 
        position:inherit;
    }*/
}

@media all and (max-width:1335.98px) {
    .ContentBolsa {
       width:100%;    
       height:10%;
       padding-top:5px;
       background-color:#00A2A0; 
       padding-left:5%; 
       padding-right:5%;
    }
}
@media all and (max-width:1135.98px) {
    .ContentBolsa {
       width:100%;    
       height:10%;
       padding-top:5px;
       background-color:#00A2A0; 
       padding-left:5%; 
       padding-right:5%;
    }
    .TBolsa-blanco {
        font-size:22.5px;
        padding-left:20%;
        width:80%;
    }
    .TBolsa_tdAplicar {
        width:10%;
    }

      .TBPTU {
        width:10%;
    }
    .text-HBolsaTrabajo-description2 {     
        font-size:50px;   
        color:#0f325e;
    }
    .text-content-ContactCenter{
       font-size:45px; 
    }
    .text-HBolsaTrabajo-description {     
    font-size:25px;   
    color:#9bacbf;
    }
}

@media all and (max-width:991.98px) {
    .lineaTiempo::after {
        left: 25%;
    }

    .lineaTiempo_container {
        width: 70%;
        padding-left: 40px;
        padding-right: 25px;
        left: 25%;
    }

        .lineaTiempo_container::before {
            left: 30px;
            border: medium solid #0f325e;
            border-width: 10px 10px 10px 0;
            border-color: transparent #0f325e transparent transparent;
        }

    .lineaTiempo_container_left::after, .lineaTiempo_container_right::after {
        left: 30px;
    }

    .lineaTiempo_container_right > span, .lineaTiempo_container_left > span {
        left: -16px;
    }

    .lineaTiempo_container_left .LineaTiempo_time span {
        left: -95px;
    }

    .contenidoIndustrias {
        padding: 0px 15px;
    }

    .lineaTiempo_Titulo {
        font-size:18px; 
    }
    .lineaTiempo_Contenido {
        font-size:12px; 
    }

    .buscador {
        vertical-align: central;
        width: 100%;
    }

    lenguajeE {
        width: 49%;
        text-align: center;
        padding: 10px 0;
    }

    .lenguajeI {
        margin-left: 0;
        width: 50%;
        text-align: center;
        padding-top: 10px;
        padding-left: 15px;
    }

    .ContentBolsa {
       width:100%;    
       height:10%;
       padding-top:5px;
       background-color:#00A2A0; 
       padding-left:5%; 
       padding-right:10%;
    }
    .imgBannerBolsa {
        width:80px;
        text-align:center;
    }
    .TBolsa-blanco {
        font-size:20px;
        padding-left:20%;
        width:80%;
    }
    .TBolsa_tdAplicar {
        width:10%;
    }
    .TBPTU {
        width:10%;
    }

    .btn-BolsaBanner {
        margin-top:-10%; 
        margin-left:60%;
    }

    /*.ContentBody {
        width:100%;    
        padding-top:320px; 
        position:inherit;
    }*/

    .botonesCentros {
        width: 100%;
        margin-top: 20px;
    }

    .imgHCentros {
        width:100%;
    }
    .backgroud-HCentros-description {     
        width:65%;
    }

    .ImgIconoBolsa {
        width:75%; 
        margin-left:20%; 
        margin-right:25%; 
        vertical-align:central;
    }

    .imgEditar_Encima {
        top:-50px;
        left:-40%;
        width:100px;
        position:relative;
        z-index:500;
        height:0px;
    }
    .text-HBolsaTrabajo-description2 {     
        font-size:40px;   
        color:#0f325e;
    }
    .text-content-ContactCenter{
       font-size:40px; 
    }
    .t-azul40 {
        font-size:35px;
    }
    .text40_b {
        font-size:35px;
    }
    .text-HBolsaTrabajo-description {     
    font-size:23px;   
    color:#9bacbf;
    }
}

@media all and (max-width:867.98px) {
    .ContentBody {
        width:100%;    
        padding-top:155px; 
        position:inherit;
    }
    .btn-BolsaBanner {
        margin-top:-10%; 
        margin-bottom:10px;
    }

    .imgBannerBolsa {
        width:50px;
    }
    .TBolsa-blanco {
        font-size:130%;
        width:80%;
    }
    .TBolsa_tdAplicar {
        width:10%;
    }

     .TBPTU {
        width:10%;
    }
}
@media all and (max-width:667.98px) {
    .ContentBody {
        width:100%;    
        padding-top:145px; 
        position:inherit;
    }
    .imgBannerBolsa {
        width:50px;
    }
    .TBolsa-blanco {
        font-size:115%;
        width:80%;
    }
    .TBolsa_tdAplicar {
        width:10%;
    }

     .TBPTU {
        width:10%;
    }
    .popUp {    
        width:80%;
        min-width:250px;
    }
    .popUp_Content {    
        width:90%;
        min-width:270px;
        top:30%;
        left:5%;
        right:5%;
     }
    .customPopUpContent {
        width:90%;
        min-width:270px;
    }
}

@media all and (max-width:567.98px) {
    .imgBannerBolsa {
        width:50px;
    }
    .TBolsa-blanco {
        font-size:100%;
        width:80%;
    }
    .TBolsa_tdAplicar {
        width:10%;
    }

    .TBPTU {
        width:10%;
    }
    .popUp_Content {    
        width:95%;
        min-width:200px;
        top:30%;
        left:2%;
        right:2%;
     }
    .customPopUpContent {
        width:95%;
        min-width:200px;
    }
    .imgEditar_Encima {
        top:-50px;
        left:-35%;
        width:100px;
        position:relative;
        z-index:500;
        height:0px;
    }
}
@media all and (max-width:367.98px) {
    .imgBannerBolsa {
        width:50px;
    }
    .TBolsa-blanco {
        font-size:100%;
        width:80%;
    }
    .TBolsa_tdAplicar {
        width:10%;
    }

      .TBPTU {
        width:10%;
    }
    .popUp_Content {    
        width:95%;
        min-width:200px;
        top:30%;
        left:2%;
        right:2%;
     }
    .customPopUpContent {
        width:150px;
    }
    .tituloMensaje {
        font-size: 15px;
    }
    .Mensaje {
        width:150px;
        font-size: 10px;
        margin-left:-10px;
        margin-right:10px;
    }
    .text-HBolsaTrabajo-description2 {     
        font-size:35px;   
        color:#0f325e;
    }
    .text-content-ContactCenter{
       font-size:35px; 
    }
    .text-HBolsaTrabajo-description {     
    font-size:20px;   
    color:#9bacbf;
    }

     .lineaTiempo::after {
        left: 18%;
    }

    .lineaTiempo_container {
        width: 80%;
        padding-left: 40px;
        padding-right: 25px;
        left: 18%;
    }
    .lineaTiempo_container_right .LineaTiempo_time span {
        top:55%;
        left: -55px;
    }
    .lineaTiempo_container_left .LineaTiempo_time span {
        top:55%;
        left: -55px;
    }
    .lineaTiempo_Titulo {
        font-size:15px; 
    }
    .lineaTiempo_Contenido {
        font-size:12px; 
    }
    .t-azul40 {
        font-size:25px;
    }
    .text40_b {
        font-size:25px;
    }
}