@charset "UTF-8";
/* CSS Document */

@charset "utf-8";
/* CSS Document */

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

}

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



body, html{
	/*background:url(../images/general/bg_blanco.jpg) 50%;*/
	margin: 0;
	width:100%;
	min-width: 980px;
	padding: 0;
	overflow-x:hidden;
	background:#fff;
}

/* ------------------------------------------------------------------------------ */







#circ{
	background:url(../images/menu/circ.png) no-repeat;
	width:50px;
	height:50px;
	position:fixed;
	left:-1px;
}



#nav{
	list-style: none;
	position: fixed;
	left: -30px;
	z-index:100;
}

#nav li{
	margin: 0 0 25px 0;
	width:50px;	
}

#nav a{
	font-family:"MemphisBold", Arial, Helvetica, sans-serif;
	font-size:18px;
	font-style:normal;
	text-decoration:none;
	text-align:center;
	color:#FFF;
	text-shadow:rgba(0,0,0,.5) 0px 0px 4px;
}


#tooltip {
	background:url(../images/general/bg_enlaces.png) 50% no-repeat;
	border-radius:6px;
	position: absolute;
	z-index: 3000;
	border: 0;
	padding: 0;
}

#tooltip h3 {
	padding:0 10px 0 10px;
	color:#FFFFFF;
	font-size:13px;
	line-height:4px;
	font-family:"MemphisMedium", Arial, Helvetica, sans-serif;
	font-weight:300;
	font-style:normal;
	opacity:.9;
}


/* ------------------------------------------------------------------------------ */

h1{
	color:#FFF;
	font-size:90px;
	line-height:80px;
	font-family:"stag_sans-light", Arial, Helvetica, sans-serif;
	font-weight:900;
	font-style:normal;
	text-align:left;
}

h2{
	font-size:100px;
	line-height:90px;
	font-family:"StagSansLight", Helvetica, sans-serif;
	font-weight:100;
	
}

h2 strong{
	font-family:"StagSansLight", Arial, Helvetica, sans-serif;
}



h3{
	font-size:30px;
	line-height:10px;
	font-family:"StagSansLight", Helvetica, sans-serif;
	font-weight:100;
	
}


p{
	font-family:Helvetica, sans-serif;
	font-size:14px;
	line-height:18px;
	font-weight:300;
	font-style:normal;
}

img{
	border:0;
}

.story{
	margin: 0 auto 0 250px;
	min-width: 980px;
	width: 980px;
}

/* ESPECIALES  ----------------------------------------------------------------------- */

.destacado{
	font-family:Helvetica, sans-serif;
	font-size:13px;
	font-weight:700;
	font-style:normal;
	margin-top: 200px;
}

.sombreado{
	text-shadow:rgba(0,0,0,.3) 0px 0px 4px;
}

.naranja{
	color:#ff3300;
}

.gris{
	color:#333;
	
}


.negro{
	color:#000;
	
}


.azul{
	color:#27bef0;
	margin-left: 0px;
}

.blanco{
	color:#fff;
	margin-top: 100px;
	margin-left: 0px;
	margin-right: 100px;
}

.izquierda{
	text-align:left;
}

.derecha{
	text-align:right;
}


/* MENÚ SUPERIOR ------------------------------------------------------------------------------ */
#social-icons{
	background:url(../images/general/social-icons.png) no-repeat;
	position:fixed;
	left:10px;
	top:10px;
	width:72px;
	height:36px;
	z-index:310;
}

#social-icons a{
	opacity:.7;
}

#social-icons a:hover{
	opacity:1;
}

#logo{
	position:fixed;
	right:10px;
	top:0px;
	z-index:300;
}

#cliente{
	width:142px;
	height:66px;
	background:url(../images/general/bg_masinfoup.png);
	position:fixed;
	right:214px;
	top:10px;
	z-index:300;
}
#cliente p{
	padding:1px;
	width:142px;
	height:66px;
	font-size:13px;
	line-height:13px;
	font-family:"MemphisMedium", Arial, Helvetica, sans-serif;
	font-weight:500;
	text-align:center;
}

#cliente a, #enlaces a{
	font-size:12px;
	line-height:13px;
	color:#FFF;
	text-decoration:none;
	
}

#enlaces{
	padding:0;
	width:615px;
	height:66px;
	background:url(../images/general/bg_enlaces.png);
	position:fixed;
	right:362px;
	top:10px;
	z-index:300;
}

