/* 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 */

.ani_sc{
	transition:all 300ms ease;
}

.ani_sc:hover{
	transform:scale(1.1);
}
.ani_sc: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;	
}

/* ./ */


video.video1 {
    position: absolute;
    top: 290px;
    left: 346px;
    width: 661px; 
    border-radius: 7px;
}

.tt_1 {
font-size: 30px;margin-top: -13px;}

.ctg_1 {
    position: absolute;
    top: 340px;
    left: 350px;
    width: 900px;
    height: 200px;
    background-color: #F18315;
    border-radius: 24px;
    color: white;
    padding: 20px;
}

textarea.tg_1 {
    width: 99%;
    height: 110px;
    border-radius: 15px;
    margin-top: 20px;
    resize: none;
    color: black;
    font-size: 45px;
}

.ob_1 {
    position: absolute;
    top: 574px;
    left: 34px;
}

.ob_1 img {
    width: 220px;
    margin-left: 61px;
    margin-top: 16px;
}

img.bandeja {
    position: absolute;
    bottom: 90px;
    right: 80px;
}

img.suma {
    position: absolute;
    top: 100px;
    left: 240px;
}

.inputs input {
    position: absolute;
    font-size: 43px;
    border-radius: 10px;
    color: black;
    border: 4px dashed black;
    text-align: center;
}
input.inp1 {
    top: 94px;
    left: 251px;
    width: 84px;
}
input.inp2 {
    top: 167px;
    left: 252px;
    width: 84px;
}
input.inp3 {
    top: 95px;
    left: 418px;
    width: 76px;
}
input.inp4 {
    top: 164px;
    left: 418px;
    width: 79px;
}
input.inp5 {
    top: 94px;
    left: 583px;
    width: 84px;
}
input.inp6 {
    top: 167px;
    left: 584px;
    width: 84px;
}

.irasuma {
    position: absolute;
    top: 140px;
    left: 208px;
    font-size: 40px;
    border: 1px solid #ED7416;
    padding: 11px 50px;
    background-color: #883912;
    border-radius: 15px;
}

input.inpss1 {
    position: absolute;
    top: 450px;
    left: 880px;
    font-size: 50px;
    width: 90px;
    height: 70px;
    text-align: center;
    border-radius: 15px;
    border: 3px dashed black;
    background-color: aliceblue;
}
input.inpss2 {
    position: absolute;
    top: 450px;
    left: 990px;
    font-size: 50px;
    width: 90px;
    height: 70px;
    text-align: center;
    border-radius: 15px; 
    border: 3px dashed black;
    background-color: aliceblue;
}
input.inpss3 {
    position: absolute;
    top: 450px;
    left: 1110px;
    font-size: 50px;
    width: 90px;
    height: 70px;
    text-align: center;
    border-radius: 15px;
    border: 3px dashed black;
    background-color: aliceblue;
}

.tg_11_1 {
    position: absolute;
    top: 247px;
    left: 292px;
    width: 1020px;
    height: 82px;
    border-radius: 9px;
    resize: none;
    border: 3px dashed black;
    font-size: 33px;
}
.tg_11_2 {
    position: absolute;
    top: 395px;
    left: 292px;
    width: 1020px;
    height: 79px;
    border-radius: 9px;
    resize: none;
    border: 3px dashed black;
    font-size: 33px;
}
.tg_11_3 {
    position: absolute;
    top: 539px;
    left: 292px;
    width: 1020px;
    height: 82px;
    border-radius: 9px;
    resize: none;
    border: 3px dashed black;
    font-size: 33px;
}

div#botonera {
    text-align: center;
}