/* CSS Document */ /* CLASES DE ICONOS PARA TOOLBAR DE CONTENIDO PRINCIPAL */ /* -- WHITE -- */ .icon-0001, .icon-0002, .icon-0003, .icon-0004, .icon-0005, .icon-0006, .icon-0007, .icon-0008, .icon-0009, .icon-0010, .icon-0011, .icon-0012, .icon-0013, .icon-0014, .icon-0015, .icon-0016, .icon-0017, .icon-0018, .icon-0019, .icon-0020, .icon-0021, .icon-0022, .icon-0023, .icon-0024, .icon-0025, .icon-0026, .icon-0027, .icon-0028 { padding-left: 25px; height: 18px; width: 18px; line-height: 18px; background-image: url("imgs/imgs_icon/tool-sprite-white.png"); background-repeat: no-repeat; background-color: transparent; outline: none; } .icon-0001:hover, .icon-0002:hover, .icon-0003:hover, .icon-0004:hover, .icon-0005:hover, .icon-0006:hover, .icon-0007:hover, .icon-0008:hover, .icon-0009:hover, .icon-0010:hover, .icon-0011:hover, .icon-0012:hover, .icon-0013:hover, .icon-0014:hover, .icon-0015:hover, .icon-0016:hover, .icon-0017:hover, .icon-0018:hover, .icon-0019:hover, .icon-0020:hover, .icon-0021:hover, .icon-0022:hover, .icon-0023:hover, .icon-0024:hover, .icon-0025:hover, .icon-0026:hover, .icon-0027:hover, .icon-0028:hover { padding-left: 25px; height: 18px; width: 18px; line-height: 18px; background-image: url("imgs/imgs_icon/tool-sprite-white-hover.png"); background-repeat: no-repeat; background-color: transparent; outline: none; } .icon-0001, .icon-0001:hover { background-position: -2px -2px; } .icon-0002, .icon-0002:hover { background-position: -21px -2px; } .icon-0003, .icon-0003:hover { background-position: -42px -2px; } .icon-0004, .icon-0004:hover { background-position: -64px -2px; } .icon-0005, .icon-0005:hover { background-position: -85px -2px; } .icon-0006, .icon-0006:hover { background-position: -106px -2px; } .icon-0007, .icon-0007:hover { background-position: -128px -2px; } .icon-0008, .icon-0008:hover { background-position: -2px -23px; } .icon-0009, .icon-0009:hover { background-position: -21px -23px; } .icon-0010, .icon-0010:hover { background-position: -40px -23px; } .icon-0011, .icon-0011:hover { background-position: -64px -23px; } .icon-0012, .icon-0012:hover { background-position: -85px -23px; } .icon-0013, .icon-0013:hover { background-position: -106px -23px; } .icon-0014, .icon-0014:hover { background-position: -128px -23px; } .icon-0015, .icon-0015:hover { background-position: -2px -46px; } .icon-0016, .icon-0016:hover { background-position: -21px -46px; } .icon-0017, .icon-0017:hover { background-position: -42px -46px; } .icon-0018, .icon-0018:hover { background-position: -64px -46px; } .icon-0019, .icon-0019:hover { background-position: -85px -46px; } .icon-0020, .icon-0020:hover { background-position: -106px -46px; } .icon-0021, .icon-0021:hover { background-position: -128px -46px; } .icon-0022, .icon-0022:hover { background-position: -2px -64px; } .icon-0023, .icon-0023:hover { background-position: -21px -64px; } .icon-0024, .icon-0024:hover { background-position: -42px -64px; } .icon-0025, .icon-0025:hover { background-position: -64px -64px; } .icon-0026, .icon-0026:hover { background-position: -83px -64px; } .icon-0027, .icon-0027:hover { background-position: -106px -64px; } .icon-0028, .icon-0028:hover { background-position: -128px -64px; } /* ICONOS PARA GRILLAS */ .icon-0029, .icon-0030, .icon-0031, .icon-0032, .icon-0033, .icon-0034 { padding-left: 25px; height: 18px; width: 18px; line-height: 18px; background-image: url("imgs/imgs_icon/tool-sprite-app-grid.png"); background-repeat: no-repeat; background-color: transparent; outline: none; } .icon-0029, .icon-0029:hover { background-position: 3px 1px; } .icon-0030, .icon-0030:hover { background-position: 3px -21px; } .icon-0031, .icon-0031:hover { background-position: 3px -41px; } .icon-0032, .icon-0032:hover { background-position: 3px -62px; } .icon-0033, .icon-0033:hover { background-position: 3px -82px; } .icon-0034, .icon-0034:hover { background-position: 3px -103px; } /* -- BLACK -- */ .icon-0101, .icon-0102, .icon-0103, .icon-0104, .icon-0105, .icon-0106, .icon-0107, .icon-0108, .icon-0109, .icon-0110, .icon-0111, .icon-0112, .icon-0113, .icon-0114, .icon-0115, .icon-0116, .icon-0117, .icon-0118, .icon-0119, .icon-0120, .icon-0121, .icon-0122, .icon-0123, .icon-0124, .icon-0125, .icon-0126, .icon-0127, .icon-0128 { padding-left: 25px; height: 18px; width: 18px; line-height: 18px; background-image: url("imgs/imgs_icon/tool-sprite-black.png"); background-repeat: no-repeat; background-color: transparent; outline: none; } .icon-0101:hover, .icon-0102:hover, .icon-0103:hover, .icon-0104:hover, .icon-0105:hover, .icon-0106:hover, .icon-0107:hover, .icon-0108:hover, .icon-0109:hover, .icon-0110:hover, .icon-0111:hover, .icon-0112:hover, .icon-0113:hover, .icon-0114:hover, .icon-0115:hover, .icon-0116:hover, .icon-0117:hover, .icon-0118:hover, .icon-0119:hover, .icon-0120:hover, .icon-0121:hover, .icon-0122:hover, .icon-0123:hover, .icon-0124:hover, .icon-0125:hover, .icon-0126:hover, .icon-0127:hover, .icon-0128:hover { padding-left: 25px; height: 18px; width: 18px; line-height: 18px; background-image: url("imgs/imgs_icon/tool-sprite-black-hover.png"); background-repeat: no-repeat; background-color: transparent; outline: none; } .icon-0101, .icon-0101:hover { background-position: -2px -2px; } .icon-0102, .icon-0102:hover { background-position: -21px -2px; } .icon-0103, .icon-0103:hover { background-position: -42px -2px; } .icon-0104, .icon-0104:hover { background-position: -64px -2px; } .icon-0105, .icon-0105:hover { background-position: -85px -2px; } .icon-0106, .icon-0106:hover { background-position: -106px -2px; } .icon-0107, .icon-0107:hover { background-position: -128px -2px; } .icon-0108, .icon-0108:hover { background-position: -2px -23px; } .icon-0109, .icon-0109:hover { background-position: -21px -23px; } .icon-0110, .icon-0110:hover { background-position: -40px -23px; } .icon-0111, .icon-0111:hover { background-position: -64px -23px; } .icon-0112, .icon-0112:hover { background-position: -85px -23px; } .icon-0113, .icon-0113:hover { background-position: -106px -23px; } .icon-0114, .icon-0114:hover { background-position: -128px -23px; } .icon-0115, .icon-0115:hover { background-position: -2px -46px; } .icon-0116, .icon-0116:hover { background-position: -21px -46px; } .icon-0117, .icon-0117:hover { background-position: -42px -46px; } .icon-0118, .icon-0118:hover { background-position: -64px -46px; } .icon-0119, .icon-0119:hover { background-position: -85px -46px; } .icon-0120, .icon-0120:hover { background-position: -106px -46px; } .icon-0121, .icon-0121:hover { background-position: -128px -46px; } .icon-0122, .icon-0122:hover { background-position: -2px -64px; } .icon-0123, .icon-0123:hover { background-position: -21px -64px; } .icon-0124, .icon-0124:hover { background-position: -42px -64px; } .icon-0125, .icon-0125:hover { background-position: -64px -64px; } .icon-0126, .icon-0126:hover { background-position: -83px -64px; } .icon-0127, .icon-0127:hover { background-position: -106px -64px; } .icon-0128, .icon-0128:hover { background-position: -128px -64px; } /* CLASES DE ICONOS PARA MENÚ DE USUARIO (Mi Info / Contacto / cerrar sesión / salir) EN LA BARRA MENÚ SUPERIOR DERECHA */ .icon-0133, .icon-0134, .icon-0135, .icon-0136, .icon-0137 { padding-left: 25px; height: 18px; line-height: 18px; background-image: url("imgs/imgs_icon/tool-sprite-black-user.png"); background-repeat: no-repeat; background-color: transparent; outline: none; } .icon-0133:hover, .icon-0134:hover, .icon-0135:hover, .icon-0136:hover, .icon-0137:hover { padding-left: 25px; height: 18px; line-height: 18px; background-image: url("imgs/imgs_icon/tool-sprite-black-user-hover.png"); background-repeat: no-repeat; background-color: transparent; outline: none; } .icon-0133, .icon-0133:hover { background-position: 1px 3px; } .icon-0134, .icon-0134:hover { background-position: 0px -20px; } .icon-0135, .icon-0135:hover { background-position: 0px -42px; } .icon-0136, .icon-0136:hover { background-position: 0px -63px; } .icon-0137, .icon-0137:hover { background-position: -1px -84px; } /* CLASES DE ICONOS FONDOS DE INPUT, SELECT, BUTTON */ .g-etiq-bi-001 { background: #FFF url('imgs/imgs_icon/etiq_001_16x16.png' ) 5px 47% no-repeat; padding-left: 30px; } .g-etiq-bi-002 { background: #FFF url('imgs/imgs_icon/etiq_002_16x16.png' ) 5px 47% no-repeat; padding-left: 30px; } .g-etiq-bi-003 { background: #FFF url('imgs/imgs_icon/etiq_003_16x16.png' ) 5px 47% no-repeat; padding-left: 30px; } .g-etiq-bi-004 { background: #FFF url('imgs/imgs_icon/etiq_004_16x16.png' ) 5px 47% no-repeat; padding-left: 30px; } .g-etiq-bi-005 { background: #FFF url('imgs/imgs_icon/etiq_005_16x16.png' ) 5px 47% no-repeat; padding-left: 30px; } .g-etiq-bi-006 { background: #FFF url('imgs/imgs_icon/etiq_006_16x16.png' ) 5px 47% no-repeat; padding-left: 30px; } .g-etiq-bi-007 { background: #FFF url('imgs/imgs_icon/etiq_007_16x16.png' ) 5px 47% no-repeat; padding-left: 30px; } .g-etiq-bi-008 { background: #FFF url('imgs/imgs_icon/etiq_008_16x16.gif' ) 5px 47% no-repeat; padding-left: 30px; } .g-etiq-bi-009 { background: #FFF url('imgs/imgs_icon/etiq_009_16x16.gif' ) 5px 47% no-repeat; padding-left: 30px; } .g-etiq-bi-010 { background: #FFF url('imgs/imgs_icon/etiq_010_16x16.png' ) 5px 47% no-repeat; padding-left: 30px; } .objg-icon-1 { background: transparent url('imgs/dfct-icon-16x16-1.png' ) 0px 0px no-repeat; padding-left: 20px; } .objg-icon-2 { background: transparent url('imgs/dfct-icon-16x16-2.png' ) 0px 0px no-repeat; padding-left: 20px; } .objg-icon-3 { background: transparent url('imgs/dfct-icon-16x16-3.png' ) 0px 0px no-repeat; padding-left: 20px; } .objg-icon-4 { background: transparent url('imgs/dfct-icon-16x16-4.png' ) 0px 0px no-repeat; padding-left: 20px; } .objg-icon-5 { background: transparent url('imgs/dfct-icon-16x16-5.png' ) 0px 0px no-repeat; padding-left: 20px; } .objg-icon-6 { background: transparent url('imgs/dfct-icon-16x16-6.png' ) 0px 0px no-repeat; padding-left: 20px; } .objg-icon-7 { background: transparent url('imgs/dfct-icon-16x16-7.png' ) 0px 0px no-repeat; padding-left: 20px; }