body, html{
    height: 100%;
    background: white; /*Fondo de la pagina - Negro(222222)*/
    font-family: 'Lato', sans-serif;
}

.boxHidden{
    display:none;
}

.circle { /*Circulo sin seleccionar - Gris(#AAAAAA)*/
    border-radius: 50%;
    width: 32px;
    height: 32px;
    background: white;
    border: solid 2px #AAAAAA;
    margin: auto;
}

.circle:hover { /*Circulo al pasar por encima - Negro*/
    border-radius: 50%;
    width: 32px;
    height: 32px;
    background: white;
    border: solid 2px black;
    margin: auto;
    cursor: pointer;
}

.circleSelected { /*Circulo Relleno al ser seleccionado - Negro*/
    border-radius: 50%;
    width: 36px; /*Debe ser de 35px (3px adicionales) a circle que tiene (30+2px)*/
    height: 36px;
    background: black;
    margin: auto;
}

.tableQuestion {
    border: 1px solid;
    border-collapse: collapse;
}

.cellIdQuestion {
    border: 1px solid;
    border-collapse: collapse;
    /*width: 10px;*/
    width: 1%; /*Ancho de las celdas del Id de Pregunta (30px)*/
    min-width: 30px;
    text-align: center;
    background-color: #145098;
}

.cellQuestion {
    border: 1px solid;
    border-collapse: collapse;
    /*min-width: 600px;*/
    width: 39%; /*Ancho de las celdas del texto de las preguntas (300px)*/
    max-width: 600px;
    min-width: 300px;
    background-color: #145098;
}

.cellEncabezado {
    border: 1px solid;
    border-collapse: collapse;
    /*width: 100px;*/
    width: 12%; /*Ancho de las celdas de las options (80px)*/
    max-width: 120px;
    min-width: 80px;
    font-weight: bold;
    font-size: 28px;
    background-color: #145098;
    color: white;
}

.cellOption {
    border: 1px solid;
    border-collapse: collapse;
    padding-top: 7px;
    padding-bottom: 7px;
}

.cellOptionSelected {
    border: 1px solid;
    border-collapse: collapse;
    padding-top: 7px;
    padding-bottom: 7px;
    background-color: #D8D8D8; /*#BDBDBD; Celdas grises cuando ya se selecciono una opcion de la fila*/
}

.txtQuestion{
    color: black;
    width: 100%;
    font-weight: bold;
    font-size: 26px;
    background-color: #145098;
    color: white;
}

.imgBtnNextBefore{
    cursor: pointer;
}

.txtNormal{
    font-weight: normal;
    font-size: 12px;
}

.txtBold{
    font-weight: bold;
    font-size: 12px;
}

.txtBoldHeader{
    font-weight: bold;
    font-size: 18px;
    color: #1D2025;
}

.txtGroupA {
    font-weight: bold;
    font-size: 24px;
    width: 100%;
    background-color: #145098;
    color: white;
}

.tdTxtGroupA{
    background-color: #145098;
    padding-top: 3px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
}

.cellCustom {
    border: 0px solid;
    border-collapse: collapse;
    width: 100%;
}

.divCustom{
    color: black;
    width: 100%;
    font-weight: bold;
    font-size: 20px;
}

.tableCustom {
    border: 0px solid;
    border-collapse: collapse;
    width: 100%;
}

.imgCalendario{
    cursor:pointer;
}

.containerPanelRepFrecu { 
    width:834px; 
    color:#FFF; 
    font-size:24px; 
    font-family:tahoma; 
    font-weight: bold;
}

.containerPanelRepDistriFrecu { 
    width:600px; 
    color:#FFF; 
    font-size:24px; 
    font-family:tahoma; 
    font-weight: bold;
}

/* Pagina de Inicio*/
.containerPanelInicio { 
    width:417px; 
    color:#FFF; 
    font-size:24px; 
    font-family:tahoma; 
    font-weight: bold;
}

.topPanelInicio { 
    padding:5px; 
    background-color: #004080; 
}

.topPanelInicioLitami { 
    padding:5px; 
    background-color: #393375; 
    color: #00B5C0;
}
 
