*, *:after, *:before { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#contenedor_carga { background-color: rgba(0, 0, 0, 0.99); height: 100%; width: 100%; position: fixed; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; z-index: 10000; }
#contenedor_carga img { width: 377.2px; height: 274px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; -webkit-animation: cambio 3.5s infinite; -o-animation: cambio 3.5s infinite; animation: cambio 3.5s infinite; }

@keyframes cambio { 0% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.5); opacity: 0.5; }
  100% { transform: scale(1); opacity: 1; } }
.slider { width: 100%; position: relative; z-index: 1; margin: auto; overflow: hidden; }
.slider ul { display: flex; padding: 0; width: 500%; -webkit-animation: portada 50s infinite alternate; -o-animation: portada 50s infinite alternate; animation: portada 50s infinite alternate; }
.slider li { width: 100%; list-style: none; }
.slider img { width: 100%; height: 100vh; }

@keyframes portada { 0% { margin-left: 0; }
  15% { margin-left: 0; }
  20% { margin-left: -100%; }
  35% { margin-left: -100%; }
  40% { margin-left: -200%; }
  55% { margin-left: -200%; }
  60% { margin-left: -300%; }
  75% { margin-left: -300%; }
  80% { margin-left: -400%; }
  100% { margin-left: -400%; } }
