.musica p, .tablet p, .primaria_3er p, .secundaria p, .primaria p {
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
}
* {
	outline: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	behavior: url(js/PIE.htc);
}
html {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
body {
	overflow: hidden;
	font-family: Arial;
	font-size: 14px;
	margin: 0;
	padding: 0;
}
#limit {
	margin: 0;
	padding: 0;
}
#carcasa {
	padding: 20px 20px 25px 20px;
	margin: auto;
}
#content {
	position: relative;
	border-radius: 60px;
	-ms-border-radius: 60px;
	-moz-border-radius: 60px;
	-webkit-border-radius: 60px;
	margin: auto;
	position: absolute;
	z-index: 2;
}
#header {
	position: absolute;
	left: 50%;
	margin-left: -257px;
	width: 515px;
	height: 30px;
	font-weight: bold;
	padding-top: 10px;
	text-align: center;
	color: #FFFFFF;
	font-size: 16px;
}
#header p {
	margin-top: -3px;
}
#visor {
	padding: 0px 0px 0px 30px;
}
#visor_content {
	outline: none;
	height: auto;
}
#left {
	position: absolute;
	left: -20px;
	bottom: -25px;
	width: 245px;
	height: 65px;
}
#right {
	position: absolute;
	bottom: -25px;
	right: -20px;
	width: 245px;
	height: 65px;
}
#left2 {
	position: absolute;
	left: 5px;
	bottom: 30px;
	width: 40px;
	height: 40px;
}
#right2 {
	position: absolute;
	bottom: 30px;
	right: 5px;
	width: 40px;
	height: 40px;
}
.button_right {
	margin-right: 6px;
	margin-top: 20px;
	float: right;
	width: 42px;
	height: 42px;
}
.button_left {
	margin-left: 6px;
	margin-top: 20px;
	float: left;
	width: 42px;
	height: 42px;
}
.button_right2 {
	margin-right: 6px;
	margin-top: 20px;
	float: right;
	width: 42px;
	height: 42px;
}
.button_left2 {
	margin-left: 6px;
	margin-top: 20px;
	float: left;
	width: 42px;
	height: 42px;
}
#center {
	z-index: 9000;
	position: absolute;
}
#fondo {
	background-color: #ffffff;
	-webkit-border-radius: 60px;
	-ms-border-radius: 60px;
	-moz-border-radius: 60px;
	border-radius: 60px;
	overflow: hidden;
	position: absolute;
	z-index: 1;
}

/* TOOLTIP */
.tooltip {
	background-color: #dddddd;
	border: 3px solid #aaaaaa;
	font-size: 13px;
	padding: 5px 5px 5px 5px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-webkit-border-radius: 10px;
	z-index: 5000;
}
/*jspscroll*/
.jspTrack {
	background-color: #dfdfdf;
}
.jspDrag {
	background-color: #46AADC;
}
.jspVerticalBar {
	max-height: 200px !important;
	width: 20px !important;
}
.jspArrow {
	height: 20px !important;
	width: 19px !important;
}
.pop_up_close {
	cursor: pointer;
	position: absolute;
	top: 10px;
	right: 15px;
	width: 30px;
	height: 30px;
	background: url(images/close.png) no-repeat center;
}
.pop_up {
	z-index: 9999;
	display: none;
	position: absolute;
	top: 15px;
	left: 0px;
	background-color: #ffffff;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	margin: 10px;
	padding: 50px 20px 20px 20px;
}
.pop_up_content {
	height: 200px;
	overflow: hidden;
}

