* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

:focus {
	outline: none;
}



/* FORMULARIO =================================== */


#compraBoletoCel {
	margin-top: -20%;
}

.form_contactBoleto label, .form_contactBoletoCaja, .form_contactBoleto p, .form_contactBoleto h2 {
	font-family: Arial;
}

.form_wrapBoleto {
	width: 100%;
	height: 840px;
	margin: -44px 0px 20px 0px;
	display: flex;
	background: #1A0C55;
	border-radius: 0px;
	overflow: hidden;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
	background-image: url("../img/fondo2.png");
	/*background-image: url( "../img/fondoBolsaTrabajo.png");
    background-size: cover;*/
	background-position: center center;
}

.nombreBoleto {
	height: 160px;
	line-height: 1em;
	overflow-x: hidden;
	overflow-y: auto;
	width: 100%;
	text-align: center;
}
/* Formulario de contacto*/
.form_contactBoleto {
	width: 100%;
	padding: 5px 40px;
}

	.form_contactBoleto h2 {
		color: #E0B000;
		font-size: 30px;
		font-weight: 600;
		margin-bottom: 30px;
		margin-top: 20px;
		text-align: center;
	}

	.form_contactBoleto .user_infoBoleto {
		display: flex;
		flex-direction: column;
		width: 100%;
		margin-top: -23%;
	}

	.form_contactBoleto label {
		font-weight: 600;
		font-size: 18px;
		color: white;
		margin-bottom: 10px;
		margin-top: 10px;
	}

.form_contactBoletoCaja {
	width: 100%;
	margin: 5px 5px 0px 5px;
	text-align: left;
	padding: 1px 0px 1px;
	border: none;
	border-bottom: 2px solid #D1D1D1;
	border-radius: 25px;
	color: #5A5A5A;
	font-size: 15px;
	font-weight: 400;
	text-transform: uppercase;
}

	.form_contactBoletoCaja:hover {
		border-radius: 5px;
		/*border: 2px solid white;*/
		box-shadow: 5px white;
	}

.text-centerBolsaEmpleoCelBoleto h3 {
	font-weight: bold;
	color: white;
	line-height: 90%;
	text-align: center;
	font-family: 'Roboto', arial;
	font-size: 320%;
	margin-top: -1%;
	margin-bottom: 5%;
}

.form_contactBoleto textarea {
	max-width: 50%;
	min-width: 100%;
	max-height: 50px;
}

.form_contactBoleto {
	width: 100%;
	padding: 5px 40px;
}

	.form_contactBoleto input[type="button"] {
		width: 200px;
		padding: 10px;
		border: none;
		font-size: 16px;
		font-weight: 700;
		align-self: center;
		margin-bottom: 15%;
		text-align: center;
		background: #b38d01;
		border-radius: 5px 5px 5px 5px;
		align-self: flex-end;
		color: #fff;
		cursor: pointer;
		margin-top: 2%;
	}

		.form_contactBoleto input[type="button"]:hover {
			background: #213967;
			border: 2px solid white;
		}

	.form_contactBoleto p {
		font-size: 18px;
		text-align: center;
		color: white;
		font-weight: bold;
		margin-top: 2%;
		margin-bottom: 0%;
	}

.custom-file-uploadBoleto {
	padding: 6px 12px;
	width: 100%;
	margin-bottom: 6%;
	text-align: center;
}

#btnSend2 {
	margin-top: 10%;
}

#reciboDeducible {
	text-align: justify;
}

#compraBoletoCel {
	margin-top: -30%;
}

#BoletoContacto, #deducible {
	display: none;
}

/* Responsive*/

