/* Opcionalmente, agregar algo de margen a la parte superior del contenido */
.anyo {
  margin-top: 20px;
}
body {
  font: normal 13px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  color: #4e5f63;
  background: #e6eae9;
}

th {
  font: bold 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  color: #4f6b72;
  border-right: 1px solid #c1dad7;
  border-bottom: 1px solid #c1dad7;
  border-top: 1px solid #c1dad7;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 6px 6px 6px 12px;
  background: #cae8ea url(images/bg_header.jpg) no-repeat;
}

td {
  font: bold 13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  border-right: 1px solid #c1dad7;
  border-bottom: 1px solid #c1dad7;
  background: #fff;
  padding: 6px 6px 6px 12px;
  color: #4f6b72;
}

td.intermedio {
  font: 900 13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  border-right: 1px solid #c1dad7;
  border-bottom: 1px solid #c1dad7;
  background: #d0e9f0;
  padding: 6px 6px 6px 12px;
  color: #4f6b72;
}

a {
  color: #be4824;
  text-decoration: none;
  display: block;
  margin: 5px;
  font: bold 13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

.titulos {
  font: bold 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

.colegio {
  font: bold 24px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

.anyo {
  font: bold 30px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

.message {
  font-size: 14px;
  margin-top: 5px;
}

.success {
  color: green;
}

.error {
  color: red;
}

.sugerencia {
  padding: 5px;
  cursor: pointer;
  background: #f2f2f2;
  border-bottom: 1px solid #ccc;
}
.sugerencia:hover {
  background: #ddd;
}

.align-left {
  text-align: left;
}