@charset "UTF-8";
/* CSS Document */

*{
	margin:0px;
	padding:0px;
	}

/* CONTENIDO */

.contenido_sentry {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	width: 738px;
	height: auto;
}

.espa_01 {
	margin: 5% 2%;
}

.contenedor_pri {
	margin: 5% 5%;
}

.parrafo_m {
	text-align: justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #666;
}

#servi_izq {
    float: left;
    width: 45%;
    margin: 0 2%;

}

#servi_der {
    float: left;
    width: 45%;
    margin: 0 2%;

}


/* SLIDER1 */

.slider1 {
	width: 100%;
	margin:auto;
	overflow: hidden;
}

.slider1 ul {
	padding: 0;
	width: 300%;

	animation: cambio1 10s infinite alternate;
	animation-timing-function: ease-out;
}

.slider1 li {
	width: 738px;
	list-style: none;
	float: left;
}

.slider1 img {
	width: 100%;

}

@keyframes cambio1 {
0% { margin-left: 0%; }
30% { margin-left: 0%; }

35% { margin-left: -100%; }
65% { margin-left: -100%; }

70% { margin-left: -200%; }
100% { margin-left: -200%; }

}

/* SLIDER1 */

.slider2 {
	width: 95%;
	margin:auto;
	margin-bottom: 5%;
	overflow: hidden;
}

.slider2 ul {
	display: flex !important;
	padding: 0;
	width: 1100%;

	animation: cambio2 30s infinite alternate;
}

.slider2 li {
	width: 734px;
	list-style: none;
	float: left;
}

.slider2 img {
	width: 100%;

}

@keyframes cambio2 {
0% { margin-left: 0%; }
8% { margin-left: 0%; }

9% { margin-left: -100%; }
17% { margin-left: -100%; }

18% { margin-left: -200%; }
26% { margin-left: -200%; }

27% { margin-left: -300%; }
35% { margin-left: -300%; }

36% { margin-left: -400%; }
44% { margin-left: -400%; }

45% { margin-left: -500%; }
53% { margin-left: -500%; }

54% { margin-left: -600%; }
62% { margin-left: -600%; }

63% { margin-left: -700%; }
71% { margin-left: -700%; }

72% { margin-left: -800%; }
80% { margin-left: -800%; }

81% { margin-left: -900%; }
89% { margin-left: -900%; }

90% { margin-left: -1000%; }
100% { margin-left: -1000%; }
}

@media screen and (min-width:0\0) {
    .slider2 {
	width: 100%;
	margin:auto;
	margin-bottom: 5%;
	overflow: hidden;
	}
	
	.slider2 ul {
		display: inline-block;
		padding: 0;
		width: 1100%;
		animation: cambio2 30s infinite alternate;
	}
	
	.slider2 li {
		width: 298px;
		list-style: none;
		float: left;
	}

}


