@import url('../css_modulos/root.css');

body {
    font-size: 11px;
    font-family: arial, verdana, sans-serif;
    HEIGHT: 100%;
    PADDING-TOP: 0px;
    margin: 0px;
}

input {
    padding: 5px;
    border-radius: 5px;
}

select {
    padding: 5px;
    border-radius: 5px;
}

input[type=checkbox] {
    transform: scale(1.2);
}

input[type=radio] {
    transform: scale(1.2);
}


textarea {
    border-radius: 5px;
}


/* TABLERO MONITOREO MENSAJES  */
#monitoreo_mensajes {
    width: 1400px;
    height: 1500px;
    overflow: auto;
    position: absolute;
    top: 380px;
    left: 70px;
}


/* PLANTILLA RH  */
#plantilla_rh {
    width: 1200px;
    height: 600px;
    overflow: auto;
    position: absolute;
    top: 400px;
    left: 70px;
}

#plantilla_excel {
    width: 450px;
    height: 320px;
    overflow: auto;
    position: absolute;
    top: 1170px;
    left: 470px;
}

#boton_guardar_plantilla_rh {
    width: 150px;
    height: 50px;
    overflow: auto;
    position: absolute;
    top: 1100px;
    left: 650px;
}

/* TABLERO INDICADOR DE MONITOREO  */
#tab_moni {
    width: 1510px;
    position: absolute;
    top: 180px;
    left: 10px;
}

/* TABLERO INDICADOR DE VENTAS  */

.tab_ventas_titulos {
    font-size: 16px;
    color: #369;
    font-weight: bold;
    text-align: center;
}

.tablero_ventas_contenedor_principal {
    display: block;
    width: 1400px;
    overflow: auto;
    margin: 0 auto;
}

.contenedor_izquierdo {
    float: left;
    clear: none;
    min-width: 80px;
    min-height: 80px;
}

.contenedor_anio {
    float: none;
    clear: both;
    height: 60px;
    width: 150px;
    border-style: solid;
    border-color: #369;
}

.contenedor_mes {
    float: none;
    clear: both;
    height: 300px;
    width: 150px;
    border-style: solid;
    border-color: #369;
}

.contenedor_vendedor {
    float: none;
    clear: both;
    height: 400px;
    width: 150px;
    border-style: solid;
    border-color: #369;
}

.contenedor_segmentos {
    float: none;
    clear: both;
    height: 400px;
    width: 150px;
    border-style: solid;
    border-color: #369;
}

.contenedor_derecho {
    float: right;
    clear: none;
    height: 800px;
    width: 1200px;
    border-style: solid;
    border-color: #369;
}

/* -------------------------------- */


/* TABLERO DE FACTURAS PENDIENTES  */
#regresar_fact_operadores {
    width: 730px;
    height: 700px;
    overflow: auto;
    position: absolute;
    top: 415px;
    left: 20px;
}

#regresar_fact_mc {
    width: 700px;
    height: 700px;
    overflow: auto;
    position: absolute;
    top: 415px;
    left: 780px;
}

#regresar_fact_gerente {
    width: 730px;
    height: 700px;
    overflow: auto;
    position: absolute;
    top: 1000px;
    left: 20px;
}

#entrega_fact_mc {
    width: 700px;
    height: 900px;
    overflow: auto;
    position: absolute;
    top: 1000px;
    left: 780px;
}

/* TABLERO FACTURAS PENDIENTES */
#fact_pendiente_sin_relacion {
    width: 730px;
    height: 1100px;
    overflow: auto;
    position: absolute;
    top: 415px;
    left: 20px;
}

#fact_pendiente_con_relacion {
    width: 730px;
    height: 1100px;
    overflow: auto;
    position: absolute;
    top: 415px;
    left: 780px;
}

#fact_excel {
    width: 450px;
    height: 320px;
    overflow: auto;
    position: absolute;
    top: 1550px;
    left: 520px;
}

