cambio de iconos a css

css/especificos.css

@@ -124,6 +124,48 @@ right: 20px;
 @media (max-width:790px){
     #navbar #navlist{ display:none; }
 
+#usIcon{
+    width:60px;
+    height: 60px;
+    background:url(../Images/icons/icons.png) 0 0px;
+}
+
+#productIcon{
+    width:60px;
+    height: 60px;
+    background:url(../Images/icons/icons.png) 0 -60px;
+}
+
+#activityIcon{
+    width:60px;
+    height: 60px;
+    background:url(../Images/icons/icons.png) 0 -120px;
+}
+
+#logoIcon{
+    width:60px;
+    height: 60px;
+    background:url(../Images/icons/icons.png) 0 -180px;
+}
+
+#coursesIcon{
+    width:60px;
+    height: 60px;
+    background:url(../Images/icons/icons.png) 0 -240px;
+}
+
+#buyIcon{
+    width:60px;
+    height: 60px;
+    background:url(../Images/icons/icons.png) 0 -300px;
+}
+
+#contactIcon{
+    width:60px;
+    height: 60px;
+    background:url(../Images/icons/icons.png) 0 -360px;
+}
+
 #footer-outer {
     background-color: #475A68;
     font-family: 'Open Sans';

index.php

@@ -53,13 +53,13 @@
         </ul>
 
         <ul id="responsive">
-            <li><a href="#nosotros"><img alt="Nosotros" width=60 height=60 src="Images/icons/Us.png" /></a></li>
-            <li><a href="#productos"><img alt="Productos" width=60 height=60 src="Images/icons/productos.png" /></a></li>
-			<li><a href="#actividades"><img alt="Actividades" width=60 height=60 src="Images/icons/actividades.png"  /></a></li>
-            <li><a href="#top_wrapper"><img alt="Logo" width=60 height=60 src="Images/icons/logo.png" /></a></li>
-			<li><a href="#cursos"><img alt="Cursos" width=60 height=60 src="Images/icons/cursos.png" /></a></li>
-            <li><a href="#distribuidoras"><img alt="Donde comprar" width=60 height=60 src="Images/icons/dondecomprar.png" /></a></li>
-            <li><a href="#contacto"><img alt="Contacto" width=60 height=60 src="Images/icons/contacto.png" class="contact"  /></a></li>
+            <li><a href="#nosotros"><div id="usIcon"></div></a></li>
+            <li><a href="#productos"><div id="productIcon"></div></a></li>
+			<li><a href="#actividades"><div id="activityIcon"></div></a></li>
+            <li><a href="#top_wrapper"><div id="logoIcon"></div></a></li>
+			<li><a href="#cursos"><div id="coursesIcon"></div></a></li>
+            <li><a href="#distribuidoras"><div id="buyIcon"></div></a></li>
+            <li><a href="#contacto"><div id="contactIcon"></div></a></li>
         </ul>
     </div>
 </div>
@@ -277,7 +277,6 @@ OBJETIVOS DEL CURSO: Obtener los conocimientos teóricos y prácticos en el áre
 			}
 			echo "</tbody></table></div>";
 		}	
-
 ?>
     </div>