<!-- estilos para tablas -->
.tabla {
    BACKGROUND-COLOR: #F0F0F0;
}    
.cabecera1 {
    BACKGROUND-COLOR: #000066;    
    COLOR: #FFFFFF; 
    FONT-FAMILY: arial,helvetica,sans-serif; 
    FONT-SIZE: 8pt; 
    FONT-WEIGHT: bold;
    TEXT-ALIGN: center;
    BORDER: #FFFFFF; 
    BACKGROUND-IMAGE: url(../imagenes/titulo.jpg);
    <!-- cambiar por directorio /imagenes-->
}
.cabecera2 {
    BACKGROUND-COLOR: #EEEEDD;    
    COLOR: #000066; 
    FONT-FAMILY: arial,helvetica,sans-serif; 
    FONT-SIZE: 8pt; 
    FONT-WEIGHT: bold;
}

.cabecera2B {
    BACKGROUND-COLOR: #EEEEDD;    
    border-color: black;
    COLOR: #000066; 
    FONT-FAMILY: arial,helvetica,sans-serif; 
    FONT-SIZE: 8pt; 
    FONT-WEIGHT: bold;
    TEXT-ALIGN: center;
}

.fila1 {
    BACKGROUND-COLOR: #F0F0F0;
    COLOR: #000000; 
    FONT-FAMILY: arial,helvetica,sans-serif; 
    FONT-SIZE: 8pt;
    PADDING-LEFT: 5px;
}
.fila2 {
    BACKGROUND-COLOR: #E0E0E0;
    COLOR: #000000; 
    FONT-FAMILY: arial,helvetica,sans-serif; 
    FONT-SIZE: 8pt; 
    PADDING-LEFT: 5px;
}
.fila3 {
    BACKGROUND-COLOR: #EEEEDD;
    COLOR: #000000; 
    FONT-FAMILY: arial,helvetica,sans-serif; 
    FONT-SIZE: 8pt; 
    PADDING-LEFT: 5px;
}

.filaAnulada {
    BACKGROUND-COLOR: #A0A0A0;
    COLOR: #000000; 
    FONT-FAMILY: arial,helvetica,sans-serif; 
    FONT-SIZE: 8pt; 
    PADDING-LEFT: 5px;
}

<!-- estilos para aplicaciones -->

.Leyenda {
    BACKGROUND-COLOR: #F0F0F0;
    COLOR: #000000; 
    FONT-FAMILY: arial,helvetica,sans-serif; 
    FONT-SIZE: 8pt;
    PADDING-LEFT: 5px;
}
<!--tiene que ser igual que leyenda-->
.texto {
    BACKGROUND-COLOR: #F0F0F0;
    COLOR: #000000; 
    FONT-FAMILY: arial,helvetica,sans-serif; 
    FONT-SIZE: 8pt;
    PADDING-LEFT: 5px;
}
.input {
        COLOR: #747474; 
        FONT-FAMILY: Tahoma, Sans-serif, Verdana, Arial; 
        FONT-SIZE: 11px; 
        BORDER: solid 1px; 
        BORDER-COLOR: #5F5F5F; 
        BACKGROUND: #EBEBEB;
}
.td_label {
    COLOR: #000000;
    FONT-FAMILY: arial,helvetica,sans-serif; 
    FONT-SIZE: 10pt; 
    TEXT-ALIGN: left;
    PADDING-LEFT: 5px;
    FONT-WEIGHT: bold;
}
.td_dato_nomina {
    COLOR: #000000;
    FONT-FAMILY: Tahoma, Sans-serif, Verdana, Arial;
    FONT-SIZE: 7pt; 
    TEXT-ALIGN: left;
    PADDING-LEFT: 5px;
    FONT-WEIGHT: none;
}
.td_dato_nomina_importante {
    COLOR: #000000;
    FONT-FAMILY: Tahoma, Sans-serif, Verdana, Arial; 
    FONT-SIZE: 10pt; 
    TEXT-ALIGN: left;
    PADDING-LEFT: 5px;
    FONT-WEIGHT: none;
}


