@import url(http://fonts.googleapis.com/css?family=Abel);
@import url(http://fonts.googleapis.com/css?family=Anaheim);
@import url(http://fonts.googleapis.com/css?family=Arimo);
@import url(http://fonts.googleapis.com/css?family=Bilbo+Swash+Caps );
@import url(http://fonts.googleapis.com/css?family=Abel);



* {
  padding: 0;
  margin: 0
}

.container-absolute {
	position:absolute; width:100%;  z-index:999;
}
.flex {
	   width:100%;
	   height:100vh; 
	   display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
	text-align:center;
   }

   .inicio {
	   background-color:#dd8718;
	   color:white;
	   text-shadow:2px 2px 2px #0B0A0A;
	   
   }
   .inicio h1 {
	   font-size:50px;
	   padding:15px;
	   font-family: Abel, "Helvetica Neue", Helvetica, Arial, sans-serif;
   }
   .inicio h2 {
	   font-size:25px;
	   padding:20px 55px;
	   font-family: Anaheim, "Helvetica Neue", Helvetica, Arial, sans-serif;
   }
   
   .embalajes {
	   background-image: url(../imagenes/bgembalajes.jpg);
	   background-attachment:fixed;
	   background-size:cover;
	   color:white;
   }
   .textform {
	   font-size:35px;
	   padding:20px 55px;
	   font-family: Anaheim, "Helvetica Neue", Helvetica, Arial, sans-serif;
	   color:black;
   }
   .former {
	   font-family:Anaheim, "Helvetica Neue", Helvetica, Arial, sans-serif;
	    font-size:20px;
		color:black;
   }
     .contacto {
	   background-image: url(../imagenes/bgcontacto.jpg);
	   background-attachment:fixed;
	   background-size:cover;
	   color:white;
   }
        .embalajes h1 {
	   font-size:60px;
	   line-height:55px;
	   padding:20px 55px;
	   font-weight:100;
	   color:yellow;
	   font-family: Bilbo Swash Caps, "Helvetica Neue", Helvetica, Arial, sans-serif;
   }
      .embalajes h2 {
	   font-size:23px;
	   padding:20px 55px;
	   font-family: Arimo, "Helvetica Neue", Helvetica, Arial, sans-serif;
   }
body { background-color: #fff;  }
.crossfade > figure {
	z-index:0;
  animation: imageAnimation 60s linear infinite 0s;
  backface-visibility: hidden;
  background-size:cover;
  color: transparent;
  height: 100%;
  left: -2000px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
  
}
.crossfade > figure:nth-child(1) {
  background-image: url('../img/001.jpg');
}
.crossfade > figure:nth-child(2) {
  animation-delay: 12s;
  background-image: url('../img/002.jpg');
}
.crossfade > figure:nth-child(3) {
  animation-delay: 24s;
  background-image: url('../img/003.jpg');
}
.crossfade > figure:nth-child(4) {
  animation-delay: 36s;
  background-image: url('../img/004.jpg');
}
.crossfade > figure:nth-child(5) {
  animation-delay: 48s;
  background-image: url('../img/005.jpg');
}

@keyframes imageAnimation {
  0% {
    animation-timing-function: ease-in;
    opacity: 0;
  }
  2% {
    animation-timing-function: ease-out;
    opacity: 1;
	left:0px;
  }
  17% {
    opacity: 1;
	left:0px;
  }
  25% {
    opacity: 0;
	left:0px;
  }
  100% {
    opacity: 0;
	left:0px;
  }
}