#gamebox {
	background: #ffffff;
	width: 555px;
	height: 420px;
	position: relative;
	overflow: hidden;
	/*border: 1px solid #eee;*/
	text-align: center;
}
.rowtitle {
	position: relative;
	height: 30px;
	line-height: 30px;
	width: 181px;
	background: #0073bb;
	display: block;
	text-align: center;
	margin: auto;
	color: #ffffff;
	font-size: 14px;
	/*border: 1px solid #ddd;*/
	text-transform: uppercase;
	font-weight: bold
}
.row {
	display: inline-block;
	position: relative;
	width: 181px;
	height: 420px;
	background: #efefef;
	text-align: center;
	padding-top: 5px;
	margin-right: 4px;
}
#row1 {

}
.cardbox {
	position: relative;
	width: 175px;
	height: 55px;
	/*background: yellow;*/
	margin: auto;
	margin-top: 8px;
	border-bottom: 1px solid #aaaaaa;
	/*background: url(../../images/game/dot1.gif) left bottom repeat-x;*/
	text-align: center;
	overflow: hidden;
	z-index: 10;
}
.card {
	position: relative;
	top: 60px;
	left: 0px;
	width: 156px;
	height: 55px;
	margin: auto;
	cursor: pointer;
	z-index: -1;
}
.card:hover {
	/*top: 0px;*/
}
.cardbox .categorie {
	color: black !important;
}
.card1_1[rel="0_0"] {
	background: url(images/Vocabulario_1.gif) 0px 0px no-repeat;
}
.card1_1[rel="0_1"] {
	background: url(images/Cultura_1.gif) 0px 0px no-repeat;
}
.card1_1[rel="0_2"] {
	background: url(images/Expresion_1.gif) 0px 0px no-repeat;
}
.card1_1[rel="0_3"] {
	background: url(images/Gramatica_1.gif) 0px 0px no-repeat;
}
.card1_2[rel="0_4"] {
	background: url(images/Juego_1.gif) 0px 0px no-repeat;
}
.card1_2[rel="0_5"] {
	background: url(images/Definicion_1.gif) 0px 0px no-repeat;
}
.card2_1[rel="1_0"] {
	background: url(images/Vocabulario_2.gif) 0px 0px no-repeat;
}
.card2_1[rel="1_1"] {
	background: url(images/Cultura_2.gif) 0px 0px no-repeat;
}
.card2_1[rel="1_2"] {
	background: url(images/Expresion_2.gif) 0px 0px no-repeat;
}
.card2_1[rel="1_3"] {
	background: url(images/Gramatica_2.gif) 0px 0px no-repeat;
}
.card2_2[rel="1_4"] {
	background: url(images/Juego_2.gif) 0px 0px no-repeat;
}
.card2_2[rel="1_5"] {
	background: url(images/Definicion_2.gif) 0px 0px no-repeat;
}
.categorie {
	position: absolute;
	top: 16px;
	left: 10px;
	width: 100px;
	height: 20px;
	text-align: left;
	color: #ffffff;
	font-size: 12px;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	text-transform: uppercase;
}
#questioncard {
	position: absolute;
	top: 55px;
	left: 162px;
	width: 230px;
	height: 340px;
	/*background: #fff;*/
	display: none;
	z-index: 100;
	cursor: pointer;
}
#questioncard_content_box {
	position: relative;
	height: 320px;
	width: 230px;
	background: #ffffff url(../../images/game/qcardmiddle.gif) left top repeat-y;
	color: black;
	font-size: 12px;
	line-height: 14px;
}
#questioncard_content {
	position: absolute;
	top: 5px;
	left: 15px;
	width: 200px;
	height: 305px;
	background: #ffffff;
}
#questioncard_content .content_top {
	background: #484848;
	padding: 8px 5px;
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	color: #ffffff;
	text-align: center;
	line-height: 17px;
	height: 50px;
}
#questioncard_content table {
	width: 200px;
	height: 305px;
}
#questioncard_content td {
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	padding: 4px;
}
#questioncard_content .tar {
	text-align: right;
}
#questioncard_content .tac {
	text-align: center;
}
#questioncard_content .tal {
	text-align: left;
}
#questioncard_content td.last {
	border-bottom: 2px solid #484848;
	/*border-top: 2px solid #484848;*/
	font-size: 16px;
	line-height: 16px;
}
#questioncard_content td ol {
	list-style-type: lower-alpha;
	padding-left: 25px;
	margin-bottom: 0px;
}
#questioncard_content td.last {
	font-weight: bold;
}
#questioncard_content td ol li {
	/*font-weight: normal;*/
}
.normal {
	font-weight: normal !important;
}
.aleft {
	text-align: left !important;
}
.aright {
	text-align: right !important;
}
.acenter {
	text-align: center !important;
}
#questioncard_content td .big {
	font-size: 17px;
	font-weight: normal;
}
#qcardtop {
	position: relative;
	background: url(images/front/qcardtopCultura1.gif) 0px 0px no-repeat;
	width: 230px;
	height: 20px;
}
#qcardbottom {
	position: relative;
	background: url(images/front/qcardbottomCultura1.gif) 0px 0px no-repeat;
	width: 230px;
	bottom: 10px;
	height: 20px;
}
#closebtn {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 16px;
	height: 16px;
	display: none;
	z-index: -1;
	background: url(../../images/game/close.gif) center center no-repeat;
}
#questioncard[data-class="0_1"] #qcardtop {
	background-image: url("../../images/front/qcardtopCultura1.gif");
}
#questioncard[data-class="0_1"] #questioncard_content_box {
	background-image: url("../../images/front/qcardmiddleCultura1.gif");
}
#questioncard[data-class="0_1"] #qcardbottom {
	background-image: url("../../images/front/qcardbottomCultura1.gif");
}
#questioncard[data-class="1_1"] #qcardtop {
	background-image: url("../../images/front/qcardtopCultura2.gif");
}
#questioncard[data-class="1_1"] #questioncard_content_box {
	background-image: url("../../images/front/qcardmiddleCultura2.gif");
}
#questioncard[data-class="1_1"] #qcardbottom {
	background-image: url("../../images/front/qcardbottomCultura2.gif");
}
#questioncard[data-class="0_5"] #qcardtop {
	background-image: url("../../images/front/qcardtopdef1.gif");
}
#questioncard[data-class="0_5"] #questioncard_content_box {
	background-image: url("../../images/front/qcardmiddledef1.gif");
}
#questioncard[data-class="0_5"] #qcardbottom {
	background-image: url("../../images/front/qcardbottomdef1.gif");
}
#questioncard[data-class="1_5"] #qcardtop {
	background-image: url("../../images/front/qcardtopdef2.gif");
}
#questioncard[data-class="1_5"] #questioncard_content_box {
	background-image: url("../../images/front/qcardmiddledef2.gif");
}
#questioncard[data-class="1_5"] #qcardbottom {
	background-image: url("../../images/front/qcardbottomdef2.gif");
}
#questioncard[data-class="0_2"] #qcardtop {
	background-image: url("../../images/front/qcardtopes1.gif");
}
#questioncard[data-class="0_2"] #questioncard_content_box {
	background-image: url("../../images/front/qcardmiddlees1.gif");
}
#questioncard[data-class="0_2"] #qcardbottom {
	background-image: url("../../images/front/qcardbottomes1.gif");
}
#questioncard[data-class="1_2"] #qcardtop {
	background-image: url("../../images/front/qcardtopes2.gif");
}
#questioncard[data-class="1_2"] #questioncard_content_box {
	background-image: url("../../images/front/qcardmiddlees2.gif");
}
#questioncard[data-class="1_2"] #qcardbottom {
	background-image: url("../../images/front/qcardbottomes2.gif");
}
#questioncard[data-class="0_4"] #qcardtop {
	background-image: url("../../images/front/qcardtopgi1.gif");
}
#questioncard[data-class="0_4"] #questioncard_content_box {
	background-image: url("../../images/front/qcardmiddlegi1.gif");
}
#questioncard[data-class="0_4"] #qcardbottom {
	background-image: url("../../images/front/qcardbottomgi1.gif");
}
#questioncard[data-class="1_4"] #qcardtop {
	background-image: url("../../images/front/qcardtopgi2.gif");
}
#questioncard[data-class="1_4"] #questioncard_content_box {
	background-image: url("../../images/front/qcardmiddlegi2.gif");
}
#questioncard[data-class="1_4"] #qcardbottom {
	background-image: url("../../images/front/qcardbottomgi2.gif");
}
#questioncard[data-class="0_3"] #qcardtop {
	background-image: url("../../images/front/qcardtopgr1.gif");
}
#questioncard[data-class="0_3"] #questioncard_content_box {
	background-image: url("../../images/front/qcardmiddlegr1.gif");
}
#questioncard[data-class="0_3"] #qcardbottom {
	background-image: url("../../images/front/qcardbottomgr1.gif");
}
#questioncard[data-class="1_3"] #qcardtop {
	background-image: url("../../images/front/qcardtopgr2.gif");
}
#questioncard[data-class="1_3"] #questioncard_content_box {
	background-image: url("../../images/front/qcardmiddlegr2.gif");
}
#questioncard[data-class="1_3"] #qcardbottom {
	background-image: url("../../images/front/qcardbottomgr2.gif");
}
#questioncard[data-class="1_0"] #qcardtop {
	background-image: url("../../images/front/qcardtopvoc2.gif");
}
#questioncard[data-class="1_0"] #questioncard_content_box {
	background-image: url("../../images/front/qcardmiddlevoc2.gif");
}
#questioncard[data-class="1_0"] #qcardbottom {
	background-image: url("../../images/front/qcardbottomvoc2.gif");
}
#questioncard[data-class="0_0"] #qcardtop {
	background-image: url("../../images/front/qcardtopvoc1.gif");
}
#questioncard[data-class="0_0"] #questioncard_content_box {
	background-image: url("../../images/front/qcardmiddlevoc1.gif");
}
#questioncard[data-class="0_0"] #qcardbottom {
	background-image: url("../../images/front/qcardbottomvoc1.gif");
}
.theNumber {
	height: 30px;
	width: 30px;
	z-index: 1000;
	position: absolute;
	bottom: 7px;
	right: 20px;
	font-size: 50px;
	color: black;
}
#questioncard[data-class="0_0"] .theNumber {
	color: #90b73e !important;
}
#questioncard[data-class="1_0"] .theNumber {
	color: #237d46 !important;
}
#questioncard[data-class="0_1"] .theNumber {
	color: #dea6cc !important;
}
#questioncard[data-class="1_1"] .theNumber {
	color: #c6168d !important;
}
#questioncard[data-class="0_5"] .theNumber {
	color: #fff799 !important;
}
#questioncard[data-class="1_5"] .theNumber {
	color: #fff200 !important;
}
#questioncard[data-class="0_2"] .theNumber {
	color: #f69679 !important;
}
#questioncard[data-class="1_2"] .theNumber {
	color: #ed1c24 !important;
}
#questioncard[data-class="0_3"] .theNumber {
	color: #95b5df !important;
}
#questioncard[data-class="1_3"] .theNumber {
	color: #0066a6 !important;
}
#questioncard[data-class="0_4"] .theNumber {
	color: #fcbc86 !important;
}
#questioncard[data-class="1_4"] .theNumber {
	color: #f7941e !important;
}
#questioncard_content table {
	text-align: left !important;
}
table {
	table-layout: fixed;
}
td.last {
	display: inline-block !important;
	width: 150px !important;
	overflow: hidden !important;
	white-space: nowrap !important;
}
#questioncard_content tr[valign="bottom"] {
	position: absolute !important;
	bottom: 3px !important;
}
#questioncard_content tr {
	display: block;
	width: 150px;;
}
#questioncard[data-class="1_0"] ol {
	position: relative !important;
	right: 8px !important;
}
#questioncard[data-class="1_0"] td.last ol li, #questioncard[data-class="1_1"] td.last span.normal {
	white-space: normal !important;
}
#questioncard_content tr[valign="top"] {
	width: 170px !important;
}
#questioncard[data-class="0_2"] td img {
	width: 80%;
	position: relative;
	left: 20px;
}
#questioncard[data-class="1_2"] td.content_top ol li {
	white-space: nowrap;
}
#questioncard[data-class="1_2"] td.last {
	overflow: visible !important;
}
#questioncard[data-class="0_4"] #questioncard_content tr, #questioncard[data-class="1_4"] #questioncard_content tr {
	width: 100% !important;
}
#questioncard[data-class="0_4"] #questioncard_content tr td.tac, #questioncard[data-class="1_4"] #questioncard_content tr td.tac {
	position: relative;
	top: 30px;
}
#questioncard[data-class="0_4"] tr[valign="top"] td, #questioncard[data-class="1_4"] tr[valign="top"] td {
	position: relative;
	left: 20px;
}
#questioncard[data-class="0_5"] #questioncard_content tr, #questioncard[data-class="1_5"] #questioncard_content tr {
	width: 100% !important;
}
#questioncard[data-class="0_5"] #questioncard_content tr td.tac {
	position: relative;
	top: 30px;
	left: 33px;
}
#questioncard[data-class="1_5"] #questioncard_content tr td.tac span.big {
	left: 70px;
	position: relative;
}
#questioncard[data-class="1_5"] #questioncard_content tr td.tac.last strong {
	position: relative;
	left: 20px;
}
#questioncard_content_box table tr:first-child {
	position: relative;
	bottom: 10px;
}
.card1_2[rel="0_4"] div.categorie {
	white-space: nowrap;
}
.width100 {
	width: 100% !important;
}
#questioncard[data-class="0_0"] #questioncard_content tr[valign="top"], #questioncard[data-class="1_0"] #questioncard_content tr[valign="top"] {
	width: 200px !important;
}
#questioncard[data-class="0_2"] #questioncard_content tr td {
	white-space: nowrap !important;
}
#questioncard[data-class="0_2"] #questioncard_content tr[valign="top"] td {
	white-space: normal !important;
}
#questioncard[data-class="0_0"] #questioncard_content tr {
	position: relative;
	bottom: 10px;
}
#questioncard[data-class="0_1"] #questioncard_content tr[valign="bottom"] td.last {
	overflow: visible !important;
}
#questioncard[data-class="1_4"] #questioncard_content td.tac, #questioncard[data-class="0_4"] #questioncard_content td.tac {
	font-size: 16px;
}
#questioncard[data-class="1_2"] #questioncard_content tr td {
	padding-left: 0 !important;
}
#questioncard[data-class="1_2"] #questioncard_content tr[valign="top"] ol {
	padding-left: 17px !important;
}