/* TABLERO POR COBRAR Y CONTADO CONSOLIDADO  */
#fact_sin_entregar_consol {
    width: 730px;
    height: 900px;
    overflow: auto;
    position: absolute;
    top: 415px;
    left: 20px;
}

#fact_entregadas_cxc_consol {
    width: 730px;
    height: 1100px;
    overflow: auto;
    position: absolute;
    top: 1250px;
    left: 20px;
}

#fact_entregadas_no_cxc_consol {
    width: 730px;
    height: 900px;
    overflow: auto;
    position: absolute;
    top: 1250px;
    left: 780px;
}

#fact_pendiente_entregar_consol {
    width: 730px;
    height: 800px;
    overflow: auto;
    position: absolute;
    top: 415px;
    left: 780px;
}


#resumen_global {
    width: 450px;
    height: 320px;
    overflow: auto;
    position: absolute;
    top: 2300px;
    left: 520px;
}

/* TABLERO POR COBRAR Y CONTADO CAMION COMPLETO  */
#fact_sin_entregar_camcom {
    width: 730px;
    height: 700px;
    overflow: auto;
    position: absolute;
    top: 415px;
    left: 20px;
}

#fact_entregadas_cxc_camcom {
    width: 730px;
    height: 600px;
    overflow: auto;
    position: absolute;
    top: 1100px;
    left: 20px;
}

#fact_pendiente_entregar_camcom {
    width: 730px;
    height: 700px;
    overflow: auto;
    position: absolute;
    top: 415px;
    left: 780px;
}

#resumen_global_camcom {
    width: 450px;
    height: 320px;
    overflow: auto;
    position: absolute;
    top: 1730px;
    left: 520px;
}

#tab_cob_digitalizadas {
    width: 700px;
    height: 650px;
    overflow: auto;
    position: absolute;
    top: 425px;
    left: 30px;
}

#tab_cob_cobro {
    width: 700px;
    height: 650px;
    overflow: auto;
    position: absolute;
    top: 1100px;
    left: 770px;
}

#tab_cob_recuperadas {
    width: 700px;
    height: 650px;
    overflow: auto;
    position: absolute;
    top: 425px;
    left: 770px;
}

#tab_cob_pendientes {
    width: 700px;
    height: 650px;
    overflow: auto;
    position: absolute;
    top: 1100px;
    left: 30px;
}

#tab_cob_totales {
    width: 700px;
    height: 300px;
    overflow: auto;
    position: absolute;
    top: 1750px;
    left: 500px;
}

#tab_SAC {
    width: 1200px;
    height: 560px;
    overflow: auto;
    position: absolute;
    top: 380px;
    left: 70px;
}

#tab_SAC_1 {
    width: 1200px;
    height: 560px;
    overflow: auto;
    position: absolute;
    top: 950px;
    left: 70px;
}

#tab_prob_1 {
    width: 1200px;
    height: 560px;
    overflow: auto;
    position: absolute;
    top: 380px;
    left: 70px;
}

#tab_prob_2 {
    width: 1200px;
    height: 560px;
    overflow: auto;
    position: absolute;
    top: 950px;
    left: 70px;
}

#tab_prob_3 {
    width: 1200px;
    height: 560px;
    overflow: auto;
    position: absolute;
    top: 1550px;
    left: 70px;
}

#tablero_auditoria {
    width: 650px;
    height: 600px;
    overflow: auto;
    position: absolute;
    top: 425px;
    left: 30px;
}

#tablero_auditoria_seguimiento {
    width: 650px;
    height: 315px;
    overflow: auto;
    position: absolute;
    top: 985px;
    left: 30px;
}

#asignar_depositos_cliente {
    width: 1200px;
    height: 600px;
    overflow: auto;
    position: absolute;
    top: 425px;
    left: 70px;
}

#boton_asignar_depositos_cliente {
    width: 150px;
    height: 50px;
    overflow: auto;
    position: absolute;
    top: 950px;
    left: 1200px;
}


