@import url("//aulavirtual.um.es/skinum/neo-sakaium/portal.css");
@import url("//aulavirtual.um.es/skinum/neo-sakaium/tool_base.css");
body { color: #202020; font-size: 0.85em; line-height: 1.55; }

h1, h2, h3, h4 { font-weight: 400; font-family: "Roboto Condensed","Arial Narrow","DejaVu Sans Condensed",Arial,sans-serif; }

h1 { font-size: 2.375em; margin-top: 0.8em; margin-bottom: 0.5em; color: #a12534; }

h2 { font-size: 1.75em; margin-top: 0.8em; margin-bottom: 0.55em; }

h3 { font-size: 1.4em; margin-top: 0.6em; margin-bottom: 0.5em; }

.portletBody .textbox h3 { font-family: "Roboto Condensed","Arial Narrow","DejaVu Sans Condensed",Arial,sans-serif; margin-top: 0.8em; margin-bottom: 0.25em; }

h4 { font-size: 1em; margin-top: 0.6em; margin-bottom: 0.5em; }

/* Sanitation */
hr { border: 1px solid; margin: -1px 0; }

ul ul, ol ol, ul ol, ol ul { margin-top: 0; margin-bottom: 0; }

b, strong, small, code { line-height: 1; }

sup, sub { vertical-align: baseline; position: relative; top: -0.4em; }

sub { top: 0.4em; }

em, i { font-style: italic; }
em *, i * { font-style: italic; }

b, strong { font-weight: 700; }
b *, strong * { font-weight: 700; }

ul, ol { margin: 0 0 0 0.6em; padding: 0 0 0 1.2em; }

ul { list-style: square; }

ol { list-style: decimal; }

p, ul, ol, pre, table, blockquote { margin-top: 0.8em; margin-bottom: 0.75em; }

code { font-family: monospace; background-color: #F0F0F0; display: inline-block; padding: 0 0.2em; border: 1px solid #D0D0D0; font-size: 1.3em; white-space: normal; line-height: 1.55; }

.mainList { max-width: 900px; margin: 0 auto; padding: 0.8em; }

ul.navbar li { margin: 0.5em 0; margin-right: 0%; padding: 0.3em; border-right: 10em solid black; background: white; }

ul.navbar { position: absolute; top: 2em; left: 1em; margin: 0; padding: 0; width: 9em; list-style-type: none; }

ul.navbar a { text-decoration: none; }

.textbox { margin: 0 auto; }
.textbox a { text-decoration: underline; }
.textbox img { max-width: 100%; }

a[href$='.pdf'] { background: transparent url(./images/pdf.png) 0px 3px no-repeat; display: inline-block; padding-left: 18px; margin-left: 2px; }

a[href*='youtube.com/'], a[href*='youtu.be'] { background: transparent url(./images/youtube.png) 0px 3px no-repeat; display: inline-block; padding-left: 18px; margin-left: 2px; }

a[href$='.mp3'], a[href$='.ogg'], a[href$='.wav'] { background: transparent url(./images/sound.png) 0px 3px no-repeat; display: inline-block; padding-left: 18px; margin-left: 2px; }

a[href$='.webm'], a[href$='.avi'], a[href$='.flv'], a[href$='.mp4'], a[href$='.mpg'], a[href$='.ogv'] { background: transparent url(./images/film.png) 0px 3px no-repeat; display: inline-block; padding-left: 18px; margin-left: 2px; }

a[href^="mailto:"] { background: transparent url(./images/email.png) 0px 3px no-repeat; display: inline-block; padding-left: 18px; margin-left: 2px; }

address { margin-top: 1em; padding-top: 1em; border-top: thin dotted; }

/* Estilos para que el estilo por defecto de la letra del ui se vea bien */
.ui-dialog { font-size: 13px !important; }

.border, .border2 { border-color: #FFF; }

.border { background: #FFFBCD; }

.border .shorttext, .border .longtext, .border .filepicker { border: 0px none !important; }

.figura { float: right; padding-left: 15px; }
@media (max-width: 600px) { .figura { float: none; width: 100%; margin: 0.8em 0; }
  .figura img { max-width: 100%; } }
.figura + p + * { clear: both; }

blockquote { padding-right: 100px; border-left: 0.7em solid #9A9A9A; margin-left: 4em; padding-left: 1em; }

table { margin: 0 0 1.75em; width: 100%; border-spacing: 0; border-radius: 4px; border-style: solid solid solid solid; border-width: 1px 1px 1px 1px; text-align: center; }
table thead { background-color: #F0F0F0; font-variant: small-caps; font-size: medium; }
table td, table th { border-left: 1px solid #DDD; border-bottom: 1px solid #DDD; text-align: center; }

.notetip { margin: 2em; margin-left: auto; margin-right: auto; width: 70% !important; min-height: 40px; clear: both; text-align: justify; vertical-align: middle; border-collapse: collapse; padding: 15px 20px; -moz-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px; }
.notetip img { margin-right: 30px; }