#enlaces p{
	font-size:12px;
	line-height:13px;
	font-family:"MemphisMedium", Arial, Helvetica, sans-serif;
	font-weight:500;
	text-align:center;
}

#enlaces li{
	height:12
	px;
	font-size:12px;
	font-family:"MemphisMedium", Arial, Helvetica, sans-serif;
	font-weight:500;
	text-align:center;
}

#enlaces td{
	width:146px;
	height:60px;
	text-align:center;
	padding:0px;
}

#table1, #table2, #table3{
	border-right:1px rgba(0,0,0,.2) dotted;
}

#enlaces #submenu1{
	height:0px;
	position:absolute;
	top:-10px;
	left:-10px;
}

#enlaces #submenu2{
	height:0px;
	position:absolute;
	top:3px;
	left:145px;
}

#enlaces #submenu3{
	height:0px;
	position:absolute;
	top:-2px;
	left:285px;
}

#enlaces #submenu4{
	height:0px;
	position:absolute;
	top:3px;
	left:435px;
}

/* ------------------------------------------------------------------------------ */



/* 0 ------------------------------------------------------------------------------ */

#intro{
	background:url(../images/general/bg_start.jpg) 50% no-repeat fixed;
	height: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
}

.cont0{
	width:1000px;
	margin: 0 auto 0 auto;
	padding-top:0px;
	position:absolute;
	z-index:4;
}

.cont0 h2{
	/*margin-left:-50px;*/
}
	
#intro .texto{
	margin-top:-60px;
	text-align: left;
	margin-left:8px;
	color:#333;
	margin-right: 600px;
}

#intro .flecha{
	background: url(../images/0/flecha.png) 50% 396px no-repeat fixed;
	height: 1000px;
	margin: 0 auto 0 auto;
	position: absolute;
	width: 800px;
	z-index:2;
}

/* ------------------------------------------------------------------------------ */



/* 1 ------------------------------------------------------------------------------ */

#punto1{
	background:url(../images/general/bg_harpers.jpg) 50% 0 no-repeat fixed;
	height: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
}

#punto1 .tittle{
	margin: 0 auto 0 auto;
	padding:180px 0 0 0px;
	position:absolute;
	z-index:4;
}

#punto1 .texto{
	width:390px;
	height: 500px;
	margin: 0 auto 0 auto;
	padding: 480px 300px 0 0px;
	position:absolute;
	z-index:14;	/*text-shadow: #000000 0px 0px 5px;*/
}

#punto1 .leon{
	background: url(../images/seccion1/flecha.png) 50% 234px no-repeat fixed;
	height: 1000px;
	margin: 0 auto 0 auto;
	padding-top: 0px;
	position: absolute;
	width: 100%;
	z-index:2;
}

#punto1 .persona{
	background: url(../images/seccion1/circuloeppy.png) 50% 170px no-repeat fixed;
	height: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index:1;
}


/* ------------------------------------------------------------------------------ */



/* 2 ------------------------------------------------------------------------------ */

#punto2{
	background:url(../images/general/bg_blanco.jpg) 50% 0 no-repeat fixed;
	height: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
}

#punto2 .tittle{
	width:845px;
	margin: 0 auto 0 auto;
	padding:80px 0 0 80px;
	position:absolute;
	z-index:7;
}

#punto2 .texto{
	width:600px;
	text-align:right;
	height: 500px;
	margin: 470px auto 0 auto;
	position:absolute;
	z-index:8;
	padding: 0 40px 0 180px;
}

#punto2 .abajo{
	background: url(../images/seccion2/tren.png) 50% 130px no-repeat fixed;
	height: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index:5;
}

#punto2 .arriba{
	background: url(../images/seccion2/avion.png) 50% 130px no-repeat fixed;
	height: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index:5;
}

#punto2 .linea{
	background: url(../images/seccion2/fondoinf.png) 50% 70px no-repeat fixed;
	height: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index:4;
}


/* ------------------------------------------------------------------------------ */


/* 3 ------------------------------------------------------------------------------ */

#punto3{
	background:url(../images/general/bg_esquire.jpg) 50% 0 no-repeat fixed;
	height: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
}

#punto3 .tittle{
	width:845px;
	margin: 0 auto 0 auto;
	padding:90px 0 0 10px;
	position:absolute;
	z-index:8;
}

