/* Iconos del menú principal */
div#inicio {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
}
    div#inicio > div {
        max-width: 940px;
        text-align: left;
        display: table;
        margin: auto;
    }
@media (max-width: 960px) {
    div#inicio > div {
        max-width: 630px;
        text-align: left;
        display: table;
        margin: auto;
    }
}
@media (max-width: 650px) {
    div#inicio > div {
        max-width: 320px;
        text-align: left;
        margin: auto;
    }
}
    #inicio div.area {
        display: inline-block;
        min-width: 260px;
        background-color: #e5e5e5;
        border: 0px #ddd solid;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        vertical-align: middle;
        padding: 10px 20px 15px 20px;
        text-align: left;
        margin: 6px;
    }
        #inicio div.area div {
            min-height: 120px;
            background-repeat: no-repeat;
            background-position: center center;
            position: relative;
        }
            #inicio div.area div span {
                color: #fff;
                font-size: 11px;
                font-weight: 400;
                position: absolute;
                bottom: 0;
            }
        #inicio div.area.desactivada, #inicio div.area.desactivada span, #inicio div.area.desactivada p {
            color: #c4c4c4;
            background-image: none;
        }
            #inicio div.area.desactivada:hover {
                color: #c4c4c4;
                background-color: #eee;
                border: 1px #eee solid;
                cursor: default;
                background-image: none;
            }
        #inicio div.area:hover {
            background-color: #ebebeb;
            border: 0px #e6e6e6 solid;
            cursor: pointer;
            opacity: 0.9;
        }
    #inicio p {
        color: #444;
        text-align: justify;
        margin: 0;
    }
    div#inicio div.area {
        background-size: 64px;
        background-position: center center;
        background-repeat: no-repeat;
    }

    div#menu_gestion, .sm-clean li.menu_gestion > a {
        background-color: #D18233 !important;
        background-image: url(../../imagenes/menus/gestion.svg);
    }

    div#menu_administracion, .sm-clean li.menu_administracion > a {
        background-color: #D14747 !important;
        background-image: url(../../imagenes/menus/administracion.svg);
    }

    div#menu_formacion, .sm-clean li.menu_formacion > a {
        background-color: #795548 !important;
        background-image: url(../../imagenes/menus/formacion.svg);
    }

    div#menu_requerida, .sm-clean li.menu_requerida > a {
        background-color: #3A7FA2 !important;
        background-image: url(../../imagenes/menus/requerida.svg);
    }

    div#menu_prevencion, .sm-clean li.menu_prevencion > a {
        background-color: #256625 !important;
        background-image: url(../../imagenes/menus/prevencion.svg);
    }

    div#menu_aportada, .sm-clean li.menu_aportada > a {
        background-color: #256625 !important;
        background-image: url(../../imagenes/menus/aportada.svg);
    }

    div#menu_salud, .sm-clean li.menu_salud > a {
        background-color: #183F66 !important;
        background-image: url(../../imagenes/menus/salud.svg);
    }

    div#menu_coordinacion, .sm-clean li.menu_coordinacion > a {
        background-color: #785899 !important;
        background-image: url(../../imagenes/menus/coordinacion.svg);
    }

    div#menu_controlaccesos, .sm-clean li.menu_controlaccesos > a {
        background-color: #785899 !important;
        background-image: url(../../imagenes/menus/controlaccesos.svg);
    }

    div#menu_documentacion, .sm-clean li.menu_documentacion > a {
        background-color: #37474F !important;
        background-image: url(../../imagenes/menus/documentacion.svg);
    }

    div#menu_noticias, .sm-clean li.menu_noticias > a {
        background-color: #263238!important;
        background-image: url(../../imagenes/menus/noticias.svg);
    }
    .sm-clean li.contrata.menu_noticias > a {
        background-color: transparent !important;
        background-image: none;
        padding-right:24px;
    }

    /* Iconos para botones y enlaces (16x16) */
    .agregar {
        background-image: url(../../imagenes/iconos16/agregar.png);
    }

    .add_zip {
        background-image: url(../../imagenes/iconos16/add_zip.png);
    }

    .attach {
        background-image: url(../../imagenes/iconos16/attach.png);
    }

    .accept {
        background-image: url(../../imagenes/iconos16/accept.png);
    }

    .aceptar_blanco {
        background-image: url(../../imagenes/iconos16/aceptar_blanco.png);
    }

    .cancel {
        background-image: url(../../imagenes/iconos16/cancel.png);
    }
    .carpetas {
        background-image: url(../../imagenes/iconos16/carpetas.png);
    }
    .categorias {
        background-image: url(../../imagenes/iconos16/categorias.png);
    }
    .controles {
        background-image: url(../../imagenes/iconos16/controles.png);
    }

    .pagina {
        background-image: url(../../imagenes/iconos16/pagina.png);
    }

    .pagina_agregar {
        background-image: url(../../imagenes/iconos16/pagina_agregar.png);
    }

    .pagina_agregarvarios {
        background-image: url(../../imagenes/iconos16/pagina_agregarvarios.png);
    }

    .pagina_eliminar {
        background-image: url(../../imagenes/iconos16/pagina_eliminar.png);
    }

    .aceptar {
        background-image: url(../../imagenes/iconos16/aceptar.png);
    }

    .aceptar_azul {
        background-image: url(../../imagenes/iconos16/aceptar_azul.png);
    }

    .aceptar_verde {
        background-image: url(../../imagenes/iconos16/aceptar_verde.png);
    }

    .activar {
        background-image: url(../../imagenes/iconos16/activar.png);
    }

    .refresh {
        background-image: url(../../imagenes/iconos16/ajax-loader.gif);
    }

    .calendario {
        background-image: url(../../imagenes/iconos16/calendario.png);
    }

    .calendario_historico {
        background-image: url(../../imagenes/iconos16/calendario_historico.png);
    }

    .calendario_siguiente {
        background-image: url(../../imagenes/iconos16/calendario_siguiente.png);
    }

    .campana {
        background-image: url(../../imagenes/iconos16/campana.png);
    }

    .cancelar {
        background-image: url(../../imagenes/iconos16/cancelar.png);
    }

    .cancelar_blanco {
        background-image: url(../../imagenes/iconos16/cancelar_blanco.png);
    }

    .cancelar_rojo {
        background-image: url(../../imagenes/iconos16/cancelar_rojo.png);
    }

    .candado {
        background-image: url(../../imagenes/iconos16/candado.png);
    }

    .cartera {
        background-image: url(../../imagenes/iconos16/cartera.png);
    }

    .casco {
        background-image: url(../../imagenes/iconos16/casco.png);
    }

    .certificado {
        background-image: url(../../imagenes/iconos16/certificado.png);
    }

    .check {
        background-image: url(../../imagenes/iconos16/check.png);
    }

    .checkbox_vacio {
        background-image: url(../../imagenes/iconos16/checkbox_vacio.png);
    }

    .checklist {
        background-image: url(../../imagenes/iconos16/checklist.png);
    }

    .comentario {
        background-image: url(../../imagenes/iconos16/comentario.png);
    }

    .comentario_leido {
        background-image: url(../../imagenes/iconos16/comentario_leido.png);
    }

    .comentario_nuevo {
        background-image: url(../../imagenes/iconos16/comentario_nuevo.png);
    }

    .comentario_pendiente {
        background-image: url(../../imagenes/iconos16/comentario_pendiente.png);
    }

    .comentario_responder {
        background-image: url(../../imagenes/iconos16/comentario_responder.png);
    }

    .comentario_respondido {
        background-image: url(../../imagenes/iconos16/comentario_respondido.png);
    }

    .conversacion {
        background-image: url(../../imagenes/iconos16/conversacion.png);
    }

    .conversacion12 {
        background-image: url(../../imagenes/iconos12/conversacion.png);
    }

    .config {
        background-image: url(../../imagenes/iconos16/config.png);
    }

    .versionmovil {
        background-image: url(../../imagenes/iconos16/smartphone_call.png);
    }

    .cuadro_amarillo {
        background-image: url(../../imagenes/iconos16/cuadro_amarillo.gif);
    }

    .cuadro_azul {
        background-image: url(../../imagenes/iconos16/cuadro_azul.gif);
    }

    .cuadro_blanco {
        background-image: url(../../imagenes/iconos16/cuadro_blanco.png);
    }

    .cuadro_mini {
        background-image: url(../../imagenes/iconos16/cuadro_mini.gif);
    }

    .cuadro_naranja {
        background-image: url(../../imagenes/iconos16/cuadro_naranja.gif);
    }

    .cuadro_rojo {
        background-image: url(../../imagenes/iconos16/cuadro_rojo.gif);
    }

    .cuadro_verde {
        background-image: url(../../imagenes/iconos16/cuadro_verde.gif);
    }

    .desactivar {
        background-image: url(../../imagenes/iconos16/desactivar.png);
    }

    .descargar {
        background-image: url(../../imagenes/iconos16/descargar.png);
    }
    .descargar_historico {
        background-image: url(../../imagenes/iconos16/descargar_historico.png);
    }
    .descargardoc {
        background-image: url(../../imagenes/iconos16/descargardoc.png);
    }

    .deshacer {
        background-image: url(../../imagenes/iconos16/deshacer.png);
    }

    .desplegable_abajo {
        background-image: url(../../imagenes/flechas/bullet_arrow_down.png);
    }
    .desplegable_arriba {
        background-image: url(../../imagenes/flechas/bullet_arrow_up.png);
    }

    .diploma {
        background-image: url(../../imagenes/iconos16/diploma.png);
    }

    .documento {
        background-image: url(../../imagenes/iconos16/documento.png);
    }

    .documento_nuevo {
        background-image: url(../../imagenes/iconos16/documento_nuevo.png);
    }

    .documento_eliminar {
        background-image: url(../../imagenes/iconos16/documento_eliminar.png);
    }

    .documentos {
        background-image: url(../../imagenes/iconos16/documentos.png);
    }

    .documentos_carpeta {
        background-image: url(../../imagenes/iconos16/documentos_carpeta.png);
    }

    .documentos_varios {
        background-image: url(../../imagenes/iconos16/documentos_varios.png);
    }

    .documento_validar {
        background-image: url(../../imagenes/iconos16/documento_validar.png);
    }

    .documentacion {
        background-image: url(../../imagenes/iconos16/documentacion.png);
    }

    .documentacion_azul {
        background-image: url(../../imagenes/iconos16/documentacion_azul.png);
    }

    .documentacion_blanco {
        background-image: url(../../imagenes/iconos16/documentacion_blanco.png);
    }

    .documentacion_rojo {
        background-image: url(../../imagenes/iconos16/documentacion_rojo.png);
    }

    .documentacion_verde {
        background-image: url(../../imagenes/iconos16/documentacion_verde.png);
    }

    .docamarillo {
        background-image: url(../../imagenes/iconos16/DocAmarillo.png);
    }

    .docblanco {
        background-image: url(../../imagenes/iconos16/DocBlanco.png);
    }
    .docnegro {
        background-image: url(../../imagenes/iconos16/DocNegro.png);
    }
    .docnaranja {
        background-image: url(../../imagenes/iconos16/DocNaranja.png);
    }

    .docrojo {
        background-image: url(../../imagenes/iconos16/DocRojo.png);
    }

    .docverde {
        background-image: url(../../imagenes/iconos16/DocVerde.png);
    }

    .editar {
        background-image: url(../../imagenes/iconos16/editar.png);
    }

    .eliminar {
        background-image: url(../../imagenes/iconos16/cross.png);
    }

    .email {
        background-image: url(../../imagenes/iconos16/email_close.png);
    }

    .emailopen {
        background-image: url(../../imagenes/iconos16/email_open.png);
    }

    .email_close {
        background-image: url(../../imagenes/iconos16/email_close.png);
    }

    .email_historico {
        background-image: url(../../imagenes/iconos16/email_historico.png);
    }

    .email_open {
        background-image: url(../../imagenes/iconos16/email_open.png);
    }

    .evaluacion {
        background-image: url(../../imagenes/iconos16/evaluacion.png);
    }

    .excel {
        background-image: url(../../imagenes/mime/xls.png);
    }

    .examen {
        background-image: url(../../imagenes/iconos16/examen.png);
    }

    .ficha {
        background-image: url(../../imagenes/iconos16/ficha.png);
    }

    .filtro_no {
        background-image: url(../../imagenes/iconos16/filtro_no.png);
    }

    .filtro {
        background-image: url(../../imagenes/iconos16/filtro.png);
    }

    .flag {
        background-image: url(../../imagenes/iconos16/flag.png);
    }

    .flecha_elemento {
        background-image: url(../../imagenes/iconos16/flecha_elemento.gif);
    }

    .flecha_elemento_blanco {
        background-image: url(../../imagenes/iconos16/flecha_elemento_blanco.png);
    }

    .gente {
        background-image: url(../../imagenes/iconos16/ctrlacc/gente.png);
    }

    .googlemaps {
        background-image: url(../../imagenes/iconos16/googlemaps.png);
    }

    .grafica {
        background-image: url(../../imagenes/iconos16/grafica.png);
    }

    .impresora {
        background-image: url(../../imagenes/iconos16/impresora.png);
    }

    .informacion {
        background-image: url(../../imagenes/iconos16/information.png);
    }

    .info16 {
        background-image: url(../../imagenes/iconos16/info.png);
    }

    .info12 {
        background-image: url(../../imagenes/iconos12/info.png);
    }

    .interrogacion {
        background-image: url(../../imagenes/iconos16/interrogacion.png);
    }

    .libreria {
        background-image: url(../../imagenes/iconos16/libreria.png);
    }

    .link {
        background-image: url(../../imagenes/iconos16/link.png);
    }

    .link_blanco {
        background-image: url(../../imagenes/iconos16/link_blanco.png);
    }

    .lista {
        background-image: url(../../imagenes/iconos16/lista.png);
    }

    .lista12 {
        background-image: url(../../imagenes/iconos12/lista.png);
    }

    .lista_numerada {
        background-image: url(../../imagenes/iconos16/lista_numerada.png);
    }

    .lupa {
        background-image: url(../../imagenes/iconos16/lupa.png);
    }

    .maquinaria_add {
        background-image: url(../../imagenes/iconos16/maquinaria_add.png);
    }

    .messagereply {
        background-image: url(../../imagenes/iconos16/messagereply.png);
        background-position-y: 7px;
    }

    .noresuelto {
        background-image: url(../../imagenes/iconos16/noresuelto.png);
    }

    .menu_puntos {
        background-image: url(../../imagenes/iconos16/menu_puntos.png);
    }

    .ojo {
        background-image: url(../../imagenes/iconos16/ojo.png);
    }

    .pag_anterior {
        background-image: url(../../imagenes/flechas/pag_anterior.gif);
    }

    .pag_anterior_off {
        background-image: url(../../imagenes/flechas/pag_anterior_off.gif);
    }

    .pag_siguiente {
        background-image: url(../../imagenes/flechas/pag_siguiente.gif);
    }

    .pag_siguiente_off {
        background-image: url(../../imagenes/flechas/pag_siguiente_off.gif);
    }

    .photo {
        background-image: url(../../imagenes/iconos16/photo.png);
    }

    .papelera {
        background-image: url(../../imagenes/iconos16/papelera.gif);
    }

    .impresora {
        background-image: url(../../imagenes/iconos16/impresora.png);
    }

    .plantilla {
        background-image: url(../../imagenes/iconos16/plantilla.png);
    }

    .rechazado {
        background-image: url(../../imagenes/iconos16/exclamation.png);
    }

    .reload {
        background-image: url(../../imagenes/iconos16/reload.png);
    }

    .reloj {
        background-image: url(../../imagenes/iconos16/reloj.png);
    }

    .reloj_rojo {
        background-image: url(../../imagenes/iconos16/reloj_rojo.png);
    }

    .save {
        background-image: url(../../imagenes/iconos16/save.png);
    }

    .stats {
        background-image: url(../../imagenes/iconos16/stats.png);
    }

    .tabla {
        background-image: url(../../imagenes/iconos16/tabla.png);
    }

    .trabajador_ficha {
        background-image: url(../../imagenes/iconos16/trabajador_ficha.png);
    }

    .user {
        background-image: url(../../imagenes/iconos16/user.png);
    }

    .user_add {
        background-image: url(../../imagenes/iconos16/user_add.png);
    }

    .user_cancel {
        background-image: url(../../imagenes/iconos16/user_cancel.png);
    }

    .user_del {
        background-image: url(../../imagenes/iconos16/user_del.png);
    }

    .varios {
        background-image: url(../../imagenes/iconos16/varios.png);
    }

    .volver {
        background-image: url(../../imagenes/iconos16/volver.gif);
    }

    .volver_inv {
        background-image: url(../../imagenes/iconos16/volver_inv.gif);
    }

    .vista_grupos {
        background-image: url(../../imagenes/iconos16/vista_grupos.gif);
    }

    .vista_sinagrupar {
        background-image: url(../../imagenes/iconos16/vista_sinagrupar.gif);
    }

    .rol1 {
        background-image: url(../../imagenes/iconos16/rol_empresa.png);
    }

    .rol2 {
        background-image: url(../../imagenes/iconos16/rol_centro.png);
    }

    .rol3 {
        background-image: url(../../imagenes/iconos16/rol_trabajador.png);
    }

    .rol4 {
        background-image: url(../../imagenes/iconos16/rol_contrata.png);
    }

    .servidorLDAP {
        background-image: url(../../imagenes/iconos16/ldap.png);
    }

    .sin_estado {
        background-image: url(../../imagenes/iconos16/sin_estado.png);
    }

    .doc_estado {
        background-image: url(../../imagenes/iconos16/doc_estado.png);
    }

    .contrata_ppal {
        background-image: url(../../imagenes/iconos16/contrata_ppal.png);
    }

    .subcontrata {
        background-image: url(../../imagenes/iconos16/subcontrata.png);
    }

    .subcontrata_agregar {
        background-image: url(../../imagenes/iconos16/subcontrata_agregar.png);
    }

    .subcontrata_desactivar {
        background-image: url(../../imagenes/iconos16/subcontrata_desactivar.png);
    }

    .emp_estado {
        background-image: url(../../imagenes/iconos16/emp_estado.png);
    }

    .emp_estado0 {
        background-image: url(../../imagenes/iconos16/emp_estado0.png);
    }

    .emp_estado1 {
        background-image: url(../../imagenes/iconos16/emp_estado1.png);
    }

    .emp_estado2 {
        background-image: url(../../imagenes/iconos16/emp_estado2.png);
    }

    .emp_estado3 {
        background-image: url(../../imagenes/iconos16/emp_estado3.png);
    }

    .emp_estado4 {
        background-image: url(../../imagenes/iconos16/emp_estado4.png);
    }

    .gen_estado {
        background-image: url(../../imagenes/iconos16/gen_estado.png);
    }

    .gen_estado0 {
        background-image: url(../../imagenes/iconos16/gen_estado0.png);
    }

    .gen_estado1 {
        background-image: url(../../imagenes/iconos16/gen_estado1.png);
    }

    .gen_estado2 {
        background-image: url(../../imagenes/iconos16/gen_estado2.png);
    }

    .gen_estado3 {
        background-image: url(../../imagenes/iconos16/gen_estado3.png);
    }

    .gen_estado4 {
        background-image: url(../../imagenes/iconos16/gen_estado4.png);
    }

    .maq_estado {
        background-image: url(../../imagenes/iconos16/maq_estado.png);
    }

    .maq_estado0 {
        background-image: url(../../imagenes/iconos16/maq_estado0.png);
    }

    .maq_estado1 {
        background-image: url(../../imagenes/iconos16/maq_estado1.png);
    }

    .maq_estado2 {
        background-image: url(../../imagenes/iconos16/maq_estado2.png);
    }

    .maq_estado3 {
        background-image: url(../../imagenes/iconos16/maq_estado3.png);
    }

    .maq_estado4 {
        background-image: url(../../imagenes/iconos16/maq_estado4.png);
    }

    .proy_estado {
        background-image: url(../../imagenes/iconos16/proy_estado.png);
    }

    .proy_estado0 {
        background-image: url(../../imagenes/iconos16/proy_estado0.png);
    }

    .proy_estado1 {
        background-image: url(../../imagenes/iconos16/proy_estado1.png);
    }

    .proy_estado2 {
        background-image: url(../../imagenes/iconos16/proy_estado2.png);
    }

    .proy_estado3 {
        background-image: url(../../imagenes/iconos16/proy_estado3.png);
    }

    .proy_estado4 {
        background-image: url(../../imagenes/iconos16/proy_estado4.png);
    }

    .trab_estado {
        background-image: url(../../imagenes/iconos16/trab_estado.png);
    }

    .trab_estado0 {
        background-image: url(../../imagenes/iconos16/trab_estado0.png);
    }

    .trab_estado1 {
        background-image: url(../../imagenes/iconos16/trab_estado1.png);
    }

    .trab_estado2 {
        background-image: url(../../imagenes/iconos16/trab_estado2.png);
    }

    .trab_estado3 {
        background-image: url(../../imagenes/iconos16/trab_estado3.png);
    }

    .trab_estado4 {
        background-image: url(../../imagenes/iconos16/trab_estado4.png);
    }

    .dialogo_ok {
        background-image: url(../../imagenes/iconos32/ok.png);
    }

    .dialogo_aviso {
        background-image: url(../../imagenes/iconos32/warning.png);
    }

    .dialogo_error {
        background-image: url(../../imagenes/iconos32/error.png);
    }

    .dialogo_pregunta {
        background-image: url(../../imagenes/iconos32/question.png);
    }

    .dialogo_cargando {
        background-image: url(../../imagenes/iconos32/loading.gif);
    }

    .dialogo_info {
        background-image: url(../../imagenes/iconos32/info.png);
    }

    .question12 {
        background-image: url(../../imagenes/iconos12/question.png);
    }

    .warning {
        background-image: url(../../imagenes/iconos16/warning.png);
    }

    .hombre {
        background-image: url(../../imagenes/iconos16/hombre.png);
    }

    .mujer {
        background-image: url(../../imagenes/iconos16/mujer.png);
    }

    .sexos {
        background-image: url(../../imagenes/iconos16/sexos.png);
    }

    .zip {
        background-image: url(../../imagenes/mime/zip.png);
    }

    .foto {
        background-image: url(../../imagenes/mime/foto.png);
    }

    .pdf {
        background-image: url(../../imagenes/mime/pdf.png);
    }
    .csv {
        background-image: url(../../imagenes/mime/csv.png);
    }

    .word {
        background-image: url(../../imagenes/mime/word.png);
    }

    .excel {
        background-image: url(../../imagenes/mime/xls.png);
    }

    .modosoloentradas {
        background-image: url(../../imagenes/iconos16/ctrlacc/modosoloentradas.png);
    }

    .modosolosalidas {
        background-image: url(../../imagenes/iconos16/ctrlacc/modosolosalidas.png);
    }

    .mododenegado {
        background-image: url(../../imagenes/iconos16/ctrlacc/denegado.png);
    }

    .denegadoforzado {
        background-image: url(../../imagenes/iconos16/ctrlacc/denegadoforzado.png);
    }

    .salidaforzados {
        background-image: url(../../imagenes/iconos16/ctrlacc/salidaforzados.png);
    }
    .stats-1 {
        background-image: url(../../imagenes/iconos16/stats-1.png);
    }

    .stats-2 {
        background-image: url(../../imagenes/iconos16/stats-2.png);
    }


    /* Iconos de URLs externas */
    .ico-external {
        background-image: url('../../m/imagenes/iconos/webs/web.svg');
    }
    .ico-youtube {
        background-image: url('../../m/imagenes/iconos/webs/youtube.svg');
    }
    .ico-vimeo {
        background-image: url('../../m/imagenes/iconos/webs/vimeo.svg');
    }
    .ico-dailymotion {
        background-image: url('../../m/imagenes/iconos/webs/dailymotion.svg');
    }
    .ico-wikipedia {
        background-repeat: no-repeat;
        background-position-y: center;
        background-image: url('../../m/imagenes/iconos/webs/wikipedia.svg');
    }
    .ico-drive {
        background-image: url('../../m/imagenes/iconos/webs/drive.svg');
    }
    .ico-dropbox {
        background-image: url('../../m/imagenes/iconos/webs/dropbox.svg');
    }
    .ico-onedrive {
        background-image: url('../../m/imagenes/iconos/webs/onedrive.svg');
    }


    /* Iconos de tipos de archivo */
    .ico-default {
        background-image: url('../../m/imagenes/iconos/filetypes/default.svg');
    }

    .ico-selected {
        background-image: url('../../m/imagenes/iconos/filetypes/selected.svg');
    }

    .ico-ai {
        background-image: url('../../m/imagenes/iconos/filetypes/ai.svg');
    }

    .ico-asp {
        background-image: url('../../m/imagenes/iconos/filetypes/asp.svg');
    }

    .ico-avi {
        background-image: url('../../m/imagenes/iconos/filetypes/avi.svg');
    }

    .ico-bmp {
        background-image: url('../../m/imagenes/iconos/filetypes/bmp.svg');
    }

    .ico-cfm {
        background-image: url('../../m/imagenes/iconos/filetypes/cfm.svg');
    }

    .ico-cpp {
        background-image: url('../../m/imagenes/iconos/filetypes/cpp.svg');
    }

    .ico-css {
        background-image: url('../../m/imagenes/iconos/filetypes/css.svg');
    }

    .ico-csv {
        background-image: url('../../m/imagenes/iconos/filetypes/csv.svg');
    }

    .ico-dll {
        background-image: url('../../m/imagenes/iconos/filetypes/dll.svg');
    }

    .ico-doc {
        background-image: url('../../m/imagenes/iconos/filetypes/doc.svg');
    }

    .ico-dw {
        background-image: url('../../m/imagenes/iconos/filetypes/dw.svg');
    }

    .ico-eps {
        background-image: url('../../m/imagenes/iconos/filetypes/eps.svg');
    }

    .ico-gif {
        background-image: url('../../m/imagenes/iconos/filetypes/gif.svg');
    }

    .ico-git {
        background-image: url('../../m/imagenes/iconos/filetypes/git.svg');
    }

    .ico-gz {
        background-image: url('../../m/imagenes/iconos/filetypes/gz.svg');
    }

    .ico-html {
        background-image: url('../../m/imagenes/iconos/filetypes/html.svg');
    }

    .ico-ics {
        background-image: url('../../m/imagenes/iconos/filetypes/ics.svg');
    }

    .ico-indd {
        background-image: url('../../m/imagenes/iconos/filetypes/indd.svg');
    }

    .ico-ini {
        background-image: url('../../m/imagenes/iconos/filetypes/ini.svg');
    }

    .ico-jpg {
        background-image: url('../../m/imagenes/iconos/filetypes/jpg.svg');
    }

    .ico-js {
        background-image: url('../../m/imagenes/iconos/filetypes/js.svg');
    }

    .ico-json {
        background-image: url('../../m/imagenes/iconos/filetypes/json.svg');
    }

    .ico-jsp {
        background-image: url('../../m/imagenes/iconos/filetypes/jsp.svg');
    }

    .ico-jsx {
        background-image: url('../../m/imagenes/iconos/filetypes/jsx.svg');
    }

    .ico-md {
        background-image: url('../../m/imagenes/iconos/filetypes/md.svg');
    }

    .ico-mov {
        background-image: url('../../m/imagenes/iconos/filetypes/mov.svg');
    }

    .ico-mp3 {
        background-image: url('../../m/imagenes/iconos/filetypes/mp3.svg');
    }

    .ico-mp4 {
        background-image: url('../../m/imagenes/iconos/filetypes/mp4.svg');
    }

    .ico-mpg {
        background-image: url('../../m/imagenes/iconos/filetypes/mpg.svg');
    }

    .ico-otf {
        background-image: url('../../m/imagenes/iconos/filetypes/otf.svg');
    }

    .ico-pdf {
        background-image: url('../../m/imagenes/iconos/filetypes/pdf.svg');
    }

    .ico-php {
        background-image: url('../../m/imagenes/iconos/filetypes/php.svg');
    }

    .ico-png {
        background-image: url('../../m/imagenes/iconos/filetypes/png.svg');
    }

    .ico-ppt {
        background-image: url('../../m/imagenes/iconos/filetypes/ppt.svg');
    }

    .ico-psd {
        background-image: url('../../m/imagenes/iconos/filetypes/psd.svg');
    }

    .ico-py {
        background-image: url('../../m/imagenes/iconos/filetypes/py.svg');
    }

    .ico-qxd {
        background-image: url('../../m/imagenes/iconos/filetypes/qxd.svg');
    }

    .ico-rar {
        background-image: url('../../m/imagenes/iconos/filetypes/rar.svg');
    }

    .ico-rb {
        background-image: url('../../m/imagenes/iconos/filetypes/rb.svg');
    }

    .ico-sh {
        background-image: url('../../m/imagenes/iconos/filetypes/sh.svg');
    }

    .ico-sql {
        background-image: url('../../m/imagenes/iconos/filetypes/sql.svg');
    }

    .ico-svg {
        background-image: url('../../m/imagenes/iconos/filetypes/svg.svg');
    }

    .ico-tar {
        background-image: url('../../m/imagenes/iconos/filetypes/tar.svg');
    }

    .ico-tiff {
        background-image: url('../../m/imagenes/iconos/filetypes/tiff.svg');
    }

    .ico-ttf {
        background-image: url('../../m/imagenes/iconos/filetypes/ttf.svg');
    }

    .ico-txt {
        background-image: url('../../m/imagenes/iconos/filetypes/txt.svg');
    }

    .ico-wav {
        background-image: url('../../m/imagenes/iconos/filetypes/wav.svg');
    }

    .ico-wmv {
        background-image: url('../../m/imagenes/iconos/filetypes/wmv.svg');
    }

    .ico-xls {
        background-image: url('../../m/imagenes/iconos/filetypes/xls.svg');
    }

    .ico-xml {
        background-image: url('../../m/imagenes/iconos/filetypes/xml.svg');
    }

    .ico-zip {
        background-image: url('../../m/imagenes/iconos/filetypes/zip.svg');
    }

