@font-face {
	font-family: 'Santillana';
	src: url('fonts/SantillanaNegraPlain.otf') format("opentype");
}

@font-face {
	font-family: 'Escolar';
	src: url('fonts/escolar2negra-webfont.ttf') format('truetype'),
		 url('fonts/escolar2negra-webfont.eot?#iefix') format('embedded-opentype');
}

* {
	cursor: default;
	outline: none;
	-webkit-user-drag: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

i {
	font-family: Verdana, Geneva, sans-serif;
	color: #333333;
	font-size: 24px;
	font-weight: normal;
	font-style: normal;
	padding: 10px 0 0 5px;
}

p {
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
}

html {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

body {
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
}

	body > div#tooltip {
		position: absolute;
		display: none;
		background-color: darkgrey;
		color: white;
		font-size: 12pt;
		font-family: Verdana;
		padding: 5px;
		z-index: 5000;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-ms-border-radius: 10px;
		-webkit-border-radius: 10px;
	}

	body > div#limit {
		overflow: hidden;
		/*box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);*/
		border-radius: 18px 18px 0 0;
		border: 1px solid #C8C6C6;
		margin: 0 auto;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		width: 50%;
		height: 30%;
		margin: auto;
		padding: 0;
	}

		body > div#limit > div#carcasa {
			padding: 20px 20px 25px 20px;
			margin: auto;
			border-radius: 18px 18px 0 0;
			padding: 0px;
			margin: 0px;
		}

			body > div#limit > div#carcasa > div#fondo {
				background-color: #FFFFFF;
				overflow: hidden;
				position: absolute;
				z-index: 1;
				border-radius: 15px 15px 0 0;
			}

			body > div#limit > div#carcasa > div#content {
				position: relative;
				margin: auto;
				z-index: 2;
				border-radius: 15px 15px 0 0;
			}

				body > div#limit > div#carcasa > div#content .sprite {
					display: inline-block;
					vertical-align: middle;
				}

				body > div#limit > div#carcasa > div#content .sprite.background {
					background: url("../img/buttons/sprite.png") no-repeat scroll left top transparent;
					height: 26px;
					width: 26px;
				}

				@media only screen and (-webkit-min-device-pixel-ratio: 2) {
					body > div#limit > div#carcasa > div#content .sprite.background {
						background: url("../img/buttons/sprite@2x.png") no-repeat scroll left top transparent;
						background-size: 142px 900px;
					}
				}

				body > div#limit > div#carcasa > div#content > div#header {
					background-color: #FFFFFF;
					border-radius: 18px 18px 0 0;
					repeat: repeat-x;
					background-size: 100%;
					position: static;
					left: 0%;
					height: 70px;
					font-weight: bold;
					font-size: 25px;
					border-bottom: 1px solid lightgrey;
				}

					body > div#limit > div#carcasa > div#content > div#header > div#titular {
						background-color: #C8C6C6;
						width: 50px;
						height: 50px;
						text-align: center;
						font-weight: bold;
						font-size: 25px;
						color: red;
						float: left;
						margin: -40px 0px 0px -64px;
						border-radius: 18px 18px 0 18px;
					}

						body > div#limit > div#carcasa > div#content > div#header > div#titular > div#nb {
							width: 65px;
							height: 65px;
							text-align: center;
							font-size: 30px;
							color: white;
							margin: 7px 0 0 -7px;
							font-weight: normal;
						}

					body.asignatura_1 > div#limit > div#carcasa > div#content > div#header > div#titular.bgasignatura_100,
					body.asignatura_1 .jspDrag {
						background-color: #E30045 !important;
					}

					body.asignatura_1 > div#limit > div#carcasa > div#content > div#header > div#titular.bgasignatura_50 {
						background-color: #F17FA2 !important;
					}

					body.asignatura_1 > div#limit > div#carcasa > div#content > div#header > div#titular.bgasignatura_30 {
						background-color: #F7B2C7 !important;
					}

					body.asignatura_1 > div#limit > div#carcasa > div#content > div#header > div#titular.bgasignatura_15 {
						background-color: #FBD9E4 !important;
					}

					body > div#limit > div#carcasa > div#content > div#header > p {
						font-family: Verdana, Geneva, sans-serif;
						color: #333333;
						margin-top: 0px;
						margin-bottom: 0px;
						font-size: 24px;
						font-weight: normal;
						font-style: normal;
						padding: 10px 0px 0px 0px;
					}

					body > div#limit > div#carcasa > div#content > div#header > div.logo {
						position: absolute;
						background-position: -2px -743px !important;
						width: 140px !important;
						height: 35px !important;
						top: 15px;
						right: 11px;
					}

					body > div#limit > div#carcasa > div#content > div#header > div#title {
						position: relative;
						top: 19px;
						left: 25px;
						font-family: Verdana;
						font-weight: normal;
						font-size: 26px;
					}

				body > div#limit > div#carcasa > div#content > div#visor {
					position: relative;
					height: 515px;
					width: 1022px !important;
					left: 0px;
					border: none;
					overflow: hidden;
				}

					div#carcasa > div#content > div#visor > div.stars {
								transition: all 1.5s linear 0s;
						-webkit-transition: all 1.5s linear 0s;
					}

					body > div#limit > div#carcasa > div#content > div#visor > div#pregunta {
						margin: 15px 0 15px 30px;
						font-size: 15px;
						font-weight: normal;
					}

					body > div#limit > div#carcasa > div#content > div#visor > div#pregunta, hr {
						font-family: Verdana, Geneva, sans-serif;
						color: #333333;
						margin-top: 0px;
						margin-bottom: 0px;
						font-size: 24px;
						font-weight: normal;
						font-style: normal;
						padding: 10px 0px 0px 0px;
					}

						body > div#limit > div#carcasa > div#content > div#visor > div#pregunta b {
							color: #000000;
						}

				body > div#limit > div#carcasa > div#content > div#bottombar {
					position: relative;
					top: 0px;
					width: 100%;
					background-color: #FFFFFF;
					background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #E0E0E0 50%, #D8D7D7 75%, #D8D7D7 100%);
					background-image:	 -moz-linear-gradient(top, #FFFFFF 0%, #E0E0E0 50%, #D8D7D7 75%, #D8D7D7 100%);
					background-image:	  -ms-linear-gradient(top, #FFFFFF 0%, #E0E0E0 50%, #D8D7D7 75%, #D8D7D7 100%);
					background-image:	   -o-linear-gradient(top, #FFFFFF 0%, #E0E0E0 50%, #D8D7D7 75%, #D8D7D7 100%);
					background-image:		  linear-gradient(top, #FFFFFF 0%, #E0E0E0 50%, #D8D7D7 75%, #D8D7D7 100%);
					background-image:		 -webkit-gradient(
												top,
												color-stop(0, rgb(255,255,255)),
												color-stop(0.5, rgb(224,224,224)),
												color-stop(0.75, rgb(216,215,215)),
												color-stop(1, rgb(216,215,215))
											);
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#D8D7D7',GradientType=0 ); /* IE6-9 */
					height: 39px;
					border: none;
					border-top: 1px solid #C8C6C6;
					margin: 0 auto;
					z-index: 100;
				}

					body > div#limit > div#carcasa > div#content > div#bottombar .siguiente2 {
						background-position: -2px -848px !important;
					}

					body > div#limit > div#carcasa > div#content > div#bottombar .anterior {
						background-position: -8px -158px !important;
					}

					body > div#limit > div#carcasa > div#content > div#bottombar .siguiente {
						background-position: -5px -119px !important;
					}

					body > div#limit > div#carcasa > div#content > div#bottombar .comprobar {
						background-position: -2px -548px !important;
					}

					body > div#limit > div#carcasa > div#content > div#bottombar .ayuda {
						background-position: -2px -587px !important;
					}

					body > div#limit > div#carcasa > div#content > div#bottombar .capas {
						background-position: -2px -353px !important;
					}

					body > div#limit > div#carcasa > div#content > div#bottombar .informacion {
						background-position: -2px -353px !important;
					}

					body > div#limit > div#carcasa > div#content > div#bottombar .resetZoom {
						background-position: -2px -353px !important;
					}

					body > div#limit > div#carcasa > div#content > div#bottombar .zoomIn {
						background-position: -2px -393px !important;
					}

					body > div#limit > div#carcasa > div#content > div#bottombar .zoomOut {
						background-position: -2px -353px !important;
					}

					body > div#limit > div#carcasa > div#content > div#bottombar .reiniciar {
						background-position: -4px -663px !important;
						opacity: 1 !important;
					}

					body > div#limit > div#carcasa > div#content > div#bottombar .back {
						background-position: -4px -627px !important;
						opacity: 1 !important;
					}

					body > div#limit > div#carcasa > div#content > div#bottombar .orden {
						border-left: 1px solid #C8C6C6;
						background-position: -2px -704px !important;
						opacity: 1 !important;
					}

					body > div#limit > div#carcasa > div#content > div#bottombar .versolucion {
						background-position: -2px -509px !important;
					}

					body > div#limit > div#carcasa > div#content > div#bottombar .clave {
						background-position: -2px -809px !important;
					}

					body > div#limit > div#carcasa > div#content > div#bottombar .silenciar {
						background-position: -2px -275px !important;
					}

					body > div#limit > div#carcasa > div#content > div#bottombar .silenciar_on {
						background-position: -2px -314px !important;
					}

					body > div#limit > div#carcasa > div#content > div#bottombar .imprimir {
						background-position: -2px -626px !important;
					}

					body > div#limit > div#carcasa > div#content > div#bottombar .aleatorio {
					}

					body > div#limit > div#carcasa > div#content > div#bottombar .pause {
						background-position: -2px -80px !important;
					}

					body > div#limit > div#carcasa > div#content > div#bottombar .play {
						background-position: -2px -2px !important;
					}

					body > div#limit > div#carcasa > div#content > div#bottombar .play:active {
						background-position: -71px -2px !important;
					}

					body > div#limit > div#carcasa > div#content > div#bottombar .rewind {
						background-position: -2px -236px !important;
					}

					body > div#limit > div#carcasa > div#content > div#bottombar .forward {
						background-position: -2px -198px !important;
					}

					body > div#limit > div#carcasa > div#content > div#bottombar .cronometro {
					}

					body > div#limit > div#carcasa > div#content > div#bottombar .disabled {
						opacity: 0.3 !important;
						pointer-events: none;
						background-color: #d8d7d7;
						box-shadow: 0 0 12px 10 #858585 inset;
					}

					/* BOTONES ACTIVOS */
					body > div#limit > div#carcasa > div#content > div#bottombar .notdisabled {
						filter: alpha(opacity = 100);
						cursor: pointer;
						opacity: 1;
					}

					body > div#limit > div#carcasa > div#content > div#bottombar .notdisabled:active {
						background-color: #d8d7d7;
						box-shadow: 0 0 12px 0 #858585 inset;
					}

					body > div#limit > div#carcasa > div#content > div#bottombar .orden.notdisabled:active, body > div#limit > div#carcasa > div#content > div#bottombar .orden.notdisabled.active {
						background-position: -71px -704px !important;
					}

					body > div#limit > div#carcasa > div#content > div#bottombar .siguiente2.notdisabled:active, body > div#limit > div#carcasa > div#content > div#bottombar .siguiente2.notdisabled.active {
						background-position: -71px -848px !important;
					}

					body > div#limit > div#carcasa > div#content > div#bottombar .anterior.notdisabled:active, body > div#limit > div#carcasa > div#content > div#bottombar .anterior.notdisabled.active {
						background-position: -71px -158px !important;
					}

					body > div#limit > div#carcasa > div#content > div#bottombar .siguiente.notdisabled:active, body > div#limit > div#carcasa > div#content > div#bottombar .siguiente.notdisabled.active {
						background-position: -71px -119px !important;
					}

					body > div#limit > div#carcasa > div#content > div#bottombar .comprobar.notdisabled:active, body > div#limit > div#carcasa > div#content > div#bottombar .comprobar.notdisabled.active {
						background-position: -71px -548px !important;
					}

					body > div#limit > div#carcasa > div#content > div#bottombar .ayuda.notdisabled:active, body > div#limit > div#carcasa > div#content > div#bottombar .ayuda.notdisabled.active {
						background-position: -71px -587px !important;
					}

					body > div#limit > div#carcasa > div#content > div#bottombar .reiniciar.notdisabled:active, body > div#limit > div#carcasa > div#content > div#bottombar .reiniciar.notdisabled.active {
						background-position: -71px -665px !important;
					}

					body > div#limit > div#carcasa > div#content > div#bottombar .versolucion.notdisabled:active, body > div#limit > div#carcasa > div#content > div#bottombar .versolucion.notdisabled.active {
						background-position: -71px -509px !important;
					}

					body > div#limit > div#carcasa > div#content > div#bottombar .clave.notdisabled:active, body > div#limit > div#carcasa > div#content > div#bottombar .clave.notdisabled.active {
						background-position: -71px -809px !important;
					}

					body > div#limit > div#carcasa > div#content > div#bottombar .silenciar.notdisabled:active, body > div#limit > div#carcasa > div#content > div#bottombar .silenciar.notdisabled.active {
						background-position: -71px -275px !important;
					}

					body > div#limit > div#carcasa > div#content > div#bottombar .imprimir.notdisabled:active, body > div#limit > div#carcasa > div#content > div#bottombar .imprimir.notdisabled.active {
						background-position: -71px -626px !important;
					}

					body > div#limit > div#carcasa > div#content > div#bottombar .aleatorio.notdisabled:active, body > div#limit > div#carcasa > div#content > div#bottombar .aleatorio.notdisabled.active {
						background-position: -71px -236px !important;
					}

					body > div#limit > div#carcasa > div#content > div#bottombar .pause.notdisabled:active, body > div#limit > div#carcasa > div#content > div#bottombar .pause.notdisabled.active {
						background-position: -71px -80px !important;
					}

					body > div#limit > div#carcasa > div#content > div#bottombar .play.notdisabled:active, body > div#limit > div#carcasa > div#content > div#bottombar .play.notdisabled.active {
						background-position: -71px -2px !important;
					}

					body > div#limit > div#carcasa > div#content > div#bottombar .rewind.notdisabled:active, body > div#limit > div#carcasa > div#content > div#bottombar .rewind.notdisabled.active {
						background-position: -71px -158px !important;
					}

					body > div#limit > div#carcasa > div#content > div#bottombar .silenciar_on.notdisabled:active, body > div#limit > div#carcasa > div#content > div#bottombar .silenciar_on.notdisabled.active {
						background-position: -71px -314px !important;
					}

					body > div#limit > div#carcasa > div#content > div#bottombar .cronometro.notdisabled:active, body > div#limit > div#carcasa > div#content > div#bottombar .cronometro.notdisabled.active {
						background-position: -71px -236px !important;
					}

					body > div#limit > div#carcasa > div#content > div#bottombar .rewind.notdisabled:active, body > div#limit > div#carcasa > div#content > div#bottombar .rewind.notdisabled.active {
						background-position: -71px -236px !important;
					}

					body > div#limit > div#carcasa > div#content > div#bottombar .forward.notdisabled:active, body > div#limit > div#carcasa > div#content > div#bottombar .forward.notdisabled.active {
						background-position: -71px -198px !important;
					}

					body > div#limit > div#carcasa > div#content > div#bottombar > div#left {
						float: left;
						width: 44.7%;
						margin: 1px 0 0 0;
					}

						body > div#limit > div#carcasa > div#content > div#bottombar > div#left > .button_left {
							margin-top: 0px;
							float: right;
							width: 67px !important;
							height: 37px !important;
							/*border-left: 1px solid white;*/
							border-right: 1px solid #C8C6C6;
							filter: alpha(opacity = 50);
							opacity: .5;
						}

					body > div#limit > div#carcasa > div#content > div#bottombar > div#right {
						position: absolute;
						width: 48.7%;
						margin: 1px -1px 0 0;
					}

						body > div#limit > div#carcasa > div#content > div#bottombar > div#right > .button_right {
							margin-top: 0px;
							float: left;
							width: 67px !important;
							height: 37px !important;
							border-left: 1px solid white;
							border-right: 1px solid #C8C6C6;
							filter: alpha(opacity = 50);
							opacity: .3;
						}

					body > div#limit > div#carcasa > div#content > div#bottombar > div#center {
						z-index: 9000;
						max-width: 100px;
						float: left;
					}

						body > div#limit > div#carcasa > div#content > div#bottombar > div#center > .marc {
							color: #FFFFFF;
						}

						body > div#limit > div#carcasa > div#content > div#bottombar > div#center p {
							color: #FFFFFF;
							font-weight: bold;
							font-size: 24px;
							text-align: center;
							min-width: 68px !important;
							max-width: 100px;
							height: 33px !important;
							background-color: #D8D7D7;
							box-shadow: 0 0 12px 0 #858585 inset;
							margin: 0;
							padding: 6px 0 0 0;
						}

	body.tabletconv > div#limit {
		border-radius: 0px;
	}

		body.tabletconv > div#limit > div#carcasa {
			margin: auto;
			border-radius: 0px;
		}

			body.tabletconv > div#limit > div#carcasa > div#fondo {
				border-radius: 0px;
			}

			body.tabletconv > div#limit > div#carcasa > div#content {
				border-radius: 0px;
			}

				body.tabletconv > div#limit > div#carcasa > div#content > div#header {
					border-radius: 0px;
				}

					body.tabletconv > div#limit > div#carcasa > div#content > div#header > div.cerrar {
						background-position: -24px -782px !important;
						width: 24px !important;
						height: 24px !important;
						margin-top: -47px;
						right: 30px;
						position: absolute;
						cursor: pointer;
					}

				body.positionbar > div#limit > div#carcasa > div#content > div#bottombar {
					top: -516px;
					right: 0px;
					width: 67px;
					height: 528px;
					margin-right: 0px;
					margin-top: 0px;
					border-left: 1px solid #C8C6C6;
					z-index: 1;
				}

					body.positionbar > div#limit > div#carcasa > div#content > div#bottombar .sprite.background {
						height: 40px !important;
						width: 67px !important;
					}


					body.positionbar > div#limit > div#carcasa > div#content > div#bottombar > div#left {
						float: none;
						width: 53px;
						margin: 0px 0px 0px 14px;
					}

						body.positionbar > div#limit > div#carcasa > div#content > div#bottombar > div#left > .button_left {
							border-top: 1px solid white;
							border-bottom: 1px solid #C8C6C6;
							border-left: none;
							border-right: none;
						}

					body.positionbar > div#limit > div#carcasa > div#content > div#bottombar > div#right {
						float: none;
						width: 53px;
						margin: 0;
					}

						body.positionbar > div#limit > div#carcasa > div#content > div#bottombar > div#right > .button_right {
							border-top: 1px solid white;
							border-bottom: 1px solid #C8C6C6;
							border-left: none;
							border-right: none;
						}

					body.positionbar > div#limit > div#carcasa > div#content > div#bottombar > div#center {
						z-index: 9000;
						position: absolute;
						margin: 0 auto;
						height: 45px;
						bottom: 0px;
						right: 0px;
						max-width: 100px;
						width: auto;
					}

						body.positionbar > div#limit > div#carcasa > div#content > div#bottombar > div#center p {
						}

