body {
}
/*secciones de contenido */

section.app header h1.titulo
{
    clear: both;
    color: #006cb7;
    border-bottom: 1px solid #e2e2e2;
    font-size: 16px;
    font-weight: normal;
    font-family: 'gobCL', Verdana, Sans-Serif;
    text-transform: none;
    padding: 9px 20px 14px 0;
    overflow: hidden;
    margin-bottom: 10px;
    width:920px;
}

.titulosistema
{
    color: #006cb7;
    
    font-size: 20px;
    font-weight: normal;
    font-family: 'gobCL', Verdana, Sans-Serif;
    text-transform: none;
    text-align:center;
    
      
    width: 795px;
    height: 65px;
    
    background-color: #f6f6f6; 
    
    position: absolute; 
    top: 20px;
    right: 6px;
    padding-top: 25px;
}
.datosusuario
{
    color: #006cb7;
    
    font-size: 11px;
    font-weight: normal;
    font-family: 'gobCL', Verdana, Sans-Serif;
    text-transform: none;
    text-align:right;
    
      
    width: 700px;
    height: 15px;
    
    background-color: #f6f6f6; 
    
    position: absolute; 
    top: 80px;
    right: 20px;
    padding-top: 2px;
}

/* GRILLAS */
/* WorkList */
.WLGHeader
{
    font-family: Verdana, Sans-Serif;
    font-size: 11px;
    font-style:normal;
    font-weight: bold;
    text-decoration:underline;
    color: #000000;
    background-color: #ffffff;
    
}
.WLGHeaderSel
{
    font-family: Verdana, Sans-Serif;
    font-size: 11px;
    font-style:italic;
    font-weight:bold;    
    color: #000000;
    background-color: #ffffff;
}
.grillaWorkList
{
    font-family: Verdana, Sans-Serif;
    font-size: 11px;
    font-style:normal;
    font-weight: normal;
    /*color: #5a5a5a;*/
    background-color: #ffffff;
    border: 1px solid #a5a5a5;
}


.grillaWorkListHeader
{
    font-size: 11px;
    font-style:normal;
    font-weight: normal;
    color: #000000;
    background-color: #e2e2e2;
}
.grillaWorkListRow
{
    font-size: 11px;
    font-style:normal;
    font-weight: normal;
    border: 1px solid #e2e2e2;
    color:#5a5a5a;
}

.grillaWorkListRowRed
{
    font-size: 11px;
    font-style:normal;
    font-weight: normal;
    border: 1px solid #e2e2e2;
    color:Red;
}

.grillaWorkListRowGreen
{
    font-size: 11px;
    font-style:normal;
    font-weight: normal;
    border: 1px solid #e2e2e2;
    color:Green;
}
.grillaWorkListProyectoEjecucion
{
    font-size: 11px;
    font-style:normal;
    font-weight: normal;
    /*border: 1px solid #e2e2e2;*/
    color:#5a5a5a;
    background-color: #d6fedd;
}
.grillaWorkListProyectoEjecucionAtrasado
{
    font-size: 11px;
    font-style:normal;
    font-weight: normal;
    /*border: 1px solid #e2e2e2;*/
    color:#5a5a5a;
    background-color: #ffff9b;
}
.grillaWorkListProyectoNoRendido
{
    font-size: 11px;
    font-style:normal;
    font-weight: normal;
   /*border: 1px solid #e2e2e2;*/
    color:#5a5a5a;
    background-color: #f78437;
}
.grillaWorkListProyectoEnCDE
{
    font-size: 11px;
    font-style:normal;
    font-weight: normal;
   /*border: 1px solid #e2e2e2;*/
    color:#5a5a5a;
    background-color: #f78437;
}
.grillaWorkListProyectoCerrado
{
    font-size: 11px;
    font-style:normal;
    font-weight: normal;
    /*border: 1px solid #e2e2e2;*/
    color:#5a5a5a;
    background-color: #89c82b;
}


.grillaWorkList   tr.grillaWorkListProyectoEjecucion:hover
{
     border: 1px solid #000000;    
}
.grillaWorkList   tr.grillaWorkListProyectoEjecucionAtrasado:hover
{
     border: 1px solid #000000;    
}
.grillaWorkList   tr.grillaWorkListProyectoNoRendido:hover
{
     border: 1px solid #000000;    
}
.grillaWorkList   tr.grillaWorkListProyectoEnCDE:hover
{
     border: 1px solid #000000;    
}
.grillaWorkList   tr.grillaWorkListProyectoCerrado:hover
{
     border: 1px solid #000000;   
}




