@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/border.png);
height:31px;
position: absolute;
left:150px;
top:410px;
width:85px;
cursor:pointer;
font-family:gill-sans-mt-bold-1361533554; font-size:20px; color:#CC0000; font-weight:bold;
text-align: center;
line-height: 170%;
}
#drag_2{
background-image:url(../img/border.png);
height:31px;
position: absolute;
left:265px;
top:410px;
width:85px;
cursor:pointer;
font-family:gill-sans-mt-bold-1361533554; font-size:20px; color:#CC0000;font-weight:bold;
text-align: center;
line-height: 170%;
}
#drag_3{
background-image:url(../img/border.png);
height:31px;
position: absolute;
left:380px;
top:410px;
width:85px;
cursor:pointer;
font-family:gill-sans-mt-bold-1361533554; font-size:20px; color:#CC0000;font-weight:bold;
text-align: center;
line-height: 170%;
}

#drag_4{
background-image:url(../img/border.png);
height:31px;
position: absolute;
left:495px;
top:410px;
width:85px;
cursor:pointer;
font-family:gill-sans-mt-bold-1361533554; font-size:20px; color:#CC0000;font-weight:bold;
text-align: center;
line-height: 170%;
}

#drag_5{
background-image:url(../img/border.png);
height:31px;
position: absolute;
left:610px;
top:410px;
width:85px;
cursor:pointer;
font-family:gill-sans-mt-bold-1361533554; font-size:20px; color:#CC0000;font-weight:bold;
text-align: center;
line-height: 170%;
}


#drag_6{
background-image:url(../img/border.png);
height:31px;
position: absolute;
left:725px;
top:410px;
width:85px;
cursor:pointer;
font-family:gill-sans-mt-bold-1361533554; font-size:20px; color:#CC0000;font-weight:bold;
text-align: center;
line-height: 170%;

}




#drop_1{
	position: absolute;
	top: 263px;
	left: 24px;
	width:85px;
	height: 31px;
 }

#drop_2{
	position: absolute;
	top: 263px;
	left: 115px;
	width:85px;
	height: 31px;
 }
#drop_3{
	position: absolute;
	top: 263px;
	left: 384px;
	width:85px;
	height: 31px;
 }
#drop_4{
	position: absolute;
	top: 263px;
	left: 563px;
	width:85px;
	height: 31px;
 }
#drop_5{
	position: absolute;
	left: 610px;
	top: 200px;
	width:85px;
	height: 31px;
 }

#drop_6{
	position: absolute;
	top: 263px;
	left: 789px;
	width:85px;
	height: 31px;
 }

 #regla{
 	position: absolute;
 	top: 190px;
	left: 0px;

 }

#correct_1{
    display: none;
    left: 24px;
    position: absolute;
    top: 300px;
}
#correct_2{
    display: none;
    left: 115px;
    position: absolute;
    top: 300px;
}
#correct_3{
    display: none;
    left: 384px;
    position: absolute;
    top: 300px;
}
#correct_4{
    display: none;
    left: 563px;
    position: absolute;
    top: 300px;
}
#correct_5{
    display: none;
    left: 610px;
    position: absolute;
    top: 150px;
}
#correct_6{
    display: none;
    left: 789px;
    position: absolute;
    top: 300px;
}