/* body */ 
	/* aplicacion */
	html{
		height: 100%;
		}
	
	body.app {
		background-image: url(../img/bodybg.gif);
    	background-position: top left;
    	background-repeat: repeat-x;
    	background-color: #ffffff;
    	margin: 0px;
    	padding: 0px;
		height: 100%;
    	}
		
	.app_banda{
		width:20px;
		background: url(../img/banda.gif) top left repeat-y;
		}
		
	.app_logo{
		vertical-align:top;
		padding:6px 0px 0px 9px;
		background: 9px 6px no-repeat;
		}

/* Texto general */
	/* aplicacion */
	.app_fuente{
        font:11px tahoma, verdana, arial, sans-serif;
        color:#4d5863;
    	}
		
/* login */
	/* aplicacion */
	.app_buscar_login {
	    font:11px tahoma, verdana, arial, sans-serif;
	    color:#4d5863;
	    border:1px solid #4d5863;
	    background-color:#ffffff;
	    height:14px;
	    vertical-align:1px;
		padding:0px;
		padding-left:3px;
	    }
		 
	.app_login{
	 	font:11px tahoma, verdana, arial, sans-serif;
		color:#4d5863;
		border:1px solid #4d5863;
		height: 18px;
		padding-left:4px;
		}
	
	a:hover.app_9px{
		font:9px tahoma, verdana, arial, sans-serif;
		color:#4d5863;
		text-decoration:underline;
		}
		
	a.app_9px{
		font:9px tahoma, verdana, arial, sans-serif;
		color:#4d5863;
		text-decoration:none;
		}	
	
	/* Usuario autentificado */
    .zona_u{
		width: 360px;
		height: 23px;
		text-align: right;
		vertical-align: bottom;
		background: url(../img/slauthfin_e.gif) left top no-repeat;
        padding-bottom: 2px;
		font: 11px tahoma, verdana, arial, sans-serif;
		color: #4d5863;
		}
  
	.zona_u_e{
		width: 360px;
		background: url(../img/slauthbg_e.gif) left top repeat-x;
		}
	
    .app_nombre{
        font:bold 13px tahoma, verdana, arial, sans-serif;
        color:#4d5863;
    	}
		
	.app_salir{
		width:20px;
		background: url(../img/exit.gif) 2px 5px no-repeat;
		}
		
	.app_l2sep{
		background: url(../img/lsep.gif) 10px top no-repeat;
		/background: url(../img/lsep.gif) 10px 5px no-repeat;
		}

	.app_appchan{
		font:9px tahoma, verdana, arial, sans-serif;
		color:#4d5863;
		height:14px; 
		width:80px;
		vertical-align:0px;
		}
	 	 
	 	 
/* brujula */
	/* aplicacion */
	.app_brujula{
	    font:11px tahoma, verdana, arial, sans-serif;
	    color:#626262;
	    width:100%;
	    padding:0px 0px 1px 10px;
		text-decoration:bold;
	    }
        
    a:hover.app_norte{
	    font:10px tahoma, verdana, arial, sans-serif;
	    color:#a9b7c6;
	    text-decoration:underline;
	    }
    
    a.app_norte{
	    font:10px tahoma, verdana, arial, sans-serif;
	    color:#a9b7c6;
	    text-decoration:none;
	    }
	
	.app_arrow{
		padding-left:8px;
		background: url(../img/pik_b.gif) left 4px no-repeat;
		}
		
/* menu horizontal */
	/* aplicacion */
	.app_mhfondo{
		background: url(../img/m1bg.gif);
		}
		
	.app_mhfondo1{
		background: url(../img/m2bg.gif);
		}
		
	.app_1item0{
		background: url(../img/m1_item0.gif);
        font:11px tahoma, verdana, arial, sans-serif;
        color:#4d5863;
        cursor:pointer;
    	}
    
    .app_1item1{
		background: url(../img/m1_item1.gif);
        font:11px tahoma, verdana, arial, sans-serif;
        color:#ffffff;
    	}
		
    .app_2item0{
        font:11px tahoma, verdana, arial, sans-serif;
        color:#ffffff;
        cursor:hand;
        background: url(../img/m2_item0.gif);
    	}
    
    .app_2item1{
        font:11px tahoma, verdana, arial, sans-serif;
        color:#ffffff;
        background: url(../img/m2_item1.gif);
		cursor:hand;
    	}
		
	.app_mh1sep0{
		width:14px; 
		height:18px;		
		background: url(../img/m1_sep0.gif);
		}
		
	.app_mh1sep1{
		width:14px; 
		height:18px;		
		background: url(../img/m1_sep1.gif);
		}
		
	.app_mh1sep2{
		width:14px; 
		height:18px;
		background: url(../img/m1_sep2.gif);
		}
	
	.app_mh2sep0{
		width:14px; 
		height:18px;		
		background: url(../img/m2_sep0.gif);
		}
		
	.app_mh2sep1{
		width:14px; 
		height:18px;		
		background: url(../img/m2_sep1.gif);
		}
		
	.app_mh2sep2{
		width:14px; 
		height:18px;
		background: url(../img/m2_sep2.gif);
		}
	 
