/* INICIALIZAR
**************************************************/
h1, h2, h3, ul, li { margin:0; padding:0; }
li { list-style:none; }
optgroup { font-style:inherit; font-weight:inherit; }
input, button, textarea, select, optgroup, option { font-family:inherit; font-size:inherit; font-style:inherit; font-weight:normal; }
img { border:0; }


/* GENERALES
**************************************************/
h1 { color:#000; font-size:16px; display:block; margin-bottom:10px; }
h1 em { color:#666; font-style:inherit; }
h2 { color:#C00; font-size:14px; display:block; margin-bottom:10px; }
h3 { color:#000; font-size:14px; display:block; margin-bottom:10px; }
body { margin: 0px; padding: 0px; background-color:#40433F; background-image:url(imagenes/fondo_control-leon.png); background-repeat:no-repeat; background-attachment:fixed; background-position:center top; }
table, div { font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#333; }
a { color:#000; text-decoration:none; }
a:hover { color:#C00; text-decoration:underline; }
.clearfloat{ clear:both; }


/* MAQUETACION
**************************************************/
#website { width:1240px; margin:auto; }
#cabecera { background-color:#000; border-bottom:3px solid #C00; padding:10px; color:#CCC; }
#menu-superior { padding-top:10px; }
#menu-superior .izq { display:inline-block; float:left; }
#menu-superior .der { display:inline-block; float:right; }
#cuerpo { clear:both; background-color:#FFF; }
#menu { padding:5px; background-color:#CCC; background-image:url(imagenes/fondo-menu.png); background-repeat:repeat-y; width:196px; float:left;}
#menu ul { margin-bottom:10px; }
#menu li { list-style-position:inside; }
#menu li li { list-style-image:none; font-weight:normal; background-color:#EFEFEF; padding-left:5px; font-size:12px; }
#contenido { padding:10px; width: 1000px; float:right; }
#pie { clear:both; background-color:#000; border-top:3px solid #C00; padding:10px; color:#CCC; }

/* Especial login */
#login-site { width:340px; margin:auto; margin-top:150px; background-color:#FFF; }
#login-cabecera { background-color:#000; border-bottom:3px solid #C00; padding:10px; color:#CCC; }
#login-frm { margin:auto; padding:25px; }
#login-frm label { float:left; width:50%; font-weight:bold; }
#login-pie { background-color:#000; border-top:3px solid #C00; padding:10px; color:#CCC; }

/* Cabecera y men� superior */
.panel-control { font-size:18px; font-weight:bold; }
#menu-superior a { color:#FFF; }
#menu-superior a:hover { color:#FC0; }
.administrador-nombre { padding-left:18px; color:#666; background:url(iconos/user-silhouette.png) no-repeat 0px 0px; }
.menu-opcion-clave { margin-left:10px; padding-left:18px; background:url(iconos/key.png) no-repeat 0px 0px; }
.menu-opcion-inicio { margin-left:10px; padding-left:18px; background:url(iconos/inbox.png) no-repeat 0px 0px; }
.menu-opcion-web { margin-left:10px; padding-left:18px; background:url(iconos/globe-green.png) no-repeat 0px 0px; }
.menu-opcion-salir { margin-left:10px; padding-left:18px; background:url(iconos/cross-circle.png) no-repeat 0px 0px; }

/* Men� */
.menu-categoria { padding-left:20px; background:url(iconos/box.png) no-repeat 0px 0px; font-weight:bold; font-size:14px; }

/* Pie */
.pie-version { padding-left:18px; background:url(iconos/application-monitor.png) no-repeat 0px 0px; }

/* TABLAS:
**************************************************/
.tabla-maquetacion { width:100%; border-collapse:separate; border-spacing:0px; } /* s�lo para maquetar (transparente, sin espacios, etc...) */
.tabla-maquetacion td { padding:0px; }

.tabla-listado { background-color:#CCC; width:100%; border-collapse:separate; border-spacing:1px; } /* -listar*/
.tabla-listado td { padding:2px; }
.tabla-listado th { background-color:#CCC; padding:2px; text-align:left; color:#000; }
.tabla-listado th.id { width:50px; }
.tabla-listado td.id { text-align:right; color:#999; }
.tabla-listado th.icon { width:50px; }
.tabla-listado td.icon { text-align: center; }
.tabla-listado th.foto { width:40px; text-align: center; }
.tabla-listado td.foto-ok { background-image:url(iconos/status.png); background-repeat:no-repeat; background-position-x:14px; background-position-y:2px; }
.tabla-listado td.foto-ko { background-image:url(iconos/status-offline.png); background-repeat:no-repeat; background-position-x:14px; background-position-y:2px; }
.tabla-listado th.fecha { width:80px; }
.tabla-listado td.fecha { /* text-align: center; */ }
.tabla-listado th.fechahora { width:120px; }
.tabla-listado td.fechahora { /* text-align: center; */ }
.tr-par { background-color:#EFEFEF; }
.tr-impar { background-color:#FFF; }
.td-baja { width: 54px; background-color:#FFC; text-align: center; }
.td-editar { width: 54px; background-color:#FFC; text-align: center; }
.td-ficha { width: 54px; background-color:#FFC; text-align: center; }
.td-print { width:80px; background-color:#FFC; text-align:center; }
.td-verificar { width: 80px; background-color:#FFC; text-align: center; }

.tabla-datos { background-color:#CCC; width:100%; border-collapse:separate; border-spacing:1px; } /* -ver -editar */
.tr-contenido { background-color:#FFF; }
.tabla-contenido { width:100%; border-collapse:separate; border-spacing:2px; } /* mostrar campos en -ver - editar */
.td-campo { width:180px; font-weight:bold; }

.tabla-filtros { background-color:#609; width:100%; border-collapse:separate; border-spacing:1px; }
.tabla-informacion { background-color:#069; width:100%; border-collapse:separate; border-spacing:1px; }
.tabla-notas { background-color:#FC0; width:100%; border-collapse:separate; border-spacing:1px; }

.tabla-informacion, .tabla-notas { margin-top:10px; }
.tabla-informacion td, .tabla-filtros td, .tabla-contenido td, .tabla-datos td, .tabla-notas td { padding:2px; }
.tabla-subdatos { background-color:#CCC; width:96%; border-collapse:separate; border-spacing:1px; margin-top:15px; margin-bottom:15px; } /* información adicional en -ver -editar */
.tabla-subdatos th { padding:2px; text-align:left; color:#000; }
.tabla-subdatos th.id { width:50px; }
.tabla-subdatos td.id { text-align:right; color:#999; }
.tabla-subdatos th.foto { width:40px; text-align: center; }
.tabla-subdatos td.foto-ok { background-image: url(iconos/status.png); background-repeat: no-repeat; background-position-x: 14px; background-position-y: 2px; }
.tabla-subdatos td.foto-ko { background-image: url(iconos/status-offline.png); background-repeat: no-repeat; background-position-x: 14px; background-position-y: 2px; }
.tabla-subdatos th.fecha { width:80px; }
.tabla-subdatos td.fecha { /* text-align: center; */ }
.tabla-subdatos th.fechahora { width:120px; }
.tabla-subdatos td.fechahora { /* text-align: center; */ }
.td-subdatos { background-color:#FFF; }

.td-ordenar img { margin:1px; }
.tabla-subdatos .td-ordenar { text-align: center; }

.tabla-datos .tr-encabezado { background-color:#EFEFEF; font-weight:bold; color:#000; }
.tabla-filtros .tr-encabezado { background-color:#EBF; background-image:url(iconos/funnel.png); background-repeat:no-repeat; background-position-x:1px; background-position-y:1px; font-weight:bold; color:#000; padding-left:20px; }
.tabla-informacion .tr-encabezado { background-color:#BDF; background-image:url(iconos/information.png); background-repeat:no-repeat; background-position-x:1px; background-position-y:1px; font-weight:bold; color:#000; padding-left:20px; }
.tabla-notas .tr-encabezado { background-color: #FFC; /* background-image:url(iconos/sticky-note-pin.png); */ background-repeat:no-repeat; background-position-x:1px; background-position-y:1px; font-weight:bold; color:#000; padding-left:20px; }

.td-2columnas { width:50%; }
.td-3columnas { width:33%; }

.numerico { text-align: right; }

.filtro-indice { }
.filtro-indice li { float:left; list-style-image:none; font-weight:bold; margin-right:5px }
.filtro-indice li a { display:block; text-decoration:none; color:#000; padding:0 5px; background:#EFEFEF; border:1px solid #999; border-width:1px; }
.filtro-indice li a:hover { text-decoration:none; color:#FFF; background:#F00; }
.filtro-indice li.letra-on { text-decoration:none; color:#FFF; padding:0 5px; background:#0C0; border:1px solid #060; border-width:1px; }

.area-filtros { padding:4px; margin:0px; }
.area-acciones { padding:4px; margin:0px; text-align:right; }

/* paginacion */
.area-paginas-sup { width:100%; margin:0px; color:#999; }
.area-paginas-sup .izq { display:inline-block; float:left; padding:4px; }
.area-paginas-sup .der { display:inline-block; float:right; padding:4px;  }

.area-paginas-inf { }
.area-paginas-inf li { float:left; list-style-image:none; font-weight:bold; margin-right:5px }
.area-paginas-inf li a { display:block; text-decoration:none; color:#000; padding:0 5px; background:#EFEFEF; border:1px solid #999; border-width:1px; }
.area-paginas-inf li a:hover { text-decoration:none; color:#FFF; background:#F00; }
.area-paginas-inf li.pagina-on { text-decoration:none; color:#FFF; padding:0 5px; background:#0C0; border:1px solid #060; border-width:1px; }

/* Mosaico galer�a de fotos */
.mosaico-galeria { display: inline-block; margin: 5px; }
.mosaico-galeria img { width: 235px; }
.mosaico-galeria p {  }


/* iconos para textos */
.usuarios { padding-left:18px; background:url(iconos/users.png) no-repeat 0px 0px; }
.papelera { padding-left:18px; background:url(iconos/control-record-small.png) no-repeat 0px 0px; color:#999; }
.revisado { padding-left:18px; background:url(iconos/spell-check.png) no-repeat 0px 0px; font-weight:normal; }
.no-revisado { padding-left:18px; background:url(iconos/spell-check-error.png) no-repeat 0px 0px; font-weight:normal; }
.punto-rojo { padding-left:18px; background:url(iconos/status-busy.png) no-repeat 0px 0px; color:#999; }
.punto-amarillo { padding-left:18px; background:url(iconos/status-away.png) no-repeat 0px 0px; }
.punto-verde { padding-left:18px; background:url(iconos/status.png) no-repeat 0px 0px; }
.punto-gris { padding-left:18px; background:url(iconos/status-offline.png) no-repeat 0px 0px; color:#999; }
.accion-por_lotes { padding-left:18px; background:url(iconos/database-insert.png) no-repeat 0px 0px; display:inline-block; height:16px; text-decoration:none; font-weight:normal; }
.accion-por_lotes:hover { text-decoration:none; }
.accion-baja_por_lotes { padding-left:18px; background:url(iconos/database-delete.png) no-repeat 0px 0px; display:inline-block; height:16px; text-decoration:none; font-weight:normal; }
.accion-baja_por_lotes:hover { text-decoration:none; }
.accion-alta { padding-left:18px; background:url(iconos/tick.png) no-repeat 0px 0px; display:inline-block; height:16px; text-decoration:none; font-weight:normal; }
.accion-alta:hover { text-decoration:none; }
.accion-listar { padding-left:20px; background:url(iconos/book-open.png) no-repeat 0px 0px; display:inline-block; height:16px; text-decoration:none; font-weight:normal; }
.accion-listar:hover { text-decoration:none; }
.accion-ver { padding-left:18px; background:url(iconos/clipboard-text.png) no-repeat 0px 0px; display:inline-block; height:16px; text-decoration:none; font-weight:normal; }
.accion-ver:hover { text-decoration:none; }
.accion-editar { padding-left:16px; background:url(iconos/pencil-small.png) no-repeat 0px 0px; display:inline-block; height:16px; text-decoration:none; font-weight:normal; }
.accion-editar:hover { text-decoration:none; }
.accion-trash { padding-left:18px; background:url(iconos/broom.png) no-repeat 0px 0px; display:inline-block; height:16px; text-decoration:none; font-weight:normal; }
.accion-trash:hover { text-decoration:none; }
.accion-recuperar{ padding-left:18px; background:url(iconos/arrow-circle.png) no-repeat 0px 0px; display:inline-block; height:16px; text-decoration:none; font-weight:normal; }
.accion-recuperar:hover { text-decoration:none; }
.accion-baja { padding-left:18px; background:url(iconos/cross.png) no-repeat 0px 0px; display:inline-block; height:16px; text-decoration:none; font-weight:normal; }
.accion-baja:hover { text-decoration:none; }
.accion-cambiar { padding-left:18px; background:url(iconos/arrow-circle-double.png) no-repeat 0px 0px; display:inline-block; height:16px; text-decoration:none; font-weight:normal; }
.accion-cambiar:hover { text-decoration:none; }
.accion-email_enviar { padding-left:18px; background:url(iconos/mail.png) no-repeat 0px 0px; display:inline-block; height:16px; text-decoration:none; font-weight:normal; }
.accion-email_enviar:hover { text-decoration:none; }
.accion-relacionar { padding-left:18px; background:url(iconos/direction.png) no-repeat 0px 0px; display:inline-block; height:16px; text-decoration:none; font-weight:normal; }
.accion-relacionar:hover { text-decoration:none; }
.accion-destacar { padding-left:18px; background:url(iconos/lightning.png) no-repeat 0px 0px; display:inline-block; height:16px; text-decoration:none; font-weight:normal; }
.accion-destacar:hover { text-decoration:none; }
.accion-mostrar_en_web { padding-left:18px; background:url(iconos/television-image.png) no-repeat 0px 0px; display:inline-block; height:16px; text-decoration:none; font-weight:normal; }
.accion-mostrar_en_web:hover { text-decoration:none; }
.accion-mapa { padding-left:18px; background:url(iconos/map-pin.png) no-repeat 0px 0px; display:inline-block; height:16px; text-decoration:none; font-weight:normal; }
.accion-mapa:hover { text-decoration:none; }
.accion-galeria { padding-left:18px; background:url(iconos/images-stack.png) no-repeat 0px 0px; display:inline-block; height:16px; text-decoration:none; font-weight:normal; }
.accion-galeria:hover { text-decoration:none; }
.accion-imprimir { padding-left:18px; background:url(iconos/printer.png) no-repeat 0px 0px; display:inline-block; height:16px; text-decoration:none; font-weight:normal; }
.accion-imprimir:hover { text-decoration:none; }
.accion-nodes { padding-left:18px; background:url(iconos/node.png) no-repeat 0px 0px; display:inline-block; height:16px; text-decoration:none; font-weight:normal; }
.accion-nodes:hover { text-decoration:none; }
.accion-msdos { padding-left:18px; background:url(iconos/compile.png) no-repeat 0px 0px; display:inline-block; height:16px; text-decoration:none; font-weight:normal; }
.accion-msdos:hover { text-decoration:none; }
.accion-download { padding-left:18px; background:url(iconos/drive-download.png) no-repeat 0px 0px; display:inline-block; height:16px; text-decoration:none; font-weight:normal; }
.accion-download:hover { text-decoration:none; }
.accion-revisar-on { padding-left:18px; background:url(iconos/spectacle.png) no-repeat 0px 0px; display:inline-block; height:16px; text-decoration:none; font-weight:normal; }
.accion-revisar-on:hover { text-decoration:none; }
.accion-revisar-off { padding-left:18px; background:url(iconos/eraser.png) no-repeat 0px 0px; display:inline-block; height:16px; text-decoration:none; font-weight:normal; }
.accion-revisar-off:hover { text-decoration:none; }
.accion-verificar_on { padding-left:18px; background:url(iconos/spell-check.png) no-repeat 0px 0px; display:inline-block; height:16px; text-decoration:none; font-weight:normal; }
.accion-verificar_on:hover { text-decoration:none; }
.accion-verificar_off { padding-left:18px; background:url(iconos/spell-check-error.png) no-repeat 0px 0px; display:inline-block; height:16px; text-decoration:none; font-weight:normal; }
.accion-verificar_off:hover { text-decoration:none; }
.accion-hombres { padding-left:18px; background:url(iconos/user.png) no-repeat 0px 0px; display:inline-block; height:16px; text-decoration:none; font-weight:normal; }
.accion-hombres:hover { text-decoration:none; }
.accion-mujeres { padding-left:18px; background:url(iconos/user-female.png) no-repeat 0px 0px; display:inline-block; height:16px; text-decoration:none; font-weight:normal; }
.accion-mujeres:hover { text-decoration:none; }
.accion-recalcular { padding-left:18px; background:url(iconos/arrow-repeat.png) no-repeat 0px 0px; display:inline-block; height:16px; text-decoration:none; font-weight:normal; }
.accion-recalcular:hover { text-decoration:none; }
.accion-buscar { padding-left:18px; background:url(iconos/magnifier.png) no-repeat 0px 0px; display:inline-block; height:16px; text-decoration:none; font-weight:normal; }
.accion-buscar:hover { text-decoration:none; }
/* extensiones*/
.accion-word { padding-left:18px; background:url(iconos/document-word.png) no-repeat 0px 0px; display:inline-block; height:16px; text-decoration:none; font-weight:normal; }
.accion-word:hover { text-decoration:none; }
.accion-excel { padding-left:18px; background:url(iconos/document-excel.png) no-repeat 0px 0px; display:inline-block; height:16px; text-decoration:none; font-weight:normal; }
.accion-excel:hover { text-decoration:none; }

.accion-fondo { background-position:3px 1px;; padding-left:21px; padding-top:1px; padding-bottom:1px; padding-right:3px; background-color:#FFC; border-color:#CCC; border-style:solid; border-width:1px; }

/* Post it */
.postit-txt { padding:0; margin:0; padding-left:20px; margin-top:10px; background:url(iconos/sticky-note-pin.png) no-repeat 0px 0px; }
.area-postit { padding:2px; margin-bottom:10px; background-color:#FFC; border-color:#CCC; border-width:1px; border-style:solid; text-align:left; /* box-shadow:2px 2px 5px #CCCCCC;*/ }

/* ALERTAS
**************************************************/
.area-ok { padding:2px; margin:0px; background-color:#CFC; border-color:#0C0; border-width:1px; border-style:solid; text-align:left; }
.ok-txt { padding-left:20px; background:url(iconos/tick-circle.png) no-repeat 0px 0px; display:inline-block; height:16px; color:#000; font-weight:bold; }
.area-aviso { padding:2px; margin:0px; background-color:#FFC; border-color:#FC0; border-width:1px; border-style:solid; text-align:left; }
.aviso-txt { padding-left:20px; background:url(iconos/exclamation-diamond.png) no-repeat 0px 0px; display:inline-block; height:16px; color:#000; font-weight:bold;  }
.area-error { padding:2px; margin:0px; background-color:#FCC; border-color:#C00; border-width:1px; border-style:solid; text-align:left; }
.error-txt { padding-left:20px; background:url(iconos/exclamation-red.png) no-repeat 0px 0px; display:inline-block; height:16px; color:#000; font-weight:bold;  }

/* FORMULARIOS
**************************************************/
optgroup { font-weight:bold; font-style:italic; }
optgroup option { font-style:inherit; }
.frm-textarea{ border:1px solid #333; }
.area-frm-boton { padding:4px; margin:0px; text-align:right; }
.frm-boton{ background-color:#333; border-bottom:1px solid #000; border-right:1px solid #000; border-top:1px solid #999; border-left:1px solid #999; color:#CCCCCC; }
.frm-des-ok { font-style:normal; }
.frm-des-ko { color:#999; }

/* OTROS
**************************************************/
.img-circle { border-radius: 50%; }