/* |=========================================================== |Master stylesheet css |=========================================================== |@Project : singleclick - panel |@Date : 00-05-2014 |@Backend : |@Frontend: |@Note : |=========================================================== */ @font-face { font-family: 'regular';src: url('fuentes/myriad/MyriadPro-Regular/MyriadPro-Regular.eot?') format('eot'), url('fuentes/myriad/MyriadPro-Regular/MyriadPro-Regular.otf') format('opentype'), url('fuentes/myriad/MyriadPro-Regular/MyriadPro-Regular.woff') format('woff'), url('fuentes/myriad/MyriadPro-Regular/MyriadPro-Regular.ttf') format('truetype'), url('fuentes/myriad/MyriadPro-Regular/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg'); } @font-face { font-family: 'cond'; src: url('fuentes/myriad/MyriadPro-Cond/MyriadPro-Cond.eot?') format('eot'), url('fuentes/myriad/MyriadPro-Cond/MyriadPro-Cond.otf') format('opentype'), url('fuentes/myriad/MyriadPro-Cond/MyriadPro-Cond.woff') format('woff'), url('fuentes/myriad/MyriadPro-Cond/MyriadPro-Cond.ttf') format('truetype'), url('fuentes/myriad/MyriadPro-Cond/MyriadPro-Cond.svg#MyriadPro-Cond') format('svg'); } @font-face { font-family: 'bold'; src: url('fuentes/myriad/MyriadPro-Bold/MyriadPro-Bold.eot?') format('eot'), url('fuentes/myriad/MyriadPro-Bold/MyriadPro-Bold.otf') format('opentype'), url('fuentes/myriad/MyriadPro-Bold/MyriadPro-Bold.woff') format('woff'), url('fuentes/myriad/MyriadPro-Bold/MyriadPro-Bold.ttf') format('truetype'), url('fuentes/myriad/MyriadPro-Bold/MyriadPro-Bold.svg#MyriadPro-Bold') format('svg'); } @font-face { font-family: 'semi'; src: url('fuentes/myriad/MyriadPro-Semibold/MyriadPro-Semibold.eot?') format('eot'), url('fuentes/myriad/MyriadPro-Semibold/MyriadPro-Semibold.otf') format('opentype'), url('fuentes/myriad/MyriadPro-Semibold/MyriadPro-Semibold.woff') format('woff'), url('fuentes/myriad/MyriadPro-Semibold/MyriadPro-Semibold.ttf') format('truetype'), url('fuentes/myriad/MyriadPro-Semibold/MyriadPro-Semibold.svg#MyriadPro-Semibold') format('svg'); } @font-face { font-family: 'it'; src: url('fuentes/myriad/MyriadPro-It/MyriadPro-It.eot?') format('eot'), url('fuentes/myriad/MyriadPro-It/MyriadPro-It.otf') format('opentype'), url('fuentes/myriad/MyriadPro-It/MyriadPro-It.woff') format('woff'), url('fuentes/myriad/MyriadPro-It/MyriadPro-It.ttf') format('truetype'), url('fuentes/myriad/MyriadPro-It/MyriadPro-It.svg#MyriadPro-It') format('svg'); } @font-face { font-family: 'semi-it'; src: url('fuentes/myriad/MyriadPro-SemiboldIt/MyriadPro-SemiboldIt.eot?') format('eot'), url('fuentes/myriad/MyriadPro-SemiboldIt/MyriadPro-SemiboldIt.otf') format('opentype'), url('fuentes/myriad/MyriadPro-SemiboldIt/MyriadPro-SemiboldIt.woff') format('woff'), url('fuentes/myriad/MyriadPro-SemiboldIt/MyriadPro-SemiboldIt.ttf') format('truetype'), url('fuentes/myriad/MyriadPro-SemiboldIt/MyriadPro-SemiboldIt.svg#MyriadPro-SemiboldIt') format('svg'); } body.login { font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #FFF; } fieldset { border: none; } .clear { clear: both; } a { text-decoration: none; color: #000; } a:hover { text-decoration: none; } input { border: none; } li, ul, body, div, span, p, h1, h2, h3, input { margin: 0px; padding: 0px; } ul { list-style-type: none; } img { border: none; } table { border-collapse: collapse; } body, html { font-family: Arial, Helvetica, sans-serif; height: 100%; font-size: 13px; } h1 { color: #008CC4; font-weight: bold; font-size: 18px; } /* *- inicio: Formularios */ #imagencargando { display: none;/**/ } .contenedorformulario { overflow: hidden; } .contenedorformulario .botoncorto { margin-left: 0px; font-weight: bold; height: auto; width: auto; padding: 2px 5px; display: block; float: left; cursor: pointer; margin: 0px 5px; background-image : none; background-color: #D58400; border-radius: 5px; } .contenedorformulario .tablaformulario { border-collapse: collapse; width: 80% } .contenedorformulario td { padding-right: 15px; } .contenedorformulario .etiquetas { text-align: left; padding-left: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 150px; padding-right: 15px; } .contenedorformulario .colboton { text-align: center; } .contenedorformulario .tabla-formulario-movimiento { border-collapse: collapse; } .contenedorformulario .titulo { color: #000; font-weight: bold; font-size: 20px; } .contenedorformulario .subtitulo { color: #000; font-weight: bold; font-size: 12px; margin-left: 8px; } .contenedorformulario fieldset { clear: both; margin: 0; padding: 0; } .contenedorformulario fieldset .Boton{ cursor:pointer; height:22px; width:100px; background-color:#FFFFFF; background-image: url(../Imagenes/Template/boton-blanco1.gif); background-repeat: no-repeat; background-position: center top; color:#FFFFFF; font-weight:bold; } .contenedorformulario fieldset .Boton:hover{ cursor:pointer; height:22px; width:100px; background-color:#FFFFFF; background-image: url(../Imagenes/Template/boton-blanco1.gif); background-repeat: no-repeat; background-position: center bottom; color:#FFFFFF; font-weight:bold; } .contenedorformulario .contenedor-campo { padding-top: 5px; padding-bottom: 5px; padding-right: 30px; float: left; display: inline; } .contenedorformulario .contenedor-campo22 { padding-top: 10px; padding-bottom: 5px; padding-right: 45px; float: left; display: inline; } .contenedorformulario .contenedor-campo33 { padding-top: 5px; padding-bottom: 5px; padding-right: 5px; padding-left: 45px; float: left; display: inline; } .contenedorformulario .contenedor-campo44 { padding-top: 6px; padding-bottom: 5px; padding-right: 0px; float: left; display: inline; } .contenedorformulario .contenedor-error { padding-top: 20px; padding-right: 30px } .contenedorformulario .contenedor-botones { padding-top: 40px; padding-right: 0px; display: block; text-align: right; padding-top: 20px; padding-right: 8px; } .contenedorformulario .contenedor-botones input, .contenedorformulario .contenedor-botones div { float: right; margin-left: 10px; } .contenedorformulario label { color: #474747; font-weight: normal; display: block; font-size: 12px; padding-bottom: 5px; } .contenedorformulario select { } .contenedorformulario select option { } .contenedorformulario input[type="text"], input[type="password"] { /* border: 1px solid #a3a3a3; background: transparent url('../Imagenes/Template/input-fondo-text.gif') repeat-x top left; font-weight: bold; /**/ } .contenedorformulario textarea { background: none; /* width:420px; height:80px; padding:8px; font-family:Arial, Helvetica, sans-serif; font-size:12px; border: 1px solid #a3a3a3; background: transparent url('../Imagenes/Template/input-fondo-largo.gif') repeat-x top left; font-weight: bold; /**/ } .contenedorformulario .contenedor-grid { padding-left: 17px; } .contenedorformulario p { padding-top: 0px; } .contenedorformulario .fieldset { border: 1px solid #afe14c; margin: 10px 0; border-color: #CCC; margin-top: 20px; margin-right: 10px; margin-bottom: 10px; margin-left: 0px; padding-top: 10px; padding-right: 10px; padding-bottom: 20px; padding-left: 10px; border-radius: 5px; } .contenedorformulario .legend { display: block; margin-top: -29px; font-size: 14px; font-weight: bold; margin-top: 0px; } .contenedorformulario .campo-error { display: block; } .contenedorformulario .campo-error br { display: none; } #form-busqueda { } #form-busqueda .contenedor-campo { padding-top: 15px; padding-right: 30px; float: left; display: inline; height: 40px; } #form-busqueda .contenedor-campo .filtro-valor select, .contenedorformulario .contenedor-campo .filtro-valor input, .contenedorformulario .contenedor-campo .filtro-valor span { display: inline-block; } #form-busqueda .contenedor-campo .filtro-valorrango select, .contenedorformulario .contenedor-campo .filtro-valorrango input, .contenedorformulario .contenedor-campo .filtro-valorrango span { display: inline; } #form-busqueda .contenedor-campo .filtro-booleano div { float: left; margin-right: 3px; } #form-busqueda .contenedor-campo .filtro-booleano div img { } /* * Campos globales */ div.uploader span.action {background-color: transparent;} div.selector { width: auto; } div.selector span{ width: auto; color: #333;} div.selector select{ min-width : inherit; padding-right: 15px; } div.button input[type="submit"], div.button input[type="button"] { margin-left: -64px; width: auto;} input[type="text"], input[type="password"], textarea, select[multiple="multiple"] { border-radius: 5px; color: #000; } input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select[multiple="multiple"]:focus { background-color: #dedede; } input.largo[type="button"] { background-image: url(../Imagenes/Template/boton-largo.png); height: 38px; width: 170px; } input.largo.azul[type="button"] { background-image: url(../Imagenes/Template/boton-largo-azul.png); height: 38px; width: 170px; color: #FFF; } input.largo.selected { background-position: bottom } .contenedor-selectormultiple1 .selectormultiple1-scroll { width: 220px; height: 110px; overflow: auto; background-color: #FFF; padding: 10px; background-image: url(../Imagenes/Template/input-fondo-largo.gif); background-repeat: repeat-x; margin-top: 10px; } .contenedor-selectormultiple1 .selectormultiple1-filtro { width: 240px; } .formArchivo { font-weight: bold; } .formBooleano { font-weight: bold; } .formBotonEnviar { font-weight: bold; } .formDesplegable { font-weight: bold; /* display:block; border: 1px solid #a3a3a3; font-weight: bold; background-color: transparent; background-image: url(../Imagenes/Template/input-fondo-text.gif); background-repeat: repeat; background-position: left top; /**/ } .formEmail { font-weight: bold; } .formEntero { font-weight: bold; background-color: #fff; border: 1px solid #ccc; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; } .formEnum { font-weight: bold; } .formFecha { font-weight: bold; } .formPassword { font-weight: bold; } .formSelectormultiple { /* padding-left:5px; padding-top: 4px; border: 1px solid #a3a3a3; background: transparent url('../Imagenes/template/input-fondo-largo.gif') repeat-x top left; font-weight: bold;/**/ } .formTextArea { font-weight: bold; font-family: Arial, Helvetica, sans-serif; } .formTexto { font-weight: bold; } .formTextoResaltado { font-weight: bold; } .formUrl { font-weight: bold; } .formTelefono { font-weight: bold; } .formValor { font-weight: bold; } .FieldErr { border: 1px solid #cc0000!important; background-image: inherit; } form .fecha { background-image: url(../Imagenes/Template/fecha.png) !important; background-repeat: no-repeat !important; background-position: right center !important; } /* * Estilos de campos y formularios */ .formulario { } .formulario .campo { margin-right: 20px; float: left; margin-bottom: 10px; } .formulario .texto { background-color: #FFF; border: solid 1px #ADAFB2; border-radius: 6px; font-size: 12px; padding: 1px 3px; background-image: url(../img/input-texto.jpg); background-repeat: repeat-x; background-position: bottom; } .formulario .areadetexto { background-color: #FFF; border: solid 1px #ADAFB2; border-radius: 6px; font-size: 12px; padding: 8px; background-image: url(../img/input-areadetexto.jpg); background-repeat: repeat-x; background-position: bottom; font-family: 'mregular'; } .formulario .selector { background-color: #FFF; border: solid 1px #ADAFB2; border-radius: 6px; font-size: 12px; padding: 1px 3px; background-image: url(../img/input-texto.jpg); background-repeat: repeat-x; background-position: bottom; } .formulario .campo label { font-size: 12px; color: #565656; display: block; } .formulario .botones { clear: both; overflow: hidden; margin-top: 15px; } .formulario .botones .boton { float: right; margin-left: 8px; } .formulario.panel { background-image: url(../img/formulario-fondopanel.jpg); background-repeat: repeat-x; background-position: top; padding: 20px; padding-top: 0px; } .formulario h2 { position: relative; margin-left: -30px; margin-bottom: 10px; margin-top: 10px; } .formulario .campo .selfecha { background-image: url(../img/icono-fecha.png); display: block; height: 20px; width: 21px; float: left; margin-left: 2px; } .formulario .campo .inputfecha { float: left; margin-top: 1px; } .agregar-archivo { display: block; overflow: hidden; margin-right: 8px; } .agregar-archivo a { float: right; display: block; padding: 5px; background-color: #e0e462; color: #004724; border-radius: 5px; } .agregar-archivo a:hover { text-decoration: none; background-color: #E8EA86; } .quitar-archivo { display: block; overflow: hidden; margin-right: 8px; margin-top: 15px; } .quitar-archivo a { float: right; display: block; padding: 5px; background-color: #CC0000; color: #fff !important; border-radius: 5px; } .quitar-archivo a:hover { text-decoration: none; background-color: #BF0000; } /* * inicio: Reportes */ .reporte { } .reporte div.listado-reporte { clear: both; margin-top: 6px; float: left; width: 100% } .reporte div.titulo-reporte h3 { color: #fff } .reporte div.contenido-reporte { padding: 10px 0; padding-top: 0px; } .reporte div.contenido-reporte .tabla-reporte { width: 100%; margin: 0 auto; } .reporte div.contenido-reporte .tabla-reporte td { padding: 5px; } .reporte div.contenido-reporte .tabla-reporte .fila-titulos { background-color: #dddddd; height: 27px; } .reporte div.contenido-reporte .tabla-reporte .fila-titulos td { text-align: center; } .reporte div.contenido-reporte .tabla-reporte .fila-titulos td span { display: block; padding: 5px 0 5px 0; font-size: 13px; } .reporte div.contenido-reporte .tabla-reporte .fila-titulos td div { float: right; margin: 12px 20px 0 0 } .reporte div.contenido-reporte .tabla-reporte .fila-titulos td a { width: 9px; height: 5px; } .reporte div.contenido-reporte .tabla-reporte .fila-contenido { } .reporte div.contenido-reporte .tabla-reporte .fila-totales { background-color: #FFFF99; } .reporte div.contenido-reporte .tabla-reporte .fila-totales td { text-align: center; color: #333; font-weight: bold; padding: 5px; font-size: 12px; } .reporte div.contenido-reporte .tabla-reporte .fila-contenido { cursor: pointer; } .reporte div.contenido-reporte .tabla-reporte .fila-contenido .azul { cursor:pointer; background-color:#f3fafd } .reporte div.contenido-reporte .tabla-reporte .fila-contenido.error { background:none; background-color:#DB7B7B !important;} .reporte div.contenido-reporte .tabla-reporte .fila-contenido.suspendido { background:none; background-color:#97D871 !important;} .reporte div.contenido-reporte .tabla-reporte .fila-contenido.cancelado { background:none; background-color:#59AFCE !important;} .reporte div.contenido-reporte .tabla-reporte .fila-contenido .azul { cursor: pointer; background-color: #f3fafd } .reporte div.contenido-reporte .tabla-reporte .fila-contenido td { font-size: 12px; text-align: center; border-bottom: 1px dotted #dfdfdf; border-right: dotted 1px #CCC; } .reporte div.contenido-reporte .tabla-reporte .fila-contenido td.error { background-color: #ff0000; color: #fff; } .reporte div.contenido-reporte .tabla-reporte .fila-contenido td span { display: block; padding: 3px 0 3px 0 } .reporte div.contenido-reporte .tabla-reporte td.order span { padding: 0 !important; margin: auto; margin: auto; cursor: move !important; } .reporte div.contenido-reporte .tabla-reporte .fila-contenido:hover { background-color: #cde3e6 !important; } .reporte div.contenido-reporte .tabla-reporte .fila-contenido .link-adjunto:hover { text-decoration: underline; color: blue; font-weight: bold; } .reporte div.contenido-reporte .tabla-reporte .seleccionada { cursor: pointer;background-color: #cde3e6 !important; } .reporte div.contenido-reporte .tabla-reporte .seleccionada .azul { cursor: pointer; } .reporte div.contenido-reporte .tabla-reporte .seleccionada td { font-size: 12px; text-align: center; border-bottom: 1px dotted #dfdfdf; } .reporte div.contenido-reporte .tabla-reporte .seleccionada td span { display: block; padding: 3px 0 3px 0 } .reporte div.contenido-reporte .tabla-reporte .seleccionada:hover { background-image: url(../Imagenes/Template/fondo-reporte-item-sel.png); background-repeat: repeat-x; background-position: top; background-color: #cde3e6 !important; } .reporte h1 { margin: 5px 0 0 0; float: left;font: normal normal 22px/22px 'semi',Arial;text-transform: uppercase; color: #000; } .reporte div.informacion { clear: both; overflow: hidden; margin-bottom: 15px; } .reporte div.informacion div.nro-clientes { float: left; } .reporte div.informacion div.nro-clientes p { font-weight: normal; font-size: 12px; } .reporte div.informacion div.nro-clientes em { color: #35969f } .reporte div.informacion div.paginador-listado { float: right; width: 240px; padding-right: 10px; } .reporte div.informacion div.paginador-listado li { margin-right: 0px; float: left } .reporte div.informacion div.paginador-listado li a { display: block; text-decoration: underline; color: #35969f; font-weight: bold; min-width: 18px; text-align: center; margin-right: 3px } .reporte div.informacion div.paginador-listado li a.activo, div.informacion div.paginador-listado li a.numero:hover { background: transparent url('../Imagenes/Template/fondo-link-paginador.gif') no-repeat top left; color: white; text-decoration: none; } .reporte div.informacion div.paginador-listado p { float: left; font-weight: bold; margin-right: 10px } .reporte .cabecera-reporte { border-radius: 5px 5px 0px 0px;background-color: #ae281e; overflow: hidden; } .reporte .flechas-ordenamiento { float: right; } .reporte #Menu-secundario { clear: both; padding-bottom: 0px; float: right;overflow: hidden; } .reporte #Menu-secundario ul { margin: 0; padding: 0; list-style-type: none; } .reporte #Menu-secundario ul li { float: left; } .reporte #Menu-secundario ul li a { padding: 12px 20px;display: block; font: normal normal 14px/16px 'regular',Arial;color: #FFF; } .reporte #Menu-secundario ul li a:hover { color: #F78F2F; border-radius: 0px; } .reporte #Menu-secundario ul li img { padding-right: 5px; vertical-align: text-top; margin-top: -5px; height: 22px; } .reporte #Menu-opciones { clear: both; float: right; margin-bottom: 5px; margin-left: 10px; overflow: hidden; } .reporte #Menu-opciones ul { } .reporte #Menu-opciones ul li { color: #6a6a6a; float: left; color: transparent; padding: 0; padding-left: 2px; padding-right: 2px; } .reporte #Menu-opciones ul li a { padding: 5px 5px;float: left; font: normal normal 14px/20px 'regular',Arial;color: #666; } .reporte #Menu-opciones ul li a[title~=Nuevo] { padding: 5px 20px;background-color:#ae281e;;font: normal normal 14px/22px 'regular',Arial;color: #FFF; border-radius: 5px 5px 5px 5px; } .reporte #Menu-opciones ul li a[title~=Nuevo] i { margin: 0 5px 0 0;float: left;font-size: 20px; } .reporte #Menu-opciones ul li a[title~=Nuevo]:hover { background-color: #ae281e;color: #FFF; } .reporte #Menu-opciones ul li a[title~=Nueva] { padding: 5px 20px;background-color:#ae281e;;font: normal normal 14px/22px 'regular',Arial;color: #FFF; border-radius: 5px 5px 5px 5px; } .reporte #Menu-opciones ul li a[title~=Nueva] i { margin: 0 5px 0 0;float: left;font-size: 20px; } .reporte #Menu-opciones ul li a[title~=Nueva]:hover { background-color: #ae281e;color: #FFF; } .reporte #Menu-opciones ul li a:hover { color: #010101 } .reporte #Menu-opciones ul li img { padding-right: 5px;float: left;vertical-align: text-top; } .reporte .paginacion { float: right; margin-right: 5px; } /* |-------------------------------------------------- |4- inicio: Tablas |-------------------------------------------------- */ #busqueda { width: 650px; display: none; } .tabla-tipo1 .arriba-izquierda { width: 4px; background-image: url(../Imagenes/Marcos/tabla1-arriba-izquierda.gif); background-repeat: no-repeat; background-position: right top; height: 25px; } .tabla-tipo1 .celda-cerrar { width: 20px; text-align: right; } .tabla-tipo1 .arriba { background-image: url(../Imagenes/Marcos/tabla1-arriba.gif); background-position: top; height: 25px; } .tabla-tipo1 .arriba-derecha { background-image: url(../Imagenes/Marcos/tabla1-arriba-derecha.gif); background-repeat: no-repeat; background-position: left top; width: 4px; height: 25px; } .tabla-tipo1 .celda-titulo { color: #FFFFFF; } .tabla-tipo1 .celda-cerrar { cursor: pointer; } .tabla-tipo1 .celda-cerrar img { } .tabla-tipo1 .izquierda { background-image: url(../Imagenes/Marcos/tabla1-izquierda.gif); background-repeat: repeat-y; width: 4px; } .tabla-tipo1 .derecha { background-image: url(../Imagenes/Marcos/tabla1-derecha.gif); background-repeat: repeat-y; } .tabla-tipo1 .abajo-izquierda { background-image: url(../Imagenes/Marcos/tabla1-abajo-izquierda.gif); background-repeat: no-repeat; background-position: right top; } .tabla-tipo1 .abajo { background-image: url(../Imagenes/Marcos/tabla1-abajo.gif); background-repeat: repeat-x; background-position: top; } .tabla-tipo1 .abajo-derecha { background-image: url(../Imagenes/Marcos/tabla1-abajo-derecha.gif); background-repeat: no-repeat; background-position: left top; } /* | |-------------------------------------------------- |5- inicio: Mensajes |-------------------------------------------------- */ .mensaje-error { background-color: #CC0000; background-image: -moz-linear-gradient(center bottom, #CC0000 15%, #CC0000 58%, #FF0404 79%); color: #fff; border: 1px solid #363232; } .mensaje-confirmacion { background-color: #ffd000; background-image: -moz-linear-gradient(center bottom, #FFD000 15%, #FFDD00 58%, #FFE600 79%); color: #000000; border: 1px solid #E0BC00; } #mensaje p { text-align: center; text-align: center; font-weight: bold; font-size: 15px; } #mensaje { position: absolute; top: 5px; right: 5px; background-position: 0 0; border-radius: 2px 2px 2px 2px !important; box-shadow: 0 2px 5px #AAAAAA; padding: 14px; width: 300px; z-index: 1000; } #mensajeestado { display: none; margin-right: 10px; background-color: #FC0; font-size: 12px; padding: 5px; -moz-border-radius: 5px; position: fixed; top: 10px; right: 10px; font-weight: bold; border: solid 1px #333; z-index: 100000000; } h2 { color: #505050 } h2 em { color: #000 } /**************************/ /* fin: Mensajes */ /* inicio: Autocompletar ***********************************/ .yui-skin-sam .input { position: static; width: 20em; vertical-align: middle; } .yui-skin-sam .yui-ac-container { width: 20em; left: 0px; } .componente-autocompletar { z-index: 9001; } .componente-autocompletar .input-autocompletar { float: left; } .componente-autocompletar .boton-autocompletar { float: right; } .yui-ac .yui-button { vertical-align: middle; } .yui-ac .yui-button button { background: url(../Imagenes/Template/ac-arrow-rt.png) center center no-repeat } .yui-ac .open .yui-button button { background: url(../Imagenes/Template/ac-arrow-dn.png) center center no-repeat } /**************************/ /* fin: Autocompletar */ .c_formulario { width: 990px; margin: auto; background-color: #F0EFED; overflow: hidden; } .c_formulario .tabs { background-color: #FFF; overflow: hidden; } .c_formulario .tabs ul { float: left; } .c_formulario .tabs ul li { margin: 0 5px 0 0; float: left; background: #F03838; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; } .c_formulario .tabs ul li.activo { background: #B8292F; } .c_formulario .tabs ul li a { padding: 10px 10px 20px 10px; display: block; font: normal normal 18px/18px Arial; color: #FFF; } .c_formulario .tabs ul li.activo a { font: bold normal 18px/18px Arial; } .c_formulario .tabs ul li a i { font-size: 20px; } .c_formulario .tabs ul li a:hover { text-decoration: none; } .c_formulario .tabs-contenido { width: 100%; margin: 0px 0 0 0;/*position: absolute;*/ } .c_formulario .tab { padding: 0px; } /*TAB 1*/ .c_formulario .tab.tab1 { height: auto; } .c_formulario .tab.tab2 { } .c_formulario .tab.tab3 { } .c_formulario .tab.tab4 { } .c_formulario .botoncorto { margin-left: 0px; font-weight: bold; height: auto; width: auto; padding: 2px 5px; display: block; float: left; cursor: pointer; margin: 0px 5px; background-image : none; background-color: #D58400; border-radius: 5px; } .c_formulario .tablaformulario { border-collapse: collapse; width: 80% } .c_formulario td { padding-right: 15px; } .c_formulario .etiquetas { text-align: left; padding-left: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 150px; padding-right: 15px; } .c_formulario .colboton { text-align: center; } .c_formulario .tabla-formulario-movimiento { border-collapse: collapse; } .c_formulario .titulo { color: #008CC4; font-weight: bold; font-size: 20px; margin-left: 8px; } .c_formulario .subtitulo { color: #000; font-weight: bold; font-size: 12px; margin-left: 8px; } .c_formulario fieldset { clear: both; } .c_formulario .contenedor-campo { padding: 10px 10px; margin: 10px 0; float: left; display: inline; } .c_formulario .inner_l { width: 720px; padding: 0 0 0 10px; float: left; } .c_formulario .inner_l .mce-tinymce { width: 730px !important; } .c_formulario .inner_r { width: 242px; margin: 0; float: right; } .c_formulario .inner_r .c_opt { padding: 5px; position: absolute; top: 20px; overflow: hidden; } .c_formulario .inner_r .c_opt a { padding: 0 15px; float: left; display: block; font: bold normal 14px/18px Arial; color: #333; text-align: center; } .c_formulario .inner_r .c_opt a:hover { background-color: #EAEAEA; } .c_formulario .inner_r .c_opt a + a { border-left: 2px solid #A4A4A4; box-shadow: -2px 0 0 0 #CED0D2; } .c_formulario .inner_r .c_opt a i { display: block; font-size: 40px; } .c_formulario .inner_r .c_opt a:nth-child(1) i { color: #F03838; } .c_formulario .inner_r .c_opt a:nth-child(2) i { color: #FF6100; } .c_formulario .inner_r .c_opt a:nth-child(3) i { color: #BED630; } .c_formulario .inner_r h4 { padding: 10px 5px; margin: 20px 0 0 0; font: bold normal 16px/16px Arial; color: #FFF; background-color: #FF6100; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .c_formulario .inner_r h4 i { margin: 0 5px; font-size: 16px; } .c_formulario .inner_r .c_config { padding: 10px 5px; margin: 0; background-color: #FFF; overflow: hidden; } .c_formulario .inner_r .c_config .contenedor-campo { } .c_formulario .inner_r .c_config .contenedor-campo.tipo2 { margin: 10px 0; } .c_formulario .inner_r .c_config .contenedor-campo .formTexto { width: 200px; } .c_formulario .inner_r .c_config .contenedor-campo .formDesplegable { width: 210px; } .c_formulario .contenedor-campo22 { padding-top: 10px; padding-bottom: 5px; padding-right: 45px; float: left; display: inline; } .c_formulario .contenedor-campo33 { padding-top: 5px; padding-bottom: 5px; padding-right: 5px; padding-left: 45px; float: left; display: inline; } .c_formulario .contenedor-campo44 { padding-top: 6px; padding-bottom: 5px; padding-right: 0px; float: left; display: inline; } .c_formulario .contenedor-error { padding-top: 20px; padding-right: 30px } .c_formulario .contenedor-boton { padding: 10px; float: right; display: block; text-align: right; } .c_formulario .contenedor-boton input { padding: 8px 22px; font: normal normal 15px/15px 'regular', Arial; color: #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #FFF; } .c_formulario .contenedor-boton input:hover { cursor: pointer; } .c_formulario .contenedor-boton input[name="boton_principal"] { margin: 0px; background-color: #BED630; } .c_formulario .contenedor-boton input[name="boton_cancelar"] { margin: 0 10px 0 0; float: left; background-color: #58595B; } .c_formulario label { font: normal normal 14px/14px 'regular', Arial; color: #565759; font-weight: normal; display: block; font-size: 12px; padding-bottom: 5px; } .c_formulario label.tipo2 { margin: 0 0 0 5px; float: right; font: normal normal 14px/14px 'regular', Arial; color: #565759; } .c_formulario select { } .c_formulario select option { } .c_formulario input[type="text"], input[type="password"] { background-color: #FFF; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .c_formulario .contenedor-campo .formTexto { width: 235px; padding: 5px; background-color: #FFF; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid #CCC; } .c_formulario .contenedor-campo .formDesplegable { width: 235px; padding: 0px; background-color: #FFF; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 0px solid #CCC; } .c_formulario .contenedor-campo .formDesplegable .selectric { background-color: #FFF; } .c_formulario .contenedor-campo .formDesplegable .selectric .label { padding: 5px; min-height: 15px; margin: 0 30px 0 0; display: block; font: normal normal 12px/16px Arial; overflow: hidden; white-space: nowrap; } .c_formulario .contenedor-campo .formDesplegable .selectric .button:after { border-color: #333 rgba(0, 0, 0, 0) -moz-use-text-color; border-width: 6px 4px medium; } .c_formulario .contenedor-campo .formFecha { width: 135px; padding: 5px; background-color: #FFF; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid #CCC; } .c_formulario textarea { /* width:420px; height:80px; padding:8px; font-family:Arial, Helvetica, sans-serif; font-size:12px; border: 1px solid #a3a3a3; background: transparent url('../Imagenes/Template/input-fondo-largo.gif') repeat-x top left; font-weight: bold; /**/ } .c_formulario .contenedor-grid { padding-left: 17px; } .c_formulario p { padding-top: 0px; } .c_formulario .fieldset { margin: 0px 0; overflow: hidden; position: relative; } .c_formulario .legend { display: block; margin-top: -29px; font-size: 14px; font-weight: bold; margin-top: 0px; } .c_formulario .campo-error { display: block; } .c_formulario .campo-error br { display: none; } #form-busqueda { } #form-busqueda .contenedor-campo { height: auto;padding: 5px;float: left;display: inline; } #form-busqueda .contenedor-campo label { padding: 0px; } #form-busqueda .contenedor-campo .form-control { height: auto;padding: 2px 12px; } #form-busqueda .contenedor-campo .filtro-valor select, .contenedorformulario .contenedor-campo .filtro-valor input, .contenedorformulario .contenedor-campo .filtro-valor span { display: inline-block; } #form-busqueda .contenedor-campo .filtro-valorrango select, .contenedorformulario .contenedor-campo .filtro-valorrango input, .contenedorformulario .contenedor-campo .filtro-valorrango span { display: inline; } #form-busqueda .contenedor-campo .filtro-booleano div { float: left; margin-right: 3px; } #form-busqueda .contenedor-campo .filtro-booleano div img { } #form-busqueda .contenedor-campo .booleano .selectorbool { float: left; margin-right: 10px; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-size: 0.9em; } .ui-dialog-buttonset button { padding: 4px 20px; font: normal normal 13px/16px 'regular',Arial;border: none; box-shadow: 0 1px 0 #333; border-radius: 3px; } body.login { background-image: url(../Imagenes/Template/bg-login.jpg); background-repeat: no-repeat; background-position: 0 0; background-size: auto; } /* |================= |10- inicio: Login |================= */ #panel_nosesion { width: 540px;height: 480px;margin: auto;position: relative;/* overflow: visible;*/ } #panel_nosesion .login { width: 100%; position: absolute; bottom: 50px; } #panel_nosesion .login .c-logo { width: 100%;height: 120px;margin: 20px auto 40px;text-align: center } #panel_nosesion .login .c-logo img { width: 310px;height: 120px;margin: 0px; } #panel_nosesion .login .tabs { height: 55px; border-bottom: 10px solid #CF1B11; } #panel_nosesion .login .tabs ul { padding: 0;margin: 0; } #panel_nosesion .login .tabs ul li { width: 210px;margin-top: 5px;float: left;position: relative;z-index: 1000000; background-color: #57050e; /* background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #57050F),color-stop(0, #3B050E));background-image: -o-linear-gradient(bottom, #57050F 0%, #3B050E 0%);background-image: -moz-linear-gradient(bottom, #57050F 0%, #3B050E 0%);background-image: -webkit-linear-gradient(bottom, #57050F 0%, #3B050E 0%);background-image: -ms-linear-gradient(bottom, #57050F 0%, #3B050E 0%);background-image: linear-gradient(to bottom, #57050F 0%, #3B050E 0%);*/ } #panel_nosesion .login .tabs ul li:after { content: '';width: 0;height: 0;margin: 0 0 0 0; position: absolute;right: -40px;bottom: 0;z-index: 0;border-style: solid;border-width: 40px 0 0 40px;border-color: transparent transparent transparent #57050e; } #panel_nosesion .login .tabs ul li.item1 { margin-right: 20px; -webkit-border-radius: 10px 0 0 0;-moz-border-radius: 10px 0 0 0;border-radius: 10px 0 0 0; } #panel_nosesion .login .tabs ul li a { padding: 10px 0px 10px 10px; display: block;font: bold normal 12px/20px Arial;text-align: left;text-decoration: none; color: #FFF; } #panel_nosesion .login .tabs ul li a i { margin: 0 5px; float: left; font-size: 16px; } #panel_nosesion .login .tabs ul li a:hover, #panel_nosesion .login .tabs ul li.activo:hover a { text-decoration: none;color: #FFF; } #panel_nosesion .login .tabs ul li:hover, #panel_nosesion .login .tabs ul li.activo:hover { } #panel_nosesion .login .tabs ul li.activo { margin-top: 0;background-color: #CF1B11 } #panel_nosesion .login .tabs ul li.activo:after { content: '';width: 0;height: 0;margin: 0 0 0 0; position: absolute;right: -45px;bottom: 0;z-index: 100;border-style: solid;border-width: 45px 0 0 45px;border-color: transparent transparent transparent #CF1B11; } #panel_nosesion .login .tabs ul li.activo a { line-height: 25px;color: #FFF;background: url(../Imagenes/Template/bg-activetab.png) no-repeat 6px 4px; } #panel_nosesion .login .tabs ul li.activo a i { line-height: 25px; } #panel_nosesion .login .tabs-contenido { width: 100%; margin: 0px 0 0 0;/*position: absolute;*/background: #FFF;-webkit-border-radius: 0 0 10px 10px;-moz-border-radius: 0 0 10px 10px;border-radius: 0 0 10px 10px;box-shadow: 1px 2px 10px #000; } #panel_nosesion .login .tab { } /*TAB - login*/ #panel_nosesion .login .tab.tab1 { height: 240px; position: relative; } #panel_nosesion .login .tab.tab1 form { width: 430px; padding: 15px 0;margin: 0px auto; } #panel_nosesion .login .tab.tab1 form h1 { font-size: 14px; color: #333; padding-top: 10px; padding-bottom: 10px; } #panel_nosesion .login .tab.tab1 form .campo { padding: 10px 0; text-align: center; } #panel_nosesion .login .tab.tab1 form .campo label { padding: 0 0 0 0px; margin: 5px 0 5px 0px; display: block;font: normal normal 16px/16px 'regular',Arial;color: #231f20;text-align: left; border: none; } #panel_nosesion .login .tab.tab1 form .campo label i { margin: 0 5px 0 0; float: left; } #panel_nosesion .login .tab.tab1 form .campo input { padding: 8px 5px;background: #FFF;background-image: none; -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px; border: 1px solid #CCC; } #panel_nosesion .login .tab.tab1 form .c-btn { float: right;position: relative; } #panel_nosesion .login .tab.tab1 form .c-btn .btn-default { padding: 4px 26px;margin: 10px 0;background-color: rgba(35,31,32,0.7);font: normal normal 15px/18px 'regular',Arial; color: #FFF;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; } #panel_nosesion .login .tab.tab1 form .c-btn .btn-default:hover { background-color: #000; } /*TAB - re*/ #panel_nosesion .login .tab.tab2 { height: 240px; position: relative; } #panel_nosesion .login .tab.tab2 form { width: 498px;padding: 10px 0;margin: 0px auto;position: relative;overflow: hidden; } #panel_nosesion .login .tab.tab2 form h1 { font-size: 14px; color: #FFF; padding-top: 10px; padding-bottom: 10px; } #panel_nosesion .login .tab.tab2 form .contenedor-campo { margin: 10px; float: none;text-align: center;overflow: hidden; } #panel_nosesion .login .tab.tab2 form .contenedor-campo label { padding: 0 0 0 0px; margin: 5px 0 5px 0px; display: block;font: normal normal 16px/16px 'regular',Arial;color: #231f20;text-align: left; border: none; } #panel_nosesion .login .tab.tab2 form .contenedor-campo label i { margin: 0 5px 0 0;float: left;font-size: 14px; } #panel_nosesion .login .tab.tab2 form .contenedor-campo input { padding: 8px 5px;float: left; background: transparent; background-color: #FFF; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; border: 1px solid #CCC; } #panel_nosesion .login .tab.tab2 form .contenedor-campo.capcha { float: left; } #panel_nosesion .login .tab.tab2 form .contenedor-campo.capcha label { padding: 0 0 0 10px; margin: 5px 0 5px 0px; display: block; font: normal normal 14px/16px 'regular',Arial; color: #333; text-align: left; border: none; } #panel_nosesion .login .tab.tab2 form .contenedor-campo.capcha .ayuda { margin: 5px 0 5px 0px;display: block;clear: both; font: normal normal 14px/16px 'regular',Arial; color: #333; text-align: left; border: none; } #panel_nosesion .login .tab.tab2 form .contenedor-campo.capcha label i { margin: 0 5px 0 0;float: left;font-size: 14px; } #panel_nosesion .login .tab.tab2 form .contenedor-campo.capcha .img-capcha { float: left; } #panel_nosesion .login .tab.tab2 form .contenedor-campo.capcha .campo-campcha { } #panel_nosesion .login .tab.tab2 form .contenedor-campo.capcha .campo-campcha input { width: 100px;height: 44px;margin: 5px 0 0 0;font: normal normal 28px/40px 'semi',Arial;text-align: center; } #panel_nosesion .login .tab.tab2 form .c-btn { position: absolute;right: 10px;bottom: 0; } #panel_nosesion .login .tab.tab2 form .c-btn .btn-default { padding: 4px 26px;margin: 10px 0;background-color: rgba(35,31,32,0.7);font: normal normal 15px/18px 'regular',Arial; color: #FFF;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; } #panel_nosesion .login .tab.tab2 form .c-btn .btn-default:hover { background: #000; } #header { width: 100%;height: 150px;padding: 0 0 0px 0;position: relative; background-image: url(../Imagenes/Template/bg-header.jpg); background-repeat: no-repeat; background-position: 0 0; background-size: auto; } #header > .content { width: 990px;margin: auto;height: 104px; } #header .content .c-logo { width: 260px;height: 100%; padding: 0px 0;float: left; } #header .content .c-logo img { width: 200px;height: 74px; margin: 10px; } #header .content .c-info { width: 730px;height: 100%; padding: 0px;float: left;position: relative; } #header .content .c-info .option-bar { width: 100%;padding: 0 6px 6px 6px;margin: 0 0;float: left;background: rgba(0,0,0,0.2);border-radius: 0 0 5px 5px; } #header .content .c-info .option-user { padding: 0px;margin: 0;float: left;text-align: right; } #header .content .c-info .option-user li { margin: 0 1px 0 0;float: left; } #header .content .c-info .option-user li a { padding: 8px 10px 8px 10px;display: block;font: normal normal 12px/24px 'semi',Arial;color: #333;text-align: center; text-decoration: none; background: rgba(255,255,255,0.9);box-shadow: 0px 1px 2px #000; border-radius: 0 0 2px 2px; } #header .content .c-info .option-user li a:hover { color: #000;background: rgba(255,255,255,1.0); } #header .content .c-info .option-user li a i { margin: 0;float: none;display: block; font-size: 24px } #header .content .c-info .sesion h4 { font: normal normal 18px/20px 'bold',Arial;text-align: left;text-transform: uppercase;border-bottom: 1px solid #000; color: #000; } #header .content .c-info .data-session { width: 240px;padding: 0 0 0 5px;margin: 0;float: right;text-align: right; } #header .content .c-info .data-session li { float: none;clear: both } #header .content .c-info .data-session li:nth-child(1) span { margin: 3px 0; font: normal normal 14px/14px 'semi',Arial;color: #000; } #header .content .c-info .data-session li:nth-child(1) i { margin: 2px 0 2px 4px;float: right; font-size: 14px;color: #000; } #header .content .c-info .data-session li:nth-child(2) span { padding: 3px 10px;margin: 0px;display:inline-block;font: normal normal 12px/14px 'semi',Arial;text-align: center;color: #FFF;background-color: #333; border-radius: 3px;} #header .c-menu { width: 100%;margin: 0px;position: absolute;bottom: 0;background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #57050F),color-stop(0, #3B050E));background-image: -o-linear-gradient(bottom, #57050F 0%, #3B050E 0%);background-image: -moz-linear-gradient(bottom, #57050F 0%, #3B050E 0%);background-image: -webkit-linear-gradient(bottom, #57050F 0%, #3B050E 0%);background-image: -ms-linear-gradient(bottom, #57050F 0%, #3B050E 0%);background-image: linear-gradient(to bottom, #57050F 0%, #3B050E 0%); } #header .c-menu .content { width: 990px;margin: 0 auto; } #header .menu { margin: 0; float: left; } #header .menu li { margin-right: 3px; } #header .menu li.jdm_active a { background-color: rgba(102,5,14,0.7);; } #header .menu li a { padding: 10px 16px; display: block;font: normal normal 16px/26px 'semi',Arial;color: #FFF; } #header .menu li a:hover { color: #FFF;background-color: rgba(102,5,14,0.7); } #header .menu li .submenu { padding-bottom: 5px;background-color: rgba(41,5,14,0.9);border-radius: 0px 0px 5px 5px; } #header .menu li .submenu img.icono { float: left; margin-right: 5px; } #header .menu li .submenu span { display: block-inline; font-size: 13px; font-weight: normal; } #header .menu li .submenu li { margin: 0; padding: 0; float: none; overflow: hidden; background: none; border-bottom: solid 0px #006F9D; border-radius: none !important; } #header .menu li .submenu li a { padding: 10px 10px;background: none;border-radius: 0; font: normal normal 14px/18px 'regular',Arial;border-bottom: dotted 1px #fddea5; } #header .menu li .submenu li:last-child a { border-bottom: none; } #header .menu li .submenu li a:hover { background-color: rgba(102,5,14,0.7); background-image: none !important; } #header .menu li.nodo { width: 190px; } #header .infousuario { float: right; width: 370px; padding-right: 10px; text-align: right; margin-top: 1px; } #header .infousuario h4 { margin: 0; font-size: 10px; color: #CCC; } #header .infousuario h4.usuario { margin-top: 2px; padding-right: 5px; font-size: 10px; color: #CCC; } #header .infousuario span.nick { padding-left: 10px; color: #FFF; font-size: 12px; font-weight: bold; text-transform: capitalize; background-image: url(../Imagenes/Template/icono-admin.png); background-repeat: no-repeat; background-position: center left; } #footer { width: 100%;height: 60px; padding: 10px 0 10px 0; margin: 0px 0; border-bottom: 0px solid #333; overflow: hidden;bottom:0;left:0;background-color: #F2F2F2; } #footer .content { width: 990px;padding: 0 0; margin: 0px auto 0;position: relative; } #footer .content .c-info { width: 600px; padding: 0 0; margin: 10px 0; float: left; text-align: left; overflow: hidden; } #footer .content .c-info p { margin: 0;font: normal normal 14px/20px 'regular',Arial; color: #535353; } #footer .content .c-poweredby { width: 30%; position: absolute;right: 0; text-align: right; } #footer .content .c-poweredby span { display: block;font: normal normal 10px/12px Arial; color: #535353; } #footer .content .c-poweredby a img { height: 30px; } #footer .content .c-poweredby a { display: block; } #principal { width: 100%;min-height:100%;position:relative; } #contenido { width: 990px;padding: 0px; margin: 40px auto 0px;padding-bottom: 80px; } #contenido.large { width: 80%;padding-bottom: 80px;display: table; } #contenido.x-large { width: 90%; } #panel_sesion { } #panel_sesion .index { width: auto;min-height: 500px;margin: auto; } #panel_sesion .index .item.item_op3 { ; } #panel_sesion .index .item.item_op3 h4 { } #panel_sesion .index .item.item_op3 .bloq_inner ul { } #panel_sesion .index .item.item_op3 .bloq_inner ul li { } #panel_sesion .index .item.item_op3 .bloq_inner ul li a { padding: 0px 0 0px 18px; margin: 10px 0; } #panel_sesion .index .item.item_op3 .bloq_inner ul li a i { margin: 0 0 0 -22px; position: absolute; } #panel_sesion .index .item.item_op3 .bloq_inner .enlace_item { background-color: #3BA1F3; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #panel_sesion .index .item.item_op3 .bloq_inner .enlace_item:hover { background-color: #0F88EC; } #panel_sesion .c-tools { margin: 20px 0 0; overflow: hidden; } #panel_sesion .c-tools h4 { width: 990px;margin: 10px auto;font: bold normal 18px/18px 'regular',Arial;text-align: left;text-transform:uppercase;color: #000; } #panel_sesion .c-tools .content { width: auto; padding: 20px 0;background: #F1F2F2;overflow: hidden; } #panel_sesion .c-tools .content ul { width: 990px; margin: auto; } #panel_sesion .c-tools .content ul li { width: 31.0%;height: 80px; padding: 10px 10px 10px 10px;float: left; } #panel_sesion .c-tools .content ul li:first-child { border-left: none; } #panel_sesion .c-tools .content ul li:nth-child(3) { box-shadow: none; } #panel_sesion .c-tools .content ul li a { display: block; text-decoration: none; } #panel_sesion .c-tools .content ul li a img { padding: 5px;float: left; display: block; } #panel_sesion .c-tools .content ul li a .c-info { width: auto; padding: 10px 0; display: block; } #panel_sesion .c-tools .content ul li a .c-info p:nth-child(1) { display: block; font: bold normal 16px/20px Arial; color: #000; } #panel_sesion .c-tools .content ul li a .c-info ps:nth-child(2) { display: block;font: normal normal 13px/16px Arial;color: #565759;overflow: hidden; } /*#panel_sesion .index { width: 990px; margin: auto; overflow: hidden; } #panel_sesion .index .item { width: 32.38%; min-height: 394px; padding: 0px; margin: 0px; float: left; -webkit-border-radius: 80px 80px 80px 0; -moz-border-radius: 80px 80px 80px 0; border-radius: 80px 80px 80px 0; background-image: url(../Imagenes/Template/logo_bg_item.png); background-repeat: no-repeat; background-position: top right; } #panel_sesion .index .item .c_logo { width: 110px; margin: 20px auto; } #panel_sesion .index .item h4 { width: auto; padding: 5px 5px 5px 20px; margin: 5px 0; font: bold normal 16px/20px Arial; color: #FFF; } #panel_sesion .index .item .bloq_inner { height: 210px; padding: 0 10px; position: relative; overflow: hidden; } #panel_sesion .index .item .bloq_inner ul { padding: 0 0 0 10px; } #panel_sesion .index .item .bloq_inner ul li { margin: 0; } #panel_sesion .index .item .bloq_inner ul li a { padding: 5px 0; display: block; font: normal normal 15px/18px Arial; text-decoration: none; color: #FFF; } #panel_sesion .index .item .bloq_inner .enlace_item { padding: 5px 20px; display: block; position: absolute; bottom: 10px; left: 10px; font: bold normal 15px/18px Arial; text-decoration: none; color: #FFF; } #panel_sesion .index .item.item_op1 { background-color: #9AB91E; } #panel_sesion .index .item.item_op1 h4 { background-color: #6C8408; } #panel_sesion .index .item.item_op1 .bloq_inner ul { } #panel_sesion .index .item.item_op1 .bloq_inner ul li { } #panel_sesion .index .item.item_op1 .bloq_inner ul li a { padding: 0px 0 0px 18px; margin: 10px 0; } #panel_sesion .index .item.item_op1 .bloq_inner ul li a i { margin: 0 0 0 -22px; position: absolute; } #panel_sesion .index .item.item_op1 .bloq_inner .enlace_item { background-color: #6C8408; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #panel_sesion .index .item.item_op1 .bloq_inner .enlace_item:hover { background-color: #5B7106; } #panel_sesion .index .item.item_op2 { margin: 0 14px; background-color: #FF9F00; } #panel_sesion .index .item.item_op2 h4 { background-color: #FF6100; } #panel_sesion .index .item.item_op2 .bloq_inner { } #panel_sesion .index .item.item_op2 .bloq_inner ul { } #panel_sesion .index .item.item_op2 .bloq_inner ul li { margin: 0 0 5px 0; overflow: hidden; } #panel_sesion .index .item.item_op2 .bloq_inner ul li a { display: block; text-decoration: none; } #panel_sesion .index .item.item_op2 .bloq_inner ul li a img { margin: 0 10px 0 0; float: left; background-color: #FFF; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; } #panel_sesion .index .item.item_op2 .bloq_inner ul li a span.c_item { display: block; overflow: hidden; color: #FFF; } #panel_sesion .index .item.item_op2 .bloq_inner ul li a span.c_item .item1 { float: left; font: normal normal 16px/20px Arial; } #panel_sesion .index .item.item_op2 .bloq_inner ul li a span.c_item .item2 { float: right; font: normal normal 10px/10px Arial; } #panel_sesion .index .item.item_op2 .bloq_inner ul li a span.c_item .item3 { width: 80%; float: left; font: normal normal 13px/16px Arial; } #panel_sesion .index .item.item_op2 .bloq_inner .c_info { padding: 10px 0; overflow: hidden; } #panel_sesion .index .item.item_op2 .bloq_inner .c_info a { margin: 0 5px 0 0; float: left; display: block; font: bold normal 12px/24px Arial; color: #FFF; text-decoration: none; } #panel_sesion .index .item.item_op2 .bloq_inner .enlace_item { background-color: #FF6100; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #panel_sesion .index .item.item_op2 .bloq_inner .enlace_item:hover { background-color: #D55000; } #panel_sesion .index .item.item_op2 .bloq_inner .enlace_item.segundo { margin-left:100px; } #panel_sesion .index .item.item_op3 { background-color: #3C5FB1; } #panel_sesion .index .item.item_op3 h4 { background-color: #3BA1F3; } #panel_sesion .index .item.item_op3 .bloq_inner ul { } #panel_sesion .index .item.item_op3 .bloq_inner ul li { } #panel_sesion .index .item.item_op3 .bloq_inner ul li a { padding: 0px 0 0px 18px; margin: 10px 0; } #panel_sesion .index .item.item_op3 .bloq_inner ul li a i { margin: 0 0 0 -22px; position: absolute; } #panel_sesion .index .item.item_op3 .bloq_inner .enlace_item { background-color: #3BA1F3; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #panel_sesion .index .item.item_op3 .bloq_inner .enlace_item:hover { background-color: #0F88EC; } #panel_sesion .bloq2 { margin: 20px 0 0; overflow: hidden; } #panel_sesion .bloq2 h4 { width: 990px; margin: 10px auto; font: bold normal 20px/22px Arial; text-align: left; color: #B8292F; } #panel_sesion .bloq2 .bloq_inner { width: auto; padding: 20px 0; background: #D1223E; overflow: hidden; } #panel_sesion .bloq2 .bloq_inner ul { width: 990px; margin: auto; } #panel_sesion .bloq2 .bloq_inner ul li { width: 31.0%; height: 64px; padding: 10px 0px 10px 20px; float: left; border-left: 2px solid #AC1831; box-shadow: 4px 0 0 0 #F04E23; } #panel_sesion .bloq2 .bloq_inner ul li:first-child { border-left: none; } #panel_sesion .bloq2 .bloq_inner ul li:nth-child(3) { box-shadow: none; } #panel_sesion .bloq2 .bloq_inner ul li a { display: block; text-decoration: none; } #panel_sesion .bloq2 .bloq_inner ul li a img { padding: 5px; float: left; display: block; background-color: #FFF; -webkit-border-radius: 10px; -webkit-border-bottom-left-radius: 0; -moz-border-radius: 10px; -moz-border-radius-bottomleft: 0; border-radius: 10px; border-bottom-left-radius: 0; } #panel_sesion .bloq2 .bloq_inner ul li a .c_info { width: 228px; padding: 10px 0; float: right; display: block; } #panel_sesion .bloq2 .bloq_inner ul li a .c_info span.item1 { display: block; font: bold normal 16px/20px Arial; color: #FFF; } #panel_sesion .bloq2 .bloq_inner ul li a .c_info span.item2 { display: block; font: normal normal 13px/16px Arial; color: #FFF; overflow: hidden; } #panel_usuario { width: 990px; margin: auto; overflow: hidden; } #panel_usuario .inner_l { width: 208px; margin: 0; float: left; } #panel_usuario .inner_l .c_opciones { margin: 0; background-color: #E1E3E5; -webkit-border-radius: 10px 10px 40px 0; -moz-border-radius: 10px 10px 40px 0; border-radius: 10px 10px 40px 0; } #panel_usuario .inner_l .c_opciones .c_info_usuario { margin: 0; } #panel_usuario .inner_l .c_opciones .c_info_usuario img { margin: 0; float: left; } #panel_usuario .inner_l .c_opciones .c_info_usuario div { overflow: hidden; } #panel_usuario .inner_l .c_opciones .c_info_usuario div .item1 { display: block; font: normal normal 18px/18px Arial; color: #000; } #panel_usuario .inner_l .c_opciones .c_info_usuario div .item2 { display: block; font: normal normal 14px/14px Arial; color: #58595B; } #panel_usuario .inner_l .c_opciones ul { } #panel_usuario .inner_l .c_opciones ul li { } #panel_usuario .inner_r { width: 768px; margin: 0; float: left; } #panel_usuario .inner_r .c_content { width: 470px; margin: 0; float: left; }*/ .c-miga { width: 990px; height: auto; margin: 0px auto 10px; } .c-miga .content { height: auto;padding: 8px 10px; background-color: #EAEAEA; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;overflow: hidden; } .c-miga .content a { float: left;font: normal normal 13px/26px Arial; color: #333; } .c-miga .content a:nth-child(1) { float: left; } .c-miga .content a:nth-child(1) i { margin: 0 0 0 10px;font-size: 26px; color: #333; } .c-miga .content span { font: normal normal 13px/26px Arial; color: #333; font-weight: bold; } .c-miga .content i { float: left; font-size: 26px; line-height: 26px; } .c-miga .content .c_opt { margin: 1px; float: right; } .c-miga .content .c_opt a i { margin: 0 5px 0 0; float: left; font-size: 16px; line-height: 12px; } .c-miga .content .c_opt a { padding: 6px 10px; margin: 0 0 0 5px; float: left; display: block; font: normal normal 12px/12px Arial; color: #FFF; background-color: #929497; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .c-miga .miga a { display: inline-block; font: normal normal 12px/22px Arial; color: #211915; } .c-miga .miga span { font: normal normal 12px/22px "regular", Arial; color: #BE631F; } /* *inicio: Reportes */ .reporte { width: 990px; margin: auto; } .reporte .bloq_l { width: 245px; padding: 0px; float: left; background-color: #F03838; -webkit-border-radius: 10px 10px 40px 0; -moz-border-radius: 10px 10px 40px 0; border-radius: 10px 10px 40px 0; } .reporte .bloq_l h2 { padding: 10px; margin: 0px 0; font: bold normal 18px/22px Arial; color: #FFF; background-color: #B8292F; -webkit-border-radius: 10px 10px 0px 0; -moz-border-radius: 10px 10px 0px 0; border-radius: 10px 10px 0px 0; } .reporte .bloq_l ul { padding: 10px; } .reporte .bloq_l ul li { margin: 5px 0; } .reporte .bloq_l ul li a { display: block; color: #FFF; } .reporte .bloq_r { width: 730px; float: right; } .reporte .bloq_r .c_reporte { width: auto; margin: 0; } .reporte .bloq_r .c_reporte .cabecera_reporte { width: auto; height: auto; padding: 0 0px; overflow: hidden; background-color: #FF9F00; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; } .reporte .bloq_r .c_reporte .cabecera_reporte form { } .reporte .bloq_r .c_reporte .cabecera_reporte form .c_campo { padding: 5px; margin: 0px; float: left; } .reporte .bloq_r .c_reporte .cabecera_reporte form .c_campo .formDesplegable { width: 204px; margin: 4px 0; } .reporte .bloq_r .c_reporte .cabecera_reporte form .c_campo .formDesplegable .selectric { background-color: #FFF; -moz-border-radius: 5px; border-radius: 5px; } .reporte .bloq_r .c_reporte .cabecera_reporte form .c_campo .formDesplegable .selectric .label { padding: 5px; min-height: 15px; margin: 0 30px 0 0; display: block; font: normal normal 12px/16px Arial; overflow: hidden; white-space: nowrap; } .reporte .bloq_r .c_reporte .cabecera_reporte form .c_campo .formDesplegable .selectric .button:after { border-color: #FBAE17 rgba(0, 0, 0, 0) -moz-use-text-color; border-width: 8px 6px medium; } .reporte .bloq_r .c_reporte .cabecera_reporte form .c_campo input { padding: 5px; margin: 4px 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .reporte .bloq_r .c_reporte .cabecera_reporte form .c_btn { float: right; } .reporte .bloq_r .c_reporte .cabecera_reporte form .c_btn a { float: left; display: block; font: normal normal 13px/13px Arial; color: #FFF; text-decoration: none; } .reporte .bloq_r .c_reporte .cabecera_reporte form .c_btn a.btn_filtrar { padding: 4px 40px; margin: 12px 10px 0 0; background-color: #FF6100; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #FFF; } .reporte .bloq_r .c_reporte .cabecera_reporte form .c_btn a.btn_mostrar_avanzado { padding: 16px 10px; float: right; background-color: #FF6100; -webkit-border-radius: 0 10px 0 0; -moz-border-radius: 0 10px 0 0; border-radius: 0 10px 0 0; } .reporte .bloq_r .c_reporte .tabla_reporte { width: 100%; } .reporte .bloq_r .c_reporte .tabla_reporte .fila-titulos { background-color: #EAEAEA; height: 27px; } .reporte .bloq_r .c_reporte .tabla_reporte .fila-titulos td { text-align: center; } .reporte .bloq_r .c_reporte .tabla_reporte .fila-titulos td span { display: block; padding: 10px 0; font: normal normal 14px/14px "semi", Arial; color: #000; } .reporte .bloq_r .c_reporte .tabla_reporte .fila-titulos td div { float: right; margin: 12px 20px 0 0 } .reporte .bloq_r .c_reporte .tabla_reporte .fila-titulos td a { width: 9px; height: 5px; } .reporte .bloq_r .c_reporte .tabla_reporte .fila-contenido { } .reporte .bloq_r .c_reporte .tabla_reporte .fila-totales { background-color: #FFFF99; } .reporte .bloq_r .c_reporte .tabla_reporte .fila-totales td { text-align: center; color: #333; font-weight: bold; padding: 5px; font-size: 12px; } .reporte .bloq_r .c_reporte .tabla_reporte .fila-contenido { cursor: pointer; } .reporte .bloq_r .c_reporte .tabla_reporte .fila-contenido .azul { cursor: pointer; background-color: #f3fafd } .reporte .bloq_r .c_reporte .tabla_reporte .fila-contenido td { padding: 5px; border-bottom: 1px dotted #dfdfdf; border-right: dotted 1px #CCC; font: normal normal 13px/16px Arial; } .reporte .bloq_r .c_reporte .tabla_reporte .fila-contenido td:nth-child(1) { width: 374px; } .reporte .bloq_r .c_reporte .tabla_reporte .fila-contenido td:nth-child(2) { width: 90px; } .reporte .bloq_r .c_reporte .tabla_reporte .fila-contenido td.error { background-color: #ff0000; color: #fff; } .reporte .bloq_r .c_reporte .tabla_reporte .fila-contenido td .c_img { padding: 5px; float: left; display: block; } .reporte .bloq_r .c_reporte .tabla_reporte .fila-contenido td .c_data { padding: 5; display: block; float: left; } .reporte .bloq_r .c_reporte .tabla_reporte .fila-contenido td .c_data .c_opt { padding: 0; margin: 4px 0 0 0; display: block; } .reporte .bloq_r .c_reporte .tabla_reporte .fila-contenido td .c_data .c_opt a { padding: 0; display: block; float: left; font: normal normal 13px/18px Arial; color: #000; } .reporte .bloq_r .c_reporte .tabla_reporte .fila-contenido td .c_data .c_opt a:first-child { padding: 0 5px 0 0; margin: 0 5px 0 0; color: #565759; border-right: 1px solid #565759; } .reporte .bloq_r .c_reporte .tabla_reporte .fila-contenido td .c_act { padding: 5; display: block; float: right; } .reporte .bloq_r .c_reporte .tabla_reporte .fila-contenido td .c_act a { padding: 5px 4px; display: block; float: left; font-size: 16px; } .reporte .bloq_r .c_reporte .tabla_reporte .fila-contenido td .c_act a:nth-child(1) { color: #000; } .reporte .bloq_r .c_reporte .tabla_reporte .fila-contenido td .info_item { padding: 0; display: block; font: normal normal 13px/18px Arial; color: #565759; } .reporte .bloq_r .c_reporte .tabla_reporte .fila-contenido td .info_item b { color: #000; } .reporte .bloq_r .c_reporte .tabla_reporte .fila-contenido td .c_act a:nth-child(2) { color: #F03838; } .reporte .bloq_r .c_reporte .tabla_reporte td.order span { padding: 0 !important; margin: auto; margin: auto; cursor: move !important; } .reporte .bloq_r .c_reporte .tabla_reporte .fila-contenido:hover { background: transparent url('../Imagenes/Template/fondo-tr-hover.gif') repeat-x top left; } .reporte .bloq_r .c_reporte .tabla_reporte .seleccionada { cursor: pointer; background-image: url(../Imagenes/Template/fondo-reporte-item-sel.png); background-repeat: repeat-x; background-position: top; background-color: #cde3e6 !important; } .reporte .bloq_r .c_reporte .tabla_reporte .seleccionada .azul { cursor: pointer; } .reporte .bloq_r .c_reporte .tabla_reporte .seleccionada td { font-size: 11px; text-align: center; border-bottom: 1px dotted #dfdfdf; } .reporte .bloq_r .c_reporte .tabla_reporte .seleccionada td span { display: block; padding: 3px 0 3px 0 } .reporte .bloq_r .c_reporte .tabla_reporte .seleccionada:hover { background-image: url(../Imagenes/Template/fondo-reporte-item-sel.png); background-repeat: repeat-x; background-position: top; background-color: #cde3e6 !important; } /* |-------------------------------------------------- | - fin: Reportes |-------------------------------------------------- */ /* |-------------------------------------------------- | - fin: Tablas |-------------------------------------------------- */ .simple #contenido { background: none; } .simple2 #contenido { background: none; background-color: #fff; width: auto; } .seccion { padding: 10px; overflow: hidden; } .largo #principal #contenido { width: auto; margin-right: 15px; margin-left: 15px; } .largo #principal .c-miga { width: auto; margin-left: 15px; margin-right: 15px; } .largo #principal .c_content { width: auto; } .largo #footer .c_content{width: auto;} .largo .reporte {width: auto;} #pie { width: 990px; overflow: hidden; margin: 20px auto 0; } #pie .c-info-legal { width: auto; padding: 10px; margin: 0px; border-top: 2px solid #CCC; } #pie .c-info-legal .info { float: left; ; } #pie .c-info-legal .info p { font: normal normal 12px/14px 'regular', Arial; color: #666; text-align: left; } #pie .c-info-legal .logo { float: right; margin-right: 6px; } div.token-input-dropdown { display: none !important; } div .ui-timepicker-hours { padding-right: 10px!important; } /***CLUETIP ***/ .cluetip-default { background-color: #eee!important; border-radius: 8px; } .cluetip-default h3#cluetip-title { background: #bb0e14 url('../Imagenes/Template/cabecera-reporte.png') !important; margin: 0px !important; padding: 3px 10px !important; font-size: 14px !important; font-weight: bold !important; border-top-left-radius: 8px; border-top-right-radius: 8px; } .cluetip-default #cluetip-inner { padding: 10px !important; font-size: 11px !important; background-color: #fff; border: 1px #0092A9 solid; } /**************************************** * Estilos para las etiquetas en el mapa ****************************************/ .map_label { font-weight: normal; display: inline-block; font-size: 10px; padding: 5px 20px 5px 0px; text-align: justify; width: auto; line-height: 10px; } .map_label2 { font-weight: normal; display: inline-block; font-size: 10px; padding: 3px; text-align: center; width: 30px; line-height: 10px; } .gmap { } .gmap .gmap_campo { float: left; } .gmap .gmap_campo label { } .gmap .gmap_campo .gmap_boton { float: left; } .gmap .gmap_campo .gmap_boton img { margin-left: 5px; cursor: pointer; } .gmap_ventana .gmap_info { display: none; margin-top: 0px; overflow: hidden; } .gmap_ventana .gmap_info div { float: left; padding: 5px; } .gmap_ventana .gmap_info div label { float: left; font-size: 11px; color: #000; margin-right: 3px; } .gmap_ventana .gmap_info div input[type="text"] { float: left; font-size: 12px; } .gmap_ventana .gmap_info .gmap_lat, .gmap_ventana .gmap_info .gmap_lon { width: 140px } .gmap_ventana .gmap_info .gmap_zoom { width: 50px } .gmap_ventana .gmap_info div input[type="button"] { float: left; font-size: 10px; padding: 5px; height: auto; width: auto; margin-left: 5px; } .gmap_ventana .gmap_parametros, .gmap_contenedor .gmap_puntosreferencia { display: none; } .ui-multiselect { padding: 2px 0 2px 4px; text-align: left } .ui-multiselect span.ui-icon { float: right } .ui-multiselect-single .ui-multiselect-checkboxes input { position: absolute !important; top: auto !important; left: -9999px; } .ui-multiselect-single .ui-multiselect-checkboxes label { padding: 5px !important } .ui-multiselect-header { margin-bottom: 3px; padding: 3px 0 3px 4px } .ui-multiselect-header ul { font-size: 0.9em } .ui-multiselect-header ul li { float: left; padding: 0 10px 0 0 } .ui-multiselect-header a { text-decoration: none } .ui-multiselect-header a:hover { text-decoration: underline } .ui-multiselect-header span.ui-icon { float: left } .ui-multiselect-header li.ui-multiselect-close { float: right; text-align: right; padding-right: 0 } .ui-multiselect-menu { display: none; padding: 3px; position: absolute; z-index: 10000; text-align: left } .ui-multiselect-checkboxes { position: relative /* fixes bug in IE6/7 */; overflow-y: scroll } .ui-multiselect-checkboxes label { cursor: default; display: block; border: 1px solid transparent; padding: 3px 1px } .ui-multiselect-checkboxes label input { position: relative; top: 1px } .ui-multiselect-checkboxes li { clear: both; font-size: 0.9em; padding-right: 3px } .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align: center; font-weight: bold; border-bottom: 1px solid } .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display: block; padding: 3px; margin: 1px 0; text-decoration: none } /* remove label borders in IE6 because IE6 does not support transparency */ * html .ui-multiselect-checkboxes label { border: none } .ui-multiselect-hasfilter ul { position: relative; top: 2px } .ui-multiselect-filter { float: left; margin-right: 10px; font-size: 11px } .ui-multiselect-filter input { width: 100px; font-size: 10px; margin-left: 5px; height: 15px; padding: 2px; border: 1px solid #292929; -webkit-appearance: textfield; -webkit-box-sizing: content-box; } /*Configuraci�n de los campos de error del formulario de carga de lugares con un CSV*/ .error-conjunto { background-color: #C4B58B; } .error-campo { background-color: #E75F76; border-color: #FF0000; } .mensaje-advertencia { font-weight: bold; font-size: 14px; margin-top: 10px; color: red; } .eliminar-fila-lugar { height: 20px; cursor: pointer; background-image: url(../Imagenes/Opciones/22x22/delete.png); background-repeat: no-repeat; background-position: center top; background-color: transparent; } .descargar-csv-errores { height: 20px; cursor: pointer; background-image: url(../Imagenes/Opciones/52x52/Csv.png); background-repeat: no-repeat; background-position: center top; background-color: transparent; } #form-imagenes { } #form-imagenes .imagenes { padding: 10px; border-radius: 5px; background-color: #F4F4F4; overflow: hidden; margin-top: 5px; } #form-imagenes .imagenes .imagen { float: left; border: solid 1px #ccc; border-radius: 5px; padding: 5px; margin: 8px; background-color: #fff; } #form-imagenes .imagenes .imagen .imgc { height: 158px; padding-top: 3px; text-align: center; clear: both; } #form-imagenes .imagenes .imagen input { margin-top: 5px; width: 185px; } #form-imagenes .imagenes .imagen .borrar { float: right; display: block; cursor: pointer; float: right; background-image: url(../Imagenes/Template/borrar-peq.png); height: 20px; width: 20px; background-position: top; margin-bottom: 4px; } #form-imagenes .imagenes .imagen .borrar:hover { background-position: bottom; } #form-imagenes .imagenes .imagen .portada { float: left; padding: 2px; border-radius: 5px; background-color: #CCCCCC; color: #fff; cursor: pointer; } #form-imagenes .imagenes .imagen .portada:hover { background-color: #999999; text-decoration: none; } #form-imagenes .imagenes .imagen .portada.selected { background-color: #d58400; } #form-imagenes #cargar-imagen { float: right; margin: 5px; } #form-archivos { } #form-archivos .archivos { padding: 10px; border-radius: 5px; overflow: hidden; margin-top: 5px; } #form-archivos .archivos .archivo input { margin-top: 5px; width: 185px; padding: 3px; } #form-archivos .archivos .archivo .borrar { display: block; cursor: pointer; background-image: url(../Imagenes/Sistema/borrar-peq.png); height: 20px; width: 20px; background-position: top; margin-bottom: 4px; } #form-archivos .archivos .archivo .borrar:hover { background-position: bottom; } #form-archivos .archivos .archivo .portada { float: left; padding: 2px; border-radius: 5px; background-color: #CCCCCC; color: #fff; cursor: pointer; } #form-archivos .archivos .archivo .portada:hover { background-color: #999999; text-decoration: none; } #form-archivos .archivos .archivo .portada.selected { background-color: #d58400; } #form-archivos #cargar-archivo { float: right; margin: 5px; } .tabla-reporte1 { width: 100%; border: 1px #939598 solid; } .tabla-reporte1 thead tr td { background-color: #666666; color: #FFF; text-align: center; padding: 5px; border-right: solid 1px #939598; background-repeat: repeat-x; background-position: bottom; } .tabla-reporte1 thead tr td:last-child { border: none; } .tabla-reporte1 thead tr td .asc { background-image: url(../img/reporte-asc.png); display: inline-block; height: 5px; width: 8px; margin-left: 4px; } .tabla-reporte1 thead tr td .desc { background-image: url(../img/reporte-des.png); display: inline-block; height: 5px; width: 8px; margin-left: 4px; } .tabla-reporte1 tbody tr { border-bottom: dotted 1px #939598; } .tabla-reporte1 tbody tr:hover { background-color: #CCCCCC; background-image: none; } .tabla-reporte1 tbody tr.selected { background-color: #DCECF9; background-image: none; } .tabla-reporte1 tbody tr td { color: #231f20; padding: 6px 4px; font-size: 12px; text-align: center; border-right: dotted 1px #939598; } .tabla-reporte1 tbody tr td a { font-weight: bold; } .tabla-reporte1 tbody tr td:last-child { border: none; } .tabla-reporte1 tbody tr td .opcion { font-weight: normal; } .tabla-reporte1 tbody tr td .opcion span { font-size: 10px; clear: both; display: block; color: #5b5b5f; } .tabla-reporte1 tfoot tr td { background-color: #FFFF99; color: #000; text-align: center; padding: 5px; border-right: solid 1px #939598; background-repeat: repeat-x; background-position: bottom; font-size: 14px; font-weight: bold; } .tabla-reporte1 td .borrar { background-image: url("../Imagenes/Opciones/22x22/Borrar.png"); cursor: pointer; display: block; height: 22px; margin: auto; width: 22px; } #form-busqueda .ui-multiselect { width: 220px !important; } /* |-------------------------------------------------- | - Inicio: Caracter�sticas panel de herramientas |-------------------------------------------------- */ .contenedor-lista-caracteristicas{ margin:10px; } .contenedor-lista-caracteristicas .lista-caracteristicas{float:left; clear:both;} .contenedor-lista-caracteristicas .lista-caracteristicas label{ cursor:pointer;} .contenedor-lista-caracteristicas .lista-caracteristicas label:hover{ color:#000000;} .contenedor-lista-caracteristicas .lista-caracteristicas .caracteristicas{ background-color:#F7F7F7; padding:10px; margin-bottom:10px; border-radius:5px; overflow:hidden; } .contenedor-lista-caracteristicas .lista-caracteristicas .caracteristicas .caracteristica{ clear:both; overflow:hidden; } .contenedor-lista-caracteristicas .lista-caracteristicas .caracteristicas .caracteristica .contenedor-campo{ padding-right:0;} .contenedor-lista-caracteristicas .lista-caracteristicas .caracteristicas .caracteristica .borrar{ display:block; background-image: url(../Imagenes/Sistema/borrar-peq.png); height: 20px; width: 20px; float: left; margin-left: 5px; margin-top: 6px; cursor:pointer; background-position:top; } .contenedor-lista-caracteristicas .lista-caracteristicas .caracteristicas .caracteristica .borrar:hover{ background-position:bottom;} .contenedor-lista-caracteristicas .lista-caracteristicas .agregar-caracteristica{ display:block; padding:5px; background-color:#e0e462; color:#004724; border-radius:5px; text-align: center; font-weight: bold; margin-top:10px; margin-left:55px; float:right; margin-right:10px; cursor:pointer;} .contenedor-lista-caracteristicas .lista-caracteristicas .agregar-caracteristica:hover{ text-decoration:none; background-color:#E8EA86; } #form-FormEstandar #c-items .item .borrar{ display:block; background-image: url(../Imagenes/Sistema/borrar-peq.png); height: 20px; width: 20px; float: left; margin-left: 5px; margin-top: -5px; cursor:pointer; background-position:top; } #form-FormEstandar #c-items .item .borrar:hover{ background-position:bottom;} #form-FormEstandar #v-items .item .borrar{ display:block; background-image: url(../Imagenes/Sistema/borrar-peq.png); height: 20px; width: 20px; float: left; margin-left: 5px; margin-top: -5px; cursor:pointer; background-position:top; } #form-FormEstandar #v-items .item .borrar:hover{ background-position:bottom;} .ui-autocomplete{ width:350px;} .item-bus-producto{ overflow:hidden; padding:4px; cursor:pointer;} .item-bus-producto img{ float:left; width:83px;} .item-bus-producto .info{ float:left;width:226px; margin-left:5px; } .item-bus-producto .info p{ line-height:17px; font-size:14px; } .item-bus-producto .info span{ line-height:14px; font-size:11px; display:block;} .item-bus-producto .info .precio{ color:#CB6103; font-size:13px; font-weight:bold; display:block;} .ui-autocomplete.idproducto .item-bus-producto .info{ width:auto;} .ui-autocomplete.idproducto .item-bus-producto .info p{ line-height:14px; font-size:14px;} .item-autocompletar strong{ color: #30C; } .impresion-factura { width: 700px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding-top: 25px; font-size: 11px; line-height: 1.25; } .impresion-factura .redondeado{-moz-border-radius: 5px; border-radius: 5px;} .impresion-factura .cabecera { padding: 4px; overflow: hidden; } .impresion-factura .cabecera .logo { float: left; width: 210px; } .impresion-factura .cabecera .contacto { float: right; width: 460px; text-align: right; line-height: 14px; margin-top: 5px; } .impresion-factura .cabecera .contacto22 { float: right; width: 460px; text-align: right; line-height: 20px; margin-top: 8px; } .impresion-factura .cabecera .contacto p { font-size: 14px; font-weight: bold; } .impresion-factura .descripcion { background-color: #F5F5F5; border: solid 1px #000; padding: 6px; margin: 3px; overflow: hidden; } .impresion-factura .descripcion .datos { float: left; width: 470px; } .impresion-factura .descripcion .numero { float: right; width: 135px; padding: 4px; border: solid 1px #000; text-align: right; } .impresion-factura .descripcion .datos span { display: block; } .impresion-factura .descripcion .numero span { font-size: 24px; color: #DA241C; } .impresion-factura .detalle { margin: 3px; border: solid 1px #000; padding: 7px; } .impresion-factura .detalle.redondeado table thead tr {font-weight: bold; color: #000; background-color: #E5E5E5; font-size: 10px; } .impresion-factura .detalle.redondeado table thead tr td { text-align: center; } .impresion-factura .detalle.redondeado table.nota thead tr { font-weight: bold; color: #000; background-color: #E5E5E5; font-size: 10px; } .impresion-factura .detalle table { } .impresion-factura .detalle table tr td { border:solid 1px #000; text-align:center; font-size: 11px; } .impresion-factura .detalle table tfoot tr .tittotal { border:solid 1px #000; font-size: 12px; font-weight: bold; text-align: right; padding-right: 5px; } .impresion-factura .detalle table tfoot tr .total { border:solid 1px #000; font-size: 14px; font-weight: bold; text-align: center; } .impresion-factura .detalle table tfoot tr td { border:none; } .impresion-factura .detalle .firmas { overflow: hidden; margin-top: 70px; } .impresion-factura .detalle .firmas .firma1 { float: left; width: 220px; padding-left: 10px; border-top: solid 1px #000; margin-right: 15px; } .impresion-factura .detalle .firmas .firma2 { float: left; width: 220px; padding-left: 10px; border-top: solid 1px #000; margin-right: 15px; } .impresion-factura .descripcion .datos .left { float: left; margin-right: 4px; } .impresion-factura .detalle .formas-pago li div { width: 16px; height: 16px; border: 1px solid #000; float: left; margin-right: 5px; } .impresion-factura .detalle .formas-pago { margin-top: 8px; overflow: hidden; } .impresion-factura .detalle .formas-pago li span { display: block; float: left; } .impresion-factura .detalle .formas-pago li { overflow: hidden; float: left; margin-right: 13px; } .impresion-factura .detalle .formas-pago li .llena { background-color: #333 !important; } #factura { } #factura .miga { display: none; } #factura .titulo-seccion { display: none;} .contenedor-factura .textosuperior { display: none;} #factura .imprimir{ background: transparent url('../Imagenes/Template/imprimir.png') no-repeat; padding-left: 20px; width: auto; float: right; margin:10px 0px; cursor: pointer; font-size: 12px; font-weight: bold; margin-right: 15px;} #factura .email{ background: transparent url('../Imagenes/Template/email.png') no-repeat; padding-left: 20px; width: auto; float: right; margin:10px 0px; cursor: pointer; font-size: 12px; font-weight: bold; margin-right: 15px;} #factura .contenedor-factura { background-color: transparent;} .contenedor-factura { width: 960px; background-color: #fff;} .contenedor-factura ul { list-style-type: none;} .contenedor-factura .contenedor { border: #ccc 1px solid; border-radius:5px; padding: 10px; margin-left: auto; margin-right: auto; margin-top:10px; font-size: 12px;} .contenedor-factura .contenedor h1{ font-size: 14px; text-decoration: underline; color: #0071b9; float: left;} .contenedor-factura .contenedor h2{ font-size: 12px; text-align: center; } .contenedor-factura .contenedor .datos{ float: left; padding: 10px; position: relative; font-size: 12px; } .contenedor-factura .contenedor .factura-cabecera{ border-bottom : #ccc 1px solid; height: 110px; } .contenedor-factura .contenedor .factura-cabecera div{ float:left; padding: 10px; } .contenedor-factura .contenedor .factura-cabecera .factura-logo{ border-right: #ccc 1px solid; } .contenedor-factura .contenedor .factura-cabecera .factura-logo img{ } .contenedor-factura .contenedor .factura-cabecera .factura-titulo{ width: 550px; font-size: 24px; text-align: center; font-weight: bold; } .contenedor-factura .contenedor .factura-cabecera .factura-orden{ float:right; border-left :#ccc 1px solid; border-bottom : #ccc 1px solid; text-align: right; } .contenedor-factura .contenedor .factura-cabecera .factura-orden b{ } .contenedor-factura .contenedor .factura-cabecera .factura-orden span.orden{ color: #cc0000; font-size: 18px; margin-left: 5px;} .contenedor-factura .contenedor .factura-cabecera .factura-orden span { color: #000; font-size: 11px; margin-left: 0px; text-transform: capitalize; } .contenedor-factura .compras th { font-size: 12px; background-color: #CCCCCC; padding: 2px 0; font-weight: bold; border-bottom: 1px dotted #ddd; } .contenedor-factura .compras { width: 100%; text-align: center; font-size: 12px; border-spacing: 0px; } .contenedor-factura .descripcion { font-weight: bold; margin-bottom: 15px; padding-left: 10px; width: 550px; text-align: left;} .contenedor-factura .descripcion .subtitulo { font-weight: normal; border-left: 1px solid #ddd; padding-left: 3px; margin-left: 3px;} .contenedor-factura .compras .entrega { font-weight: normal; } .contenedor-factura .compras td { border-bottom: 1px dotted #ddd; padding: 5px 0; } .contenedor-factura .factura td { padding-right: 5px; } .contenedor-factura .factura .label { font-size: 12px; font-weight: normal; padding: 3px; } .contenedor-factura .factura .valor { font-size: 12px; font-weight: bold; text-align: right; } .contenedor-factura .factura .total { font-size: 14px; padding: 3px; width: 140px; font-weight: bold; } .contenedor-factura .factura .valor-total { font-size: 14px; font-weight: bold; padding-left: 40px; } .contenedor-factura .factura { margin-top: 5px; float: right; border-spacing: 0px; } .factura-sas{ font-size: 11px; } .factura-sas .direccion {height:8mm; text-align:right; margin-right: 13mm;} .factura-sas .direccion .item { font-size: 12px; } .factura-sas .contenedor { width:199mm; height:135mm; font-family: Tahoma, Geneva, sans-serif; } .factura-sas .contenedor .cabecera { margin-top: 14mm; margin-left: 23mm; height: 30mm; } .factura-sas .contenedor .cabecera .item { margin-bottom: 1mm; font-size: 12px; } .factura-sas .contenedor .cabecera .fecha { float: right; font-size: 11px; text-align:center; width:42mm; margin-top:1mm; } .factura-sas .contenedor .cabecera .item.tel { float: left; width: 59mm; } #factura .contenedor .detalle { height: 48mm; margin-top: 12mm; clear:both; } #factura .contenedor .detalle table { margin-top: 8mm; } #factura .contenedor .detalle table tbody tr{ } #factura .contenedor .detalle table tbody tr td{ font-size:12px; text-align:center; padding:0 4px;} #factura .contenedor .detalle table tbody tr td.cantidad{ width:15mm; text-align:center;} #factura .contenedor .detalle table tbody tr td.descripcion{width:116mm; text-align:left; padding-left: 25px;} #factura .contenedor .detalle table tbody tr td.vunitario{width:31mm; font-size:13px; } #factura .contenedor .detalle table tbody tr td.vtotal{width:30mm; font-size:13px;} #factura .contenedor .cuenta { height: 21mm; clear:both; margin-left:22mm; font-size:10px;} #factura .contenedor .totales {padding-left: 7px; height: 24mm; } #factura .contenedor .totales .itemtotal { float: right; clear: both; text-align: left; width: 28mm; font-size: 14px; height: 7.5mm; } #factura .contenedor .totales .itemtotal.total{ font-weight:bold; font-size:15px;}