/* menu v */
	/* aplicacion */ 
    .app_mvitem{
        width:148px;
        height:15px;
        text-align:left;
		font:11px tahoma, verdana, arial, sans-serif;
        color:#4d5863;
        cursor:pointer;
        background: url(../img/mvi0.gif) bottom left;
    	}
		
	.app_mvitem_sel{
        width:148px;
        height:15px;
        text-align:left;
		font:11px tahoma, verdana, arial, sans-serif;
        color:#ffffff;
        cursor:default;
        background: url(../img/mvi0_sel.gif) bottom left;
    	}
    
	.app_mv0sombra{
	 	width:148px;
		height:4px;
		background: url(../img/mvsombra.gif);
	 	}
		
	.app_mv0sombra_sel{
	 	width:148px;
		height:4px;
		background: url(../img/mvsombra_sel.gif);
	 	}
	
	.app_mv0_00{
	 	width:148px;
		height:7px;
		background: url(../img/mvi0a.gif);
	 	}
		
	.app_mv0_10{
	 	width:148px;
		height:7px;
		background: url(../img/mvi0a_sel.gif);
	 	}
		
	.app_mv0_01{
	 	width:148px;
		height:7px;
		background: url(../img/mvi0b.gif);
	 	}
		
	.app_mv0fin{
	 	width:148px;
		height:7px;
		background: url(../img/mvi0fin.gif);
	 	}
		
	.app_mv0fin_sel{
	 	width:148px;
		height:7px;
		background: url(../img/mvi0fin_sel.gif);
	 	}
		
	.app_mvarrow{
		background: url(../img/mvitem_pik.gif) 6px 5px no-repeat;
		}
		
	.app_mvarrow_sel{
		background: url(../img/mvitem_pik_desp.gif) 6px 5px no-repeat;
		}
	
	.app_mvitem1{
		width:148px;
        height:15px;
        text-align:left;
        padding-left:20px;
        font:11px tahoma, verdana, arial, sans-serif;
        color:#4d5863;
        cursor:hand;
        background: url(../img/mvi1.gif) top left;
		}
	
	.app_mvitem1_sel{
		width:148px;
        height:15px;
        text-align:left;
        padding-left:20px;
        font:11px tahoma, verdana, arial, sans-serif;
        color:#ffffff;
        cursor:pointer;
        background: url(../img/mvi1a.gif) top left;
		}
		
	.app_mv1microv{
	 	width:148px;
		height:2px;
		background: url(../img/mv1sep.gif);
		}
	
	a:hover.app_mvlink{
		font:11px tahoma, verdana, arial, sans-serif;
        color:#4d5863;
		text-decoration:none;
		}
		
	a.app_mvlink{
		font:11px tahoma, verdana, arial, sans-serif;
        color:#4d5863;
		text-decoration:none;
		}

