*{
		margin: 0;
		padding: 0;
	}


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



.banner{
  background: #1d1d1d; 
  height: 12vh;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}
/* ---------------------------*/


/*---------------.-.--.-.-.-.-.---*/

.letras h1{
	display: inline-block;
    position: relative;
    top: -30px;
    font-size: 35px;
    text-shadow: 0.7px 0.7px #ed0909;
}

.letras img{
	width: 24%;
}

.letras{
	text-align: center;
}



/* ---------MODELO TABLA---------*/
.tabla{

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

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

th,td{
	padding: 10px 14px 9px 0px;
	/*border-bottom:  solid #fff 1px;*/

}

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

}

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

thead{
    background:  #01CDFF;
    border-bottom: solid 3px #000;
    color: #fff;
}

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

/*
tr:hover td{
	background: rgba(224,35,35,.75);
	color: white;
}  */

#event,#event2,#event3,#event4,#event5, #event6, #event7, #event8, #event9,
 #event10, #event11, #event12, #event1, #event13, #event14, #event15, #event16, #event17,
  #event18, #event19, #event20, #event21, #event22, #event23, #event24, #event25, #event26, #event27, #event28,
  #event29, #event30, #event31, #event32, #event33, #event34, #event35, #event36, #event37, #event38,#event39,
  #event40,#event41,#event42,#event43,#event44,#event45,#event46,#event47,#event48,#event49,#event50,#event51,
  #event52,#event53,#event54,#event55,#event56,#event57,#event58,#event59,#event60,#event61,#event62,#event63,
  #event64,#event65,#event66,#event67,#event68,#event69,#event70,#event71,#event72,#event73,#event74,#event75{
	margin: 0 auto;
	cursor: pointer;text-decoration: none; background: #01CDFF; 
	padding: 3px 10px 3px 10px; font-size: 15px; border-radius: 5px;
	color: #fff;

}
#event:hover, #event2:hover, #event3:hover, #event4:hover, #event5:hover, #event6:hover,
 #event7:hover, #event8:hover, #event9:hover, #event10:hover, #event11:hover, #event12:hover,
 #event1:hover, #event13:hover,#event14:hover,#event15:hover,#event16:hover,#event17:hover,
 #event18:hover,#event19:hover,#event20:hover,#event21:hover,#event22:hover,#event23:hover,#event24:hover,
 #event25:hover,
 #event26:hover,#event27:hover,#event28:hover,#event29:hover,#event30:hover,#event31:hover,#event32:hover,
 #event33:hover,
 #event34:hover,#event35:hover,#event36:hover,#event37:hover,#event38:hover,#event39:hover,
  #event40:hover,#event41:hover,#event42:hover,#event43:hover,#event44:hover,#event45:hover,#event46:hover,
  #event47:hover,#event48:hover,#event49:hover,#event50:hover,#event51:hover,
  #event52:hover,#event53:hover,#event54:hover,#event55:hover,#event56:hover,#event57:hover,#event58:hover,
  #event59:hover,#event60:hover,#event61:hover,#event62:hover,#event63:hover,
  #event64:hover,#event65:hover,#event66:hover,#event67:hover,#event68:hover,#event69:hover,#event70:hover,#event71:hover,
  #event72:hover,#event73:hover,#event74:hover,#event75:hover{
	background: black;color: #fff;
}

#view,#viewtwo,#viewtres, #viewcuatro, #viewcinco, #viewseis, #viewsiete, #viewocho, #viewnueve, #viewdiez,
 #viewonce, #viewonceDos, #viewdoce, #viewtrece, #viewcatorce, #viewquince, #view16, #view17, #view18, 
 #view19, #view20, #view21, #view22, #view23, #view24, #view25, #view26, #view27, #view28, #view29, #view30, 
 #view31,#view32, #view33, #view34, #view35, #view36, #view37, #view38,#view39,#view40,#view41,#view42,
 #view43,#view44,#view45,#view46,#view47,#view48,#view49,#view50,#view51,#view52,#view53,#view54,#view55,
 #view56,#view57,#view58,#view59,#view60,#view61,#view62,#view63,#view64,#view65,#view66,#view67,#view68,
 #view69,#view70,#view71,#view72,#view73,#view74,#view75{
	display: none; background: #fff; width: 100%;
	padding: 10px 0px 10px 0px;
}


div ol li{
	margin-top: 0.4%;

}


@media (max-width: 1000px){

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

	.letras img{
	width: 28%;
	}

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

			.letras img{
				width: 40%;
			}

			th,td{
				padding: 5px;
			}

			td{
				padding: 5px 13px;
			}

			#event,#event2,#event3,#event4,#event5, #event6, #event7, #event8, #event9,
 #event10, #event11, #event12, #event1, #event13, #event14, #event15, #event16, #event17,
  #event18, #event19, #event20, #event21, #event22, #event23, #event24, #event25, #event26, #event27, #event28,
  #event29, #event30, #event31, #event32, #event33, #event34, #event35, #event36, #event37, #event38,#event39,
  #event40,#event41,#event42,#event43,#event44,#event45,#event46,#event47,#event48,#event49,#event50,#event51,
  #event52,#event53,#event54,#event55,#event56,#event57,#event58,#event59,#event60,#event61,#event62,#event63,
  #event64,#event65,#event66,#event67,#event68,#event69,#event70,#event71,#event71,#event72,#event73,#event74,#event75{
				 font-size: 11px; 

			}

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

				td{
				padding: 5px 10px;
				}

				.letras img{
					width: 43%;
				}
				#event,#event2,#event3,#event4,#event5, #event6, #event7, #event8, #event9,
 #event10, #event11, #event12, #event1, #event13, #event14, #event15, #event16, #event17,
  #event18, #event19, #event20, #event21, #event22, #event23, #event24, #event25, #event26, #event27, #event28,
  #event29, #event30, #event31, #event32, #event33, #event34, #event35, #event36, #event37, #event38,#event39,
  #event40,#event41,#event42,#event43,#event44,#event45,#event46,#event47,#event48,#event49,#event50,#event51,
  #event52,#event53,#event54,#event55,#event56,#event57,#event58,#event59,#event60,#event61,#event62,#event63,
  #event64,#event65,#event66,#event67,#event68,#event69,#event70,#event71,#event71,#event72,#event73,#event74,#event75{
				 font-size: 9px; 
				 padding: 2px 5px 2px 5px;
				}

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

					.tabla{
						width: 97%;
						margin-top: -20px;
					}
					th{
						font-size: 9px;
					}

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

}