tati
/
especificosweb


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333
							<html>
<head>
<<<<<<< HEAD
=======
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js">
    </script>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
    </script>
>>>>>>> 9bd72fa719c0d07f4a3ac6b151f321328a7681ad
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">
    </script>
	<script type="text/javascript">
	    $(document).ready(function () {

<<<<<<< HEAD
            $('.basic-grey, #overlay-contact').hide();
            $('#contact').click(function(){
                $('.basic-grey, #overlay-contact').toggle();
                $('#exit').click(function(){
                    $('.basic-grey, #overlay-contact').hide();
=======
            $('#overlay-contact, #model').hide();
            $('#contact').click(function(){
                $('#overlay-contact, #model').toggle();
                $('#exit').click(function(){
                    $('#overlay-contact, #model').hide();
>>>>>>> 9bd72fa719c0d07f4a3ac6b151f321328a7681ad
                });
            });

            $('#responsive-menu').css('color','#485260');
	        $('li a').click(function () {
	            $('html, body').animate({ scrollTop: $($(this).attr('href')).position().top }, 'slow');
	            return false;
	        });
            $('.menu').hide();
            $('#responsive-menu').click(function(){
                $('.menu').slideToggle(300);    
            });

            var startY= $('#top_wrapper').position().top + $('#top_wrapper').outerHeight();
            $('#logo').css('opacity','0');
            $('#navlist').css('height','55px');
            $(window).scroll(function () {

                if($(this).scrollTop() > startY ){
                    $('#logo').css({'opacity':'1', 'transition': 'opacity 0.5s ease-in-out'});
                }else{
                    $('#logo').css({'opacity':'0', 'transition': 'opacity 0.5s ease-in-out'});
                }
            });

            
        });
    </script>
    
    <link href='http://fonts.googleapis.com/css?family=Raleway:300' rel='stylesheet' type='text/css'>
    <link type="text/css" rel="Stylesheet" href="Especificos.css" />
    <title>Especificos Buenos Aires</title>

</head>
<body>
<div id="overlay-contact">
</div>

    <div class="basic-grey">
    <div id="exit"><h5>X</h5></div>
    <form action="" method="post" class="STYLE-NAME">
    <h5>Contacto</h5>
    <label>
<<<<<<< HEAD
        <span>Nombre :</span>
=======
        <span>Your Name :</span>
>>>>>>> 9bd72fa719c0d07f4a3ac6b151f321328a7681ad
        <input id="name" type="text" name="name" />
    </label>
    <br>
    <label>
<<<<<<< HEAD
        <span>Email :</span>
=======
        <span>Your Email :</span>
>>>>>>> 9bd72fa719c0d07f4a3ac6b151f321328a7681ad
        <input id="email" type="email" name="email" />
    </label>
    <br>
    <label>
<<<<<<< HEAD
        <span>Mensaje :</span>
=======
        <span>Message :</span>
>>>>>>> 9bd72fa719c0d07f4a3ac6b151f321328a7681ad
        <textarea id="message" name="message" ></textarea>
    </label>
    <br> 
    <label>
        <span>&nbsp;</span> 
        <input type="button" class="button" value="Send" /> 
    </label>    
    </form>
</div>


<div id="top_wrapper">
    <div id="navbar">
        <ul id="navlist">
            <li><a href="#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" id="logo" /></a></li>
            <li><a href="#cursos">cursos</a></li>
            <li><a href="#distribuidoras">donde comprar</a></li>
            <li id="contact"><a href="#">contacto</a></li>
        </ul>

        <ul id="responsive">
            <li><a href="#nosotros"><img src="Images/about.png" /></a></li>
            <li><a href="#productos"><img src="Images/products.png" /></a></li>
            <li><a href="#actividades"><img src="Images/activities.png"  /></a></li>
            <li><a href="#distribuidoras"><img src="Images/shop.png" /></a></li>
            <li><a href="#contacto"><img src="Images/contact.png"  /></a></li>
        </ul>
    </div>
</div>


    <div id="banner">
        ESPECIFICOS<br />
        <img src="Images/buenosaires.png" width="270px" height="54px"/><br />
        <br /><br/>
        <h2>Excelencia, ciencia y lujo al cuidado de la piel</h2>
    </div>

	<div id="nosotros">
        <br /><br />
	    <h1><span>NOSOTROS</span></h1>
	    <p>
	    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris in pellentesque enim, vulputate mollis diam. Cras ac sem ut odio viverra posuere vel sit amet ante. Mauris auctor hendrerit magna, porttitor iaculis. Integer tincidunt risus eget nulla suscipit condimentum. Vivamus justo magna, venenatis sed odio vitae, vehicula vestibulum tortor. Proin quis hendrerit risus. Curabitur nulla lacus, elementum in turpis vel, egestas consectetur tellus. Proin justo felis, sollicitudin porttitor porta ut, feugiat a nulla. Integer ultrices posuere nibh, eu facilisis orci ullamcorper ut. Donec luctus auctor augue in varius. </p>

    </div>


    <div id="productos">
        PRODUCTOS
    </div>

    <div id="actividades">
    <br /><br />
        <h1><span>ACTIVIDADES</span></h1>
        <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris in pellentesque enim, vulputate mollis diam. Cras ac sem ut odio viverra posuere vel sit amet ante. Mauris auctor hendrerit magna, porttitor iaculis. Integer tincidunt risus eget nulla suscipit condimentum. Vivamus justo magna, venenatis sed odio vitae, vehicula vestibulum tortor. Proin quis hendrerit risus. Curabitur nulla lacus, elementum in turpis vel, egestas consectetur tellus. Proin justo felis, sollicitudin porttitor porta ut, feugiat a nulla. Integer ultrices posuere nibh, eu facilisis orci ullamcorper ut. Donec luctus auctor augue in varius. 
        </p>
    </div>


    <div id="cursos">
    <br /><br />
    <h1><span>CURSOS</span></h1>

    </div>
    <div id="distribuidoras">
    <br /><br />
        <h1><span>DONDE COMPRAR</span></h1>
        <div id="title">
        <h3>Capital Federal y GBA </h3>
        
        <table id="capital-tabla">
            <thead>
                <tr>
                    <th>Provincia</th>
                    <th>Localidad</th>
                    <th>Distribuidor</th>
                    <th>Domicilio</th>
                    <th>Teléfono</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>Buenos Aires</td>
                    <td>Ciudadela</td>
                    <td>Alta Cosmética</td>
                    <td>Santa Juana de Arco 3792</td>
                    <td>011.4653.1659</td>
                </tr>
                <tr>
                    <td>Buenos Aires</td>
                    <td>Lanús</td>
                    <td>Dicosur</td>
                    <td>25 de Mayo 30</td>
                    <td>011.4249.1923</td>
                </tr>
                <tr>
                    <td>Buenos Aires</td>
                    <td>Lomas de Zamora</td>
                    <td>Dicosur</td>
                    <td>Laprida 432 2°</td>
                    <td>011.4292.8887</td>
                </tr>
                <tr>
                    <td>Buenos Aires</td>
                    <td>Morón</td>
                    <td>Quimey</td>
                    <td>Valle 295</td>
                    <td>011.4629.0869</td>
                </tr>
                <tr>
                    <td>Buenos Aires</td>
                    <td>San Isidro</td>
                    <td>Ctro. Cosm. del Norte</td>
                    <td>Martin y Omar 129 - Of. 114</td>
                    <td>011.4742.9498</td>
                </tr>
                <tr>
                    <td>Buenos Aires</td>
                    <td>Villa Ballester</td>
                    <td>Hugo Daizo</td>
                    <td>Independencia 4904</td>
                    <td>011.4768.0362</td>
                </tr>
                <tr>
                    <td>Capital Federal</td>
                    <td>Capital Federal</td>
                    <td>Martha Ferrer</td>
                    <td>La Pampa 1007 1°</td>
                    <td>011.4523.2658</td>
                </tr>
                <tr>
                    <td>Capital Federal</td>
                    <td>Capital Federal</td>
                    <td>NUCLEA</td>
                    <td>Ciudad de la Paz 2985</td>
                    <td>011.4544.2202</td>
                </tr>
                <tr>
                    <td>Capital Federal</td>
                    <td>Capital Federal</td>
                    <td>Peeling</td>
                    <td>Nahuel Huapi 4942 Dto. 4</td>
                    <td>011.4521.0986</td>
                </tr>
               
            </tbody>
        </table>
        </div>
    
        <table id="interior-tabla">
            <thead>
                <tr>
                    <th>Provincia</th>
                    <th>Localidad</th>
                    <th>Distribuidor</th>
                    <th>Domicilio</th>
                    <th>Teléfono</th>
                </tr>
            </thead>
            <tbody>
                 <tr>
                    <td>Buenos Aires</td>
                    <td>Bahía Blanca</td>
                    <td>Celia Aguilera</td>
                    <td>E. González 1327</td>
                    <td>0291.4883.089</td>
                </tr>
                <tr>
                    <td>Buenos Aires</td>
                    <td>Mar del Plata</td>
                    <td>Claudia Pastorini</td>
                    <td>Neuquen 180</td>
                    <td>0223.4732475<br />0223.154429865</td>
                </tr>
                <tr>
                    <td>Buenos Aires</td>
                    <td>Mar del Plata</td>
                    <td>Eurosur</td>
                    <td>Stgo. del Estero 3402</td>
                    <td>0223.492.5556</td>
                </tr>
                <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>


            </tbody>
        </table>
    </div>

    
    <div id="footer-outer">
        <div id="footer-inner-left">
          <h5>  NEWSLETTER </h5> <br />
            Reciba las ultimas novedades en su email
            <br />
            <div id="input-footer">
                <input id="suscribe" type="text" /> 
                <input id="ok" type="submit" value="OK" />
            </div>

        </div>
        <div id="footer-inner-right">
           </h4> ENCONTRANOS TAMBIEN EN </h4> <br />
            facebook
        </div>
    </div>
</body>
</html>