/* contenido */
	/* aplicacion */
	.app_fecha{
		text-align: left;
		font:bold 8px tahoma, verdana, arial, sans-serif;
		color:#2B5C5A;
		}
	
	.app_contenido{
		width:100%;
		vertical-align:top; 
		font:11px tahoma, verdana, arial, sans-serif;
		color:#4d5863;
		}
		
	.app_contenido_vn{
		width:665px;
		vertical-align:top; 
		padding-top:10px;		
		font:11px tahoma, verdana, arial, sans-serif;
		color:#4d5863;
		}
		
	.apptit{
		font:16px tahoma, verdana, arial, sans-serif;
		color:#a9b7c6;
		}
		
	.apptit2{
		font:bold 12px tahoma, verdana, arial, sans-serif;
		color:#a9b7c6;
		}
	
	/* tablas */	
	.app_dato_tit{
		padding:0px 0px 0px 0px;
		vertical-align:bottom;
		font:bold 12px tahoma, verdana, arial, sans-serif;
		color:#4d5863;
	
		}
		
	.app_dato{
		font:12px tahoma, verdana, arial, sans-serif;
		color:#4d5863;
		padding:0px 4px 0px 4px;
		vertical-align:bottom;
		}
		
	.app_dato_g{
		font:9px tahoma, verdana, arial, sans-serif;
		color:#4d5863;
		text-align:center;
		vertical-align:bottom;
		}
		
	.app_datopik{
		font:10px tahoma, verdana, arial, sans-serif;
		color:#4d5863;
		padding:0px 20px 0px 10px;
		vertical-align:bottom;
		background: url(../img/pik_b.gif) 4px 8px no-repeat;
		}	
	
	/* botones*/
	.app_button0{
		cursor:pointer;
		}
	
	.app_button1{
		background: url(../img/boton01.gif) left top no-repeat;
		}
	
	.app_button2{
		background: url(../img/boton02.gif) left top repeat-x;
		font:11px tahoma, verdana, arial, sans-serif;
		color:#4d5863;
		}
	
	.app_button3{
		background: url(../img/boton03.gif) left top no-repeat;
		}	
	
	.app_genbot0{
		cursor:pointer;
		}
			
	.app_genbot1{
		background: url(../img/genbot_01.gif) left top no-repeat;
		}
			
	.app_genbot2{
		background: url(../img/genbot_02.gif) left top repeat-x;	
		font:10px tahoma, verdana, arial, sans-serif;
		color:#4d5863;
		padding:0px 4px 0px 4px;
		}
			
	.app_genbot3{
		background: url(../img/genbot_03.gif) left top no-repeat;	
		}
	
	/* listas */	
	.app_lsortpik_d{
		width:15px;
		background: url(../img/pikd.gif) 4px 3px no-repeat;
		}

	.app_lsortpik_a{
		width:15px;
		background: url(../img/pika.gif) 4px 3px no-repeat;
		}
	
	.app_lsortpik_trans{
		width:15px;
		background: url(../img/trans.gif) 4px 3px no-repeat;
		}
	
	.app_brrl{
		padding-top:2px;
		height:3px;
		background-color:#ffffff;
		background: url(../img/brrl1_sel.gif) bottom left repeat-x;
		}
	
	.app_brrl_sel{
		padding-top:2px;
		height:3px;
		background-color:#ffffff;
		background: url(../img/brrl1.gif) bottom left repeat-x;
		}
		
    .app_brrl_click{
		padding-top:2px;
		height:3px;
    	background-color:#ffffff;
		background: url(../img/brrl1_click.gif) bottom left repeat-x;
    	}
		
	.app_fbrrl{
		padding-top: 2px;
		height: 3px;
		background: url(../img/brrl1.gif) left bottom repeat-x;
		}
	
	.app_fbrrl_sel{
		padding-top: 2px;
		height: 3px;
		background: url(../img/brrl1_sel.gif) left bottom repeat-x;
		}
		
	/* ESTADOS */
	.app_daprobada{
		color:#008000;
		}
	
	.app_dpendiente{
		color:#ff9900;
		}
		
	.app_drechazada{
		color:#ff0000;
		}
		
	/* modulo buscar */
	.app_sok{
		padding-left:4px;
		background: url(../img/okb.gif) 3px 2px no-repeat;
		}
		
	/* modulo listado */
	.app_listados{
		width: 226px;
		}
	
	/* tabla filtro */
	.app_filtitle{
		font:11px tahoma, verdana, arial, sans-serif;
        color:#4d5863;
		padding-left:10px;
    	}
		
	.app_filtpik{
		width:13px;
		vertical-align:bottom;
		text-align:right;
		background: url(../img/mvitem_pik.gif) 2px 4px no-repeat;
		}
	
	.app_filtpik_desp{
		width:13px;
		vertical-align:bottom;
		text-align:right;
		background: url(../img/mvitem_pik_desp.gif) 2px 4px no-repeat;
		}
	
	.app_fmicrov{
		background: url(../img/microv.gif) left 4px repeat-x;
		}
	
	.app_filtok{
		padding-left:4px;
		background: url(../img/oka.gif) 4px 0px no-repeat;
		}
	
	.app_f1{
		width:5px;
		height:4px;
		background: url(../img/appf01.gif);
		}
		
	.app_f2{
		height:4px;
		background: url(../img/appf02.gif) repeat-x;
		}
		
	.app_f3{
		width:5px;
		height:4px;
		background: url(../img/appf03.gif);
		}
		
	.app_f4{
		width:5px;
		background: url(../img/appf04.gif) repeat-y;
		}
		
	.app_f5{
		width:5px;
		background: url(../img/appf05.gif) repeat-y;
		}
		
	.app_f6{
		width:5px;
		height:7px;
		background: url(../img/appf06.gif);
		}
		
	.app_f7{
		height:7px;
		background: url(../img/appf07.gif) repeat-x;
		}
		
	.app_f8{
		width:5px;
		height:7px;
		background: url(../img/appf08.gif);
		}
		
	.app_fc{
		font:11px tahoma, verdana, arial, sans-serif;
		color:#4d5863;
		background-color:#cfd6dd;
		}
		
	/* fichas */
	.app_contadores{
		text-align: left;
		font:bold 8px tahoma, verdana, arial, sans-serif;
		color:#2B5C5A;
		}
		
	.app_fimg{
		border:	1px solid #4d5863;
		}
	.app_fichacampo{
		font: 11px tahoma, verdana, arial, sans-serif;
		color: #4d5863;
		text-align:right;
		}
		
	.app_fichacampob{
		font:12px tahoma, verdana, arial, sans-serif;
     	color:#4d5863;
		vertical-align:top;
		border:1px solid white;
		padding:2px 4px 2px 4px;
		background-color:#D7DDE3;
		}
	
	.app_fichatit{
	    font:11px tahoma, verdana, arial, sans-serif;
        color:#4d5863;
		padding-left:10px;
		}
	
	.app_fichatit_sel{
	    font:bold 12px tahoma, verdana, arial, sans-serif;
        color:#4d5863;
		padding-left:10px;
		}
	
	.app_textareal{
		font:11px tahoma, verdana, arial, sans-serif;
     	color:#4d5863;
		border:1px solid #4d5863;
		padding:2px 1px 2px 4px;
		}

	/* iconos */
	.app_fico_cal{
		background: url(../img/cal.gif) 6px 1px no-repeat;
		vertical-align:top;		
		}
			
	.app_fico_email{
		background: url(../img/econtacto.gif) 6px 3px no-repeat;
		vertical-align:top;		
		}
		
	/* calendario */
	td.app_calcont{
		height:10px;
		padding:2px 0px 2px 0px;
		vertical-align:top;
		text-align:center;
		}
		
	.app_cal_modb{	
		height: 170px; 
		}
	
	.app_cal_dnormal{
		border:1px solid white;
		text-align:right;
		padding:1px;
		}
		
	.app_cal_dsemana{
		text-align:center;
		}
		
	.app_cal_dfinde{
		text-align:center;
		background-color:#A8B4C0;
		padding:1px;
		border:1px solid #ffffff;
		color:#ffffff;
		}
		
	.app_cal_dfestivo{
		text-align: center;
		background-color: #A8B4C0;
		padding: 1px;
		border: 1px solid #ffffff;

		font-weight: bold;
		}
		
	.app_cal_dfvac{
		text-align: center;
		background-color: #4d5863;
		padding: 1px;
		border: 1px solid #ffffff;
		color:#A8B4C0;
		}
		
	.app_cal_back{
		background: url(../img/cal_left.gif) left top no-repeat;
		}
	
	.app_cal_next{
		background: url(../img/cal_right.gif) left top no-repeat;
		}
		
