/* /////////////////////////////////////////////////// SLIDER //////////////////////////////////////////////////////*/
/* CONTENT SLIDER */
.container{
 position:absolute;
 height:100%;
 width:100%;
 background-color:#fff;
 top:0;
 left:0;
 /*margin-bottom:22px;*/
 
}
.contenedor_botones{
 position:absolute;
 bottom:70px;
 width:120px;
 left:50%;
 margin-left:-60px;
}
.boton_anterior{
 position:absolute;
 width:35px;
 text-align:center;
 left:0;
 font-size:2.5em;
 border:2px solid #000;
 z-index:9999;
 cursor:pointer;
 background-color:#fff;
 /*padding-bottom:3px;*/
}
.boton_siguiente{
 position:absolute;
 width:35px;
 text-align:center;
 right:0;
 font-size:2.5em;
 border:2px solid #000;
 z-index:9999;
 cursor:pointer;
 background-color:#fff;
/* padding-bottom:3px;*/
}
.boton_anterior:hover,
.boton_siguiente:hover{
	background-color:#0092C6;
	color:#fff;
}
#content-slider {
	/*width:100%;
	height:360px;
	margin:10px auto 0;*/
}
#contendor_botones_slider{
 width:164px;
 left:50%;
 margin-left:-82px;
 text-align:center;
 position:relative;
 float:left;
 margin-bottom:30px;
  margin-top:-50px;
 z-index:999;
}
#contendor_botones_slider span.boton_slider{
 background-color:#fff;
 height:20px;
 width:20px;
 border-radius:50%;
 margin-right:15px;
 float:left;
 opacity:0.5;
 cursor:pointer;

}


/* SLIDER */

#slider {

	/*height:320px;
	width:680px;
	margin:40px auto 0;*/
	width:100%;
	overflow:visible;
	position:absolute;
	height:100%;
}
#slider img{
 width:100%;
 visibility:hidden;
}
#mask {
	position:absolute;
	width:100%;
	height:100%;
	overflow:hidden;
}
#slider ul {
	margin:0;
	padding:0;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}
#slider li {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	list-style:none;
background-position: 50% center;
background-size:cover;
background-repeat:no-repeat;
background-position:50% 50%;
}

#slider li.firstanimation{
	background-image:url('/graf/instalaciones/foto-principal-colegio-fernan-caballero.jpg');
	animation:cycle 40s ease-out infinite;
	-moz-animation:cycle 40s ease-out infinite;	
	-webkit-animation:cycle 40s ease-out infinite;
}
#contendor_botones_slider span#para_slider_1 {
	animation:cycle_bton 40s ease-out infinite;
	-moz-animation:cycle_boton 40s ease-out infinite;	
	-webkit-animation:cycle_boton 40s ease-out infinite;		
}
#slider li.secondanimation{
background-image:url('/graf/instalaciones/foto-principal-colegio-fernan-caballero-2.jpg');
animation:cycletwo 40s ease-out infinite;
	-moz-animation:cycletwo 40s ease-out infinite;
	-webkit-animation:cycletwo 40s ease-out infinite;	
}
#contendor_botones_slider span#para_slider_2 {
	animation:cycletwo_boton 40s ease-out infinite;
	-moz-animation:cycletwo_boton 40s ease-out infinite;
	-webkit-animation:cycletwo_boton 40s ease-out infinite;		
}
#slider li.thirdanimation {
background-image:url('/graf/instalaciones/foto-principal-colegio-fernan-caballero-3.jpg');
animation:cyclethree 40s ease-out infinite;
	-moz-animation:cyclethree 40s ease-out infinite;
	-webkit-animation:cyclethree 40s ease-out infinite;	
}
#contendor_botones_slider span#para_slider_3{
	animation:cyclethree_boton 40s ease-out infinite;
	-moz-animation:cyclethree_boton 40s ease-out infinite;
	-webkit-animation:cyclethree_boton 40s ease-out infinite;		
}
#slider li.fourthanimation{
background-image:url('/graf/instalaciones/foto-principal-colegio-fernan-caballero-4.jpg');
 animation:cyclefour 40s ease-out infinite;
	-moz-animation:cyclefour 40s ease-out infinite;
	-webkit-animation:cyclefour 40s ease-out infinite;
}
#contendor_botones_slider span#para_slider_4 {
	animation:cyclefour_boton 40s ease-out infinite;
	-moz-animation:cyclefour_boton 40s ease-out infinite;
	-webkit-animation:cyclefour_boton 40s ease-out infinite;		
}
#slider li.fifthanimation {
background-image:url('/graf/instalaciones/foto-principal-colegio-fernan-caballero-5.jpg');
	animation:cyclefive 40s ease-out infinite;
	-moz-animation:cyclefive 40s ease-out infinite;
	-webkit-animation:cyclefive 40s ease-out infinite;	
}
#contendor_botones_slider span#para_slider_5{
	animation:cyclefive_boton 40s ease-out infinite;
	-moz-animation:cyclefive_boton 40s ease-out infinite;
	-webkit-animation:cyclefive_boton 40s ease-out infinite;		
}
#slider li.sixthanimation {
	animation:cyclesix 40s ease-out infinite;
	-moz-animation:cyclesix 40s ease-out infinite;
	-webkit-animation:cyclesix 40s ease-out infinite;	
}
#contendor_botones_slider span#para_slider_6{
	animation:cyclesix_boton 40s ease-out infinite;
	-moz-animation:cyclesix_boton 40s ease-out infinite;
	-webkit-animation:cyclesix_boton 40s ease-out infinite;		
}

