.titulo {
    font: bold 16px Arial;    
    color:#CCCCCC;/*084B8A o FACC2E o FF8000 o FA8258*/
    background-color:#333;/*E6E6E6 o 333*/ 
    border-width:0px;   
}

.subtitulo {
    font: bold 14px Arial;    
    color:#333;/*084B8A o FACC2E o FF8000 o FA8258*/
    background-color:#ccc;/*E6E6E6 o 333*/
    -webkit-border-radius:5px;    
}

.subtitulo2 {
    font: bold 14px Arial;    
    color:#FFF;/*084B8A o FACC2E o FF8000 o FA8258*/
    background-color:#084B8A;/*E6E6E6 o 333*/
    border-width:0px;   
}

.subtitulo3 {
    font: bold 11px Arial;    
    color:#333;/*084B8A o FACC2E o FF8000 o FA8258*/
    background-color:#d6d8d3;/*E6E6E6 o 333*/  
    border-width:1px;
    border-style:solid;
    border-color:#E6E6E6;   
}

/*Clases para ot laboratorio*/
.titulo_lab {
    font: bold 16px Arial;    
    color:#ffffff;/*d6d8d3*/
    background-color:#3a75c4;
}

.subtitulo_lab {
    font: bold 14px Arial;    
    color:#3a75c4;
    background-color:#d6d8d3;
    -webkit-border-radius:5px; 
}

.titulo_err {
    font: bold 16px Arial;
    color:#FACC2E;/*DF0101 o FF8000*/
    background-color:#333;/*E6E6E6 o 333*/
}

.inicio_sesion{     
    background-color:#E6E6E6;  /* E6E6E6 */     
    border-width:5px;
    border-style:solid;
    border-color:#E6E6E6;
    -webkit-border-radius:5px;
    box-shadow: 2px 2px 5px #000000;
}

/*Tamaño grande*/
.etiqueta {
    font-family: arial;
    font-size:13px;
    color:#084B8A; /*azul*/
}

/*Tamaño mas pequeño*/
.etiqueta2 {
    font-family: arial;
    font-size:12px;  
    color:#084B8A;    
}

/*Etiqueta destacada Ej Nro OT*/
.etiqueta3 {
    font: bold 14px Arial;    
    color:#E6E6E6;
    background-color:#084B8A;
    border-width:3px;   
    border-radius: 5px;/*Borde redondo*/
    -webkit-border-radius:5px;
    /*box-shadow: 2px 2px 5px #fff;/*Sombra */ 
}

/* Etiqueta como titulo de tabla*/
.etiqueta4 {
	background-color:#084B8A;
    font: bold 10px Arial;
	color: #FFFFFF;
	border: 0px solid #FFFFFF;
    padding:1px;
    height: 24px;	
}

.etiqueta5 {/* Etiqueta como registro de tabla celeste*/
	background-color: #CEE3F6;
    font: 9px Arial;
	color: #2E2E2E;
	border: 0px solid #F2F2F2;	
    padding:1px;
    height: 24px;
}

.etiqueta6 {/* Etiqueta como registro de tabla gris*/
    background-color: #CCC;
    font: 9px Arial;
	color: #2E2E2E;
	border: 0px solid #F2F2F2;	
    padding:1px;
    height: 24px;
}

.etiqueta7 {/*como titulo_lab, pero mas pequeño*/
    background-color: #3a75c4;
    font: 9px Arial;
	color: #ffffff;
	border: 0px solid #F2F2F2;	
    padding:1px;
    height: 24px;
}

.text_obligatorio {
    background-color:#F4F788;/*amarillo*/
    border-width:1px;    
    border-style:solid;
    border-color:#A4A4A4;
}

.text_obligatorio2 {     
    font-family: arial;
    font-size:11px;    
    background-color:#F4F788;
    border-width:1px;    
    border-style:solid;
    border-color:#A4A4A4;
}

.text_normal {
    background-color:#FFFFFF;
    border-width:1px;    
    border-style:solid;
    border-color:#A4A4A4;
}