div#content div.pop_up {
	z-index: 9999;
	opacity: 0;
	display: none;
	position: absolute;
	margin: 10px;
	border: 1px solid #C8C6C6;
	background-color: #d8d7d7;
	padding: 40px 0px 0px 0px !important;
	box-shadow: 3px 3px 0 rgba(230, 230, 230, 0.75);
	position: absolute;
	width: 50% !important;
	height: 55%;
	margin: auto !important;
			transition: opacity 1s linear 0s;
	-webkit-transition: opacity 1s linear 0s;
}

	div#content div.pop_up > .pop_up_close {
		background-position: -46px -783px !important;
		width: 24px !important;
		height: 24px !important;
		margin: -32px 0 0 480px;
		position: absolute;
		cursor: pointer;
	}

	div#content div.pop_up > .pop_up_content {
		height: 100% !important;
		overflow: hidden;
		background-color: #FFFFFF;
		width: 100% !important;
		padding: 15px 0px 15px 20px;
	}

		div#content div.pop_up > .pop_up_content p {
			font-weight: normal;
			color: #000000;
			line-height: 20px;
			margin-right: 30px;
		}


div#visor div#enunciado {
	position: absolute;
	top: 5px;
	left: 20px;
	border: 3px solid #F25A65;
			border-radius: 10px;
	   -moz-border-radius: 10px;
		-ms-border-radius: 10px;
	-webkit-border-radius: 10px;
	min-height: 60px;
	-webkit-box-shadow: 0px 0px 50px 0px rgba(50, 50, 50, 0.1);
	   -moz-box-shadow: 0px 0px 50px 0px rgba(50, 50, 50, 0.1);
			box-shadow: 0px 0px 50px 0px rgba(50, 50, 50, 0.1);
	transition: opacity 0.5s;
	background-color: #FFFFFF;
	z-index: 999;
}

	div#visor div#enunciado > div {
		position: relative;
		margin-top: 7px;
		margin-left: 20px;
		margin-right: 20px;
		font-size: 35px;
		font-weight: normal;
		font-family: Escolar;
		color: #0057A0;
		opacity: 1;
	}


div#visor div#enunciado.hidden {
	opacity: 0;
	visibility:hidden;
}