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

#trace {
	position:fixed;
	left:0px;
	top:0px;
	width:400px;
	height:200px;
	color:#000;
	z-index:20;
}

#splash img {
	position:absolute;
	left:47%;
	margin-left:-350px;
	top:-200px;
}

#contenedor {
	
	position:absolute;
	left:0px;
	top:40px;
	width:800px;
	height:456px;
	
}

#escena {
	position:absolute;
	left:0px;
	top:0px;
	overflow:hidden;
}

.escenas {
	position: absolute;
	width:845px;
	height:475px;
}

#transicion {
	position:absolute;
	left:-2px;
	top:1px;
	z-index:19;
}

#capa2 {
	position:absolute;
	left:0px;
	top:0px;
	z-index:20;
	/*width:3350px;
	height:2430px;
	z-index:20px;*/
}


body {
	overflow:hidden;
}


#bgimg {
	position:fixed;
}

#contenido {
	position:absolute;
	left:0px;
	top:0px;
	width:5000px;
	height:2920px;
	z-index:1;
	

}

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

.n0 {
	z-index:0;
}
.n1 {
	z-index:1;
}
.n2 {
	z-index:2;
}
.n3 {
	z-index:3;
}
.n4 {
	z-index:4;
}
.n5 {
	z-index:5;
}
.n6 {
	z-index:6;
}

#portada {
	position:absolute;
	top:0px;
	left:0px;
	z-index:0;
}

#base_ {
	position:absolute;
	left:0px;
	top:0px;
}

.icono_arrastrar {
	position:absolute;
	right:66px;
	top:15px;
	z-index:12;
}
/*-------------ECENAS---------------*/
.pos_a {
	position:absolute;
	top:0px;
	left:0px;
}
.pos_b {
	position:absolute;
	top:0px;
	left:900px;
}
.pos_c {
	position:absolute;
	top:0px;
	left:1800px;
}
.pos_d {
	position:absolute;
	top:0px;
	left:2700px;
}

/* --2A FILA-- */

.pos_e {
	position:absolute;
	top:593px;
	left:0px;
}
.pos_f {
	position:absolute;
	top:593px;
	left:900px;
}
.pos_g {
	position:absolute;
	top:593px;
	left:1800px;
}
.pos_h {
	position:absolute;
	top:593px;
	left:2700px;
}

/* --3A FILA-- */


.pos_i {
	position:absolute;
	top:1186px;
	left:0px;
}
.pos_j {
	position:absolute;
	top:1186px;
	left:957px;
}
.pos_k {
	position:absolute;
	top:1186px;
	left:1800px;
}
.pos_l {
	position:absolute;
	top:1186px;
	left:2700px;
}

/* --4A FILA-- */

.pos_m {
	position:absolute;
	top:1779px;
	left:00px;
}
.pos_n{
	position:absolute;
	top:1779px;
	left:900px;
}
.pos_o {
	position:absolute;
	top:1779px;
	left:1800px;
}
.pos_p {
	position:absolute;
	top:1779px;
	left:2700px;
}

/* --5A FILA-- */

.pos_q {
	position:absolute;
	top:2372px;
	left:0px;
}
.pos_r{
	position:absolute;
	top:2372px;
	left:900px;
}
.pos_s {
	position:absolute;
	top:2372px;
	left:1800px;
}
.pos_t {
	position:absolute;
	top:2372px;
	left:3450px;
}
.pos_u {
	position:absolute;
	top:2372px;
	left:4460px;
}

/*-----------------  PORTADA  -----------------*/

#provicional {
	position:absolute;
	left:20px;
	top:20px;
}


/*-------------ESCENA 1 "CLASE"---------------*/

#escena1 #back {
	position:absolute;
	left:0px;
	top:0px;
	border:solid;
	border-width:3px;
	border-color:#000;
	overflow:hidden;
}
#escena1 #plano2 {
	position:absolute;
	left:607px;/*374*/
	top:90px;
}
#escena1 #plano1 {
	position:absolute;
	left:-140px;/*140*/
	top:7px;
}
#escena1 #plano3 {
	position:absolute;
	left:460px;/*360*/
	top:181px;
}
#escena1 #plano4 {
	position:absolute;
	left:703px;/*803*/
	top:106px;
}

