/*
|===========================================================
|Master stylesheet css
|===========================================================
|@Project : megaruta - backend
|@Date    : 07-11-2014
|@Backend :
|@Frontend:
|@Note    :
|===========================================================
*/
@font-face { font-family: 'bold'; src: url('fuentes/open-sans/opensans_bold/OpenSans-Bold-webfont.eot'); src: url('fuentes/open-sans/opensans_bold/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('fuentes/open-sans/opensans_bold/OpenSans-Bold-webfont.woff') format('woff'), url('fuentes/open-sans/opensans_bold/OpenSans-Bold-webfont.ttf') format('truetype'), url('fuentes/open-sans/opensans_bold/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');font-weight: normal;font-style: normal; }
@font-face { font-family: 'regular'; src: url('fuentes/open-sans/opensans_regular/OpenSans-Regular-webfont.eot'); src: url('fuentes/open-sans/opensans_regular/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fuentes/open-sans/opensans_regular/OpenSans-Regular-webfont.woff') format('woff'), url('fuentes/open-sans/opensans_regular/OpenSans-Regular-webfont.ttf') format('truetype'), url('fuentes/open-sans/opensans_regular/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');font-weight: normal; font-style: normal; }
@font-face { font-family: 'light'; src: url('fuentes/open-sans/opensans_light/OpenSans-Light-webfont.eot'); src: url('fuentes/open-sans/opensans_light/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('fuentes/open-sans/opensans_light/OpenSans-Light-webfont.woff') format('woff'), url('fuentes/open-sans/opensans_light/OpenSans-Light-webfont.ttf') format('truetype'), url('fuentes/open-sans/opensans_light/OpenSans-Light-webfont.svg#open_sanslight') format('svg');font-weight: normal;font-style: normal; }
@font-face { font-family: 'semibold'; src: url('fuentes/open-sans/opensans_semibold/OpenSans-Semibold-webfont.eot'); src: url('fuentes/open-sans/opensans_semibold/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('fuentes/open-sans/opensans_semibold/OpenSans-Semibold-webfont.woff') format('woff'), url('fuentes/open-sans/opensans_semibold/OpenSans-Semibold-webfont.ttf') format('truetype'), url('fuentes/open-sans/opensans_semibold/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg'); font-weight: normal;font-style: normal; }
@font-face { font-family: 'icon-set01'; src:url('iconos/icon-set01/fonts/icon-set01.eot?-fpwaio'); src:url('iconos/icon-set01/fonts/icon-set01.eot?#iefix-fpwaio') format('embedded-opentype'), url('iconos/icon-set01/fonts/icon-set01.woff?-fpwaio') format('woff'), url('iconos/icon-set01/fonts/icon-set01.ttf?-fpwaio') format('truetype'), url('iconos/icon-set01/fonts/icon-set01.svg?-fpwaio#icon-set01') format('svg'); font-weight: normal; font-style: normal; }
/*
|================================
|@php class     :
|@html template :
|@Note          : Reset - normalize.css
|================================
*/
html {}
body {  }

fieldset { border: none; }
.clear { clear: both; }
a { text-decoration: none; color: #000; }
a:hover { text-decoration: none; }

body, div, span { margin: 0px; padding: 0px; }
ul { list-style-type: none; }
img { border: none; }
table { border-collapse: collapse; }
body, html { font-family: 'regular'; font-size: 13px; color:#000; }


#PanelParametros .ui-tabs { padding: 1.0em;border: none }
#PanelParametros ul{margin: 0; padding: 0;}
#PanelParametros .ui-widget-header { background: none;border: none; }
.ui-tabs .ui-tabs-nav li a { padding: 0.5em 2em; }
.ui-widget-header .ui-tabs-active { background: #464646; }
.ui-widget-header .ui-tabs-active a { color: #FFF }
.ui-tabs .ui-tabs-panel { margin: 0 3px 3px;border-width: 1px; background-color: #fafafa }
#imagencargando { display: none; }


#contenido {  background-color: #fff; padding: 10px 15px 40px 15px; max-width: 98%; margin: auto; position: relative; }
#contenido.login{ padding: 0; background-color: transparent;}

.simple #contenido { }
.simple2{ background-color:none !important;}
.simple2 #contenido { background: none; background-color: #fff; width: auto; margin: 0; padding: 0; }
.miga{ background-color: #EFEFEF; padding: 4px 6px;}
.miga .c{ max-width: 98%; margin: auto;}
body.login{background-image: url(../Imagenes/Template/bg-login.jpg); background-position: top center;}
body.login #footer{ position: absolute; bottom: 0; width: 100%; max-width: none;}
body.login #footer .container{ margin: auto;}


/*
|================================
|@php class     :
|@html template :
|@Note          : Formularios
|================================
*/
.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 { padding: 5px 0;margin: 0 10px;font: normal normal 24px/32px 'bold',Arial; color: #000;border-radius: 5px;overflow: hidden; }
    .contenedorformulario .titulo h3 { padding: 0px;margin: 0px;font: normal normal 24px/32px  'bold',Arial; color: #000;border-radius: 5px;overflow: hidden; }
    .contenedorformulario .subtitulo { color: #666; font-weight: bold; font-size: 18px; margin-left: 8px; }
    .contenedorformulario fieldset { clear: both; margin: 0; padding: 0; }
    .contenedorformulario .sentidos { margin: 0px 15px 0 0; overflow: hidden; float: left; }
    .contenedorformulario .sentidos-flex { display: inline-flex; display: -moz-deck; }
    .contenedorformulario .contenedor-campo { padding: 5px 5px 5px 5px;float: left; display: inline; margin-right: 13px; }
    .contenedorformulario .contenedor-campo .ayuda { margin: 0 5px;font: normal normal 13px/16px 'regular',Arial;color: #474747; }

    .contenedorformulario .editor { padding: 0 }
    .contenedorformulario .contenedor-campo a { padding: 10px 20px; display: block; font: normal normal 14px/14px 'semibold',Arial;color: #FFF;border-radius: 5px;background-color: #666; }
    .contenedorformulario .contenedor-campo a:hover { background-color: #D9534F; }
    .contenedorformulario .contenedor-campo a.miniColors-trigger { padding: 0px; }
    .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: 10px;text-align: right;overflow: hidden }
    .contenedorformulario .contenedor-botones input{ margin-left: 10px;}
/*    .contenedorformulario .contenedor-botones input, .contenedorformulario .contenedor-botones div { float: right; margin-left: 10px; }

    .contenedorformulario .contenedor-botones input{ border: none;  border-top: solid 4px #57050f; background-color: #98151b; color: #fff; border-radius: 5px; padding: 5px 15px; font-size: 16px;}
    .contenedorformulario .contenedor-botones input:hover{ color: #fff; background-color: #1688ca;}*/

    .contenedorformulario label { padding: 5px 0;display: block;font: normal normal 14px/14px 'semibold',Arial;color: #474747; }
    .contenedorformulario label i{ margin-left: 2px; margin-top: 2px; }
    .contenedorformulario select { }
    .contenedorformulario select option { }
    .contenedorformulario input[type="text"], .contenedorformulario input[type="password"] { margin: 5px 0;font: normal normal 14px/20px 'regular',Arial;color: #474747; }
    .contenedorformulario input[type="text"], .contenedorformulario textarea, .contenedorformulario select, .contenedorformulario input[type="file"], input[type="password"] {padding: 5px 0.5em; border-radius: 3px;border: solid 1px #ccc;}
    .contenedorformulario input[type="text"], .contenedorformulario textarea, .contenedorformulario input[type="file"], .contenedorformulario input[type="password"] {background-color: #f5f5f5;}
    .contenedorformulario input[type="file"] { width: 101%; }

    .contenedorformulario textarea { font: normal normal 14px/18px 'regular',Arial;color: #474747;background-color: #ececec; }
    .contenedorformulario .contenedor-grid { padding-left: 17px; }
    .contenedorformulario p { padding-top: 0px; }
    .contenedorformulario .fieldset { margin: 20px 10px 10px 10px;position: relative; border: 1px solid #CCC;border-radius: 5px; }
    .contenedorformulario .fieldset .campos{ padding: 10px 10px 20px 10px; }
    .contenedorformulario .legend { padding: 10px 20px;margin: 0px;display: block; font: normal normal 16px/18px 'semibold',Arial;color: #474747;border-radius: 5px 5px 0 0;background-color: #CDCDCD; }
    .contenedorformulario .legend.azul { background-color: #5bc0de; color: #fff; }
    .contenedorformulario .legend.verde { background-color: #5cb85c; color: #fff; }
    .contenedorformulario .legend.naranja { background-color: #eea236; color: #fff; }
    .contenedorformulario .legend.rojo { background-color: #d9534f; color: #fff; }
    .contenedorformulario .campo-error { display: block; }
    .contenedorformulario .campo-error br { display: none; }

    .contenedorformulario .numeracion-tabla.completa { background-color: #B4FC9C; display: inline-block; text-align: center; cursor: pointer; padding: 8px 30px; font-size: 16px; border: 1px solid #CDCDCD; border-radius: 8px; width: 16px; margin-left: 10px; margin-bottom: 12px; }
    .contenedorformulario .numeracion-tabla.incompleta { background-color: #FFA1A1; display: inline-block; text-align: center; cursor: pointer; padding: 8px 30px; font-size: 16px; border: 1px solid #CDCDCD; border-radius: 8px; width: 16px; margin-left: 10px; margin-bottom: 12px; }
    .contenedorformulario .numeracion-tabla.actual { background-color: #CCC; display: inline-block; text-align: center; cursor: pointer; padding: 8px 30px; font-size: 16px; border: 1px solid #CDCDCD; border-radius: 8px; width: 16px; margin-left: 10px; margin-bottom: 12px; }

    .contenedorformulario .select-wrapper{ margin: 5px 0;}
    .contenedorformulario .color-picker{ width: 50px; display: inline-block; padding-right: 4px;}

    .contenedorformulario .valorcampo { border: 1px solid; height: 25px; width: 100px; text-align: center; border-radius: 10px;}

    .contenedorformulario .selectororden {   border: 1px dotted; margin: 15px; padding: 15px; width: 60%;}
    .contenedorformulario .selectororden .tablamuestra {float: left; margin: 15px; padding: 5px;}
    .contenedorformulario .selectororden .tablamuestra table thead tr td{background-color: #9FD8B1; font-weight: bold;}
    .contenedorformulario .selectororden .selectorordencampo {float: left; margin: 15px; padding: 5px;}

/*    .contenedorformulario .botonenviar {width: 75%;}
    .contenedorformulario .botonenviar a {border-radius: 10px; border: 1px solid; margin: 2px; padding: 3px; background-color: #E73852; color: #fff;}*/

    .contenedorformulario .mostrarresumen p {margin: 5px; padding: 6px;}

    .ui-dialog .ui-dialog-content #cMenu.context-menu-marker {border-style:none; border-width:0px; position:absolute; visibility:hidden; background:white; width: 140px; font-size: 14px; }
    .ui-dialog .ui-dialog-content #cMenu.context-menu-marker .options-marker {width:96%; height:18px; padding:3px 0px 3px 2px; border:1px solid #ccc; cursor:pointer; }
    .ui-dialog .ui-dialog-content #cMenu.context-menu-marker .options-marker:hover {background:#ccc; }

    .ui-dialog .ui-dialog-content, .ui-tabs { padding:0; }
    /*.ui-dialog-titlebar { display:none; }*/
    #gmap_ventana_ida_tabs { border:0; }
    #ui-tab-dialog-close { position:absolute; right:0; top:23px; }
    #ui-tab-dialog-close a { float:none; padding:0; }

    .ui-dialog .ui-dialog-content .contenedor-campo { float: left; padding: 15px 15px 5px; }
    .ui-dialog .ui-dialog-content .contenedor-campo label { clear: both; display: block; font-weight: bold; }

#form-busqueda { }
    #form-busqueda .contenedor-campo { padding-top: 10px; padding-right: 30px; float: left; display: inline; height: 85px; }
    #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-valor select{ width: 60px;}
    #form-busqueda .contenedor-campo .filtro-valor input{ width: 60px; margin-top: 0;}
    #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 { }
/*
|================================
|@php class     :
|@html template :
|@Note          : Campos globales
|================================
*/
div.uploader span.action {background-color: transparent;}


input, select, textarea {margin:0; padding:0; outline:none;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */box-sizing:border-box;}

/*
*Inputs, textareas and selects
*/


select.formSelectormultiple { background: none }



.ie9 input[type="text"] { line-height:normal; } /* Get the stuff to line up right */

textarea { width:100%; height:10em; }


/*
*Select menu
*/


/*
*File field
*/

input[type="button"],input[type="submit"] { cursor: pointer;}


.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; font-family: Arial, Helvetica, sans-serif; }
#titulo {width: 465px} #subtitulo {width: 465px} #link {width: 465px} #autor {width: 465px}
.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 { padding: 10px 20px;float: right; display: block; font: normal normal 14px/14px 'semibold',Arial;color: #FFF;border-radius: 5px;background-color: #f6921e; }
    .agregar-archivo a:hover { text-decoration: none; background-color: #333; }
    .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; }
/*
|================================
|@php class     :
|@html template :
|@Note          : Reportes
|================================
*/
.reporte { }
    .reporte div.listado-reporte { margin: 0px;clear: both; }
    .reporte div.titulo-reporte h3 { color: #fff }
    .reporte div.contenido-reporte { padding: 10px 0; padding-top: 0px;  padding-bottom: 10px; }
    .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: normal normal 14px/14px 'semibold',Arial;color: #4a5056; }
    .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 .fila-totales { background-color: #ccc; }
    .reporte .fila-totales td { padding: 10px;text-align: center; color: #333; font-weight: bold; font-size: 13px; text-align: left; }
    .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: 12px; text-align: center; border-bottom: 1px dotted #dfdfdf; border-right: dotted 1px #CCC; }
    .reporte div.contenido-reporte .tabla-reporte .fila-contenido td:last-of-type { border-right: none; }
    .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: transparent url('../Imagenes/Template/fondo-tr-hover.gif') repeat-x top left; }
    .reporte div.contenido-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 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: 0; padding: 5px;font: normal normal 28px/28px 'bold',Arial; color: #000;border-radius: 5px;overflow: hidden; }
    .reporte div.informacion { clear: both; overflow: hidden; margin-bottom: 15px; }
    .reporte div.informacion h4 { margin: 0;font: normal normal 14px/18px 'semibold',Arial;text-transform: uppercase;color: #4a5056 }
    .reporte div.informacion div.nro-clientes { padding: 2px;overflow: hidden  }
    .reporte div.informacion div.nro-clientes p { font: normal normal 12px/18px 'semibold',Arial;color: #4a5056;  }
    .reporte div.informacion div.nro-clientes b { padding: 2px 6px;font: normal normal 12px/12px 'bold',Arial;color: #FFF;border-radius: 2px; background-color: #333 }
    .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 { padding: 10px 10px; border-radius: 5px 5px 0px 0px;background-color: #ccc;overflow: hidden; }
    .reporte .flechas-ordenamiento { float: right; }

    .reporte #Menu-secundario { clear: both; padding-bottom: 0px; float: right; background-color: transparent; overflow: hidden; }
    .reporte #Menu-secundario ul { margin: 0; padding: 0; list-style-type: none; }
    .reporte #Menu-secundario ul li { float: left; color: transparent; }
    .reporte #Menu-secundario ul li a { padding: 5px 10px;margin: 0 1px;float: left;font: normal normal 14px/22px 'semibold',Arial;text-transform: uppercase;color: #FFF;background-color: #333; }
    .reporte #Menu-secundario ul li:first-child a { border-radius: 5px 0 0 5px; }
    .reporte #Menu-secundario ul li:last-child a { border-radius:  0 5px 5px 0; }
    .reporte #Menu-secundario ul li a:hover { background-color: #666; text-decoration: none; }
    .reporte #Menu-secundario ul li img { padding-right: 5px; vertical-align: text-top; margin-top: -5px; height: 22px; }
    .reporte #Menu-opciones { margin: 0px;float: right;clear: both; overflow: hidden; }
    .reporte #Menu-opciones ul { padding: 5px; border-radius: 3px; overflow: hidden; }
    .reporte #Menu-opciones ul li { padding: 0 0px;margin: 0 2px;float: left;border-bottom: 4px solid #333 }
    .reporte #Menu-opciones ul li + li { border-left: 0px solid #c6c6c6; }
    .reporte #Menu-opciones ul li a { padding: 5px 5pt;display: block;font: normal normal 15px/22px 'semibold',Arial;text-transform: uppercase;color: #4a5056;box-shadow: 0 0 0 0 #333 inset;transition-duration: 0.7s; }
    .reporte #Menu-opciones ul li a.nuevo, .reporte #Menu-opciones ul li a.nueva { color: #FFF;background-color: #f6921e }
    .reporte #Menu-opciones ul li a.nuevo, .reporte #Menu-opciones ul li a.agregar { color: #FFF;background-color: #f6921e }
    .reporte #Menu-opciones ul li a.nuevo i, .reporte #Menu-opciones ul li a.nueva i { color: #FFF; }
    .reporte #Menu-opciones ul li a:hover { color: #FFF;box-shadow: 0 100px 0 0 #333 inset;transition-duration: 0.4s; }
    .reporte #Menu-opciones ul li:hover { border-bottom: 4px solid rgb(0,115,187);transition-duration: 0.4s; }
    .reporte #Menu-opciones ul li a:hover i { color: #FFF;transition-duration: 0.4s; }
    .reporte #Menu-opciones ul li a i { margin: 0 5px 0 0;float: left; font-size: 20px; color: #333;transition-duration: 0.7s; }
    .reporte #Menu-opciones ul li img { padding-right: 5px; vertical-align: text-top; }
    .reporte .paginacion { margin: 10px 0 0; }
    .reporte .paginacion table {  }
    .reporte .paginacion table tr {  }
    .reporte .paginacion table tr td { padding: 14px 0px;background-color: #333 }
    .reporte .paginacion table tr td:first-child { width: 80px;border-radius: 6px 0 0 6px; }
    .reporte .paginacion table tr td:last-child { border-radius: 0 6px 6px 0; }
    .reporte .paginacion table tr td a { padding: 0px 15px;display: block;font: normal normal 16px/16px 'semibold',Arial;text-align: center; color: #FFF; }
    .reporte .paginacion table tr td b { padding: 0px 10px;display: block;font: normal normal 16px/16px 'semibold',Arial;color: #FFF  }
    .reporte .paginacion table tr td i { padding: 0px 0;display: block;font-size: 16px;text-align: center;color: #FFF  }
    .reporte .paginacion table tr td a:hover { padding-bottom: 6px;margin-bottom: -10px;color: rgb(0, 115, 187);border-bottom: 4px solid rgb(0, 115, 187);}
    .reporte .paginacion table tr td i:hover { color: rgb(0, 115, 187); }
    .reporte .paginacion table tr td:last-of-type { padding: 14px 10px 14px 0 }

    .reporte .opcion-reporte{ display: inline-block; background-color: #333; color: #fff; padding: 3px 5px; border-radius: 5px; text-align: center; margin: auto;  }
    .reporte .opcion-reporte.editar{ background-color: #007F0E;   }
    .reporte .opcion-reporte.borrar{ background-color: #C6291D;  }
    .reporte .opcion-reporte:hover{ background-color: #1688ca;}
    .reporte .opcion-reporte i{ margin-right: 2px;  }
    .reporte .opcion-menu i{margin-right: 3px;}
    .reporte td.opcion{ width: 32px;  }
    .reporte thead tr td span{ font-family: 'bold' }

#busqueda { }
    #busqueda form {  }
    #busqueda form .contenedorformulario { min-height: 200px }
/*
|================================
|@php class     :
|@html template :
|@Note          : Tablas
|================================
*/
.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; }
/*
|================================
|@php class     :
|@html template :
|@Note          : Mensajes
|================================
*/
.mensaje-error { background-color: #CC0000;  color: #fff; border: 1px solid #363232; }
.mensaje-confirmacion {  background-color: #1688ca;  color: #fff; border: 1px solid #0A4BFF; }
#mensaje p { text-align: center; text-align: center; font-weight: bold; font-size: 16px; }
#mensaje { position: absolute; top: -35px; right: 25px; background-position: 0 0; border-radius: 6px !important; box-shadow: 0 2px 2px #AAAAAA; padding: 10px; max-width: 600px; z-index: 1000; padding-bottom: 0px; }
#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 }

/*
|================================
|@php class     :
|@html template :
|@Note          : 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 }
/*??*/
.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 .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; }



/*
|================================
|@php class     : Panel/index.php
|@html template : panel-modelo-login.html
|@Note          : Login
|================================
*/
#panel_nosesion { width: 466px;height: 480px;margin: auto;position: relative;/* overflow: visible;*/ }
    #panel_nosesion .login { width: 100%; position: relative;top: 30px; }
    #panel_nosesion .login .logo { width: 100%;height: 180px;margin: 15px auto;text-align: center }
    #panel_nosesion .login .logo img { margin: 0px; }
    #panel_nosesion .login .tabs { height: 45px; }
    #panel_nosesion .login .tabs ul { padding: 0;margin: 0; }
    #panel_nosesion .login .tabs ul li { width: 50%;margin: 0px;float: left;position: relative; background-color: #06335b;-webkit-border-radius: 10px 10px 0 0;-moz-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0; }
    #panel_nosesion .login .tabs ul li:after {  }
    #panel_nosesion .login .tabs ul li.item1 {  }
    #panel_nosesion .login .tabs ul li.item2 { /*-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: 12px 10px; display: block;font: bold normal 16px/22px 'semibold',Arial;text-align: center;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; }
    #panel_nosesion .login .tabs ul li:hover {  }
    #panel_nosesion .login .tabs ul li.activo:hover {  }
    #panel_nosesion .login .tabs ul li.activo { background-color: #0094d9 }
    #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 #1A1A1A;*/ }

    #panel_nosesion .login .tabs ul li.activo a {  }
    #panel_nosesion .login .tabs ul li.activo:hover a { color: #FFF; }
    #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: relative;background: #FFF;-webkit-border-radius: 0 0 10px 10px;-moz-border-radius: 0 0 10px 10px;border-radius: 0 0 10px 10px; }
    #panel_nosesion .login .tabs-contenido:after { content: '';width: 466px;height: 50px; margin: 0;position: absolute;bottom: -24px;left: 0;background-image: url("../Imagenes/Template/form-shadow.png"); }
    #panel_nosesion .login .tab { }

    /*TAB - login*/
    #panel_nosesion .login .tab.tab1 { height: 184px; position: relative; }
    #panel_nosesion .login .tab.tab1 form { width: auto; padding: 15px 0;margin: 0px auto;border: 1px solid #b3b3b3;-webkit-border-radius: 0 0 10px 10px;-moz-border-radius: 0 0 10px 10px;border-radius: 0 0 10px 10px; background-color: #f5f3f8 }
    #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 { width: 200px;float: left; text-align: center; }
    #panel_nosesion .login .tab.tab1 form .campo:nth-of-type(1) { padding: 10px 2.40% 10px 4.40% }
    #panel_nosesion .login .tab.tab1 form .campo:nth-of-type(2) { padding: 10px 4.40% 10px 2.40% }
    #panel_nosesion .login .tab.tab1 form .campo label { padding: 0 0 0 0px; margin: 5px 0 5px 0px; display: block;font: normal normal 14px/16px 'semibold',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 { margin: 0px; width: 98.6%;padding: 8px 5px; font: normal normal 14px/14px 'regular',Arial;color: #333; background-color: #FFF;background-image: none; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; border: 1px solid #b3b3b3; }
    #panel_nosesion .login .tab.tab1 form .buttons { margin: 0px 4.50%;float: right;position: relative; }
    #panel_nosesion .login .tab.tab1 form .buttons .btn { padding: 4px 26px;margin: 10px 0;font: normal normal 16px/28px 'semibold',Arial;text-transform: capitalize; color: #FFF; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background-color: #0094d9;background-image: none }
    #panel_nosesion .login .tab.tab1 form .buttons .button span { height: auto;padding: 0;margin: 0; font: normal normal 16px/28px 'semibold',Arial;text-transform: capitalize; color: #FFF;background-image: none }
    #panel_nosesion .login .tab.tab1 form .buttons .btn:hover { background-color: #000; }

    /*TAB - remind pass*/
    #panel_nosesion .login .tab.tab2 { height: 210px;position: relative; }
    #panel_nosesion .login .tab.tab2 form { width: auto;height: 80%;padding: 15px 0;margin: 0px auto;position: relative;border: 1px solid #b3b3b3;-webkit-border-radius: 0 0 10px 10px;-moz-border-radius: 0 0 10px 10px;border-radius: 0 0 10px 10px; background-color: #f5f3f8; }
    #panel_nosesion .login .tab.tab2 form h1 { font-size: 14px; color: #FFF; padding-top: 10px; padding-bottom: 10px; }
    #panel_nosesion .login .tab.tab2 form .campo { width: 204px;padding: 0 15px;margin: 0; float: left; text-align: center; }
    #panel_nosesion .login .tab.tab2 form .campo label { padding: 0 0 0 0px; margin: 5px 0 5px 0px; display: block;font: normal normal 14px/14px 'regular',Arial;color: #231f20;text-align: left; border: none; }
    #panel_nosesion .login .tab.tab2 form .campo label i { margin: 0 5px 0 0;float: left;font-size: 14px; }
    #panel_nosesion .login .tab.tab2 form .campo input { width: 98.6%;height: 30px;padding: 8px 5px; font: normal normal 14px/14px 'regular',Arial;color: #333; background-color: #FFF;background-image: none; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; border: 1px solid #b3b3b3; }
    #panel_nosesion .login .tab.tab2 form .capcha { width: 200px;padding: 0 15px; float: left; text-align: center; }
    #panel_nosesion .login .tab.tab2 form .capcha label { padding: 0 0 0 0px; margin: 5px 0 5px 0px; display: block; font: normal normal 14px/14px 'regular',Arial; color: #333; text-align: left; border: none; }
    #panel_nosesion .login .tab.tab2 form .capcha .ayuda { width: 82%;padding: 10px 0px;display: block;clear: both; font: normal normal 14px/14px 'regular',Arial; color: #333; text-align: left; border: none; }
    #panel_nosesion .login .tab.tab2 form .capcha label i { margin: 0 5px 0 0;float: left;font-size: 14px; }
    #panel_nosesion .login .tab.tab2 form .capcha .img-capcha { float: left; }
    #panel_nosesion .login .tab.tab2 form .capcha .campo-campcha {  }
    #panel_nosesion .login .tab.tab2 form .capcha .campo-campcha input { width: 70px;height: 38px;padding: 8px 5px;margin: 10px 0 0 0;font: normal normal 14px/14px 'regular',Arial;text-align: center; color: #333; background-color: #FFF;background-image: none; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; border: 1px solid #b3b3b3; }
    #panel_nosesion .login .tab.tab2 form .buttons { margin: 0px 4.50%;float: right; position: relative; }
    #panel_nosesion .login .tab.tab2 form .buttons .btn { padding: 4px 26px;margin: 5px 0;font: normal normal 16px/28px 'semibold',Arial;text-transform: capitalize; color: #FFF; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background-color: #0094d9;background-image: none }
    #panel_nosesion .login .tab.tab2 form .buttons .button span { height: auto;padding: 0;margin: 0; font: normal normal 16px/28px 'semibold',Arial;text-transform: capitalize; color: #FFF;background-image: none }
    #panel_nosesion .login .tab.tab2 form .buttons .btn:hover { background-color: #000; }


    .ui-dialog-buttonset button{ border: none;  border-top: solid 4px #01d6fc; background-color: #10a0d9; color: #fff; border-radius: 8px; padding: 3px 10px; font-size: 16px;}
    .ui-dialog-buttonset button:hover{ color: #fff; background-color: #CB6525;}
    /*
|================================
|@php class     : Panel/inc-superior.php
|@html template : panel-modelo.html
|@Note          : Panel modelo
|================================
*/
#top { width: 100%;padding: 0;position: absolute;top: 0; }
    #top.login { height: 30px;background-color: #07417e }

#header { background-color: #1A1A1A; background-image: url(../Imagenes/Template/bg-header.jpg); }
    #header .c{ max-width: 98%; margin: auto;}
    #header .block-logo { width: 280px;height: 60px; padding: 0;float: left; }
    #header .block-logo a { display: block }
    #header .block-logo img { padding: 0;margin: 10px 0; }
    #header .b-logo {padding-top: 15px;  float: left; padding-left: 5px;}
    #header .b-logo img{ width: 200px; margin-top: 15px; }
    #header .b-menu { float: left;}
    #header .b-menu .mod146{display: none;}
    #header .b-usuario { float: right;}


    #header .block-form { padding: 0;margin: 26px 0 22px 10px; overflow: hidden }
    #header .block-form form {  }
    #header .block-form form > div { width: 212px;margin: 0;float: left }
    #header .block-form form input { width: 225px;padding: 8px 8px;float: left; font: normal normal 13px/12px 'regular';color: #666; border: none;background: #fff; height: auto; }
    #header .block-form form input:focus,#header .block-form form input:active { background: #FFF; color:#000;}
    #header .block-form form a { padding: 4px 6px;margin: 0; display: block;float: left; background-color: #fff; border-radius: 6px; margin-left: 5px; }
    #header .block-form form a:hover{ background-color: #1688ca; }
    #header .block-form form a:hover i{color: #fff;}
    #header .block-form form a i { font-size: 16px;line-height: 20px; color: #f6921e }

    #header .block-usuario { padding: 0;margin: 10px 0;float: right; width: 215px; }
    #header .block-usuario .data-img { float: left  }
    #header .block-usuario .data-img img {  }
    #header .block-usuario .data-img a { display: block;cursor: pointer }
    #header .block-usuario .data-item { padding: 10px;float: right; width: 98px; overflow: hidden; }
    #header .block-usuario .data-item p { font: normal normal 13px/13px 'semibold',Arial;color: #fff; }
    #header .block-usuario .data-item a.btn { padding: 2px;margin: 5px 0 0 0;display: block;position: relative; font: normal normal 14px/15px 'regular',Arial;color: #1a1a1a;border-radius: 5px;background-color: #dadada; width: 98%; }
    #header .block-usuario .data-item a.btn.cerrar{ background-color: #931111; color: #FFF;}
    #header .block-usuario .data-item a.btn:hover { background-color: #666;cursor: pointer; color: #FFF; transition: background-color 0.3s ease 0s, color 0.3s ease 0s; }
    #header .block-usuario .data-item a.btn img { position: absolute;top: 5px;right: -20px }

    #header .block-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 .block-menu .content { width: 990px;margin: 0 auto;overflow: hidden }
    #header .menu { margin: 0; clear: both;  clear: both; padding-top: 5px;   }
    #header .menu .jd_menu{background-color: #57050f; overflow: hidden; border-radius: 5px; margin-top: 10px; border:1px solid #98151B; float: left;}
    #header .menu li { margin: 0; float: left; border-right:1px solid #98151B; }
    #header .menu li.jdm_active a { background-color: #1688ca; }
    #header .menu li a { padding: 8px 10px;display: block;font: normal normal 15px/20px 'semibold',Arial;color: #fff;background: none;box-shadow: 0 0 0 0 #F2F2F2 inset; }
    #header .menu li a img { float: left;margin-right: 5px; }
    #header .menu li a i { float: left;margin-right: 5px;font-size: 20px }

    #header .menu li a:hover { background-color: #1688ca; transition: background-color 0.3s ease 0s, color 0.3s ease 0s; }
    #header .menu li .submenu { padding-bottom: 5px;margin: 3px 0 0;background-color: #FFF;border-radius: 0px 0px 5px 5px;box-shadow: 0px 2px 5px -2px #03253f; }

    #header .menu li .submenu li { margin: 0; padding: 0; float: none; overflow: hidden; background: none; border-bottom: solid 0px #4a5056; border-radius: 0 !important; border-right: none; }
    #header .menu li .submenu li a { padding: 6px 10px;background: none;border-radius: 0; font: normal normal 14px/22px 'semibold',Arial;border-bottom: 1px dotted #E1E1E1; color: #666; }
    #header .menu li .submenu li a span { display: block-inline; font: normal normal 14px/18px 'regular',Arial; }

    #header .menu li .submenu img.icono { float: left;margin-right: 5px; }
    #header .menu li .submenu i { float: left;margin-right: 5px; }
    #header .menu li .submenu li:last-child a { border-bottom: none; }
    #header .menu li .submenu li a:hover { box-shadow: none;color: #07417e; background-color: #f2f2f2; }
    #header .menu li .submenu li a:hover i { color: #07417e }
    #header .menu li.nodo { width: 210px; }
    #header .menu li .submenu .icon-arrow-right9{ position: absolute; right: 5px; color: #ccc;}


#footer { background-color: #f2f2f2; max-width: 98%; margin: auto;  }
    #footer .container:nth-of-type(1) { margin: auto;position: relative }
    #footer .block-aliados { width: 98%;padding: 20px 10px;margin: 0;position: relative;top: -45px; overflow: hidden; }
    #footer .block-aliados .list-items { padding: 20px 0;background-color: #FFF;overflow: hidden;border-radius: 10px;box-shadow: 0 12px 12px 0 #03253f }
    #footer .block-aliados .list-items .item { padding: 10px;float: left; }

    #footer .container:nth-of-type(2) { width: 990px;margin: -45px auto 0;position: relative }
    #footer .block-info { padding: 0 0; margin: 12px 0; float: left; text-align: left; overflow: hidden; }
    #footer .block-info p { height: 36px;margin: 0;font: normal normal 12px/18px 'regular',Arial; color: #535353; }
    #footer .block-framework {  text-align: right; float: right; }
    #footer .block-framework span { display: block;font: normal normal 10px/12px Arial; color: #535353; }
    #footer .block-framework a img { margin-top: 8px;  height: 25px;}
    #footer .block-framework a { display: block; }


#panel-sesion { }
	#panel-sesion .index { width: 990px; margin: auto; overflow: hidden; }
	#panel-sesion .index .item { width: 32.38%; height: 410px; padding: 0px; margin: 0px; float: left; -webkit-border-radius: 5px 5px 0 0;-moz-border-radius: 5px 5px 0 0;border-radius: 5px 5px 0 0; background-color: #eaeaea; }
	#panel-sesion .index .item .logo { width: 110px; margin: 10px auto;text-align: center }
	#panel-sesion .index .item .logo i { font-size: 60px;color: #333 }
	#panel-sesion .index .item h4 { width: auto;padding: 20px; margin: 5px 0; font: normal normal 20px/20px 'semi',Arial;text-align: center;text-transform: uppercase; color: #FFF; background-color: #333 }
	#panel-sesion .index .item .content { height: 265px;padding: 0 10px; position: relative; overflow: hidden; }
	#panel-sesion .index .item .content ul { padding: 0 0 0 10px; }
	#panel-sesion .index .item .content ul li { margin: 0; }
	#panel-sesion .index .item .content ul li a { padding: 5px 0; display: block; font: normal normal 15px/18px Arial; text-decoration: none; color: #FFF; }
	#panel-sesion .index .item .content .link-item { padding: 10px 20px; display: block; position: absolute; bottom: 10px; right: 10px; font: normal normal 16px/16px 'semi',Arial; text-decoration: none; color: #FFF;background-color: #333;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;opacity: 0.9 }
	#panel-sesion .index .item .content .link-item:hover { opacity: 1.0 }

        #panel-sesion .index .item:nth-of-type(1) {  }
        #panel-sesion .index .item:nth-of-type(1) h4 { background-color: #f79526 }
	#panel-sesion .index .item:nth-of-type(1) ul { height: 206px;padding: 0;overflow-y: auto }
        #panel-sesion .index .item:nth-of-type(1) ul li { height: 64px;padding: 0; margin: 5px 0;border-bottom: 1px dashed #bdbdbd; }
        #panel-sesion .index .item:nth-of-type(1) ul li:first-of-type {  }
        #panel-sesion .index .item:nth-of-type(1) ul li p:nth-of-type(1) { margin: 0px 0;font: normal normal 16px/24px 'semi',Arial;color: #000 }
        #panel-sesion .index .item:nth-of-type(1) ul li p:nth-of-type(2) { margin: 0px 0;font: normal normal 12px/16px 'regular',Arial;color: #666 }
        #panel-sesion .index .item:nth-of-type(1) ul li a { padding: 10px;margin: 0px 0;font: normal normal 16px/16px 'regular',Arial;color: #333;background-color: rgba(0,0,0,0.01); }
        #panel-sesion .index .item:nth-of-type(1) ul li a:hover {  }
        #panel-sesion .index .item:nth-of-type(1) ul li a i { margin: 0 0px 0 10px;float: right; font-size: 24px; }
        #panel-sesion .index .item:nth-of-type(1) .c-info { width: 42%;position: absolute;bottom: 12px; }
        #panel-sesion .index .item:nth-of-type(1) .c-info p { margin: 0px 0;font: normal normal 12px/14px 'regular',Arial;color: #666 }
        #panel-sesion .index .item:nth-of-type(1) .c-info p span { padding: 6px 8px;margin: 0px 10px 0px 0; float: left; font: normal normal 14px/14px 'bold',Arial;color: #FFF;border-radius: 2px; background-color: #333; }

        #panel-sesion .index .item:nth-of-type(2) { margin: 0 14px; }
	#panel-sesion .index .item:nth-of-type(2) h4 { background-color: #f1ac06 }
	#panel-sesion .index .item:nth-of-type(2) ul { height: 206px;padding: 0;overflow-y: auto }
        #panel-sesion .index .item:nth-of-type(2) ul li { height: 64px;padding: 0; margin: 5px 0;border-bottom: 1px dashed #bdbdbd }
        #panel-sesion .index .item:nth-of-type(2) ul li:first-of-type { margin-top: 0  }
        #panel-sesion .index .item:nth-of-type(2) ul li p:nth-of-type(1) { margin: 0px 0;font: normal normal 18px/22px 'semi',Arial;color: #333 }
        #panel-sesion .index .item:nth-of-type(2) ul li p:nth-of-type(1) span { margin: 0px 0;float: right; font: normal normal 12px/24px 'semi',Arial;color: #000 }
        #panel-sesion .index .item:nth-of-type(2) ul li p:nth-of-type(2) { margin: 0px 0;font: normal normal 12px/16px 'regular',Arial;color: #666 }
        #panel-sesion .index .item:nth-of-type(2) ul li a { padding: 5px;margin: 0px;display: block; }
        #panel-sesion .index .item:nth-of-type(2) ul li a:hover { background-color: rgba(0,0,0,0.05); }
        #panel-sesion .index .item:nth-of-type(2) .c-info { width: 42%;position: absolute;bottom: 12px; }
        #panel-sesion .index .item:nth-of-type(2) .c-info p { margin: 0px 0;font: normal normal 12px/14px 'regular',Arial;color: #666 }
        #panel-sesion .index .item:nth-of-type(2) .c-info p span { padding: 6px 8px;margin: 0px 10px 0px 0; float: left; font: normal normal 14px/14px 'bold',Arial;color: #FFF;border-radius: 2px; background-color: #333; }

        #panel-sesion .index .item:nth-of-type(3) {  }
	#panel-sesion .index .item:nth-of-type(3) h4 { background-color: #f26629 }
	#panel-sesion .index .item:nth-of-type(3) ul { height: 206px;padding: 0;overflow-y: auto }
        #panel-sesion .index .item:nth-of-type(3) ul li { height: 64px;padding: 0; margin: 5px 0;border-bottom: 1px dashed #bdbdbd }
        #panel-sesion .index .item:nth-of-type(3) ul li:first-of-type { margin-top: 0  }
        #panel-sesion .index .item:nth-of-type(3) ul li p:nth-of-type(1) { margin: 0px 0;font: normal normal 18px/22px 'semi',Arial;color: #333 }
        #panel-sesion .index .item:nth-of-type(3) ul li p:nth-of-type(2) { margin: 0px 0;font: normal normal 12px/16px 'regular',Arial;color: #666 }
        #panel-sesion .index .item:nth-of-type(3) ul li a { padding: 5px;margin: 0px;display: block; }
        #panel-sesion .index .item:nth-of-type(3) ul li a:hover { background-color: rgba(0,0,0,0.05); }
        #panel-sesion .index .item:nth-of-type(3) .c-info { width: 42%;position: absolute;bottom: 12px; }
        #panel-sesion .index .item:nth-of-type(3) .c-info p { margin: 0px 0;font: normal normal 12px/14px 'regular',Arial;color: #666 }
        #panel-sesion .index .item:nth-of-type(3) .c-info p span { padding: 6px 8px;margin: 0px 10px 0px 0; float: left; font: normal normal 14px/14px 'bold',Arial;color: #FFF;border-radius: 2px; background-color: #333; }

	#panel-sesion .index .item.item_op3 {  }
	#panel-sesion .index .item.item_op3 .content ul { }
	#panel-sesion .index .item.item_op3 .content ul li { }
	#panel-sesion .index .item.item_op3 .content ul li a { padding: 0px 0 0px 18px; margin: 10px 0; }


        #panel-sesion .bloq2 { margin: 20px 0 0;display: none; overflow: hidden; }
	#panel-sesion .bloq2 h4 { width: 990px; margin: 10px auto; font: bold normal 20px/22px Arial; text-align: left; color: #333; }
	#panel-sesion .bloq2 .content { width: auto; padding: 20px 0; background-color: #eaeaea; overflow: hidden; }
	#panel-sesion .bloq2 .content ul { width: 990px; margin: auto; }
	#panel-sesion .bloq2 .content ul li { width: 31.0%; height: 64px; padding: 10px 0px 10px 20px; float: left; border-left: 2px solid #999; box-shadow: 4px 0 0 0 #DCDCDC; }
	#panel-sesion .bloq2 .content ul li:first-child { border-left: none; }
	#panel-sesion .bloq2 .content ul li:nth-child(3) { box-shadow: none; }
	#panel-sesion .bloq2 .content ul li a { display: block; text-decoration: none; }
	#panel-sesion .bloq2 .content 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 .content ul li a .c_info { width: 228px; padding: 10px 0; float: right; display: block; }
	#panel-sesion .bloq2 .content ul li a .c_info span.item1 { display: block; font: bold normal 16px/20px Arial; color: #333; }
	#panel-sesion .bloq2 .content ul li a .c_info span.item2 { display: block; font: normal normal 13px/16px Arial; color: #FFF; overflow: hidden; }



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: #ea8024 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 #ea8024 solid; }

.ui-multiselect { padding: 6px 5px; text-align: left; font-family: 'regular'; }
    .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;  font-family: 'regular'; }
    .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 span{ font-weight: normal;  font-family: 'regular';}
    .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; color:#000; font-size: 14px; }

#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 { margin: 5px 0; }

#form-archivos { }
    #form-archivos .archivos { padding: 0px;margin-top: 5px;border-radius: 5px; overflow: hidden; }
    #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 { margin: 5px 0; }

.tabla-reporte1 { width: 100%;border: 1px #939598 solid; }
    .tabla-reporte1 thead tr td { padding: 10px; font: normal normal 14px/14px 'semibold',Arial;color: #FFF; text-align: center;border-right: solid 1px #939598; background-repeat: repeat-x; background-position: bottom;background-color: #666; }
    .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; }

.tabla-reporte2 { width: 100%;border: 1px #939598 solid; }
    .tabla-reporte2 thead { background-color: #CDCDCD; }
    .tabla-reporte2 thead th { border: solid 1px #939598; text-align: center !important; }
    .tabla-reporte2 thead tr th { padding: 5px 0px; }
    .tabla-reporte2 thead tr td { padding: 10px; font: normal normal 14px/14px 'semibold',Arial;color: #FFF; text-align: center !important; border-right: solid 1px #939598; background-repeat: repeat-x; background-position: bottom;background-color: #666; }
    .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 { border-bottom: dotted 1px #939598; }
    .tabla-reporte2 tbody tr:hover { background-color: #CCCCCC; background-image: none; }
    .tabla-reporte2 tbody tr.selected { background-color: #BCC3CA; background-image: none; }
    .tabla-reporte2 tbody tr td { color: #231f20; padding: 0px; font-size: 12px; text-align: center; border-right: dotted 1px #939598; }
    .tabla-reporte2 tbody tr.tabla-calculos td { padding: 0px 5px; height: 32px; font-size: 15px; }
    .tabla-reporte2 tbody tr input { text-align: center; padding: 0px; }
    .tabla-reporte2 tbody tr input[type="checkbox"] { transform: scale(1.2); -webkit-transform: scale(1.2); }
    .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; }

#form-busqueda .ui-multiselect { width: 220px !important; }



.vertical-center { min-height: 100%;  min-height: 100vh; display: flex; align-items: center;}
    .nopadding{ padding: 0; }
    .row{ margin: 0}

#index-nosesion{ padding-bottom: 65px; padding-top: 100px;  }
    #index-nosesion .container{}
    #index-nosesion .logo {text-align: center;  }
    #index-nosesion .logo img{margin: auto; padding-bottom: 10px; }
    #index-nosesion .btn{ background-color: #0AB4E6; color: #fff; border-radius: 8px; padding: 3px 10px;}
    #index-nosesion .btn:hover{ color: #fff; background-color: #0C92E5; transition: background-color 0.3s ease 0s, color 0.3s ease 0s;}
    #index-nosesion .row{ width: 100%;}
    #index-nosesion .tabs{ width: 100%; max-width: 525px; min-height: 350px;}
    #index-nosesion .tabs .tab-content{ background-color: #fff; border-radius: 0 8px 8px 8px;  width: 100%; min-height: 250px;}
    #index-nosesion .tabs .nav-tabs{ border:none;}
    #index-nosesion .tabs .nav-tabs li{ }
    #index-nosesion .tabs .nav-tabs li a{ background-color: #DADADA; font-family: 'semibold'; font-size: 12pt; border-radius: 8px 8px 0 0; color: #777;}
    #index-nosesion .tabs .nav-tabs li.active{ }
    #index-nosesion .tabs .nav-tabs li.active a{ color: #333;; background-color: #fff;}
    #index-nosesion .tabs .tab-pane{ overflow: hidden; padding-top: 15px; }
    #index-nosesion .tabs .botones{ padding-bottom: 30px; border-bottom: 1px solid #ccc; margin-right: 30px;  overflow: hidden;}
    #index-nosesion .tabs label{ color: #6D6E71;}
    #index-nosesion .tabs .btn{ float: right;}
    #index-nosesion .bienvenida{ border-radius: 0px 0px 8px 8px; }


    #index-nosesion .tab.tab2 { height: 240px; position: relative; background: #4EC5E0; -webkit-border-radius: 10px 10px 10px 0;-moz-border-radius: 10px 10px 10px 0;border-radius: 10px 10px 10px 0; }
    #index-nosesion .tab.tab2 form { width: 498px; padding: 10px 0; margin: 0px auto; }
    #index-nosesion .tab.tab2 form h1 { font-size: 14px; color: #FFF; padding-top: 10px; padding-bottom: 10px; }
    #index-nosesion .tab.tab2 form .contenedor-campo { margin: 10px; float: none;text-align: center;overflow: hidden; }
    #index-nosesion .tab.tab2 form .contenedor-campo label { padding: 0 0 0 10px; margin: 5px 0 5px 0px; display: block; font: normal normal 14px/16px 'regular',Arial; color: #FFF; text-align: left; border: none; }
    #index-nosesion .tab.tab2 form .contenedor-campo label i { margin: 0 5px 0 0;float: left;font-size: 14px; }
    #index-nosesion .tab.tab2 form .contenedor-campo input { width: 230px; padding: 8px 5px;float: left; background: transparent; background-color: #FFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 1px solid #0D6F7F; }
    #index-nosesion .tab.tab2 form .contenedor-campo.capcha {  }
    #index-nosesion .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: #FFF; text-align: left; border: none; }
    #index-nosesion .tab.tab2 form .contenedor-campo.capcha .ayuda { margin: 5px 0 5px 0px; font: normal normal 14px/16px 'regular',Arial; color: #FFF; text-align: left; border: none; }
    #index-nosesion .tab.tab2 form .contenedor-campo.capcha label i { margin: 0 5px 0 0;float: left;font-size: 14px; }
    #index-nosesion .tab.tab2 form .contenedor-campo.capcha .img-capcha { float: left; }
    #index-nosesion .tab.tab2 form .contenedor-campo.capcha .campo-campcha {  }
    #index-nosesion .tab.tab2 form .contenedor-campo.capcha .campo-campcha input { width: 100px;height: 40px;font: normal normal 28px/40px 'semi',Arial;text-align: center; }

    #index-nosesion .tab.tab2 form a { padding: 5px; margin: 10px 20px 10px 20px; display: block; border-top: 1px dashed #1F1813; font: normal normal 14px/16px "regular", Arial; color: #1F1813; }



div.listado-agendas .seleccionada { float: left; background-color: #f8fdff; margin:0 10px 10px 0; padding: 10px;  width:250px; background: transparent url('../Imagenes/Template/fondo-agenda-hover.gif') repeat-x top left; border: 1px solid #abd4f2; height:150px; cursor:pointer;}
div.listado-agendas .fila-contenido { float: left; background-color: #f8fdff; margin:0 10px 10px 0; padding: 10px;  width:250px; border: 1px solid #ffffff; height:150px; cursor:pointer;}

.cluetip-default { background-color : none!important ;}
.cluetip-default #cluetip-outer { background-color : #ddd!important ;}#
.cluetip-default h3#cluetip-title { background-color: #eee!important; color: #000!important;}
.cluetip-default #cluetip-inner {}

.opciones-reporte{ float: right; margin-right: 40px;}
.opciones-reporte .botonExcel {cursor:pointer; text-align:center; color: #000; }
.opciones-reporte .botonExcel img{clear:both; }
.opciones-reporte .botonExcel span{display:block;color:blue; }

.reporte-antiguo h2{ font-size: 18px; line-height: 20px; margin: 0; padding: 0; text-align: center;}
.reporte-antiguo table{ margin-bottom: 30px;}
.reporte-antiguo table td{ padding: 3px; }
.reporte-antiguo table th{ padding: 3px; text-align: center; background-color: #1688ca; color: #fff;}

#estadisticas-campana{}
#estadisticas-campana .estadistica { min-height: 145px;}
#estadisticas-campana .estadistica .porcentaje{ display: block; font-size: 32px; text-align: center;}
#estadisticas-campana .estadistica .numero{ display: block; font-size: 16px; text-align: center;}


@media (max-width: 768px) {
    #index-nosesion{ background-color: #1A1A1A; padding-bottom: 65px; padding-top: 30px; }

    #header .b-logo{padding-top: 5px; }
    #header .b-usuario{ display: none; }
    #header .b-logo img{ margin-top: 5px; width: 125px; }
    #header .block-form{ margin: 5px;}
    #header .menu .jd_menu{ margin-top: 0;}

    #header .menu li span.nivel0{ display: none;}
    #header .menu li .nivel0 i{ margin-bottom: 8px;}
    #header .b-menu .mod146{display: block;}
    #header .menu li a{ padding: 8px 8px;}
}

@media (min-width: 768px) {
   #header .menu li a.nivel0 img{ display: none;}
}