/*PRIMARIA*/
body.primaria {
	background-color: #ffffff;
}
.primaria #carcasa {
	background-color: #ff7a00;
}
.primaria #header {
	top: -21px;
	background: url(images/bg_titulo.png) no-repeat center;
	font-size: 15px;
}
.primaria #visor_content p {
	margin-top: 40px
}
.primaria #left {
	background: url(images/botonera2.png) no-repeat center;
	width: 260px;
	padding-left: 15px;
}
.primaria #right {
	background: url(images/botonera.png) no-repeat center;
	width: 392px;
	padding-right: 15px;
}
.primaria .button_left {
	margin-left: 6px;
	margin-top: 15px;
	float: left;
	width: 42px;
	height: 42px;
}
.primaria .button_right {
	margin-right: 6px;
	margin-top: 15px;
	float: right;
	width: 42px;
	height: 42px;
}
/*Disabled Buttons*/
.primaria .anterior {
	cursor: pointer;
	background: url(images/prim_prev.png) no-repeat center;
	filter: alpha(opacity = 50);
	opacity: .5;
}
.primaria .siguiente {
	cursor: pointer;
	background: url(images/prim_next.png) no-repeat center;
	filter: alpha(opacity = 50);
	opacity: .5;
}
.primaria .anterior2 {
	cursor: pointer;
	background: url(images/prim_prev.png) no-repeat center;
	margin: -10px 0px 0px 20px;
}
.primaria .siguiente2 {
	cursor: pointer;
	width: 42px !important;
	background: url(images/prim_next.jpg) no-repeat center;
	margin: -10px 20px 0px 0px;
}
.primaria .reload {
	cursor: pointer;
	background: url(images/prim_reload.png) no-repeat center;
	filter: alpha(opacity = 50);
	opacity: .5;
}
.primaria .comprobar {
	cursor: pointer;
	background: url(images/prim_compr.png) no-repeat center;
	filter: alpha(opacity = 50);
	opacity: .5;
}
.primaria .versolucion {
	cursor: pointer;
	background: url(images/prim_solution.png) no-repeat center;
	filter: alpha(opacity = 50);
	opacity: .5;
}
.primaria .clave {
	cursor: pointer;
	background: url(images/prim_solu.png) no-repeat center;
	filter: alpha(opacity = 50);
	opacity: .5;
}
.primaria .ayuda {
	cursor: pointer;
	background: url(images/prim_ayuda.png) no-repeat center;
	filter: alpha(opacity = 50);
	opacity: .5;
}
.primaria .imprimir {
	cursor: pointer;
	background: url(images/prim_print.png) no-repeat center;
	filter: alpha(opacity = 50);
	opacity: .5;
}
.primaria .reiniciar {
	cursor: pointer;
	background: url(images/prim_reload.png) no-repeat center;
	filter: alpha(opacity = 50);
	opacity: .5;
}
.primaria .silenciar {
	cursor: pointer;
	background: url(images/prim_sound.png) no-repeat center;
	filter: alpha(opacity = 50);
	opacity: .5;
}
.primaria .aleatorio {
	cursor: pointer;
	background: url(images/prim_random.png) no-repeat center;
	filter: alpha(opacity = 50);
	opacity: .5;
}
.primaria .rewind {
	cursor: pointer;
	background: url(images/prim_rewind.png) no-repeat center;
	filter: alpha(opacity = 50);
	opacity: .5;
}
.primaria .pause {
	cursor: pointer;
	background: url(images/prim_pause.png) no-repeat center;
	filter: alpha(opacity = 50);
	opacity: .5;
}
.primaria .play {
	cursor: pointer;
	background: url(images/prim_play.png) no-repeat center;
	filter: alpha(opacity = 50);
	opacity: .5;
}
.primaria .cronometro {
	cursor: pointer;
	background: url(images/prim_clock.png) no-repeat center;
	filter: alpha(opacity = 50);
	opacity: .5;
}

/*Enabled buttons*/
.primaria .notdisabled {
	filter: alpha(opacity = 100);
	opacity: 1;
}
.primaria .silenciar_on {
	cursor: pointer;
	background: url(images/prim_mute.png) no-repeat center;
	filter: alpha(opacity = 100);
	opacity: 1;
}
.primaria #center {
	bottom: 0;
	width: 180px;
	height: 0;
	background: url(images/resultados.png) no-repeat center;
}
.primaria #center p {
	color: #29ABE2;
	font-size: 40px;
	text-align: center;
	margin-top: 40px;
}
.primaria .jspDrag {
	background: #7D418E url(images/prim_vscroll.png) no-repeat center !important;
}
.primaria .jspTrack {
	background-color: #f6b136 !important;
}
.primaria .jspArrowUp {
	background: url(images/arrow_up_3.png) no-repeat top !important;
}
.primaria .jspArrowDown {
	background: url(images/arrow_down_3.png) no-repeat bottom !important;
}
.primaria .pop_up_close {
	background: url(images/sec_close.png) no-repeat center !important;
	margin-top: -45px;
	margin-right: -5px;
	width: 25px;
	height: 25px;
}
.primaria .pop_up {
	border: 3px solid #FF7A00;
	border-top: 45px solid #FF7A00 !important;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding-top: 20px !important;
}

/*
 ///////////////////////// END CSS PRIMARIA ///////////////
 */
