body {
}

.contenedorPrincipal {
	width: 90%;
	margin: auto;
}

.contenedor {
	/*display: flex;
	flex-direction: column-reverse;*/
	margin-bottom: 10px;
	display: grid;
	grid-template-columns: 30% 70%;
	width: 80%;
	grid-gap: 10px;
	margin:auto;
}

	.contenedor .contenedorAds {
		display: grid;
		background-color: #eee;
		border-radius: 20px;
		height: 1200px;
	}

	.contenedor .contenedorJobs {
		padding: 20px 0 20px 20px;

	}

		.contenedor .contenedorJobs .contenedorJob {
			display: grid;
			grid-template-columns: repeat(1,1fr);
			gap: 10px;
		}

			.contenedor .contenedorJobs .contenedorJob .trabajo {
				display: grid;
				width: 90%;
				margin: auto;
				background-color: rgba(255, 255, 255, 0.85);
			}

				.contenedor .contenedorJobs .contenedorJob .trabajo .contenedorLink {
					width: 100%;
					height: 100%;
					display: block;
				}

					.contenedor .contenedorJobs .contenedorJob .trabajo .contenedorLink .imgFondo {
						display: block;
						margin: auto;
						border-radius: 20px;
						height: 400px;
						background-color: rgba(255, 255, 255, 0.85);
						border-radius: 20px 20px 0 0;
					}

				.contenedor .contenedorJobs .contenedorJob .trabajo .contenedorInfo {
					width: 100%;
					
					background-color: rgba(255, 255, 255, 0.85);
					padding: 10px;
					border-radius: 0 0 20px 20px;
					display: grid;
					grid-gap: 10px;
				}

					.contenedor .contenedorJobs .contenedorJob .trabajo .contenedorInfo .contenedorImgEmpleo {
						display: block;
					}

						.contenedor .contenedorJobs .contenedorJob .trabajo .contenedorInfo .contenedorImgEmpleo .img-company {
							width: 40px;
							height: 40px;
							display: block;
							border-radius: 20px;
						}

.contenedorPrincipal .contenedorBV {
	margin-top: 20px;
	display: grid;
	
	gap: 20px;
}

	.contenedorPrincipal .contenedorBV .contenedorVisitas {
		background-color: #eee;
		color: black;
		border-radius: 20px;
		padding: 20px;
		text-align: center;
		display: grid;
		align-items: center;
	}

		.contenedorPrincipal .contenedorBV .contenedorVisitas .contenedorTexto {
			margin: auto;
			display: grid;
			grid-template-columns: 50% 50%;
			width: 100%;
			align-items:center;
		}

.contenedorVisitas .contenedorTexto .texto .title {
	font-size: 36px;
	font-weight: bold;
}

.contenedorVisitas .contenedorTexto .textoNumero {
	display:grid;
	align-items:center;
	font-size:20px;
	font-weight:bold;
}

.contenedorPrincipal .contenedorBV .contenedorBusqueda {
	border-radius: 20px;
	background-color: #eee;
	padding: 20px;
	display: grid;
	align-items: center;
}


	.contenedorPrincipal .contenedorBV .contenedorBusqueda .botoneraBusqueda {
		display: grid;
		align-items: center;
	}

.contenedorPrincipal .contenedorBV .contenedorVisitas .contenedorTexto .texto .tite {
	font-size: 16px;
	width: 100%;
	text-align: center;
}

.contenedorPrincipal .contenedorBV .contenedorVisitas .textoNumero span {
	font-size: 50px;
}

.boton {
	width: 100%;
	color: white;
	padding: 10px;
	border:none;
}

.btn1 {
	background-color: #0faf9e;
	margin-left:10px;
	width: 80%;
	text-align:center;
	display:block;
}

.btn2 {
	background-color: #7030A0;
	text-decoration: none;
	text-align: center
}

.btn3 {
	background-color: #5cb85c;
	text-decoration: none;
	text-align: center
}

.btn4 {
	background-color: #efb810;
	text-decoration: none;
	text-align: center
}

.btn2:link, .btn3:link {
	text-decoration: none;
}

.btn2:visited, .btn3:visited {
	text-decoration: none;
}

.btn2:hover, .btn3:hover {
	color: white;
}

/*#0faf9e
	#7030A0
	#5cb85c*/



