Cambios varios + highlight

css/especificos.css

@@ -41,11 +41,12 @@ html, body
     
 
 #exit{
-    width: 30px;
+    width: 90%;
     height: 30px;
     margin: 0 auto;
     cursor: pointer;
     float: right;
+    text-align:right;
 }
 #message{ resize: vertical; overflow:auto; max-height: 200px;}
 
@@ -281,12 +282,13 @@ html, body
 
 
 .titulo_curso{
-	font-family:  'Champagne and Limousine';
-	font-size: 19pt;
+	font-family:  'Open Sans';
+	font-size: 19px;
 	font-weight: bold;
 	color: #465A68;
 	text-align: center;
 	cursor: pointer;
+    margin-top:15px;
 	
 }
 .descripcion_curso{

css/productos.css

@@ -71,7 +71,7 @@ margin-top: 50px;
     margin: 0px auto;
 }*/
 
-#categorias li:hover
+#categorias li:hover, .selected
 {
     opacity: 0.5;
     transition: opacity 0.2s ease-in-out;
@@ -149,6 +149,7 @@ margin-top: 50px;
 .imagen-mas { width: 29%; }
 .descripcion-mas{width: 70%; }
 
-#pedorrada { padding: 0px 100px;}
-#pedorrada h3 { display: block; background: none; width: auto; height: auto; color:black; font-weight: bold;font-size:16px;}
-#pedorrada h1 { display: block; background: none; width: auto; height: auto; color:black; font-weight: bold;font-size:20px;border:none;}
+#pedorrada { padding: 0px 100px; color: black; font-family: "Open Sans";}
+#pedorrada h3 { font-size:16px;}
+#pedorrada h1 { font-size:20px; line-height: normal; border:none;}
+#pedorrada h1, #pedorrada h2, #pedorrada h3 { display: block; background: none; width: auto; height: auto; color:black; font-weight: bold;font-family: "Open Sans"; padding-top: 8px;}

productos.php

@@ -18,6 +18,8 @@ $(document).ready(function() {
     
 	$(".cambiarcat").click(function() {
         cat = $(this).attr('val');
+        $(".cambiarcat.selected").removeClass('selected');
+        $(this).addClass('selected');
         getData();
     });
     
@@ -124,7 +126,7 @@ $(document).ready(function() {
         <br />
         <div id="productosbar">
             <ul id ="categorias">
-                <li class="cambiarcat" val="limpieza"><h3>LIMPIEZA</h3></li>
+                <li class="cambiarcat selected" val="limpieza"><h3>LIMPIEZA</h3></li>
                 <li class="cambiarcat" val="mascaras"><h3>MÁSCARAS</h3></li>
                 <li class="cambiarcat" val="acido hialuronico"><h3>ÁCIDO<br />HIALURÓNICO</h3></li>
                 <li class="cambiarcat" val="peeling"><h3>PEELING</h3></li>
@@ -151,14 +153,3 @@ $(document).ready(function() {
 
 </body>
 </html>
-<!--
-
-         </div>
-         <div class="nav" style="float: right; height: 30px; margin-top: 170px;">
-         <label for="img-3" class="next">&#x203a;</label>
-                </div> 
-                
-            </div>
-			<ul id="paginas_list">
-			</ul>-->
-