/* Home page sections added on top of the original 2008 template.
   Same palette, Verdana and 11px body as firefox_css.css; spacing scale 4/8/12/16/24. */

.ofx { width: 860px; padding: 16px 0 24px; }
.ofx, .ofx td, .ofx p, .ofx li, .ofx dt, .ofx dd { font-family: Verdana, Geneva, sans-serif; color: #25689d; }

/* h1 of the template is 13px uppercase navy with a rule; h2 sits one step below it */
.ofx h2 {
  font-size: 12px; line-height: 16px; font-weight: bold; color: #003e6a;
  text-transform: uppercase; text-align: left;
  border-bottom: 1px solid #d2d2c8; margin: 24px 0 8px; padding: 0 0 3px;
}
.ofx > h2:first-child { margin-top: 0; }
.ofx h3 { font-size: 12px; line-height: 15px; font-weight: bold; margin: 0 0 4px; }
.ofx h3 a:link, .ofx h3 a:visited { font-size: 12px; font-weight: bold; color: #25689d; }
.ofx h3 a:hover { font-size: 12px; font-weight: bold; color: #003e6a; }

.ofx p, .ofx li, .ofx dd { font-size: 11px; line-height: 16px; }
/* left-aligned: justified text in 300px columns opens rivers between words */
.ofx p { margin: 0 0 8px; text-align: left; }
.ofx p.ofx-lead { width: 640px; margin-bottom: 12px; }

/* two columns of 422px: ~70 characters per line at 11px */
.ofx-grid { width: 860px; margin: 0; }
.ofx-col, .ofx-item { width: 422px; vertical-align: top; }
.ofx-gap { width: 16px; }

/* service item: thumbnail on the left, heading + text beside it */
.ofx-item { padding-bottom: 16px; }
.ofx-item img {
  float: left; width: 96px; height: 64px; object-fit: cover;
  border: 1px solid #d3d2c8; margin: 2px 12px 4px 0;
}
.ofx-item p { overflow: hidden; margin: 0; }

/* the coloured left bar of the original service boxes, reused for the list */
.ofx-bar { width: 422px; }
.ofx-bar-mark { width: 10px; }
.ofx-bar td { vertical-align: top; }
.ofx ol { margin: 0; padding: 0 0 0 30px; }
.ofx ol li { list-style-type: decimal; margin: 0 0 4px; }
.ofx ul { margin: 0 0 8px; padding: 0 0 0 16px; }
.ofx ul li { list-style-type: circle; margin: 0 0 2px; }

.ofx-faq { margin: 0; }
.ofx-faq dt { font-size: 11px; line-height: 16px; font-weight: bold; color: #003e6a; margin: 0 0 2px; }
.ofx-faq dd { margin: 0 0 12px; }

/* "Más Información" pattern of the template: grey bold link + arrow */
.ofx p.ofx-more { text-align: left; margin: 8px 0 0; }
.ofx p.ofx-more a:link, .ofx p.ofx-more a:visited { font-weight: bold; color: #767570; }
.ofx p.ofx-more a:hover { font-weight: bold; color: #767570; text-decoration: underline; }
.ofx p.ofx-more img { margin-left: 3px; vertical-align: middle; }

.ofx a:focus-visible { outline: 2px solid #003e6a; outline-offset: 2px; }