nueva descripcion + seccion cursos

css/especificos.css

@@ -252,7 +252,41 @@ html, body
     
 }
 */
+.titulo_curso{
+	font-family:  'Champagne and Limousine';
+	font-size: 19pt;
+	color: #465A68;
+	text-align: center;
+	
+}
+.descripcion_curso{
+
+  margin: 0 30px;
+   font-family: 'Open Sans'/*'Raleway', sans-serif*/;
+   font-size: 16px;
+   text-align: center;
+   /*letter-spacing: 2px;*/
+   color: #465A68;/*#7196A6*/ 
+   font-weight: 300;
+   line-height: 23px;
+  margin-bottom:40px;
+}
+
+#cursos{
+	width: 100%;
+    height: auto;
+    text-align: center;
+    margin: 70px auto;
+    border-bottom: 1px solid #475A68;
+}
+#cursos h1 span{
+	border: 1px solid;
+	width: 100%;
+}
+#curso{
 
+	background: url('http://subtlepatterns.com/patterns/back_pattern.png') repeat;
+}
 #productos
 {
     /*background: url('Images/productos.jpg') no-repeat scroll center bottom / cover #485260 ;
@@ -452,6 +486,7 @@ h1
 h1 span { 
     background:#fff; 
     padding:0 10px; 
+
 }
 
 

css/productos.css

@@ -89,13 +89,13 @@ margin-top: 50px;
 
 #productos_wrapper
 {
-    width: 90%;
+    width: 100%;
     /*text-align: center;*/
     margin: 70px auto;
 	display: table;
 }
 
-.listaproductos{padding-bottom:10px; width:100%;min-height:170px;}
+.listaproductos{padding-bottom:10px; width:100%;min-height:250px;}
 .imagen{
 	margin-top: 2%;
 	margin-left: 2%;
@@ -111,19 +111,29 @@ margin-top: 50px;
 	display: inline-block; 
 	width: 70%; 
 	float:left;
+	font-size: 14px;
+}
+#texto{
+	font-family:'Open Sans';
+	font-size:14px;
 }
-
 #descripcion_completa{
 	z-index:11;
 	position: fixed;
 	background-color: white;
-	width: 90%;
-	height: 100%;
+	width: 70%;
+	height: auto;
 	display:none;
 	top: 0px;
 	left: 0px;
+	padding: 40px 40px;
+	top: 100px;
+	left:190px;
 }
 
 #descripcion_completa > texto{
 	z-index:12;
 }
+
+#flechafwd{z-index:2; top: 40%; position:absolute; right:10px;}
+#flechaatras{z-index: 2; top: 40%; position: absolute; left: 250px;}

index.php

@@ -153,6 +153,7 @@ header('Content-Type: text/html; charset=UTF-8');
 	tratamientos ESPECIFICOS Buenos Aires es nuestra filosofía de excelencia, ética, 
 	seriedad y apoyo constante para un perfecto resultado.<br/><br/>
 	Un producto ESPECIFICOS Buenos Aires responde a cuatro principios fundamentales:</p>
+	
 	<div class="descripciones">
 	
 		<div id="pureza" class="descripcion">
@@ -199,16 +200,45 @@ header('Content-Type: text/html; charset=UTF-8');
     </div>
 
 
-    <div class="seccion" id="cursos">
+    <div id="cursos">
     <br /><br />
+	<div id="curso">	
     <h1><span>CURSOS</span></h1>