#asignar_polizas_ingresos {
    width: 1200px;
    height: 600px;
    overflow: auto;
    position: absolute;
    top: 425px;
    left: 70px;
}

#boton_asignar_polizas_ingresos {
    width: 150px;
    height: 50px;
    overflow: auto;
    position: absolute;
    top: 1050px;
    left: 1200px;
}

/*
#mis_clientes {
	width:1450px;
	height:1100px;
	overflow:auto;
	position: absolute;
	top: 425px;
	left: 50px;
}
*/

#bodega {
    width: 700px;
    height: 360px;
    overflow: auto;
    position: absolute;
    top: 425px;
    left: 70px;
}

#mis_oportunidades {
    width: 730px;
    height: 600px;
    overflow: auto;
    position: absolute;
    top: 425px;
    left: 70px;
}

/*
#mis_oportunidades_2019 {
	width:1450px;
	height:800px;
	overflow:auto;
	position: absolute;
	top: 425px;
	left: 30px;
}
*/

#entregado_control_efectivo {
    width: 730px;
    height: 500px;
    overflow: auto;
    position: absolute;
    top: 950px;
    left: 20px;
}

#no_entregado_control_efectivo {
    width: 730px;
    height: 500px;
    overflow: auto;
    position: absolute;
    top: 950px;
    left: 780px;
}

#f_por_cobrar_android {
    width: 730px;
    height: 500px;
    overflow: auto;
    position: absolute;
    top: 425px;
    left: 20px;
}

#f_sin_entregar_android {
    width: 730px;
    height: 500px;
    overflow: auto;
    position: absolute;
    top: 425px;
    left: 780px;
}

/*
#res_ven {
	width:1450px;
	height:800px;
	overflow:auto;
	position: absolute;
	top: 425px;
	left: 50px;
}
*/

#oportunidad {
    width: 650px;
    height: 1200px;
    overflow: auto;
    position: absolute;
    top: 425px;
    left: 680px;
}


#problemass {
    width: 700px;
    height: 355px;
    overflow: auto;
    position: absolute;
    top: 1750px;
    left: 830px;
}

#no_pagoss {
    width: 700px;
    height: 355px;
    overflow: auto;
    position: absolute;
    top: 2150px;
    left: 830px;
}

#locales {
    width: 700px;
    height: 335px;
    overflow: auto;
    position: absolute;
    top: 1500px;
    left: 70px;
}

#completo {
    width: 700px;
    height: 365px;
    overflow: auto;
    position: absolute;
    top: 1880px;
    left: 70px;
}

#f_zonass {
    width: 700px;
    height: 365px;
    overflow: auto;
    position: absolute;
    top: 2380px;
    left: 70px;
}

#cancel_fact {
    width: 700px;
    height: 365px;
    overflow: auto;
    position: absolute;
    top: 2800px;
    left: 70px;
}

#no_viajo {
    width: 700px;
    height: 365px;
    overflow: auto;
    position: absolute;
    top: 3200px;
    left: 70px;
}

#transito {
    width: 700px;
    height: 365px;
    overflow: auto;
    position: absolute;
    top: 3600px;
    left: 70px;
}

#veinteycuatrohoras {
    width: 700px;
    height: 365px;
    overflow: auto;
    position: absolute;
    top: 3400px;
    left: 830px;
}

#guias_destino {
    width: 700px;
    height: 365px;
    overflow: auto;
    position: absolute;
    top: 800px;
    left: 830px;
}

#a_visitas {
    width: 700px;
    height: 355px;
    overflow: auto;
    position: absolute;
    top: 2550px;
    left: 830px;
}

#incidencia {
    width: 700px;
    height: 355px;
    overflow: auto;
    position: absolute;
    top: 2960px;
    left: 830px;
}

#generadass {
    width: 700px;
    height: 365px;
    overflow: auto;
    position: absolute;
    top: 3900px;
    left: 830px;
}