.contentPanelInicio {
    padding-left:20px;
    padding-right:20px;
    padding-top:5px;
    padding-bottom:5px;
    background-color:#079; 
}

.contentPanelInicioLitami {
    padding-left:20px;
    padding-right:20px;
    padding-top:5px;
    padding-bottom:5px;
    background-color:#FFF; 
}

.textoPanelInicio{
    color: #FFF; 
    font-size: 24px;
    font-weight: bold;
    font-family: tahoma; 
}

.textoPanelInicioLitami{
    color: #3B367A; 
    font-size: 24px;
    font-weight: bold;
    font-family: tahoma; 
}

.contentPanelExiste {
    padding-left:20px;
    padding-right:20px;
    padding-top:5px;
    padding-bottom:5px;
    background-color:white; 
}

.textoPanelExiste{
    color: red; 
    font-size: 18px;
    font-weight: bold;
    font-family: tahoma; 
}

.cajaDocPanelInicio{
    width: 180px;
    height: 50px;
    font-family: tahoma;
    font-size: 28px;	
}

.cajaUserPanelInicio{
    width: 265px;
    height: 50px;
    font-family: tahoma;
    font-size: 28px;
    text-transform: lowercase;
}

.cajaPassPanelInicio{
    width: 220px;
    height: 50px;
    font-family: tahoma;
    font-size: 28px;
}

.cajaValorFiltro{
    width: 340px;
    height: 50px;
    font-family: tahoma;
    font-size: 28px;	
}

