/**
* @package IPSOFT-SIIS
* @version $Id: style.css,v 1.1 2018/07/30 09:37:07 Andres Exp $
* @copyright (C) 2005 IPSOFT - SA (www.ipsoft-sa.com) 
*/
/**
* Hoja de estilos para la aplicacion
*  
* @package IPSOFT-SIIS
* @version $Revision: 1.1 $
* @copyright (C) 2005 IPSOFT - SA (www.ipsoft-sa.com)
*/
/*table_kernel = Tabla del kernel que enmarca los modulos*/
.table_kernel 
{ 
  font-family: sans_serif, Verdana, helvetica, Arial;
  color: #000000;
  font-size: 10px;
  background-color: #FCB983;
  border-color: #330066;
  padding: 2pt 
}
/*----------------
* BODY
----------------*/
/*ESTE ES EL BODY PARA NO-FRAMES*/
body    
{ 
  font-family: sans_serif, Verdana, helvetica, Arial;
  font-size: 10px;
  color:#000000;
  background: #FFFFFF;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;  
}
/*bodys para estilo FRAME de historia clinica*/
.hc_body    
{ 
  font-family: sans_serif, Verdana, helvetica, Arial;
  font-size: 10px;
  color:#000000;
  margin-left: 0px;
  margin-top: 0px  
}

/*bodys para estilo FRAME del menu*/
.cabecera_body    
{ 
  font-family: sans_serif, Verdana, helvetica, Arial;
  font-size: 10px 
}

/*bodys para estilo FRAME del menu*/
.menu_body    
{ 
  font-family: sans_serif, Verdana, helvetica, Arial;
  font-size: 10px 
}

/*bodys para estilo FRAME de modulos*/
.modulo_body    
{ 
  font-family: sans_serif, Verdana, helvetica, Arial;
  font-size: 10px;
  color:#000000;
  margin-left: 0px;
  margin-top: 0px  
}

.tabla
{
  font-family: sans_serif, Verdana, helvetica, Arial;
  color: #FFFFFF;
  font-size: 10px;
  border-color: #E66B06;
  background-color: #F4F4F4;
}

.tabla_menu
{
  font-family: sans_serif, Verdana, helvetica, Arial;
  color: #000000;
  font-size: 10px;
  border-color: #E66B06;
  background-color:#F8D3A7;
}

.tabla_submenu
{
  font-family: sans_serif, Verdana, helvetica, Arial;
  color: #000000;
  font-size: 10px;
  border-color: #E66B06;
  background-color: #F8F3DF;
}

.titulo_tabla{
                        font-family: sans_serif, Verdana, helvetica, Arial;
                     color: #FFFFFF;
                        text-align: center;
              font-size: 10pt;
                        padding: 5pt;
                        font-weight: bold
            }

.titulo_tabla_l{
                        font-family: sans_serif, Verdana, helvetica, Arial;
                     color: #FFFFFF;
                        text-align: left;
              font-size: 10pt;
                        padding: 5pt;
                        font-weight: bold
            }

.titulo_tabla_r{
                        font-family: sans_serif, Verdana, helvetica, Arial;
                     color: #FFFFFF;
                        text-align: right;
              font-size: 10pt;
                        padding: 5pt;
                        font-weight: bold
            }

.titulo_tabla_menu{
                        font-family: sans_serif, Verdana, helvetica, Arial;
                     color: #FFFFFF;
                        text-align: center;
              font-size: 9pt;
                        padding: 5pt;
                        font-weight: bold
            }
.titulo_tabla_menu_l{
                        font-family: sans_serif, Verdana, helvetica, Arial;
                     color: #FFFFFF;
                        text-align: left;
              font-size: 9pt;
                        padding: 5pt;
                        font-weight: bold
            }

.titulo_tabla_menu_r{
                        font-family: sans_serif, Verdana, helvetica, Arial;
                     color: #FFFFFF;
                        text-align: right;
              font-size: 9pt;
                        padding: 5pt;
                        font-weight: bold
            }

.titulo_tabla_submenu{
                        font-family: sans_serif, Verdana, helvetica, Arial;
                     color: #000FFF;
                        text-align: left;
              font-size: 10px;
                        padding: 5pt;
                        font-weight: bold
            }


/*---------------------------------------------------------------------------------------
* TABLAS HISTORIA CLINICA
---------------------------------------------------------------------------------------*/



/*hc_table para historia clinica*/
.hc_table { font-family: sans_serif, Verdana, helvetica, Arial;
                  color: #000000;
            font-size: 10px;
                    background-color: #FCB983;
                    border-color: #330066;
            /*padding: 2pt */}

/*hc_table_title = Es el estilo para el td Titulo de la Tabla del submodulo*/
.hc_table_title { background-color: #E66B06;
                  font-family: sans_serif, Verdana, helvetica, Arial;
                  text-align: left;
                  font-size: 13px;
                  font-weight: bold;
                  color: #ffffff;
                  text-indent: 11pt }

/*hc_table_submodulo = Tabla del modulo o submodulo que enmarca los datos*/
.hc_table_submodulo { font-family: sans_serif, Verdana, helvetica, Arial;
                                     color: #000000;
                       font-size: 10px;
                                       background-color: #F8F3DF;
                                       border-color: #330066;
                       padding: 2pt }

/*hc_table_submodulo_title = Es el estilo para el td Titulo de la Tabla del submodulo*/
.hc_table_submodulo_title { background-color: #FA9C50;
                            font-family: sans_serif, Verdana, helvetica, Arial;
                            text-align: left;
                            font-size: 13px;
                            font-weight: bold;
                            color: #ffffff;
                            text-indent: 11pt }

/*list= Estilo de la tabla de los listados*/
.hc_table_list {  font-family: sans_serif, Verdana, helvetica, Arial;
                          color: #000545;
                  font-size: 10px;
                          border-color: #00007B;
                  border: 1pt solid;
                  border-width: thin }

/*list_title= Estilo del tr TITULO de los listados*/
.hc_table_list_title {  font-family: sans_serif, Verdana, helvetica, Arial;
                                      font-size: 10px;
                                      font-weight: bold;
                                      text-align: center;
                                      color: #FFFFFF;
                                                background-color: #FA9C50
                                      /*border-collapse :collapse*/
                                                }

