/* 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 {
	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: -49px;
    right: -40px;
}
/* ./  ************************************** */

.video1 {
    position: absolute;
    top: 240px;
    left: 320px;
    border-radius: 35px;
    border: 15px solid #EB7F26;
    width: 700px;
}

.tg {
    position: absolute;
    width: 1200px;
    height: 72px;
    border-radius: 15px;
    border: 3px dashed black;
    font-size: 26px;
    padding: 11px; 
}

.ps1 {
    top: 571px;
    left: 78px; 
}

.cuadro {
    position: absolute;
    top: 477px;
    left: 725px;
    width: 166px;
}

.cuadro input { 
    width: 158px;
    height: 33px;
    border: 1px solid black; 
    background-color: transparent;
    font-size: 21px;
    padding-left: 11px;
}

textarea.tg.ps2 {
    top: 440px;
    left: 472px;
    height: 63px;
    width: 820px;
}
textarea.tg.ps3 {
    top: 592px; 
    left: 472px;
    height: 52px;
    width: 820px;
}
textarea.tg.ps4 {
    top: 482px;
    left: 72px;
    height: 130px;
}

.maraton>div {
    width: 10px;
    height: 10px;
    border-radius: 15px;
    border: 2px solid black;
    background-color: #8BC53F;
    margin-top: 12.2px;
}

.grup1 {
    position: absolute;
    top: 447px;
    left: 706px;
}
.grup2 {
    position: absolute;
    top: 447px;
    left: 746px;
}
.grup3 {
    position: absolute;
    top: 447px;
    left: 787px;
}
.grup4 { 
    position: absolute;
    top: 447px;
    left: 827px;
}
.grup5 { 
    position: absolute;
    top: 447px; 
    left: 867px;
}
.grup6 {
    position: absolute;
    top: 447px;
    left: 907px;
} 
.grup66 {
    position: absolute;
    top: 407px;
    left: 708px;
} 
.grup7 {
    position: absolute;
    top: 407px;
    left: 747px;
} 
.grup8 {
    position: absolute;
    top: 407px;
    left: 789px;
} 
.grup9 {
    position: absolute;
    top: 407px;
    left: 830px;
} 
.grup10 {
    position: absolute;
    top: 407px;
    left: 868px;
} 
.grup11 {
    position: absolute;
    top: 407px;
    left: 909px;
} 
.grup12 {
    position: absolute;
    top: 407px;
    left: 952px;
} 
.grup13 {
    position: absolute;
    top: 407px;
    left: 994px;
} 
.grup14 {
    position: absolute;
    top: 407px;
    left: 1037px;
} 
.grup15 { 
    position: absolute;
    top: 407px;
    left: 1081px;
} 
 
img.linea {
    position: absolute;
    top: 462px;
    left: 712px;
    z-index: 1;
    display: none;
}

.maraton {
    z-index: 2;
}

img.linea.lin3 {
    top: 489px;
}

.cuadro.cuadro_psc2 {
    top: 514px;
    left: 723px;
}

textarea.tg.ps2.masgrande {
    height: 190px;
}

.grafica6>div>div {
    margin-top: 13.2px;
}

.grafica6>div>div:nth-child(8) {
    margin-top: 1px;
}

img.linea.lin6 {
    top: 424.6px;
}