diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 0000000..a63de80
Binary files /dev/null and b/.DS_Store differ
diff --git a/CAMBIOS_NachoVeiga_LEEME.txt b/CAMBIOS_NachoVeiga_LEEME.txt
new file mode 100644
index 0000000..8471d7c
--- /dev/null
+++ b/CAMBIOS_NachoVeiga_LEEME.txt
@@ -0,0 +1,24 @@
+Cambios y añadidos:
+-------------------
+Border radius en varios lugares y en el responsive.css
+Imagenes de Gacela y Avispa, y article asociado, si asististeis al curso de mejorandoweb lo entendereis xD
+Animación en el Logo, Pulse Effect (Azul bonito - naranja rojizo)
+Cambio de posiciones y margenes
+Modificación de floats
+La flecha del avatar ya no se cae al abrir el archivo
+Anchura mínima, los míviles son min 480, y le puse 472px
+Alineamiento de h1 y responsive
+Modificación del navbar, alineamientos, anchura... ahora los li-a son responsive
+Eliminación de la decoración a - añadidos efectos en normal y :hover, text shadows, efecto stroke..
+Utilización de nuevos selectores CSS3
+Añadí una nueva clase para que el cursor se convierta en un pointer al pasar por elementos clickeables.
+
+Comentario de autores y edición en el footer de index.html, el diseño y el maquetado están muy bien, son solo cosas personales, como algunos bordes radius, o el tamaño de alguna cosa,o en css creo que borre un par de ids/clases, me resultaba mas cómodo leerlo a mi manera, ninguna modificación importante.
+
+
+Comentarios
+-----------
+A veces usé .8 algo por costume padding-left: .5em; = 0.5em
+La animación no funciona en Firefox, usé el prefijo -moz de compatiibilidad pero no funciona.
+
+Saludos.
diff --git a/avispas.png b/avispas.png
new file mode 100644
index 0000000..82765ff
Binary files /dev/null and b/avispas.png differ
diff --git a/estilos.css b/estilos.css
index d121478..790f34d 100644
--- a/estilos.css
+++ b/estilos.css
@@ -9,6 +9,49 @@
 	font-style: normal;
 }
 
+@-webkit-keyframes pulse {
+  0% {
+    -webkit-box-shadow: 0 0 25px 3px rgba(34, 188, 224, 0.6);
+    
+  }
+  100% {
+    -webkit-box-shadow: 0 0 25px 3px rgba(224, 85, 38, 0.8),
+     0 0 45px 5px rgba(224, 85, 38, 0.5);
+
+  }
+}
+@-moz-keyframes pulse {
+  0% {
+    -moz-box-shadow: 0 0 25px 3px rgba(34, 188, 224, 0.6);
+    
+  }
+  100% {
+    -moz-box-shadow: 0 0 25px 3px rgba(224, 85, 38, 0.8),
+     0 0 45px 5px rgba(224, 85, 38, 0.8);
+  }
+}
+@-o-keyframes pulse {
+  0% {
+    box-shadow: 0 0 25px 3px rgba(34, 188, 224, 0.6);
+  
+  }
+  100% {
+    box-shadow: 0 0 25px 3px rgba(224, 85, 38, 0.8),
+     0 0 45px 5px rgba(224, 85, 38, 0.8);
+
+  }
+}
+@keyframes pulse {
+  0% {
+    box-shadow: 0 0 25px 3px rgba(34, 188, 224, 0.6);
+  
+  }
+  100% {
+    box-shadow: 0 0 25px 3px rgba(224, 85, 38, 0.8),
+     0 0 45px 5px rgba(224, 85, 38, 0.8);
+
+  }
+}
 a
 {
 	color: #DD4F24;
@@ -17,6 +60,7 @@ body
 {
 	background: #EFEFEF;
 	color: #4C4C4C;
+	min-width: 472px;
 	font-family: "PT Sans", Arial;
 	font-size: 16px;
 	margin: 0;
@@ -42,35 +86,34 @@ header
 	color: white;
 	margin: 0;
 	padding: 0.5em;
+	position: relative;
 }
 header:after{
 	clear: both;
 	content: "";
 	display: block;
 }
-header figure
-{
-	float: left;
-}
 header h1
 {
 	font-size: 20px;
 	font-weight: normal;
 	margin: 1em 85px 1em 100px;
 	display: block;
+	text-align: center;
 }
 header #avatar
 {
+	float: right;
+	margin: 1em 1em 0 0;
 	position:  absolute;
 	top: 0;
 	right: 0;
-	margin: 1em 1em 0 0;
 }
 header #avatar figcaption
 {
 	background: #22BCE0;
-	float: right;
 	height: 50px;
+	margin-left: 50px;
 	line-height: 50px;
 }
 header #avatar figcaption:after
@@ -82,23 +125,32 @@ header #avatar figcaption:after
 }
 header #avatar img
 {
+	border-radius: 10px 0 0 10px;
 	float: left;
 	width: 50px;
 }