/* Estilo Alert*/
.dgcAlert {top: 0; position: absolute; width: 100%; display: block; height: 1000px; background: url(fondo-alert.png) repeat; text-align:center; opacity:0; display:none; z-index:999999999999999;}
.dgcAlert .dgcVentana{width: 500px; background: white;min-height: 150px;position: relative;margin: 0 auto;color: black;padding: 10px;border-radius: 10px;}
.dgcAlert .dgcVentana .dgcCerrar {height: 25px;width: 25px;float: right; cursor:pointer; background: url(cerrar-alert.jpg) no-repeat center center;}
.dgcAlert .dgcVentana .dgcMensaje { margin: 0 auto; padding-top: 10px; text-align: left; width: 455px;font-size: 16px;}
.dgcAlert .dgcVentana .dgcAceptar{background:#09C; bottom:20px; display: inline-block; font-size: 14px; font-weight: bold; height: 28px; line-height: 28px; padding-left: 5px; padding-right: 5px;text-align: center; text-transform: uppercase; width: 75px;cursor: pointer; color:#FFF; margin-top:50px;}

/* Pagina de Consentimiento Informado*/
.containerPanelConsentimiento { 
    width:800px; 
    color:#FFF; 
    font-size:24px; 
    font-family:tahoma; 
    font-weight: bold;
}
 
.topPanelConsentimiento { 
    padding:5px; 
    background-color: #004080; 
}
 
.contentPanelConsentimiento {
    padding-left:20px;
    padding-right:20px;
    padding-top:5px;
    padding-bottom:5px;
    background-color:#079; 
}


.textoSubrayado{
    text-decoration: underline;
}

.listPanelConsentimiento{
    list-style-type: disc;
    color: #FFF; 
    font-size: 20px;
    font-weight: bold;
    font-family: tahoma;
    text-align : justify;
}

.textoPanelConsentimiento1{
    color: #FFF; 
    font-size: 20px;
    font-weight: bold;
    font-family: tahoma;
    text-align : center;
}

.textoPanelConsentimiento2{
    color: #FFF; 
    font-size: 20px;
    font-weight: bold;
    font-family: tahoma;
    text-align : justify;
}


/* Pagina de Ficha de Datos*/
.containerPanelFicha { 
    width:800px; 
    color:#FFF; 
    font-size:24px; 
    font-family:tahoma; 
    font-weight: bold;
}
 
.topPanelFicha { 
    padding:5px; 
    background-color: #004080; 
}
 
.contentPanelFicha {
    padding-left:20px;
    padding-right:20px;
    padding-top:5px;
    padding-bottom:5px;
    background-color:#079; 
}

.textoPanelFicha1{
    color: #FFF; 
    font-size: 20px;
    font-weight: bold;
    font-family: tahoma;
    text-align : justify;
}

.cajaPanelFicha75{
    width: 75px;
    height: 40px;
    font-family: tahoma;
    font-size: 20px;
    text-transform: uppercase;
}

.cajaPanelFicha150{
    width: 150px;
    height: 40px;
    font-family: tahoma;
    font-size: 20px;
    text-transform: uppercase;
}

.cajaPanelFicha250{
    width: 250px;
    height: 40px;
    font-family: tahoma;
    font-size: 20px;
    text-transform: uppercase;
}

.cajaPanelFicha350{
    width: 350px;
    height: 40px;
    font-family: tahoma;
    font-size: 20px;
    text-transform: uppercase;
}

.cajaPanelFicha450{
    width: 450px;
    height: 40px;
    font-family: tahoma;
    font-size: 20px;
    text-transform: uppercase;
}

.cajaPanelFicha550{
    width: 550px;
    height: 40px;
    font-family: tahoma;
    font-size: 20px;
    text-transform: uppercase;
}

.cajaPanelFicha650{
    width: 650px;
    height: 40px;
    font-family: tahoma;
    font-size: 20px;
    text-transform: uppercase;
}

.cajaPanelFicha750{
    width: 750px;
    height: 40px;
    font-family: tahoma;
    font-size: 20px;
    text-transform: uppercase;
}

.selPanelFicha75{
    width:75px;
    font-family:tahoma;
    font-size:1.05em; 
    line-height:40px; 
    height:40px;
}

.selPanelFicha150{
    width:150px;
    font-family:tahoma;
    font-size:1.05em; 
    line-height:40px; 
    height:40px;
}

.selPanelFicha250{
    width:250px;
    font-family:tahoma;
    font-size:1.05em; 
    line-height:40px; 
    height:40px;
}

.selPanelFicha350{
    width:350px;
    font-family:tahoma;
    font-size:1.05em; 
    line-height:40px; 
    height:40px;
}

.selPanelFicha450{
    width:450px;
    font-family:tahoma;
    font-size:1.05em; 
    line-height:40px; 
    height:40px;
}

.selPanelFicha550{
    width:550px;
    font-family:tahoma;
    font-size:1.05em; 
    line-height:40px; 
    height:40px;
}

.selPanelFicha650{
    width:650px;
    font-family:tahoma;
    font-size:1.05em; 
    line-height:40px; 
    height:40px;
}

.selPanelFicha750{
    width:750px;
    font-family:tahoma;
    font-size:1.05em; 
    line-height:40px; 
    height:40px;
}

.lblTip{
    font-size:16px; 
    font-family:tahoma; 
    font-weight: normal;
}

.lblTip2{
    background-color:#CEECF5;
    font-size:18px; 
    font-family:tahoma; 
    font-weight: normal;
}

.lblTip2sub{
    background-color:#CEECF5;
    font-size:18px; 
    font-family:tahoma; 
    font-weight: normal;
    text-decoration: underline;
}


/*Texto Titulos*/
.textoTitulo{
    color:#FFFFFF;
    font-size:18px; 
    font-family:tahoma; 
    font-weight: bold;
    height: 30px;
}

.textoForm{
    color: #173F77;
    font-size:14px; 
    font-family:tahoma; 
    font-weight: bold;
}

/* Botones */
.boton{
    font-size:18px; 
    font-family:tahoma; 
    color: #173F77;
    border:1px solid #173F77;
    padding:3px 2px 6px;
    font-weight:bold;	
    background:url(boton.gif); 
    height:40px;
}

.boton:hover { /*Circulo al pasar por encima - Negro*/
    font-size:18px; 
    font-family:tahoma; 
    color: #173F77;
    border:1px solid #173F77;
    padding:3px 2px 6px;
    font-weight:bold;	
    background:url(boton_hover.gif);
    height:40px;
}

.btn120px{
    width:120px;
    cursor: pointer;
}

.btn140px{
    width:140px;
    cursor: pointer;
}

.btn160px{
    width:160px;
    cursor: pointer;
}

.btnReco3{
    width:340px;
    cursor: pointer;
}

.textoToolTip{
    color: #173F77;
    font-size:16px; 
    font-family:tahoma;
    font-weight: bold;
}


/* Estilos de configuración del menú desplegable.*/

#dhtmlgoodies_menu ul li ul{
    display:none; /* Necesario para visualizarse bien en opera */
}
#dhtmlgoodies_menu{
    visibility:hidden;
    width: 804px; /*Ancho total del menú. (134px*6=804)*/
}
#dhtmlgoodies_menu ul{
    margin:0px; /* Sin sangria */
    padding:0px; /* Sin sangria */
}
#dhtmlgoodies_menu li{
    list-style-type:none; /* Sin iconos */
} 
#dhtmlgoodies_menu a{
    margin:0px;
    padding:0px;
}

