/*Pulsacion Estrellas*/
.animacion {
	animation-name: parpadeo;
	animation-duration: 2s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	-webkit-animation-name:parpadeo;
	-webkit-animation-duration: 2s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
}
/**********************************/
.animacion2 {
	animation-name: parpadeo;
	animation-duration: 2s;
	animation-delay: 0.5s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	-webkit-animation-name:parpadeo;
	-webkit-animation-duration: 2s;
	-webkit-animation-delay: 0.5s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
}
/***********************************/
.animacion3 {
	animation-name: parpadeo;
	animation-duration: 2s;
	animation-delay: 1s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	-webkit-animation-name:parpadeo;
	-webkit-animation-duration: 2s;
	-webkit-animation-delay: 1s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
}
/***********************************/
.animacion4 {
	animation-name: parpadeo;
	animation-duration: 2s;
	animation-delay: 1.5s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	-webkit-animation-name:parpadeo;
	-webkit-animation-duration: 2s;
	-webkit-animation-delay: 1.5s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
}
/***********************************/
.animacion5 {
	animation-name: parpadeo;
	animation-duration: 2s;
	animation-delay: 2s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	-webkit-animation-name:parpadeo;
	-webkit-animation-duration: 2s;
	-webkit-animation-delay: 2s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
}
/*********************************/
@-moz-keyframes parpadeo{  
	0% { opacity: 0.8; }
	50% { opacity: 0.2; }
	100% { opacity: 0.8; }
}

@-webkit-keyframes parpadeo {  
	0% { opacity: 0.8; }
	50% { opacity: 0.2; }
	100% { opacity: 0.8; }
}

@keyframes parpadeo {  
	0% { opacity: 0.8; }
	50% { opacity: 0.2; }
	100% { opacity: 0.8; }
}



/*DISEÑO PROPIO DEL MODULO INTERACTIVO*/
.constar{
	position: relative;
}
.star{
	position: absolute!important;
	z-index: 9999 !important;
}

/*Posicionamiento de las estrellas - CAPITULO 1*/
.posicion01{
	top: 215px;
	left: 110px;
	width: 515px;
	height: 21px;
}
.posicion02{
	top: 154px;
	left: 110px;
	width: 298px;
	height: 21px;
}
.posicion03{
	top: 174px;
	left: 110px;
	width: 362px;
	height: 21px;
}
.posicion04{
	top: 134px;
	left: 110px;
	width: 278px;
	height: 21px;
}
.posicion05{
	top: 194px;
	left: 110px;	
	width: 364px;
	height: 22.5px;
}

.sub_modulo{
	position: absolute !important;
	visibility: hidden;
	top: 0px;
	z-index: 999;
}


/****************************************/
/*PARA CAPITULO 3 - FRENOS DEL MONCARRIL*/
.animacion2 {
	animation-name: parpadeo2;
	animation-duration: 2s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	-webkit-animation-name:parpadeo2;
	-webkit-animation-duration: 2s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
}

@-moz-keyframes parpadeo2{  
	0% { opacity: 0.7; }
	50% { opacity: 0.2; }
	100% { opacity: 0.7; }
}

@-webkit-keyframes parpadeo2 {  
	0% { opacity: 0.7; }
	50% { opacity: 0.2; }
	100% { opacity: 0.7; }
}

@keyframes parpadeo2 {  
	0% { opacity: 0.7; }
	50% { opacity: 0.2; }
	100% { opacity: 0.7; }
}

.rcircle{
	position: absolute!important;
	z-index: 9999 !important;
	color: #DE0A14;
	font-size: 37px;
}
.posicionm601{
	top: 151.4px;
	left: 186.5px;
}
.posicionm602{
	top: 151.4px;
	left: 338px;
}
.posicionm603{
	top: 151.4px;
	left: 382.5px;
}
.posicionm604{
	top: 151.4px;
	left: 533.5px;
}
.posicionm605{
	top: 151.4px;
	left: 580px;
}
.posicionm606{
	top: 151.4px;
	left: 732px;
}
@media screen and (max-width:999.98px){
	.rcircle{
		font-size: 18px;
	}
	.posicionm601{
		top: 140px;
		left: 37px;
	}
	.posicionm602{
		top: 140px;
		left: 108.5px;
	}
	.posicionm603{
		top: 140px;
		left: 129.5px;
	}
	.posicionm604{
		top: 140px;
		left: 200.5px;
	}
	.posicionm605{
		top: 140px;
		left: 222.5px;
	}
	.posicionm606{
		top: 140px;
		left: 293px;
	}
}