#escena1 #globo1 {
	position:absolute;
	left:401px;
	top:-6px;
}
#escena1 #globo2 {
	position:absolute;
	left:248px;
	top:-8px;
}
#escena1 #t_relevo1 {
	position:absolute;
	left:30px;
	top:340px;
}
#escena1 #t_relevo2 {
	position:absolute;
	left:585px;
	top:344px;
}

/*-------------ESCENA 2 "HABLA WILLIAM"---------------*/

#escena2 #plano2 {
	position:absolute;
	left:607px;/*540*/
	top:137px;
}
#escena2 #plano1 {
	position:absolute;
	left:0px;/*141*/
	top:77px;
}
#escena2 #globo1 {
	position:absolute;
	left:258px;
	top:11px;
}
#escena2 #globo2 {
	position:absolute;
	left:519px;
	top:107px;
}
#escena2 #globo3 {
	position:absolute;
	left:313px;
	top:95px;
}
#escena2 #globo4 {
	position:absolute;
	left:460px;
	top:249px;
}
#escena2 #t_relevo2 {
	position:absolute;
	left:68px;
	top:344px;
}

/*-------------ESCENA 3 "CLASE" ---------------*/
#escena3 {
	position: absolute;
	clip: rect(0px, 900px, 475px, -50px);
}


#escena3 #back {
	position:absolute;
	left:0px;
	top:13px;
}
#escena3 #plano4 {
	position:absolute;
	left:275px;
	top:-131px;
}
#escena3 #plano3 {
	position:absolute;
	left:-62px;
	top:127px;
}
#escena3 #plano2 {
	position:absolute;
	left:422px;/*422*/
	top:113px;
}
#escena3 #plano1 {
	position:absolute;
	left:-23px;/*129*/
	top:188px;
}
#escena3 #globo1 {
	position:absolute;
	left:417px;
	top:50px;
}
#escena3 #globo2 {
	position:absolute;
	left:277px;
	top:106px;
}
#escena3 #t_relevo1 {
	position:absolute;
	left:-20px;
	top:4px;
}

/*-------------ESCENA 4 Y 5 "LIBRERIA ACCIDENTE"---------------*/

#escena4{
	position:absolute;
  /*clip: rect(<top>, <right>, <bottom>, <left>);*/
	clip: rect(0px, 1750px, 475px, 0px);
}
#escena4 #back {
	position:absolute;
	left:0px;
	top:0px;
}
#escena4 #plano2 {
	position:absolute;
	left:360px;
	top:95px;
}
#escena4 #plano1 {
	position:absolute;
	left:-110px;/*-17*/
	top:149px;
}
#escena4 #globo1 {
	position:absolute;
	left:380px;
	top:50px;
}
#escena4 #globo2 {
	position:absolute;
	left:598px;
	top:30px;
}
#escena4 #globo3 {
	position:absolute;
	left:359px;
	top:257px;
}
#escena4 #globo4 {
	position:absolute;
	left:170px;
	top:94px;
}
#escena4 #t_relevo1 {
	position:absolute;
	left:0px;
	top:0px;
}

/*-------------ESCENA 5 "ACCIDENTE"---------------*/
#escena5 #back {
	position:absolute;
	left:-900px;
	top:0px;
}
#escena5 #plano2 {
	position:absolute;
	left:78px;/*430*/
	top:83px;
}
#escena5 #plano1 {
	position:absolute;
	left:-18px;
	top:-34px;
  /*clip: rect(<top>, <right>, <bottom>, <left>);*/
	clip: rect(34px, 519px, 600px, 0px);
}

#escena5 #globo1 {
	position:absolute;
	left:667px;
	top:30px;
}

#escena5 #t_relevo1 {
	position:absolute;
	left:0px;
	top:13px;
}