+header #logo
+{
+	float: left;
+}
 header #logo img
 {
+	border-radius: 100px;
 	width: 80px;
 }
 nav
 {
 	background: #878787;
 	font-size: 0.9em;
+	position: relative;
 }
+
 nav ul
 {
 	list-style: none;
 	margin: 0;
 	padding: 0;
+	text-align: center;
 }
 nav ul li
 {
@@ -108,47 +160,92 @@ nav ul li
 }
 nav ul li a
 {
-	color: white;
+	color:#FFF ;
 	display: block;
 	padding: 0.5em 0;
+	text-decoration: none;
+
+}
+nav ul li a:hover 	
+{
+	color: rgb(224, 85, 38);
+	text-shadow: 0px 2px 2px #333,
+                  0px -2px 0px #666;
 }
-nav #flechita_nav a
+
+nav ul li:first-child a
 {
 	background: #22BCE0;
-	padding: 0.5em 0;
+	border-radius: 0 2px 2px 0;
+	color: #FFF;
+	padding: .55em .2em .4em 0;
 	text-decoration: none;
+	position: absolute;
+	left:0;
+	bottom: 0;
 }
-nav #flechita_nav a:after
+nav ul li:first-child a:after
 {
 	content: "\e000";
 	font-family: "icomoon";
 	opacity: 0.6;
 }
-nav #publicar_nav
+nav ul li:last-child
 {
 	/*i is zorri*/
 	background: #DD4F24;
+	border-radius: 0 0 0 2px;
 	float: right;
 	margin-right: 0; 
-	padding-right: 1em;
+	padding-left: 7.5px;
+	padding-right: 38.6px;
 	position: relative;
+
 }
-nav #publicar_nav:after
+nav li:last-child a:after
 {
-	color: rgba(255,255,255,0.5);
+	color: rgba(255,255,255,0.6);
 	content:  "\e004";
 	font-family: "icomoon";
-	font-size: 1.8em;
+	font-size: 24px;
+	padding: 4px 10px 0 0;
 	position: absolute;
 	right: 0;
 	top: 0;
 }
-nav #publicar_nav a
+nav ul li:last-child a
 {
+	color:#FFF;
 	display: inline-block;
-	padding: 0.5em 1em;
 	text-decoration: none;
 }
+
+nav ul li:nth-child(2) a,
+nav ul li:nth-child(3) a, 
+nav ul li:nth-child(4) a,
+nav ul li:nth-child(5) a,
+nav ul li:nth-child(6) a
+{
+	
+	text-shadow:
+     -1px -1px 0 #000,  
+     1px -1px 0 #000,
+     -1px 1px 0 #000,
+     1px 1px 0 #000,
+     0px 2px 2px #333,
+     0px -2px 0px #666;
+}
+
+nav ul li:nth-child(2),
+nav ul li:nth-child(3),
+nav ul li:nth-child(4),
+nav ul li:nth-child(5),
+nav ul li:nth-child(6)
+{
+	width: 10%;
+
+}
+
 #bienvenida
 {
 	display: none;
@@ -157,24 +254,25 @@ nav #publicar_nav a
 {
 	margin: 1em;
 }
-#contenido .item
+#contenido article
 {
 	background: white;
 	border-bottom: 3px #22BCE0 solid;
-	margin-bottom: 3em;
-	min-height: 128px;
+	border-radius: .5em .5em .5em 0;
+	margin-bottom: 2.5em;
+	min-height: 133px;
 	position: relative;
 }
-#contenido .item p
+#contenido article p
 {
 	color: #7A7A7A;
 	font-size: 0.9em;
 }
-#contenido .item .datos_item
+#contenido article .datos_item
 {
 	text-align: right;
 }
-#contenido .item .datos_item .comentarios_item
+#contenido article .datos_item .comentarios_item
 {
 	background: #878787;
 	border-radius: 4px;
@@ -184,7 +282,7 @@ nav #publicar_nav a
 	position: relative;
 	text-decoration: none;
 }
-#contenido .item .datos_item .comentarios_item:after{
+#contenido article .datos_item .comentarios_item:after{
 	border-left: 5px solid transparent;
 	border-right: 5px solid transparent;
 	border-top: 5px solid #878787;
@@ -193,18 +291,18 @@ nav #publicar_nav a
 	position: absolute;
 	top:100%;
 }
