/* CSS Document */
.slider{
	width:100%;
	height: 100%;
	margin-bottom: 0;
	margin-top: 0;
	overflow:hidden;
}

.slider ul {
	display: flex;
	padding: 0;
	width: 400%;
	
	animation: cambio 20s infinite alternate linear;
	animation-timing-function: ease-in-out;
}

.slider li {
	width:100%;
	list-style: none;
}

.slider img {
	display: block;
	padding: 0;
	margin-bottom: 0;
	margin-top: 0;
	width: 100%;
	/*min-width: 400px;
	/*height: 100%;*/
}

@keyframes cambio {
	0%  {margin-left: 0%;}
	25% {margin-left: 0%;}
	
	26% {margin-left: -100%;}
	50% {margin-left: -100%;}
	
	51% {margin-left: -200%;}
	75% {margin-left: -200%;}
	
	76% {margin-left: -300%;}
	100% {margin-left: -300%;}
}

#pie { background-color:#00007f ; clear: both;}
#pie p {
	/*text-align: left;*/
	padding: 0.3em 0;
	font-weight: bold;
	font-size: 10px;
	color: #ffffff
}

.Pizq{
	text-align: left;
	padding: 0.3em 0;
	font-weight: bold;
	font-size: 10px;
	color: #ffffff;
	background-color: #000099;
}

.Pder{
	text-align: right;
	padding: 0.3em 0;
	font-weight: bold;
	font-size: 10px;
	color: #ffffff;	
	background-color: #000099;
}

#pie a:link { /* Cuando no esta visitado */
	color: #ffff7f;
	text-decoration: none;
	background-color: #000099;
}
 
#pie a:visited {
	/* Cuando ya fue visitado */
	color: #ffff7f;
	text-decoration: none;
	background-color: #000099;
}

#pie a:active { /* Cuando se hace Click encima del enlace */
	color: #00aaff;
	text-decoration: none;
	background-color: #000099;
}

#pie a:hover { /* Cursor por encima */
	color: #00aaff;
	text-decoration: none;
	background-color: #000099;
}

.Boton{
	font-family: Arial;
	font-size: 12px;
	background-color: #ffffff;
	border:1px solid #550000;
	border-top-color: #00007f;
	border-left-color: #00007f;
	border-right-color: #ffffff;
	border-bottom-color: #ffffff;
}