.grillaWorkList   tr.grillaWorkListRow:hover
{
    background-color: #f2f2f2;    
}
.grillaWorkList   tr.grillaWorkListRowRed:hover
{
    background-color: #f2f2f2;    
}
.grillaWorkList   tr.grillaWorkListRowGreen:hover
{
    background-color: #f2f2f2;    
}
/*grilla normal*/
.grillaNormal
{
    font-family: Verdana, Sans-Serif;
    background-color: #ffffff;
    border: 1px solid #a5a5a5;
    text-align: left;
}
.grillaNormalHeader
{
    font-size: 11px;
    font-style:normal;
    font-weight: normal;
    color: #000000;
    background-color: #a5a5a5;
}
.grillaNormalFooter
{
    font-size: 11px;
    font-style:normal;
    font-weight:bold;
    color: #000000;
    background-color: #b5b5b5;
}
.grillaNormalRow
{
    font-size: 11px;
    font-style:normal;
    font-weight: normal;
    border: 1px solid #e2e2e2;
    color:#5a5a5a;
}
.grillaNormal   tr.grillaNormalRow:hover
{
    background-color: #f2f2f2;    
}

/* grilla parametros */
.grillaParam
{
    font-family: Verdana, Sans-Serif;
    background-color: #ffffff;
    border: 0px;
}
.grillaParamHeader
{
    font-size: 11px;
    font-style:normal;
    font-weight: normal;
    color: #000000;
    background-color: #ffffff;
}
.grillaParamRow
{
    font-size: 11px;
    font-style:normal;
    font-weight: normal;
    border: 0px;
    color:#5a5a5a;
}

/*grilla Ppto */
.grillaPpto
{
    font-family: Verdana, Sans-Serif;
    font-size: 9px;
    font-style:normal;
    font-weight: normal;
    background-color: #ffffff;
    border: 1px solid #a5a5a5;
}
.grillaPptoHeader
{
    font-size: 9px;
    font-style:normal;
    font-weight: normal;
    color: #ffffff;
    background-color: #000000;
}
.grillaPptoRow
{
    font-size: 10px;
    font-style:normal;
    font-weight: normal;
    border: 1px solid #e2e2e2;
    color:#5a5a5a;
}

.grillaPptoTexboxNumeric
{
    font-size: 10px;
    font-style:normal;
    font-weight: normal;
    background-color: #ffffff;
    color: #5a5a5a;
    border: 0px;
    text-align:right;
}



