#header {display: none; visibility: hidden}
body {margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; background: url(../imagenes/fnd_body.gif) top repeat-x; color: rgb(102, 102, 102)}
a {text-decoration: none; color: rgb(255, 174, 0)}
a:hover {text-decoration: none; color: rgb(173, 33, 0)}
.negrita {font-weight: bold}
.logo_top {border: 0.02em solid rgb(229,229,229)}
.destacado_top {font-size: 0.9em; color: rgb(255, 255, 255); text-decoration: none}
.destacado_top:hover {font-size: 0.9em; color: rgb(0, 0, 0); text-decoration: none}
.ocultar {font-size: 0.9em; color: rgb(255, 255, 255); text-decoration: none; background: url(../imagenes/btn_ocultar.gif) no-repeat left top; padding-left: 2em}
.ocultar:hover {font-size: 0.9em; color: rgb(0, 0, 0); text-decoration: none}
p.titulos_top {display: block; float: left; width: 37em; margin: 0; vertical-align: baseline; margin-bottom: 0.75em}
.tit_top {float: left; font-size: 1.2em; color: rgb(255, 255, 255); font-weight: bold; padding-left: 1em}
.tit_top2 {float: left; font-size: 1.6em; color: rgb(255, 255, 255); line-height: 0.8em; padding-left: 0.5em}
p.titulos_top2 {display: block; float: left; width: 37em; margin: 0; vertical-align: baseline; margin-top: 2.5em; text-align: right}
.tit_top_bl {font-size: 1.5em; color: rgb(255, 255, 255)}
.tit_top_bl2 {font-size: 2.4em; color: rgb(255, 255, 255); line-height: 0.8em}
.blanco {color: rgb(255, 255, 255)}
.negrita_blanco {font-weight: bold; color: rgb(255, 255, 255)}
.titulo_blanco {font-size: 2em; color: rgb(255, 255, 255)}
.azul {color: rgb(52, 66, 79)}
.negrita_azul {font-weight: bold; color: rgb(52, 66, 79)}
.titulo_azul {font-weight: bold; font-size: 1.2em; color: rgb(52, 66, 79)}
.azul2 {color: rgb(50, 73, 98)}
.negrita_azul2 {font-weight: bold; color: rgb(50, 73, 98)}
.titulo_azul2 {font-size: 2em; color: rgb(50, 73, 98)}
.naranja {color: rgb(255, 195, 69)}
.negrita_naranja {font-weight: bold; color: rgb(255, 195, 69)}
.titulo_naranja {font-weight: bold; font-size: 0.7em; color: rgb(255, 195, 69)}
.granate {color: rgb(173, 33, 0)}
.negrita_granate {font-weight: bold; color: rgb(173, 33, 0)}
.titulo_granate {font-weight: bold; font-size: 1.2em; color: rgb(173, 33, 0)}
.titulo_granate_pag {font-weight: bold; font-size: 1.2em; color: rgb(173, 33, 0)}
.titulo_granate_peq {font-weight: bold; font-size: 1em; color: rgb(173, 33, 0)}
.titulo_granate_peq_icono {display: block; float: left; height: 1.56em; width: 100%; margin-bottom: 0.5em; margin-top: 0.5em; font-weight: bold; font-size: 1em; color: rgb(173, 33, 0); background: url(../imagenes/icono_actividad.gif) left top no-repeat; padding: 0 0 0.4em 2em}
.titulo_multimedia_azul {display: block; float: left; vertical-align: middle; margin-bottom: 0.5em; margin-top: 0.5em; background: url(../imagenes/btn_multimedia_azul.gif) left top no-repeat; padding: 0.5em 0 1em 3.25em}
.titulo_multimedia {display: block; float: left; vertical-align: middle; margin-bottom: 0.5em; margin-top: 0.5em; background: url(../imagenes/btn_multimedia.gif) left top no-repeat; padding: 0.5em 0 1em 3.25em}
.tituloAsignatura {font-weight: bold; font-size: 1.5em}
.item_contenido {padding-left: 1em; color: rgb(0, 0, 0)}
.item_contenido:hover {padding-left: 1em; color: rgb(255, 174, 0)}
.siguiente {color: rgb(153, 153, 153); background: url(../imagenes/btn_siguiente.gif) left no-repeat; padding-left: 1.5em; font-size: 0.85em}
.siguiente:hover {color: rgb(0, 0, 0); background: url(../imagenes/btn_siguiente.gif) left no-repeat; padding-left: 1.5em; font-size: 0.85em}
.anterior {color: rgb(153, 153, 153); background: url(../imagenes/btn_anterior.gif) right no-repeat; padding-right: 1.5em; font-size: 0.85em}
.anterior:hover {color: rgb(0, 0, 0); background: url(../imagenes/btn_anterior.gif) right no-repeat; padding-right: 1.5em; font-size: 0.85em}
.flujo {font-size: 0.85em; color: rgb(173, 33, 0)}
.nota {font-size: 0.85em; margin: 3em 5em 3em 5em; padding-top: 1em; padding-bottom: 1em; padding-left: 2em; border-bottom: 0.02em solid rgb(187,187,187); border-top: 0.02em solid rgb(187,187,187); background: url(../imagenes/btn_nota.gif) no-repeat 0em 1em}
.aviso {font-size: 0.85em; margin: 3em 5em 3em 5em; padding-top: 1em; padding-bottom: 1em; padding-left: 2em; border-bottom: 0.02em solid rgb(187,187,187); border-top: 0.02em solid rgb(187,187,187); background: url(../imagenes/btn_aviso.gif) no-repeat 0em 1em; color: rgb(153, 0, 0)}
.foto_izda {display: block; float: left; border: 0.08em solid rgb(187,187,187); margin: 0 2em 1em 0}
.foto_izda_pie {display: block; float: left}
.foto_dcha {display: block; float: right; border: 0.08em solid rgb(187,187,187); margin-left: 2em; margin-bottom: 2em}
.foto_dcha_flotante {display: block; clear: both; float: right; margin: 2em 0 1em 2em; border: 0.08em solid rgb(187,187,187)}
.foto_dcha_pie {display: block; float: right}
.foto_trio_lado {display: block; float: left}
.foto_trio_ctro {display: block; float: left; margin: 0 1em 0 1em}
.foto_relacionado {border: 0.08em solid rgb(187,187,187)}
.pdf {padding-left: 3em; background: url(../imagenes/btn_pdf.gif) left no-repeat; color: rgb(153, 153, 153)}
.doc {padding-left: 3em; background: url(../imagenes/btn_doc.gif) left no-repeat; color: rgb(153, 153, 153)}
.xls {padding-left: 3em; background: url(../imagenes/btn_xls.gif) left no-repeat; color: rgb(153, 153, 153)}
.ppt {padding-left: 3em; background: url(../imagenes/btn_ppt.gif) left no-repeat; color: rgb(153, 153, 153)}
.texto_pie {padding-left: 1em}
#navegador {display: block; float: left; border-bottom: 0.02em solid rgb(204,204,204)}
.fondo_ficha {margin-bottom: 0; padding-bottom: 0; height: 3em}
.pestana_off {display: block; float: left; width: 3.3em; height: 1.3em; background: url(../imagenes/pestana_off.gif) left top no-repeat; font-weight: bold; color: rgb(204, 204, 204); text-align: center; padding: 0.2em 0 0 0}
.pestana_on {display: block; float: left; width: 3.3em; height: 1.3em; background: url(../imagenes/pestana_on.gif) left top no-repeat; font-weight: bold; color: rgb(52, 66, 79); text-align: center; padding: 0.2em 0 0 0}
.titulo_contenidos {float: right; padding: 0.35em 1em 0.36em 1em; margin: 1em 0.1em 0 0; background: url(../imagenes/fnd_tit_contenidos.gif); font-weight: bold; color: rgb(255, 255, 255)}
.verdadero {width: 5em; padding: 0.5em; background: rgb(0, 153, 0); font-weight: bold; color: rgb(255, 255, 255); text-align: center; float: right; font-size: 0.8em; margin: 0 0 0.2em 0}
.falso {width: 5em; padding: 0.5em; background: rgb(153, 0, 0); font-weight: bold; color: rgb(255, 255, 255); text-align: center; float: right; font-size: 0.8em; margin: 0 0 0.2em 0.2em}
.opcion {width: 5em; text-align: center; float: right}
#navcontainer {margin-left: 0}
#navcontainer ul {margin: 0; padding: 0; list-style-type: none; font-family: verdana, arial, Helvetica, sans-serif}
#navcontainer li {margin: 0; background: url(../imagenes/bola_blanca.gif) 0.3em 0.4em no-repeat}
#navcontainer a {display: block; padding: 0.3em 0 0.3em 1.5em; margin: 0 0 0 0.5em; width: 13em; color: rgb(255, 255, 255); text-decoration: none; font-weight: bold; font-size: 0.7em}
#navcontainer a:hover {color: rgb(255, 195, 69); text-decoration: none}
#navcontainer ul ul li {margin: 0; background: url(../imagenes/bola_amarilla.gif) 1em 0.5em no-repeat}
#navcontainer ul ul a {display: block; padding: 0.3em 0 0.5em 2em; margin: 0 0 0 0.5em; width: 12.6em; color: rgb(255, 255, 255); text-decoration: none; font-weight: normal}
#navcontainer ul ul a:hover {color: rgb(255, 195, 69); text-decoration: none}
.combo_test {font-size: 0.8em; padding: 0.1em; margin-bottom: 0.3em}
.combo_test_ok {font-size: 0.8em; padding: 0.1em; margin-bottom: 0.3em; background: rgb(0, 153, 0); color: rgb(255, 255, 255)}
.combo_test_error {font-size: 0.8em; padding: 0.1em; margin-bottom: 0.3em; background: rgb(153, 0, 0); color: rgb(255, 255, 255)}
.peque_nav {text-decoration: none; font-weight: normal}
.enlace_relacionado {color: rgb(173, 33, 0)}
.enlace_relacionado:hover {color: rgb(0, 0, 0)}
.parrafo_texto {display: block; float: left; margin-bottom: 1em}
.espacio_titulo {margin-left: 1em}
.icon_top {border: none; padding: 0.1em 0.3em 0 0.3em}
.icon_top:hover {border: none; text-decoration: none; color: rgb(245, 167, 0)}