-#contenido .item .datos_item .guardar_item
+#contenido article .datos_item .guardar_item
 {
 	margin: 0 1em;
 	text-decoration: none;
 }
-#contenido .item .datos_item .guardar_item:after
+#contenido article .datos_item .guardar_item:after
 {
 	color: #FD5;
 	content: "\e003";
 	font-family: "icomoon";
 }
-#contenido .item .datos_item .tag_item
+#contenido article .datos_item .tag_item
 {
 	background: #22BCE0;
 	border-radius: 0.5em;
@@ -213,64 +311,115 @@ nav #publicar_nav a
 	padding: 0.2em 0.5em;
 	text-decoration: none;
 }
-#contenido .item .imagen_item
+#contenido article .imagen_item
 {
 	float: left;
 	margin: 0 1em 0 0;
 }
-#contenido .item .imagen_item img
+#contenido article  .imagen_item img
 {
-	width: 96px;
+	border-radius: .5em 0 0 0;
+	width: 100px;
 }
-#contenido .item .titulo_item
+#contenido article  .titulo_item
 {
 	font-size: 1em;
 	font-style: italic;
 	padding: 0.5em 0.5em 0;
 }
-#contenido .item .titulo_item a
+#contenido article  .titulo_item a
 {
 	color: #444;
 	text-decoration: none;
 }
-#contenido .item .votacion
+#contenido article .votacion
 {
 	background: white;
-	border-radius: 0 0 0.5em 0.5em;
+	border-radius: 0 0 .5em .5em;
 	margin: 3px 0 0 0;
-	padding: 0.5em 0;
+	padding: .25em 0;
 	position: absolute;
 	text-align: center;
+	font-size: .8em;
 	top: 100%;
-	width: 96px;
+	width: 100px;
 }
-#contenido .item .votacion a
+#contenido article .votacion a
 {
 	text-decoration: none;
 }
-#contenido .item .votacion .down:after,
-#contenido .item .votacion .up:after
+#contenido article .votacion .down:after,
+#contenido article .votacion .up:after
 {
 	font-family: "icomoon";
 	font-size: 1.5em;
 	vertical-align: bottom;
 }
-#contenido .item .votacion .down:after
+#contenido article .votacion .down:after
 {
 	color: red;
 	content: "\e001";
 }
-#contenido .item .votacion .up:after
+#contenido article .votacion .up:after
 {
 	color: green;
 	content: "\e002";
 }
 
+#home
+{
+	background-color: #22BCE0;
+	bottom: 0;
+	border-radius: 30px 0 0 0;
+	color: #FFF;
+	padding-left: 20px;
+	padding-right: 13.5px;
+	position: absolute;
+	right: 0;
+	text-decoration: none;
+	min-width: 63px;
+	max-width: 63px;
+}
+
+#home:after
+{
+	content: "\e001";
+	font-family: "icomoon";
+	font-size: 9px;
+	opacity: 0.5;
+	padding-left: 7px;
+	padding-right: 6.8px;
 
 
+}
 
+#logo img:hover,#logo img.hover_effect  {
+  -webkit-animation-name: pulse;
+  -webkit-animation-duration: 1s;
+  -webkit-animation-iteration-count: infinite;
+  -webkit-animation-direction: alternate;
+  -webkit-animation-timing-function: ease-in-out;
 
+  -moz-animation-name: pulse;
+  -moz-animation-duration: 1s;
+  -moz-animation-iteration-count: infinite;
+  -moz-animation-direction: alternate;
+  -moz-animation-timing-function: ease-in-out;
 
+  -o-animation-name: pulse;
+  -o-animation-duration: 1s;
+  -o-animation-iteration-count: infinite;
+  -o-animation-direction: alternate;
+  -o-animation-timing-function: ease-in-out;
 
+  animation-name: pulse;
+  animation-duration: 1s;
+  animation-iteration-count: infinite;
+  animation-direction: alternate;
+  animation-timing-function: ease-in-out;
+}
 
+.hover {
+    cursor: pointer;
+}
 
diff --git a/fonts/.DS_Store b/fonts/.DS_Store
new file mode 100644
index 0000000..a757c17
Binary files /dev/null and b/fonts/.DS_Store differ
diff --git a/gacela.png b/gacela.png
new file mode 100644
index 0000000..478aa1d
Binary files /dev/null and b/gacela.png differ
diff --git a/index.html b/index.html
index 31db222..2c6caeb 100644
--- a/index.html
+++ b/index.html
@@ -15,24 +15,25 @@
 <body>
 	<!-- comentario de lo que sea -->
 	<header>