#punto3 .texto{
	width:320px;
	height: 500px;
	margin: 0 auto 0 auto;
	padding: 400px 0 0 15px;
	position:absolute;
	z-index:12;
}

#punto3 .forma{
	background: url(../images/seccion3/forma.png) 50% 80px no-repeat fixed;
	height: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index:6;
}

#punto3 .bola1{
	background: url(../images/seccion3/bola1.png) 50% 80px no-repeat fixed;
	height: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index:5;
}

#punto3 .bola2{
	background: url(../images/seccion3/bola2.png) 50% 80px no-repeat fixed;
	height: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index:5;
}

#punto3 .bola3{
	background: url(../images/seccion3/bola3.png) 50% 80px no-repeat fixed;
	height: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index:5;
}

#punto3 .bola4{
	background: url(../images/seccion3/ipadesquire.png) 50% 80px no-repeat fixed;
	height: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index:5;
}

#punto3 .bola5{
	background: url(../images/seccion3/ciresquire.png) 50% 80px no-repeat fixed;
	height: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index:5;
}

#punto3 .bola6{
	background: url(../images/seccion3/bola6.png) 50% 80px no-repeat fixed;
	height: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index:5;
}


/* ------------------------------------------------------------------------------ */




/* 4 ------------------------------------------------------------------------------ */

#punto4{
	background:url(../images/general/bg_callesnyc.jpg) 50% 0 no-repeat fixed;
	height: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
}

#punto4 .tittle{
	width:500px;
	margin: 0 auto 0 auto;
	padding:120px 0 0 0px;
	position:absolute;
	text-align:left
	z-index:8;	
}

#punto4 .texto{
	width:310px;
	margin: 0 auto 0 auto;
	padding: 430px 00px 0 0px;
	position:absolute;
	text-align:left;
	z-index:100;
}

#punto4 .bubble1{
	background: url(../images/seccion4/circnegro.png) 50% 80px no-repeat fixed;
	height: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index:6;
}

#punto4 .bubble2{
	background: url(../images/seccion4/bubble2.png) 50% 80px no-repeat fixed;
	height: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index:6;
}

#punto4 .bubble3{
	background: url(../images/seccion4/iconopers.png) 50% 80px no-repeat fixed;
	height: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index:6;
}

#punto4 .comillas{
	background: url(../images/seccion4/senal.png) 50% 80px no-repeat fixed;
	height: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index:6;
}




/* 5 ------------------------------------------------------------------------------ */

#punto5{
	background:url(../images/general/bg_bbva.jpg) 50% 0 no-repeat fixed;
	height: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
}

#punto5 .tittle{
	width:845px;
	margin: 80px auto 0 auto;
	padding:0px 0 0 465px;
	position:absolute;
	z-index:8;
}

#punto5 .texto{
	width:445px;
	height: 400px;
	margin: 0 auto 0 auto;
	padding: 390px 0 0 470px;
	position:absolute;
	z-index:7;
}

#punto5 .flecha{
	background: url(../images/seccion5/cloudbbva.png) 50% 80px no-repeat fixed;
	height: 1000px;
	/*margin: 0 auto 0 auto;*/
	padding: 0;
	position: absolute;
	width: 100%;
	z-index:5;
}

#punto5 .curvas{
	background: url(../images/seccion5/curvas.png) 50% 80px no-repeat fixed;
	height: 2000px;
	margin: 0 auto 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index:5;
}

#punto5 .punto1{
	background: url(../images/seccion5/punto1.png) 50% 80px no-repeat fixed;
	height: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index:6;
}

#punto5 .punto2{
	background: url(../images/seccion5/onoff.png) 50% 80px no-repeat fixed;
	height: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index:6;
}

/* ------------------------------------------------------------------------------ */



/* 6 ------------------------------------------------------------------------------ */

#punto6{
	background:url(../images/general/bg_abaton.jpg) 50% 0 no-repeat fixed;
	height: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
}

#punto6 .tittle{
	width:1045px;
	margin: 0 auto 0 auto;
	padding:120px 0 0 0;
	position:absolute;
	z-index:8;
}

#punto6 .tittle1{
	margin: 0 auto 0 auto;
	padding:0px 0 0 35px;
	position:absolute;
	z-index:8;	
}

#punto6 .tittle2{
	margin: 0 auto 0 auto;
	padding:10px 0 0 210px;
	position:absolute;
	z-index:8;
}