@media screen and (min-width:360px) and (max-width:760px) {
	.form_contactBoleto label, .form_contactBoletoCaja, .form_contactBoleto p, .form_contactBoleto h2 {
		font-family: Arial;
	}

	.form_wrapBoleto {
		width: 100%;
		height: 850px;
		margin: -30px 0px 30px 0px;
	}

	.form_contactBoleto .user_infoBoleto {
		margin-top: -20%;
	}

	.form_contactBoletoCaja {
		width: 100%;
		margin: 5px 5px 0px 5px;
		text-align: left;
	}

	.nombreBoleto {
		height: 160px;
		line-height: 1em;
		overflow-x: hidden;
		overflow-y: auto;
		width: 100%;
		text-align: center;
	}

	.text-centerBolsaEmpleoCelBoleto h3 {
		font-weight: bold;
		color: white;
		line-height: 90%;
		text-align: center;
		font-family: 'Roboto', arial;
		font-size: 320%;
		margin-top: -1%;
		margin-bottom: 5%;
	}

	.form_contactBoleto {
		width: 100%;
		padding: 5px 40px;
	}

		.form_contactBoleto h2 {
			font-family: Arial;
			color: #E0B000;
			font-size: 30px;
			font-weight: 600;
			margin-bottom: 30px;
			margin-top: 20px;
			text-align: center;
		}

		.form_contactBoleto input[type="button"] {
			width: 200px;
			padding: 10px;
			border: none;
			font-size: 16px;
			font-weight: 700;
			align-self: center;
			margin-bottom: 15%;
			text-align: center;
		}

	.custom-file-uploadBoleto {
		padding: 6px 12px;
		width: 100%;
		margin-bottom: 6%;
		text-align: center;
	}

	#btnSend2 {
		margin-top: 10%;
	}

	#reciboDeducible {
		text-align: justify;
	}

	#compraBoletoCel {
		margin-top: -30%;
	}

	.img-evento {
		margin-bottom: -25%;
	}

	#VideoTestimonioCel {
		margin-bottom: -33%;
	}

	.cantact_infoBoleto::before, .cantact_infoBoleto, .info_titleBoleto, #deducible,
	.info_itemsBoleto, .info_titleBoleto, .info_titleBoleto span, .info_titleBoleto h2, .info_itemsBoleto p, .info_itemsBoleto p:nth-child(1) span, .info_itemsBoleto p:nth-child(2) span {
		display: none;
	}
}

@media screen and (min-width:375px) and (max-width:812px) {
	.form_contactBoleto label, .form_contactBoletoCaja, .form_contactBoleto p, .form_contactBoleto h2 {
		font-family: Arial;
	}

	.form_wrapBoleto {
		width: 100%;
		height: 790px;
		margin: -35px 0px 30px 0px;
	}

	.form_contactBoleto .user_infoBoleto {
		margin-top: -20%;
	}

	.form_contactBoletoCaja {
		width: 100%;
		margin: 5px 5px 0px 5px;
		text-align: left;
	}

	.nombreBoleto {
		height: 160px;
		line-height: 1em;
		overflow-x: hidden;
		overflow-y: auto;
		width: 100%;
		text-align: center;
	}

	.text-centerBolsaEmpleoCelBoleto h3 {
		font-weight: bold;
		color: white;
		line-height: 90%;
		text-align: center;
		font-family: 'Roboto', arial;
		font-size: 320%;
		margin-top: -1%;
		margin-bottom: 5%;
	}

	.form_contactBoleto {
		width: 100%;
		padding: 5px 40px;
	}

		.form_contactBoleto h2 {
			color: #E0B000;
			font-size: 30px;
			font-weight: 600;
			margin-bottom: 30px;
			margin-top: 20px;
			text-align: center;
		}

		.form_contactBoleto input[type="button"] {
			width: 200px;
			padding: 10px;
			border: none;
			font-size: 16px;
			font-weight: 700;
			align-self: center;
			margin-bottom: 15%;
			text-align: center;
		}

	.custom-file-uploadBoleto {
		padding: 6px 12px;
		width: 100%;
		margin-bottom: 6%;
		text-align: center;
	}

	#btnSend2 {
		margin-top: 10%;
	}

	#reciboDeducible {
		text-align: justify;
	}

	#compraBoletoCel {
		margin-top: -30%;
	}

	#VideoTestimonioCel {
		margin-bottom: -33%;
	}

	.cantact_infoBoleto::before, .cantact_infoBoleto, .info_titleBoleto, #deducible,
	.info_itemsBoleto, .info_titleBoleto, .info_titleBoleto span, .info_titleBoleto h2, .info_itemsBoleto p, .info_itemsBoleto p:nth-child(1) span, .info_itemsBoleto p:nth-child(2) span {
		display: none;
	}
}