.contenedor .contenedorAds .contenedorVideo {
	display: grid;
	padding: 20px;
}

	.contenedor .contenedorAds .contenedorVideo .contenedorTexto {
		background-color: #eee;
		border-radius: 20px;
	}

		.contenedor .contenedorAds .contenedorVideo .contenedorTexto .title {
			background-color: #7030A0;
			color: white;
			padding: 20px;
			text-align: center;
			border-radius: 20px 20px 0 0;
		}


.contenedor .contenedorAds .contenedorSE {
	display: grid;
	padding: 20px;
}

	.contenedor .contenedorAds .contenedorSE .imgenesEmpresas {
		display: grid;
		grid-template-columns: repeat(2,1fr);
		grid-gap: 10px;
		
	}

		.contenedor .contenedorAds .contenedorSE .imgenesEmpresas img {
			display: block;
			width: 100%;
			height: 100%;
			border-radius: 20px;
			border: 1px solid #0098d8;
		}

.busqueda {
	margin-top: 20px;
	width: 100%;
	padding: 20px;
	background: #eee;
}


	.busqueda .contenidoBusqueda {
		background-color: white;
		padding: 10px;
		grid-gap: 10px;
		display: grid;
		
		align-items: center;
	}

		.busqueda .contenidoBusqueda p {
			margin: 0;
			font-weight: bold;
			font-size: 20px;
		}

		.busqueda .contenidoBusqueda .iconoBusqueda {
			background-color: rgba(112, 48, 160, 1);
			width: 100%;
			padding: 8px;
			height: 40px;
			width: 40px;
			margin: auto;
		}
		
		.busqueda .contenidoBusqueda .busquedaSimple{
			display:grid;
			grid-template-columns:90% 10%;
			gap:10px;
			align-items:center;
		}

		.busqueda .contenidoBusqueda .busquedaSimple input {
			
		}

.carousel .contenedorBT {
	background-color: #eee;
	height: 100px;
	display: grid;
	align-items: center;
	margin-top:10px;
}

.carousel .contenedorBT .contenidoBT {
		width: 70%;
		margin: auto;
		display: grid;
		grid-template-columns: repeat(1,1fr);
		align-items:center;
}

.carousel .contenedorBT .contenidoBT .contenedorbtn a{
	display:block;
}


		.carousel .contenedorBT .contenidoBT .contenedorTexto .titulo {
			font-weight: bold;
			font-size: 20px;
			text-align: center;
		}

.separador {
	width: 100%;
	height: 10px;
	background-color: rgba(112, 48, 160, 1);
	margin-top: 10px;
	
}

.contenedorEmpresas {
	margin-bottom: 40px;
	padding: 20px;
	width: 90%;
	display: grid;
	margin: auto;
}

		.contenedorEmpresas .cte {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 20px;
		padding:20px;
	}
	
	.contenedorEmpresas .cte .empresa .imgEmpresa {
				width: 100%;
				height: 100px;

			}

			.contenedorEmpresas .cte{
				border:solid 1px #ddd;
				border-radius:20px;

			}

			@media only screen and (min-width: 600px) {
				.contenedorEmpresas .cte {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 20px;
	}
	
	.contenedorEmpresas .cte .empresa .imgEmpresa {
				width: 100px;
				height: 80px;

	}
.contenedorEmpresas {
	margin-bottom: 40px;
	padding: 20px;
	width: 45%;
	display: grid;
	margin: auto;
}

.carousel .contenedorBT .contenidoBT{
	grid-template-columns: repeat(2, 1fr);
}

.contenedorPrincipal .contenedorBV{
	grid-template-columns: 70% 30%;
}
}

@media only screen and (min-width: 1000px) {
	.contenedorEmpresas .cte {
		display: grid;
		grid-template-columns: repeat(6, 1fr);
		grid-gap: 20px;
	}
	.busqueda .contenidoBusqueda {
	
		display: grid;
		grid-template-columns:15% 50% 35%;
		gap:10px;
		align-items:center;
		
	}
}

}

		.contenedorEmpresas .cte .empresa {
		}

			

				.contenedorEmpresas .cte .empresa .imgEmpresa img {
					width: 100%;
					height: 100%;
					border-radius: 20px 20px 20px 20px;
					
					
				}

			.contenedorEmpresas .cte .empresa .infoEmpresa {
				border-radius: 0 0 20px 20px;
				background-color: #7030a0;
				width: 100%;
				color: white;
				display: none;
				grid-template-columns: 20% 60% 20%;
				align-items: center;
			}

				.contenedorEmpresas .cte .empresa .infoEmpresa .contenedorImagenes img {
					width: 100%;
				}