diff --git a/milfs/funciones/funciones.php b/milfs/funciones/funciones.php
index cbd43de..7013412 100755
--- a/milfs/funciones/funciones.php
+++ b/milfs/funciones/funciones.php
@@ -112,27 +112,28 @@ function mapa_ficha($id) {
 
 	$resultado ="
 	<div style='border-radius:10px  ;
-		
+			vertical-align: top;
 			background-color:white  ;
 			right:5px  ;
-			/*z-index:10000  ;*/
 			position:absolute  ;
 			top:5px;
 			padding:5px  ;'  
 			class='panel-map' id='panel_map_$id' >
-	<div role='row' class='row center-block' >
-		<div class='col-xs-4 col-md-12'>
-		$imagen
-		</div>
-		<div class='col-xs-8 col-md-12'>
-			<h4 class='text-center'> $nombre[0]<small>
-			$descripcion[0]</h4> 
-			
-		</div>
-		<div class='col-xs-8 col-md-12'>
-			<p>$razon_social[0]</p>
-			<A target='milfs' HREF='https://github.com/humano/milfs'><small class='pull-right'>MILFS</small></A>
-		</div>
+					<A href='#' onclick=\"xajax_limpia_div('panel_map_$id'); \"><span class='pull-right'><i class='fa fa-times'></i></span></A>
+			<div role='row' class='row center-block' >
+				<div class='col-xs-4 col-md-12'>
+				$imagen
+				</div>
+				<div class='col-xs-8 col-md-12'>
+					<h4 class='text-center'> $nombre[0]<small>
+					$descripcion[0]</h4> 
+					
+				</div>
+				<div class='col-xs-8 col-md-12'>
+					<p>$razon_social[0]</p>
+					<A target='milfs' HREF='https://github.com/humano/milfs'><small class='pull-right'>MILFS</small></A>
+				</div>
+			</div>
 	</div>
 		";
 	return $resultado;
@@ -223,7 +224,7 @@ $consulta = "
 
 $sql=mysql_query($consulta,$link);
 if (mysql_num_rows($sql)!='0'){
-$resultado = "<ul class='list-inline'>";
+$resultado = "<div class='' style='vertical-align: top; text-align:center;'>";
 while( $row = mysql_fetch_array( $sql ) ) {
 
 										$icono = remplacetas('form_parametrizacion','campo',$perfil,'descripcion'," tabla='form_id' and  opcion = 'categoria:icon:$row[md5_contenido]'") ;
@@ -234,10 +235,10 @@ while( $row = mysql_fetch_array( $sql ) ) {
 								$icon = $icono[0];
 													}
 						$icono  = "$icon";
-						$contenido= substr($row[contenido],0, $length = 100);
-$resultado .= "<li class ='' style='' title='$row[contenido]'><div style='max-width:60px;'><img class='img img-rounded img-responsive' src='$icono' style='max-height:50px;'><small>$contenido</small></div></li>";
+						$contenido= substr($row[contenido],0, $length = 15);
+$resultado .= "<div class='' style='width:50px; heigth:100px; float:left; vertical-align: top; margin: 5px; text-align:center'><img style=' height:50px;' class='' src='$icono' style=''><small>$contenido</small></div>";
 															}
-$resultado .= "	</ul >";
+$resultado .= "	</div >";
 										}
 else{$resultado = '';}
 }
diff --git a/milfs/map.php b/milfs/map.php
index 24db019..ad47286 100755
--- a/milfs/map.php
+++ b/milfs/map.php
@@ -23,7 +23,6 @@ $plantilla ="mapa";
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="description" content="">
-    <meta name="author" content="fredyrivera" >
      <?php $xajax->printJavascript("xajax/");  ?>
     <link rel="shortcut icon" href="favicon-152.png">
 	<link rel="apple-touch-icon-precomposed" href="favicon-152.png">
@@ -44,15 +43,14 @@ $plantilla ="mapa";
 background:rgba(255,255,255,1)  ;
 
 }
-@media (min-width: 800px) {
+@media (max-width: 800px) {
     .panel-map{
         max-width: 970px;
     }
-    .listado_categorias{
-			max-height: 70px;    
-    }
+   
+  
 }
-@media (min-width: 1200px) {
+@media (min-width: 800px) {
     .panel-map{
         max-width: 200px;
     }
@@ -73,14 +71,7 @@ body {
   margin-bottom: 60px;
   padding: 0; margin: 0; 
 }
-.footer {
-  position: absolute;
-  bottom: 2px;
-  width: auto;
-  /* Set the fixed height of the footer here */
-  height: auto;
-  z-index:5000
-}
+
 
 
 /* Custom page CSS
@@ -94,11 +85,29 @@ body > .container {
   margin: 20px 0;
 }
 
+.footer {
+  position: absolute;
+  bottom: 3px;
+	width: 95%;
+	margin: 0 auto;
+	
+	 height: 120px;
+  
+  /* Set the fixed height of the footer here */
+
+   z-index: 999999;
+}
 .footer > .container {
   padding: 2px;
   background-color: white;
   border-radius: 3px;
-  width: auto;
+  width: 90%;
+  height: 120px;
+  overflow-x: scroll;
+  
+  
+  
+ 
 }
 
 code {
@@ -121,7 +130,11 @@ code {
 <body>
  
 <div id='map'> 
-<div class='footer' ><div  style=" " class='container'><?php echo $categorias = lista_categorias($_REQUEST[id],'','') ; ?></div></div>
+<div class='footer' id='contenedor_pie' >
+	<div  style=" " class='container' >
+	<a href="#" onclick="xajax_limpia_div('contenedor_pie'); "><span class='pull-right'><i class='fa fa-times'></i></span></a>
+	<?php echo $categorias = lista_categorias($_REQUEST[id],'','') ; ?>
+	</div></div>
 </div>
 
 <script>
@@ -156,6 +169,7 @@ myLayer.setGeoJSON(geoJson);
 </script>
 
 <?php echo mapa_ficha("$_REQUEST[id]");?>
+
    
 
 <!-- Modal -->