@media screen and (min-width:384px) and (max-width:854px) {
	.form_contactBoleto label, .form_contactBoletoCaja, .form_contactBoleto p, .form_contactBoleto h2 {
		font-family: Arial;
	}

	.form_wrapBoleto {
		width: 100%;
		height: 765px;
		margin: -30px 0px 35px 0px;
	}

	.form_contactBoleto .user_infoBoleto {
		margin-top: -20%;
	}

	.form_contactBoletoCaja {
		width: 100%;
		margin: 5px 5px 0px 5px;
		text-align: left;
	}

	.nombreBoleto {
		height: 160px;
		line-height: 1em;
		overflow-x: hidden;
		overflow-y: auto;
		width: 100%;
		text-align: center;
	}

	.text-centerBolsaEmpleoCelBoleto h3 {
		font-weight: bold;
		color: white;
		line-height: 90%;
		text-align: center;
		font-family: 'Roboto', arial;
		font-size: 320%;
		margin-top: -1%;
		margin-bottom: 5%;
	}

	.form_contactBoleto {
		width: 100%;
		padding: 5px 40px;
	}

		.form_contactBoleto h2 {
			color: #E0B000;
			font-size: 30px;
			font-weight: 600;
			margin-bottom: 30px;
			margin-top: 20px;
			text-align: center;
		}

		.form_contactBoleto input[type="button"] {
			width: 200px;
			padding: 10px;
			border: none;
			font-size: 16px;
			font-weight: 700;
			align-self: center;
			margin-bottom: 15%;
			text-align: center;
		}

	.custom-file-uploadBoleto {
		padding: 6px 12px;
		width: 100%;
		margin-bottom: 6%;
		text-align: center;
	}

	#btnSend2 {
		margin-top: 10%;
	}

	#reciboDeducible {
		text-align: justify;
	}

	#compraBoletoCel {
		margin-top: -30%;
	}

	#VideoTestimonioCel {
		margin-bottom: -33%;
	}

	.cantact_infoBoleto::before, .cantact_infoBoleto, .info_titleBoleto, #deducible,
	.info_itemsBoleto, .info_titleBoleto, .info_titleBoleto span, .info_titleBoleto h2, .info_itemsBoleto p, .info_itemsBoleto p:nth-child(1) span, .info_itemsBoleto p:nth-child(2) span {
		display: none;
	}
}

@media screen and (min-width:390px) and (max-width:844px) {
	.form_contactBoleto label, .form_contactBoletoCaja, .form_contactBoleto p, .form_contactBoleto h2 {
		font-family: Arial;
	}

	.form_wrapBoleto {
		width: 100%;
		height: 760px;
		margin: -30px 0px 35px 0px;
	}

	.form_contactBoleto .user_infoBoleto {
		margin-top: -20%;
	}

	.form_contactBoletoCaja {
		width: 100%;
		margin: 5px 5px 0px 5px;
		text-align: left;
	}

	.nombreBoleto {
		height: 160px;
		line-height: 1em;
		overflow-x: hidden;
		overflow-y: auto;
		width: 100%;
		text-align: center;
	}

	.text-centerBolsaEmpleoCelBoleto h3 {
		font-weight: bold;
		color: white;
		line-height: 90%;
		text-align: center;
		font-family: 'Roboto', arial;
		font-size: 320%;
		margin-top: -1%;
		margin-bottom: 5%;
	}

	.form_contactBoleto {
		width: 100%;
		padding: 5px 40px;
	}

		.form_contactBoleto h2 {
			color: #E0B000;
			font-size: 30px;
			font-weight: 600;
			margin-bottom: 30px;
			margin-top: 20px;
			text-align: center;
		}

		.form_contactBoleto input[type="button"] {
			width: 200px;
			padding: 10px;
			border: none;
			font-size: 16px;
			font-weight: 700;
			align-self: center;
			margin-bottom: 15%;
			text-align: center;
		}

	.custom-file-uploadBoleto {
		padding: 6px 12px;
		width: 100%;
		margin-bottom: 6%;
		text-align: center;
	}

	#btnSend2 {
		margin-top: 10%;
	}

	#reciboDeducible {
		text-align: justify;
	}

	#compraBoletoCel {
		margin-top: -30%;
	}

	.img-evento {
		margin-bottom: -20%;
	}

	#VideoTestimonioCel {
		margin-bottom: -33%;
	}

	.cantact_infoBoleto::before, .cantact_infoBoleto, .info_titleBoleto, #deducible,
	.info_itemsBoleto, .info_titleBoleto, .info_titleBoleto span, .info_titleBoleto h2, .info_itemsBoleto p, .info_itemsBoleto p:nth-child(1) span, .info_itemsBoleto p:nth-child(2) span {
		display: none;
	}
}

