/********** GLOBALES ***********/

/*Solo aplica para Firefox, para IE toca forzar estilos  ===  .textPlano*/
textarea, select, input[type="text"],input[type="password"]{
  border: #ebebeb 1px solid;
  margin:0px 3px 2px 0px;
  padding:2px;
  background-color: #ffffff;
}

/*Solo aplica para Firefox, para IE toca forzar cellspacing en la tabla*/
form table{
  border-spacing: 0px 4px;
}
/*Para el menu. Solo aplica para Firefox, para IE toca forzar cellspacing en la tabla*/
div.scrollableDiv form table{
  border-collapse: collapse;
}

hr{
 border: 0;
 width: 100%;
 color: #2D5544;
 background-color: #2D5544;
 height: 1px;
}

/*/------------------------------------------------------------------\*/
/*|                                                                  |*/
/*| Para el manejo de estilos en las filas de tablas de seleccin de |*/
/*| BO's.                                                            |*/
/*|                                                                  |*/
/*\------------------------------------------------------------------/*/

/** PRIMERA VERSI�N DE ESTILOS DE TABLA SELECCI�N */

.tipoFilaNormal{
   font-family  : arial;
   font-size  : 12px;
   background-color : #ffefce;
   color  : #2D5544
}

tr.tipoFilaSeleccionada td{
  vertical-align:top;
   border: 1px solid #ffffff;
   font-family  : arial;
   font-size  : 10pt;
   background-color : #f3f3f3;
   color  : #000000;
   padding:  4px 10px 4px 10px;
   empty-cells: show;
}

.tipoFilaEncabezado{
   font-family  : arial;
   font-size  : 12px;
   font-color  : #FFFFFF;
   background-color : #FFEBAD;
}

.verticalTitles{
   width   : 30%;
   font-family  : verdana;
   font-size  : 12px;
   background-color: #FFEBAD;
}


/** SEGUNDA VERSI�N DE ESTILOS DE TABLA SELECCI�N */

.fondoTituloTop {
  font-size: 10pt;
  font-family: "Arial";
  font-weight: normal;
  text-align:center;
  vertical-align:top;
  color  : #2D5544;
  background-color:#E6F2ED;
  border:none;

  padding: 4px 10px;
}

.fondoTituloLeftAjustado {
   width: 30%;
   font-family  : arial;
   font-size  : 10pt;
   color  : #2D5544;
   background-color:#E6f2ed;
   vertical-align:middle;
   padding:4px 10px 4px 10px;
   border-left:3px solid #C6E1D7;
   border-bottom:1px solid #EBEBEB;
   empty-cells: show;
}

.fondoTituloLeft {
   font-family  : arial;
   font-size  : 10pt;
   color  : #2D5544;
   background-color:#E6f2ed;
   vertical-align:middle;
   padding:4px 10px 4px 10px;
   border-left:3px solid #C6E1D7;
   border-bottom:1px solid #EBEBEB;
   empty-cells: show;
}

.tipoFilaNormalRoja{
   font-family  : arial;
   font-size  : 12px;
   background-color : #E6F2ED;
   color  : #000000;
   padding:  4px 10px 4px 10px;
   border-bottom:1px solid #2D5544;
   empty-cells: show;
}

.tipoFilaNormalAlerta{
   vertical-align:top;
   font-family  : arial;
   font-size  : 10pt;
   background-color : #E6F2ED;
   color  : #000000;
   border-bottom: 1px solid #ebebeb;
   padding: 1px 4px 1px 8px;
   empty-cells: show;
}

tr.tipoFilaNormalAlerta td{
   font-family  : arial;
   font-size  : 10pt;
   background-color : #E6F2ED;
   color  : #000000;
   border-bottom: 1px solid #ebebeb;
   padding: 1px 4px 1px 8px;
   empty-cells: show;
}

tr.tipoFilaNormalAlerta table td{
  padding: 0px;
}

tr.tipoFilaNormalAlerta a{
   font-size: 10pt;
   color  : #CE9400;
}
tr.tipoFilaNormalAlerta a:hover{
    font-size: 10pt;
}