#filtros {
    width: 950px;
    height: 155px;
    position: absolute;
    top: 375px;
    left: 300px;
}


#In_resumen_global {
    width: 900px;
    height: 300px;
    overflow: auto;
    position: absolute;
    top: 425px;
    left: 380px;
}

#In_generada {
    width: 700px;
    height: 500px;
    overflow: auto;
    position: absolute;
    top: 825px;
    left: 70px;
}

#In_en_transito {
    width: 700px;
    height: 500px;
    overflow: auto;
    position: absolute;
    top: 2900px;
    left: 70px;
}

#In_bodega {
    width: 700px;
    height: 365px;
    overflow: auto;
    position: absolute;
    top: 825px;
    left: 830px;
}

#In_reparto {
    width: 700px;
    height: 500px;
    overflow: auto;
    position: absolute;
    top: 1225px;
    left: 70px;
}

#In_noviaja {
    width: 700px;
    height: 365px;
    overflow: auto;
    position: absolute;
    top: 1225px;
    left: 830px;
}

#In_citas {
    width: 700px;
    height: 500px;
    overflow: auto;
    position: absolute;
    top: 1625px;
    left: 70px;
}

#In_ocurre {
    width: 700px;
    height: 365px;
    overflow: auto;
    position: absolute;
    top: 1625px;
    left: 830px;
}

#In_fzona {
    width: 700px;
    height: 500px;
    overflow: auto;
    position: absolute;
    top: 2025px;
    left: 70px;
}

#In_problemas {
    width: 700px;
    height: 365px;
    overflow: auto;
    position: absolute;
    top: 2025px;
    left: 830px;
}

#In_nopago {
    width: 700px;
    height: 500px;
    overflow: auto;
    position: absolute;
    top: 2450px;
    left: 70px;
}

#In_citas_pendiente {
    width: 700px;
    height: 365px;
    overflow: auto;
    position: absolute;
    top: 2450px;
    left: 830px;
}

#In_mas_24 {
    width: 700px;
    height: 365px;
    overflow: auto;
    position: absolute;
    top: 2900px;
    left: 70px;
}


.btn {
    border: 1px solid #406999;
    border-radius: 4px;
    color: #fff;
    text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.5);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    padding: 5px 10px;
    margin: 0;
    cursor: pointer;
    display: inline-block;
    background: #7db9e8; /* Old browsers */
    background: -moz-linear-gradient(top, #7db9e8 1%, #406999 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #7db9e8), color-stop(100%, #406999)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #7db9e8 1%, #406999 100%); /* Chrome10+,Safari5.1+ */
    /*background: -o-linear-gradient(top, #7db9e8 1%,#406999 100%); /* Opera 11.10+ */
    /*background: -ms-linear-gradient(top, #7db9e8 1%,#406999 100%); /* IE10+ */
    /*background: linear-gradient(top, #7db9e8 1%,#406999 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#406999',GradientType=0 ); /* IE6-9 */
}


#ocurre {
    width: 700px;
    height: 315px;
    overflow: auto;
    position: absolute;
    top: 800px;
    left: 70px;
}

#citass {
    width: 700px;
    height: 315px;
    overflow: auto;
    position: absolute;
    top: 1180px;
    left: 70px;
}

#mis_llamadas {
    width: 730px;
    height: 650px;
    overflow: auto;
    position: absolute;
    top: 1000px;
    left: 70px;
}

/*
#mis_llamadas_2019 {
	width:1450px;
	height:800px;
	overflow:auto;
	position: absolute;
	top: 425px;
	left: 50px;
}
*/

#unidades {
    width: 650px;
    height: 815px;
    overflow: auto;
    position: absolute;
    top: 425px;
    left: 830px;
}

#mis_reuniones {
    width: 610px;
    height: 600px;
    overflow: auto;
    position: absolute;
    top: 425px;
    left: 850px;
}

/*
#mis_reuniones_2019 {
	width:1450px;
	height:800px;
	overflow:auto;
	position: absolute;
	top: 425px;
	left: 30px;
}
*/