.td_dato {
    COLOR: #0000CC;
    FONT-FAMILY: arial,helvetica,sans-serif; 
    FONT-SIZE: 8pt; 
    TEXT-ALIGN: left;
    PADDING-LEFT: 5px;
    FONT-WEIGHT: bold;
}

.td_dato_importante {
    COLOR: #FF0000;
    FONT-FAMILY: arial,helvetica,sans-serif; 
    FONT-SIZE: 8pt; 
    TEXT-ALIGN: left;
    PADDING-LEFT: 5px;
    FONT-WEIGHT: bold;
}

.td_dato_obligatorio {
    COLOR: RED;
    FONT-FAMILY: arial,helvetica,sans-serif; 
    FONT-SIZE: 8pt; 
    TEXT-ALIGN: left;
    PADDING-LEFT: 5px;
    FONT-WEIGHT: bold;
}

.td_dato_obligatorioR {
    COLOR: RED;
    FONT-FAMILY: arial,helvetica,sans-serif; 
    FONT-SIZE: 8pt; 
    TEXT-ALIGN: right;
    FONT-WEIGHT: bold;
}

.vinculo {
    COLOR: #000000; 
    FONT-FAMILY: arial,helvetica,sans-serif; 
    FONT-SIZE: 10pt;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none;
}
.td_frame {
        COLOR: BLUE; 
        FONT-FAMILY: Tahoma, Sans-serif, Verdana, Arial; 
        FONT-SIZE: 11px; 
	FONT-WEIGHT: bold;
}

<!-- estilos para botones -->
.boton {
    COLOR: #F08139; 
    FONT-FAMILY: Tahoma, Sans-serif, Verdana, Arial; 
    FONT-SIZE: 11px; 
    BORDER: solid 1px; 
    FONT-WEIGHT: bold;
    BORDER-COLOR: #5F5F5F; 
    BACKGROUND: #ECF2F8;
    HEIGHT: 18px;
}

.botonDestacado {
    COLOR: black;
    FONT-FAMILY: Tahoma, Sans-serif, Verdana, Arial; 
    FONT-SIZE: 11px; 
    BORDER: solid 1px; 
    FONT-WEIGHT: bold;
    BORDER-COLOR: sylver; 
    BACKGROUND: #FFCC00;
    HEIGHT: 18px;
}

<!-- identificacion del usuario logeado -->
.UsuarioConectado {
    COLOR: #000066;
    FONT-FAMILY: arial,helvetica,sans-serif; 
    FONT-SIZE: 8pt; 
    TEXT-ALIGN: left;
    PADDING-LEFT: 5px;
    FONT-WEIGHT: none;
    background-image: url(../menu/imagenesFondo/baseUsuario4.jpg);
}

.DepartamentoActual {
    COLOR: #000066;
    FONT-FAMILY: arial,helvetica,sans-serif; 
    FONT-SIZE: 8pt; 
    TEXT-ALIGN: left;
    PADDING-LEFT: 5px;
    FONT-WEIGHT: bold;
}

.UsuarioMenu {
    background-color: #FFD6AE;
}

.Perfil {
    COLOR: #000000;
    FONT-FAMILY: Times New Roman,Times,serif; 
    FONT-SIZE: 8pt; 
    FONT-WEIGHT: bold;
    background-color: #cccccc;
}

.OpcionDeMenuTitulo2_back {
    COLOR: #000000;
    FONT-FAMILY:  arial,helvetica,sans-serif; 
    FONT-SIZE: 8pt; 
    FONT-WEIGHT: bold;
    background-color: #b7ba95;
}

.OpcionDeMenuTitulo2 {
    COLOR: #000000;
    FONT-FAMILY:  arial,helvetica,sans-serif; 
    FONT-SIZE: 10px;
    FONT-WEIGHT: bold;
    background-color: #b7ba95;
}