#punto6 .texto{
	width:550px;
	height: 500px;
	margin: 0 auto 0 auto;
	padding: 480px 0 0 375px;
	position:absolute;
	z-index:7;
}





/* ------------------------------------------------------------------------------ */




/* 7 ------------------------------------------------------------------------------ */

#punto7{
	background:url(../images/general/bg_lainf.jpg) 50% 0 no-repeat fixed;
	height: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
}

#punto7 .tittle{
	width:845px;
	margin: 0 auto 0 auto;
	padding:30px 0 0 10px;
	position:absolute;
	z-index:8;
}

#punto7 .texto{
	width:400px;
	height: 500px;
	margin: 0 auto 0 10px;
	padding: 240px 0 0 0px;
	position:absolute;
	z-index:7;
}

#punto7 .trozos1{
	background: url(../images/seccion7/comp1.png) 50% 80px no-repeat fixed;
	height: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index:5;
}

#punto7 .trozos2{
	background: url(../images/seccion7/comp2.png) 50% 80px no-repeat fixed;
	height: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index:5;
}

#punto7 .trozos3{
	background: url(../images/seccion7/comp3.png) 50% 80px no-repeat fixed;
	height: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index:5;
}

#punto7 .trozos4{
	background: url(../images/seccion7/comp4.png) 50% 80px no-repeat fixed;
	height: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index:5;
}

#punto7 .trozos5{
	background: url(../images/seccion7/comp5.png) 50% 80px no-repeat fixed;
	height: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index:5;
}

#punto7 .trozos6{
	background: url(../images/seccion7/comp6.png) 50% 80px no-repeat fixed;
	height: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index:5;
}

#punto7 .trozos7{
	background: url(../images/seccion7/comp7.png) 50% 80px no-repeat fixed;
	height: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index:5;
}

#punto7 .trozos8{
	background: url(../images/seccion7/comp8.png) 50% 80px no-repeat fixed;
	height: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index:5;
}

#punto7 .trozos9{
	background: url(../images/seccion7/comp9.png) 50% 80px no-repeat fixed;
	height: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index:5;
}


/* ------------------------------------------------------------------------------ */



/* 8 ------------------------------------------------------------------------------ */

#punto8{
	background:url(../images/general/bg_estilo.jpg) 50% 0 no-repeat fixed;
	height: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
}

#punto8 .tittle{
	width:845px;
	margin: 0 auto 0 auto;
	padding:105px 0 0 150px;
	position:absolute;
	z-index:8;
}

#punto8 .texto{
	width:550px;
	margin: 0 auto 0 auto;
	padding: 360px 0 0 155px;
	position:absolute;
	z-index:12;
}

/* #punto8 .mancha_gris{
	background: url(../images/seccion8/mancha_gris.png) 50% 80px no-repeat fixed;
	height: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index:6;
}

#punto8 .mancha_naranja{
	background: url(../images/seccion8/interrogacion.png) 50% 80px no-repeat fixed;
	height: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index:6;
}

#punto8 .punticos_grises{
	background: url(../images/seccion8/iconosestilo.png) 50% 80px no-repeat fixed;
	height: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index:6;
}

#punto8 .punticos_naranjas{
	background: url(../images/seccion8/fechaestilo.png) 50% 80px no-repeat fixed;
	height: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index:6;
}


/* ------------------------------------------------------------------------------ */




/* 9 ------------------------------------------------------------------------------ */

#punto9{
	background:url(../images/general/bg_mujer.jpg) 50% 0 no-repeat fixed;
	height: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
}

#punto9 .tittle{
	width:845px;
	margin: 0 auto 0 auto;
	padding:80px 0 0 10px;
	position:absolute;
	z-index:8;
}

#punto9 .texto{
	width:400px;
	height: 500px;
	margin: 0 auto 0 auto;
	padding: 385px 50px 0 15px;
	position:absolute;
	z-index:12;
}

#punto9 .todos{
	background: url(../images/seccion9/todos.png) 50% 80px no-repeat fixed;
	height: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index:5;
}

#punto9 .punticos{
	background: url(../images/seccion9/punticos.gif) 50% 80px no-repeat fixed;
	height: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index:5;
}

#punto9 .circulo1{
	background: url(../images/seccion9/circulos1.png) 50% 80px no-repeat fixed;
	height: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index:5;
}