.secundaria #carcasa {
	background-color: #8C96A0;
}
.secundaria #header {
	top: -20px;
	left: -20px !important;
	height: 22px;
	padding: 2px 20px 0px 20px;
	color: white;
	background: #3C3C46;
	text-align: left;
	font-size: 13px;
	font-weight: normal;
	margin-left: 0px;
	width: 100% !important;
}
.secundaria #header p {
	margin-top: 3px;
	margin-bottom: -2px;
}
.secundaria .button_right {
	margin-right: 20px;
	margin-top: 40px;
	float: right;
	width: 20px;
	height: 16px;
}
.secundaria .button_left {
	margin-left: 20px;
	margin-top: 40px;
	float: left;
	width: 20px;
	height: 16px;
}
.secundaria #fondo {
	background-color: #ffffff;
	-webkit-border-radius: 0px;
	-ms-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	overflow: hidden;
	z-index: 1;
}
.secundaria #visor_content p {
	margin-top: 0;
}
.secundaria #left {
	margin-top: -20px;
	padding-top: 13px;
	width: 279px;
	height: 26px;
	background: url(images/sec_izq.png);
}
.secundaria #left div {
	margin-top: 0px;
}
.secundaria #right {
	margin-top: -20px;
	padding-top: 13px;
	width: 279px;
	height: 26px;
	background: url(images/sec_der.png) no-repeat center;
}
.secundaria #right div {
	margin-top: 0px;
}
/*Disabled Buttons*/
.secundaria .anterior {
	cursor: pointer;
	background: url(images/sec_fback.png) no-repeat center;
	filter: alpha(opacity = 50);
	opacity: .5;
}
.secundaria .siguiente {
	cursor: pointer;
	background: url(images/sec_fnext.png) no-repeat center;
	filter: alpha(opacity = 50);
	opacity: .5;
}
.secundaria .anterior2 {
	width: 24px !important;
	height: 24px !important;
	cursor: pointer;
	background: url(images/sec_fback.png) no-repeat center;
	background-color: #2FAEE4 !important;
	-webkit-border-radius: 15px !important;
	-ms-border-radius: 15px !important;
	-moz-border-radius: 15px !important;
	border-radius: 15px !important;
}
.secundaria .siguiente2 {
	width: 24px !important;
	height: 24px !important;
	cursor: pointer;
	background: url(images/sec_fnext.png) no-repeat center;
	background-color: #2FAEE4 !important;
	-webkit-border-radius: 15px !important;
	-ms-border-radius: 15px !important;
	-moz-border-radius: 15px !important;
	border-radius: 15px !important;
}
.secundaria .comprobar {
	cursor: pointer;
	background: url(images/sec_compr.png) no-repeat center;
	filter: alpha(opacity = 50);
	opacity: .5;
}
.secundaria .versolucion {
	cursor: pointer;
	background: url(images/sec_solution.png) no-repeat center;
	filter: alpha(opacity = 50);
	opacity: .5;
}
.secundaria .clave {
	cursor: pointer;
	background: url(images/sec_solu.png) no-repeat center;
	filter: alpha(opacity = 50);
	opacity: .5;
}
.secundaria .ayuda {
	cursor: pointer;
	background: url(images/sec_ayuda.png) no-repeat center;
	filter: alpha(opacity = 50);
	opacity: .5;
}
.secundaria .imprimir {
	cursor: pointer;
	background: url(images/sec_print.png) no-repeat center;
	filter: alpha(opacity = 50);
	opacity: .5;
}
.secundaria .reiniciar {
	cursor: pointer;
	background: url(images/sec_reload.png) no-repeat center;
	filter: alpha(opacity = 50);
	opacity: .5;
}
.secundaria .silenciar {
	cursor: pointer;
	background: url(images/sec_soundoff.png) no-repeat center;
}
.secundaria .aleatorio {
	cursor: pointer;
	background: url(images/aleatorio-2.png) no-repeat center;
	filter: alpha(opacity = 50);
	opacity: .5;
}
.secundaria .pause {
	cursor: pointer;
	background: url(images/sec_pause.png) no-repeat center;
	filter: alpha(opacity = 50);
	opacity: .5;
}
.secundaria .play {
	cursor: pointer;
	background: url(images/sec_play.png) no-repeat center;
	filter: alpha(opacity = 50);
	opacity: .5;
}
.secundaria .rewind {
	cursor: pointer;
	background: url(images/sec_rewind.png) no-repeat center;
}
.secundaria .cronometro {
	cursor: pointer;
	background: url(images/sec_crono.png) no-repeat center;
	filter: alpha(opacity = 50);
	opacity: .5;
}

/*Enabled buttons*/
.secundaria .notdisabled {
	filter: alpha(opacity = 100);
	opacity: 1;
}
.secundaria .silenciar.notdisabled {
	cursor: pointer;
	background: url(images/sec_sound.png) no-repeat center;
}
.secundaria .silenciar_on {
	cursor: pointer;
	background: url(images/sec_sound_off.png) no-repeat center;
}
.secundaria #center {
	background-color: #46AADC;
	margin-left: 55px;
	width: 70px;
	height: 0;
	text-align: center;
}
.secundaria #center p {
	font-size: 18px;
	margin-top: 8px;
	color: #fff;
}
.secundaria .jspDrag {
	background: #3b9dce url(images/sec_vscroll.gif) no-repeat center !important;
}
.secundaria .pop_up_close {
	background: url(images/sec_close.png) no-repeat center !important;
	margin-top: -45px;
	margin-right: -5px;
	width: 25px;
	height: 25px;
}
.secundaria .pop_up {
	border: 3px solid #3C3C46;
	border-top: 45px solid #3C3C46 !important;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding-top: 20px !important;
}
.secundaria .pop_up_title {
	color: #2aace3;
	font-size: 16px;
}

/*
 ///////////////////////// END CSS SECUNDARIA ///////////////
 */

