*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;

}
.contenido{
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  background: #FcFcFc;
}


.banner{
  background: url("../imagenes/program.png") no-repeat;
  height: 60vh;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

.banner-content{
  margin: 0;
  padding: 0;
  height: calc(60vh);
  color: #fff;
  background-color: rgba(0, 0, 0, 0.4);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.letras{
  margin-top: 50px; 
}
.banner-content h2{
  margin: 0;
  padding: 0;
  font-size: 40px;
  text-align: center;
  text-shadow: 1px 1px #09BFED;
}


/* ****************************CODIGO BUSCADOR ********************************************/

	.header-top{

	  /*  background: rgba(0,0,0,0.5);  */
		margin-top: 30px;
	}
	.navegaciontwo{
		
		padding: 12px;
		margin: 0 auto;
		margin-left: 13%;

	}
	input[type="search"]{
		padding: 7px;
		padding-right: 30px;
		border-radius: 3px;
	}

	.content-search{
		width: 75%;
		margin: auto;
		padding: 0 10px;
		padding-bottom: 5px;
		height: 200px;
		display: none;

	}


	.content-table{
		width: 80%;
		max-height: 200px;
		height: auto;
		border: 1px #cecece solid;
		border-radius: 5px;
		margin-left: 19%;
		overflow-y: visible;
		overflow-x: hidden;
	}
	tbody tr td a{
		text-decoration: none;
		font-size: 15px;
		display: block;
		width: 95%;
		height: 100%;
		padding: 10px;
		color: #000;
		padding-left: 15px;
		font-weight: bold;

		}

		tbody tr td a:hover{
			color: #09BFED;		
		}



	.dataTables_info, .dataTables_filter,.dataTables_paginate, .dataTables_length{
		display: none;
	}

.navegaciontwo b{

font-size: 17px;

}


#inputBuscar{
	font-size: 16px;
	border: black 2px solid;
	width: 68%;
}

/* ****************************END CODIGO BUSCADOR ********************************************/


/*----------------------*/
.programas{
	width: 80%;
	margin: 0 auto;
	text-align:center;
}

.uno{
	padding: 10px 15px;
	border: 1px #cecece solid;
	margin-left: 5%;
	float: left;
	width: 40%;
	height: 80px;
	margin-top:20px;
	font-size: 14px;
}

.dos{
	padding: 8px 15px;
	border: 1px #cecece solid;
	margin-left: 5%;
	width: 40%;
	margin-top:20px;
	height: 80px;
	font-size: 14px;
	display: inline-block;
}

.uno:hover,.dos:hover{
	  box-shadow: 0px 5px 5px 3px #B9B9B9;
  transition: 0.5s;
}

.uno a,.dos a{
	position: relative;
	top: 14px;
	border-radius: 7px;
	background: #09BFED;
	padding: 5px 14%;
	border: 1px #000 solid;	
	color: #000;
	text-decoration: none;
}

.uno a:hover,.dos a:hover{
	background: #000; 
	border: 1.5px #09BFED solid;
	color: #09BFED;
	-webkit-transform:scale(1.1);
	transform:scale(1.1);transition: 0.5s;
	filter:brightness(1);
}

@media(max-width: 1220px){
	tbody tr td a{
			font-size: 15px;
			width: 59%;
		}
	
	@media(max-width: 1120px){
		tbody tr td a{
				font-size: 15px;
			}
		.navegaciontwo{
			margin-left: 9%;
		}
		.programas{
			width: 90%;
		}
		.uno,.dos{
			width: 42%;
			margin-left: 3%;
		}

		@media(max-width: 1000px){

			tbody tr td a{
			font-size: 15px;
			width: 48%;
		}
	

			.programas{
			width: 95%;
		}
		.uno,.dos{
			width: 44%;
			margin-left: 3%;
		}	

			@media(max-width: 870px){

			.content-table{
				margin-left: 1%;
				width: 100%;
			}
			tbody tr td a{
				font-size: 15px;
				width: 62%;
			}

			.uno h2,.dos h2{
				font-size: 17px;
			}
			.navegaciontwo{
			margin-left: 6%;
			}
				@media(max-width: 720px){
					
					#inputBuscar{
						width: 63%;
					}
					.navegaciontwo{
						margin-left: 4%;
					}
					.banner-content h2{
				            font-size: 30px;
				      }
				          .uno h2,.dos h2{
						font-size: 15px;
					}
					.uno a,.dos a{
						padding: 4px 9%;
					}

					@media(max-width: 650px){
						tbody tr td a{
						font-size: 13px;
						width: 50%;
						}
						
						.programas{
							display: block;
							align-items: center;
						}
						.dos{
						width: 65%;
						}
						.uno{
							width: 65%;
							margin-left: 19%;
						}

						@media(max-width: 560px){
							#inputBuscar{
								width: 90%;
							}
							.navegaciontwo{
								margin-left: 12%;
							}
							.dos{
								width: 80%;
							}
							.uno{
								width: 80%;
								margin-left: 12%;
							}

							.banner-content h2{
				            	font-size: 25px;
				      		}

							.banner{
				              height: 40vh;
				            }

				            .banner-content{
				              margin: 0;
				              padding: 0;
				              height: calc(40vh);
				            }

				            .content-table{
				            	width: 123%;
				            	margin-left: -12%;
				            }
				            tbody tr td a{
							font-size: 13px;
							width: 85%;
								}

							@media(max-width: 460px){
								tbody tr td a{
									font-size: 12px;
									width: 79%;
								}

								@media(max-width: 400px){
									tbody tr td a{
									font-size: 11px;
									width: 71%;
								}
									#inputBuscar{
										width: 95%;
									}
									.navegaciontwo{
									margin-left: 8%;
									}
									.dos{
										width: 90%;
									}
									.uno{
										width: 90%;
										margin-left: 6%;
									}
								}
							}
						}
					}

				}
			}
		}
	}
}