#punto9 .circulo2{
	background: url(../images/seccion9/circulos2.png) 50% 80px no-repeat fixed;
	height: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index:5;
}

#punto9 .circulo3{
	background: url(../images/seccion9/circulos3.png) 50% 80px no-repeat fixed;
	height: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index:5;
}

#punto9 .circulo4{
	background: url(../images/seccion9/circulos4.png) 50% 80px no-repeat fixed;
	height: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index:5;
}

#punto9 .circulo5{
	background: url(../images/seccion9/circulos5.png) 50% 80px no-repeat fixed;
	height: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index:5;
}

#punto9 .circulo6{
	background: url(../images/seccion9/circulos6.png) 50% 80px no-repeat fixed;
	height: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index:5;
}

#punto9 .circulo7{
	background: url(../images/seccion9/circulos7.png) 50% 80px no-repeat fixed;
	height: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index:5;
}

#punto9 .circulo8{
	background: url(../images/seccion9/circulos8.png) 50% 80px no-repeat fixed;
	height: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index:5;
}

#punto9 .circulo9{
	background: url(../images/seccion9/circulos9.png) 50% 80px no-repeat fixed;
	height: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index:5;
}

#punto9 .circulo10{
	background: url(../images/seccion9/circulos10.png) 50% 80px no-repeat fixed;
	height: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index:5;
}

#punto9 .circulo11{
	background: url(../images/seccion9/circulos11.png) 50% 80px no-repeat fixed;
	height: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index:5;
}

#punto9 .circulo12{
	background: url(../images/seccion9/circulos12.png) 50% 80px no-repeat fixed;
	height: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index:5;
}

#punto9 .circulo13{
	background: url(../images/seccion9/circulos13.png) 50% 80px no-repeat fixed;
	height: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index:5;
}

#punto9 .circulo13{
	background: url(../images/seccion9/circulos13.png) 50% 80px no-repeat fixed;
	height: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index:5;
}

#punto9 .circulo14{
	background: url(../images/seccion9/circulos14.png) 50% 80px no-repeat fixed;
	height: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index:5;
}

#punto9 .circulo15{
	background: url(../images/seccion9/circulos15.png) 50% 80px no-repeat fixed;
	height: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index:5;
}

#punto9 .circulo16{
	background: url(../images/seccion9/circulos16.png) 50% 80px no-repeat fixed;
	height: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index:5;
}

#punto9 .circulo17{
	background: url(../images/seccion9/circulos17.png) 50% 80px no-repeat fixed;
	height: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index:5;
}

#punto9 .circulo18{
	background: url(../images/seccion9/circulos18.png) 50% 80px no-repeat fixed;
	height: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index:5;
}

/* ------------------------------------------------------------------------------ */


/* 8 ------------------------------------------------------------------------------ */

#punto10{
	background:url(../images/general/bg_blanco.jpg) 50% 0 no-repeat fixed;
	height: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
}

#punto10 .tittle{
	width:845px;
	margin: 0 auto 0 auto;
	padding:40px 0 0 350px;
	position:absolute;
	z-index:8;
}

#punto10 .texto{
	width:400px;
	margin: 0 auto 0 auto;
	padding: 490px 0 0 355px;
	position:absolute;
	z-index:12;
}

#punto10 .reloj1{
	background: url(../images/seccion10/reloj1.png) 50% 80px no-repeat fixed;
	height: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index:6;
}

#punto10 .espacio10{
	background: url(../images/seccion10/base_reloj2.png) 50% 80px no-repeat fixed;
	height: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index:6;
}

#punto10 .arena_reloj2{
	background: url(../images/seccion10/arena_reloj2.png) 50% 80px no-repeat fixed;
	height: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index:6;
}

#punto10 .bolicas_reloj2{
	/*background: url(../images/seccion10/bolicas_reloj2.gif) 50% 80px no-repeat fixed;*/
	height: 600px;
	margin: 100px auto 0 auto;
	padding: 0 40px;
	position: absolute;
	width: 100%;
	z-index:6;
}

#punto10 .logos{
	background: url(../images/seccion10/contact10.jpg) 50% 80px no-repeat fixed;
	height: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index:6;
}

#punto10 .reloj1{
	background: url(../images/seccion10/reloj1.png) 50% 100px no-repeat fixed;
	height: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index:6;
}


/* ------------------------------------------------------------------------------ */