.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_pronombres.png');
	background-repeat:no-repeat;
	position: absolute;
	bottom: 25px;
    left: 276px;
	width: 289px;
  	height: 80px;
	cursor: pointer;
}
.btnRolcom2{ background-image: url('../img/btn_pronombressobre.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;
}
#btnCaracactivo{
	background-image: url('../img/btn_actividadsobre.png');
}

.btnCompor{
	background-image: url('../img/btnacti.png');
	background-repeat:no-repeat;
	position: absolute;
	top: 132px;
	right: 0px;
	width: 199px;
	height:47px;
	cursor: pointer;
}
.btnCompor:hover{
	opacity: 0.85;
}
#btnComporactivo{
	background-image: url('../img/btnactisobre.png');
}

#minibtn1{
	background-image: url('../img/minibtn1.png');
	background-repeat:no-repeat;
	position: absolute;
	top: 595px;
  	left: 60px;
  	width: 228px;
	height:47px;
	cursor: pointer;
}
#minibtn2{
	background-image: url('../img/minibtn2.png');
	background-repeat:no-repeat;
	position: absolute;
	top: 595px;
  	left: 315px;
  	width: 228px;
	height:47px;
	cursor: pointer;
}
#minibtn3{
	background-image: url('../img/minibtn3.png');
	background-repeat:no-repeat;
	position: absolute;
	top: 595px;
  	left: 565px;
  	width: 228px;
	height:47px;
	cursor: pointer;
}
#minibtn4{
	background-image: url('../img/minibtn4.png');
	background-repeat:no-repeat;
	position: absolute;
	top: 595px;
  	right: 315px;
  	width: 228px;
	height:47px;
	cursor: pointer;
}
#minibtn5{
	background-image: url('../img/minibtn5.png');
	background-repeat:no-repeat;
	position: absolute;
	top: 595px;
  	right: 60px;
  	width: 228px;
	height:47px;
	cursor: pointer;
}

input[type=checkbox] {
	width: 30px;
	height: 30px;
}

.a1 {
	position: absolute;
	top: 322px;
  	right: 730px;
}
.a2 {
	position: absolute;
	top: 322px;
	right: 575px;
}
.a3 {
	position: absolute;
	top: 322px;
	right: 415px;
}

.b1 {
	position: absolute;
	top: 369px;
  	right: 730px;
}
.b2 {
	position: absolute;
	top: 369px;
	right: 575px;
}
.b3 {
	position: absolute;
	top: 369px;
	right: 415px;
}

.c1 {
	position: absolute;
	top: 410px;
  	right: 730px;
}
.c2 {
	position: absolute;
	top: 410px;
	right: 575px;
}
.c3 {
	position: absolute;
	top: 410px;
	right: 415px;
}

.d1 {
	position: absolute;
	top: 454px;
  	right: 730px;
}
.d2 {
	position: absolute;
	top: 454px;
	right: 575px;
}
.d3 {
	position: absolute;
	top: 454px;
	right: 415px;
}

.e1 {
	position: absolute;
	top: 499px;
  	right: 730px;
}
.e2 {
	position: absolute;
	top: 499px;
	right: 575px;
}
.e3 {
	position: absolute;
	top: 499px;
	right: 415px;
}

.f1 {
	position: absolute;
	top: 544px;
  	right: 730px;
}
.f2 {
	position: absolute;
	top: 544px;
	right: 575px;
}
.f3 {
	position: absolute;
	top: 544px;
	right: 415px;
}

.g1 {
	position: absolute;
	top: 587px;
  	right: 730px;
}
.g2 {
	position: absolute;
	top: 587px;
	right: 575px;
}
.g3 {
	position: absolute;
	top: 587px;
	right: 415px;
}



.select1{
	position: absolute;
	font-size: 22px;
	bottom: 300px;
	left: 210px;
	width: 232px;
	height: 52px;
}

.select2{
	position: absolute;
	font-size: 22px;
	bottom: 395px;
	left: 800px;
	width: 232px;
	height: 52px;
}

.select3{
	position: absolute;
	font-size: 22px;
	bottom: 175px;
	left: 440px;
	width: 232px;
	height: 52px;
}

.select4{
	position: absolute;
	font-size: 22px;
	bottom: 250px;
	left: 925px;
	width: 232px;
	height: 52px;
}

.select5{
	position: absolute;
	font-size: 22px;
	bottom: 365px;
	left: 360px;
	width: 232px;
	height: 52px;
}

.select6{
	position: absolute;
	font-size: 22px;
	bottom: 275px;
	left: 900px;
	width: 232px;
	height: 52px;
}

#emisor{
	background-image: url('../img/emisor.png');
	background-repeat:no-repeat;
	position: absolute;
	top: 595px;
  	left: 330px;
  	width: 228px;
	height:47px;
	cursor: pointer;	
}
#receptor{
	background-image: url('../img/receptor.png');
	background-repeat:no-repeat;
	position: absolute;
	top: 595px;
  	left: 675px;
  	width: 228px;
	height:47px;
	cursor: pointer;	
}

select {
	color:#13366E;	
	border-radius: 7px;
	background: transparent url("../img/down.png") no-repeat right;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	background-color: #A5ABC9;
}

select:active{
		background-color: #C9BDC9;
}
select:focus {outline:0;}
.Ocolor1{ background-color: #A5ABC9;}
.Ocolor2{ background-color: #C9BDC9;}
.Ocolor3{ background-color: #D8C9C9;}

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

#drag1 {
    position: absolute;
    top: 500px;
    left: 230px;
}
#drag2 {
    position: absolute;
    top: 579px;
    left: 230px;
}
#drag3 {
    position: absolute;
    top: 500px;
    left: 563px;
}
#drag4 {
    position: absolute;
    top: 579px;
    left: 563px;
}
#drag5 {
    position: absolute;
    top: 500px;
    left: 900px;
}
#drag6 {
    position: absolute;
    top: 579px;
    left: 900px;
}

#drag11 {
    position: absolute;
    top: 305px;
  	left: 540px;
}
#drag12 {
    position: absolute;
    top: 430px;
  	left: 540px;
}
#drag13 {
    position: absolute;
    top: 560px;
  	left: 540px;
}
#drag14 {
    position: absolute;
    top: 305px;
  	left: 697px;
}
#drag15 {
    position: absolute;
    top: 430px;
  	left: 697px;
}
#drag16 {
    position: absolute;
    top: 560px;
  	left: 697px;
}

textarea{
	position: absolute;
    width: 253px;
    height: 31px;
    border-radius: 10px;
    border: dashed 2px #000;
    font-size: 25px;
    padding: 5px 2px;
    resize: none;
}