.text_normal2 {
    font-family: arial;
    font-size:11px;
    background-color:#FFFFFF;
    border-width:1px;    
    border-style:solid;
    border-color:#A4A4A4;
}

.text_disabled { 
    color: #000000;
    background-color:#D8D8D8;
    border-color:#A4A4A4;
    border-width:1px;
    border-style:solid;    
}

.text_disabled2 {
    font: 11px Arial;
    color: #000000; 
    background-color:#D8D8D8;
    border-color:#A4A4A4;
    border-width:1px;
    border-style:solid;
}

.msn_err {
    font-family: arial;
    font-size:13px;
    color:#DF0101;/*rojo*/
}

.msn_nulo {    
    font: bold 15px Arial;    
    color:#DF0101;/*084B8A o FACC2E o FF8000 o FA8258*/   
}

.reloj{   
    font:15px Arial;
    color:#FFFFFF;
    text-shadow: #000000 2px +2px 2px;
}

.usuario{    
    font:15px Arial;
    color:#FFFFFF;
    text-shadow: #000000 2px +2px 2px;
}

/*TABLA*/
.tabla_head {
	background-color:#084B8A;
    font: bold 10px Arial;
	color: #FFFFFF;
	border: 0px solid #FFFFFF;
	text-align: left;
    padding:1px;
    height: 24px;
  /*  box-shadow: 2px 2px 5px #000; 
    -webkit-border-radius:5px;
    box-shadow: 2px 2px 5px #000000;*/
}

    .tabla_datos1 td{
    	background-color: #CEE3F6; /*#D8D8D8 o #CEE3F6*/
        font: 10px Arial;
    	color: #2E2E2E;
    	border: 0px solid #F2F2F2;
    	text-align: left;
        padding:1px;
        height: 24px;
       
 /*       -webkit-border-radius:5px;
        box-shadow: 2px 2px 5px #000000;  */
    }
    
            .tabla_datos_over td{ 
            	background-color: #99cc99; /*#FA8258 #D8D8D8 o #CEE3F6 o #cccc99 o #99cc99*/
                font: 10px Arial;  
            	color: #333;
            	border: 0px solid #F2F2F2;
            	text-align: left;                
                padding:0px;
                height: 24px;
                cursor: pointer;                
                /*box-shadow: 2px 2px 5px #000000;*/
            }
    
    
    .tabla_datos2 td{
    	background-color: #FAFAFA;
        font: 10px Arial;
    	color: #2E2E2E;
    	border: 0px solid #F2F2F2;
    	text-align: left;
        padding:1px;
        height: 24px; 
 /*       -webkit-border-radius:5px;
        box-shadow: 2px 2px 5px #000000;  */
    }
    
    .tabla_disabled td {
    	background-color: #E6E6E6;
        font: 10px Arial;
    	color: #585858;
    	border: 0px solid #F2F2F2;
    	/*text-align: center;*/
        padding:1px;
        height: 24px;
    }
    
    .grilla_null{     
      font:15px Arial;
      color:#084B8A;    
      text-shadow: #848484 2px +2px 2px;        
    }
    
/*GRILLA DIV*/
    .grid_datos{        
        max-height:400px; 
        overflow: auto; 
    }
    
/*GRILLA DIV MAS PEQUEÑO UTIL PARA PANTALLA DIVIDIDA EN DOS EJ: TRATAMIENTO COMERCIAL*/
    .grid_datos2{        
        max-height:150px; 
        overflow: auto; 
    }

/*COMBOS*/
.combo_titulo{   
    font:11px Arial;
    color:#FFFFFF;
    background-color: #084B8A;
    /*text-shadow: #000000 2px +2px 2px;*/
}

.combo_dato{   
    font:11px Arial;
    color:#000000;
    background-color: #FFFFFF;
    /*text-shadow: #000000 2px +2px 2px;*/
}

