@charset "utf-8";
/*------|| $CONTENIDO ||------*/

/**

 * Base.......................... Estilos CSS base y generales

 * Elementos..................... Elementos que se repiten (botones, paginación, etc)

 * Componentes................... Partes de una página que se repiten

 * Secciones..................... Estilos particulares para cada página

 * Misceláneas................... Otras reglas CSS

 */


/*------|| $BASE ||------*/
body{
	font-family: obvia, sans-serif;
	font-size: 18px;
	font-weight: 300;
	line-height: 30px;
	color: #000;
	padding: 0;
	margin: 0;
	min-height: 100vh;
	background: #FFF;
}
html{
	scroll-behavior: smooth;
}
html,
.container{
  min-width: 320px;
}
a:link, a:visited, a:hover, a:active{
	text-decoration: none;
}

a,
button,
input[type="submit"]{
	-webkit-transition: all .20s ease-in-out;
	-moz-transition:    all .20s ease-in-out;
	-o-transition:      all .20s ease-in-out;
	-ms-transition:     all .20s ease-in-out;
	transition:         all .20s ease-in-out;
}
ol, ul, li{
	margin: 0;
	padding: 0;
	list-style: none;
}
h1, .h1{
	font-size: 190px;
	font-weight: 900;
	line-height: 200px;
	color: #FFF;
	margin: 0 0 30px;
}
	h1 span{
		display: block;
		font-size: 43px;
		line-height: 45px;
	}
h2, .h2{
	font-size: 50px;
	font-weight: 900;
	line-height: 55px;
	color: #39DEC9;
	margin: 0 0 40px;
}
	h2 span{
		display: block;
		font-size: 30px;
	}
h3, .h3{
	font-size: 30px;
	line-height: 32px;
	font-weight: 900;
	margin: 0 0 30px;
}
h4, .h4{
	font-size: 30px;
	line-height: 32px;
	font-weight: 300;
	margin: 0 0 20px;
}
p{
	margin-bottom: 15px;
}
	p a{
		font-weight: 400;
		color: #FF0090;
		text-decoration: underline !important;
	}
		p a:hover,
		p a:focus{
			color: #459294;
		}

.upper{
	text-transform: uppercase;
}
.tipo-turquesa{
	color: #39DEC9;
}
.margin-invertido {
	margin-top: 10px;
}
.tipo-coral-invertido {
	background-color: #FF0090;
	color: #FFFFFF;
	padding: 10px 20px;
}
.tipo-coral-invertido:hover {
	color: #dbd8d8;
}
.tipo-coral{
	color: #FF0090;
}
.tipo-turquesa-secundario{
	color: #459294;
}
.tipo-gris{
	color: #E3E3E3;
}
.tipo-negra{
	color: #000;
}
.tipo-blanca{
	color: #FFF;
}
.bold{
	font-weight: 800;
}
.img-responsive{
	display: inline-block;
}

/*------|| $ELEMENTOS ||------*/

/*Bandas*/
.banda{
	padding: 50px 0;
}
.blanca{
	background: #FFF;
}
.fondo-turquesa{
	background-color: #39DEC9;
}
.fondo-coral{
	background-color: #FF0090;
}


/*Botón*/
.boton{
	display: inline-block;
	font-size: 18px;
	font-weight: 800;
	line-height: 20px;
	text-align: center;
	text-transform: uppercase;
	color: #FFF;
	padding: 20px 70px;
	background: #FF0090;
	border: none;
	cursor: pointer;
	position: relative;
	transition: .4s ease-in;
	z-index: 1;
	overflow: hidden;
}
	.borde{
		color: #39DEC9;
		background: transparent;
		border: 2px solid #39DEC9;
	}
	.boton::after{
		content: '';
		width: 0;
		height: 100%;
		background: #459294;
		position: absolute;
		top: 0;
		left: -50%;
		transform: skew(50deg);
		transition-duration: 0.6s;
		transform-origin: top left;
		z-index: -1;
	}
	.boton:focus,
	.boton:hover{
		color: #FFE300;
		outline: none;
	}
		.boton:hover:after{
			width: 150%;
			height: 100%;
		}