#no_digitalizado {
    width: 700px;
    height: 415px;
    overflow: auto;
    position: absolute;
    top: 1270px;
    left: 830px;
}

.box_150 {
    width: 150px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    border-radius: 2px;
}


.twoColFixLt #container {
    width: 80%;
    text-align: left; /* esto anula text-align: center en el elemento body. */
    height: 100%;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
}

.fltrt { /* esta clase puede utilizarse para que un elemento flote en la parte derecha de la página. El elemento flotante debe preceder al elemento junto al que debe aparecer en la página. */
    float: right;
    margin-left: 8px;
}

.fltlft { /* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la página. */
    float: left;
    margin-right: 8px;
}

.clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}

#header {
    color: #FFF;
}


a:hover {
    color: #F00;
}

a {
    color: #666;
    text-decoration: none;
}


.titulo_1 {
    height: 20px;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom-width: 5px;
    border-bottom-style: solid;
    border-bottom-color: #6A6A6A;
    letter-spacing: 4px;
    font-size: 20px;
    color: #369;
    font-weight: bold;
    padding-left: 4px;
}

.titulo_2 {
    font-size: 11px;
    color: #369;
    font-weight: bold;
}

.titulo_centro {
    height: 20px;
    width: 100%;
    letter-spacing: 4px;
    font-size: 11px;
    color: #FF6600;
    font-weight: bold;
    text-align: center;
}


#subtitulo_1 {
    font-size: 11px;
    color: #F60;
    padding-left: 20px;
    font-weight: bold;
    letter-spacing: 2px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCC;
    padding-bottom: 5px;
}

.caso_bloque {
    height: 100%;
    background-color: #FFF;
    padding-right: 0px;
    padding-left: 3px;
    padding-top: 5px;
    width: 950px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #F4F4F4;
}

.bloque_coincidencias {
    height: 380px;
    width: 875px;
    overflow: scroll;
}

.bloque_gris {
    height: 100%;
    background-color: #F4F4F4;
    width: 950px;
    border-right-width: 3px;
    border-right-style: solid;
    border-right-color: #666666;
    border-bottom-width: 3px;
    border-left-width: 1px;
    border-bottom-style: solid;
    border-left-style: solid;
    border-bottom-color: #666666;
    border-left-color: #666666;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #666666;
    padding-right: 10px;
    padding-left: 10px;
}

.bloque_blanco {
    height: 100%;
    background-color: #FFFFFF;
    width: 950px;
    border-right-width: 3px;
    border-right-style: solid;
    border-right-color: #666666;
    border-bottom-width: 3px;
    border-left-width: 1px;
    border-bottom-style: solid;
    border-left-style: solid;
    border-bottom-color: #666666;
    border-left-color: #666666;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #666666;
    padding-right: 10px;
    padding-left: 10px;
}

.bloque_medio {
    height: 100%;
    background-color: #FFFFFF;
    width: 830px;
    border-right-width: 3px;
    border-right-style: solid;
    border-right-color: #666666;
    border-bottom-width: 3px;
    border-left-width: 1px;
    border-bottom-style: solid;
    border-left-style: solid;
    border-bottom-color: #666666;
    border-left-color: #666666;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #666666;
    padding-right: 10px;
    padding-left: 10px;
    overflow: scroll;
}


.columna_1 {
    height: 15px;
    width: 100%;
    font-size: 11px;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #CCC;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-right-style: outset;
    border-bottom-style: outset;
    border-right-color: #B9B9B9;
    border-bottom-color: #B9B9B9;
    font-weight: bold;
}

.grid_1 {
    height: 300px;
    width: 100%;
    overflow: scroll;
    border: 1px solid #CCC;
}

.ficha_victima {
    padding-bottom: 10px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-top-color: #39C;
    border-right-color: #39C;
    border-bottom-color: #39C;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #39C;
}


