@font-face  { font-family: avenir; src: url('fonts/avenirltstd-book.eot'), url('fonts/avenirltstd-book.ttf'),  url('fonts/avenirltstd-book.otf'), url('fonts/avenirltstd-book.svg'), url('fonts/avenirltstd-book.woff') }
@font-face  { font-family: museo; src: url('fonts/museo.eot'), url('fonts/museo.ttf'),  url('fonts/museo.otf'), url('fonts/museo.svg'), url('fonts/museo.woff') }*/
@font-face  { font-family: gill-sans-mt-bold-1361533554; src: url('fonts/gill-sans-mt-bold-1361533554.eot'), url('fonts/gill-sans-mt-bold-1361533554.ttf'),  url('fonts/gill-sans-mt-bold-1361533554.otf'), url('fonts/gill-sans-mt-bold-1361533554.svg'), url('fonts/gill-sans-mt-bold-1361533554.woff')}

body, html{
    overflow: none !important;
	background-color: rgb(204, 204, 204);
}

#all{
	position:absolute;
	top:0px;
	left:0px;
	width:920px;
	height:635px;
	background-image:url('../img/bg0.png');
	background-size:920px 585px;
	background-repeat:no-repeat;
	border-radius: 10px;
	background-color: white;
}

#t1{
position: absolute;
left: 75px;
top: 20px;
width: 600px;
font-size: 24px;
color: #333333;
font-family: Verdana, Geneva, sans-serif;
font-weight: normal;
font-style: normal;
}
/*#wrapper{
	width:100%;
}*/
/*.pos{	
	position:relative;
	}*/
	
#head{
	 
	font: 25px arial;
	color: #FFF;
 	margin: 5px 0 0 20px;
  	float: left;
}

#instruction {
position: absolute;
left:75px;
top:95px;
font-size: 15px;
font-family: Verdana, Geneva, sans-serif;
color: #333333;
font-weight: normal;
font-style: normal;
}
#text{
	position:absolute;
	left:18px;
	top:190px;
	font-family:gill-sans-mt-bold-1361533554;font-size:26px; font-weight:bold;
	}

#box{  
    left: 50px;
    position: absolute;
    top: 103px;}
#bien
{
	position: absolute;
	background-repeat: no-repeat;
	left: 380px;
	top: 450px;
	opacity:0;
	display:none;
	 
}

#drag_1{
	background-image: url('../img/img1.png');
	background-size: 47px 90px;
	cursor: pointer;
    height: 90px;
    left: 240px;
    position: absolute;
    top: 370px;
	width: 47px;
}
#drag_2{
	background-image: url('../img/img2.png');
	background-size: 47px 90px;
    cursor: pointer;
    height: 90px;
    left: 530px;
    position: absolute;
    top: 350px;
	width: 47px;
}
#drag_3{
	background-image: url('../img/img3.png');
	background-size: 47px 90px;
	cursor: pointer;
    height: 90px;
    left: 410px;
    position: absolute;
    top: 375px;
	width: 47px;
}

#drag_4{
	background-image: url('../img/img4.png');
	background-size: 47px 90px;
	cursor: pointer;
    height: 90px;
    left: 310px;
    position: absolute;
    top: 370px;
	width: 47px;
}

#drag_5{
	background-image: url('../img/img5.png');
	background-size: 47px 90px;
	cursor: pointer;
    height: 90px;
    left: 110px;
    position: absolute;
    top: 350px;
	width: 47px;
}





#drop_1{
	position: absolute;
	left: 184px;
    top: 213px;
	width:47px;
	height: 90px;
 }

#drop_2{
	position: absolute;
	left: 272px;	
    top: 213px; 
	width:47px;
	height: 90px;
 }
#drop_3{
	position: absolute;
	left: 357px;
    top: 213px;
	width:47px;
	height: 90px;
 }
#drop_4{
	position: absolute;
	left: 573px;
    top: 213px;
	width:47px;
	height: 90px;
 }
#drop_5{
	position: absolute;
	left: 702px;
    top: 213px;
	width:47px;
	height: 90px;
 }

 #regla{
	background-image: url('../img/table3.png');
	background-size: 780px 50px;
    height: 50px;
    left: 75px;
    position: absolute;
    top: 210px;
    width: 780px;
	display: block;
 }

#correct_1{
    display: none;
    left: 190px;
    position: absolute;
    top: 350px;
}
#correct_2{
    display: none;
    left: 280px;
    position: absolute;
    top: 350px;
}
#correct_3{
    display: none;
    left: 365px;
    position: absolute;
    top: 350px;
}
#correct_4{
    display: none;
    left: 580px;
    position: absolute;
    top: 350px;
}
#correct_5{
    display: none;
    left: 710px;
    position: absolute;
    top: 350px;
}