.link{
	display: block;
	font-size: 18px;
	font-weight: 800;
	line-height: 20px;
	text-align: left;
	text-transform: uppercase;
	color: #FF0090;
	padding: 10px 0;
	cursor: pointer;
}
	.link:hover{
		color: #FFE300;
	}

/*Formularios*/
.contacto{
	padding: 100px 0 80px;
	background: #E9F8F9;
}
	.contacto h2{
		color: #000;
		margin: 0 0 20px;
	}
		.contacto__form{
			margin: 20px 0 50px;
		}
			.msje-estado{
			    font-weight: 700;
				color: #39DEC9;
			}
			.formulario .alert{
				display: block;
				width: 100%;
				max-width: 300px;
				margin: 15px auto;
			}
			.form-horizontal .form-group{
				margin-bottom: 25px;
				margin-right: -15px;
				margin-left: -15px;
				position: relative;
			}
			.form-control,
			select.form-control{
				display: block;
				width: 100%;
				height: 40px;
				font-size: 18px;
				font-weight: 300;
				line-height: 24px;
				color: #303030;
				padding: 0;
				margin: 0;
				border: 0;
				outline: 0;
				border-bottom: 4px solid #39DEC9;
				border-radius: 0;
				background-color: transparent;
				box-shadow: none;
				transition: border-color 0.2s;
			}
				textarea.form-control{
					height: 40px;
					line-height: 40px;
					resize: vertical;
				}
				.form-control:focus{ 
				 border: none;	
				 outline: none;
				 border-bottom: 4px solid #FF0090;	
				}
			.form-label{
				font-size: 24px;
				font-weight: 300;
				color: #000;
				position: absolute;
				top: 0;
				left: 15px;
			  pointer-events: none;
				transition: all 0.5s ease-in-out;
			}
				.form-control:focus ~ .form-label,
				.form-control:valid ~ .form-label{
					font-size: 12px;
					font-weight: 700;
					color: #39DEC9;
					top: -18px;
				}
			.contacto__form-boton{
				margin: 30px 0 0;
			}
				/* reset input*/
				.form-control:focus,
				.form-control:required,
				.form-control:invalid{
					box-shadow: none;
				}
				.attach-your-resume{
					position: relative;
				}
					input[type="file"] {
						display: none;
					}
					.clip{
					  display: inline-block;
					  font-size: 24px;
					  font-weight: 400;
					  line-height: 28px;
					  color: #FFF;
					  padding: 30px 40px 30px 85px;
					  background-color: #39DEC9;
					  border-radius: 5px;
					  cursor: pointer;
					  position: relative;
					}
					.clip::before {
					  content: '';
					  display: inline-block;
					  width: 50px;
					  height: 58px;
					  background: url('../images/clip-join-us.png') no-repeat center;
					  background-size: cover;
					  position: absolute;
					  top: 15px;
					  left: 15px;
					}
				.form-control-file:hover::before {
				  border-color: black;
				}
				.form-control-file:active::before {
				  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
				}


/*------|| $COMPONENTES ||------*/
/*CABECERA*/
.cabecera{
	width: 100%;
	/*position: fixed;
	top: 0;
	left: 0;*/
	z-index: 100;
}
	.cabecera .navbar{
		width: 100%;
		border: none;
		border-radius: 0;
		padding: 0;
		margin: 0;
		background-color: #FFF;
		/*box-shadow: 1px 2px 5px rgba(0,0,0,0.20);*/
		/*position: fixed;*/
		z-index: 600;
	}
		.navbar-header{
			width: 100%;
			padding: 10px 0;
			position: relative;
		}
			.cabecera__logo{
				display: inline-block;
				padding: 10px 0 15px;
			}
				.cabecera__logo span{
					display: inline-block;
					font-size: 30px;
					font-weight: 300;
					line-height: 30px;
					color: #39DEC9;
					padding-right: 10px;
					transition: .4s ease-in;
				}
				.cabecera__logo img{
					width: 100%;
					max-width: 55px;
					transition: .4s ease-in;
				}
		.navegacion{
			text-align: right;
			position: relative;
		}

