/* /////////////////////////////////////////////////// SLIDER //////////////////////////////////////////////////////*/
/* CONTENT SLIDER */
.container{
 position:absolute;
 height:100%;
 width:100%;

}
#content-slider {
	/*width:100%;
	height:360px;
	margin:10px auto 0;*/
}
#contendor_botones_slider{
 width:176px;
 left:50%;
 margin-left:-80px;
 text-align:center;
 position:relative;
 float:left;
 margin-bottom:30px;
}
#contendor_botones_slider span.boton_slider{
 background-color:#6F3329;
 height:20px;
 width:20px;
/* border-radius:50%;*/
 margin-right:15px;
 float:left;
 opacity:0.5;
 cursor:pointer;
}


/* SLIDER */

#slider {
	width:100%;
	overflow:visible;
	position:absolute;
	height:100%;
	
}

#mask {
	position:absolute;
	width:100%;
	height:100%;
	overflow:hidden;
	background-image:url('/graf/fondo/clinica-eva-millan-mask-slider.png');
	background-size:2560px auto;
	background-position:50% 50%;
	background-repeat:no-repeat;
	z-index:9999;
}
#slider ul {
	margin:0;
	padding:0;
}
#slider li {
	width:100%;
	height:100%;
	position:absolute;
	list-style:none;
    background-size:2560px auto;
	background-position:50% 50%;
}

#slider li.firstanimation{
	background-image:url('/graf/slider/clinica-eva-millan-slider-1.png');
	animation:cycle 35s ease-out infinite;
	-moz-animation:cycle 35s ease-out infinite;	
	-webkit-animation:cycle 35s ease-out infinite;
}
#contendor_botones_slider span#para_slider_1 {
	animation:cycle_bton 35s ease-out infinite;
	-moz-animation:cycle_boton 35s ease-out infinite;	
	-webkit-animation:cycle_boton 35s ease-out infinite;		
}
#slider li.secondanimation{
background-image:url('/graf/slider/clinica-eva-millan-slider-2.png');
animation:cycletwo 35s ease-out infinite;
	-moz-animation:cycletwo 35s ease-out infinite;
	-webkit-animation:cycletwo 35s ease-out infinite;	
}
#contendor_botones_slider span#para_slider_2 {
	animation:cycletwo_boton 35s ease-out infinite;
	-moz-animation:cycletwo_boton 35s ease-out infinite;
	-webkit-animation:cycletwo_boton 35s ease-out infinite;		
}
#slider li.thirdanimation {
background-image:url('/graf/slider/clinica-eva-millan-slider-3.png');
animation:cyclethree 35s ease-out infinite;
	-moz-animation:cyclethree 35s ease-out infinite;
	-webkit-animation:cyclethree 35s ease-out infinite;	
}
#contendor_botones_slider span#para_slider_3{
	animation:cyclethree_boton 35s ease-out infinite;
	-moz-animation:cyclethree_boton 35s ease-out infinite;
	-webkit-animation:cyclethree_boton 35s ease-out infinite;		
}
#slider li.fourthanimation{
background-image:url('/graf/slider/clinica-eva-millan-slider-4.png');
 animation:cyclefour 35s ease-out infinite;
	-moz-animation:cyclefour 35s ease-out infinite;
	-webkit-animation:cyclefour 35s ease-out infinite;
}
#contendor_botones_slider span#para_slider_4 {
	animation:cyclefour_boton 35s ease-out infinite;
	-moz-animation:cyclefour_boton 35s ease-out infinite;
	-webkit-animation:cyclefour_boton 35s ease-out infinite;		
}
#slider li.fifthanimation {
	background-image:url('/graf/slider/clinica-eva-millan-slider-5.png');
	animation:cyclefive 35s ease-out infinite;
	-moz-animation:cyclefive 35s ease-out infinite;
	-webkit-animation:cyclefive 35s ease-out infinite;	
}
#contendor_botones_slider span#para_slider_5{
	animation:cyclefive_boton 35s ease-out infinite;
	-moz-animation:cyclefive_boton 35s ease-out infinite;
	-webkit-animation:cyclefive_boton 35s ease-out infinite;		
}

#slider .tooltip {
	background:rgba(0,0,0,0.7);
	width:300px;
	height:60px;
	position:relative;
	float:left;
	bottom:113px;
	margin-left:-320px;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;  
}
#slider .tooltip h1 {
	color:#fff;
	font-size:24px;
	font-weight:300;
	line-height:60px;
	padding:0 0 0 20px;
}
#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: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 35s ease-out infinite;
	-moz-animation:fullexpand 35s ease-out infinite;
	-webkit-animation:fullexpand 35 ease-out infinite;
}

/* 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 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 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 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 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}
}
@-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 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 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 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 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}
}
@-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 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 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 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 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}
}
/* 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; }	
}