/** opacidad **/

.opacity-9 {

opacity: 0.9;
ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: alpha(opacity=90);

}

.opacity-8 {

opacity: 0.8;
ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);

}

.opacity-7 {

opacity: 0.7;
ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);

}

.opacity-6 {

opacity: 0.6;
ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60);

}

.opacity-5 {

opacity: 0.5;
ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);

}

.opacity-4 {

opacity: 0.4;
ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
filter: alpha(opacity=40);

}

.opacity-3 {

opacity: 0.3;
ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
filter: alpha(opacity=30);

}

.opacity-2 {

opacity: 0.2;
ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
filter: alpha(opacity=20);

}

.opacity-1 {

opacity: 0.1;
ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
filter: alpha(opacity=10);

}

/** transiciones **/

.transicion {

transition: all ease 0.5s;
-o-transition: all ease 0.5s;
-moz-transition: all ease 0.5s;
-webkit-transition: all ease 0.5s;

}

/** atenuado **/

.atenuado {

animation: atenuacion 1 1s;
-o-animation: atenuacion 1 1s;
-moz-animation: atenuacion 1 1s;
-webkit-animation: atenuacion 1 1s;
	  
}

/** atenuación **/
	 
@keyframes atenuacion {
	  
0% { opacity: 0; }
	  
100% { opacity: 1; }
	  
}
	 
@-o-keyframes atenuacion {
	 
0% { opacity: 0; }
	  
100% { opacity: 1; }
	 
}
	 
@-moz-keyframes atenuacion {
	 
0% { opacity: 0; }
	  
100% { opacity: 1; }
	 
}
	 
@-webkit-keyframes atenuacion {
	 
0% { opacity: 0; }
	  
100% { opacity: 1; }
	 
}

/** animación slider **/
#fondo_animado, .foto_01, .foto_02, .foto_03, .foto_04, .slide_1, .slide_2, .slide_3, .slide_4 {

animation-duration: 60s;
animation-iteration-count: infinite;

}

#fondo_animado {

animation-name: fondo_animado;

}

@keyframes fondo_animado {

0% { background: white; }

12.5% { background: black; }/** foco 01 12.5% **/

25% { background: white; }

37.5% { background: black; }/** foco 02 37.5% **/

50% { background: white; }

62.5% { background: black; }/** foco 03 62.5% **/

75% { background: white; }

87.5% { background: black; }/** foco 04 87.5% **/

100% { background: white; }

}

.foto_01 {

animation-name: foto_01;

}

@keyframes foto_01 {

0% { opacity: 0; }

6.25% { opacity: 0.2; }

12.5% { opacity: 0.8; }/** foco 01 12.5% **/

18.75% { opacity: 0.2; }

25% { opacity: 0; }

100% { opacity: 0; }

}

.foto_02 {

animation-name: foto_02;

}

@keyframes foto_02 {

0% { opacity: 0; }

25% { opacity: 0; }

31.25% { opacity: 0.2; }

37.5% { opacity: 0.8; }/** foco 02 37.5% **/

43.75% { opacity: 0.2; }

50% { opacity: 0; }

100% { opacity: 0; }

}

.foto_03 {

animation-name: foto_03;

}

@keyframes foto_03 {

0% { opacity: 0; }

50% { opacity: 0; }

56.25% { opacity: 0.2; }

62.5% { opacity: 0.8; }/** foco 03 62.5% **/

68.75% { opacity: 0.2; }

75% { opacity: 0; }

100% { opacity: 0; }

}

.foto_04 {

animation-name: foto_04;

}

@keyframes foto_04 {

0% { opacity: 0; }

75% { opacity: 0; }

81.25% { opacity: 0.2; }

87.5% { opacity: 0.8; }/** foco 04 87.5% **/

93.75% { opacity: 0.2; }

100% { opacity: 0; }

}

.slide_1 {

animation-name: slide_1;

}

@keyframes slide_1 {

0% { color: #999; margin-left: 0; visibility: visible; }/** mantiene en centro (gris) **/

12.5% { color: white; }/** foco 01 12.5% (blanco) **/

18.75% { color: #999; margin-left: 0; visibility: visible; }/** mantiene en centro (gris) **/

25% { color: #999; margin-left: 100%; visibility: hidden; }/** anima salida (gris) **/

50% { color: #999; visibility: hidden; }/** oculta **/

93.75% { color: #999; margin-left: -100%; visibility: hidden; }/** prepara entrada **/

100% { color: #999; margin-left: 0; visibility: visible; }/** mantiene en centro (gris) **/

}

.slide_2 {

animation-name: slide_2;

}

@keyframes slide_2 {

0% { color: #999; visibility: hidden; }/** oculta (gris) **/

18.75% { color: #999; margin-left: -100%; visibility: hidden; }/** prepara entrada (gris) **/

25% { color: #999; margin-left: 0; visibility: visible; }/** mantiene en centro (gris) **/

37.5% { color: white; }/** foco 02 37.5% (blanco) **/

43.75% { color: #999; margin-left: 0; visibility: visible; }/** mantiene en centro (gris) **/

50% { color: #999; margin-left: 100%; visibility: hidden; }/** anima salida (gris) **/

100% { color: #999; visibility: hidden; }/** oculta (gris) **/

}

.slide_3 {

animation-name: slide_3;

}

@keyframes slide_3 {

0% { color: #999; visibility: hidden; }/** oculta (gris) **/

43.75% { color: #999; margin-left: -100%; visibility: hidden; }/** prepara entrada (gris) **/

50% { color: #999; margin-left: 0; visibility: visible; }/** mantiene en centro (gris) **/

62.5% { color: white; }/** foco 03 62.5% (blanco) **/

68.75% { color: #999; margin-left: 0; visibility: visible; }/** mantiene en centro (gris) **/

75% { color: #999; margin-left: 100%; visibility: hidden; }/** anima salida (gris) **/

100% { color: #999; visibility: hidden; }/** oculta (gris) **/

}

.slide_4 {

animation-name: slide_4;

}

@keyframes slide_4 {

0% { color: #999; visibility: hidden; }/** oculta (gris) **/

68.75% { color: #999; margin-left: -100%; visibility: hidden; }/** prepara entrada (gris) **/

75% { color: #999; margin-left: 0; visibility: visible; }/** mantiene en centro (gris) **/

87.5% { color: white; }/** foco 04 87.5% (blanco) **/

93.75% { color: #999; margin-left: 0; visibility: visible; }/** mantiene en centro (gris) **/

100% { color: #999; margin-left: 100%; visibility: hidden; }/** anima salida (gris) **/

}