/* Iconos redondos */
a:hover > div.iconoRedondo, a:hover > label {
    cursor: pointer;
    color: #444;
}

    a:hover > div.iconoRedondo.verde {
        background-color: #46a14a !important;
        color: #eee;
    }

    a:hover > div.iconoRedondo.naranja {
        background-color: #feb345 !important;
        color:#eee;
    }

        a:hover > div.iconoRedondo.naranja.fuerte {
            background-color: #fc5a28 !important;
            color: #eee;
        }

    a:hover > div.iconoRedondo.azul {
        background-color: #3392df !important;
        color: #eee;
    }


div.iconoRedondo {
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 50%;
    margin: 0px;
    background-image: none !important;
    background-position: center !important;
    padding: 0px;
}

    div.iconoRedondo.small {
        width: 20px;
        height: 20px;
        line-height: 20px;
    }

    div.iconoRedondo.verde {
        background-color: #4CAF50 !important;
        color: #fff;
    }

    div.iconoRedondo.naranja {
        background-color: #fea21b !important;
        color: #fff;
    }

        div.iconoRedondo.naranja.fuerte {
            background-color: #ff7043 !important;
        }

    div.iconoRedondo.azul {
        background-color: #42A5F5 !important;
        color: #fff;
    }
    div.iconoRedondo.lila {
        background-color: #3F51B5 !important;
        color: #fff;
    }
    div.iconoRedondo.lila.claro {
        background-color: #5C6BC0 !important;
        color: #fff;
    }
    div.iconoRedondo.violeta {
        background-color: #AB47BC !important;
        color: #fff;
    }
    div.iconoRedondo.rojo {
        background-color: #f44336 !important;
        color: #fff;
    }

div.circulo_color {
    width: 16px;
    height: 16px;
    display: inline-block;
    border-radius: 50%;
    margin: 0;
    background-color: #ccc;
}