/*Navegación principal*/
.nav-principal{
	display: inline-block;
	font-size: 0;
	text-align: right;
	padding: 15px 60px 0 0;
}
	.nav-principal > ul > li{
		display: inline-block;
		padding: 0 25px;
		position: relative;
	}
		.nav-principal > ul > li:first-of-type{
			padding-left: 0;
		}
		.nav-principal > ul > li:last-of-type{
			padding-right: 0;
		}
		.nav-principal > ul > li > a{
			display: inline-block;
			font-size: 20px;
			font-weight: 800;
			line-height: 20px;
			text-align: center;
			text-transform: uppercase;
			color: #C0C0C0;
			padding: 10px 0;
			background: transparent;
			cursor: pointer;
			position: relative;
		}
			.nav-principal > ul > li > a:before{
			    content: '';
			    width: 0;
			    height: 9px;
			    background: #39DEC9;
			    border-radius: 3px;
			    position: absolute;
			    bottom: -3px;
			    left: 0;
			    z-index: -1;
			    -webkit-transform: scale3d(0, 1, 1);
			    transform: scale3d(0, 1, 1);
			    -webkit-transition: -webkit-transform 0.1s;
			    transition: transform 0.1s;
			    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
			    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
			    -webkit-transition-duration: 0.3s;
			    transition-duration: 0.3s
			}
			.nav-principal > ul > li > a:hover,
			.nav-principal > ul > li > a:focus,
			.nav-principal > ul > li > a.activo{
			    color: #39DEC9;
			}
				.nav-principal > ul > li > a:hover:before,
				.nav-principal > ul > li > a.activo:before{
				    width: 100%;
				    -webkit-transform: scale3d(1, 1, 1);
				    transform: scale3d(1, 1, 1);
				    -webkit-transition: -webkit-transform 0.1s;
				    transition: transform 0.1s;
				    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
				    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
				    -webkit-transition-duration: 0.3s;
				    transition-duration: 0.3s
				}
				.nav-principal > ul > li > a span{
					display: none;
				}

/*Hamburguesa*/
.hamburger,
.hamburger:focus{
    display: inline-block;
    padding: 0;
    font: inherit;
    color: inherit;
    text-transform: none;
    margin: 0;
    border: 0;
    background-color: transparent;
    overflow: visible;
    cursor: pointer;
    outline: none;
    position: absolute;
    top: 0;
    right: 10px;
    z-index: 600;
    transition-property: opacity, -webkit-filter;
    transition-property: opacity, filter;
    transition-property: opacity, filter, -webkit-filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
}
	.hamburger-box{
	    display: inline-block;
	    width: 46px;
	    height: 40px;
		border: 3px solid transparent;
	    border-radius: 5px;
	    background: #FFF;
	    position: relative;
	    -webkit-transition: all .20s ease-in-out;
	    -moz-transition: all .20s ease-in-out;
	    -o-transition: all .20s ease-in-out;
	    -ms-transition: all .20s ease-in-out;
	    transition: all .20s ease-in-out;
	}
		.hamburger:hover .hamburger-box{
		    border-color: #FF0090;
		}
		.hamburger-inner{
		    display: block;
		    margin-top: -2px;
		    top: 50%;
		    left: 5px;
		}
			.hamburger-inner,
			.hamburger-inner::before,
			.hamburger-inner::after{
			    width: 30px;
			    height: 4px;
			    border-radius: 0;
			    background-color: #39DEC9;
			    position: absolute;
			    transition-property: -webkit-transform;
			    transition-property: transform;
			    transition-property: transform, -webkit-transform;
			    transition-duration: 0.15s;
			    transition-timing-function: ease;
			}
			.hamburger-inner::before,
			.hamburger-inner::after{
			    content: '';
			    display: block;
			}
			.hamburger-inner::before{
			    top: -10px;
			}
			.hamburger-inner::after{
			    bottom: -10px;
			}