@media screen and (min-width:412px) and (max-width:915px) {
	.form_contactBoleto label, .form_contactBoletoCaja, .form_contactBoleto p, .form_contactBoleto h2 {
		font-family: Arial;
	}

	.form_wrapBoleto {
		width: 100%;
		height: 750px;
		margin: -36px 0px 35px 0px;
	}

	.form_contactBoleto .user_infoBoleto {
		margin-top: -20%;
	}

	.form_contactBoletoCaja {
		width: 100%;
		margin: 5px 5px 0px 5px;
		text-align: left;
	}

	.nombreBoleto {
		height: 160px;
		line-height: 1em;
		overflow-x: hidden;
		overflow-y: auto;
		width: 100%;
		text-align: center;
	}

	.text-centerBolsaEmpleoCelBoleto h3 {
		font-weight: bold;
		color: white;
		line-height: 90%;
		text-align: center;
		font-family: 'Roboto', arial;
		font-size: 320%;
		margin-top: -1%;
		margin-bottom: 5%;
	}

	.form_contactBoleto {
		width: 100%;
		padding: 5px 40px;
	}

		.form_contactBoleto h2 {
			color: #E0B000;
			font-size: 30px;
			font-weight: 600;
			margin-bottom: 30px;
			margin-top: 20px;
			text-align: center;
		}

		.form_contactBoleto input[type="button"] {
			width: 200px;
			padding: 10px;
			border: none;
			font-size: 16px;
			font-weight: 700;
			align-self: center;
			margin-bottom: 15%;
			text-align: center;
		}

	.custom-file-uploadBoleto {
		padding: 6px 12px;
		width: 100%;
		margin-bottom: 6%;
		text-align: center;
	}

	#btnSend2 {
		margin-top: 10%;
	}

	#reciboDeducible {
		text-align: justify;
	}

	#compraBoletoCel {
		margin-top: -30%;
	}

	.cantact_infoBoleto::before, .cantact_infoBoleto, .info_titleBoleto, #deducible,
	.info_itemsBoleto, .info_titleBoleto, .info_titleBoleto span, .info_titleBoleto h2, .info_itemsBoleto p, .info_itemsBoleto p:nth-child(1) span, .info_itemsBoleto p:nth-child(2) span {
		display: none;
	}
}

@media screen and (min-width:414px) and (max-width:896px) {
	.form_contactBoleto label, .form_contactBoletoCaja, .form_contactBoleto p, .form_contactBoleto h2 {
		font-family: Arial;
	}

	.form_wrapBoleto {
		width: 100%;
		height: 750px;
		margin: -32px 0px 32px 0px;
	}

	.form_contactBoleto .user_infoBoleto {
		margin-top: -20%;
	}

	.form_contactBoletoCaja {
		width: 100%;
		margin: 5px 5px 0px 5px;
		text-align: left;
	}

	.nombreBoleto {
		height: 160px;
		line-height: 1em;
		overflow-x: hidden;
		overflow-y: auto;
		width: 100%;
		text-align: center;
	}

	.text-centerBolsaEmpleoCelBoleto h3 {
		font-weight: bold;
		color: white;
		line-height: 90%;
		text-align: center;
		font-family: 'Roboto', arial;
		font-size: 320%;
		margin-top: -1%;
		margin-bottom: 5%;
	}

	.form_contactBoleto {
		width: 100%;
		padding: 5px 40px;
	}

		.form_contactBoleto h2 {
			color: #E0B000;
			font-size: 30px;
			font-weight: 600;
			margin-bottom: 30px;
			margin-top: 20px;
			text-align: center;
		}

		.form_contactBoleto input[type="button"] {
			width: 200px;
			padding: 10px;
			border: none;
			font-size: 16px;
			font-weight: 700;
			align-self: center;
			margin-bottom: 15%;
			text-align: center;
		}

	.custom-file-uploadBoleto {
		padding: 6px 12px;
		width: 100%;
		margin-bottom: 6%;
		text-align: center;
	}

	#btnSend2 {
		margin-top: 10%;
	}

	#reciboDeducible {
		text-align: justify;
	}

	#compraBoletoCel {
		margin-top: -30%;
	}

	.cantact_infoBoleto::before, .cantact_infoBoleto, .info_titleBoleto, #deducible,
	.info_itemsBoleto, .info_titleBoleto, .info_titleBoleto span, .info_titleBoleto h2, .info_itemsBoleto p, .info_itemsBoleto p:nth-child(1) span, .info_itemsBoleto p:nth-child(2) span {
		display: none;
	}
}

