/* CSS Document */

	.images{
		margin:2%;
		width:45%;
		float:left;
	}
	.imagenRecuadro img
	{
		    max-width: 100%;
			height: 247px;
			margin-left: 37px;
	}
	
	#recuadro p
	{
		text-align: left;
    font-family: Roboto;
    font-size: 18px;
    color: black;
    background-color: white;
    padding: 8px;
    width: 110%;
    margin-left: -15px;
    border-radius: 12px;
	}
	
 .infosjuego 
{
    width: 65%;
    font-size: 27px;
    color: #4A148C;
    margin: 0 0 10px;
    margin: 0px auto;
}

.mensajeMal{
	 position: absolute; left: 13%; top: 70%;
}

#mensaje
{
	position: absolute;
	border-radius: 12px;
    width: 630px;
    height: 385px;
    top: -7px;
    left: 4%;
    z-index: 1000000;
    background-color: white;
    margin-top: 10px;
    font-size: 20px;
    color: black;
    font-family: Chewy;
    text-align: center;
}
#mensajillo
{
	text-align: justify;
    font-family: Roboto;
    font-size: 19px;
    color: black;
    width: 80%;
    margin: 0px auto;
}
#mensajeSolucion
{
	position: absolute;
    border-radius: 12px;
    width: 319px;
    height: 385px;
    top: -7px;
    left: 0%;
    z-index: 1000000;
    background-color: white;
    margin-top: 10px;
    font-size: 20px;
    color: #EF6C00;
    font-family: Chewy;
    text-align: center;
}
	
#Seguir
{
	background-color: #f05c01;
    color: white;
    padding: 7px;
    border-radius: 20px;
	cursor: url(../images/cursor/hand.cur), auto;
}	

 .mijuegos
 {
  top: 20px;
  width: 750px;
  height: 450px;
  border: 2px solid rgb(242, 242, 242);
  border-radius: 12px;
  background-image: url(../images/ftumaco22.png);
  background-size: 100% 100%;
 }
	.nube
		{ 
		 background-color: rgba(255, 255, 255, 0.73);
  border-radius: 12px;
  font-size: 20px;
  color:#DD2C00;
  padding: 5px;
  width: 92%;
  float: right;
  margin: 15px -15px 15px 15px;
  font-family: Chewy;
  text-align: center;
  height: 75px;
		}
	  #botes img:hover
	  {
		  -webkit-transition:-webkit-transform 0.8s ease-out; 
		  -moz-transition:-moz-transform 0.8s ease-out; 
		  -o-transition:-o-transform 0.8s ease-out; 
		  -ms-transition:-ms-transform 8.1s ease-out; 
		  transition:transform 0.8s ease-out;
		   -moz-transform: scale(1.1);
		   -webkit-transform: scale(1.1);
		   -o-transform: scale(1.1);
		   -ms-transform: scale(1.1);
		   transform: scale(1.1);
		  z-index:2000;
	  }
	  
	  #contenedorPiezas img:hover
	  {
		  -webkit-transition:-webkit-transform 0.8s ease-out; 
		  -moz-transition:-moz-transform 0.8s ease-out; 
		  -o-transition:-o-transform 0.8s ease-out; 
		  -ms-transition:-ms-transform 8.1s ease-out; 
		  transition:transform 0.8s ease-out;
		   -moz-transform: scale(1.5);
		   -webkit-transform: scale(1.5);
		   -o-transform: scale(1.5);
		   -ms-transform: scale(1.5);
		   transform: scale(1.5);
		  z-index:2000;

		  
	  }
	  .botonesdeayuda
	  {
		  position: absolute; 
		  top: 1%;
		  right: 1%;
		  width:50px;
		  cursor:url(../images/hand.cur),auto!important;
	  }
	  
	  .numerostextos
	  {
		  position: absolute;
		  background: transparent;
		  border: 0px;
		  color: white;
		  font-family:Chewy;
  		  font-size:25px;
		  text-shadow:2px 2px blacK;
		  width:100px;
	  }
	  #text_plastico{ top: -70px; left: -10px; text-align: center;}
	  #text_papel{ top: -70px; left: 70px; text-align: center;}
	  #text_vidrio{ top: -70px; left: 150px; text-align: center; }
	  #text_organicos{ top: -70px; left: 225px; text-align: center;}
	  #youareawinner p
	  {
		  font-family:roboto;
		  font-size:25px;
		  color:white;
	  }
	  .tip{
	    cursor: url(../images/cursor/hand.cur) , auto!important;
	  }


/*-------------------------------------------*/

	#zona_trabajo{
		  background: rgba(255, 255, 255, 0.73);
		  min-height: 100%;
		  margin-top: 8px;
		  left: 0px;
		  width: 100%;
		  border-radius: 12px;
		  position: absolute;
	}