Merge branch 'master' of ssh://davidventura.com.ar:443/tati/especificosweb

Images/productos/a.sh

@@ -0,0 +1 @@
+for f in $(ls *jpg); do convert "$f" -resize 75x140 "../thumbs/$f"; done

css/especificos.css

@@ -1,7 +1,8 @@
 @font-face {
-  font-family: 'Champagne and Limousine';
+ font-family: 'Champagne and Limousine';
  src: url('../Fonts/Champagne&Limousines.ttf');
  -webkit-font-smoothing: antialiased;
+ font-weight: 700;
 }
 @font-face {
   font-family: "Open Sans";
@@ -91,7 +92,7 @@ html, body
     margin-top: 2px;
     outline: 0 none;
     padding: 3px 3px 3px 5px;
-    width: 70%;
+    width: 62%;
     font-family: 'Champagne and Limousine';
     font-size: 12px;
 }
@@ -112,10 +113,10 @@ html, body
 }
 
 /******************RESPONSIVE MENU******************/
-@media(min-width: 801px){
+@media (min-width: 801px){
     #navbar #responsive{ display: none; }
 }
-@media(max-width:800px){
+@media (max-width:800px){
     #navbar #navlist{ display:none; }
 
 	#footer-outer
@@ -184,7 +185,7 @@ html, body
     margin: 0px auto;
     background-color:#FFF;
     padding-bottom: 10px;
-    font-family: 'Champagne and Limousine';
+    font-family: 'Open Sans';
     font-size: 100%;    
     color: #485260;
     letter-spacing: 5px;
@@ -216,7 +217,7 @@ html, body
     height: auto;
     text-align: center;
     margin: 0px auto;
-    padding-top: 70px;
+    padding-top: 20px;
     border-bottom: 1px solid #475A68;
 }
 
@@ -323,7 +324,6 @@ width: 70%;
 	width: 100%;
 }
 #curso{
-
 	background: url('http://subtlepatterns.com/patterns/back_pattern.png') repeat;
 }
 #productos
@@ -567,7 +567,7 @@ p
    line-height: 23px;
 }
 
-a:link
+a:visited, a:link
 {
     color: #485260;
     text-decoration:none;
@@ -592,112 +592,3 @@ li:hover
 }
 
 .hidden { display: none;}
-
-
-/********************SLIDES          TODO: es necesario? 
-
-@import url(http://fonts.googleapis.com/css?family=Varela+Round);
-
-.slides {
-    float: left;
-    padding: 0;
-    width: 900px;
-    height: 600px;
-    display: block;
-    margin: -51px auto;
-    position: relative;
-}
-
-.slides * {
-    user-select: none;
-    -ms-user-select: none;
-    -moz-user-select: none;
-    -khtml-user-select: none;
-    -webkit-user-select: none;
-    -webkit-touch-callout: none;
-}
-
-.slides input { display: none; }
-
-.slide-container { display: block; }
-
-.slide {
-    top: 0; 
-    opacity: 0;
-    width: 900px;
-    height: 500px;
-    display: block;
-    position: absolute;
-
-    transform: scale(0);
-
-    transition: all .7s ease-in-out;
-}
-
-.slide img {
-    width: 100%;
-    height: 100%;
-}
-
-.nav label 
-{
-    height: 120px;
-
-    z-index: 9;
-    cursor: pointer;
-    color: #475A68;
-    font-size: 80pt;
-    text-align: center;
-    font-family: "Varela Round", sans-serif;
-    margin: auto auto;
-    margin-top: 170px;
-
-}
-
-.slide:hover + .nav label { opacity: 0.5; }
-
-.nav label:hover { opacity: 0.2; transition: opacity 1s ease-in-out;}
-
-.nav .next { right: 0; }
-
-input:checked + .slide-container  .slide {
-    opacity: 1;
-
-    transition: opacity 1s ease-in-out;
-}
-
-input:checked + .slide-container .nav label { display: block; }
-
-.nav-dots {
-    width: 100%;
-    bottom: 9px;
-    height: 11px;
-    display: inline-block;
-    position: absolute;
-    text-align: center;
-}
-
-.nav-dots .nav-dot {
-    top: -5px;
-    width: 11px;
-    height: 11px;
-    margin: 0 4px;
-    position: relative;
-    border-radius: 100%;
-    display: inline-block;
-    background-color: rgba(0, 0, 0, 0.6);
-}
-
-.nav-dots .nav-dot:hover {
-    cursor: pointer;
-    background-color: rgba(0, 0, 0, 0.8);
-
-input#img-1:checked ~ .nav-dots label#img-dot-1,
-input#img-2:checked ~ .nav-dots label#img-dot-2,
-input#img-3:checked ~ .nav-dots label#img-dot-3,
-input#img-4:checked ~ .nav-dots label#img-dot-4,
-input#img-5:checked ~ .nav-dots label#img-dot-5,
-input#img-6:checked ~ .nav-dots label#img-dot-6 {
-    background: rgba(0, 0, 0, 0.8);
-}
-********************/

