/* General layout */
body { max-width: 1000px; margin: auto; padding: 2rem }
body { font-family: sans-serif }

/* Top menu */
.menu { background-color: #111111; overflow: hidden; line-height: 3rem }
.menu a { text-decoration: none; color: #FFFFFF; padding: 1rem }
.menu a:hover { background-color: #000000 }
.menu a.important { font-weight: bold }
.menu .right { float: right }

/* Archives style */
.archives time { color: #777777 }
.archives a { text-decoration: none; color: #000000 }
.archives a:hover { text-decoration: underline }
.archives { margin: 0rem }

/* Headline style */
.headline { margin-bottom: 2rem }
.headline strong:first-child { margin-left: 0rem}
.headline strong { margin-left: 1rem}

/* Pagination style */
.pagination { line-height: 2rem; text-align: center }
.pagination a { text-decoration: none; color: #000000; padding: 0.5rem }
.pagination a:hover { background-color: #000000; color: #FFFFFF }
.pagination a.active { font-weight: bold }

/* Article list style */
h2.article { border-bottom: none }
.article a { text-decoration: none }
.article a:hover { text-decoration: underline }
a.article { background-color: #000000; color: #FFFFFF; font-size: small; padding: 0.25rem 0.5rem; text-decoration: none }

/* Footer style */
.footer { text-align: center; margin-top: 2rem; margin-bottom: 0rem; border-top: 1px solid #CCCCCC; line-height: 3rem }

/* Botón de cambio de política de cookies */
#changePreferences { text-align: center }
#changePreferences > p { display: inline-block; text-align: center; background-color: #111111; color: #FFFFFF; padding: 1rem 2rem; cursor: pointer }
#changePreferences > p:hover { background-color: #000000 }

/* Solo aplica a /curriculum.html */
table { width: 90%; margin: auto; border-collapse: collapse; table-layout: fixed }
table + table { margin-top: 2em }
td, th { text-align: center; border: 1px solid #AAAAAA }

/* Body style */
h1, h2, h3, h4 { border-bottom: 0.1rem #000000 solid }
h1 { margin-bottom: 3rem }
p { text-align: justify; line-height: 1.5rem }
li { text-align: justify; line-height: 1.5rem }
a { color: #000000; text-decoration: underline }
img { display: block; margin: auto; border: 2px solid #000000; max-width: 100% }
hr { border: 0rem; border-top: 1px solid #CCCCCC }
pre { background-color: #000000; color: #FFFFFF; padding: 1rem; overflow: auto }
p > code { background-color: #DDDDDD; color: black }
li > code { background-color: #DDDDDD; color: black }
blockquote { border-left: 0.5rem #AAAAAA solid; margin-left: 0rem; margin-right: 0rem; padding: 0.1rem 1rem; background-color: #EEEEEE }