.titulo_4 {
    /*border-top-width: 1px;
    border-right-width: 5px;
    border-bottom-width: 5px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #666666;
    border-right-color: #666666;
    border-bottom-color: #666666;
    border-left-color: #666666;*/
    background-color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    color: #069;
    padding-left: 20px;
    border-radius: 2px;
}

#titulo_cat {
    font-size: 12px;
    color: #333;
    height: 200px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCC;
    font-weight: bold;
    letter-spacing: 3px;
    word-spacing: 4px;
    border-right-color: #CCC;
}

#buscador {
    width: 800px;
    color: #000000;
    height: 40px;
    margin: 0;
    background-color: #E0F0F8;
    border: 1px solid #666;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}

#columnas {
    height: 20px;
    width: 800px;
    color: #FFF;
    font-size: 12px;
    left: auto;
    right: auto;
    padding-top: 5px;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-bottom-color: #333;
}

#grid {
    width: 800px;
    left: auto;
    right: auto;
}

.texto_resaltado {
    font-size: 11px;
    font-weight: bold;
    color: #006;
}


.msg_exclamacion {
    font-size: 11px;
    font-weight: bold;
    color: #069;
    background-image: url(../imagenes/exclamacion.png);
    background-repeat: no-repeat;
    background-position: left center;
    text-align: right;
    width: 220px;
    height: 18px;
}

.msg_info1 {
    font-size: 11px;
    color: #710000;
}

#msg_opcion {
    background-color: #006699;
    color: #FFF;
    width: 100%;
    padding-right: 5px;
    padding-left: 5px;
    font-weight: bold;
}

#msg_accion {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #369;
    text-align: center;
    height: 20px;
    width: 100%;
    padding-top: 5px;
}

.msg_error {
    background-color: #FFF0F0;
    height: auto;
    width: auto;
    border: 1px solid #FF0000;
    padding: 5px;
    font-size: 11px;
}

.boton_busca {
    background-image: url(../imagenes/lens.gif);
    background-repeat: no-repeat;
    background-position: 5px;
    height: 25px;
    font-size: 11px;
    color: #333;
}

.boton_nuevo {
    background-image: url(../imagenes/new.gif);
    background-repeat: no-repeat;
    background-position: 5px;
    height: 25px;
    vertical-align: top;
    right: 20px;
    font-size: 11px;
    color: #333;
}

.back {
    background: url(../imagenes/back.png) no-repeat 10px 8px;
    text-indent: 30px;
    display: block;
}

.box_100 {
    width: 100px;
    font-family: arial, verdana, sans-serif;
    font-size: 11px;
    border-radius: 2px;
}

.box_180 {
    font-family: arial, verdana, sans-serif;
    font-size: 11px;
    width: 180px;
    border-radius: 2px;
}

.box_250 {
    font-family: arial, verdana, sans-serif;
    font-size: 11px;
    width: 250px;
    border-radius: 2px;
}

.box_50 {
    width: 50px;
    font-family: arial, verdana, sans-serif;
    font-size: 11px;
    border-radius: 2px;
}

.box_200 {
    width: 200px;
    font-family: arial, verdana, sans-serif;
    font-size: 11px;
    border-radius: 2px;
}

.box_0 {
    font-family: arial, verdana, sans-serif;
    font-size: 11px;
    border-radius: 2px;
}

.box_30 {
    font-family: arial, verdana, sans-serif;
    font-size: 11px;
    width: 30px;
    border-radius: 2px;
}

.box_70 {
    width: 70px;
    font-family: arial, verdana, sans-serif;
    font-size: 12px;
    border-radius: 2px;
}

.box_grupo {
    height: 150px;
    width: 100%;
    overflow: scroll;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #999;
    border-right-color: #999;
    border-bottom-color: #999;
    border-left-color: #999;
    font-size: 11px;

}


#div_ingreso {
    width: 300px;
    padding: 0;
    border: 0;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    height: 140px;
}