@media screen and (min-width:428px) and (max-width:926px) {
	.form_contactBoleto label, .form_contactBoletoCaja, .form_contactBoleto p, .form_contactBoleto h2 {
		font-family: Arial;
	}

	.form_wrapBoleto {
		width: 100%;
		height: 745px;
		margin: -30px 0px 35px 0px;
	}

	.form_contactBoleto .user_infoBoleto {
		margin-top: -20%;
	}

	.form_contactBoletoCaja {
		width: 100%;
		margin: 5px 5px 0px 5px;
		text-align: left;
	}

	.nombreBoleto {
		height: 160px;
		line-height: 1em;
		overflow-x: hidden;
		overflow-y: auto;
		width: 100%;
		text-align: center;
	}

	.text-centerBolsaEmpleoCelBoleto h3 {
		font-weight: bold;
		color: white;
		line-height: 90%;
		text-align: center;
		font-family: 'Roboto', arial;
		font-size: 320%;
		margin-top: -1%;
		margin-bottom: 5%;
	}

	.form_contactBoleto {
		width: 100%;
		padding: 5px 40px;
	}

		.form_contactBoleto h2 {
			color: #E0B000;
			font-size: 30px;
			font-weight: 600;
			margin-bottom: 30px;
			margin-top: 20px;
			text-align: center;
		}

		.form_contactBoleto input[type="button"] {
			width: 200px;
			padding: 10px;
			border: none;
			font-size: 16px;
			font-weight: 700;
			align-self: center;
			margin-bottom: 15%;
			text-align: center;
		}

	.custom-file-uploadBoleto {
		padding: 6px 12px;
		width: 100%;
		margin-bottom: 6%;
		text-align: center;
	}

	#btnSend2 {
		margin-top: 10%;
	}

	#reciboDeducible {
		text-align: justify;
	}

	#compraBoletoCel {
		margin-top: -30%;
	}

	#VideoTestimonioCel {
		margin-bottom: -33%;
	}

	.cantact_infoBoleto::before, .cantact_infoBoleto, .info_titleBoleto, #deducible,
	.info_itemsBoleto, .info_titleBoleto, .info_titleBoleto span, .info_titleBoleto h2, .info_itemsBoleto p, .info_itemsBoleto p:nth-child(1) span, .info_itemsBoleto p:nth-child(2) span {
		display: none;
	}
}