#slider li.seventhanimation {
	animation:cycleseven 40s ease-out infinite;
	-moz-animation:cycleseven 40s ease-out infinite;
	-webkit-animation:cycleseven 40s ease-out infinite;	
}
#contendor_botones_slider span#para_slider_7{
	animation:cycleseven_boton 40s ease-out infinite;
	-moz-animation:cycleseven_boton 40s ease-out infinite;
	-webkit-animation:cycleseven_boton 40s ease-out infinite;		
}

#slider .tooltip {
	
	position:absolute;
	width:100%;
	top:170px;
	right:-100%;
	/*transition:all 1.5s ease-in-out;
	-moz-transition:all 1.5s ease-in-out;
	-webkit-transition:all 1.5s ease-in-out;*/
	*transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
	text-align:center;
	top:60%;
}
#slider .tooltip a {
	color:#fff;
	background-color:#000;
	font-weight:bold;
	padding:15px 20px;
	margin:0;
	text-decoration:none;
	font-size:1.5em;
}
#slider .tooltip a:hover{
	color:#25236D;
	background-color:#D07A2E;
	
}
#slider .tooltip h3{
 color:#333;
 font-size:1.6em;
}
/*
#slider li#first:hover .tooltip, 
#slider li#second:hover .tooltip, 
#slider li#third:hover .tooltip, 
#slider li#fourth:hover .tooltip, 
#slider li#fifth:hover .tooltip {
	margin-left:0px;

}*/
#slider #tooltip_1{
	animation:cycle_tooltip 40s ease-out infinite;
	-moz-animation:cycle_tooltip 40s ease-out infinite;
	-webkit-animation:cycle_tooltip 40s ease-out infinite;
 
}
#slider #tooltip_2{
	animation:cycle2_tooltip 40s ease-out infinite;
	-moz-animation:cycle2_tooltip 40s ease-out infinite;
	-webkit-animation:cycle2_tooltip 40s ease-out infinite;
 
}
#slider #tooltip_3{
	animation:cycle3_tooltip 40s ease-out infinite;
	-moz-animation:cycle3_tooltip 40s ease-out infinite;
	-webkit-animation:cycle3_tooltip 40s ease-out infinite;
 
}
#slider #tooltip_4{
	animation:cycle4_tooltip 40s ease-out infinite;
	-moz-animation:cycle4_tooltip 40s ease-out infinite;
	-webkit-animation:cycle4_tooltip 40s ease-out infinite;
 
}
#slider #tooltip_5{
	animation:cycle5_tooltip 40s ease-out infinite;
	-moz-animation:cycle5_tooltip 40s ease-out infinite;
	-webkit-animation:cycle5_tooltip 40s ease-out infinite;
 
}
#slider #tooltip_6{
	animation:cycle6_tooltip 40s ease-out infinite;
	-moz-animation:cycle6_tooltip 40s ease-out infinite;
	-webkit-animation:cycle6_tooltip 40s ease-out infinite;
 
}
#slider #tooltip_7{
	animation:cycle7_tooltip 40s ease-out infinite;
	-moz-animation:cycle7_tooltip 40s ease-out infinite;
	-webkit-animation:cycle7_tooltip 40s ease-out infinite;
 
}
/*#slider:hover li, 
#slider:hover .progress-bar*/
.para {
	/*animation-play-state:paused !important;
	-moz-animation-play-state:paused !important;
	-webkit-animation-play-state:paused !important;
	-o-animation-play-state:paused !important;*/
	animation:none !important;
	-moz-animation:none !important;
	-webkit-animation:none !important;
	-o-animation:none !important;
	}
