*{
	margin: 0;
	padding: 0;
  }
/**************************************************BImagen arriba****************************************8*/
.imgPrincipal img{
	width: 100%;
	height: auto
}
/**************************************************index ******************************************/
.indexForm{
	/* background:red; */
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 20px;
}
.tituloIndex{
	width: 100%;
	font-family: sans-serif;
	text-align: center;
	font-size: 35px;
	margin-bottom: 25px;
}
.tituloIndex h3{
	color: #110c46;
	font-weight: 900;
	font-size: 45px;
}
.contenIndex{
	box-shadow: 2px 2px 3px 3px #ccc;
	padding: 15px;
	border-radius: 8px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	display: flex;
	flex-wrap: wrap;
	font-family: sans-serif;
	color: #110c46;
	position: relative;
}
#resultados{
	display: flex;
	justify-content: center;
	width: 100%;
	flex-wrap: wrap;
}
.resultBody{
	width: 67%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	margin-bottom: 15px;
	box-shadow: 2px 2px 3px 3px #ccc;
}
 .resultBody h2{
	font-family: sans-serif;
	font-size: 18px;
	font-weight: 900;
	margin: 0;
	padding: 6px;
	background: #110c46;
	color: #fff;
	text-align: center;
}
.resultBody h4{
	padding: 5px 0px 0px 10px;
	font-family: sans-serif;
	font-size: 17px;
	font-weight: 900;
	color:  #110c46;
}
.resultBody span{
	padding: 0px 0px 0px 40px;
	font-family: sans-serif;
	color: #110c46;
	font-weight: 900;
}
.resultBody p{
	padding: 0px 0px 0px 10px;
	font-family: sans-serif;
	text-align: justify;
	font-size: 17px;
	margin: 0;
}
.resultDato3{
	width: 100%;
	background: #cacfd8;
	text-align: center;
	padding: 8px;
}
.resultDato3 a{
	background: #110c46;
	color: #fff;
	padding: 8px;
	border-radius: 8px;
	font-weight: bold;
}
.resultDato3 a:hover{
	color: rgb(235, 207, 95);
	text-decoration: none;
}
/**************************************************MODAL******************************************/
.tituloModal {
	font-family: sans-serif;
	color: #110c46;
	font-weight: 900;
	text-align: center;
	width: 100%;
}
.aviso >p{
	text-align: justify;
	margin: 0;
}
.aviso >ul{
	color:  #110c46;
	padding: 20px 0px 0px 25px;
	margin: 0;
}
/**************************************************seccion ******************************************/
.contentFormulario{
	background: #ecf0f5;
}
.titulo{
	text-align: center;
}
.titulo h1{
	color: #110c46;
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
}
/**************************************************Formulario******************************************/
.contForms{
	width: 85%;
	margin: auto;
	background: #fff;
	box-shadow: 2px 2px 3px 3px #ccc;
	margin-top: 10px;
}
.subtitulo{
	width: 100%;
}
.subtitulo h3{
	font-family: 'Oswald', sans-serif;
	font-size: 25px;
	padding: 15px;
}
.bodyForms{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	padding: 0px;
}
.labelForm {

	font-size: 15px;
	color: #110c46;
}

.labelSinContenido {
	/* font-family: 'Oswald', sans-serif; */
	font-size: 10px;
	color: #dfdbdf;
}

