/* estilos principales */
	
	#container {
		width: 900px;
		height: 500px;
		margin: 10px auto;		
		text-align: left;
		background-color: #fff;
		color: #666;
		
		border-right: 2px dashed;
		/*border-style: solid;
		border-top-color: #DBDBDB;*/
		border-right-color: #90969b;
		/*border-bottom-color: #666666;
		border-left-color: #DBDBDB;*/			
	}
	
	#header {
		background-color: #FFFFFF;
		padding: 2px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #999999;
		font-weight: 200;
	}
	
	#sidebar {
		height: 440px;
		width: 200px;
		padding: 10px;
		float: left;
		margin-top: 10px;
		border-right-style: dotted;
		border-right-width: 2px;
		border-right-color: #A0A6D6;
		background-image: url(gfx/1ESO.png);
		background-repeat: no-repeat;
		background-position: center bottom;
	}
	
	#main {
		height: 451px;
		padding: 10px;
		margin-top: 10px;
		margin-left: 225px;
		background-image: url(gfx/fondopag1.gif);
		background-repeat: no-repeat;
		background-position: left bottom;
		
	}
	
	#footer {
		clear: both;
		background-color: #FFFFFF;
		color: #999999;
		padding: 1px;
		margin: 10px;
		text-align: center;
	}
		
	body {
		background-color: #FFFFFF;
		text-align: center;
		margin: 0px;
		font: 10pt Arial, Helvetica, sans-serif;
	}
	

	/* estilos secundarios */
	
	/* -- Sidebar */
	
	#sidebar h3{
		margin: 0;
		margin-bottom: 3px;
	}
	
	.temas {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		padding: 0px;		
		margin: 0px;
	}
	
	.temas li{
		list-style-type: none;
		padding-bottom: 3px;
	}
	
	.temas a:link {
		text-decoration: none;
		color: #999999;
	}
	
	.temas a:visited {
		color: #999999;
		text-decoration: none;
	}
	
	.temas a:hover {
		color: #0066CC;
		text-decoration: none;
	}
	
	.temas a:active {
		font-style: italic;
	}
	
	.tema_on {		
		color: #333333;		
	}
	
	.paginas {		
		font-size: 10px;
		padding: 0px;
		margin-left: 30px;
	}
	
	.paginas li {
		padding-bottom: 0px;
	}
	
	.pagina_on {
		list-style-image: url(gfx/indicador.png);
		color: #333333;
	}
	
	.botones_nav {
		text-align: center;
	}	
	
.contentframe_rpx_dialog_style{
	filter		:	alpha(Opacity=100);
	-moz-opacity	:	0.70;
	z-index		:	100;
	position	:	absolute;
	top		:	0%;
	left		:	0%;
	width		:	100%;
	height		:	100%;
	background-color:	#AAAAAA;
}
.frame_rpx_dialog_style{
	position	:	absolute;
	padding		:	10px;
	top		:	35%;
	left		:	40%;
	width		:	25%;
	height		:	17%;
	z-index		:	100;
	background-color:	#FFFFFF;
	border		:	solid 2px #222222;
	font-family: Helvetica;
}

.cerrar {		
		font-family: Arial, Helvetica, sans-serif;
		color: #000000;		
		background-color:	#CCCCCC;
		font-size: 10px;
		border:	solid 1px #222222;
	}
.cerrar a:hover{
		color: #FFFFFF;	
		CURSOR: crosshair;
	} 
	
.formula{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;	
	font-size: 22px;
	CURSOR: crosshair;
}

.leyenda{
position:absolute;text-align: center;
width:100px;height:22px; 
background-color:#BBBBBB;
color:red;font-family:verdana;
border:black 1px dashed;
font-size:16px;visibility:hidden; }

td.raya
{
    BORDER-RIGHT: #000000 0px solid;
    BORDER-TOP: #000000 0px solid;
    BORDER-LEFT: #000000 0px solid;
    BORDER-BOTTOM: #000000 2px solid;
}

img.boton:hover{
	
	-moz-opacity	:	0.85;
	cursor: pointer;
}

.mensaje{
	
	background-color:#CCCCCC;
	font-style: italic;
	color: #000000;			
}

.message{position:absolute;text-align: center;

background-color:#222222;
color:white;font-family:verdana;
font-size:10px;visibility:hidden;
	cursor: pointer;
	text-align: center;
	border: #222222 2px solid;
	z-index:15;
	
}

