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

	#zona_trabajo{
		  min-height: 100%;
		  margin-top: 8px;
		  left: 0px;
		  width: 100%;
		  border-radius: 12px;
		  position: absolute;
	}
	
	.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;
	  }
/*estilos nivel 2*/

.img1,.img2,.img3,.img4
{
	width: 22%;
    margin-top: 4%;
    margin-left: 2%;
    z-index: 1;
}

.botones{
    height: 75px;
    width: 100%;
    margin-top: 5%;
    border: 2px solid #0D47A1;
    border-radius: 15px;
    background: rgba(232,235,241,0.3);
}

.botones img
{
	width: 24%;
    float: left;
    margin-top: 2.5%;
    margin-left: 0.8%;
}

.respuesta1, .respuesta2, .respuesta3, .respuesta4
{
    height: 35px;
    width: 21%;
    position: absolute;
    top: 12%; 
}

.respuesta1
{
	left: 4%;
}

.respuesta2
{
    left: 27%;
       
}

.respuesta3
{
	left: 50%;
}

.respuesta4
{
	left: 73%;
}

.respuesta1 img, .respuesta2 img, .respuesta3 img, .respuesta4 img
{
	width: 100%;
    top: -3%;
    position: absolute;
}

.verificar
	{
		position: absolute;
		right: 28%;
		top: 95px;
		background-color: white;
		border: 3px solid gray;
		border-radius: 27px;
		padding: 10px;
		cursor: url(../images/cursor/hand.cur) , auto!important;
		display:none;
	}

	  #manito {
    color: #BF360C;
    font-size: 40px;
    position: relative;
    top: 9px;
    padding: 0px 5px 12px 12px;
    animation: 3s aum infinite;
    z-index: 2;
}

.cadena
{
	width: 72%;
    top: 3%;
    left: 5%;
    position: absolute;
}

.seres
{
	border: 2px solid #F9F9F9;
    width: 14%;
    height: 363px;
    right: 7%;
    border-radius: 12px;
    position: absolute;
    background-color: rgba(236, 234, 230, 0.5);
    top: -2%;
}

.seres img
{
	width: 88%;
    margin: 4px;
    background-color: white;
    border-radius: 50%;
    border: 2px solid #DD431D;
}

.div-1,.div-2,.div-3,.div-4
{
    width: 15%;
    border-radius: 50%;
    height: 103px;    
    position: absolute;    
}

.div-4
{
    top: 6%;
    left: 33.8%;
}

.div-3
{
    top: 37.6%;
    left: 7%;
}

.div-2
{
    bottom: -3%;
    left: 33%;
}

.div-1
{
	top: 37%;
    right: 25.2%;
}

.div-1 img,.div-2 img,.div-3 img,.div-4 img
{
    width: 100%;
    background-color: white;
    border-radius: 50%;
    border: 2px solid #0D47A1;   
}