@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: 'Myriad-Pro';
	src:url(../fonts/MYRIADPROREGULAR.eot); /* IE */  
	src: local('Myriad-Pro'), url(../fonts/MYRIADPROREGULAR.ttf) format('truetype'); /* non-IE */
	src: local('Myriad-Pro'), url(../fonts/MYRIADPROREGULAR.woff) format('woff'); /* Modern Browsers */
}

.animar
{
	animation-duration: 1s;
  	animation-name: aumentar;
 	animation-iteration-count: infinite;
	-webkit-animation-duration: 1s;
	-webkit-animation-name: aumentar;
	-webkit-animation-iteration-count: infinite;
}

@keyframes aumentar{
	50% { transform: scale(1.1);}
	100% {transform: scale(1);}
}

@-webkit-keyframes aumentar{
	50% { transform: scale(1.1);}
	100% {transform: scale(1);}
}

.plato{
	background:url(../img/M_G04_U03_L01_03_03_PLATO.png) no-repeat;
	  background-size: 100%;
  width: 181px;
  height: 87px;
  position: absolute;
  top: 648px;
	cursor:pointer;
}

.plato:hover{
	-ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari */
    transform: scale(1.1);
}

.fondo{
	  background: #F9F8C7;
  border: solid #01505D 20px;
  border-radius: 15px;
  width: 97%;
  height: 595px;
}

.textoInstru{
	  font-family: "Myriad Pro";
  font-size: 26pt;
  color: #AA2117;
  font-style: italic;
  font-weight: bold;
  text-align: justify;
  margin-top: 10px;
  padding-left: 80px;
  padding-right: 80px;
}

.textoPop{
	  font-family: Myriad-Pro-Bold;
  font-size: 23pt;
  text-align: JUSTIFY;
  color: #FFF;
  padding: 8px;
}

#bolsa{
	background:url(../img/M_G04_U03_L01_03_03_BOLSA.png) no-repeat;
	background-size:100%;
	width:260px;
	height:260px;
	position:absolute;
	top:427px;
	left:539px;
	cursor:pointer;
}

.dragConcavo{
	cursor:pointer;
}

.dragConvexo{
	cursor:pointer;
}

#btnReiniciar{
  background: url(../img/M_G04_U03_L01_03_03_REINICIAR.png) no-repeat;
  background-size: 100%;
  width: 64px;
  height: 70px;
  position: absolute;
  bottom: 39px;
  left: 652px;
  cursor: pointer;
}

#btnReiniciar:active{
  background: url(../img/M_G04_U03_L01_03_03_REINICIAROFF.png) no-repeat;
  background-size: 100%;
  margin: -5px;
}

#pol1{
	background:url(../img/M_G04_U03_L01_03_03_CHULETA1.png) no-repeat;
	  background-size: 100%;
  width: 43px;
  height: 58px;
  position: absolute;
  top: 258px;
  left: 439px;
}

#pol2{
	background:url(../img/M_G04_U03_L01_03_03_CHULETA2.png) no-repeat; 
	  background-size: 71%;
  width: 38px;
  height: 50px;
  position: absolute;
  top: 292px;
  left: 520px;
}
#pol3{
	background:url(../img/M_G04_U03_L01_03_03_CHULETA3.png) no-repeat; 
	background-size:100%; 
	  width: 50px;
  height: 50px;
  position: absolute;
  top: 281px;
  left: 605px;
}
#pol4{
	background:url(../img/M_G04_U03_L01_03_03_CHULETA4.png) no-repeat; 
	  background-size: 72%;
  width: 50px;
  height: 60px;
  position: absolute;
  top: 250px;
  left: 704px;
}
#pol5{
	background:url(../img/M_G04_U03_L01_03_03_CHULETA5.png) no-repeat; 
	background-size: 100%;
  width: 50px;
  height: 43px;
  position: absolute;
  top: 281px;
  left: 776px;
}

