html, body { margin:0;padding:0;height:100%;font:normal 14px/16px Arial, sans-serif; }
.page { position:relative;width:960px;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;}

.crossword { margin-left:70px;margin-top:40px;position:absolute;border:1px solid #666;padding:50px 40px 20px 40px;text-align:left; width:300px; }
.title { margin-left:570px;margin-top:70px;position:absolute;text-align:left;font:bold 26px/28px Arial, sans-serif; }
.questions { margin-left:460px;margin-top:110px;position:absolute;text-align:left;width:600px; }

.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 #666; }
.table.__debug td { border:1px solid #666; }

.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:10px 140px 0; }
.ol li { margin:0;padding:0;color:#000;font:normal 24px/26px Arial, sans-serif;cursor:pointer; }
.ol li.__select { color:#000;background:#FFC; }
.ol li.__success { text-decoration:line-through; }

.item { height:30px;width:30px;position:relative; }
.item_y { width:30px;height:30px;text-align:center;color:#000;font:bold 10px/18px Arial, sans-serif;position:absolute;left:-30px;top:0; }
.item_x { width:30px;height:30px;text-align:center;color:#000;font:bold 10px/18px Arial, sans-serif;position:absolute;left:0;top:-30px; }
.item_debug { color:#000;font:normal 18px/16px Arial, sans-serif;cursor:default;position:absolute;left:0;top:0; }

.word_num { width:30px;height:30px;text-align:center;color:#000;font:bold 18px/19px 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:#CCCCCC;color:#000;}
.item.__word_select { background:#FFFFCC;color:#666; }
.item.__letter_select { background:#C4C4FF;color:#666; }

.text { height:30px;width:30px;text-align:center;font:normal 18px/19px 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: 50%;
	top: 50%; 
	width:530px;
	height:160px;
	margin-top: -135px;
	margin-left: -295px;
	overflow:hidden; 	
	background-image: url(../img/msg_correcto.png);	
	z-index:10000;	
}

#msg_ayuda {
	position: absolute;
	left: 50%;
	top: 50%; 
	width:531px;
	height:249px;
	margin-top: -135px;
	margin-left: -295px;
	overflow:hidden; 	
	background-image: url(../img/help_crucigrama.png);	
	z-index:10001;	
}