.tipoFilaNormalVerde{
  vertical-align:top;
  font-family:arial;
  font-size: 10pt;
  background-color:#ffffff;
  color  : #000000;
  border-bottom: 1px solid #ebebeb;
  padding: 1px 4px 1px 8px;
  empty-cells: show;
}

tr.tipoFilaNormalVerde td{
  font-family  : arial;
  font-size  : 10pt;
  background-color : #ffffff;
  color  : #000000;
  padding: 1px 4px 1px 8px;
  border-bottom: 1px solid #ebebeb;
  empty-cells: show;
}

tr.tipoFilaNormalVerde table td{
  padding: 0px;
}
tr.tipoFilaNormalVerde a{
    font-size: 10pt;
}
tr.tipoFilaNormalVerde a:hover{
    font-size: 10pt;
}

tr.tipoFilaNormalRoja td{
  font-family  : arial;
  font-size  : 10pt;
  background-color : #E6F2ED;
  color  : #000000;
  padding:  4px 10px 4px 10px;
  border-bottom:1px solid #2D5544;
  empty-cells: show;
}

tr.tipoFilaNormalRoja a{
   font-size: 10pt;
   color  : #FF1111;
}
tr.tipoFilaNormalRoja a:hover{
    font-size: 10pt;
}

/*tr.tipoFilaNormalNeutral td{
   font-family  : arial;
   font-size  : 10pt;
   background-color : #f3f3f3;
   color  : #000000;
}

tr.tipoFilaNormalNeutral > td{
   padding:  4px 4px;
   border-bottom: #EBEBEB 1px solid;
   empty-cells: show;
}*/

tr.tipoFilaNormalNeutral td{
   font-family  : arial;
   font-size  : 10pt;
   background-color : #f3f3f3;
   color  : #000000;
   padding: 1px 4px 1px 8px;
   border-bottom: #EBEBEB 1px solid;
   empty-cells: show;
}

tr.tipoFilaNormalNeutral td td{
   padding: 0px;
   border: none;
   empty-cells: show;
}

tr.tipoFilaNormalNeutral a{
   font-size: 10pt;
   color  : #CE9400;
}
tr.tipoFilaNormalNeutral a:hover{
    font-size: 10pt;
}

.tipoFilaNormalBlanco{
   font-family  : arial;
   font-size  : 12px;
   background-color : #FFFFFF;
   color  : #000000;
   padding:  4px 10px 4px 10px;
   border-bottom:1px solid #2D5544;
   empty-cells: show;
}

tr.tipoFilaNormalBlanco td{
   font-family  : arial;
   font-size  : 12px;
   background-color : #FFFFFF;
   color  : #000000;
   padding:  4px 10px 4px 10px;
   border-bottom:1px solid #2D5544;
   empty-cells: show;
}


tr.tipoFilaSeleccionadaAmarillo td{
   font-family  : arial;
   font-size  : 12px;
   background-color : #ffefce;
   color: #ce9400;
   padding:  4px 10px 4px 10px;
   border-bottom:1px solid #ce9400;
   empty-cells: show;
}

table.espaciado{
   width: 100%;
   margin-left:auto; margin-right:auto;
   border-spacing: 2px 3px;
}


/** PRIMERA VERSI�N DE ESTILOS PARA P�GINA MEN� PRINCIPAL */

td.tipoTituloMenuPagina{
    font-family: "Arial";
    background: url("../imagenes/es/fondos/fondoTituloMenuPagina.gif") no-repeat left top;
    font-size		: 12pt;
    color		: #2d5544;
    font-weight      : bold;
    padding:  4px 10px 4px 10px;
    border-left:4px solid #2D5544;
    text-align:center;
    height:43px
}

td.tipoFilaNormalMenuPaginaVerde{
   font-family  : arial;
   font-size  : 10pt;
   color  : #2D5544;
   background-color:#E6f2ed;
   vertical-align:middle;
   padding:4px 10px 4px 10px;
   border-left:3px solid #C6E1D7;
   border-bottom:1px solid #EBEBEB;
}

.tipoFilaNormalMenuPaginaVerdeClaro{
  font-family:arial;
  font-size: 10pt;
  background-color:#ffffff;
  color  : #000000;
  border-bottom: 1px solid #ebebeb;
  padding: 1px 4px 1px 8px;
  empty-cells: show;
  vertical-align:middle;
}