/*BOTONES*/
.botonera{
    font-family: arial;
    font-size:12px;   
    color:#084B8A;   
    position:absolute;    
    left:60%;
    background-color:#E6E6E6;
    border-width:5px;
    border-style:solid;
    border-color:#E6E6E6;
    -webkit-border-radius:5px;
    box-shadow: 2px 2px 5px #000000;
}

.botonera2{
    position:absolute; 
    right:6%;
    top: 45%;
    background-color:#E6E6E6;    
    border-width:5px;
    border-style:solid;
    border-color:#E6E6E6;
    -webkit-border-radius:5px;
    box-shadow: 2px 2px 5px #000000;
}

/*Coloca la botonera arriba*/
.botonera3{
    position:absolute;    
    top: 0%;
    background-color:#E6E6E6;  /* E6E6E6 */     
    border-width:5px;
    border-style:solid;
    border-color:#E6E6E6;
    -webkit-border-radius:5px;
    box-shadow: 2px 2px 5px #000000;
}

.marco{ 
    /*font: bold 11px Arial;
    color:#084B8A; */  
    background-color:#E6E6E6;  /* E6E6E6 */     
    border-width:5px;
    border-style:solid;
    border-color:#E6E6E6;
    -webkit-border-radius:5px;
    box-shadow: 2px 2px 5px #000000;
}

.marco2{ 
    /*font: bold 11px Arial;
    color:#084B8A; */  
    
    background-color:#d6d8d3;/*#d6d8d3;  /* E6E6E6 */    
    border-width:5px;
    border-style:solid;
    border-color:#d6d8d3;
    -webkit-border-radius:5px;
    box-shadow: 2px 2px 5px #000000;
}

.bt_grabar{    
    background-image:url(../imagenes/bt_grabar.png);  
    width: 27px;
    height: 27px;
    border-width:1px; 
    border-color:#FAFAFA;
    background-color:#D8D8D8;
    -webkit-border-radius:5px;
    box-shadow: 2px 2px 5px #000000;
}

.bt_grabar_imprimir{
    background-image:url(../imagenes/bt_grabar_imprimir.png); 
    background-repeat:no-repeat;   
    width: 35px;
    height: 27px;
    border-width:1px; 
    border-color:#FAFAFA;
    background-color:#D8D8D8;
    -webkit-border-radius:5px;
    box-shadow: 2px 2px 5px #000000;
}

.bt_eliminar{
    background-image:url(../imagenes/bt_eliminar.png);  
    width: 27px;
    height: 27px;
    border-width:1px;
    border-color:#FAFAFA;
    background-color:#D8D8D8;
    -webkit-border-radius:5px;
    box-shadow: 2px 2px 5px #000000;
}

.bt_exportar{
    background-image:url(../imagenes/bt_exportar.png);  
    width: 27px;
    height: 27px;
    border-width:1px;
    border-color:#FAFAFA;
    background-color:#D8D8D8;
    -webkit-border-radius:5px;
    box-shadow: 2px 2px 5px #000000;
}

.bt_contrato{
    background-image:url(../imagenes/bt_contrato.png);  
    width: 27px;
    height: 27px;
    border-width:1px;
    border-color:#FAFAFA;
    background-color:#D8D8D8;
    -webkit-border-radius:5px;
    box-shadow: 2px 2px 5px #000000;
}

.bt_volver{
    background-image:url(../imagenes/bt_volver.png);  
    width: 27px;
    height: 27px;
    border-width:1px;
    border-color:#FAFAFA;
    background-color:#D8D8D8;
    -webkit-border-radius:5px;
    box-shadow: 2px 2px 5px #000000;
}

.bt_exp_word{
    background-image:url(../imagenes/exp_word_24x24.png);  
    width: 27px;
    height: 27px;
    border-width:1px;
    border-color:#FAFAFA;
    background-color:#D8D8D8;
    -webkit-border-radius:5px;
    box-shadow: 2px 2px 5px #000000;
}

.bt_cancelar{
    background-image:url(../imagenes/bt_cancelar.png);  
    width: 27px;
    height: 27px;
    border-width:1px;
    border-color:#FAFAFA;
    background-color:#D8D8D8;
    -webkit-border-radius:5px;
    box-shadow: 2px 2px 5px #000000;
}