/*-------------ESCENA 6 "ASISTENTE"---------------*/
#escena6 #vineta6_back{
	position:absolute;
	left:0px;
	top:0px;
	width:100px;
	height:100px;
	border:solid;
	border-width:3px;
	border-color:#000;
	overflow:hidden;
	background-color:#000
}
#escena6 #back {
	position:absolute;
	left:0px;
	top:0px;
}
#escena6 #plano2 {
	position:absolute;
	left:387px;/*160*/
	top:15px;
}
#escena6 #plano1 {
	position:absolute;
	left:0px;
	top:264px;
}

#escena6 #globo1 {
	position:absolute;
	left:35px;
	top:-20px;
}
#escena6 #globo2 {
	position:absolute;
	left:534px;
	top:3px;
}
#escena6 #globo3 {
	position:absolute;
	left:32px;
	top:124px;
}
#escena6 #t_relevo1 {
	position:absolute;
	left:55px;
	top:360px;
}
/*-------------ESCENA 7 "DESCUBREN CARTAS"---------------*/
#escena7 #back {
	position:absolute;
	left:0px;
	top:0px;
}
#escena7 #plano1 {
	position:absolute;
	left:600px;/*368*/
	top:-141px;
}

#escena7 #globo1 {
	position:absolute;
	left:240px;
	top:-15px;
}

#escena7 #globo2 {
	position:absolute;
	left:570px;
	top:22px;
}
#escena7 #globo3 {
	position:absolute;
	left:570px;
	top:210px;
}

#escena7 #t_relevo1 {
	position:absolute;
	left:0px;
	top:0px;
}
/*-------------ESCENA 8 "MANO Y LIBRO"---------------*/

#escena8 #back {
	position:absolute;
	left:101px;
	top:0px;
}
#escena8 #plano1 {
	position:absolute;
	left:230px;/*385*/
	top:56px;
}

#escena8 #globo1 {
	position:absolute;
	left:170px;
	top:-15px;
}

/*-------------ESCENA 9 "LABORATORIO DE DAVY"---------------*/
#escena9 #back {
	position:absolute;
	left:0px;
	top:0px;
}
#escena9 #plano2 {
	position:absolute;
	left:385px;/*488*/
	top:93px;
}
#escena9 #plano1 {
	position:absolute;
	left:-112px;/*137*/
	top:32px;
}

#escena9 #globo1 {
	position:absolute;
	left:602px;
	top:-4px;
}
#escena9 #globo2 {
	position:absolute;
	left:390px;
	top:-4px;
}
#escena9 #globo3 {
	position:absolute;
	left:615px;
	top:186px;
}

#escena9 #t_relevo1 {
	position:absolute;
	left:0px;
	top:0px;
}
/*-------------ESCENA 10 "DESCUBRE"---------------*/
#escena10 {
	position: absolute;
  /*clip: rect(<top>, <right>, <bottom>, <left>);*/
	clip: rect(0px, 745px, 475px, 50px);
}
#escena10 #back {
	position:absolute;
	left:0px;/*0*/
	top:0px;
}
#escena10 #plano3 {
	position:absolute;
	left:0px;
	top:0px;
}
#escena10 #plano2 {
	position:absolute;
	left:220px;
	top:87px;
}
#escena10 #plano1 {
	position:absolute;
	left:3px;/*180*/
	top:212px;
}

#escena10 #globo1 {
	position:absolute;
	left:130px;
	top:0px;
}
#escena10 #globo2 {
	position:absolute;
	left:400px;
	top:-1px;
}

#escena10 #t_relevo1 {
	position:absolute;
	left:0px;
	top:0px;
}
#escena10 #t_relevo2 {
	position:absolute;
	left:0px;
	top:0px;
}
#escena10 #icono_arrastrar {
	position:absolute;
	right:115px;
	top:27px;
}
#escena10 #b_anterior {
	position:absolute;
	left:61px;
	top:397px;
}
#boton_ficha9{
	left:61px;
}
/*-------------ESCENA 11 "RIÑEN"---------------*/
#escena11 {
	overflow:hidden;
}
#escena11 #back {
	position:absolute;
	left:0px;
	top:0px;
}
#escena11 #plano3 {
	position:absolute;
	left:800px;/*552*/
	top:55px;
}
#escena11 #plano2 {
	position:absolute;
	left:616px;/*412*/
	top:41px;
}
#escena11 #plano1 {
	position:absolute;
	left:-280px;/*-0*/
	top:23px;
}

