/* Efectos basicos /. ************************************** */

.mal_tiembla {
	transition: all 200ms ease;
	animation: mal_tiembla 125ms ease-in-out infinite alternate;
}
@keyframes mal_tiembla {
 0% {
transform:rotateZ(-5deg);
}
 50% {
transform:rotateZ( 0deg) scale(.8);
border-color: red;
}
 100% {
transform:rotateZ( 5deg);
}
}
.mal_cabeza {
	transition: all 250ms ease;
	animation: mal_cabeza 250ms ease-in-out infinite alternate;
}
@keyframes mal_cabeza {
 0% {
 margin-left:0px;
}
 50% {
 margin-left:20px;
 border-color: red;
}
 100% {
 margin-left:-20px;
}
}
.bien_cabeza {
	transition: all 250ms ease;
	animation: bien_cabeza 250ms ease-in-out infinite alternate;
}
@keyframes bien_cabeza {
 0% {
 margin-top:0px;
}
 50% {
 margin-top:20px;
 border-color: green;
}
 100% {
 margin-top:-20px;
}
}
.mal_cabeza_R {
	transition: all 250ms ease;
	animation: mal_cabeza_R 250ms ease-in-out infinite alternate;
}
@keyframes mal_cabeza_R {
 0% {
 left:0px;
}
 50% {
 left:20px;
}
 100% {
 left:-20px;
 border-color: red;
}
}
.bien_cabeza_R {
	transition: all 250ms ease;
	animation: bien_cabeza_R 250ms ease-in-out infinite alternate;
}
@keyframes bien_cabeza_R {
 0% {
 top:0px;
}
 50% {
 top:20px;
}
 100% {
 top:-20px;
 border-color: green;
}
}
/* Escala */

.sca, .sca_child>* {
	transition: all 300ms ease;
	cursor: pointer;
}
.sca:hover, .sca_child>*:hover {
	transform: scale(1.1);
}
.sca:active, .sca_child>*:active {
	transform: scale(0.9);
}
/* Transicion en drag revert */
.animation {
	transition: all 250ms ease;
}
/* Botonera */
  
#botonera:before {
	background-color: transparent!important;
}
#botonera div {
	border-bottom: 6px solid #89380f;
}
/* Escala infinite*/
.agranda_child>*{
	/* transition: all 250ms ease; */
	animation: agranda 800ms ease-out infinite alternate;
	cursor: pointer;
	z-index: 1;
}
.agranda {
	transition: all 250ms ease;
	animation: agranda 800ms ease-out infinite alternate;
	cursor: pointer;
}
 @keyframes agranda {
 from {
 transform:scale(1);
}
 to {
 transform:scale(1.05);
 -webkit-box-shadow: 0px 0px 59px 0px rgba(246,255,117,1);
 -moz-box-shadow: 0px 0px 59px 0px rgba(246,255,117,1);
 box-shadow: 0px 0px 59px 0px rgba(246,255,117,1);
}
}
.off {
	visibility: hidden;
}
.encima {
	transform: scale(1.15);
	transition: all 250ms ease;
}
/* ./  ************************************** */
  
video {
    position: absolute;
    top: 120px;
    left: 250px;
    border-radius: 15px;
    border: 7px solid black;
}

.drags {
    position: absolute;
    top: 280px;
    left: 66px;
    width: 200px;
}

.drops div {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.05);
    width: 198px;
    height: 50px;
    border-radius: 5px;
}

.encima {
    background-color: rgba(255, 255, 255, 0.37)!important;
    transform: scale(1.2);
    transition: all 300ms ease;
}

.drop1 {
    top: 296px;
    left: 309px;
}
.drop2 {
    top: 258px;
    left: 616px;
}
.drop3 {
    top: 354px;
    left: 790px;
}
.drop4 {
    top: 454px;
    left: 295px;
}

textarea.llenaaqui {
    position: absolute;
    bottom: 100px;
    width: 1250px;
    left: 40px;
    height: 63px;
    padding: 11px;
    font-size: 33px;
    border-radius: 15px;
    border: 3px dashed black;
}

.inpust>input {
    position: absolute;
    border-radius: 10px;
    border: 3px dashed black;
    height: 30px;
    width: 140px;
    font-size: 31px;
    text-align: center;
}

input.inpss1 {
    top: 392px;
    right: 201px;
}

input.inpss2 {
    top: 478px;
    right: 201px;
}

input.inpss3 {
    top: 479px;
    right: 50px;
} 
.cont {
    position: absolute;
    top: 290px;
    left: 30px;
    text-align: center;
}

.cont>div {
    display: inline-block;
    height: 170px;
    width: 190px;
    background-color: white;
    overflow: hidden;
    border: 3px solid black;
    border-radius: 15px;
    text-align: center;
    padding: 6px;
}

.cont>div>img:first-child {
    max-width: 160px;
    display: block;
    margin: auto;
    max-height: 120px;
}

.iipst1 {
    position: absolute;
    top: 550px;
    left: 70px;
}

.iipst1>input {
    font-size: 41px;
    border-radius: 15px;
    border: 4px dashed black;
    margin: 4px;
    width: 150px;
    margin-right: 85px;
    text-align: center;
}

input.iinp2 {
    width: 280px;
    margin-left: -60px;
    margin-right: 20px;
}
input.iinp4 {
    width: 260px;
    margin-left: -52px;
    margin-right: 54px;
}
input.iinp5 {
    width: 240px;
    margin-left: -50px;
    margin-right: 40px;
    font-size: 33px;
    height: 51px;
}

