tati
/
especificosweb


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317
							<!doctype html>
<head>
	<title>Protection Time 50+</title>
	<link type="text/css" rel="Stylesheet" href="css/protector.css" />
	<link type="text/css" rel="Stylesheet" href="css/especificos.css" />
	<link type="text/css" rel="Stylesheet" href="css/menu.css" />

	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&libraries=places"></script>
	<script src="js/anim.js"></script>
	<script src="js/aplicacion.js"></script>
	<script>
		function load(){
			var availableWidth = [ 1400, 1920];
			var size=0; 
			while (window.innerWidth > availableWidth[size] && size < availableWidth.length-1 ) 
				size++;

			var contact = document.querySelectorAll("#switcher div");
			var datos = ["Protección reforzada frente a los rayos UVA y UVB, gracias a un sistema filtrante óptimo Específico, combinado con Acido Hialurónico, hidratante protector de la piel. Ayuda a prevenir intolerancias solares y daño celular provocado por la acción de rayos UV. Textura fluida, no grasa. Acabado imperceptible. <br/>Sin perfume. Sin parabenos, con color.",
						 "Protección reforzada frente a los rayos UVA y UVB, gracias a un sistema filtrante óptimo Específico, combinado con Grosella, antioxidante protector de la piel. Ayuda a prevenir intolerancias solares y manchas pigmentarias foto-inducidas. Textura fluida, no grasa, acabado imperceptible. Sin perfume. Sin parabenos, con color",
						 "Protección reforzada frente a los rayos UVA y UVB, gracias a un sistema filtrante óptimo Específico, combinado con Sepicalm S, biovector aminoácido con minerales, mejorando el confort cutáneo. Ayuda a prevenir intolerancias solares. Textura fluida, no graso. Acabado imperceptible. Sin perfume. Sin parabenos",
						 "Protección reforzada frente a los rayos UVA y UVB, gracias a un sistema filtrante óptimo Específico, combinado con Aceite de sésamo, rico en acidos grasos esenciales. Ayuda a prevenir intolerancias solares y daño provocado por la accion de rayos UV. Textura fluida, no grasa, acabado imperceptible. Sin perfume. Sin parabenos"];
			var titulos = ["PROTECTION TIME  FPS 50+ Fluido facial con color + ác Hialurónico",
						   "PROTECTION TIME  FPS 50+ Fluido Corporal con color + Grosella",
						   "PROTECTION TIME  FPS 50+ Fluido Facial + Sepicalm S",
						   "PROTECTION TIME  FPS 50+ Fluido Corporal + Aceite de Sésamo"];
			var images = [ 	"hialuronico.png",
							"grosella.png",
							"sepicalm.png",
							"sesamo.png"];
			for(var i =0; i < contact.length; i++)
				contact[i].onclick=function() {
					document.getElementById("prod-text").innerHTML=datos[this.id];
					document.getElementById("prod-title").innerHTML=titulos[this.id];
					document.getElementById("prod-image").src="Images/protector/"+images[this.id];

					for(var i =0; i < contact.length; i++)
						contact[i].style.color="white";
					this.style.color="#3696BF";
				}
			
			var list = document.getElementsByTagName("li");
			for(var i =0; i < list.length; i++) {
				if(list[i].firstChild.tagName=="A")
					list[i].firstChild.addEventListener("click", function(e) {
						if (this.hash=='#home'){
							window.location="http://especificosba.com.ar";
							return;
						}
						var target=document.getElementById(this.hash.replace("#",""))
						scrollToY(target.offsetTop, 1500, 'easeInOutQuint');
						e.preventDefault();
				});
			}
			var pos=0;
			setInterval(avanzar, 30000);
			function avanzar(){
				pos++;
				if(pos>=4)
					pos=0;
				document.getElementById(pos).click();
			}
			

		var banner=document.getElementById("protector-slide");
		var curImg=1;
		banner.style.background="url('Images/protector/slide1-"+availableWidth[size]+".jpg') no-repeat bottom";

		function slide() {
        	banner.className='transp';
        	setTimeout(transp, 500);
        	curImg++;
        	if(curImg>4) curImg=1;
    	}
    	function transp() {
			banner.style.background="url('Images/protector/slide"+curImg+"-"+availableWidth[size]+".jpg') no-repeat bottom";
    	    banner.removeAttribute('class');
    	}
    	setInterval(slide, 7000);
		}


		window.addEventListener('load', load, false);

	</script>
</head>