/* Estilos de la estética del menú. Aquí puedes modificarlos de acuerdo al estilo de tu web
Estilos que se aplican a todo el menú*/

#dhtmlgoodies_menu ul{
    border:1px solid #000;
    background-color:#FFF;
    padding:0px;
}

#dhtmlgoodies_menu ul.menuBlock1{ /* Barra de menú - elementos del menu principal*/
    border:0px;
    padding:0px;
    background-color:#FFFFFF;
    overflow:visible;
}
#dhtmlgoodies_menu ul.menuBlock2{ /* Barra de menú - elementos del menu principal*/
    border:0px;
    padding:0px;
    border:1px solid #555;
}

#dhtmlgoodies_menu a{
    color: #173F77;
    text-decoration:none;
    margin:0px;
    padding:0px;
    padding-left:2px;
}

#dhtmlgoodies_menu div{
    cursor:pointer;
}

/* Estilos del menú principal. El que esta siempre visible */

#dhtmlgoodies_menu .currentDepth1{
    background: url(menu_back.gif);
    height:29px;
    width:134px; /*Ancho de cada item del menú. Al modificar, tmb cambiar el total en #dhtmlgoodies_menu*/
    padding:0px;
    margin:0px;
}

#dhtmlgoodies_menu .currentDepth1over{
    background: url(footer.gif);
    height:29px;
    width:134px; /*Ancho de cada item del menú. Al modificar, tmb cambiar el total en #dhtmlgoodies_menu*/
    padding:0px;
    margin:0px;
}

#dhtmlgoodies_menu .currentDepth1over a{ 
    color:#FFF;
    font-weight:bold;
}

#dhtmlgoodies_menu .currentDepth1 div{ 
    text-align:center;
    margin: 0px;
    padding: 0px;
    padding-top: 7px;
    height:100%;
    width:100%;
    font-weight:bold;
}

#dhtmlgoodies_menu .currentDepth1over div{ 
    text-align:center;
    margin: 0px;
    padding: 0px;
    padding-top: 7px;
    height:100%;
    width:100%;
    font-weight:bold;
}


/* Estilos submenu nivel 1 */

#dhtmlgoodies_menu .currentDepth2{
    height:20px;
    width:250px;
}
#dhtmlgoodies_menu .currentDepth2over{
    background: url(footer.gif);
    height:20px;
    width:250px;
} 
#dhtmlgoodies_menu .currentDepth2over a{
    color:#FFF;
    font-weight:bold;
} 

/* Estilos submenu nivel 2 */

#dhtmlgoodies_menu .currentDepth3{
    height:20px;
    width:250px;
}
#dhtmlgoodies_menu .currentDepth3over{
    background: url(footer.gif);
    height:20px;
    width:250px;
}
#dhtmlgoodies_menu .currentDepth3over a{
    color:#FFF;
    font-weight:bold;
} 

/* Estilos submenu nivel 3 */

#dhtmlgoodies_menu .currentDepth4{
    height:20px;
    width:250px;
}
#dhtmlgoodies_menu .currentDepth4over{
    background: url(footer.gif);
    height:20px;
    width:250px;
}
#dhtmlgoodies_menu .currentDepth4over a{
    color:#FFF;
    font-weight:bold;
}


/******************************************/
.textoLower{
    text-transform: lowercase;
}
.textoUpper{
    text-transform: uppercase;
}

.formStyle{
    padding: 20px 12px 10px 20px;
    font: 14px Arial, Helvetica, sans-serif;
}