.bt_select{
    background-image:url(../imagenes/bt_select_16x16.png);
    background-repeat:no-repeat;    
    background-position:center center;
    background-color:#FFFFFF;
    cursor: pointer; 
}

.bt_buscar{
    background-image:url(../imagenes/bt_buscar_24x24.png);  
    width: 27px;
    height: 27px;
    border-width:1px;
    border-color:#FAFAFA;
    background-color:#D8D8D8;
    -webkit-border-radius:5px;
    box-shadow: 2px 2px 5px #000000; 
}

.bt_buscar2{
    background-image:url(../imagenes/bt_buscar_16x16.png);
    background-repeat:no-repeat;  
    width: 21px;
    height: 21px;    
    border-width:2px;    
    border-radius: 5px;/*Borde redondo*/    
    box-shadow: 2px 2px 5px #000000;/*Sombra*/
}

.bt_abrir_popup{
    cursor: pointer;    
    font:bold 14px Arial;
    padding-left:4px;
    color:#E6E6E6;    
    width: 21px;
    height: 21px;   
    background-color:#084B8A;
    border-width:2px;
    border-radius: 5px;/*Borde redondo*/    
    box-shadow: 2px 2px 5px #000000;/*Sombra*/
    /*-webkit-border-radius:5px;*/
}

.bt_chk{
    background-image:url(../imagenes/bt_chk.png);
    background-repeat:no-repeat;  
    width: 27px;
    height: 27px;    
    border-width:2px;  
    -webkit-border-radius:5px;
    box-shadow: 2px 2px 2px #000000;
}

.bt_opc_usuario{ 
    background-image:url(../imagenes/bt_opc_user.png);
    background-repeat:no-repeat;    
    background-position:center;    
    cursor: pointer; 
    text-align: center;
}

.bt_salir{
    background-image:url(../imagenes/bt_salir_24x24.png);  
    width: 27px;
    height: 27px;
    border-width:1px; 
    border-color:#FAFAFA;
    background-color:#D8D8D8;
    -webkit-border-radius:5px;
    box-shadow: 2px 2px 5px #000000;
}

.bt_print{
    background-image:url(../imagenes/bt_print.png);
    background-repeat:no-repeat;
    width: 27px;
    height: 27px;
    border-width:1px;
    border-color:#FAFAFA;
    background-color:#D8D8D8;
    -webkit-border-radius:5px;
    box-shadow: 2px 2px 5px #000000;
}

.bt_preview{
    background-image:url(../imagenes/bt_preview.png);
    background-repeat:no-repeat;
    width: 27px;
    height: 27px;
    border-width:1px;
    border-color:#FAFAFA;
    background-color:#D8D8D8;
    -webkit-border-radius:5px;
    box-shadow: 2px 2px 5px #000000;
}

.bt_upload{
    /*background-image:url(../imagenes/bt_upload_32x32.png);*/
    background-image:url(../imagenes/bt_upload.png);
    background-repeat:no-repeat;  
    width: 32px;
    height: 32px;
    border-width:1px; 
    border-color:#FAFAFA;
    background-color:#D8D8D8;
    -webkit-border-radius:5px;
    box-shadow: 2px 2px 5px #000000;
}

.bt_sumar{
    background-image:url(../imagenes/bt_sumar_21x21.png);
    background-repeat:no-repeat;  
    width: 23px;
    height: 23px;
    border-width:1px; 
    border-color:#FAFAFA;
    background-color:#D8D8D8;
    -webkit-border-radius:5px;
    box-shadow: 2px 2px 5px #000000;
}

.bt_restar{
    background-image:url(../imagenes/bt_restar_21x21.png);
    background-repeat:no-repeat;  
    width: 23px;
    height: 23px;
    border-width:1px; 
    border-color:#FAFAFA;
    background-color:#D8D8D8;
    -webkit-border-radius:5px;
    box-shadow: 2px 2px 5px #000000;
}

