html, body { margin:0;padding:0;height:100%;font:normal 14px/16px Arial, sans-serif; z-index:9999 }
.page { position:relative;width:1100px;margin:0 auto;padding:0px 0;text-align:center;; }

h1 { margin:0 0 10px;padding:0;text-align:center;color:#000;font:normal 30px/34px Arial, sans-serif; visibility:hidden;}
/*esta linea modifica las caracteristicas de la caja*/
.crossword { margin-left:-50px;margin-top:100px;position:absolute;padding:50px 40px 20px 40px;text-align:left; width:400px; }
.divover { margin-left:10px;margin-top:100px;position:absolute;/*border:1px solid #666;*/ width:480px; height:450px; z-index: 1000; display:none;}

.title { margin-left:570px;margin-top:130px;position:absolute;text-align:left;font:bold 26px/28px Arial, sans-serif; }
.questions { margin-left:600px;margin-top:90px;position:absolute;text-align:left;width:550px; }

.debugmode { cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:moz-none;-ms-user-select:none;user-select:none;text-decoration:line-through; }
input[type="checkbox"] { margin:5px;padding:0;cursor:pointer; }
input[type="checkbox"]:checked + .debugmode { text-decoration:none; }

.table { margin:0 0 80px; }
.table { border-collapse:collapse;margin:0;width:auto;border-spacing:0; }
.table td { padding:0;vertical-align:top; }
.table td.__letter  { border:1px solid #212121; }
.table.__debug td { border:1px solid #212121; }

.input { display:block;margin:0;padding:0;outline:none;border:none;height:1px;width:1px;position:absolute;z-index:99;background:transparent;font-size:10px;line-height:10px;color:transparent; }

.ol { margin:0;padding:50px 90px 0; }
.ol li { margin:0;padding-bottom:30px;color:#000;font:normal 16px/18px Arial, sans-serif;cursor:pointer; }
.ol li.__select { color:#000;background:#C4C4FF; }
.ol li.__success { text-decoration:line-through; }

.item { height:45px;width:45px;position:relative; }
.item_y { width:45px;height:45px;text-align:center;color:transparent;font:bold 28px/30px Arial, sans-serif;position:absolute;left:-40px;top:0; }
.item_x { width:45px;height:45px;text-align:center;color:transparent;font:bold 28px/30px Arial, sans-serif;position:absolute;left:0;top:-45px; }
.item_debug { color:#999;font:normal 22px/24px Arial, sans-serif;cursor:default;position:absolute;left:0;top:0; }

.word_num { width:30px;height:30px;text-align:center;color:#000;font:bold 25px/26px Arial, sans-serif;position:absolute;z-index:99; }
.word_num.__hor { top:0;right:100%; }
.word_num.__ver { bottom:100%;left:0; }

.item.__letter { background:#FFF;}
.item.__debug { background:#E9E9E9;color:#000;}
.item.__word_select { background:#FFFFCC;color:#212121; }
.item.__letter_select { background:#C4C4FF;color:#666; }

.text { height:45px;width:45px;text-align:center;font:normal 28px/29px Arial, sans-serif;cursor:default; padding-top:8px; }
.text { -webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:moz-none;-ms-user-select:none;user-select:none; }

.item.__error .text { color:red;font-weight:bold;}
.item.__success .text { color:green;font-weight:bold; }

#msg_correcto {
	position: absolute;
	left: 7%;
	top: 50%; 
	width:593px;
	height:248px;
	margin-top: -110px;
	overflow:hidden; 	
	background-image: url(../img/msg_correcto.png);	
	position:absolute;
	cursor: pointer;
	z-index: 1000;
	
}

.bt_reiniciar{
	display:block;
	background-image: url(../img/bt_reload.png);
	position: absolute;
	margin: 0px;
	left: 30px;
	top: 660px;
	width: 159px;
	height: 51px;
	right: auto;
	bottom: auto;
	/*clip: rect(0px, 70px, 70px, 0px);*/
	background-size: 100% 100%;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	overflow: hidden;
	/*transform: translate(0px, 0px) rotate(0deg) scale(1, 1);*/
	cursor: pointer;
	z-index:1000;
}
.bt_reiniciar:hover{
	background-position:1px 1px;	
}

#msg_ayuda {
	position: absolute;
	left: 50%;
	top: 50%; 
	width:816px;
	height:164px;
	margin-top: -255px;
	margin-left: -191px;
	overflow:hidden; 	
	background-image: url(../img/help_crucigrama.png);	
	cursor: pointer;	
}