@media (orientation: landscape) and (min-width:1001px) and (max-width:1080px) {
	#compraBoletoCompu {
		margin-top: -5%;
		width: 1000px;
	}

	#compraBoletoCel {
		display: none;
	}

	.form_wrapBoleto {
		width: 100%;
		height: 530px;
		margin: 30px 0px 20px 0px;
		display: flex;
		background: #1A0C55;
		border-radius: 0px;
		overflow: hidden;
		box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
		background-image: url("../img/fondo2.png");
		/*background-image: url( "../img/fondoBolsaTrabajo.png");
    background-size: cover;*/
		background-position: center center;
	}

	.nombreBoleto {
		height: 95px;
		line-height: 1em;
		overflow-x: hidden;
		overflow-y: auto;
		width: 100%;
	}

	/* Informacion de Contacto*/
	#BoletoContacto, #deducible {
		display: block;
	}

	.cantact_infoBoleto::before {
		content: '';
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background: #b38d01;
		opacity: 0.8;
	}

	.cantact_infoBoleto {
		width: 35%;
		top: -25px;
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		background-image: url("../img/Ilumina/donativoBoleto.png");
		background-size: cover;
		background-position: center center;
	}

	.info_titleBoleto,
	.info_itemsBoleto {
		position: relative;
		z-index: 2;
		color: #fff;
	}

	.info_titleBoleto {
		margin-bottom: 0px;
	}

		.info_titleBoleto span {
			font-size: 80px;
			display: block;
			text-align: center;
			margin-bottom: 15px;
		}

		.info_titleBoleto h2 {
			font-size: 40px;
			text-align: center;
			color: #213967;
			font-weight: bold;
			text-shadow: 0px 0px 5px white;
			margin-top: -15%;
			margin-bottom: 15%;
		}

	.info_itemsBoleto p {
		display: flex;
		align-items: center;
		font-size: 12px;
		font-weight: 600;
		margin-bottom: 3%;
		margin-top: -25%;
		margin-left: 20px;
	}

		.info_itemsBoleto p:nth-child(1) span {
			font-size: 20px;
			margin-right: 10px;
		}

		.info_itemsBoleto p:nth-child(2) span {
			font-size: 30px;
			margin-right: 15px;
		}
	/* Formulario de contacto*/

	.form_contactBoleto {
		width: 100%;
		padding: 5px 40px;
	}

		.form_contactBoleto h2 {
			font-size: 35px;
			font-weight: 600;
			color: white;
			margin-bottom: 30px;
			margin-top: -25px;
		}

		.form_contactBoleto .user_infoBoleto {
			display: flex;
			flex-direction: column;
			width: 100%;
			margin-top: -7%;
		}

		.form_contactBoleto label {
			font-weight: 600;
			font-size: 18px;
			color: white;
			margin-bottom: 10px;
			margin-top: 10px;
		}

		.form_contactBoletoCaja,
		.form_contactBoleto textarea {
			width: 100%;
			padding: 1px 0px 1px;
			margin-bottom: 5px;
			border: none;
			border-bottom: 2px solid #D1D1D1;
			border-radius: 25px;
			font-family: 'Open sans';
			color: #5A5A5A;
			font-size: 15px;
			font-weight: 400;
			text-align: left;
			text-transform: uppercase;
		}

			.form_contactBoletoCaja:hover {
				border-radius: 5px;
				/*border: 2px solid white;*/
				box-shadow: 5px white;
			}


		.form_contactBoleto textarea {
			max-width: 50%;
			min-width: 100%;
			max-height: 50px;
		}

		.form_contactBoleto input[type="button"] {
			width: 250px;
			background: #b38d01;
			padding: 10px;
			border: none;
			border-radius: 5px 5px 5px 5px;
			align-self: flex-end;
			color: #fff;
			font-family: 'Open sans';
			font-size: 20px;
			font-weight: 800;
			cursor: pointer;
			text-align: center;
			margin-top: 2%;
		}

			.form_contactBoleto input[type="button"]:hover {
				background: #213967;
				border: 2px solid white;
			}

		.form_contactBoleto p {
			font-size: 18px;
			text-align: center;
			color: white;
			font-weight: bold;
			margin-top: 2%;
			margin-bottom: 0%;
		}

	.text-centerBolsaEmpleoCelBoleto, #EventoCel, #imaEventoCel, #compraBoletoCel {
		display: none;
	}
}

