.inicio{
	background-image: url('../img/i.png');
	background-repeat:no-repeat;
	position: absolute;
	top: 666px;
  	left: 35px;
	width: 57px;
	height:61px;
	cursor: pointer;
}
.inicio:hover{
	opacity: 0.85;
}

.btnRolcom{
	background-image: url('../img/btn_formaver.png');
	background-repeat:no-repeat;
	position: absolute;
	bottom: 25px;
    left: 110px;
	width: 400px;
  	height: 80px;
	cursor: pointer;
}
.btnRolcom2{ background-image: url('../img/btn_formaversobre.png');}
.btnRolcom:hover{
	bottom: 30px;
	opacity: 0.9;
}
#btnRolcomactivo{
	background-image: url('../img/btn_pronombressobre.png');
}

.btnCarac{
	background-image: url('../img/btn_actividad.png');
	background-repeat:no-repeat;
	position: absolute;
	bottom: 25px;
    right: 235px;
	width: 289px;
	height:80px;
	cursor: pointer;
}
.btnCarac2{	background-image: url('../img/btn_actividadsobre.png');
}
.btnCarac:hover{
	bottom: 30px;
	opacity: 0.85;
}

input{
	position: absolute;
    width: 565px;
    height: 31px;
    border-radius: 10px;
    border: dashed 2px #000;
    font-size: 25px;
    padding: 5px 2px;
    resize: none;
	padding-left:5px;
	z-index: 2;
}

.drop{
	position: absolute;
	width: 288px;
	height: 48px;
	border: dashed 2px #fff;
	border-radius: 15px;
}

#drag1 {
    position: absolute;
    top: 542px;
    left: 53px;
	cursor: pointer;
	height: 58px;
}
#drag2 {
    position: absolute;
    top: 606px;
    left: 217px;
	cursor: pointer;
	height: 52px;
}
#drag3 {
    position: absolute;
    top: 562px;
    left: 518px;
	cursor: pointer;
	height: 36px;
}
#drag4 {
    position: absolute;
    top: 602px;
    left: 600px;
	cursor: pointer;
	height: 59px;
}
#drag5 {
    position: absolute;
    top: 565px;
    left: 927px;
	cursor: pointer;
	height: 36px;
}
#drag6 {
    position: absolute;
    top: 605px;
    left: 1039px;
    cursor: pointer;
	height: 52px;
}

.dra{
	box-shadow: 0 0 21px rgba(0, 0, 0, 0.9);
	border-radius: 15px;
	z-index: 100 !important;
}