/*3er CICLO PRIMARIA*/
body.primaria_3er {
	background-color: #FFFFFF;
}
.primaria_3er #carcasa {
	background-color: #73C5E7;
}
.primaria_3er #header {
	color: #46AADC;
	top: 10px;
}
.primaria_3er #visor_content p {
	margin-top: 40px;
}
.primaria_3er #left {
	width: 281px;
	height: 71px;
	background: url(images/tab_izq.png) no-repeat center;
}
.primaria_3er #right {
	width: 419px;
	height: 71px;
	background: url(images/tab_der.png) no-repeat center;
}
.primaria_3er .button_left {
	margin-left: 20px;
	margin-top: 20px;
	float: left;
	width: 42px;
	height: 42px;
}
.primaria_3er .button_right {
	margin-right: 20px;
	margin-top: 20px;
	float: right;
	width: 42px;
	height: 42px;
}
.primaria_3er .anterior {
	cursor: pointer;
	background: url(images/fback.png) no-repeat center;
	filter: alpha(opacity = 50);
	opacity: .5;
}
.primaria_3er .siguiente {
	cursor: pointer;
	background: url(images/fnext.png) no-repeat center;
	filter: alpha(opacity = 50);
	opacity: .5;
}
.primaria_3er .anterior2 {
	width: 24px !important;
	height: 24px !important;
	cursor: pointer;
	background: url(images/sec_fback.png) no-repeat center;
	background-color: #2FAEE4 !important;
	-webkit-border-radius: 15px !important;
	-ms-border-radius: 15px !important;
	-moz-border-radius: 15px !important;
	border-radius: 15px !important;
}
.primaria_3er .siguiente2 {
	margin-right: 20px;
	width: 24px !important;
	height: 24px !important;
	cursor: pointer;
	background: url(images/sec_fnext.png) no-repeat center;
	background-color: #2FAEE4 !important;
	-webkit-border-radius: 15px !important;
	-ms-border-radius: 15px !important;
	-moz-border-radius: 15px !important;
	border-radius: 15px !important;
}
.primaria_3er .comprobar {
	cursor: pointer;
	background: url(images/check.png) no-repeat center;
	filter: alpha(opacity = 50);
	opacity: .5;
}
.primaria_3er .ayuda {
	cursor: pointer;
	background: url(images/help.png) no-repeat center;
	filter: alpha(opacity = 50);
	opacity: .5;
}
.primaria_3er .reiniciar {
	cursor: pointer;
	background: url(images/reload.png) no-repeat center;
	filter: alpha(opacity = 50);
	opacity: .5;
}
.primaria_3er .versolucion {
	cursor: pointer;
	background: url(images/solution.png) no-repeat center;
	filter: alpha(opacity = 50);
	opacity: .5;
}
.primaria_3er .clave {
	cursor: pointer;
	background: url(images/key.png) no-repeat center;
	filter: alpha(opacity = 50);
	opacity: .5;
}
.primaria_3er .silenciar {
	cursor: pointer;
	background: url(images/sound.png) no-repeat left;
	filter: alpha(opacity = 100);
	opacity: 1;
	width: 15px;
}
.primaria_3er .imprimir {
	cursor: pointer;
	background: url(images/print_t.png) no-repeat center;
	filter: alpha(opacity = 50);
	opacity: .5;
}
.primaria_3er .aleatorio {
	cursor: pointer;
	background: url(images/aleatorio-1.png) no-repeat center;
	filter: alpha(opacity = 50);
	opacity: .5;
}

.primaria_3er .pause {
	cursor: pointer;
	background: url(images/pause.png) no-repeat left;
	filter: alpha(opacity = 100);
	opacity: 1;
	width: 20px;
}
.primaria_3er .play {
	cursor: pointer;
	background: url(images/play.png) no-repeat center;
	filter: alpha(opacity = 50);
	opacity: .5;
}
.primaria_3er .rewind {
	cursor: pointer;
	background: url(images/rewind.png) no-repeat center;
	filter: alpha(opacity = 50);
	opacity: .5;
}

.primaria_3er .silenciar_on {
	cursor: pointer;
	background: url(images/sound_off.png) no-repeat left;
	filter: alpha(opacity = 100);
	opacity: 1;
	width: 15px;
}
.primaria_3er .cronometro {
	cursor: pointer;
	background: url(images/ter_crono.png) no-repeat center;
	filter: alpha(opacity = 50);
	opacity: .5;
}
.primaria_3er .notdisabled {
	filter: alpha(opacity = 100);
	opacity: 1;
}
.primaria_3er .silenciar.notdisabled {
	width: 30px;
}
.primaria_3er .selected {
	background: #FBC73B;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
}
.primaria_3er .red {
	background-color: #FF0000 !important;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.primaria_3er .green {
	background-color: #39B54A !important;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
}
.primaria_3er #center {
	background-color: #46AADC;
	bottom: 0;
	margin-left: -15px;
	position: absolute;
	width: 70px;
	height: 0;
	text-align: center;
}
.primaria_3er #center p {
	font-size: 18px;
	color: #fff;
	margin-top: 12px;
}
.primaria_3er .pop_up_close {
	background: url(images/x_little.png) no-repeat center !important;
	margin-right: -5px;
	width: 25px;
	height: 25px;
}
.primaria_3er .pop_up {
	border: 3px solid #46AADC;
	background: url(images/topbarmodalwindow.png) repeat-x;
	background-color: #FFFFFF;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 60px 30px 30px 30px !important;
}
.primaria_3er .pop_up_title {
	position: absolute;
	margin-top: -45px;
}
.primaria_3er .jspDrag {
	background: #46AADC url(images/tab_vscroll.png) no-repeat center !important;
}

