@charset "utf-8";
/* CSS Document */

/*--BTN SUBMIT********************************************************************************************************/
.btn_back{
	/*display: block;*/
	color: #fff;
	background-image: url(img/btn_back_izq.gif);
	background-position: left 0px;
	background-repeat: no-repeat;
	padding-left: 18px;
	height: 19px;
	text-decoration: none;
	text-align: center;
	border: 0px;
	margin-bottom: 3px;
	float: right;
}

.btn_back span{
	display: block;
	font-weight: bold;
	color: #fff;
	background-image: url(img/btn_back_der.gif);
	background-position: right 0px;
	background-repeat: no-repeat;
	padding-right: 6px;
	height: 19px;
	line-height: 19px;
	border: 0px;
	*cursor: pointer;
}

.btn_back:hover{
	background-position: left -19px;
}

.btn_back span:hover{
	background-position: right -19px;
}

.btn_submit {
 	display: block;
 	color: #fff;
    background-image: url(img/btns_izq.gif);
    background-position: left 0px;
	background-repeat: no-repeat;
    height: 19px;
    text-decoration: none;
    text-align: center ;
	border: 0px;
	margin-bottom: 3px;
	float: right;
	position: relative;
	cursor:pointer;
} 
 
.btn_submit span {
 	display: block;
	font-weight: bold;
    color: #fff;
    background-image: url(img/btns_der.gif);
    background-position: right 0px;
	background-repeat: no-repeat;
	padding: 0 18px 0 8px;
    height: 19px;
	line-height: 19px;
	border: 0px;
	*cursor: pointer;
}

.btn_submit:hover {
 	background-position: left -19px;
} 
.btn_submit:hover span {
 	background-position: right -19px;
}

.btn_quit{
	display: block;
 	color: #fff;
    background-image: url(img/btns_izq.gif);
    background-position: left -38px;
	background-repeat: no-repeat;
    height: 19px;
    text-decoration: none;
    text-align: center ;
	border: 0px;
	line-height:17px;
	float:right;
	margin-right:4px;
	border:0px;
}

.btn_quit span {
 	display: block;
    color: #fff;
    background-image: url(img/btns_der.gif);
    background-position: right -38px;
	background-repeat: no-repeat;
    height: 19px;
	border: 0px;
	padding: 0 20px 0 5px;
}
	 
.btn_quit:hover {
	background-position: left -57px;
} 

.btn_quit:hover span {
   	background-position: right -57px;
}
	
/**buttons quiz***************************************/
/*
.btn_translate {
	display: block;
 	color: #fff;
    background-image: url(img/btns_izq.gif);
    background-position: left -274px;
	background-repeat: no-repeat;
    height: 34px;
    text-decoration: none;
    text-align: center ;
	font-weight: lighter;
	font-size: 18px;
	border: 0px;
	line-height: 30px;
	width: 100px;
	position: absolute;
}

.btn_translate span {
 	display: block;
    color: #fff;
    background-image: url(img/btns_der.gif);
    background-position: right -274px;
	background-repeat: no-repeat;
    height: 34px;
	border: 0px;
	padding: 0 5px 0 0px;
	*cursor: pointer;
}

.btn_translate:hover {
   	background-position: left -308px;
}

.btn_translate:hover span {
   	background-position: right -308px;
}
*/
.btn_translate {
	cursor: pointer;
	float: left;
	display:block;
 	color: #fff;
    background-image: url(img/btns_quiz_izq2.png);
    background-position: left 0px;
	background-repeat: no-repeat;
    height: 32px;
    text-decoration: none;
    text-align: center ;
	font-weight: bold;
	font-size:24px;
	border: 0px;
	line-height:32px;
}

.btn_translate span {
	cursor: pointer;
 	display: block;
    color: #fff;
    background-image: url(img/btns_quiz_der2.png);
    background-position: right -192px;
	background-repeat: no-repeat;
    height: 32px;
	border: 0px;
	padding: 0px 45px 0 8px;
}

.btn_translate:hover {
 	background-position: left -32px;
}

.btn_translate:hover span {
    background-position: right -224px;
}

.btn_skip_quiz {
	cursor: pointer;
	float: left;
	display:block;
 	color: #fff;
    background-image: url(img/btns_quiz_izq2.png);
    background-position: left 0px;
	background-repeat: no-repeat;
    height: 32px;
    text-decoration: none;
    text-align: center ;
	font-weight: bold;
	font-size: 18px;
	border: 0px;
	line-height: 32px;
	display: none;
}

.btn_skip_quiz span {
	cursor: pointer;
 	display: block;
    color: #fff;
    background-image: url(img/btns_quiz_der.gif);
    background-position: right -192px;
	background-repeat: no-repeat;
    height: 32px;
	border: 0px;
	padding: 0px 10px 0 8px;
}

.btn_skip_quiz:hover {
 	background-position: left -32px;
}

.btn_skip_quiz:hover span {
    background-position: right -224px;
}