css/productos.css

@@ -148,3 +148,7 @@ margin-top: 50px;
 .left {float:left; }
 .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;}

listaprod.php

@@ -1,4 +1,43 @@
 <?php
+$cat = 'Limpieza';
+if (isset($_GET['cat'])) { 	$cat = $_GET['cat']; }
+
+if ($cat == 'tratamientos') {
+echo "
+    <div id='pedorrada'><h1>Tratamientos Específicos</h1>
+    <h2>Tratamientos Faciales</h2> 
+    <h3>Protocolo de Tratamiento</h3>
+    Métodos ESPECIFICOS, de acción sinérgica, pensados para compensar y reparar cada 
+    instancia de la piel en particular. Mediante la utilización de Sistemas Específicos- Piel, 
+    que combinan activos puros, vehículos especializados y técnicas de aplicación específica 
+    basadas en la fisiología de la piel, que ayudan a activar sus propiedades de regeneración, 
+    brindando protección a las células madre de la piel y protección medioambiental, restableciendo su natural belleza.
+
+    <h3>Observación</h3>
+Un análisis específico que permite identificar cada biotipo cutáneo en particular, como también las carencias de la piel, para poder compensar y personalizar cada tratamiento.
+    <h3>Iniciación del tratamiento</h3>
+Se prepara y limpia profundamente la piel como paso fundamental, mediante la utilización de emulsión de higiene de PH neutro y microgránulos exfoliativos con silicatos naturales. De esta manera eliminamos impurezas que permitirán 
+    continuar con el tratamiento específico.
+<h3> Método Específico </h3>
+
+    <h3>Peeling + Máscara </h3>
+
+    Método de acción sinérgica, formulado específicamente para trabajar en forma conjunta de acuerdo al protocolo de indicación. Piel impecable, radiante y permeable.
+
+    <h3>Compensación</h3>
+Los productos que se utilizan una vez retirada la máscara, contienen activos concentrados de gran pureza y vehículos específicos que estimulan la liberación prolongada de los activos utilizados.<br>
+En esta etapa de diferenciación, donde los productos elegidos serán específicos para cada biotipo cutáneo en cada instancia en particular, la metodología específica nos permitirá restablecer el equilibrio, purificar, detoxificar y compensar, mejorando las funciones de protección, estimulación y regeneración de la piel, de acuerdo a las necesidades de cada biotipo cutáneo en particular.
+
+     <h3>Tratamientos Corporales </h3>
+Los tratamientos corporales específicos combinan productos y procedimientos desarrollados con técnicas sinérgicas y enfoque personalizado. <br>Los tratamientos ayudan a detoxificar, drenar y estimular la disminución de tejido adiposo y celulitis, tonificando el cuerpo para recuperar la armonía buscada, una piel suave y tersa, piernas 
+     descansadas y bellas.<br> 
+
+     Equilibrio - Tonificación – Reafirmación – Contorno mejor definido.</div>";
+    exit;
+}
+
+
+
 include('db.php');
 
 if (!$statement = $db->prepare("SELECT p.idproducto,p.nombre, co.desc_corta, p.thumb
@@ -8,8 +47,6 @@ left join categorias c on c.idcategoria = p.categoria
 WHERE c.nombre = ? AND c.idioma = 'espanol' ")) {
 die('error!!!');
 }
-$cat = 'Limpieza';
-if (isset($_GET['cat'])) { 	$cat = $_GET['cat']; }
 $statement->bind_param('s', $cat);
 $statement->execute();
 $statement->store_result();

productos.php

@@ -134,7 +134,7 @@ $(document).ready(function() {
                 <li class="cambiarcat" val="monodosis"><h3>MONODOSIS</h3></li>
                 <li class="cambiarcat" val="activos concentrados"><h3>ACTIVOS<br />CONCENTRADOS</h3></li>
 				<li><a href='folleto2013.pdf'><h3 style="height:60px; color: white;">DESCARGAR<br />CATALOGO</h3></a></li>
-				<li  val="tratamientos"><h3 style="height:140px; color: white;">TRATAMIENTOS<br />ESPECIFICOS</h3></li>
+				<li class="cambiarcat" val="tratamientos"><h3 style="height:140px; color: white;">TRATAMIENTOS<br />ESPECIFICOS</h3></li>
 			</ul>
         </div>