/*
|--------------------------------------------------
|Master Stylesheet
|--------------------------------------------------
|
|Project:        SkyPatrol Services
|
|--------------------------------------------------
*/
@font-face{ font-family: 'titulos1';src: url('fuentes/myriad/condensed/myriadpro-cond-webfont.eot');src: url('fuentes/myriad/condensed/myriadpro-cond-webfont.eot?#iefix') format('embedded-opentype'),url('fuentes/myriad/condensed/myriadpro-cond-webfont.woff') format('woff'),url('fuentes/myriad/condensed/myriadpro-cond-webfont.ttf') format('truetype'),url('fuentes/myriad/condensed/myriadpro-cond-webfont.svg#MyriadProCondensed') format('svg'); font-style:normal; font-weight:lighter }
@font-face{ font-family: 'regular';src: url('fuentes/myriad/normal/MyriadPro-Regular.eot');src: url('fuentes/myriad/normal/MyriadPro-Regular.eot?#iefixe') format('embedded-opentype'),url('fuentes/myriad/normal/MyriadPro-Regular.woff') format('woff'),url('fuentes/myriad/normal/MyriadPro-Regular.ttf') format('truetype'),url('fuentes/myriad/normal/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg'); font-style:normal; font-weight:lighter }
@font-face{ font-family: 'semi';src: url('fuentes/myriad/fonts/myriadpro-semibold-webfont.eot');src: url('fuentes/myriad/fonts/myriadpro-semibold-webfont.eot?#iefix') format('embedded-opentype'),url('fuentes/myriad/fonts/myriadpro-semibold-webfont.woff') format('woff'),url('fuentes/myriad/fonts/myriadpro-semibold-webfont.ttf') format('truetype'),url('fuentes/myriad/fonts/myriadpro-semibold-webfont.svg#MyriadProLightBold') format('svg'); font-style:normal; font-weight:lighter }
@font-face{ font-family: 'negrita';src: url('fuentes/myriad/fonts/myriadpro-bold-webfont.eot');src: url('fuentes/myriad/fonts/myriadpro-bold-webfont.eot?#iefixe') format('embedded-opentype'),url('fuentes/myriad/fonts/myriadpro-bold-webfont.woff') format('woff'),url('fuentes/myriad/fonts/myriadpro-bold-webfont.ttf') format('truetype'),url('fuentes/myriad/fonts/myriadpro-bold-webfont.svg#MyriadProBold') format('svg'); font-style:normal; font-weight:lighter }

