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

	#zona_trabajo{
		position: relative;
		top: 16px;
		width: 100%;
		height: 322px;
	}
	.noticia
	{
		position: absolute;
		left: 20%;
		background-image: url(../images/tema/noticia.png);
		background-size: cover;
		width: 62%;
		height: 336px;
		top: 36px;
	}
	.m
	{
		border: 2px solid orange; 
	}
	.parte_noticia:hover, .cursor:hover
	{
		border: 2px solid #FFC107!important; 
	}
	.posi1
	{
		width: 200px;
		height: 270px;
		position: absolute;
		right: -18px;
		top: 60px;
	}
	.posi2
	{
		width: 200px;
		height: 270px;
		position: absolute;
		left: 224px;
		top: 60px;
	}
	.posi3
	{
		width: 200px;
		height: 270px;
		position: absolute;
		left: 0px;
		top: 60px;
	}
	.pos1
	{
		width: 285px;
		height: 270px;
		position: absolute;
		right: 20px;
		top: 60px;
	}
	.pos2
	{
		width: 285px;
		height: 270px;
		position: absolute;
		left: 20px;
		top: 60px;
	}
	.caja
	{
	    width: 48%;
    margin: 4px;
    padding: 10px;
    border: 3px solid #FF9800;
    float: left;
    display: table;
    background-color: white;
	}
	#manito
	{
		color: #BF360C;
		font-size: 40px;
		position: relative;
		top: 9px;
		padding: 0px 5px 12px 12px;
		animation: 3s aum infinite;
		z-index: 2;
	}
	@keyframes aum {
   	 50% { opacity: 0;
    filter: alpha(opacity=0); /* For IE8 and earlier */}
	}
	.boton {
    color: white;
    text-shadow: -1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000;
    width: 100px;
    height: 50px;
    text-align: center;
    font-family: Chewy;
    font-size: 19px;
    background-color: #FFC107;
    border-radius: 20px 7px 20px 7px;
    padding: 12px;
    cursor: url(../images/cursor/hand.cur) , auto!important;
	}
	.partes div
	{
		width:80%;
		margin:0px auto;
		padding:5px;
		background-color:white;
		font-family:chewy;
		font-size:25px;
		border-radius:12px;
		color:blue;
		margin:3px;
		text-align:center;		
	}
	
	.arrastrable
	{
    	font-family: Chewy;
		width: 49%;
		color: white;
		text-align: left;
		font-size: 20px;
		float: left;
		margin: 2px;
		padding: 1px 0px 3px 9px;
	}
	.titulo
	{
		font-family: Chewy;
		font-size: 40px;
		z-index: 1;
		padding: 0px;
		margin: 6px;
		text-align: left;
	}
	
	
	
	#contenedorPiezas
	{	
	background-color: white;
    border: 3px dashed orange;
    padding: 4px;
    margin-top: 17px;
    margin-left: 32px;
    width: 93%;
    height: 75px;
	}
	
	#contenedorPiezas div
	{
		height:100%;
	}
	
	.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;
		z-index: 3;
		display:none;
	}
	.recuerda
	{
		    color: #BF360C;
    font-family: chewy;
    margin-left: -15px;
    margin-bottom: 1px;
    font-size: 30px;
	}
	
	#retro
	{
		position: absolute;
		width: 643px;
		height: 340px;
		right: -3%;
		top: 8px;
		background-color: white;
		border: 3px solid #FF5722;
		border-radius: 27px;
		padding: 25px;
		font-family: roboto;
		font-size: 20px;
		text-align: justify;
		padding-right: 30px;
		z-index:5;
		display:none;
	}
	
	.cursor:hover
	{
		cursor: url(../images/cursor/hand.cur) , auto!important;
	}
	
	.bgcolor1 { background-color:#F44336; }
 .bgcolor2 { background-color:#E91E63; }
 .bgcolor3 { background-color:#9C27B0; }
 .bgcolor4 { background-color:#3F51B5; }
 .bgcolor5 { background-color:#2196F3; }
 .bgcolor6 { background-color:#009688; }
 .bgcolor7 { background-color:#43A047; }
 .bgcolor8 { background-color:#EF6C00; }
 .bgcolor9 { background-color:#FF5722; }
 .bgcolor10 { background-color:#607D8B; }
 .bgcolor11 { background-color:#F44336; }
 .bgcolor12 { background-color:#E91E63; }
 .bgcolor13 { background-color:#9C27B0; }
 .bgcolor14 { background-color:#3F51B5; }
 .bgcolor15 { background-color:#2196F3; }
 .bgcolor16 { background-color:#009688; }
 .bgcolor17 { background-color:#43A047; }
 .bgcolor18 { background-color:#EF6C00; }
 .bgcolor19 { background-color:#FF5722; }
 .bgcolor20 { background-color:#607D8B; }
 
  .textcolor1 { color:#F44336; }
 .textcolor2 { color:#E91E63; }
 .textcolor3 { color:#9C27B0; }
 .textcolor4 { color:#3F51B5; }
 .textcolor5 { color:#2196F3; }
 .textcolor6 { color:#009688; }
 .textcolor7 { color:#43A047; }
 .textcolor8 { color:#EF6C00; }
 .textcolor9 { color:#FF5722; }
 .textcolor10 { color:#607D8B; }

	.bien_o_mal
	{
	width: 35%;
    position: absolute;
    left: 34%;
    top: 15%;
    z-index: 2;
	display:none;
	}
	
	
	#imagen .contenedorPieza{
	    width: 96%;
    margin-left: -1%;
    position: absolute;
    top: 193px;
    height: 67px;
	    border: 3px dashed orange;
    background-color: rgba(255, 255, 255, 0.88);
	background-image:url(../images/tema/arrastra_aqui.png);
	}
	#imagen .contenedorPieza div{
	    width: 98%;
		height:95%;
	}