#escena11 #globo1 {
	position:absolute;
	left:7px;
	top:-27px;
}
#escena11 #globo2 {
	position:absolute;
	left:470px;
	top:-12px;
}
#escena11 #globo3 {
	position:absolute;
	left:500px;
	top:250px;
}

#escena11 #globo4 {
	position:absolute;
	left:240px;
	top:44px;
}
#escena11 #t_relevo1 {
	position:absolute;
	left:58px;
	top:360px;
}
#escena11 #t_relevo2 {
	position:absolute;
	left:0px;
	top:0px;
}
/*-------------ESCENA 12 "CASTIGAN"---------------*/
#escena12 #back {
	position:absolute;
	left:0px;
	top:0px;
}
#escena12 #plano2 {
	position:absolute;
	left:-43px;/*205*/
	top:127px;
}
#escena12 #plano1 {
	position:absolute;
	left:690px;/*445*/
	top:0px;
}

#escena12 #globo1 {
	position:absolute;
	left:310px;
	top:-27px;
}

/*-------------ESCENA 13 "SOCIEDAD REAL"---------------*/
#escena13 {
	position:absolute;
	/*clip: rect(<top>, <right>, <bottom>, <left>);*/
	clip: rect(0px, 845px, 475px, 0px);
}

#escena13 #back {
	position:absolute;
	left:0px;
	top:0px;
}
#escena13 #plano3 {
	position:absolute;
	left:424px;
	top:85px;
}
#escena13 #plano2 {
	position:absolute;
	left:-27px;/*186*/
	top:81px;
}
#escena13 #plano1 {
	position:absolute;
	left:0px;
	top:313px;/*192*/
}

#escena13 #globo1 {
	position:absolute;
	left:381px;
	top:11px;
}
#escena13 #globo2 {
	position:absolute;
	left:572px;
	top:110px;
}

#escena13 #t_relevo1 {
	position:absolute;
	left:0px;
	top:6px;
}
/*-------------ESCENA 14 "SE CASAN" ---------------*/
#escena14 {
	overflow:hidden;
}
#escena14 #back {
	position:absolute;
	left:0px;
	top:0px;
}
#escena14 #plano3 {
	position:absolute;
	left:-100px;/*0*/
	top:93px;
}
#escena14 #plano2 {
	position:absolute;
	left:95px;/*295*/
	top:0px;
}
#escena14 #plano1 {
	position:absolute;
	left:0px;
	top:244px;
}

#escena14 #globo1 {
	position:absolute;
	left:125px;
	top:-25px;
}
#escena14 #globo2 {
	position:absolute;
	left:515px;
	top:-22px;
}
#escena14 #globo3 {
	position:absolute;
	left:535px;
	top:137px;
}

#escena14 #t_relevo1 {
	position:absolute;
	left:57px;
	top:345px;
}

/*-------------ESCENA 15 "ESCAPAN DISFRAZADOS"---------------*/

#escena15 {
	position:absolute;
	/*clip: rect(<top>, <right>, <bottom>, <left>);*/
	clip: rect(0px, 2175px, 475px, 0px);
}
#escena15 #back {
	position:absolute;
	left:0px;
	top:0px;
}
#escena15 #plano1 {
	position:absolute;
	left:6px;
	top:0px;/*0*/
}
#escena15 #plano2 {
	position:absolute;
	left:250px;
	top:5px;
}
#escena15 #plano3 {
	position:absolute;
	left:478px;
	top:7px;/*0*/
}
#escena15 #plano4 {
	position:absolute;
	left:6px;
	top:0px;
	/*left:708px;
	top:376px;2*/
}
#escena15 #plano5 {
	position:absolute;
	left:250px;
	top:5px;
}
#escena15 #plano6 {
	position:absolute;
	left:478px;
	top:7px;/*0*/
}
#escena15 #plano7 {
	position:absolute;
	left:6px;
	top:0px;/*0*/
}
#escena15 #plano8 {
	position:absolute;
	left:250px;
	top:5px;
}
#escena15 #plano9 {
	position:absolute;
	left:478px;
	top:7px;/*0*/
}