#titulo {
    width: 600px;
    background-color: #006699;
    color: #FFFFFF;
    margin: 0;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    border: 1px solid #000066;
}


.colum_titulos {
    color: #FFF;
    background-color: #069;
}

.requerido {
    border: 1px solid #06C;
}

#capa_login {
    background-color: rgba(243, 243, 243, 0.7);
    box-shadow: 0 0 4px #000000;
    border-radius: 7px;
    overflow: hidden !important;
    text-align: center;
    position: relative;
    width: 700px;
    color: #00467F;
}

#msg_aviso {
    color: #000;
    background-color: #FFFFCA;
    text-align: center;
    width: 100%;
    border: 1px solid #FF0;
    padding-top: 10px;
    padding-bottom: 10px;
}


#navegacion {
    font-weight: bold;
    height: 20px;
    margin-right: auto;
    margin-left: auto;
}

#capa_titulo {
    width: 600px;
    color: #006699;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    width: 100%;
    font-weight: normal;
    font-size: 16px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: none;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: none;
    border-top-color: #CCCCCC;
    border-right-color: #CCCCCC;
    border-bottom-color: #CCCCCC;
    border-left-color: #CCCCCC;
    height: 25px;
}

#titulo_azul {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFF;
    height: 20px;
    width: 100%;
    text-align: center;
    padding-top: 10px;
    background-color: #000;
}


#info {
    color: #000066;
    background-color: #BFEBFF;
    border: 1px solid #000066;
    width: 100%;
    height: 20px;
}

#formulario {
    width: 800px;
    border-right-width: 3px;
    border-bottom-width: 3px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-color: #CCC;
    border-bottom-color: #CCC;
}

#cat_rel {
    width: 100%;
    clip: rect(auto, auto, auto, auto);
    height: 500px;
    border: 1px solid #333;
    overflow: scroll;
}

#header {
    margin-right: auto;
    margin-left: auto;
    font-size: 11px;
    font-weight: bold;
}


.twoColFixLt #container {
    width: 960px;
    text-align: left; /* esto anula text-align: center en el elemento body. */
    height: 100%;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-right: 10px;
    padding-left: 10px;
}

.fltrt { /* esta clase puede utilizarse para que un elemento flote en la parte derecha de la página. El elemento flotante debe preceder al elemento junto al que debe aparecer en la página. */
    float: right;
    margin-left: 8px;
}

.fltlft { /* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la página. */
    float: left;
    margin-right: 8px;
}

.clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}

.box_requerido {
    color: #469045;
    /*background-color:#F0F7E6;*/
    padding-left: 5px;
    /*border: 2px solid #9FCF5F;*/
    border-radius: 2px;
    font-weight: bold;
    /*#FF9933*/
}

.box_campo {
    padding-left: 10px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #CCC;
}

.box_negrilla {
    color: #000;
    /*background-color:#E3E3E3;*/
    padding-left: 5px;
    /*border: 1px solid #999;*/
    border-radius: 2px;
}


/* -------------------- */
/* CLASSES	BOTONES		*/
/* -------------------- */
a.button {
    background: url(../imagenes/button.gif);
    display: block;
    color: #555555;
    font-weight: bold;
    height: 30px;
    line-height: 29px;
    margin-bottom: 5px;
    text-decoration: none;
    width: 191px;
}

a:hover.button {
    color: #0066CC;
}


.add {
    background: url(../imagenes/add.gif) no-repeat 10px 8px;
    text-indent: 30px;
    display: block;
}

.delete {
    background: url(../imagenes/delete.gif) no-repeat 10px 8px;
    text-indent: 30px;
    display: block;
}

.user {
    background: url(../imagenes/user.gif) no-repeat 10px 8px;
    text-indent: 30px;
    display: block;
}

/*.alert{
    background:url(../imagenes/alert.gif) no-repeat 10px 8px;
    text-indent:30px;
    display:block;
}*/
.msg {
    background: url(../imagenes/msg.gif) no-repeat 10px 8px;
    text-indent: 30px;
    display: block;
}

