diff --git a/app/Resources/views/ambiente/index.html.twig b/app/Resources/views/ambiente/index.html.twig
index e2169fa..7d4ddce 100644
--- a/app/Resources/views/ambiente/index.html.twig
+++ b/app/Resources/views/ambiente/index.html.twig
@@ -1,19 +1,35 @@
 {% extends 'base.html.twig' %}
 
+
 {% block body %}
+{% for type, flashMessage in app.session.flashbag.all() %}
+<div class="alert alert-{{ type }} fade in">
+<button class="close" data-dismiss="alert" type="button">×</button>
+{% if flashMessage.title is defined %}
+<strong>{{ flashMessage.title }}</strong>
+{{ flashMessage.message }}
+{% else %}
+{{ type }}
+{% endif %}
+</div>
+{% endfor %}
+
+
     <h1>Ambientes list</h1>
 
-    <table>
-        <thead>
+    <div class="table-responsive">
+    <table class="table">
+        <thead> 
+       
             <tr>
-                <th>Id</th>
-                <th>Descripcion</th>
-                <th>Codigo</th>
+              <th>Id</th>
+               <th>Descripcion</th>
+               <th>Codigo</th>
                 <th>Direccion</th>
                 <th>Coordenadautmnorte</th>
                 <th>Coordenadautmoeste</th>
                 <th>Actions</th>
-            </tr>
+           
         </thead>
         <tbody>
         {% for ambiente in ambientes %}
@@ -27,21 +43,26 @@
                 <td>
                     <ul>
                         <li>
-                            <a href="{{ path('ambiente_show', { 'id': ambiente.id }) }}">show</a>
+                            <a class="btn btn-default" href="{{ path('ambiente_show', { 'id': ambiente.id }) }}">show</a>
                         </li>
                         <li>
-                            <a href="{{ path('ambiente_edit', { 'id': ambiente.id }) }}">edit</a>
+                            <a class="btn btn-default" href="{{ path('ambiente_edit', { 'id': ambiente.id }) }}">edit</a>
                         </li>
                     </ul>
                 </td>
             </tr>
         {% endfor %}
         </tbody>
-    </table>
-
+     </table>
+</div>
     <ul>
-        <li>
-            <a href="{{ path('ambiente_new') }}">Create a new ambiente</a>
+        <br>
+        <br>
+        <br>
+            
+            <a class="btn btn-default" href="{{ path('ambiente_new') }}">Agregar</a>
+        <br>
+        <br> 
         </li>
     </ul>
 {% endblock %}
diff --git a/app/Resources/views/ambiente/new.html.twig b/app/Resources/views/ambiente/new.html.twig
index d1e08a9..01d4182 100644
--- a/app/Resources/views/ambiente/new.html.twig
+++ b/app/Resources/views/ambiente/new.html.twig
@@ -1,16 +1,94 @@
 {% extends 'base.html.twig' %}
 
 {% block body %}
-    <h1>Ambiente creation</h1>
 
-    {{ form_start(form) }}
+    <h1>Creacion del Ambiente</h1>
+
+    {#{{ form_start(form) }}
         {{ form_widget(form) }}
         <input type="submit" value="Create" />
-    {{ form_end(form) }}
+    {{ form_end(form) }}#}
+
+ {{ form_start(form, {'attr': {'novalidate': 'novalidate'}, 'action': path('ambiente_new')}) }}  
+    
+    <form class="form-inline">
+  <div class="form-group">
+        {{ form_label(form.descripcion) }}
+    {{ form_widget(form.descripcion) }}
+</div>
+</div class="form-group">
+
+{% if form.descripcion.vars.errors[0].message is defined %}
+<span class="help-block">
+{{ form.descripcion.vars.errors[0].message }}
+</span>
+
+{% endif %}
+
+ <form class="form-inline">
+  <div class="form-group">
+    {{ form_label(form.codigo) }}
+    {{ form_widget(form.codigo) }}
+</div>
+  <div class="form-group">
+{% if form.codigo.vars.errors[0].message is defined %}
+<span class="help-block">
+{{ form.codigo.vars.errors[0].message }}
+</span>
+
+{% endif %}
+
+<form class="form-inline">
+  <div class="form-group">
+    {{ form_label(form.direccion) }}
+    {{ form_widget(form.direccion) }}
+</div>
+  <div class="form-group">
+ {% if form.direccion.vars.errors[0].message is defined %}
+<span class="help-block">
+{{ form.direccion.vars.errors[0].message }}
+</span>
+
+
+{% endif %}
+<form class="form-inline">
+  <div class="form-group">
+    {{ form_label(form.coordenadaUtmNorte) }}
+    {{ form_widget(form.coordenadaUtmNorte) }}
+</div>
+  <div class="form-group">
+{% if form.coordenadaUtmNorte.vars.errors[0].message is defined %}
+<span class="help-block">
+{{ form.coordenadaUtmNorte.vars.errors[0].message }}
+</span>
 
-    <ul>
-        <li>
-            <a href="{{ path('ambiente_index') }}">Back to the list</a>
+
+{% endif %}
+<form class="form-inline">
+  <div class="form-group">
+    {{ form_label(form.coordenadaUtmOeste) }}
+    {{ form_widget(form.coordenadaUtmOeste) }}
+</div>
+  <div class="form-group">
+{% if form.coordenadaUtmOeste.vars.errors[0].message is defined %}
+<span class="help-block">
+{{ form.coordenadaUtmOeste.vars.errors[0].message }}
+</span>
+
+
+{% endif %}
+
+    <u1>
+    <li>
+    
+     <input type="submit" value="Crear"/>
+     {{form_end(form)}}
+
+    {#<a class="btn btn-default" href="{{ path('ambiente_index') }}">Crear</a>#}
+    <a class="btn btn-default" href="{{ path('ambiente_index') }}">Volver al Listado</a>
         </li>
     </ul>
 {% endblock %}
+
+
+
diff --git a/practica b/practica
new file mode 160000
index 0000000..0df4353
--- /dev/null
+++ b/practica
@@ -0,0 +1 @@
+Subproject commit 0df4353688b5a4d3e938a22c4fff82ac7039cb50