.formStyle label{
    display: block;
    margin: 0px 0px 15px 0px;
    color: #173F77; /*Color del label (azul)*/
}

.formStyle label > span{
    width: 100px;
    font-weight: bold;
    float: left;
    padding-top: 8px;
    padding-right: 5px;
}

.formStyle span.required{
    color:red;
}

/*Cajas de Texto*/
.formStyle input.cajaTexto100{
    width: 100px;
}
.formStyle input.cajaTexto120{
    width: 120px;
}
.formStyle input.cajaTexto140{
    width: 140px;
}
.formStyle input.cajaTexto160{
    width: 160px;
}
.formStyle input.cajaTexto180{
    width: 180px;
}
.formStyle input.cajaTexto200{
    width: 200px;
}
.formStyle input.cajaTexto220{
    width: 220px;
}
.formStyle input.cajaTexto240{
    width: 240px;
}
.formStyle input.cajaTexto260{
    width: 260px;
}

/*Listas Desplegables*/
.formStyle .selTexto100{
    width: 100px;
    font-size: 1.2em;
}
.formStyle .selTexto120{
    width: 120px;
    font-size: 1.2em;
}
.formStyle .selTexto140{
    width: 140px;
    font-size: 1.2em;
}
.formStyle .selTexto160{
    width: 160px;
    font-size: 1.2em;
}
.formStyle .selTexto180{
    width: 180px;
    font-size: 1.2em;
}
.formStyle .selTexto200{
    width: 200px;
    font-size: 1.2em;
}
.formStyle .selTexto220{
    width: 220px;
    font-size: 1.2em;
}
.formStyle .selTexto240{
    width: 240px;
    font-size: 1.2em;
}
.formStyle .selTexto260{
    width: 260px;
    font-size: 1.2em;
}
.formStyle .selTexto280{
    width: 280px;
    font-size: 1.2em;
}
.formStyle .selTexto300{
    width: 300px;
    font-size: 1.2em;
}
.formStyle .selTexto320{
    width: 320px;
    font-size: 1.2em;
}
.formStyle .selTexto340{
    width: 340px;
    font-size: 1.2em;
}
.formStyle .selTexto360{
    width: 360px;
    font-size: 1.2em;
}
.formStyle .selTexto380{
    width: 380px;
    font-size: 1.2em;
}
.formStyle .selTexto400{
    width: 400px;
    font-size: 1.2em;
}

.selTextoEmpPanelInicio{
    font: 14px Arial, Helvetica, sans-serif;
    width: 340px;
    font-size: 1.05em;
    height: 40px;
}

.selTextoPanelRepConso{
    font: 14px Arial, Helvetica, sans-serif;
    width: 560px;
    font-size: 1.05em;
    height: 40px;
}

.cajaTextoPanelInicio{
    font: 14px Arial, Helvetica, sans-serif;
    width: 200px;
    font-size: 1.05em;
    height: 40px;
}

.formStyle input,
.formStyle select,
.formStyle .tel-number-field, 
.formStyle .textarea-field{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #C2C2C2;
    box-shadow: 1px 1px 4px #EBEBEB;
    -moz-box-shadow: 1px 1px 4px #EBEBEB;
    -webkit-box-shadow: 1px 1px 4px #EBEBEB;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 7px;
    outline: none;
    font-size: 16px;
}

.formStyle input:focus, 
.formStyle select:focus, 
.formStyle .tel-number-field:focus, 
.formStyle .textarea-field:focus{
    border: 1px solid #173F77; /*Color del borde de las cajas de texto y select*/
}

.formStyle .tel-number-field{
    width: 40px;
    text-align: center;
}

.formStyle .textarea-field{
    height:100px;
    width: 55%;
}

.formStyle input.btn100{
    width: 100px;
}
.formStyle input.btn120{
    width: 120px;
}
.formStyle input.btn140{
    width: 140px;
}
.formStyle input.btn160{
    width: 160px;
}
.formStyle input.btn180{
    width: 180px;
}
.formStyle input.btn200{
    width: 200px;
}
.formStyle input.btn220{
    width: 220px;
}
.formStyle input.btn240{
    width: 240px;
}
.formStyle input.btn260{
    width: 260px;
}