.hamburger--efecto .hamburger-box{
    -webkit-perspective: 80px;
    perspective: 80px;
}
	.hamburger--efecto .hamburger-inner{
	    transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
	    transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
	    transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
	}
	.hamburger--efecto .hamburger-inner::after{
	    transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
	    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
	    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
	}
	.hamburger--efecto.is-active .hamburger-inner{
	    background-color: transparent;
	    -webkit-transform: rotateY(180deg);
	    transform: rotateY(180deg);
	}
	.hamburger--efecto.is-active .hamburger-inner::before{
	    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
	    transform: translate3d(0, 10px, 0) rotate(45deg);
	}
	.hamburger--efecto.is-active .hamburger-inner::after{
	    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
	    transform: translate3d(0, -10px, 0) rotate(-45deg);
	}
/*Cabecera con scroll*/
/*.scroll.cabecera{
}
	.scroll.cabecera .navbar{
		box-shadow: 1px 2px 5px rgba(0,0,0,0.20);
	}
	.scroll.cabecera .nav-principal{
		padding: 0 60px 0 0;
	}
	.scroll.cabecera .cabecera__logo{
		padding: 5px 0;
	}
		.scroll.cabecera .cabecera__logo span{
			font-size: 20px;
			line-height: 30px;
			padding-right: 5px;
		}
		.scroll.cabecera .cabecera__logo img{
			max-width: 30px;
		}
	.scroll.cabecera .nav-secundaria{
		top: 24px;
	}*/

/*Header*/
.header{
	min-height: 620px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-color: #FFF;
	position: relative;
}
	.s_recursos .header{
		background-image: url('../images/headers/recursos.jpg');
	}
	.s_colaboradores .header{
		background-image: url('../images/headers/colaboradores.jpg');
	}


/* Pie */
.pie{
	text-align: center;
	padding: 30px 0;
	background-color: #E3E3E3;
	position: relative;
}
	.pie__logo{
		display: inline-block;
		margin: 0;
	}


/*------|| $SECCIONES ||------*/
/*Login*/
.s_login form{
	min-height: 270px;
}

/*Selector*/
.s_selector .navbar{
	background: transparent;
}
	.s_selector .cabecera__logo{
	    padding: 15px 40px 10px;
	    border-radius: 40px;
		background: #FFF;
	}

.s_selector .selectores h2{
	text-transform: uppercase;
}
	.s_selector .selectores h2 span{
		font-weight: 300;
		text-transform: none;
	}
.selectores{
	display: inline-block;
	width: 100%;
	/*min-width: 650px;*/
	max-width: 560px;
	padding: 120px 10px 10px;
	margin-top: -101px;
}
	.selectores.recursos{
		background: #C3F5EF;
	}
	.selectores.colaboradores{
		background: #FFD1EB;
	}
		.selectores__imagen{
			min-height: 700px;
			position: relative;
		}
			.selectores img{
				width: 100%;
				max-width: 500px;
				margin-left: -250px;
				position: absolute;
				top: 0;
				left: 50%;
				-webkit-transition: all .20s ease-in-out;
				-moz-transition:    all .20s ease-in-out;
				-o-transition:      all .20s ease-in-out;
				-ms-transition:     all .20s ease-in-out;
				transition:         all .20s ease-in-out;
			}
				.selectores:hover img{
					transform: scale(1.2);
				}