-	<div class="descripciones">
-			<div id="congresos" class="descripcion">
-				<img src="Images/icons/elearning.png"><br/><br/>
-				Elearning
-			</div>
-    </div>
-	</div>
+
+	<p>
+	<b>Garantía de calidad en formación profesional.</b><br/><br/>
+	<i>Haga click en alguno de los siguientes cursos para acceder al contenido</i><br/><br/>
+	
+
+
+<div class="titulo_curso">Especialización en Dermatocosmiatría, curso anual</div>
+<div class="descripcion_curso">
+La incorporación de nuevos métodos y tecnologías ha transformado completamente los tratamientos estéticos.<br/>
+La aplicación de fuentes de luz u otras terapias físicas como la radiofrecuencia, microcorrientes, electroestimulación facial, terapias de frio, métodos sinérgicos de aplicación de activos, maniobras adecuadas de acuerdo a la anatomía muscular y fisiología de la piel, han supuesto un antes y un después en la mayoría de los tratamientos.<br/>
+La elaboración de protocolos de práctica con base en el estudio profundo de la piel, constituye otro avance metodológico que ha incrementado los buenos resultados, incluso con las antiguas terapias y tecnologías.<br/>
+El intercambio de experiencias, así como la formación, específica, científica y técnica, permiten seguir avanzando para ofrecer mejores resultados en menor cantidad de tiempo.<br/>
+Este avance debe fundamentarse en una buena formación de las profesionales que la practican y en la mejor evidencia científica de los tratamientos que se aplican.<br/>
+El principal objetivo debe ser ofrecer un tratamiento eficaz y seguro que mejore el bienestar.<br/>
+En  el transcurso de la Especialización, podrán intercambiar opiniones con docentes de experiencia calificada que las acompañarán a lo largo del año brindándoles todo su apoyo en la formación. <br/>
+Dirigido a: Cosmetólogas, Cosmiatras, Técnicas Universitarias en Dermatocosmiatría, Profesionales de la Estética.<br/></div>
+
+
+<div class="titulo_curso">Rejuvenecimiento facial con métodos no invasivos</div>
+<div class="descripcion_curso">
+Este curso está destinado a profesionales de la ciencia estética, cosmetología y cosmiatría, para trabajar en conjunto frente a una de las afecciones más tratadas en el consultorio “El rejuvenecimiento facial con métodos no invasivos” y toda la problemática que conlleva los cambios propios de la piel en el transcurso de la vida.
+Nuestra intención es brindar alta capacitación trabajando siempre en elevar el  compromiso profesional que nos ayudará a definir protocolos indicados para cada necesidad, de última tecnología y realizar un trabajo de excelencia, siempre basados en el conocimiento científico.
+</div>
+<div class="titulo_curso">Drenaje Linfático Manual</div>
+<div class="descripcion_curso">
+El Drenaje Linfático Manual es un método de terapia física descongestiva, cuya función es la activación del funcionamiento del Sistema Linfático superficial, para mejorar la eliminación del líquido intersticial y las moléculas de gran tamaño, optimizando su evacuación.
+Su acción está basada en un profundo estudio de la anatomía y fisiología del sistema linfático. Aplicado correctamente, trabajando en una serie protocolizada de maniobras manuales muy suaves, logra drenar o desplazar la linfa, que pueda encontrarse estancada a territorios linfáticos sanos para su evacuación normal hacia el torrente venoso.
+Esta técnica se ha perfeccionado en los últimos años.
+Actúa sobre el sistema neurovegetativo. Mejora el Sistema inmune, actúa en prevención.
+OBJETIVOS DEL CURSO: Obtener los conocimientos teóricos y prácticos en el área específica del drenaje linfático manual que permitan, a través de una intensa práctica, la comprensión y aplicación idónea de las maniobras.
+</div>
+<br/><br/><br/><br/>
+</div>
+</div>
 	
 	
     <div class="seccion" id="distribuidoras">

listaprod.php

@@ -1,9 +1,9 @@
 <?php
 include('db.php');
 
