*{
	margin: 0px;
	padding: 0px;

}


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




/* ---------NAVEGACION---------*/

.letras{
	text-align: center;
}

.letras h1{
	font-family: 'PT Sans Caption', sans-serif;
	text-align: center;
text-shadow: 1px 1px #09bfed;
}


/*---------------------*/

.tabla{

	margin:1% auto;
	width: 75%;
}

table{
	text-align: left;
	border-collapse: collapse;
	width: 100%;
}

th,td{
	padding: 10px;
	/*border-bottom:  solid #cecece 1px;*/

}

th{
	text-align: center;
		font-size: 14px;

}

td{
	
font-family: 'PT Sans Caption', sans-serif;
font-size: 14px;

}
tr td{
	text-align: center;

}

thead{
    background:  #09BFED;
    border-bottom: solid 3px #000;
    color: #000;
}

tr:nth-child(even){
	background: #E9EAEA;
}

.contenido-programa{
	margin-left: 15%;
	width: 87%;
}

.contenido-programa h3{
	text-align: center;
	font-family: 'PT Sans Caption', sans-serif;
    text-shadow: 1px 1px #09bfed;
    margin-top:1%;
}

.contenido-programa ol{
	margin-top: 1%;
	font-family: 'PT Sans Caption', sans-serif;
	font-size: 14px;
}

.contenido-programa ol li{
	margin-top: 0.4%;
}

.back a{
	text-decoration: none;
	padding: 10px 35px;
	color: #fff;
	border: 2px #09BFED solid;
	float: right;
	margin-right: 15%;
	margin-top: 10px;
	background: #000;
	border-radius: 5px;
	margin-bottom: 20px;
}

.back a:hover{
	background: #1d1d1d;
}


@media (max-width: 1110px){


table{
	
	width: 100%;
	
}

.back a{
	font-size: 20px;
}

}


@media (max-width: 1000px){

	.tabla{
		margin: 1% auto;
		width:90%;
	}

	.letras img{
	width: 28%;
	}
	.contenido-programa{
	margin-left: 10%;

}

	@media(max-width: 800px){
		.tabla{
			width: 95%;
		}
		.letras img{
			width: 33%;
		}
		.letras h1{
			font-size: 30px;
		}
		@media(max-width: 750px){
			th,td{
				font-size: 14px;
			}

			.letras img{
				width: 40%;
			}

			th,td{
				padding: 5px;
			}

			td{
				padding: 5px 13px;
			}

			@media(max-width: 550px){
				th,td{
					font-size: 12px;
					}
				.letras h1{
					font-size: 25px;
				}

				td{
				padding: 5px 10px;
				}

				.letras img{
					width: 43%;
				}
				
				.contenido-programa ol li{
					font-size: 12px;
				}
				.back a{
				text-decoration: none;
				padding: 6px 27px;
				}

				
				@media(max-width: 400px){
					.letras h1{
						font-size: 20px;
					}

					.tabla{
						width: 97%;
						
					}
					th,td{
					font-size: 11px;
					}

					.contenido-programa ol li{
						font-size: 11px;
					}
					.contenido-programa h3{
						font-size: 14px;
					}
					.back a{
						text-decoration: none;
						padding: 6px 25px;
						font-size: 13px;
					}
					
					th{
						font-size: 9px;
					}

					td{
						font-size: 8.5px;
					}
				}
			}
		}
	}

}