.grillaPptoN00 { color: #ffffff; background-color: #000000; }
.grillaPptoN01 { color: #ffffff; background-color: #5A5A5A; }
.grillaPptoN02 { color: #ffffff; background-color: #7f7f7f; }
.grillaPptoN03 { color: #000000; background-color: #a5a5a5; }
.grillaPptoN04 { color: #000000; background-color: #bfbfbf; }
.grillaPptoN05 { color: #000000; background-color: #d8d8d8; }
.grillaPptoN06 { color: #000000; background-color: #f2f2f2; }
.grillaPptoN07 { color: #5a5a5a; background-color: #ffffff; }

.grillaPpto   tr.grillaPptoN00:hover{     text-decoration:underline; font-style:italic; font-weight:bold; }
.grillaPpto   tr.grillaPptoN01:hover{     text-decoration:underline; font-style:italic; font-weight:bold;  }
.grillaPpto   tr.grillaPptoN02:hover{     text-decoration:underline; font-style:italic; font-weight:bold;   }
.grillaPpto   tr.grillaPptoN03:hover{     text-decoration:underline; font-style:italic; font-weight:bold;  }
.grillaPpto   tr.grillaPptoN04:hover{     text-decoration:underline; font-style:italic; font-weight:bold; }
.grillaPpto   tr.grillaPptoN05:hover{     text-decoration:underline; font-style:italic; font-weight:bold;  }
.grillaPpto   tr.grillaPptoN06:hover{     text-decoration:underline; font-style:italic; font-weight:bold;  }
.grillaPpto   tr.grillaPptoN07:hover{     text-decoration:underline; font-style:italic; font-weight:bold;  }
/***************************************************/
.popupMenu 
{
    font-family: Verdana, Sans-Serif;
    font-size: 11px;
    font-style:normal;
    font-weight: normal;
    color: #000000;
    position:absolute;
    visibility:hidden;
    background-color:#bfbfbf;
    border: 1px solid #a5a5a5;
}

.popupMenu table tr
{
    border-bottom: 1px solid #000000;
}

.popupMenu table tr td
{
    padding: 1px 7px 1px 7px;
}
.popupMenu table tr:hover
{
    background-color: #f2f2f2;
}


/* Ingreso de datos */
.dePanel
{
    font-family:  Verdana, Sans-Serif;
    font-size: 10px;
    font-weight:bold;    
    text-transform: none;
    color: #5a5a5a;  
     /*border: 1px solid #d8d8d8;  */
     /*padding: 5px 5px 5px 5px;  */
}
.deTextBox
{
    font-family:  Verdana, Sans-Serif;
    font-size: 12px;
    font-weight: normal;    
    text-transform: none;
    color: #5a5a5a;
    padding: 2px 2px 2px 2px;
    
    background-color: #ffffff;
    
    border: 1px solid #d8d8d8;    
}

.deTextBoxAlarma
{
    font-family:  Verdana, Sans-Serif;
    font-size: 12px;
    font-weight: normal;    
    text-transform: none;
    color: #5a5a5a;
    padding: 2px 2px 2px 2px;
    
    background-color: #ffcc66;
    
    border: 1px solid #d8d8d8;    
}

.deTextBoxNumeric
{
    font-family:  Verdana, Sans-Serif;
    font-size: 12px;
    font-weight: normal;    
    text-transform: none;
    text-align: right;
    color: #5a5a5a;
    padding: 2px 2px 2px 2px;
    
    background-color: #ffffff;
    
    border: 1px solid #d8d8d8;    
}
.deTextBoxRO
{
    font-family:  Verdana, Sans-Serif;
    font-size: 12px;
    font-weight: normal;    
    text-transform: none;
    color: #7f7f7f;
    padding: 2px 2px 2px 2px;
    
    background-color: #f2f2f2;
    
    border: 1px solid #d8d8d8;    
}

.deTextBoxNumericRO
{
    font-family:  Verdana, Sans-Serif;
    font-size: 12px;
    font-weight: normal;    
    text-transform: none;
    text-align: right;
    color: #7f7f7f;
    padding: 2px 2px 2px 2px;
    
    background-color: #f2f2f2;
    
    border: 1px solid #d8d8d8;    
}

.dePanel input.deTextBox:focus
{
    background-color: #ffffcc;
}

.dePanel input.deTextBoxAlarma:focus
{
    background-color: #ffffcc;
}

.dePanel input.deTextBoxNumeric:focus
{
    background-color: #ffffcc;
}

.dePanel textarea.deTextBox:focus
{
    background-color: #ffffcc;
}

.dePanel textarea.deTextBoxAlarma:focus
{
    background-color: #ffffcc;
}

.dePanel select.deTextBox:focus
{
    background-color: #ffffcc;
}



.dePanel input.grillaPptoTexboxNumeric:focus
{
    background-color: #ffffcc;
}

/* grupos de datos */
.grPanel
{
    font-family:  Verdana, Sans-Serif;
    font-size: 10px;
    font-weight:bold;    
    text-transform: none;
    color: #5a5a5a;     
}

/* Acciones */
.btPanel
{
    background-color: #f2f2f2;
    font-family:  Verdana, Sans-Serif;
    font-size: 10px;
    font-weight:bold;    
    text-transform: none;
    color: #5a5a5a; 
    /*border: 1px solid #d8d8d8;  */
    /*padding: 5px 5px 5px 5px; */
}
.btNormal
{
     
}

.btNormal:hover
{
  
}
/* Modal Mensaje */
.modalMsgPanel
{
    font-family:  Verdana, Sans-Serif;
    font-size: 10px;
    font-weight:bold;    
    text-transform: none;
    color: #5a5a5a;  
    
     border: 1px solid #d8d8d8; 
     /*padding: 5px 5px 5px 5px;  */
}
.modalMsgBack
{
    background-color: #ffffff;
    filter: alpha(opacity=50);
    opacity: 0.5;
}
.modalMsgTexto
{
    font-family:  Verdana, Sans-Serif;
    font-size: 11px;
    font-weight: normal;    
    text-transform: none;
    color: Red;  
}
.modalMsgTitulo
{
}
.modalMsgBoton
{
}