/* 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;
}
.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 {
	transition: all 250ms ease;
	animation: agranda 800ms ease-out infinite alternate;
	cursor: pointer;
}
 @keyframes agranda {
 from {
 transform:scale(1);
}
 to {
 transform:scale(1.15);
 -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;
}
/* ./  ************************************** */
 

img.cerrar {
    position: absolute;
    top: -40px;
    right: -40px;
}

.m1 {
padding: 10px 30px;font-size: 40px;background-color: #469B21;display: block;position: absolute;color: white;border-radius: 15px;border: 3px solid white;right: 128px;top: 120px;cursor: pointer;}

.menus>.activado {
    background-color: #216303;
}
.m2 {
padding: 10px 30px;font-size: 40px;background-color: #469B21;display: block;position: absolute;color: white;border-radius: 15px;border: 3px solid white;right: 36px;top: 120px;cursor: pointer;}

video.video1 {
    position: absolute;
    top: 210px;
    left: 310px;
    border-radius: 16px;
    border: 5px solid black;
}

img.img1 {
    top: 280px;
    left: 180px;
}

.drags img {
    position: absolute;
    cursor: pointer;
}

img.img2 {
    top: 320px;
    left: 360px;
}

img.img3 {
    top: 470px;
    left: 170px;
}

img.img4 {
    top: 520px;
    left: 347px;
}

.drops {
    position: absolute;
    top: 220px;
    left: 1000px;
    height: 509px;
    width: 185px;
}

.drops div {
    position: absolute;
    background-color: rgba(255, 255, 255, 0);
    transition: all 300ms ease;
    text-align: center;
}

.drops img {
    position: absolute;
}

.drop1 {
    top: 0px;
    left: 0px;
    width: 185px;
    height: 167px;
}
.drop2 {
    top: 167px;
    left: 0px;
    width: 185px;
    height: 119px;
}
.drop3 {
    top: 285px;
    left: 0px;
    width: 185px;
    height: 136px;
}
.drop4 {
    top: 421px;
    left: 0px;
    width: 185px;
    height: 87px;
}

.encima {
    background-color: rgba(255, 255, 255, 0.49)!important;
    transform: scale(1.2);
}

.termometro {
    position: absolute;
    top: 240px;
    left: 110px;
    height: 380px;
    width: 160px;
    background-image: url(../img/act_1/termometro.png);
    background-size: cover;
    z-index: 99;
    cursor: pointer;
} 

.medicion {
    position: absolute;
    top: 164px;
    left: 59px;
    transform: rotate(-69deg);
    font-size: 21px;
}

.column1 {
    position: absolute;
    top: 306px;
    left: 863px;
    height: 396px;
    overflow: auto;
    overflow-x: hidden;
    width: 230px;
}

.column1 div {
    border: 5px solid #184E00;
    border-radius: 8px;
    font-size: 24px;
    text-transform: uppercase;
    color: white;
    padding: 11px;
    width: 176px;
    margin-top: 10px;
}
.column2 {
    position: absolute;
    top: 306px;
    left: 1106px;
    height: 396px;
    overflow: auto;
    overflow-x: hidden;
    width: 172px;
}
.column2 div {
    border: 5px solid #184E00;
    border-radius: 8px;
    font-size: 27px;
    text-transform: uppercase;
    color: white;
    padding: 11px;
    width: 113px;
    margin-top: 10px;
}

.suelta {
    position: absolute;
    top: 250px;
    left: 390px;
    width: 394px;
    height: 350px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.sigue {
    position: absolute;
    top: 590px;
    left: 700px;
}

.sigue img {
    width: 70px;
}

img.ayuda {
    position: absolute;
    top: 390px;
    left: 640px;
    border-radius: 35px;
}

.carga>div {
    position: absolute;
}

.carga>div>img {
    width: 33px;
    cursor: pointer;
}

.carga1>img {
    width: 28px;
    position: relative;
}

img.aristas {
    position: absolute;
    top: 260px;
    left: 220px;
}

.div1 {
    position: absolute;
    top: 260px;
    left: 360px;
}

.div1.psc01 {
    top: 0px;
    left: 0px;
}
.div1.psc02 {
    top: 50px;
    left: 0px;
}

.div1 input {
    font-size: 30px;
    width: 90px;
    border-radius: 14px;
    border: 2px dashed black;
}

.div1 label {
    border: 1px solid black;
    padding: 7px 21px;
    background-color: #BEBFDE;
    border-radius: 9px;
}

.div1.psc2 {
    top: 310px;
}

.preg_aristas2 {
    position: absolute;
    top: 350px;
    left: 70px;
    width: 670px;
    display: none;
    font-size: 31px;
    width: 570px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.81);
    border-radius: 15px;
}

.preg_aristas2 textarea {
    width: 90%;
    resize: none;
    border-radius: 15px;
    border: 3px dashed black;
}

input.totalcajas {
    position: absolute;
    top: 552px;
    right: 221px;
    height: 60px;
    border-radius: 15px;
    border: 3px dashed black;
    font-size: 40px;
    width: 160px;
    text-align: center;
}

.descr {
    background-color: white;
    padding: 30px;
    border-radius: 25px;
    font-size: 20px;
    border: 4px solid #EBA701;
}

.descr>textarea {
    width: 96%;
    height: 120px;
    resize: none;
    border-radius: 11px;
    padding: 13px;
}

.botonera {
    position: absolute;
    bottom: 34px;
    left: 43%;
    transform: scale(1.3);
}

.botonera>div {
    font-size: 30px;
    display: inline-block;
    background-color: #EB7F26;
    border-radius: 29px;
    width: 47px;
    height: 44px;
    text-align: center;
    padding-top: 3px;
    color: white;
}  

input.inpt1 {
    position: absolute;
    top: 652px;
    left: 31px;
    width: 156px;
    height: 60px;
    border-radius: 15px;
    border: 3px dashed black;
    font-size: 50px;
    text-align: center;
}
input.inpt2 {
    position: absolute;
    top: 652px;
    left: 199px;
    width: 156px;
    height: 60px;
    border-radius: 15px;
    border: 3px dashed black;
    font-size: 50px;
    text-align: center;
}
input.inpt3 {
    position: absolute;
    top: 652px;
    left: 367px;
    width: 156px;
    height: 60px;
    border-radius: 15px;
    border: 3px dashed black;
    font-size: 50px;
    text-align: center;
}

.edificio {
    position: absolute;
    background-image: url(../img/act_1/edificio.png);
    background-size: 100%;
    height: 380px;
    width: 136px;
    left: 943px;
    top: 251px;
    transform: rotatey(180deg);
}

.preg_aristas3 {
    position: absolute;
    top: 390px;
    left: 740px;
    width: 370px;
    display: none;
}

.preg_aristas1 {
    display: none;
    z-index: 100;
    position: relative;
    top: -120px;
}

.carga1 {
    top: 325px;
    left: 190px;
    z-index: 10;
}
.carga2 {
    top: 344px;
    left: 190px;
    z-index: 9;
}
.carga3 {
    top: 363px;
    left: 190px;
    z-index: 8;
}
.carga4 {
    top: 319px;
    left: 184px;
    z-index: 7;
}
.carga5 {
    top: 339px;
    left: 184px;
    z-index: 6;
}
.carga6 {
    top: 358px;
    left: 183px;
    z-index: 5;
}
.carga7 {
    top: 314px;
    left: 178px;
    z-index: 4;
}
.carga8 {
    top: 334px;
    left: 177px;
    z-index: 3;
}
.carga9 {
    top: 353px;
    left: 177px;
    z-index: 2;
}
.carga10 {
    top: 363px;
    left: 190px;
    z-index: 1;
}

.restricion {
    position: absolute;
    top: 286px;
    left: 697px;
    background-color: transparent;
    height: 230px;
    width: 507px;
}


.cargas2>div {
    position: absolute;
}

.cargas2>div>img {
    width: 45px;
    cursor: pointer;
    z-index: 472;
}

.carga2-1>img {
    width: 28px;
    position: relative;
}
.carga2-1 {
    top: 325px;
    left: 190px;
    z-index: 10;
}
.carga2-2 {
    top: 359px;
    left: 190px;
    z-index: 9;
}
.carga2-3 {
    top: 393px;
    left: 190px;
    z-index: 8;
}
.carga2-4 {
    top: 315px;
    left: 181px;
    z-index: 7;
}
.carga2-5 {
    top: 349px;
    left: 181px;
    z-index: 6;
}
.carga2-6 {
    top: 384px;
    left: 182px;
    z-index: 5;
}
.carga2-7 {
    top: 304px;
    left: 170px;
    z-index: 4;
}
.carga2-8 {
    top: 339px;
    left: 170px;
    z-index: 3;
}
.carga2-9 {
    top: 373px;
    left: 171px;
    z-index: 2;
}
.carga2-10 {
    top: 363px;
    left: 190px;
    z-index: 1;
}


.cargas2 {
    position: relative;
    top: -70px;
    left: -130px;
}