/*Recursos*/
.linea-de-tiempo{
	margin: 0 0 40px;
}
.fase{
	text-align: left;
	padding: 30px 30px;
	margin: 0 0 35px;
	border-radius: 10px;
	position: relative;
}
	.fase__numero{
		display: inline-block;
		width: 100%;
		max-width: 150px;
		font-size: 160px;
		font-weight: 900;
		line-height: 120px;
		text-align: center;
		color: #459294;
		padding: 10px 0;
		margin: 0 5px;
	}
		.fase__numero span{
			display: block;
			font-size: 24px;
			line-height: 24px;
		}
		.fase-1{
			background: #E1FAF7;
		}
		.fase-2{
			background: #C3F5EF;
		}
		.fase-3{
			background: #A6F0E7;
		}
		.fase-4{
			background: #7EEADC;
		}
		.fase-5{
			background: #39DEC9;
		}

	.fase__item{
		display: inline-block;
		width: 100%;
		max-width: 180px;
		font-size: 18px;
		font-weight: 300;
		line-height: 20px;
		text-align: center;
		color: #459294;
		padding: 10px;
		margin: 0 5px;
		border-radius: 5px;
		vertical-align: top;
	}
		.fase__item:before{
			content: '';
			display: inline-block;
			width: 120px;
			height: 110px;
			margin: 0 0 10px;
			background-repeat: no-repeat;
			background-position: center;
			background-size: cover;
		}
		.fase__texto{
			display: block;
		}
		.fase__texto span{
			display: block;
			color: #000;
		}
			.fase__item.html:before{
				background-image: url('../images/html.png');
			}
			.fase__item.ppt:before{
				background-image: url('../images/ppt.png');
			}
		.fase__item:focus,
		.fase__item:hover{
			color: #39DEC9;
			background: #FFF;
		}

.generales{
	background: #EEEEEE;
}
	.generales__item{
		display: inline-block;
		width: 100%;
		max-width: 250px;
		font-size: 18px;
		font-weight: 300;
		line-height: 20px;
		text-align: center;
		color: #000;
		padding: 10px;
		margin: 0 5px;
		border-radius: 5px;
		vertical-align: top;
	}
		.generales__item:before{
			content: '';
			display: inline-block;
			width: 120px;
			height: 110px;
			margin: 0 0 10px;
			background-repeat: no-repeat;
			background-position: center;
			background-size: cover;
		}
		.generales__texto{
			display: block;
		}
		.generales__item.html:before{
			background-image: url('../images/html-generales.png');
		}
		.generales__item.ppt:before{
			background-image: url('../images/ppt-generales.png');
		}
		.generales__item:focus,
		.generales__item:hover{
			color: #39DEC9;
			background: #FFF;
		}

	.identidad__item{
		display: inline-block;
		width: 100%;
		max-width: 250px;
		font-size: 18px;
		font-weight: 300;
		line-height: 20px;
		text-align: center;
		text-decoration: underline;
		color: #FF0090;
		padding: 10px;
		margin: 0 5px;
		border-radius: 5px;
		vertical-align: top;
	}
		.identidad__item.grande{
			max-width: 530px;
		}
		.identidad__item:before{
			content: '';
			display: inline-block;
			width: 120px;
			height: 110px;
			margin: 0 0 10px;
			background-repeat: no-repeat;
			background-position: center;
			background-size: cover;
		}
		.identidad__item.rar{
			margin: 0 0 30px;
		}
		.identidad__item.guias:before{
			width: 160px;
			height: 144px;
		}
		.identidad__texto{
			display: block;
		}
		.identidad__texto span{
			display: block;
		}
			.identidad__item.firma:before{
				background-image: url('../images/firma-identidad.png');
			}
			.identidad__item.ppt:before{
				background-image: url('../images/ppt-identidad.png');
			}
			.identidad__item.rar:before{
				background-image: url('../images/rar.png');
			}
			.identidad__item.biblia:before{
				background-image: url('../images/biblia.png');
			}
			.identidad__item.guias:before{
				background-image: url('../images/guias.png');
			}
		.identidad__item:focus,
		.identidad__item:hover{
			color: #FFF;
			background: #FFB2DD;
		}

.identidad__colores{
	padding: 25px;
	border-radius: 10px;
	background: #F4F4F4;
}
	.identidad__colores h3{
		margin: 0 0 10px;
	}
	.modulo-color{
		display: inline-block;
		width: 100%;
		max-width: 250px;
		font-size: 18px;
		font-weight: 700;
		line-height: 22px;
		text-align: center;
		color: #000;
		padding: 10px;
		margin: 0 5px;
		border-radius: 5px;
		vertical-align: top;
	}
		.modulo-color__imagen{
			margin: 0 0 10px;
		}