.bt_agenda_prev{ 
    font:bold 12px Arial;
    color: #ffffff;  
    background-image:url(../imagenes/bt_agenda_prev.png);
    background-repeat:no-repeat;  
    width: 27px;
    height: 26px;
    border-width:1px; 
    border-color:#FAFAFA;
    background-color:#D8D8D8;
    -webkit-border-radius:5px;
    box-shadow: 2px 2px 5px #000000;
}

.bt_activ_gcampo{  
    font:bold 12px Arial;
    background-image:url(../imagenes/bt_activ_gcampo.png);
    background-repeat:no-repeat;
    width: 27px;
    height: 27px;
    border-width:1px;
    border-color:#FAFAFA;
    background-color:#D8D8D8;
    -webkit-border-radius:5px;
    box-shadow: 2px 2px 5px #000000;
}

.bt_ot{
    font:bold 12px Arial;
    color:#ccc;  
    text-align:center;
    width: 27px;
    height: 27px;
    background-color:#333;
    border-width:1px;
    -webkit-border-radius:5px;
    box-shadow: 2px 2px 5px #000000;
}

.bt_doc_anx{  
    font:bold 13px Arial;
    background-image:url(../imagenes/bt_doc_anx.png);
    background-repeat:no-repeat;
    width: 27px;
    height: 27px;
    border-width:1px;
    border-color:#FAFAFA;
    background-color:#D8D8D8;
    -webkit-border-radius:5px;
    box-shadow: 2px 2px 5px #000000;
}

.bt_nuevo{
    font:bold 13px Arial;
    background-image:url(../imagenes/bt_nuevo.png);
    background-repeat:no-repeat;
    width: 20px;
    height: 20px;
    border-width:1px;
    border-color:#FAFAFA;
    background-color:#D8D8D8;   
}

.bt_activ_lab{  
    background-image:url(../imagenes/bt_activ_gcampo.png);
    background-repeat:no-repeat;
    width: 27px;
    height: 27px;
    border-width:1px;
    border-color:#FAFAFA;
    background-color:#D8D8D8;
    -webkit-border-radius:5px;
    box-shadow: 2px 2px 5px #000000;
}

.bt_ver_logueo{
    background-image:url(../imagenes/bt_ver_logueo.png); 
    background-repeat:no-repeat;   
    width: 27px;
    height: 27px;
    border-width:1px; 
    border-color:#FAFAFA;
    background-color:#D8D8D8;
    -webkit-border-radius:5px;
    box-shadow: 2px 2px 5px #000000;
}

.icon_recepcion{/*OT Terreno*/
    font:bold 12px Arial;
    background-image:url(../imagenes/icon_recepcion.png); 
    background-repeat:no-repeat;  
    width: 20px;
    height: 20px;
    border-width:1px;
}

.icon_recepcion2{/*OT Laboratorio*/
    font:bold 12px Arial;
    background-image:url(../imagenes/icon_recepcion2.png); 
    background-repeat:no-repeat;  
    width: 20px;
    height: 20px;
    border-width:1px;
}

.icon_agenda_prev{
    font:bold 12px Arial;
    color: #ffffff;     
    text-shadow:#000000 1px 1px 1px;
    background-image:url(../imagenes/icon_agenda_prev.png); 
    background-repeat:no-repeat;  
    width: 20px;
    height: 20px;
    border-width:1px;    
}

.icon_gcampo{
    font:bold 12px Arial;
    color: #ffffff;     
    text-shadow:#000000 1px 1px 1px;
    background-image:url(../imagenes/icon_gcampo.png); 
    background-repeat:no-repeat;  
    width: 20px;
    height: 20px;    
    border-width:1px;
}

.icon_incidente{
    font:bold 12px Arial;
    color: #000000;     
    text-shadow:#ffffff 1px 1px 1px;
    background-image:url(../imagenes/icon_incidente.png); 
    background-repeat:no-repeat;    
    width: 19px;
    height: 20px;    
    border-width:1px;
}

