/* CSS Document */
/* Style the links inside the pill navigation menu */

.pill-nav{
	width:100%;
	overflow:visible;
}
.pill-nav a {
  display: inline-block;
  color: black;
  text-align: center;
  padding: 8px;
  text-decoration: none;
  font-size: 17px;
  cursor:pointer;   
}
/* Change the color of links on mouse-over */
.pill-nav a:hover {
  background-color: #ddd;
  color: black;
}
/* Add a color to the active/current link */
.pill-nav a.active {
  background-color: dodgerblue;
  color: white;
  margin:2px;
}
@media only screen and (max-width: 600px) {
	.pill-nav{
		margin-top:50px;
	}
}
.pill-nav-idem {
  animation: pills-animationNav 0.75s 1;
  position:relative;
}

/* ANIMACION SLIDER */	
@keyframes pills-animationNav{
	from{ left:-200px;}
	to{ left:0px;}	
}