/* CSS Document */
/*-------------------------------------------*/

	
.verificar {
		font-size: 20px;
		text-align: center;
		background-image: url(../images/tablon2.png);
		background-size: 100% 100%;
		padding: 12px;
		padding-top: 5px;
		font-family: Chewy;
		margin-right: 30px;
		color: white;
		cursor: url(../images/cursor/hand.cur), auto!important;
		
		margin-bottom: 20px;
		    margin-top: 13px;
    	position: absolute;
	}
	.verificar:hover {
		color:white;
		
	}
	
	#manito {
		color: white;
		font-size: 44px;
		padding: 12px;
		animation: 3s aum infinite;
		z-index: 2;
	}

	#zona_trabajo{
		width: 600px;
		height: 288px;
		position: absolute;
		padding-top: 4px;
		left: 8%;
		margin-top: 4px;
		border-radius: 12px;
		border: 2px dashed white;
		background-color: rgba(255, 255, 255, 0.78);
	}
	
	#pregunta span{
		float: left;
		width: 584px;
		font-family: Chewy;
		font-size: 20px;
		color: #039BE5;
		padding: 6px 0 6px 0;
		text-align: center;
		margin-left: 6px;
		border-radius: 4px;
		background-color: rgba(255, 255, 255, 0.92);
		
		-webkit-user-select: none;
		-moz-user-select: none;
		-khtml-user-select: none;
		-ms-user-select:none;
	}
	
	.img_opcion{
		width:80px;
		height:80px;
		position: absolute;
		border-radius: 6px;
		cursor: url(../images/cursor/hand.cur), auto;
		    border: 2px solid #FFC107;
			padding:1px;
		-webkit-transition:all 0.2s ease-out;  /* Chrome y Safari */
	    -o-transition:all 0.2s ease-out;  /* Opera */
	    -moz-transition:all 0.2s ease-out;  /* Mozilla Firefox */
	    -ms-transition:all 0.2s ease-out;   /* Internet Explorer */
	    transition:all 0.2s ease-out;  /* W3C */
	}
	
	.reflection{
		display:block;
		width: 150px;
		height: 150px;
		float: right;
		margin: 38px 42px 2px 2px;
        background-color: white;border-radius: 8px;
		border: 2px solid #FFC107;
    	padding: 2px;
		
		box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(80%, transparent), 													to(rgba(255,255,255,0.2)));
		-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(80%, transparent), 													to(rgba(255,255,255,0.2)));
		-moz-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(80%, transparent), 													to(rgba(255,255,255,0.2)));
		-o-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(80%, transparent), 													to(rgba(255,255,255,0.2)));
	}
	
	.reflection img{
		width:100%;
		height:100%;
		border-radius: 8px;
	}
	
	.over {
	  border: 3px dotted #000;
	}