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

/* ./  ************************************** */

 

div#botonera {
    z-index: 10500 !important;
}

.menu {
    position: absolute;
    top: 684px;
    left: 50px;
    width: 1200px;
    height: 100px;
}

.menu div img {
    transition: all 300ms ease;
    z-index:99;
    position: relative;
    
}
.menu div img:hover {
    transform: scale(1.2);
    z-index:100;
}

.menu div {
    float: left;
    margin-right: 5px;
}

.drags {
    position: absolute;
    top: 230px;
    left: 875px;
    width: 380px;
}

.drops>div {
    position: absolute;
    background: #B8DAAB;
    border: 3px solid #83A879;
    border-radius: 11px;
}

.drop1 {
    top: 222px;
    left: 338px;
    width: 300px!important;
    height: 62px!important;
}
.drop2 {
    top: 292px;
    left: 383px;
    width: 143px!important;
    height: 123px!important;
}
.drop3 {
    top: 312px;
    left: 549px;
    width: 223px!important;
    height: 102px!important;
}


.drop4 {
    top: 432px;
    left: 338px;
    width: 300px!important;
    height: 62px!important;
}
.drop5 {
    top: 512px;
    left: 407px;
    width: 143px!important;
    height: 123px!important;
}
.drop6 {
    top: 531px;
    left: 571px;
    width: 223px!important;
    height: 102px!important;
}

.ccommons{position: absolute;background:url('../img/btn_cc.png') no-repeat;background-size:contain;width: 52px;height: 50px;bottom:40px;right:40px;cursor:pointer; z-index: 1000;}
    .ccommons:hover{ opacity: 0.9}
    .ccommons:active{background:url('../img/btn_ccoff.png') no-repeat;background-size:contain;width: 52px;height: 50px;bottom:37px;}
    .lyPopUpccommons{position:absolute;left:361px;top:50%;background:#fff; border: solid 6px #042C49; border-radius:10px;  }
    .lyCloseccommons{position:absolute;right:-30px;top:-35px; background:none; padding: 5px; border-radius: 7px;}
    .lyPopContccommons{min-height:200px; overflow:auto;max-height:400px; width:1000px;background:#709CB2;color:#fff; font-size:23px;}
    .lyPopContccommons .ly_headccommons{padding:25px 0 20px 50px;background:#45b29d;color:#fff;min-height:35px;}
    .lyPopContccommons .ly_contccommons{font-size:1.2em;padding:30px 0;text-align: justify; margin: 5px 20px;}