/*Interfaz Música*/
.musica #left, .musica #left2 {
	width: 400px;
	height: 72px;
	border-bottom-left-radius: 10px;
	-ms-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	background: url(images/fondo_mus.png) repeat-x center;
}

.musica #right, .musica #right2 {
	border-bottom-right-radius: 10px;
	-ms-border-radius-bottomright: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	width: 400px;
	height: 72px;
	background: url(images/fondo_mus.png) repeat-x center;
}

.musica .anterior {
	cursor: pointer;
	background: url(images/prev_mus.png) no-repeat center;
	filter: alpha(opacity = 50);
	opacity: .5;
}
.musica .siguiente {
	cursor: pointer;
	background: url(images/next_mus.png) no-repeat center;
	filter: alpha(opacity = 50);
	opacity: .5;
}
.musica .anterior2 {
	cursor: pointer;
	background: url(images/prev_mus.png) no-repeat center;
	margin: -10px 0px 0px 20px;
}
.musica .siguiente2 {
	cursor: pointer;
	width: 44px !important;
	background: url(images/next_mus.png) no-repeat center;
	margin: -10px 20px 0px 0px;
}
.musica .reload {
	cursor: pointer;
	background: url(images/reiniciar_mus.png) no-repeat center;
	filter: alpha(opacity = 50);
	opacity: .5;
}
.musica .comprobar {
	cursor: pointer;
	background: url(images/comprobar_mus.png) no-repeat center;
	filter: alpha(opacity = 50);
	opacity: .5;
}
.musica .versolucion {
	cursor: pointer;
	background: url(images/ver_sol_mus.png) no-repeat center;
	filter: alpha(opacity = 50);
	opacity: .5;
}
.musica .clave {
	cursor: pointer;
	background: url(images/solucion_mus.png) no-repeat center;
	filter: alpha(opacity = 50);
	opacity: .5;
}
.musica .ayuda {
	cursor: pointer;
	background: url(images/ayuda_mus.png) no-repeat center;
	filter: alpha(opacity = 50);
	opacity: .5;
}
.musica .imprimir {
	cursor: pointer;
	background: url(images/imprimir_mus.png) no-repeat center;
	filter: alpha(opacity = 50);
	opacity: .5;
}
.musica .reiniciar {
	cursor: pointer;
	background: url(images/reiniciar_mus.png) no-repeat center;
	filter: alpha(opacity = 50);
	opacity: .5;
}
.musica .silenciar {
	cursor: pointer;
	background: url(images/on_mus.png) no-repeat center;
	filter: alpha(opacity = 50);
	opacity: .5;
}
.musica .aleatorio {
	cursor: pointer;
	background: url(images/aleatorio_mus.png) no-repeat center;
	filter: alpha(opacity = 50);
	opacity: .5;
}
.musica .rewind {
	cursor: pointer;
	background: url(images/rewind_mus.png) no-repeat center;
	filter: alpha(opacity = 50);
	opacity: .5;
}
.musica .pause {
	cursor: pointer;
	background: url(images/pausa_mus.png) no-repeat center;
	filter: alpha(opacity = 50);
	opacity: .5;
}
.musica .play {
	cursor: pointer;
	background: url(images/play_mus.png) no-repeat center;
	filter: alpha(opacity = 50);
	opacity: .5;
}
.musica .cronometro {
	cursor: pointer;
	background: url(images/crono_mus.png) no-repeat center;
	filter: alpha(opacity = 50);
	opacity: .5;
}
/*Enabled buttons*/
.musica .notdisabled {
	filter: alpha(opacity = 100);
	opacity: 1;
}
.musica .silenciar_on {
	cursor: pointer;
	background: url(images/off_mus.png) no-repeat center;
	filter: alpha(opacity = 100);
	opacity: 1;
}

