#regadera {
	position: absolute;
	bottom: 180px;
	left: 300px;
	z-index: 1015;
}

#regadera.st {
	-webkit-animation: regadera_st 0.3s linear infinite alternate;
	-moz-animation: regadera_st 0.3s linear infinite alternate;
    animation: regadera_st 0.3s linear infinite alternate;
}

@-webkit-keyframes regadera_st{
	0% {bottom:180px;}
	100% {bottom:185px;}
}

@-moz-keyframes regadera_st{
	0% {bottom:180px;}
	100% {bottom:185px;}
}

@keyframes regadera_st{
	0% {bottom:180px;}
	100% {bottom:185px;}
}

#regadera.reg {
	-webkit-animation: reg 5s ease alternate;
	-moz-animation: reg 5s ease alternate;
    animation: reg 5s ease alternate;
}

@-webkit-keyframes reg {
	0% {}
	10% {bottom:250px; left:290px;}
	20% {transform:rotate(40deg);bottom:250px; left:290px;}
	90% {transform:rotate(40deg);bottom:250px; left:290px;}
}

@-moz-keyframes reg {
	0% {}
	10% {bottom:250px; left:290px;}
	20% {-moz-transform:rotate(40deg);bottom:250px; left:290px;}
	90% {-moz-transform:rotate(40deg);bottom:250px; left:290px;}
}

@keyframes reg {
	0% {}
	10% {bottom:250px; left:290px;}
	20% {transform:rotate(40deg);bottom:250px; left:290px;}
	90% {transform:rotate(40deg);bottom:250px; left:290px;}
}

#regadera.fin {
	-webkit-animation: fin 3s ease forwards;
	-moz-animation: fin 3s ease forwards;
    animation: fin 3s ease forwards;
}

@-webkit-keyframes fin {
	0% {}
	100% {bottom:30px;}
}

@-moz-keyframes fin {
	0% {}
	100% {bottom:30px;}
}

@keyframes fin {
	0% {}
	100% {bottom:30px;}
}

#regadera:hover {
	-moz-transform:scale(1.1,1.1);
	transform:scale(1.1,1.1);
	cursor: pointer;
}

#regadera.fin:hover {
	-moz-transform:none;
	transform:none;
	cursor:default;
}

#agua.reg {
	background: url(../img/04_01_01a.png);
	background-size:100%;
	-webkit-animation: aguareg 5s linear forwards;
	-moz-animation: aguareg 5s linear forwards;
    animation: aguareg 5s linear forwards;
}

@-webkit-keyframes aguareg {
	0% {opacity:0;}
	19% {opacity:0; transform:scale(1,1);}
	20% {opacity: 1; transform:scale(1.1,1);}
	30% {opacity: 0.8; transform:scale(0.9,1);}
	40% {opacity: 1; transform:scale(1.1,1);}
	50% {opacity: 0.8; transform:scale(0.9,1);}
	60% {opacity: 1; transform:scale(1.1,1);}
	70% {opacity: 0.8; transform:scale(0.9,1);}
	80% {opacity: 1; transform:scale(1.1,1);}
	90% {opacity: 0; transform:scale(0.9,1);}
	100% {opacity:0;}
}

@-moz-keyframes aguareg {
	0% {opacity:0;}
	19% {opacity:0; -moz-transform:scale(1,1);}
	20% {opacity: 1; -moz-transform:scale(1.1,1);}
	30% {opacity: 0.8; -moz-transform:scale(0.9,1);}
	40% {opacity: 1; -moz-transform:scale(1.1,1);}
	50% {opacity: 0.8; -moz-transform:scale(0.9,1);}
	60% {opacity: 1; -moz-transform:scale(1.1,1);}
	70% {opacity: 0.8; -moz-transform:scale(0.9,1);}
	80% {opacity: 1; -moz-transform:scale(1.1,1);}
	90% {opacity: 0; -moz-transform:scale(0.9,1);}
	100% {opacity:0;}
}

@keyframes aguareg {
	0% {opacity:0;}
	19% {opacity:0; transform:scale(1,1);}
	20% {opacity: 1; transform:scale(1.1,1);}
	30% {opacity: 0.8; transform:scale(0.9,1);}
	40% {opacity: 1; transform:scale(1.1,1);}
	50% {opacity: 0.8; transform:scale(0.9,1);}
	60% {opacity: 1; transform:scale(1.1,1);}
	70% {opacity: 0.8; transform:scale(0.9,1);}
	80% {opacity: 1; transform:scale(1.1,1);}
	90% {opacity: 0; transform:scale(0.9,1);}
	100% {opacity:0;}
}

/*=============================================================*/

#cartel {
	width:350px;
	height:100px;
	position: absolute;
	top:300px;
	left:335px;
}

#cartel.st {
	background:url('../img/04_01_02.png');
	background-size: 100%;
	background-repeat: no-repeat;
}

/*=============================================================*/

#planta {
	position: absolute;
	bottom:60px;
	left:550px;
	width:90px;
	height:255px;
	background:url(../img/04_01_03.png) no-repeat;
	background-size: 100%;
	background-position: 0px 255px;
}

#planta.crec {
	-webkit-animation: crec 3.5s ease forwards;
	-moz-animation: crec 3.5s ease forwards;
    animation: crec 3.5s ease forwards;
}

@-webkit-keyframes crec {
	50% {background-position: 0px 255px;}
	100% {background-position: 0px 0px;}
}

@keyframes crec {
	50% {background-position: 0px 255px;}
	100% {background-position: 0px 0px;}
}

/*=============================================================*/