-		<figure id="logo">
+		<figure id="logo" class="hover">
 			<img src="logo.png" />
 		</figure>
-		<h1 id="titulo_header">Puls3: Comunidad de gente cool, atractiva y millonaria</h1>
-		<figure id="avatar">
+		<h1>Puls3: Comunidad de gente cool, atractiva y millonaria</h1>
+		<figure id="avatar" class="hover">
 			<img src="avatar.jpg" />
 			<figcaption></figcaption>
 		</figure>
+		<a id="home" href="#">Home</a>
 	</header>
 	<nav>
 		<ul>
-			<li id="flechita_nav"><a href="#"></a></li>
+			<li><a href="#"></a></li>
 			<li><a href="#">Python</a></li>
 			<li><a href="#">HTML5</a></li>
 			<li><a href="#">Javascript</a></li>
 			<li><a href="#">CSS3</a></li>
 			<li><a href="#">Django</a></li>
-			<li id="publicar_nav"><a href="#">Publicar</a></li>
+			<li><a href="#">Publicar</a></li>
 		</ul>
 	</nav>
 	<aside id="bienvenida">
@@ -47,12 +48,12 @@ <h2>Hola, registrate!</h2>
 		</video> -->
 	</aside>
 	<section id="contenido">
-		<article class="item">
+		<article>
 			<figure class="imagen_item">
-				<img src="imagen.jpg" />
+				<img src="gacela.png" />
 			</figure>
 			<h2 class="titulo_item">
-				<a href="#">Una mirada a Leap Motion: El control Minority Report</a>
+				<a href="#">Gacela africana: Muere 1 cada vez que alguien confunde Java con Js, no lo hagais, morirán ^^</a>
 			</h2>
 			<p class="autor_item">
 				Por <a href="#">Freddy Vega</a>
@@ -74,7 +75,7 @@ <h2 class="titulo_item">
 				<img src="imagen.jpg" />
 			</figure>
 			<h2 class="titulo_item">
-				<a href="#">Una mirada a Leap Motion: El control Minority Report</a>
+				<a href="#">Pony: una de las mascotas de internet, amo a los animales :)</a>
 			</h2>
 			<p class="autor_item">
 				Por <a href="#">Freddy Vega</a>
@@ -93,10 +94,10 @@ <h2 class="titulo_item">
 		</article>
 		<article class="item">
 			<figure class="imagen_item">
-				<img src="imagen.jpg" />
+				<img src="avispas.png" />
 			</figure>
 			<h2 class="titulo_item">
-				<a href="#">Una mirada a Leap Motion: El control Minority Report</a>
+				<a href="#">Avipas: son una desgracia, solo existen para jo%#¢nos, muerte a todas las avispas!!! xD</a>
 			</h2>
 			<p class="autor_item">
 				Por <a href="#">Freddy Vega</a>
@@ -160,7 +161,11 @@ <h2 class="titulo_item">
 	</section>
 	<footer>
 		<p><strong>Powered by Platzi!</strong></p>
-		<p>Mejorando.la 2013 ®</p>
+		<p>Mejorando.la 2013 ®</p><br />
+		<!--Diseño original: Carlos Jiménez (@unavacaverde)
+			Maquetado originalmente por: John Freddy Vega ‏(@freddier)
+			Diseño y Código modificados por: Nacho Veiga Sánchez (@VeigaNacho)
+		-->
 	</footer>
 </body>
 </html>
diff --git a/responsive.css b/responsive.css
index d13bc8c..76bd1b4 100644
--- a/responsive.css
+++ b/responsive.css
@@ -5,6 +5,7 @@
 		margin: 0 auto;
 		max-width: 1200px;
 	}
+	
 	#bienvenida
 	{
 		display: block;
@@ -38,4 +39,26 @@
 	{
 		width: 70%;
 	}
+}
+@media screen and (min-width: 1200px)
+{
+	
+	nav
+	{
+	border-radius: 0 0 4px 4px;
+	}
+	nav ul li:first-child a
+	{	
+	border-radius: 0 2px 2px 4px;
+	}
+	nav ul li:last-child 
+	{
+	border-radius: 0 2px 4px 0px;
+	}
+	footer
+	{
+	border-radius: 5px 5px 0 0;
+	}
+
+
 }
\ No newline at end of file