.linkedin{
	background: #FF66BC;
}
		.linkedin__item{
			display: inline-block;
			width: 100%;
			max-width: 250px;
			font-size: 18px;
			font-weight: 300;
			line-height: 20px;
			text-align: center;
			text-decoration: underline;
			color: #FFF;
			padding: 10px;
			margin: 0 15px;
			border-radius: 5px;
			vertical-align: top;
		}
			.linkedin__item:before{
				content: '';
				display: inline-block;
				width: 160px;
				height: 110px;
				margin: 0 0 15px;
				background-repeat: no-repeat;
				background-position: center;
				background-size: cover;
			}
			.linkedin__texto{
				display: block;
			}
				.linkedin__item.portada:before{
					background-image: url('../images/portada.png');
				}
				.linkedin__item.perfil:before{
					background-image: url('../images/perfil.png');
				}
				.linkedin__item.word:before{
					background-image: url('../images/word.png');
				}
				.linkedin__item.rar:before{
					background-image: url('../images/rar-linkedin.png');
				}
			.linkedin__item:focus,
			.linkedin__item:hover{
				color: #FFF;
				background: #FF0090;
			}
	.busquedas-pedila a{
		color: #FFF;
	}
		.busquedas-pedila a:hover,
		.busquedas-pedila a:focus{
			color: #FF0090;
		}
		.busquedas__item{
			display: inline-block;
			width: 100%;
			max-width: 250px;
			font-size: 18px;
			font-weight: 300;
			line-height: 20px;
			text-align: center;
			text-decoration: underline;
			color: #AD0062;
			padding: 10px;
			margin: 0 15px;
			border-radius: 5px;
			vertical-align: top;
		}
			.busquedas__item:before{
				content: '';
				display: inline-block;
				width: 155px;
				height: 100px;
				margin: 0 0 10px;
				background-repeat: no-repeat;
				background-position: center;
				background-size: cover;
				background-image: url('../images/busquedas.png');
			}
			.busquedas__texto{
				display: block;
			}
			.busquedas__item:focus,
			.busquedas__item:hover{
				color: #FF0090;
				background: #FFF;
			}

.conexion{
	padding: 70px 0;
	background: url('../images/fondo-conexion.jpg') repeat-y center;
}
	.conexion .row:first-of-type{
		padding: 50px 0 0;
		background: #FFF;
	}
	.conexion .row:last-of-type{
		padding: 20px 0 50px;
		background: #FFF;
	}
.con-flecha{
	display: block;
	margin: 0 0 60px;
}
	.con-flecha li{
		font-size: 24px;
		line-height: 24px;
		color: #000;
		padding-left: 25px;
		margin: 0 0 10px;
		position: relative;
	}
	.con-flecha li:before{
		content: '';
		display: inline-block;
		width: 11px;
		height: 19px;
		margin: 0 0 10px;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		background-image: url('../images/flecha-turquesa.png');
		position: absolute;
		top: 5px;
		left: 0;
	}
	.con-flecha.flecha-coral li:before{
		background-image: url('../images/flecha-coral.png');
	}
		.con-flecha li a{
			color: #000;
		}
			.con-flecha li a:hover,
			.con-flecha li a:focus{
				color: #459294;
			}