#pol6{
	background:url(../img/M_G04_U03_L01_03_03_CHULETA6.png) no-repeat; 
	background-size: 100%;
   width: 42px;
  height: 44px;
  position: absolute;
  top: 291px;
  left: 891px;
}

#pol7{
	background:url(../img/M_G04_U03_L01_03_03_CHULETA7.png) no-repeat; 
	background-size: 100%;
  width: 66px;
  height: 59px;
  position: absolute;
  top: 329px;
  left: 432px;
}

#pol8{
	background:url(../img/M_G04_U03_L01_03_03_CHULETA8.png) no-repeat; 
	background-size: 100%;
  width: 50px;
  height: 43px;
  position: absolute;
  top: 343px;
  left: 520px;
}

#pol9{
	background:url(../img/M_G04_U03_L01_03_03_CHULETA9.png) no-repeat; 
	background-size: 100%;
    width: 40px;
  height: 40px;
  position: absolute;
  top: 347px;
  left: 587px;
}

#pol10{
	background:url(../img/M_G04_U03_L01_03_03_CHULETA10.png) no-repeat; 
	background-size: 100%;
  width: 50px;
  height: 43px;
  position: absolute;
  top: 326px;
  left: 664px;
}

#pol11{
	background:url(../img/M_G04_U03_L01_03_03_CHULETA11.png) no-repeat; 
	  background-size: 92%;
  width: 50px;
  height: 43px;
  position: absolute;
  top: 330px;
  left: 743px;
}

#pol12{
	background:url(../img/M_G04_U03_L01_03_03_CHULETA12.png) no-repeat; 
	  background-size: 93%;
  width: 50px;
  height: 45px;
  position: absolute;
  top: 317px;
  left: 833px;
}

#pol13{
	background:url(../img/M_G04_U03_L01_03_03_CHULETA13.png) no-repeat; 
	background-size: 100%;
 width: 57px;
  height: 43px;
  position: absolute;
  top: 362px;
  left: 878px;
}

#pol14{
	background:url(../img/M_G04_U03_L01_03_03_CHULETA14.png) no-repeat; 
	background-size: 100%;
    width: 54px;
  height: 49px;
  position: absolute;
  top: 408px;
  left: 432px;
}

#pol15{
	background:url(../img/M_G04_U03_L01_03_03_CHULETA15.png) no-repeat; 
	background-size: 100%;
  width: 54px;
  height: 48px;
  position: absolute;
  top: 410px;
  left: 511px;
}

#pol16{
	background:url(../img/M_G04_U03_L01_03_03_CHULETA16.png) no-repeat; 
	background-size: 100%;
  width: 44px;
  height: 48px;
  position: absolute;
  top: 425px;
  left: 587px;
}

#pol17{
	background:url(../img/M_G04_U03_L01_03_03_CHULETA17.png) no-repeat; 
	  background-size: 61%;
  width: 54px;
  height: 48px;
  position: absolute;
  top: 385px;
  left: 669px;
}

#pol18{
	background:url(../img/M_G04_U03_L01_03_03_CHULETA18.png) no-repeat; 
	background-size: 100%;
  width: 40px;
  height: 48px;
  position: absolute;
  top: 390px;
  left: 724px;
}

#pol19{
	background:url(../img/M_G04_U03_L01_03_03_CHULETA19.png) no-repeat; 
	background-size: 100%;
    width: 44px;
  height: 39px;
  position: absolute;
  top: 379px;
  left: 811px;
}

#pol20{
	background:url(../img/M_G04_U03_L01_03_03_CHULETA20.png) no-repeat; 
	background-size: 82%;
  width: 54px;
  height: 32px;
  position: absolute;
  top: 430px;
  left: 766px;
}

#pol21{
	background:url(../img/M_G04_U03_L01_03_03_CHULETA21.png) no-repeat; 
	background-size: 100%;
  width: 54px;
  height: 48px;
  position: absolute;
  top: 432px;
  left: 847px;
}