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

*{
margin:0;
paddig:0;
box-sizing:border-box;

}

section.um {
	position: relative;
	width: 285px;
	height: 500px;
	margin: 40px auto 40px auto;
	padding: 0px;
	border: 0.5px solid rgba(0,0,0,0.9);
	border-radius:5px;
	box-shadow: 0px 0px 10px rgba(0,0,0,1);
	/*overflow:hidden;*/
	background-color:rgba(43,124,180,0.1);
	background-image: 
	url(../imagem-13-jogos-48-tangram/tangram-01-um-fundo.png),
	url(../imagem-13-jogos-matematicos/000-fundo-jogos-matematicos-100px100px.png) ;
	/*background-repeat: repeat-y;*/
	background-repeat: no-repeat;
	background-position: center bottom, top right;
	/*diplay:flex;*/ /*OBS display flex nao funcionou BG???*/
	/*flex-direction:row;*/
	/*flex-wrap: wrap;*/
	/*justify-content: space-around;*/
	
}
	/*img{
	max-width:100%;
	heigth:auto;

}*/


.draggable {
	position: relative;
	top: 0px;
	left: 0px;
	transition: transform 0.3s linear z-index 0.3 linear;
	z-index: 0;
}

.dragging {
  transform: scale(1.1);
  z-index: 999;
}


/*TRANGRAM NUMERO ZERO*/

.tri01-01 {
	float: left;
	margin: 5px;
	width: 66px;
	height: 131px;
	background-image: url(../imagem-13-jogos-48-tangram/tangram-01-01-tri-gr.png);
	/*background-size: calc(100% - 10px);*/
	background-position: center;
	background-repeat: no-repeat;
}

.tri01-02 {
	float: left;
	margin: 5px;
	width: 66px;
	height: 131px;
	background-image: url(../imagem-13-jogos-48-tangram/tangram-01-02-tri-gr.png);
	/*background-size: calc(100% - 10px);*/
	background-position: center;
	background-repeat: no-repeat;
}

.tri01-03 {
	float: left;
	margin: 5px;
	width: 65px;
	height: 65px;
	background-image: url(../imagem-13-jogos-48-tangram/tangram-01-03-tri-me.png);
	/*background-size: calc(100% - 10px);*/
	background-position: center;
	background-repeat: no-repeat;
}

.para01 {
	float: left;
	margin: 5px;
	width: 46px;
	height: 91px;
	background-image: url(../imagem-13-jogos-48-tangram/tangram-01-04-para.png);
	/*background-size: calc(100% - 10px);*/
	background-position: center;
	background-repeat: no-repeat;
}

.quadra01 {
	float: left;
	margin: 5px;
	width: 65px;
	height: 65px;
	background-image: url(../imagem-13-jogos-48-tangram/tangram-01-05-quadra.png);
	/*background-size: calc(100% - 10px);*/
	background-position: center;
	background-repeat: no-repeat;
}

.tri01-06 {
	float: left;
	margin: 5px;
	width: 65px;
	height: 33px;
	background-image: url(../imagem-13-jogos-48-tangram/tangram-01-06-tri-pe.png);
	/*background-size: calc(100% - 10px);*/
	background-position: center;
	background-repeat: no-repeat;
}

.tri01-07 {
	float: left;
	margin: 5px;
	width: 33px;
	height: 65px;
	background-image: url(../imagem-13-jogos-48-tangram/tangram-01-07-tri-pe.png);
	/*background-size: calc(100% - 10px);*/
	background-position: center;
	background-repeat: no-repeat;
}