responsive+formacion

css/especificos.css

@@ -584,6 +584,7 @@ b { font-weight: bold; }
 
 
 @media screen and (max-width:890px) {
+	#tabla-cursos { width: 100%; }
 	#distribuidoras .tabla { display: none; } 
 	#distribuidoras select { display: block; min-width: 50%; text-align: center; margin: 10px auto; padding:5px; font-size:16px; }
 }
@@ -592,6 +593,7 @@ b { font-weight: bold; }
     #navbar #responsive{ display: none; }
 }
 @media (max-width:790px){
+	#tabla-cursos { width: 100%; }
     #navbar #navlist{ display:none; }
 
 	#usIcon{
@@ -682,6 +684,9 @@ b { font-weight: bold; }
 	#basic-grey input, #basic-grey textarea {width: 100% !important; }
 }
 @media screen and (max-width:670px){
+	#tabla-cursos { width: 100%; }
+	#tabla-cursos .left {width:100%;}
+	#tabla-cursos .right {width:100%;}
 	.seccion{ padding-top: 30px; }
 	#responsive img { width:48px; }
 	#facebook-link{display:none; }
@@ -705,7 +710,9 @@ b { font-weight: bold; }
 
 }
 
-@media screen and (max-width:400px) { #basic-grey { height:100%; } }
+@media screen and (max-width:400px) {
+	 #basic-grey { height:100%; }
+}
 
 #protector-solar{
     width: 50%;
@@ -779,4 +786,4 @@ b { font-weight: bold; }
 
 .curso-lista > li:hover{
     opacity: 1;
-};
+};

index.php

@@ -47,7 +47,7 @@ header('Content-language: es');
             <li><a href="#productos">productos</a></li>
             <li><a href="#actividades">actividades</a></li>
             <li><a href="#top_wrapper"><img alt="ESPECIFICOS Buenos Aires" src="Images/icons/logo.png" id="logo" width=50 height=50  /></a></li>
-            <li><a href="#cursos">cursos</a></li>
+            <li><a href="#cursos">formación</a></li>
             <li><a href="#distribuidoras">donde comprar</a></li>
             <li class="contact"><a href="#footer-outer">contacto</a></li>
         </ul>
@@ -176,10 +176,8 @@ header('Content-language: es');
 
 <div id="cursos">
 	<div id="curso">	
-    <h1><span>CURSOS</span></h1>
+    <h1><span>FORMACIÓN</span></h1>
 
-	<p style="margin-top: 60px; margin-bottom: 10px;">
-	<p class='titulin'>Garantía de calidad en formación profesional.</p>
 	<div id="tabla-cursos" class="tabla curso-tabla">
 		<div rv-each-curso="cursos" class="curso-box">
 			<h6 class="curso-titulo"> {curso.nombre} </h6>
@@ -195,7 +193,7 @@ header('Content-language: es');
 					</ul>
 				</div>
 				<div class="right">
-					<span class="curso-subtitulo">Información del Curso</span>
+					<span class="curso-subtitulo">Información de la capacitación</span>
 					<p rv-html="curso.descripcion"></p>
 				</div>
 				<div class="clear"></div>