
/*barra de menu---------------------------------------------------*/

.menu a:hover{
	color: #FDB237;
	transform: scale(1.1);

}


.menu_movi{
	transform: translateX(-40%);
}
.menuscroll{
	position: fixed;
	background: #EA1A8B;
	width: 100%;
	height: 80px;
	/*max-width: 1440px;*/


	z-index: 101;
}
.scroll{
	transition: .2s;

}

.logo_movi{
	position: fixed;
	height: 70px;
	top:0%;
	left: 22%;
	z-index: 102;
}

.Redes_tele_movi{
	z-index: 102;
	top:20px;
	right: 27.7%;
	text-shadow: none;
}

.Redes_inst_movi{
	z-index: 102;
	top:20px;
	right: 25%;
	text-shadow: none;
}
.Redes_wha_movi{
	z-index: 102;
	top:20px;
	right: 22%;
	text-shadow: none;
}
.Redes_tw_movi{
	top:20px;
	right: 17%;
	z-index: 102;
	text-shadow: none;
}
.Redes_fac_movi{
	top:20px;
	right: 	20%;
	z-index: 102;
	text-shadow: none;
}


.Redes_tele:hover,
.Redes_inst:hover,
.Redes_wha:hover,
.Redes_tw:hover,
.Redes_fac:hover{
	color: #EA1A8B;


}
.tele_serv:hover,
.Redes_tele_movi:hover,
.Redes_inst_movi:hover,
.Redes_wha_movi:hover,
.Redes_tw_movi:hover,
.Redes_fac_movi:hover{
	color: #FDB237;

}
.Redes_tele_movi,
.Redes_inst_movi,
.Redes_wha_movi,
.Redes_tw_movi,
.Redes_fac_movi{
	color: #fff;

}




/*Banner----------------------------------------------------------*/
.cont_corazI,
.cont_corazII,
.coraz_I,
.coraz_II,
.D_emer p img{
	animation: corazon 1s linear;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}
@keyframes corazon{
	from {
		transform: scale(1);
	}
	to {
		transform: scale(1.1);
	}
}

/*--------------------------------------------------------------*/

.D_emer{opacity: 0;}
.E_movi{
	animation: emergencia 1s linear;
	animation-direction: alternate;
	animation-fill-mode:forwards;


}
@keyframes emergencia{
	0% {
		opacity: 0;
		transform: translateY(-40px);
	}
	100% {
		opacity: 1;
		transform: translateY(-0px);
	}
}


/*---------------------------------------------*/
.Opacity{
	opacity: 0;
	transition: 1s;
}
.Eje_Opacity {
	opacity: 1;
}

/*--------------------------------------------*/
.B_title,
.B_imgI,
.B_imgII,
.B_imgIII,
.B_imgIV,
.B_imgV,
.B_imgVI,
.B_imgVI_a{
	opacity: 0;
}

.B_imgT{

	animation: B_imgT 1s linear;
	animation-direction: alternate;
	animation-fill-mode:forwards;
}
@keyframes B_imgT{
	0% {
		transform: scale(0);
	}
	100% {
		transform: scale(1);
	}
}

.B_title_mov{
	animation: B_title .7s linear;
	animation-direction: alternate;
	animation-fill-mode:forwards;
}
@keyframes B_title{
	0% {
		opacity: 0;
		transform: translate(0px, -80px);
	}
	100% {
		opacity: 1;
		transform: translate(-0px, 0px);
	}
}


.B_imgI_mov{
	animation: burbujaI 3s linear;
	animation-direction: alternate;
	animation-fill-mode:forwards;
}
@keyframes burbujaI{
	0% {
		opacity: 0;
		transform: translate(-80px, -80px);
	}
	8% {
		opacity: 0.5;
		transform: translate(-40px, -50px);
	}
	16% {
		opacity: 1;
		transform: translate(-0px, 0px);
	}
	100% {
		opacity: 1;
		transform: translate(-0px, 0px);
	}
}

.B_imgII_mov{
	animation: burbujaII 3s linear;
	animation-direction: alternate;
	animation-fill-mode:forwards;

}
@keyframes burbujaII{
	0% {
		opacity: 0;
		transform: translate(-40px, -90px);
	}
	16% {
		opacity: 0;
		transform: translate(-40px, -90px);
	}
	30% {
		opacity: 0.5;
		transform: translate(-20px, -35px);
	}
	32% {
		opacity: 1;
		transform: translate(-0px, 0px);
	}
	100% {
		opacity: 1;
		transform: translate(-0px, 0px);
	}
}