/*list_claro = para las filas claras de los listados*/
.hc_list_claro { font-family: sans_serif, sans_serif, Verdana, helvetica, Arial;
                               font-size: 10px;
                               color:#000000;
                               background-color: #f0f0f0 }
.hc_list_claro:hover
{
    background-color: #CCCCCC;
}
/*list_oscuro = para las filas oscuras de los listados*/
.hc_list_oscuro { font-family: sans_serif, sans_serif, Verdana, helvetica, Arial;
                                font-size: 10px;
                                color:#000000;
                                background-color: #DDDDDD }
.hc_list_oscuro:hover
{
    background-color: #CCCCCC;  
}
/*list= Estilo de la tabla de los listados*/
.hc_table_submodulo_list {  font-family: sans_serif, Verdana, helvetica, Arial;
                                                        color: #000000;
                                                        font-size: 10px;
                                                        border-color: #666666;
                                                        border-collapse :collapse !important;
                                                        border: 1pt solid }

/*list_title= Estilo del tr TITULO de los listados*/
.hc_table_submodulo_list_title 
{  
  font-family: sans_serif, sans_serif, Verdana, helvetica, Arial;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  color: #000000;
  background-color: #FEE7D3;
  border-collapse :collapse
}

.hc_table_submodulo_list_justify 
{  
  background-color: #FEE7D3;
  font-family: sans_serif, sans_serif, Verdana, helvetica, Arial;
  text-align: justify;
  font-size: 10px;
  font-weight: bold;
  color: #000000;
  height: 15px;
  border-collapse :collapse;
  border: 1pt solid 
}
/*list_claro = para las filas claras de los listados*/
.hc_submodulo_list_claro {  font-family: sans_serif, sans_serif, Verdana, helvetica, Arial;
                                          font-size: 10px;
                                          color:#000000;
                                          background-color: #DDDDDD }

/*list_oscuro = para las filas oscuras de los listados*/
.hc_submodulo_list_oscuro { font-family: sans_serif, sans_serif, Verdana, helvetica, Arial;
                                          font-size: 10px;
                                          color:#000000;
                                          background-color: #CCCCCC }

/*---------------------------------------------------------------------------------------
* TABLAS MODULOS
*--------------------------------------------------------------------------------------*/

/*hc_table para historia clinica*/
.modulo_table { font-family: sans_serif, Verdana, helvetica, Arial;
                      color: #000545;/*#000980;*/
                font-size: 10px;
                        background-color: #F8F3DF;/*azul */
                                padding: 2pt
                            }


/*hc_table_title = Es el estilo para el td Titulo de la Tabla del submodulo*/
.modulo_table_title { background-color: #FA9C50;/*#0044B9;/*#0055E5*/
                      font-family: sans_serif, Verdana, helvetica, Arial;
                      text-align: left;
                      font-size: 10px;
                      font-weight: bold;
                      color: #ffffff;
                      text-indent: 11pt; }

/*list= Estilo de la tabla de los listados*/
.modulo_table_list {  font-family: sans_serif, Verdana, helvetica, Arial;
                      color: #000545;
                      font-size: 10px;
                      border-color: #00007B;
                                            /*background-color: #D6DFF7;*/
                      /*border-collapse :collapse;*/
                                            border-style :solid;
                                            border-width: thin
                      /*border: 1pt solid*/ }
.profesionalesContainer {
  border: 2px solid #C5850A;
}

/*list= Estilo de la tabla de los listados*/
.modulo_table_list_new{
  font-family: sans_serif, Verdana, helvetica, Arial;
  color: #000545;
  font-size: 10px;
  border-color: #00007B;
  border-style :solid;
  border-width: thin;
}

/*Efecto Hover para la tabla modulo_table_list_new*/
.modulo_table_list_new tr:hover{
  background-color: #FFFFFF !important;
}

/*list_title= Estilo del tr TITULO de los listados*/
.modulo_table_list_title {  background-color:  #E66B06;/*#0044B9;  oscuro*/
                                          font-family: sans_serif, sans_serif, Verdana, helvetica, Arial;
                                          text-align: center;
                                          font-size: 10px;
                                          font-weight: bold;
                                          color: #FFFFFF;
                                                        /*border-collapse :collapse*/

                                          /*border: 1pt solid*/
                                                        /*border-style: solid inset*/
                                                    }


/*franja que acomoda el boton al lado derecho de un listado(esta clase es especial)*/
.modulo_table_button 
{  
  background-color:  #E66B06;/*#0044B9;  oscuro*/
  font-family: sans_serif, sans_serif, Verdana, helvetica, Arial;
  text-align: right;
  font-size: 10px;
  font-weight: bold;
  color: #FFFFFF
}

/*list_claro = para las filas claras de los listados*/
.modulo_list_claro {  font-family: sans_serif, sans_serif, Verdana, helvetica, Arial;
                                    font-size: 10px;
                                    color:#000545;
                                    background-color: #DDDDDD }

/*list_oscuro = para las filas oscuras de los listados*/
.modulo_list_oscuro { font-family: sans_serif, sans_serif, Verdana, helvetica, Arial;
                                    font-size: 10px;
                                    color:#000545;
                                    background-color: #CCCCCC }

.modulo_list_reportes_consulta_externa{ font-family: sans_serif, sans_serif, Verdana, helvetica, Arial;
  font-size: 10px;
  color:#000545;
  background-color: #DDDDDD }


.modulo_list_reportes_consulta_externa tr:hover{
  background-color: #FFFFFF !important;
}
/*---------------------------------------------------------------------------------------
* OTROS ESTILOS
*--------------------------------------------------------------------------------------*/

.agendasab { font-family: sans_serif, Verdana, helvetica, Arial;
                      color: #000000;
                font-size: 10px;
                        background-color: #CCCCCC;
                        border-color: #330066;
                padding: 2pt }

.agendadomfes { font-family: sans_serif, Verdana, helvetica, Arial;
                      color: #000000;
                font-size: 10px;
                        background-color: #FFF8F9;
                        border-color: #330066;
                padding: 2pt }

.modulo_table_calen { background-color: #FA9C50;
                      font-family: sans_serif, Verdana, helvetica, Arial;
                      text-align: center;
                      font-size: 10px;
                      font-weight: bold;
                      color: #ffffff}

.DiaHoy { font-family: sans_serif, Verdana, helvetica, Arial;
                    color: #000000;
                    font-size: 10px;
                    background-color: #B99C59;
                    border-color: #cccccc;
                    border: 1pt solid;
                    border-width: thin
                    }

.DiaHoyUn {font-family: sans_serif, Verdana, helvetica, Arial;
                    color: #000000;
                    font-size: 10px;
                    background-color: #EDDBB0;
                    border-color: #cccccc;
                    border: 1pt solid;
                    border-width: thin
                    }

/*bckground = Estilo de la programacion de agenda de controles*/
.bckground    { background-color: #455E84;
                    font-family: sans_serif, sans_serif, Verdana, helvetica, Arial;
                    text-align: center;
                    font-size: 10px;
                    font-weight: bold;
                    color: #ffffff;
                    border-collapse :collapse
                }

/*resalte = Estilo de la programacion de agenda de controles*/
.resalte    { background-color: #7588A4;
                    font-family: sans_serif, sans_serif, Verdana, helvetica, Arial;
                    text-align: center;
                    font-size: 10px;
                    font-weight: bold;
                    color: #000000;
                    border-collapse :collapse
                }


/*estilo para el resumen de la escla glassGow Bajo = Rojo*/
.GlasgowBajo {
                    font-family: sans_serif, Verdana,helvetica, Arial;
                    font-size: 12px;
                    color: #EF0010; /* color anterior del cambio #9A000A*/
                    font-weight: bold }

/*estilo para el resumen de la escla glassGow Intermedio = Naranja*/
.GlasgowIntermedio {
                    font-family: sans_serif, Verdana,helvetica, Arial;
                    font-size: 12px;
                    color: #A46B00;   /*color anterior del cambio #E09200*/
                    font-weight: bold }

/*estilo para el resumen de la escla glassGow Alto = amarillo*/
.GlasgowAlto {
                    font-family: sans_serif, Verdana,helvetica, Arial;
                    font-size: 12px;
                    color: #FFF700; /* color anterior del cambio #F6F39D*/
                    font-weight: bold }
/*---------------------------------------------------------------------------------------
* FUENTES
*--------------------------------------------------------------------------------------*/

/*normal_10 = Es el estilo para las fuentes de tamaño 10*/
.usuario{  font-family:sans_serif, Verdana, helvetica, Arial;
                        font-size: 10px;
                        color: #FFFFFF;
                        font-weight: bold }

/*normal_10 = Es el estilo para las fuentes de tamaño 10 y color negra*/
.normal_10{  font-family:sans_serif, Verdana, helvetica, Arial;
                        font-size: 10px;
                        color: #000000 }

/*normal_10N = Es el estilo para las fuentes de tamaño 10 negra y negrita*/
.normal_10N{  font-family:sans_serif, Verdana, helvetica, Arial;
                        font-size: 10px;
                        color: #000000;
                        font-weight: bold }

/*normal_10A = Es el estilo para las fuentes de tamaño 10 y color azul*/
.normal_10A{  font-family:sans_serif, Verdana, helvetica, Arial;
                        font-size: 10px;
                        color: #000980 }

/*normal_10AN = Es el estilo para las fuentes de tamaño 10 azul y negrita*/
.normal_10AN{  font-family:sans_serif, Verdana, helvetica, Arial;
                        font-size: 10px;
                        color: #000980;
                        font-weight: bold }

/*normal_10_menu = Es el estilo para las fuentes de tamaño 10*/
.normal_10_menu{  font-family:sans_serif, Verdana, helvetica, Arial;
                        font-size: 10px;
                        color: #536CB0 }

/*normal_10N_menu = Es el estilo para las fuentes de tamaño 10*/
.normal_10N_menu{  font-family:sans_serif, Verdana, helvetica, Arial;
                        font-size: 10px;
                        color: #536CB0;
                        font-weight: bold }

/*normal_09 = Es el estilo para las fuentes de tamaño 10*/
.normal_09{  font-family:sans_serif, Verdana, helvetica, Arial;
                        font-size: 9px;
                        color: #000980 }

/*normal_09N = Es el estilo para las fuentes de tamaño 10*/
.normal_09N{  font-family:sans_serif, Verdana, helvetica, Arial;
                        font-size: 9px;
                        color: #000980;
                        font-weight: bold }

/*normal_09_menu = Es el estilo para las fuentes de tamaño 10*/
.normal_09_menu{  font-family:sans_serif, Verdana, helvetica, Arial;
                        font-size: 9px;
                        color: #536CB0 }

/*normal_09N_menu = Es el estilo para las fuentes de tamaño 10*/
.normal_09N_menu{  font-family:sans_serif, Verdana, helvetica, Arial;
                        font-size: 9px;
                        color: #536CB0;
                        font-weight: bold }

/*normal_11 = Es el estilo para las fuentes de tamaño 10*/
.normal_11{  font-family:sans_serif, Verdana, helvetica, Arial;
                        font-size: 11px;
                        color: #000980 }

/*normal_11N = Es el estilo para las fuentes de tamaño 10*/
.normal_11N{  font-family:sans_serif, Verdana, helvetica, Arial;
                        font-size: 11px;
                        color: #000980;
                        font-weight: bold }

/*normal_11_menu = Es el estilo para las fuentes de tamaño 10*/
.normal_11_menu{  font-family:sans_serif, Verdana, helvetica, Arial;
                        font-size: 11px;
                        color: #536CB0 }

/*normal_11N_menu = Es el estilo para las fuentes de tamaño 10*/
.normal_11N_menu{  font-family:sans_serif, Verdana, helvetica, Arial;
                        font-size: 11px;
                        color: #536CB0;
                        font-weight: bold }


/*Cliente = Es el estilo del tiltulo del la cabecera con el nombre del cliente*/
.Cliente {  font-family:sans_serif, Verdana, helvetica, Arial;
                        font-size: 15px;
                        color: #FFFFFF;
                        font-weight: bold }

/*label = Es el estilo para los label's de los campos de los modulos o submodulos*/
.label { font-family: sans_serif, Verdana, helvetica, Arial;
                 font-size: 10px;
                 color: #000000;
                 font-weight: bold }
.portabilidad {

  font-family: sans_serif, Verdana, helvetica, Arial;
                 font-size: 10px;
                 color: #E27719;
                 font-weight: bold;
}
/*label_error = Es el estilo para cambiar el color del label, indicando el error*/
.label_error { font-family: sans_serif, Verdana,helvetica, Arial;
                             font-size: 10px;
                             color: #FF0000;
                             font-weight: bold }

  /*titulo_error = Es el estilo del tiltulo de los errores en color rojo*/
.label2_error {  font-family:sans_serif, Verdana, helvetica, Arial;
            font-size: 14px;
            color: #FF0000;
            font-weight: bold }

/*label_mark = Es el estilo para cambiar el color del label, generandolo como marca*/
.label_mark { font-family: sans_serif, Verdana,helvetica, Arial;
                             font-size: 10px;
                             color: #4D6EAB;
                             font-weight: bold }

/*titulo_error = Es el estilo del tiltulo de los errores*/
.titulo1 {  font-family:sans_serif, Verdana, helvetica, Arial;
                        font-size: 16px;
                        color: #000000;
                        font-weight: bold }

/*titulo_error = Es el estilo del tiltulo de los errores*/
.titulo2 {  font-family:sans_serif, Verdana, helvetica, Arial;
                        font-size: 14px;
                        color: #000000;
                        font-weight: bold }

/*titulo_error = Es el estilo del tiltulo de los errores*/
.titulo3 {  font-family:sans_serif, Verdana, helvetica, Arial;
                        font-size: 14px;
                        color: #000BA6;
                        font-weight: bold }

/*titulo_error = Es el estilo del tiltulo de los errores*/
.titulo1_error {  font-family: sans_serif, Verdana, helvetica, Arial;
                                  font-size: 16px;
                                  color: maroon;
                                  font-weight: bold }
/*titulo_error = Es el estilo del tiltulo de los errores*/
.titulo2_error {  font-family: sans_serif, Verdana, helvetica, Arial;
                                  font-size: 16px;
                                  color: maroon;
                                  font-weight: bold }
/*titulo_error = Es el estilo del tiltulo de los errores*/                                  
.titulo3_error {  font-family: sans_serif, Verdana, helvetica, Arial;
                                  font-size: 14px;
                                  color: #FF0000;
                                  font-weight: bold }        
                                                            
/*Estilo para las alertas en enfermeria => color rojo*/
.alerta { font-family: sans_serif, Verdana,helvetica, Arial;
                    font-size: 10px;
                    color: #FF0000;
                    font-weight: bold }

/*field = Estilo de los fieldset*/
.field    { font-family: Verdana,helvetica, Arial;
                    font-size: 11px;
                    color: #000000;
                    font-weight: bold;
                    text-indent: 11px }


/*---------------------------------------------------------------------------------------
* ENLACES
---------------------------------------------------------------------------------------*/

/*hc pestañas
*/

.hcLink { font-family: sans_serif, Verdana, helvetica, Arial; color: #ffffff; font-size: 10px; text-decoration: none }
a.hcLink:link { font-family: sans_serif, Verdana, helvetica, Arial; color: #ffffff; font-size: 10px; text-decoration: none }
a.hcLink:active { font-family: sans_serif, Verdana, helvetica, Arial; color: #AAC4E4; font-size: 10px; text-decoration: none }
a.hcLink:visited { font-family: sans_serif, Verdana, helvetica, Arial; color: #ffffff; font-size: 10px; text-decoration: none }
a.hcLink:hover { font-family: sans_serif, Verdana, helvetica, Arial; color: #AAC4E4; font-size: 10px; text-decoration: none }

.hcPaciente { font-family: sans_serif, Verdana, helvetica, Arial; color: #ffffff; font-weight: bold; font-size: 14px; text-decoration: none }
a.hcPaciente:link { font-family: sans_serif, Verdana, helvetica, Arial; color: #ffffff; font-weight: bold; font-size: 14px; text-decoration: none }
a.hcPacienteLink:active { font-family: sans_serif, Verdana, helvetica, Arial; color: #ffffff; font-weight: bold; font-size: 14px; text-decoration: none }
a.hcPaciente:visited { font-family: sans_serif, Verdana, helvetica, Arial; color: #ffffff; font-weight: bold; font-size: 14px; text-decoration: none }
a.hcPaciente:hover { font-family: sans_serif, Verdana, helvetica, Arial; font-weight: bold; color: #ffffff; font-size: 14px; text-decoration: none }

.hcLinkClaro { font-family: sans_serif, Verdana, helvetica, Arial; color: #d53c29; font-size: 10px; text-decoration: none }
a.hcLinkClaro:link { font-family: sans_serif, Verdana, helvetica, Arial; color: #d53c29; font-size: 10px; text-decoration: none }
a.hcLinkClaro:active { font-family: sans_serif, Verdana, helvetica, Arial; color: #d53c29; font-size: 10px; text-decoration: none }
a.hcLinkClaro:visited { font-family: sans_serif, Verdana, helvetica, Arial; color: #d53c29; font-size: 10px; text-decoration: none }
a.hcLinkClaro:hover { font-family: sans_serif, Verdana, helvetica, Arial; color: #d53c29; font-size: 10px; text-decoration: none }



.Menu { font-family: sans_serif, Verdana, helvetica, Arial; color: #000066; font-size: 10px; text-decoration: none }
a.Menu:link { font-family: sans_serif, Verdana, helvetica, Arial; color: #000066; font-size: 10px; text-decoration: none }
a.Menu:active { font-family: sans_serif, Verdana, helvetica, Arial; color: #000066; font-size: 10px; text-decoration: none }
a.Menu:visited { font-family: sans_serif, Verdana, helvetica, Arial; color: #000066; font-size: 10px; text-decoration: none }
a.Menu:hover { font-family: sans_serif, Verdana, helvetica, Arial; color: #ffffff; font-size: 10px; text-decoration: none }
.MenuNoLink  { font-family: sans_serif, Verdana, helvetica, Arial; color: #dddddd; font-size: 10px; text-decoration: none }


.Resalte { font-family: sans_serif, Verdana, helvetica, Arial; color: #000066; font-size: 10px; text-decoration: none }
a.Resalte:link { font-family: sans_serif, Verdana, helvetica, Arial; color: #4D6EAB; font-size: 10px; text-decoration: none }
a.Resalte:active { font-family: sans_serif, Verdana, helvetica, Arial; color: #4D6EAB; font-size: 10px; text-decoration: none }
a.Resalte:visited { font-family: sans_serif, Verdana, helvetica, Arial; color: #4D6EAB; font-size: 10px; text-decoration: none }
a.Resalte:hover { font-family: sans_serif, Verdana, helvetica, Arial; color: #ffffff; font-size: 10px; text-decoration: none }
.ResalteNoLink  { font-family: sans_serif, Verdana, helvetica, Arial; color: #dddddd; font-size: 10px; text-decoration: none }

.hc_normal_10{  font-family:sans_serif, Verdana, helvetica, Arial;
                        font-size: 11px;
                        color: #ffffff; }

/*Estilo para los enlaces*/
a:link               { color: #9C0003; text-decoration: none }/*; font-family: sans_serif, Arial; font-size: 10px  */
a:active             { color: #9C0003; text-decoration: none }
a:visited            { color: #9C0003; text-decoration: none }
a:hover              { color: #F88112; text-decoration: underline }

/*Estilo para los enlaces de turnos*/
.TurnoActivo { font-family: sans_serif, Verdana, helvetica, Arial; color: #237F04; font-size: 10px; text-decoration: none }
a.TurnoActivo:link { font-family: sans_serif, Verdana, helvetica, Arial; color: #237F04; font-size: 10px; text-decoration: none }
a.TurnoActivo:active { font-family: sans_serif, Verdana, helvetica, Arial; color: #237F04; font-size: 10px; text-decoration: none }
a.TurnoActivo:visited { font-family: sans_serif, Verdana, helvetica, Arial; color: #195A03; font-size: 10px; text-decoration: none }
a.TurnoActivo:hover { font-family: sans_serif, Verdana, helvetica, Arial; color: #FF9100; font-size: 10px; text-decoration: none }
.TurnoActivoNoLink  { font-family: sans_serif, Verdana, helvetica, Arial; color: #dddddd; font-size: 10px; text-decoration: none }

.TurnoInactivo { font-family: sans_serif, Verdana, helvetica, Arial; color: #DD1000; font-size: 10px; text-decoration: none }
a.TurnoInactivo:link { font-family: sans_serif, Verdana, helvetica, Arial; color: #DD1000; font-size: 10px; text-decoration: none }
a.TurnoInactivo:active { font-family: sans_serif, Verdana, helvetica, Arial; color: #DD1000; font-size: 10px; text-decoration: none }
a.TurnoInactivo:visited { font-family: sans_serif, Verdana, helvetica, Arial; color: #B80F00; font-size: 10px; text-decoration: none }
a.TurnoInactivo:hover { font-family: sans_serif, Verdana, helvetica, Arial; color: #FF9100; font-size: 10px; text-decoration: none }
.TurnoInactivoNoLink  { font-family: sans_serif, Verdana, helvetica, Arial; color: #dddddd; font-size: 10px; text-decoration: none }

.MesAno { font-family: sans_serif, Verdana, helvetica, Arial; color: #D57107; font-size: 10px; text-decoration: none }
a.MesAno:link { font-family: sans_serif, Verdana, helvetica, Arial; color: #D57107; font-size: 10px; text-decoration: none }
a.MesAno:active { font-family: sans_serif, Verdana, helvetica, Arial; color: #D57107; font-size: 10px; text-decoration: none }
a.MesAno:visited { font-family: sans_serif, Verdana, helvetica, Arial; color: #D57107; font-size: 10px; text-decoration: none }
a.MesAno:hover { font-family: sans_serif, Verdana, helvetica, Arial; color: #A95205; font-size: 10px; text-decoration: none }


/*---------------------------------------------------------------------------------------
* FORMS
---------------------------------------------------------------------------------------*/
/*Estilo para los botones y listas de seleccion*/
.input-bottom { color: #000000; font-weight: bold; font-size: 9px;}
.input-submit { color: #000000; font-weight: bold; font-size: 9px;}
.input-text   { color: #000000; font-family: sans_serif, Verdana, helvetica, Arial; font-size:10px; border:1pt outset Black}
.select        { color: #000000; font-family: sans_serif, Verdana, helvetica, Arial; font-size:10px; border:1pt outset Black}
.textarea      { color: #000000; font-family: sans_serif, Verdana, helvetica, Arial; font-size:10px; border:1pt outset Black}


/*---triage--*/
/*tr_tdlabel = Es el estilo para los label's de los campos*/
/*azul*/
.nivel1_oscuro  {        background-color: #FA9C50;
                         font-family: Verdana,helvetica, Arial;
                          font-size: 11px;
                          color: #ffffff;

                                            }

.nivel1_claro  {  background-color: #DDECFF;
                         font-family: Verdana,helvetica, Arial;
                                       font-size: 11px;
                                       color: #000000;

                                            }
/*rojo*/
.nivel2_oscuro  {  background-color: #B50000;
                         font-family: Verdana,helvetica, Arial;
                                       font-size: 11px;
                                       color: #ffffff;

                                            }

.nivel2_claro  {  background-color: #FFD5D5;
                         font-family: Verdana,helvetica, Arial;
                                       font-size: 11px;
                                       color: #000000;

                                            }
/*verde*/
.nivel3_oscuro  {  background-color: #004800;
                         font-family: Verdana,helvetica, Arial;
                                       font-size: 11px;
                                       color: #ffffff;

                                                }

.nivel3_claro  {  background-color: #91DBD0;
                         font-family: Verdana,helvetica, Arial;
                                       font-size: 11px;
                                       color: #000000;

                                                }
/*amarillo*/
.nivel4_oscuro  {  background-color: #E2C505;
                         font-family: Verdana,helvetica, Arial;
                                       font-size: 11px;
                                       color: #ffffff;

                                                 }

.nivel4_claro  {  background-color: #F6F39D;
                         font-family: Verdana,helvetica, Arial;
                                       font-size: 11px;
                                       color: #000000;
                                       
                                                  }

.checkazul  { background-color: #DDECFF }

.TablaHc
{
    background-color:#A44D04; 
}

.TablaMenu
{
  font-family: sans_serif, Verdana, helvetica, Arial;
  color: #A44D04;
  font-size: 10px;
  border-color: #0044B9;
  width:70%;
  text-transform: uppercase;
  background-color: #F4F4F4
}

.ListaHc
{
  margin:.5em 0em 0em 1.5em; padding:0;
}

.TituloHc 
{
  padding:0px;
  font-size:16px;
  font-weight:bold;
  color:#FFFFFF;
}

.cabecera_hc
{ 
  /*position: fixed;  */
  top: 60px;
  left: 0px; 
  z-index: 10;
}

.CapaHc 
{
  position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
  margin-bottom:0px;
  margin-left:0px;
  margin-right:0px;
  margin-top:64px;
  border:0px;
  transition: 1s;
  /*z-index:1;*/ /* This allows the content to overlap the right menu in narrow windows in good browsers. */
}

.CapaHc1 
{
  position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
  margin-bottom:0px;
  margin-left:210px;
  margin-right:0px;
  margin-top:66px;
  border:0px;
  transition: 1s;
  /*z-index:1;*/ /* This allows the content to overlap the right menu in narrow windows in good browsers. */
}

.MenuIzqhc 
{
  /*position:fixed;*/
  width:205px;
  top:140px;
  left:0px;
  border: 1px solid #A44D04;
  background-color: #A44D04;
  z-index:2;
  overflow: auto;
  /*visibility:hidden;*/
  transition: 1s;
}

.MenuHC
{
  background-color: #A44D04;
  margin:0 0 0 0px;
  padding: 0px; 
  width:205px;
  font-family: sans_serif, Verdana, helvetica, Arial; 
  color: #FFFFFF; 
  font-size: 10px; 
  font-weight : bold;
  text-decoration: none;
  text-indent: 6pt;
  cursor: pointer;
}
.MenuHC a
{
  background-color: #A44D04;
  margin:0 0 0 0px;
  padding: 0px; 
  width:205px;
  font-family: sans_serif, Verdana, helvetica, Arial; 
  color: #FFFFFF; 
  font-size: 10px; 
  font-weight : bold;
  text-decoration: none;
  text-indent: 6pt;
  cursor: pointer;
}

.MenuHC a:link   
{
  background-color: #A44D04;
  margin:0 0 0 0px;
  padding: 0px; 
  width:205px;
  font-family: sans_serif, Verdana, helvetica, Arial; 
  color: #FFFFFF;
  font-size: 10px; 
  font-weight : bold;
  text-decoration: none;
  text-indent: 6pt;
  cursor: pointer;
}

.MenuHC a:active  
{ 
  background-color: #A44D04;
  margin:0 0 0 0px;
  padding: 0px; 
  width:205px;
  font-family: sans_serif, Verdana, helvetica, Arial; 
  color: #FFFFFF; 
  font-size: 10px; 
  font-weight : bold;
  text-decoration: none;
  text-indent: 6pt;
  cursor: pointer;
}

.MenuHC a:visited  
{ 
  background-color: #A44D04;
  margin:0 0 0 0px;
  padding: 0px; 
  width:205px;
  font-family: sans_serif, Verdana, helvetica, Arial; 
  color: #FFFFFF; 
  font-size: 10px; 
  font-weight : bold;
  text-decoration: none;
  text-indent: 6pt;
  cursor: pointer;
}

.MenuHC a:hover 
{ 
  background-color: #FFFFFF; 
  margin:0 0 0 0px;
  padding: 0px; 
  width:205px;
  font-family: sans_serif, Verdana, helvetica, Arial; 
  color: #A44D04;
  font-size: 10px; 
  font-weight : bold;
  text-decoration: none;
  text-indent: 6pt;
  cursor: pointer;
}

.SubMenuHC
{ 
    text-indent: 0pt;
    font-family: sans_serif, Verdana, helvetica, Arial; 
    color: #FFFFFF; 
    font-size: 10px; 
    font-weight : bold;
    text-decoration: none
}

.SubMenuHC a:link
{ 
    color: #C0C0C0; 
    text-decoration: none;
}

.SubMenuHC a:active
{ 
    color:#C0C0C0;
    text-decoration: none
}

.SubMenuHC a:visited
{
    color: #C0C0C0;
    text-decoration: none;
} 

.SubMenuHC a:hover
{
    color: #FFFFFF;
    text-decoration: none;
}

.SubMenuHC1
{ 
    text-indent: 0pt;
    font-family: sans_serif, Verdana, helvetica, Arial; 
    color: #FFFFFF; 
    font-size: 10px; 
    font-weight : bold;
    text-decoration: none
}

.SubMenuHC1 a:link
{ 
    color: #FFFFFF;
    text-decoration: none;
}

.SubMenuHC1 a:active
{ 
    color:#FFFFFF;
    text-decoration: none
}

.SubMenuHC1 a:visited
{
    color: #FFFFFF;
    text-decoration: none;
} 

.SubMenuHC1 a:hover
{
    color: #FFFFFF;
    text-decoration: none;
}

.MenuMedicamentos
{
  background-color: #A44D04;
  border: 1pt solid #89590A;
  padding:0px; 
  width:280px;
  font-family: sans_serif, Verdana, helvetica, Arial; 
  font-size: 10px; 
  font-weight : bold;
  text-decoration: none;
  cursor: pointer;
}

.Lista1
{
  margin:0.5em 0em 0em 2.6em; 
  padding:0;
  /*list-style-type: none;*/
}

.GrupoMedicamentos
{
  background-color: #A44D04;
  padding:0px; 
  width:280px;
  font-family: Lucida, Tahoma,Verdana, helvetica, Arial; 
  color: #FFFFFF;
  font-size: 10px; 
  font-weight : bold;
  text-decoration: none;
  text-indent: 6px;
  cursor: pointer;
}

.GrupoMedicamentos a
{
  color: #FFFFFF;
  text-decoration: none;
  cursor: pointer;
}

.GrupoMedicamentos a:link   
{
  color: #FFFFFF;
  text-decoration: none;
  cursor: pointer;
} 

.GrupoMedicamentos a:active  
{ 
  color: #FFFFFF;
  text-decoration: none;
  cursor: pointer;
}

.GrupoMedicamentos a:visited  
{ 
  color: #FFFFFF;
  text-decoration: none;
  cursor: pointer;
}
.GrupoMedicamentos a:hover 
{ 
  background-color :#FFFFFF;
  width:100%;
  color: #181A1B;
  text-decoration: none;
  cursor: pointer;
}

.Medicamentos
{ 
  text-indent: 0pt;
  font-family: Verdana, helvetica, Arial; 
  color:  #FFFFFF; 
  font-size: 11px; 
  font-weight : bold;
  text-decoration: none;
  text-transform: capitalize;
}

.Medicamentos a:link
{ 
    color:  #FFFFFF;
    text-decoration: none;
}

.Medicamentos a:active
{ 
    color: #FFFFFF;
    text-decoration: none
}

.Medicamentos a:visited
{
    /*color:  #CDCDCD;*/
    color: #FFFFFF;
    text-decoration: none;
} 

.Medicamentos a:hover
{
    color: #181A1B;
    text-decoration: none;
    font-weight : bold;
    /* font-style:oblique; */
}

.GrupoMezclas
{
  background-color: #A44D04;/*#0044B9; */
  padding:0px; 
  width:280px;
  font-family: sans_serif, Verdana, helvetica, Arial; 
  color: #FFFFFF; 
  font-size: 10px; 
  font-weight : bold;
  text-decoration: none;
  text-indent: 6px;
  cursor: pointer;
  position:absolute; 
  visibility:hidden;
  border: 1px solid #4F3105;
}

.SubMenuM
{ 
    text-indent: 0pt;
    font-family: Tahoma, Verdana, helvetica, Arial; 
    color: #DFDFDF;
    /*color: #CDCDCD; */
    font-size: 11px; 
    font-weight : bold;
    text-decoration: none
}

.SubMenuM a:link
{ 
    color: #C0C0C0; 
    text-decoration: none;
}

.SubMenuM a:active
{ 
    color:#C0C0C0;
    text-decoration: none
}

.SubMenuM a:visited
{
    color: #C0C0C0;
    text-decoration: none;
} 

.SubMenuM a:hover
{
/*    color: #DFDFDF; */
    color: #CDCDCD; 
    text-decoration: none;
}

.Mezclas
{ 
  text-indent: 0pt;
  font-family: Verdana, helvetica, Arial; 
  color:  #FFFFFF; 
  font-size: 10px; 
  font-weight : bold;
  text-decoration: none;
  text-transform: capitalize;
}

.formulacion_table_list 
{ 
  background-color:  #C55B05;/*#0044B9;  oscuro*/
  font-family: sans_serif, sans_serif, Verdana, helvetica, Arial;
  text-align: center;
  font-size: 10px;
  font-weight: bold;
  color: #FFFFFF;
}

.formulacion_table_list_new
{ 
  background-color:  #C55B05;/*#0044B9;  oscuro*/
  font-family: sans_serif, sans_serif, Verdana, helvetica, Arial;
  text-align: center;
  font-size: 10px;
  font-weight: bold;
  color: #FFFFFF;
  pointer-events: none;
}

.formulacion_table_list_suspendido 
{ 
  background-color:  #797A80;/*#0044B9;  oscuro*/
  font-family: sans_serif, sans_serif, Verdana, helvetica, Arial;
  text-align: center;
  font-size: 10px;
  font-weight: bold;
  color: #FFFFFF;
}

.formulacion_table_list_oscuro
{  
  border: 1px  #C55B05 solid;
  padding: 0px;
}

.formulacion_table_list_claro
{  
  border: 1px #808080 solid;
  padding: 0px;
}

.label2
{ font-family: sans_serif, Verdana, helvetica, Arial;
  font-size: 10px;
  color: #808080;
  font-weight: bold 
}

.CapaHc1IE
{
  position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
  margin-bottom:0px;
  margin-left:210px;
  margin-right:0px;
  margin-top:40px;
  border:0px;
  width:100%;
  z-index:1; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
}

.draggable 
{
  font-family: sans_serif, Verdana, helvetica, Arial;
  position:absolute; 
  margin:0; 
  padding:0; 
  font-size:10px;
  width:100px; 
  color:#FFFFFF; 
  background:#C55B05;
  overflow:hidden;
  font-weight: bold ;
  text-indent: 3pt;
  cursor: default;
}

.d2Container 
{
  position:absolute;
  margin: 0; 
  padding:0; 
  font-size:10px;
  width:300px; 
  height:auto; 
  color:#000; 
  background:#FFFFFF; 
  border: 2pt solid #C55B05;
  overflow:hidden;
  z-index:5;
}

.d2Content 
{
  overflow: scroll;
}

.dynamic-tab-pane-control.tab-pane 
{
  position: relative;
  margin: 0px;
  width:  100%;
  margin-right: -2px;
}

.dynamic-tab-pane-control .tab-row .tab 
{
  height: 23px;
  position:relative;
  top:0;
  display:inline;
  float:left;
  overflow:hidden;
  cursor:pointer;
  color:#000099;
  margin:1px -1px 0px 2px;
  padding:2px 10px 0px 10px;
  border:0;
  left:-2px;
  z-index:1;
  font:10px Tahoma;
  white-space:nowrap;
  text-align:center;
  border-bottom-width:0px;
  border-left-width:2px;
  border-right-width:2px;
  border-top-width:2px;
  border-style: solid;
  border-color: #B6BFDF;
  background-image: url( ../images/submenu/franja_clara.png);
}

.dynamic-tab-pane-control .tab-row .tab.selected 
{
  border-bottom-width:0;
  z-index:3;
  padding:2px 10px 0px 10px;
  margin:1px -1px -4px 2px;
  top:0px;
  font-family:sans_serif, Verdana, helvetica, Arial;
  font-size:10px;
  /*color:#9D0606;*/
  color:#000099;
  border-left-width:2px;
  border-right-width:2px;
  border-top-width:2px;
  border-style: solid;
  border-color: #C55B05;
  background-image: url( ../images/submenu/franja.png );
}

.dynamic-tab-pane-control .tab-row .tab a 
{
  font-family:sans_serif, Verdana, helvetica, Arial;
  font-size:10px;
  font-weight:bold;
  text-decoration:none;
  cursor:pointer;
}

.tab a:hover
{
  color:#000099;
  text-decoration:none; 
}

.dynamic-tab-pane-control .tab-row .tab.hover 
{
  color:#000099;
  font-family: sans_serif, Verdana, helvetica, Arial;
  font-size: 10px;
  width: auto;
  height: 23px;
  border-color: #C5850A;
  background-image: url( ../images/submenu/franja.png );
}

.dynamic-tab-pane-control .tab-page 
{
  clear: both;
  height: auto;
  border: 2px solid #C5850A;
  z-index: 2;
  position: relative;
  top: -2px;
  font-family: sans_serif, Verdana, helvetica, Arial;
  font-size: 10px;  
  padding: 10px;
}

.dynamic-tab-pane-control .tab a 
{
  display:inline;
  width:auto;
}

.dynamic-tab-pane-control .tab-row 
{
  z-index:1;
}
.fill 
{
  font-family: sans_serif, Verdana, helvetica, Arial;
  font-size: 10px;
  display: none;
  width: 150px;
  position:absolute;
  background-color: #F5F9B8;
  border: 1px solid #D19107;
  overflow: auto;
  height: 150px;
  top: -1px;
  z-index: 0;
}

.fieldset
{
  font-family: sans_serif, Verdana, helvetica, Arial;
  font-size: 10px;
  font-weight: bold;
  color: #C55B05;
  border-color: #C55B05;
  border-style :solid;
  border-width: 1px;
  background : #EFEFEF;
  padding: 2pt;
}

.fieldset_error
{
  font-family: sans_serif, Verdana, helvetica, Arial;
  font-size: 10px;
  font-weight: bold;
  color: #900606;
  border-color: #900606;
  border-style :solid;
  border-width: 1px;
  background : #EFEFEF;
  padding: 2pt;
}

.calendario_px 
{
  visibility:hidden;
  padding:0px;
  width:300px;
  height:auto;
  background:#EFEFEF;
  position:absolute;
}

.hcTexto 
{ 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  color: #ffffff; 
  font-weight: bold; 
  font-size: 10px; 
  text-decoration: none; 
  border: 3px outset #E27719;
  width : 60;
  background: #E27719;
}

.hcTexto a:link 
{ 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  color: #ffffff; 
  font-weight: bold; 
  font-size: 11px; 
  text-decoration: none; 
}

.hcTexto a:active 
{ 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  color: #ffffff; 
  font-weight: bold; 
  font-size: 11px; 
  text-decoration: none; 
}

.hcTexto a:visited 
{ 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  color: #ffffff; 
  font-weight: bold; 
  font-size: 11px; 
  text-decoration: none; 
}

.hcTexto a:hover 
{ 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  color: #ffffff; 
  font-weight: bold; 
  font-size: 11px; 
  text-decoration: none; 
}

.menu_table_list 
{  
  border-color: #E27719;
  border-style :solid;
  border-width: thin;
  background: #FEEDD9;
}

.linea_borde
{
  border-bottom: thin solid;
  border-color: #E27719;
}

a.Ntooltip 
{
position: relative; /* es la posición normal */
text-decoration: none !important; /* forzar sin subrayado */
color:#FFFFFF !important; /* forzar color del texto */
font-weight:bold !important; /* forzar negritas */
}

a.Ntooltip:hover {
z-index:999; /* va a estar por encima de todo */

}

a.Ntooltip span {
display: none; /* el elemento va a estar oculto */
}

a.Ntooltip:hover span 
{
  display: block; /* se fuerza a mostrar el bloque */
  position: absolute; /* se fuerza a que se ubique en un lugar de la pantalla */
  top:2em; left:2em; /* donde va a estar */
  width:250px; /* el ancho por defecto que va a tener */
  background-color: #E27719; /* el color de fondo por defecto */
  color: #FFFFFF; /* el color de los textos por defecto */
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 10px; 
  text-align:justify;
}

[data-title] {
  position: relative;
}

[data-title]:hover {
 z-index:999;
}

[data-title]:hover::before {
  content: attr(data-title);
  display: block; /* se fuerza a mostrar el bloque */
  position: absolute; /* se fuerza a que se ubique en un lugar de la pantalla */
  bottom:3.5em; /* donde va a estar */
  width:96%; /* el ancho por defecto que va a tener */
  padding:5px; /* la separación entre el contenido y los bordes */
  background-color: #E27719; /* el color de fondo por defecto */
  color: #FFFFFF; /* el color de los textos por defecto */
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 10px; 
  text-align:center;
  border-radius: 5px;
}
[data-title]:hover::after {
  content: '';
  position: absolute;
  bottom: 2em;
  left: 46%;
  display: inline-block;
  color: #fff;
  border: 8px solid transparent;  
  border-bottom: 8px solid #000;
  transform: rotate(180deg);
}

.thumbnail
{
  position: relative;
  z-index: 0;
}

.thumbnail:hover
{
  background-color: transparent;
  z-index: 50;
}

.thumbnail span
{ /*CSS for enlarged image*/
  position: absolute;
  padding: 0px;
  border: 0px;
  visibility: hidden;
  text-decoration: none;
  top: -15px;
}

.thumbnail span img
{ /*CSS for enlarged image*/
  border-width: 0px;
  padding: 0px;
}

.thumbnail:hover span
{ /*CSS for enlarged image on hover*/
  visibility: visible;
  top: -15px;
  left: -5px; /*position where enlarged image should offset horizontally */
}

a.boton_div,a.boton_div:link,a.boton_div:visited
{
  display:block;
  cursor:pointer;
  background-color:#C55B05;
  width:100px;
  text-align:center;
  padding:0;
  padding-top:6px;
  padding-bottom:6px;
  border:2px solid #FFFFFF;
  outline:1px solid #C55B05;
  margin-left:1px;
  color: #FFFFFF;
  text-decoration:none;
  font-weight:bold;
}

a.boton_div:hover
{
  background-color:#DFDFDF;
  color: #1C428A;
  outline:1px solid #DFDFDF;
  font-weight:bold;
}