/* Pie */
	/* aplicacion */
	.app_foot{
		background: url(../img/logo_m.gif) right 16px no-repeat;
		width: 100%;
		height: 100%;
		vertical-align: top;
		background-color: #ffffff;
		}
		
	.app_enlaces_p{
		width:100%;
		padding:0px 0px 2px 5px;
		text-align: left;
		font:11px tahoma, verdana, arial, sans-serif;
		color:#a9b7c6;
		}
    
	a.app_fft_p{
		font:11px tahoma, verdana, arial, sans-serif;
		color:#a9b7c6;
		text-decoration:none;	
		}     
	
	a:hover.app_fft_p{
		font:11px tahoma, verdana, arial, sans-serif;
		color:#a9b7c6;
		text-decoration:underline;	
		}
		
	/* minimenu */
	.app_fuente9px{
		font:9px tahoma, verdana, arial, sans-serif;
		color:#4d5863;
		}
		
	.app_mmtit{
		padding: 2px 20px 0px 10px;
		background: url(../img/minimenubg0.gif) left top repeat-x; 
		}
		
	.app_mmit{
		width:100%;
		background: url(../img/minimenubarbg_e.gif) repeat-x; 
		text-align:left; 
		padding-left:4px;
		}
		
	.app_mmsep{
		width:4px;
		height:15px;
		background: url(../img/minimenubg1.gif) left top no-repeat;
		}
		
	.app_mmfin{
		width: 160px;
		background: url(../img/minimenubarfin_e.gif) no-repeat; 
		} 
		
