body { background-color: #162739; margin: 0px; padding: 0px; border: 0; font-family: arial }
ul, form { margin: 0; padding: 0 }
a { text-decoration: none }
a:focus { outline: none }
img { border: none }
img:focus { outline: none }
h1, h2, h3, h4 { margin: 0px; padding: 0px }
.espacio { clear: both }
.izq { float: left }
.der { float: right }
.verdana { font-family: verdana }
#tooltip { position: absolute; border: 1px solid #3E73D2; background: #162739; color: #FFFFFF; display: none; font-size: 11px; font-weight: bold; padding: 2px 5px; width: 150px }
.oculto_t { display: none }
.imprimible { display: none; visibility: hidden }
.contenedor-global { width: 980px; margin: 0 auto }
.contenedor-global.con-publi { width: 1260px }
.modulo-publicidad-lateral { background-color: #899ba7; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; float: left; margin-top: 24px; width: 130px }
.modulo-publicidad-lateral p { margin: 0 }
.modulo-publicidad-lateral.izquierdo { margin-right: 10px }
.modulo-publicidad-lateral.derecho { margin-left: 10px }
.marcador-ads { background: url(../img/web/etiqueta-anuncios.png) center no-repeat; height: 19px; width: 39px }
.modulo-publicidad-lateral .marcador-ads { padding: 2px 4px }
.contenedor-pagina { background-color: #eeeeee; width: 980px; margin: 0 auto; float: left }
.contenedor-cabecera { height: 167px }
.contenedor-cabecera.fondo-general { background: url(../img/web/cabecera-general.png) center no-repeat }
.contenedor-cabecera.fondo-shop { background: url(../img/web/cabecera-shop.png) center no-repeat }
.contenedor-cabecera.fondo-bre { background: url(../img/web/cabecera-bre.jpg) center no-repeat }
.contenedor-cabecera.fondo-open { background: url(../img/web/cabecera-open.jpg) center no-repeat }
.contenedor-cabecera.fondo-open-ficha { background: url(../img/web/cabecera-open-ficha.jpg) center no-repeat }
.contenedor-cabecera.fondo-private { background: url(../img/web/cabecera-private.jpg) center no-repeat }
.contenedor-cabecera.fondo-kids { background: url(../img/web/cabecera-kids.jpg) center no-repeat }
.contenedor-cabecera.fondo-scratch { background: url(../img/web/cabecera-scratch.jpg) center no-repeat }
.contenedor-cabecera.fondo-blog { background: url(../img/web/cabecera-blog.jpg) center no-repeat }
.contenedor-cabecera .cabecera-enlace-inicio { padding: 35px 0 2px 30px; position: relative; clear: both }
.contenedor-cabecera .cabecera-enlace-inicio a.home { display: block; float: left; height: 91px; width: 885px }
.contenedor-cabecera .cabecera-enlace-inicio a.vc { display: block; margin-top: 49px; position: absolute; right: 15px; width: 50px }
.contenedor-cabecera .cabecera-contenedor-menu { padding: 0 13px 12px 13px; height: 28px; line-height: 28px }
.contenedor-cabecera .cabecera-menu { float: left; max-width: 756px; list-style: none }
.contenedor-cabecera .cabecera-menu li { float: left; height: 28px }
ul.desplegable { margin: 0px; padding: 0px; display: block; position: absolute; font-size: 12px; width: 80px; z-index: 99 }
ul.desplegable li { display: none; background: #fff; list-style: none; line-height: 30px; padding: 0px 10px; border: 1px solid #005F8F }
ul.desplegable li.active { display: block; background: transparent; padding: 0px; border: 0 }
ul.desplegable li a { color: #005F8F; display: block; text-decoration: none }
ul.desplegable li a:hover { text-decoration: underline }
ul.desplegable#dropdown-1 li { width: 75px }
ul.desplegable#dropdown-2 li { width: 86px }
ul.desplegable#dropdown-3 li { width: 140px }
ul.desplegable#dropdown-4 li { width: 75px }
ul.desplegable#dropdown-5 li { width: 100px }
ul.desplegable#dropdown-6 li { width: 79px }
.contenedor-cabecera .cabecera-buscador { float: right; padding: 0 8px; width: 182px; height: 28px; line-height: 28px }
.contenedor-cabecera .cabecera-buscador table { background: url(../img/web/bg-cabecera-buscador.png) center no-repeat; height: 28px }
.contenedor-cabecera .cabecera-buscador table input { margin-left: 22px; width: 108px; border: 0; background: none }
.contenedor-cabecera .cabecera-buscador table a { display: block }
.contenedor-pie { background-color: #fff; margin: auto; width: 954px; padding: 0 5px 0 4px }
.contenedor-pie .modulo-anuncio-pie { padding-top: 21px }
.contenedor-pie .modulo-anuncio-pie .marcador-ads { position: absolute; margin-top: -22px; margin-left: 8px }
.contenedor-pie .modulo-anuncio-pie .contenido-anuncio-pie { background-color: #cadde2; padding: 10px }
.contenedor-pie .modulo-anuncio-pie .contenido-anuncio-pie p { margin: 0 }
.contenedor-pie .bg-separador-pie { background: url(../img/web/bg-separador-pie.png) center no-repeat; height: 3px; padding: 10px 0 }
.contenedor-pie .informacion-pie { font-size: 13px; color: #003e5f; height: 22px; line-height: 22px; padding-bottom: 5px }
.contenedor-pie .informacion-pie span { margin: 0 3px; float: left }
.contenedor-pie .informacion-pie a { color: #003e5f; margin: 0 8px; float: left }
.contenedor-pie .informacion-pie a:hover { text-decoration: underline }
.contenedor-pie .informacion-pie a.donate-paypal { float: right; margin-right: 0 }
.contenedor-pie .informacion-pie .pie-boton-donar { float: right }
.contenedor-pie .informacion-pie .pie-boton-donar .img-donar { height: 20px; width: 72px; display: block; margin: 0 }
.contenedor-central { background-color: #FFFFFF; margin: auto; padding: 0 5px 0 4px; position: relative; width: 954px }
.bloque-completo { background: url(../img/web/bg-marco-completo.png) center no-repeat; height: 184px; width: 955px }
.random-videos { margin: 28px 26px }
.random-videos img { border: 1px solid #000; height: 65px; width: 115px; max-width: 115px; width: auto; margin: 0 5px 0 6px }
.bloque-peque { background: url(../img/web/bg-marco-peque.png) center no-repeat; height: 138px; width: 315px }
.bloque-peque.img-banner { height: 130px; padding: 4px; width: 307px }
.bloque-peque.img-banner p { margin: 0 }
.bloque-peque.img-banner img { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px }
.bloque-peque.portada-central { background: none; color: #5a89a2; margin: 0 4px 0 5px; text-align: center; width: 315px }
.portada-central-titulo { font-size: 18px; font-weight: bold; line-height: 16px }
.portada-central-imagen { margin: 5px 0 }
.portada-central-imagen img { border: 1px solid #000; height: 95px; width: 168px }
.portada-central-subtitulo-contenedor { color: #a5c9d3; font-family: Verdana; font-size: 15px; line-height: 15px; margin: 0 10px; text-align: center; width: 295px }
.portada-central-subtitulo { font-size: 15px; margin: 2px 5px; overflow: hidden; text-align: center }
.portada-central-subtitulo-contenedor a { color: #a5c9d3 }
.bloque-peque.users-area { padding: 4px 5px; height: 130px; width: 305px; color: #5a89a2 }
.users-area table { margin-top: 2px }
.users-area-titulo { background: url(../img/web/bg-users-area.png) center no-repeat; height: 38px; width: 306px }
.users-area-etiqueta { color: #005f8f; font-family: Tahoma; font-size: 13px; text-align: right; padding: 7px 2px }
.users-area input { background: none; border: 0 }
.users-area input#input-nick { background: url(../img/web/bg-input-grande.png) center no-repeat; height: 25px; margin-left: 2px; padding: 0 5px; width: 190px }
.users-area input#input-pass { background: url(../img/web/bg-input-peque.png) center no-repeat; height: 25px; margin-left: 2px; padding: 0 5px; width: 118px }
.users-area input#input-submit { background: url(../img/web/bg-input-submit.png) center no-repeat; cursor: pointer; height: 18px; padding: 0; width: 63px; margin-left: 5px; margin-top: 5px }
.users-area table.login-register-home { margin-top: 0; text-align: center; width: 100% }
.users-area table.login-register-home td { padding: 19px 0 12px 0 }
.users-area table.login-register-home td.td-forgot-pass { padding: 8px 0 }
.users-area table.login-register-home .td-forgot-pass a { color: #4e92ac; font-size: 13px; -moz-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out }
.users-area table.login-register-home .td-forgot-pass a:hover { color: #00699a; text-decoration: underline }
.area-usuarios-enlaces { margin-top: 4px; text-align: center }
.users-area a { color: #5A89A2; font-size: 13px }
.users-area-log-in img.img-welcome { margin-left: 225px; position: absolute }
.users-area-log-in .users-area-welcome { text-align: center; margin-top: 3px }
.users-area-log-in .users-area-welcome .titulo-welcome { color: #005f8f; font-family: Verdana }
.users-area-log-in .users-area-welcome .nombre-usuario { color: #023d5c; font-weight: bold; padding-top: 8px }
.contenedor-videos { padding: 0 15px }
.encabezado-videos { padding: 10px 0 0 0 }
.nombre-controles-videos { line-height: 31px; height: 31px; padding-bottom: 3px }
.encabezado-videos h2 { color: #003e5f; font-weight: normal; font-size: 20px }
.controles-videos, .controles-videos td { height: 31px; line-height: 31px }
.controles-videos a { color: #003e5f; font-weight: bold; height: 31px; line-height: 31px; margin-left: 12px }
a.btn-reset { color: #fe050b; font-weight: bold; text-transform: uppercase }
.tags-videos { width: 921px; margin: 0 auto }
.tags-border-top { background: url(../img/web/border-tags-top.png) center no-repeat; height: 20px }
.tags-border-bottom { background: url(../img/web/border-tags-bottom.png) center no-repeat; height: 27px }
.tags-contenido { background: url(../img/web/border-tags-bottom.png) center bottom no-repeat; height: 38px; line-height: 38px; overflow: hidden; padding: 0 5px; padding-bottom: 27px; text-align: center }
.tags-contenido a { color: #3a47c9; margin: 0 9px }
.tags-contenido a.more_tags { clear: both; color: #3a47c9; font-size: 13px; font-style: italic; line-height: 23px; margin: 3px 15px 0 0 }
.listado-videos { padding-top: 10px }
.listado-videos-separador { width: 921px; height: 3px; background: url(../img/web/bg-separador-listado.png) center no-repeat }
.listado-videos-ficha { height: 89px; padding: 3px 2px }
.listado-videos-ficha a { display: block; float: left }
.enlace-imagen-assignments { float: left; display: block; height: 89px; position: relative; width: 154px }
.enlace-imagen-assignments.actividad { border: 1px solid #000; height: 87px; width: 152px }
.listado-videos-imagen { height: 87px; width: 152px; border: 1px solid #000 }
.listado-activities-imagen { height: 75px; margin-left: 18px; margin-top: 8px; width: 75px }
.listado-videos-caract-video.titulos { height: 84px; max-height: 84px; position: relative }
.listado-videos-caract-video.titulos a:hover { text-decoration: underline }
.listado-videos-caract-video.titulos span.fecha_assignment { background-color: #0b72a4; bottom: 0; color: #fff; display: block; font-size: 14px; font-weight: bold; opacity: 0.65; padding: 2px 8px; position: absolute; right: 0; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out }
.listado-videos-caract-video h3 { font-size: 16px; font-weight: bold; font-weight: normal; margin: 0 0 5px 0; max-height: 65px; overflow: hidden; padding: 0 }
.listado-videos-caract-video { color: #30627d; max-height: 82px; overflow: hidden; padding: 5px 0 0 20px; width: 230px }
.listado-videos-caract-video.activities { width: 260px }
.listado-videos-caract-video a { color: #30627d }
.listado-videos-caract-video a span { color: #4F7FD5; display: block; font-size: 13px; font-weight: normal; margin-top: 1px }
.listado-videos-descrip-video { color: #4a768d; font-size: 14px; max-height: 51px; overflow: hidden; padding: 20px 10px 0 12px; text-align: justify; width: 328px; width: 380px }
.listado-videos-descrip-video a { color: #60A3C4 }
.listado-videos-descrip-video a:hover { text-decoration: underline }
.listado-videos-descrip-video a.description { color: #4a768d }
.listado-videos-descrip-video a.description:hover { text-decoration: none }
.listado-videos-script-video { color: #4a768d; font-size: 13px; margin-left: 5px; padding-top: 12px; padding-left: 5px; text-align: center; width: 60px }
.listado-videos-script-video img { clear: both; margin-top: 5px; max-width: 60px; max-height: 50px }
.listado-videos-controles-video { padding: 12px 3px 0 3px; width: 30px }
.listado-videos-controles-video img { margin-top: 4px }
.listado-videos-banderas img { margin-top: 15px; width: 30px; height: 20px }
.listado-videos-me-gusta { padding-top: 12px; width: 53px; text-align: center; margin-left: 5px; display: none }
.listado-videos-num-likes { background: url(../img/web/num-likes.png) center no-repeat; width: 53px; height: 22px; padding-top: 8px; color: #30627d; font-size: 15px }
.img-focus-listado img { margin: 0 10px; width: 31px }
.language-listado { color: red; line-height: 30px }
.language-listado img { margin-top: 10px }
.language-listado.activities img { margin-top: 5px }
.the-focus { width: 90px }
.borde-vertical-azul { background: url(../img/web/activities/bordecito-azul.png) center repeat-y; height: 98px; margin-top: -5px; width: 3px }
.listado-activities-esprofe { margin: 2px 4px }
.listado-activities-esprofe img { height: 32px; width: 32px }
.paginador-listado { padding-top: 10px }
.paginador-listado div { float: left; border: 1px solid #d7d7d7; margin-right: 4px; font-size: 14px }
.paginador-listado div a { padding: 4px 6px; color: #0b72a4; display: block }
.paginador-listado div a:hover { padding: 4px 6px; background-color: #0b72a4; color: #fff; display: block }
.paginador-listado .sel { padding: 4px 6px; background-color: #0b72a4; color: #fff; display: block }
.num-registros-paginador { color: #0b72a4; font-size: 14px; margin: 0; padding: 4px 0 4px 10px }
.img-tipo-tag { height: 42px; width: 42px; position: relative; margin-left: -42px; margin-top: 47px }
.img-tipo-tag-user { height: 20px; width: 71px; position: relative; margin-left: -71px; margin-top: 69px }
.listado-info { padding: 8px 0 0 28px; color: #30627d; margin: 0; width: 710px }
.listado-info h3 a { color: #30627d }
.listado-info-description { clear: both; height: 38px; margin-top: 5px; overflow: hidden; font-size: 14px; text-align: justify }
.blog .listado-info h3 .yellow { background: #f4ec0b; font-size: 0.7em; font-weight: 400; padding: 0 5px }
.blog .listado-info h3 a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100% }
.blog .listado-info-description { height: 52px }
.bre-menu { padding: 24px 4px; margin: 0 auto }
.bre-menu .bre-scratch { background: url(../img/web/bre/banda-azulada.png) center no-repeat; height: 73px; line-height: 73px; padding-left: 58px; width: 890px; color: #142553; font-size: 30px }
.bre-menu .bre-scratch a, .bre-menu .bre-scratch .bre-seccion { color: #142553; font-weight: bold }
.bre-menu .bre-scratch div { text-align: right; padding-right: 26px }
.bre-menu .listado-videos-separador { margin: 0 auto; margin-top: 20px }
.bre-menu table { padding-left: 58px; color: #162739 }
.bre-menu table td { padding-bottom: 10px }
.bre-menu table a { color: #162739; font-weight: bold; font-size: 18px; margin-left: 30px; width: 180px }
.bre-menu .bre-celda-imagen { width: 85px }
.bre-menu .descripcion-bre { font-size: 15px; padding-left: 10px; width: 560px; text-align: justify }
.scratch-course table { margin: 0 auto; padding-top: 10px }
.scratch-course table td { padding: 10px 15px }
.scratch-course img { border: 1px solid #000 }
.combos-listados { background-color: #fff; border: 2px solid #003E5F; display: none; position: absolute }
.combos-listados a { font-size: 14px; margin-left: 8px; padding: 0 15px 0 0 }
.combos-listados select { margin: 8px 8px 0 8px; width: 150px }
.combos-listados input { float: right; margin: 8px }
.combos-listados hr { color: #003E5F; margin: 2px 5px }
#calendario { padding: 5px }
#calendario td { height: 20px; line-height: 20px; padding: 2px }
#calendario a { height: 20px; line-height: 20px; margin: 0 4px; padding: 0 }
.ficha-video { padding: 5px 0 0 0 }
.tabla-franja-superior { float: left; font-family: arial; vertical-align: 2px; color: #023d5c }
.tabla-franja-superior .titulo-video { font-size: 18px }
.tabla-franja-superior .titulo-video span { color: #4F7FD5 }
.tabla-franja-superior .titulo-video span a { color: #4F7FD5; text-decoration: underline }
.tabla-franja-superior .bandera { width: 30px }
.tabla-franja-superior .bandera img { margin: 0 0 0 25px; border: 1px solid #000; float: left }
.tabla-franja-superior .pais { color: #5a8aa1; font-size: 14px; padding-left: 5px }
.tabla-franja-superior .seccion-video { padding-left: 5px }
.tabla-franja-superior .seccion-video a { color: #023d5c; font-weight: bold }
.tabla-controles-superior { float: right; height: 20px }
.imagen-avatar img { width: 20px; margin-left: 5px }
.class-video a { background: url(../img/web/ficha/add-teacher.jpg) center no-repeat; display: block; height: 25px; width: 50px }
.timer { background: url(../img/web/ficha/ico-reloj.png) right center no-repeat; padding-right: 5px; height: 28px; text-align: center }
.timer #my_timer { background-color: #ccc; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; color: #fff; cursor: default; display: block; font-size: 14px; height: 22px; line-height: 22px; overflow: hidden; padding: 2px 10px; text-align: center; width: 50px }
.timer a { background: url(../img/web/ficha/ico-reloj.png) center no-repeat; display: block; float: right; height: 24px; margin-left: 8px; width: 24px }
.contenido-ficha .video-box { background: url(../img/web/ficha/video-box.png) center no-repeat; height: 299px; padding: 2px 10px 10px 6px; width: 517px }
.contenido-ficha .video-box .fullscreen { height: 38px; margin-top: 2px; margin-left: 10px; position: relative }
.contenido-ficha .video-box .fullscreen a.popup_video { background: url(../img/web/ficha/ctrl-fullscreen.png) center no-repeat; display: block; height: 40px; width: 40px }
.contenido-ficha .video-box .fullscreen a.cc { display: block; height: 28px; position: absolute; right: 94px; top: 6px; width: 28px }
.contenido-ficha .video-box .iframe-video { height: 262px; margin-left: 4px; max-height: 262px; overflow: auto; width: 420px }
.contenido-ficha .video-box .iframe-video p { margin: 0 }
.video-box .esconde-controles { background: url(../img/web/ficha/video_bottom.png) center no-repeat; width: 428px; height: 27px; z-index: 99; position: absolute; margin-top: 236px; margin-left: -4px }
.controles-textos { width: 398px; height: 31px }
.controles-textos .mostrar-controles { display: none }
.controles-textos .control-texto { width: 28px; height: 26px; display: block; margin: 1px 2px; padding: 0 12px }
.controles-textos .control-texto#control-fullscreen { background: url(../img/web/ficha/ctrl-fullscreen.png) center no-repeat }
.controles-textos .control-texto#control-left { background: url(../img/web/ficha/ctrl-left.png) center no-repeat }
.controles-textos .control-texto#control-pause { background: url(../img/web/ficha/ctrl-pause.png) center no-repeat }
.controles-textos .control-texto#control-play { background: url(../img/web/ficha/ctrl-play.png) center no-repeat }
.controles-textos .control-texto#control-right { background: url(../img/web/ficha/ctrl-right.png) center no-repeat }
.video-box ul { list-style: none; padding-top: 10px }
.video-box li a { display: block; height: 23px; width: 87px; margin: 6px 0 }
.video-box #ver_description { background: url(../img/web/ficha/btn-description.png) center no-repeat }
.video-box #ver_description.sel { background: url(../img/web/ficha/btn-description-2.png) center no-repeat }
.video-box #ver_transcript { background: url(../img/web/ficha/btn-transcription.png) center no-repeat }
.video-box #ver_transcript.sel { background: url(../img/web/ficha/btn-transcription-2.png) center no-repeat }
.video-box #ver_activities { background: url(../img/web/ficha/btn-activities.png) center no-repeat }
.video-box #ver_activities.sel { background: url(../img/web/ficha/btn-activities-2.png) center no-repeat }
.video-box #ver_explanations { background: url(../img/web/ficha/btn-explanations.png) center no-repeat }
.video-box #ver_explanations.sel { background: url(../img/web/ficha/btn-explanations-2.png) center no-repeat }
.video-box #ver_rlinks { background: url(../img/web/ficha/btn-etc.png) center no-repeat }
.video-box #ver_rlinks.sel { background: url(../img/web/ficha/btn-etc-2.png) center no-repeat }
.video-box #ver_key { background: url(../img/web/ficha/btn-key.png) center no-repeat }
.video-box #ver_key.sel { background: url(../img/web/ficha/btn-key-2.png) center no-repeat }
.video-box #ver_exercise { background: url(../img/web/ficha/btn-exercise.png) center no-repeat }
.video-box #ver_exercise.sel { background: url(../img/web/ficha/btn-exercise-2.png) center no-repeat }
.video-box #ver_more { background: url(../img/web/ficha/btn-more.png) center no-repeat }
.video-box #ver_more.sel { background: url(../img/web/ficha/btn-more-2.png) center no-repeat }
.video-box #ver_meaning { background: url(../img/web/ficha/btn-meaning.png) center no-repeat }
.video-box #ver_meaning.sel { background: url(../img/web/ficha/btn-meaning-2.png) center no-repeat }
.contenido-ficha .text-frame { background: url(../img/web/ficha/text-frame.png) center no-repeat; height: 360px; overflow: hidden; padding: 6px; text-align: justify; width: 397px }
.contenido-ficha .text-frame .textos { color: #023d5c; font-size: 14px; line-height: 22px; height: 308px; width: 375px; overflow: auto; padding: 10px; display: none }
.speech_active .contenido-ficha .text-frame .textos { height: 248px }
.contenido-ficha .text-frame .textos.easy-reader { color: #000; font-size: 18px; font-family: arial; font-weight: bold; line-height: 25px }
.contenido-ficha .text-frame .textos p { margin: 20px 0 }
.contenido-ficha .icon-frame { background: url(../img/web/ficha/icon-frame.png) center no-repeat; height: 34px; margin-top: 7px; width: 512px; padding: 10px; color: #003e5f }
.icon-frame table { margin: 0 auto; width: 95% }
.icon-frame table td { padding: 0 3px }
.icon-frame .boton-like { background: url(../img/web/ficha/btn-like.png) center no-repeat; display: block; float: left; width: 43px; height: 24px }
.icon-frame .boton-like.liked { background: url(../img/web/ficha/btn-no-like.png) center no-repeat }
.icon-frame .num-likes { background: url(../img/web/ficha/num-likes.png) center no-repeat; display: block; float: left; font-family: arial; font-size: 14px; width: 32px; height: 24px; padding: 0 7px 0 10px; line-height: 25px; text-align: center }
.icon-frame .boton-favourite { background: url(../img/web/ficha/favourite.png) center no-repeat; display: block; float: left; width: 26px; height: 25px }
.boton-wr { background: url(../img/web/ficha/wr.png) center no-repeat; display: block; float: left; width: 31px; height: 31px }
.boton-dictionary { background: url(../img/web/ficha/dictionary.png) center no-repeat; display: block; float: left; width: 33px; height: 33px }
.icon-frame .boton-pdf { float: left; width: 31px; height: 31px }
.icon-frame .boton-pdf img { width: 31px; height: 31px }
.icon-frame .boton-report { background: url(../img/web/ficha/report.png) center no-repeat; display: block; float: left; width: 33px; height: 33px }
#easy-reader { display: block; float: left; width: 31px; height: 31px }
.boton-easy-reader-on { background: url(../img/web/ficha/easy-reader-on.png) center no-repeat }
.boton-easy-reader-off { background: url(../img/web/ficha/easy-reader-off.png) center no-repeat }
.contenido-ficha .related-frame { background: url(../img/web/ficha/related-frame.png) center no-repeat; width: 818px; height: 128px; padding: 5px 5px 5px 0px }
.related-frame h3 { color: #82b1c8; float: left; font-family: Arial; font-size: 15px; font-style: italic; font-weight: normal; margin: 10px 0 12px 15px }
.bolitas-related { float: left; margin: 13px 0 12px 10px }
.bolitas-related a { float: left; margin: 0 4px }
.bolitas-related .bolita-related { background: url(../img/web/ficha/bt-ball2.png) center no-repeat; display: block; height: 15px; width: 15px }
.bolitas-related .ico-listado { background: url(../img/web/ficha/bt-list.png) center no-repeat; display: block; height: 15px; width: 15px }
.bolitas-related .ico-info { background: url(../img/web/ficha/bt-info.png) center no-repeat; display: block; height: 15px; width: 15px }
.bolitas-related .ico-info.seleccionado { background: url(../img/web/ficha/bt-info-2.png) center no-repeat }
.bolitas-related .bolita-related.seleccionado { background: url(../img/web/ficha/bt-ball1.png) center no-repeat }
.related-frame .seccion-fichas { margin: 0 auto }
.related-frame img { border: 1px solid #000; width: 105px; height: 59px; margin: 0 3.8px }
.ads-frame { background: #9e9da2; width: 113px; height: 128px; padding: 4px; text-align: center; position: relative; border-radius: 5px; box-shadow: 0 0 0 1px #5d5d5d }
.ads-frame a { display: block; position: absolute; top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); left: 4px; right: 4px; margin: 0 auto; -ms-transform: translate(0, -50%) }
.ads-frame img { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; max-width: 100%; max-height: 100%; width: auto; height: auto; display: inline-block; margin-top: 3px }
.ads-frame p { margin: 0 }
.popup-opciones { display: none }
.popup-ficha { color: #000; margin: 0 15px; font-family: arial; font-size: 18px; line-height: 25px; overflow: auto; text-align: justify }
#cboxContent .popup-ficha h4 { border-bottom: 1px solid #023d5c; color: #023d5c; font-size: 17px; margin: 10px 0 0 0; text-align: center }
#cboxContent .popup-ficha hr { margin-bottom: 0 }
#cboxContent.easy-reader .popup-ficha { font-size: 22px; font-weight: bold; line-height: 28px }
.popup-ficha a { color: #023D5C }
.popup-ficha p { margin: 25px 0 !important; overflow: auto }
.backdoor-ficha { float: right; font-size: 10px; margin: 6px 5px 0 0; height: 14px; width: 14px }
.backdoor-ficha a { color: #023D5C; display: block; text-decoration: none }
.backdoor-blog { display: inline-block; height: 14px; line-height: 1; margin: 0 0 0 5px; position: relative; text-decoration: none !important; width: 14px }
.registro-usuarios .aviso-registrado { color: red; font-size: 16px; font-weight: 600; margin-bottom: -20px; padding: 5px 0 0 15px }
.registro-usuarios .aviso-registrado a { color: red; text-decoration: underline; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease }
.registro-usuarios .aviso-registrado a:hover { color: red }
.registro-usuarios .encabezado-registro { color: #043d5b; margin-bottom: 20px; padding-top: 20px; text-align: center }
.registro-usuarios .encabezado-registro h1, .registro-usuarios .encabezado-registro h2 { font-size: 25px; margin-bottom: 15px }
.registro-usuarios .encabezado-registro p { margin: 2px 0 }
.registro-usuarios ul { margin: 0 30px }
.registro-usuarios h2.subtitulo { border-bottom: 1px solid #487edf; color: #487edf; font-size: 17px; margin: 0 0 15px 0 }
.registro-usuarios table.tabla-registro { color: #370c3a; font-weight: bold; width: 92% }
.registro-usuarios table.tabla-registro th { text-align: left }
.registro-usuarios table.tabla-registro td { padding: 4px 0; width: 30% }
.registro-usuarios table.tabla-registro td.fLeyenda { font-size: 15px; padding-right: 10px; text-align: right; width: 20% }
.imagen-fondo-tabla.es-hombre { background: url(../img/web/silueta-usuario.png) right 20px no-repeat; margin: 0 40px }
.imagen-fondo-tabla.es-mujer { background: url(../img/web/usuarios/mujer.png) right 20px no-repeat; margin: 0 40px }
.imagen-fondo-tabla.profesor { background: url(../img/web/usuarios/ico-profesor.png) right 20px no-repeat; margin: 0 40px }
.imagen-fondo-tabla.es-profesora { background: url(../img/web/usuarios/ico-profesora.png) right 20px no-repeat; margin: 0 40px }
.registro-usuarios .aceptar-terminos { color: #005f92; font-weight: normal; font-size: 14px; padding-top: 8px }
.registro-usuarios .aceptar-terminos a { color: #005f92 }
.registro-usuarios .aceptar-terminos a:hover { text-decoration: underline }
.registro-usuarios .rinput { width: 200px }
.registro-usuarios .drop-input { width: 206px }
.registro-usuarios .separacion-fila-registro td { padding-bottom: 8px }
.registro-usuarios .error-formulario { font-weight: normal; font-size: 14px }
.registro-usuarios .enlaces-acceso div { margin-top: 5px }
.registro-usuarios .enlaces-acceso a { color: #005F92; font-size: 14px; font-weight: normal }
.registro-usuarios .enlaces-acceso a:hover { text-decoration: underline }
.area-usuario-inicio { color: #003e5f }
.area-usuario-inicio a { color: #003e5f; display: block }
.area-usuario-inicio .area-usuario-cabecera { padding: 14px 20px }
.area-usuario-inicio .tablon-anuncios { height: 87px; display: block; text-align: center; font-weight: bold; font-size: 18px; color: #b5270e; margin: 0 20px }
.area-usuario-inicio .tablon-anuncios .contenido-tablon { height: 87px; padding: 6px 30px; display: block; border: 1px solid #000; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px }
.area-usuario-inicio .tablon-anuncios .contenido-tablon.vacio { color: #d6dbe6 }
.area-usuario-inicio .contenido-tablon textarea { text-align: center; font-family: arial; font-size: 18px; font-weight: bold; color: #b5270e; border: 0; height: 66px; width: 550px; resize: none }
.area-usuario-inicio .contenido-tablon.vacio textarea { color: #B0B0B0 }
.area-usuario-inicio .area-usuarios-mensajes a { background: url(../img/web/usuarios/sobre-blanco.png) center no-repeat; display: block; height: 85px; width: 85px }
.area-usuario-inicio .area-usuarios-mensajes a.notificacion { background: url(../img/web/usuarios/sobre-rojo.png) center no-repeat }
.area-usuario-inicio .area-usuarios-notificacion { width: 69px; height: 69px; display: block; margin-top: 12px }
.area-usuario-informacion { background: url(../img/web/usuarios/separador-area.png) left bottom no-repeat; font-size: 12px; font-weight: bold; margin-left: 80px; padding-bottom: 4px }
.area-usuario-informacion span { font-weight: normal; font-style: italic }
.area-usuario-inicio .opciones-area { padding: 15px 62px 0 }
.area-usuario-inicio .opciones-area td { padding-left: 20px }
.area-usuario-inicio .imagen-perfil { padding-bottom: 20px }
.area-usuario-inicio .imagen-perfil img { height: 90px; margin-right: 40px; float: left }
.area-usuario-inicio .opciones-area .nick-area-usuario { font-size: 24px; font-weight: bold; float: left; margin-top: 30px }
.area-usuario-inicio .ir-home { float: right; padding-right: 15px }
.area-usuario-inicio .ir-home div a { font-size: 14px }
.area-usuario-inicio .ir-home div a:hover { text-decoration: underline }
.area-usuario-inicio .free-assignment { float: right; padding-right: 15px }
.area-usuario-inicio .free-assignment div a { font-size: 14px }
.area-usuario-inicio .free-assignment div a:hover { text-decoration: underline }
#popup_free_assignments { background: url(../img/web/ficha/add-teacher.jpg) left center no-repeat; height: 65px; width: 50px }
.opciones-area .opcion { height: 37px; line-height: 37px; padding: 5px 0 }
.opciones-area .opcion a { font-size: 20px; font-weight: bold; height: 37px; padding-left: 65px }
.opciones-area .opcion.mis-videos a { background: url(../img/web/usuarios/mis-videos.png) left center no-repeat; width: 245px }
.opciones-area .opcion.mis-actividades a { background: url(../img/web/usuarios/activities.png) left center no-repeat; width: 135px; float: left }
.opciones-area .opcion.mis-favoritos a { background: url(../img/web/usuarios/mis-favoritos.png) left center no-repeat; width: 135px; float: left }
.opciones-area .opcion.mis-sesiones { padding-right: 50px }
.opciones-area .opcion.mis-sesiones.alumno { padding-bottom: 10px; padding-top: 15px; vertical-align: top }
.opciones-area .opcion.mis-sesiones a { background: url(../img/web/active_sessions.png) left center no-repeat; width: 135px; float: left }
.opciones-area .area-enviar-mail { float: left; background: url(../img/web/usuarios/enviar-mail.png) center no-repeat !important; padding-left: 0 !important; margin-left: 35px; width: 62px !important }
.opciones-area .mis-datos a { background: url(../img/web/usuarios/mis-datos.png) left center no-repeat; padding-left: 60px; font-size: 20px; height: 58px; width: 180px; line-height: 58px; padding: 5px 0 10px 65px }
.opciones-area .inline { display: inline-block }
.opciones-area .area-cerrar-sesion { padding-top: 20px; float: right }
.opciones-area .area-cerrar-sesion a { background: url(../img/web/usuarios/log-out.png) right center no-repeat; height: 36px; width: 60px; line-height: 36px; padding-right: 40px; margin-right: 30px }
.opciones-area .area-eliminar-cuenta { padding-top: 20px; float: left }
.opciones-area .only-staff { float: left; margin-left: 160px; margin-top: 25px; font-size: 14px }
.opciones-area .only-staff.con-notificaciones { margin-left: 115px }
.opciones-area .only-staff.con-notificaciones #bt-staff-only { background-color: #F1CACD }
#bt-staff-only { background: none; float: left; border-radius: 5px }
.opciones-area .area-eliminar-cuenta a { background: url(../img/web/usuarios/eliminar-cuenta.png) left center no-repeat; float: right; height: 36px; width: 160px; line-height: 36px; padding-left: 30px }
.opciones-area .info-virtual-class { border: 2px solid #000; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; float: right; margin-right: 30px; width: 220px; padding: 15px }
.opciones-area .info-virtual-class h3 { color: #003e77; font-size: 17px; text-align: center }
.opciones-area .info-virtual-class p { color: #69a8ca; font-size: 15px; text-align: left; margin: 10px 0 10px 14px }
.opciones-area .info-virtual-class a { font-size: 15px; margin-left: 14px }
.opciones-area .info-virtual-class div { clear: both; color: #0D2C74; font-size: 15px; margin-left: 14px }
.opciones-area .info-virtual-class a:hover { text-decoration: underline }
.opciones-area .info-virtual-class .div-combo-grupos { padding: 15px 0; text-align: center }
.opciones-area .info-virtual-class .div-combo-grupos select { width: 140px }
.datos-usuario .fLeyenda { color: #2c5798; padding-right: 20px }
.estado-datos-usuario { color: #2c5798 }
.estado-datos-usuario a { color: #000 }
.btns-datos-usuario { line-height: 45px }
.btns-datos-usuario .btn-validar { display: block; float: left }
.btns-datos-usuario div { padding-top: 6px }
.tabla-restringido { border: 2px solid #000; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; margin-top: 20px }
.tabla-restringido h4 { color: #2C5798; margin-left: 15px }
.fTabla td { padding: 3px 0 }
.tabla-restringido .titulo-virtual-class { color: #2C5798; font-weight: bold; background-color: #ccd8ea; border-radius: 8px 8px 0px 0px; -moz-border-radius: 8px 8px 0px 0px; -webkit-border-radius: 8px 8px 0px 0px; margin-bottom: 5px; padding: 5px 15px }
.tabla-restringido .fondo-validate { background-color: #ccd8ea; border-radius: 0px 0px 8px 8px; -moz-border-radius: 0px 0px 8px 8px; -webkit-border-radius: 0px 0px 8px 8px; margin-bottom: 5px; padding: 15px !important; text-align: center; width: 100% }
.tabla-restringido td { padding-bottom: 5px }
.error-formulario-videos { background: #fff4dd; border: 1px solid #ffaa00; padding: 10px; margin-bottom: 10px }
.error-formulario-videos p { margin: 4px 0 }
.formulario-videos input, .formulario-videos textarea, .formulario-videos select { font-size: 16px }
.insertar-video-usuario { padding: 20px 20px 0 20px }
.cabecera-nuevo-video { background: url(../img/web/usuarios/img-video.png) right center no-repeat; color: #162a7a; height: 100px; line-height: 100px }
.datos-video { border-collapse: collapse; width: 710px }
.datos-video .instrucciones-videos { background: url(../img/web/usuarios/img-info.png) left center no-repeat; color: #132450; display: block; font-family: arial; height: 28px; line-height: 28px; padding-left: 35px; text-align: left }
.datos-video .columna1 { font-family: Tahoma; padding: 3px 10px 3px 0; text-align: right; width: 220px }
.datos-video .columna3 { border-left: 2px solid #000; padding-left: 10px }
.insertar-video-usuario .simbolos { width: 700px; margin: 0 auto; margin-top: 15px }
.insertar-video-usuario .simbolos .IPA { border-top: 2px solid grey; border-bottom: 2px solid grey; color: #9D1F1C; padding: 4px 0; text-align: center }
#bt-phonetic { background: url(../img/admin/phoneticsSmall.png) center no-repeat; display: block; height: 21px; margin-left: 20px; text-decoration: none; width: 99px }
.form-edicion { background: url("../img/web/usuarios/img-video.png") no-repeat scroll right top transparent }
#listado-videos { padding: 10px 5px 0 5px }
.cabecera-listado-videos h2 { color: #0b72a4; font-size: 28px; line-height: 60px; text-align: right }
.visit img { height: 32px; margin-right: 8px; width: 32px; vertical-align: -10px }
.visit-favs { color: #0b72a4; display: block; font-size: 15px; height: 35px; line-height: 35px; margin: 8px 10px }
.visit-videos { color: #0b72a4; display: block; font-size: 15px; height: 35px; line-height: 35px; margin: 8px 10px }
.visit-activities { color: #0b72a4; display: block; font-size: 15px; height: 35px; line-height: 35px; margin: 8px 10px }
.img-usuario img { margin-top: 20px }
.crear-video { float: left; padding: 15px }
.crear-video a { color: #0b72a4; font-size: 20px }
.crear-video img { padding-right: 10px }
.new-video-disabled { color: #0b72a4; font-size: 20px; margin-top: 15px; text-align: 20px }
.instrucciones-nuevo-video { background: url(../img/web/img-info.png) left center no-repeat; color: #132450; height: 28px; line-height: 28px; display: block; margin: 20px 0 0 20px; padding-left: 35px }
.aviso-nuevo-video1 { background-color: #9eaed8; border: 3px solid #000; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #000; font-size: 16px; float: right; line-height: 25px; margin: 0; margin-left: 5px; padding: 8px; text-align: justify; width: 460px }
.aviso-nuevo-video1 a { color: #034bf8 }
div.cover-nuevo-video1, div.cover-nuevo-video { background-color: #fff; border: 1px solid #000; color: #000; float: left; font-size: 18px; font-weight: bold; height: 95px; text-align: center; width: 168px }
.cover-nuevo-video1 div, .cover-nuevo-video div { background-color: #fff; color: #000; float: left; font-size: 18px; font-weight: bold; height: 95px; text-align: center; width: 168px }
.cover-nuevo-video1 img, .cover-nuevo-video img { height: 95px; width: 168px }
.continuar-nuevo-video a { background: url(../img/web/botones/siguiente.png) center no-repeat; display: block; height: 64px; width: 103px }
td.simbolos-IPA { border-bottom: 2px solid #a2aab5; border-top: 2px solid #a2aab5 }
.groups-semi-colon { font-size: 15px; color: #003e77 }
.groups-semi-colon span { color: #003e77; font-size: 12px; margin-left: 2px }
.titulo-favoritos { color: #0B72A4; font-size: 36px; font-weight: bold; line-height: 60px; margin-bottom: 5px; padding-top: 5px }
.titulo-favoritos img { height: 31px; margin-right: 8px; vertical-align: -3px }
.titulo-favoritos p { color: #0b72a4; font-size: 16px; font-weight: bold; margin: 0 auto }
.buscar-nick { background: url(../img/web/bg-buscar-nick.png) center no-repeat; border: 0; height: 21px; padding: 0 5px 0 22px; width: 154px }
.listado-usuarios { margin-left: 25px; color: #063f98 }
.avatar-listado-users { border: 3px solid #063f98; height: 85px; padding: 0; width: 82px }
.avatar-listado-users a { height: 85px; width: 82px }
.avatar-listado-users a img { max-width: 82px; max-height: 85px }
.listado-usuarios img { max-width: 82px; max-height: 85px; margin: 0; padding: 0 }
.datos-usuario-listado { line-height: 22px; padding: 0 0 5px 40px; width: 320px }
.datos-usuario-listado a { font-size: 20px; font-weight: bold }
.img-partners { border: 1px solid #000; height: 90px; text-align: center; width: 150px; vertical-align: middle }
.img-partners a { display: block; height: 90px; width: 150px }
.partners img.listado-videos-imagen { border: none; float: none; height: 90px !important; width: auto !important; max-width: 150px }
.blog .img-partners { height: 97px; width: 170px; }
.img-partners a { height: 95px; width: 168px }
.blog .partners img.listado-videos-imagen { height: 95px !important; width: auto !important; max-width: 168px }
.ficha-partner { color: #025e8d; padding: 20px 55px 10px 55px }
.ficha-partner h2 { margin-top: 15px }
.ficha-partner p { text-align: justify }
.ficha-partner a { color: #023D5C; text-decoration: underline }
.ficha-partner .backdoor-ficha a { text-decoration: none }
.ficha-partner { color: #333333; font-family: 'Roboto'; font-size: 15px; font-weight: 300; line-height: 1.75em; padding: 20px 25px 10px 25px }
.ficha-partner .cabecera-contenido { border-bottom: 1px solid #CCCCCC; line-height: 2em; padding-top: 5px; padding-bottom: 10px }
.ficha-partner.article.blog .cabecera-contenido { line-height: 2.6em }
.ficha-partner h2 { font-size: 35px; font-weight: 200; font-weight: 300; margin-top: 0 }
.ficha-partner a { color: #333333 }
.ficha-partner img { display: inline-block; height: auto; margin: 5px 10px; max-width: 100% }
.ficha-partner.blog h1 { font-size: 35px; font-weight: 300; margin-top: 0 }
.ficha-partner.blog h1 .yellow { background: #f4ec0b; font-size: 20px; font-weight: 500; margin-right: 18px; padding: 2px 15px; vertical-align: 5px; line-height: 35px }
.ficha-partner.blog .goback { margin-bottom: 5px; position: relative; text-align: right }
.ficha-partner.blog .goback a { color: inherit; text-decoration: none }
.ficha-partner.blog .goback a:hover { color: #30627d; text-decoration: underline }
.ficha-partner.blog img.ins_text { display: block; float: left; max-height: 278px; max-width: 100%; width: auto }
.ficha-partner ol, .ficha-partner ul { list-style-position: inside }
.ficha-partner .fecha_articulo { display: none; padding-top: 8px }
.ficha-partner .fecha_articulo { display: block; color: #888888 }
.ficha-partner .fecha_articulo i { font-size: 14px; margin-right: 6px; vertical-align: 1px }
.busqueda_avanzada_div { padding: 50px 130px }
.busqueda_avanzada_div .titulo_busqueda { font-size: 25px; font-weight: bold }
.busqueda_avanzada_div #bg_textbox_grande { background: url(../img/web/barra-busqueda.png) center no-repeat; border: 0; padding: 1px 10px 1px 25px; width: 310px }
.busqueda_avanzada_div #bg_textbox_grande #texto_busqueda { border: 0; background: none; width: 305px }
#separador_busqueda { padding: 0 5px }
#enviar-form { background: url(../img/web/go.png) center no-repeat; display: block; height: 19px; width: 39px }
.texto_grande { color: #47334e; font-size: 18px }
#bg_tags { background-color: #003a6e; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin-top: 15px; padding: 10px; text-align: justify }
#bg_tags a { color: #fff; line-height: 25px }
.bt-validar-profes { border: 1px solid #7386BE; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; color: #fff; font-size: 14px; padding: 5px 15px; background: rgba(170, 194, 255, 1); background: -moz-linear-gradient(top, rgba(170, 194, 255, 1) 0%, rgba(108, 141, 232, 1) 38%, rgba(22, 71, 205, 1) 57%, rgba(17, 71, 219, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(170, 194, 255, 1)), color-stop(38%, rgba(108, 141, 232, 1)), color-stop(57%, rgba(22, 71, 205, 1)), color-stop(100%, rgba(17, 71, 219, 1))); background: -webkit-linear-gradient(top, rgba(170, 194, 255, 1) 0%, rgba(108, 141, 232, 1) 38%, rgba(22, 71, 205, 1) 57%, rgba(17, 71, 219, 1) 100%); background: -o-linear-gradient(top, rgba(170, 194, 255, 1) 0%, rgba(108, 141, 232, 1) 38%, rgba(22, 71, 205, 1) 57%, rgba(17, 71, 219, 1) 100%); background: -ms-linear-gradient(top, rgba(170, 194, 255, 1) 0%, rgba(108, 141, 232, 1) 38%, rgba(22, 71, 205, 1) 57%, rgba(17, 71, 219, 1) 100%); background: linear-gradient(to bottom, rgba(170, 194, 255, 1) 0%, rgba(108, 141, 232, 1) 38%, rgba(22, 71, 205, 1) 57%, rgba(17, 71, 219, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aac2ff', endColorstr='#1147db', GradientType=0) }
#listado-grupos { border: 1px solid #003E77; font-size: 15px; max-height: 75px; margin-bottom: 5px; overflow: auto; padding: 4px; width: 310px }
#listado-grupos .borrar-grupo { color: red; float: right; font-size: 18px; margin-right: 5px }
#listado-grupos .link_grupo { color: #2A58D4; float: right; font-size: 16px; margin-right: 8px; margin-top: 3px }
.popup { color: #023D5C; width: 250px; height: 252px; padding: 10px }
#add-video { margin-top: 10px; padding: 5px 25px }
.cabecera-class-videos { color: #0b72a4; font-weight: bold }
h2.rotulo-class-videos { background: url(../img/web/usuarios/pizarra.png) left center no-repeat; height: 70px; font-size: 32px; line-height: 70px; margin-left: 20px; padding-left: 90px }
.editar-video-activity img { margin-left: 50px; vertical-align: -10px; width: 45px }
.marcar-video { display: block; height: 38px; margin: 5px 0 0 14px; width: 38px }
.marcar-video.marcar { background: url(../img/web/usuarios/star-on.png) center no-repeat }
.marcar-video.desmarcar { background: url(../img/web/usuarios/star-off.png) center no-repeat }
.marcar-activity { display: block; height: 38px; margin: 5px 0 0 14px; width: 38px }
.marcar-activity.marcar { background: url(../img/web/usuarios/star-on.png) center no-repeat }
.marcar-activity.desmarcar { background: url(../img/web/usuarios/star-off.png) center no-repeat }
.marcar-free { display: block; height: 38px; margin: 5px 0 0 14px; width: 38px }
.marcar-free.marcar { background: url(../img/web/usuarios/star-on.png) center no-repeat }
.marcar-free.desmarcar { background: url(../img/web/usuarios/star-off.png) center no-repeat }
.marcar-grammar { display: block; height: 38px; margin: 5px 0 0 14px; width: 38px }
.marcar-grammar.marcar { background: url(../img/web/usuarios/star-on.png) center no-repeat }
.marcar-grammar.desmarcar { background: url(../img/web/usuarios/star-off.png) center no-repeat }
.marcar-phonetic { display: block; height: 38px; margin: 5px 0 0 14px; width: 38px }
.marcar-phonetic.marcar { background: url(../img/web/usuarios/star-on.png) center no-repeat }
.marcar-phonetic.desmarcar { background: url(../img/web/usuarios/star-off.png) center no-repeat }
.filtro-estrellitas { float: right; margin: 60px 15px 0 0 }
.student-list { padding: 20px 20px; color: #035d8f }
table.student-list-profesor { height: 90px; padding-bottom: 10px }
table.student-list-profesor td { padding-left: 20px }
table.student-list-profesor td.foto-usuario { padding-left: 0 }
.foto-usuario img { max-height: 90px; max-width: 68px }
.tiempo-medio { color: #86c3e0; font-size: 14px; margin-top: 5px }
#buscar-student-list { background: url(../img/web/usuarios/go.png) center no-repeat; display: block; height: 54px; margin-bottom: 5px; width: 54px }
#reset-student-list { background: url(../img/web/usuarios/reset.png) center no-repeat; display: block; height: 20px; width: 54px }
#imprimir-student-list { background: url(../img/web/usuarios/impresora.png) center no-repeat; display: block; height: 40px; width: 30px }
.acciones-student-list a { float: right; margin-left: 8px }
.usuarios-student-list table { margin: auto; margin-top: 10px }
.usuarios-student-list table th { font-size: 15px; padding-bottom: 8px }
.usuarios-student-list table td { padding: 2px 8px }
.usuarios-student-list table span { color: #000 }
.email-student-list { padding-right: 15px }
.email-student-list a { background: url(../img/web/usuarios/sobrecito.png) center no-repeat; display: block; height: 24px; width: 32px }
.lista-negra a { background: url(../img/web/usuarios/block_user.png) center no-repeat; display: block; height: 20px; width: 20px }
.time-student-list { padding-right: 15px }
.time-student-list a { background: url(../img/web/ficha/ico-reloj.png) center no-repeat; display: block; height: 24px; width: 24px }
.tiempo-total { color: #000; font-size: 24px; font-weight: bold; margin: 2px 0 }
.tiempo-total span { font-size: 18px }
.tiempo-total span.horas-totales { color: #4b98ed; font-size: 24px }
.tiempo-total span.horas-totales span { color: #4b98ed }
#mis-videos-timelog img, #mis-favs-timelog img { width: 45px }
#filtros-time-log { border: 2px solid #000; text-align: center; padding: 5px; border-radius: 10px }
#filtros-time-log a { color: #0282C1; display: block }
.contenedor-mi-time-log { border: 2px solid #000; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; padding: 15px }
.borde-filtro-fechas { border: 1px solid #000; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 5px; width: 175px }
.popup-send-alert { background: url(../img/web/usuarios/bell.png) center no-repeat; display: block; float: right; height: 37px; margin-top: -40px; width: 35px }
.popup.alerts { color: #023D5C; width: 450px; height: 400px; padding: 10px }
#espera-modificacion-datos { color: #2C5798; display: none }
#espera-modificacion-datos span { vertical-align: 8px }
#formulario-report-mistake { color: #023D5C; font-size: 15px; height: 500px; padding: 8px; width: 650px }
.separador-report { border-bottom: 1px dashed #023D5C; margin-bottom: 5px }
#formulario-report-mistake td { padding: 5px }
#formulario-report-mistake .mistakes label { display: block; width: 225px }
#formulario-report-mistake textarea { height: 80px; resize: none; width: 310px }
#formulario-report-mistake .bt-validar-profes { float: right; margin: 15px 5px 0 0 }
.colaboradores { color: #023D5C }
.colaboradores#login { width: 340px; height: 150px }
.colaboradores .label { padding: 5px 15px 5px 0 }
.colaboradores#login input { background: url(../img/web/bg-input-grande.png) center no-repeat; border: 0; height: 25px; padding: 0 5px; width: 190px }
.colaboradores .separador-report { padding-top: 8px; margin-bottom: 10px }
#administration { color: #000; padding: 0 20px }
#administration table.cabecera { background: url(../img/web/bg-separador-listado.png) center 80px no-repeat; height: 100px; width: 100% }
#administration .cabecera .nombre-nivel { font-size: 20px; font-weight: bold; padding: 5px 0 0 100px }
#administration .cabecera .nombre-nivel.nivel1 { background: url(../img/web/administration/rueda-roja.png) left center no-repeat }
#administration .cabecera .nombre-nivel.nivel2 { background: url(../img/web/administration/rueda.png) left center no-repeat }
#administration .cabecera .titulo-pagina { color: #f4062a; font-size: 30px; font-weight: bold; padding-top: 8px }
#administration .cabecera .opciones-nivel { color: #5A89A2; font-size: 14px; font-weight: bold }
#administration .cabecera .opciones-nivel select { width: 100px }
#administration .cabecera .opciones-nivel h3 { color: #d1203d; font-size: 16px; font-weight: bold; padding: 5px 0 10px 0 }
#administration .cabecera .navegacion-listado { width: 160px }
#administration .cabecera .navegacion-listado a { float: right; margin: 0 4px }
.listado-administration { padding-top: 10px }
.listado-administration .listado { width: 100% }
.listado-administration .listado .icono { padding: 0 4px; height: 27px; width: 29px }
.listado-administration .listado .candado { background: url(../img/web/administration/candado.png) center no-repeat }
.listado-administration .listado .ok { background: url(../img/web/administration/ok.png) center no-repeat }
.listado-administration .listado .email { background: url(../img/web/administration/mail-user.png) center no-repeat }
.listado-administration .listado .delete { background: url(../img/web/administration/delete.png) center no-repeat }
.listado-administration .listado .done { background: url(../img/web/administration/done.png) center no-repeat }
.listado-administration .listado .id_contenido { color: #0282c1; width: 50px }
.listado-administration .listado .tipo_contenido { font-weight: bold; width: 25px }
.listado-administration .listado .see { background: url(../img/web/administration/see.png) center no-repeat }
.listado-administration .listado .broken-video { background: url(../img/web/administration/broken-video.png) center no-repeat }
.listado-administration .listado .broken-link { background: url(../img/web/administration/broken-link.png) center no-repeat }
.listado-administration .listado .info { background: url(../img/web/administration/info.png) center no-repeat }
.listado-administration .listado .fix { background: url(../img/web/administration/fix.png) center no-repeat }
.listado-administration .listado .open-form { background: url(../img/web/administration/open-form.png) center no-repeat }
.listado-administration .listado .mark-delete { background: url(../img/web/administration/mark-delete.png) center no-repeat }
.listado-administration .listado .mark { background: url(../img/web/administration/mark.png) center no-repeat }
.listado-administration .listado .for-revision { background: url(../img/web/administration/for-revision.png) center no-repeat }
.listado-administration .listado .mail-admin { background: url(../img/web/administration/mail-admin.png) center no-repeat }
.listado-administration .listado .get-admin-mail { background: url(../img/web/administration/get-admin-mail.png) center no-repeat }
.listado-administration .listado td { border-bottom: 1px solid #000; font-size: 14px; padding: 3px 0; text-align: center }
.listado-administration .listado .boton { display: block; height: 16px; margin-left: 5px; width: 29px }
.listado-administration .listado .boton.azul { background: url(../img/web/administration/button.png) center no-repeat }
.listado-administration .listado .boton.azul-clarito { background: url(../img/web/administration/btn-clarito.png) center no-repeat }
.listado-administration .listado .boton.azul-vacio { background: url(../img/web/administration/btn-vacio.png) center no-repeat }
.listado-administration .listado .boton.activity { background: url(../img/web/administration/button-red.png) center no-repeat }
.listado-administration .listado .boton.item { background: url(../img/web/administration/btn-amarillo.png) center no-repeat }
.listado-administration .listado .boton.item-mod { background: url(../img/web/administration/btn-morado.png) center no-repeat }
.listado-administration .listado .boton.rojo { background: url(../img/web/administration/button-red.png) center no-repeat; display: block; height: 16px; margin-left: 5px; width: 29px }
.listado-administration .listado .fila-separador { background: url(../img/web/bg-separador-listado.png) center no-repeat; padding: 5px 0 8px 0 }
.listado-administration .listado .fila-private.video { background-color: #d4eeef }
.listado-administration .listado .fila-private.activity { background-color: #f1cacd }
.listado-administration .listado .fila-private.item { background-color: #f1efca }
.listado-administration .listado .fila-private.item-mod { background-color: #ea7de6 }
#formulario-report-mistake.colaboradores { height: 320px }
.borrar-page, .resuelto { color: red }
.numeracion .opciones a { color: #000; display: block; float: left; font-weight: bold; height: 47px; line-height: 47px; margin-left: 10px; width: 58px }
.numeracion .opciones .goto-uploads { background: url(../img/web/administration/open-upload-list.png) center no-repeat; border: 1px solid #181F49 }
.numeracion .opciones .goto-mistakes { background: url(../img/web/administration/open-mistakes-list.png) center no-repeat; border: 1px solid #181F49 }
.numeracion .opciones .reload { background: url(../img/web/administration/reload.png) center no-repeat }
.numeracion .opciones .exit { background: url(../img/web/administration/exit.png) right center no-repeat; padding-right: 25px }
.numeracion .leyenda-tabla { font-size: 12px; margin-right: 10px; text-align: center; border-collapse: collapse }
.numeracion .leyenda-tabla td { border: 1px solid #000; padding: 4px 6px }
.correction-mistakes a { color: #0282C1 }
.correction-mistakes a:hover { text-decoration: underline }
.instrucciones-administrator { background: url(../img/web/usuarios/bt-info.png) center no-repeat }
.help-fix-video .window_open { background: url(../img/web/activities/help2.png) center no-repeat; display: block; height: 38px; margin-top: 5px; width: 38px }
.popup.conversacion { color: #023D5C; padding: 10px }
.vista-conversacion { max-height: 400px; overflow: auto }
.text-area-mensaje { margin: 10px 0 }
.text-area-mensaje textarea { height: 100px; margin-bottom: 10px; width: 650px }
.hilo-conversacion { border: 1px solid #dadada; margin: 5px; padding: 5px }
.cabecera-conversacion { border-bottom: 1px solid #c0c0c0 }
.contenido-conversacion p { margin: 4px 0 }
.confirm-leido { background: url(../img/web/administration/tick.png) center no-repeat; display: block; height: 16px; width: 16px }
.msg-no-leido { background: url(../img/web/usuarios/unread.png) center no-repeat; display: block; height: 16px; width: 16px }
#ver_baneados { color: #035D8F; display: block; margin-top: 10px }
.tabla-mensajes { border-collapse: collapse; border: 1px solid #dadada; width: 750px }
.tabla-mensajes th { background-color: #320b88; color: #FFF }
.btn-eliminar-mensaje { background: url(../img/web/usuarios/delete.png) center no-repeat; display: block; height: 22px; width: 22px }
.btn-recuperar-mensaje { background: url(../img/web/usuarios/undo.png) center no-repeat; display: block; height: 22px; width: 22px }
.enviado-seccion td { background-color: #a3a8ea }
.msg-grupo, .msg-todos, .msg-grupal { display: none }
.msg-grupo.blanco td { background-color: #fff }
.msg-grupo.gris td { background-color: #eee }
.tabla-mensajes th, .msg-grupo td, .msg-todos td, .enviado-seccion td, .fila-papelera td { padding: 4px 8px }
.popup_etiquetas { background-color: #003A6E; border-radius: 10px; color: #FFF; line-height: 25px; padding: 10px; text-align: justify; width: 680px }
.popup_etiquetas a { color: #FFF }
.popup_etiquetas a:hover { text-decoration: underline }
.tabla-mensajes .confirm-leido { height: 25px }
.tabla-mensajes .msg-no-leido { height: 25px }
.tabla-mensajes .msg-individual .tiene-fondo { height: 25px; line-height: 25px; overflow: hidden; padding: 4px 8px }
.tabla-mensajes .msg-individual.emisor .tiene-fondo { background-color: #9de0aa }
.tabla-mensajes .msg-individual.receptor .tiene-fondo { background-color: #f5f38e }
.superior-mensajes td.color { padding-right: 5px; text-align: center; width: 15% }
.superior-mensajes td.color div { border: 1px solid #E9E9E9; padding: 2px 5px; text-align: center }
.superior-mensajes td.color .emisor { background-color: #9de0aa }
.superior-mensajes td.color .receptor { background-color: #f5f38e }
.superior-mensajes { margin-bottom: 5px; line-height: 35px; height: 35px }
.superior-mensajes a { color: #4FA5E7 }
.superior-mensajes a.enviados { background: url(../img/web/administration/mail-admin.png) left center no-repeat; padding-left: 35px }
.superior-mensajes a.papelera { background: url(../img/web/usuarios/papelera-reciclaje.png) left center no-repeat; padding-left: 30px }
.superior-mensajes a.vaciar_papelera { background: url(../img/web/administration/delete.png) left center no-repeat; padding-left: 35px }
.fila-listado-activity td { height: 92px }
.fila-listado-activity p { margin: 0 }
.avatar-usuario-activities { width: 68px }
.avatar-usuario-activities table td { border: 2px solid #0b45a9; margin-left: 6px; height: 63px; width: 63px }
.avatar-usuario-activities img { max-width: 63px; max-height: 63px }
.usuario-mis-enlaces { margin-right: 25px; text-align: right }
.usuario-mis-enlaces a { color: #063F98; display: block; font-size: 15px; line-height: 22px; margin: 5px 0; padding-right: 30px }
.usuario-mis-enlaces a.mis-videos { background: url(../img/web/usuarios/mis-videos-mini.png) right center no-repeat }
.usuario-mis-enlaces a.mis-activities { background: url(../img/web/usuarios/activities-mini.png) right center no-repeat }
.usuario-mis-enlaces a.mis-favoritos { background: url(../img/web/usuarios/corazon-mini.png) right center no-repeat }
#listado-items-activity .cabecera span { color: #1077a2 }
#listado-items-activity .cabecera .tipo-actividad { font-size: 22px; font-weight: bold; line-height: 25px }
#listado-items-activity .edit-activity { background-color: #ecfe00; border: 1px solid #000; color: #000; font-size: 14px; font-weight: normal; padding: 2px 8px }
#listado-items-activity .cabecera .edit-activity { margin-left: 10px; vertical-align: 2px }
#btn-add-item { background: url(../img/web/activities/add-item.png) center no-repeat; display: block; float: left; height: 32px; margin-right: 8px; width: 32px }
#listado-items-activity .cabecera .bg-buscar-item { background: url(../img/web/activities/busqueda.png) center no-repeat; border: 0; padding: 1px 10px 1px 25px; width: 147px }
#listado-items-activity .cabecera .bg-buscar-item #txt_busqueda { border: 0; background: none; width: 147px }
#listado-items-activity .listado { margin-top: 15px }
.listado-items { width: 950px }
.listado-items p { margin: 0 }
.listado-items .header-tabla td { font-size: 15px; font-weight: bold }
.listado-items td { border-bottom: 1px solid #bfd6cc; padding: 4px 0 }
.listado-items .input-order-item { text-align: center; width: 40px }
.delete-activity-item { background: url(../img/web/usuarios/delete.png) center no-repeat; display: block; height: 22px; width: 22px }
.clr-azul { color: #30627d }
.clr-rojo { color: #f70404 }
#done-listado-items { background: url(../img/web/activities/done.png) center no-repeat; display: block; height: 48px; width: 80px }
#reload-listado-items { background: url(../img/web/activities/reload.png) center no-repeat; display: block; height: 46px; margin-right: 20px; width: 47px }
.item-text { color: #005f8f; font-size: 22px; font-weight: bold; margin: 80px auto }
.item-text td { padding: 8px }
.item-text .delete-activity-item { background: url(../img/web/usuarios/x-roja.png) center no-repeat; height: 80px; width: 80px }
.item-text .preview-activity-text { background: url(../img/web/activities/preview.png) center no-repeat; display: block; height: 80px; width: 80px }
.item-text .edit-activity-text { background: url(../img/web/usuarios/mis-datos.png) center no-repeat; display: block; height: 80px; width: 80px }
.ningun-item { font-weight: bold; text-align: center }
.opt-activity-4 { width: 230px }
.opt-activity-4 img { vertical-align: -2px }
.pestania-actividades { width: 100% }
.pestania-actividades .separador-tipo-actividad { background-color: #0054a6; height: 3px; width: 100% }
.pestania-actividades td { padding: 0 4px 4px 4px }
.pestania-actividades .open-activity { background: url(../img/web/activities/open-activity.png) center no-repeat; display: block; height: 45px; width: 45px }
.pestania-actividades .tipo-activity img { width: 38px }
.pestania-actividades .focus-activity img { width: 38px }
.pestania-actividades .avatar-activity img { border: 1px solid #174c9f; width: 40px }
.menu_vc { border: 8px solid #000; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px }
.menu_vc th { background-color: #70767c; color: #313131; font-size: 18px; padding: 6px 0 }
.menu_vc td { background-color: #979fa7; color: #ececec; padding: 5px }
.menu_vc select { width: 200px }
.menu_vc .enlace-vc a { display: block; height: 100px; padding: 2px 6px; width: 100px }
.menu_vc .enlace-vc .ico_1 { background: url(../img/web/usuarios/vc_ico_1.png) center no-repeat }
.menu_vc .enlace-vc .ico_2 { background: url(../img/web/usuarios/vc_ico_2.png) center no-repeat }
.menu_vc .enlace-vc .ico_3 { background: url(../img/web/usuarios/vc_ico_3.png) center no-repeat }
.menu_vc .enlace-vc .ico_4 { background: url(../img/web/usuarios/vc_ico_4.png) center no-repeat }
.menu_vc .enlace-vc .ico_5 { background: url(../img/web/usuarios/vc_ico_5.png) center no-repeat }
.menu_vc .enlace-vc .ico_5.off { background: url(../img/web/usuarios/vc_ico_5_off.png) center no-repeat }
.menu_vc .enlace-vc .ico_6 { background: url(../img/web/usuarios/vc_ico_6.png) center no-repeat }
.menu_vc .enlace-vc .ico_7 { background: url(../img/web/usuarios/vc_ico_7.png) center no-repeat }
.menu_vc .enlace-vc .ico_8 { background: url(../img/web/usuarios/vc_ico_8.png) center no-repeat }
.menu_vc .enlace-vc .ico_9 { background: url(../img/web/usuarios/vc_ico_9.png) center no-repeat }
.menu_vc .notice-board { background: url(../img/web/usuarios/vc_textarea.png) center no-repeat; font-size: 12px; height: 81px; overflow: auto; padding: 6px; width: 213px }
.combo-grupos-kb { background: #cdd3d9; border: 1px solid #000; margin-top: 2px; padding: 2px }
.url_video.ok { border: 2px solid #15db6b }
.url_video.not_ok { border: 2px solid red }
.estilo_linkbox { color: #023D5C; font-size: 15px; padding: 8px }
.estilo_linkbox a { color: #0282C1 }
.estilo_linkbox a:hover { text-decoration: underline }
#portada-categorias p { margin: 0 }
#mail-av { background: url(../img/web/usuarios/av-mail.png) center no-repeat; display: block; float: right; height: 24px; margin-right: 25px; width: 32px }
#mail-av span { background-color: red; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; color: #fff; display: block; height: 20px; line-height: 20px; font-size: 13px; margin: -20px 6px 0px 6px; text-align: center; width: 20px }
.board-home-top p { background: #CADDE2; border-top: 4px solid #ffffff; margin: 0; padding: 10px }
.opt-correcta-activities img { vertical-align: -2px }
a#previsualizar-listening img { height: 40px }
.formulario-contacto { color: #005F8F }
.formulario-contacto input:not([type="checkbox"]) { border: 1px solid #000; width: 315px }
.formulario-contacto textarea { border: 1px solid #000; resize: none; width: 315px }
.formulario-contacto .fLeyenda { padding-right: 5px }
.pedir_confirmacion { width: 13px }
.ico-listado-activities { float: right; margin: 20px 37px 0 0 }
#popup-class-chat { color: #023D5C; padding: 5px }
#popup-class-chat #sin-msg { font-weight: bold; padding: 20px 10px; text-align: center }
#mensajes-chat { max-height: 360px; overflow: auto }
#emisor { border: 1px solid #023D5C; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; height: 80px; margin-top: 10px; width: 99% }
#emisor img { border: 1px solid #000; width: 85px }
#emisor #mensaje-emisor { border: 1px solid #000; height: 75px; padding: 5px; resize: none; width: 640px }
#cuantos-ver { margin: 5px 0 10px 5px }
#cuantos-ver a { color: #023D5C; background-color: #DEEFF7; border: 1px solid #1547CF; float: left; font-size: 14px; padding: 2px 10px }
.hilo-conversacion.viejo { background-color: #deeff7 }
.limite { position: relative }
.img-avatar-chat { float: left; width: 55px }
.img-avatar-chat img { margin-right: 4px; max-width: 50px }
.contenido-chat { width: 750px }
.contenido-chat .cabecera-conversacion { color: #24698e }
.contenido-chat .contenido-conversacion { color: #000 }
.pausar-autoscroll { background: url(../img/web/usuarios/autoplay-off.png) center no-repeat; display: block; height: 24px; margin: 18px 30px 0 30px; text-align: center; width: 24px }
.pausar-autoscroll.off { background: url(../img/web/usuarios/autoplay-on.png) center no-repeat }
.time-log-mode { color: #035D8F; float: right; margin-top: 2px; margin-left: 8px }
#ficha-activity { color: #025c90; padding: 10px 38px }
.cabecera-activity { color: #025c90 }
.separador-ficha-actividad { background: url(../img/web/activities/separador.png) center no-repeat; height: 5px; padding: 10px 0 }
.descripcion-ficha-actividad { padding: 0 15px; text-align: justify }
.enlaces-ficha-actividad { padding: 0 15px }
.enlaces-ficha-actividad a { color: #025c90 }
.enlaces-ficha-actividad .repetir-activity { background: url(../img/web/activities/open-activity-big.png) left center no-repeat; color: #025c90; display: block; font-size: 25px; font-weight: bold; height: 75px; line-height: 75px; padding-left: 100px }
.enlaces-ficha-actividad .sub-enlaces { margin-left: 160px; font-weight: bold }
.enlaces-ficha-actividad .sub-enlaces .subenlace { margin-bottom: 10px }
.enlaces-ficha-actividad .sub-enlaces a { font-size: 18px; height: 38px; line-height: 38px }
.enlaces-ficha-actividad .sub-enlaces .img-enlace img { margin-right: 30px; width: 38px; vertical-align: -12px }
.controles-ficha-actividad { margin: 0 auto; width: 530px }
.controles-ficha-actividad.grammar { width: 650px }
.controles-ficha-actividad td { width: 90px }
.controles-ficha-actividad td img { max-height: 46px }
#like-activity { color: #023D5C; display: block; line-height: 42px; float: left; width: 45px }
#like-activity.unliked { background: url(../img/web/activities/like-unliked.png) left center no-repeat }
#like-activity.liked { background: url(../img/web/activities/like-liked.png) left center no-repeat }
.controles-ficha-actividad .num-likes { background: url(../img/web/activities/num-likes.png) left center no-repeat; float: left; line-height: 42px; text-align: center; width: 71px }
.enlace-activity { cursor: default }
.transcription-box { color: #005e92; font-size: 22px; padding: 30px 25px }
.transcription-box img { max-width: 100% }
.transcription-box p { font-size: 22px; line-height: 29px; margin-bottom: 65px; padding: 0 20px; text-align: justify }
.transcription-box p img { float: left; margin-right: 35px }
.transcription-box a { color: #025e8d }
.transcription-box .enlace-pkb { padding: 15px 0; text-align: center }
.transcription-box ul { border: 2px solid #035D8F; font-size: 18px; list-style: none; margin: 20px auto 0 auto; padding: 10px 15px; width: 220px }
.transcription-box ul li { font-weight: bold; line-height: 28px; list-style-image: url(../img/web/bolita.png); list-style-position: inside }
.transcription-box ul li a:hover { text-decoration: underline }
.listado-actividades-descripcion { position: relative; width: 210px }
.listado-actividades-descripcion a { color: #30627D; display: inline-block; font-size: 12px; margin: 12px 10px 0 10px }
.listado-actividades-descripcion .num_items { bottom: 10px; left: 10px; color: #555555; position: absolute; font-size: 13px }
.actividades_caratula_contenido { padding-left: 10px; width: 125px }
.actividades_caratula_contenido .rotulo { color: #30627D; font-size: 12px; margin-bottom: 2px }
.actividades_caratula_contenido img { height: auto; width: 105px }
#notificacion-cabecera { margin-left: 836px; margin-top: 25px; position: absolute; width: 100px }
#notificacion-cabecera a.my_messages { background: url(../img/web/av-mail.png) center no-repeat; top: 0; clear: both; display: block; right: 12px; height: 24px; width: 32px; position: absolute }
#notificacion-cabecera a.my_messages span { background-color: red; border-radius: 50%; color: #fff; font-size: 14px; height: 18px; position: absolute; left: 22%; text-align: center; top: 2px; width: 18px }
#notificacion-cabecera a.my_assignments { background: url(../img/web/assignments.jpg) center no-repeat; clear: both; display: block; float: left; height: 48px; margin-top: 10px; position: relative; width: 48px }
#notificacion-cabecera a.my_assignments span { background-color: #0a31f3; border: 1px solid #082099; color: #fff; font-size: 15px; font-weight: bold; height: 18px; position: absolute; left: 32%; text-align: center; top: -6px; width: 18px }
.ver_mensaje { cursor: pointer }
.img-full-screen { float: right; margin-right: 20px; margin-top: 14px }
#categorias-grammar { color: #004471; font-weight: bold }
.contenido-ficha.grammar { color: #025E8D; padding: 0 55px; text-align: justify }
.summary-activities .bloque { width: 410px }
.summary-activities .bloque h3 { margin-left: 5px; padding-bottom: 8px }
.summary-activities .bloque .marco { background: url(../img/web/bg-marco-grammar.png) no-repeat; display: block; height: 180px; padding: 10px; width: 390px }
.summary-activities .bloque .marco .contenido { height: 175px; overflow: auto; padding: 0 15px; width: 360px }
.summary-activities .bloque .marco .contenido p { margin: 5px 0 8px 0 }
.pestania-actividades td.pestania-title-activity { font-family: Verdana; font-size: 11px; line-height: 11px; padding: 5px 4px 0 4px }
.tabla-items { font-size: 15px; margin: 10px 0; border-collapse: collapse }
.tabla-items th { background-color: #F2F4F6; border: 1px solid #3D9FC1; padding: 5px }
.tabla-items td { border: 1px solid #3D9FC1; padding: 10px; word-break: break-all }
#num_chats_alumno { background: url(../img/web/usuarios/notifications.png) left center no-repeat; color: #fff; font-weight: bold; height: 20px; margin-left: 28px; margin-top: 32px; padding-left: 23px; position: absolute; width: 25px }
#num_chats_profesor { background: url(../img/web/usuarios/notifications.png) center no-repeat; height: 20px; margin-left: 32px; margin-top: 32px; position: absolute; width: 20px }
.cabecera-open { display: block; float: left; height: 91px; width: 335px }
.cabecera-open .enlace-imagen { display: table-cell; height: 61px; padding-left: 5px; padding-top: 9px; text-align: center; width: 53px; vertical-align: middle }
.cabecera-open .enlace-imagen a { display: block }
.cabecera-open .enlace-imagen a img { max-height: 53px; max-width: 53px }
.cabecera-open .enlace-nick { line-height: 18px; margin-left: 95px }
.cabecera-open .enlace-nick a { color: #fff; font-weight: bold }
.enlace_ads.portada img { height: 130px; width: 307px }
.enlace_ads_leader { display: block }
.enlace_ads_leader img { height: 80px; margin: 10px 0; width: 955px }
.ads-phonetic { padding: 0 0 10px 0 }
.ads-phonetic .ads-frame { float: left; margin-left: 35px }
.ads-phonetic .iconos_fonetica { float: right; margin: 50px 0 }
.ads-phonetic .iconos_fonetica a { float: left; margin: 0 12px }
.ads-phonetic .iconos_fonetica a#btn-like { margin: 0 }
.textos-fonetica.easy-reader, .textos-grammar.easy-reader { color: #000; font-size: 18px; font-family: arial; font-weight: bold; line-height: 25px }
.redes_sociales { border: 1px solid #0E1D89; border-radius: 8px; margin-left: 2px; padding: 10px }
.redes_sociales .enlaces_web .izq { line-height: 32px }
.redes_sociales .enlaces_web a { display: block; float: left }
.redes_sociales .enlaces_web a img { border: 0; height: 32px; margin-right: 10px; width: 32px }
.redes_sociales .share .bloque { margin-left: 10px; margin-top: 6px }
.redes_sociales .share .bloque.gp { margin-top: 4px }
.redes_sociales .share .bloque.gp #___plusone_0, .redes_sociales .share .bloque.gp #___plusone_1 { width: 75px !important }
.redes_sociales .share .bloque #twitter-widget-0, .redes_sociales .share .bloque #twitter-widget-1 { width: 80px !important }
.redes_sociales .st_sharethis_large { display: inline-block }
.redes_sociales .st_sharethis_large .stButton { margin: 0 !important }
.redes_sociales .st_sharethis_large .stButton .stLarge { background-image: url(../img/web/ico-share-this.png) !important }
.form_error { color: red; margin-left: 5px }
.ui-widget .ui-widget { font-size: 0.75em !important }
.tabla-fonetica tbody { background-color: #C2D6E4; border-width: 1px; font-size: smaller }
.tabla-fonetica td.fonetica_titulo { background-color: #FFFFFF; border-width: 1px; padding-left: 10px; text-align: left; width: 200px }
.tabla-fonetica td.fonetica_titulo a { font-weight: 700 }
.tabla-fonetica td.fonetica_bandera { background-color: #FFFFFF; border-width: 1px; text-align: center }
.tabla-fonetica td.fonetica_bandera img { border: 1px solid #005e90 }
.tabla-fonetica td.fonetica_descripcion { background-color: #E8E7F1; border-width: 1px; padding-left: 10px; text-align: left }
.grammar-vc { margin-top: -10px; position: absolute; right: 10px }
.notificaciones-chat { background-color: #fff; border: 1px solid #162739; border-bottom: 0; border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0; bottom: 0; font-size: 14px; line-height: 22px; margin-right: 25px; padding: 5px 12px; position: fixed; right: 0; z-index: 99 }
.notificaciones-chat a { color: #162739; display: block }
.notificaciones-chat a span { border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; color: #fff; height: 22px; line-height: 22px; margin-right: 8px; width: 22px; float: left; display: block; background-color: green; text-align: center }
.notificaciones-chat a .no-conectados { background-color: red }
.avatar-mis-videos { float: right; padding-left: 30px; padding-top: 15px }
.nav-mis-videos { float: right }
.solo_mvl { display: none !important }
#bg_cookies { background-color: rgba(50, 50, 50, .9); bottom: 10px; color: #fff; font-size: 14px; line-height: 25px; padding: 5px 40px; position: fixed; text-align: center; z-index: 100; max-width: 95%; width: auto; width: -moz-max-content; width: -o-max-content; width: -webkit-max-content; margin: 0 auto; left: 0; right: 0 }
#bg_cookies b { color: #fff }
#bg_cookies a { color: #fff; text-decoration: underline }
#bg_cookies a#acept-cookies { background-color: #000000; color: #fff; margin: 0 8px; padding: 0 15px; display: inline-block; text-decoration: none; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease }
#bg_cookies a#acept-cookies:hover { background-color: #fff; color: #000000 }
#bg_cookies a#acept-cookies i { padding: 7px 0 0 0; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease }
#mostrar-minutos { cursor: pointer }
.minutos-usuario { display: none }
.area-usuario-inicio a.boton-azul { border: 1px solid #7386BE; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; color: #fff; display: inline-block; font-size: 16px; padding: 5px 25px; text-decoration: none; background: rgba(170, 194, 255, 1); background: -moz-linear-gradient(top, rgba(170, 194, 255, 1) 0%, rgba(108, 141, 232, 1) 38%, rgba(22, 71, 205, 1) 57%, rgba(17, 71, 219, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(170, 194, 255, 1)), color-stop(38%, rgba(108, 141, 232, 1)), color-stop(57%, rgba(22, 71, 205, 1)), color-stop(100%, rgba(17, 71, 219, 1))); background: -webkit-linear-gradient(top, rgba(170, 194, 255, 1) 0%, rgba(108, 141, 232, 1) 38%, rgba(22, 71, 205, 1) 57%, rgba(17, 71, 219, 1) 100%); background: -o-linear-gradient(top, rgba(170, 194, 255, 1) 0%, rgba(108, 141, 232, 1) 38%, rgba(22, 71, 205, 1) 57%, rgba(17, 71, 219, 1) 100%); background: -ms-linear-gradient(top, rgba(170, 194, 255, 1) 0%, rgba(108, 141, 232, 1) 38%, rgba(22, 71, 205, 1) 57%, rgba(17, 71, 219, 1) 100%); background: linear-gradient(to bottom, rgba(170, 194, 255, 1) 0%, rgba(108, 141, 232, 1) 38%, rgba(22, 71, 205, 1) 57%, rgba(17, 71, 219, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aac2ff', endColorstr='#1147db', GradientType=0); -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease }
.respuesta_operacion { border: 1px solid #003e5f; color: #003e5f; font-size: 14px; margin: 2% auto; padding: 2%; text-align: center; width: 90% }
#dialog { display: none }
#mi-overlay-loading { background-color: #000000; display: none; height: 1px; left: 0; opacity: 0; position: fixed; top: 0; width: 1px; z-index: 0 }
#mi-overlay-loading.show { -moz-opacity: 0.75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; display: block; filter: alpha(opacity=75); height: 100%; opacity: 0.75; width: 100%; z-index: 50000 }
table.sessions_opened { padding: 10px 0; width: 100% }
table.sessions_opened tr th { background: #035d8f; color: #ffffff; padding: 6px 10px }
table.sessions_opened td { border-bottom: 1px solid #035d8f; padding: 6px 10px }
table.sessions_opened td a { color: red; display: block; padding: 3px 6px; white-space: nowrap }
table.sessions_opened td a i { font-size: 1.5em; margin-left: 4px; vertical-align: -3px }
table.sessions_opened td a:hover { background: red; color: #ffffff }
.ads-phonetic .iconos_fonetica a.play_speech, .superior-ficha-video a.play_speech { font-size: 0.87em; color: #2196f3; display: none; margin: -2px 8px 0 12px }
.superior-ficha-video a.play_speech { font-size: 0.82em }
.ads-phonetic .iconos_fonetica a.play_speech.soportado, .superior-ficha-video a.play_speech.soportado { display: inline-block }
.speech-tools.no-activities * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-text-size-adjust: none; box-sizing: border-box; outline: none }
.speech-tools.no-activities { background: #D9E9F1; color: #000000; display: none; font-size: 12px; margin: 15px 16px 5px; padding: 8px 8px; position: relative }
.text-frame .speech-tools.no-activities { margin: 0 }
.speech-tools.no-activities.visible { display: block }
.tools_hidden .speech-tools.no-activities { display: none !important }
.speech-tools.no-activities .separa { background: #ffffff; margin: 8px 0; height: 1px }
.speech-tools.no-activities .texts { text-align: center }
.speech-tools.no-activities .tools .change-speech-voice { background: #2196f3; border-radius: 2px; color: #ffffff; display: inline-block; line-height: 26px; padding: 0 15px 1px 15px; text-align: center; text-decoration: none }
.speech-tools.no-activities .tools .change-speech-voice:active { background: #ffffff; color: #2196f3 }
.speech-tools.no-activities .tools .default-speech-voice { background: #ffffff; border-radius: 2px; border: 2px solid #2196f3; color: #2196f3; display: none; line-height: 22px; padding: 0 10px; text-align: center; text-decoration: none }
.speech-tools.no-activities.hay_voces .tools .change-speech-voice { display: inline-block }
.speech-tools.no-activities.hay_voces .tools .default-speech-voice { display: none }
.speech-tools.no-activities.no_hay_voces .tools .change-speech-voice { display: none }
.speech-tools.no-activities.no_hay_voces .tools .default-speech-voice { display: inline-block }
.speech-tools.no-activities .tools .controles-voz a, .speech-tools.no-activities .tools .info_speech { background: #2196f3; border-radius: 2px; color: #080849; display: inline-block; height: 26px; line-height: 25px; margin-left: 8px; text-align: center; text-decoration: none; width: 26px }
.text-frame .speech-tools.no-activities .tools .change-speech-voice { line-height: 25px; vertical-align: top }
.text-frame .speech-tools.no-activities .tools .controles-voz a.less-speed-speech, .text-frame .speech-tools.no-activities .tools .controles-voz a.more-speed-speech, .text-frame .speech-tools.no-activities .tools .controles-voz a.hide-speed-speech { vertical-align: middle }
.speech_active.speaking .speech-tools.no-activities .tools .controles-voz a.less-speed-speech, .speech_active.speaking .speech-tools.no-activities .tools .controles-voz a.reset-speed-speech, .speech_active.speaking .speech-tools.no-activities .tools .controles-voz a.more-speed-speech { background: #AAAAAA }
.speech-tools.no-activities .tools .controles-voz a:active, .speech-tools.no-activities .tools .info_speech:active { background: #ffffff; color: #2196f3 }
.speech-tools.no-activities .tools .controles-voz a.hide-speed-speech { background: #ffffff; border: 3px solid #2196f3; color: #2196f3; margin-left: 18px }
.speech-tools.no-activities .tools .controles-voz a.hide-speed-speech i { color: #2196f3; padding: 0; height: 18px }
.speech-tools.no-activities .tools .info_speech { margin-left: 0; margin-right: 8px }
.speech-tools.no-activities .tools .controles-voz a.rotulo { color: #ffffff; padding: 0 10px; width: auto }
.speech-tools.no-activities .tools .controles-voz a.rotulo:active { background: #ffffff; color: #2196f3 }
.speech-tools.no-activities .tools .controles-voz a i, .speech-tools.no-activities .tools .controles-voz a i, .speech-tools.no-activities .tools .info_speech { color: #ffffff; padding: 0; vertical-align: middle }
.speech-tools.no-activities .tools .controles-voz a:active i, .speech-tools.no-activities .tools .controles-voz a:active i, .speech-tools.no-activities .tools .info_speech:active { background: #ffffff; color: #2196f3 }
.speech-tools.no-activities #voiceSelect { background: #ffffff; display: none; margin-top: 5px; padding: 5px 5px; width: 100% }
.speech-tools.no-activities #voiceSelect.seleccionando { display: inline-block }
.contenido-ficha .speech-tools.no-activities .no_ficha { display: none }
.speech-tools.no-activities .solo_ficha { display: none }
.contenido-ficha .speech-tools.no-activities .solo_ficha { display: inline-block }
.speech-tools.no-activities .text-turn-off { background: #ffffff; border: 2px solid red; border-radius: 4px; color: red; font-size: 1.1em; font-weight: bold; margin-bottom: 8px; padding: 4px }
.controles_play_text { background: #2196F3; border: 2px solid #162739; padding: 5px 8px; font-size: 1.6em; font-size: 2.25em; opacity: 0; position: fixed; margin-right: -120px; bottom: 46%; right: 0; -moz-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out }
.speech_active .controles_play_text { margin-bottom: -2px; margin-right: -2px; opacity: 1; z-index: 1 }
.controles_play_text a { color: #ffffff; display: inline-block; display: block; margin: 0 5px; margin: 8px 0 }
.controles_play_text a i.fa-volume-up { font-size: 0.9em; height: 36px }
.contenido-ficha .controles_play_text a.read_speech_text, .contenido-ficha .controles_play_text a.read_speech_text i.fa-play-circle { position: relative }
.contenido-ficha .controles_play_text a.read_speech_text i.fa-play-circle::after { content: ''; border-radius: 50%; background: red; margin: auto; position: absolute; left: 10%; right: 10%; top: 15%; bottom: 15%; z-index: 1 }
.contenido-ficha .controles_play_text a.read_speech_text i.fa-play-circle::before { position: relative; z-index: 9 }
.controles_play_text a.info_speech_text { position: relative }
.controles_play_text a.info_speech_text span { background: #ffffff; border: 1px solid #ffffff; border: 1px solid #162739; color: #162739; display: block; opacity: 0; font-size: 14px; padding: 4px 8px; position: absolute; right: 0; bottom: 120%; visibility: hidden; white-space: nowrap; -moz-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out }
.controles_play_text a.info_speech_text span:after { top: 100%; right: 2%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-top-color: #162739; border-width: 5px; margin-left: -5px }
.controles_play_text a.info_speech_text:hover span { opacity: 1; visibility: visible }
.si_mobile_activities { display: none }
.registro-usuarios.alumno_no .imagen-fondo-tabla.es-hombre { background-size: 200px auto; background-position: 80% 50px }
.registro-usuarios.alumno_no .oculto_no_vc { display: none }
#show-vc-panel { color: #555555 }
.notificacion_blog { background: url(../img/web/new-badge.png) center no-repeat; background-size: 100%; height: 25px; width: 25px; position: absolute; left: -2px; top: -12px }
.listado-videos.blog .notificacion_blog { height: 35px; width: 35px; left: -15px; top: -15px }
.bolitas-related .refresh { background: url(../img/web/refresh.png) center no-repeat; background-size: 16px; width: 16px; height: 16px; text-indent: -9999px; overflow: hidden }
.random-videos .html_carga_random.animation img, .related-frame #html_carga_relacionados.animation img { -webkit-animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both }
.random-videos .html_carga_random.animation a:nth-child(2) img, .related-frame #html_carga_relacionados.animation a:nth-child(2) img { animation-delay: 100ms }
.random-videos .html_carga_random.animation a:nth-child(3) img, .related-frame #html_carga_relacionados.animation a:nth-child(3) img { animation-delay: 200ms }
.random-videos .html_carga_random.animation a:nth-child(4) img, .related-frame #html_carga_relacionados.animation a:nth-child(4) img { animation-delay: 300ms }
.random-videos .html_carga_random.animation a:nth-child(5) img, .related-frame #html_carga_relacionados.animation a:nth-child(5) img { animation-delay: 400ms }
.random-videos .html_carga_random.animation a:nth-child(6) img, .related-frame #html_carga_relacionados.animation a:nth-child(6) img { animation-delay: 500ms }
.random-videos .html_carga_random.animation a:nth-child(7) img, .related-frame #html_carga_relacionados.animation a:nth-child(7) img { animation-delay: 600ms }
@-webkit-keyframes scale-in-center {
	0% { -webkit-transform: scale(0); transform: scale(0); opacity: 1 }
	100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 }
}
@keyframes scale-in-center {
	0% { -webkit-transform: scale(0); transform: scale(0); opacity: 1 }
	100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 }
}
.related-frame .seccion-fichas.carrusel-relacionados-fichas { overflow: hidden; margin: 0 0 0 15px; height: 64px; width: 791px }
#html_carga_relacionados a { display: inline-block; vertical-align: top; width: 103px; margin: 0 10px 0 0 }
#html_carga_relacionados a img { display: block; height: auto; margin: 0; width: 100% }
.textos-fonetica { color: #333333 !important; font-family: 'Roboto'; font-size: 15px; font-weight: 300; line-height: 1.5em; padding: 10px 20px; }
.textos-fonetica img { max-width: 100%; height: auto; }
.redes_sociales .enlaces_web .share-whatsapp { background: #128C7E; border-radius: 50%; color: #FFFFFF; font-size: 1.25em; height: 32px; line-height: 32px; margin-right: 10px; text-align: center; vertical-align: top; width: 32px; }