body { font-family: Arial, Helvetica, sans-serif; font-size:12px; background-image: url(../Imagenes/Template/fondo-patron.jpg); background-repeat: repeat-x; background-position: top; }
fieldset { border: none; }
.clear { clear: both; }
a { text-decoration: none; color:#000; }
a:hover { text-decoration: underline; }
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; }
h1 { color:#4A4075; /*color:#008CC4; */font-weight:bold; font-size:18px; }

.notificacion-importante2 { color: #FFF; background-color: #F60; padding: 8px; margin: 10px 0; border-radius: 5px; background-position: 4px center; background-repeat: no-repeat; font-weight: bold; overflow:hidden;}
.notificacion-importante2 span{ font-weight:normal; font-size:11px; display:block; }
.notificacion-importante2 a{ display:block; color:#FF6; float:right;}
/*
|--------------------------------------------------
|1- inicio: Modelo principal
|--------------------------------------------------
*/
#encabezado { }

#pie { }
/*
|--------------------------------------------------
|2- inicio: Formularios
|--------------------------------------------------
*/
.contenedorformulario { clear: both; }
.contenedorformulario .tablaformulario { border-collapse: collapse; width: 80% }
.contenedorformulario .componente-autocompletar .ui-autocomplete-loading { background: white url(../Javascript/jquery.uiOK/development-bundle/demos/autocomplete/images/ui-anim_basic_16x16.gif) right center no-repeat; }
.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 { padding: 6px 16px; margin: 10px; float:left; font: normal normal 18px/20px Arial; color:#FFF; background-color: #FAAE18; }
.contenedorformulario fieldset { clear:both; }
.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:inline; text-align:right; }
.contenedorformulario .contenedor-botones input { float:right; }
.contenedorformulario label { color:#333; font-weight:bold; display:block; font-size: 12px; padding-bottom: 5px; }
.contenedorformulario select { }
.contenedorformulario select option { }
.contenedorformulario input[type="text"], .contenedorformulario input[type="number"], input[type="password"] { border: 1px solid #d8d8d8; background: transparent url('../Imagenes/Template/input-fondo-text.gif') repeat-x top left; font-weight: bold; }
.contenedorformulario input.highlight {background: yellow}
.contenedorformulario textarea { width:420px; height:80px; padding:8px; font-family:Arial, Helvetica, sans-serif; font-size:12px; border: 1px solid #d8d8d8; background: transparent url('../Imagenes/Template/input-fondo-largo.gif') repeat-x top left; font-weight: bold; background-color: #eeeeee; }
.contenedorformulario .contenedor-grid { padding-left:17px; }
.contenedorformulario p { padding-top:0px; }
.contenedorformulario .fieldset { border: 1px solid #afe14c; margin: 10px 0; border-color: #CCC; -moz-border-radius-topleft : 5px; -webkit-border-top-left-radius : 5px; -moz-border-radius-topright : 5px; -webkit-border-top-right-radius : 5px; -moz-border-radius-bottomleft : 5px; -webkit-border-bottom-left-radius : 5px; -moz-border-radius-bottomright : 5px; -webkit-border-bottom-right-radius : 5px; margin-top: 5px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; padding-top: 20px; padding-right: 10px; padding-bottom: 20px; padding-left: 10px; }
.contenedorformulario .legend { display:block; margin-top:-29px; font-size:14px; font-weight:bold; margin-top:0px;}
input[type="hidden"] { 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; }
#form-busqueda .contenedor-campo .filtro-valorrango select, .contenedorformulario .contenedor-campo .filtro-valorrango input, .contenedorformulario .contenedor-campo .filtro-valorrango span { display:inline; }
/*
|--------------------------------------------------
|2.1- Campos globales
|--------------------------------------------------
*/
input[type="submit"], input[type="button"]{ padding: 6px 8px; margin: 0 2px; font-family:arial, helvetica, sans-serif;  text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; text-align: center; color: #FFF; cursor: pointer; border:1px solid #008db1; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; background-color: #00BAE9; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00BAE9), color-stop(100%, #0093B8)); background-image: -webkit-linear-gradient(top, #00BAE9, #0093B8); background-image: -moz-linear-gradient(top, #00BAE9, #0093B8); background-image: -ms-linear-gradient(top, #00BAE9, #0093B8); background-image: -o-linear-gradient(top, #00BAE9, #0093B8); background-image: linear-gradient(top, #00BAE9, #0093B8);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#00BAE9, endColorstr=#0093B8); float:right}
input[type="submit"]:hover, input[type="button"]:hover{ border:1px solid #006983; background-color: #00C5F7; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00C5F7), color-stop(100%, #0088AB)); background-image: -webkit-linear-gradient(top, #00C5F7, #0088AB); background-image: -moz-linear-gradient(top, #00C5F7, #0088AB); background-image: -ms-linear-gradient(top, #00C5F7, #0088AB); background-image: -o-linear-gradient(top, #00C5F7, #0088AB); background-image: linear-gradient(top, #00C5F7, #0088AB);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#00C5F7, endColorstr=#0088AB); }
input.largo[type="button"]{ background-image: url(../Imagenes/Template/boton-largo.png); height: 38px; width: 170px; }

.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; }
.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; }
.formTexto { font-weight: bold; }
.formTextoResaltado { font-weight: bold; }
.formUrl { font-weight: bold; }
.formTelefono { font-weight: bold; }
.formValor { font-weight: bold; }
.FieldErr { font-weight: bold; }

form .fecha{ background-image: url(../Imagenes/Template/fecha.png) !important; background-repeat: no-repeat !important; background-position: right center !important; }
/*
|--------------------------------------------------
| - fin: Formularios
|--------------------------------------------------
*/

/*
|--------------------------------------------------
|3- 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; padding-top:0px; padding-bottom: 0px; }
    .reporte div.contenido-reporte .tabla-reporte { width: 100%; margin: 0 auto; }
    .reporte div.contenido-reporte .tabla-reporte .fila-titulos { background-color:#105a9b; height:27px; }
    .reporte div.contenido-reporte .tabla-reporte .fila-titulos td { text-align:center; color: #FFF; font-weight: bold; padding: 3px; }
    .reporte div.contenido-reporte .tabla-reporte .fila-titulos td span { display: block; padding:5px 0 5px 0; padding-bottom:0; }
    .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; color: #FFF; font-weight: bold;}
    .reporte div.contenido-reporte .tabla-reporte .fila-contenido { background-color: #efefef; background-image: url(../Imagenes/Template/reporte-fondofila.gif); background-repeat: repeat-x; }
    .reporte div.contenido-reporte .tabla-reporte .fila-contenido.error { background:none; background-color:#FFCC99;}
    .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 td { font-size:11px; text-align: center; border-bottom:1px dotted #dfdfdf; border-right:dotted 1px #CCC; color: #333; }
    .reporte div.contenido-reporte .tabla-reporte .fila-contenido td span { display: block; padding:3px 0 3px 0 }
    .reporte div.contenido-reporte .tabla-reporte .fila-contenido:hover {  }
    .reporte div.contenido-reporte .tabla-reporte .pink { background-color: #ffc0cb; cursor:pointer; }
    .reporte div.contenido-reporte .tabla-reporte .pink td { font-size:11px; text-align: center; border-bottom:1px dotted #dfdfdf; border-right:dotted 1px #CCC; color: #333; }
    .reporte div.contenido-reporte .tabla-reporte .pink td span { display: block; padding:3px 0 3px 0 }
    .reporte div.contenido-reporte .tabla-reporte .pink:hover { background-color: #ffc0b9; }
    .reporte div.contenido-reporte .tabla-reporte .fila-totales { background-color:#FFFFFF;  }
    .reporte div.contenido-reporte .tabla-reporte .fila-totales td{ text-align:center; color: #333; font-weight: bold; padding: 5px; font-size: 14px; }
    .reporte div.contenido-reporte .tabla-reporte .seleccionada { cursor:pointer; background-color:#c4c4c4 !important; }
    .reporte div.contenido-reporte .tabla-reporte .seleccionada .azul { cursor:pointer;}
    .reporte div.contenido-reporte .tabla-reporte .seleccionada td { font-size:11px; 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-color:#c4c4c4 !important; }

    .reporte h1{ float:left; margin-left:15px; font-size:24px;  }
    .reporte div.informacion { clear:both; overflow:hidden; margin-left:15px; padding-top: 15px; }
    .reporte div.informacion div.nro-clientes { float: left; }
    .reporte div.informacion div.nro-clientes p { font-weight: normal; }
    .reporte div.informacion div.nro-clientes em { color:#333; font-weight: bold; }
    .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{ background-image: url(../Imagenes/Template/cabecera-reporte.png); width: 963px; height: 25px; }

    .reporte .flechas-ordenamiento { float:right; }
    .reporte #Menu-secundario { clear: both; margin-top:5px; padding-bottom:0px; float: right; }
    .reporte #Menu-secundario ul { }
    .reporte #Menu-secundario ul li { color:#6a6a6a; float: left; color: transparent; padding: 0; padding-left:5px; padding-right:5px; }
    .reporte #Menu-secundario ul li a { color:#FFF; font-weight:bold; float: left; font-size:12px; padding: 0 0 0 6px }
    .reporte #Menu-secundario ul li a:hover { color:#FC0 }
    .reporte #Menu-secundario ul li img { padding-right: 5px; vertical-align:text-top; margin-top:-5px; }

    .reporte #Menu-opciones { float: right; margin-right: 10px; margin-bottom: 15px; 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 { color:#666A6F; font-weight:normal; float: left; font-size:12px; padding: 5px 0 0 6px }
    .reporte #Menu-opciones ul li a:hover { color:#010101 }
    .reporte #Menu-opciones ul li img { padding-right: 5px; vertical-align:text-top; }
    .reporte #Menu-opciones ul li span{ display:inline-block; padding-top:6px; }

    .reporte .paginacion{ float:right; margin-right:5px; }
/*
|--------------------------------------------------
| - fin: Reportes
|--------------------------------------------------
*/

/*
|--------------------------------------------------
|4- inicio: Tablas
|--------------------------------------------------
*/
#busqueda { display:none; }
#busqueda .contenedorformulario{ padding:0 !important; margin:0 !important;}
    .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; }
/*
|--------------------------------------------------
| - fin: tablas
|--------------------------------------------------
*/

/*
|--------------------------------------------------
|5- inicio: Mensajes
|--------------------------------------------------
*/
.mensaje-confirmacion { margin:0 auto; text-align:center; width: 100%;  background-color:#009245; padding-bottom:10px; }
.mensaje-error { margin:0 auto; text-align:center; width: 100%; background-color:#da251c; padding-bottom: 10px; }
#mensaje p { text-align:center; padding-top:10px; text-align:center; color:#FFFFFF; font-weight:bold; font-size:18px; }
#mensajeestado { display:none; margin-right:10px; background-color:#FC0; font-size:15px; padding:8px; border-radius:5px; position:fixed; top:10px; right:10px; font-weight:bold; border:solid 1px #333; z-index: 100000000; }
#mensaje .explicacion{ font-size:12px; font-weight:normal; color:#fff; }
h2 { color:#505050 }
h2 em { color:#000 }
/*
|--------------------------------------------------
| - fin: Mensajes
|--------------------------------------------------
*/

/*
|--------------------------------------------------
|6- 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
|--------------------------------------------------
*/

/*
|--------------------------------------------------
|7- inicio: Propios del aplicativo
|--------------------------------------------------
*/
body.simple{ }
body.blanco{ background:none; }

/*
|--------------------------------------------------
|7.1- Login
|--------------------------------------------------
*/
.c-top-login{ width: 100%; height: 66px; border-bottom: 10px solid #1D1060; background-color: #FEBB00; }

#panel-index { overflow:hidden; margin:auto;  }
    #panel-index .login { width:800px; margin: 30px auto 0; text-align:center; overflow: hidden; }
    #panel-index .login .c-form{ width:340px; margin:0; float: right; }
    #panel-index .login .c-form h4 { padding: 0; margin: 20px 0px; font: normal normal 18px/20px Arial; color: #333; text-align: left; }
    #panel-index .login .c-form h4 span{ margin: 0 5px 0 0; font: normal normal 18px/20px Arial; color: #00BAE9; }

    #panel-index .login .c-form form { width: 340px;  height: 260px; padding: 20px 0 0 0; margin: 0 auto; border-top: 1px solid #CCC; background: transparent url(../Imagenes/Template/fondo-login.png) no-repeat; }
    #panel-index .login .c-form form .c-campo { width: 256px; margin: 0 auto 5px; text-align: left; }
    #panel-index .login .c-form form .c-campo label { display: block; font: normal normal 15px/24px Arial; color: #00BAE9; text-align: left; }
    #panel-index .login .c-form form .c-campo input { width: 246px; height: 32px; padding: 4px; background: #FFF; border: 1px solid #CCC; text-align:left; font-size: 22px; }
    #panel-index .login .c-form form .c-boton { width: 256px; margin: 15px auto 5px; text-align: right; }
    #panel-index .login .c-form form .c-boton input{ }
    #panel-index .login .c-form form a { display: block; text-align: right; padding-right: 28px; margin-top: 8px; color: #333; }

#encabezado { height: 66px; border-top: 12px solid #105A9B; background-color: #1D1060; }
    #encabezado .contenedor { margin: auto; width: 990px; overflow: hidden; }
    #encabezado .contenedor .logo { margin: 6px 0 0 10px; float: left; }
    #encabezado .contenedor .opciones-sesion { float: left; margin-left: 15px; border-left: solid 1px #fff; padding-left: 10px; margin-top: 15px; width: 100px; }
    #encabezado .contenedor .opciones-sesion a{ float:left;}
    #encabezado .contenedor .opciones-sesion .inicio { background-image: url(../Imagenes/Template/icono-inicio.png); background-position: top; display: block; height: 32px; width: 32px;  }
    #encabezado .contenedor .opciones-sesion .cuenta { background-image: url(../Imagenes/Template/icono-cuenta.png); background-position: top; display: block; height: 32px; width: 32px;  }
    #encabezado .contenedor .opciones-sesion a:hover{ background-position:bottom;}
    #encabezado .contenedor .menu-superior { width: 785px; height: auto; float: right; clear:right; }

    #encabezado .contenedor .menu-superior .salir { background-image: url(../Imagenes/Template/icono-salir.png); background-position: top; display: block; float: right; height: 16px; width: 16px; margin-top: 8px; }
    #encabezado .contenedor .menu-superior .salir:hover{ background-position:bottom;}
    #encabezado .menu{ float:right; clear:right;  }
    #encabezado .menu li{ float:left; padding: 0 0 0 0; border-right: 1px solid #105A9B; }
    #encabezado .menu li img.icono{ display:block; margin: 0 10px 0 0; float: left; }
    #encabezado .menu li.padre{ }
    #encabezado .menu li:hover{  }
    #encabezado .menu li.jdm_active{ }
    #encabezado .menu li.padre a{ background-image: url(../Imagenes/Sistema/flecha-menu-desplegable.png) !important; background-repeat: no-repeat; background-position: right center; padding-right:8px;}
    #encabezado .menu li a{ padding: 6px 10px; display:block; color:#FFF; font: normal normal 15px Arial; }
    #encabezado .menu li a:hover{ background-color: #1D1060; color:#FBD13B; text-decoration: none; }
    #encabezado .menu li .submenu{ background-color:#2B188F; box-shadow:#FFF; }
    #encabezado .menu li .submenu li{ padding-bottom: 0px; float:none; overflow:hidden; background:none; border-bottom: 0px solid #105A9B; width: 160px; }
    #encabezado .menu li .submenu li a.hijos{ background-image: url(../Imagenes/Template/menu-flecha.png); background-repeat: no-repeat; background-position: right center; }
    #encabezado .menu li .submenu li.jdm_active a.hijos{ background-image: url(../Imagenes/Template/menu-flecha-res.png); background-repeat: no-repeat; background-position: right center; }

    #encabezado .menu li .submenu img.icono{ float:left; margin-right:5px; }
    #encabezado .menu li .submenu span{ display:block; padding-top:5px; }
    #encabezado .menu li .submenu li a{ overflow:hidden;}

    #encabezado .menu li .submenu li a:hover{ background-color: #180E54; }
    #encabezado .menu .submenu li.nodo{ width:180px; }

	#encabezado .menu-sesion{ float:right;}
	#encabezado .menu-sesion a{ color:#fff; cursor:pointer;}
	#encabezado .menu-sesion a{ text-decoration:none;}
	#encabezado .menu-sesion #link-cerrarsesion{ background-color:#110b39; color:#fff; border-radius:4px; padding:2px; margin:5px; cursor:pointer; }
    #encabezado .menu-sesion #link-cerrarsesion:hover{background-color:#C00; text-decoration:none !important;}
    #contenido { margin: auto; width: 1006px; overflow: hidden; padding: 10px; }

#pie { width: 950px; margin: auto; padding: 10px 20px; bottom: 0; text-align: right; color:#999; }
#pie .c-pie{ width: 950px; margin: auto; }
.c-info-legal { width: auto; padding: 10px; margin: 0px; border-top: 8px solid #CCC; }
.c-info-legal p{ font: normal normal 12px/14px 'regular',Arial; color: #CCC; text-align: left; }

.simple #contenido { background: none; }
.seccion{ padding:10px; overflow: hidden; }


/*Padres*/
#contenido .tit-reporte { width: auto; padding: 10px; float: left; clear: both; font: normal normal 18px/20px Arial; color:#FFF; background-color: #FAAE18; }
#contenido #panel-monitoreo .recorridos { float: left; width: 300px; margin-top: 5px; margin-left: 10px; }
#panel-recorrido .opciones .ruta-actual { background-image: url(../Imagenes/Sistema/fondo-item2.png); height: 82px; width: 150px; margin-bottom: 10px; padding: 8px; overflow: hidden; }
#panel-recorrido .opciones .ruta-actual p { font-size: 12px; font-weight: bold; border-bottom: none; margin-bottom: 0px; padding: 0; line-height: 16px; }
#panel-recorrido .opciones .ruta-actual span { color: #999; font-size: 11px; }
.boton-azul { background-image: url(../Imagenes/Template/boton-azul.png); height: 26px; width: 77px; display: block; float: right; color: #FFF !important; font-weight: bold; text-align: center; padding-top: 7px; text-decoration:none !important; background-position:top; cursor:pointer; }
.boton-azul:hover{ background-position:bottom;}
.boton-naranja{ background-color:#d9911a; display:block; padding: 6px 16px; margin: 0 2px; font-family:arial, helvetica, sans-serif; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); font-weight:bold; text-align: center; color: #FFF !important; cursor: pointer; border:1px solid #FF9900; background-image: linear-gradient(bottom, rgb(212,143,23) 3%, rgb(255,163,51) 52%); background-image: -o-linear-gradient(bottom, rgb(212,143,23) 3%, rgb(255,163,51) 52%); background-image: -moz-linear-gradient(bottom, rgb(212,143,23) 3%, rgb(255,163,51) 52%); background-image: -webkit-linear-gradient(bottom, rgb(212,143,23) 3%, rgb(255,163,51) 52%); background-image: -ms-linear-gradient(bottom, rgb(212,143,23) 3%, rgb(255,163,51) 52%); float:right; text-decoration:none; margin-top:10px; }
.boton-naranja:hover{ border:1px solid #006983; background-color: #00C5F7; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00C5F7), color-stop(100%, #0088AB)); background-image: -webkit-linear-gradient(top, #00C5F7, #0088AB); background-image: -moz-linear-gradient(top, #00C5F7, #0088AB); background-image: -ms-linear-gradient(top, #00C5F7, #0088AB); background-image: -o-linear-gradient(top, #00C5F7, #0088AB); background-image: linear-gradient(top, #00C5F7, #0088AB);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#00C5F7, endColorstr=#0088AB); text-decoration:none !important; }


.searchBox { float: right; margin-top: 3px; margin-right: 10px }

.contenedor-miga{width: 950px; margin:auto; overflow: hidden; }
.miga { margin: 10px auto;  color: #666; float: left; }
.miga a{ color:#666; }
.miga span { font-weight: bold; color:#333; }

.current-user { margin: 10px auto; float: right; }
.current-user span { font-weight: bold; font-size: small; color:#333; }

.largo #principal #contenido { background:none; width: auto; margin-right: 15px; margin-left: 15px; background-color: #FFF; -moz-border-radius:5px; }


#encabezado .contenedor .menu-superior p { background-color: #ff9a26; padding: 10px; font-size: 16px; font-weight: bold; color: #FFF; float: left; padding-right: 20px; }

.tarjeta_transferencia {}
    /*.reporte div.listado-reporte { clear: both; margin-top: 6px; float: left; width: 100% }*/
    .tarjeta_transferencia div.numero_tarjeta { width:320px;float:left; margin-right: 20px; }
    .tarjeta_transferencia label.tarjeta_numero_label { width:70px; float:left; margin-right: 5px; }
    .tarjeta_transferencia label.tarjeta_estado { float:left; margin-top: 5px; }
    .tarjeta_transferencia label.tarjeta_numero_label_principal { float:left; margin-right: 5px; }
    .tarjeta_transferencia div.tarjeta_monto { width:300px;float:left; margin-top:-12px; }
    .tarjeta_transferencia div.tarjeta_slider_monto { width:300px; }
    .tarjeta_transferencia div.valor_slider { float:left; margin-left:15px; width:auto; }
    .tarjeta_transferencia input.amount_slider { border:0; color:#f6931f; font-weight:bold; float:left; }
    .tarjeta_transferencia span.mensaje_entrar_texto { float:left; }
    .tarjeta_transferencia span.estado_span { color: #E48010; display: block; float: left; font-weight: bold; margin: 5px;}
    .tarjeta_transferencia div.valor_actual { float:right; margin-right:10px; }
    .tarjeta_transferencia div.valor_actual_float_izquierda { float:left; margin-left:15px; }
    .tarjeta_transferencia div.valor_actual_cabecera { float:left; margin-left:360px; margin-top: -20px}
    .tarjeta_transferencia div.titutlo_tranferencias { border:1px solid #CCC; position:absolute; z-index:1; margin-top: -30px; padding: 5px; background-color: #FFFFFF; }
    .tarjeta_transferencia div.label_slider_recarga { margin-bottom: 10px; margin-top: -9px; }
    .tarjeta_transferencia div.tarjeta_agregar { float:right; margin-top:10px; }
    .tarjeta_transferencia .tarjeta_transferencia_contenido { height:25px; }
    .tarjeta_transferencia .tarjeta_monto_nueva { width:300px;float:left; margin-top:4px;   }


.boton-quitar {
                  background-image: url("../Imagenes/Template/icono-remover.png");
                  background-position: left top;
                  background-repeat: no-repeat;
                  cursor: pointer;
                  float: right;
                  margin-top: -3px;
                  height: 18px;
                  padding: 3px 5px 0 20px;
                }

.campo_error {
                  border: 1px solid #FF0000 !important;
                  background: red;
             }

#autocompletar-idtarjeta_extender {margin-left: 50px;}

.valores {
            margin: 0 0px 0 5px;
            font-size: 18px;
            font-weight: bold;
         }

.vencido {
            color: red;
         }

.archivo_csv_label {width: 120px !important; margin-top: 7px;}

table#tabla_csv_recarga {
                            font-family: Tahoma, Verdana, Arial;
                            border-collapse: collapse;
                            border-spacing: 1px;
                            border-left: 1px solid #1F2A34;
                            border-right: 1px solid #1F2A34;
                        }
table#tabla_csv_recarga thead th{
    background: url('../Imagenes/Fondos/fondo-tabla-csv.gif');
    font-size: 14px;
    color: #fff;
    height: 30px;
    text-align: center;
    border-top: 5px solid black;
    border-bottom: 5px solid black;
    border-left: 1px solid #1F2A34;
    border-right: 1px solid #1F2A34;
}
table#tabla_csv_recarga tbody td{
    font-size: 14px;
    background: #545454;
    color: #fff;
    border: 1px solid #373B3E;
    padding-left: 3px;
    height: 40px;
}
table#tabla_csv_recarga tbody td a:link{
    font-size: 12px;
    color:#FF6600;
    font-weight: bold;
    text-decoration: none;
}

table#tabla_csv_recarga tbody td a:hover{
    font-size: 12px;
    color:#FF6600;
    font-weight: bold;
    text-decoration: underline;
}

table#tabla_csv_recarga tbody td a:visited{
    font-size: 12px;
    color:#FF6600;
    font-weight: bold;
    text-decoration: line-through;
}

table#tabla_csv_recarga tfoot{
    background: #545454;
    color: #fff;
    font-size: 18px;
    text-align: center;
    border-left: 1px solid #1F2A34;
    border-right: 1px solid #1F2A34;
}

table#tabla_csv_recarga tbody th{
    background: #373B3E;
    color: #080808;
    text-align: left;
    padding-left: 4px;
    border: 1px solid #2d3134;
    width: 120px;
}
table#tabla_csv_recarga tbody th a:link{
    color: #fff;
    font-size: 12px;
    font-weight: bolder;
    text-decoration: none;
}
table#tabla_csv_recarga tbody th a:hover{
    font-size: 13px;
    color: #fff;
    font-weight: bolder;

}
table#tabla_csv_recarga tbody th a:visited{
    text-decoration: line-through;
    font-size: 12px;
    color: #fff;
    font-weight: bolder;

}
table#tabla_csv_recarga tbody tr:hover{
    background: #333;
}


table#tabla_csv_recarga tfoot td{
    font-style:italic;
}

table#tabla_csv_recarga caption{
    background: #545454;
    color: #fff;
    text-align: center;
    font-size: 24px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-left: 1px solid #1F2A34;
    border-right: 1px solid #1F2A34;
}

table#tabla_csv_recarga tbody .odd {
     background-color: #858585 !important;
}

.valor_recarga_masiva {
                            text-align: right;
                      }

.separador {
                clear: both;
                height: 20px;
           }

#reporte-cadena td{ padding:8px !important;}
#form-parametrosregistro .contenedor-campo{ width:200px; border-bottom:dotted #ccc 1px; height:45px;}


#tabs-configuracion{}
#tabs-configuracion .contenedor-campo.resaltada{ background-color:#EBEBEB; }

.reporte {  }
.reporte .tabla-reporte { border-style: none; border-color: #000; }
.reporte .tabla-reporte td, .reporte .tabla-reporte th{ padding:4px; font-size:12px; text-align:center; }
.reporte .tabla-reporte thead td, .reporte .tabla-reporte td.titulo{ font-weight:bold; border-bottom:solid 1px #000; padding-left:7px; padding-right:7px; background-color:#E4E4E4;   }
.reporte .tabla-reporte tfoot td{ font-weight:bold; border-top:solid 1px #000; }

.codigoauto{ display:block; padding:10px; background-color:#FFFFCF; font-weight:bold; margin-right:11px; }
#proveedores-auto .linea{ display:block; }

#newcustomer-button { background-color:#00C5F7; display:block; padding: 6px 16px; margin: 0 2px; font-family:arial, helvetica, sans-serif; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); font-weight:bold; text-align: center; color: #FFF; cursor: pointer; border:1px solid #008db1; background-image: -webkit-linear-gradient(top, #00C5F7, #0088AB); background-image: -moz-linear-gradient(top, #00C5F7, #0088AB); background-image: -ms-linear-gradient(top, #00C5F7, #0088AB); background-image: -o-linear-gradient(top, #00C5F7, #0088AB); background-image: linear-gradient(top, #00C5F7, #0088AB);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#00C5F7, endColorstr=#0088AB); border-radius: 3px; float: right; }
#newcustomer-button:hover { text-decoration: none;}
#newcustomer-button.down {  background-color: #00C5F7; padding: 6px 17px; font-weight: normal; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#06A4CC), color-stop(100%, #017391)); background-image: -webkit-linear-gradient(top, #06A4CC, #017391); background-image: -moz-linear-gradient(top, #06A4CC, #017391); background-image: -ms-linear-gradient(top, #06A4CC, #017391); background-image: -o-linear-gradient(top, #06A4CC, #017391); background-image: linear-gradient(top, #06A4CC, #017391);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#06A4CC, endColorstr=#017391); border-radius: 3px; }

.repetidor-items{ overflow:hidden;}
.repetidor-items .contenedor-items .item{ border:solid 1px #ccc; border-radius:5px; padding:10px; margin-top:10px; overflow:hidden; background-color:#F2F2F2 }
.repetidor-items .contenedor-items .item.selected{ border: solid 1px #105a9b; background-color: #EBF2F3; }
.repetidor-items .contenedor-items .item h2{ font-size:14px; margin-bottom:5px;}
.repetidor-items .contenedor-items .item .borrar-item{ background-image: url(../Imagenes/Opciones/22x22/Borrar.png); display: block; height: 22px; width: 22px; float: right; cursor:pointer; }
.repetidor-items .intervalContainer{ overflow:hidden;}
.repetidor-items .intervalContainer .interval .borrar-item{ background-image: url(../Imagenes/Opciones/22x22/Borrar.png); display: block; height: 22px; width: 22px; float: left; cursor:pointer; margin-right: 20px; }
.repetidor-items .agregar-interval{ background-image: url(../Imagenes/Opciones/22x22/Agregar.png); display: block; height: 24px; width: 24px; float: left; cursor:pointer; margin-right: 20px; }
.repetidor-items .agregar-item{ background-color:#d9911a; display:block; padding: 6px 16px; margin: 0 2px; font-family:arial, helvetica, sans-serif; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); font-weight:bold; text-align: center; color: #FFF; cursor: pointer; border:1px solid #FF9900; background-image: linear-gradient(bottom, rgb(212,143,23) 3%, rgb(255,163,51) 52%); background-image: -o-linear-gradient(bottom, rgb(212,143,23) 3%, rgb(255,163,51) 52%); background-image: -moz-linear-gradient(bottom, rgb(212,143,23) 3%, rgb(255,163,51) 52%); background-image: -webkit-linear-gradient(bottom, rgb(212,143,23) 3%, rgb(255,163,51) 52%); background-image: -ms-linear-gradient(bottom, rgb(212,143,23) 3%, rgb(255,163,51) 52%); float:right; text-decoration:none; margin-top:10px; }
.repetidor-items .agregar-item:hover{ border:1px solid #006983; background-color: #00C5F7; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00C5F7), color-stop(100%, #0088AB)); background-image: -webkit-linear-gradient(top, #00C5F7, #0088AB); background-image: -moz-linear-gradient(top, #00C5F7, #0088AB); background-image: -ms-linear-gradient(top, #00C5F7, #0088AB); background-image: -o-linear-gradient(top, #00C5F7, #0088AB); background-image: linear-gradient(top, #00C5F7, #0088AB);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#00C5F7, endColorstr=#0088AB); }
.repetidor-items .boton{ background-color:#d9911a; display:block; padding: 6px 16px; margin: 0 2px; font-family:arial, helvetica, sans-serif; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); font-weight:bold; text-align: center; color: #FFF; cursor: pointer; border:1px solid #FF9900; background-image: linear-gradient(bottom, rgb(212,143,23) 3%, rgb(255,163,51) 52%); background-image: -o-linear-gradient(bottom, rgb(212,143,23) 3%, rgb(255,163,51) 52%); background-image: -moz-linear-gradient(bottom, rgb(212,143,23) 3%, rgb(255,163,51) 52%); background-image: -webkit-linear-gradient(bottom, rgb(212,143,23) 3%, rgb(255,163,51) 52%); background-image: -ms-linear-gradient(bottom, rgb(212,143,23) 3%, rgb(255,163,51) 52%); float:right; text-decoration:none; margin-top:10px; }
.repetidor-items .boton:hover{ border:1px solid #006983; background-color: #00C5F7; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00C5F7), color-stop(100%, #0088AB)); background-image: -webkit-linear-gradient(top, #00C5F7, #0088AB); background-image: -moz-linear-gradient(top, #00C5F7, #0088AB); background-image: -ms-linear-gradient(top, #00C5F7, #0088AB); background-image: -o-linear-gradient(top, #00C5F7, #0088AB); background-image: linear-gradient(top, #00C5F7, #0088AB);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#00C5F7, endColorstr=#0088AB); }

#newIntervalContainer .repetidor-items .newInterval .borrar-item{ background-image: url(../Imagenes/Opciones/22x22/Borrar.png); display: block; height: 22px; width: 22px; float: left; cursor:pointer; margin-right: 20px; }
#newIntervalContainer .agregar-interval{ background-image: url(../Imagenes/Opciones/22x22/Agregar.png); display: block; height: 24px; width: 24px; float: left; cursor:pointer; margin-right: 20px; }

#add-item{display:block; padding: 6px 16px; margin: 0 2px; font-family:arial, helvetica, sans-serif; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); font-weight:bold; text-align: center; color: #FFF; cursor: pointer; border:1px solid #FF9900; background-image: linear-gradient(bottom, rgb(212,143,23) 3%, rgb(255,163,51) 52%); background-image: -o-linear-gradient(bottom, rgb(212,143,23) 3%, rgb(255,163,51) 52%); background-image: -moz-linear-gradient(bottom, rgb(212,143,23) 3%, rgb(255,163,51) 52%); background-image: -webkit-linear-gradient(bottom, rgb(212,143,23) 3%, rgb(255,163,51) 52%); background-image: -ms-linear-gradient(bottom, rgb(212,143,23) 3%, rgb(255,163,51) 52%); float:right; text-decoration:none; margin-top:10px;}
.add-itemgen{display:block; padding: 6px 16px; margin: 0 2px; font-family:arial, helvetica, sans-serif; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); font-weight:bold; text-align: center; color: #FFF !important; cursor: pointer; border:1px solid #FF9900; background-image: linear-gradient(bottom, rgb(212,143,23) 3%, rgb(255,163,51) 52%); background-image: -o-linear-gradient(bottom, rgb(212,143,23) 3%, rgb(255,163,51) 52%); background-image: -moz-linear-gradient(bottom, rgb(212,143,23) 3%, rgb(255,163,51) 52%); background-image: -webkit-linear-gradient(bottom, rgb(212,143,23) 3%, rgb(255,163,51) 52%); background-image: -ms-linear-gradient(bottom, rgb(212,143,23) 3%, rgb(255,163,51) 52%); float:right; text-decoration:none; margin-top:10px; border-radius:5px; text-decoration:none;}
#lista-carrito{ overflow:hidden; margin-bottom:5px; background-color:#F9F9F9;}
#lista-carrito .item-added{ margin:5px; padding:8px; overflow:hidden;}
#lista-carrito .item-added h2{ font-weight:normal; font-size:14px; margin-top:6px;}
#lista-carrito .item-added h3{ font-weight:bold; font-size:18px; }
#lista-carrito .item-added img{ float:left;}
#lista-carrito .item-added .desc{ float:left;}
#lista-carrito .item-added span{ font-size:18px;}
#lista-carrito .item-added .delete{ background-image: url(../Imagenes/Opciones/22x22/Borrar.png); display: block; height: 22px; width: 22px;  cursor:pointer; margin:auto; }
#lista-carritocustomer .item-added .delete{ background-image: url(../Imagenes/Opciones/22x22/Borrar.png); display: block; height: 22px; width: 22px;  cursor:pointer; margin:auto; }
#totales-carrito{ float:right; padding:4px; margin-right:6px; }
#totales-carrito span{ display:block; padding:3px; font-size:15px; background-color:#FFFF99; float:left; margin-left:10px; border-radius:5px; font-weight: bold; }

#check-order-content .contenedorformulario{ padding:0;}
#check-order-content .contenedorformulario .fieldset{ padding:5px 10px; margin-bottom:7px;}
#check-order-content .contenedorformulario label{ padding-bottom:0;}
#check-order-content .contenedorformulario .contenedor-campo{ padding-bottom:0;}
#check-order-content .contenedorformulario fieldset{ padding:0; margin:0;}

.erroren-form{ float:right; color:#CC0000; font-weight:bold; margin-right:8px; margin-top:7px; display:none;}

/* Tabla de datos de reporte */
.tabla-reporte2{ width:100%; border: 1px #939598 solid;}
	.tabla-reporte2 thead tr td { background-color: #333333; color: #FFF; text-align: center; padding: 5px; border-right: solid 1px #939598; background-repeat: repeat-x; background-position: bottom; }
	.tabla-reporte2 thead tr td:last-child { border:none;}
    .tabla-reporte2 thead tr td .asc { background-image: url(../img/reporte-asc.png); display: inline-block; height: 5px; width: 8px; margin-left:4px; }
    .tabla-reporte2 thead tr td .desc { background-image: url(../img/reporte-des.png); display: inline-block; height: 5px; width: 8px; margin-left:4px; }
	.tabla-reporte2 tbody tr { background-image: url(../img/reporte-fondofila.jpg); background-repeat: repeat-x; background-position: bottom; border-bottom: dotted 1px #939598; }
    .tabla-reporte2 tbody tr:hover{ background-color:#CCCCCC; background-image:none; }
    .tabla-reporte2 tbody tr.selected{ background-color:#DCECF9; background-image:none;}
    .tabla-reporte2 tbody tr td { color: #231f20; padding: 6px 4px; font-size: 12px; text-align: center; border-right: dotted 1px #939598; }
	.tabla-reporte2 tbody tr td a{ font-weight:bold;}
    .tabla-reporte2 tbody tr td:last-child{ border:none;}
    .tabla-reporte2 tbody tr td .opcion{ font-weight: normal; }
	.tabla-reporte2 tbody tr td .opcion span{ font-size: 10px; clear: both; display: block;  color: #5b5b5f; }
	.tabla-reporte2 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-reporte2 td .borrar{ background-image: url("../Imagenes/Opciones/22x22/Borrar.png"); cursor: pointer; display: block; height: 22px; margin: auto; width: 22px;}

/* Tabla de datos de reporte */
.tabla-reporte3{ width:100%; border: none;}
	.tabla-reporte3 thead tr td { color: #333; text-align: center; padding: 5px; background-repeat: repeat-x; background-position: bottom; font-size: 14px; font-weight:bold; }
	.tabla-reporte3 thead tr td:last-child { border:none;}
    .tabla-reporte3 thead tr td .asc { background-image: url(../img/reporte-asc.png); display: inline-block; height: 5px; width: 8px; margin-left:4px; }
    .tabla-reporte3 thead tr td .desc { background-image: url(../img/reporte-des.png); display: inline-block; height: 5px; width: 8px; margin-left:4px; }
	.tabla-reporte3 tbody tr {  }
    .tabla-reporte3 tbody tr:hover{ background-color:#CCCCCC; background-image:none; }
    .tabla-reporte3 tbody tr.selected{ background-color:#DCECF9; background-image:none;}
    .tabla-reporte3 tbody tr td { color: #231f20; padding: 6px 4px; font-size: 12px; text-align: center; }
	.tabla-reporte3 tbody tr td.precio{font-weight:bold; font-size:16px;}
	.tabla-reporte3 tbody tr td.cantidad{font-weight:bold; font-size:18px;}
	.tabla-reporte3 tbody tr td.txt{font-weight:normal; font-size:16px;}
	.tabla-reporte3 tbody tr td a{ font-weight:bold;}
    .tabla-reporte3 tbody tr td:last-child{ border:none;}
    .tabla-reporte3 tbody tr td .opcion{ font-weight: normal; }
	.tabla-reporte3 tbody tr td .opcion span{ font-size: 10px; clear: both; display: block;  color: #5b5b5f; }
	.tabla-reporte3 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 de datos de reporte */
.tabla-reporte4{ width:100%; border: none;}
    .tabla-reporte4 thead tr td { color: #333; text-align: left; padding: 5px; background-repeat: repeat-x; background-position: bottom; font-size: 12px; font-weight:bold; }
    .tabla-reporte4 thead tr td:last-child { border:none;}
    .tabla-reporte4 thead tr td .asc { background-image: url(../img/reporte-asc.png); display: inline-block; height: 5px; width: 8px; margin-left:4px; }
    .tabla-reporte4 thead tr td .desc { background-image: url(../img/reporte-des.png); display: inline-block; height: 5px; width: 8px; margin-left:4px; }
    .tabla-reporte4 tbody tr {  }
    .tabla-reporte4 tbody tr:nth-child(odd) { background-color: #DDD;}
    .tabla-reporte4 tbody tr:nth-child(even) {  }
    .tabla-reporte4 tbody tr:hover{ background-color:#CCCCCC; background-image:none; }
    .tabla-reporte4 tbody tr.selected{ background-color:#DCECF9; background-image:none;}
    .tabla-reporte4 tbody tr td { color: #231f20; padding: 6px 4px; font-size: 12px; text-align: left; }
    .tabla-reporte4 tbody tr td.precio{font-weight:bold; font-size:16px;}
    .tabla-reporte4 tbody tr td.cantidad{font-weight:bold; font-size:18px;}
    .tabla-reporte4 tbody tr td.txt{font-weight:normal; font-size:14px;}
    .tabla-reporte4 tbody tr td a{ font-weight:bold;}
    .tabla-reporte4 tbody tr td:last-child{ border:none;}
    .tabla-reporte4 tbody tr td .opcion{ font-weight: normal; }
    .tabla-reporte4 tbody tr td .opcion span{ font-size: 10px; clear: both; display: block;  color: #5b5b5f; }
    .tabla-reporte4 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-reporte4 tbody tr td.precio input{ width:45px;}

/* Tabla de datos de reporte */
.tabla-reporte5{ width:100%; border: none;}
	.tabla-reporte5 thead tr td { color: #333; text-align: center; padding: 0px; background-repeat: repeat-x; background-position: bottom; font-size: 12px; font-weight:bold; }
	.tabla-reporte5 thead tr td:last-child { border:none;}
    .tabla-reporte5 thead tr td .asc { background-image: url(../img/reporte-asc.png); display: inline-block; height: 5px; width: 8px; margin-left:4px; }
    .tabla-reporte5 thead tr td .desc { background-image: url(../img/reporte-des.png); display: inline-block; height: 5px; width: 8px; margin-left:4px; }
	.tabla-reporte5 tbody tr {  }
	.tabla-reporte5 tbody tr:nth-child(odd) { background-color: #DDD;}
	.tabla-reporte5 tbody tr:nth-child(even) {  }
    .tabla-reporte5 tbody tr:hover{ background-color:#CCCCCC; background-image:none; }
    .tabla-reporte5 tbody tr.selected{ background-color:#DCECF9; background-image:none;}
    .tabla-reporte5 tbody tr td { color: #231f20; padding: 6px 4px; font-size: 12px; text-align: left; }
	.tabla-reporte5 tbody tr td.precio{font-weight:bold; font-size:14px;}
	.tabla-reporte5 tbody tr td.cantidad{font-size:14px;}
	.tabla-reporte5 tbody tr td.txt{font-weight:normal; font-size:12px;}
	.tabla-reporte5 tbody tr td a{ font-weight:bold;}
    .tabla-reporte5 tbody tr td:last-child{ border:none;}
    .tabla-reporte5 tbody tr td .opcion{ font-weight: normal; }
	.tabla-reporte5 tbody tr td .opcion span{ font-size: 10px; clear: both; display: block;  color: #5b5b5f; }
	.tabla-reporte5 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-reporte5 tbody tr td.precio input{ width:45px;}


#order-options .contenedor-botones .print { background-image: url(../Imagenes/Sistema/print.png); display: block; height: 22px; background-position: left center; background-repeat: no-repeat; float: right; padding-left: 36px; padding-top: 10px; font-weight: bold; font-size: 14px; margin-right: 15px; cursor:pointer; }
#order-options .contenedor-botones .email { background-image: url(../Imagenes/Sistema/email.png); display: block; height: 22px; background-position: left 3px; background-repeat: no-repeat; float: right; padding-left: 36px; padding-top: 10px; font-weight: bold; font-size: 14px; margin-right: 10px; cursor:pointer;}
#order-options .contenedor-botones .pdf { background-image: url(../Imagenes/Sistema/pdf.png); display: block; height: 18px; background-position: left 0px; background-repeat: no-repeat; float: right; padding-left: 28px; font-weight: bold; font-size: 14px; margin-right: 10px; cursor:pointer; padding-top: 10px; }
#order-options .contenedor-botones .csv { background-image: url(../Imagenes/Sistema/csv.png); display: block; height: 18px; background-position: left 0px; background-repeat: no-repeat; float: right; padding-left: 28px; font-weight: bold; font-size: 14px; margin-right: 10px; cursor:pointer; padding-top: 10px; }
#index .opciones { margin: auto; text-align: center; }
#index .opciones a { width: 117px; height: 35px; display: block; float: left; text-align: right; border-radius: 5px; border: solid 1px #ccc; margin: 10px; padding: 50px; font-size: 20px; text-decoration: none; background-repeat: no-repeat; background-position: 6px 6px; border-radius: 8px; background-color:#e7e5e5; -webkit-transition: margin 0.1s ease-out; -moz-transition: margin 0.1s ease-out;  -o-transition: margin 0.1s ease-out;}
#index .opciones a:hover{ background-color: #EEE; margin-top: 2px }
#order-status-content{ font-size:18px; font-weight:bold;}.pie-ord { margin: 10px auto; width: 700px; font-weight: bold; }
#copy-order-content{ font-size:18px; font-weight:bold;}


#report-ordertotals #busqueda{ display:block !important; }
#report-ordertotals .contenedor-campo{ padding-right:20px; }
#report-ordertotals .contenedor-botones{ display:block; padding-top:5px; margin-top:25px; }
#report-ordertotals div.contenido-reporte .tabla-reporte .fila-contenido td span{ text-align:right;}
#report-ordertotals div.contenido-reporte .tabla-reporte .seleccionada td span{ text-align:right;}
#report-ordertotals div.contenido-reporte .tabla-reporte .fila-totales td{ text-align:right;}
.ver-grafico{ float:right; text-decoration:none; padding:2px; border-radius:4px; background-color:#CCCCCC; color:#fff; margin-top:15px; cursor:pointer; font-size: 11px; margin-right:12px; margin-bottom:5px; clear:both; }
.ver-grafico:hover{ background-color:#333333;}

.reporte .ver-busquedaavanzada{ float:right; text-decoration:none; padding:2px; border-radius:4px; clear:both; background-color:#CCCCCC; color:#fff; margin:8px 3px; cursor:pointer; font-size: 11px;  }
.reporte .ver-busquedaavanzada:hover{ background-color:#333333;}
.reporte .busqueda-avanzada{ background-color:#F7F7F7; padding:10px; clear:both; overflow:hidden; }


#report-commission .contenedor-botones{ display:block; padding-top:5px; margin-top:20px; float:right; }
#report-commission .contenedorformulario{ margin:12px; padding-top:10px;}
#report-commission .listado-reporte{ margin-top:15px;}
#report-commission  .tabla-reporte .fila-titulos td.diario{ background-color:#CC0000; color:#fff;}
#report-commission  .tabla-reporte .fila-titulos td.mensual{ background-color:#FF6600; color:#fff; }
#report-commission  .tabla-reporte .fila-titulos td.quarterly{ background-color:#FFAD00; color:#fff; }
#report-commission  .tabla-reporte .fila-titulos td.anual{ background-color:#336600; color:#fff; }

#report-commission  .tabla-reporte .fila-contenido td.diario{ background-color:#FFF2F2; }
#report-commission  .tabla-reporte .fila-contenido td.mensual{ background-color:#FFF1E6; }
#report-commission  .tabla-reporte .fila-contenido td.quarterly{ background-color:#FFFAE6; }
#report-commission  .tabla-reporte .fila-contenido td.anual{ background-color:#EFFFDF; }
#report-commission  .tabla-reporte .fila-contenido td span{ text-align:right;}
#report-commission  .tabla-reporte .seleccionada td span{ text-align:right;}
#report-commission  .tabla-reporte .fila-totales td{ text-align:right;}
#report-commission  .tabla-reporte thead td, .reporte .tabla-reporte td.titulo{ background-color:#105A9B;}
#report-commission  .tabla-reporte .fila-contenido td{ font-size:12px;}
#report-commission .sorttable_sorted span{ padding:0 !important;}
#report-commission .sorttable_sorted_reverse span{padding:0 !important; }
#report-commission .tabla-reporte .fila-titulos td span{ cursor:pointer;}
.cargando-orden{ background-image: url(../Imagenes/Sistema/ajax-loader.gif); margin: auto;  width: 128px; height: 15px; margin-top:20px; }

#commission-report{}
	#commission-report h1{ margin-bottom:10px;}
	#commission-report .contenedor-botones{ display:block; padding-top:5px; margin-top:20px; float:right; }
	#commission-report .contenedorformulario{ margin:12px; padding-top:10px;}
	#commission-report .contenedorformulario.filtro{ background-color:#F4F4F4; padding:10px; border:solid 1px #ccc; border-radius:4px; overflow:hidden; }
	#commission-report .listado-reporte{ margin-top:15px;}
	#commission-report .tabla-reporte .fila-contenido{ cursor:auto;}

	#commission-report  .tabla-reporte .fila-contenido td span{ text-align:center;}
	#commission-report  .tabla-reporte .seleccionada td span{ text-align:right;}
	#commission-report  .tabla-reporte .fila-totales td{ text-align:center;}
	#commission-report  .tabla-reporte thead td, .reporte .tabla-reporte td.titulo{ background-color:#105A9B;}
	#commission-report  .tabla-reporte .fila-contenido td{ font-size:11px;}
	#commission-report .sorttable_sorted span{ padding:0 !important;}
	#commission-report .sorttable_sorted_reverse span{padding:0 !important; }
	#commission-report .tabla-reporte .fila-titulos td span{ cursor:pointer;}
	#commission-report .link_comments{ padding:3px; color:#fff; background-color:#009cc4; border-radius:4px; text-decoration:none; cursor:pointer; }
	#commission-report .link_comments:hover{ background-color:#00809F; }
	#commission-report .tabla-reporte .airtime-field .boton{ padding:0; display:none; width:54px;}
	#commission-report .tabla-reporte .airtime-field .boton.cancel{ margin-top:2px;}
	#commission-report .tabla-reporte td.strike-price b{ font-size:16px;}
	#commission-report .tabla-reporte td.strike-price .commtype{ padding:1px; color:#fff; background-color:#333333; border-radius:4px; text-decoration:none;}
	#commission-report .tabla-reporte td.strike-price .commtype.error{ background-color:#CC0000;}
	#commission-report .tabla-reporte td.airtime b{ font-size:16px;}
	#commission-report .tabla-reporte td.airtime .commtype{ padding:1px; color:#fff; background-color:#333333; border-radius:4px; text-decoration:none;}
	#commission-report .tabla-reporte td.airtime .commtype.error{ background-color:#CC0000; width:20px; margin:auto;}
    #commission-report .tabla-reporte td.invoice-paid{ background-color: #CCFF99; font-weight: bold; }
    #commission-report .tabla-reporte td.invoice-paid.no{ background-color: #FFFFCC; }
	#commission-report .tabla-reporte td.country{ font-weight: bold; }
	#commission-report .tabla-reporte td.country.no{ background-color: #FF9900; font-weight: bold; }
	#commission-report .tabla-reporte td.pterms .balance{ font-weight:bold; color:#CC0000; font-size:10px;}
	#commission-report .tabla-reporte td.commission-topay .gt0{ padding: 3px; color: #fff; background-color: #0066CC; border-radius: 4px; text-decoration: none; display:inline-block; }

    #commission-report.salesman table .fila-contenido td{ cursor:pointer;}
	#commission-report.salesman table .fila-contenido:hover{ background: none; background-color: #F4F4F4; }
	#commission-report.salesman table .fila-contenido.selected{ background: none; background-color: #9CF; }
	#commission-report.salesman table table{}
	#commission-report.salesman table .info{ background-color: #CCCCCC; }
	#commission-reportbyorder{  margin:10px;}
	#commission-reportbyorder table{ background-color:#fff; }
	#commission-reportbyorder table tr{ border-bottom: 1px dotted #DFDFDF;}
	#commission-reportbyorder table thead td{ color:#fff; background-color:#333 !important;}
	#commission-report.salesman .cargando-orden{ margin-bottom:18px;}
	#commission-report .order-detail{ cursor:pointer;}
	#commission-reportbyorder input[type="submit"], #commission-reportbyorder input[type="button"]{ padding:2px; font-size:12px;}
	#commission-report .boton.salesman-itemdetails{padding:2px; font-size:12px;}
	#commission-reportbyorder table tr{ cursor:pointer;}
	#order-view-content{ background-color:#fff;}
	#commission-report .info-order{ overflow:hidden; margin-left:11px; margin-top:10px;}
	#commission-report .info-order .inf{ float:left; margin-right:10px; padding:3px; border:solid 1px #ccc; border-radius:4px; margin-top:6px; background-color:#FFF;}
	#order-options{ clear:both;}

/*PRODUCTS...*/
#productsList .productAdded .delete,.delete_version,.delete_editversion,.delete_flt{ background-image: url(../Imagenes/Opciones/22x22/Borrar.png); display: block; height: 22px; width: 22px;  cursor:pointer; margin:auto; }

#productsList .productAdded .edit,.edit_new,.edit_version,.edit_editversion,.edit_version_flt,.edit_flt{ background-image: url(../Imagenes/Opciones/22x22/Editar.png); display: block; height: 22px; width: 22px;  cursor:pointer; margin:auto; }

.search-row.customer{ padding-left: 40px; background-image: url(../Imagenes/Sistema/icon-customer.png); background-repeat: no-repeat; background-position: 3px 3px; border-bottom:dotted 1px #ccc; padding-top:8px; padding-bottom:8px; }
.search-row.customer h1{ font-size:15px; line-height:16px;}
.search-row.customer h2{ font-size:14px; line-height:16px; font-weight:normal;}
.search-row.customer h4{ margin:0; padding:0; }

.search-row.order{ padding-left: 40px; background-image: url(../Imagenes/Sistema/icon-order.png); background-repeat: no-repeat; background-position: 3px 3px; border-bottom: dotted 1px #ccc; padding-top: 8px; padding-bottom: 8px; }
.search-row.order h1{ font-size:15px; line-height:16px;}
.search-row.order h2{ font-size:14px; line-height:16px; font-weight:normal;}
.search-row.order h4{ margin:0; padding:0; }


.notificacion-importante { color: #FFF; background-color: #C00; padding: 8px; margin: 10px 0; border-radius: 5px; background-image: url(../Imagenes/Sistema/icono-twitterblanco.png); background-position: 4px center; background-repeat: no-repeat; padding-left: 32px; }

#devices tbody tr:nth-child(odd) { background-color: #DDD;}
#devices tbody tr:nth-child(even) {  }
#devices tbody td{ font-size:14px;}


/*
|--------------------------------------------------------------------------
| IFrame mode
*/
.iframe_mode #encabezado, .iframe_mode .contenedor-miga, .iframe_mode #pie{
    display: none;
}
body.iframe_mode{
    background-image: none;
}