-if (!$statement = $db->prepare("SELECT p.idproducto,p.nombre, d.desc_corta
+if (!$statement = $db->prepare("SELECT p.idproducto,p.nombre, co.desc_corta
 FROM productos p 
-left join descripcion d on p.idproducto = d.idproducto
+left join contenido co on p.idproducto = co.idproducto
 left join categorias c on c.idcategoria = p.categoria
 WHERE c.nombre = ? AND c.idioma = 'espanol' ")) {
 die('error!!!');
@@ -18,10 +18,10 @@ $count=$statement->num_rows;
 $i=0;
 $pag=0;
 
-if ($count > 6) echo "<div id='flechaatras'><!--imagen--></div>";
+if ($count > 4) echo "<div id='flechaatras'><img src='Images/left.png'></div>";
 while ( $statement->fetch() ) {
     $i++;
-    if (($i-1) % 6 == 0  && $i > 1 || $i == 1) {
+    if (($i-1) % 4 == 0  && $i > 1 || $i == 1) {
         echo "<div class='pagina' id='pagina-$pag'>\n";
         $pag++;
     }
@@ -36,7 +36,8 @@ while ( $statement->fetch() ) {
            </div>";
     echo $html;
 	if($i % 2 == 0) { echo "</div>"; } # listaproductos
-    if($i % 6 == 0) { echo "</div>"; } #pagina 
+    if($i % 4 == 0) { echo "</div><div id='flechafwd'><img src='Images/right.png'></div>"; } #pagina
+	
 }
-if ($count > 6) echo "<div id='flechafwd'><!--imagen--></div>";
+/*if ($count > 4) echo "<div id='flechafwd'><img src='Images/right.png'></div>";*/
 ?>

productos.php

@@ -46,7 +46,7 @@ $(document).ready(function() {
 	}
 	
 	
-	$(".next").click(function() {
+	$(".flechafwd").click(function() {
 		if ( ! $(".pagina[num='"+(curpag+1)+"']").length )
 			return;
 		$(".pagina").hide();
@@ -56,7 +56,7 @@ $(document).ready(function() {
 		$("#paginas_list li[num='"+curpag+"']").css("opacity",1);
 
 	});
-	$(".prev").click(function() {
+	$(".flechaatras").click(function() {
 		$(".pagina[num='"+curpag+"']").hide();
 		curpag--;
 		if ( curpag < 1 )
@@ -138,9 +138,9 @@ $(document).ready(function() {
 </html>
 <!--
 
-                </div>
-                <div class="nav" style="float: right; height: 30px; margin-top: 170px;">
-                    <label for="img-3" class="next">&#x203a;</label>
+         </div>
+         <div class="nav" style="float: right; height: 30px; margin-top: 170px;">
+         <label for="img-3" class="next">&#x203a;</label>
                 </div> 
                 
             </div>

vermas.php

@@ -1,33 +1,32 @@
 <?php
 include('db.php');
-if (!$statement = $db->prepare("SELECT p.presentacion, p.nombre, d.descripcion, f.formula, pri.principio 
+if (!$statement = $db->prepare("SELECT p.nombre, c.descripcion, c.activos, c.aplicacion
 FROM productos p
-left join descripcion d
-on p.idproducto = d.idproducto
-left join principios pri
-on p.idproducto =  pri.idprincipios
-left join formulas f
-on p.idproducto = f.idproducto
+left join contenido c
+on p.idproducto = c.idproducto
 where p.idproducto = ?")) { die('Error');}
 
 if (isset($_GET['id'])) { 	$id = $_GET['id']; } else { die('sin id');}
 $statement->bind_param('d', $id);
 $statement->execute();
 $statement->store_result();
-$statement->bind_result($presentacion, $nombre, $descripcion, $formula, $principio);
+$statement->bind_result($nombre, $descripcion, $activos, $aplicacion);
 if (!$statement->fetch()) { die('why'); }
-$html = " <div id = 'texto'>
-				<h5>$nombre</h5><br/><br/>
-				<h5>Descripción</h5><br/>
-				$descripcion<br/><br/>
-				<h5>Formula</h5><br/>
-				$formula<br/><br/>
-				<h5>Principios</h5><br/>
-				$principio<br/><br/>
-				<h5>Presentación</h5><br/>
-				$presentacion<br/><br/>
-		  </div>";
-echo $html;
+
+echo "<div id = 'texto'>
+	    <h5>$nombre</h5><br/><br/>
+		<h5>Descripción</h5><br/>
+		$descripcion<br/><br/>";
+		if($activos != ''){
+		echo "<h5>Activos</h5><br/>
+				$activos<br/><br/>";
+		}
+		if($aplicacion != ''){
+		echo"<h5>Aplicación</h5><br/>
+				$aplicacion<br/><br/>";
+		}
+echo"</div>";
+	
 
 ?>