@media screen and (min-width:1081px) and (max-width:1366px) {
	#compraBoletoCompu {
		margin-top: -4%;
		margin-bottom: 5%;
		width: 1200px;
	}

	.form_wrapBoleto {
		width: 100%;
		height: 530px;
		margin: 30px 0px 10px 0px;
		display: flex;
		background: #1A0C55;
		border-radius: 0px;
		overflow: hidden;
		box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
		background-image: url("../img/fondo2.png");
		/*background-image: url( "../img/fondoBolsaTrabajo.png");
    background-size: cover;*/
		background-position: center center;
	}

	/* Informacion de Contacto*/
	#BoletoContacto, #deducible {
		display: block;
	}

	.cantact_infoBoleto::before {
		content: '';
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background: #b38d01;
		opacity: 0.8;
	}

	.cantact_infoBoleto {
		width: 35%;
		top: -25px;
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		background-image: url("../img/Ilumina/donativoBoleto.png");
		background-size: cover;
		background-position: center center;
	}

	.info_titleBoleto,
	.info_itemsBoleto {
		position: relative;
		z-index: 2;
		color: #fff;
	}

	.info_titleBoleto {
		margin-bottom: 0px;
	}

		.info_titleBoleto span {
			font-size: 90px;
			display: block;
			text-align: center;
			margin-bottom: 10px;
		}

		.info_titleBoleto h2 {
			font-size: 45px;
			text-align: center;
			color: #213967;
			font-weight: bold;
			text-shadow: 0px 0px 5px white;
			margin-top: -15%;
			margin-bottom: 25%;
		}

	.info_itemsBoleto p {
		display: flex;
		align-items: center;
		font-size: 14px;
		font-weight: 600;
		margin-bottom: 5%;
		margin-top: -30%;
		margin-left: 13%;
	}

		.info_itemsBoleto p:nth-child(1) span {
			font-size: 30px;
			margin-right: 5px;
		}

		.info_itemsBoleto p:nth-child(2) span {
			font-size: 50px;
			margin-right: 10px;
			margin-left: 2px;
			margin-bottom: 5px;
		}


	/* Formulario de contacto*/
	.form_contactBoleto {
		width: 100%;
		padding: 5px 40px;
	}

		.form_contactBoleto h2 {
			font-size: 30px;
			font-weight: 600;
			color: white;
			margin-bottom: 30px;
			margin-top: -25px;
		}

		.form_contactBoleto .user_infoBoleto {
			display: flex;
			flex-direction: column;
			width: 100%;
			margin-top: -5%;
		}

		.form_contactBoleto label {
			font-weight: 600;
			font-size: 16px;
			color: white;
			margin-bottom: 10px;
			margin-top: 10px;
		}

	.nombreBoleto {
		height: 95px;
		line-height: 1em;
		overflow-x: hidden;
		overflow-y: auto;
		width: 100%;
		margin-right: 0%;
		margin-left: 0%;
		text-align: left;
	}

	.form_contactBoletoCaja,
	.form_contactBoleto textarea {
		width: 31%;
		padding: 1px 0px 1px;
		margin-bottom: 5px;
		border: none;
		border-bottom: 2px solid #D1D1D1;
		border-radius: 25px;
		font-family: 'Open sans';
		color: #5A5A5A;
		font-size: 14px;
		font-weight: 400;
		text-align: left;
		text-transform: uppercase;
	}

		.form_contactBoletoCaja:hover {
			border-radius: 5px;
			/*border: 2px solid white;*/
			box-shadow: 5px white;
		}


	.form_contactBoleto textarea {
		max-width: 50%;
		min-width: 100%;
		max-height: 50px;
	}

	.form_contactBoleto input[type="button"] {
		width: 250px;
		background: #b38d01;
		padding: 10px;
		border: none;
		border-radius: 5px 5px 5px 5px;
		align-self: flex-end;
		color: #fff;
		font-family: 'Open sans';
		font-size: 18px;
		font-weight: 700;
		cursor: pointer;
		text-align: center;
		margin-top: 2%;
	}

		.form_contactBoleto input[type="button"]:hover {
			background: #213967;
			border: 2px solid white;
		}

	.form_contactBoleto p {
		font-size: 18px;
		text-align: center;
		color: white;
		font-weight: bold;
		margin-top: 2%;
		margin-bottom: 0%;
	}

	.img-evento {
		margin-bottom: -6%;
	}

	.text-centerBolsaEmpleoCelBoleto, #EventoCel, #imaEventoCel, #compraBoletoCel {
		display: none;
	}
}