/**/	
.pieza{
	position:absolute;
	z-index: 31;
}
.cajon{
	position:absolute;
	z-index: 30;
	}
.actividad{
		position:absolute;
		z-index: 30;
		border: 0px solid;
		width:575px; height:400px;	
	}
.trocito{
	width:50px; height:50px;
	position:absolute;
	top: 120px;
	left: 270px;
	/*border: 1px dashed;*/
	
}

.actividad9{
		position:relative;
		z-index: 30;
		border: 0px solid;
		width:375px;
		height:85px;
		text-align: center;
	}
.actividad3{
		position:relative;
		z-index: 14;
		/*border: 1px solid;*/
		top: -30px;
		height:150px;
		width:600px;	
	}
	
	/* estilos secundarios */
	/* Estilos de Ivan */
	#elementoTablaImagenes
	{
		left: 60%;
		top: 70%;
	}
	#img0 {
		width: 35px;
		height: 35px;
		position:absolute;
		border:0;
	}
	#img1 {
		width: 35px;
		height: 35px;
		position:absolute;
		border:0;
	}
	#img2 {
		width: 35px;
		height: 35px;
		position:absolute;
		border:0;
	}
	
	#imgBG0 {
		width: 35px;
		height: 35px;
		position:absolute;
		border:0;
	}
	#imgBG1 {
		width: 35px;
		height: 35px;
		position:absolute;
		border:0;
	}
	#imgBG2 {
		width: 35px;
		height: 35px;
		position:absolute;
		border:0;
	}
	#im0 {
		width: 35px;
		height: 35px;
	}
	#im1 {
		width: 35px;
		height: 35px;
	}
	#im2 {
		width: 35px;
		height: 35px;
	}
	#bg0 {
		width: 35px;
		height: 35px;
	}
	#bg1 {
		width: 35px;
		height: 35px;
	}
	#bg2 {
		width: 35px;
		height: 35px;
	}
	#phBg {
		position: absolute;
		z-index:2;
	}
	
	/***************************************************************/
	#elementoTablaImagenesP7
	{
		left: 60%;
		top: 70%;
	}
	#tablaImagenesP7
	{
		left: 60%;
		top: 70%;
	}
	#imgP70 {
		width: 36px;
		height: 29px;
		position:absolute;
		border:0;
	}
	#imgP71 {
		width: 31px;
		height: 7px;
		position:absolute;
		border:0;
	}
	#imgP72 {
		width: 42px;
		height: 55px;
		position:absolute;
		border:0;
	}
	#imgP73 {
		width: 53px;
		height: 63px;
		position:absolute;
		border:0;
	}
	#imgP74 {
		width:22px;
		height: 121px;
		position:absolute;
		border:0;
	}
	#imgBGP70 {
		width: 36px;
		height: 29px;
		position:absolute;
		border:0;
	}
	#imgBGP71 {
		width: 31px;
		height: 7px;
		position:absolute;
		border:0;
	}
	#imgBGP72 {
		width: 42px;
		height: 55px;
		position:absolute;
		border:0;
	}
	#imgBGP73 {
		width: 53px;
		height: 63px;
		position:absolute;
		border:0;
	}
	#imgBGP74 {
		width: 22px;
		height: 121px;
		position:absolute;
		border:0;
	}
	#imP70 {
		width: 36px;
		height: 29px;
	}
	#imP71 {
		width: 31px;
		height: 7px;
	}
	#imP72 {
		width: 42px;
		height: 55px;
	}
	#imP73 {
		width: 53px;
		height: 63px;
	}
	#imP74 {
		width: 22px;
		height: 121px;
	}
	#bgP70 {
		width: 36px;
		height: 29px;
	}
	#bgP71 {
		width: 31px;
		height: 7px;
	}
	#bgP72 {
		width: 42px;
		height: 55px;
	}
	#bgP73 {
		width: 53px;
		height: 63px;
	}
	#bgP74 {
		width: 22px;
		height: 121px;
	}
	#phBgP7 {
		position: absolute;
		z-index:2;
	}

	/* FIN Estilos de Ivan */
	/* -- Sidebar */
	.btn_ant {
		position:relative;
		top: 25px;
		left:-25px;
	}
	.btn_sig {
		position:relative;
		top: 25px;
		left:25px;
	}