@charset "UTF-8";
/* CSS Document */
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.eot');
    src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Regular.woff2') format('woff2'),
        url('../fonts/Montserrat-Regular.woff') format('woff'),
        url('../fonts/Montserrat-Regular.ttf') format('truetype'),
        url('../fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Bold.eot');
    src: url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Bold.woff2') format('woff2'),
        url('../fonts/Montserrat-Bold.woff') format('woff'),
        url('../fonts/Montserrat-Bold.ttf') format('truetype'),
        url('../fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Medium.eot');
    src: url('../fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Medium.woff2') format('woff2'),
        url('../fonts/Montserrat-Medium.woff') format('woff'),
        url('../fonts/Montserrat-Medium.ttf') format('truetype'),
        url('../fonts/Montserrat-Medium.svg#Montserrat-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Black.eot');
    src: url('../fonts/Montserrat-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Black.woff2') format('woff2'),
        url('../fonts/Montserrat-Black.woff') format('woff'),
        url('../fonts/Montserrat-Black.ttf') format('truetype'),
        url('../fonts/Montserrat-Black.svg#Montserrat-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

*{
    margin: 0;
    padding: 0;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family:Montserrat, Arial;
	font-weight: normal;
	color: #606060;
}
b, strong{
    font-family:Montserrat, Arial;
	font-weight: bold\9;
}
h1, h1, h3, h4, h5, h6, span, p, b, a, li, br, label{
    font-size: 16px ;
    line-height: 24px;
}
img{
	display: block;
	width: 100%;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {

	Body {
		font-family: Montserrat, proxima, Arial !important;
	}
	
	b {
		font-family:Montserrat, Arial !important;	
		font-weight:bold !important;
	}
}
html {
}
body{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 100vh;
	background: url("../media/img/back.jpg") no-repeat;
	background-size: cover;
}
a {
	color: #414141;
	outline: none;
	text-decoration: none;
}
button{
    border: none;
    background: transparent;
    position: relative;
    cursor: pointer;
}
:focus {
    outline: none;
}
.wrapper{
	position: relative;
	max-width: 996px;
	/*min-height: 500px;*/
	margin: 0 auto;
}
.wrapper.first{
	padding: 5rem  0 0;
}
.wrapper.last{
	padding: 0 0 3rem;
}

/*** Estilos del header y footer ***/
.header{
    text-align: center;
    position: relative;
    background: #FFFFFF;
}
    .header .logo{
        width: 49px;
        height: 32px;
		display: inline-block;
		margin: 11px auto 22px;
    }
	.header .barra{
		width: 100%;
		height: 7px;
		position: absolute;
		left: 0;
		bottom: 0;
		background: url("../media/img/barra.png") center center repeat-y;
		background-size: 100%;
	}
.footer{
    background: #292a2a;
    color: #ffffff;
    text-align: center;
    padding: 25px 0;
	z-index: 200;
}
	.footer span{
		color: #ffffff;
	}
	.footer.float{
		position: fixed;
		bottom: 0;
		width: 100%;
	}
.footer .line{
	display: inline-block;
}
.footer a{
    color: #606060;
    text-decoration: underline;
}

h2, h3, h5, h6{
	text-align: center;
	margin: 0 auto;
}

h2, h3{
	color: #FFFFFF;
	font-size: 1.5rem;
	line-height: 2.125rem;
}
h2{
	max-width: 65%;
}
h5{
	margin: 0 auto 2rem;
	color: #28265D;
	font-size: 1.5rem;
	font-weight: 500;
}
.vacantes{
	display: block;
	padding: 2rem 4rem;
	margin: 2rem auto 4rem;
	border-radius: 80px 80px 0 0;
	box-shadow: 8px 8px 16px rgba(0,0,0,.16);
	background: #FFFFFF;
	position: relative;
}
.vacantes .doll{
	position: absolute;
    right: -3rem;
    bottom: -100%;
}
.listadoVacantes{
	max-width: 75%;
	display: block;
	margin: 0 auto;
	font-size: 0;
}
.listadoVacantes li{
	width: 50%;
	display: inline-block;
	vertical-align: top;
	margin: 0 auto 1rem;
	padding-left: 1.5rem;
	color: #3E3E9A;
	font-size: 1.125rem;
	list-style: none;
	position: relative;
}
.listadoVacantes li::before{
	content: '';
	width: 12px;
	height: 12px;
	position: absolute;
	left: 0;
	top: 5px;
	background: url("../media/img/bullet.png") center center no-repeat;
	background-size: 100%;
}
.listadoVacantes li:last-of-type, .listadoVacantes li:nth-last-of-type(2){
	margin: 0 auto
}
.postulate{
	margin: 2rem auto 0;
	color: #FFFFFF;
	font-size: 3rem;
	line-height: 2.125rem;
	font-weight: 900;
}
.btn{
	max-width: 220px;
	display: block;
	padding: 1rem;
	margin: 2rem  auto 0;
	color: #3B3B3B;
	font-size: 1.25rem;
	font-weight: bold;
	text-align: center;
	border-radius: 10px;
	background: #FFB711;
}

@media only screen and (max-width:1024px){
	
}

@media screen and (max-width: 600px){
	
}
@media only screen and (max-width:450px){
	.container {
		overflow: hidden;
	}
	.wrapper.first, .wrapper.last{
		padding: 3rem 2rem;
	}
	h2{
		max-width: initial;
		margin: 2rem auto 0;
	}
	h5{
		text-align: left;
		font-size: 1.125rem;
	}
	.vacantes{
    	margin: 0 auto;
		padding: 2rem 3rem;
		border-radius: 80px 0 0 0;
	}
	.listadoVacantes{
		max-width: initial;
	}
	.listadoVacantes li {
		width: 100%;
		display: block;
	}
	.listadoVacantes li:nth-last-of-type(2){
	    margin: 0 auto 1rem;
	}
	.vacantes .doll {
		right: -3.75rem;
		bottom: -43%;
	}
}

@media only screen and (max-width:375px){
	.footer .line{
		display: none;
	}
	.footer a{
		display: block;
	}
	
}
@media only screen and (max-width:375px){
	
}
@media only screen and (max-width:360px){
	.wrapper.first, .wrapper.last{
		padding: 3rem 1rem;
	}
	h2, h3{
		font-size: 1.35rem;
	}
	.vacantes{
		padding: 2rem;
	}
	.postulate{
		font-size: 2.75rem;
	}
}
@media only screen and (max-width:320px){
	.vacantes .doll {
	    max-width: 140px;
		bottom: -44%;
	}
}