<body>
	<div id="top_wrapper">
    	<div id="navbar">
	        <ul id="navlist">
	        	<li><a href="#home">volver</a></li>
	        	<li><a href="#protector-slide">elige tu protector</a></li>
	        	<li><a href="#aplicacion">c&oacute;mo aplicar</a></li>
	        	<li><a href="#informacion">m&aacute;s informaci&oacute;n </a></li>
	        	<li><a href="#uv">indice uv en tu zona</a></li>
	        </ul>
	    </div>
	</div>


	<div id="protector-slide">
		<img id="title" src="Images/logo-nuevo.png"/>
		<div id="image-container">
			<img src="Images/protector/hialuronico.png" id="prod-image" />
		</div>

		<div id="prod-description">
			<div id="prod-title">PROTECTION TIME  FPS 50+ Fluido facial con color + ác Hialurónico</div>
			<div id="prod-text">Protección reforzada frente a los rayos UVA y UVB, gracias a un sistema filtrante óptimo Específico, combinado con Acido Hialurónico, hidratante protector de la piel. Ayuda a prevenir intolerancias solares y daño celular provocado por la acción de rayos UV. Textura fluida, no grasa. Acabado imperceptible. <br/>
			Sin perfume. Sin parabenos, con color.</div>
			<div> <b>Testeados en USA bajo normas FDA-COLIPA</b> </div>
		</div>
		<div id="space"></div>
		<div id="switcher">
			<div id="0">&#11044;</div><div id="1">&#11044;</div><div id="2">&#11044;</div><div id="3">&#11044;</div>
		</div>

	</div>


	<div id="aplicacion" class="seccion">
		<h1> <span>C&oacute;mo Aplicar </span></h1>
		<p>
			ESPECIFICOS Buenos Aires, te cuida… <br/><br/>

			El efecto de las radiaciones UV en la piel es acumulativo, progresivo e irreversible.<br/>
			Exponerse al sol sin protección puede ser nocivo para las personas.  <br/><br/>

			Elige cuidarte del sol este verano…<br/>
		</p>

		<div class="descripciones">
			<div id="time" class="descripcion">
				<div id="timeIcon" class="imageIcon"></div>
				Aplicar la crema antes de salir a la playa o la piscina, y como mínimo 30 minutos antes de exponerse al sol. <br/>
				Reaplicar cuando sea necesario de acuerdo a cada fototipo cutáneo. <b>Se recomienda cada dos horas </b>para mantener la protección, especialmente después de un baño o nadar<br/>
			</div>
			<div id="extend" class="descripcion">
				<div id="extendIcon" class="imageIcon"></div>
				Extender  PROTECTION TIME 50+ sobre la piel bien seca.<br/>
				Aplicar una capa abundante, extendido por toda la piel sin dejar zonas sin protección.
			</div>
		</div>
	
		<div class="descripciones">
			<div id="water" class="descripcion">
				<div id="waterIcon" class="imageIcon"></div>
				No pulverizar sobre la piel con agua mientras se toma el sol.<br/> 
				En el caso de haberse humedecido, seque con toalla y aplique foto protector Protection Time 50+. No olvide orejas, nuca y pies.<br/>
			</div>
			<div id="hat" class="descripcion">
				<div id="hatIcon" class="imageIcon"></div>
				Proteger la cabeza con un sombrero o gorra con visera; los ojos con gafas adecuadas.<br/>
				Evitar la exposición al sol entre las 11 y las 15 horas (horario de máxima radiación ultravioleta).
			</div>
		</div>

		<div class="descripciones">
			<div id="cloud" class="descripcion">
				<div id="cloudIcon" class="imageIcon"></div>
				Utilizar protección solar aunque esté nublado.<br/>
			</div>
			<div id="hat" class="descripcion">
				<div id="drinkIcon" class="imageIcon"></div>
				Beber agua o líquidos sin alcohol para evitar la deshidratación.<br/>
			</div>
		</div>
	</div>

	<div id="informacion" class="seccion">
		<h1> <span>Más información</span></h1>
		<p>

			PROTECTION TIME 50+ te ayuda prevenir, evitando las exposiciones dañinas a los rayos ultra violetas (UV).<br/><br/>

			Factor de Protección Solar, es un número que mide cuánto tiempo se puede estar expuesto al sol para producir el mismo enrojecimiento o eritema que si no se hubiese utilizado la crema de protección solar.  <br/><br/>

			Es decir: Sin la utilización de un protector, la piel deberá estar expuesta al sol durante 4 minutos para empezar a enrojecerse (eritema)</br>
			Si se utiliza una crema de FPS de 5, se tardarán 20 minutos</br>
			Utilizando un FPS 50, <b>se tardarán 200 minutos.</b><br/>
			<br/><br/>
			La intensidad (RUV) depende de:
		</p>
		<div class="descripciones">
			<div class="descripcion">
				<b>La elevación del sol: </b><br/>
				Cuanto más alto está el sol en el cielo, mayor es la intensidad de las radiaciones UV.
			</div>
			<div class="descripcion">
				<b>Protección de las nubes:</b><br/>
				Las radiaciones UV son más intensas cuando el cielo está despejado, pero pueden ser intensas aun cuando el cielo está nublado.
			</div>
		</div>

		<div class="descripciones">
			<div class="descripcion">
				<b>Latitud:</b><br/>
				Cuanto más cerca se está del ecuador, más intensas son las radiaciones UV.
			</div>
			<div class="descripcion">
				<b>Altitud:</b><br/>
				La intensidad de las radiaciones UV aumenta un 5% por cada 1000 metros de altitud.
			</div>
		</div>

		<div class="descripciones">
			<div class="descripcion">
				<b>Reflexión por el suelo:</b><br/>	
				Muchas superficies reflejan los rayos del sol y aumentan la exposición general a las radiaciones ultravioleta (por ej., el césped, la tierra y el agua reflejan menos de 10%; la nieve recién caída y el hielo, entre 80% y 90%; la arena seca de las playas, entre 20% y 30%; y la espuma del mar, 25%).
			</div>
			<div class="descripcion">
				<b>Capa de Ozono: </b><br/>	
				Este gas absorbe una parte de las radiaciones UV del sol. A medida que la capa de ozono se adelgaza, aumenta la cantidad de radiaciones UV que llegan a la superficie terrestre.
			</div>
		</div>
	</div>
	<div id="uv" class="seccion">
		<h1> <span>Indice UV en tu zona</span></h1>
		<p>
			ESPECIFICOS Buenos Aires desarrolló una aplicación para que puedas consultar el índice UV en tu zona.<br/>
			Sólo necesitas ingresar tu ubicación y recibirás dicho índice
		</p>

		<div id="app">
			<input type="text" id="direccion" placeholder="Por favor completa tu direccion">
			<div id="result">
				<p id="cargando">Cargando...</p>	
			</div>
		</div>

		<a href="https://play.google.com/store/apps/details?id=eba.dv.uv"><img src="Images/playstore.png" style="width:50px"></a><br/>
		Descargá la aplicación para tu celular<br/>
		Accediendo a Google Play y buscando "Indice UV Especificos Buenos Aires"
		<br/><br/><br/>

		<b>Cómo actuar según el índice ? </b><br/><br/>
		<img src="Images/protector/INDICES.png"><br/><br/>
			Alcance de la aplicación:<br/><br/>
			<b> Para Argentina: </b> <br/>Alcance sobre todo el país
			<br/><br/>
			<b> Para Ecuador: </b><br/>
			<div class="descripciones">
				<div class="ciudades">
					Ambato<br/>	
					Bahia de Caraquez<br/>	
					Canar<br/>	
					Catamayo<br/>	
					Cocafrancisco<br/>	
					Corazon<br/>	
					Cuenca<br/>	
					Esmeraldas<br/>	
					Guayaquil<br/>	
				</div>
				<div class="ciudades">
					Ibarra<br/>	
					Inaquito<br/>	
					Izobamba<br/>	
					La Concordia Canton<br/>	
					Latacunga<br/>	
					La Tola<br/>	
					Loja La Argelia<br/>	
					Macas<br/>	
					Machala<br/>	
				</div>
				<div class="ciudades">
					Manta<br/>	
					Milagro<br/>	
					Nueva Loja<br/>	
					Nuevo Rocafuerte<br/>	
					Portoviejo<br/>	
					PuertoIla<br/>	
					Puyo<br/>	
					Quero Chaca<br/>	
					Quito<br/>	
				</div>
				<div class="ciudades">
					Riobamba<br/>
					Rumipamba<br/>	
					Salinas<br/>	
					San Cristobal<br/>	
					Santa Rosa<br/>	
					Seymour<br/>	
					Tena<br/>	
					Tiputini<br/>	
					Tulcanel Rosal<br/>	
				</div>
			</div>
			<br/>
			<b> Para México: </b> <br/>
			<div class="descripciones">
				<div class="ciudades">
					Acapulco<br/>
					Chihuahua<br/>
					Culiacan<br/>
					Culiacan<br/>
					Guadalajara<br/>
					Hermosillo<br/>
					La Paz<br/>
				</div>
				<div class="ciudades">
					Merida<br/>
					Mexicali<br/>
					Mexico<br/>
					Monterrey<br/>
					San Luis Potosi<br/>
					Torreon<br/>
					Tuxtla<br/>
				</div>
			</div>


	</div>
</body>
</html>