/*.download{
    background:url(../imagenes/download.gif) no-repeat 10px 8px;
    text-indent:30px;
    display:block;
}*/

.lens {
    background: url(../imagenes/lens.gif) no-repeat 10px 8px;
    text-indent: 30px;
    display: block;
    width: 80px;
}

/*.info{
    background:url(../imagenes/info.gif) no-repeat 10px 8px;
    text-indent:30px;
    display:block;
}*/
#msg_cabecera {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FFF;
}

.ficha {
    background: url(../imagenes/ficha.jpg) no-repeat 10px 8px;
    text-indent: 30px;
    display: block;
}

.seguimiento {
    background: url(../imagenes/seguimiento.png) no-repeat 10px 8px;
    text-indent: 30px;
    display: block;
}

#info_derechos {
    font-size: 11px;
    font-weight: bold;
    color: #333;
    height: 20px;
    width: 100%;
    padding-top: 5px;
    text-align: center;
}


/* --------------- BOTONES --------------- */

.button, .button:visited { /* botones genéricos */
    /*background: #222 url(http://sites.google.com/site/zavaletaster/Home/overlay.png) repeat-x;*/
    display: inline-block;
    padding: 5px 10px 6px;
    color: #FFF;
    text-decoration: none;
    /*-moz-border-radius: 6px;*/
    -webkit-border-radius: 6px;
    /*-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);*/
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    position: relative;
    cursor: pointer;
}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none;
}

.button:hover { /* el efecto hover */
    background-color: #111;
    color: #FFF;
}

.button:active { /* el efecto click */
    top: 1px;
}

/* botones pequeños */
.small.button, .small.button:visited {
    font-size: 11px;
    padding: 8px 10px 5px;
}


/* botones medianos */
.button, .button:visited, .medium.button, .medium.button:visited {
    font-size: 13px;
    font-weight: bold;
    line-height: 1;
    border-radius: 3px;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
}

/* botones grandes */
.large.button, .large.button:visited {
    font-size: 14px;
    padding: 8px 14px 9px;
}

/* botones extra grandes */
.super.button, .super.button:visited {
    font-size: 34px;
    padding: 8px 14px 9px;
}

.pink.button {
    background-color: #E22092;
}

.pink.button:hover {
    background-color: #C81E82;
}

.green.button, .green.button:visited {
    background-color: #91BD09;
}

.green.button:hover {
    background-color: #749A02;
}

.red.button, .red.button:visited {
    background-color: #B51515;
}

.red.button:hover {
    background-color: #CF2525;
}

.orange.button, .orange.button:visited {
    background-color: #FF5C00;
}

.orange.button:hover {
    background-color: #D45500;
}

.blue.button, .blue.button:visited {
    background-color: #14559C;
}

.blue.button:hover {
    background-color: #2575CF;
}

.yellow.button, .yellow.button:visited {
    background-color: #FFB515;
}

.yellow.button:hover {
    background-color: #FC9200;
}

.black.button, .black.button:visited {
    background-color: #000000;
}

.black.button:hover {
    background-color: #616161;
}

/* Simulacion de Blink */
@keyframes blink {
    0% {
        color: red;
    }
    100% {
        color: black;
    }
}

@-webkit-keyframes blink {
    0% {
        color: red;
    }
    100% {
        color: black;
    }
}

.blink {
    -webkit-animation: blink 0.5s linear infinite;
    -moz-animation: blink 0.5s linear infinite;
    animation: blink 0.5s linear infinite;
}

.w-100 {
    display: flex;
    width: 100%;
}

.j-center {
    justify-content: center;
}

.j-start {
    justify-content: start;
}

.j-end {
    justify-content: end;
}

.j-s-around {
    justify-content: space-around;
}

.j-s-evenly {
    justify-content: space-evenly;
}

.j-s-between {
    justify-content: space-between;
}