/*Colaboradores*/
.pago{
	margin: 160px 0 50px;
}
	.pago__contenido{
		padding: 50px;
		background: #FF0090;
		position: relative;
	}
		.pago__texto{
			display: inline-block;
			width: 100%;
			max-width: 580px;
		}
			.pago__texto p{
				font-size: 30px;
				line-height: 32px;
				color: #FFF;
			}
				.pago__texto p span{
					font-weight: 700;
				}
		.pago__imagen{
			position: absolute;
			top: -160px;
			right: 80px;
		}

	.cumples__imagen{
		display: inline-block;
		width: 100%;
		max-width: 300px;
	}
	.cumples__texto{
		padding: 80px 0 30px;
	}
		.cumples__texto ul{
			display: block;
			margin: 0 0 30px;
		}
			.cumples__texto ul li{
				font-size: 30px;
				font-weight: 300;
				line-height: 30px;
				color: #000;
				margin: 0 0 5px;
			}
				.cumples__texto ul li span{
					font-weight: 700;
					color: #39DEC9;
				}
		.cumples__texto p{
			font-size: 30px;
			line-height: 30px;
		}

.politicas__texto{
	padding: 60px 0 20px;
}

	.capacitaciones__item{
		font-size: 24px;
		line-height: 30px;
		padding: 10px 0;
		margin: 0 15px 15px;
		display: inline-block;
		width: 100%;
		max-width: 250px;
		font-weight: 300;
		text-align: center;
		text-decoration: underline;
		color: #FFF;
		border-radius: 5px;
		vertical-align: top;
	}
		.capacitaciones__item:before{
			width: 80px;
			height: 70px;
  		content: '';
			display: inline-block;
			margin: 0 0 15px;
			background-repeat: no-repeat;
			background-position: center;
			background-size: cover;
		}
		.capacitaciones__texto{
			display: block;
		}
			.capacitaciones__item.pdf:before{
				background-image: url('../images/capacitaciones-pdf.png');
			}
			.capacitaciones__item.zip:before{
				background-image: url('../images/zip.png');
			}
		.capacitaciones__item:focus,
		.capacitaciones__item:hover{
			color: #FFF;
			background: #FF0090;
		}


/*------|| $MISCELÁNEA ||------*/
.contenedor-modulos{
	font-size: 0;
	text-align: left;
}
	.sin-resultados{
		font-size: 14px;
	}

.full{
    padding-left: 0;
    padding-right: 0;
}


/* Animación suave */
.anim-suave{
    -webkit-transition: all 1s ease-in-out;
    -moz-transition:    all 1s ease-in-out;
    -o-transition:      all 1s ease-in-out;
    -ms-transition:     all 1s ease-in-out;
    transition:         all 1s ease-in-out;
}

