@charset "utf-8";
/* CSS Oxford Press - Tema gris claro */

/* Valores por defecto del tema gris claro - se pueden cambiar en runtime con JS y estilos de comun.css */
body, html{font-family: Verdana, sans-serif; font-size: 12px; color: #000; line-height: 1.25em; text-align: justify; background: #FFF;}
p{margin: 0.6em 0 1em 0;}

/********************************* Bloques constitutivos ****************************/
/* Cabecera */
.cabecera .nav-1{background: #f5f5f5 url(../temas/gris_claro/bg_nav_1.gif) repeat-x left bottom;}

/* Contenido del libro */
.contenido-central .col-central .contenido{border: solid 1px #d8d8d8;}

/* Camino de migas */
.contenido-central .col-central .nav-3{background: #f8f8f8; }

/* Navegación inferior */
.contenido-central .col-central .nav-4{background: #f3f3f3;}

/********************************* Menú desplegable ****************************/
.menu-desplegable li a{color: #6b6b6b; text-decoration: none; }
.menu-desplegable li a:hover, .menu-desplegable li a strong{color: #000;}

.menu-desplegable ul{list-style-type:none; margin:0; padding:0; position:relative; z-index:500;}
.menu-desplegable ul li.top {display:block; float:left; margin-right:3px; margin:0 0 0 5px; border-right: solid 1px #f8f8f8; border-left: solid 1px #f8f8f8; }
.menu-desplegable.migas ul li.top {margin: 0;}
.menu-desplegable ul li:hover.top {border-right: solid 1px #FFF; border-left: solid 1px #FFF;}
.menu-desplegable.migas ul li.top {margin-right: 0;}
.menu-desplegable ul li.top span.drop-flecha { width: 14px; background: url(../temas/gris_claro/bt_desplegar.png) no-repeat left center; float: left; margin-right: 2px; display: block; padding: 0;}

.menu-desplegable ul li a.top_link {display:block; float:left; color:#767676; text-decoration:none; text-align:center; cursor:pointer; padding: 0.6em 0.2em 0.6em 0.2em; border-left: solid 1px #f8f8f8; border-right: solid 1px #f8f8f8;}
.menu-desplegable.migas ul li a.top_link { margin:0;  padding: 0.6em 0.2em 0.6em 0.2em;}
.menu-desplegable ul li a.top_link span, .menu-desplegable ul li a.top_link span.down {float:left; display:block; font-weight: normal;}
.menu-desplegable ul li a.top_link:hover {color:#181818;}

.menu-desplegable ul li a.top_link:hover span, .menu-desplegable ul li a.top_link:hover span.down{background: #b5bdc0;}
.menu-desplegable ul li:hover > a.top_link {color:#181818; background: url(../temas/gris_claro/bg_toplink_hover.gif) repeat-x left top;  border-left: solid 1px #d2d2d2; border-right: solid 1px #d2d2d2;}
.menu-desplegable ul li:hover > a.top_link.portada {border-left: solid 1px #f8f8f8;}

.menu-desplegable ul li:hover > a.top_link span.drop-flecha{background: #f3f3f3 url(../temas/gris_claro/bt_replegar.png) no-repeat right center;}
.menu-desplegable ul li:hover > a.top_link span, .menu-desplegable ul li:hover > a.top_link span.down {background: url(images/bm_bt_type1_right.gif) no-repeat right -17px;}
.menu-desplegable ul li:hover{position:relative; z-index:10000;}
.menu-desplegable ul ul, .menu-desplegable ul li:hover ul ul, .menu-desplegable ul li:hover ul li:hover ul ul, .menu-desplegable ul li:hover ul li:hover ul li:hover ul ul,.menu-desplegable ul li:hover ul li:hover ul li:hover ul li:hover ul ul {height:0;
left:-9999px; list-style-type:none; margin:0; padding:0; position:absolute; top:-9999px; width:0;}
.menu-desplegable ul li:hover ul.sub {background:#f7f7f7; border-right: solid 1px #d2d2d2; border-left: solid 1px #d2d2d2; border-bottom: solid 1px #d2d2d2; height:auto; left: 0px; padding:3px; top: 2.5em;  width:230px; z-index:10000; -moz-box-shadow: 4px 4px 5px #909090; -webkit-box-shadow: 4px 4px 5px #909090; box-shadow: 4px 4px 5px #909090;}
.menu-desplegable.migas ul li:hover ul.sub {left: 0;}
.menu-desplegable ul li:hover ul.sub.derecha { right: 0px; left: auto}

.menu-desplegable ul li:hover ul.sub li {display:block; font-weight:normal; position:relative; width:auto; border-bottom: solid 1px #d2d2d2; border-top: solid 1px #FFF;}
.menu-desplegable ul li:hover ul.sub li.primero {border-top-width: 0;}
.menu-desplegable ul li:hover ul.sub li.ultimo {border-bottom-width: 0;}
.menu-desplegable ul li:hover ul.sub li a {color:#4c4c4c; display:block; text-decoration:none; width:auto; padding: 0.5em 0.5em 0.5em 0.7em; text-align: left }
.menu-desplegable ul li ul.sub li a.fly {background: url(../temas/gris_claro/menu_flecha_lateral.gif) no-repeat left center; width: auto; }
.menu-desplegable ul li:hover ul.sub li a:hover {background: url(../temas/gris_claro/bg_toplink_hover.gif) repeat-x 0 0; font-weight: bold; color: #000;}
.menu-desplegable ul li:hover ul.sub li a.fly:hover {background:#f8f8f8 url(images/bm_dropdown_arrow_right.gif) no-repeat right top; color:#000;}
.menu-desplegable ul li:hover ul li:hover > a.fly {background:#f8f8f8 url(images/bm_dropdown_arrow_right.gif) no-repeat right top; color:#000; font-weight: bold;}
.menu-desplegable ul li:hover ul li:hover ul, .menu-desplegable ul li:hover ul li:hover ul li:hover ul, .menu-desplegable ul li:hover ul li:hover ul li:hover ul li:hover ul, .menu-desplegable ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul {
background:#f3f3f3 none repeat scroll 0 0; border:1px solid #d2d2d2; height:auto; left: -230px; padding:3px; top: 0;  width: 230px; z-index:10000; -moz-box-shadow: 3px 3px 5px #909090; -webkit-box-shadow: 3px 3px 5px #909090; box-shadow: 3px 3px 5px #909090;}

.config-box{padding: 5px; text-align: left}
.config-box fieldset{border: solid 1px #CCC;}
.config-box .color-box{float: left; margin: 2px; cursor: pointer}

/* Camino de migas y Accesibilidad */
.contenido-central .col-central .accesibility-bar a{background: url(../temas/gris_claro/bt_accesibilidad.gif) no-repeat;}

/********************************* Títulos ****************************/
h1{font-size: 2.1em; font-weight: normal; padding: 0; margin: 0.5em 0 1.5em 0;}
h2{font-size: 1.5em; font-weight: normal; padding: 0 0 0.3em 0; margin: 2em 0 1em 0; border-bottom: solid 1px #bdbdbd}
h3{font-size: 1.2em; padding: 0; margin: 1em 0 0 0;}
h3.none{margin: 0;}
h4{font-size: 1em; padding: 0; margin: 0;}

/********************************* Enlaces ****************************/
a.enlace-tooltip {color: #074fa7; border-bottom: dotted 2px #074fa7; text-decoration: none}
a.enlace-tooltip:hover{color: #000; border-bottom: dotted 2px #000; text-decoration: none; }
a.enlace-tooltip.sin-borde{border: none}

a.enlace-subir{color: #074fa7; clear: both; width: 70px; margin: auto; display: block; text-decoration: none }
a.enlace-subir .flecha-arriba{width: 14px; background: url(../temas/gris_claro/bt_subir.png) no-repeat left center; display: block; float: left; margin-right: 5px; padding: 0.3em 0; }
a.enlace-subir span{cursor: pointer}
a.enlace-subir .flecha-arriba strong{visibility: hidden;}

a:hover.enlace-subir .flecha-arriba{background: url(../temas/gris_claro/bt_subir.png) no-repeat right center;}

a.enlace-subir .txt{padding: 0.3em 0; float: left }

a.enlace-subir:hover{color: #000;}

/********************************* Actividades ****************************/
.listado-preguntas li {margin: 1em 0;}
.listado-preguntas li span.numero{background: #d8d8d8; color: #FFF; padding: 0.3em 0.5em; float: left; margin-right: 0.5em;}
.listado-preguntas .label{cursor: pointer; color: #000;}
.listado-preguntas .label.hide{color: #FFF}

/********************************* Módulos laterales ****************************/
.modulo-lateral{border: solid 1px #d8d8d8;}
.modulo-lateral .top1{background: #F8F8F8 url(../temas/gris_claro/bg_top_1.gif) repeat-x left bottom; border-top: solid 1px #fff; cursor: pointer; color: #838383;}
.modulo-lateral .top1:hover{background: #efefef url(../temas/gris_claro/bg_top_1_hover.gif) repeat-x left bottom; color: #000;}
.modulo-lateral .contenido{border-top: solid 1px #bebebe;}
.modulo-lateral .top1 .icono{width: 33px; height: 33px; background: url(../temas/gris_claro/iconos_laterales.png) no-repeat;}
.modulo-lateral .top1 a.boton{background: url(../temas/gris_claro/bt_desplegar_replegar.png) no-repeat left top;}
.modulo-lateral .top1 a:hover.boton{background: url(../temas/gris_claro/bt_desplegar_replegar.png) no-repeat left bottom;}
.modulo-lateral .top1 a.boton.mostrando{background: url(../temas/gris_claro/bt_desplegar_replegar.png) no-repeat right top;}
.modulo-lateral .top1 a:hover.boton.mostrando{background: url(../temas/gris_claro/bt_desplegar_replegar.png) no-repeat right bottom;}


.modulo-lateral-preview{border: solid 1px #d8d8d8; -moz-box-shadow: 3px 3px 5px #909090; -webkit-box-shadow: 3px 3px 5px #909090; box-shadow: 3px 3px 5px #909090;}
.modulo-lateral-preview .top1{background: #F8F8F8 url(../temas/gris_claro/bg_top_1.gif) repeat-x left bottom; border-top: solid 1px #fff; cursor: pointer; color: #838383;}
.modulo-lateral-preview .contenido{background: #FFF; border-top: solid 1px #bebebe;}

/********************************* Módulo de visualización de imágenes (quickview) ****************************/
.quickview{max-width: 680px; margin: 2.5em auto; border: solid 1px #d8d8d8;}
.quickview .nav{background: #ededed; color: #363636;}
.quickview .nav a{background: url(../temas/gris_claro/bt_quickview.png) no-repeat;}

/********************************* Ventana Flotante ****************************/
.ventana-flotante{background:  #FFF; border: solid 1px #bdbdbd;}
.ventana-flotante img{border: solid 5px #FFF;}
/* UI Dialog */
.ui-dialog{
    background: #FFFFFF;
    border: 1px solid #BDBDBD;
}
.ui-icon-gripsmall-diagonal-se{
	cursor: se-resize;
    background: #fff url(../temas/gris_claro/manejador_resize.gif) no-repeat 100% 100%;
    bottom: 0;
    height: 15px;
    position: absolute;
    right: 0;
    width: 15px;
}

.window_panel {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
	z-index: 2000;
	background: #eee;
	color: #222;
	font-family: Arial;
	font-size: 16px;
	text-decoration: none;
	clear: both;
	text-align: left;
	vertical-align: top;
	border: 1px solid #aaa;
	overflow: hidden;
}

.window_panel .window_header {
	margin: 0;
	padding: 0;
	border: 0;
	border-bottom: 1px solid #aaa;
	overflow: hidden;
	white-space: nowrap;
}

.window_panel .window_header_normal {
	/*background: url('../img/header_bg.gif') repeat-x;*/  /* change to use jquery-ui theme instead */
	height: 20px;
	line-height: 20px;
	padding: 2px 5px;
	text-align: left;
	cursor: move;
}

.window_panel .window_header_minimize {
	/*background: #CFF4F4;*/ /* change to use jquery-ui theme instead */
	cursor: pointer;
	width: 100%;
	height: 100%;
	padding: 2px 5px;
	line-height: 20px;
	text-align: left;
}

.window_panel .window_header_minimize_vertical {
	padding: 7px 0px;
	line-height: 13px;
	text-align: center;
}

.window_panel .window_header_maximize {
	/*background: url('../img/header_bg.gif') repeat-x;*/  /* change to use jquery-ui theme instead */
	height: 20px;
	line-height: 20px;
	padding: 2px 5px;
	text-align: left;
	cursor: default;
}

.window_panel .window_frame {
	margin: 0;
	padding: 0;
	border: 0;
	text-align:center;
}

.window_panel .window_footer {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 0;
	padding: 0;
	border: 0;
	border-top: 1px solid #aaa;
	overflow: hidden;
	font-size: 12px;
}

.window_panel .window_footer div {
	padding: 5px;
	background: #FFF;
}

.window_panel .window_header .window_title_text {
	font-weight: bold;
	font-size: 13px;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

.window_panel .window_header .window_function_bar {
	height: 23px;
	width: 72px;
	position: absolute;
	right: 0;
	top: 0;
	padding-top: 3px;
	overflow: hidden;
	white-space: nowrap;
}

.window_panel .window_header .window_icon_button {
	width: 16px;
	height: 16px;
	z-index: 3200;
	cursor: pointer;
	float: right;
	margin-right: 4px;
	margin-top: 2px;
}

.window_panel .window_header .bookmarkImg {
	background: url(../temas/window-engine/buttons.gif) no-repeat;
	background-position: 0;
	top: 4px;
}

.window_panel .window_header .minimizeImg {
	background: url(../temas/window-engine/buttons.gif) no-repeat;
	background-position: -16px;
	top: 4px;
}

.window_panel .window_header .cascadeImg {
	background: url(../temas/window-engine/buttons.gif) no-repeat;
	background-position: -32px;
	top: 4px;
}

.window_panel .window_header .maximizeImg {
	background: url(../temas/window-engine/buttons.gif) no-repeat;
	background-position: -48px;
	top: 4px;
}

.window_panel .window_header .closeImg {
	background: url(../temas/window-engine/buttons.gif) no-repeat;
	background-position: -64px;
	top: 4px;
}

.window_panel .frame_loading {
	background: url(../temas/gris_claro/ajax-loader.gif) no-repeat;
	width: 16px;
	height: 16px;
	position: absolute;
	left: 50%;
	top: 50%;
	font-size: 14px;
	font-weight: bold;
	color: #777;
	padding-left: 20px;
	text-align: left;
	text-decoration: none;
	clear: both;
	cursor: crosshair;
}

#window_overlay {
	opacity: 0;
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
}




/********************************* Formularios ****************************/
form .inputtext{padding: 0.3em; text-align: right; color: #333; font-style: italic; font-size: 1em; width: 220px; border: solid 1px #b5bdc0;}
.boton-gris{}
.boton-gris a{ display: block; float: right; padding: 0.3em 0.5em; text-align: center; color: #515151; font-size: 0.9em; border-width: 0; text-decoration: none; margin: 0.3em 0; background: #e6e6e6; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; cursor: pointer; border: solid 2px #FFF;}
.boton-gris a:hover{color: #FFF; background: #adadad;}

/********************************* Tooltip ****************************/
.tooltip{background: #FFF; border: solid 1px #d8d8d8; -moz-box-shadow: 3px 3px 5px #909090; -webkit-box-shadow: 3px 3px 5px #909090; box-shadow: 3px 3px 5px #909090;}
.tooltip .top{background: #F8F8F8 url(../temas/gris_claro/bg_top_1.gif) repeat-x left bottom; border-top: solid 1px #fff; color: #838383; padding: 0.5em}
.tooltip .contenido{padding: 10px; border-top: solid 1px #b5bdc0;}
.tooltip .cierre{height: 23px; background: url(../temas/gris_claro/bottom_tooltip.png) no-repeat center top; margin-bottom: -23px;}

/********************************* loading ****************************/
.loading{background: url(../temas/gris_claro/ajax-loader.gif) no-repeat center center;}

/******************************* Definition list **************************************/
dt span{background: url(../temas/gris_claro/bt_desplegar.png) no-repeat left center;}
dt:hover span{background: url(../temas/gris_claro/bt_desplegar.png) no-repeat right center;}
dt span.deploy{background: url(../temas/gris_claro/bt_replegar.png) no-repeat left center;}
dt:hover span.deploy{background: url(../temas/gris_claro/bt_replegar.png) no-repeat right center;}

/***************************** Multimedia ******************************************/
.lista-recursos li a.link-lvl1 span.ico{background: url(../temas/gris_claro/ico-multimedia.gif) no-repeat;}
.lista-recursos li a{color: #000; text-decoration: none;}
.lista-recursos li a:hover{font-weight: bold;}
.lista-recursos li a.link-lvl1.imagenes span.ico{background-position: left center;}
.lista-recursos li a:hover.link-lvl1.imagenes span.ico{background-position: -27px center;}
.lista-recursos li a.link-lvl1.audios span.ico{background-position: -54px center;}
.lista-recursos li a:hover.link-lvl1.audios span.ico{background-position: -81px center;}
.lista-recursos li a.link-lvl1.videos span.ico{background-position: -108px center;}
.lista-recursos li a:hover.link-lvl1.videos span.ico{background-position: -135px center;}
.lista-recursos li a.link-lvl1.animaciones span.ico{background-position: -162px center;}
.lista-recursos li a:hover.link-lvl1.animaciones span.ico{background-position: -190px center;}
.lista-recursos li a.link-lvl1.pdf span.ico{background-position: -216px center;}
.lista-recursos li a:hover.link-lvl1.pdf span.ico{background-position: -243px center;}
.lista-recursos li a.link-lvl1.presentaciones span.ico{background-position: -270px center;}
.lista-recursos li a:hover.link-lvl1.presentaciones span.ico{background-position: -297px center;}
.lista-recursos li a.link-lvl1.recursos-pdi span.ico{background-position: -324px center;}
.lista-recursos li a:hover.link-lvl1.recursos-pdi span.ico{background-position: -351px center;}
.lista-recursos li a.link-lvl1.enlaces span.ico{background-position: -378px center;}
.lista-recursos li a:hover.link-lvl1.enlaces span.ico{background-position: -405px center;}
.lista-recursos li a.link-lvl1.words span.ico{background-position: -432px center;}
.lista-recursos li a:hover.link-lvl1.words span.ico{background-position: -459px center;}
.lista-recursos li a.link-lvl2 span{background: url(../temas/gris_claro/bt_desplegar.png) no-repeat left center;}
.lista-recursos li a:hover.link-lvl2 span{background: url(../temas/gris_claro/bt_desplegar.png) no-repeat right center;}

/***************************** Bloques destacados *********************************/
.bloques-destacados{background: #F7F7F7; padding: 10px; margin: 20px 0; border: 1px solid #D8D8D8; overflow: hidden;clear: both}
.bloques-destacados.recuadro{background: #FFF; padding: 10px; margin: 20px 0; border: 1px solid #D8D8D8;}
a.bt-bloques-destacados{width: 14px; background: url(../temas/gris_claro/bt_desplegar.png) no-repeat left center; float: left; margin-right: 2px; display: block; padding: 0; text-decoration: none}
a:hover.bt-bloques-destacados{background: url(../temas/gris_claro/bt_desplegar.png) no-repeat right center;}
a.bt-bloques-destacados.deploy{14px; background: url(../temas/gris_claro/bt_replegar.png) no-repeat left center;}
a:hover.bt-bloques-destacados.deploy{background: url(../temas/gris_claro/bt_replegar.png) no-repeat right center;}

.recuerda, .texto-ampliacion{border: solid 5px #ededed; padding: 1px 15px; margin: 20px 0;}


/***************************** Ejercicios jquery *********************************/
.actividades iframe{border:none; overflow:hidden;}
.actividades iframe body{font-size: 12px; line-height: 18px; }
.lista-ejercicios{margin: 0; padding: 0; list-style-type: none; line-height: 18px;}
.lista-ejercicios li{padding: 10px 0; clear: both; border-bottom: solid 1px #d8d8d8}
.lista-ejercicios li .ejercicio{position: relative; display: none; }
.lista-ejercicios li .ejercicio .nav-score{position: absolute; right: 0; top: 0; background: #ededed; color: #666666; text-align: center; padding: 5px 10px; border-left: solid 1px #d8d8d8; border-bottom: solid 1px #d8d8d8; border-radius: 0 0 0 8px; -moz-border-radius: 0 0 0 8px; -webkit-border-radius: 0 0 0 8px; font-weight: bold;}
/* Etiqueta */
.lista-ejercicios li .etiqueta{display: block; float: left; border: solid 1px #d8d8d8; background: #FFF; padding: 1px; }
.lista-ejercicios li .etiqueta .inner{padding: 6px 12px; text-align: center; font-weight: bold; color:#9b9b9b; background: #f3f3f3;}
/* Tipo de ejercicio */
.lista-ejercicios li .tipo-ejercicio{display: block; float: left; border: solid 1px #d8d8d8; background: #f3f3f3; margin-left: 8px;}
.lista-ejercicios li .tipo-ejercicio .inner{width: 33px; height: 30px; display: block; text-align: center; font-weight: bold; color:#9b9b9b; border: solid 1px #FFF; }
.lista-ejercicios li .tipo-ejercicio .inner.cerrado{background-position: left center; }
.lista-ejercicios li .tipo-ejercicio .inner.abierto{background-position: -33px center; }
.lista-ejercicios li .tipo-ejercicio .inner.enunciativo{background-position: -66px center; }
/* Imprimir ejercicio */
.lista-ejercicios li .imprimir-ejercicio{display: block; float: left; border: solid 1px #d8d8d8; background: #f3f3f3; margin-left: 8px;}
.lista-ejercicios li .imprimir-ejercicio .inner{width: 33px; height: 30px; display: block; text-align: center; font-weight: bold; color:#9b9b9b; border: solid 1px #FFF; }
.lista-ejercicios li .imprimir-ejercicio .inner.disabled{cursor: default; }

/* Enunciado */
.lista-ejercicios li .enunciado{ color: #000; text-decoration: none; position: relative; left: 8px; top: 5px;}
.lista-ejercicios li a.enunciado:hover{font-weight: bold;}
/* Ejercicio */
.lista-ejercicios .ejercicio{display: block; border: solid 1px #d8d8d8; clear: both; position: relative; top: 8px; margin-bottom: 10px;}
.lista-ejercicios .ejercicio .info{padding: 10px;}
/* exercise-bar */
.lista-ejercicios li .exercise-bar{border-top: solid 1px #d8d8d8; padding: 1px;}
.lista-ejercicios li .exercise-bar a.lgrey-button{background: #e7e7e7; display: block; border-right: solid 1px #FFF; padding: 3px 6px; text-align: center; font-size: 10px; color: #4c4c4c; text-decoration: none; cursor: pointer; float: left}
.lista-ejercicios li .exercise-bar a:hover.lgrey-button{background: #c3c3c3;}
.lista-ejercicios li .exercise-bar a.lgrey-button .label{float: left; display: block}
.lista-ejercicios li .exercise-bar a.lgrey-button .ico{float: right; width: 21px; height: 21px; display: block; background-image: url(../temas/gris_claro/ico_exercise.gif);}
.lista-ejercicios li .exercise-bar a.dgrey-button{background: #9c9c9c; display: block; border-right: solid 1px #FFF; padding: 3px 6px; text-align: center; font-size: 10px; color: #FFF; text-decoration: none; cursor: pointer; float: right}
.lista-ejercicios li .exercise-bar a:hover.dgrey-button{background: #5c5c5c;}
.lista-ejercicios li .exercise-bar a.dgrey-button .ico{float: right; width: 21px; height: 21px; display: block; background-image: url(../temas/gris_claro/ico_exercise_dark.gif);}
.lista-ejercicios li .exercise-bar a.dgrey-button .label{float: left; display: block}


#check-answers-button, #done-button{width: 65px;}
 #ok-button{width: 40px;}
#check-answers-button .ico, #ok-button .ico, #done-button .ico{background-position: left top;}
#check-answers-button:hover .ico, #ok-button:hover .ico, #done-button:hover .ico{background-position: left bottom;}

#try-again-button{width: 90px;}
#try-again-button .ico{background-position: -50px top;}
#try-again-button:hover .ico{background-position: -50px bottom;}

#reset-button{width: 75px;}
#reset-button .ico{background-position: -25px top;}
#reset-button:hover .ico{background-position: -25px bottom;}

#listen-button{width: 70px;}
#listen-button .ico{background-position: right top;}
#listen-button:hover .ico{background-position: right bottom;}

#see-next-answer-button{width: 100px;}
#see-next-answer-button .ico{background-position: left top;}
#see-next-answer-button:hover .ico{background-position: left bottom;}

#see-all-answers-button{width: 90px;}
#see-all-answers-button .ico{background-position: right top;}
#see-all-answers-button:hover .ico{background-position: right bottom;}

/* exercise-feedback */
.exercise-feedback{display: block; position: absolute; z-index: 20; width: 250px; top: -9999px; left: -9999px; border: solid 1px #d8d8d8; background: #FFF; -moz-box-shadow: 4px 4px 5px #909090; -webkit-box-shadow: 4px 4px 5px #909090; box-shadow: 4px 4px 5px #909090; overflow: hidden}
.exercise-feedback h2.title{margin-top: 0; padding: 5px; background: #f7f7f7; font-size: 1em; font-weight: bold;}
.exercise-feedback .content{padding: 5px 10px; }
.exercise-feedback a.lgrey-button{background: #e7e7e7; display: block; border-right: solid 1px #FFF; padding: 3px 6px; text-align: center; font-size: 10px; color: #4c4c4c; text-decoration: none; cursor: pointer;  margin: 7px auto; border: solid 1px #d8d8d8}
.exercise-feedback a:hover.lgrey-button{background: #c3c3c3;}
.exercise-feedback a.lgrey-button .label{float: left; display: block}
.exercise-feedback a.lgrey-button .ico{float: right; width: 21px; height: 21px; display: block; background-image: url(../temas/gris_claro/ico_exercise.gif);}

/* Textarea */
 .lista-ejercicios textarea{ font-family: Verdana, sans-serif; font-size:1em;  color: #000; line-height: 1.25em; text-align: justify;}
.extra-material{padding-top: 20px;}

.activity .info .sentences-list { line-height: 3em; font-weight: bold;  margin: 0; padding: 0; list-style-type: none;}
.activity .info .sentences-list li {}
.activity .info .sentences-list li input {padding:1px; width:50px; margin: 1px 0;}
.activity .info .sentences-list li autosize { width:50px }
.activity .info .sentences-list li span { font-weight: normal; }
.activity .info .sentences-list li span.ico{display: none}