#escena15 #globo1 {
	position:absolute;
	left:53px;
	top:-12px;
}


#escena15 #t_relevo1 {
	position:absolute;
	left:200px;
	top:13px;
}
#escena15 #t_relevo2 {
	position:absolute;
	left:200px;
	top:10px;
}

/*-------------ESCENA 16 "CELEBRA" ---------------*/
#escena16 {
	position:absolute;
	/*clip: rect(<top>, <right>, <bottom>, <left>);*/
	clip: rect(0px, 744px, 475px, 0px);
}
#escena16 #back {
	position:absolute;
	left:0px;/*-102*/
	top:0px;
}
#escena16 #plano2 {
	position:absolute;
	left:-6px;/*224*/
	top:-12px;
}
#escena16 #plano1 {
	position:absolute;
	left:-102px;/*0*/
	top:187px;
}
#escena16 #icono_arrastrar {
	position:absolute;
	right:115px;
	top:27px;
}
#escena16 #b_anterior {
	position:absolute;
	left:20px;
	top:397px;
}

/*-------------ESCENA 17 "ESCAPAN DISFRAZADOS"---------------*/
#escena17 {
	overflow:hidden;
}
#escena17 #back {
	position:absolute;
	left:0px;
	top:0px;
}
#escena17 #plano1 {
	position:absolute;
	left:0px;
	top:276px;/*175*/
}

#escena17 #globo1 {
	position:absolute;
	left:150px;
	top:0px;
}
#escena17 #globo2 {
	position:absolute;
	left:385px;
	top:3px;
}

/*-------------ESCENA 18 "EXPLICA"---------------*/
#escena18 {
	position:absolute;
	z-index:3
}
#escena18 #back {
	position:absolute;
	left:0px;
	top:0px;
}
#escena18 #plano2 {
	position:absolute;
	left:8px;/*345*/
	top:67px;
}
#escena18 #plano1 {
	position:absolute;
	left:0px;
	top:310px;
}

#escena18 #globo1 {
	position:absolute;
	left:507px;
	top:10px;
}
#escena18 #globo2 {
	position:absolute;
	left:190px;
	top:67px;
}


/*-------------ESCENA 19 "ESCAPAN DISFRAZADOS"---------------*/

#escena19 #globo1 {
	position:absolute;
	left:25px;
	top:35px;
}

#escena19 #t_relevo1 {
	position:absolute;
	left:475px;
	top:345px;
}


/*-------------?---------------*/
#trace {
	position:fixed;
	left:20px;
	top:20px;
	width:300px;
	height:40px;
	background-color:#333;
	color:#FFF;
	font:14px Arial, Helvetica, sans-serif;
	z-index:100;
}

/*-------------FICHAS---------------*/
.fichas {
	position:absolute;
	left:68px;
	top:10px;
	width:625px;
	height:420px;
	z-index:6;
	background-color:#f89f13;
	border-radius:10px;
	
	/*padding-left:15px;
	padding-right:20px;
	padding-top:10px;*/
	
}
.fichas video{
	position:absolute;
	left:10px;
	top:67px;
}
#texto{
	font-family:'avenir', Arial;
	font-size:14px;
	color:#000;
	line-height:14px;

}
#b_cerrar{
	position:absolute;
	z-index:3;
	left:625px;
	top:8px;
	cursor:pointer;
}
.b_ficha{
	position:absolute;
	left:20px;
	top:350px;
	z-index:7;
	cursor:pointer;
}
.b_anterior{
	position:absolute;
	left:20px;
	top:397px;
	z-index:7;
	cursor:pointer;
}


.b_reiniciar {
	position:absolute;
	left:76px;
	top:382px;
	z-index:4;
	cursor:pointer;
}

.formato_boton {
	position:absolute;
	left:700px;
	top:27px;
	z-index:100
}
.various img{
	cursor:pointer
	}