tati
/
especificosweb


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205
							<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>

<head>
    <title>ESPECIFICOS Buenos Aires</title>
    <link type="text/css" rel="Stylesheet" href="Productos.css" />
    <link type="text/css" rel="Stylesheet" href="Especificos.css" />
     <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.9.1.js"></script>
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">

</head>

<body>

    <div id="top_wrapper">
        <div id="navbar" font-family="champagne">
            <ul id="navlist">
                <li><a href="Especificos.html#nosotros">nosotros</a></li>
                <li><a href="#productos">productos</a></li>
                <li><a href="#actividades">actividades</a></li>
                <li><a href="#top_wrapper"><img src="Images/LOGO.png" /></a></li>
                <li><a href="#cursos">cursos</a></li>
                <li><a href="#distribuidoras">donde comprar</a></li>
                <li>contacto</li>
            </ul>
        </div>
    </div>
    
    <div id="productos_wrapper">
       
        <br />
        <div id="productosbar">
            <ul id ="categorias">
                <a href=""><li><h3>LIMPIEZA</h3></li></a>

                <li><h3>MÁSCARAS</h3></li>

                <li><h3>ÁCIDO<br />HIALURÓNICO</h3></li>
                <li><h3>PEELING</h3></li>
                <li><h3>CORPORALES</h3></li>
                <li><h3>HOMBRES</h3></li>
                <li><h3>PROTECCIÓN<br />INTENSIVA</h3></li>
                <li><h3>MONODOSIS</h3></li>
                <li><h3>ACTIVOS<br />CONCENTRADOS</h3></li>
            </ul>
        </div>
        
        <div id ="paginas_wrapper">
            <div id="pagina">
                <div class="nav" style="display: inline; float: left;
                        height: 30px; margin-top: 170px;">
                    <label for="img-1" class="prev">&#x2039;</label>
                </div>
                <div id="lista_productos">
                    <div id="producto" style="float:left;">
                        <div style="float : left;">
                            <img src="Images/producto.jpg">
                        </div>
                        <div style="float : left;">
                            <h4> CELLANE CREMA CORPORAL </h4>
                            <br> blahblahlbahlbfdgracdmksla iaos fjdiosa f<br><br>
                             <u>Ver más</u> 
                        </div>
                    </div>
                    <div id="producto" style="float:left;">
                        <div style="float : left;">
                            <img src="Images/producto.jpg">
                        </div>
                        <div style="float : left;">
                            <h4> CELLANE CREMA PARA MASAJES </h4>
                            <br> blahblahlbahlbfdgra
                        </div>
                    </div>
                    <div id="producto" style="float:left;">
                        <div style="float : left;">
                            <img src="Images/producto.jpg">
                        </div>
                        <div style="float : left;">
                            <h4> CELLANE CREMA PARA MASAJES </h4>
                            <br> blahblahlbahlbfdgra
                        </div>
                    </div>
                </div>

                <div class="nav" style="float: right; height: 30px; margin-top: 170px;">
                    <label for="img-3" class="next">&#x203a;</label>
                </div> 
                <ul id="paginas_list">
                        <li> &#149; </li>
                        <li style="opacity: 0.5"> &#149; </li>
                        <li style="opacity: 0.5;"> &#149; </li></div>
                </ul>
            </div>

            
            <br>
            <div id="pagina" class="hidden">
                <div id="lista_productos">
                    <div id="producto" style="float:left;">
                        <div style="float : left;">
                            <img src="Images/producto.jpg">
                        </div>
                        <div style="float : left;">
                            <h4> CELLANE CREMA CORPORAL </h4>
                            <br> blahblahlbahlbfdgracdmksla iaos fjdiosa f<br><br>
                            <a>Ver más</a> 
                        </div>
                    </div>
                    <div id="producto" style="float:left;">
                        <div style="float : left;">
                            <img src="Images/producto.jpg">
                        </div>
                        <div style="float : left;">
                            <h4> CELLANE CREMA PARA MASAJES </h4>
                            <br> blahblahlbahlbfdgra
                        </div>
                    </div>
                </div>
                
            </div>
        </div>
        
    </div>
    <!--
    <ul class="slides">
    <input type="radio" name="radio-btn" id="img-1" checked />
    <li class="slide-container">
        <div class="slide">
            <img src="http://farm9.staticflickr.com/8072/8346734966_f9cd7d0941_z.jpg"/>
        </div>
        <div class="nav">
            <label for="img-6" class="prev">&#x2039;</label>
            <label for="img-2" class="next">&#x203a;</label>
        </div>
    </li>

    <input type="radio" name="radio-btn" id="img-2" />
    <li class="slide-container">
        <div class="slide">
          <img src="http://farm9.staticflickr.com/8504/8365873811_d32571df3d_z.jpg" />
        </div>
        <div class="nav">
            <label for="img-1" class="prev">&#x2039;</label>
            <label for="img-3" class="next">&#x203a;</label>
        </div>
    </li>

    <input type="radio" name="radio-btn" id="img-3" />
    <li class="slide-container">
        <div class="slide">
          <img src="http://farm9.staticflickr.com/8068/8250438572_d1a5917072_z.jpg" />
        </div>
        <div class="nav">
            <label for="img-2" class="prev">&#x2039;</label>
            <label for="img-4" class="next">&#x203a;</label>
        </div>
    </li>

    <input type="radio" name="radio-btn" id="img-4" />
    <li class="slide-container">
        <div class="slide">
          <img src="http://farm9.staticflickr.com/8061/8237246833_54d8fa37f0_z.jpg" />
        </div>
        <div class="nav">
            <label for="img-3" class="prev">&#x2039;</label>
            <label for="img-5" class="next">&#x203a;</label>
        </div>
    </li>

    <input type="radio" name="radio-btn" id="img-5" />
    <li class="slide-container">
        <div class="slide">
          <img src="http://farm9.staticflickr.com/8055/8098750623_66292a35c0_z.jpg" />
        </div>
        <div class="nav">
            <label for="img-4" class="prev">&#x2039;</label>
            <label for="img-6" class="next">&#x203a;</label>
        </div>
    </li>

    <input type="radio" name="radio-btn" id="img-6" />
    <li class="slide-container">
        <div class="slide">
          <img src="http://farm9.staticflickr.com/8195/8098750703_797e102da2_z.jpg" />
        </div>
        <div class="nav">
            <label for="img-5" class="prev">&#x2039;</label>
            <label for="img-1" class="next">&#x203a;</label>
        </div>
    </li>

    <li class="nav-dots">
      <label for="img-1" class="nav-dot" id="img-dot-1"></label>
      <label for="img-2" class="nav-dot" id="img-dot-2"></label>
      <label for="img-3" class="nav-dot" id="img-dot-3"></label>
      <label for="img-4" class="nav-dot" id="img-dot-4"></label>
      <label for="img-5" class="nav-dot" id="img-dot-5"></label>
      <label for="img-6" class="nav-dot" id="img-dot-6"></label>
    </li>
    </ul>
-->
</body>
</html>