.OpcionDeMenuTitulo {
    COLOR: #000020;
    FONT-FAMILY: arial,helvetica,sans-serif; 
    FONT-SIZE: 10px; 
    FONT-WEIGHT: none;
    background-color: #ffeee4;
}

.OpcionDeMenuTituloOver {
    COLOR: #ffffff;
    FONT-FAMILY: arial,helvetica,sans-serif; 
    FONT-SIZE: 10px; 
    FONT-WEIGHT: none;
    background-color: #000099;
}

.OpcionDeMenuTitulo_back {
    COLOR: #000020;
    FONT-FAMILY: arial,helvetica,sans-serif; 
    FONT-SIZE: 9pt; 
    FONT-WEIGHT: none;
    background-color: #ffeee4;
}

.OpcionDeMenuTituloOver_back {
    COLOR: #ffffff;
    FONT-FAMILY: arial,helvetica,sans-serif; 
    FONT-SIZE: 9pt; 
    FONT-WEIGHT: none;
    background-color: #000099;
}

.OpcionDeMenuAplicacion_back {
    COLOR: #ffffff;
    FONT-FAMILY: arial,helvetica,sans-serif; 
    FONT-SIZE: 9pt; 
    FONT-WEIGHT: none;
    background-color: #000099;
}

.OpcionDeMenuAplicacionOver_back {
    COLOR: #ffffff;
    FONT-FAMILY: arial,helvetica,sans-serif;
    FONT-SIZE: 9pt; 
    FONT-WEIGHT: none;
    background-color: #0033ff;
}

.OpcionDeMenuAplicacion {
    COLOR: #ffffff;
    FONT-FAMILY: arial,helvetica,sans-serif; 
    FONT-SIZE: 10px; 
    FONT-WEIGHT: none;
    background-color: #000099;
}

.OpcionDeMenuAplicacionOver {
    COLOR: #ffffff;
    FONT-FAMILY: arial,helvetica,sans-serif;
    FONT-SIZE: 10px; 
    FONT-WEIGHT: none;
    background-color: #0033ff;
}

.MenuBordeSuperior {
   background-color: #000099;
}


.MenuBordeInferior {
   background-color: #000099;
}

.departamento_padre {
    COLOR: #FF0000;
}

.proceso_padre {
    COLOR: #FF0000;
}