@media (min-width:1367px) {
	#compraBoletoCompu {
		margin-top: -4%;
		margin-bottom: 5%;
		width: 1500px;
	}

	.form_wrapBoleto {
		width: 100%;
		height: 500px;
		margin: 30px 0px 20px 0px;
		display: flex;
		background: #1A0C55;
		border-radius: 0px;
		overflow: hidden;
		box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
		background-image: url("../img/fondo2.png");
		/*background-image: url( "../img/fondoBolsaTrabajo.png");
    background-size: cover;*/
		background-position: center center;
	}

	/* Informacion de Contacto*/
	#BoletoContacto, #deducible {
		display: block;
	}

	.cantact_infoBoleto::before {
		content: '';
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background: #b38d01;
		opacity: 0.8;
	}

	.cantact_infoBoleto {
		width: 35%;
		top: -25px;
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		background-image: url("../img/Ilumina/donativoBoleto.png");
		background-size: cover;
		background-position: center center;
	}

	.info_titleBoleto,
	.info_itemsBoleto {
		position: relative;
		z-index: 2;
		color: #fff;
	}

	.info_titleBoleto {
		margin-bottom: 0px;
	}

		.info_titleBoleto span {
			font-size: 100px;
			display: block;
			text-align: center;
			margin-bottom: 5px;
		}

		.info_titleBoleto h2 {
			font-size: 60px;
			text-align: center;
			color: #213967;
			font-weight: bold;
			text-shadow: 0px 0px 5px white;
			margin-top: -15%;
			margin-bottom: 15%;
		}

	.info_itemsBoleto p {
		display: flex;
		align-items: center;
		font-size: 16px;
		font-weight: 600;
		margin-bottom: -5%;
		margin-top: -20%;
		margin-left: 15%;
	}

		.info_itemsBoleto p:nth-child(1) span {
			font-size: 30px;
			margin-right: 5px;
		}

		.info_itemsBoleto p:nth-child(2) span {
			font-size: 50px;
			margin-right: 10px;
			margin-left: 2px;
		}


	/* Formulario de contacto*/
	.form_contactBoleto {
		width: 100%;
		padding: 5px 40px;
	}

		.form_contactBoleto h2 {
			font-size: 35px;
			font-weight: 600;
			color: white;
			margin-bottom: 30px;
			margin-top: -25px;
		}

		.form_contactBoleto .user_infoBoleto {
			display: flex;
			flex-direction: column;
			width: 100%;
			margin-top: -5%;
		}

		.form_contactBoleto label {
			font-weight: 600;
			font-size: 18px;
			color: white;
			margin-bottom: 10px;
			margin-top: 10px;
		}

	.nombreBoleto {
		height: 95px;
		line-height: 1em;
		overflow-x: hidden;
		overflow-y: auto;
		width: 100%;
		margin-right: 0%;
		margin-left: 0%;
		text-align: left;
	}

	.form_contactBoletoCaja,
	.form_contactBoleto textarea {
		width: 31%;
		padding: 1px 0px 1px;
		margin-bottom: 5px;
		border: none;
		border-bottom: 2px solid #D1D1D1;
		border-radius: 25px;
		font-family: 'Open sans';
		color: #5A5A5A;
		font-size: 15px;
		font-weight: 400;
		text-align: left;
		text-transform: uppercase;
	}

		.form_contactBoletoCaja:hover {
			border-radius: 5px;
			/*border: 2px solid white;*/
			box-shadow: 5px white;
		}


	.form_contactBoleto textarea {
		max-width: 50%;
		min-width: 100%;
		max-height: 50px;
	}

	.form_contactBoleto input[type="button"] {
		width: 250px;
		background: #b38d01;
		padding: 10px;
		border: none;
		border-radius: 5px 5px 5px 5px;
		align-self: flex-end;
		color: #fff;
		font-family: 'Open sans';
		font-size: 20px;
		font-weight: 800;
		cursor: pointer;
		text-align: center;
		margin-top: 2%;
	}

		.form_contactBoleto input[type="button"]:hover {
			background: #213967;
			border: 2px solid white;
		}

	.form_contactBoleto p {
		font-size: 18px;
		text-align: center;
		color: white;
		font-weight: bold;
		margin-top: 2%;
		margin-bottom: 0%;
	}

	.img-evento {
		margin-bottom: -6%;
	}

	.text-centerBolsaEmpleoCelBoleto, #EventoCel, #imaEventoCel, #compraBoletoCel {
		display: none;
	}
}
