
	#wrapper {
		width: 400px;
		height: 600px;
		background: url(../img/tablero.jpg) no-repeat;
		margin: 0 auto;		
		position: relative;
	}
		
	#secretColors {
		width: 67px;
		height: 17px;
		position: absolute;
		top: 142px;
		left: 160px;	
	}
	
	#secretColors img {
		width: 13px;
	}	
	
	#tapa {
		position: absolute;
		top: 144px;
		left: 157px;
		z-index: 1000;		
	}	
	
	#clues {
		position: absolute;
		width: 25px;
		height: 220px;
		left: 132px;
		*left: 0px;
		top: 165px;
		*top: 380px;
		padding: 0px;
		margin: 0px;
		border-spacing: 0px;
		border-collapse: collapse;
		position: relative;
	}
	
	#clues tr td table {
		width: 15px;
		margin: 0px;	
		padding: 0px;	
		border-collapse: collapse;	
	}
	
	#clues tr td table tr td {
		margin: 0;
		padding: 0;
		border-collapse: collapse;
	}

	#clues tr td table tr td img {
		display: block;	
	}
	
	#r1 {
		position: absolute;
		bottom: 226px;
		left: 133px;
	}
	
	#r2 {
		position: absolute;
		bottom: 226px;
		left: 142px;
	}
	
	#r3 {
		position: absolute;
		bottom: 216px;
		left: 132px;
	}
	
	#r4 {
		position: absolute;
		bottom: 216px;
		left: 141px;
	}
	
	#r5 {
		position: absolute;
		bottom: 251px;
		left: 134px;
	}
	
	#r6 {
		position: absolute;
		bottom: 251px;
		left: 143px;
	}
	
	#r7 {
		position: absolute;
		bottom: 240px;
		left: 134px;
	}

	#r8 {
		position: absolute;
		bottom: 240px;
		left: 143px;
	}
	
	#r9 {
		position: absolute;
		bottom: 277px;
		left: 136px;	
	}

	#r10 {
		position: absolute;
		bottom: 277px;
		left: 145px;	
	}

	#r11 {
		position: absolute;
		bottom: 267px;
		left: 136px;
	}
	
	#r12 {
		position: absolute;
		bottom: 267px;
		left: 145px;
	}
	
	#r13 {
		position: absolute;
		bottom: 301px;
		left: 137px;
	}
	
	#r14 {
		position: absolute;
		bottom: 301px;
		left: 146px;
	}
	
	#r15 {
		position: absolute;
		bottom: 291px;
		left: 137px;
	}
	
	#r16 {
		position: absolute;
		bottom: 291px;
		left: 146px;
	}
	
	#r17 {
		position: absolute;
		bottom: 325px;
		left: 138px;
	}

	#r18 {
		position: absolute;
		bottom: 325px;
		left: 147px;	
	}
	
	#r19 {
		position: absolute;
		bottom: 315px;
		left: 138px;	
	}

	#r20 {
		position: absolute;
		bottom: 315px;
		left: 147px;	
	}

	#r21 {
		position: absolute;
		bottom: 347px;
		left: 139px;
	}
	
	#r22 {
		position: absolute;
		bottom: 347px;
		left: 148px;
	}
	
	#r23 {
		position: absolute;
		bottom: 337px;
		left: 139px;
	}
	
	#r24 {
		position: absolute;
		bottom: 337px;
		left: 148px;
	}
	
	#r25 {
		position: absolute;
		bottom: 368px;
		left: 140px;
	}
	
	#r26 {
		position: absolute;
		bottom: 368px;
		left: 148px;
	}
	
	#r27 {
		position: absolute;
		bottom: 359px;
		left: 140px;	
	}

	#r28 {
		position: absolute;
		bottom: 359px;
		left: 148px;	
	}
	
	#r29 {
		position: absolute;
		bottom: 389px;
		left: 142px;	
	}

	#r30 {
		position: absolute;
		bottom: 389px;
		left: 150px;	
	}
	
	#r31 {
		position: absolute;
		bottom: 380px;
		left: 142px;
	}
	
	#r32 {
		position: absolute;
		bottom: 380px;
		left: 150px;
	}
	
	#r33 {
		position: absolute;
		bottom: 408px;
		left: 143px;
	}
	
	#r34 {
		position: absolute;
		bottom: 408px;
		left: 151px;
	}
	
	#r35 {
		position: absolute;
		bottom: 399px;
		left: 143px;
	}
	
	#r36 {
		position: absolute;
		bottom: 399px;
		left: 151px;
	}
	
	#r37 {
		position: absolute;
		bottom: 426px;
		left: 144px;	
	}

	#r38 {
		position: absolute;
		bottom: 426px;
		left: 151px;	
	}
	
	#r39 {
		position: absolute;
		bottom: 418px;
		left: 144px;	
	}

	#r40 {
		position: absolute;
		bottom: 418px;
		left: 151px;	
	}
	
	#play {
		width: 80px;
		height: 225px;
		position: absolute;
		top: 163px;
		*top: 158px;
		left: 160px;
		*left: 0px;
		border-collapse: collapse;
		position: relative;
	}
	
	#play tr {
		border-collapse: collapse;	
	}
	
	#play tr td {	
		width: 20px;	
		height: 20px;	
	}
	
	#play tr td img {
		width: 15px;
		height: 15px;	
	}
	
	#play tr#attempt_1 {	
		display: block;
		width: 82px;
		height: 18px;
		position: absolute;
		bottom: 216px;
		left: 155px; 
	}
	
	#play tr#attempt_2 {	
		display: block;
		width: 80px;
		height: 21px;
		position: absolute;
		bottom: 238px;
		left: 157px; 
	}

	#play tr#attempt_3 {	
		display: block;
		width: 77px;
		height: 21px;
		position: absolute;
		bottom: 264px;
		left: 158px; 
		*left: 155px;
	}
	
	#play tr#attempt_4 {	
		display: block;
		width: 74px;
		height: 21px;
		position: absolute;
		bottom: 288px;
		left: 158px; 
		*left: 156px;
	}
	
	#play tr#attempt_5 {	
		display: block;
		width: 69px;
		height: 21px;
		position: absolute;
		bottom: 311px;
		left: 160px; 
		*left: 156px;
	}
	
	#play tr#attempt_6 {	
		display: block;
		width: 68px;
		height: 21px;
		position: absolute;
		bottom: 335px;
		left: 161px; 
		*left: 158px;
	}

	#play tr#attempt_6 img {			
		width: 15px;
		height: 15px;
	}
	
	#play tr#attempt_7 {	
		display: block;
		width: 65px;
		height: 21px;
		position: absolute;
		bottom: 356px;
		left: 161px; 
		*left: 158px;
	}
	
	#play tr#attempt_7 img {			
		width: 15px;
		height: 15px;
	}
	
	#play tr#attempt_8 {	
		display: block;
		width: 68px;
		height: 21px;
		position: absolute;
		bottom: 378px;
		left: 161px; 
		*left: 158px;
	}
	
	#play tr#attempt_8 img {			
		width: 14px;
		height: 14px;
	}

	#play tr#attempt_9 {	
		display: block;
		width: 67px;
		height: 21px;
		position: absolute;
		bottom: 398px;
		left: 162px;
		*left: 159px; 
	}
	
	#play tr#attempt_9 img {			
		width: 14px;
		height: 14px;
	}
	
	#play tr#attempt_10 {	
		display: block;
		width: 68px;
		height: 21px;
		position: absolute;
		bottom: 416px;
		left: 163px;
		*left: 159px; 
	}
	
	#play tr#attempt_10 img {			
		width: 13px;
		height: 13px;
	}
	
	#puntuacion {
		position: absolute;
		top:100px;
		*top: 115px;
		right: 100px;
		*right: 100px; 
	}
	
	#puntuacion li {
		list-style: none;
		display: block;
		width: 5px;
	}
	#puntuacion li img {
		width: 25px;
		margin: 0px;
		padding: 0px;
	}
	
	#puntuacion li img#punt_1 {
		position: absolute;
		top: 245px;
		right: 12px;
		width: 25px;
	}
	
	#puntuacion li img#punt_2 {
		position: absolute;
		top: 222px;
		right: 13px;
		width: 24px;
	}
	
	#puntuacion li img#punt_3 {
		position: absolute;
		top: 196px;
		right: 16px;
		width: 23px;
	}
	
	#puntuacion li img#punt_4 {
		position: absolute;
		top: 173px;
		right: 21px;
		width: 22px;
	}
	
	#puntuacion li img#punt_5 {
		position: absolute;
		top: 150px;
		right: 27px;
		width: 21px;
	}
	
	#puntuacion li img#punt_6 {
		position: absolute;
		top: 129px;
		right: 28px;
		width: 20px;
	}
	
	#puntuacion li img#punt_7 {
		position: absolute;
		top: 108px;
		right: 30px;
		width: 19px;
	}
	
	#puntuacion li img#punt_8 {
		position: absolute;
		top: 87px;
		right: 34px;
		width: 18px;
	}
	
	#puntuacion li img#punt_9 {
		position: absolute;
		top: 69px;
		right: 36px;
		width: 17px;
	}
	
	#puntuacion li img#punt_10 {
		position: absolute;
		top: 52px;
		right: 41px;
		width: 16px;
	}
	
	#color_selection #color_buttons input[type="button"]{
		background: none;
		border: none;
		width: 33px;
		height: 38px;
	} 
	
	#color_selection #color_buttons input#color_1 {
		background: url("../img/1.png") no-repeat;
		position: absolute;
		bottom: 52px;
		left: 106px;
	}
	
	#color_selection #color_buttons input#color_2 {
		background: url("../img/2.png") no-repeat;
		position: absolute;
		bottom: 52px;
		left: 157px;
	}

	#color_selection #color_buttons input#color_3 {
		background: url("../img/3.png") no-repeat;
		position: absolute;
		bottom: 52px;
		left: 208px;
	}
	
	#color_selection #color_buttons input#color_4 {
		background: url("../img/4.png") no-repeat;
		position: absolute;
		bottom: 52px;
		left: 258px;
	}
	
	#color_selection #color_buttons input#color_5 {
		background: url("../img/5.png") no-repeat;
		position: absolute;
		bottom: 19px;
		left: 79px;
	}

	#color_selection #color_buttons input#color_6 {
		background: url("../img/6.png") no-repeat;
		position: absolute;
		bottom: 18px;
		left: 131px;
	}
	
	#color_selection #color_buttons input#color_7 {
		background: url("../img/7.png") no-repeat;
		position: absolute;
		bottom: 19px;
		right: 185px;
	}
	
	#color_selection #color_buttons input#color_8 {
		background: url("../img/8.png") no-repeat;
		position: absolute;
		bottom: 19px;
		right: 134px;
	}
	
	#color_selection #color_buttons input#color_9 {
		background: url("../img/9.png") no-repeat;
		position: absolute;
		bottom: 19px;
		right: 82px;
	}
	
	#check_button {
		border: none;
		background: none;
		position: absolute;
		bottom: 135px;
		*bottom: 155px;
		left: 130px;
		*left: 150px;
		text-transform: uppercase;
		font-weight: bold;
		padding: 20px;
		*padding: 1px 0 1px 0;
		*width: 100px;
	}
	
	#check_button:hover {
		background-color: #4ef31c;
	}
	
	#instructions {
		border: none;
		position: absolute;
		bottom: 100px;
		right: 10px;	
	}

