.btnRolcom{
	background-image: url('../img/btn_adverbios.png');
	background-repeat:no-repeat;
	position: absolute;
	bottom: 25px;
    left: 270px;
	width: 426px;
  	height: 80px;
	cursor: pointer;
}
.btnRolcom2{ background-image: url('../img/btn_adverbiossobre.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: 42px;
	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/btn_publici.png');
	background-repeat:no-repeat;
	position: absolute;
	bottom: 25px;
    right: 367px;
	width: 397px;
	height:80px;
	cursor: pointer;
}
.btnCompor:hover{
	bottom: 30px;
	opacity: 0.85;
}
.btnCompor2{
	background-image: url('../img/btn_publicisobre.png');
}

.drop{
	position: absolute;
	width: 150px;
	height: 53px;
}

#drag1 {
    position: absolute;
    top: 273px;
    left: 1072px;
	cursor: pointer;
}
#drag2 {
    position: absolute;
    top: 345px;
    left: 1200px;
	cursor: pointer;
}
#drag3 {
    position: absolute;
    top: 365px;
    left: 975px;
	cursor: pointer;
}
#drag4 {
    position: absolute;
    top: 440px;
    left: 1034px;
	cursor: pointer;
}
#drag5 {
    position: absolute;
    top: 500px;
    left: 900px;
	cursor: pointer;
}
#drag6 {
    position: absolute;
    top: 498px;
    left: 1126px;
	cursor: pointer;
}
#drag7 {
    position: absolute;
    top: 578px;
    left: 861px;
	cursor: pointer;
}
#drag8 {
    position: absolute;
    top: 595px;
    left: 1178px;
	cursor: pointer;
}

/*Drop 1*/


#adrag1 {
	width: 28px;
	height: 27px;
	background-image: url(../img/guia.png);
	position: absolute;
	top: 158px;
	left: 505px;
}
#adrag2 {
	width: 28px;
	height: 27px;
	background-image: url(../img/guia.png);
	position: absolute;
	top: 212px;
	left: 505px;
}
#adrag3 {
	width: 28px;
	height: 27px;
	background-image: url(../img/guia.png);
	position: absolute;
	top: 268px;
	left: 505px;
}
#adrag4 {
	width: 28px;
	height: 27px;
	background-image: url(../img/guia.png);
	position: absolute;
	top: 320px;
	left: 505px;
}
#adrag5 {
	width: 28px;
	height: 27px;
	background-image: url(../img/guia.png);
	position: absolute;
	top: 372px;
	left: 505px;
}
#adrag6  {
	width: 28px;
	height: 27px;
	background-image: url(../img/guia.png);
	position: absolute;
	top: 430px;
	left: 505px;
}
#adrag7  {
	width: 28px;
	height: 27px;
	background-image: url(../img/guia.png);
	position: absolute;
	top: 486px;
	left: 505px;
}

.bord {
	border: 4px dashed black;
}
#adrop1{
	width: 33px;
	height: 33px;
	/* background-image:url(../img/guia.png); */
	position: absolute;
	top: 152px;
	left: 985px;
	border: 2px dashed rgb(2, 2, 2);
	border-radius: 22px;
	padding-top: 5px;
	padding-left: 7px;
}
#adrop2 {
	width: 33px;
	height: 33px;
	/* background-image:url(../img/guia.png); */
	position: absolute;
	top: 206px;
	left: 985px;
	border: 2px dashed black;
	border-radius: 22px;
	padding-top: 5px;
	padding-left: 7px;
}
#adrop3{
	width: 33px;
	height: 33px;
	/* background-image:url(../img/guia.png); */
	position: absolute;
	top: 258px;
	left: 985px;
	border: 2px dashed black;
	border-radius: 22px;
	padding-top: 5px;
	padding-left: 7px;
}
#adrop4{
	width: 33px;
	height: 33px;
	/* background-image:url(../img/guia.png); */
	position: absolute;
	top: 313px;
	left: 985px;
	border: 2px dashed black;
	border-radius: 22px;
	padding-top: 5px;
	padding-left: 7px;
}
#adrop5 {
	width: 33px;
	height: 33px;
	/* background-image:url(../img/guia.png); */
	position: absolute;
	top: 366px;
	left: 985px;
	border: 2px dashed black;
	border-radius: 22px;
	padding-top: 5px;
	padding-left: 7px;
}
#adrop6{
	width: 33px;
	height: 33px;
	/* background-image:url(../img/guia.png); */
	position: absolute;
	top: 421px;
	left: 985px;
	border: 2px dashed black;
	border-radius: 22px;
	padding-top: 5px;
	padding-left: 7px;
}
#adrop7{
	width: 33px;
	height: 33px;
	/* background-image:url(../img/guia.png); */
	position: absolute;
	top: 476px;
	left: 985px;
	border: 2px dashed black;
	border-radius: 22px;
	padding-top: 5px;
	padding-left: 7px;
}

.animar {
	transition: all 1s ease;
	-webkit-transition: all 200ms ease;
}
.cerrar {
	position: absolute;
	top: -10px;
	right: -20px;
}
/* drapdrop*/

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

.a1 {
	position: absolute;
	top: 261px;
  	right: 1146px;
}
.a2 {
	position: absolute;
	top: 261px;
	right: 746px;
}
.a3 {
	position: absolute;
	top: 261px;
	right: 318px;
}

#titulo input{
	font-size: 50px;
	border-radius: 15px;
	border: dashed 2px #000;
	padding: 10px 5px;
	width: 836px;
    position: absolute;
    top: 332px;
    left: 393px;
    text-align: center;
    background: transparent;
    font-family: cursive;
    color: #E9494A;
    font-weight: bold;
}

#subtitulo input{
	font-size: 25px;
	border-radius: 15px;
	border: dashed 2px #000;
	padding: 10px 5px;
	width: 836px;
    position: absolute;
    top: 520px;
    left: 393px;
    text-align: center;
    background: transparent;
    font-family: cursive;
    color: #000;
    font-weight: bold;
}

#beneficio textarea{
	font-size: 23px;
	border-radius: 15px;
	border: dashed 2px #000;
	padding: 10px 5px;
	width: 836px;
	height: 255px;
    position: absolute;
    top: 330px;
    left: 375px;
    text-align: left;
    background: transparent;
    font-family: cursive;
    color: #000;
}

#elemen1 input{
	font-size: 50px;
	border: none;
	padding: 10px 5px;
	width: 787px;
    position: absolute;
    top: 269px;
    left: 393px;
    text-align: center;
    background: transparent;
    font-family: cursive;
    color: #E9494A;
    font-weight: bold;
}

#elemen2 input{
	font-size: 25px;
	border: none;
	padding: 10px 5px;
	width: 790px;
    position: absolute;
    top: 350px;
    left: 393px;
    text-align: center;
    background: transparent;
    font-family: cursive;
    color: #000;
    font-weight: bold;
}

#elemen3 textarea{
	font-size: 23px;
	border: none;
	padding: 10px 5px;
	width: 792px;
    height: 211px;
    position: absolute;
    top: 405px;
    left: 392px;
    text-align: left;
    background: transparent;
    font-family: cursive;
    color: #000;
}

.image{
	position: absolute;
	top: 282px;
	left: 119px;
	visibility: hidden;
}