/*******/

.tipoColumnaMedia{
    font-family		: arial;
    font-size		: 12px;
    vertical-align:top;
    width: 50%;
}

.tipoDosColumnas{
    font-family  : arial;
    font-size  : 12px;
    background-color : #E6F2ED;
    color  : #000000;
    padding:  4px 10px 4px 10px;
    border-bottom:1px solid #2D5544;
    empty-cells: show;
    vertical-align:top;
    width: 45%;
}

.tipoColumnaAngosta{
    font-family  : arial;
    font-size  : 12px;
    background-color : #E6F2ED;
    color  : #000000;
    padding:  4px 10px 4px 10px;
    border-bottom:1px solid #2D5544;
    empty-cells: show;
    vertical-align:middle;
    width: 10%;
}
/*************** ESTILOS PARA BANDEJA DE TAREAS *****************/

tr.vencido td,tr.alerta td,tr.normal td{
   font-family:Arial;
   font-size  : 10pt;
   font-weight: normal;
/*   text-align:left;*/
   color  : #000000;
   border-bottom: #EBEBEB 1px solid;
   padding: 1px 4px 1px 8px;
   empty-cells: show;
}

tr.vencido td td,tr.alerta td td,tr.normal td td{
   border-bottom: none;
   padding:  0px;
   empty-cells: show;
}

tr.tipoFilaNormalNeutral td td{
   border-bottom: none;
   padding:  0px;
   empty-cells: show;
   background: none;
}

table.btnCentrado tr td{
  width: 100%;
  text-align:center;
  padding: 0px;
  padding-right:4px;
  margin: 0px;
}



tr.vencido td{
   background-color : #E5E5E5;
}

tr.vencido a{
   font-size: 10pt;
   color  : #000000;
}
tr.vencido a:hover{
    font-size: 10pt;
}

tr.alerta td{
   background-color : #EFEFEF;
}

tr.alerta a{
   font-size: 10pt;
   color  : #000000;
}
tr.alerta a:hover{
    font-size: 10pt;
}

tr.normal a{
   font-size: 10pt;
   color  : #000000;
}
tr.normal a:hover{
    font-size: 10pt;
}

table.ayuda {

  text-align:left;
  height:100px;
  vertical-align:top;
}

table.ayuda table{
 border:#c6e1d7 solid 1px;
 margin-left:100px;
}

td.vencido,td.alerta,td.normal{
   font-family  : arial;
   font-size  : 10pt;
   background-color : #F3F3F3;
   color  : #000000;
   padding:  4px 10px 4px 10px;
   empty-cells: show;
}

td.vencido{
   background-color : #E5E5E5;
}
td.alerta{
   background-color : #EFEFEF;
}



.tipoFilaNormalDerecha{
   font-family  : arial;
   font-size  : 12px;
   color  : #2D5544;
   text-align:right;
   vertical-align:top;
}



table.subTabla{
   width: 300px;
   margin-left:auto; margin-right:auto;
   border-spacing: 0px 3px;
}

tr.vencido table.subTabla td,tr.alerta table.subTabla td,tr.normal table.subTabla td, tr.tipoFilaNormalNeutral table.subTabla td{
   border-bottom: #EBEBEB 1px solid;
   background-color : #f8f8f8;
   empty-cells: show;
}

/*Estilo util para eliminar la distancia ente tablas que simulan ser una sola*/
table.topDistance {
    margin-top:-4px;
}

table.fondoTituloTopHr {
	margin: 0 auto;
  font-size: 10pt;
  font-family: "Arial";
  font-weight: bold;
  text-align:left;
  color: #2d5544;
  vertical-align:top;
  border:none;
  border-bottom: #2D5544 1px solid;
  padding: 0px 10px;
}

tr.tituloCelda td{
  font-size: 10pt;
  font-family: "Arial";
  font-weight: normal;
  text-align:center;
  vertical-align:top;
  color  : #2D5544;
  background-color:#E6F2ED;
  border:none;
  padding: 4px 10px;
}