@charset "UTF-8";
/* CSS Document */


#contenedor-jm {
	width:734px;
	height:auto;
	margin: 0;
	padding: 0;
	overflow: hidden;
	border-top: 4px solid #a30000;
	}
	
/* slide 1*/
.slider-jm {
	width: 734px;
	margin: -16px auto 0;
	overflow: hidden;
}

.slider-jm ul {
	display: flex;
	padding: 0;
	width: 400%;
	
	animation: cambio 20s infinite alternate linear;
}

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

.slider-jm img {
	width: 100%;
}

/* slide 2*/

.slider-jm-2 {
	width: 350px;
	height: 467px;
	overflow: hidden;
}

.slider-jm-2 ul {
	display: flex;
	padding: 0;
	width: 400%;
	
	animation: cambio 20s infinite alternate linear;
}

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

.slider-jm-2 img {
	width: 100%;
}

@keyframes cambio {
	0% {margin-left: 0;}
	20% {margin-left: 0;}
	
	25% {margin-left: -100%;}
	45% {margin-left: -100%;}
	
	50% {margin-left: -200%;}
	70% {margin-left: -200%;}
	
	75% {margin-left: -300%;}
	100% {margin-left: -300%;}
}

/* Contenido*/
.z-banner {
	margin-top: -196px;
	position: relative;
	z-index: 1000;
	height: 200px;
	background: url(../image/z-banner.png) no-repeat;
	}

.colum-1 {
	width: 50%;
	margin-top: 30px;
	margin-bottom: 30px;
	display: inline-block;
	float: left;
	}
.titu-jm {
	margin: 20px;
	margin-bottom: 0;
	padding: 8px 20px;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(150, 150, 150, 1);
	background: rgba(223,0,0,1);
	background: -moz-linear-gradient(-45deg, rgba(223,0,0,1) 0%, rgba(223,0,0,1) 10%, rgba(163,0,0,1) 65%, rgba(163,0,0,1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(223,0,0,1)), color-stop(10%, rgba(223,0,0,1)), color-stop(65%, rgba(163,0,0,1)), color-stop(100%, rgba(163,0,0,1)));
	background: -webkit-linear-gradient(-45deg, rgba(223,0,0,1) 0%, rgba(223,0,0,1) 10%, rgba(163,0,0,1) 65%, rgba(163,0,0,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(223,0,0,1) 0%, rgba(223,0,0,1) 10%, rgba(163,0,0,1) 65%, rgba(163,0,0,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(223,0,0,1) 0%, rgba(223,0,0,1) 10%, rgba(163,0,0,1) 65%, rgba(163,0,0,1) 100%);
	background: linear-gradient(135deg, rgba(223,0,0,1) 0%, rgba(223,0,0,1) 10%, rgba(163,0,0,1) 65%, rgba(163,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#df0000', endColorstr='#a30000', GradientType=1 );
	border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border: 1px solid #f00000;
  font-size: 16px;
  font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; 
	}
#contenedor-jm p {
	padding: 5px 20px;
	font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; 
	font-size: 14px;
	color: #636363;
	}
.foo {
	clear: both;
	padding: 10px;
	text-align: center;
	background: rgba(223,0,0,1);
	background: -moz-linear-gradient(left, rgba(223,0,0,1) 0%, rgba(223,0,0,1) 29%, rgba(163,0,0,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(223,0,0,1)), color-stop(29%, rgba(223,0,0,1)), color-stop(100%, rgba(163,0,0,1)));
	background: -webkit-linear-gradient(left, rgba(223,0,0,1) 0%, rgba(223,0,0,1) 29%, rgba(163,0,0,1) 100%);
	background: -o-linear-gradient(left, rgba(223,0,0,1) 0%, rgba(223,0,0,1) 29%, rgba(163,0,0,1) 100%);
	background: -ms-linear-gradient(left, rgba(223,0,0,1) 0%, rgba(223,0,0,1) 29%, rgba(163,0,0,1) 100%);
	background: linear-gradient(to right, rgba(223,0,0,1) 0%, rgba(223,0,0,1) 29%, rgba(163,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#df0000', endColorstr='#a30000', GradientType=1 );
 }
.foo a {
	font-size: 16px;
	color: #fff;
	font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
	text-decoration: none;
	}