.B_imgIII_mov{
	animation: burbujaIII 3s linear;
	animation-direction: alternate;
	animation-fill-mode:forwards;

}
@keyframes burbujaIII{
	0% {
		opacity: 0;
		transform: translate(40px, -90px);
	}
	32% {
		opacity: 0;
		transform: translate(40px, -90px);
	}
	40% {
		opacity: 0.5;
		transform: translate(20px, -35px);
	}
	48% {
		opacity: 1;
		transform: translate(-0px, 0px);
	}
	100% {
		opacity: 1;
		transform: translate(-0px, 0px);
	}
}

.B_imgIV_mov{
	animation: burbujaIV 3s linear;
	animation-direction: alternate;
	animation-fill-mode:forwards;
}
@keyframes burbujaIV{
	0% {
		opacity: 0;
		transform: translate(80px, -80px);
	}
	8% {
		opacity: 0.5;
		transform: translate(40px, -50px);
	}
	16% {
		opacity: 1;
		transform: translate(-0px, 0px);
	}
	100% {
		opacity: 1;
		transform: translate(-0px, 0px);
	}
}

.B_imgV_mov{
	animation: burbujaV 3s linear;
	animation-direction: alternate;
	animation-fill-mode:forwards;

}
@keyframes burbujaV{
	0% {
		opacity: 0;
		transform: translate(40px, -90px);
	}
	16% {
		opacity: 0;
		transform: translate(40px, -90px);
	}
	30% {
		opacity: 0.5;
		transform: translate(20px, -35px);
	}
	32% {
		opacity: 1;
		transform: translate(-0px, 0px);
	}
	100% {
		opacity: 1;
		transform: translate(-0px, 0px);
	}
}

.B_imgVI_mov{
	animation: burbujaVI 3s linear;
	animation-direction: alternate;
	animation-fill-mode:forwards;

}
@keyframes burbujaVI{
	0% {
		opacity: 0;
		transform: translate(-40px, -90px);
	}
	32% {
		opacity: 0;
		transform: translate(-40px, -90px);
	}
	40% {
		opacity: 0.5;
		transform: translate(-20px, -35px);
	}
	48% {
		opacity: 1;
		transform: translate(-0px, 0px);
	}
	100% {
		opacity: 1;
		transform: translate(-0px, 0px);
	}
}
.B_imgVII_mov{
	animation: burbujaVII 3s linear;
	animation-direction: alternate;
	animation-fill-mode:forwards;

}
@keyframes burbujaVII{
	0% {
		opacity: 0;
		transform: translate(-0px, -90px);
	}
	32% {
		opacity: 0;
		transform: translate(-0px, -90px);
	}
	40% {
		opacity: 0.5;
		transform: translate(-0px, -35px);
	}
	48% {
		opacity: 1;
		transform: translate(-0px, 0px);
	}
	100% {
		opacity: 1;
		transform: translate(-0px, 0px);
	}
}
/*-------------------------------------------------------*/
.E_efect{
	opacity: 0;
}
.E_efect_ejec{
	animation: E_efect 1s linear;
	animation-direction: alternate;
	animation-fill-mode:forwards;
	z-index: 49;
}
@keyframes E_efect{
	0% {
		opacity: 0;
		transform: translate(0px, -50px);
	}
	100% {
		opacity: 1;
		transform: translate(-0px, 0px);
	}
}
/*----------------------------------------------------*/
.B_pr,
.B_barra,
.B_Btn{
	opacity: 0;
}
.B_pr_ejec{
	animation: B_pr 2s linear;
	animation-direction: alternate;
	animation-fill-mode:forwards;
}
@keyframes B_pr{
	0% {
		opacity: 0;
		transform: scale(0);
	}
	33% {
		opacity: 1;
		transform: scale(1);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}

.B_barra_ejec{
	animation: B_barra 2s linear;
	animation-direction: alternate;
	animation-fill-mode:forwards;
}
@keyframes B_barra{
	0% {
		opacity: 0;
		transform: translateX(300px);
	}
	33% {
		opacity: 0;
		transform: translateX(300px);
	}
	66% {
		opacity: 1;
		transform: translateX(0px);
	}
	100% {
		opacity: 1;
		transform: translateX(0px);
	}
}

.B_Btn_ejec{
	animation: B_Btn 2s linear;
	animation-direction: alternate;
	animation-fill-mode:forwards;
}

@keyframes B_Btn{
	0% {
		opacity: 0;
		transform: translateX(-40px);
	}
	66% {
		opacity: 0;
		transform: translateX(-40px);
	}
	90% {
		opacity: 1;
		transform: translateX(0px);
	}
	100% {
		opacity: 1;
		transform: translateX(0px);
	}
}