.btn_answer1 {
	cursor: pointer;
	float: left;
	display:block;
 	color: #fff;
    background-image: url(img/btns_quiz_izq2.png);
    background-position: left 0px;
	background-repeat: no-repeat;
    height: 32px;
    text-decoration: none;
    text-align: center ;
	font-weight: bold;
	font-size:24px;
	border: 0px;
	line-height:32px;
}

.btn_answer1 span {
	cursor: pointer;
 	display: block;
    color: #fff;
    background-image: url(img/btns_quiz_der2.png);
    background-position: right 0px;
	background-repeat: no-repeat;
    height: 32px;
	border: 0px;
	padding: 0px 45px 0 8px;
}

.btn_answer1:hover {
 	background-position: left -32px;
}

.btn_answer1:hover span {
    background-position: right -96px;
}

.btn_answer2{
	cursor: pointer;
	float: left;
	margin-left: 10px;
	width: 250px;
	height: 32px;
}

.btn_answer3{
	cursor: pointer;
	float: right;
	width: 250px;
	height: 32px;
}

.btn_answer2:hover{
	background-position: left -32px !important;
}

.btn_answer3:hover{
	background-position: right -32px !important;
}

#btn_continue {
	cursor: pointer;
	float: left;
	display: block;
 	color: #fff;
    background-image: url(img/btns_quiz_izq2.png);
    background-position: left 0px;
	background-repeat: no-repeat;
    height: 32px;
    text-decoration: none;
    text-align: center ;
	font-weight: bold;
	font-size: 14px;
	border: 0px;
	line-height: 32px;
	margin-left: 25px;
}

#btn_continue span {
	cursor: pointer;
 	display: block;
    color: #fff;
    background-image: url(img/btns_quiz_der2.png);
    background-position: right -192px;
	background-repeat: no-repeat;
    height: 32px;
	border: 0px;
	padding: 0px 45px 0 8px;
}

#btn_continue:hover {
 	background-position: left -32px;
}

#btn_continue:hover span {
    background-position: right -224px;
}

/*--OTORS BTNs*************************************************************************************************************/
.btn_login{
 	display: block;
 	color: #fff;
    background-image: url(img/btns_izq.gif);
    background-position: left -342px;
	background-repeat: no-repeat;
    height: 19px;
    text-decoration: none;
    text-align: center ;
	border: 0px;
	margin-bottom: 3px;
	float: right;
}

.btn_login span{
 	display: block;
    color: #fff;
    background-image: url(img/btns_der.gif);
    background-position: right -342px;
	background-repeat: no-repeat;
	padding: 0 18px 0 9px;
    height: 19px;
	line-height: 19px;
	border: 0px;
}

.btn_login:hover {
 	background-position: left -361px;
} 
.btn_login:hover span {
 	background-position: right -361px;
}

.btn_login_simple{
	float: right;
	padding: 5px 10px;
	height: 20px;
	line-height: 20px; 
	background-color: #eaecf0;
	color: #868994;
	font-family: Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 11px;
	cursor: pointer;
	text-align: center;
}

.btn_login_simple:hover{
	background-color: #dee0e4;
	color: #7f828c;
}

#btn_login_full ul li {
	display:inline; 
	list-style-type: none; 
}
	
#btn_submit_gris{float:right; overflow:hidden; height:19px; width:72px; overflow:hidden; margin-top:3px; margin-left:5px; margin-right:8px; background-image:url(Welcome+login/img/submit_gris.gif); background-repeat:no-repeat; background-position:top;}
#btn_submit_gris:hover{background-position:bottom;}

.btn_register{
	background-color: #eaecf0;
	margin-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #757882;
	padding-left: 5px;

	padding-right: 5px;
	padding-bottom: 7px;
	padding-top: 7px;
}

#btn_finder {height:19px; width:22px; float:right; background-image: url(img/btn_submit2.gif); background-repeat:no-repeat; background-position:top; border: #999894; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 0px;}
#btn_finder:hover {background-position:bottom;}

.btn_voiceOff {cursor:pointer; height:34px; width:34px; float:left; margin-left:20px; background-image:url(img/Btn_VoiceOff-ON.gif); }
.btn_voiceOff:hover {background-position:center 102px;}
.btn_voiceOn {cursor:pointer; height:34px; width:34px; float:left; margin-left:20px; background-image:url(img/Btn_VoiceOff-ON.gif); background-position:center 68px; }
.btn_voiceOn:hover {background-position:center 34px;}

.btn_origin {height:34px; width:34px; overflow:hidden; float:left; /*##margin-top:34px; margin-left:20px;*/ background-image:url(img/btn_repeat.gif); cursor:pointer;} 
.btn_origin:hover {background-position:bottom;}

.btn_traduccion {height:34px; width:34px; overflow:hidden; float:left; /*##margin-top:34px; margin-left:20px;*/ background-image:url(img/btn_repeat.gif); cursor:pointer;}
.btn_traduccion:hover {background-position:bottom;} 

