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

h1 { margin:0 0 10px;padding:0;text-align:center;color:#000;font:normal 30px/34px Arial, sans-serif; visibility:hidden;}

.crossword { margin-left:0px;margin-top:100px;position:absolute;border:1px solid #666;padding:35px 40px 20px 40px;text-align:left; width:340px; }
.divover { margin-left:0px;margin-top:100px;position:absolute;/*border:1px solid #666;*/ width:400px; height:380px; 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:350px;margin-top:70px;position:absolute;text-align:left;width:800px; display:none; }

.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 22px/23px Arial, sans-serif;cursor:pointer; }
.ol li.__select { color:#000;background:#FFC; }
.ol li.__success { text-decoration:line-through; }

.item { height:28px;width:28px;position:relative; }
/*
.item_y { width:28px;height:28px;text-align:center;color:transparent;font:bold 18px/20px Arial, sans-serif;position:absolute;left:-10px;top:0; }
.item_x { width:28px;height:28px;text-align:center;color:transparent;font:bold 18px/20px Arial, sans-serif;position:absolute;left:0;top:-15px; }
*/
.item_y { width:28px;height:28px;text-align:center;color:transparent;font:bold 28px/30px Arial, sans-serif;position:absolute;}
.item_x { width:28px;height:28px;text-align:center;color:transparent;font:bold 28px/30px Arial, sans-serif;position:absolute;}
.item_debug {text-align:center;color:green;font:bold 20px/22px Arial, sans-serif;cursor:default;position:absolute;left:0;top:0; padding-top:2px;padding-left:6px; text-transform: uppercase;}

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

.text { height:28px;width:28px;text-align:center;font:normal 23px/24px Arial, sans-serif;cursor:default; padding-top:3px;}
.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;	
}