﻿/*----------------------------------
    ESTANDARIZADO
    --------------------------------*/
/*formato del menú de opciones*/


/*nuevo menu */
    /*Inicia Menu Superior*/
    .cabecera {
        background-color: #0054c8;
        position: fixed;
        width: 100%;
        top: 0;
        z-index: 1001;
        display: flex;
        }
    .contenido-cabecera {
        width: 90%;
        margin: auto;
        display: grid;
        grid-template-columns: auto auto auto;
        grid-template-rows: auto auto;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
    [contenido-cabecera^="ca"] {
    }

    /*Logo*/
    .contenido-cabecera .logo {
        display: inline-block;
        margin-right: 1em;
    }
    .logoem img {
        width: 300px;
        height: 60px;
        vertical-align: top;
    }

    /*Informacion*/
    .contenido-cabecera .informacion {
/*        display: inline-block;
        text-align: center;
        min-width: 420px;*/
    }

    .contenido-cabecera .informacion a {
        color: white;
        text-decoration: none;
        display: inline-block;
        font-size: 15px;
    }
    .informacionestilo {
        Width: 280px;
        Height: 25px;
        color: white;
        font-weight: bold;
        font-size: 15px;
        padding-top: 5px;
        text-align: center;
        border: 0px;
        font-family: Quicksand !important;
    }

    /*Iconos Superiores*/
    .contenido-cabecera .iconos {
        display: inline-block;
        text-align: center;
        min-width: 300px;
    }
    .contenido-cabecera .iconos div {
        color: white;
        text-decoration: none;
        display: inline-block;
        padding: 1em;
        font-size: 15px;
        vertical-align: middle;
        position: relative;
    }
    .cabecera .contenido-cabecera .iconos .soporte {
        display: none;
    }

    .cabecera .contenido-cabecera .iconos .sesion {
        display: none;
    }

    /*Esconder menu sup*/
    .cabecera .contenido-cabecera .iconos .config .MenuConfig {
        display: none;
    }
    .cabecera .contenido-cabecera .iconos .seguridad .MenuSeg {
        display: none;
    }
    .cabecera .contenido-cabecera .iconos .interrogacion .MenuInte {
        display: none;
    }
    .cabecera .contenido-cabecera .iconos .nuevo .MenuNuevo {
        display: none;
    }
    .cabecera .contenido-cabecera .iconos .datos .MenuDato {
        display: none;
    }

    /*Aparecer menu sup*/
    .cabecera .contenido-cabecera .iconos .config:hover .MenuConfig {
        position: absolute;
        display: block;
        left: -35px;
        text-decoration: none;
        background: #0054c8;
    }
    .cabecera .contenido-cabecera .iconos .seguridad:hover .MenuSeg {
        position: absolute;
        display: block;
        left: -35px;
        text-decoration: none;
        background: #0054c8;
    }
    .cabecera .contenido-cabecera .iconos .interrogacion:hover .MenuInte {
        position: absolute;
        display: block;
        left: -35px;
        text-decoration: none;
        background: #0054c8;
    }
    .cabecera .contenido-cabecera .iconos .nuevo:hover .MenuNuevo {
        position: absolute;
        display: block;
        left: -35px;
        text-decoration: none;
        background: #0054c8;
    }
    .cabecera .contenido-cabecera .iconos .datos:hover .MenuDato {
        position: absolute;
        display: block;
        left: -35px;
        text-decoration: none;
        background: #0054c8;
    }
    /*Alineacion input*/
    .cabecera .contenido-cabecera .iconos .config:hover .MenuConfig .MenuConfigs {
        padding-left: 0;
    }
    .cabecera .contenido-cabecera .iconos .interrogacion:hover .MenuInte .MenuInterrogacion {
        padding-left: 0;
    }
    .cabecera .contenido-cabecera .iconos .nuevo:hover .MenuNuevo MenuNuevos {
        padding-left: 0;
    }
    .cabecera .contenido-cabecera .iconos .datos:hover .MenuDato .MenuDatos {
        padding-left: 0;
    }
    .cabecera .contenido-cabecera .iconos .seguridad:hover .MenuSeg .MenuSeguridad {
        padding-left: 0;
    }

    /*Color iconos y listado desplegado menu sup*/
    .contenido-cabecera .iconos div i {
        color: white;
        text-decoration: none;
        font-size: 15px;
    }
    .cabecera .contenido-cabecera .iconos .config:hover .MenuConfig .primerli .titulosSE .primermenu1 {
        color: white;
    }
    .cabecera .contenido-cabecera .iconos .seguridad:hover .MenuSeg .primerli .titulosSE .primermenu1 {
        color: white;
    }
    .cabecera .contenido-cabecera .iconos .interrogacion:hover .MenuInte .primerli .titulosSE .primermenu1 {
        color: white;
    }
    .cabecera .contenido-cabecera .iconos .nuevo:hover .MenuNuevo .primerli .titulosSE .primermenu1 {
        color: white;
    }
    .cabecera .contenido-cabecera .iconos .datos:hover .MenuDato .primerli .titulosSE .primermenu1 {
        color: white;
    }

    /*Eliminacion icono, nombre y flechas  de la carga de menu lateral para despliegue de menu sup*/
    .cabecera .contenido-cabecera .iconos .config:hover .MenuConfig .primerli .titulosSE .nuevoicono {
        display: none;
    }
    .cabecera .contenido-cabecera .iconos .config:hover .MenuConfig .primerli .titulosSE .colSE {
        display: none;
    }
    .cabecera .contenido-cabecera .iconos .config:hover .MenuConfig .primerli .titulosSE {
        display: none;
    }

    .cabecera .contenido-cabecera .iconos .seguridad:hover .MenuSeg .primerli .titulosSE .nuevoicono {
        display: none;
    }
    .cabecera .contenido-cabecera .iconos .seguridad:hover .MenuSeg .primerli .titulosSE .colSE {
        display: none;
    }
    .cabecera .contenido-cabecera .iconos .seguridad:hover .MenuSeg .primerli .titulosSE {
        display: none;
    }

    .cabecera .contenido-cabecera .iconos .interrogacion:hover .MenuInte .primerli .titulosSE .nuevoicono {
        display: none;
    }
    .cabecera .contenido-cabecera .iconos .interrogacion:hover .MenuInte .primerli .titulosSE .colSE {
        display: none;
    }
    .cabecera .contenido-cabecera .iconos .interrogacion:hover .MenuInte .primerli .titulosSE {
        display: none;
    }

    .cabecera .contenido-cabecera .iconos .nuevo:hover .MenuNuevo .primerli .titulosSE .nuevoicono {
        display: none;
    }
    .cabecera .contenido-cabecera .iconos .nuevo:hover .MenuNuevo .primerli .titulosSE .colSE {
        display: none;
    }
    .cabecera .contenido-cabecera .iconos .nuevo:hover .MenuNuevo .primerli .titulosSE {
        display: none;
    }

    .cabecera .contenido-cabecera .iconos .datos:hover .MenuDato .primerli .titulosSE .nuevoicono {
        display: none;
    }
    .cabecera .contenido-cabecera .iconos .datos:hover .MenuDato .primerli .titulosSE .colSE {
        display: none;
    }
    .cabecera .contenido-cabecera .iconos .datos:hover .MenuDato .primerli .titulosSE {
        display: none;
    }

    /*Estilo listado menu sup en despliegue */
    .cabecera .contenido-cabecera .iconos .config:hover .MenuConfig .primerli {
        list-style: none;
    }
        .cabecera .contenido-cabecera .iconos .config:hover .MenuConfig .primerli .ulhijoSE {
            display: block;
            list-style: none;
            padding-left: 0;
            height: 25px;
        }
            .cabecera .contenido-cabecera .iconos .config:hover .MenuConfig .primerli .ulhijoSE .apadreSE .menu-item-parent input {
                color: white;
            }


    .cabecera .contenido-cabecera .iconos .seguridad:hover .MenuSeg .primerli {
        list-style: none;
    }
        .cabecera .contenido-cabecera .iconos .seguridad:hover .MenuSeg .primerli .ulhijoSE {
            display: block;
            list-style: none;
            padding-left: 0;
            height: 25px;
        }
            .cabecera .contenido-cabecera .iconos .seguridad:hover .MenuSeg .primerli .ulhijoSE .apadreSE .menu-item-parent input {
                color: white;
            }


    .cabecera .contenido-cabecera .iconos .interrogacion:hover .MenuInte .primerli {
        list-style: none;
    }
        .cabecera .contenido-cabecera .iconos .interrogacion:hover .MenuInte .primerli .ulhijoSE {
            display: block;
            list-style: none;
            padding-left: 0;
            height: 25px;
        }
            .cabecera .contenido-cabecera .iconos .interrogacion:hover .MenuInte .primerli .ulhijoSE .apadreSE .menu-item-parent input {
                color: white;
            }


    .cabecera .contenido-cabecera .iconos .nuevo:hover .MenuNuevo .primerli {
        list-style: none;
    }
        .cabecera .contenido-cabecera .iconos .nuevo:hover .MenuNuevo .primerli .ulhijoSE {
            display: block;
            list-style: none;
            padding-left: 0;
            height: 25px;
        }
            .cabecera .contenido-cabecera .iconos .nuevo:hover .MenuNuevo .primerli .ulhijoSE .apadreSE .menu-item-parent input {
                color: white;
            }


    .cabecera .contenido-cabecera .iconos .datos:hover .MenuDato .primerli {
        list-style: none;
    }
        .cabecera .contenido-cabecera .iconos .datos:hover .MenuDato .primerli .ulhijoSE {
            display: block;
            list-style: none;
            padding-left: 0;
            height: 25px;
        }
            .cabecera .contenido-cabecera .iconos .datos:hover .MenuDato .primerli .ulhijoSE .apadreSE .menu-item-parent input {
                color: white;
            }
   /*Fin menu superior*/
   /*Inicia menu lateral*/
    .menulateral {
        position: fixed;
        z-index: 1001;
        flex: 0 0 auto;
        width: 220px;
        font-size: 20px;
        top: 63px;
    }
    .contactomenu {
        display: inline-block;
    }
    .contenido-menu {
        position: relative;
        z-index: 1001;
        flex: 0 0 auto;
        width: 294px;
        font-size: 1.07692rem;
        background-color:white;
    }

    /*listado de menu lateral */
    .menulateral .contenido-menu .titulosmenu {
        display: flex;
        flex-direction: column;
    }
    .menulateral .contenido-menu ul {
        padding: 0;
        margin: 0;
        list-style: none;
        left: 20px;

    }
    .menulateral .contenido-menu .titulosmenu li {

        display: flex;
        flex-direction: column;
        position: relative;
    }

    /*estilo titulo menu lateral de SE*/
    .menulateral .contenido-menu .titulosmenu li a {
            color: #2a2d98;
            font-weight: bold;
            padding: 3px 10px 3px 11px;
            font-size: 14px;
            text-decoration: none;
     }
    .primermenu1 {
        width: 100%;
        font-size: 15px;
        color: #2a2d98;
        text-align: left;
        padding-left: 7px;
        margin-left: 10px;
        font-weight: bold;
        vertical-align: middle;
        padding-top: 5px;
        padding-bottom: 15px;
        text-decoration: none;
    }

    /*estilo icono menu lateral de SE*/
.titulosSE .nuevoicono {
    color: #ff04ab;
    font-size: 20px;
    vertical-align: middle;
    padding-right: 1px;
    width: 11px;
}

    /*Estilo flechas menu lateral SE*/
    .fa,
    .fas {
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
    }
    .fa-plus-square-o:before {
        content: "\ f146";
    }
    .fa-minus-square-o:before {
        content: "\ f147";
    }
    .fa-lg {
        font-size: 1.33333em;
        line-height: 0.75em;
        vertical-align: -.0667em;
    }
    .fa-xs {
        font-size: .75em;
    }
    .fa-sm {
        font-size: .875em;
    }
    .fa-plus-square-o {
        float: right;
    }
    .fa-minus-square-o {
        float: right;
    }
    .menulateral .contenido-menu .titulosmenu li a .colSE {
        font-size: 0.84615rem;
        float: right;
        margin-top: 2px;
    }
    .menulateral .contenido-menu .titulosmenu li.active > .titulosSE .colSE .fa {
        display: none;
    }
    .menulateral .contenido-menu .titulosmenu li.active > .titulosSE .colSE .fa-minus-square-o {
        display: inline-block;
    }
    .menulateral .contenido-menu .titulosmenu li.active > .titulosSE .colSE .fa-minus-square-o {
        display: inline-block;
    }
    .menulateral .contenido-menu .titulosmenu li .titulosSE .colSE .fa-minus-square-o {
        display: none;
    }
    .menulateral .contenido-menu .titulosmenu li ul li a:before {
        content: "";
        display: block;
        position: absolute;
        width: 10px;
        left: 0;
        top: 15px;
        border-top: 1px solid #7A7A7A;
        z-index: 1;
    }
    .menulateral .contenido-menu .titulosmenu li ul:before {
        content: "";
        display: block;
        position: absolute;
        z-index: 1;
        left: 0;
        top: 0;
        bottom: 0;
        border-left: 1px solid #7A7A7A;
    }

    /*listado submenu lateral desplegable*/
    .ulhijoSE {
        position: relative;
        display: none;
    }
    .nuevoboton {
        left: 0;
        text-align: left;
        color: transparent;
        border-color: transparent;
        color: #2a2d98;
        background-color: transparent;
        font-size: 14px;
        font-weight: bold;
        cursor: pointer;
    }
    /*Fin menu lateral*/
    /*barra baja*/
.barrabajo {
   
    background: #f8f8f8;
    text-align: center;
    font-size: 11px;
    right: 0;
    left: 0;
    top: 95%;
}
    /*Reducciones en pantalla */
    .espacio {
        height: 77px; /*aqui es donde esta la barra superior */
    }

    @media screen and (max-width:1230px) {

        .ca1 {
            order: 1;
        }
        .ca2 {
            order: 3;
        }
        .ca3 {
            order: 2;
        }
        .ca2 {
/*            grid-row: 2;
            grid-column: 1;*/
        }
    }

@media screen and (max-width:1342px) {
    .espacio {
        height: 100px;
    }

    .menulateral {
        top: 113px;
    }


}

    /*Hovers*/
    /*Hover lateral*/
.menulateral .contenido-menu .titulosmenu .primerli .ulhijoSE:hover {
    background-color: rgba(208, 139, 9, 0.8);

}
.menulateral .contenido-menu .titulosmenu .primerli .titulosSE:hover {
    background-color: rgba(208, 139, 9, 0.8);
 
}
.segundoHover {
    background-color: rgba(208, 139, 9, 0.8);

}
.menulateral .contenido-menu .titulosmenu .primerli .2000 .254:hover {
    background-color: rgba(208, 139, 9, 0.8);
  
}
/*hover superior*/
.contenido-cabecera .iconos div:hover i {
    color: #ff04ab;
}
.contenido-cabecera .iconos div div ul li .ulhijoSE:hover  {
    background-color: #ff04ab;
}
@media screen and (min-width:1230px) {
   /* .ContenidoMP2 {
        vertical-align: top;
        margin-left: 283px;
    }*/

    /*.primermenu1 {
        display: none;
    }
    .primermenu1 ul{
        display: none;
    }
    .titulosSE b{
        display:none;
    }*/

}
.nuevoiconotransform {
    color: #ff04ab;
    font-size: 28px !important;
    vertical-align: middle;
    padding-right: 1px;
    width: 11px;
}
.contenido-menutransform {
    position: relative;
    z-index: 1001;
    flex: 0 0 auto;
    width: 60px;
    font-size: 1.07692rem;
    background-color: white;
}
.colSEtransform {
    font-size: 0.84615rem;
    float: right;
    margin-top: 2px;
    display: none;
}
/*.menulateral .contenido-menu .titulosmenu .primerli .titulosSE:hover  #2000*/
.menu2 {
    background-color: transparent;
    border-color: transparent;
    display: block;
}

.menu1 {
    background-color: transparent;
    border-color: transparent;
    display: none;
}
.menu1transform {
    display: block;
}

.menu2transform {
    display: none;
}
.primermenu1transform {
    display: none;
    width: 100%;
    font-size: 15px;
    color: #2a2d98;
    text-align: left;
    padding-left: 7px;
    margin-left: 10px;
    font-weight: bold;
    vertical-align: middle;
    padding-top: 5px;
    padding-bottom: 15px;
    text-decoration: none;
}
.ContenidoMP2Transform {
    vertical-align: top;
    margin-left: 200px;
}
.formatoMenu {
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    color: white;
    background-color: rgb(22,160,219);
    border: 0 none;
    cursor: pointer;
    text-align: left;
}
.buttonToLink {
    background: none !important;
    border: none;
    padding: 0 !important;
    /*optional*/
    font-family: arial, sans-serif;
    /*input has OS specific font-family*/
    color: #069;
    text-decoration: underline;
    cursor: pointer;
}
/*Estilo del cuerpo de las paginas*/
body
{
	background-color: rgb(255,255,255);
	font:11px Arial;
	color: rgb(109,110,113);
	margin: 0;
	padding: 0;
	height:auto;
}

.backgroundColor_Login {
    background-color: rgba(22,160,219,0.7);
}
.loginBox {
    /* background-image:url('../imagenes/login/back_login.png'); 
    background-repeat:no-repeat; */
    background-color: rgb(22,160,219);
    width:610px;
    height:285px;
    color:rgb(255,255,255);
    border-radius: 10px;
    border-width:0px;
}

/*Nombre de la pagina, por lo regular la primera fila de la columna*/
.tituloPagina {
    width:100%;
    text-align:center;
    height:50px;
    font-size:15px;
    font-weight:bold;
}
/*Nombre de la barra, por lo regular la descripcion de una tabla*/
.titulo_barra {
    width: 26%;
    font-weight: bold;
}
/*Formato de las etiquetas <td>*/
.tdNombreCampo {
    width:30%;
    padding-right:10px;
    text-align:right;
    height:35px;
}
/*Color del texto de advertencia, regularmete se encuentra con un asterisco al inicio*/
.ColorTextoAdvertencia {
    color: red;
}
/*Formato de los titulos de los resultados de los examenes*/
.CalificadorTitulo {
	border-style: solid;
	border-color: inherit;
	border-width: 1px;
	height: 35px;
	background-color: rgb(22,160,219);
	color: white;
	text-align: center;
	font-size:12px;
    font-weight:bold;
    width:691px;
}
.TableCell {
    background-color: rgba(42,45,152,1);
    /*color: white;*/
    font-family: Quicksand;
    font-weight: bold;
    font-size: 9pt;
}

/*Tabla Actualizar*/
.actURL {
    font: 15px Arial;
    color: white;
    font-weight: bold;
}




/*------------------------------------------------------------------------------------------------------------------------------------------------------
    ----------------------------------------------------------------------------------------------------------------------------------------------------
    COLORES 
    --------------------------------------------------------------------------------------------------------------------------------------------------------
    --------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Color de  Fondo de los campos de las tablas,pagina de acceso,pop-up,separacion de los formularios,cabecera,Generalmente se encuentra en la cabecera*/	
/*color de letra de todo el cuerpo de las pagias*/
/*.ColorTextoBody {
    color: rgb(109,110,113);
}*/
/*fondo de los titulos*/
.ColorFondoTituloUno {
    background-color: rgb(22,160,219);
}
.ColorFondoAcceso {
    background-color:rgb(255,255,255);
    opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
    border-radius: 5px;
    border-width:0px;
    border-color:transparent;
}
.ColorFondoSubMenu {
    background-color: silver;
}
.ColorFondoSeparacion {
    background-color: silver;
}
.ColorFondoCampoUnoVerResultados {
    background-color: silver;
}
.ColorFondoCampoDosVerResultados {
    background-color: silver;
}
.ColorFondoTablaUnoVerResultado {
    background-color: silver;
}
.ColorFondoTablaDosVerResultado {
    background-color: silver;
}
.ColorFondoTablaUnoInterpretacion {
    background-color: silver;
}
.ColorFondoTablaUnoResumen {
    background-color: silver;
}
.ColorFondoTablaUnoErrores {
    background-color: silver;
}
.ColorFondoSubtituloUno {
    background-color: silver;
}
.ColorFondoTituloDos {
    background-color: rgba(42,45,152,1);
    color: white;
    font-size: 14px;
}
.ColorFondoPerfilPsicometrico {
    background-color: #d3deef;
}
.ColorFondoAlta {
    background-color: #C0C0C0;
}
.ColorFondoCampoUnoReporteCompetencias {
    background-color: silver;
}
.ColorFondoCampoDosReporteCompetencias {
    background-color: silver;
}
/*Color de Fondo de las barras expandibles*/
.ColorFondoBarra {
    background-color: rgb(22,160,219);
}
/*Color de fondo transparente */
.ColorFondoTransparente {
    background-color: transparent;
}
/*Colores de Fondo de la grafica de 16pf*/
.ColorFondoAmarillo16pf {
    background-color: #ffcc33;
}
.ColorFondoAzul16pf {
    background-color: #0033cc;
}
.ColorFondoVerde16pf {
    background-color: #006633;
}
/*Color Fondo de la pagina NHermannGraph*/
.ColorFondoAzulNHermannGraph {
    background-color: #87CEFA;
}
.ColorFondoVerdeNHermannGraph {
    background-color: #32CD32;
}
.ColorFondoRojoNHermannGraph {
    background-color: Red;
}
.ColorFondoAmarilloHermannGraph {
    background-color: yellow;
}
/*Color de Fondo de las Separaciones*/
.ColorFondoSeparacionDos {
    background-color: #333333;
}
/*Color de Fondo de Fotografia*/
.ColorFondoFotografia {
    background-color: white;
}
/*Color de Fondo de Barra de Opciones*/
.ColorFondoBarraOpcionListaUno {
    background-color: white;
}
.ColorFondoBarraOpcionListaDos {
    background-color: #DDEEFF;
}
/*Color Fondo de Barra de Mensaje de Alerta*/
.ColorFondoBarraMensajeAlerta {
    background-color: #FFFFDD;
}
/*Color Fondo de Imagen Dialog*/
.ColorFondoBarraImgenDialog {
    background-color: #CCDDDD;
}
.ColorFondoBarraOpcionListaTres {
    background-color: #EEEECC;
}
/*Color de Fondo de Alerta*/
.ColorFondoBarraAlerta {
    background-color: #FFFFE0;
}
/*Color de Fondo de Ventana de Cargando*/
.ColorFondoCargando {
    background-color: white;
}
/*Color Fondo de Ventana de Examen*/
.ColorFondoExamen {
    background-color: white;
}
/*Color de Fondo de las Pantallas Pop-up*/
.ColorFondoBlancoPantalla {
    background-color: white;
}
/*Color de fondo de los campos*/
.ColorFondoCampoEstadistica {
    background-color: white;
}
/*Color de Fondo de las barras de Opciones de Reporte Talento*/
.ColorFondoBarraOpcionesReporteTalento {
    background-color: #CCEECC;
}
.ColorFondoBarraOpcionesReporteTalentoDos {
    background-color: #DDDDEE;
}
/*Color de Fondo de Seleccion de Opciones de Parametros*/
.ColorFondoSeleccionOpcionParametrosUno {
    background-color: #FF9933;
}
.ColorFondoSeleccionOpcionParametroDos {
    background-color: #EE7722;
}
/*Color de Fondo de Suguerencia de Acceso*/
.colorFondoAccesoSugerencia {
    background-color: #fffad3;
}
/*Color de Fondo de Cabecera de Banco Temas*/
.ColorFondoCabeceraBancoTema {
    background-color: #1C5E55;
}
/*Color de Fondo de Barra opciones*/
.ColorFondoBarraDos {
    background-color: #E3EAEB;
}
/*Color de Fondo de esitor Banco Temas*/
.ColorFondoEdiorBancoTemas {
    background-color: #7C6F57;
}
/*Color de Fondo de Estadistica Per*/
.ColorFondoEstadisticaPer {
    background-color: yellow;
}
/*Color de Fondo de MiniStackedBar*/
.ColorfondoMiniStackedBar {
    background-color: Black;
}
/*Color de Fondo de las filas de los SKIN*/
.ColorFondoFila {
    background-color: #FFFFBB;
}
/*Color de Texto Tabla*/
.ColorTextodicCompetencia {
    color: orange;
}
/*Color Texto Definido*/
.ColorTextoSilver {
    color: rgb(109,110,113);
}
/*Color de Texto de calendario de reporteesttalento.aspx*/
.ColorTextoCalendario {
    color: #112266;
}
/*Color Texto Establecido*/
.ColorTextoNegro {
    color: #000000;
}
/*Color de Texto de Campo de Perfil Psicometrico*/
.ColorTextoCampoUno {
    color: #f6931f;
}
/*Color de Texto de la etiqueta <Span>*/
.ColorTextoSpan {
    color: #330066;
}
.ColorTextoSpanDos {
    color: #d0d0d0;
}
/*Color Texto Titulo Peerfil Psicometrico*/
.ColorTextoTituloPerfilPsicometrico {
    color: #5377A9;
}
/*Color de Texto de Loading*/
.ColorTextoLoading {
    color: Blue;
}
/*--------------------------------------------------------------------------------------------------
    ------------------------------------------------------------------------------------------------
    TEXT BOX
    ------------------------------------------------------------------------------------------------
    ------------------------------------------------------------------------------------------------*/
/*Tamaños de la caja de texto*/
.TextBoxLogin {
    width: 340px;
    border: 1px solid #ccc;
    font:19px Arial;
    color: rgb(109,110,113);
    height:25px;
}

.TextBoxGrande {
    width: 600px;
     border: 1px solid #ccc;
    font:12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
    

}
.TextBoxMediano {
    width: 350px;
     border: 1px solid #ccc;
    font:12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TextBoxChico {
    width: 20px;
     border: 1px solid #ccc;
    font:12px Arial;
    /*text-transform:uppercase;*/ 
    color: rgb(109,110,113);
}
.TextBoxCalendario {
    width: 100px;
    border: 1px solid #ccc;
    font: 12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TextBoxCalendario79px {
    width: 79px;
    border: 1px solid #ccc;
    font: 12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TexBox410px {
    width: 410px;
    border: 1px solid #ccc;
    font: 12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TextBox210px {
    width: 210px;
    border: 1px solid #ccc;
    font:12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TextBox444px {
    width: 444px;
     border: 1px solid #ccc;
    font:12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TextBox80px {
    width: 80px;
     border: 1px solid #ccc;
    font:12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TextBox222px {
    width: 222px;
     border: 1px solid #ccc;
    font:12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TextBox440px {
    width: 440px;
    border: 1px solid #ccc;
    font:12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TextBox200px {
    width: 200px;
     border: 1px solid #ccc;
    font:12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TextBox20px {
    width: 20px;
     border: 1px solid #ccc;
    font:12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TextBox35px {
    width: 35px;
     border: 1px solid #ccc;
    font:12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TextBox50px {
    width: 50px;
     border: 1px solid #ccc;
    font:12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TextBox680px {
    width: 680px;
     border: 1px solid #ccc;
    font:12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}


.TextBox670px {
    width: 670px;
    border: 1px solid #ccc;
    font: 12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TextBox550px {
    width: 550px;
     border: 1px solid #ccc;
    font:12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TextBox47px {
    width: 47px;
     border: 1px solid #ccc;
    font:12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TextBox100por {
    width: 100%;
     border: 1px solid #ccc;
    font:12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TextBox350px {
    width: 350px;
     border: 1px solid #ccc;
    font:12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TextBox75por {
    width: 75%;
     border: 1px solid #ccc;
    font:12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TextBox90px {
    width: 90px;
     border: 1px solid #ccc;
    font:12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TextBox75px {
    width: 75px;
     border: 1px solid #ccc;
    font:12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TextBox80por {
    width: 80%;
     border: 1px solid #ccc;
    font:12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TextBox250px {
    width: 250px;
     border: 1px solid #ccc;
    font:12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TextBox40px {
    width: 40px;
     border: 1px solid #ccc;
    font:12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TextBox180px {
    width: 180px;
     border: 1px solid #ccc;
    font:12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TextBox130px {
    width: 130px;
     border: 1px solid #ccc;
    font:12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TextBox148px {
    width: 148px;
     border: 1px solid #ccc;
    font:12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TextBox520px {
    width: 520px;
     border: 1px solid #ccc;
    font:12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TextBox220px {
    width: 220px;
     border: 1px solid #ccc;
    font:12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TextBox570px {
    width: 570px;
     border: 1px solid #ccc;
    font:12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TextBox24px {
    width: 24px;
     border: 1px solid #ccc;
    font:12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TextBox186px {
    width: 186px;
     border: 1px solid #ccc;
    font:12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TextBox565px {
    width: 565px;
     border: 1px solid #ccc;
    font:12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TextBox100px {
    width: 100px;
     border: 1px solid #ccc;
    font:12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TextBox150px {
    width: 150px;
    border: 1px solid #ccc;
    font: 12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TextBox280px {
    width: 280px;
     border: 1px solid #ccc;
    font:12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TextBox308px {
    width: 308px;
     border: 1px solid #ccc;
    font:12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TextBox563px {
    width: 563px;
     border: 1px solid #ccc;
    font:12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TextBox480px {
    width: 480px;
     border: 1px solid #ccc;
    font:12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TextBox558px {
    width: 558px;
     border: 1px solid #ccc;
    font:12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TextBox323px {
    width: 323px;
     border: 1px solid #ccc;
    font:12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TextBox26px {
    width: 26px;
    border: 1px solid #ccc;
    font:12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TextBox95px {
    width: 95px;
     border: 1px solid #ccc;
    font:12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TextBox30px {
    width: 30px;
     border: 1px solid #ccc;
    font:12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TextBox92por {
    width: 92%;
     border: 1px solid #ccc;
    font:12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TextBox98por {
    width: 98%;
     border: 1px solid #ccc;
    font:12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TextBox45px {
    width: 45px;
     border: 1px solid #ccc;
    font:12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TextBox28px {
    width: 28px;
     border: 1px solid #ccc;
    font:12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TextBox97px {
    width: 97px;
     border: 1px solid #ccc;
    font:12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TextBox85px {
    width: 85px;
     border: 1px solid #ccc;
    font:12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TextBox15por {
    width: 15%;
     border: 1px solid #ccc;
    font:12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TextBox266px {
    width: 266px;
    border: 1px solid #ccc;
    font:12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TextBox470px {
    width: 470px;
     border: 1px solid #ccc;
    font:12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TextBox90por {
    width: 90%;
     border: 1px solid #ccc;
    font:12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TextBox473px {
    width: 473px;
     border: 1px solid #ccc;
    font:12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TextBox270px {
    width: 270px;
    border: 1px solid #ccc;
    font:12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TextBox690px {
    width: 690px;
     border: 1px solid #ccc;
    font:12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TextBox530px {
    width: 530px;
     border: 1px solid #ccc;
    font:12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TextBox539px {
    width: 539px;
     border: 1px solid #ccc;
    font:12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TextBox540px {
    width: 540px;
     border: 1px solid #ccc;
    font:12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TextBox10por {
    width: 10%;
     border: 1px solid #ccc;
    font:12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TextBox85por {
    width: 85%;
     border: 1px solid #ccc;
    font:12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TextBox500px {
    width: 500px;
     border: 1px solid #ccc;
    font:12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TextBox380px {
    width: 380px;
     border: 1px solid #ccc;
    font:12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TextBox168px {
    width: 168px;
     border: 1px solid #ccc;
    font:12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TextBox97por {
    width: 97%;
     border: 1px solid #ccc;
    font:12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TextBox595px {
    width: 595px;
     border: 1px solid #ccc;
    font:12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TextBox590px {
    width: 590px;
    border: 1px solid #ccc;
    font: 12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TextBox95por {
    width: 95%;
     border: 1px solid #ccc;
    font:12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TextBox490px {
    width: 490px;
     border: 1px solid #ccc;
    font:12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.TextBox400px {
    width: 400px;
     border: 1px solid #ccc;
    font:12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
/*--------------------------------------------------------------------------------------------------
    ------------------------------------------------------------------------------------------------
    BUTTON
    ------------------------------------------------------------------------------------------------
    ------------------------------------------------------------------------------------------------*/
/*Tamaños de los Botonoes*/
.ButtonLogin {
    width: 110px;
    background: url('imagenes/font_bottom_dos.png') no-repeat right top;
    /*background-color:white;*/
    border-radius: 5px;
    border-width:0px;
    border-color:transparent;
    text-align:center;
    color:rgb(27,56,145);
}
.Button {
    width: 110px;
    /*background: url('imagenes/font_bottom.png') no-repeat right top;*/
    color: white;
    border-radius: 5px;
    border-width: 0px;
    border-color: transparent;
    text-align: center;
    background-color: rgba(42,45,152,1);
}
.Button231px {
    width: 231px;
    background: url('imagenes/font_bottom.png') no-repeat right top;
    border-radius: 5px;
    border-width:0px;
    border-color:transparent;
    text-align:center;
    color:rgb(27,56,145);
   }
.Button135px {
    width: 135px;
    /*background: url('imagenes/font_bottom.png') no-repeat right top;*/
    border-radius: 5px;
    border-width: 0px;
    border-color: transparent;
    text-align: center;
    color: white;
    background-color: rgba(42,45,152,1);
}
.Button130px {
    /*background: url('imagenes/font_bottom.png') no-repeat right top;*/
    width: 130px;
    color: white;
    border-radius: 5px;
    border-width: 0px;
    border-color: transparent;
    text-align: center;
    background-color: rgba(42,45,152,1);
}
.Button28px {
    width: 28px;
    background: url('imagenes/font_bottom.png') no-repeat right top;
    border-radius: 5px;
    border-width:0px;
    border-color:transparent;
    text-align:center;
    color:rgb(27,56,145);
}
.Button50px {
    width: 50px;
    background: url('imagenes/font_bottom.png') no-repeat right top;
    border-radius: 5px;
    border-width:0px;
    border-color:transparent;
    text-align:center;
    color:rgb(27,56,145);
}
.Button40px {
    width: 40px;
    background: url('imagenes/font_bottom.png') no-repeat right top;
    border-radius: 5px;
    border-width:0px;
    border-color:transparent;
    text-align:center;
    color:rgb(27,56,145);
}
.Button150px {
    width: 150px;
    /*background: url('imagenes/font_bottom.png') no-repeat right top;*/
    border-radius: 5px;
    border-width: 0px;
    border-color: transparent;
    text-align: center;
    background-color: rgba(42,45,152,1);
    color: white;
}
.Button127px {
    width: 127px;
    /*background: url('imagenes/font_bottom.png') no-repeat right top;*/
    border-radius: 5px;
    border-width: 0px;
    border-color: transparent;
    text-align: center;
    background-color: rgba(42,45,152,1);
    color: white;
}
.Button55px {
    width: 55px;
    background: url('imagenes/font_bottom.png') no-repeat right top;
    border-radius: 5px;
    border-width:0px;
    border-color:transparent;
    text-align:center;
    color:rgb(27,56,145);
}
/*--------------------------------------------------------------------------------------------------
    ------------------------------------------------------------------------------------------------
    LIST BOX
    ------------------------------------------------------------------------------------------------
    ------------------------------------------------------------------------------------------------*/
/*Tamaños de ListBox*/
.ListBoxGrande {
    width: 600px;
    border:1px solid #3B83BD;
   margin-top:12px;
   margin-bottom:12px;
   font:12px Arial;
   color: rgb(109,110,113);
}
.ListBoxMediano {
   width: 450px;
   border:1px solid #CCCCCC;
   margin-top:12px;
   margin-bottom:12px;
   font:12px Arial;
   color: rgb(109,110,113);
}
.ListBoxChico {
    width: 250px;
    border:1px solid #CCCCCC;
   margin-top:12px;
   margin-bottom:12px;
   font:12px Arial;
   color: rgb(109,110,113);
}
.ListBox444px {
    width: 444px;
     border:1px solid #CCCCCC;
   margin-top:12px;
   margin-bottom:12px;
   font:12px Arial;
   color: rgb(109,110,113);
}
.ListBox550px {
    width: 550px;
     border:1px solid #CCCCCC;
   margin-top:12px;
   margin-bottom:12px;
   font:12px Arial;
   color: rgb(109,110,113);
}
.ListBox47px {
    width: 47px;
    border:1px solid #CCCCCC;
   margin-top:12px;
   margin-bottom:12px;
   font:12px Arial;
   color: rgb(109,110,113);
}
.ListBox350px {
    width: 350px;
    border:1px solid #CCCCCC;
   margin-top:12px;
   margin-bottom:12px;
   font:12px Arial;
   color: rgb(109,110,113);
}
.ListBox360px {
    width: 360px;
    border:1px solid #CCCCCC;
   margin-top:12px;
   margin-bottom:12px;
   font:12px Arial;
   color: rgb(109,110,113);
}
.ListBox590px {
    width: 590px;
    border:1px solid #CCCCCC;
   margin-top:12px;
   margin-bottom:12px;
   font:12px Arial;
   color: rgb(109,110,113);
}
.ListBox690px {
    width: 690px;
    border:1px solid #CCCCCC;
   margin-top:12px;
   margin-bottom:12px;
   font:12px Arial;
   color: rgb(109,110,113);
}
.ListBox500px {
    width: 500px;
    border:1px solid #CCCCCC;
   margin-top:12px;
   margin-bottom:12px;
   font:12px Arial;
   color: rgb(109,110,113);
}
.ListBox100por {
    width: 100%;
    border:1px solid #CCCCCC;
   margin-top:12px;
   margin-bottom:12px;
   font:12px Arial;
   color: rgb(109,110,113);
}
.ListBox95por {
    width: 95%;
    border:1px solid #CCCCCC;
   margin-top:12px;
   margin-bottom:12px;
   font:12px Arial;
   color: rgb(109,110,113);
}
.ListBox400px {
    width: 400px;
    border:1px solid #CCCCCC;
   margin-top:12px;
   margin-bottom:12px;
   font:12px Arial;
   color: rgb(109,110,113);
}
.ListBox229px {
    width: 229px;
    border:1px solid #CCCCCC;
   margin-top:12px;
   margin-bottom:12px;
   font:12px Arial;
   color: rgb(109,110,113);
}
.ListBox530px {
    width: 530px;
     border:1px solid #CCCCCC;
   margin-top:12px;
   margin-bottom:12px;
   font:12px Arial;
   color: rgb(109,110,113);
}
.ListBox96por {
    width: 96%;
    border:1px solid #CCCCCC;
   margin-top:12px;
   margin-bottom:12px;
   font:12px Arial;
   color: rgb(109,110,113);
}
/*--------------------------------------------------------------------------------------------------
    ------------------------------------------------------------------------------------------------
    DROPDOWNLIST
    ------------------------------------------------------------------------------------------------
    ------------------------------------------------------------------------------------------------*/
/*Tamaño de DropDownList*/
.DropDownListGrande {
    width: 600px;
    border:1px solid #CCC;
    color: rgb(109,110,113);
    font:12px Arial;
}
.DropDownListMediano {
    width:450px;
    border:1px solid #CCC;
    color: rgb(109,110,113);
    font:12px Arial;

}
.DropDownListChico {
    width: 200px;
    border:1px solid #CCC;
    color: rgb(109,110,113);
    font:12px Arial;
}
.DdlCapturaManualChico {
    width: 60px;
    border: 1px solid #CCC;
    color: #666;
    font: 12px Arial;
}
.DropDownLis410px {
    width: 410px;
   border:1px solid #CCC;
    color: rgb(109,110,113);
    font:12px Arial;
}
.DropDownLis444px {
    width: 444px;
    border:1px solid #CCC;
    color: rgb(109,110,113);
    font:12px Arial;
}
.DropDownLis63px {
    width: 63px;
    border:1px solid #CCC;
    color: rgb(109,110,113);
    font:12px Arial;
}
.DropDownLis50px {
    width: 50px;
    border: 1px solid #CCC;
    color: #666;
    font: 12px Arial;
}
.DropDownList180px {
    width: 180px;
    border:1px solid #CCC;
    color: rgb(109,110,113);
    font:12px Arial;
}
.DropDownList440px {
    width: 440px;
    border:1px solid #CCC;
    color: rgb(109,110,113);
    font:12px Arial;
}
.DropDownList300px {
    width: 300px;
    border:1px solid #CCC;
    color: rgb(109,110,113);
    font:12px Arial;
}
.DropDownList280px {
    width: 280px;
    border:1px solid #CCC;
    color: rgb(109,110,113);
    font:12px Arial;
}
.DropDownList190px{
    width: 190px;
    border:1px solid #CCC;
    color: rgb(109,110,113);
    font:12px Arial;
}
.DropDownList253px{
    width: 253px;
    border:1px solid #CCC;
    color: rgb(109,110,113);
    font:12px Arial;
}
.DropDown350px {
    width: 350px;
    border:1px solid #CCC;
    color: rgb(109,110,113);
    font:12px Arial;
}
.DropDownList75por {
    width:75%;
    border:1px solid #CCC;
    color: rgb(109,110,113);
    font:12px Arial;

}
.DropDownList50por {
    width:50%;
    border:1px solid #CCC;
    color: rgb(109,110,113);
    font:12px Arial;

}
.DropDownList75px {
    width:75px;
    border:1px solid #CCC;
    color: rgb(109,110,113);
    font:12px Arial;

}
.DropDownList95por {
    width:95%;
    border:1px solid #CCC;
    color: rgb(109,110,113);
    font:12px Arial;

}
.DropDownList150px {
    width:150px;
    border:1px solid #CCC;
    color: rgb(109,110,113);
    font:12px Arial;

}
.DropDownList250px {
    width:250px;
    border:1px solid #CCC;
    color: rgb(109,110,113);
    font:12px Arial;

}
.DropDownList100por {
    width:100%;
    border:1px solid #CCC;
    color: rgb(109,110,113);
    font:12px Arial;

}
.DropDownList90por {
    width:90%;
    border:1px solid #CCC;
    color: rgb(109,110,113);
    font:12px Arial;

}
.DropDownList100px {
    width:100px;
    border:1px solid #CCC;
    color: rgb(109,110,113);
    font:12px Arial;

}
.DropDownList82por {
    width:82%;
    border:1px solid #CCC;
    color: rgb(109,110,113);
    font:12px Arial;

}
.DropDownList400px {
    width:400px;
    border:1px solid #CCC;
    color: rgb(109,110,113);
    font:12px Arial;

}
.DropDownList130px {
    width:130px;
    border:1px solid #CCC;
    color: rgb(109,110,113);
    font:12px Arial;

}
.DropDownList97por {
    width:97%;
    border:1px solid #CCC;
    color: rgb(109,110,113);
    font:12px Arial;

}
.DropDownList220px {
    width:220px;
    border:1px solid #CCC;
    color: rgb(109,110,113);
    font:12px Arial;

}
.DropDownList590px {
    width:590px;
    border:1px solid #CCC;
    color: rgb(109,110,113);
    font:12px Arial;

}
.DropDownList210px {
    width:210px;
    border:1px solid #CCC;
    color: rgb(109,110,113);
    font:12px Arial;

}
.DropDownList565px {
    width:565px;
    border:1px solid #CCC;
    color: rgb(109,110,113);
    font:12px Arial;

}
.DropDownList55px {
    width:55px;
    border:1px solid #CCC;
    color: rgb(109,110,113);
    font:12px Arial;

}
.DropDownList350px {
    width: 350px;
    border:1px solid #CCC;
    color: rgb(109,110,113);
    font:12px Arial;
}
.DropDownList50px {
    width:50px;
    border:1px solid #CCC;
    color: rgb(109,110,113);
    font:12px Arial;

}
.DropDownList110px {
    width: 110px;
    border:1px solid #CCC;
    color: rgb(109,110,113);
    font:12px Arial;
}
.DropDownList98por {
    width: 98%;
    border:1px solid #CCC;
    color: rgb(109,110,113);
    font:12px Arial;
}
.DropDownList240px {
    width: 240px;
    border:1px solid #CCC;
    color: rgb(109,110,113);
    font:12px Arial;
}
.DropDownLis40por {
    width: 40%;
   border:1px solid #CCC;
    color: rgb(109,110,113);
    font:12px Arial;
}
.DropDownList349px {
    width: 349px;
    border:1px solid #CCC;
    color: rgb(109,110,113);
    font:12px Arial;
}
.DropDownList80px {
    width:80px;
    border:1px solid #CCC;
    color: rgb(109,110,113);
    font:12px Arial;

}
.DropDownList530px {
    width:530px;
    border:1px solid #CCC;
    color: rgb(109,110,113);
    font:12px Arial;

}
.DropDownList450px {
    width: 450px;
    border:1px solid #CCC;
    color: rgb(109,110,113);
    font:12px Arial;
}
.DropDownList500px {
    width: 500px;
    border:1px solid #CCC;
    color: rgb(109,110,113);
    font:12px Arial;
}
.DropDownList340px {
    width: 340px;
    border:1px solid #CCC;
    color: rgb(109,110,113);
    font:12px Arial;
}
.DropDownList390px {
    width: 390px;
    border:1px solid #CCC;
    color: rgb(109,110,113);
    font:12px Arial;
}
.DropDownList380px {
    width: 380px;
    border:1px solid #CCC;
    color: rgb(109,110,113);
    font:12px Arial;
}
.DropDownList310px {
    width: 310px;
    border:1px solid #CCC;
    color: rgb(109,110,113);
    font:12px Arial;
}
.DropDownList448px {
    width: 448px;
    border:1px solid #CCC;
    color: rgb(109,110,113);
    font:12px Arial;
}
/*--------------------------------------------------------------------------------------------------
    ------------------------------------------------------------------------------------------------
    FOTOGRAFIA
    ------------------------------------------------------------------------------------------------
    ------------------------------------------------------------------------------------------------*/
/*taño de la foto de perfil*/
.TamañoFoto {
    width: 100px;
    height: 120px;
}
.TamañoFotoDos {
    width: 75px;
    height: 100px;
}
/*--------------------------------------------------------------------------------------------------
    ------------------------------------------------------------------------------------------------
    MASTER PAGE
    ------------------------------------------------------------------------------------------------
    ------------------------------------------------------------------------------------------------*/
/*MASTER PAGE*/
.ContenidoMP {
    width: 900px;
    /*width: 756px;*/
    vertical-align: top;
}
.ContenidoMP2 {
    vertical-align: top;
    width:900px;
 
}
.ContenidoPagina {
    Width: 100%;
    Height: 25px;
    color: graytext;
    font-weight: bold;
    font-size: 14px;
    padding-top:5px;
    text-align:center;
    border:0px;
}
.ImagenMP {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.MasterPageTd {
    Width: 100%;
    vertical-align: top;
}







































/*------------------------------------------------------------------------------
    ACCESO
    ----------------------------------------------------------------------------*/
.marco {
    width: 450px;
    width: 23px;

}
.ezqsupizq {
    background-image: url(../imagenes/login/punta1.jpg);
    background-repeat: no-repeat;
}
.superior {
    background-image: url(../imagenes/login/superior.jpg);
    background-repeat: repeat-x;
    width: 404px;
    height: 23px;
}
.izqsupder {
    background-image: url(../imagenes/login/punta2.jpg);
    background-repeat: no-repeat;
    width: 23px;
}
.lateral_izquierda {
    background-image: url(../imagenes/login/lateralIzq.jpg);
    background-repeat: repeat-y;
    width: 23px;
}
.formulario {
    text-align: center;
}
.justificado {
    padding-right: 200px;
}
.blockmayusculas {
    visibility: hidden;
    position: fixed;
    font-size: 9px;
    padding-left: 79px;
}

.lateral_derecha {
    background-image: url(../imagenes/login/lateralDer.jpg);
    background-repeat: repeat-y;
    width: 23px;
    height: 160px;
}
.ezqinfizq {
    background-image: url(../imagenes/login/punta4.jpg);
    background-repeat: no-repeat;
    height: 23px;
}
.inferior {
    background-image: url(../imagenes/login/inferior.jpg);
    background-repeat: repeat-x;
    width: 404px;
    height: 23px;
}
.ezqinfder {
    background-image: url(../imagenes/login/punta3.jpg);
    background-repeat: no-repeat;
    height: 23px;
}
.label {
    font-size: small;
}
.aspPanel {
    text-align: center;
}
.asPanle2 {
    position: fixed;
    top: 0;
    left: 0;
    border: 1px solid #ffcdb0;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    padding: 10px;
}
/*-------------------------------------------------------------------------------------------
    ACTIVA EMPRESA, COMPETENCIAS
    ---------------------------------------------------------------------------------------*/

.ups {
    display: none;
}
.tablaDosUno
{
    width:100%;
    text-align:center;
}
.subtitulopagina {
    text-align: center;
    font-size: small;
}
.tablaFormato
{
	width:100%;
}
.tablaTh {
    text-align: center;
}
.tablaTd{

    text-align: center;
    font-size: medium;
    font-style: italic;
}
.tdCampo
{
    width:70%;
    text-align:left;
}
.filaSubmit
{
    height:65px;
    text-align:center;
}
.td {
    height: 23px;
}
/*-----------------------------------------------------------------------------
    DIcCOMPETENCIAS
    ----------------------------------------------------------------------------*/
.sub_mensaje {
    text-align: left;
}
.disponible {
    width: 29px;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}
.tex_izq {
    text-align: left;
    
}
.tex_center {
    text-align: center;
    
}
.img_circulos {
    padding-left: 70px;
    text-align: right;
    vertical-align: top;
}
.img_cir_ancho {
    width: 100px;
}
.ancho_label {
    width: 30px;
}
.tablaTres{
    width:100%;
}

.tdDicCom {
    width: 93%;
    height: 13px;
}
.tdDicComp {
    width: 7%;
    height: 13px;
}
/*--------------------------------------------------------------------------------
    NIVELES DOMINIO
    ------------------------------------------------------------------------------*/
.tdDominio {
    height: 55px;
}
.tabDominio {
    width: 50%;
}
.imgDominio {
    width: 105px;
}
.escalaAct {
    height: 28px;
}
/*---------------------------------------------------------------------------------------
    DIRECCIÓN, DEPARTAMENTOS
    -----------------------------------------------------------------------*/
.tex_der {
    text-align: right;
    
}
.tdNombreCampoMensaje
{
    width:10%;
    padding-right:5px;
    text-align:right;
    height:35px;
}
.tdNombreCampoDos
{
    width:20%;
    padding-right:10px;
    text-align:right;
    height:50px;
}
.tdCampoDos
{
    width:80%;
    text-align:left;

}
/*--------------------------------------------------------------------------------------
    PERFIL PUESTO
    -----------------------------------------------------------------------------------*/

.fieldset 
{ 
    border:0;
    height: 2em;

}	
.ui-slider 
{
    clear: both;

}
.anchoPp {
    width: 25%;
    height:75px;
}
.boton_ayuda {
    width: 20px;
    height: 20px;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    display: none;
}
.divCompetencia {
    width: 100%;
 /* display: none;*/
}
.divCompAsig {
    width: 100%;
}
.uno {
    width: 1%;
}
.competencia {
    width: 35%;
    text-align: center;
}
.peso {
    width: 10%;
    text-align: center;
}
.salto {
    width: 44%;
}
.tdImg {
    width: 20%;
    height:10%;
}
.circulo5 {
    left: 0%;
    height: 20px;
    position: relative;
}
.circulo4 {
    left: 20%;
    height: 20px;
    position: relative;
}
.circulo3 {
    left: 35%;
    height: 20px;
    position: relative;
}
.circulo2 {
    left: 50%;
    height: 20px;
    position: relative;
}
.circulo1 {
    left: 70%;
    height: 20px;
    position: relative;
}
.cinco {
    width: 5%;
}
.tdPerfilP {
    width: 35%;
    text-align: center;
}
.submit {
    background: url('imagenes/font_bottom.png') no-repeat right top;
    color:rgb(27,56,145);
    text-align:center;
    min-width:110px;
}
.marguen_submit {
    margin-right: 10px;
}
.td0 {
    width: 10%;
    text-align: center;
    border-top: thin solid Black;
}
.td00 {
    font-weight: bold;
}
.venticinco {
    width: 25%;
}
.marizq30 {
    margin-left: 30%;
}
.divBateria {
    display: none;
    width: 100%;
    clear: both;
}
.divTituloBateria {
    margin: 0 auto;
    font-weight: bold;
    font-size: small;
}
.evaluacion {
    width: 50%;
    font-weight: bold;
    text-align: center;
}
.comp {
    width: 49%;
    font-weight: bold;
    text-align: center;
}
.bot {
    clear: both;
}
.dos50 {
    width: 250px;
}
.dospx {
    width: 200px;
    text-align: right;
}
.cien57px {
    width: 157px;
}
.doceAltAnchpx {
    height: 12px;
    width: 158px;
}
.docepx {
    height: 12px;
}
/*------------------------------------------------------------------------------------------------
    IMAGNES
    -------------------------------------------------------------------------------------------------*/
.tdCampoDetalle
{
    width:70%;
    text-align:left;
}
.treinta9 {
    width: 39%;
}
.dos35px {
    width: 235px;
}
.tdImg2 {
    font-size: 7pt;
    top: 0px;
    vertical-align: top;
}
/*-------------------------------------------------------------------------------------
    MENSAJE
    -------------------------------------------------------------------------------------*/
.seis80px {
    width:680px;
}
.noventa {
    width: 90%;
}
.venti6 {
    height: 26px;
    text-align: center;
}
/*-----------------------------------------------------------------------------------
    BANCO EXAMENES
    ------------------------------------------------------------------------------*/

.cien87 {
    width: 187px;
    text-align: right;
}
.tdBanExa {
    height: 0px;
}
.cien87_izq {
    width: 187px;
    height: 0px;
    text-align: left;
}
.tdBanExa_der {
    height: 0px;
    text-align: right;
}
.creacion {
    Width:20%;
    margin-left: auto;
    margin-right: auto;
}
.titulobanex {
    width: 41%;
}
.ocho {
    Width: 8%;
    margin-left: auto;
    margin-right: auto;
}
.Nd {
    Width: 10%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.aceda {
    Width: 6%;
    margin-left: auto;
    margin-right: auto;
}
.linkboton {
    Width:7%;
}
/*-----------------------------------------------------------
    BANCO EXAMEN
    ----------------------------------------------------------------------------*/
.version {
    margin-left: auto;
    margin-right: auto;
    width: -5%;
}
.creac {
     margin-left: auto;
    margin-right: auto;
    width: 10%;
}
.headban {
    margin-left: auto;
    margin-right: auto;
}
.evaluacion2 {

    Width:55%;
}
.horvert {
    margin-left: auto;
    margin-right: auto;
    width: 70%;
     Vertical-Align:Middle;
}
.submit {
    background: url('imagenes/font_bottom.png') no-repeat right top;
    color:rgb(27,56,145);
    text-align:center;
}
/*------------------------------------------------------------------------
    COMPONENTES TABLAS
    -----------------------------------------------------------------------*/
.textBox
{
    border: 1px solid #ccc;
    font:12px Arial;
    /*text-transform:uppercase;*/ color: rgb(109,110,113);
}
.cien63px {
    width: 163px;
}
.treita5px {
    Width: 35%;
}
.horizontal_alineacion_centrado {
    margin-left: auto;
    margin-right: auto;
}
.anchoTreinta {
    Width: 30%;
}
/*-----------------------------------------------------------------------
    BANCO TEMAS
    ------------------------------------------------------------------------------*/
.cuareaAncho {
    width: 40%;
}
.veiti6Ancho {
    width: 26%;
}
.diezAncho {
     margin-left: auto;
    margin-right: auto;
    width: 10%;
}
.sieteAncho {
    margin-left: auto;
    margin-right: auto;
    width: 7%;
}
/*-------------------------------------------------------------------------------------
    BANCOS TEMAS
    ------------------------------------------------------------------------------*/
.GVSubmit {
    background: transparent url('../css/imagenes/font_bottom.png') no-repeat scroll top right;
    color:rgb(27,56,145);
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    text-decoration: none;
    padding-right:6px;
    width:60px;
    text-align:center;
}
.quinceCentrado {
    margin-left: auto;
    margin-right: auto;
    width: 15px;
}
.setentaAncho {
    width: 70px;
}
.terintacentrado {
    margin-left: auto;
    margin-right: auto;
    width: 30px;
}
.trecientos50Ancho {
    width: 350px;
}
.PagerStyle
{
    height:23px;
    width:20%;
    text-align:center;
    font-size:12px;
    margin-left: auto;
    margin-right: auto;
}
.headfoot {
    font: bold;
}
.noVisible {
    width: 100%;
    visibility: hidden;
}
/*-------------------------------------------------------------
    BANCO COMPETENCIAS
    -------------------------------------------------------------------*/
.nuevecentrado {
    width: 9%;
    margin-left: auto;
    margin-right: auto;
    
}
/*--------------------------------------------------------------------------------
    BATERIAS
    ---------------------------------------------------------------------------*/
.ciento20Ancho {
    width: 120%;
}
.listBox{
   border:1px solid #CCCCCC;
  /* width:350px;*/
   margin-top:12px;
   margin-bottom:12px;
   font:12px Arial;
 }
.veiti22 {
    width: 100%;
    height: 22px;
   
}
.separacion25pxizq {
    padding-left: 25px;
}
.veiti5alto {
    height: 25px;
}
/*----------------------------------------------------------------------------
    BUSCA PERSONA
    -------------------------------------------------------------------------*/
.trecealto {
    height: 13px;
}
.fuente {
    font-size: 10pt;
    font-weight: bold;
    color: #2a2d98;
}
.cetenta5ancho {
    width: 75%;
    
}
.comboBox
{
    border:1px solid #CCC;
    font:12px Arial;
}
.alineacion_vertical {
    vertical-align: top;
}
.input_wrapper {
    border-width: 0;
    float: left;
    margin: 0 0 0 -13px;
    position: relative;
}
.ochenta8ancho {
    width: 88%;
}
.noventaAnchopx {
    width: 90px;
}
.ochent5Ancho {
    width: 85%;
}
.cuarenta2Ancho {
    width: 42%;
}
.cien37Ancho {
    width: 137px;
}
.ciencuenta8Ancho {
    width: 58%;
}
.ciento50Alto {
    height: 150px;
}
.treciento60Ancho {
    width: 360px;
}
.treintaAlto {
    height: 30px;
}
/*-------------------------------------------------------------------------
    ACCESO CAPTURA MANUAL
    -------------------------------------------------------------------------*/
.veinti6Alto {
    height: 26px;
}
.fontweig {
    font-weight: bold;
}
.treinta1Alto {
    height: 31px;
}
.cuarenta9Ancho {
    width: 49px;
}
.seisientos21Ancho {
    width: 621px;
}
.docientos76Alto {
    height: 276px;
}
.setecientosAncho {
    width: 700px;
}
.seisischonetos90Ancho {
    width: 690px;
}
.dos50Alto {
    height: 250px;
}
.catorceAlto {
    height: 14px;
}
.treinta3Ancho {
    width: 33%;
}
.ciento27Ancho {
    width: 127px;
}
.mid{
    vertical-align: middle;
}
.trecientospx {
    width: 300px;

}
.quinientos30Ancho {
    width: 530px;
}
.doceSeparacion {
    padding:12px;
}
.diezAlto {
    height: 10px;
}
.C334455 {
    border-color: #334455;
}
.bordeAncho2px {
    border-width: 2px;
}
.noventa9Ancho {
    width: 99%;
}
.veinteAltopx {
    height: 20px;
}
.separacionDerecha5 {
    padding-right: 5px;
}
.separacionIzquierda5 {
    padding-left: 5px;
}
.divWarning {
    background-image: url("../imagenes/iconos_botones/warning.png");
    background-position: 5px 5px;
    background-repeat: no-repeat;
    background-size: 20px;
    border: 1px dotted #C0C0C0;
    font: 13px/18px Tahoma;
    padding: 5px 5px 5px 25px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    z-index: 1005;
    filter:Alpha(opacity=25);
}
.banda {
    background: url(../imagenes/banda.png) no-repeat;
    text-align: center;
    width: 249px;
    height: 136px;
    vertical-align: top;
}
.bandatd {
    position: absolute;
    left: 25px;
    bottom: 90px;
    width: 208px;
    vertical-align: top;
}
.bandadiv {
    position: absolute;
    left: 225px;
    bottom: 110px;
}
/*-------------------------------------------------------------------
    REPORTE ESPECIAL
    ------------------------------------------------------------------*/
.noventa7Ancho {
    width: 97%;
}
/*--------------------------------------------------------------
    BUSCA HISTORIAL EXAMEN
    ---------------------------------------------------------------------*/
.fuente_larga {
    font-size: larger;
}
.listBoxDos{
   border:1px solid #CCCCCC;
   width:500px;
   margin-top:12px;
   margin-bottom:12px;
   font:12px Arial;
   height:100px;
 }
.quinceAnchoNor {
    width: 15px;
}
.treinta2aLTO {
    height: 32px;
}
.mil750Ancho {
    width: 1750px;
}
.docientosAncho {
    width: 200px;
}
.seisientosAncho {
    width: 600px;
}
/*-------------------------------------------------------------------------
    ESTASDISTICAS DE USUARIO
    ----------------------------------------------------------------------*/
.seisientos50Ancho {
    width: 650px;
}
.opcionCuatro
{
    height:40px;
    width:20%;
    text-align:center;
}
.ciento35Ancho {
    width: 135px;
}
.ciento20pxAncho {
    width:120px;
}
.borde_derecha {
    border-right: thin solid;
}
.borde_top {
    border-top: thin solid;
}
.border_izquierda {
    border-left: thin solid;
}
.cuatrocientos16pxAncho {
    width: 416px;
}
.borde_boton {
    border-bottom: thin solid;
}
.dicinueveAlto {
    height: 19px;
}
.noventapxAncho {
    width: 90px;
}
.ciento26Ancho {
    width: 126px;
}
.cuatrocientos30pxAncho {
    width: 430px;
}
.docientos20pxAncho {
    width: 220px;
}
.docientos16pxAncho {
    width: 216px;
}
.pnlDregistro {
    left: 20px;
    position: relative;
    top: 1px;
}
.quinceAlto {
    height: 15px;
}
.ciento60Ancho {
    width: 160%;
}
.diezAnchoPorciento {
    width: 10%;
}
/*.PagerStyle
{
    height:23px;
    width:20%;
    text-align:center;
    font-size:12px;
}*/
.cienpxAncho {
    width: 100px;
}
.ciento10pxAncho {
    width: 110px;
}
.ciento25pxAncho {
    width: 125px;
}
/*-----------------------------------------------------------------------------
    SELECCION
    ------------------------------------------------------------------------*/
.ciento95pxAncho {
    width: 195px;
}
.docientospxAlto {
    height: 200px;
}
.cuatrocientos19pxAncho {
    width: 419px;
}
.treinta5pxAlto {
    height: 35px;
}
.posicionEstatica {
    position: static;
}
/*--------------------------------------------------------------------
    EVALUACIÓN INTEGRAL
    ---------------------------------------------------------------------*/
 .botonimagen
    {
    	background-image:url("../../../web/asp/imagenes/iconos/folderA.png");
    	border-style:none;
    	font-size:14px;
    	background-position:center;
    	background-repeat:no-repeat;
    	width:18px;
    	height:18px;
    }
.ciento24pxAncho {
    width: 124px;
}
.cincuenta9pxAncho {
    width: 59px;
}
.visible {
    visibility: visible;
}
.unopxAltura {
    height: 1px;
}
.diesiseispxAlto {
    height: 16px;
}
.diesiseispxAncho {
    width: 16px;
}
.cuatrocientos22pxAncho {
    width: 422px;
}
.diesi8pxAlto {
    height: 18px;
}
.diesi8pxAncho {
    width: 18px;
}
.treinta5pxAncho {
    width: 35px;
}
.cincuentapxAlto {
    height: 50px;
}
.cuatrocientospxAncho {
    width: 400px;
}
.posicion_relativo {
    position: relative;
}
.menos25pxTop {
    top: -25px;
}
.ciento30pxAncho {
    width: 130px;
}
.menos40pxBoton {
    bottom: -40px;
}
.quinientos80pxAncho {
    width: 580px;
}
.veintepxAncho {
    width: 20px;
}
.scroll {
    overflow: scroll;
}
.veinti22pxAlto {
    height: 22px;
}
.visihide {
    visibility: hidden;
}
.menos50pxBoton {
    bottom: -50px;
}
.borde0 {
    border: solid 2px #000000;
}
.diespxPaddingb {
    padding: 10px;
}
.cienpxAlto {
    height: 100px;
}
.dies7Ancho {
    width: 17%;
}
/*----------------------------------------------------------------------------
    REPORTE TALENTO
    ----------------------------------------------------------------------*/
.pointer {
    cursor: pointer;
}
.diezpaddtop {
    padding-top: 10px;
}
.quincepaddtop {
    padding-top: 15px;
}
.quincepaddbott {
    padding-bottom: 15px;
}
a.tooltip {
    font: 15px Geneva, Arial, Helvetica, sans-serif;
    color: #CC3E6E;
    text-decoration: none;
}

    a.tooltip:hover {
        border-bottom: 1px dotted #CC3E6E;
    }
    a.tooltip:hover {
        text-decoration: none;
    }
    a.tooltip span {
        display: none;
        margin: 0 0 0 10px;
        padding: 5px 5px;
    }
    a.tooltip:hover span {
        display: inline;
        position: absolute;
        border: 1px solid #CC3E6E;
        background: #FFEFF5;
        color: #CC3E6E !important;
    }
     .style1
        {
            width: 737px;
            
        }
        .style2
        {
        	width: 737px;
            text-decoration:underline;
            cursor:pointer;
        }
        .tblTitulo
        {
        	cursor: pointer;
        	border: solid 1px #284993;
            font-weight: bold;
        }
        .tblTitulo table tr td
        {
            width: 100%;
            padding: 6px;
        }
        /*.tblCont table
        {
            width: 100%;
        }*/
        .tblCont table tr td
        {
            padding: 4px;
        }
        .tbl
        {
            width: 100%;
        }
        .tbl table tr td
        {
            padding: 0px;
        }
        .MyCalendar .ajax__calendar_container {
    border: 1px solid #000000;
    background-color: #FFFFFF;
    border-radius: 4px 4px 4px 4px;

        }


        .MyCalendar .ajax__calendar_header .ajax__calendar_title
        {
    background-color: #3960A4;
    border-radius: 2px 2px 0 0;
    text-transform: capitalize;

        }
        .MyCalendar .ajax__calendar_other .ajax__calendar_day,
        .MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: black;

        }
        .MyCalendar .ajax__calendar_hover .ajax__calendar_day,
        .MyCalendar .ajax__calendar_hover .ajax__calendar_month,
        .MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;

        }
        .MyCalendar .ajax__calendar_active .ajax__calendar_day,
        .MyCalendar .ajax__calendar_active .ajax__calendar_month,
        .MyCalendar .ajax__calendar_active .ajax__calendar_year 
        {
	background-color: #DDEEFF;
	border: solid 1px #AAAADD;
    color: black;
    font-weight:bold;

        }
        .veinti8pxAncho {
    width: 28px;

        }
        .docepadtop {
    padding-top: 12px;

        }
        .cetenta5pxAncho {
    width: 75px;

        }
        .tex_justificado {
    text-align: justify;

        }
.cuatrocientos60pxAncho {
    width: 460px;
}
.border444 {
    border: solid 1px #444444;
}
.cincopxPadding {
    padding: 5px;
}
.ciento90pxAlto {
    height: 190px;
}
.cuatrocientos58pxAncho {
    width: 458px;
}
.paddingpx4 {
    padding: 1px 5px 1px 5px;
}
.float_left {
    float: left;
}
.borde1 {
    border: 0;
}
.separacionIzquierda8px {
    padding-left: 8px;
}
.scrolly {
    overflow-y: scroll;
}
.ciento70pxAlto {
    height: 170px;
}
.sietepadtop {
    padding-top: 7px;
}
.fuente11px {
    font-size: 11px;
}
.veintePorAncho {
    width: 20%;
}
.ochentaAncho {
    width: 80%;
}
.cuarentapxAncho {
    width: 40px;
}
.separacionIzquierda4px {
    padding-left: 4px;
}
.separacionDerecha4px {
    padding-right: 4px;
}
.cuarenta8pxAncho {
    width: 48px;
}
.paddingDos {
    padding: 4px 0px;
}
.diesiseisAncho {
    width: 16%;
}
.ciento20pxAlto {
    height: 120px;
}
.bordew {
    border-width: 1px;
}
.estiloborde {
    /*border-style: solid;*/
}
.colorborde {
    border-color: black;
}
.float_right {
    float: right;
}
.docepxAncho {
    width: 12px;
}
.noventa2Ancho {
    width: 92%;
}
.decoracion_under {
    text-decoration: underline;
}
.padding25 {
    padding:2px 5px;
}
.diezpxAncho {
    width: 10px;
}
.sesentaAncho {
    width: 60%;
}
.separacionIzquierda1px {
    padding-left: 1px;
}
.bordeAAA {
    border: solid 1px #AAAAAA;
}
.sesenta2Ancho {
    width: 62%;
}
.ciento50Ancho {
    width: 150px;
}
.cuarenta5pxAlto {
    height: 45px;
}
.seispxpaddtop {
    padding-top: 6px;
}
.separacionIzquierda10px {
    padding-left: 10px;
}
.padding5202020 {
    padding: 5px 20px 20px 20px;
}
.ciento90pxAncho {
    width: 190px;
}
.ciento10pxAlto {
    height: 110px;
}
.dospxpaddtop {
    padding-top: 2px;
}
.catorceAncho {
    width: 14px;
}
.posicion_absoluta {
    position: absolute;
}
.trecepxpaddtop {
    padding-top: 13px;
}
.borde000 {
    border: solid 1px #000000;
}
.cuatropxpadding {
    padding: 4px;
}
.borde3333 {
    border-radius: 3px 3px 3px 3px;
}
.top {
    top: 1px;
}
.treinta3pxIzquierda {
    left: 33px;
}
.cincopxPaddIzquierda {
    padding-left: 5px;
}
.novencientos50pxAncho {
    width: 950px;
}
.top10px {
    top: 10px;
}
.derecha10px {
    right: 10px;
}
.quinientospxAlto {
    height: 500px;
}
.ochenta1porAncho {
    width: 81%;
}
.docientos50pxAncho {
    width: 250px;
}
.trescientospxAncho {
    width: 300px;
}
.diesi9porAncho {
    width: 19%;
}
.seispxAlto {
    height: 6px;
}
.separacionIzquierda12px {
    padding-left: 12px;
}
.ochopxAlto {
    height: 8px;
}
.cincopxAlto {
    height: 5px;
}
.separacionIzquierda20px {
    padding-left: 20px;
}
.fuenteBold {
    font: bold;
}
.setentaporAncho {
    width: 70%;
}
.mover {
    background-image: url(../imagenes/Mover.gif);
    background-repeat: no-repeat;
    background-position: left;
}
.xsmall {
    font-size: x-small;
}
/*-----------------------------------------------------------------------------
    TEMPLATE EVAL INTEGRAL
    -----------------------------------------------------------------------*/
.veintepxAlto {
    height: 20px;
}
/*--------------------------------------------------------------------------
    
   DATOS PER A
    -------------------------------------------------------------------------*/
.ciento23pxAncho {
    width: 123px;
}
.ciento80pxAncho {
    width: 180px;
}
.docientos80pxAncho {
    width: 280px;
}
.noventa5pxAncho {
    width: 95px;
}
.treinra2pxAncho {
    width: 32px;
}
.ciento45pxAncho {
    width: 145px;
}
.fuente8pt {
    font-size: 8pt;
}
.veinti3pxAncho {
    width: 23px;
}
.fuente8px {
    font-size: 8px;
}
.ochenta8pxAncho {
    width: 88px;
}
.ochenta5pxAncho {
    width: 85px;
}
.fuente7pt {
    font-size: 7pt;
}
.treceseparacionpxIzquierda {
    padding-left: 13px;
}
.ciento1pxAncho {
    width: 101px;
}
.docientos2pxAncho {
    width: 202px;
}
.ciento79pxAncho {
    width: 179px;
}
.cincuentapxAncho {
    width: 50px;
}
.quinientos20pxAncho {
    width: 520px;
}
.cuarentapxAlto {
    height: 40px;
}
.bordesnone {
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}
/*-------------------------------------------------------------------------
    
    DATOS PER
    ------------------------------------------------------------------------*/
.treinta1Ancho {
    width: 31%;
}
.tablaimg {
    background-image: url(../imagenes/iconos_botones/registrook1.png);
    background-repeat: no-repeat;
    width: 310px;
    height: 130px;
}
.paddingTop14px {
    padding-top: 14px;
}
.noventa5Ancho {
    width: 95%;
}
.fuentetampequeño {
    font-size: small;
}
.ciento60pxAlto {
    height: 160px;
}
.ochenta6pxAlto {
    height: 86px;
}
.opcionCuatro
{
    height:40px;
    width:20%;
    text-align:center;
}
.sesentapxAncho {
    width: 60px;
}
.tablaTres{
    width:100%;
}
.OchentapxAncho {
    width: 80px;
}
.unopxAncho {
    width: 1px;
}
.quinientospxAncho {
    width: 500px;
}
.separacionIzquierda50px {
    padding-left: 50px;
}
.bordesolid {
    border: solid;
}
.bordecolorffcdb0 {
    border-color: #ffcdb0;
}
.dospxAlto {
    height: 2px;
}
.trecientos90pxAncho {
    Width: 390px;
}
.fuenteLarga {
    font-size: larger;
}
.trecientospxAlto {
    height: 300px;
}
.setentapxAlto {
    height: 70px;
}
.veinti8pxAlto {
    height: 28px;
}
.maxAncho680px {
    max-width: 680px;
}
.trecientos80pxAncho {
    width: 380px;
}
.setenta77pxAncho {
    width: 77px;
}
.tex_top {
    text-align: top;
}
.cuatrocientos48pxAncho {
    width: 448px;
}
.ciento96pxAncho {
    width: 196px;
}
.cuarenta7por {
    width: 47%;
}
.ciento68pxAncho {
    width: 168px;
}
.quinientos95pxAncho {
    width: 595px;
}
.trecientos30pxAncho {
    width: 330px;
}
.bordeTopBlack {
    border-top: thin solid Black;
}
.cuarenta9porAncho {
    width: 49%;
}
.noventa6porAncho {
    width: 96%;
}
.treinta1pxAncho {
    width: 31px;
}
.docientos12pxAlto {
    height: 212px;
}
.accordionHeader {
    border: 1px solid #2F4F4F;
    cursor: pointer;
    font-family:Arial;
    font-size: 12px;
    font-weight: bold;
    margin-top: 5px;
    padding: 5px;
}

.accordionHeaderSelected {
    border: 1px solid #2F4F4F;
    cursor: pointer;
    font-family:Arial;
    font-size: 12px;
    font-weight: bold;
    margin-top: 5px;
    padding: 5px;
}

.accordionContent {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color #2F4F4F #2F4F4F;
    border-image: none;
    border-right: 1px dashed #2F4F4F;
    border-style: none dashed dashed;
    border-width: medium 1px 1px;
    padding: 10px 5px 5px;
}
/*--------------------------------------------------------------------------------
    ACCESO DAOSQL.CS
    -----------------------------------------------------------------------------*/
.paginaText {
    font-family:Arial;
    font-size: 1em;
    text-align: left;
    width: 100%;
    border: 0px;
    padding-left: 5px;
    cursor: pointer;
}
/*------------------------------------------------------------------------------
    CALIFICADORNG.CS
    ---------------------------------------------------------------*/
.mensajeAppend {
    font-family:Arial;
    color: Black;
    font-size: 11.5pt;
}
.strMensajeAppend {
    font-family:Arial;
    color: Black;
    font-weight: bold;
    font-size: 11.5pt;
}
.ciento15pxAncho {
    width: 115px;
}
.trespxIzquierda {
    left: 3px;
}
.ceropxtop {
    top: 0px;
}
.panel13 {
    margin: 7%;
    margin-top: 20px;
    margin-bottom: 0px;
    margin-right: 7%;
    Width:610px;
}
.quinientos90pxAncho {
    width: 590px;
}
.ciento1pxAlto {
    height: 101px;
}
.btnBuscar {
    width: 549px;
    text-align: center;
    /*text-align:right;*/
}
.quinientos49pxAncho {
    width: 549px;
}
.docientos47pxAncho {
    width: 247px;
}
.docientos42pxAncho {
    width: 242px;
}
.seisientos10pxAncho {
    width: 610px;
}
.cuatrocientospxAlto {
    height: 400px;
}
.divExamenes {
    height: 250px;
    overflow: auto;
    display: none;
}
.divLoading {
    position: relative;
    border: solid 2px #000000;
    font-weight: bold;
    width: 300px;
    height: 100px;
    text-align: center;
}
.cincopxAncho {
    width: 5px;
}
.setecientos60pxAncho {
    width: 760px;
}
.noventa8porAncho {
    width: 98%;
}
.panel3 {
    margin: 0%;
    margin-top: 0px;
    margin-bottom: 0px;
}
.capMantd {
    width: 700px;
    text-align: left;
    border-right: thin solid;
    border-top: thin solid;
    border-left: thin solid;
    border-bottom: thin solid;
    height: 24px;
    padding-left: 5px;
}
.capMantd2 {
    width: 865px;
    text-align: left;
    border-right: thin solid;
    border-top: thin solid;
    border-left: thin solid;
    border-bottom: thin solid;
    padding-left: 15px;
    height: 29px;
    padding-left: 15px;
}
.capMantd3 {
    width: 284px;
    text-align: left;
    border-right: thin solid;
    border-top: thin solid;
    border-left: thin solid;
    border-bottom: thin solid;
    height: 29px;
    padding-left: 15px;
}
.cuatrocientos66pxAncho {
    width: 466px;
}
.ciento6pxAlnto {
    height: 106px;
}
.input1 {
    WIDTH: 33px;
    BORDER-TOP-STYLE: none;
}
.arial {
    FONT-FAMILY: Arial;
}
.fuente11pt {
    FONT-SIZE: 11pt;
}
.ceropxAncho {
    width: 0px;
}
.ceropxAlto {
    height: 0px;
}
.sietepxAlto {
    HEIGHT: 7px;
}
.aspPanel2 {
    margin: 0%;
    margin-top: 20px;
    margin-bottom: 0px;
    margin-right: 0%;
    Width:600px;
}
.quincepxmargen {
    margin: 15px;
}
.cuarenta9pxAlto {
    height: 49px;
}
.comentado {
    border-style: none;
    border-color: inherit;
    border-width: 0px;
    margin-bottom: 0px;
}
.resignacion {
    padding-left: 31px;
    vertical-align: middle;
    text-align: left;
}
.ceropxborde {
    border: 0px;
}
.treinta5pxpaddingtop {
    padding-top: 35px;
}
.separacionderecha70px {
    padding-right: 70px;
}
.docientos3pxAlto {
    height: 203px;
}
.perfilpsicometrico {
    text-align: center;
    font-family:Arial;
    font-size: 1.5em;
    font-weight: bold;
    padding-bottom: 20px;
}

.dossAncho {
    width: 2%;
}
.lateb {
    border: 0;
    font-weight: bold;
    text-align: center;
}
.margenIzquierda30px {
    margin-left: 30px;
}
.literalcontrol {
    width: 24px;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}
.setecientos30pxAncho {
    width: 730px;
}
.treinta3pxAlto {
    height: 33px;
}
.ciento98pxAncho {
    width: 198px;
}
.setecientos58pxAncho {
    width: 758px;
}
.setecientos56pxAncho {
    width: 756px;
}
.bordess {
    border-color: #000000;
    border-style: solid;
    border-width: 1px;
    width: 750px;
}
.separacionderecha25px {
    padding-right: 25px;
}
.divAplicador {
    position: fixed;
    right: 20px;
    bottom: 40px;
}
.treceporAncho {
    width: 13%;
}
.veinti9porAncho {
    width: 29%;
}
.quinceporAncho {
    width: 15%;
}
.tdAplicadorEnt {
    font-size: medium;
    padding-right: 10px;
}
.cuarenta1pxAncho {
    width: 41px;
}
.aspPanel3 {
    margin: 0%;
    margin-top: 20px;
    margin-bottom: 0px;
    margin-right: 0%;
}
.bordenone {
    border: none;
}
.filter {
    filter: Alpha(opacity=25);
}
.paddin050 {
    padding: 0.5em 0;
}
.diesi8porAncho {
    width: 18%;
}
.treinta4pxAlto {
    height: 34px;
}
.margento20px {
    margin-top: 20px;
}
.setecientos50pxAncho {
    width: 750px;
    font-family: Quicksand !important;
}
.margen_auto {
    margin: auto;
}
.autoAlto {
    height: auto;
}
.none1 {
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}
.separacionIzquierda34px {
    padding-left: 34px;
}
.veiti1pxAlto {
    height: 21px;
}
/*----------------------------------------------------------
    16PF.ASPX
    -----------------------------------------------------------*/
.tdcolspan {
    border-right: thin solid;
    border-top: thin solid;
    border-left: thin solid;
    border-bottom: thin solid;
    height: 50px;
    width: 99px;
}
.borde_solido {
    border-right: thin solid;
    border-top: thin solid;
    border-left: thin solid;
    border-bottom: thin solid;
}
.treinta4pxAncho {
    width: 34px;
}
.ochenta6pxAncho {
    width: 86px;
}
.dieci7pxAlto {
    height: 17px;
}
.ochenta7pxAncho {
    width: 87px;
}
.ochopxAncho {
    width: 8px;
}
.setenta3pxAncho {
    width: 73px;
}
.borde_solido3 {
    border-right: thin solid;
    border-left: thin solid;
    border-bottom: thin solid;
}
.borde_solido0 {
    border-right: #000000 thin solid;
    border-top: #000000 thin solid;
    border-left: #000000 thin solid;
    border-bottom: #000000 thin solid;
}
.setenta9pxAncho {
    width: 79px;
}
.ciento42pxAncho {
    width: 142px;
}
.separaciones_10px {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
}
.ciento2pxAncho {
    width: 102px;
}
.verdana {
    font-family:Arial;
}
.cuarenta1pxAlto {
    height: 41px;
}
.separacionpb_10px {
    padding-bottom: 10px;
    
}
/*------------------------------------------------------------
    16PDF2
    --------------------------------------------------------*/
.docientos25pxAncho {
    width: 225px;
}
.borde_330033 {
    border-right: #330033 1px solid;
    border-top: #330033 1px solid;
    border-left: #330033 1px solid;
    border-bottom: #330033 1px solid;
}
.veinti5pxAncho {
    width: 25px;
}
.borde_cccccc {
    border-right: #cccccc thin solid;
    border-top: #cccccc thin solid;
    border-left: #cccccc thin solid;
    border-bottom: #cccccc thin solid;
}
.veiti9pxAlto {
    height: 29px;
}
.borde_cc2pxsolid {
    border-right: #cccccc 2px solid;
    border-top: #cccccc 2px solid;
    border-left: #cccccc 2px solid;
    border-bottom: #cccccc 2px solid;
}
.magen3_0px {
    margin: 0%;
    margin-top: 0px;
    margin-bottom: 0px;
}
/*------------------------------------------------------
    APVINTER.ASPX
    ----------------------------------------------------*/
.setecientos20pxAncho {
    width: 720px;
}
.borde_grove {
    border: groove;
}
.borde_double {
    border: double;
}
/*---------------------------------------------------------------
    APVINTERSUSRESULT.ASPX
    -------------------------------------------------------*/
.topmenos11px {
    top: -11px;
}
.ceropxIzquierda {
    left: 0px;
}
.bordeWidth_thick {
    border-width: thick;
}
.topDospx {
    top: 2px;
}
/*-----------------------------------------------------------
    CALIFICAAPES.ASPX
    ---------------------------------------------------------*/
.separacionIzquierda40px {
    padding-left: 40px;
}
/*----------------------------------------------------------------
    CALIFICADORPACI.ASPX
    ---------------------------------------------------------*/
.cuarenta5porAncho {
    width: 45%;
}

.margen01000 {
    margin: 0%;
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: 0%;
}
/*------------------------------------------------------------
    CALIFICAEVALCOGNYENT.ASPX
    ---------------------------------------------------------*/
.seisientos2pxAncho {
    width: 602px;
}
/*----------------------------------------------------------------
    EHON.ASPX
    ---------------------------------------------------------*/
.sesenta5porAncho {
    width: 65%;
}
/*------------------------------------------------------------
    GRAFICAAPV_AGPV.ASPX
    --------------------------------------------------------*/
.SeparacionIzquierda92px {
    left: 92px;
}
.margen10por {
    margin: 10%;
}
.margen_050 {
    margin-bottom: 0px;
    margin-right: 5%;
    margin-top: 0px;
}
.sesenta3pxAlto {
    height: 63px;
}
/*-----------------------------------------------------------------
    GRAFICACLEAVER-ASPX
    -------------------------------------------------------*/
.margen5por {
    margin: 5%;
}
.margen3_555 {
    margin-bottom: 5px;
    margin-top: 5px;
    margin-right: 5%;
}
.trecientos48pxAncho {
    width: 348px;
}
/*--------------------------------------------------------
    GRAFICACLEAVERINTER.ASPX
    --------------------------------------------------------*/
.ciento58pxAncho {
    width: 158px;
}
.docientos84pxAncho {
    width: 284px;
}
.ochenta4pxAncho {
    width: 84px;
}
.margen4_1001010 {
    margin: 10%;
    margin-bottom: 0px;
    margin-top: 10px;
    margin-right: 10%;
}
.fuente9pt {
    font-size: 9pt;
}
/*----------------------------------------------------
    GRAFICADOMINOS.ASPX
    -------------------------------------------------------*/
.margen_10100 {
    MARGIN: 10px 10% 0px;
}
.fuente10pt {
    font-size: 10pt;
}
.sesenta7por {
    width: 67%;
}
.treita9pxAlto {
    height: 39px;
}
.ochenta3porAncho {
    width: 83%;
}
.topmenos4px {
    top: -4px;
}
/*---------------------------------------
    GRAFICADOMINOSINTER.ASPX
    --------------------------------------------------*/
.margen_30px {
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 30px;
    margin-top: 30px;
}
/*----------------------------------------------------------
    GRAFICAGORDONINTER.ASPX
    --------------------------------------------------*/
.Izquierda2797px {
    left: 297px;
}
.top8px {
    top: 8px;
}
/*---------------------------------------------------------------
    GRAFICALUSHER.ASPX
    ----------------------------------------------------------*/
.setecientos65pxAncho {
    width: 765px;
}
.docientos40pxAncho {
    width: 240px;
}
.cincuenta5pxAlto {
    height: 55px;
}
/*----------------------------------------------------------------
    GRAFICANHERRMANN.ASPX
    -----------------------------------------------------*/
.ochenta1pxAncho {
    width: 81px;
}
.quinientos84pxAncho {
    width: 584px;
}
.quinientos45pxAncho {
    height: 545px;
}
/*---------------------------------------------------------------
   GRAFICANHERRMANNINTER.ASPX
    ------------------------------------------------------------ */
.cienAltopor {
    height: 100%;
}
.seisientos5pxAncho {
    width: 605px;
}
/*----------------------------------------------------------------
    GRAFICAREVEN.ASPX
    -----------------------------------------------------*/
.SeparacionIzquierda27px {
    padding-left: 27px;
}
/*--------------------------------------------------------------
    GRAFICATERMAN.ASPX
    ----------------------------------------------------------*/
.cincuentaporAlto {
    height: 50%;
}
.tamaño13px {
    font-size: 13px;
}
.separacionIzquierda100px {
    padding-left: 100px;
}
.separacionIzquierda140px {
    padding-left: 140px;
}
.diezporAlto {
    height: 10%;
}
.veinteporAlto {
    height: 20%;
}
.borde_solido1 {
    border-right: #000000 1px solid;
    border-top: #000000 1px solid;
    border-left: #000000 1px solid;
    border-bottom: #000000 1px solid;
}
.ciento82pxAncho {
    width: 182px;
}
.SeparacionIzquierda7px {
    padding-left: 7px;
}
.top5 {
    top: 5px;
}
/*-------------------------------------------------------------
    KOSTICK.ASPX
    -------------------------------------------------------*/
.margen7por {
    margin: 7%;
}
.margen_top10px {
    margin-top: 10px;
}
.margen_bottom20px {
    margin-bottom: 20px;
}
.margen3_10200 {
    margin: 10%;
    margin-top: 20px;
    margin-bottom: 0px;
}
.margen4_1000 {
    margin: 10%;
    margin-top: 0px;
    margin-bottom: 0px;
}
.margem5_102020 {
    margin: 10%;
    margin-top: 20px;
    margin-bottom: 20px;
}
/*------------------------------------------------------------
    LUSCHER.ASPX
    --------------------------------------------------------*/
.sesenta5pxAncho {
    width: 65px;
}
.sesenta1pxAncho {
    width: 61px;
}
.sesenta2pxAncho {
    width: 62px;
}
.sesenta3pxAncho {
    width: 63px;
}
.sesenta4pxAncho {
    width: 64px;
}
/*------------------------------------------------------------
    MINISTACKEDBAR.ASPX
    -----------------------------------------------------*/
.Izquierdamenos6px {
    left: -6px;
}
.mil40pxAncho {
    width: 1040px;
}
.topmenos109px {
    top: -109px;
}
.mil37pxAncho {
    width: 1037px;
}
.Izquierdamenos4px {
    left: -4px;
}
.ochosientos80pxAncho {
    width: 880px;
}
.milxancho {
    width: 1000px;
}

.mil200pxAncho {
    width: 1200px;
}
.topmenos111px {
    top: -111px;
}
.tresporAncho {
    width: 3%;
}
.veinti4porAncho {
    width: 24%;
}
.diesisietepunto5porAncho {
    width: 17.5%;
}
.veinti3porAncho {
    width: 23%;
}
/*----------------------------------------------------------
    REPORTECOMPETENCIAS.ASPX
    -------------------------------------------------------*/
.Treinta4porAncho {
    width: 34%;
}

/*--------------------------------------------------------------
    LEERARCHIVOUPLOAD.ASPX
    -------------------------------------------------------*/
.veinti4pxAlto {
    height: 24px;
}
.cuarentay44pxAlto {
    height: 44px;
}
.Alineacion_Vertical_Bottom {
    vertical-align: bottom;
}
.sesenta6pxAnlto {
    height: 66px;
}
/*--------------------------------------------------------------
    LEEREXAPSICO.ASPX
    -----------------------------------------------------*/
.bodypsico {
    text-align: center;
    padding-top: 0px;
    vertical-align: text-top;
    background-image: url(../imagenes/fondo2.png);
    background-repeat: repeat-x;
}
.setecientos80pxAncho {
    width: 780px;
}
.padding_top {
    padding-top: 0px;
}
.vertical_alin_text_top {
    vertical-align: text-top;
}
.back_contenido_jpg {
    background-image: url(../imagenes/back_contendido.jpg);
}
.rgb46 {
    font-size: large;
    width: 100%;
}
.rgb462 {
    font-size: large;
}
/*-------------------------------------------------------------
    REPORTEPERFILPUESTO.ASPX
    ---------------------------------------------------------*/

/*--------------------------------------------------------
    EXAMEN.ASPX
    -------------------------------------------------------*/
.docientos22pxAncho {
    WIDTH: 222px;
}
.estilo_borde_none {
    border-style: none;
}
/*----------------------------------------------------------
    PREGUNTA.ASPX
    -----------------------------------------------------*/
.cuatrocientos10pxAncho {
    WIDTH: 410px;
}
.cincuenta5pxAncho {
    width: 55px;
}
.trecientos22pxAncho {
    WIDTH: 322px;
}
.ciento60pxAncho {
    WIDTH: 160px;
}
.borde1pxsolidccc {
    border: 1px solid #ccc;
}
/*-----------------------------------------------------------
    COMPETENCIAS.ASPX
    --------------------------------------------------*/
.quinientos50pxAncho {
    width: 550px;
}
.ciento61pxAncho {
    width: 161px;
}
.margen0px {
    margin: 0px;
}
.padding_right_12px {
    padding-right: 15px;
}
.borde_color_000000 {
    border-color: #000000;
}/*----------------------------------------------------
     MASTERPAGE.MASTER
     --------------------------------------------------*/
.veiti22pxAncho {
    width: 22px;
}
.posicion_fixed {
    position: fixed;
}
.derecha_20px {
    right: 20px;
}
.bottom40px {
    bottom: 40px;
}
/*-------------------------------------------------------
    MASTERPAGESMACCESO.MASTER
    ------------------------------------------------------*/
.bottom7px {
    bottom: 7px;
}
.left7px {
    left: 7px;
}
.padding_left_16px {
    padding-left: 16px;
}
.cuarenta6porAncho {
    width: 46%;
}
.margin2222px {
    margin: 2px 2px 2px 2px;
}
.right50px {
    right: 50px;
}
.bordemix {
    border-color: #000000 #000000 #000000 #000000;
    border-style: solid solid solid solid;
    border-width: 1px 1px 1px 1px;
}
.bordemix3 {
    border-color: #000000 #000000 #000000;
    border-style: solid solid solid;
    border-width: 1px 1px 1px;
}
/*----------------------------------------------------------
    ACCESOSC.ASPX
    ------------------------------------------------------*/
.superior2 {
    background-image: url(../imagenes/login/superior.jpg);
    background-repeat: repeat-x;
}
.fuente15px {
    font-size: 15px;
}
.padding_10550px {
    padding: 10px 5px 5px 0px;
}
.display_block {
    display: block;
}
.cursor_default {
    cursor: default;
}
.lateral_derecha2 {
    background-image: url(../imagenes/login/lateralDer.jpg);
    background-repeat: repeat-y;
    width: 23px;
}
.ezqinfizq2 {
    background-image: url(../imagenes/login/punta4.jpg);
    background-repeat: no-repeat;
}
.inferior2 {
    background-image: url(../imagenes/login/inferior.jpg);
    background-repeat: repeat-x;
}
.ezqinfder2 {
    background-image: url(../imagenes/login/punta3.jpg);
    background-repeat: no-repeat;
}
/*------------------------------------------------------------
    ASIGNAPERFIL.ASPX
    -----------------------------------------------------*/
.seisientos58pxAncho {
    width: 658px;
}
.border_width_thin {
    border-width: thin;
}
.veinti22porAncho {
    width: 22%;
}
/*---------------------------------------------------------
    BITACORA.ASPX
    --------------------------------------------------------*/
.margin_top45px {
    margin-top: 45px;
}
.padding_right20px {
    padding-right: 20px;
}
/*---------------------------------------------------------
    HABILITAUSUARIOS.ASPX
    --------------------------------------------------*/
.doceporAncho {
    width: 12%;
}
.ciento10porAncho {
    width: 110%;
}
.onceporAncho {
    width: 11%;
}
/*-------------------------------------------------------------
    LICENCIAMIENTP.ASPX
    -------------------------------------------------------*/
.veinti8porAncho {
    width: 28%;
}

/*------------------------------------------------------------
    PAGINAERROR.ASPX
    ------------------------------------------------------*/
.margin_0200 {
    margin: 0%;
    margin-top: 20px;
    margin-bottom: 0px;
}
/*--------------------------------------------------------------
    REGISTRO.ASPX
    -----------------------------------------------------------*/
.font_size14pt {
    font-size: 14pt;
}
/*--------------------------------------------------------------
    REGISTRO_ext.aspx
    ---------------------------------------------------------*/
.ochenta9porAncho {
    width: 89%;
}
.ciento71pxAncho {
    width: 171px;
}
/*-----------------------------------------------------------
    MP.MASTER
    ----------------------------------------------------*/
.bordess2 {
    border-color: #000000;
    border-style: solid;
    border-width: 1px;
}
/*-------------------------------------------------------------
    BUSCAPERSONAS.ASPX
    ------------------------------------------------------*/
.ochenta6porAncho {
    width: 86%;
}
.catorceporAncho {
    width: 14%;
}
.trecepxAncho {
    width: 13px;
}
/*-----------------------------------------------------------
    CALENDARIOTBX.ASPX
    -------------------------------------------------------*/
.trecientos60pxAlto {
    height: 360px;
}
.treinta33pxAncho {
    width: 33px;
}
/*-------------------------------------------------------
    DATOSGEN.ASPX
    ---------------------------------------------------*/
.ciento17pxAncho {
    width: 117px;
}
.seisporAncho {
    width: 6%;
}
.docientos15pxAncho {
    width: 215px;
}
/*--------------------------------------------------------
    DATOSPERAIMAGENES.ASPX
    -------------------------------------------------------*/
.docientos25pxAnchoDPIMG {
    width: 525px;
}
.font_size_14px {
    font-size: 14px;
}
/*------------------------------------------------------------
    REGISTROCDI.ASPX
    ------------------------------------------------*/
.padding_bottom_5px {
    padding-bottom: 5px;
}
.padding_top_5px {
    padding-top: 5px;
}
.border_style_double {
    border-style: double;
}
.docientos24pxAncho {
    width: 224px;
}
.docientos30pxAncho {
    width: 230px;
}
.border_top_style_double {
    border-top-style: double;
}
.border_right_style_double {
    border-right-style: double;
}
.BORDER_LEFT_STYLE_double {
    BORDER-LEFT-STYLE: double;
}
.BORDER_BOTTOM_STYLE_double {
    BORDER-BOTTOM-STYLE: double;
}
.borde_double2 {
    BORDER-TOP-STYLE: double;
    BORDER-RIGHT-STYLE: double;
    BORDER-LEFT-STYLE: double;
    BORDER-BOTTOM-STYLE: double;
}
.cuatroporAncho {
    width: 4%;
}
.noventa8pxAncho {
    width: 98px;
}
.ciento89pxAncho {
    WIDTH: 189px;
}
.ciento75pxAncho {
    WIDTH: 175px;
}
.cetenta8pxAncho {
    WIDTH: 78px;
}
.veinti7porAncho {
    WIDTH: 27%;
}
/*---------------------------------------------------------
    REGISTROSIMPLE.ASPX
    -----------------------------------------------------*/
.cincuenta1pxAlto {
    height: 51px;
}
/*--------------------------------------------------------
    REGPERVACANTECONVOCATORIA.ASPX
    -----------------------------------------------------*/
.seisientos62pxAncho {
    WIDTH: 662px;
}
.nuevepxAncho {
    WIDTH: 9px;
}
.ciento16porAncho {
    WIDTH: 116%;
}
/*------------------------------------------------
    REPORTEESTADISTICO.ASPX
   ---------------------------------------------------- */
.padding_right_30px {
    padding-right: 30px;
}
/*----------------------------------------------------------
    REPORTEESTTALENTO.ASPX
    ----------------------------------------*/
.padding_2px_5px {
    padding: 2px 5px;
}
.ciento77pxAncho {
    width: 177px;
}
.padding_left_19px {
    padding-left: 19px;
}
/*--------------------------------------------------------
    REPORTEINTEGRAL.ASPX
    ------------------------------------------------*/
.border_width_0px {
    border-width: 0px;
}
.seisientos81pxAncho {
    width: 681px;
}
.margin_left_0px {
    margin-left: 0px;
}
.ciento91pxAncho {
    width: 191px;
}
/*--------------------------------------------------------
    REPORTEINTEGRAL2.ASPX
    ---------------------------------------------*/
.padding_left_3px {
    padding-left: 3px;
}
.cuatrocientos18pxAncho {
    width: 418px;
}
.trecientos17pxAncho {
    width: 317px;
}
.margin_top_2px {
    margin-top: 2px;
}
.ciento11pxAncho {
    width: 111px;
}
.cuatrocientos80pxAncho {
    width: 480px;
}
.left_100px {
    left: 100px;
}
.top_20px {
    top: 20px;
}
/*---------------------------------------------------------
    SECCION.ASPX
    -----------------------------------------------*/
.width_192px {
    width: 192px;
}
/*-------------------------------------------------------------
    COMPARACION.ASPX
    -----------------------------------------------------*/
.gato {
    background-color: #;
}
.padding_left_55px {
    padding-left: 55px;
}
/*-------------------------------------------------------------
    REPORTE.ASPX
    -----------------------------------------------------*/
.width_353px {
    width: 353px;
}
/*----------------------------------------------------------
    REPORTEVERRESULTADO.ASPX
    --------------------------------------------------------*/
.border_solid_1px_#333333 {
    border: solid 1px #333333;
}
.padding_3px {
    padding: 3px;
}
.margin_3px {
    margin: 3px;
}
.seisientos86pxAncho {
    width: 686px;
}
.trecientos86pxAlto {
    height: 386px;
}
/*---------------------------------------------------------
    SELECCIONDOS.ASPX
    ---------------------------------------------------*/
.trecientos33pxAncho {
    width: 333px;
}
.ciento88pxAncho {
    width: 188px;
}
.sesenta9542pxAncho {
    width: 69542px;
}
.novecientospxAncho {
    width: 900px;
}
.quinientos58pxAncho {
    width: 558px;
}
.trecientos14pxAncho {
    width: 314px;
}
.cuarenta8497pxAncho {
    width: 48497px;
}
.cuatrocientos67pxAncho {
    width: 467px;
}
.treinta8pxAlto {
    height: 38px;
}
.padding_left_15px {
    padding-left: 15px;
}
/*------------------------------------------------------------
    ALTACONVOCATORIAS.ASPX
    --------------------------------------------------------*/
.ciento1porAncho {
    WIDTH: 101%;
}
/*-------------------------------------------------------------
    LOADING.ASPX
    --------------------------------------------------------*/
/*-----------------------------------------------------------
    CONSULTA.ASPX
    ------------------------------------------------------*/
.overflow_hidden {
    overflow: hidden;
}
.ochentapxAlto {
    height: 80px;
}
.fuentes {
    font-family:Arial;
}
.margin_2px_0_0 {
    margin: 2px 0 0;
}
.padding_2px_0_0 {
    padding: 2px 0 0;
}
.padding_2px_0_0_16px {
    padding: 2px 0 0 16px;
}
.padding_2px_0_0_13px {
    padding: 2px 0 0 13px;
}
.font_size_8_5pt {
    font-size: 8.5pt;
}
.margin_0_10px_0_0 {
    margin: 0 10px 0 0;
}
.padding_left_30px {
    padding-left: 30px;
}
.padding_left_60por {
    padding-left: 60%;
}
.padding_right_30por {
    padding-right: 30%;
}
.padding_left_9px {
    padding-left: 9px;
}
/*.borde_Sistema {
    border-style: solid;
}*/
.margin_top_35px {
    margin-top: 35px;
}
.campo_cdi {
    background-color: silver;
}
.barra_menu {
    background-color: rgb(22,160,219);
    height: 5px;
    width: 100%;
    text-align:right;
}
.padding_left_55por {
    padding-left: 55%;
}
.accesobordes {
    border: 1px solid black;
    border-spacing: 7px;
    border-collapse: separate;
}
.Anchonuevepor {
    width: 9%;
}
.color_white {
    color: white;
}

.menu-fijo {
	position: fixed;
	top: 0px;
	width: 100%;
    left: 0px;
}
.cerrarSesion-fijo {
	color: white;
    position: fixed;
    right: 5px;
    top: 4px;
}
.nombreSesion-fijo {
	color: white;
    position: fixed;
    left: 80%;
    top: 4px;
}

.divPiePaginaInterno {
    width:100%;
    position:fixed;
    bottom:0px;
    padding: 2px;
}

.divPiePaginaInterno table {
    width:100%;
}
.divPiePaginaInterno table version {
    padding-right:10px;
}

/*  .-.-.-.-.-.--.-..-.-. SÓLO LOGIN .-.-.-.-.-.--.-..-.-. */
.input_wrapper_login {
    border-width: 0;
    float: left;
    margin: 0 0 0 -13px;
    position: relative;
    padding-left:137px;
}
.input_wrapper_login.blurred {
    background-position: left -136px;
    padding-left:137px;
}
.input_wrapper_login input {
    cursor: text;
    font-family:19px Arial;
    margin: 0px 0 0 11px;
}
.input_wrapper_login .ghostwriter_input {
    display: none;
    overflow: hidden;
    z-index: 1;
    opacity: 0.2;
    filter: alpha(opacity=20); /* For IE8 and earlier */
}
.filled .ghostwriter_input {
    display: block;
}

.input_wrapper_login label {
    color: #869CB2;
    font-family:Arial;
    font-size: 19px;
    left: 0;
    margin: 2px 0 0 11px;
    padding: 1px 10px 0;
    position: absolute;
    top: 0;
    z-index: 1;
    padding-left:145px;
}
.input_wrapper_login.filled label {
    display: none;
}
.input_wrapper_login.blurred label {
    opacity: 0.4;
}

/* LISTADOS */
.fila1ListElement {
    background-color: rgb(133, 146, 193);
    color: rgb(0,0,0);
}
.fila2ListElement {
    background-color: rgb(209, 213, 237);
    color: rgb(0,0,0);
}


.FooterColor {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 21px;
    height: 16px;
}


.FooterColor1 {
    background-color:rgb(0,104,71);
    height:40%;
    display:block;
}


.FooterColor2 {
     background-color:rgb(255,255,255);
    height:20%;
      display:block;
}


.FooterColor3 {
     background-color:rgb(206,17,38);
    height:40%;
      display:block;
}

.margen-25px{
    margin: -25px;
}

.margen25px {
    margin: 25px;
}