@charset "utf-8";
/* CSS Document */
/*clear float*/
.ajuste {
    width: 100%;
    height: 1px;
    clear: both;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.no-after:after   {content: none !important;}
.no-before:before{content: none !important;}
/*contenedores*/
.cntBordeFondo {
	background-color: transparent;
	border: 2px dashed #343a49;
	width: 1092px;
	height: 580px;
		padding: 8px 12px 12px 8px;
	margin: 0 auto;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	
}

.cntFondo{
	background-color: #C2DFEB;
	width: 100%;
	height: 100%;

	margin: 0 auto;
		-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

#wordList{
position: absolute;
left: 21%;
top: 50%;
font-family: 'cabinbold';
font-size: 36px;
letter-spacing: 0;
transform: translate(-50%,-50%);
text-transform:lowercase;
line-height: 40px;
}

#wordList>div:first-letter{
text-transform: uppercase;
}

#puzzle{
position: absolute;
border-right: solid #000 1px;
border-bottom: solid #000 1px;
left: 34%;
top: 21%;
width: 690px;
height: 470px;
}

#puzzle .hover{
	background-color:#FC6;
}
#puzzle .complete, #wordList .complete{
	background-color:#f9b233;
}
#puzzle .active, #wordList .active{
	background-color:#39F;
}
#puzzle .alphabet{
font-family: 'cabinmedium';
font-size: 24px;
letter-spacing:0;
text-align: center;
	border-left:solid #000 1px;
	border-top:solid #000 1px;
	line-height:32px;
	color:#000;
}

.title{
font-family: 'cabinmedium';
font-size: 36px;
letter-spacing: 0;
margin-left: 7%;
margin-top: 1%;
position: absolute;

}