/*Estilo auspiciantes*/
#auspiciantes{
	display:block;
	float:left;
	width:20%;
	background-color:white;
	margin:0;
	padding:0;
	border-left:0px solid #4d4d4d;
	max-height:1500px;
}

#auspiciantes a{
	color:red;
	max-width:100%;
}

#auspiciantes a img:hover{
	border:1px solid #00e600;
}

#auspiciantes a img{
	width:90%;
	padding:30px;
}

h5{
	background-color:#808080;
	font-size:2em;
	margin-top:0px;
	padding:10px;
	color:white;
	border-bottom:5px solid #ffff00;
	z-index:1;
	position:relative;
}

/*Fin estilo auspiciantes*/


/*Animacion de banners*/
#mov{
	width:100%;
	z-index:0;
	position:relative;
	-webkit-animation-name: example; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 60s; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
	-webkit-animation-timing-function: linear;/* Safari 4.0 - 8.0 */
	-webkit-animation-play-state: running;/* Safari 4.0 - 8.0 */
    animation-name: example;
    animation-duration: 60s;
    animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: linear;
	animation-play-state: running;
}

/*Pausa el movimiento de los banner*/
#mov:hover{
	-webkit-animation-play-state: paused;/* Safari 4.0 - 8.0 */
	animation-play-state: paused;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
    0%   {top:0px;}
    /*25%  {top:-200px;}
    50%  {top:-400px;}
    75%  {top:-800px;}*/
    100% {top:-3100px;}
}

/* Standard syntax */
@keyframes example {
    0%   {top:0px;}
   /* 25%  {top:-200px;}
    50%  {top:-400px;}
    75%  {top:-800px;}*/
    100% {top:-3100px;}
}