#hoja1.crec {
	position: absolute;
	bottom:120px;
	left:550px;
	width:60px;
	height:30px;
	background:url(../img/04_01_04.png);
	background-size: 100%;
	background-repeat: no-repeat;
	opacity: 0;
	-webkit-animation: hojacrec 1s ease 2.5s forwards;
	-moz-animation: hojacrec 1s ease 2.5s forwards;
    animation: hojacrec 1s ease 2.5s forwards;
}

@-webkit-keyframes hojacrec {
	80% {opacity: 0; transform:scale(0,0);}
	100% {opacity: 1; transform:scale(1,1);}
}

@-moz-keyframes hojacrec {
	80% {opacity: 0; -moz-transform:scale(0,0);}
	100% {opacity: 1; -moz-transform:scale(1,1);}
}

@keyframes hojacrec {
	80% {opacity: 0; transform:scale(0,0);}
	100% {opacity: 1; transform:scale(1,1);}
}

#hoja1:hover {
	background: url(../img/04_01_04h.png);
	background-size:100%;
	background-repeat: no-repeat;
	cursor: pointer;
}
/*///////////////////////////////////////*/
#hoja2.crec {
	position: absolute;
	bottom:140px;
	left:600px;
	width:30px;
	height:60px;
	background:url(../img/04_01_05.png);
	background-size: 100%;
	background-repeat: no-repeat;
	opacity: 0;
	-webkit-animation: hoja2crec 1s ease 2.5s forwards;
	-moz-animation: hoja2crec 1s ease 2.5s forwards;
    animation: hoja2crec 1s ease 2.5s forwards;
}

@-webkit-keyframes hoja2crec {
	80% {opacity: 0; transform:scale(0,0);}
	100% {opacity: 1; transform:scale(1,1);}
}

@-moz-keyframes hoja2crec {
	80% {opacity: 0; transform:scale(0,0);}
	100% {opacity: 1; transform:scale(1,1);}
}

@keyframes hoja2crec {
	80% {opacity: 0; transform:scale(0,0);}
	100% {opacity: 1; transform:scale(1,1);}
}

#hoja2:hover {
	background: url(../img/04_01_05h.png);
	background-size:100%;
	background-repeat: no-repeat;
	cursor: pointer;
}
/*////////////////////////////////////*/
#hoja3.crec {
	position: absolute;
	bottom:220px;
	left:585px;
	width:40px;
	height:60px;
	background:url(../img/04_01_06.png);
	background-size: 100%;
	background-repeat: no-repeat;
	opacity: 0;
	-webkit-animation: hoja3crec 1s ease 2.5s forwards;
	-moz-animation: hoja3crec 1s ease 2.5s forwards;
    animation: hoja3crec 1s ease 2.5s forwards;
}

@-webkit-keyframes hoja3crec {
	80% {opacity: 0; transform:scale(0,0);}
	100% {opacity: 1; transform:scale(1,1);}
}

@-moz-keyframes hoja3crec {
	80% {opacity: 0; transform:scale(0,0);}
	100% {opacity: 1; transform:scale(1,1);}
}

@keyframes hoja3crec {
	80% {opacity: 0; transform:scale(0,0);}
	100% {opacity: 1; transform:scale(1,1);}
}

#hoja3:hover {
	background: url(../img/04_01_06h.png);
	background-size:100%;
	background-repeat: no-repeat;
	cursor: pointer;
}
/*////////////////////////////////////*/
#hoja4.crec {
	position: absolute;
	bottom:235px;
	left:573px;
	width:20px;
	height:60px;
	z-index: 10000;
	background:url(../img/04_01_07.png);
	background-size: 100%;
	background-repeat: no-repeat;
	opacity: 0;
	-webkit-animation: hoja4crec 1s ease 2.5s forwards;
	-moz-animation: hoja4crec 1s ease 2.5s forwards;
    animation: hoja4crec 1s ease 2.5s forwards;
}

@-webkit-keyframes hoja4crec {
	80% {opacity: 0; transform:scale(0,0);}
	100% {opacity: 1; transform:scale(1,1);}
}

@-moz-keyframes hoja4crec {
	80% {opacity: 0; transform:scale(0,0);}
	100% {opacity: 1; transform:scale(1,1);}
}

@keyframes hoja4crec {
	80% {opacity: 0; transform:scale(0,0);}
	100% {opacity: 1; transform:scale(1,1);}
}

#hoja4:hover {
	background: url(../img/04_01_07h.png);
	background-size:100%;
	background-repeat: no-repeat;
	cursor: pointer;
}
/*////////////////////////////////////*/
#rosa.crec {
	position: absolute;
	bottom:275px;
	left:573px;
	width:80px;
	height:80px;
	background:url(../img/04_01_08.png);
	background-size: 100%;
	background-repeat: no-repeat;
	opacity: 0;
	-webkit-animation: rosacrec 1s ease 2.5s forwards;
	-moz-animation: rosacrec 1s ease 2.5s forwards;
    animation: rosacrec 1s ease 2.5s forwards;
}

@-webkit-keyframes rosacrec {
	80% {opacity: 0; transform:scale(0,0);}
	100% {opacity: 1; transform:scale(1,1);}
}

@-moz-keyframes rosacrec {
	80% {opacity: 0; transform:scale(0,0);}
	100% {opacity: 1; transform:scale(1,1);}
}

@keyframes rosacrec {
	80% {opacity: 0; transform:scale(0,0);}
	100% {opacity: 1; transform:scale(1,1);}
}

.ccommons{position: absolute;background:url('../img/btn_cc.png') no-repeat;background-size:contain;width: 52px;height: 50px;bottom:25px;right:20px;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:22px;right:20px}
.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; max-height:1000px; overflow-y: scroll;width:1000px;background:#709CB2;color:#fff;}
.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;}