@media (max-width: 1300px){
	.header{
		min-height: 300px;
		background-size: auto 100%;
	}
	h1{
		font-size: 120px;
		line-height: 120px
	}
	h1 span{
		font-size: 30px;
	}
	body{
		line-height: 24px;
	}
	.fase__item,
	.generales__item,
	.identidad__item,
	.linkedin__item,
	.busquedas__item{
		font-size: 14px;
		line-height: 16px;
	}
}
@media (max-width: 1200px){
	h2{
		font-size: 40px;
		line-height: 45px;
	}
	h2 span{
		font-size: 25px;
		line-height: 27px;
	}
	.fase__item{
		max-width: 150px;
	}
	.identidad__item.grande{
		max-width: 300px;
	}
	.contenedor-modulos{
		text-align: center
	}
	.pago__contenido{
		padding: 30px;
	}
	.pago__texto{
		max-width: 460px;
	}
}
@media (max-width: 990px){
	h1{
		font-size: 80px;
		line-height: 80px;
	}
	.cabecera__logo span{
		font-size: 24px;
		padding-right: 5px
	}
	.cabecera__logo img{
		max-width: 35px;
	}
	.nav-principal > ul > li{
		padding: 0 10px;
	}
	.nav-principal > ul > li > a{
		font-size: 18px;
		line-height: 20px;
		padding: 10px 0;
	}
	.fase{
		text-align: center
	}
	.fase__numero{
		display: block;
		max-width: 100%;
		margin: 0 0 15px
	}
	.identidad__item,
	.linkedin__item,
	.busquedas__item,
	.identidad__item.grande{
		max-width: 200px;
	}
	.generales__item{
		max-width: 210px;
	}
	.identidad__item.guias:before{
		width: 120px;
		height: 108px;
	}
	.linkedin__item:before{
		width: 120px;
		height: 82px;
	}
	.busquedas__item:before{
		width: 125px;
		height: 83px;
	}
	.identidad__colores{
		margin: 0 0 20px
	}
	.modulo-color{
		max-width: 190px;
	}
	.info-personal__imagen{
		margin: 0 0 50px
	}
	.pago__contenido{
		padding: 20px;
	}
	.pago__texto{
		display: inline-block;
		width: 100%;
		max-width: 400px;
	}
	.pago__texto p{
		font-size: 24px;
		line-height: 26px;
	}
	.pago__imagen{
		max-width: 220px;
		position: absolute;
		top: -160px;
		right: 50px;
	}
	.politicas__imagen{
		display: inline-block;
		width: 100%;
		max-width: 300px;
	}
	/*.capacitaciones__item:before{
		width: 125px;
		height: 110px;
	}*/
}
@media (max-width: 767px){
	body{
		font-size: 16px;
		line-height: 24px;
	}
	h3{
		font-size: 24px;
		line-height: 30px;
	}
	.header{
		min-height: 220px;
		background-size: 100%;
		padding: 0;
		background-position: center bottom;
	}
	.s_colaboradores .header{
		min-height: 500px;
		background-image: url('../images/headers/colaboradores-movil.jpg');
	}
	.navegacion{
		text-align: center;
	}
	.nav-principal{
		display: block;
		padding: 15px 0;
		border-bottom: 4px solid #39DEC9;
	}
	.nav-principal > ul > li{
		display: block;
		padding: 5px 0;
		text-align: center;
	}
	.nav-principal > ul > li:first-of-type{
		padding-left: 0;
	}
	.nav-principal > ul > li:last-of-type{
		padding-right: 0;
	}
	.nav-principal > ul > li > a{
		display: block;
		font-size: 18px;
		line-height: 18px;
		padding: 15px;
	}
	.nav-principal > ul > li > a:before{
		height: 100%;
		background: #E3E3E3;
		border-radius: 0;
		position: absolute;
		bottom: 0;
		left: 0;
	}
	.nav-secundaria{
		display: inline-block;
		padding: 10px 0 0 30px;
		position: relative;
		top: auto;
		right: auto;
	}
	.scroll.cabecera .nav-principal{
		padding: 0;
	}
	.collapse{
		visibility: visible;
	}
	/*#main{
		margin-top: 80px;
	}*/
	.form-label{
		font-size: 18px;
		line-height: 20px;
	}
	.pie__logo{
		display: block;
		text-align: center;
	}
	.pie__oficinas{
		text-align: center;
	}
	.pago{
		margin: 200px 0 50px;
	}
	.pago__contenido{
		padding: 90px 30px 30px;
	}
	.pago__texto{
		display: block;
		max-width: 100%;
	}
	.pago__imagen{
		width: 100%;
		max-width: 100%;
		text-align: center;
		position: absolute;
		top: -200px;
		right: auto;
		left: 0;
	}
	.pago__imagen img{
		max-width: 200px;
	}
	.cumples__texto{
		padding: 40px 0 30px;
		text-align: center
	}
	.cumples__texto ul li{
		font-size: 24px;
		line-height: 24px;
	}
}
@media (max-width: 630px){
	/*#main{
		margin-top: 60px;
	}*/
	.s_colaboradores .header{
		min-height: 400px;
	}
}
@media (max-width: 530px){
	/*#main{
		margin-top: 20px;
	}*/
	.s_colaboradores .header{
		min-height: 340px;
	}
}

.login-message {
	display: none; 
	text-align: center; 
	color: #e13939; 
	font-style: italic;
}

.pedir-vacaciones{
	padding: 20px 30px;
}

.volver{
	display: block;
	font-size: 18px;
	font-weight: 800;
	line-height: 20px;
	text-align: left;
	color: #FF0090;
	padding: 10px 0;
	cursor: pointer;
	position: absolute;
	top: 10px;
	left: 0;
}

.volver:hover{
	color: #FFE300;
}