.musica .button_right {
	margin-right: 15px;
	margin-top: 15px;
	float: right;
	width: 44px;
	height: 43px;
}
.musica .button_left {
	margin-left: 15px;
	margin-top: 15px;
	float: left;
	width: 44px;
	height: 44px;
}
.musica .button_right2 {
	margin-right: 15px;
	margin-top: 15px;
	float: right;
	width: 43px;
	height: 43px;
}
.musica .button_left2 {
	margin-left: 15px;
	margin-top: 15px;
	float: left;
	width: 43px;
	height: 43px;
}
.musica #header {
	position: static;
	left: 275px;
	margin-left: 20px;
	width: auto;
	text-align: left;
	height: auto;
	font-weight: bold;
	padding-top: 0px;
	color: #1B1464;
	font-size: 24px;
}
.musica #header p {
	margin-top: -3px;
}
/*jspscroll*/
.musica .jspTrack {
	background-image: linear-gradient(left , rgb(80,80,80) 0%, rgb(229,229,229) 100%);
	background-image: -o-linear-gradient(left , rgb(80,80,80) 0%, rgb(229,229,229) 100%);
	background-image: -moz-linear-gradient(left , rgb(80,80,80) 0%, rgb(229,229,229) 100%);
	background-image: -webkit-linear-gradient(left , rgb(80,80,80) 0%, rgb(229,229,229) 100%);
	background-image: -ms-linear-gradient(left , rgb(80,80,80) 0%, rgb(229,229,229) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	right bottom,
	color-stop(0, rgb(80,80,80)),
	color-stop(1, rgb(229,229,229))
	);
	border-radius: 8px;
	-ms-border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
.musica .jspDrag {

	margin: 0px 1px;
	width: 20px !important;
	border-radius: 8px;
	-ms-border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	
	background: url(images/mus_vscroll.png) no-repeat center , url(images/mus_vscroll2.png) repeat-y center !important;
}
.musica #intro_text {
	font-size: 16px;
}
.musica #intro_title {
	font-size: 24px;
}
.musica li {
	font-size: 18px;
}
.musica .jspVerticalBar {
	max-height: 200px !important;
	margin-right: 5px;
	width: 20px !important;
}
.musica .jspArrow {
	height: 20px !important;
	width: 20px !important;
}

.musica .pop_up_close {
	background: url(images/x_little.png) no-repeat center !important;
	margin-right: -5px;
	width: 25px;
	height: 25px;
}
.musica .pop_up {
	background: url(images/fondo_pop_mus.png) repeat-x center;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 60px 30px 30px 30px !important;
}
.musica .pop_up_title {
	position: absolute;
	font-size: 22px;
	margin-top: -45px;
	color: #ffffff;
}
.musica .pop_up_content {
	padding: 10px;
	-webkit-box-shadow: inset 4px 4px 9px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: inset 4px 4px 9px rgba(50, 50, 50, 0.75);
	box-shadow: inset 4px 4px 9px rgba(50, 50, 50, 0.75);
	background-color: #F2F0E2;
	color: #000000;
	font-size: 14px;
	line-height: 18px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	position: absolute;
}
.musica #pregunta {
	margin-top: 15px;
	margin-left: -10px;
	font-size: 18px;
}
.musica #limit {
	background-color: white;
	border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: inset 0px 2px 5px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: inset 0px 2px 5px rgba(50, 50, 50, 0.75);
	box-shadow: inset 0px 3px 5px rgba(50, 50, 50, 0.75);
}
.musica #left2 {
	position: absolute;
	left: -20px;
	bottom: -25px;
}
.musica #right2 {
	position: absolute;
	bottom: -25px;
	right: -20px;
}
.musica #center {
	display: none;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: inset 2px 3px 3px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: inset 2px 3px 3px rgba(50, 50, 50, 0.75);
	box-shadow: inset 2px 3px 3px rgba(50, 50, 50, 0.75);
	height: 30px;
	overflow: hidden;
	width: 60px;
	bottom: -10px;
	padding: 8px 4px 0px 4px;
	background-color: #F2F0E2;
	font-size: 20px;
	color: #0071BC;
	text-align: center;
}
.primaria_3er .pop_up_title font {

	color: #ffffff !important;
}
.musica .pop_up_title font {

	color: #ffffff !important;
}

.musica #fondo {
	-webkit-border-radius: 0px;
	-ms-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

