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

*{
	border:none;
}

body{
	margin:0;
	padding:0;
}

#wrapper{
	width:800px;
	margin:30px auto;
	
	height:600px;
	background-image:url(../imagenes/fondo.jpg);
	border:3px solid #0CF;
}
#pregunta{
	position:absolute;
	z-index:100;
	width:130px;
	height:130px;
	left:200px;
	
	
	}

#wrapperno{
	width:800px;
	margin:0px auto;
	
	height:600px;
	background-image:url(../imagenes/fondo4.jpg);
}

#wrapper3{
	width:800px;
	margin:30px auto;
	
	height:600px;
	background-image:url(../imagenes/fondo2.jpg);
	border:3px solid #0CF;
}

#wrapper4{
	width:800px;
	margin:0px auto;
	height:600px;
	background-image:url(../imagenes/fondo3.jpg);
	
}

#wrapper2{
	width:800px;
	height:600px;
}

#habla{
	margin-top:150px;
	margin-left:80px;
	width:170px;
	float:left;
	position:absolute;
	z-index:40;
	}
	
	#atril{
	margin-top:260px;
	margin-left:70px;
	width:170px;
	float:left;
	position:absolute;
	z-index:22;
	}

#cambia{
	width:800px;
	position:absolute;
	margin:0px auto;
	height:600px;
	z-index:20;
}

#texto{
	width:320px;
	position:absolute;
	margin:20px 235px;
	height:295px;
	z-index:0;
	background-image:url(../imagenes/texto.png);
	background-repeat:no-repeat;
padding-right:10px;padding-bottom:20px;
	padding-left:20px;
	padding-top:10px;
	display:none;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	list-style:none;
	
}
#inttexto{
	width:290px;
	padding:10px;
	padding-left:20px; 
	height:270px;
	z-index:0;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	overflow:auto;
	list-style:none;
}


#texto2{
	width:500px;
	height:170px;
	padding:10px;
	background-image:url(../imagenes/globo1.png); background-repeat:no-repeat;
 display:none;

	list-style:none;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

#textopersonaje{
	width:378px;
	height:581px;
	padding:30px;
	padding-top:70px;
	overflow:auto;
	position:absolute;
	background-repeat:no-repeat;
	/*display:none;*/

z-index:50;
	margin:auto 260px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	left: 34px;
	top: 10px;
	
}

#textopersonaje-int{
	overflow:auto;
	width:100%;
	height:80%;
	
	
	}


#texto2 li{
	padding-left:0px;
	}

#franjah{
	width:800px;
	margin:0px auto;
    position:absolute;
	height:185px;
	background-image:url(../imagenes/franjah.png);
	background-position:bottom right;
	background-repeat:no-repeat;
	z-index:40;
	top:464px;
}


#sillas{
	width:170px;
	margin:-100px 500px;
    position:absolute;
	height:139px;
	background-image:url(../imagenes/silla.png);
	background-position:bottom right;
	background-repeat:no-repeat;
	z-index:20;
	top:464px;
}

#personaje{
	width:221px;
	margin:-300px 50px;
	position:absolute;
	height:511px;
	z-index:25;
	bottom:337px;
	vertical-align:bottom;
	left: 3px;
}


#franjah2{
	width:800px;
	margin:0px auto;
    position:absolute;
	height:169px;
	background-image:url(../imagenes/franjah2.png);
	background-position:bottom;
	background-repeat:no-repeat;
	z-index:40;
	top:466px;
}
#franjah3{
	width:800px;
	margin:-30px auto;
    position:absolute;
	height:169px;
	background-image:url(../imagenes/franjah3.png);
	background-position:bottom right;
	background-repeat:no-repeat;
	z-index:40;
	top:466px;
}

#franjav{
	width:230px;
	top:0px;
	left:571px;
    position:relative;
	height:431px;
	background-image:url(../imagenes/franjav.png);
	background-repeat:no-repeat;
	z-index:40;
}

#menu{
	width:800px;
	margin:554px auto;
    position:absolute;
	height:51px;
	background-image:url(../imagenes/menu.png); background-position:right; background-repeat:no-repeat;
	z-index:60;
	text-align:right;
}


#menu2{
	width:300px;
    position:absolute;
	margin-top:0px;
	height:300px;
	z-index:10;
	text-align:left;
	margin:0px;
}

#menu2 div{
	background-image:url(../imagenes/fondomenu.png);
	background-repeat:no-repeat;
	width:154px;
	height:18px;
	padding:2px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	cursor:pointer;
	margin-top:5px;
	
	
}

#menu2 div:hover{
	background-image:url(../imagenes/fondomenu2.png);
	background-repeat:no-repeat;
	width:154px;
	height:18px;
	padding:2px;
	color:#FFF;
	margin-top:5px;
	
}

#menu img{
	 padding:15px 10px;
	}