.continpp>input {
	
position: absolute;
	
width: 104px;
	
font-size: 27px;
	
border-radius: 13px;
	
border: 3px dashed black;
	
text-align: center;
}

input.inpp1 {
    top: 595px;
    left: 55px;
}
input.inpp2 {
    top: 595px;
    left: 177px;
}
input.inpp3 {
    top: 595px;
    left: 346px;
}
input.inpp4 {
    top: 595px;
    left: 467px;
}


input.inpp5 {
    top: 595px;
    left: 829px;
}
input.inpp6 {
    top: 595px;
    left: 948px;
}
input.inpp7 {
    top: 595px;
    left: 1095px;
}
input.inpp8 {
    top: 595px;
    left: 1217px;
}



input.inpp9 {
    top: 595px;
    left: 55px;
}
input.inpp10 {
    top: 595px;
    left: 177px;
}

input.inpp100 {
    top: 595px;
    left: 300px;
}

input.inpp11 {
    top: 595px;
    left: 445px;
}
input.inpp12 {
    top: 595px;
    left: 565px;
}
input.inpp122 {
    top: 595px;
    left: 688px;
}


input.inpp13 {
    top: 595px;
    left: 998px;
}
input.inpp14 {
    top: 595px;
    left: 1118px;
}
input.inpp144 {
    top: 595px;
    left: 1236px;
}




input.inpp15 {
    top: 595px;
    left: 1095px;
}
input.inpp16 {
    top: 595px;
    left: 1217px;
}
input.inpp166 {
    top: 595px;
    left: 1217px;
}

.p_prima>img {
    position: absolute;
    cursor: pointer;
}

.p_prima {
    position: absolute;
    top: 270px;
    left: 130px;
}

img.ob1 {
    top: 16px;
    left: 16px;
    z-index: 12;
}
img.ob2 {
    top: 16px;
    left: 66px;
    z-index: 11;
}
img.ob3 {
    top: 0px;
    left: 0px;
    z-index: 10;
}
img.ob4 {
    top: 0px;
    left: 50px;
    z-index: 9;
}
img.ob5 {
    top: 63px;
    left: 15px;
    z-index: 8;
}
img.ob6 {
    top: 63px;
    left: 65px;
    z-index: 7;
}
img.ob7 {
    top: 47px;
    left: 0px;
    z-index: 6;
}
img.ob8 {
    top: 48px;
    left: 50px;
    z-index: 5;
}
img.ob9 {
    top: 109px;
    left: 15px;
    z-index: 4;
}
img.ob10 {
    top: 108px;
    left: 65px;
    z-index: 3;
}
img.ob11 {
    top: 93px;
    left: 0px;
    z-index: 2;
}
img.ob12 {
    top: 93px;
    left: 50px;
    z-index: 1;
}

.s_prima {
    position: absolute;
    top: 300px;
    left: 540px;
}

.s_prima>img {
position: absolute;
    cursor: pointer;}


img.ob13 {
    top: 0px;
    left: 0px;
    z-index: 10; 
}
img.ob14 {
    top: 0px;
    left: 50px;
    z-index: 9;
}
img.ob15 {
    top: 0px;
    left: 99px;
    z-index: 8;
}
img.ob16 {
    top: 46px;
    left: 0px;
    z-index: 7;
}
img.ob17 {
    top: 46px;
    left: 50px;
    z-index: 6;
}
img.ob18 {
    top: 46px;
    left: 99px;
    z-index: 5;
}

.t_prima>img {
    position: absolute;
    cursor: pointer;
}
.t_prima {
    position: absolute;
    top: 350px;
    left: 1010px;
}

img.ob19 {
    top: 0px;
    left: 0px;
    z-index: 8;
} 
img.ob20 {
    top: 0px;
    left: 50px;
    z-index: 7;
}

img.ob21 {
    top: 0px;
    left: 98px;
    z-index: 6;
}
img.ob22 {
    top: -16px;
    left: -16px;
    z-index: 5;
}
img.ob23 {
    top: -16px;
    left: 34px;
    z-index: 4;
}
img.ob24 {
    top: -16px;
    left: 82px;
    z-index: 3;
}

.inpg1 {
    position: absolute;
    top: 370px;
    left: 20px;
}

.inpg1 input {
    position: absolute;
    font-size: 45px;
    width: 112px;
    border: 3px dashed black;
    border-radius: 12px;
    text-align: center;
}

input.inp1g1 {
    top: 0px;
    left: 564px;
}

input.inp1g2 {
    top: 0px;
    left: 846px;
}

input.inp1g3 {
    top: 0px;
    left: 1110px;
}

input.inp1g4 {
    top: 116px;
    left: 907px;
}

.inptsG2>input {
    font-size: 41px;
    width: 77px;
    border-radius: 14px;
    border: 3px dashed black;
    position: absolute;
    text-align: center;
}

input.g2inp1 {
    top: 374px;
    left: 330px;
}
input.g2inp2 {
    top: 374px;
    left: 753px;
}
input.g2inp3 {
    top: 374px;
    left: 1196px;
}

.puntos {
    position: absolute;
    bottom: 30px;
    right: 40px;
    border: 1px solid white;
    padding: 11px 17px;
    border-radius: 12px;
    background-color: white;
}