/*tablet*/
body.tablet {
	background-color: #FFFFFF;
}
.tablet #visor_content {
	margin-left: 30px;
}
.tablet #intro_title, .tablet #intro_title font, .tablet #intro_title font b {
	font-family: Arial;
	font-size: 16px;
	color: #000000;
	font-weight: bold;
}
.tablet #intro_text {
	font-family: Arial;
	font-size: 14px;
	color: #000000;
	font-weight: normal;
}
.tablet #carcasa {
	padding: 0px;
	margin: 0px;
}
.tablet #pregunta {
	margin: 0px 30px 0px 0px;
	font-family: Arial;
	color: #000000;
	background-color: #f4f4f4;
	font-size: 16px;
	padding-top: 5px;
	padding-left: 0px;
	font-weight: normal;
}
.tablet #respuesta {
	margin-left: 30px;
	padding-bottom: 0px;
	margin-top: 30px;
}
.tablet hr {
	z-index: 0;
	-webkit-margin-before: 0px;
	-webkit-margin-after: 0px;
	width: 100%;
	height: 30px;
	background: url(images/tablet/linea_banda_sup.png) repeat-x top;
	display: block;
	background-size: 1px 50px;
	border-width: 0px;
}
.tablet #header {
	background: #f4f4f4 url(images/tablet/linea_banda_sup.png) no-repeat bottom;
	repeat: repeat-x;
	background-size: 100%;
	position: static;
	left: 0%;
	padding-top: 20px;
	padding-bottom: 5px;
	margin-left: 0px;
	padding-left: 60px;
	width: auto;
	height: auto;
	font-weight: bold;
	font-family: Arial;
	text-align: left;
	font-size: 28px;
	color: #48A9DA;
}
.tablet #visor_content p {
	margin-top: 0px;
}
.tablet #visor {
	width: auto;
	padding: 0px 0px 0px 0px;
}
.tablet #left, .tablet #left2 {
	width: 55%;
	height: 82px;
	position: absolute;
	bottom: -25px;
	left: -20px;
	background-color: #323332;
}
.tablet #right, .tablet #right2 {
	width: 55%;
	position: absolute;
	bottom: -25px;
	right: -20px;
	height: 82px;
	background-color: #323332;
}
.tablet .button_left {
	margin-top: 0px;
	float: left;
	margin-left: 20px;
	width: 57px !important;
	height: 82px !important;
}
.tablet .button_right {
	margin-top: 0px;
	float: right;
	margin-right: 20px;
	width: 57px !important;
	height: 82px !important;
}
.tablet .anterior {
	cursor: pointer;
	background: url(images/tablet/tab_fback.png) no-repeat center;
	filter: alpha(opacity = 50);
	opacity: .5;
}
.tablet .siguiente {
	cursor: pointer;
	background: url(images/tablet/tab_fnext.png) no-repeat center;
	filter: alpha(opacity = 50);
	opacity: .5;
}
.tablet .anterior2 {
	width: 57px !important;
	height: 82px !important;
	cursor: pointer;
	background: url(images/tablet/tab_fback.png) no-repeat center;
}
.tablet .siguiente2 {
	margin-top: 0px;
	margin-right: 30px;
	width: 57px !important;
	height: 82px !important;
	cursor: pointer;
	background: url(images/tablet/tab_fnext.png) no-repeat center;
}
.tablet .comprobar {
	cursor: pointer;
	background: url(images/tablet/tab_check.png) no-repeat center;
	filter: alpha(opacity = 50);
	opacity: .5;
}
.tablet .ayuda {
	cursor: pointer;
	background: url(images/tablet/tab_help.png) no-repeat center;
	filter: alpha(opacity = 50);
	opacity: .5;
}
.tablet .reiniciar {
	cursor: pointer;
	background: url(images/tablet/tab_reload.png) no-repeat center;
	filter: alpha(opacity = 50);
	opacity: .5;
}
.tablet .versolucion {
	cursor: pointer;
	background: url(images/tablet/tab_solution.png) no-repeat center;
	filter: alpha(opacity = 50);
	opacity: .5;
}
.tablet .clave {
	cursor: pointer;
	background: url(images/tablet/tab_key.png) no-repeat center;
	filter: alpha(opacity = 50);
	opacity: .5;
}
.tablet .silenciar {
	cursor: pointer;
	margin-left: 25px;
	background: url(images/tablet/tab_sound.png) no-repeat left;
	filter: alpha(opacity = 100);
	opacity: 1;
}
.tablet .imprimir {
	cursor: pointer;
	background: url(images/tablet/tab_print_t.png) no-repeat center;
	filter: alpha(opacity = 50);
	opacity: .5;
}
.tablet .aleatorio {
	cursor: pointer;
	background: url(images/tablet/tab_aleatorio-1.png) no-repeat center;
	filter: alpha(opacity = 50);
	opacity: .5;
}

.tablet .pause {
	cursor: pointer;
	background: url(images/tablet/tab_pause.png) no-repeat left;
	filter: alpha(opacity = 100);
	opacity: 1;
}
.tablet .play {
	cursor: pointer;
	background: url(images/tablet/tab_play.png) no-repeat center;
	filter: alpha(opacity = 50);
	opacity: .5;
}
.tablet .rewind {
	cursor: pointer;
	background: url(images/tablet/tab_rewind.png) no-repeat center;
	filter: alpha(opacity = 50);
	opacity: .5;
}