.proceso_padre_id {
    COLOR: black;
}

 select
  { COLOR:#000000; FONT: 10px arial,helvetica,sans-serif; FONT-WEIGHT: none; text-decoration: none; background: #E6E6E6; border: 1 solid #999999; } 

  input
  { COLOR:#000000; FONT: 11px arial,helvetica,sans-serif; FONT-WEIGHT: none; text-decoration: none; background: #E6E6E6;} 


@media screen, print { 
   body { font-size: 18pt } 
   h1 { font-size: 24pt; text-transform: uppercase; text-align: center } 
   .stage { font-style: italic } 
   p.stage { text-align: center } 
} 
@media screen { 
   body { font-family: sans-serif } 
   span.speaker { background-color: yellow }
} 
@media print { 
   body { font-family: serif } 
   h1 { page-break-before: always }
   span.speaker { font-weight: bold } 

}

.PortletHeaderColor
{
     background-color: #000066;
}
.RegionNoBorder{}
.RegionBorder
{
border: #000066 1px solid
}
.PageColor
{
     background-color: #FFFFFF;
}

.LeftCurve
{
  background-image: url(/imagenes/portal/FFFFFFl.gif);
  background-repeat: no-repeat;
  background-position: left top;
  background-attachment: scroll;
}
.RightCurve{
  background-image: url(/imagenes/portal/FFFFFFr.gif);
  background-repeat: no-repeat;
  background-position: right top;
  background-attachment: scroll;
}
.PortletBodyColor
{
     background-color: #E7F6FF;
}
.RegionHeaderColor
{
	background-color: #E7F6FF;
	border: #000066 0px solid
}
.PortletSubheaderColor
{
     background-color: #FFFF99;
}
.PortletHeaderText
{
     font-family: Arial, Helvetica;
     font-size: 9pt;
     color: #EEEEDD;
     font-weight: bold ;
}
.PortletHeaderLink
{
     font-family: Arial, Helvetica;
     font-size: 8pt;
     color: #FFFFFF;
}
.PortletSubHeaderText
{
     font-family: Arial, Helvetica;
     font-size: 9pt;
     color: #000000;
     font-weight: bold ;
}
.PortletSubHeaderLink
{
     font-family: Arial, Helvetica;
     font-size: 8pt;
     color: #000000;
}
.PortletHeading1
{
     font-family: Arial, Helvetica;
     font-size: 8pt;
     color: #000066;
     font-weight: bold ;
}
.PortletText1
{
     font-family: Arial, Helvetica;
     font-size: 8pt;
     color: #666666;
}
.PortletHeading2
{
     font-family: Arial, Helvetica;
     font-size: 9pt;
     color: #000066;
}
.PortletText2
{
     font-family: Arial, Helvetica;
     font-size: 8pt;
     color: #000066;
}
.PortletHeading3
{
     font-family: Arial, Helvetica;
     font-size: 7pt;
     color: #000066;
     font-weight: bold ;
}
.PortletText3
{
     font-family: Arial, Helvetica;
     font-size: 7pt;
     color: #000000;
}
.PortletHeading4
{
     font-family: Arial, Helvetica;
     font-size: 7pt;
     color: #000066;
     font-weight: bold ;
}
.PortletText4
{
     font-family: Arial, Helvetica;
     font-size: 9pt;
     color: #000000;
}
.BannerColor
{
     background-color: #FFFFFF;
}
.BannerGreeting
{
     font-family: Arial, Helvetica;
     font-size: 16pt;
     color: #336699;
     font-weight: bold ;
}
.BannerTitle
{
     font-family: Arial, Helvetica;
     font-size: 16pt;
     color: #336699;
     font-weight: bold ;
}
.BannerLink
{
     font-family: Arial, Helvetica;
     font-size: 8pt;
     color: #FF9900;
     font-weight: bold ;
}
.BannerSecondaryLink
{
     font-family: Arial, Helvetica;
     font-size: 8pt;
     color: #FF9900;
     font-weight: bold ;
}
.BannerSecondaryText
{
     font-family: Arial, Helvetica;
     font-size: 8pt;
     color: #FF9900;
     font-weight: bold ;
}
.TabForegroundColor
{
     background-color: #000066;
}
.TabForegroundText
{
     font-family: Arial, Helvetica;
     font-size: 9pt;
     color: #FFFFFF;
     font-weight: bold ;
}
.TabBackgroundColor
{
     background-color: #EEEEDD;
}
.TabBackgroundText
{
     font-family: Arial, Helvetica;
     font-size: 9pt;
     color: #000066;
     font-weight: bold ;
     text-decoration: none;
}
.SubTabBgText{
     font-family: Arial, Helvetica;
     font-size: 9pt;
     color: #EEEEDD;
     font-weight: bold ;
     text-decoration: none;
}
.LeftTabBgSlant
{
  background-image: url(/imagenes/portal/FFFFFFtl.gif);
  background-repeat: no-repeat;
  background-position: left top;
  background-attachment: scroll;
  background-color: #EEEEDD;
}
.LeftTabForeSlant
{
  background-image: url(/imagenes/portal/FFFFFFtl.gif);
  background-repeat: no-repeat;
  background-position: left top;
  background-attachment: scroll;
  background-color: #000066;
}
.LeftSubTab
{
  background-image: url(/imagenes/portal/FFFFFFsl.gif);
  background-repeat: no-repeat;
  background-position: left top;
  background-attachment: scroll;
  background-color: #000066;
}
.RightTabBgCurve{
  background-image: url(/imagenes/portal/FFFFFFtr.gif);
  background-repeat: no-repeat;
  background-position: right top;
  background-attachment: scroll;
  background-color: #EEEEDD;
}
.RightTabForeCurve{
  background-image: url(/imagenes/portal/FFFFFFtr.gif);
  background-repeat: no-repeat;
  background-position: right top;
  background-attachment: scroll;
  background-color: #000066;
}
.RightSubTab{
  background-image: url(/imagenes/portal/FFFFFFsr.gif);
  background-repeat: no-repeat;
  background-position: right top;
  background-attachment: scroll;
  background-color: #000066;
}
.OraWizBannerColor
{
     background-color: #FFFFFF;
}
.OraWizBannerLogo
{
     background-image:url(/imagenes/portal/logo.gif);
}
.OraWizBannerTitle
{
     font-family: Arial, Helvetica, Geneva, sans-serif;
     font-size: 16pt;
     color: #FFFFFF;
     font-weight: bold ;
}
.OraWizBannerLink
{
     font-family: Arial, Helvetica, Geneva, sans-serif;
     font-size: 8pt;
     color: #663300;
}
.OraWizPageColor
{
     background-color: #FFFFFF;
}
.OraBgColorDark
{
     background-color: #336699;
}
.OraGlobalPageTitle
{
     font-family: Arial, Helvetica, Geneva, sans-serif;
     font-size: 11pt;
     color: #FFFFFF;
     font-weight: bold ;
}
.OraBgColorDark1
{
     background-color: #336699;
}
.OraNav1Selected
{
     font-family: Arial, Helvetica, Geneva, sans-serif;
     font-size: 11pt;
     color: #99CCFF;
     font-weight: bold ;
}
.OraBGAccentDark
{
     background-color: #CCCC99;
}
.OraNav1Enabled
{
     font-family: Arial, Helvetica, Geneva, sans-serif;
     font-size: 11pt;
     color: #003366;
     text-decoration: none;
}
.OraHeaderSub
{
     font-family: Arial, Helvetica, Geneva, sans-serif;
     font-size: 16pt;
     color: #336699;
}
.OraHeaderSubSub
{
     font-family: Arial, Helvetica, Geneva, sans-serif;
     font-size: 11pt;
     color: #336699;
     font-weight: bold ;
}
.OraInstructionText
{
     font-family: Arial, Helvetica, Geneva, sans-serif;
     font-size: 10pt;
     color: #000000;
}
.OraInlineInfo
{
     font-family: Arial, Helvetica, Geneva, sans-serif;
     font-size: 8pt;
     color: #336699;
}
.OraFieldText
{
     font-family: Arial, Helvetica, Geneva, sans-serif;
     font-size: 10pt;
     color: #000000;
}
.OraInlineInfo2
{
     font-family: Arial, Helvetica, Geneva, sans-serif;
     font-size: 8pt;
     color: #336699;
     font-weight: bold ;
}
.OraCopyright
{
     font-family: Arial, Helvetica, Geneva, sans-serif;
     font-size: 8pt;
     color: #000000;
}
.OraPrivacy
{
     font-family: Arial, Helvetica, Geneva, sans-serif;
     font-size: 8pt;
     color: #663300;
}
.OraErrorHeader
{
     font-family: Arial, Helvetica, Geneva, sans-serif;
     font-size: 11pt;
     color: #CC0000;
     font-weight: bold ;
}
.OraErrorText
{
     font-family: Arial, Helvetica, Geneva, sans-serif;
     font-size: 10pt;
     color: #000000;
}
.titulo2016_01 {
	font-family: Candara, Calibri, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
	font-size: 26px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 28.6px;
}

.titulo2016_02 {
	font-family: Candara, Calibri, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 28.6px;
  color:rgb(51,153,255);
}
.textoPieIcono {
	font-family: Candara, Calibri, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 28.6px;
  color:black;
}