div#canvas-puzzle {
    /* tamaño del rompecabezas */
    width: 70%;
    height: 650px;
    /* Color de fondo */
    background: #444;
    margin: 10px auto;
    overflow: hidden;
    position: relative;
    border: 1px solid #000;
    font-family: Helvetica, Arial, sans-serif;
}

#canvas-puzzle,
#canvas-puzzle ul,
#canvas-puzzle div,
#canvas-puzzle ul li,
#canvas-puzzle canvas {
    margin: 0;
    padding: 0;
}

.hide { display: none; }

.clear { clear: both; }

/*== Jigsaw puzzle ==*/
div#canvas-wrap {
    width: 100%;
    height: 100%;
}

canvas#canvas, canvas#buffer, canvas#image-preview {
    position: absolute;
    top: 70px;
    left: 0;
}
canvas#canvas { z-index: 100; }

canvas#canvas.loading { background: url(../images/artemia2.gif) no-repeat center; }

canvas#buffer { z-index: 70; }

canvas#image-preview.show {
    left: 50%;
    z-index: 40;
}
#image-preview{
	z-index:124 !important;	
}
/*== Options bar ==*/
div#game-options ul {
    margin: 0 auto;
    width: 280px;
}

div#game-options  {
	background: #444;
	z-index: 500;
	top: 0;
	position: absolute;
	border-bottom: 1px solid #000;
	padding: 5px 0px;
	width: 100%;
	height: 57px;
	-moz-box-shadow: 0 0 5px black;
	-webkit-box-shadow: 0 0 5px black;
	box-shadow: 0 0 5px black;
	left: 0px;
}
div#game-options h4{
	text-align: center;
	color: #FFF;
}
div#game-options ul li { 
    float: left;
    list-style: none;
    line-height: 15px;
}

div#game-options ul li b {
    margin: 0 10px;
}

/*== Modal window ==*/
div#congrat { text-align: center; }

div#help {
    font-size: 15px;
}

div#help ul { margin-left: 10px; }
.Hints {
	color: #FFF;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}