/* idioma */    
	/* iguales para producto y aplicacion */
	.app_i_ban{
	    width:26px;
	    background-image: url(../img/i_sombrasup.gif);
	    background-position:top left; 
	    background-repeat:no-repeat;
	    padding:12px 1px 1px 7px;
	    }
    
	.app_i1stflagbg{
		height: 12px;
		background: url(../img/flag/1.gif) top left no-repeat;
		}

	.app_i2ndflagbg{
		height: 12px;
		background: url(../img/flag/2.gif) top left no-repeat;
		}
		
	.app_igenflagbg{
		height: 12px;
		background: url(../img/flag/3.gif) top left no-repeat;
		}		
	
    .app_i_bar{
	    width:5px;
	    background-image: url(../img/i_brra.gif);        
	    vertical-align:bottom; 
	    background-position:top left; 
	    background-repeat:no-repeat; 
	    padding-top:30px;
	    }

/* Pantalla de salida*/	
	.app_outline{
		width:10px;
		border:1px solid #dddddd;
		padding:20px 12px 20px 20px;
		}	    
	
	.app_exitbot1{
		background: url(../img/boton01.gif) left top no-repeat;
		}
	
	.app_exitbot2{
		background: url(../img/boton02.gif) left top repeat-x;
		font:10px tahoma, verdana, arial, sans-serif;
		color: #4d5863;
		vertical-align:top;
		padding-top:4px;
		}
		
	.app_exitbot3{
		background: url(../img/boton03.gif) left top no-repeat;
		}
		
	.app_exit_logo{
		background: url(../img/logo_c.gif) center top no-repeat
		}
			
/* General */		
    /* enlaces */
	a:hover.app_link11b{
        font:11px tahoma, verdana, arial, sans-serif;
        color:#4d5863;
        text-decoration: underline;
    	}
		
    a.app_link11b{
        font:11px tahoma, verdana, arial, sans-serif;
        color:#4d5863;
        text-decoration: underline;
    	}
	
    a:hover.app_link11{
        font:11px tahoma, verdana, arial, sans-serif;
        color:#4d5863;
        text-decoration: underline;
    	}
		
    a.app_link11{
        font:11px tahoma, verdana, arial, sans-serif;
        color:#4d5863;
        text-decoration: none;	
    	}
    
    a:hover.app_link11s{
        font:11px tahoma, verdana, arial, sans-serif;
        color:#4d5863;
        text-decoration: underline;
		border:1px solid red;
    	}
		
    a.app_link11s{
        font:11px tahoma, verdana, arial, sans-serif;
        color:#4d5863;
        text-decoration: underline;
    	}
	
	a:hover.app_gotop{
		padding-left:8px;
		background: url(../img/gotop.gif) left 4px no-repeat;
        font:9px tahoma, verdana, arial, sans-serif;
        color:#4d5863;
        text-decoration: underline;
    	}
    
	a.app_gotop{
		padding-left:8px;
		background: url(../img/gotop.gif) left 4px no-repeat;
        font:9px tahoma, verdana, arial, sans-serif;
        color:#4d5863;
        text-decoration: none;
    	}
	
	a:hover.app_link9{
        font:9px tahoma, verdana, arial, sans-serif;
        color:#4d5863;
        text-decoration: underline;
    	}
		
    a.app_link9{
        font:9px tahoma, verdana, arial, sans-serif;
        color:#4d5863;
        text-decoration: none;
    	}
	
	a:hover.app_link8{
        font:bold 8px tahoma, verdana, arial, sans-serif;
        color:#4d5863;
        text-decoration: underline;
    	}
		
    a.app_link8{
        font:bold 8px tahoma, verdana, arial, sans-serif;
        color:#4d5863;
        text-decoration: none;
    	}