body { background: #fff; font-family: Arial, sans-serif; font-size: 16px; }

.contenedor { width: 90%; max-width: 1000px; margin: auto; overflow: hidden; }

header .navbar { width: 100%; top: 0; left: 0; position: fixed; background: #000; }
header .logo { width: 10%; }
header .logo img { margin-top: 7px; margin-bottom: 5px; width: 70px; }
header .nav { font-size: 1.2em; text-align: right; }
header .nav a { margin: 0 20px; text-decoration: none; border-bottom: 2px solid transparent; font-size: 1em; transition: 0.3s; color: #fff; padding: 22px 0; }
header .nav a:hover { border-bottom: 2px solid #fff; background: none; padding: 22px 40px; }
header .agrotrade { position: absolute; z-index: 2; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; height: 100vh; width: 90%; max-width: 1000px; }
header .agrotrade img { max-width: 55%; max-height: 30%; }

.main .contenedor { overflow: visible; }
.main .acerca-de { text-align: justify; }
.main .acerca-de .texto { color: #000; font-size: 1em; line-height: 35px; font-weight: 600; width: 80%; margin: 40px auto 0px; }
.main .acerca-de .texto .titulo { font-size: 34px; margin-top: 50px; margin-bottom: 40px; line-height: 34px; color: #34623F; text-shadow: 1px 1px 0px #000; text-align: center; }
.main .trabajos { background: #f2f2f2; }
.main .trabajos .contenedor .titulo { padding: 7% 0 0; font-size: 34px; margin-bottom: 10px; line-height: 34px; color: #34623F; text-shadow: 1px 1px 0px #000; text-align: center; }
.main .trabajos .contenedor .texto { padding: 0 0 9%; color: #000; font-size: 0.9em; line-height: 35px; font-weight: 600; width: 80%; margin: 0px auto 0px; text-align: center; }
.main .trabajos .contenedor-trabajos { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; padding: 0 0 16%; }
.main .trabajos .contenedor-trabajos .trabajo { width: 25%; background: #fff; border-radius: 50px; border: 1px solid #000; box-shadow: 5px 5px 3px rgba(0, 0, 0, 0.5); cursor: pointer; }
.main .trabajos .contenedor-trabajos .trabajo .thumb { width: 100%; margin-bottom: 10px; }
.main .trabajos .contenedor-trabajos .trabajo .thumb img { width: 100%; vertical-align: top; border-radius: 50px 50px 0 0; border-bottom: 1px solid #000; }
.main .trabajos .contenedor-trabajos .trabajo .descripcion { text-align: center; }
.main .trabajos .contenedor-trabajos .trabajo .descripcion img { width: 20%; margin-bottom: 15px; }
.main .trabajos .contenedor-trabajos .trabajo .nombre { color: #000; margin-bottom: 10px; }

.footer { background: #000; padding: 20px 0; }
.footer .contenedor { overflow: visible; display: flex; justify-content: space-between; align-items: center; }
.footer .contenedor img { width: 15%; }
.footer .contenedor .footerT { color: #fff; text-align: center; display: block; font-size: 20px; margin-bottom: 0; }
.footer .contenedor .small p { color: #fff; text-align: center; display: block; margin-top: 15px; font-size: 13px; }
.footer .contenedor a { color: #fff; text-align: center; width: 100px; display: block; padding: 15px 0; border-radius: 10px; font-size: 40px; margin: 0 20px; }
.footer .contenedor .instagram { transition: 0.3s; }
.footer .contenedor .instagram:hover { background: linear-gradient(45deg, #ffdc80 0%, #fcaf45 11%, #fcaf45 11%, #f77737 22%, #f56040 34%, #f56040 34%, #fd1d1d 46%, #e1306c 57%, #c13584 69%, #833ab4 79%, #5851db 89%, #405de6 99%); }

.contenedor-todo { position: relative; max-width: 1000px; width: 100%; border-radius: 6px; overflow: hidden; margin: 80px auto; }
.contenedor-todo img { max-width: 100%; position: relative; max-width: 1000px; width: 100%; border-radius: 6px; overflow: hidden; }
.contenedor-todo .slide { display: flex; transform: translate3d(0, 0, 0); transition: all 600ms; animation-name: autoplay; animation-duration: 6.5s; animation-direction: alternate; animation-fill-mode: forwards; animation-iteration-count: infinite; }
.contenedor-todo .slide .objeto-slide { position: relative; display: flex; flex-direction: column; flex-shrink: 0; flex-grow: 0; max-width: 100%; }
.contenedor-todo .paginacion { position: absolute; bottom: 20px; left: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 100%; }
.contenedor-todo .paginacion .paginacion-item { display: flex; flex-direction: column; align-items: center; border: 2px solid white; width: 16px; height: 16px; border-radius: 4px; overflow: hidden; cursor: pointer; background: rgba(255, 255, 255, 0.5); margin: 0 10px; text-align: center; transition: all 300ms; }
.contenedor-todo .paginacion .paginacion-item:hover { transform: scale(2); }
.contenedor-todo .paginacion .paginacion-item img { display: inline-block; max-width: none; height: 100%; transform: scale(1); opacity: 0; transition: all 300ms; }
.contenedor-todo .paginacion .paginacion-item img:hover { opacity: 1; transform: scale(1); }
.contenedor-todo input[id="1"]:checked ~ .slide { animation: none; transform: translate3d(0, 0, 0); }
.contenedor-todo input[id="1"]:checked ~ .paginacion .paginacion-item[for="1"] { background: #fff; }
.contenedor-todo input[id="2"]:checked ~ .slide { animation: none; transform: translate3d(calc(-100% * 1), 0, 0); }
.contenedor-todo input[id="2"]:checked ~ .paginacion .paginacion-item[for="2"] { background: #fff; }
.contenedor-todo input[id="3"]:checked ~ .slide { animation: none; transform: translate3d(calc(-100% * 2), 0, 0); }
.contenedor-todo input[id="3"]:checked ~ .paginacion .paginacion-item[for="3"] { background: #fff; }
@keyframes autoplay { 33% { transform: translate3d(calc(-100% * 0), 0, 0); }
  66% { transform: translate3d(calc(-100% * 1), 0, 0); }
  100% { transform: translate3d(calc(-100% * 2), 0, 0); } }
.contenedor2 { width: 95%; height: 100vh; margin: 4% auto 0; overflow: hidden; display: flex; flex-wrap: wrap; justify-content: space-around; align-content: center; }

.fondo { background: url("../imagenes/Fondopaginas.png"); background-size: cover; background-repeat: no-repeat; background-position: center; }

.main2 { width: 60%; margin: auto; text-align: justify; }
.main2 .texto { color: #000; font-size: 1em; line-height: 35px; font-weight: 600; width: 80%; margin: 40px auto 0px; }
.main2 .titulo { font-size: 34px; margin-top: 50px; margin-bottom: 40px; line-height: 34px; color: #34623F; text-shadow: 1px 1px 0px #000; text-align: center; }

.slider2 { width: 30%; margin: auto; overflow: hidden; border-radius: 10px; }
.slider2 ul { display: flex; padding: 0; width: 300%; -webkit-animation: sliderN2 15s infinite alternate; -o-animation: sliderN2 15s infinite alternate; animation: sliderN2 15s infinite alternate; }
.slider2 li { width: 100%; list-style: none; }
.slider2 img { width: 100%; }

@keyframes sliderN2 { 0% { margin-left: 0; }
  30% { margin-left: 0; }
  35% { margin-left: -100%; }
  65% { margin-left: -100%; }
  70% { margin-left: -200%; }
  100% { margin-left: -200%; } }
.reverse3 { display: flex; flex-direction: row-reverse; flex-wrap: wrap; }
.reverse3 .main3 { width: 60%; margin: auto; text-align: justify; }
.reverse3 .main3 .texto { color: #000; font-size: 1.5em; line-height: 35px; font-weight: 600; width: 80%; margin: 40px auto 0px; }
.reverse3 .main3 .titulo { font-size: 34px; margin-top: 50px; margin-bottom: 40px; line-height: 34px; color: #34623F; text-shadow: 1px 1px 0px #000; text-align: center; }
.reverse3 .slider3 { width: 30%; margin: auto; overflow: hidden; border-radius: 10px; }
.reverse3 .slider3 ul { display: flex; padding: 0; width: 300%; -webkit-animation: sliderN3 15s infinite alternate; -o-animation: sliderN3 15s infinite alternate; animation: sliderN3 15s infinite alternate; }
.reverse3 .slider3 li { width: 100%; list-style: none; }
.reverse3 .slider3 img { width: 100%; }

@keyframes sliderN3 { 0% { margin-left: 0; }
  30% { margin-left: 0; }
  35% { margin-left: -100%; }
  65% { margin-left: -100%; }
  70% { margin-left: -200%; }
  100% { margin-left: -200%; } }
.main4 { width: 60%; margin: auto; text-align: justify; }
.main4 .texto { color: #000; font-size: 1.5em; line-height: 35px; font-weight: 600; width: 80%; margin: 40px auto 0px; }
.main4 .titulo { font-size: 34px; margin-top: 50px; margin-bottom: 40px; line-height: 34px; color: #34623F; text-shadow: 1px 1px 0px #000; text-align: center; }

.slider4 { width: 30%; margin: auto; overflow: hidden; border-radius: 10px; }
.slider4 ul { display: flex; padding: 0; width: 400%; -webkit-animation: sliderN4 20s infinite alternate; -o-animation: sliderN4 20s infinite alternate; animation: sliderN4 20s infinite alternate; }
.slider4 li { width: 100%; list-style: none; }
.slider4 img { width: 100%; }

@keyframes sliderN4 { 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%; } }
@media only screen and (max-width: 970px) { .contenedor2 { height: auto; }
  .contenedor2 .main2 { width: 90%; }
  .contenedor2 .main2 .texto { font-size: 1em; }
  .contenedor2 .main2 .titulo { font-size: 34px; }
  .contenedor2 .slider2 { width: 50%; margin-top: 40px; margin-bottom: 100px; }
  .contenedor2 .main4 { width: 90%; }
  .contenedor2 .main4 .texto { font-size: 1em; }
  .contenedor2 .main4 .titulo { font-size: 34px; }
  .contenedor2 .slider4 { width: 50%; margin-top: 100px; margin-bottom: 100px; }
  .reverse3 { flex-direction: column; }
  .reverse3 .main3 { width: 90%; }
  .reverse3 .main3 .texto { font-size: 1em; }
  .reverse3 .main3 .titulo { font-size: 34px; }
  .reverse3 .slider3 { width: 50%; margin-top: 100px; margin-bottom: 100px; } }
@media only screen and (max-width: 800px) { header .menu { text-align: center; }
  header .agrotrade img { width: 400px; }
  #contenedor_carga img { width: 188.6px; height: 137px; }
  .main .trabajos .contenedor-trabajos .trabajo { width: 46%; margin-top: 30px; }
  .footer .contenedor { display: flex; align-content: center; flex-direction: column; }
  .footer .contenedor img { width: 20%; margin-bottom: 15px; }
  .footer .contenedor .small p { margin-bottom: 15px; }
  .footer .contenedor a { padding: 10px 0; } }
@media only screen and (max-width: 767px) { header .boton { color: #fff; font-size: 25px; }
  header .boton:hover { background: #fff; color: #000; }
  header .nav a { display: block; text-align: left; border-bottom: 1px solid rgba(0, 0, 0, 0.3); }
  header .nav a:hover { background: none; border-bottom: 1px solid #fff; color: #fff; padding: 22px 10px; } }
@media only screen and (max-width: 520px) { header .menu { display: flex; flex-direction: column; }
  header .menu a:hover { background: rgba(255, 255, 255, 0.5); border-radius: 15px; }
  header .agrotrade img { width: 300px; }
  .main .contenedor .texto { font-size: 0.9em; }
  .main .trabajos .contenedor-trabajos .trabajo { width: 58%; margin: 30px; }
  .footer { flex-wrap: wrap; padding: 20px 0; } }
@media only screen and (max-width: 450px) { header .main .contenedor .texto { font-size: 0.75em; }
  header .agrotrade img { width: 200px; }
  .footer .contenedor .footerT { font-size: 15px; } }

/*# sourceMappingURL=estilo.css.map */