@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 #F00;
}

#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:280px;
	height:350px;
	padding:10px;
	overflow:auto;
	position:absolute;
background-repeat:no-repeat;
display:none;


z-index:1000;
margin:30px 340px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	
}

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


#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:200px;
	margin:-300px 550px;
	position:absolute;
	height:300px;
	overflow:hidden;
	z-index:25;
	top:344px;
	left: -375px;
}


#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:134px;
	height:73px;
	position:absolute;
	z-index:80;
	left:70px;
	bottom:100px;
		background-image:url(../imagenes/rector2.png); background-repeat:no-repeat;
	}
	
		#rector:hover{cursor:pointer;
	background-image:url(../imagenes/rector.png);
	}
	
#orientadora{
width:134px;
	height:73px;
	position:absolute;
	z-index:80;
	left:600px;
	bottom:30px;
		background-image:url(../imagenes/orientadora2.png);
	}
	
		#orientadora:hover{cursor:pointer;
	background-image:url(../imagenes/orientadora.png);
	}
	
	#padres{

width:134px;
	height:73px;
	position:absolute;
	z-index:80;
		bottom:30px;
	left:250px;
		background-image:url(../imagenes/padres2.png);
	}
	
		#padres:hover{cursor:pointer;
	background-image:url(../imagenes/padres.png);
	}
	#personero{
width:134px;
	height:73px;
	position:absolute;
	z-index:80;
	bottom:30px;
	left:430px;
		background-image:url(../imagenes/personero2.png);
	}
	
		#personero:hover{cursor:pointer;
	background-image:url(../imagenes/personero.png);
	}
	
	#representante{

width:134px;
	height:73px;
	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:134px;
	height:73px;
	position:absolute;
	z-index:80;
	bottom:100px;
	left:250px;
		background-image:url(../imagenes/coordinadora2.png);
	}
	
		#coordinadora:hover{cursor:pointer;
	background-image:url(../imagenes/coordinadora.png);cursor:pointer;
	}
	
	
	
	#exalumno{

	width:134px;
	height:73px;
	position:absolute;
	z-index:80;
		left:600px;
		bottom:100px;
	background-image:url(../imagenes/exalumno2.png);
	}
	
		#exalumno:hover{
	background-image:url(../imagenes/exalumno.png);
	cursor:pointer;
	}
	
	
	#docente{

	width:134px;
	height:73px;
	position:absolute;
	z-index:80;
	bottom:100px;
	left:430px;
	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:400px;
		margin-left:730px;
		background-image:url(../imagenes/matera.png)
		
		}
		
				#ingeniero-e{
		width:150px;
		height:500px;
		position:absolute;
		z-index:91;
		margin-top:180px;
		margin-left:4px;
		
		}
		
								#presentacion{
		width:610px;
		height:5px;
		position:absolute;
		z-index:90;
		margin:60px 150px;
		background-image:url(../imagenes/presentacion.png);
		padding:20px;
		background-repeat:no-repeat;
		overflow:hidden;
		
		}
		
#int-presentacion{
		width:590px;
		height:410px;
		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;
		}
		
		#cerrarver:hover{

		background-image:url(../imagenes/cerrar2.png);

		}
	#ayuda{
		width:40px;
		height:40px;
		position:absolute;
		z-index:110;
		margin:0px 720px;
		background-image:url(../imagenes/help.png);
		background-repeat:no-repeat;
		background-position:right;
		cursor:pointer;
		}
		
		
			#ayudatexto{
		width:83%;
		height:300px;
		position:absolute;
		z-index:150;
		margin:100px 50px ;
		background-color:#FFF;
		border: 2px solid #09F;
		padding:20px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;

		display:none;
		}
		
			#ayuda:hover{

		background-image:url(../imagenes/help2.png);

		}
		
		#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;
}