.icon_incidente_lab{
    font:bold 12px Arial;
    color: #000000;     
    text-shadow:#ffffff 1px 1px 1px;
    background-image:url(../imagenes/icon_incidente_lab.png); 
    background-repeat:no-repeat;  
    width: 20px;
    height: 20px;
    border-width:1px;  
}

.icon_repuestos{
    font:bold 12px Arial;
    color: #000000;     
    text-shadow:#ffffff 1px 1px 1px;
    background-image:url(../imagenes/icon_gastos.png); 
    background-repeat:no-repeat;  
    width: 20px;
    height: 20px;
    border-width:1px;
}

.icon_doc_anx{
    font:bold 12px Arial;
    color: #000000;     
    text-shadow:#ffffff 1px 1px 1px;
    background-image:url(../imagenes/icon_doc_anx.png); 
    background-repeat:no-repeat;  
    width: 20px;
    height: 20px;
    border-width:1px;
}

.icon_email{
    font:bold 12px Arial;
    color: #000000;     
    text-shadow:#ffffff 1px 1px 1px;
    background-image:url(../imagenes/icon_email.png); 
    background-repeat:no-repeat;  
    width: 20px;
    height: 20px;
    border-width:1px;
}

.icon_email_lab{
    font:bold 12px Arial;
    color: #000000;     
    text-shadow:#ffffff 1px 1px 1px;
    background-image:url(../imagenes/icon_email_lab.png); 
    background-repeat:no-repeat;  
    width: 20px;
    height: 20px;
    border-width:1px;
}

.icon_resumen{
    font:bold 12px Arial;
    color:#333;    
    width: 20px;
    height: 20px;
    border-width:1px;
}

.icon_ot{
    font:bold 12px Arial;
    color:#ccc;  
    text-align:center;
    width: 26px;
    height: 20px;    
    background-color:#333;
    border-width:1px;
}

.icon_historial{
    font:bold 12px Arial;
    color:#333;    
    width: 20px;
    height: 20px;  
    background-color:#f2d13d;
    border-width:1px;
}

.icon_serv_tecnico{
    font:bold 12px Arial;
    color:#000000;
    background-image:url(../imagenes/icon_serv_tecnico.png); 
    background-repeat:no-repeat;  
    width: 20px;
    height: 20px;
    border-width:1px;   
    text-shadow:1px 1px white,-1px -1px #ccc;   
}

.icon_entrega_eq{
    font:bold 12px Arial;
    color:#DF0101;
    background-image:url(../imagenes/icon_entrega_eq.png); 
    background-repeat:no-repeat;  
    width: 24px;
    height: 20px;
    border-width:1px;   
    text-shadow:1px 1px white,-1px -1px #ccc;   
}

.icon_delete{    
    background-image:url(../imagenes/icon_delete.png); 
    background-repeat:no-repeat;  
    width: 15px;
    height: 15px;
    border-width:0px;
}

.icon_factura{
    font:bold 12px Arial;
    color:#DF0101;    
    width: 20px;
    height: 20px;
    border-width:1px;
}

.formula_titulo {
	background-color:#084B8A;
    font: bold 10px Arial;
	color: #FFFFFF;
	border: 0px solid #FFFFFF;
	text-align: center;
    box-shadow: 2px 2px 5px #000;
}

.formula_subtitulo {
	background-color: #d1ccbf;
    font: 9px Arial;
	color: #2E2E2E;
	border: 0px solid #F2F2F2;
	text-align: center; 
}

.formula_tr {	
    font: 9px Arial;
	color: #2E2E2E;
	background-color: #ffcc49;/*naranjo*/
	text-align: center;
}
    
.formula_ts{    
    font: 9px Arial;
	color: #2E2E2E;
	background-color: #99cc99;/*verde*/
	text-align: center;
}

.head_email_recibido {	
    font: bold 11px Arial;
	color: #FFFFFF;
    text-align: left;
    background-color:#006699;
    height: 24px; 
}

.head_email_enviado {        
    font: bold 11px Arial;
	color: #ffffff;
    text-align: left;
    background-color: #009999;
    height: 24px;  
}