productos

css/productos.css

@@ -17,10 +17,8 @@
 /*************PAGINAS¨*******************/
 #paginas_wrapper
 {
-    width: 80%;
-	display: table-cell;
-	position: fixed;
-	margin-left: 210px;
+	width: 80%;
+	float: left;
 }
 
 .pagina{ height: 470px; }
@@ -57,23 +55,27 @@ margin-top: 50px;
 }
 
 /*************LISTA PRODUCTOS************/
+.producto {
+width: 50%;
+}
 
 #productosbar
 {
-    width:230px;
+	float: left;
+   /* width:230px;
     height: auto;
     margin-top: 20px;
     display: table-cell;
 	z-index: 2;
 	position: absolute;
-
+*/
 }
-
+/*
 #categorias
 {
     width: 200px;
     margin: 0px auto;
-}
+}*/
 
 #categorias li:hover
 {
@@ -97,21 +99,20 @@ margin-top: 50px;
 	display: table;
 }
 
-.listaproductos{display:inline-flex;}
+.listaproductos{display:inline-flex; width:100%;}
 
 .imagen{
-	width: 15%;
-	margin-top: 20px;
-	margin-left: 20px;
+	margin-top: 2%;
+	margin-left: 2%;
 	display: inline-block;
 	text-align: center;
-	
+	width: 25%;
 }
 
 .texto{ 
 	font-family: 'Open Sans';
 	color: #465A68;
 	display: inline-block; 
-	width: 50%; 
+	width: 70%; 
 	margin-top:30px;
-}
+}

productos.php

@@ -96,7 +96,7 @@ $(document).ready(function() {
                 <li class="cambiarcat" val="peeling"><h3>PEELING</h3></li>
                 <li class="cambiarcat" val="corporales"><h3>CORPORALES</h3></li>
                 <li class="cambiarcat" val="hombres"><h3>HOMBRES</h3></li>
-                <li class="cambiarcat" val="proteccion intesiva"><h3>PROTECCIÓN<br />INTENSIVA</h3></li>
+                <li class="cambiarcat" val="proteccion intensiva"><h3>PROTECCIÓN<br />INTENSIVA</h3></li>
                 <li class="cambiarcat" val="monodosis"><h3>MONODOSIS</h3></li>
                 <li class="cambiarcat" val="activos concentrados"><h3>ACTIVOS<br />CONCENTRADOS</h3></li>
             </ul>