@CHARSET "ISO-8859-1";

/* Estilos base */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
}
a {	text-decoration:none; outline:none;}
input {border:0}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}

div, img {behavior: url(iepngfix.htc) }

.clear {
	clear:both;
	height:0;
	line-height:0;
	font-size:0;
}

strong {
	font-weight:bold;
}

/*WEB*/

@font-face {
    font-family: 'de_la_fuenteregular';
    src: url('fonts/delafuente-webfont.eot');
    src: url('fonts/delafuente-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/delafuente-webfont.woff') format('woff'),
         url('fonts/delafuente-webfont.ttf') format('truetype'),
         url('fonts/delafuente-webfont.svg#de_la_fuenteregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


body {
	height:5000px;
	font-family: 'de_la_fuenteregular', Arial, sans-serif;
	font-size: 100%;
}

.content { position:fixed; width:100%; height:100%; min-width: 1000px; }

#logo { position:fixed; width: 602px; height: 162px; top:50%; left:50%; margin-left:-240px; margin-top: -54px; z-index:1000; text-align: left; }
#logo-pequeno { position: fixed; width: 19px; height: 16px; z-index:1000; cursor: pointer; margin-top:8px;margin-left:10px;}
	#menu { position: fixed; width: 126px; top: 35px; z-index:1001; left:5px; height: 0; overflow: hidden; }
		#menu li {background-color: #358CC1; border-top:none; padding:4px 8px; font-size: 14px; cursor: pointer; margin:4px 0;}
	.flags {position: fixed; top: 7px; left: 50px; z-index:1000;}
#redes { position: fixed; right: 0; top:12%; z-index:1000; }

.pantalla { width: 100%; position: fixed; height:0; top: 100%; }

#pantalla1 { background: url(../images/fondo1.png) center center; background-size: cover; height:100%; top:0; }
	#pantalla1_header { position: fixed; left: 50%; width: 700px; height: 50px; margin-left: -280px; bottom: 20%; color: white; font-size: 1.8em; text-align: center; z-index:10; }
	#separador1 { top: 85%; width: 2px; background-color: white; height: 60%; position: fixed; left:50%; margin-left:-70px; z-index:10; }
	#flecha_inicial {top:95%;z-index:10;position:fixed;left:50%;margin-left:-80px;height:20px;width:20px;background:url(../images/flecha-abajo.png);cursor:pointer;}
	#pantalla2_header { position: fixed; right: 100%; width: 480px; padding-right: 90px; bottom:50%; margin-bottom: 90px; color: white; font-size: 300%; text-align: right; z-index:10; }
	#separador2 { top: 100%; width: 2px; background-color: white; height: 26%; position: fixed; left:50%; margin-left:-70px; z-index:10; }
	#pantalla2_texto { position: fixed; left: 140%; width: 480px; padding-left: -20px; top:65%; margin-left:-50px; color: white; font-size: 140%; line-height: 110%; text-align: left; z-index:10; padding-top:5px;}
		#pantalla2_texto span { font-size:1.3em;}

#separa-pantalla1 { width:100%; z-index:990; background: url(../images/separadormarron.png) top center; height: 74px; position: fixed; top:-110px; left:0; margin-top:-40px;}

#pantalla2 { background: url(../images/fondo2.png) center center; background-size: cover; z-index:20; }
	.circulo { width: 450px; height: 452px; position: fixed; top: 50%; left: 50%; margin-left: -296px; margin-top: -227px; z-index: 21;}
		#circulo1 { background: url(../images/circulo1.png); }
		#circulo2 { background: url(../images/circulo2.png); }
		#circulo3 { background: url(../images/circulo3.png); }
		#circulo4 { background: url(../images/circulo4.png); }
		#circulo5 { background: url(../images/circulo5.png); }
		#circulo6 { background: url(../images/circulo6.png); }
	.texto-pantalla2 { font-size: 18px; color: white; position: fixed; z-index: 22; left:50%; top:50%;}
		#texto1 { margin-left: -345px; margin-top: -200px; }
		#texto2 { margin-left: 50px; margin-top: -150px; }
		#texto3 { margin-left: -180px; margin-top: -120px; }
		#texto4 { margin-left: -390px; margin-top: -80px; }
		#texto5 { margin-left: -207px; margin-top: 65px; }
		#texto6 { margin-left: -358px; margin-top: 112px; }
		#texto7 { margin-left: -207px; margin-top: 162px; }
		#texto8 { margin-left: -17px; margin-top: 90px; }
		#texto9 { margin-left: 150px; margin-top: 65px; }
		#texto10 { margin-left: 55px; margin-top: 180px; }
	.bolita { position: fixed; z-index: 23; left:50%; top:50%; }
		#bola1 { margin-left: -200px; margin-top: -196px; }
		#bola2 { margin-left: 25px; margin-top: -146px; }
		#bola3 { margin-left: -73px; margin-top: -116px; }
		#bola4 { margin-left: -237px; margin-top: -76px; }
		#bola5 { margin-left: -119px; margin-top: 69px; }
		#bola6 { margin-left: -264px; margin-top: 116px; }
		#bola7 { margin-left: -84px; margin-top: 166px; }
		#bola8 { margin-left: -39px; margin-top: 94px; }
		#bola9 { margin-left: 133px; margin-top: 69px; }
		#bola10 { margin-left: 39px; margin-top: 184px; }

	#pantalla_herramientas_header {width:300px;left:50%;margin-left:140px;text-align:right;color:white;position:fixed;z-index:40;top:50%;margin-top:80px;font-size:2.8em;}

#separa-pantalla2 { width:100%; z-index:900; background: url(../images/separadorverde.png) top center; height: 74px; position: fixed; top:-110px; left:0; margin-top:-40px;}

#pantalla3 { background: url(../images/fondo3.png) center center; background-size: cover; z-index:30; }
	#separador1_pantalla3 { top: 101%; width: 2px; background-color: white; height: 26%; position: fixed; left:50%; margin-left:-70px; z-index:41; }
	#pantalla3_header { position: fixed; right: 100%; width: 480px; padding-right: 90px; bottom:50%; margin-bottom: 90px; /*top:18%;*/ color: white; font-size: 300%; text-align: right; z-index:41; }
	#separador2_pantalla3 { top: 100%; width: 2px; background-color: white; height: 26%; position: fixed; left:50%; margin-left:-70px; z-index:41; }
	#pantalla3_texto { position: fixed; left: 140%; width: 515px; padding-left: -20px; top:63%; margin-left:-50px; color: white; font-size: 140%; line-height: 110%; text-align: left; z-index:41; }

#separa-pantalla3 { width:100%; z-index:900; background: url(../images/separadorazul.png) top center; height: 74px; position: fixed; top:-110px; left:0; margin-top:-40px;}

#pantalla4 { background: url(../images/fondo4.png) center center; background-size: cover; z-index:40; }
	#separador1_pantalla4 { top: 101%; width: 2px; background-color: white; height: 26%; position: fixed; left:50%; margin-left:-70px; z-index:41; }
	#pantalla4_header { position: fixed; right: 100%; width: 500px; padding-right: 90px; bottom:50%; margin-bottom: 90px; /*top:18%;*/ color: white; font-size: 300%; text-align: right; z-index:41; }
	#separador2_pantalla4 { top: 100%; width: 2px; background-color: white; height: 26%; position: fixed; left:50%; margin-left:-70px; z-index:41; }
	#pantalla4_texto { position: fixed; left: 140%; width: 515px; padding-left: -20px; top:63%; margin-left:-50px; color: white; font-size: 140%; line-height: 110%; text-align: left; z-index:41; }

#separa-pantalla4 { width:100%; z-index:900; background: url(../images/separadorverde.png) top center; height: 74px; position: fixed; top:-110px; left:0; margin-top:-40px;}

#pantalla5 { background: url(../images/fondo2.png) center center; background-size: cover; z-index:50; }
	#separador1_pantalla5 { top: 101%; width: 2px; background-color: white; height: 26%; position: fixed; left:50%; margin-left:-70px; z-index:51; }
	#pantalla5_header { position: fixed; right: 100%; width: 480px; padding-right: 90px; top:28%; color: white; font-size: 300%; text-align: right; z-index:51; }
	.cliente {position: fixed; top: 50%; left: 50%; z-index: 52; margin-top: 80px;cursor:pointer;}
		#cliente1 { margin-left: -430px; }
		#cliente2 { margin-left: -285px; }
		#cliente3 { margin-left: -140px; }
		#cliente4 { margin-left: 5px; }
		#cliente5 { margin-left: 150px; }
		#cliente6 { margin-left: 295px; }
	.texto-cliente { position: fixed; top: 50%; left: 50%; width: 140px; text-align: center; margin-top: 230px; z-index: 52;}
		.texto-cliente a { color: white; }
		#texto-cliente1 { margin-left: -440px; }
		#texto-cliente2 { margin-left: -295px; }
		#texto-cliente3 { margin-left: -150px; }
		#texto-cliente4 { margin-left: -5px; }
		#texto-cliente5 { margin-left: 140px; }
		#texto-cliente6 { margin-left: 285px; }


#separa-pantalla5 { width:100%; z-index:909; background: url(../images/separadorazul.png) top center; height: 74px; position: fixed; top:-110px; left:0; margin-top:-40px;}

#pantalla6 { background: url(../images/fondo1.png) center center; background-size: cover; z-index:60; }
	#pantalla6_texto1 { position: fixed; top: 110%; color: white; font-size: 200%; line-height: 110%; text-align: center; z-index:65; width: 100%; }
	#pantalla6_plano { position: fixed; top: 110%; z-index:65; width: 400px; height: 202px; left:50%; margin-left:-400px;}
	#pantalla6_texto2 { position: fixed; top: 110%; color: white; font-size: 100%; line-height: 130%; text-align: left; z-index:65; width: 250px; left:50%; margin-left:40px;margin-top:70px;}
		#pantalla6_texto2 a { color: white; }
		#pantalla6_texto2 a:hover { text-decoration: underline; }
	#pantalla6_texto3 { position: fixed; top: 110%; color: white; font-size: 130%; line-height: 110%; text-align: left; z-index:65; width: 250px; left:50%; margin-left:30px;}
	#separador-pantalla6 { top: 100%; width: 2px; background-color: white; height: 26%; position: fixed; left:50%; margin-left:-70px; z-index:65; }
	#flecha_final {top:10%;z-index:65;position:fixed;left:50%;margin-left:-80px;height:20px;width:20px;background:url(../images/flecha-arriba.png);cursor:pointer;}
	#separador-pantalla6-2 { top: 100%; width: 2px; background-color: white; height: 140px; position: fixed; left:50%; margin-left:20px; z-index:65; margin-top:60px;}
	

#separa-pantalla1 .unero, 
#separa-pantalla2 .unero, 
#separa-pantalla3 .unero, 
#separa-pantalla4 .unero, 
#separa-pantalla5 .unero, 
#separa-pantalla6 .unero {
	width: 71px;
	height: 36px;
	left:50%;
	margin-left:-106px;
	cursor:pointer;
	display:block;
	position:relative;
}


@media only screen and (max-device-width: 480px) {
	
}