.no_mostrar_imagen{
 opacity:0 !important;
}
.mostrar_imagen{
 opacity:1 !important;
}
/* PROGRESS BAR */
.progress-bar { 
	position:relative;
	float:left;
	top:-5px;
	width:680px; 
	height:5px;
	background:#000;
	animation:fullexpand 40s ease-out infinite;
	-moz-animation:fullexpand 40s ease-out infinite;
	-webkit-animation:fullexpand 40s ease-out infinite;
}
.slogan_slider{
 position:absolute;
 width:40%;
 padding:10px 2%;
 font-size:3em;
 background-color:rgba(255,255,255,0.8);
 left:50%;
 margin-left:-20%;
 text-align:center;
 top:25%;
 box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 -o-box-sizing:border-box;
}
/* ANIMATION */
@keyframes cycle {
	0%   {opacity:0.1;z-index:0;}
	2% {opacity:1;z-index:99;} 
	18% {opacity:1;z-index:99;} 
	20% { opacity: 0.1;z-index:0;}
  40% { opacity: 0;;z-index:0; }
  60% { opacity: 0;z-index:0;}
   80% { opacity: 0;z-index:0;}
  100% { opacity: 0;z-index:0;}
	
}
@keyframes cycle_boton {
	0%   {opacity:0.5;}
	2% {opacity:1} 
	18% {opacity:1} 
	20% { opacity: 0.5}
  100% { opacity: 0.5}
	
}
@keyframes cycle_tooltip{
  	0%{right:-100%;}
	2%{right:-100%;}
	/*8%{right:-100%;}
	9% {right:0;} */
	3%{right:-100%;}
	4% {right:0;} 
	17%{right:0;}
	18% {right:-100%;}
  100% { right:-100%;}
}
@-moz-keyframes cycle {
	0%   {opacity:0.1;z-index:0;}
	2% {opacity:1;z-index:99;} 
	18% {opacity:1;z-index:99;} 
	20% { opacity: 0.1;z-index:0;}
  40% { opacity: 0;z-index:0;}
  60% { opacity: 0;z-index:0;}
   80% { opacity: 0;z-index:0;}
  100% { opacity: 0;z-index:0;}
	
}
@-moz-keyframes cycle_boton {
	0%   {opacity:0.5}
	2% {opacity:1} 
	18% {opacity:1} 
	20% { opacity: 0.5}
  100% { opacity: 0.5}
	
}
@-moz-keyframes cycle_tooltip{
		0%{right:-100%;}
	2%{right:-100%;}
	/*8%{right:-100%;}
	9% {right:0;}*/
	3%{right:-100%;}
	4% {right:0;}
	17%{right:0;}
	18% {right:-100%;}
  100% { right:-100%;}
}
@-webkit-keyframes cycle {
		0%   {opacity:0.1;z-index:0;}
	2% {opacity:1;z-index:99;} 
	18% {opacity:1;z-index:99;} 
	20% { opacity: 0.1;z-index:0;}
  40% { opacity: 0;z-index:0;}
  60% { opacity: 0;z-index:0;}
   80% { opacity: 0;z-index:0;}
  100% { opacity: 0;z-index:0;}
	}
