/**** slider ****/
	#cartela, ul
	{
		height: 150px;
	}
	
	#cartela
	{
		
		overflow: hidden;
		padding: 20px;
		
		background-color:white;
		border-radius: 10px;
		box-shadow: 2px 2px 14px rgba(0, 0, 0, 0.25);
		position: relative;
		width: 550px;
	}
	img{width: 15%; height: 25%;  float: left;
	  margin-right: 15px;object-fit:inherit; 

      object-fit: cover;}
	#cartela li
	{
		float: left;
		position: relative;
		width: 600px;
		display: inline-block;
		height: 200px;
	}
	#cartela li{position: relative;}
	#cartela ul
	{
		list-style: none;
		position: absolute;
			left: 0px;
		top: 0px;
		width: 9000px;
		transition: left .3s linear;
		
		margin-left: -25px;
	  font-family: century gothic;
	  color: #666666;
	}
	
	/*** Content ***/
	
	.cartela-container
	{
		margin: 0 auto;
		padding: 0;
		width: 550px;
	  min-height: 180px;
	  border-bottom: 1px solid #cccccc;
	 
	 
	}
	
	.cartela-container h4
	{
	 	color: #0A7FAD;
	 
	}
	
	.cartela-container  p
	{
		margin: 10px ;
		font-weight:bold;
		line-height: 150%;
		text-align: justify;z-index: 1;color:#031F86;
		
	}
	
	/*** target hooks ****/
	
	@-webkit-keyframes slide-animation {
		0% {opacity:0;}
		2% {opacity:1;}
		8% {left:0px; opacity:1;}
		20% {left:0px; opacity:1;}
		22.5% {opacity:0.6;}
		25% {left:-600px; opacity:1;}
		45% {left:-600px; opacity:1;}
		47.5% {opacity:0.6;}
		50% {left:-1200px; opacity:1;}
		70% {left:-1200px; opacity:1;}
		72.5% {opacity:0.6;}
		
		75% {left:-1800px; opacity:1;}
		80% {left:-1800px; opacity:1;}
		95% {opacity:1;}
		
		98% {left:-2400px; opacity:0;}
		 99% {left:-2400px; opacity:0;}
		100% {left:-600px; opacity:0;}
	}
	
	#cartela ul
	{
		animation: slide-animation 25s infinite;
	}
	
	/* use to paused the content on mouse over */
	
	#cartela ul:hover
	{animation-play-state: paused;
		
	}
	div.reset {
	  clear: both;
	}
.seguir:after,
.seguir:before {
	content: '';
  position: absolute;
  left: 0;
  display: inline-block;
  
  
  opacity: 0;
	transition: opacity 0.35s, transform 0.35s;
	
}	
	
	
	
	
	.seguir:before {
  border-left: 1px solid;
  border-right: 1px solid;
	transform: scale(1,0);
}

.seguir:after {
  border-bottom: 1px solid;
  border-top: 1px solid;
	transform: scale(0,1);
}

.seguir:hover:after,.seguir:hover:before {
  opacity: 1;
	transform: scale(1);
}
	.seguir {
	 position: absolute;
	 bottom: 55px;
	 color: #0A7FAD;
}

/* imagenes del slider*/