#rector{
	width:30px;
	height:30px;
	position:absolute;
	z-index:80;
	left:450px;
	top:30px;
		background-image:url(../imagenes/rector.png); background-repeat:no-repeat;
	}
	
		#rector:hover{cursor:pointer;
	background-image:url(../imagenes/rector2.png);
	}
	
#orientadora{
	width:30px;
	height:30px;
	position:absolute;
	z-index:80;
	left:490px;
	top:30px;
		background-image:url(../imagenes/orientadora.png);
	}
	
		#orientadora:hover{cursor:pointer;
	background-image:url(../imagenes/orientadora2.png);
	}
	
	#padres{

	width:30px;
	height:30px;
	position:absolute;
	z-index:80;
		top:30px;
	left:530px;
		background-image:url(../imagenes/padres.png);
	}
	
		#padres:hover{cursor:pointer;
	background-image:url(../imagenes/padres2.png);
	}
	#personero{

	width:30px;
	height:30px;
	position:absolute;
	z-index:80;
	top:30px;
	left:570px;
		background-image:url(../imagenes/personero.png);
	}
	
		#personero:hover{cursor:pointer;
	background-image:url(../imagenes/personero2.png);
	}
	
	#representante{

	width:110px;
	height:110px;
	position:absolute;
	z-index:80;
		top:220px;
	right:40px;
		background-image:url(../imagenes/representante.png);
	}
	
		#representante:hover{cursor:pointer;
	background-image:url(../imagenes/representante2.png);
	}
	
	 #coordinadora{

	width:110px;
	height:110px;
	position:absolute;
	z-index:80;
	top:320px;
	left:130px;
		background-image:url(../imagenes/coordinadora2.png);
	}
	
		#coordinadora:hover{cursor:pointer;
	background-image:url(../imagenes/coordinadora.png);cursor:pointer;
	}
	
	
	
	#exalumno{

	width:110px;
	height:110px;
	position:absolute;
	z-index:80;
		left:20px;
		top:200px;
	background-image:url(../imagenes/exalumno2.png);
	}
	
		#exalumno:hover{
	background-image:url(../imagenes/exalumno.png);
	cursor:pointer;
	}
	
	
	#docente{

	width:110px;
	height:110px;
	position:absolute;
	z-index:80;
	top:200px;
	left:130px;
	background-image:url(../imagenes/docente2.png);
	}
	
		#docente:hover{cursor:pointer;
	background-image:url(../imagenes/docente.png);
	}
	
	#hablan{
		width:400px;
		height:500px;
		position:absolute;
		z-index:20;
		
		}
		#mesa{
		width:400px;
		height:500px;
		position:absolute;
		z-index:18;
		margin-top:350px;
		
		}
		
				#mesa2{
		width:400px;
		position:absolute;
		z-index:91;
		margin-top:350px;
		
		}
		
		
						#matera{
		width:109px;
		height:201px;
		position:absolute;
		z-index:91;
		margin-top:320px;
		margin-left:720px;
		background-image:url(../imagenes/matera.png)
		
		}
		
				#ingeniero-e{
		width:400px;
		height:500px;
		position:absolute;
		z-index:16;
		margin-top:150px;
		margin-left:100px;
		
		}
		
						#presentacion{
		width:485px;
		height:5px;
		position:absolute;
		z-index:90;
		margin:70px 280px;
		background-image:url(../imagenes/presentacion.png);
		padding:20px;
		background-repeat:no-repeat;
		overflow:hidden;
		
		}
		
#int-presentacion{
		width:480px;
		height:300px;
		margin:auto;
	overflow:hidden;
		
		}
		
		
		
		
								#luz{
		width:800px;
		height:600px;
		position:absolute;
		z-index:80;
		margin:0px 0px;
		display:none;
		
		
		}
		
		
										#ver{
		width:800px;
		height:600px;
		position:absolute;
		z-index:100;
		margin:0px 0px;
		background-image:url(../imagenes/fondo-pres.jpg);
display:none;
		}
		
												#intver{
		width:670px;
		height:450px;
		position:relative;
		z-index:100;
		margin:75px auto;
		overflow:auto;
		}
		
		
												#cerrarver{
		width:40px;
		height:40px;
		position:absolute;
		z-index:110;
		margin:0px 760px;
		background-image:url(../imagenes/cerrar.png);
		background-repeat:no-repeat;
		background-position:right;
		cursor:pointer;
		}
		
		#luz img {
	background: transparent;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */      
	zoom: 1;

}
		
	
	
	#texto3{
	width:410px;
	margin:20px 295px;
	height:295px;
	z-index:0;
	background-image:url(../imagenes/globo2.png);
	background-repeat:no-repeat;
padding-right:10px;padding-bottom:20px;
	padding-left:20px;
	padding-top:20px;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	list-style:none;
	display:none;
}
#inttexto3{
	width:380px;
	padding:10px;
	padding-left:10px; 
	height:240px;
	z-index:0;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	overflow:auto;
	list-style:none;
}