@-webkit-keyframes cycle_boton {
	0%   {opacity:0.5}
	2% {opacity:1} 
	18% {opacity:1} 
	20% { opacity: 0.5}
  100% { opacity: 0.5}
	}
@-webkit-keyframes cycle_tooltip{
	0%{right:-100%;}
	2%{right:-100%;}
	/*8%{right:-100%;}
	9% {right:0;}*/
	3%{right:-100%;}
	4% {right:0;}
	17%{right:0;}
	18% {right:-100%;}
  100% { right:-100%;}
}

@keyframes cycletwo {
	0%   {opacity:0;z-index:0;}
  20% { opacity: 0.1;z-index:0;}
  22% {opacity:1;z-index:99;} 
  38% {opacity:1;z-index:99;} 
  40% { opacity: 0.1;z-index:0; }
  60% { opacity: 0;z-index:0;}
   80% { opacity: 0;z-index:0;}
  100% { opacity: 0;z-index:0;}
}
@keyframes cycletwo_boton {
	0%   {opacity:0.5}
  20% { opacity: 0.5}
  22% {opacity:1} 
  38% {opacity:1} 
  40% { opacity: 0.5 }
  100% { opacity: 0.5}
}
@keyframes cycle2_tooltip{
  	0%{right:-100%;}
	20%{right:-100%;}
	/*26% {right:-100%;} 
	27% {right:0;} */
	21% {right:-100%;} 
	22% {right:0;} 
	37%{right:0;}
	38% {right:-100%;}
  100% { right:-100%;}
}
@-moz-keyframes cycletwo {
	0%   {opacity:0;z-index:0;}
  20% { opacity: 0.1;z-index:0;}
  22% {opacity:1;z-index:99;} 
  38% {opacity:1;z-index:99;} 
  40% { opacity: 0.1;z-index:0;}
  60% { opacity: 0;z-index:0;}
   80% { opacity: 0;z-index:0;}
  100% { opacity: 0;z-index:0;}
}
@-moz-keyframes cycletwo_boton {
	0%   {opacity:0.5}
  20% { opacity: 0.5}
  22% {opacity:1} 
  38% {opacity:1} 
  40% { opacity: 0.5}
  100% { opacity: 0.5}
}
@-moz-keyframes cycle2_tooltip{
  	0%{right:-100%;}
	20%{right:-100%;}
	/*26% {right:-100%;} 
	27% {right:0;} */
	21% {right:-100%;} 
	22% {right:0;} 
	37%{right:0;}
	38% {right:-100%;}
  100% { right:-100%;}
}
@-webkit-keyframes cycletwo {
	0% {opacity:0;z-index:0;}
  20% { opacity: 0.1;z-index:0;}
  28% {opacity:1;z-index:99;} 
  38% {opacity:1;z-index:99;} 
  40% { opacity: 0.1;z-index:0;}
  60% { opacity: 0;z-index:0;}
   80% { opacity: 0;z-index:0;}
  100% { opacity: 0;z-index:0;}
}
@-webkit-keyframes cycletwo_boton{
	0% {opacity:0.5}
  20% { opacity: 0.5}
  28% {opacity:1} 
  38% {opacity:1} 
  40% { opacity: 0.5}
  100% { opacity: 0.5}
}
@-webkit-keyframes cycle2_tooltip{
  0%{right:-100%;}
	20%{right:-100%;}
/*	26% {right:-100%;} 
	27% {right:0;} */
	21% {right:-100%;} 
	22% {right:0;} 
	37%{right:0;}
	38% {right:-100%;}
  100% { right:-100%;}
}
@keyframes cyclethree {
	0%   {opacity:0;z-index:0;}
  20% { opacity: 0;z-index:0;}
  40% { opacity: 0.1;z-index:0;}
  42% { opacity: 1;z-index:99;}
 58% { opacity: 1;z-index:99;}
  60% { opacity: 0.1;z-index:0;}
   80% { opacity: 0;z-index:0;}
  100% { opacity: 0;z-index:0;}
}
@keyframes cyclethree_boton {
	0%   {opacity:0.5}
  40% { opacity: 0.5}
  42% { opacity: 1}
 58% { opacity: 1}
  60% { opacity: 0.1}
  100% { opacity: 0.5}
}
@keyframes cycle3_tooltip{
  	 0%{right:-100%;}
	40%{right:-100%;}
	/*48% {right:-100%;} 
	49% {right:0;} */
	41% {right:-100%;} 
	42% {right:0;}
	57%{right:0;}
	58% {right:-100%;}
  100% { right:-100%;}
}
@-moz-keyframes cyclethree {
		0%   {opacity:0;z-index:0;}
  20% { opacity: 0;z-index:0;}
  40% { opacity: 0.1;z-index:0;}
  42% { opacity: 1;z-index:99;}
 58% { opacity: 1;z-index:99;}
  60% { opacity: 0.1;z-index:0;}
   80% { opacity: 0;z-index:0;}
  100% { opacity: 0;z-index:0;}
}
@-moz-keyframes cyclethree_boton {
	0%   {opacity:0.5}
  40% { opacity: 0.5}
  42% { opacity: 1}
 58% { opacity: 1}
  60% { opacity: 0.5}
  100% { opacity: 0.5}
}
@-moz-keyframes cycle3_tooltip{
   0%{right:-100%;}
	40%{right:-100%;}
	/*48% {right:-100%;} 
	49% {right:0;} */
	41% {right:-100%;} 
	42% {right:0;}
	57%{right:0;}
	58% {right:-100%;}
  100% { right:-100%;}
}
@-webkit-keyframes cyclethree {
		0%   {opacity:0;z-index:0;}
  20% { opacity: 0;z-index:0;}
  40% { opacity: 0.1;z-index:0;}
  42% { opacity: 1;z-index:99;}
 58% { opacity: 1;z-index:99;}
  60% { opacity: 0.1;z-index:0;}
   80% { opacity: 0;z-index:0;}
  100% { opacity: 0;z-index:0;}
}
@-webkit-keyframes cyclethree_boton {
	0%   {opacity:0.5}
  40% { opacity: 0.5}
  42% { opacity: 1}
 58% { opacity: 1}
  60% { opacity: 0.5}
  100% { opacity: 0.5}
}
@-webkit-keyframes cycle3_tooltip{
   0%{right:-100%;}
	40%{right:-100%;}
	/*48% {right:-100%;} 
	49% {right:0;} */
	41% {right:-100%;} 
	42% {right:0;}
	57%{right:0;}
	58% {right:-100%;}
  100% { right:-100%;}
}
@keyframes cyclefour {
	0%   {opacity:0;z-index:0;}
	0%   {opacity:0;z-index:0;}
  20% { opacity: 0;z-index:0;}
  40% { opacity: 0;z-index:0;}
  60% { opacity: 0.1;z-index:0;}
	62% { opacity: 1;z-index:99;}
	78% { opacity: 1;z-index:99;}
   80% { opacity: 0.1;z-index:0;}
  100% { opacity: 0;z-index:0;}
}
@keyframes cyclefour_boton {
	0%   {opacity:0.5}
  60% { opacity: 0.1}
	62% { opacity: 1}
	78% { opacity: 1}
   80% { opacity: 0.5}
  100% { opacity: 0.5}
}
@keyframes cycle4_tooltip{
  	0%{right:-100%;}
	/*68%{right:-100%;}
	69% {right:0;} */
	63%{right:-100%;}
	64% {right:0;}
	77%{right:0;}
	78% {right:-100%;}
  100% { right:-100%;}
}
@-moz-keyframes cyclefour {
	0%   {opacity:0;z-index:0;}
	0%   {opacity:0;z-index:0;}
  20% { opacity: 0;z-index:0;}
  40% { opacity: 0;z-index:0;}
  60% { opacity: 0.1;z-index:0;}
	62% { opacity: 1;z-index:99;}
	78% { opacity: 1;z-index:99;}
   80% { opacity: 0.1;z-index:0;}
  100% { opacity: 0;z-index:0;}
}
@-moz-keyframes cyclefour_boton {
	0%   {opacity:0.5}
  60% { opacity: 0.5}
	62% { opacity: 1}
	78% { opacity: 1}
   80% { opacity: 0.5}
  100% { opacity: 0.5}
}
@-moz-keyframes cycle4_tooltip{
  	0%{right:-100%;}
	/*68%{right:-100%;}
	69% {right:0;} */
	63%{right:-100%;}
	64% {right:0;}
	77%{right:0;}
	78% {right:-100%;}
  100% { right:-100%;}
}
@-webkit-keyframes cyclefour {
	0% {opacity:0;z-index:0;}
	0%   {opacity:0;z-index:0;}
  20% { opacity: 0;z-index:0;}
  40% { opacity: 0;z-index:0;}
  60% { opacity: 0.1;z-index:0;}
 62% { opacity: 1;z-index:99;}
	78% { opacity: 1;z-index:99;}
   80% { opacity: 0.1;z-index:0;}
  100% { opacity: 0;z-index:0;}
}
@-webkit-keyframes cyclefour_boton {
	0% {opacity:0.5}
  60% { opacity: 0.5}
 62% { opacity: 1}
	78% { opacity: 1}
   80% { opacity: 0.5}
  100% { opacity: 0.5}
}
@-webkit-keyframes cycle4_tooltip{
  	0%{right:-100%;}
	/*68%{right:-100%;}
	69% {right:0;} */
	63%{right:-100%;}
	64% {right:0;}
	77%{right:0;}
	78% {right:-100%;}
  100% { right:-100%;}
}
@keyframes cyclefive {
	0%   {opacity:0;z-index:0;}
  20% { opacity: 0;z-index:0;}
  40% { opacity: 0;z-index:0;}
  60% { opacity: 0;z-index:0;}
   80% { opacity: 0.1;z-index:0;}
    82% { opacity: 1;z-index:99;}
	 98% { opacity: 1;z-index:99;}
  100% { opacity: 0.1;z-index:0;}
}
@keyframes cyclefive_boton {
	0%   {opacity:0.5}
   80% { opacity: 0.5}
    82% { opacity: 1}
	 98% { opacity: 1}
  100% { opacity: 0.5}
}
@keyframes cycle5_tooltip{
  	0%{right:-100%;}
	/*88%{right:-100%;}
	89% {right:0;} */
	83%{right:-100%;}
	84% {right:0;}
	97%{right:0;}
	98% {right:-100%;}
  100% { right:-100%;}
}
@-moz-keyframes cyclefive {
	0%   {opacity:0;z-index:0;}
  20% { opacity: 0;z-index:0;}
  40% { opacity: 0;z-index:0;}
  60% { opacity: 0;z-index:0;}
   80% { opacity: 0.1;z-index:0;}
    82% { opacity: 1;z-index:99;}
	 98% { opacity: 1;z-index:99;}
  100% { opacity: 0.1;z-index:0;}
}
@-moz-keyframes cyclefive_boton {
	0%   {opacity:0.5}
   80% { opacity: 0.5}
    82% { opacity: 1}
	 98% { opacity: 1}
  100% { opacity: 0.5}
}
@-moz-keyframes cycle5_tooltip{
  	0%{right:-100%;}
	/*88%{right:-100%;}
	89% {right:0;} */
	83%{right:-100%;}
	84% {right:0;}
	97%{right:0;}
	98% {right:-100%;}
  100% { right:-100%;}
}
@-webkit-keyframes cyclefive {
	0%   {opacity:0;z-index:0;}
  20% { opacity: 0;z-index:0;}
  40% { opacity: 0;z-index:0;}
  60% { opacity: 0;z-index:0;}
   80% { opacity:0.1;z-index:0;}
    82% { opacity: 1;z-index:99;}
	 98% { opacity: 1;z-index:99;}
  100% { opacity: 0.1;z-index:0;}
}
@-webkit-keyframes cyclefive_boton {
	0%   {opacity:0.5}
   80% { opacity:0.5}
    82% { opacity: 1}
	 98% { opacity: 1}
  100% { opacity: 0.5}
}
@-webkit-keyframes cycle5_tooltip{
  	0%{right:-100%;}
	/*88%{right:-100%;}
	89% {right:0;} */
	83%{right:-100%;}
	84% {right:0;}
	97%{right:0;}
	98% {right:-100%;}
  100% { right:-100%;}
}
@keyframes cyclesix {
	0%   {opacity:0;z-index:0;}
	72% { opacity: 0.1;z-index:0;}
	82% { opacity: 1;z-index:99;}
	84% { opacity: 1;z-index:99;}
	86% { opacity: 0.1;z-index:0;}
	 96% { opacity: 0;z-index:0;}
	100% { opacity: 0;z-index:0;}
}
@keyframes cyclesix_boton {
	0%   {opacity:0.5}
	72% { opacity: 0.1}
	82% { opacity: 1}
	84% { opacity: 1}
   86% { opacity: 0.5}
  100% { opacity: 0.5}
}
@keyframes cycle6_tooltip{
  	0%{margin-right:-1000px;}
	78%{margin-right:-1000px;}
	79% {margin-right:0px;} 
	83%{margin-right:0px;}
	84% {margin-right:-1000px;}
  100% { margin-right:-1000px;}
}
@-moz-keyframes cyclesix {
	0%   {opacity:0;z-index:0;}
	72% { opacity: 0.1;z-index:0;}
	82% { opacity: 1;z-index:99;}
	84% { opacity: 1;z-index:99;}
	86% { opacity: 0.1;z-index:0;}
	 96% { opacity: 0;z-index:0;}
	100% { opacity: 0;z-index:0;}
}
@-moz-keyframes cyclesix_boton {
	0%   {opacity:0.5}
	72% { opacity: 0.1}
	82% { opacity: 1}
	84% { opacity: 1}
   86% { opacity: 0.5}
  100% { opacity: 0.5}
}
@-moz-keyframes cycle6_tooltip{
  	0%{margin-right:-1000px;}
	78%{margin-right:-1000px;}
	79% {margin-right:0px;} 
	83%{margin-right:0px;}
	84% {margin-right:-1000px;}
  100% { margin-right:-1000px;}
}
@-webkit-keyframes cyclesix {
	0%   {opacity:0;z-index:0;}
	72% { opacity: 0.1;z-index:0;}
	82% { opacity: 1;z-index:99;}
	84% { opacity: 1;z-index:99;}
	86% { opacity: 0.1;z-index:0;}
	 96% { opacity: 0;z-index:0;}
	100% { opacity: 0;z-index:0;}
}
@-webkit-keyframes cyclesix_boton {
	0%   {opacity:0.5}
	72% { opacity: 0.1}
	82% { opacity: 1}
	84% { opacity: 1}
   86% { opacity: 0.5}
  100% { opacity: 0.5}
}
@-webkit-keyframes cycle6_tooltip{
  	0%{margin-right:-1000px;}
	78%{margin-right:-1000px;}
	79% {margin-right:0px;} 
	83%{margin-right:0px;}
	84% {margin-right:-1000px;}
  100% { margin-right:-1000px;}
}
@keyframes cycleseven {
	0%   {opacity:0;z-index:0;}
	86% { opacity: 0.1;z-index:0;}
	96% { opacity: 1;z-index:99;}
	98% { opacity: 1;z-index:99;}
	99% { opacity: 0.1;z-index:0;}
	 100% { opacity: 0;z-index:0;}
}
@keyframes cycleseven_boton {
	0%   {opacity:0.5}
	86% { opacity: 0.1}
	96% { opacity: 1}
	98% { opacity: 1}
   99% { opacity: 0.5}
  100% { opacity: 0.5}
}
@keyframes cycle7_tooltip{
  	0%{margin-right:-1000px;}
	92%{margin-right:-1000px;}
	93% {margin-right:0px;} 
	97%{margin-right:0px;}
	98% {margin-right:-1000px;}
  100% { margin-right:-1000px;}
}
@-moz-keyframes cycleseven {
	0%   {opacity:0;z-index:0;}
	86% { opacity: 0.1;z-index:0;}
	96% { opacity: 1;z-index:99;}
	98% { opacity: 1;z-index:99;}
	99% { opacity: 0.1;z-index:0;}
	 100% { opacity: 0;z-index:0;}
}
@-moz-keyframes cycleseven_boton {
	0%   {opacity:0.5}
	86% { opacity: 0.1}
	96% { opacity: 1}
	98% { opacity: 1}
   99% { opacity: 0.5}
  100% { opacity: 0.5}
}
@-moz-keyframes cycle7_tooltip{
  	0%{margin-right:-1000px;}
	92%{margin-right:-1000px;}
	93% {margin-right:0px;} 
	97%{margin-right:0px;}
	98% {margin-right:-1000px;}
  100% { margin-right:-1000px;}
}
@-webkit-keyframes cycleseven {
	0%   {opacity:0;z-index:0;}
	86% { opacity: 0.1;z-index:0;}
	96% { opacity: 1;z-index:99;}
	98% { opacity: 1;z-index:99;}
	99% { opacity: 0.1;z-index:0;}
	 100% { opacity: 0;z-index:0;}
}
@-webkit-keyframes cycleseven_boton {
	0%   {opacity:0.5}
	86% { opacity: 0.1}
	96% { opacity: 1}
	98% { opacity: 1}
   99% { opacity: 0.5}
  100% { opacity: 0.5}
}
@-webkit-keyframes cycle7_tooltip{
  	0%{margin-right:-1000px;}
	92%{margin-right:-1000px;}
	93% {margin-right:0px;} 
	97%{margin-right:0px;}
	98% {margin-right:-1000px;}
  100% { margin-right:-1000px;}
}
/* ANIMATION BAR */
@keyframes fullexpand {
    0%, 20%, 40%, 60%, 80%, 100% { width:0%; opacity:0; }
    4%, 24%, 44%, 64%, 84% { width:0%; opacity:0.3; }
   16%, 36%, 56%, 76%, 96% { width:100%; opacity:0.7; }
   17%, 37%, 57%, 77%, 97% { width:100%; opacity:0.3; }
   18%, 38%, 58%, 78%, 98% { width:100%; opacity:0; }	
 }
@-moz-keyframes fullexpand {
    0%, 20%, 40%, 60%, 80%, 100% { width:0%; opacity:0; }
    4%, 24%, 44%, 64%, 84% { width:0%; opacity:0.3; }
   16%, 36%, 56%, 76%, 96% { width:100%; opacity:0.7; }
   17%, 37%, 57%, 77%, 97% { width:100%; opacity:0.3; }
   18%, 38%, 58%, 78%, 98% { width:100%; opacity:0; }	
}
@-webkit-keyframes fullexpand {
    0%, 20%, 40%, 60%, 80%, 100% { width:0%; opacity:0; }
    4%, 24%, 44%, 64%, 84% { width:0%; opacity:0.3; }
   16%, 36%, 56%, 76%, 96% { width:100%; opacity:0.7; }
   17%, 37%, 57%, 77%, 97% { width:100%; opacity:0.3; }
   18%, 38%, 58%, 78%, 98% { width:100%; opacity:0; }	
}