Cambio banner a img. mejoro productos para bajas res.

css/especificos.css

@@ -106,10 +106,10 @@ html, body
 }
 
 /******************RESPONSIVE MENU******************/
-@media (min-width: 801px){
+@media (min-width: 791px){
     #navbar #responsive{ display: none; }
 }
-@media (max-width:800px){
+@media (max-width:790px){
     #navbar #navlist{ display:none; }
 
 	#footer-outer
@@ -226,12 +226,11 @@ html, body
 
 #banner
 {
-    background-image: url('../Images/slider/slide1.jpg'); 
-    background-repeat: no-repeat;
-    background-position: center;
-    background-size: cover;
-    margin-top: 75px;
+    width:100%;
+    margin-top: 77px;
+    transition: opacity 1s;
 }
+.transp { opacity: 0.5; }
 
 #banner p{
     color: white;

css/productos.css

@@ -1,4 +1,5 @@
-
+@media screen and (max-width: 802px) {
+}
 
 @font-face {
   font-family: 'Champagne and Limousine';
@@ -67,11 +68,10 @@ margin-top: 50px;
 	position: absolute;
 */
 }
-#productosbar > #categorias {
-    width:100%;
-}
+#productosbar > #categorias { width:100%; }
 #categorias { padding-left: 5px; }
 #categorias > li { width: 100%; padding-left: 0px;}
+.cambiarcat > h3 { letter-spacing:0px; }
 /*
 #categorias
 {
@@ -102,7 +102,7 @@ margin-top: 50px;
 	display: table;
 }
 
-.listaproductos{padding-bottom:10px; width:100%;min-height:370px;padding-left:15px;}
+.listaproductos{padding-bottom:10px; width:100%;overflow:hidden;padding-left:15px;}
 .imagen{
 	display: block;
 	text-align: center;

db.php

@@ -1,5 +1,6 @@
 <?php
-$db = new mysqli('107.170.84.207', 'especificosba', 'howdoiturnthison', 'EBA');
+#$db = new mysqli('107.170.84.207', 'especificosba', 'howdoiturnthison', 'EBA');
+$db = new mysqli('localhost', 'especificosba', 'howdoiturnthison', 'EBA');
 if($db->connect_errno > 0){ die('Unable to connect to database [' . $db->connect_error . ']'); }
 #$db->query("SET NAMES 'utf8'");
 #debe estar comentado para ELSERVER

index.php

@@ -9,7 +9,6 @@ header('Content-Type: text/html; charset=UTF-8');
     </script>
     <script type="text/javascript">
 	    $(document).ready(function () {
-            $("#banner").height($(window).height()*0.8+'px');
 			$(".titulo_curso").click(function(){
 				$(".descripcion_curso[tatosa="+$(this).attr("tatosa")+"]").slideToggle(400);
 			});
@@ -64,18 +63,18 @@ header('Content-Type: text/html; charset=UTF-8');
                 });
             });
             setInterval(slide, 6000);
+
             var curImg=2;
             function slide() {
-                $('#banner').fadeTo('slow', 0.3, function()
-                {
-                    $("#banner").css('background-image', 'url(Images/slider/slide' + curImg+ '.jpg)');
-                }).fadeTo('slow', 1);
+                $("#banner").toggleClass('transp');
+                setTimeout(transp, 500);
                 curImg++;
                 if(curImg>4) curImg=1;
             }
-
-
-            
+            function transp() {
+                $("#banner").toggleClass('transp');
+                $("#banner").attr('src','Images/slider/slide' + curImg+ '.jpg');
+            }
         });
     </script>
     
@@ -148,10 +147,7 @@ header('Content-Type: text/html; charset=UTF-8');
 
 
 
-    <div id="banner">
-        
-        
-    </div>
+    <img id="banner" src='Images/slider/slide1.jpg'></img>
 
 	<div class="seccion" id="nosotros">
 	    <h1><span>NOSOTROS</span></h1>