BODY
{
    BACKGROUND-COLOR: #ffffff;
    bgcolor: #ffffff
}
.usuario
{
    FONT-SIZE: 14px;
    COLOR: #cccccc;
    LINE-HEIGHT: normal;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.obligatorio
{
    FONT: 12px Arial, Helvetica, sans-serif;
    COLOR: #FF7400
}
.normal
{
    FONT: 12px Arial, Helvetica, sans-serif;
    COLOR: #000000
}
.normalNegritaMayuscula
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    TEXT-TRANSFORM: uppercase;
    COLOR: #000000;
    LINE-HEIGHT: normal;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.normalNegrita
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #000000;
    LINE-HEIGHT: normal;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.LetrasPlomas
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    TEXT-TRANSFORM: none;
    COLOR: #999999;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.Cabecera
{
    font-weight: bold;
    font-size: 18px;
    color: #FFFFFF;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #114692;
    font-variant: normal;
}
.CabeceraTabla
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #ffffff;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #92b9d3;
    FONT-VARIANT: normal
}
.FondoPlomo
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #ffffff;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #999999;
    FONT-VARIANT: normal
}
.CabeceraFondoPlomoPrimero
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 16px;
    COLOR: #ffffff;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #999999;
    FONT-VARIANT: normal
}
.CabeceraFondoPlomoSegundo
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #ffffff;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #999999;
    FONT-VARIANT: normal
}
.CabeceraExcel
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 20px;
    COLOR: #ffffff;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #999999;
    FONT-VARIANT: normal
}
INPUT.button
{
    BORDER-RIGHT: 1px solid;
    BORDER-TOP: 1px solid;
    FONT-SIZE: 8pt;
    BACKGROUND: #c4d6e2;
    BORDER-LEFT: 1px solid;
    CURSOR: hand;
    COLOR: #013470;
    BORDER-BOTTOM: 1px solid;
    FONT-FAMILY: verdana, arial, helvetica sans-serif
}
BUTTON
{
	BORDER-RIGHT: 1px solid;
	BORDER-TOP: 1px solid;
	FONT-SIZE: 8pt;
	BACKGROUND: #c4d6e2;
	BORDER-LEFT: 1px solid;
	CURSOR: hand;
	COLOR: #013470;
	BORDER-BOTTOM: 1px solid;
	FONT-FAMILY: verdana, arial, helvetica sans-serif;
}
.busqueda
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #666666;
    LINE-HEIGHT: normal;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #c4d6e2
}
.EdicionTabla
{
    BACKGROUND-COLOR: #f6fbff
}
.textonoeditable
{
    FONT: 12px Arial, Helvetica, sans-serif;
    COLOR: #000000;
    BACKGROUND-COLOR: #cccccc
}
.CuadroDeTxtNoEditable
{
    FONT: 12px Arial, Helvetica, sans-serif;
    COLOR: #999999;
    BACKGROUND-COLOR: #cccccc
}
.Fila
{
    FONT: 12px Arial, Helvetica, sans-serif;
    COLOR: #000000;
    BACKGROUND-COLOR: #ebf1f4
}
.nav
{
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #c4d6e2
}
.navi
{
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #f6fbff
}
.nov
{
    FONT-SIZE: 12px;
    COLOR: #000000;
    TEXT-INDENT: 4px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #c4d6e2
}
.novi
{
    FONT-SIZE: 12px;
    COLOR: #000000;
    TEXT-INDENT: 4px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #ebf1f4
}
.FilaCabecera
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #ffffff;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #336699;
    FONT-VARIANT: normal
}
.Fila1
{
    FONT: 12px Arial, Helvetica, sans-serif;
    COLOR: #000000;
    text-align: left;
    BACKGROUND-COLOR: #f6fbff;

}
.Fila2
{
    FONT: 12px Arial, Helvetica, sans-serif;
    COLOR: #000000;
    BACKGROUND-COLOR: #ebf1f4;
    text-align: left;
}

.Fila3
{
    FONT: 12px Arial, Helvetica, sans-serif;
    COLOR: #000000;
    BACKGROUND-COLOR: #FFFFFF;
    text-align: left;
}
.BordeTabla
{
    BACKGROUND-COLOR: #bcbcbc
}
.MarcoTabla
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #666666;
    LINE-HEIGHT: normal;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #c4d6e2
}
.MarcoPrincipal
{
    BACKGROUND-COLOR: #6487d4
}
.textoalerta
{
    FONT: 12px Arial, Helvetica, sans-serif;
    COLOR: red
}
TABLE.error
{
    COLOR: #cc0000;
    FONT-FAMILY: verdana, arial, helvetica sans-serif;
    BACKGROUND-COLOR: #fff5e5
}
.error .message TD
{
    FONT-SIZE: 8pt
}
.error .header TD
{
    FONT-SIZE: 12pt;
    COLOR: #cc0000;
    BORDER-BOTTOM: #cc0000 1px solid
}
TABLE.information
{
    COLOR: #013470;
    FONT-FAMILY: verdana, arial, helvetica sans-serif;
    BACKGROUND-COLOR: #fff5e5
}
.information .message TD
{
    FONT-SIZE: 8pt
}
.information .header TD
{
    FONT-SIZE: 12pt;
    BORDER-BOTTOM: #013470 1px solid
}
.mensajeError
{
    FONT: 12px Arial, Helvetica, sans-serif;
    COLOR: red
}
.mensajeInformacion
{
    FONT: 12px Arial, Helvetica, sans-serif;
    FONT-WEIGHT: bold;
    COLOR: #356AA0
}
.tituloRojo{
	font-family: "Arial", "Verdana", "Tahoma", "Geneva"; 
	font-size:16px; 
	font-weight: bold;
	color: #B10000;
	TEXT-DECORATION: none 	
}
.favorito
{
    FONT: 12px Arial, Helvetica, sans-serif;
    FONT-WEIGHT: bold;
    COLOR: #356AA0
}


/* Agregados agosto-2020 */
.progress{
    margin-top: 5px;
    width: 150px !important;
    height: 10px !important;
}
#contraActual, #nuevaContra, #confirmContra{
    margin-top: 5px;
    width: 150px !important;
}
#indicaNivel{
    color: black;
    /* color: #cc0000; danger  */
    /* color: #FFC107; warning */
    /* color: #28A745; success */
}
