* {
	margin:0;
	padding:0;
}

body {
	background:#fff;
}

header {
	padding:10px;
	background: #2e86c1;
	width:90%;
	max-width:1000px;
	margin:10px auto;
	color:#fff;
	font-family: "Times New Roman", Times, serif;
	font-size:18px;
	text-shadow: 1px 1px 0px #000;
}

.titulo {
	padding:10px;
	background: #922b21;
	width:90%;
	max-width:1000px;
	margin:10px auto;
	color:#fff;
	font-family: "Helvetica", Helvetica, serif;
	font-size:28px;
	text-shadow: 1px 1px 0px #000;
	font-variant: small-caps;
}

.foto {
	padding:10px;
	background: #1254d7;
	width:90%;
	max-width:1000px;
	margin:10px auto;
	color:#fff;
	font-family: "Helvetica", Helvetica, serif;
	font-size:30px;
	text-shadow: 1px 1px 0px #000;
	font-variant: small-caps;
	text-align:center;
	
}

.tabla {
	padding:10px;
	background: #F0FFF0;
	width:90%;
	max-width:1000px;
	margin:10px auto;
	font-family: "Helvetica", Helvetica, serif;
	font-size:15px;
	text-align:left;
}

.ssanta {
	padding:10px;
	background: #9800e4;
	width:90%;
	max-width:1000px;
	margin:10px auto;
	color:#fff;
	font-family: "Helvetica", Helvetica, serif;
	font-size:30px;
	text-shadow: 1px 1px 0px #000;
	font-variant: small-caps;
	text-align:center;
	
}

.textoheader {
  display: inline-block;
}

.main{
	width:90%;
	padding:10px;
	max-width:1000px;
	background:#F1F1EF; 
	display: grid;
	grid-template-columns: 1fr;
	grid-column-gap:10px;
	font-family: "Helvetica", Helvetica, serif;
	text-align:left;
	font-size:  15px ;
	line-height:20px;
	margin:20px auto; 
}

.main img {
	width:40%;
	padding:10px;
}

.padre {
  background-color: #fafafa;
  margin: 1rem;
  padding: 1rem;
  border: 2px solid #ccc;
  /* IMPORTANTE */
  text-align: center;
}

footer {
	padding:10px;
	background:#770698;
	clear:both;
	width:90%;
	max-width:1000px;
	margin:20px auto;
	color:#fff;
	font-family: "Times New Roman", Times, serif;
	font-size:17px;
	text-align:center;
}