.tablet .silenciar_on {
	cursor: pointer;
	margin-left: 25px;
	background: url(images/tablet/tab_sound_off.png) no-repeat left;
	filter: alpha(opacity = 100);
	opacity: 1;
}
.tablet .cronometro {
	cursor: pointer;
	background: url(images/tablet/tab_ter_crono.png) no-repeat center;
	filter: alpha(opacity = 50);
	opacity: .5;
}
/*Botones Activos*/
.tablet .anterior.notdisabled:active, .tablet .anterior.notdisabled.active {
	cursor: pointer;
	background: url(images/tablet/A_tab_fback.png) no-repeat center;
}
.tablet .siguiente.notdisabled:active, .tablet .siguiente.notdisabled.active {
	cursor: pointer;
	background: url(images/tablet/A_tab_fnext.png) no-repeat center;
}
.tablet .anterior2.notdisabled:active, .tablet .anterior2.notdisabled.active {
	cursor: pointer;
	background: url(images/tablet/A_tab_fback.png) no-repeat center;
}
.tablet .siguiente2.notdisabled:active, .tablet .siguiente2.notdisabled.active {
	cursor: pointer;
	background: url(images/tablet/A_tab_fnext.png) no-repeat center;
}
.tablet .comprobar.notdisabled:active, .tablet .comprobar.notdisabled.active {
	cursor: pointer;
	background: url(images/tablet/A_tab_check.png) no-repeat center;
}
.tablet .ayuda.notdisabled:active, .tablet .ayuda.notdisabled.active {
	cursor: pointer;
	background: url(images/tablet/A_tab_help.png) no-repeat center;
}
.tablet .reiniciar.notdisabled:active, .tablet .reiniciar.notdisabled.active {
	cursor: pointer;
	background: url(images/tablet/A_tab_reload.png) no-repeat center;
}
.tablet .versolucion.notdisabled:active, .tablet .versolucion.notdisabled.active {
	cursor: pointer;
	background: url(images/tablet/A_tab_solution.png) no-repeat center;
}
.tablet .clave.notdisabled:active, .tablet .clave.notdisabled.active {
	cursor: pointer;
	background: url(images/tablet/A_tab_key.png) no-repeat center;
}
.tablet .silenciar.notdisabled:active, .tablet .silenciar.notdisabled.active {
	margin-left: 10px;
	cursor: pointer;
	background: url(images/tablet/A_tab_sound.png) no-repeat left;
}
.tablet .imprimir.notdisabled:active, .tablet .imprimir.notdisabled.active {
	cursor: pointer;
	background: url(images/tablet/A_tab_print_t.png) no-repeat center;
}
.tablet .aleatorio.notdisabled:active, .tablet .aleatorio.notdisabled.active {
	cursor: pointer;
	background: url(images/tablet/A_tab_aleatorio-1.png) no-repeat center;
	filter: alpha(opacity = 50);
}

.tablet .pause.notdisabled:active, .tablet .pause.notdisabled.active {
	cursor: pointer;
	background: url(images/tablet/A_tab_pause.png) no-repeat left;
}
.tablet .play.notdisabled:active, .tablet .play.notdisabled.active {
	cursor: pointer;
	background: url(images/tablet/A_tab_play.png) no-repeat center;
}
.tablet .rewind.notdisabled:active, .tablet .rewind.notdisabled.active {
	cursor: pointer;
	background: url(images/tablet/A_tab_rewind.png) no-repeat center;
}

.tablet .silenciar_on.notdisabled:active, .tablet .silenciar_on.notdisabled.active {
	margin-left: 10px;
	cursor: pointer;
	background: url(images/tablet/A_tab_sound_off.png) no-repeat left;
}
.tablet .cronometro.notdisabled:active, .tablet .cronometro.notdisabled.active {
	cursor: pointer;
	background: url(images/tablet/A_tab_ter_crono.png) no-repeat center;
}
/**/
.tablet .notdisabled {
	filter: alpha(opacity = 100);
	opacity: 1;
}
.tablet .silenciar.notdisabled {
	width: 30px;
}
.tablet .selected {
	background: #FBC73B;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}
.tablet .red {
	background-color: #FF0000 !important;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.tablet .green {
	background-color: #39B54A !important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}
.tablet #center {
	background: url(images/tablet/bg_numbers.png) no-repeat center;
	bottom: 0;
	position: absolute;
	width: 104px;
	display: none;
	height: 40px;
	text-align: center;
}
.tablet #center p {
	color: #FFFFFF;
	font-family: Arial;
	font-weight: bold;
	font-size: 28px;
	margin-top: 6px;
}
.tablet .marc {
	color: #969696;
}
.tablet .pop_up_close {
	background: url(images/tablet/tab_x_little.png) no-repeat center !important;
	margin-right: -5px;
	width: 25px;
	height: 25px;
}
.tablet .pop_up {
	border: 3px solid #323333;
	background: url(images/tablet/tab_topbarmodalwindow.png) repeat-x;
	background-color: #FFFFFF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 60px 30px 30px 30px !important;
}
.tablet .jspCap {
	height: 20px;
	display: block;
}
.tablet .pop_up_title {
	position: absolute;
	margin-top: -45px;
}
.tablet .jspTrack {
	background-color: transparent;
}
.tablet .jspDrag {
	width: 15px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: #535353 url(images/tablet/tab_vscroll.png) no-repeat center !important;
}
.tablet .pop_up_title font {

	color: #ffffff !important;
}