#rfc{text-transform:uppercase;}
#curp{text-transform:uppercase;}
#nss{text-transform:uppercase;}
/**************************************************subtituloSub Datos familiares******************************************/
.datosF{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0px !important;
}
.datos1{
	box-shadow: 2px 2px 3px 3px #ccc;
	padding: 0px !important;
}
.datos2{
	box-shadow: 2px 2px 3px 3px #ccc;
}
.subtituloSub{
	width: 100%;
}
.subtituloSub h6{
	font-family: 'Oswald', sans-serif;
	font-size: 20px;
	text-align: center;
	padding-top: 15px;
}
/**************************************************Escolaridad******************************************/
#campoActivo1 {
	display: none;
}
#campoActivo2 {
	display: none;
}
#campoActivo3 {
	display: none;
}
#campoActivo4 {
	display: none;
}
/**************************************************Trayectoria Laboral******************************************/
#campoActivoTL1 {
	display: none;
}
#campoActivoTL2 {
	display: none;
}
#campoActivoTL3 {
	display: none;
}
#campoActivoFymsa{
	display: none;
}
#campoActivoSindicato1{
	display: none;
}
#campoActivoSindicato2{
	display: none;
}
#campoOtroEntero{
	display: none;
}
/*************************************************Documentos******************************************/
.documentos{
	padding-bottom: 15px;
}
.inputFile{
	width: 100%;
	color:#000;
}
/**************************************************Validacion *****************************************8*/
.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
/**************************************************Boton de Guardar *****************************************8*/
.btnGuardar{
	width: 100%;
	display: flex;
	justify-content: center;
	margin: 20px 0px 20px 0px;
	text-decoration: none;
	padding-bottom: 15px;
}
.btnGuardar button{
	background: #101b2b;
	color: #fff;
	font-weight: bold;
}
.btnGuardar button:hover {
	color: rgb(235, 207, 95);
	font-weight: bold;
	text-decoration: none;
}
/**************************************************Boton de Guardar *****************************************/
.contentFinalizar{
	background: #ecf0f5;
}
.tituloFinalizar{
	text-align: center;
	width: 100%;
}
.tituloFinalizar h1{
	color: #110c46;
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
}
.buenaSuerteBody{
	width: 35%;
  background: #fff;
  box-shadow: 2px 2px 3px 3px #ccc;
	margin: auto;
	margin-top: 28px;
	padding: 20px;
	margin-bottom: 20px;
}
.buenaSuerte{
	width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
	margin-top: 20px;
	text-align: center;
}
.buenaSuerte >h1{
	font-family: sans-serif;
	font-size: 25px;
	font-weight: 900;
	color:  #110c46;
}
.buenaSuerte >h4{
	font-family: sans-serif;
	font-size: 20px;
	font-weight: 900;
	color:  #110c46;
	width: 100%;
}
.buenaSuerte a{
	background: #101b2b;
	color: rgb(235, 207, 95);
	font-weight: bold;
	padding: 8px;
	border-radius: 5px;
}
.buenaSuerte a:hover {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
.descargarSolicitud{
	width: 100%;
  text-align: center;
}
.descargarSolicitud a{
	background:  #dd3500;
	color: #fff;
	border-radius: 5px;
	font-family: sans-serif;
	font-size: 18px;
	font-weight: 900;
}
.descargarSolicitud a:hover {
	color: #fff;
}
/************************************************MU;ECO *****************************************/
.cajaPromo{
	width: 100%;
	background: rgb(27, 42, 51);
	position: relative;
}
.promocionesPrincipal{
	width: 20%;
	position: absolute;
	z-index: 1;
	left: 80%;
	bottom: 0;
}
.promocionesPrincipal img{
	width: 100%;
}
@media (max-width: 1350px){
	.tituloFinalizar h1{
		color: #110c46;
		font-size: 35px;
		font-family: 'Oswald', sans-serif;
		font-weight: 700;
	}
	.contentFinalizar{
		height: inherit;
	}
	.buenaSuerteBody{
		width: 50%;
	}
	.buenaSuerte >h1{
		font-size: 20px;
	}
	.promocionesPrincipal{
		width: 30%;
		left: 74%;
	}
}
@media (max-width: 1000px){
	.tituloFinalizar h1{
		font-size: 28px;
	}
	.contentFinalizar{
		height: inherit;
	}
	.buenaSuerte >h1{
		font-size: 17px;
	}
	.descargarSolicitud a{
		font-size: 10px;
	}
	.promocionesPrincipal{
		width: 30%;
		left: 74%;
	}
}
@media (max-width: 700px){
	.tituloFinalizar h1{
		font-size: 22px;
	}
	.contentFinalizar{
		height: inherit;
	}
	.buenaSuerte >h1{
		font-size: 12px;
	}
	.buenaSuerte >h4{
		font-size: 14px;;
	}
	.promocionesPrincipal{
		width: 30%;
		left: 74%;
	}
	.buenaSuerte a{
		border-radius: 5px;
		font-size: 12px;
	}
}
@media (max-width: 500px){
	.tituloFinalizar h1{
		font-size: 15px;
	}
	.buenaSuerte >h1{
		font-size: 10px;
	}
	.buenaSuerte >h4{
		font-size: 10px;;
	}
	.promocionesPrincipal{
		width: 30%;
		left: 74%;
	}
	.buenaSuerte a{
		border-radius: 2px;
		font-size: 10px;
	}
	.aviso >p{
		font-size: 13px;
	}
	.aviso >ul{
		font-size: 13px;
	}
}
@media (max-width: 400px){
	.buenaSuerteBody{
		width: 55%
	}
}
@media (max-width: 393px){
	.buenaSuerteBody{
		width: 70%;
		padding: 15px;
	}
	.buenaSuerte a{
		border-radius: 2px;
		font-size: 10px;
	}
}
