function fCalculoArea(){

	var superficieU = 'Metros cuadrados';

	/*if(document.getElementById('panelInf'))
	{*/
		
		barraArea = new Ext.Panel({
			autoWidth: true,
			layout:'column',
			border:false,
			title:'Area',
			frame: true,	
			items:	
			[{	
				columnWidth: .9,
				style:'margin:10 0 5 0;',
				html: '<style>.letra{font:bold 11px tahoma,arial,helvetica,sans-serif;color:#15428b;}</style><span class="letra">Unidades de Superficie:</span> '
			},{
				columnWidth: .9,
				items:
				[{
					xtype:'combo',
					fieldLabel: 'Superficie',
					id: 'superficie1',
					value: BuscarNom(mapconfig.supf),
					width : 160,
					name: 'superf',
					mode:'remote',
					displayField:'nombre',
					triggerAction: 'all',
					store:  new Ext.data.Store({
						autoLoad:true,
						baseParams:{
						accion:'cargarComboUMedSuperf',
							opcion:1,
							filtro: 2
						},
						proxy: new Ext.data.HttpProxy({ url:"geoweb/configurar/sConfigurar.php" }),
						reader: new Ext.data.JsonReader({root: 'filas', totalProperty:'cant_filas'},[{name:'id_unidmed'},{name:'nombre'}])
					}),
					listeners: { select: function(combo)
						{
							mapconfig.supfAnt = mapconfig.supf;
							mapconfig.supf = BuscarAcro(Ext.get('superficie1').getValue()); 
							if(mapconfig.supf != superficieU)
							{
								superficieU = mapconfig.supf;
								mapconfig.printZoom();
								supftemp = document.getElementById('superficie').innerHTML;
								supf = supftemp.split('(');
								supf[0] = Replace(supf[0]," ","");
								if(!isNaN(supf[0])){
									convsupfB = ConvUnidAreBase(supf[0]);
									convsupf = ConvUnidAre(convsupfB);
									mapconfig.printArea(convsupf);
								}
							}
						}
					},
				}]
			},{
				xtype:'fieldset',
				columnWidth: .9,
			        title: 'Superficie',
				style:'margin:30 0 0 0;',
				//layout:'form',
				autoHeight:true,
				items :[
				{	
					columnWidth: .9,
					style:'margin:5 0 5 5;',
					html: '<div id="superficie"><br></div>'
				}]
			},{
				xtype:'fieldset',
				columnWidth: .9,
			        title: '>Per&iacute;metro',
				style:'margin:30 0 0 0;',
				//layout:'form',
				autoHeight:true,
				items :[
				{	
					columnWidth: .9,
					style:'margin:5 0 5 5;',
					html:'<div id="perimetro"><br></div>',
				}]
			}]
		});	
		
		/*pInf.remove(barraActiva);
		barraActiva = barraArea;
		pInf.add(barraArea);
		pInf.doLayout();
		mainmap.geoTag = xGetElementById(div_geo_id);
	}*/
	DestruirMontarPanel(barraArea);		
};