@charset "utf-8";

#presenta0 {
    position: relative;
    width: 100%;
    background-color: #D6D6D6;
    z-index: 800;
}
#presenta0 img {
	width: 70%;
}

#presenta1 {
    position: absolute;
    width: 50%;
    display: block;
    overflow: hidden;
	top: 0px;
    left: 50%;
	color: #097018;
}

.uno {
    font-size: 3vw;
    font-weight: bolder;
}
.uno p {
	display: block;
	margin-left: 0%;
	height: 3vw;
	overflow: hidden;
}
.c0 {
	border-bottom: thick solid #68BBF8;
	animation-name: c00;
    animation-duration: 3s;
}
.c1 {
	animation-name: c01;
    animation-duration: 2s;
}
.c2 {
	animation-name: c02;
    animation-duration: 2.5s;
}
.c3 {
	animation-name: c03;
    animation-duration: 1s;
}
.c4 {
	animation-name: c04;
    animation-duration: 1.5s;
}
.c5 {
	border-top: thick solid #89A600;
	animation-name: c05;
    animation-duration: 2s;
}

@keyframes c00 {
  from {margin-left: 100%;}
  to {margin-left: 0%;}
}
@keyframes c01 {
  from {
	margin-left: 100%;
	transform:translateY(-90px);
  }
  to {
	margin-left: 0%;
	transform:translateY(0px);
  }
}
@keyframes c02 {
  0% {
	margin-left: 100%;
	transform:translateY(-270px);
  }
  10% {
	margin-left: 100%;
	transform:translateY(-270px);
  }
  100% {
	margin-left: 0%;
	transform:translateY(0px);
  }
}
@keyframes c03 {
  from {margin-left: 100%;}
  to {margin-left: 0%;}
}
@keyframes c04 {
  from {
	margin-left: 100%;
	transform:translateY(90px);
  }
  to {
	margin-left: 0%;
	transform:translateY(0px);
  }
}
@keyframes c05 {
  from {margin-left: 100%;}
  to {margin-left: 0%;}
}

#centro0 {
	position: relative;
	background-color: #ffffff;
	display: flex;
	flex-wrap: wrap;
}

#centro0 article {
    background-color: #FFFFFF;
    flex: 30%;
    min-width: 30%;
}

.produ0 {
    text-align: center;
	font-size: 1.2rem;
}
.produ0 img {
	width: 20%;
}
.produ0 h2 {
	color: #097018;
}
.produ0 p {
	width: 80%;
	margin-left: 10%;
}

.gris {
    background-color: #DEDDDD;
    border: 20px solid #FFFFFF;
}

.destaca0 {
	padding-left: 10%;
	padding-right: 10%;
	text-align: center;
}
.destaca0 h1 {
	color: #097018;
	font-size: 2rem;
}

@media screen and (max-width: 940px) {
	#presenta0 {
		margin-top: 0px;
	}
	
	#centro0 article {
    	flex: 50%;
    	min-width: 50%;
	}
	.produ0 {
    	font-size: 1rem;
	}
}