.formStyle input[type=submit],
.formStyle input[type=button]{
    border: none;
    padding: 8px 15px 8px 15px;
    background: #C5C5C5; /*Color del boton*/
    color: #173F77;
    font-weight: bold;
    box-shadow: 1px 1px 4px #DADADA;
    -moz-box-shadow: 1px 1px 4px #DADADA;
    -webkit-box-shadow: 1px 1px 4px #DADADA;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.formStyle input[type=submit]:hover,
.formStyle input[type=button]:hover{
    background: #173F77;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
}

.textoNoPermisos{
color: red;
font-size:16px; 
font-weight: bold;
}

/*Barra de Menu horizontal*/
.nav_menu{
margin:0px; /* Sin sangria */
padding:0px; /* Sin sangria */
}

.nav_menu > li {
float:left;
list-style-type:none; /* Sin iconos */
}
 
.nav_menu li a {
background:#079; /*Color de los items #0c9ba0*/
color:#FFF;
display:block;
border:1px solid;
padding:5px 6px;
text-decoration:none;
}
 
.nav_menu li a:hover { 
background:#004080; /*Color de los items al pararse en el #0fbfc6*/
}

.nav_menu li ul {
display:none;
position:absolute;
min-width:150px;
}

.nav_menu li:hover > ul {
display:block;
}

.nav_menu li ul li {
position:relative;
list-style-type:none; /* Sin iconos */
}

.nav_menu li ul li  a{
text-decoration:none;
}

.nav_menu li ul li ul {
right:-150px;
top:0;
}

.nav_menu li .flecha{
font-size: 9px;
padding-left: 6px;
display: none;
}

.nav_menu li a:not(:last-child) .flecha {
display: inline;
}

.cDivReporte{
    width:970px; 
    height:450px; 
    padding: 0px; 
    text-align:center; 
    border: 1px solid #c0c0c0; 
    background-color: #f4f4f4; 
    font-family: Tahoma; 
    font-size: 12px; 
    position: absolute; 
    top:50%; 
    left:50%; 
    margin:-210px 0 0 -490px; 
    visibility: hidden;
    padding-top: 0px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
}

.texto1Reporte{
    color: #173F77;
    font-size:16px; 
    font-family:tahoma;
    font-weight: bold;
}

.texto2Reporte{
    color: #173F77;
    font-size:16px; 
    font-family:tahoma;
    font-weight: bold;
}


.tbl_reporte {
  border-collapse:collapse;
  border-spacing:0;
}

.tbl_reporte th,td {
  margin:0;
  padding:0;
}

.tbl_reporte th {
  font-size: 16px;
  font-weight:normal;
  text-align:left;
}

.tbl_reporte td { 
  color: #00496B; 
  font-size: 16px;
  font-weight: normal;
  /*border-bottom: 1px solid #E1EEF4;*/
}

.tbl_reporte .alt td { 
  background: #E1EEF4; 
  color: #00496B;
}


q:before,q:after {
  content:'';
}

.cDiv {
  width:970px;
  height:400px;
  border: 1px;
  border-style: solid;
  border-color: #00496B;
}

.cHeader{
  background-color: #1373A6;
  color: white;
}


.formStyle .textoCabeceraTablaEtosEmp{
  color:#fff; 
  font-size:14px; 
  font-family:tahoma; 
}

.formStyle .textoIdEto{
  color: #173F77;
  font-family:tahoma;
  font-weight: bold;
}

.formStyle .cajaEto1{
  width:100%;
  font-family: tahoma;
  background-color:#CBEEF5;
  border:0;
}

.formStyle .cajaEto2{
  width:100%;
  font-family: tahoma;
  background-color:#FFFFFF;
  border:0;
}

.formStyle .selEto1{
  width:60px;
  font-family:tahoma;
  border-style:solid;
  border-width:1px;
  border-color: #EAEAEA;
  background-color:#CBEEF5; 
}

.formStyle .selEto2{
  width:60px;
  font-family:tahoma;
  border-style:solid;
  border-width:1px;
  border-color: #EAEAEA;
  background-color:#FFFFFF; 
}