.btn_rew {cursor:pointer; height:34px; width:34px; overflow:hidden; background-image:url(img/btn_rew.gif); text-indent:-9999px; position:absolute; left:0;} 
.btn_rew:hover {background-position:bottom;}

.btn_play {cursor:pointer; height:34px; width:34px; overflow:hidden; background-image:url(img/Btn_PausePlay.gif); background-position: center 68px; position:absolute; left:44px;} 
.btn_play:hover {background-position: center 34px;} 
.btn_pause {cursor:pointer; height:34px; width:34px; overflow:hidden; background-image:url(img/Btn_PausePlay.gif); position:absolute; left:44px;} 
.btn_pause:hover {background-position: center 102px;}
 
.btn_ff {cursor:pointer; height:34px; width:34px; overflow:hidden; background-image:url(img/btn_ff.gif); text-indent:-9999px; position:absolute; left:88px;}
.btn_ff:hover {background-position:bottom;}

/* botonera2 */
#btn_import {cursor:pointer; height:38px; width:38px; overflow:hidden; float:left; margin-top:20px; margin-left:17px; background-image: url(img/btn_create_import.png);} 
#btn_import:hover {background-position:bottom;} 
#btn_export {height:38px; width:38px; overflow:hidden; float:left; margin-top:20px; margin-left:17px; background-image: url(img/btn_export.gif); } 
#btn_export:hover {background-position:bottom;} 
#btn_settings {cursor:pointer; height:38px; width:38px; overflow:hidden; float:left; margin-top:20px; margin-left:17px; background-image: url(img/btn_settings.gif); } 
#btn_settings:hover {background-position:bottom;} 
#btn_info {height:38px; width:38px; overflow:hidden; float:left; margin-top:20px; margin-left:17px; background-image: url(img/btn_info.gif); }
#btn_info:hover {background-position:bottom;} 

#btn_music{cursor:pointer; height:38px; width:38px; overflow:hidden; float:left; margin-top:20px; margin-left:17px;}
#btn_music.on {background: url(img/btn_note.gif) no-repeat center -77px;} 
#btn_music.on:hover {background-position:bottom;} 
#btn_music.off {background: url(img/btn_note.gif) no-repeat center 0px;} 
#btn_music.off:hover {background-position:center -39px;} 

#btn_faq {cursor:pointer; height:38px; width:38px; overflow:hidden; float:left; margin-top:20px; margin-left:17px; background-image: url(img/btn_faq.png);} 
#btn_faq:hover {background-position:bottom;} 
#btn_forum {cursor:pointer; height:38px; width:38px; overflow:hidden; float:left; margin-top:20px; margin-left:17px; background-image: url(img/btn_forum.png);} 
#btn_forum:hover {background-position:bottom;}

#btn_lwl {cursor:pointer; height:38px; width:38px; overflow:hidden; float:left; margin-top:20px; margin-left:17px; background-image: url(img/btn_learned_words.png);} 
#btn_lwl:hover {background-position:bottom;} 

#btn_save {cursor:pointer; height:38px; width:38px; overflow:hidden; float:right; margin-top:20px; margin-right:17px; background-image: url(img/btn_floppy.gif);} 
#btn_save:hover {background-position:bottom;} 
#btn_exit {cursor:pointer; height:38px; width:38px; overflow:hidden; float:right; margin-top:20px; margin-right:17px; background-image: url(img/btn_exit.gif);} 
#btn_exit:hover {background-position:bottom;} 

#btn_lp {cursor:pointer; height:38px; width:38px; overflow:hidden; float:left; margin-top:20px; margin-left:17px; background-image: url(img/btn_learning_plan.png);}
#btn_lp:hover {background-position:bottom;} 

#btn_ta {cursor:pointer; height:38px; width:38px; overflow:hidden; float:left; margin-top:20px; margin-left:17px; background-image: url(img/btn_teacher_admin.png);}
#btn_ta:hover {background-position:bottom;} 

#btn_hs {cursor:pointer; height:38px; width:38px; overflow:hidden; float:left; margin-top:20px; margin-left:17px; background-image: url(img/btn_high_scores.png);}
#btn_hs:hover {background-position:bottom;} 

#btn_continue_quiz {
	cursor: pointer;
	float: left;
	display:block;
 	color: #fff;
    background-image: url(img/btns_quiz_izq2.png);
    background-position: left 0px;
	background-repeat: no-repeat;
    height: 32px;
    text-decoration: none;
    text-align: center ;
	font-weight: bold;
	font-size:24px;
	border: 0px;
	line-height:32px;
}

#btn_continue_quiz span {
	cursor: pointer;
 	display: block;
    color: #fff;
    background-image: url(img/btns_quiz_der2.png);
    background-position: right -192px;
	background-repeat: no-repeat;
    height: 32px;
	border: 0px;
	padding: 0px 45px 0 8px;
}

#btn_continue_quiz:hover {
 	background-position: left -32px;
}

#btn_continue_quiz:hover span {
    background-position: right -224px;
}

.nt_button{float:left; margin-left:10px;}